.elementor-3998 .elementor-element.elementor-element-b7392ac{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overflow:hidden;}.elementor-3998 .elementor-element.elementor-element-b7392ac.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3998 .elementor-element.elementor-element-0a55493{text-align:center;}.elementor-3998 .elementor-element.elementor-element-0a55493 .elementor-heading-title{font-family:var( --e-global-typography-aedebd8-font-family ), system;font-size:var( --e-global-typography-aedebd8-font-size );font-weight:var( --e-global-typography-aedebd8-font-weight );line-height:var( --e-global-typography-aedebd8-line-height );color:var( --e-global-color-secondary );}.elementor-3998 .elementor-element.elementor-element-910ccfb{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:32px 32px;--row-gap:32px;--column-gap:32px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3998 .elementor-element.elementor-element-52aa990{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--flex-wrap:nowrap;--border-radius:22px 22px 22px 22px;}.elementor-3998 .elementor-element.elementor-element-52aa990:not(.elementor-motion-effects-element-type-background), .elementor-3998 .elementor-element.elementor-element-52aa990 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ECECEC;}.elementor-3998 .elementor-element.elementor-element-ec2b477{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:12px 12px 12px 12px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3998 .elementor-element.elementor-element-b09b356{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:solid;--border-style:solid;border-width:3px 0px 0px 0px;--border-top-width:3px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#E0E0E0;--border-color:#E0E0E0;--border-radius:12px 12px 0px 0px;--padding-top:32px;--padding-bottom:16px;--padding-left:32px;--padding-right:32px;}.elementor-3998 .elementor-element.elementor-element-b09b356:not(.elementor-motion-effects-element-type-background), .elementor-3998 .elementor-element.elementor-element-b09b356 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-3998 .elementor-element.elementor-element-656d601{background-color:#E6F4EA;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:4px 12px 4px 12px;border-style:none;border-radius:50px 50px 50px 50px;font-family:"Figtree", system;font-size:0.8rem;font-weight:500;color:#187637;}.elementor-3998 .elementor-element.elementor-element-656d601 p{margin-block-end:0px;}.elementor-3998 .elementor-element.elementor-element-8a82640 .elementor-heading-title{font-family:"Figtree", system;font-size:clamp(1.4rem, 1.0385rem + 2.0513vw, 2.2rem);font-weight:500;line-height:120%;}.elementor-3998 .elementor-element.elementor-element-64fb9ed{text-align:center;font-family:var( --e-global-typography-e1462ed-font-family ), system;font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-b3a50fa{font-family:var( --e-global-typography-190de33-font-family ), system;font-size:var( --e-global-typography-190de33-font-size );line-height:var( --e-global-typography-190de33-line-height );}.elementor-3998 .elementor-element.elementor-element-b3a50fa p{margin-block-end:0px;}.elementor-3998 .elementor-element.elementor-element-73af983{margin:-8px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Figtree", system;font-size:0.9rem;color:var( --e-global-color-f4b69c7 );}.elementor-3998 .elementor-element.elementor-element-3144a8c .elementor-button{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-311e053 );}.elementor-3998 .elementor-element.elementor-element-5b8bcc5{--display:flex;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--border-radius:0px 0px 12px 12px;--padding-top:16px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-3998 .elementor-element.elementor-element-5b8bcc5:not(.elementor-motion-effects-element-type-background), .elementor-3998 .elementor-element.elementor-element-5b8bcc5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-38c5709 );}.elementor-3998 .elementor-element.elementor-element-215e9a5{padding:4px 0px 0px 0px;}.elementor-3998 .elementor-element.elementor-element-215e9a5 .elementor-heading-title{font-family:var( --e-global-typography-2ec8f8d-font-family ), system;font-size:var( --e-global-typography-2ec8f8d-font-size );font-weight:var( --e-global-typography-2ec8f8d-font-weight );}.elementor-3998 .elementor-element.elementor-element-8819b2f .elementor-icon-list-icon i{color:#00B358;transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-8819b2f .elementor-icon-list-icon svg{fill:#00B358;transition:fill 0.3s;}.elementor-3998 .elementor-element.elementor-element-8819b2f{--e-icon-list-icon-size:10px;--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-3998 .elementor-element.elementor-element-8819b2f .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-8819b2f .elementor-icon-list-item > a{font-family:var( --e-global-typography-e1462ed-font-family ), system;font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-8819b2f .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-5b2c6f2{padding:4px 0px 0px 0px;}.elementor-3998 .elementor-element.elementor-element-5b2c6f2 .elementor-heading-title{font-family:var( --e-global-typography-2ec8f8d-font-family ), system;font-size:var( --e-global-typography-2ec8f8d-font-size );font-weight:var( --e-global-typography-2ec8f8d-font-weight );}.elementor-3998 .elementor-element.elementor-element-56313c1 .elementor-icon-list-icon i{color:#00B358;transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-56313c1 .elementor-icon-list-icon svg{fill:#00B358;transition:fill 0.3s;}.elementor-3998 .elementor-element.elementor-element-56313c1{--e-icon-list-icon-size:10px;--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-3998 .elementor-element.elementor-element-56313c1 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-56313c1 .elementor-icon-list-item > a{font-family:var( --e-global-typography-e1462ed-font-family ), system;font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-56313c1 .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-ff2511e{margin:-8px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:10px;--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-3998 .elementor-element.elementor-element-ff2511e .elementor-icon-list-icon i{color:var( --e-global-color-c2d603c );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-ff2511e .elementor-icon-list-icon svg{fill:var( --e-global-color-c2d603c );transition:fill 0.3s;}.elementor-3998 .elementor-element.elementor-element-ff2511e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-ff2511e .elementor-icon-list-item > a{font-family:var( --e-global-typography-e1462ed-font-family ), system;font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-ff2511e .elementor-icon-list-text{color:var( --e-global-color-c2d603c );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-c5ab1a5{padding:4px 0px 0px 0px;}.elementor-3998 .elementor-element.elementor-element-c5ab1a5 .elementor-heading-title{font-family:var( --e-global-typography-2ec8f8d-font-family ), system;font-size:var( --e-global-typography-2ec8f8d-font-size );font-weight:var( --e-global-typography-2ec8f8d-font-weight );}.elementor-3998 .elementor-element.elementor-element-19602a5 .elementor-icon-list-icon i{color:#00B358;transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-19602a5 .elementor-icon-list-icon svg{fill:#00B358;transition:fill 0.3s;}.elementor-3998 .elementor-element.elementor-element-19602a5{--e-icon-list-icon-size:10px;--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-3998 .elementor-element.elementor-element-19602a5 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-19602a5 .elementor-icon-list-item > a{font-family:var( --e-global-typography-e1462ed-font-family ), system;font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-19602a5 .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-eba1cde{margin:-8px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:10px;--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-3998 .elementor-element.elementor-element-eba1cde .elementor-icon-list-icon i{color:var( --e-global-color-c2d603c );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-eba1cde .elementor-icon-list-icon svg{fill:var( --e-global-color-c2d603c );transition:fill 0.3s;}.elementor-3998 .elementor-element.elementor-element-eba1cde .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-eba1cde .elementor-icon-list-item > a{font-family:var( --e-global-typography-e1462ed-font-family ), system;font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-eba1cde .elementor-icon-list-text{color:var( --e-global-color-c2d603c );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-a0d46de{padding:4px 0px 0px 0px;}.elementor-3998 .elementor-element.elementor-element-a0d46de .elementor-heading-title{font-family:var( --e-global-typography-2ec8f8d-font-family ), system;font-size:var( --e-global-typography-2ec8f8d-font-size );font-weight:var( --e-global-typography-2ec8f8d-font-weight );}.elementor-3998 .elementor-element.elementor-element-28ad0c1 .elementor-icon-list-icon i{color:#00B358;transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-28ad0c1 .elementor-icon-list-icon svg{fill:#00B358;transition:fill 0.3s;}.elementor-3998 .elementor-element.elementor-element-28ad0c1{--e-icon-list-icon-size:10px;--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-3998 .elementor-element.elementor-element-28ad0c1 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-28ad0c1 .elementor-icon-list-item > a{font-family:var( --e-global-typography-e1462ed-font-family ), system;font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-28ad0c1 .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-27af56c{margin:-8px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:10px;--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-3998 .elementor-element.elementor-element-27af56c .elementor-icon-list-icon i{color:var( --e-global-color-c2d603c );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-27af56c .elementor-icon-list-icon svg{fill:var( --e-global-color-c2d603c );transition:fill 0.3s;}.elementor-3998 .elementor-element.elementor-element-27af56c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-27af56c .elementor-icon-list-item > a{font-family:var( --e-global-typography-e1462ed-font-family ), system;font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-27af56c .elementor-icon-list-text{color:var( --e-global-color-c2d603c );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-b25f338{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:12px 12px 12px 12px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3998 .elementor-element.elementor-element-5902ee6{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:solid;--border-style:solid;border-width:3px 0px 0px 0px;--border-top-width:3px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-311e053 );--border-color:var( --e-global-color-311e053 );--border-radius:12px 12px 0px 0px;--padding-top:32px;--padding-bottom:16px;--padding-left:32px;--padding-right:32px;}.elementor-3998 .elementor-element.elementor-element-5902ee6:not(.elementor-motion-effects-element-type-background), .elementor-3998 .elementor-element.elementor-element-5902ee6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-3998 .elementor-element.elementor-element-f66269c{background-color:var( --e-global-color-311e053 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:4px 12px 4px 12px;border-style:none;border-radius:50px 50px 50px 50px;font-family:"Figtree", system;font-size:0.8rem;font-weight:500;color:var( --e-global-color-accent );}.elementor-3998 .elementor-element.elementor-element-f66269c p{margin-block-end:0px;}.elementor-3998 .elementor-element.elementor-element-c5d5120{background-color:#E6F4EA;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:4px 12px 4px 12px;border-style:none;border-radius:50px 50px 50px 50px;font-family:"Figtree", system;font-size:0.8rem;font-weight:500;color:#187637;}.elementor-3998 .elementor-element.elementor-element-c5d5120 p{margin-block-end:0px;}.elementor-3998 .elementor-element.elementor-element-9dc534f .elementor-heading-title{font-family:"Figtree", system;font-size:clamp(1.4rem, 1.0385rem + 2.0513vw, 2.2rem);font-weight:500;line-height:120%;}.elementor-3998 .elementor-element.elementor-element-d89dc96{text-align:center;font-family:var( --e-global-typography-e1462ed-font-family ), system;font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-dcd18e5{--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-end;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--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-3998 .elementor-element.elementor-element-2977f1f{font-family:"Figtree", system;font-size:1rem;text-decoration:line-through;color:var( --e-global-color-c2d603c );}.elementor-3998 .elementor-element.elementor-element-2977f1f p{margin-block-end:0px;}.elementor-3998 .elementor-element.elementor-element-8dd9c34{font-family:var( --e-global-typography-190de33-font-family ), system;font-size:var( --e-global-typography-190de33-font-size );line-height:var( --e-global-typography-190de33-line-height );color:var( --e-global-color-311e053 );}.elementor-3998 .elementor-element.elementor-element-8dd9c34 p{margin-block-end:0px;}.elementor-3998 .elementor-element.elementor-element-8b9ecfc{margin:-8px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Figtree", system;font-size:0.9rem;color:var( --e-global-color-f4b69c7 );}.elementor-3998 .elementor-element.elementor-element-0cbb0d2 .elementor-button{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-311e053 );}.elementor-3998 .elementor-element.elementor-element-c4ce888{--display:flex;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--border-radius:0px 0px 12px 12px;--padding-top:16px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-3998 .elementor-element.elementor-element-c4ce888:not(.elementor-motion-effects-element-type-background), .elementor-3998 .elementor-element.elementor-element-c4ce888 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-38c5709 );}.elementor-3998 .elementor-element.elementor-element-5be3bdc{padding:4px 0px 0px 0px;}.elementor-3998 .elementor-element.elementor-element-5be3bdc .elementor-heading-title{font-family:var( --e-global-typography-2ec8f8d-font-family ), system;font-size:var( --e-global-typography-2ec8f8d-font-size );font-weight:var( --e-global-typography-2ec8f8d-font-weight );}.elementor-3998 .elementor-element.elementor-element-3d26eca .elementor-icon-list-icon i{color:#00B358;transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-3d26eca .elementor-icon-list-icon svg{fill:#00B358;transition:fill 0.3s;}.elementor-3998 .elementor-element.elementor-element-3d26eca{--e-icon-list-icon-size:10px;--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-3998 .elementor-element.elementor-element-3d26eca .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-3d26eca .elementor-icon-list-item > a{font-family:var( --e-global-typography-e1462ed-font-family ), system;font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-3d26eca .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-d4da703{padding:4px 0px 0px 0px;}.elementor-3998 .elementor-element.elementor-element-d4da703 .elementor-heading-title{font-family:var( --e-global-typography-2ec8f8d-font-family ), system;font-size:var( --e-global-typography-2ec8f8d-font-size );font-weight:var( --e-global-typography-2ec8f8d-font-weight );}.elementor-3998 .elementor-element.elementor-element-004cb11 .elementor-icon-list-icon i{color:#00B358;transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-004cb11 .elementor-icon-list-icon svg{fill:#00B358;transition:fill 0.3s;}.elementor-3998 .elementor-element.elementor-element-004cb11{--e-icon-list-icon-size:10px;--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-3998 .elementor-element.elementor-element-004cb11 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-004cb11 .elementor-icon-list-item > a{font-family:var( --e-global-typography-e1462ed-font-family ), system;font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-004cb11 .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-d58b0bd{margin:-8px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:10px;--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-3998 .elementor-element.elementor-element-d58b0bd .elementor-icon-list-icon i{color:var( --e-global-color-c2d603c );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-d58b0bd .elementor-icon-list-icon svg{fill:var( --e-global-color-c2d603c );transition:fill 0.3s;}.elementor-3998 .elementor-element.elementor-element-d58b0bd .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-d58b0bd .elementor-icon-list-item > a{font-family:var( --e-global-typography-e1462ed-font-family ), system;font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-d58b0bd .elementor-icon-list-text{color:var( --e-global-color-c2d603c );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-eb6233a{padding:4px 0px 0px 0px;}.elementor-3998 .elementor-element.elementor-element-eb6233a .elementor-heading-title{font-family:var( --e-global-typography-2ec8f8d-font-family ), system;font-size:var( --e-global-typography-2ec8f8d-font-size );font-weight:var( --e-global-typography-2ec8f8d-font-weight );}.elementor-3998 .elementor-element.elementor-element-0da9521 .elementor-icon-list-icon i{color:#00B358;transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-0da9521 .elementor-icon-list-icon svg{fill:#00B358;transition:fill 0.3s;}.elementor-3998 .elementor-element.elementor-element-0da9521{--e-icon-list-icon-size:10px;--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-3998 .elementor-element.elementor-element-0da9521 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-0da9521 .elementor-icon-list-item > a{font-family:var( --e-global-typography-e1462ed-font-family ), system;font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-0da9521 .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-65d1eb3{padding:4px 0px 0px 0px;}.elementor-3998 .elementor-element.elementor-element-65d1eb3 .elementor-heading-title{font-family:var( --e-global-typography-2ec8f8d-font-family ), system;font-size:var( --e-global-typography-2ec8f8d-font-size );font-weight:var( --e-global-typography-2ec8f8d-font-weight );}.elementor-3998 .elementor-element.elementor-element-eda777a .elementor-icon-list-icon i{color:#00B358;transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-eda777a .elementor-icon-list-icon svg{fill:#00B358;transition:fill 0.3s;}.elementor-3998 .elementor-element.elementor-element-eda777a{--e-icon-list-icon-size:10px;--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-3998 .elementor-element.elementor-element-eda777a .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-eda777a .elementor-icon-list-item > a{font-family:var( --e-global-typography-e1462ed-font-family ), system;font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-eda777a .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-6a87cc0{margin:-8px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:10px;--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-3998 .elementor-element.elementor-element-6a87cc0 .elementor-icon-list-icon i{color:var( --e-global-color-c2d603c );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-6a87cc0 .elementor-icon-list-icon svg{fill:var( --e-global-color-c2d603c );transition:fill 0.3s;}.elementor-3998 .elementor-element.elementor-element-6a87cc0 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-6a87cc0 .elementor-icon-list-item > a{font-family:var( --e-global-typography-e1462ed-font-family ), system;font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-6a87cc0 .elementor-icon-list-text{color:var( --e-global-color-c2d603c );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-e318ca9{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:12px 12px 12px 12px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3998 .elementor-element.elementor-element-ee4afbe{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:solid;--border-style:solid;border-width:3px 0px 0px 0px;--border-top-width:3px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#E0E0E0;--border-color:#E0E0E0;--border-radius:12px 12px 0px 0px;--padding-top:32px;--padding-bottom:16px;--padding-left:32px;--padding-right:32px;}.elementor-3998 .elementor-element.elementor-element-ee4afbe:not(.elementor-motion-effects-element-type-background), .elementor-3998 .elementor-element.elementor-element-ee4afbe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-3998 .elementor-element.elementor-element-c570f98{background-color:#E6F4EA;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:4px 12px 4px 12px;border-style:none;border-radius:50px 50px 50px 50px;font-family:"Figtree", system;font-size:0.8rem;font-weight:500;color:#187637;}.elementor-3998 .elementor-element.elementor-element-c570f98 p{margin-block-end:0px;}.elementor-3998 .elementor-element.elementor-element-2d51ce3 .elementor-heading-title{font-family:"Figtree", system;font-size:clamp(1.4rem, 1.0385rem + 2.0513vw, 2.2rem);font-weight:500;line-height:120%;}.elementor-3998 .elementor-element.elementor-element-51dae7f{text-align:center;font-family:var( --e-global-typography-e1462ed-font-family ), system;font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-db21031{font-family:var( --e-global-typography-190de33-font-family ), system;font-size:var( --e-global-typography-190de33-font-size );line-height:var( --e-global-typography-190de33-line-height );}.elementor-3998 .elementor-element.elementor-element-db21031 p{margin-block-end:0px;}.elementor-3998 .elementor-element.elementor-element-15f0ac5{margin:-8px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Figtree", system;font-size:0.9rem;color:var( --e-global-color-f4b69c7 );}.elementor-3998 .elementor-element.elementor-element-7969cf8 .elementor-button{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-311e053 );}.elementor-3998 .elementor-element.elementor-element-2c1764b{--display:flex;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--border-radius:0px 0px 12px 12px;--padding-top:16px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-3998 .elementor-element.elementor-element-2c1764b:not(.elementor-motion-effects-element-type-background), .elementor-3998 .elementor-element.elementor-element-2c1764b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-38c5709 );}.elementor-3998 .elementor-element.elementor-element-dbfe161{padding:4px 0px 0px 0px;}.elementor-3998 .elementor-element.elementor-element-dbfe161 .elementor-heading-title{font-family:var( --e-global-typography-2ec8f8d-font-family ), system;font-size:var( --e-global-typography-2ec8f8d-font-size );font-weight:var( --e-global-typography-2ec8f8d-font-weight );}.elementor-3998 .elementor-element.elementor-element-233370f .elementor-icon-list-icon i{color:#00B358;transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-233370f .elementor-icon-list-icon svg{fill:#00B358;transition:fill 0.3s;}.elementor-3998 .elementor-element.elementor-element-233370f{--e-icon-list-icon-size:10px;--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-3998 .elementor-element.elementor-element-233370f .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-233370f .elementor-icon-list-item > a{font-family:var( --e-global-typography-e1462ed-font-family ), system;font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-233370f .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-748d54e{padding:4px 0px 0px 0px;}.elementor-3998 .elementor-element.elementor-element-748d54e .elementor-heading-title{font-family:var( --e-global-typography-2ec8f8d-font-family ), system;font-size:var( --e-global-typography-2ec8f8d-font-size );font-weight:var( --e-global-typography-2ec8f8d-font-weight );}.elementor-3998 .elementor-element.elementor-element-34b033b .elementor-icon-list-icon i{color:#00B358;transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-34b033b .elementor-icon-list-icon svg{fill:#00B358;transition:fill 0.3s;}.elementor-3998 .elementor-element.elementor-element-34b033b{--e-icon-list-icon-size:10px;--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-3998 .elementor-element.elementor-element-34b033b .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-34b033b .elementor-icon-list-item > a{font-family:var( --e-global-typography-e1462ed-font-family ), system;font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-34b033b .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-e28554b{padding:4px 0px 0px 0px;}.elementor-3998 .elementor-element.elementor-element-e28554b .elementor-heading-title{font-family:var( --e-global-typography-2ec8f8d-font-family ), system;font-size:var( --e-global-typography-2ec8f8d-font-size );font-weight:var( --e-global-typography-2ec8f8d-font-weight );}.elementor-3998 .elementor-element.elementor-element-5e0ccfb .elementor-icon-list-icon i{color:#00B358;transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-5e0ccfb .elementor-icon-list-icon svg{fill:#00B358;transition:fill 0.3s;}.elementor-3998 .elementor-element.elementor-element-5e0ccfb{--e-icon-list-icon-size:10px;--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-3998 .elementor-element.elementor-element-5e0ccfb .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-5e0ccfb .elementor-icon-list-item > a{font-family:var( --e-global-typography-e1462ed-font-family ), system;font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-5e0ccfb .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-5159651{padding:4px 0px 0px 0px;}.elementor-3998 .elementor-element.elementor-element-5159651 .elementor-heading-title{font-family:var( --e-global-typography-2ec8f8d-font-family ), system;font-size:var( --e-global-typography-2ec8f8d-font-size );font-weight:var( --e-global-typography-2ec8f8d-font-weight );}.elementor-3998 .elementor-element.elementor-element-5c68dd9 .elementor-icon-list-icon i{color:#00B358;transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-5c68dd9 .elementor-icon-list-icon svg{fill:#00B358;transition:fill 0.3s;}.elementor-3998 .elementor-element.elementor-element-5c68dd9{--e-icon-list-icon-size:10px;--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-3998 .elementor-element.elementor-element-5c68dd9 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-5c68dd9 .elementor-icon-list-item > a{font-family:var( --e-global-typography-e1462ed-font-family ), system;font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-5c68dd9 .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-9161026{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3998 .elementor-element.elementor-element-ae7eaa5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--flex-wrap:nowrap;--border-radius:22px 22px 22px 22px;}.elementor-3998 .elementor-element.elementor-element-ae7eaa5:not(.elementor-motion-effects-element-type-background), .elementor-3998 .elementor-element.elementor-element-ae7eaa5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ECECEC;}.elementor-3998 .elementor-element.elementor-element-8de1533{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:12px 12px 12px 12px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3998 .elementor-element.elementor-element-ca4d14e{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:solid;--border-style:solid;border-width:3px 0px 0px 0px;--border-top-width:3px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#E0E0E0;--border-color:#E0E0E0;--border-radius:12px 12px 0px 0px;--padding-top:32px;--padding-bottom:16px;--padding-left:32px;--padding-right:32px;}.elementor-3998 .elementor-element.elementor-element-ca4d14e:not(.elementor-motion-effects-element-type-background), .elementor-3998 .elementor-element.elementor-element-ca4d14e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-3998 .elementor-element.elementor-element-9f9631a{background-color:#E6F4EA;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:4px 12px 4px 12px;border-style:none;border-radius:50px 50px 50px 50px;font-family:"Figtree", system;font-size:0.8rem;font-weight:500;color:#187637;}.elementor-3998 .elementor-element.elementor-element-9f9631a p{margin-block-end:0px;}.elementor-3998 .elementor-element.elementor-element-21f3189 .elementor-heading-title{font-family:"Figtree", system;font-size:clamp(1.4rem, 1.0385rem + 2.0513vw, 2.2rem);font-weight:500;line-height:120%;}.elementor-3998 .elementor-element.elementor-element-957f2bf{text-align:center;font-family:var( --e-global-typography-e1462ed-font-family ), system;font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-f025864{font-family:var( --e-global-typography-190de33-font-family ), system;font-size:var( --e-global-typography-190de33-font-size );line-height:var( --e-global-typography-190de33-line-height );}.elementor-3998 .elementor-element.elementor-element-f025864 p{margin-block-end:0px;}.elementor-3998 .elementor-element.elementor-element-f56f9f2{margin:-8px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Figtree", system;font-size:0.9rem;color:var( --e-global-color-f4b69c7 );}.elementor-3998 .elementor-element.elementor-element-69b006d .elementor-button{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-311e053 );}.elementor-3998 .elementor-element.elementor-element-41bde97{--display:flex;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--border-radius:0px 0px 12px 12px;--padding-top:16px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-3998 .elementor-element.elementor-element-41bde97:not(.elementor-motion-effects-element-type-background), .elementor-3998 .elementor-element.elementor-element-41bde97 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-38c5709 );}.elementor-3998 .elementor-element.elementor-element-7ccd702{padding:4px 0px 0px 0px;}.elementor-3998 .elementor-element.elementor-element-7ccd702 .elementor-heading-title{font-family:var( --e-global-typography-2ec8f8d-font-family ), system;font-size:var( --e-global-typography-2ec8f8d-font-size );font-weight:var( --e-global-typography-2ec8f8d-font-weight );}.elementor-3998 .elementor-element.elementor-element-6f8928c .elementor-icon-list-icon i{color:#00B358;transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-6f8928c .elementor-icon-list-icon svg{fill:#00B358;transition:fill 0.3s;}.elementor-3998 .elementor-element.elementor-element-6f8928c{--e-icon-list-icon-size:10px;--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-3998 .elementor-element.elementor-element-6f8928c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-6f8928c .elementor-icon-list-item > a{font-family:var( --e-global-typography-e1462ed-font-family ), system;font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-6f8928c .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-ff8b1a8{margin:-8px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:10px;--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-3998 .elementor-element.elementor-element-ff8b1a8 .elementor-icon-list-icon i{color:var( --e-global-color-c2d603c );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-ff8b1a8 .elementor-icon-list-icon svg{fill:var( --e-global-color-c2d603c );transition:fill 0.3s;}.elementor-3998 .elementor-element.elementor-element-ff8b1a8 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-ff8b1a8 .elementor-icon-list-item > a{font-family:var( --e-global-typography-e1462ed-font-family ), system;font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-ff8b1a8 .elementor-icon-list-text{color:var( --e-global-color-c2d603c );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-acfa637{padding:4px 0px 0px 0px;}.elementor-3998 .elementor-element.elementor-element-acfa637 .elementor-heading-title{font-family:var( --e-global-typography-2ec8f8d-font-family ), system;font-size:var( --e-global-typography-2ec8f8d-font-size );font-weight:var( --e-global-typography-2ec8f8d-font-weight );}.elementor-3998 .elementor-element.elementor-element-4ec1b39 .elementor-icon-list-icon i{color:#00B358;transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-4ec1b39 .elementor-icon-list-icon svg{fill:#00B358;transition:fill 0.3s;}.elementor-3998 .elementor-element.elementor-element-4ec1b39{--e-icon-list-icon-size:10px;--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-3998 .elementor-element.elementor-element-4ec1b39 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-4ec1b39 .elementor-icon-list-item > a{font-family:var( --e-global-typography-e1462ed-font-family ), system;font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-4ec1b39 .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-ab3bac2{margin:-8px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:10px;--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-3998 .elementor-element.elementor-element-ab3bac2 .elementor-icon-list-icon i{color:var( --e-global-color-c2d603c );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-ab3bac2 .elementor-icon-list-icon svg{fill:var( --e-global-color-c2d603c );transition:fill 0.3s;}.elementor-3998 .elementor-element.elementor-element-ab3bac2 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-ab3bac2 .elementor-icon-list-item > a{font-family:var( --e-global-typography-e1462ed-font-family ), system;font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-ab3bac2 .elementor-icon-list-text{color:var( --e-global-color-c2d603c );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-3502415{padding:4px 0px 0px 0px;}.elementor-3998 .elementor-element.elementor-element-3502415 .elementor-heading-title{font-family:var( --e-global-typography-2ec8f8d-font-family ), system;font-size:var( --e-global-typography-2ec8f8d-font-size );font-weight:var( --e-global-typography-2ec8f8d-font-weight );}.elementor-3998 .elementor-element.elementor-element-137554d .elementor-icon-list-icon i{color:#00B358;transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-137554d .elementor-icon-list-icon svg{fill:#00B358;transition:fill 0.3s;}.elementor-3998 .elementor-element.elementor-element-137554d{--e-icon-list-icon-size:10px;--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-3998 .elementor-element.elementor-element-137554d .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-137554d .elementor-icon-list-item > a{font-family:var( --e-global-typography-e1462ed-font-family ), system;font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-137554d .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-5c551e7{margin:-8px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:10px;--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-3998 .elementor-element.elementor-element-5c551e7 .elementor-icon-list-icon i{color:var( --e-global-color-c2d603c );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-5c551e7 .elementor-icon-list-icon svg{fill:var( --e-global-color-c2d603c );transition:fill 0.3s;}.elementor-3998 .elementor-element.elementor-element-5c551e7 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-5c551e7 .elementor-icon-list-item > a{font-family:var( --e-global-typography-e1462ed-font-family ), system;font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-5c551e7 .elementor-icon-list-text{color:var( --e-global-color-c2d603c );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-9c7431c{padding:4px 0px 0px 0px;}.elementor-3998 .elementor-element.elementor-element-9c7431c .elementor-heading-title{font-family:var( --e-global-typography-2ec8f8d-font-family ), system;font-size:var( --e-global-typography-2ec8f8d-font-size );font-weight:var( --e-global-typography-2ec8f8d-font-weight );}.elementor-3998 .elementor-element.elementor-element-e441ee2 .elementor-icon-list-icon i{color:#00B358;transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-e441ee2 .elementor-icon-list-icon svg{fill:#00B358;transition:fill 0.3s;}.elementor-3998 .elementor-element.elementor-element-e441ee2{--e-icon-list-icon-size:10px;--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-3998 .elementor-element.elementor-element-e441ee2 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-e441ee2 .elementor-icon-list-item > a{font-family:var( --e-global-typography-e1462ed-font-family ), system;font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-e441ee2 .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-848afc9{margin:-8px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:10px;--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-3998 .elementor-element.elementor-element-848afc9 .elementor-icon-list-icon i{color:var( --e-global-color-c2d603c );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-848afc9 .elementor-icon-list-icon svg{fill:var( --e-global-color-c2d603c );transition:fill 0.3s;}.elementor-3998 .elementor-element.elementor-element-848afc9 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-848afc9 .elementor-icon-list-item > a{font-family:var( --e-global-typography-e1462ed-font-family ), system;font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-848afc9 .elementor-icon-list-text{color:var( --e-global-color-c2d603c );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-3640354{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:12px 12px 12px 12px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3998 .elementor-element.elementor-element-61a3369{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:solid;--border-style:solid;border-width:3px 0px 0px 0px;--border-top-width:3px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-311e053 );--border-color:var( --e-global-color-311e053 );--border-radius:12px 12px 0px 0px;--padding-top:32px;--padding-bottom:16px;--padding-left:32px;--padding-right:32px;}.elementor-3998 .elementor-element.elementor-element-61a3369:not(.elementor-motion-effects-element-type-background), .elementor-3998 .elementor-element.elementor-element-61a3369 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-3998 .elementor-element.elementor-element-f53e667{background-color:var( --e-global-color-311e053 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:4px 12px 4px 12px;border-style:none;border-radius:50px 50px 50px 50px;font-family:"Figtree", system;font-size:0.8rem;font-weight:500;color:var( --e-global-color-accent );}.elementor-3998 .elementor-element.elementor-element-f53e667 p{margin-block-end:0px;}.elementor-3998 .elementor-element.elementor-element-dd39899{background-color:#E6F4EA;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:4px 12px 4px 12px;border-style:none;border-radius:50px 50px 50px 50px;font-family:"Figtree", system;font-size:0.8rem;font-weight:500;color:#187637;}.elementor-3998 .elementor-element.elementor-element-dd39899 p{margin-block-end:0px;}.elementor-3998 .elementor-element.elementor-element-e69c4df .elementor-heading-title{font-family:"Figtree", system;font-size:clamp(1.4rem, 1.0385rem + 2.0513vw, 2.2rem);font-weight:500;line-height:120%;}.elementor-3998 .elementor-element.elementor-element-5f7ffab{text-align:center;font-family:var( --e-global-typography-e1462ed-font-family ), system;font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-0d76bf5{--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-end;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--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-3998 .elementor-element.elementor-element-eb94397{font-family:"Figtree", system;font-size:1rem;text-decoration:line-through;color:var( --e-global-color-c2d603c );}.elementor-3998 .elementor-element.elementor-element-eb94397 p{margin-block-end:0px;}.elementor-3998 .elementor-element.elementor-element-00e3e9b{font-family:var( --e-global-typography-190de33-font-family ), system;font-size:var( --e-global-typography-190de33-font-size );line-height:var( --e-global-typography-190de33-line-height );color:var( --e-global-color-311e053 );}.elementor-3998 .elementor-element.elementor-element-00e3e9b p{margin-block-end:0px;}.elementor-3998 .elementor-element.elementor-element-6d584d5{margin:-8px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Figtree", system;font-size:0.9rem;color:var( --e-global-color-f4b69c7 );}.elementor-3998 .elementor-element.elementor-element-471fb3b .elementor-button{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-311e053 );}.elementor-3998 .elementor-element.elementor-element-2675f28{--display:flex;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--border-radius:0px 0px 12px 12px;--padding-top:16px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-3998 .elementor-element.elementor-element-2675f28:not(.elementor-motion-effects-element-type-background), .elementor-3998 .elementor-element.elementor-element-2675f28 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-38c5709 );}.elementor-3998 .elementor-element.elementor-element-d4b70bd{padding:4px 0px 0px 0px;}.elementor-3998 .elementor-element.elementor-element-d4b70bd .elementor-heading-title{font-family:var( --e-global-typography-2ec8f8d-font-family ), system;font-size:var( --e-global-typography-2ec8f8d-font-size );font-weight:var( --e-global-typography-2ec8f8d-font-weight );}.elementor-3998 .elementor-element.elementor-element-030c014 .elementor-icon-list-icon i{color:#00B358;transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-030c014 .elementor-icon-list-icon svg{fill:#00B358;transition:fill 0.3s;}.elementor-3998 .elementor-element.elementor-element-030c014{--e-icon-list-icon-size:10px;--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-3998 .elementor-element.elementor-element-030c014 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-030c014 .elementor-icon-list-item > a{font-family:var( --e-global-typography-e1462ed-font-family ), system;font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-030c014 .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-daa9a6a{margin:-8px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:10px;--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-3998 .elementor-element.elementor-element-daa9a6a .elementor-icon-list-icon i{color:var( --e-global-color-c2d603c );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-daa9a6a .elementor-icon-list-icon svg{fill:var( --e-global-color-c2d603c );transition:fill 0.3s;}.elementor-3998 .elementor-element.elementor-element-daa9a6a .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-daa9a6a .elementor-icon-list-item > a{font-family:var( --e-global-typography-e1462ed-font-family ), system;font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-daa9a6a .elementor-icon-list-text{color:var( --e-global-color-c2d603c );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-0eab4c1{padding:4px 0px 0px 0px;}.elementor-3998 .elementor-element.elementor-element-0eab4c1 .elementor-heading-title{font-family:var( --e-global-typography-2ec8f8d-font-family ), system;font-size:var( --e-global-typography-2ec8f8d-font-size );font-weight:var( --e-global-typography-2ec8f8d-font-weight );}.elementor-3998 .elementor-element.elementor-element-7da3511 .elementor-icon-list-icon i{color:#00B358;transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-7da3511 .elementor-icon-list-icon svg{fill:#00B358;transition:fill 0.3s;}.elementor-3998 .elementor-element.elementor-element-7da3511{--e-icon-list-icon-size:10px;--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-3998 .elementor-element.elementor-element-7da3511 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-7da3511 .elementor-icon-list-item > a{font-family:var( --e-global-typography-e1462ed-font-family ), system;font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-7da3511 .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-e4290a5{margin:-8px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:10px;--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-3998 .elementor-element.elementor-element-e4290a5 .elementor-icon-list-icon i{color:var( --e-global-color-c2d603c );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-e4290a5 .elementor-icon-list-icon svg{fill:var( --e-global-color-c2d603c );transition:fill 0.3s;}.elementor-3998 .elementor-element.elementor-element-e4290a5 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-e4290a5 .elementor-icon-list-item > a{font-family:var( --e-global-typography-e1462ed-font-family ), system;font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-e4290a5 .elementor-icon-list-text{color:var( --e-global-color-c2d603c );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-e45e3a8{padding:4px 0px 0px 0px;}.elementor-3998 .elementor-element.elementor-element-e45e3a8 .elementor-heading-title{font-family:var( --e-global-typography-2ec8f8d-font-family ), system;font-size:var( --e-global-typography-2ec8f8d-font-size );font-weight:var( --e-global-typography-2ec8f8d-font-weight );}.elementor-3998 .elementor-element.elementor-element-cbd9297 .elementor-icon-list-icon i{color:#00B358;transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-cbd9297 .elementor-icon-list-icon svg{fill:#00B358;transition:fill 0.3s;}.elementor-3998 .elementor-element.elementor-element-cbd9297{--e-icon-list-icon-size:10px;--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-3998 .elementor-element.elementor-element-cbd9297 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-cbd9297 .elementor-icon-list-item > a{font-family:var( --e-global-typography-e1462ed-font-family ), system;font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-cbd9297 .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-5a116e2{padding:4px 0px 0px 0px;}.elementor-3998 .elementor-element.elementor-element-5a116e2 .elementor-heading-title{font-family:var( --e-global-typography-2ec8f8d-font-family ), system;font-size:var( --e-global-typography-2ec8f8d-font-size );font-weight:var( --e-global-typography-2ec8f8d-font-weight );}.elementor-3998 .elementor-element.elementor-element-9b06661 .elementor-icon-list-icon i{color:#00B358;transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-9b06661 .elementor-icon-list-icon svg{fill:#00B358;transition:fill 0.3s;}.elementor-3998 .elementor-element.elementor-element-9b06661{--e-icon-list-icon-size:10px;--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-3998 .elementor-element.elementor-element-9b06661 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-9b06661 .elementor-icon-list-item > a{font-family:var( --e-global-typography-e1462ed-font-family ), system;font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-9b06661 .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-23487c4{margin:-8px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:10px;--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-3998 .elementor-element.elementor-element-23487c4 .elementor-icon-list-icon i{color:var( --e-global-color-c2d603c );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-23487c4 .elementor-icon-list-icon svg{fill:var( --e-global-color-c2d603c );transition:fill 0.3s;}.elementor-3998 .elementor-element.elementor-element-23487c4 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-23487c4 .elementor-icon-list-item > a{font-family:var( --e-global-typography-e1462ed-font-family ), system;font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-23487c4 .elementor-icon-list-text{color:var( --e-global-color-c2d603c );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-b940b5b{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:12px 12px 12px 12px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3998 .elementor-element.elementor-element-292303f{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:solid;--border-style:solid;border-width:3px 0px 0px 0px;--border-top-width:3px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#E0E0E0;--border-color:#E0E0E0;--border-radius:12px 12px 0px 0px;--padding-top:32px;--padding-bottom:16px;--padding-left:32px;--padding-right:32px;}.elementor-3998 .elementor-element.elementor-element-292303f:not(.elementor-motion-effects-element-type-background), .elementor-3998 .elementor-element.elementor-element-292303f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-3998 .elementor-element.elementor-element-49418af{background-color:#E6F4EA;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:4px 12px 4px 12px;border-style:none;border-radius:50px 50px 50px 50px;font-family:"Figtree", system;font-size:0.8rem;font-weight:500;color:#187637;}.elementor-3998 .elementor-element.elementor-element-49418af p{margin-block-end:0px;}.elementor-3998 .elementor-element.elementor-element-4e6c735 .elementor-heading-title{font-family:"Figtree", system;font-size:clamp(1.4rem, 1.0385rem + 2.0513vw, 2.2rem);font-weight:500;line-height:120%;}.elementor-3998 .elementor-element.elementor-element-836cb30{text-align:center;font-family:var( --e-global-typography-e1462ed-font-family ), system;font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-6f8da67{font-family:var( --e-global-typography-190de33-font-family ), system;font-size:var( --e-global-typography-190de33-font-size );line-height:var( --e-global-typography-190de33-line-height );}.elementor-3998 .elementor-element.elementor-element-6f8da67 p{margin-block-end:0px;}.elementor-3998 .elementor-element.elementor-element-b972de2{margin:-8px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Figtree", system;font-size:0.9rem;color:var( --e-global-color-f4b69c7 );}.elementor-3998 .elementor-element.elementor-element-a740113 .elementor-button{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-311e053 );}.elementor-3998 .elementor-element.elementor-element-fb9f4e0{--display:flex;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--border-radius:0px 0px 12px 12px;--padding-top:16px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-3998 .elementor-element.elementor-element-fb9f4e0:not(.elementor-motion-effects-element-type-background), .elementor-3998 .elementor-element.elementor-element-fb9f4e0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-38c5709 );}.elementor-3998 .elementor-element.elementor-element-c662e29{padding:4px 0px 0px 0px;}.elementor-3998 .elementor-element.elementor-element-c662e29 .elementor-heading-title{font-family:var( --e-global-typography-2ec8f8d-font-family ), system;font-size:var( --e-global-typography-2ec8f8d-font-size );font-weight:var( --e-global-typography-2ec8f8d-font-weight );}.elementor-3998 .elementor-element.elementor-element-9eb8947 .elementor-icon-list-icon i{color:#00B358;transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-9eb8947 .elementor-icon-list-icon svg{fill:#00B358;transition:fill 0.3s;}.elementor-3998 .elementor-element.elementor-element-9eb8947{--e-icon-list-icon-size:10px;--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-3998 .elementor-element.elementor-element-9eb8947 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-9eb8947 .elementor-icon-list-item > a{font-family:var( --e-global-typography-e1462ed-font-family ), system;font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-9eb8947 .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-5fe8a91{padding:4px 0px 0px 0px;}.elementor-3998 .elementor-element.elementor-element-5fe8a91 .elementor-heading-title{font-family:var( --e-global-typography-2ec8f8d-font-family ), system;font-size:var( --e-global-typography-2ec8f8d-font-size );font-weight:var( --e-global-typography-2ec8f8d-font-weight );}.elementor-3998 .elementor-element.elementor-element-51cf06a .elementor-icon-list-icon i{color:#00B358;transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-51cf06a .elementor-icon-list-icon svg{fill:#00B358;transition:fill 0.3s;}.elementor-3998 .elementor-element.elementor-element-51cf06a{--e-icon-list-icon-size:10px;--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-3998 .elementor-element.elementor-element-51cf06a .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-51cf06a .elementor-icon-list-item > a{font-family:var( --e-global-typography-e1462ed-font-family ), system;font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-51cf06a .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-9805133{padding:4px 0px 0px 0px;}.elementor-3998 .elementor-element.elementor-element-9805133 .elementor-heading-title{font-family:var( --e-global-typography-2ec8f8d-font-family ), system;font-size:var( --e-global-typography-2ec8f8d-font-size );font-weight:var( --e-global-typography-2ec8f8d-font-weight );}.elementor-3998 .elementor-element.elementor-element-779ad28 .elementor-icon-list-icon i{color:#00B358;transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-779ad28 .elementor-icon-list-icon svg{fill:#00B358;transition:fill 0.3s;}.elementor-3998 .elementor-element.elementor-element-779ad28{--e-icon-list-icon-size:10px;--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-3998 .elementor-element.elementor-element-779ad28 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-779ad28 .elementor-icon-list-item > a{font-family:var( --e-global-typography-e1462ed-font-family ), system;font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-779ad28 .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-1730b9b{padding:4px 0px 0px 0px;}.elementor-3998 .elementor-element.elementor-element-1730b9b .elementor-heading-title{font-family:var( --e-global-typography-2ec8f8d-font-family ), system;font-size:var( --e-global-typography-2ec8f8d-font-size );font-weight:var( --e-global-typography-2ec8f8d-font-weight );}.elementor-3998 .elementor-element.elementor-element-00f54eb .elementor-icon-list-icon i{color:#00B358;transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-00f54eb .elementor-icon-list-icon svg{fill:#00B358;transition:fill 0.3s;}.elementor-3998 .elementor-element.elementor-element-00f54eb{--e-icon-list-icon-size:10px;--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-3998 .elementor-element.elementor-element-00f54eb .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-00f54eb .elementor-icon-list-item > a{font-family:var( --e-global-typography-e1462ed-font-family ), system;font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-00f54eb .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-63ff7bb{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3998 .elementor-element.elementor-element-ca3032c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--flex-wrap:nowrap;--border-radius:16px 16px 16px 16px;}.elementor-3998 .elementor-element.elementor-element-ca3032c:not(.elementor-motion-effects-element-type-background), .elementor-3998 .elementor-element.elementor-element-ca3032c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ECECEC;}.elementor-3998 .elementor-element.elementor-element-e8d6318{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:12px 12px 12px 12px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3998 .elementor-element.elementor-element-171f547{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:solid;--border-style:solid;border-width:3px 0px 0px 0px;--border-top-width:3px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#E0E0E0;--border-color:#E0E0E0;--border-radius:12px 12px 0px 0px;--padding-top:32px;--padding-bottom:16px;--padding-left:32px;--padding-right:32px;}.elementor-3998 .elementor-element.elementor-element-171f547:not(.elementor-motion-effects-element-type-background), .elementor-3998 .elementor-element.elementor-element-171f547 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-3998 .elementor-element.elementor-element-3390c2d{background-color:#E6F4EA;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:4px 12px 4px 12px;border-style:none;border-radius:50px 50px 50px 50px;font-family:"Figtree", system;font-size:0.8rem;font-weight:500;color:#187637;}.elementor-3998 .elementor-element.elementor-element-3390c2d p{margin-block-end:0px;}.elementor-3998 .elementor-element.elementor-element-fe334d7 .elementor-heading-title{font-family:"Figtree", system;font-size:clamp(1.4rem, 1.0385rem + 2.0513vw, 2.2rem);font-weight:500;line-height:120%;}.elementor-3998 .elementor-element.elementor-element-ca1c3a1{text-align:center;font-family:var( --e-global-typography-e1462ed-font-family ), system;font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-0c43928{font-family:var( --e-global-typography-190de33-font-family ), system;font-size:var( --e-global-typography-190de33-font-size );line-height:var( --e-global-typography-190de33-line-height );}.elementor-3998 .elementor-element.elementor-element-0c43928 p{margin-block-end:0px;}.elementor-3998 .elementor-element.elementor-element-8b533d8{margin:-8px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Figtree", system;font-size:0.9rem;color:var( --e-global-color-f4b69c7 );}.elementor-3998 .elementor-element.elementor-element-9086802 .elementor-button{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-311e053 );}.elementor-3998 .elementor-element.elementor-element-1141827{--display:flex;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--border-radius:0px 0px 12px 12px;--padding-top:16px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-3998 .elementor-element.elementor-element-1141827:not(.elementor-motion-effects-element-type-background), .elementor-3998 .elementor-element.elementor-element-1141827 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-38c5709 );}.elementor-3998 .elementor-element.elementor-element-0c26311{padding:4px 0px 0px 0px;}.elementor-3998 .elementor-element.elementor-element-0c26311 .elementor-heading-title{font-family:var( --e-global-typography-2ec8f8d-font-family ), system;font-size:var( --e-global-typography-2ec8f8d-font-size );font-weight:var( --e-global-typography-2ec8f8d-font-weight );}.elementor-3998 .elementor-element.elementor-element-5711149 .elementor-icon-list-icon i{color:#00B358;transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-5711149 .elementor-icon-list-icon svg{fill:#00B358;transition:fill 0.3s;}.elementor-3998 .elementor-element.elementor-element-5711149{--e-icon-list-icon-size:10px;--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-3998 .elementor-element.elementor-element-5711149 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-5711149 .elementor-icon-list-item > a{font-family:var( --e-global-typography-e1462ed-font-family ), system;font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-5711149 .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-8e9e1c4{margin:-8px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:10px;--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-3998 .elementor-element.elementor-element-8e9e1c4 .elementor-icon-list-icon i{color:var( --e-global-color-c2d603c );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-8e9e1c4 .elementor-icon-list-icon svg{fill:var( --e-global-color-c2d603c );transition:fill 0.3s;}.elementor-3998 .elementor-element.elementor-element-8e9e1c4 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-8e9e1c4 .elementor-icon-list-item > a{font-family:var( --e-global-typography-e1462ed-font-family ), system;font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-8e9e1c4 .elementor-icon-list-text{color:var( --e-global-color-c2d603c );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-ad53f05{padding:4px 0px 0px 0px;}.elementor-3998 .elementor-element.elementor-element-ad53f05 .elementor-heading-title{font-family:var( --e-global-typography-2ec8f8d-font-family ), system;font-size:var( --e-global-typography-2ec8f8d-font-size );font-weight:var( --e-global-typography-2ec8f8d-font-weight );}.elementor-3998 .elementor-element.elementor-element-4cbedb5 .elementor-icon-list-icon i{color:#00B358;transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-4cbedb5 .elementor-icon-list-icon svg{fill:#00B358;transition:fill 0.3s;}.elementor-3998 .elementor-element.elementor-element-4cbedb5{--e-icon-list-icon-size:10px;--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-3998 .elementor-element.elementor-element-4cbedb5 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-4cbedb5 .elementor-icon-list-item > a{font-family:var( --e-global-typography-e1462ed-font-family ), system;font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-4cbedb5 .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-64c5e1c{margin:-8px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:10px;--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-3998 .elementor-element.elementor-element-64c5e1c .elementor-icon-list-icon i{color:var( --e-global-color-c2d603c );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-64c5e1c .elementor-icon-list-icon svg{fill:var( --e-global-color-c2d603c );transition:fill 0.3s;}.elementor-3998 .elementor-element.elementor-element-64c5e1c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-64c5e1c .elementor-icon-list-item > a{font-family:var( --e-global-typography-e1462ed-font-family ), system;font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-64c5e1c .elementor-icon-list-text{color:var( --e-global-color-c2d603c );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-89f941c{padding:4px 0px 0px 0px;}.elementor-3998 .elementor-element.elementor-element-89f941c .elementor-heading-title{font-family:var( --e-global-typography-2ec8f8d-font-family ), system;font-size:var( --e-global-typography-2ec8f8d-font-size );font-weight:var( --e-global-typography-2ec8f8d-font-weight );}.elementor-3998 .elementor-element.elementor-element-8958a75 .elementor-icon-list-icon i{color:#00B358;transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-8958a75 .elementor-icon-list-icon svg{fill:#00B358;transition:fill 0.3s;}.elementor-3998 .elementor-element.elementor-element-8958a75{--e-icon-list-icon-size:10px;--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-3998 .elementor-element.elementor-element-8958a75 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-8958a75 .elementor-icon-list-item > a{font-family:var( --e-global-typography-e1462ed-font-family ), system;font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-8958a75 .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-43f4d39{margin:-8px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:10px;--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-3998 .elementor-element.elementor-element-43f4d39 .elementor-icon-list-icon i{color:var( --e-global-color-c2d603c );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-43f4d39 .elementor-icon-list-icon svg{fill:var( --e-global-color-c2d603c );transition:fill 0.3s;}.elementor-3998 .elementor-element.elementor-element-43f4d39 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-43f4d39 .elementor-icon-list-item > a{font-family:var( --e-global-typography-e1462ed-font-family ), system;font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-43f4d39 .elementor-icon-list-text{color:var( --e-global-color-c2d603c );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-058d84e{padding:4px 0px 0px 0px;}.elementor-3998 .elementor-element.elementor-element-058d84e .elementor-heading-title{font-family:var( --e-global-typography-2ec8f8d-font-family ), system;font-size:var( --e-global-typography-2ec8f8d-font-size );font-weight:var( --e-global-typography-2ec8f8d-font-weight );}.elementor-3998 .elementor-element.elementor-element-b4ef7f9 .elementor-icon-list-icon i{color:#00B358;transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-b4ef7f9 .elementor-icon-list-icon svg{fill:#00B358;transition:fill 0.3s;}.elementor-3998 .elementor-element.elementor-element-b4ef7f9{--e-icon-list-icon-size:10px;--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-3998 .elementor-element.elementor-element-b4ef7f9 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-b4ef7f9 .elementor-icon-list-item > a{font-family:var( --e-global-typography-e1462ed-font-family ), system;font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-b4ef7f9 .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-57e7fb1{margin:-8px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:10px;--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-3998 .elementor-element.elementor-element-57e7fb1 .elementor-icon-list-icon i{color:var( --e-global-color-c2d603c );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-57e7fb1 .elementor-icon-list-icon svg{fill:var( --e-global-color-c2d603c );transition:fill 0.3s;}.elementor-3998 .elementor-element.elementor-element-57e7fb1 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-57e7fb1 .elementor-icon-list-item > a{font-family:var( --e-global-typography-e1462ed-font-family ), system;font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-57e7fb1 .elementor-icon-list-text{color:var( --e-global-color-c2d603c );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-fbe4122{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:12px 12px 12px 12px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3998 .elementor-element.elementor-element-b11474a{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:solid;--border-style:solid;border-width:3px 0px 0px 0px;--border-top-width:3px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-311e053 );--border-color:var( --e-global-color-311e053 );--border-radius:12px 12px 0px 0px;--padding-top:32px;--padding-bottom:16px;--padding-left:32px;--padding-right:32px;}.elementor-3998 .elementor-element.elementor-element-b11474a:not(.elementor-motion-effects-element-type-background), .elementor-3998 .elementor-element.elementor-element-b11474a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-3998 .elementor-element.elementor-element-d5d095c{background-color:var( --e-global-color-311e053 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:4px 12px 4px 12px;border-style:none;border-radius:50px 50px 50px 50px;font-family:"Figtree", system;font-size:0.8rem;font-weight:500;color:var( --e-global-color-accent );}.elementor-3998 .elementor-element.elementor-element-d5d095c p{margin-block-end:0px;}.elementor-3998 .elementor-element.elementor-element-b0959ee{background-color:#E6F4EA;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:4px 12px 4px 12px;border-style:none;border-radius:50px 50px 50px 50px;font-family:"Figtree", system;font-size:0.8rem;font-weight:500;color:#187637;}.elementor-3998 .elementor-element.elementor-element-b0959ee p{margin-block-end:0px;}.elementor-3998 .elementor-element.elementor-element-0b61fab .elementor-heading-title{font-family:"Figtree", system;font-size:clamp(1.4rem, 1.0385rem + 2.0513vw, 2.2rem);font-weight:500;line-height:120%;}.elementor-3998 .elementor-element.elementor-element-3590f6b{text-align:center;font-family:var( --e-global-typography-e1462ed-font-family ), system;font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-dd73d4c{--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-end;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--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-3998 .elementor-element.elementor-element-ae93130{font-family:"Figtree", system;font-size:1rem;text-decoration:line-through;color:var( --e-global-color-c2d603c );}.elementor-3998 .elementor-element.elementor-element-ae93130 p{margin-block-end:0px;}.elementor-3998 .elementor-element.elementor-element-ae4d96c{font-family:var( --e-global-typography-190de33-font-family ), system;font-size:var( --e-global-typography-190de33-font-size );line-height:var( --e-global-typography-190de33-line-height );color:var( --e-global-color-311e053 );}.elementor-3998 .elementor-element.elementor-element-ae4d96c p{margin-block-end:0px;}.elementor-3998 .elementor-element.elementor-element-25fb32d{margin:-8px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Figtree", system;font-size:0.9rem;color:var( --e-global-color-f4b69c7 );}.elementor-3998 .elementor-element.elementor-element-40e8c9d .elementor-button{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-311e053 );}.elementor-3998 .elementor-element.elementor-element-63fc068{--display:flex;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--border-radius:0px 0px 12px 12px;--padding-top:16px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-3998 .elementor-element.elementor-element-63fc068:not(.elementor-motion-effects-element-type-background), .elementor-3998 .elementor-element.elementor-element-63fc068 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-38c5709 );}.elementor-3998 .elementor-element.elementor-element-979684c{padding:4px 0px 0px 0px;}.elementor-3998 .elementor-element.elementor-element-979684c .elementor-heading-title{font-family:var( --e-global-typography-2ec8f8d-font-family ), system;font-size:var( --e-global-typography-2ec8f8d-font-size );font-weight:var( --e-global-typography-2ec8f8d-font-weight );}.elementor-3998 .elementor-element.elementor-element-cce7262 .elementor-icon-list-icon i{color:#00B358;transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-cce7262 .elementor-icon-list-icon svg{fill:#00B358;transition:fill 0.3s;}.elementor-3998 .elementor-element.elementor-element-cce7262{--e-icon-list-icon-size:10px;--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-3998 .elementor-element.elementor-element-cce7262 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-cce7262 .elementor-icon-list-item > a{font-family:var( --e-global-typography-e1462ed-font-family ), system;font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-cce7262 .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-80dd460{margin:-8px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:10px;--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-3998 .elementor-element.elementor-element-80dd460 .elementor-icon-list-icon i{color:var( --e-global-color-c2d603c );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-80dd460 .elementor-icon-list-icon svg{fill:var( --e-global-color-c2d603c );transition:fill 0.3s;}.elementor-3998 .elementor-element.elementor-element-80dd460 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-80dd460 .elementor-icon-list-item > a{font-family:var( --e-global-typography-e1462ed-font-family ), system;font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-80dd460 .elementor-icon-list-text{color:var( --e-global-color-c2d603c );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-3eedb16{padding:4px 0px 0px 0px;}.elementor-3998 .elementor-element.elementor-element-3eedb16 .elementor-heading-title{font-family:var( --e-global-typography-2ec8f8d-font-family ), system;font-size:var( --e-global-typography-2ec8f8d-font-size );font-weight:var( --e-global-typography-2ec8f8d-font-weight );}.elementor-3998 .elementor-element.elementor-element-0902de3 .elementor-icon-list-icon i{color:#00B358;transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-0902de3 .elementor-icon-list-icon svg{fill:#00B358;transition:fill 0.3s;}.elementor-3998 .elementor-element.elementor-element-0902de3{--e-icon-list-icon-size:10px;--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-3998 .elementor-element.elementor-element-0902de3 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-0902de3 .elementor-icon-list-item > a{font-family:var( --e-global-typography-e1462ed-font-family ), system;font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-0902de3 .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-003da8b{margin:-8px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:10px;--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-3998 .elementor-element.elementor-element-003da8b .elementor-icon-list-icon i{color:var( --e-global-color-c2d603c );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-003da8b .elementor-icon-list-icon svg{fill:var( --e-global-color-c2d603c );transition:fill 0.3s;}.elementor-3998 .elementor-element.elementor-element-003da8b .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-003da8b .elementor-icon-list-item > a{font-family:var( --e-global-typography-e1462ed-font-family ), system;font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-003da8b .elementor-icon-list-text{color:var( --e-global-color-c2d603c );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-b8b8466{padding:4px 0px 0px 0px;}.elementor-3998 .elementor-element.elementor-element-b8b8466 .elementor-heading-title{font-family:var( --e-global-typography-2ec8f8d-font-family ), system;font-size:var( --e-global-typography-2ec8f8d-font-size );font-weight:var( --e-global-typography-2ec8f8d-font-weight );}.elementor-3998 .elementor-element.elementor-element-f2617e7 .elementor-icon-list-icon i{color:#00B358;transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-f2617e7 .elementor-icon-list-icon svg{fill:#00B358;transition:fill 0.3s;}.elementor-3998 .elementor-element.elementor-element-f2617e7{--e-icon-list-icon-size:10px;--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-3998 .elementor-element.elementor-element-f2617e7 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-f2617e7 .elementor-icon-list-item > a{font-family:var( --e-global-typography-e1462ed-font-family ), system;font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-f2617e7 .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-2b3a729{padding:4px 0px 0px 0px;}.elementor-3998 .elementor-element.elementor-element-2b3a729 .elementor-heading-title{font-family:var( --e-global-typography-2ec8f8d-font-family ), system;font-size:var( --e-global-typography-2ec8f8d-font-size );font-weight:var( --e-global-typography-2ec8f8d-font-weight );}.elementor-3998 .elementor-element.elementor-element-a475126 .elementor-icon-list-icon i{color:#00B358;transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-a475126 .elementor-icon-list-icon svg{fill:#00B358;transition:fill 0.3s;}.elementor-3998 .elementor-element.elementor-element-a475126{--e-icon-list-icon-size:10px;--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-3998 .elementor-element.elementor-element-a475126 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-a475126 .elementor-icon-list-item > a{font-family:var( --e-global-typography-e1462ed-font-family ), system;font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-a475126 .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-440135b{margin:-8px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:10px;--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-3998 .elementor-element.elementor-element-440135b .elementor-icon-list-icon i{color:var( --e-global-color-c2d603c );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-440135b .elementor-icon-list-icon svg{fill:var( --e-global-color-c2d603c );transition:fill 0.3s;}.elementor-3998 .elementor-element.elementor-element-440135b .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-440135b .elementor-icon-list-item > a{font-family:var( --e-global-typography-e1462ed-font-family ), system;font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-440135b .elementor-icon-list-text{color:var( --e-global-color-c2d603c );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-9ac3352{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:12px 12px 12px 12px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3998 .elementor-element.elementor-element-3adac86{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:solid;--border-style:solid;border-width:3px 0px 0px 0px;--border-top-width:3px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#E0E0E0;--border-color:#E0E0E0;--border-radius:12px 12px 0px 0px;--padding-top:32px;--padding-bottom:16px;--padding-left:32px;--padding-right:32px;}.elementor-3998 .elementor-element.elementor-element-3adac86:not(.elementor-motion-effects-element-type-background), .elementor-3998 .elementor-element.elementor-element-3adac86 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-3998 .elementor-element.elementor-element-b12789d{background-color:#E6F4EA;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:4px 12px 4px 12px;border-style:none;border-radius:50px 50px 50px 50px;font-family:"Figtree", system;font-size:0.8rem;font-weight:500;color:#187637;}.elementor-3998 .elementor-element.elementor-element-b12789d p{margin-block-end:0px;}.elementor-3998 .elementor-element.elementor-element-92ed673 .elementor-heading-title{font-family:"Figtree", system;font-size:clamp(1.4rem, 1.0385rem + 2.0513vw, 2.2rem);font-weight:500;line-height:120%;}.elementor-3998 .elementor-element.elementor-element-0334b61{text-align:center;font-family:var( --e-global-typography-e1462ed-font-family ), system;font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-c4e44d8{font-family:var( --e-global-typography-190de33-font-family ), system;font-size:var( --e-global-typography-190de33-font-size );line-height:var( --e-global-typography-190de33-line-height );}.elementor-3998 .elementor-element.elementor-element-c4e44d8 p{margin-block-end:0px;}.elementor-3998 .elementor-element.elementor-element-9856caf{margin:-8px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Figtree", system;font-size:0.9rem;color:var( --e-global-color-f4b69c7 );}.elementor-3998 .elementor-element.elementor-element-0984891 .elementor-button{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-311e053 );}.elementor-3998 .elementor-element.elementor-element-6c658b2{--display:flex;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--border-radius:0px 0px 12px 12px;--padding-top:16px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-3998 .elementor-element.elementor-element-6c658b2:not(.elementor-motion-effects-element-type-background), .elementor-3998 .elementor-element.elementor-element-6c658b2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-38c5709 );}.elementor-3998 .elementor-element.elementor-element-bf8e5f6{padding:4px 0px 0px 0px;}.elementor-3998 .elementor-element.elementor-element-bf8e5f6 .elementor-heading-title{font-family:var( --e-global-typography-2ec8f8d-font-family ), system;font-size:var( --e-global-typography-2ec8f8d-font-size );font-weight:var( --e-global-typography-2ec8f8d-font-weight );}.elementor-3998 .elementor-element.elementor-element-368b9ba .elementor-icon-list-icon i{color:#00B358;transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-368b9ba .elementor-icon-list-icon svg{fill:#00B358;transition:fill 0.3s;}.elementor-3998 .elementor-element.elementor-element-368b9ba{--e-icon-list-icon-size:10px;--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-3998 .elementor-element.elementor-element-368b9ba .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-368b9ba .elementor-icon-list-item > a{font-family:var( --e-global-typography-e1462ed-font-family ), system;font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-368b9ba .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-e568799{padding:4px 0px 0px 0px;}.elementor-3998 .elementor-element.elementor-element-e568799 .elementor-heading-title{font-family:var( --e-global-typography-2ec8f8d-font-family ), system;font-size:var( --e-global-typography-2ec8f8d-font-size );font-weight:var( --e-global-typography-2ec8f8d-font-weight );}.elementor-3998 .elementor-element.elementor-element-c51b00e .elementor-icon-list-icon i{color:#00B358;transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-c51b00e .elementor-icon-list-icon svg{fill:#00B358;transition:fill 0.3s;}.elementor-3998 .elementor-element.elementor-element-c51b00e{--e-icon-list-icon-size:10px;--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-3998 .elementor-element.elementor-element-c51b00e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-c51b00e .elementor-icon-list-item > a{font-family:var( --e-global-typography-e1462ed-font-family ), system;font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-c51b00e .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-7521abb{padding:4px 0px 0px 0px;}.elementor-3998 .elementor-element.elementor-element-7521abb .elementor-heading-title{font-family:var( --e-global-typography-2ec8f8d-font-family ), system;font-size:var( --e-global-typography-2ec8f8d-font-size );font-weight:var( --e-global-typography-2ec8f8d-font-weight );}.elementor-3998 .elementor-element.elementor-element-ed179ae .elementor-icon-list-icon i{color:#00B358;transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-ed179ae .elementor-icon-list-icon svg{fill:#00B358;transition:fill 0.3s;}.elementor-3998 .elementor-element.elementor-element-ed179ae{--e-icon-list-icon-size:10px;--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-3998 .elementor-element.elementor-element-ed179ae .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-ed179ae .elementor-icon-list-item > a{font-family:var( --e-global-typography-e1462ed-font-family ), system;font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-ed179ae .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-9052bfe{padding:4px 0px 0px 0px;}.elementor-3998 .elementor-element.elementor-element-9052bfe .elementor-heading-title{font-family:var( --e-global-typography-2ec8f8d-font-family ), system;font-size:var( --e-global-typography-2ec8f8d-font-size );font-weight:var( --e-global-typography-2ec8f8d-font-weight );}.elementor-3998 .elementor-element.elementor-element-0997fb5 .elementor-icon-list-icon i{color:#00B358;transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-0997fb5 .elementor-icon-list-icon svg{fill:#00B358;transition:fill 0.3s;}.elementor-3998 .elementor-element.elementor-element-0997fb5{--e-icon-list-icon-size:10px;--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-3998 .elementor-element.elementor-element-0997fb5 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-0997fb5 .elementor-icon-list-item > a{font-family:var( --e-global-typography-e1462ed-font-family ), system;font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-0997fb5 .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-3998 .elementor-element.elementor-element-ed2c391{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-border-radius:6px 6px 6px 6px;--n-tabs-title-padding-top:8px;--n-tabs-title-padding-right:16px;--n-tabs-title-padding-bottom:8px;--n-tabs-title-padding-left:16px;--n-tabs-title-font-size:var( --e-global-typography-e1462ed-font-size );--n-tabs-title-color:#808080;--n-tabs-title-color-active:var( --e-global-color-secondary );}.elementor-3998 .elementor-element.elementor-element-ed2c391 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#ECECEC;}.elementor-3998 .elementor-element.elementor-element-ed2c391.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:none;}.elementor-3998 .elementor-element.elementor-element-ed2c391.elementor-widget-n-tabs > .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-e1462ed-font-family ), system;}.elementor-3998 .elementor-element.elementor-element-ed2c391 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-secondary );}.elementor-3998 .elementor-element.elementor-element-2a3ffd9{width:var( --container-widget-width, 850px );max-width:850px;padding:0px 0px 0px 0px;--container-widget-width:850px;--container-widget-flex-grow:0;font-family:"Figtree", system;font-size:0.9rem;color:var( --e-global-color-f4b69c7 );}.elementor-3998 .elementor-element.elementor-element-d3a7ad6{--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;--overflow:hidden;}.elementor-3998 .elementor-element.elementor-element-0c266ba{--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;--border-radius:22px 22px 22px 22px;--padding-top:64px;--padding-bottom:64px;--padding-left:64px;--padding-right:64px;}.elementor-3998 .elementor-element.elementor-element-0c266ba:not(.elementor-motion-effects-element-type-background), .elementor-3998 .elementor-element.elementor-element-0c266ba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-3998 .elementor-element.elementor-element-bae1a6f{text-align:center;}.elementor-3998 .elementor-element.elementor-element-bae1a6f .elementor-heading-title{color:var( --e-global-color-3562d31 );}.elementor-3998 .elementor-element.elementor-element-7a6d4ef{text-align:center;font-family:var( --e-global-typography-text-font-family ), system;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-3562d31 );}.elementor-3998 .elementor-element.elementor-element-7a6d4ef p{margin-block-end:0px;}.elementor-3998 .elementor-element.elementor-element-ef840bb .elementor-button{background-color:var( --e-global-color-primary );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );}.elementor-3998 .elementor-element.elementor-element-7e09f5f{text-align:center;font-family:var( --e-global-typography-6729099-font-family ), system;font-size:var( --e-global-typography-6729099-font-size );color:var( --e-global-color-3562d31 );}.elementor-3998 .elementor-element.elementor-element-a70a04c{--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:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3998 .elementor-element.elementor-element-0ad1e06:not( .elementor-widget-image ), .elementor-3998 .elementor-element.elementor-element-0ad1e06.elementor-widget-image img{-webkit-mask-image:url( https://smartorg.no/wp-content/plugins/elementor/assets/mask-shapes/circle.svg );-webkit-mask-size:contain;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;}.elementor-3998 .elementor-element.elementor-element-0ad1e06 img{width:150px;}.elementor-3998 .elementor-element.elementor-element-3f0cc45{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -24px;padding:0px 0px 0px 0px;}.elementor-3998 .elementor-element.elementor-element-3f0cc45:not( .elementor-widget-image ), .elementor-3998 .elementor-element.elementor-element-3f0cc45.elementor-widget-image img{-webkit-mask-image:url( https://smartorg.no/wp-content/plugins/elementor/assets/mask-shapes/circle.svg );-webkit-mask-size:contain;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;}.elementor-3998 .elementor-element.elementor-element-3f0cc45 img{width:150px;}.elementor-3998 .elementor-element.elementor-element-55afff3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -24px;}.elementor-3998 .elementor-element.elementor-element-55afff3:not( .elementor-widget-image ), .elementor-3998 .elementor-element.elementor-element-55afff3.elementor-widget-image img{-webkit-mask-image:url( https://smartorg.no/wp-content/plugins/elementor/assets/mask-shapes/circle.svg );-webkit-mask-size:contain;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;}.elementor-3998 .elementor-element.elementor-element-55afff3 img{width:150px;}.elementor-3998 .elementor-element.elementor-element-88f2d05{--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;--overflow:hidden;}.elementor-3998 .elementor-element.elementor-element-4c0f51a{text-align:center;}.elementor-3998 .elementor-element.elementor-element-4c0f51a .elementor-heading-title{font-family:var( --e-global-typography-3fdf047-font-family ), system;font-size:var( --e-global-typography-3fdf047-font-size );font-weight:var( --e-global-typography-3fdf047-font-weight );line-height:var( --e-global-typography-3fdf047-line-height );color:var( --e-global-color-secondary );}.elementor-3998 .elementor-element.elementor-element-cd19fbe{text-align:center;}.elementor-3998 .elementor-element.elementor-element-cd19fbe .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-3998 .elementor-element.elementor-element-6533f5a{border-style:none;border-radius:0px 0px 0px 0px;}.elementor-3998 .elementor-element.elementor-element-55b03b7{text-align:center;}.elementor-3998 .elementor-element.elementor-element-55b03b7 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-3998 .elementor-element.elementor-element-3518c4a{text-align:center;}.elementor-3998 .elementor-element.elementor-element-3518c4a .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-3998 .elementor-element.elementor-element-3a6e8d9{text-align:center;}.elementor-3998 .elementor-element.elementor-element-3a6e8d9 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-3998 .elementor-element.elementor-element-93c6488{width:var( --container-widget-width, 850px );max-width:850px;--container-widget-width:850px;--container-widget-flex-grow:0;text-align:center;font-family:"Figtree", system;font-size:0.9rem;color:var( --e-global-color-f4b69c7 );}@media(max-width:1024px){.elementor-3998 .elementor-element.elementor-element-b7392ac{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3998 .elementor-element.elementor-element-0a55493 .elementor-heading-title{font-size:var( --e-global-typography-aedebd8-font-size );line-height:var( --e-global-typography-aedebd8-line-height );}.elementor-3998 .elementor-element.elementor-element-52aa990{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:0px 0px 0px 0px;--padding-top:32px;--padding-bottom:32px;--padding-left:16px;--padding-right:16px;}.elementor-3998 .elementor-element.elementor-element-ec2b477.e-con{--flex-shrink:0;}.elementor-3998 .elementor-element.elementor-element-64fb9ed{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-b3a50fa{font-size:var( --e-global-typography-190de33-font-size );line-height:var( --e-global-typography-190de33-line-height );}.elementor-3998 .elementor-element.elementor-element-215e9a5 .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-8819b2f .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-8819b2f .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-5b2c6f2 .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-56313c1 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-56313c1 .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-ff2511e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-ff2511e .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-c5ab1a5 .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-19602a5 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-19602a5 .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-eba1cde .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-eba1cde .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-a0d46de .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-28ad0c1 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-28ad0c1 .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-27af56c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-27af56c .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-b25f338.e-con{--flex-shrink:0;}.elementor-3998 .elementor-element.elementor-element-d89dc96{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-8dd9c34{font-size:var( --e-global-typography-190de33-font-size );line-height:var( --e-global-typography-190de33-line-height );}.elementor-3998 .elementor-element.elementor-element-5be3bdc .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-3d26eca .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-3d26eca .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-d4da703 .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-004cb11 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-004cb11 .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-d58b0bd .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-d58b0bd .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-eb6233a .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-0da9521 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-0da9521 .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-65d1eb3 .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-eda777a .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-eda777a .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-6a87cc0 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-6a87cc0 .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-e318ca9.e-con{--flex-shrink:0;}.elementor-3998 .elementor-element.elementor-element-51dae7f{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-db21031{font-size:var( --e-global-typography-190de33-font-size );line-height:var( --e-global-typography-190de33-line-height );}.elementor-3998 .elementor-element.elementor-element-dbfe161 .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-233370f .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-233370f .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-748d54e .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-34b033b .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-34b033b .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-e28554b .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-5e0ccfb .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-5e0ccfb .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-5159651 .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-5c68dd9 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-5c68dd9 .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-ae7eaa5{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:0px 0px 0px 0px;--padding-top:32px;--padding-bottom:32px;--padding-left:16px;--padding-right:16px;}.elementor-3998 .elementor-element.elementor-element-8de1533.e-con{--flex-shrink:0;}.elementor-3998 .elementor-element.elementor-element-957f2bf{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-f025864{font-size:var( --e-global-typography-190de33-font-size );line-height:var( --e-global-typography-190de33-line-height );}.elementor-3998 .elementor-element.elementor-element-7ccd702 .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-6f8928c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-6f8928c .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-ff8b1a8 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-ff8b1a8 .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-acfa637 .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-4ec1b39 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-4ec1b39 .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-ab3bac2 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-ab3bac2 .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-3502415 .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-137554d .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-137554d .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-5c551e7 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-5c551e7 .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-9c7431c .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-e441ee2 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-e441ee2 .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-848afc9 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-848afc9 .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-3640354.e-con{--flex-shrink:0;}.elementor-3998 .elementor-element.elementor-element-5f7ffab{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-00e3e9b{font-size:var( --e-global-typography-190de33-font-size );line-height:var( --e-global-typography-190de33-line-height );}.elementor-3998 .elementor-element.elementor-element-d4b70bd .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-030c014 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-030c014 .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-daa9a6a .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-daa9a6a .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-0eab4c1 .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-7da3511 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-7da3511 .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-e4290a5 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-e4290a5 .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-e45e3a8 .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-cbd9297 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-cbd9297 .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-5a116e2 .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-9b06661 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-9b06661 .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-23487c4 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-23487c4 .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-b940b5b.e-con{--flex-shrink:0;}.elementor-3998 .elementor-element.elementor-element-836cb30{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-6f8da67{font-size:var( --e-global-typography-190de33-font-size );line-height:var( --e-global-typography-190de33-line-height );}.elementor-3998 .elementor-element.elementor-element-c662e29 .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-9eb8947 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-9eb8947 .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-5fe8a91 .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-51cf06a .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-51cf06a .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-9805133 .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-779ad28 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-779ad28 .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-1730b9b .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-00f54eb .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-00f54eb .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-ca3032c{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:0px 0px 0px 0px;--padding-top:32px;--padding-bottom:32px;--padding-left:16px;--padding-right:16px;}.elementor-3998 .elementor-element.elementor-element-e8d6318.e-con{--flex-shrink:0;}.elementor-3998 .elementor-element.elementor-element-ca1c3a1{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-0c43928{font-size:var( --e-global-typography-190de33-font-size );line-height:var( --e-global-typography-190de33-line-height );}.elementor-3998 .elementor-element.elementor-element-0c26311 .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-5711149 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-5711149 .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-8e9e1c4 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-8e9e1c4 .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-ad53f05 .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-4cbedb5 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-4cbedb5 .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-64c5e1c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-64c5e1c .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-89f941c .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-8958a75 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-8958a75 .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-43f4d39 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-43f4d39 .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-058d84e .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-b4ef7f9 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-b4ef7f9 .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-57e7fb1 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-57e7fb1 .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-fbe4122.e-con{--flex-shrink:0;}.elementor-3998 .elementor-element.elementor-element-3590f6b{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-ae4d96c{font-size:var( --e-global-typography-190de33-font-size );line-height:var( --e-global-typography-190de33-line-height );}.elementor-3998 .elementor-element.elementor-element-979684c .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-cce7262 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-cce7262 .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-80dd460 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-80dd460 .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-3eedb16 .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-0902de3 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-0902de3 .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-003da8b .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-003da8b .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-b8b8466 .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-f2617e7 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-f2617e7 .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-2b3a729 .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-a475126 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-a475126 .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-440135b .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-440135b .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-9ac3352.e-con{--flex-shrink:0;}.elementor-3998 .elementor-element.elementor-element-0334b61{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-c4e44d8{font-size:var( --e-global-typography-190de33-font-size );line-height:var( --e-global-typography-190de33-line-height );}.elementor-3998 .elementor-element.elementor-element-bf8e5f6 .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-368b9ba .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-368b9ba .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-e568799 .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-c51b00e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-c51b00e .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-7521abb .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-ed179ae .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-ed179ae .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-9052bfe .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-0997fb5 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-0997fb5 .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-ed2c391{--n-tabs-title-font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-2a3ffd9{padding:0px 16px 0px 16px;}.elementor-3998 .elementor-element.elementor-element-7a6d4ef{font-size:var( --e-global-typography-text-font-size );}.elementor-3998 .elementor-element.elementor-element-7e09f5f{font-size:var( --e-global-typography-6729099-font-size );}.elementor-3998 .elementor-element.elementor-element-4c0f51a .elementor-heading-title{font-size:var( --e-global-typography-3fdf047-font-size );line-height:var( --e-global-typography-3fdf047-line-height );}}@media(max-width:767px){.elementor-3998 .elementor-element.elementor-element-0a55493 .elementor-heading-title{font-size:var( --e-global-typography-aedebd8-font-size );line-height:var( --e-global-typography-aedebd8-line-height );}.elementor-3998 .elementor-element.elementor-element-52aa990{--padding-top:32px;--padding-bottom:32px;--padding-left:10px;--padding-right:10px;}.elementor-3998 .elementor-element.elementor-element-ec2b477{--width:85%;}.elementor-3998 .elementor-element.elementor-element-b09b356{--padding-top:20px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-3998 .elementor-element.elementor-element-656d601{font-size:0.925rem;}.elementor-3998 .elementor-element.elementor-element-64fb9ed{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-b3a50fa{font-size:var( --e-global-typography-190de33-font-size );line-height:var( --e-global-typography-190de33-line-height );}.elementor-3998 .elementor-element.elementor-element-73af983{font-size:0.925rem;}.elementor-3998 .elementor-element.elementor-element-215e9a5 .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-8819b2f .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-8819b2f .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-5b2c6f2 .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-56313c1 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-56313c1 .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-ff2511e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-ff2511e .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-c5ab1a5 .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-19602a5 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-19602a5 .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-eba1cde .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-eba1cde .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-a0d46de .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-28ad0c1 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-28ad0c1 .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-27af56c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-27af56c .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-b25f338{--width:85%;}.elementor-3998 .elementor-element.elementor-element-5902ee6{--padding-top:20px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-3998 .elementor-element.elementor-element-f66269c{font-size:0.925rem;}.elementor-3998 .elementor-element.elementor-element-c5d5120{font-size:0.925rem;}.elementor-3998 .elementor-element.elementor-element-d89dc96{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-2977f1f{font-size:0.925rem;}.elementor-3998 .elementor-element.elementor-element-8dd9c34{font-size:var( --e-global-typography-190de33-font-size );line-height:var( --e-global-typography-190de33-line-height );}.elementor-3998 .elementor-element.elementor-element-8b9ecfc{font-size:0.925rem;}.elementor-3998 .elementor-element.elementor-element-5be3bdc .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-3d26eca .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-3d26eca .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-d4da703 .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-004cb11 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-004cb11 .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-d58b0bd .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-d58b0bd .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-eb6233a .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-0da9521 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-0da9521 .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-65d1eb3 .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-eda777a .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-eda777a .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-6a87cc0 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-6a87cc0 .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-e318ca9{--width:85%;}.elementor-3998 .elementor-element.elementor-element-ee4afbe{--padding-top:20px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-3998 .elementor-element.elementor-element-c570f98{font-size:0.925rem;}.elementor-3998 .elementor-element.elementor-element-51dae7f{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-db21031{font-size:var( --e-global-typography-190de33-font-size );line-height:var( --e-global-typography-190de33-line-height );}.elementor-3998 .elementor-element.elementor-element-15f0ac5{font-size:0.925rem;}.elementor-3998 .elementor-element.elementor-element-dbfe161 .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-233370f .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-233370f .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-748d54e .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-34b033b .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-34b033b .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-e28554b .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-5e0ccfb .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-5e0ccfb .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-5159651 .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-5c68dd9 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-5c68dd9 .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-ae7eaa5{--padding-top:32px;--padding-bottom:32px;--padding-left:10px;--padding-right:10px;}.elementor-3998 .elementor-element.elementor-element-8de1533{--width:85%;}.elementor-3998 .elementor-element.elementor-element-ca4d14e{--padding-top:20px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-3998 .elementor-element.elementor-element-9f9631a{font-size:0.925rem;}.elementor-3998 .elementor-element.elementor-element-957f2bf{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-f025864{font-size:var( --e-global-typography-190de33-font-size );line-height:var( --e-global-typography-190de33-line-height );}.elementor-3998 .elementor-element.elementor-element-f56f9f2{font-size:0.925rem;}.elementor-3998 .elementor-element.elementor-element-7ccd702 .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-6f8928c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-6f8928c .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-ff8b1a8 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-ff8b1a8 .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-acfa637 .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-4ec1b39 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-4ec1b39 .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-ab3bac2 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-ab3bac2 .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-3502415 .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-137554d .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-137554d .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-5c551e7 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-5c551e7 .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-9c7431c .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-e441ee2 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-e441ee2 .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-848afc9 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-848afc9 .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-3640354{--width:85%;}.elementor-3998 .elementor-element.elementor-element-61a3369{--padding-top:20px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-3998 .elementor-element.elementor-element-f53e667{font-size:0.925rem;}.elementor-3998 .elementor-element.elementor-element-dd39899{font-size:0.925rem;}.elementor-3998 .elementor-element.elementor-element-5f7ffab{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-eb94397{font-size:0.925rem;}.elementor-3998 .elementor-element.elementor-element-00e3e9b{font-size:var( --e-global-typography-190de33-font-size );line-height:var( --e-global-typography-190de33-line-height );}.elementor-3998 .elementor-element.elementor-element-6d584d5{font-size:0.925rem;}.elementor-3998 .elementor-element.elementor-element-d4b70bd .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-030c014 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-030c014 .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-daa9a6a .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-daa9a6a .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-0eab4c1 .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-7da3511 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-7da3511 .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-e4290a5 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-e4290a5 .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-e45e3a8 .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-cbd9297 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-cbd9297 .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-5a116e2 .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-9b06661 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-9b06661 .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-23487c4 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-23487c4 .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-b940b5b{--width:85%;}.elementor-3998 .elementor-element.elementor-element-292303f{--padding-top:20px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-3998 .elementor-element.elementor-element-49418af{font-size:0.925rem;}.elementor-3998 .elementor-element.elementor-element-836cb30{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-6f8da67{font-size:var( --e-global-typography-190de33-font-size );line-height:var( --e-global-typography-190de33-line-height );}.elementor-3998 .elementor-element.elementor-element-b972de2{font-size:0.925rem;}.elementor-3998 .elementor-element.elementor-element-c662e29 .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-9eb8947 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-9eb8947 .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-5fe8a91 .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-51cf06a .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-51cf06a .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-9805133 .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-779ad28 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-779ad28 .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-1730b9b .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-00f54eb .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-00f54eb .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-ca3032c{--padding-top:32px;--padding-bottom:32px;--padding-left:10px;--padding-right:10px;}.elementor-3998 .elementor-element.elementor-element-e8d6318{--width:85%;}.elementor-3998 .elementor-element.elementor-element-171f547{--padding-top:20px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-3998 .elementor-element.elementor-element-3390c2d{font-size:0.925rem;}.elementor-3998 .elementor-element.elementor-element-ca1c3a1{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-0c43928{font-size:var( --e-global-typography-190de33-font-size );line-height:var( --e-global-typography-190de33-line-height );}.elementor-3998 .elementor-element.elementor-element-8b533d8{font-size:0.925rem;}.elementor-3998 .elementor-element.elementor-element-0c26311 .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-5711149 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-5711149 .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-8e9e1c4 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-8e9e1c4 .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-ad53f05 .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-4cbedb5 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-4cbedb5 .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-64c5e1c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-64c5e1c .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-89f941c .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-8958a75 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-8958a75 .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-43f4d39 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-43f4d39 .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-058d84e .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-b4ef7f9 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-b4ef7f9 .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-57e7fb1 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-57e7fb1 .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-fbe4122{--width:85%;}.elementor-3998 .elementor-element.elementor-element-b11474a{--padding-top:20px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-3998 .elementor-element.elementor-element-d5d095c{font-size:0.925rem;}.elementor-3998 .elementor-element.elementor-element-b0959ee{font-size:0.925rem;}.elementor-3998 .elementor-element.elementor-element-3590f6b{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-ae93130{font-size:0.925rem;}.elementor-3998 .elementor-element.elementor-element-ae4d96c{font-size:var( --e-global-typography-190de33-font-size );line-height:var( --e-global-typography-190de33-line-height );}.elementor-3998 .elementor-element.elementor-element-25fb32d{font-size:0.925rem;}.elementor-3998 .elementor-element.elementor-element-979684c .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-cce7262 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-cce7262 .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-80dd460 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-80dd460 .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-3eedb16 .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-0902de3 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-0902de3 .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-003da8b .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-003da8b .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-b8b8466 .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-f2617e7 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-f2617e7 .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-2b3a729 .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-a475126 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-a475126 .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-440135b .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-440135b .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-9ac3352{--width:85%;}.elementor-3998 .elementor-element.elementor-element-3adac86{--padding-top:20px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-3998 .elementor-element.elementor-element-b12789d{font-size:0.925rem;}.elementor-3998 .elementor-element.elementor-element-0334b61{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-c4e44d8{font-size:var( --e-global-typography-190de33-font-size );line-height:var( --e-global-typography-190de33-line-height );}.elementor-3998 .elementor-element.elementor-element-9856caf{font-size:0.925rem;}.elementor-3998 .elementor-element.elementor-element-bf8e5f6 .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-368b9ba .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-368b9ba .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-e568799 .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-c51b00e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-c51b00e .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-7521abb .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-ed179ae .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-ed179ae .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-9052bfe .elementor-heading-title{font-size:var( --e-global-typography-2ec8f8d-font-size );}.elementor-3998 .elementor-element.elementor-element-0997fb5 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3998 .elementor-element.elementor-element-0997fb5 .elementor-icon-list-item > a{font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-ed2c391{--n-tabs-title-font-size:var( --e-global-typography-e1462ed-font-size );}.elementor-3998 .elementor-element.elementor-element-2a3ffd9{font-size:0.925rem;}.elementor-3998 .elementor-element.elementor-element-0c266ba{--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-3998 .elementor-element.elementor-element-7a6d4ef{font-size:var( --e-global-typography-text-font-size );}.elementor-3998 .elementor-element.elementor-element-7e09f5f{font-size:var( --e-global-typography-6729099-font-size );}.elementor-3998 .elementor-element.elementor-element-a70a04c{--flex-wrap:nowrap;}.elementor-3998 .elementor-element.elementor-element-0ad1e06 img{width:100px;}.elementor-3998 .elementor-element.elementor-element-3f0cc45 img{width:100px;}.elementor-3998 .elementor-element.elementor-element-55afff3 img{width:100px;}.elementor-3998 .elementor-element.elementor-element-4c0f51a .elementor-heading-title{font-size:var( --e-global-typography-3fdf047-font-size );line-height:var( --e-global-typography-3fdf047-line-height );}.elementor-3998 .elementor-element.elementor-element-93c6488{font-size:0.925rem;}}@media(min-width:768px){.elementor-3998 .elementor-element.elementor-element-b7392ac{--content-width:1400px;}.elementor-3998 .elementor-element.elementor-element-d3a7ad6{--content-width:850px;}.elementor-3998 .elementor-element.elementor-element-88f2d05{--content-width:850px;}}@media(max-width:1024px) and (min-width:768px){.elementor-3998 .elementor-element.elementor-element-ec2b477{--width:60%;}.elementor-3998 .elementor-element.elementor-element-b25f338{--width:60%;}.elementor-3998 .elementor-element.elementor-element-e318ca9{--width:60%;}.elementor-3998 .elementor-element.elementor-element-8de1533{--width:60%;}.elementor-3998 .elementor-element.elementor-element-3640354{--width:60%;}.elementor-3998 .elementor-element.elementor-element-b940b5b{--width:60%;}.elementor-3998 .elementor-element.elementor-element-e8d6318{--width:60%;}.elementor-3998 .elementor-element.elementor-element-fbe4122{--width:60%;}.elementor-3998 .elementor-element.elementor-element-9ac3352{--width:60%;}}/* Start custom CSS for text-editor, class: .elementor-element-73af983 */.elementor-3998 .elementor-element.elementor-element-73af983 { text-wrap: balance; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3144a8c */.elementor-3998 .elementor-element.elementor-element-3144a8c .elementor-button {
    background: #faf7f6; 
    color: #000000;
    position: relative;
    overflow: hidden; 
    transition: color 0.3s ease;
}

.elementor-3998 .elementor-element.elementor-element-3144a8c .elementor-button::before {
    content: "";
    position: absolute;
    top: 100%;
    left: -50%;
    width: 200%;
    height: 200%; 
    background: #bb44aa;
    border-radius: 50%;
    transition: top 0.3s ease;
    z-index: 0;
}

.elementor-3998 .elementor-element.elementor-element-3144a8c .elementor-button-content-wrapper {
    position: relative;
    z-index: 1;
}

.elementor-3998 .elementor-element.elementor-element-3144a8c .elementor-button:hover::before {
    top: -20% ;
}

.elementor-3998 .elementor-element.elementor-element-3144a8c .elementor-button:hover {
    color: #FFFFFF;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-8819b2f *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-8819b2f .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-8819b2f .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-8819b2f .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-8819b2f .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-8819b2f .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-8819b2f .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-8819b2f .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-8819b2f .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-8819b2f .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-56313c1 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-56313c1 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-56313c1 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-56313c1 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-56313c1 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-56313c1 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-56313c1 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-56313c1 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-56313c1 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-56313c1 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ff2511e *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-ff2511e .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-ff2511e .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-ff2511e .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-ff2511e .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-ff2511e .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-ff2511e .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-ff2511e .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-ff2511e .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-ff2511e .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-19602a5 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-19602a5 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-19602a5 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-19602a5 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-19602a5 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-19602a5 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-19602a5 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-19602a5 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-19602a5 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-19602a5 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-eba1cde *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-eba1cde .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-eba1cde .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-eba1cde .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-eba1cde .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-eba1cde .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-eba1cde .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-eba1cde .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-eba1cde .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-eba1cde .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-28ad0c1 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-28ad0c1 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-28ad0c1 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-28ad0c1 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-28ad0c1 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-28ad0c1 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-28ad0c1 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-28ad0c1 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-28ad0c1 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-28ad0c1 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-27af56c *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-27af56c .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-27af56c .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-27af56c .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-27af56c .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-27af56c .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-27af56c .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-27af56c .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-27af56c .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-27af56c .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f66269c */.elementor-3998 .elementor-element.elementor-element-f66269c {
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8b9ecfc */.elementor-3998 .elementor-element.elementor-element-8b9ecfc { text-wrap: balance; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0cbb0d2 */.elementor-3998 .elementor-element.elementor-element-0cbb0d2 .elementor-button {
    background: #faf7f6; 
    color: #000000;
    position: relative;
    overflow: hidden; 
    transition: color 0.3s ease;
}

.elementor-3998 .elementor-element.elementor-element-0cbb0d2 .elementor-button::before {
    content: "";
    position: absolute;
    top: 100%;
    left: -50%;
    width: 200%;
    height: 200%; 
    background: #bb44aa;
    border-radius: 50%;
    transition: top 0.3s ease;
    z-index: 0;
}

.elementor-3998 .elementor-element.elementor-element-0cbb0d2 .elementor-button-content-wrapper {
    position: relative;
    z-index: 1;
}

.elementor-3998 .elementor-element.elementor-element-0cbb0d2 .elementor-button:hover::before {
    top: -20% ;
}

.elementor-3998 .elementor-element.elementor-element-0cbb0d2 .elementor-button:hover {
    color: #FFFFFF;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-3d26eca *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-3d26eca .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-3d26eca .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-3d26eca .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-3d26eca .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-3d26eca .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-3d26eca .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-3d26eca .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-3d26eca .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-3d26eca .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-004cb11 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-004cb11 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-004cb11 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-004cb11 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-004cb11 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-004cb11 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-004cb11 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-004cb11 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-004cb11 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-004cb11 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d58b0bd *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-d58b0bd .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-d58b0bd .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-d58b0bd .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-d58b0bd .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-d58b0bd .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-d58b0bd .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-d58b0bd .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-d58b0bd .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-d58b0bd .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-0da9521 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-0da9521 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-0da9521 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-0da9521 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-0da9521 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-0da9521 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-0da9521 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-0da9521 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-0da9521 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-0da9521 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-eda777a *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-eda777a .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-eda777a .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-eda777a .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-eda777a .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-eda777a .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-eda777a .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-eda777a .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-eda777a .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-eda777a .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-6a87cc0 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-6a87cc0 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-6a87cc0 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-6a87cc0 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-6a87cc0 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-6a87cc0 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-6a87cc0 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-6a87cc0 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-6a87cc0 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-6a87cc0 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-15f0ac5 */.elementor-3998 .elementor-element.elementor-element-15f0ac5 { text-wrap: balance; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-7969cf8 */.elementor-3998 .elementor-element.elementor-element-7969cf8 .elementor-button {
    background: #faf7f6; 
    color: #000000;
    position: relative;
    overflow: hidden; 
    transition: color 0.3s ease;
}

.elementor-3998 .elementor-element.elementor-element-7969cf8 .elementor-button::before {
    content: "";
    position: absolute;
    top: 100%;
    left: -50%;
    width: 200%;
    height: 200%; 
    background: #bb44aa;
    border-radius: 50%;
    transition: top 0.3s ease;
    z-index: 0;
}

.elementor-3998 .elementor-element.elementor-element-7969cf8 .elementor-button-content-wrapper {
    position: relative;
    z-index: 1;
}

.elementor-3998 .elementor-element.elementor-element-7969cf8 .elementor-button:hover::before {
    top: -20% ;
}

.elementor-3998 .elementor-element.elementor-element-7969cf8 .elementor-button:hover {
    color: #FFFFFF;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-233370f *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-233370f .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-233370f .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-233370f .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-233370f .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-233370f .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-233370f .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-233370f .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-233370f .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-233370f .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-34b033b *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-34b033b .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-34b033b .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-34b033b .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-34b033b .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-34b033b .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-34b033b .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-34b033b .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-34b033b .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-34b033b .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-5e0ccfb *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-5e0ccfb .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-5e0ccfb .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-5e0ccfb .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-5e0ccfb .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-5e0ccfb .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-5e0ccfb .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-5e0ccfb .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-5e0ccfb .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-5e0ccfb .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-5c68dd9 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-5c68dd9 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-5c68dd9 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-5c68dd9 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-5c68dd9 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-5c68dd9 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-5c68dd9 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-5c68dd9 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-5c68dd9 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-5c68dd9 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-52aa990 */.elementor-3998 .elementor-element.elementor-element-52aa990 {
    overflow-x: auto;
    overflow-y: hidden;


}

/* 2. Hide the ugly default scrollbar */
.elementor-3998 .elementor-element.elementor-element-52aa990::-webkit-scrollbar {
    display: none;
}
.elementor-3998 .elementor-element.elementor-element-52aa990 {
    -ms-overflow-style: none;
    scrollbar-width: none;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f56f9f2 */.elementor-3998 .elementor-element.elementor-element-f56f9f2 { text-wrap: balance; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-69b006d */.elementor-3998 .elementor-element.elementor-element-69b006d .elementor-button {
    background: #faf7f6; 
    color: #000000;
    position: relative;
    overflow: hidden; 
    transition: color 0.3s ease;
}

.elementor-3998 .elementor-element.elementor-element-69b006d .elementor-button::before {
    content: "";
    position: absolute;
    top: 100%;
    left: -50%;
    width: 200%;
    height: 200%; 
    background: #bb44aa;
    border-radius: 50%;
    transition: top 0.3s ease;
    z-index: 0;
}

.elementor-3998 .elementor-element.elementor-element-69b006d .elementor-button-content-wrapper {
    position: relative;
    z-index: 1;
}

.elementor-3998 .elementor-element.elementor-element-69b006d .elementor-button:hover::before {
    top: -20% ;
}

.elementor-3998 .elementor-element.elementor-element-69b006d .elementor-button:hover {
    color: #FFFFFF;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-6f8928c *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-6f8928c .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-6f8928c .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-6f8928c .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-6f8928c .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-6f8928c .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-6f8928c .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-6f8928c .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-6f8928c .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-6f8928c .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ff8b1a8 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-ff8b1a8 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-ff8b1a8 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-ff8b1a8 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-ff8b1a8 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-ff8b1a8 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-ff8b1a8 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-ff8b1a8 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-ff8b1a8 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-ff8b1a8 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-4ec1b39 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-4ec1b39 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-4ec1b39 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-4ec1b39 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-4ec1b39 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-4ec1b39 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-4ec1b39 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-4ec1b39 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-4ec1b39 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-4ec1b39 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ab3bac2 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-ab3bac2 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-ab3bac2 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-ab3bac2 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-ab3bac2 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-ab3bac2 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-ab3bac2 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-ab3bac2 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-ab3bac2 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-ab3bac2 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-137554d *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-137554d .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-137554d .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-137554d .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-137554d .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-137554d .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-137554d .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-137554d .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-137554d .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-137554d .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-5c551e7 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-5c551e7 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-5c551e7 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-5c551e7 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-5c551e7 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-5c551e7 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-5c551e7 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-5c551e7 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-5c551e7 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-5c551e7 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e441ee2 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-e441ee2 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-e441ee2 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-e441ee2 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-e441ee2 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-e441ee2 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-e441ee2 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-e441ee2 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-e441ee2 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-e441ee2 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-848afc9 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-848afc9 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-848afc9 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-848afc9 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-848afc9 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-848afc9 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-848afc9 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-848afc9 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-848afc9 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-848afc9 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f53e667 */.elementor-3998 .elementor-element.elementor-element-f53e667 {
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-6d584d5 */.elementor-3998 .elementor-element.elementor-element-6d584d5 { text-wrap: balance; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-471fb3b */.elementor-3998 .elementor-element.elementor-element-471fb3b .elementor-button {
    background: #faf7f6; 
    color: #000000;
    position: relative;
    overflow: hidden; 
    transition: color 0.3s ease;
}

.elementor-3998 .elementor-element.elementor-element-471fb3b .elementor-button::before {
    content: "";
    position: absolute;
    top: 100%;
    left: -50%;
    width: 200%;
    height: 200%; 
    background: #bb44aa;
    border-radius: 50%;
    transition: top 0.3s ease;
    z-index: 0;
}

.elementor-3998 .elementor-element.elementor-element-471fb3b .elementor-button-content-wrapper {
    position: relative;
    z-index: 1;
}

.elementor-3998 .elementor-element.elementor-element-471fb3b .elementor-button:hover::before {
    top: -20% ;
}

.elementor-3998 .elementor-element.elementor-element-471fb3b .elementor-button:hover {
    color: #FFFFFF;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-030c014 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-030c014 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-030c014 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-030c014 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-030c014 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-030c014 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-030c014 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-030c014 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-030c014 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-030c014 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-daa9a6a *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-daa9a6a .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-daa9a6a .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-daa9a6a .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-daa9a6a .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-daa9a6a .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-daa9a6a .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-daa9a6a .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-daa9a6a .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-daa9a6a .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7da3511 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-7da3511 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-7da3511 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-7da3511 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-7da3511 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-7da3511 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-7da3511 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-7da3511 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-7da3511 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-7da3511 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e4290a5 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-e4290a5 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-e4290a5 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-e4290a5 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-e4290a5 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-e4290a5 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-e4290a5 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-e4290a5 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-e4290a5 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-e4290a5 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-cbd9297 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-cbd9297 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-cbd9297 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-cbd9297 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-cbd9297 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-cbd9297 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-cbd9297 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-cbd9297 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-cbd9297 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-cbd9297 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-9b06661 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-9b06661 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-9b06661 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-9b06661 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-9b06661 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-9b06661 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-9b06661 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-9b06661 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-9b06661 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-9b06661 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-23487c4 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-23487c4 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-23487c4 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-23487c4 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-23487c4 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-23487c4 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-23487c4 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-23487c4 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-23487c4 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-23487c4 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b972de2 */.elementor-3998 .elementor-element.elementor-element-b972de2 { text-wrap: balance; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a740113 */.elementor-3998 .elementor-element.elementor-element-a740113 .elementor-button {
    background: #faf7f6; 
    color: #000000;
    position: relative;
    overflow: hidden; 
    transition: color 0.3s ease;
}

.elementor-3998 .elementor-element.elementor-element-a740113 .elementor-button::before {
    content: "";
    position: absolute;
    top: 100%;
    left: -50%;
    width: 200%;
    height: 200%; 
    background: #bb44aa;
    border-radius: 50%;
    transition: top 0.3s ease;
    z-index: 0;
}

.elementor-3998 .elementor-element.elementor-element-a740113 .elementor-button-content-wrapper {
    position: relative;
    z-index: 1;
}

.elementor-3998 .elementor-element.elementor-element-a740113 .elementor-button:hover::before {
    top: -20% ;
}

.elementor-3998 .elementor-element.elementor-element-a740113 .elementor-button:hover {
    color: #FFFFFF;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-9eb8947 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-9eb8947 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-9eb8947 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-9eb8947 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-9eb8947 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-9eb8947 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-9eb8947 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-9eb8947 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-9eb8947 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-9eb8947 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-51cf06a *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-51cf06a .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-51cf06a .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-51cf06a .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-51cf06a .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-51cf06a .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-51cf06a .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-51cf06a .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-51cf06a .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-51cf06a .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-779ad28 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-779ad28 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-779ad28 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-779ad28 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-779ad28 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-779ad28 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-779ad28 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-779ad28 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-779ad28 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-779ad28 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-00f54eb *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-00f54eb .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-00f54eb .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-00f54eb .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-00f54eb .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-00f54eb .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-00f54eb .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-00f54eb .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-00f54eb .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-00f54eb .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ae7eaa5 */.elementor-3998 .elementor-element.elementor-element-ae7eaa5 {
    overflow-x: auto;
    overflow-y: hidden;


}

/* 2. Hide the ugly default scrollbar */
.elementor-3998 .elementor-element.elementor-element-ae7eaa5::-webkit-scrollbar {
    display: none;
}
.elementor-3998 .elementor-element.elementor-element-ae7eaa5 {
    -ms-overflow-style: none;
    scrollbar-width: none;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8b533d8 */.elementor-3998 .elementor-element.elementor-element-8b533d8 { text-wrap: balance; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-9086802 */.elementor-3998 .elementor-element.elementor-element-9086802 .elementor-button {
    background: #faf7f6; 
    color: #000000;
    position: relative;
    overflow: hidden; 
    transition: color 0.3s ease;
}

.elementor-3998 .elementor-element.elementor-element-9086802 .elementor-button::before {
    content: "";
    position: absolute;
    top: 100%;
    left: -50%;
    width: 200%;
    height: 200%; 
    background: #bb44aa;
    border-radius: 50%;
    transition: top 0.3s ease;
    z-index: 0;
}

.elementor-3998 .elementor-element.elementor-element-9086802 .elementor-button-content-wrapper {
    position: relative;
    z-index: 1;
}

.elementor-3998 .elementor-element.elementor-element-9086802 .elementor-button:hover::before {
    top: -20% ;
}

.elementor-3998 .elementor-element.elementor-element-9086802 .elementor-button:hover {
    color: #FFFFFF;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-5711149 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-5711149 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-5711149 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-5711149 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-5711149 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-5711149 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-5711149 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-5711149 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-5711149 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-5711149 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-8e9e1c4 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-8e9e1c4 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-8e9e1c4 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-8e9e1c4 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-8e9e1c4 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-8e9e1c4 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-8e9e1c4 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-8e9e1c4 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-8e9e1c4 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-8e9e1c4 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-4cbedb5 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-4cbedb5 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-4cbedb5 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-4cbedb5 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-4cbedb5 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-4cbedb5 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-4cbedb5 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-4cbedb5 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-4cbedb5 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-4cbedb5 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-64c5e1c *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-64c5e1c .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-64c5e1c .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-64c5e1c .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-64c5e1c .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-64c5e1c .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-64c5e1c .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-64c5e1c .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-64c5e1c .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-64c5e1c .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-8958a75 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-8958a75 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-8958a75 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-8958a75 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-8958a75 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-8958a75 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-8958a75 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-8958a75 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-8958a75 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-8958a75 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-43f4d39 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-43f4d39 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-43f4d39 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-43f4d39 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-43f4d39 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-43f4d39 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-43f4d39 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-43f4d39 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-43f4d39 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-43f4d39 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-b4ef7f9 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-b4ef7f9 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-b4ef7f9 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-b4ef7f9 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-b4ef7f9 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-b4ef7f9 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-b4ef7f9 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-b4ef7f9 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-b4ef7f9 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-b4ef7f9 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-57e7fb1 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-57e7fb1 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-57e7fb1 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-57e7fb1 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-57e7fb1 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-57e7fb1 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-57e7fb1 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-57e7fb1 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-57e7fb1 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-57e7fb1 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d5d095c */.elementor-3998 .elementor-element.elementor-element-d5d095c {
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-25fb32d */.elementor-3998 .elementor-element.elementor-element-25fb32d { text-wrap: balance; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-40e8c9d */.elementor-3998 .elementor-element.elementor-element-40e8c9d .elementor-button {
    background: #faf7f6; 
    color: #000000;
    position: relative;
    overflow: hidden; 
    transition: color 0.3s ease;
}

.elementor-3998 .elementor-element.elementor-element-40e8c9d .elementor-button::before {
    content: "";
    position: absolute;
    top: 100%;
    left: -50%;
    width: 200%;
    height: 200%; 
    background: #bb44aa;
    border-radius: 50%;
    transition: top 0.3s ease;
    z-index: 0;
}

.elementor-3998 .elementor-element.elementor-element-40e8c9d .elementor-button-content-wrapper {
    position: relative;
    z-index: 1;
}

.elementor-3998 .elementor-element.elementor-element-40e8c9d .elementor-button:hover::before {
    top: -20% ;
}

.elementor-3998 .elementor-element.elementor-element-40e8c9d .elementor-button:hover {
    color: #FFFFFF;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-cce7262 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-cce7262 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-cce7262 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-cce7262 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-cce7262 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-cce7262 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-cce7262 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-cce7262 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-cce7262 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-cce7262 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-80dd460 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-80dd460 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-80dd460 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-80dd460 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-80dd460 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-80dd460 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-80dd460 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-80dd460 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-80dd460 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-80dd460 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-0902de3 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-0902de3 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-0902de3 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-0902de3 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-0902de3 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-0902de3 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-0902de3 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-0902de3 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-0902de3 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-0902de3 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-003da8b *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-003da8b .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-003da8b .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-003da8b .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-003da8b .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-003da8b .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-003da8b .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-003da8b .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-003da8b .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-003da8b .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-f2617e7 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-f2617e7 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-f2617e7 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-f2617e7 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-f2617e7 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-f2617e7 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-f2617e7 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-f2617e7 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-f2617e7 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-f2617e7 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-a475126 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-a475126 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-a475126 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-a475126 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-a475126 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-a475126 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-a475126 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-a475126 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-a475126 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-a475126 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-440135b *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-440135b .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-440135b .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-440135b .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-440135b .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-440135b .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-440135b .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-440135b .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-440135b .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-440135b .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-9856caf */.elementor-3998 .elementor-element.elementor-element-9856caf { text-wrap: balance; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0984891 */.elementor-3998 .elementor-element.elementor-element-0984891 .elementor-button {
    background: #faf7f6; 
    color: #000000;
    position: relative;
    overflow: hidden; 
    transition: color 0.3s ease;
}

.elementor-3998 .elementor-element.elementor-element-0984891 .elementor-button::before {
    content: "";
    position: absolute;
    top: 100%;
    left: -50%;
    width: 200%;
    height: 200%; 
    background: #bb44aa;
    border-radius: 50%;
    transition: top 0.3s ease;
    z-index: 0;
}

.elementor-3998 .elementor-element.elementor-element-0984891 .elementor-button-content-wrapper {
    position: relative;
    z-index: 1;
}

.elementor-3998 .elementor-element.elementor-element-0984891 .elementor-button:hover::before {
    top: -20% ;
}

.elementor-3998 .elementor-element.elementor-element-0984891 .elementor-button:hover {
    color: #FFFFFF;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-368b9ba *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-368b9ba .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-368b9ba .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-368b9ba .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-368b9ba .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-368b9ba .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-368b9ba .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-368b9ba .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-368b9ba .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-368b9ba .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c51b00e *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-c51b00e .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-c51b00e .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-c51b00e .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-c51b00e .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-c51b00e .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-c51b00e .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-c51b00e .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-c51b00e .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-c51b00e .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ed179ae *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-ed179ae .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-ed179ae .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-ed179ae .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-ed179ae .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-ed179ae .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-ed179ae .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-ed179ae .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-ed179ae .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-ed179ae .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-0997fb5 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-0997fb5 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-0997fb5 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-0997fb5 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-0997fb5 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-0997fb5 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-0997fb5 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-0997fb5 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-0997fb5 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-0997fb5 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ca3032c */.elementor-3998 .elementor-element.elementor-element-ca3032c {
    overflow-x: auto;
    overflow-y: hidden;


}

/* 2. Hide the ugly default scrollbar */
.elementor-3998 .elementor-element.elementor-element-ca3032c::-webkit-scrollbar {
    display: none;
}
.elementor-3998 .elementor-element.elementor-element-ca3032c {
    -ms-overflow-style: none;
    scrollbar-width: none;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-73af983 */.elementor-3998 .elementor-element.elementor-element-73af983 { text-wrap: balance; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3144a8c */.elementor-3998 .elementor-element.elementor-element-3144a8c .elementor-button {
    background: #faf7f6; 
    color: #000000;
    position: relative;
    overflow: hidden; 
    transition: color 0.3s ease;
}

.elementor-3998 .elementor-element.elementor-element-3144a8c .elementor-button::before {
    content: "";
    position: absolute;
    top: 100%;
    left: -50%;
    width: 200%;
    height: 200%; 
    background: #bb44aa;
    border-radius: 50%;
    transition: top 0.3s ease;
    z-index: 0;
}

.elementor-3998 .elementor-element.elementor-element-3144a8c .elementor-button-content-wrapper {
    position: relative;
    z-index: 1;
}

.elementor-3998 .elementor-element.elementor-element-3144a8c .elementor-button:hover::before {
    top: -20% ;
}

.elementor-3998 .elementor-element.elementor-element-3144a8c .elementor-button:hover {
    color: #FFFFFF;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-8819b2f *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-8819b2f .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-8819b2f .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-8819b2f .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-8819b2f .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-8819b2f .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-8819b2f .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-8819b2f .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-8819b2f .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-8819b2f .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-56313c1 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-56313c1 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-56313c1 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-56313c1 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-56313c1 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-56313c1 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-56313c1 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-56313c1 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-56313c1 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-56313c1 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ff2511e *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-ff2511e .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-ff2511e .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-ff2511e .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-ff2511e .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-ff2511e .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-ff2511e .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-ff2511e .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-ff2511e .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-ff2511e .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-19602a5 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-19602a5 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-19602a5 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-19602a5 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-19602a5 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-19602a5 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-19602a5 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-19602a5 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-19602a5 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-19602a5 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-eba1cde *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-eba1cde .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-eba1cde .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-eba1cde .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-eba1cde .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-eba1cde .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-eba1cde .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-eba1cde .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-eba1cde .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-eba1cde .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-28ad0c1 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-28ad0c1 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-28ad0c1 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-28ad0c1 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-28ad0c1 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-28ad0c1 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-28ad0c1 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-28ad0c1 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-28ad0c1 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-28ad0c1 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-27af56c *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-27af56c .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-27af56c .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-27af56c .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-27af56c .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-27af56c .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-27af56c .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-27af56c .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-27af56c .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-27af56c .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f66269c */.elementor-3998 .elementor-element.elementor-element-f66269c {
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8b9ecfc */.elementor-3998 .elementor-element.elementor-element-8b9ecfc { text-wrap: balance; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0cbb0d2 */.elementor-3998 .elementor-element.elementor-element-0cbb0d2 .elementor-button {
    background: #faf7f6; 
    color: #000000;
    position: relative;
    overflow: hidden; 
    transition: color 0.3s ease;
}

.elementor-3998 .elementor-element.elementor-element-0cbb0d2 .elementor-button::before {
    content: "";
    position: absolute;
    top: 100%;
    left: -50%;
    width: 200%;
    height: 200%; 
    background: #bb44aa;
    border-radius: 50%;
    transition: top 0.3s ease;
    z-index: 0;
}

.elementor-3998 .elementor-element.elementor-element-0cbb0d2 .elementor-button-content-wrapper {
    position: relative;
    z-index: 1;
}

.elementor-3998 .elementor-element.elementor-element-0cbb0d2 .elementor-button:hover::before {
    top: -20% ;
}

.elementor-3998 .elementor-element.elementor-element-0cbb0d2 .elementor-button:hover {
    color: #FFFFFF;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-3d26eca *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-3d26eca .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-3d26eca .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-3d26eca .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-3d26eca .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-3d26eca .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-3d26eca .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-3d26eca .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-3d26eca .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-3d26eca .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-004cb11 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-004cb11 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-004cb11 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-004cb11 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-004cb11 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-004cb11 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-004cb11 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-004cb11 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-004cb11 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-004cb11 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d58b0bd *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-d58b0bd .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-d58b0bd .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-d58b0bd .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-d58b0bd .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-d58b0bd .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-d58b0bd .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-d58b0bd .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-d58b0bd .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-d58b0bd .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-0da9521 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-0da9521 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-0da9521 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-0da9521 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-0da9521 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-0da9521 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-0da9521 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-0da9521 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-0da9521 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-0da9521 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-eda777a *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-eda777a .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-eda777a .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-eda777a .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-eda777a .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-eda777a .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-eda777a .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-eda777a .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-eda777a .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-eda777a .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-6a87cc0 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-6a87cc0 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-6a87cc0 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-6a87cc0 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-6a87cc0 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-6a87cc0 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-6a87cc0 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-6a87cc0 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-6a87cc0 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-6a87cc0 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-15f0ac5 */.elementor-3998 .elementor-element.elementor-element-15f0ac5 { text-wrap: balance; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-7969cf8 */.elementor-3998 .elementor-element.elementor-element-7969cf8 .elementor-button {
    background: #faf7f6; 
    color: #000000;
    position: relative;
    overflow: hidden; 
    transition: color 0.3s ease;
}

.elementor-3998 .elementor-element.elementor-element-7969cf8 .elementor-button::before {
    content: "";
    position: absolute;
    top: 100%;
    left: -50%;
    width: 200%;
    height: 200%; 
    background: #bb44aa;
    border-radius: 50%;
    transition: top 0.3s ease;
    z-index: 0;
}

.elementor-3998 .elementor-element.elementor-element-7969cf8 .elementor-button-content-wrapper {
    position: relative;
    z-index: 1;
}

.elementor-3998 .elementor-element.elementor-element-7969cf8 .elementor-button:hover::before {
    top: -20% ;
}

.elementor-3998 .elementor-element.elementor-element-7969cf8 .elementor-button:hover {
    color: #FFFFFF;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-233370f *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-233370f .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-233370f .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-233370f .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-233370f .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-233370f .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-233370f .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-233370f .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-233370f .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-233370f .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-34b033b *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-34b033b .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-34b033b .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-34b033b .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-34b033b .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-34b033b .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-34b033b .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-34b033b .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-34b033b .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-34b033b .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-5e0ccfb *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-5e0ccfb .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-5e0ccfb .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-5e0ccfb .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-5e0ccfb .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-5e0ccfb .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-5e0ccfb .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-5e0ccfb .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-5e0ccfb .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-5e0ccfb .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-5c68dd9 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-5c68dd9 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-5c68dd9 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-5c68dd9 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-5c68dd9 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-5c68dd9 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-5c68dd9 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-5c68dd9 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-5c68dd9 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-5c68dd9 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-52aa990 */.elementor-3998 .elementor-element.elementor-element-52aa990 {
    overflow-x: auto;
    overflow-y: hidden;


}

/* 2. Hide the ugly default scrollbar */
.elementor-3998 .elementor-element.elementor-element-52aa990::-webkit-scrollbar {
    display: none;
}
.elementor-3998 .elementor-element.elementor-element-52aa990 {
    -ms-overflow-style: none;
    scrollbar-width: none;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f56f9f2 */.elementor-3998 .elementor-element.elementor-element-f56f9f2 { text-wrap: balance; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-69b006d */.elementor-3998 .elementor-element.elementor-element-69b006d .elementor-button {
    background: #faf7f6; 
    color: #000000;
    position: relative;
    overflow: hidden; 
    transition: color 0.3s ease;
}

.elementor-3998 .elementor-element.elementor-element-69b006d .elementor-button::before {
    content: "";
    position: absolute;
    top: 100%;
    left: -50%;
    width: 200%;
    height: 200%; 
    background: #bb44aa;
    border-radius: 50%;
    transition: top 0.3s ease;
    z-index: 0;
}

.elementor-3998 .elementor-element.elementor-element-69b006d .elementor-button-content-wrapper {
    position: relative;
    z-index: 1;
}

.elementor-3998 .elementor-element.elementor-element-69b006d .elementor-button:hover::before {
    top: -20% ;
}

.elementor-3998 .elementor-element.elementor-element-69b006d .elementor-button:hover {
    color: #FFFFFF;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-6f8928c *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-6f8928c .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-6f8928c .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-6f8928c .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-6f8928c .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-6f8928c .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-6f8928c .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-6f8928c .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-6f8928c .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-6f8928c .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ff8b1a8 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-ff8b1a8 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-ff8b1a8 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-ff8b1a8 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-ff8b1a8 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-ff8b1a8 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-ff8b1a8 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-ff8b1a8 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-ff8b1a8 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-ff8b1a8 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-4ec1b39 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-4ec1b39 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-4ec1b39 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-4ec1b39 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-4ec1b39 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-4ec1b39 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-4ec1b39 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-4ec1b39 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-4ec1b39 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-4ec1b39 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ab3bac2 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-ab3bac2 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-ab3bac2 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-ab3bac2 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-ab3bac2 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-ab3bac2 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-ab3bac2 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-ab3bac2 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-ab3bac2 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-ab3bac2 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-137554d *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-137554d .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-137554d .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-137554d .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-137554d .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-137554d .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-137554d .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-137554d .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-137554d .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-137554d .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-5c551e7 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-5c551e7 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-5c551e7 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-5c551e7 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-5c551e7 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-5c551e7 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-5c551e7 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-5c551e7 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-5c551e7 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-5c551e7 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e441ee2 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-e441ee2 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-e441ee2 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-e441ee2 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-e441ee2 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-e441ee2 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-e441ee2 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-e441ee2 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-e441ee2 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-e441ee2 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-848afc9 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-848afc9 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-848afc9 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-848afc9 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-848afc9 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-848afc9 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-848afc9 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-848afc9 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-848afc9 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-848afc9 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f53e667 */.elementor-3998 .elementor-element.elementor-element-f53e667 {
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-6d584d5 */.elementor-3998 .elementor-element.elementor-element-6d584d5 { text-wrap: balance; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-471fb3b */.elementor-3998 .elementor-element.elementor-element-471fb3b .elementor-button {
    background: #faf7f6; 
    color: #000000;
    position: relative;
    overflow: hidden; 
    transition: color 0.3s ease;
}

.elementor-3998 .elementor-element.elementor-element-471fb3b .elementor-button::before {
    content: "";
    position: absolute;
    top: 100%;
    left: -50%;
    width: 200%;
    height: 200%; 
    background: #bb44aa;
    border-radius: 50%;
    transition: top 0.3s ease;
    z-index: 0;
}

.elementor-3998 .elementor-element.elementor-element-471fb3b .elementor-button-content-wrapper {
    position: relative;
    z-index: 1;
}

.elementor-3998 .elementor-element.elementor-element-471fb3b .elementor-button:hover::before {
    top: -20% ;
}

.elementor-3998 .elementor-element.elementor-element-471fb3b .elementor-button:hover {
    color: #FFFFFF;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-030c014 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-030c014 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-030c014 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-030c014 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-030c014 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-030c014 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-030c014 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-030c014 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-030c014 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-030c014 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-daa9a6a *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-daa9a6a .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-daa9a6a .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-daa9a6a .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-daa9a6a .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-daa9a6a .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-daa9a6a .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-daa9a6a .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-daa9a6a .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-daa9a6a .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7da3511 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-7da3511 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-7da3511 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-7da3511 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-7da3511 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-7da3511 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-7da3511 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-7da3511 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-7da3511 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-7da3511 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e4290a5 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-e4290a5 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-e4290a5 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-e4290a5 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-e4290a5 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-e4290a5 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-e4290a5 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-e4290a5 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-e4290a5 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-e4290a5 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-cbd9297 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-cbd9297 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-cbd9297 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-cbd9297 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-cbd9297 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-cbd9297 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-cbd9297 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-cbd9297 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-cbd9297 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-cbd9297 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-9b06661 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-9b06661 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-9b06661 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-9b06661 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-9b06661 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-9b06661 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-9b06661 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-9b06661 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-9b06661 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-9b06661 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-23487c4 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-23487c4 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-23487c4 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-23487c4 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-23487c4 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-23487c4 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-23487c4 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-23487c4 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-23487c4 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-23487c4 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b972de2 */.elementor-3998 .elementor-element.elementor-element-b972de2 { text-wrap: balance; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a740113 */.elementor-3998 .elementor-element.elementor-element-a740113 .elementor-button {
    background: #faf7f6; 
    color: #000000;
    position: relative;
    overflow: hidden; 
    transition: color 0.3s ease;
}

.elementor-3998 .elementor-element.elementor-element-a740113 .elementor-button::before {
    content: "";
    position: absolute;
    top: 100%;
    left: -50%;
    width: 200%;
    height: 200%; 
    background: #bb44aa;
    border-radius: 50%;
    transition: top 0.3s ease;
    z-index: 0;
}

.elementor-3998 .elementor-element.elementor-element-a740113 .elementor-button-content-wrapper {
    position: relative;
    z-index: 1;
}

.elementor-3998 .elementor-element.elementor-element-a740113 .elementor-button:hover::before {
    top: -20% ;
}

.elementor-3998 .elementor-element.elementor-element-a740113 .elementor-button:hover {
    color: #FFFFFF;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-9eb8947 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-9eb8947 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-9eb8947 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-9eb8947 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-9eb8947 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-9eb8947 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-9eb8947 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-9eb8947 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-9eb8947 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-9eb8947 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-51cf06a *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-51cf06a .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-51cf06a .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-51cf06a .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-51cf06a .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-51cf06a .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-51cf06a .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-51cf06a .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-51cf06a .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-51cf06a .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-779ad28 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-779ad28 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-779ad28 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-779ad28 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-779ad28 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-779ad28 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-779ad28 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-779ad28 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-779ad28 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-779ad28 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-00f54eb *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-00f54eb .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-00f54eb .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-00f54eb .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-00f54eb .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-00f54eb .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-00f54eb .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-00f54eb .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-00f54eb .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-00f54eb .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ae7eaa5 */.elementor-3998 .elementor-element.elementor-element-ae7eaa5 {
    overflow-x: auto;
    overflow-y: hidden;


}

/* 2. Hide the ugly default scrollbar */
.elementor-3998 .elementor-element.elementor-element-ae7eaa5::-webkit-scrollbar {
    display: none;
}
.elementor-3998 .elementor-element.elementor-element-ae7eaa5 {
    -ms-overflow-style: none;
    scrollbar-width: none;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8b533d8 */.elementor-3998 .elementor-element.elementor-element-8b533d8 { text-wrap: balance; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-9086802 */.elementor-3998 .elementor-element.elementor-element-9086802 .elementor-button {
    background: #faf7f6; 
    color: #000000;
    position: relative;
    overflow: hidden; 
    transition: color 0.3s ease;
}

.elementor-3998 .elementor-element.elementor-element-9086802 .elementor-button::before {
    content: "";
    position: absolute;
    top: 100%;
    left: -50%;
    width: 200%;
    height: 200%; 
    background: #bb44aa;
    border-radius: 50%;
    transition: top 0.3s ease;
    z-index: 0;
}

.elementor-3998 .elementor-element.elementor-element-9086802 .elementor-button-content-wrapper {
    position: relative;
    z-index: 1;
}

.elementor-3998 .elementor-element.elementor-element-9086802 .elementor-button:hover::before {
    top: -20% ;
}

.elementor-3998 .elementor-element.elementor-element-9086802 .elementor-button:hover {
    color: #FFFFFF;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-5711149 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-5711149 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-5711149 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-5711149 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-5711149 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-5711149 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-5711149 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-5711149 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-5711149 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-5711149 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-8e9e1c4 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-8e9e1c4 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-8e9e1c4 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-8e9e1c4 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-8e9e1c4 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-8e9e1c4 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-8e9e1c4 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-8e9e1c4 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-8e9e1c4 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-8e9e1c4 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-4cbedb5 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-4cbedb5 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-4cbedb5 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-4cbedb5 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-4cbedb5 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-4cbedb5 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-4cbedb5 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-4cbedb5 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-4cbedb5 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-4cbedb5 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-64c5e1c *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-64c5e1c .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-64c5e1c .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-64c5e1c .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-64c5e1c .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-64c5e1c .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-64c5e1c .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-64c5e1c .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-64c5e1c .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-64c5e1c .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-8958a75 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-8958a75 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-8958a75 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-8958a75 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-8958a75 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-8958a75 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-8958a75 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-8958a75 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-8958a75 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-8958a75 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-43f4d39 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-43f4d39 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-43f4d39 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-43f4d39 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-43f4d39 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-43f4d39 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-43f4d39 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-43f4d39 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-43f4d39 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-43f4d39 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-b4ef7f9 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-b4ef7f9 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-b4ef7f9 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-b4ef7f9 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-b4ef7f9 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-b4ef7f9 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-b4ef7f9 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-b4ef7f9 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-b4ef7f9 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-b4ef7f9 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-57e7fb1 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-57e7fb1 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-57e7fb1 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-57e7fb1 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-57e7fb1 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-57e7fb1 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-57e7fb1 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-57e7fb1 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-57e7fb1 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-57e7fb1 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d5d095c */.elementor-3998 .elementor-element.elementor-element-d5d095c {
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-25fb32d */.elementor-3998 .elementor-element.elementor-element-25fb32d { text-wrap: balance; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-40e8c9d */.elementor-3998 .elementor-element.elementor-element-40e8c9d .elementor-button {
    background: #faf7f6; 
    color: #000000;
    position: relative;
    overflow: hidden; 
    transition: color 0.3s ease;
}

.elementor-3998 .elementor-element.elementor-element-40e8c9d .elementor-button::before {
    content: "";
    position: absolute;
    top: 100%;
    left: -50%;
    width: 200%;
    height: 200%; 
    background: #bb44aa;
    border-radius: 50%;
    transition: top 0.3s ease;
    z-index: 0;
}

.elementor-3998 .elementor-element.elementor-element-40e8c9d .elementor-button-content-wrapper {
    position: relative;
    z-index: 1;
}

.elementor-3998 .elementor-element.elementor-element-40e8c9d .elementor-button:hover::before {
    top: -20% ;
}

.elementor-3998 .elementor-element.elementor-element-40e8c9d .elementor-button:hover {
    color: #FFFFFF;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-cce7262 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-cce7262 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-cce7262 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-cce7262 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-cce7262 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-cce7262 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-cce7262 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-cce7262 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-cce7262 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-cce7262 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-80dd460 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-80dd460 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-80dd460 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-80dd460 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-80dd460 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-80dd460 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-80dd460 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-80dd460 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-80dd460 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-80dd460 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-0902de3 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-0902de3 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-0902de3 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-0902de3 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-0902de3 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-0902de3 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-0902de3 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-0902de3 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-0902de3 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-0902de3 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-003da8b *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-003da8b .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-003da8b .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-003da8b .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-003da8b .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-003da8b .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-003da8b .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-003da8b .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-003da8b .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-003da8b .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-f2617e7 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-f2617e7 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-f2617e7 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-f2617e7 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-f2617e7 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-f2617e7 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-f2617e7 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-f2617e7 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-f2617e7 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-f2617e7 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-a475126 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-a475126 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-a475126 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-a475126 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-a475126 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-a475126 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-a475126 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-a475126 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-a475126 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-a475126 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-440135b *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-440135b .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-440135b .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-440135b .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-440135b .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-440135b .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-440135b .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-440135b .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-440135b .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-440135b .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-9856caf */.elementor-3998 .elementor-element.elementor-element-9856caf { text-wrap: balance; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0984891 */.elementor-3998 .elementor-element.elementor-element-0984891 .elementor-button {
    background: #faf7f6; 
    color: #000000;
    position: relative;
    overflow: hidden; 
    transition: color 0.3s ease;
}

.elementor-3998 .elementor-element.elementor-element-0984891 .elementor-button::before {
    content: "";
    position: absolute;
    top: 100%;
    left: -50%;
    width: 200%;
    height: 200%; 
    background: #bb44aa;
    border-radius: 50%;
    transition: top 0.3s ease;
    z-index: 0;
}

.elementor-3998 .elementor-element.elementor-element-0984891 .elementor-button-content-wrapper {
    position: relative;
    z-index: 1;
}

.elementor-3998 .elementor-element.elementor-element-0984891 .elementor-button:hover::before {
    top: -20% ;
}

.elementor-3998 .elementor-element.elementor-element-0984891 .elementor-button:hover {
    color: #FFFFFF;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-368b9ba *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-368b9ba .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-368b9ba .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-368b9ba .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-368b9ba .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-368b9ba .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-368b9ba .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-368b9ba .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-368b9ba .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-368b9ba .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c51b00e *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-c51b00e .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-c51b00e .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-c51b00e .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-c51b00e .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-c51b00e .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-c51b00e .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-c51b00e .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-c51b00e .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-c51b00e .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ed179ae *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-ed179ae .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-ed179ae .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-ed179ae .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-ed179ae .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-ed179ae .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-ed179ae .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-ed179ae .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-ed179ae .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-ed179ae .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-0997fb5 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-0997fb5 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-0997fb5 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-0997fb5 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-0997fb5 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-0997fb5 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-0997fb5 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-0997fb5 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-0997fb5 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-0997fb5 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ca3032c */.elementor-3998 .elementor-element.elementor-element-ca3032c {
    overflow-x: auto;
    overflow-y: hidden;


}

/* 2. Hide the ugly default scrollbar */
.elementor-3998 .elementor-element.elementor-element-ca3032c::-webkit-scrollbar {
    display: none;
}
.elementor-3998 .elementor-element.elementor-element-ca3032c {
    -ms-overflow-style: none;
    scrollbar-width: none;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-73af983 */.elementor-3998 .elementor-element.elementor-element-73af983 { text-wrap: balance; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3144a8c */.elementor-3998 .elementor-element.elementor-element-3144a8c .elementor-button {
    background: #faf7f6; 
    color: #000000;
    position: relative;
    overflow: hidden; 
    transition: color 0.3s ease;
}

.elementor-3998 .elementor-element.elementor-element-3144a8c .elementor-button::before {
    content: "";
    position: absolute;
    top: 100%;
    left: -50%;
    width: 200%;
    height: 200%; 
    background: #bb44aa;
    border-radius: 50%;
    transition: top 0.3s ease;
    z-index: 0;
}

.elementor-3998 .elementor-element.elementor-element-3144a8c .elementor-button-content-wrapper {
    position: relative;
    z-index: 1;
}

.elementor-3998 .elementor-element.elementor-element-3144a8c .elementor-button:hover::before {
    top: -20% ;
}

.elementor-3998 .elementor-element.elementor-element-3144a8c .elementor-button:hover {
    color: #FFFFFF;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-8819b2f *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-8819b2f .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-8819b2f .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-8819b2f .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-8819b2f .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-8819b2f .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-8819b2f .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-8819b2f .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-8819b2f .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-8819b2f .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-56313c1 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-56313c1 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-56313c1 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-56313c1 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-56313c1 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-56313c1 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-56313c1 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-56313c1 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-56313c1 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-56313c1 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ff2511e *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-ff2511e .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-ff2511e .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-ff2511e .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-ff2511e .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-ff2511e .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-ff2511e .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-ff2511e .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-ff2511e .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-ff2511e .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-19602a5 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-19602a5 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-19602a5 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-19602a5 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-19602a5 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-19602a5 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-19602a5 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-19602a5 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-19602a5 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-19602a5 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-eba1cde *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-eba1cde .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-eba1cde .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-eba1cde .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-eba1cde .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-eba1cde .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-eba1cde .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-eba1cde .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-eba1cde .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-eba1cde .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-28ad0c1 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-28ad0c1 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-28ad0c1 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-28ad0c1 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-28ad0c1 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-28ad0c1 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-28ad0c1 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-28ad0c1 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-28ad0c1 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-28ad0c1 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-27af56c *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-27af56c .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-27af56c .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-27af56c .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-27af56c .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-27af56c .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-27af56c .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-27af56c .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-27af56c .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-27af56c .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f66269c */.elementor-3998 .elementor-element.elementor-element-f66269c {
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8b9ecfc */.elementor-3998 .elementor-element.elementor-element-8b9ecfc { text-wrap: balance; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0cbb0d2 */.elementor-3998 .elementor-element.elementor-element-0cbb0d2 .elementor-button {
    background: #faf7f6; 
    color: #000000;
    position: relative;
    overflow: hidden; 
    transition: color 0.3s ease;
}

.elementor-3998 .elementor-element.elementor-element-0cbb0d2 .elementor-button::before {
    content: "";
    position: absolute;
    top: 100%;
    left: -50%;
    width: 200%;
    height: 200%; 
    background: #bb44aa;
    border-radius: 50%;
    transition: top 0.3s ease;
    z-index: 0;
}

.elementor-3998 .elementor-element.elementor-element-0cbb0d2 .elementor-button-content-wrapper {
    position: relative;
    z-index: 1;
}

.elementor-3998 .elementor-element.elementor-element-0cbb0d2 .elementor-button:hover::before {
    top: -20% ;
}

.elementor-3998 .elementor-element.elementor-element-0cbb0d2 .elementor-button:hover {
    color: #FFFFFF;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-3d26eca *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-3d26eca .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-3d26eca .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-3d26eca .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-3d26eca .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-3d26eca .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-3d26eca .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-3d26eca .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-3d26eca .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-3d26eca .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-004cb11 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-004cb11 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-004cb11 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-004cb11 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-004cb11 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-004cb11 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-004cb11 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-004cb11 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-004cb11 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-004cb11 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d58b0bd *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-d58b0bd .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-d58b0bd .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-d58b0bd .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-d58b0bd .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-d58b0bd .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-d58b0bd .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-d58b0bd .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-d58b0bd .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-d58b0bd .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-0da9521 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-0da9521 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-0da9521 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-0da9521 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-0da9521 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-0da9521 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-0da9521 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-0da9521 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-0da9521 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-0da9521 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-eda777a *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-eda777a .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-eda777a .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-eda777a .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-eda777a .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-eda777a .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-eda777a .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-eda777a .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-eda777a .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-eda777a .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-6a87cc0 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-6a87cc0 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-6a87cc0 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-6a87cc0 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-6a87cc0 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-6a87cc0 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-6a87cc0 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-6a87cc0 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-6a87cc0 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-6a87cc0 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-15f0ac5 */.elementor-3998 .elementor-element.elementor-element-15f0ac5 { text-wrap: balance; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-7969cf8 */.elementor-3998 .elementor-element.elementor-element-7969cf8 .elementor-button {
    background: #faf7f6; 
    color: #000000;
    position: relative;
    overflow: hidden; 
    transition: color 0.3s ease;
}

.elementor-3998 .elementor-element.elementor-element-7969cf8 .elementor-button::before {
    content: "";
    position: absolute;
    top: 100%;
    left: -50%;
    width: 200%;
    height: 200%; 
    background: #bb44aa;
    border-radius: 50%;
    transition: top 0.3s ease;
    z-index: 0;
}

.elementor-3998 .elementor-element.elementor-element-7969cf8 .elementor-button-content-wrapper {
    position: relative;
    z-index: 1;
}

.elementor-3998 .elementor-element.elementor-element-7969cf8 .elementor-button:hover::before {
    top: -20% ;
}

.elementor-3998 .elementor-element.elementor-element-7969cf8 .elementor-button:hover {
    color: #FFFFFF;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-233370f *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-233370f .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-233370f .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-233370f .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-233370f .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-233370f .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-233370f .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-233370f .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-233370f .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-233370f .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-34b033b *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-34b033b .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-34b033b .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-34b033b .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-34b033b .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-34b033b .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-34b033b .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-34b033b .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-34b033b .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-34b033b .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-5e0ccfb *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-5e0ccfb .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-5e0ccfb .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-5e0ccfb .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-5e0ccfb .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-5e0ccfb .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-5e0ccfb .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-5e0ccfb .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-5e0ccfb .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-5e0ccfb .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-5c68dd9 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-5c68dd9 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-5c68dd9 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-5c68dd9 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-5c68dd9 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-5c68dd9 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-5c68dd9 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-5c68dd9 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-5c68dd9 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-5c68dd9 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-52aa990 */.elementor-3998 .elementor-element.elementor-element-52aa990 {
    overflow-x: auto;
    overflow-y: hidden;


}

/* 2. Hide the ugly default scrollbar */
.elementor-3998 .elementor-element.elementor-element-52aa990::-webkit-scrollbar {
    display: none;
}
.elementor-3998 .elementor-element.elementor-element-52aa990 {
    -ms-overflow-style: none;
    scrollbar-width: none;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f56f9f2 */.elementor-3998 .elementor-element.elementor-element-f56f9f2 { text-wrap: balance; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-69b006d */.elementor-3998 .elementor-element.elementor-element-69b006d .elementor-button {
    background: #faf7f6; 
    color: #000000;
    position: relative;
    overflow: hidden; 
    transition: color 0.3s ease;
}

.elementor-3998 .elementor-element.elementor-element-69b006d .elementor-button::before {
    content: "";
    position: absolute;
    top: 100%;
    left: -50%;
    width: 200%;
    height: 200%; 
    background: #bb44aa;
    border-radius: 50%;
    transition: top 0.3s ease;
    z-index: 0;
}

.elementor-3998 .elementor-element.elementor-element-69b006d .elementor-button-content-wrapper {
    position: relative;
    z-index: 1;
}

.elementor-3998 .elementor-element.elementor-element-69b006d .elementor-button:hover::before {
    top: -20% ;
}

.elementor-3998 .elementor-element.elementor-element-69b006d .elementor-button:hover {
    color: #FFFFFF;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-6f8928c *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-6f8928c .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-6f8928c .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-6f8928c .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-6f8928c .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-6f8928c .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-6f8928c .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-6f8928c .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-6f8928c .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-6f8928c .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ff8b1a8 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-ff8b1a8 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-ff8b1a8 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-ff8b1a8 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-ff8b1a8 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-ff8b1a8 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-ff8b1a8 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-ff8b1a8 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-ff8b1a8 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-ff8b1a8 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-4ec1b39 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-4ec1b39 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-4ec1b39 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-4ec1b39 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-4ec1b39 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-4ec1b39 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-4ec1b39 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-4ec1b39 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-4ec1b39 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-4ec1b39 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ab3bac2 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-ab3bac2 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-ab3bac2 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-ab3bac2 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-ab3bac2 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-ab3bac2 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-ab3bac2 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-ab3bac2 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-ab3bac2 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-ab3bac2 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-137554d *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-137554d .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-137554d .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-137554d .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-137554d .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-137554d .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-137554d .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-137554d .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-137554d .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-137554d .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-5c551e7 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-5c551e7 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-5c551e7 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-5c551e7 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-5c551e7 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-5c551e7 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-5c551e7 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-5c551e7 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-5c551e7 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-5c551e7 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e441ee2 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-e441ee2 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-e441ee2 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-e441ee2 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-e441ee2 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-e441ee2 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-e441ee2 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-e441ee2 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-e441ee2 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-e441ee2 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-848afc9 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-848afc9 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-848afc9 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-848afc9 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-848afc9 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-848afc9 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-848afc9 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-848afc9 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-848afc9 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-848afc9 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f53e667 */.elementor-3998 .elementor-element.elementor-element-f53e667 {
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-6d584d5 */.elementor-3998 .elementor-element.elementor-element-6d584d5 { text-wrap: balance; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-471fb3b */.elementor-3998 .elementor-element.elementor-element-471fb3b .elementor-button {
    background: #faf7f6; 
    color: #000000;
    position: relative;
    overflow: hidden; 
    transition: color 0.3s ease;
}

.elementor-3998 .elementor-element.elementor-element-471fb3b .elementor-button::before {
    content: "";
    position: absolute;
    top: 100%;
    left: -50%;
    width: 200%;
    height: 200%; 
    background: #bb44aa;
    border-radius: 50%;
    transition: top 0.3s ease;
    z-index: 0;
}

.elementor-3998 .elementor-element.elementor-element-471fb3b .elementor-button-content-wrapper {
    position: relative;
    z-index: 1;
}

.elementor-3998 .elementor-element.elementor-element-471fb3b .elementor-button:hover::before {
    top: -20% ;
}

.elementor-3998 .elementor-element.elementor-element-471fb3b .elementor-button:hover {
    color: #FFFFFF;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-030c014 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-030c014 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-030c014 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-030c014 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-030c014 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-030c014 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-030c014 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-030c014 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-030c014 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-030c014 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-daa9a6a *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-daa9a6a .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-daa9a6a .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-daa9a6a .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-daa9a6a .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-daa9a6a .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-daa9a6a .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-daa9a6a .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-daa9a6a .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-daa9a6a .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7da3511 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-7da3511 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-7da3511 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-7da3511 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-7da3511 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-7da3511 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-7da3511 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-7da3511 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-7da3511 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-7da3511 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e4290a5 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-e4290a5 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-e4290a5 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-e4290a5 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-e4290a5 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-e4290a5 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-e4290a5 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-e4290a5 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-e4290a5 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-e4290a5 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-cbd9297 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-cbd9297 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-cbd9297 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-cbd9297 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-cbd9297 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-cbd9297 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-cbd9297 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-cbd9297 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-cbd9297 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-cbd9297 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-9b06661 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-9b06661 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-9b06661 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-9b06661 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-9b06661 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-9b06661 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-9b06661 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-9b06661 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-9b06661 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-9b06661 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-23487c4 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-23487c4 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-23487c4 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-23487c4 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-23487c4 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-23487c4 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-23487c4 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-23487c4 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-23487c4 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-23487c4 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b972de2 */.elementor-3998 .elementor-element.elementor-element-b972de2 { text-wrap: balance; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a740113 */.elementor-3998 .elementor-element.elementor-element-a740113 .elementor-button {
    background: #faf7f6; 
    color: #000000;
    position: relative;
    overflow: hidden; 
    transition: color 0.3s ease;
}

.elementor-3998 .elementor-element.elementor-element-a740113 .elementor-button::before {
    content: "";
    position: absolute;
    top: 100%;
    left: -50%;
    width: 200%;
    height: 200%; 
    background: #bb44aa;
    border-radius: 50%;
    transition: top 0.3s ease;
    z-index: 0;
}

.elementor-3998 .elementor-element.elementor-element-a740113 .elementor-button-content-wrapper {
    position: relative;
    z-index: 1;
}

.elementor-3998 .elementor-element.elementor-element-a740113 .elementor-button:hover::before {
    top: -20% ;
}

.elementor-3998 .elementor-element.elementor-element-a740113 .elementor-button:hover {
    color: #FFFFFF;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-9eb8947 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-9eb8947 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-9eb8947 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-9eb8947 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-9eb8947 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-9eb8947 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-9eb8947 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-9eb8947 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-9eb8947 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-9eb8947 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-51cf06a *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-51cf06a .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-51cf06a .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-51cf06a .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-51cf06a .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-51cf06a .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-51cf06a .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-51cf06a .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-51cf06a .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-51cf06a .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-779ad28 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-779ad28 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-779ad28 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-779ad28 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-779ad28 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-779ad28 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-779ad28 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-779ad28 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-779ad28 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-779ad28 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-00f54eb *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-00f54eb .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-00f54eb .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-00f54eb .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-00f54eb .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-00f54eb .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-00f54eb .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-00f54eb .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-00f54eb .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-00f54eb .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ae7eaa5 */.elementor-3998 .elementor-element.elementor-element-ae7eaa5 {
    overflow-x: auto;
    overflow-y: hidden;


}

/* 2. Hide the ugly default scrollbar */
.elementor-3998 .elementor-element.elementor-element-ae7eaa5::-webkit-scrollbar {
    display: none;
}
.elementor-3998 .elementor-element.elementor-element-ae7eaa5 {
    -ms-overflow-style: none;
    scrollbar-width: none;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8b533d8 */.elementor-3998 .elementor-element.elementor-element-8b533d8 { text-wrap: balance; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-9086802 */.elementor-3998 .elementor-element.elementor-element-9086802 .elementor-button {
    background: #faf7f6; 
    color: #000000;
    position: relative;
    overflow: hidden; 
    transition: color 0.3s ease;
}

.elementor-3998 .elementor-element.elementor-element-9086802 .elementor-button::before {
    content: "";
    position: absolute;
    top: 100%;
    left: -50%;
    width: 200%;
    height: 200%; 
    background: #bb44aa;
    border-radius: 50%;
    transition: top 0.3s ease;
    z-index: 0;
}

.elementor-3998 .elementor-element.elementor-element-9086802 .elementor-button-content-wrapper {
    position: relative;
    z-index: 1;
}

.elementor-3998 .elementor-element.elementor-element-9086802 .elementor-button:hover::before {
    top: -20% ;
}

.elementor-3998 .elementor-element.elementor-element-9086802 .elementor-button:hover {
    color: #FFFFFF;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-5711149 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-5711149 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-5711149 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-5711149 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-5711149 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-5711149 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-5711149 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-5711149 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-5711149 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-5711149 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-8e9e1c4 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-8e9e1c4 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-8e9e1c4 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-8e9e1c4 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-8e9e1c4 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-8e9e1c4 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-8e9e1c4 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-8e9e1c4 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-8e9e1c4 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-8e9e1c4 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-4cbedb5 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-4cbedb5 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-4cbedb5 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-4cbedb5 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-4cbedb5 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-4cbedb5 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-4cbedb5 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-4cbedb5 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-4cbedb5 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-4cbedb5 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-64c5e1c *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-64c5e1c .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-64c5e1c .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-64c5e1c .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-64c5e1c .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-64c5e1c .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-64c5e1c .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-64c5e1c .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-64c5e1c .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-64c5e1c .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-8958a75 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-8958a75 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-8958a75 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-8958a75 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-8958a75 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-8958a75 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-8958a75 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-8958a75 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-8958a75 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-8958a75 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-43f4d39 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-43f4d39 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-43f4d39 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-43f4d39 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-43f4d39 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-43f4d39 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-43f4d39 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-43f4d39 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-43f4d39 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-43f4d39 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-b4ef7f9 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-b4ef7f9 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-b4ef7f9 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-b4ef7f9 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-b4ef7f9 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-b4ef7f9 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-b4ef7f9 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-b4ef7f9 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-b4ef7f9 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-b4ef7f9 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-57e7fb1 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-57e7fb1 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-57e7fb1 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-57e7fb1 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-57e7fb1 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-57e7fb1 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-57e7fb1 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-57e7fb1 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-57e7fb1 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-57e7fb1 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d5d095c */.elementor-3998 .elementor-element.elementor-element-d5d095c {
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-25fb32d */.elementor-3998 .elementor-element.elementor-element-25fb32d { text-wrap: balance; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-40e8c9d */.elementor-3998 .elementor-element.elementor-element-40e8c9d .elementor-button {
    background: #faf7f6; 
    color: #000000;
    position: relative;
    overflow: hidden; 
    transition: color 0.3s ease;
}

.elementor-3998 .elementor-element.elementor-element-40e8c9d .elementor-button::before {
    content: "";
    position: absolute;
    top: 100%;
    left: -50%;
    width: 200%;
    height: 200%; 
    background: #bb44aa;
    border-radius: 50%;
    transition: top 0.3s ease;
    z-index: 0;
}

.elementor-3998 .elementor-element.elementor-element-40e8c9d .elementor-button-content-wrapper {
    position: relative;
    z-index: 1;
}

.elementor-3998 .elementor-element.elementor-element-40e8c9d .elementor-button:hover::before {
    top: -20% ;
}

.elementor-3998 .elementor-element.elementor-element-40e8c9d .elementor-button:hover {
    color: #FFFFFF;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-cce7262 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-cce7262 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-cce7262 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-cce7262 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-cce7262 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-cce7262 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-cce7262 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-cce7262 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-cce7262 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-cce7262 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-80dd460 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-80dd460 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-80dd460 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-80dd460 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-80dd460 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-80dd460 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-80dd460 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-80dd460 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-80dd460 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-80dd460 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-0902de3 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-0902de3 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-0902de3 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-0902de3 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-0902de3 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-0902de3 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-0902de3 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-0902de3 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-0902de3 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-0902de3 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-003da8b *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-003da8b .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-003da8b .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-003da8b .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-003da8b .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-003da8b .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-003da8b .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-003da8b .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-003da8b .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-003da8b .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-f2617e7 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-f2617e7 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-f2617e7 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-f2617e7 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-f2617e7 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-f2617e7 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-f2617e7 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-f2617e7 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-f2617e7 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-f2617e7 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-a475126 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-a475126 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-a475126 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-a475126 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-a475126 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-a475126 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-a475126 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-a475126 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-a475126 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-a475126 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-440135b *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-440135b .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-440135b .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-440135b .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-440135b .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-440135b .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-440135b .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-440135b .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-440135b .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-440135b .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-9856caf */.elementor-3998 .elementor-element.elementor-element-9856caf { text-wrap: balance; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0984891 */.elementor-3998 .elementor-element.elementor-element-0984891 .elementor-button {
    background: #faf7f6; 
    color: #000000;
    position: relative;
    overflow: hidden; 
    transition: color 0.3s ease;
}

.elementor-3998 .elementor-element.elementor-element-0984891 .elementor-button::before {
    content: "";
    position: absolute;
    top: 100%;
    left: -50%;
    width: 200%;
    height: 200%; 
    background: #bb44aa;
    border-radius: 50%;
    transition: top 0.3s ease;
    z-index: 0;
}

.elementor-3998 .elementor-element.elementor-element-0984891 .elementor-button-content-wrapper {
    position: relative;
    z-index: 1;
}

.elementor-3998 .elementor-element.elementor-element-0984891 .elementor-button:hover::before {
    top: -20% ;
}

.elementor-3998 .elementor-element.elementor-element-0984891 .elementor-button:hover {
    color: #FFFFFF;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-368b9ba *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-368b9ba .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-368b9ba .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-368b9ba .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-368b9ba .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-368b9ba .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-368b9ba .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-368b9ba .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-368b9ba .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-368b9ba .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c51b00e *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-c51b00e .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-c51b00e .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-c51b00e .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-c51b00e .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-c51b00e .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-c51b00e .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-c51b00e .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-c51b00e .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-c51b00e .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ed179ae *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-ed179ae .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-ed179ae .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-ed179ae .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-ed179ae .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-ed179ae .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-ed179ae .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-ed179ae .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-ed179ae .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-ed179ae .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-0997fb5 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-0997fb5 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-0997fb5 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-0997fb5 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-0997fb5 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-0997fb5 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-0997fb5 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-0997fb5 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-0997fb5 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-0997fb5 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ca3032c */.elementor-3998 .elementor-element.elementor-element-ca3032c {
    overflow-x: auto;
    overflow-y: hidden;


}

/* 2. Hide the ugly default scrollbar */
.elementor-3998 .elementor-element.elementor-element-ca3032c::-webkit-scrollbar {
    display: none;
}
.elementor-3998 .elementor-element.elementor-element-ca3032c {
    -ms-overflow-style: none;
    scrollbar-width: none;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-73af983 */.elementor-3998 .elementor-element.elementor-element-73af983 { text-wrap: balance; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3144a8c */.elementor-3998 .elementor-element.elementor-element-3144a8c .elementor-button {
    background: #faf7f6; 
    color: #000000;
    position: relative;
    overflow: hidden; 
    transition: color 0.3s ease;
}

.elementor-3998 .elementor-element.elementor-element-3144a8c .elementor-button::before {
    content: "";
    position: absolute;
    top: 100%;
    left: -50%;
    width: 200%;
    height: 200%; 
    background: #bb44aa;
    border-radius: 50%;
    transition: top 0.3s ease;
    z-index: 0;
}

.elementor-3998 .elementor-element.elementor-element-3144a8c .elementor-button-content-wrapper {
    position: relative;
    z-index: 1;
}

.elementor-3998 .elementor-element.elementor-element-3144a8c .elementor-button:hover::before {
    top: -20% ;
}

.elementor-3998 .elementor-element.elementor-element-3144a8c .elementor-button:hover {
    color: #FFFFFF;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-8819b2f *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-8819b2f .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-8819b2f .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-8819b2f .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-8819b2f .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-8819b2f .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-8819b2f .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-8819b2f .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-8819b2f .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-8819b2f .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-56313c1 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-56313c1 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-56313c1 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-56313c1 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-56313c1 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-56313c1 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-56313c1 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-56313c1 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-56313c1 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-56313c1 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ff2511e *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-ff2511e .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-ff2511e .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-ff2511e .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-ff2511e .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-ff2511e .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-ff2511e .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-ff2511e .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-ff2511e .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-ff2511e .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-19602a5 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-19602a5 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-19602a5 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-19602a5 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-19602a5 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-19602a5 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-19602a5 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-19602a5 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-19602a5 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-19602a5 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-eba1cde *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-eba1cde .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-eba1cde .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-eba1cde .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-eba1cde .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-eba1cde .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-eba1cde .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-eba1cde .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-eba1cde .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-eba1cde .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-28ad0c1 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-28ad0c1 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-28ad0c1 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-28ad0c1 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-28ad0c1 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-28ad0c1 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-28ad0c1 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-28ad0c1 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-28ad0c1 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-28ad0c1 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-27af56c *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-27af56c .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-27af56c .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-27af56c .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-27af56c .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-27af56c .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-27af56c .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-27af56c .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-27af56c .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-27af56c .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f66269c */.elementor-3998 .elementor-element.elementor-element-f66269c {
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8b9ecfc */.elementor-3998 .elementor-element.elementor-element-8b9ecfc { text-wrap: balance; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0cbb0d2 */.elementor-3998 .elementor-element.elementor-element-0cbb0d2 .elementor-button {
    background: #faf7f6; 
    color: #000000;
    position: relative;
    overflow: hidden; 
    transition: color 0.3s ease;
}

.elementor-3998 .elementor-element.elementor-element-0cbb0d2 .elementor-button::before {
    content: "";
    position: absolute;
    top: 100%;
    left: -50%;
    width: 200%;
    height: 200%; 
    background: #bb44aa;
    border-radius: 50%;
    transition: top 0.3s ease;
    z-index: 0;
}

.elementor-3998 .elementor-element.elementor-element-0cbb0d2 .elementor-button-content-wrapper {
    position: relative;
    z-index: 1;
}

.elementor-3998 .elementor-element.elementor-element-0cbb0d2 .elementor-button:hover::before {
    top: -20% ;
}

.elementor-3998 .elementor-element.elementor-element-0cbb0d2 .elementor-button:hover {
    color: #FFFFFF;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-3d26eca *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-3d26eca .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-3d26eca .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-3d26eca .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-3d26eca .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-3d26eca .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-3d26eca .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-3d26eca .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-3d26eca .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-3d26eca .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-004cb11 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-004cb11 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-004cb11 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-004cb11 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-004cb11 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-004cb11 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-004cb11 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-004cb11 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-004cb11 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-004cb11 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d58b0bd *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-d58b0bd .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-d58b0bd .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-d58b0bd .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-d58b0bd .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-d58b0bd .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-d58b0bd .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-d58b0bd .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-d58b0bd .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-d58b0bd .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-0da9521 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-0da9521 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-0da9521 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-0da9521 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-0da9521 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-0da9521 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-0da9521 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-0da9521 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-0da9521 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-0da9521 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-eda777a *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-eda777a .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-eda777a .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-eda777a .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-eda777a .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-eda777a .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-eda777a .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-eda777a .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-eda777a .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-eda777a .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-6a87cc0 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-6a87cc0 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-6a87cc0 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-6a87cc0 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-6a87cc0 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-6a87cc0 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-6a87cc0 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-6a87cc0 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-6a87cc0 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-6a87cc0 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-15f0ac5 */.elementor-3998 .elementor-element.elementor-element-15f0ac5 { text-wrap: balance; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-7969cf8 */.elementor-3998 .elementor-element.elementor-element-7969cf8 .elementor-button {
    background: #faf7f6; 
    color: #000000;
    position: relative;
    overflow: hidden; 
    transition: color 0.3s ease;
}

.elementor-3998 .elementor-element.elementor-element-7969cf8 .elementor-button::before {
    content: "";
    position: absolute;
    top: 100%;
    left: -50%;
    width: 200%;
    height: 200%; 
    background: #bb44aa;
    border-radius: 50%;
    transition: top 0.3s ease;
    z-index: 0;
}

.elementor-3998 .elementor-element.elementor-element-7969cf8 .elementor-button-content-wrapper {
    position: relative;
    z-index: 1;
}

.elementor-3998 .elementor-element.elementor-element-7969cf8 .elementor-button:hover::before {
    top: -20% ;
}

.elementor-3998 .elementor-element.elementor-element-7969cf8 .elementor-button:hover {
    color: #FFFFFF;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-233370f *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-233370f .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-233370f .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-233370f .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-233370f .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-233370f .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-233370f .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-233370f .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-233370f .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-233370f .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-34b033b *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-34b033b .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-34b033b .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-34b033b .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-34b033b .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-34b033b .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-34b033b .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-34b033b .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-34b033b .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-34b033b .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-5e0ccfb *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-5e0ccfb .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-5e0ccfb .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-5e0ccfb .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-5e0ccfb .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-5e0ccfb .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-5e0ccfb .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-5e0ccfb .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-5e0ccfb .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-5e0ccfb .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-5c68dd9 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-5c68dd9 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-5c68dd9 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-5c68dd9 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-5c68dd9 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-5c68dd9 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-5c68dd9 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-5c68dd9 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-5c68dd9 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-5c68dd9 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-52aa990 */.elementor-3998 .elementor-element.elementor-element-52aa990 {
    overflow-x: auto;
    overflow-y: hidden;


}

/* 2. Hide the ugly default scrollbar */
.elementor-3998 .elementor-element.elementor-element-52aa990::-webkit-scrollbar {
    display: none;
}
.elementor-3998 .elementor-element.elementor-element-52aa990 {
    -ms-overflow-style: none;
    scrollbar-width: none;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f56f9f2 */.elementor-3998 .elementor-element.elementor-element-f56f9f2 { text-wrap: balance; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-69b006d */.elementor-3998 .elementor-element.elementor-element-69b006d .elementor-button {
    background: #faf7f6; 
    color: #000000;
    position: relative;
    overflow: hidden; 
    transition: color 0.3s ease;
}

.elementor-3998 .elementor-element.elementor-element-69b006d .elementor-button::before {
    content: "";
    position: absolute;
    top: 100%;
    left: -50%;
    width: 200%;
    height: 200%; 
    background: #bb44aa;
    border-radius: 50%;
    transition: top 0.3s ease;
    z-index: 0;
}

.elementor-3998 .elementor-element.elementor-element-69b006d .elementor-button-content-wrapper {
    position: relative;
    z-index: 1;
}

.elementor-3998 .elementor-element.elementor-element-69b006d .elementor-button:hover::before {
    top: -20% ;
}

.elementor-3998 .elementor-element.elementor-element-69b006d .elementor-button:hover {
    color: #FFFFFF;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-6f8928c *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-6f8928c .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-6f8928c .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-6f8928c .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-6f8928c .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-6f8928c .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-6f8928c .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-6f8928c .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-6f8928c .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-6f8928c .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ff8b1a8 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-ff8b1a8 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-ff8b1a8 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-ff8b1a8 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-ff8b1a8 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-ff8b1a8 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-ff8b1a8 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-ff8b1a8 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-ff8b1a8 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-ff8b1a8 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-4ec1b39 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-4ec1b39 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-4ec1b39 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-4ec1b39 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-4ec1b39 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-4ec1b39 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-4ec1b39 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-4ec1b39 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-4ec1b39 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-4ec1b39 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ab3bac2 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-ab3bac2 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-ab3bac2 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-ab3bac2 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-ab3bac2 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-ab3bac2 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-ab3bac2 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-ab3bac2 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-ab3bac2 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-ab3bac2 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-137554d *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-137554d .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-137554d .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-137554d .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-137554d .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-137554d .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-137554d .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-137554d .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-137554d .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-137554d .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-5c551e7 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-5c551e7 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-5c551e7 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-5c551e7 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-5c551e7 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-5c551e7 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-5c551e7 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-5c551e7 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-5c551e7 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-5c551e7 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e441ee2 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-e441ee2 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-e441ee2 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-e441ee2 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-e441ee2 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-e441ee2 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-e441ee2 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-e441ee2 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-e441ee2 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-e441ee2 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-848afc9 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-848afc9 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-848afc9 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-848afc9 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-848afc9 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-848afc9 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-848afc9 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-848afc9 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-848afc9 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-848afc9 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f53e667 */.elementor-3998 .elementor-element.elementor-element-f53e667 {
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-6d584d5 */.elementor-3998 .elementor-element.elementor-element-6d584d5 { text-wrap: balance; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-471fb3b */.elementor-3998 .elementor-element.elementor-element-471fb3b .elementor-button {
    background: #faf7f6; 
    color: #000000;
    position: relative;
    overflow: hidden; 
    transition: color 0.3s ease;
}

.elementor-3998 .elementor-element.elementor-element-471fb3b .elementor-button::before {
    content: "";
    position: absolute;
    top: 100%;
    left: -50%;
    width: 200%;
    height: 200%; 
    background: #bb44aa;
    border-radius: 50%;
    transition: top 0.3s ease;
    z-index: 0;
}

.elementor-3998 .elementor-element.elementor-element-471fb3b .elementor-button-content-wrapper {
    position: relative;
    z-index: 1;
}

.elementor-3998 .elementor-element.elementor-element-471fb3b .elementor-button:hover::before {
    top: -20% ;
}

.elementor-3998 .elementor-element.elementor-element-471fb3b .elementor-button:hover {
    color: #FFFFFF;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-030c014 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-030c014 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-030c014 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-030c014 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-030c014 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-030c014 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-030c014 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-030c014 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-030c014 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-030c014 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-daa9a6a *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-daa9a6a .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-daa9a6a .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-daa9a6a .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-daa9a6a .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-daa9a6a .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-daa9a6a .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-daa9a6a .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-daa9a6a .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-daa9a6a .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7da3511 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-7da3511 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-7da3511 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-7da3511 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-7da3511 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-7da3511 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-7da3511 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-7da3511 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-7da3511 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-7da3511 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e4290a5 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-e4290a5 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-e4290a5 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-e4290a5 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-e4290a5 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-e4290a5 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-e4290a5 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-e4290a5 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-e4290a5 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-e4290a5 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-cbd9297 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-cbd9297 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-cbd9297 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-cbd9297 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-cbd9297 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-cbd9297 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-cbd9297 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-cbd9297 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-cbd9297 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-cbd9297 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-9b06661 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-9b06661 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-9b06661 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-9b06661 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-9b06661 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-9b06661 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-9b06661 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-9b06661 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-9b06661 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-9b06661 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-23487c4 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-23487c4 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-23487c4 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-23487c4 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-23487c4 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-23487c4 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-23487c4 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-23487c4 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-23487c4 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-23487c4 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b972de2 */.elementor-3998 .elementor-element.elementor-element-b972de2 { text-wrap: balance; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a740113 */.elementor-3998 .elementor-element.elementor-element-a740113 .elementor-button {
    background: #faf7f6; 
    color: #000000;
    position: relative;
    overflow: hidden; 
    transition: color 0.3s ease;
}

.elementor-3998 .elementor-element.elementor-element-a740113 .elementor-button::before {
    content: "";
    position: absolute;
    top: 100%;
    left: -50%;
    width: 200%;
    height: 200%; 
    background: #bb44aa;
    border-radius: 50%;
    transition: top 0.3s ease;
    z-index: 0;
}

.elementor-3998 .elementor-element.elementor-element-a740113 .elementor-button-content-wrapper {
    position: relative;
    z-index: 1;
}

.elementor-3998 .elementor-element.elementor-element-a740113 .elementor-button:hover::before {
    top: -20% ;
}

.elementor-3998 .elementor-element.elementor-element-a740113 .elementor-button:hover {
    color: #FFFFFF;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-9eb8947 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-9eb8947 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-9eb8947 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-9eb8947 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-9eb8947 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-9eb8947 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-9eb8947 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-9eb8947 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-9eb8947 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-9eb8947 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-51cf06a *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-51cf06a .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-51cf06a .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-51cf06a .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-51cf06a .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-51cf06a .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-51cf06a .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-51cf06a .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-51cf06a .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-51cf06a .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-779ad28 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-779ad28 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-779ad28 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-779ad28 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-779ad28 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-779ad28 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-779ad28 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-779ad28 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-779ad28 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-779ad28 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-00f54eb *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-00f54eb .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-00f54eb .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-00f54eb .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-00f54eb .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-00f54eb .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-00f54eb .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-00f54eb .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-00f54eb .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-00f54eb .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ae7eaa5 */.elementor-3998 .elementor-element.elementor-element-ae7eaa5 {
    overflow-x: auto;
    overflow-y: hidden;


}

/* 2. Hide the ugly default scrollbar */
.elementor-3998 .elementor-element.elementor-element-ae7eaa5::-webkit-scrollbar {
    display: none;
}
.elementor-3998 .elementor-element.elementor-element-ae7eaa5 {
    -ms-overflow-style: none;
    scrollbar-width: none;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8b533d8 */.elementor-3998 .elementor-element.elementor-element-8b533d8 { text-wrap: balance; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-9086802 */.elementor-3998 .elementor-element.elementor-element-9086802 .elementor-button {
    background: #faf7f6; 
    color: #000000;
    position: relative;
    overflow: hidden; 
    transition: color 0.3s ease;
}

.elementor-3998 .elementor-element.elementor-element-9086802 .elementor-button::before {
    content: "";
    position: absolute;
    top: 100%;
    left: -50%;
    width: 200%;
    height: 200%; 
    background: #bb44aa;
    border-radius: 50%;
    transition: top 0.3s ease;
    z-index: 0;
}

.elementor-3998 .elementor-element.elementor-element-9086802 .elementor-button-content-wrapper {
    position: relative;
    z-index: 1;
}

.elementor-3998 .elementor-element.elementor-element-9086802 .elementor-button:hover::before {
    top: -20% ;
}

.elementor-3998 .elementor-element.elementor-element-9086802 .elementor-button:hover {
    color: #FFFFFF;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-5711149 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-5711149 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-5711149 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-5711149 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-5711149 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-5711149 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-5711149 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-5711149 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-5711149 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-5711149 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-8e9e1c4 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-8e9e1c4 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-8e9e1c4 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-8e9e1c4 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-8e9e1c4 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-8e9e1c4 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-8e9e1c4 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-8e9e1c4 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-8e9e1c4 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-8e9e1c4 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-4cbedb5 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-4cbedb5 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-4cbedb5 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-4cbedb5 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-4cbedb5 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-4cbedb5 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-4cbedb5 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-4cbedb5 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-4cbedb5 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-4cbedb5 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-64c5e1c *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-64c5e1c .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-64c5e1c .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-64c5e1c .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-64c5e1c .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-64c5e1c .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-64c5e1c .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-64c5e1c .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-64c5e1c .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-64c5e1c .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-8958a75 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-8958a75 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-8958a75 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-8958a75 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-8958a75 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-8958a75 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-8958a75 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-8958a75 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-8958a75 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-8958a75 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-43f4d39 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-43f4d39 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-43f4d39 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-43f4d39 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-43f4d39 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-43f4d39 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-43f4d39 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-43f4d39 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-43f4d39 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-43f4d39 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-b4ef7f9 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-b4ef7f9 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-b4ef7f9 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-b4ef7f9 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-b4ef7f9 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-b4ef7f9 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-b4ef7f9 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-b4ef7f9 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-b4ef7f9 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-b4ef7f9 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-57e7fb1 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-57e7fb1 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-57e7fb1 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-57e7fb1 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-57e7fb1 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-57e7fb1 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-57e7fb1 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-57e7fb1 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-57e7fb1 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-57e7fb1 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d5d095c */.elementor-3998 .elementor-element.elementor-element-d5d095c {
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-25fb32d */.elementor-3998 .elementor-element.elementor-element-25fb32d { text-wrap: balance; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-40e8c9d */.elementor-3998 .elementor-element.elementor-element-40e8c9d .elementor-button {
    background: #faf7f6; 
    color: #000000;
    position: relative;
    overflow: hidden; 
    transition: color 0.3s ease;
}

.elementor-3998 .elementor-element.elementor-element-40e8c9d .elementor-button::before {
    content: "";
    position: absolute;
    top: 100%;
    left: -50%;
    width: 200%;
    height: 200%; 
    background: #bb44aa;
    border-radius: 50%;
    transition: top 0.3s ease;
    z-index: 0;
}

.elementor-3998 .elementor-element.elementor-element-40e8c9d .elementor-button-content-wrapper {
    position: relative;
    z-index: 1;
}

.elementor-3998 .elementor-element.elementor-element-40e8c9d .elementor-button:hover::before {
    top: -20% ;
}

.elementor-3998 .elementor-element.elementor-element-40e8c9d .elementor-button:hover {
    color: #FFFFFF;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-cce7262 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-cce7262 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-cce7262 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-cce7262 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-cce7262 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-cce7262 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-cce7262 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-cce7262 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-cce7262 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-cce7262 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-80dd460 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-80dd460 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-80dd460 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-80dd460 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-80dd460 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-80dd460 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-80dd460 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-80dd460 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-80dd460 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-80dd460 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-0902de3 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-0902de3 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-0902de3 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-0902de3 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-0902de3 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-0902de3 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-0902de3 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-0902de3 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-0902de3 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-0902de3 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-003da8b *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-003da8b .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-003da8b .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-003da8b .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-003da8b .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-003da8b .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-003da8b .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-003da8b .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-003da8b .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-003da8b .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-f2617e7 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-f2617e7 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-f2617e7 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-f2617e7 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-f2617e7 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-f2617e7 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-f2617e7 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-f2617e7 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-f2617e7 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-f2617e7 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-a475126 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-a475126 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-a475126 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-a475126 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-a475126 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-a475126 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-a475126 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-a475126 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-a475126 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-a475126 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-440135b *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-440135b .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-440135b .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-440135b .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-440135b .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-440135b .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-440135b .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-440135b .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-440135b .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-440135b .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-9856caf */.elementor-3998 .elementor-element.elementor-element-9856caf { text-wrap: balance; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0984891 */.elementor-3998 .elementor-element.elementor-element-0984891 .elementor-button {
    background: #faf7f6; 
    color: #000000;
    position: relative;
    overflow: hidden; 
    transition: color 0.3s ease;
}

.elementor-3998 .elementor-element.elementor-element-0984891 .elementor-button::before {
    content: "";
    position: absolute;
    top: 100%;
    left: -50%;
    width: 200%;
    height: 200%; 
    background: #bb44aa;
    border-radius: 50%;
    transition: top 0.3s ease;
    z-index: 0;
}

.elementor-3998 .elementor-element.elementor-element-0984891 .elementor-button-content-wrapper {
    position: relative;
    z-index: 1;
}

.elementor-3998 .elementor-element.elementor-element-0984891 .elementor-button:hover::before {
    top: -20% ;
}

.elementor-3998 .elementor-element.elementor-element-0984891 .elementor-button:hover {
    color: #FFFFFF;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-368b9ba *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-368b9ba .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-368b9ba .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-368b9ba .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-368b9ba .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-368b9ba .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-368b9ba .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-368b9ba .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-368b9ba .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-368b9ba .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c51b00e *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-c51b00e .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-c51b00e .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-c51b00e .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-c51b00e .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-c51b00e .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-c51b00e .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-c51b00e .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-c51b00e .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-c51b00e .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ed179ae *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-ed179ae .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-ed179ae .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-ed179ae .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-ed179ae .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-ed179ae .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-ed179ae .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-ed179ae .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-ed179ae .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-ed179ae .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-0997fb5 *//* 1. Style the 'i' circle */
.elementor-3998 .elementor-element.elementor-element-0997fb5 .so-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #cebdfc;
    color: #4A0047;
    border-radius: 50%;
    font-family: serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    margin-left: 8px;
    cursor: help;
    position: relative;
    vertical-align: middle;
}

/* 2. Base settings for the tooltip & arrow so they animate together */
.elementor-3998 .elementor-element.elementor-element-0997fb5 .so-tooltip::before,
.elementor-3998 .elementor-element.elementor-element-0997fb5 .so-tooltip::after {
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 999;
}

/* 3. The dark tooltip text box */
.elementor-3998 .elementor-element.elementor-element-0997fb5 .so-tooltip::after {
    content: attr(data-tip);
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);
    background-color: #30033d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    width: max-content;
    max-width: 220px;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 4. The little downward pointing arrow */
.elementor-3998 .elementor-element.elementor-element-0997fb5 .so-tooltip::before {
    content: '';
    bottom: 100%;
    transform: translateX(-50%) translateY(5px);
    border-width: 6px;
    border-style: solid;
    border-color: #30033d transparent transparent transparent;
}

/* 5. Show tooltip on hover (Desktop) and Tap (Mobile) */
.elementor-3998 .elementor-element.elementor-element-0997fb5 .so-tooltip:hover::before,
.elementor-3998 .elementor-element.elementor-element-0997fb5 .so-tooltip:hover::after,
.elementor-3998 .elementor-element.elementor-element-0997fb5 .so-tooltip:active::before,
.elementor-3998 .elementor-element.elementor-element-0997fb5 .so-tooltip:active::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ca3032c */.elementor-3998 .elementor-element.elementor-element-ca3032c {
    overflow-x: auto;
    overflow-y: hidden;


}

/* 2. Hide the ugly default scrollbar */
.elementor-3998 .elementor-element.elementor-element-ca3032c::-webkit-scrollbar {
    display: none;
}
.elementor-3998 .elementor-element.elementor-element-ca3032c {
    -ms-overflow-style: none;
    scrollbar-width: none;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-ed2c391 */.elementor-3998 .elementor-element.elementor-element-ed2c391 .e-n-tabs-heading {
    background-color: #ececec;
    border-radius: 8px;
    padding: 6px; 
    display: inline-flex;
    margin: 0 auto 30px auto;

}

.elementor-3998 .elementor-element.elementor-element-ed2c391 .e-n-tab-title {
    border: none !important;
    transition: all 0.3s ease;

}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ef840bb */.elementor-3998 .elementor-element.elementor-element-ef840bb .elementor-button {
    background: #faf7f6; 
    color: #000000;
    position: relative;
    overflow: hidden; 
    transition: color 0.3s ease;
}

.elementor-3998 .elementor-element.elementor-element-ef840bb .elementor-button::before {
    content: "";
    position: absolute;
    top: 100%;
    left: -50%;
    width: 200%;
    height: 200%; 
    background: #bb44aa;
    border-radius: 50%;
    transition: top 0.3s ease;
    z-index: 0;
}

.elementor-3998 .elementor-element.elementor-element-ef840bb .elementor-button-content-wrapper {
    position: relative;
    z-index: 1;
}

.elementor-3998 .elementor-element.elementor-element-ef840bb .elementor-button:hover::before {
    top: -20% ;
}

.elementor-3998 .elementor-element.elementor-element-ef840bb .elementor-button:hover {
    color: #FFFFFF;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a70a04c */.elementor-3998 .elementor-element.elementor-element-a70a04c {
  position: relative;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d3a7ad6 */.elementor-3998 .elementor-element.elementor-element-d3a7ad6 table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    color: #333333;
    border: 0px;
    overflow: hidden;
}

.elementor-3998 .elementor-element.elementor-element-d3a7ad6 table thead tr {
    background-color: #f6f3ff;
}

.elementor-3998 .elementor-element.elementor-element-d3a7ad6 table thead th {
    padding: 10px 14px;
    text-align: left;
    font-weight: 600;
    color: #4a0047;
    border: 0px;
}

.elementor-3998 .elementor-element.elementor-element-d3a7ad6 table tbody tr:nth-child(even) {
    background-color: #fafafa
}

.elementor-3998 .elementor-element.elementor-element-d3a7ad6 table tbody tr:nth-child(odd) {
    background-color: #ffffff 
}

.elementor-3998 .elementor-element.elementor-element-d3a7ad6 table tbody td {
    background-color: transparent
}

.elementor-3998 .elementor-element.elementor-element-d3a7ad6 table tbody td {
    padding: 8px 14px;
    color: #333333;
    vertical-align: top;
    border: 0px;
}

.elementor-3998 .elementor-element.elementor-element-d3a7ad6 {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.elementor-3998 .elementor-element.elementor-element-d3a7ad6 table {
    min-width: 500px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88f2d05 */.elementor-3998 .elementor-element.elementor-element-88f2d05 table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    color: #333333;
    border: 0px;
    overflow: hidden;
}

.elementor-3998 .elementor-element.elementor-element-88f2d05 table thead tr {
    background-color: #f6f3ff;
}

.elementor-3998 .elementor-element.elementor-element-88f2d05 table thead th {
    padding: 10px 14px;
    text-align: left;
    font-weight: 600;
    color: #4a0047;
    border: 0px;
}

.elementor-3998 .elementor-element.elementor-element-88f2d05 table tbody tr:nth-child(even) {
    background-color: #fafafa
}

.elementor-3998 .elementor-element.elementor-element-88f2d05 table tbody tr:nth-child(odd) {
    background-color: #ffffff 
}

.elementor-3998 .elementor-element.elementor-element-88f2d05 table tbody td {
    background-color: transparent
}

.elementor-3998 .elementor-element.elementor-element-88f2d05 table tbody td {
    padding: 8px 14px;
    color: #333333;
    vertical-align: top;
    border: 0px;
}

.elementor-3998 .elementor-element.elementor-element-88f2d05 {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.elementor-3998 .elementor-element.elementor-element-88f2d05 table {
    min-width: 500px;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Figtree';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://smartorg.no/wp-content/uploads/2025/11/figtree-v9-latin-700.woff2') format('woff2');
}
@font-face {
	font-family: 'Figtree';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('https://smartorg.no/wp-content/uploads/2025/11/figtree-v9-latin-italic.woff2') format('woff2');
}
@font-face {
	font-family: 'Figtree';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://smartorg.no/wp-content/uploads/2025/11/figtree-v9-latin-regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Figtree';
	font-style: italic;
	font-weight: bold;
	font-display: auto;
	src: url('https://smartorg.no/wp-content/uploads/2025/11/figtree-v9-latin-700italic.woff2') format('woff2');
}
/* End Custom Fonts CSS */