.elementor-1817 .elementor-element.elementor-element-fcf26ef{--display:flex;}.elementor-1817 .elementor-element.elementor-element-fcf26ef:not(.elementor-motion-effects-element-type-background), .elementor-1817 .elementor-element.elementor-element-fcf26ef > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-1817 .elementor-element.elementor-element-9a94ea9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:60px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;}.elementor-1817 .elementor-element.elementor-element-2291750{--display:flex;}.elementor-1817 .elementor-element.elementor-element-2291750.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-1817 .elementor-element.elementor-element-3ca9b62{width:var( --container-widget-width, 71.459% );max-width:71.459%;--container-widget-width:71.459%;--container-widget-flex-grow:0;}.elementor-1817 .elementor-element.elementor-element-3ca9b62.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1817 .elementor-element.elementor-element-3ca9b62 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:52px;font-weight:900;text-transform:uppercase;line-height:54px;word-spacing:7px;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#050404;}.elementor-1817 .elementor-element.elementor-element-9dcc696{width:var( --container-widget-width, 81% );max-width:81%;--container-widget-width:81%;--container-widget-flex-grow:0;font-family:"Inter", Sans-serif;font-size:18px;color:var( --e-global-color-0482af4 );}.elementor-1817 .elementor-element.elementor-element-9dcc696.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1817 .elementor-element.elementor-element-8ec34f3:hover{--e-transform-translateY:-3px;}.elementor-1817 .elementor-element.elementor-element-8ec34f3.elementor-element{--align-self:flex-start;}.elementor-1817 .elementor-element.elementor-element-8ec34f3{border-radius:20px 20px 20px 20px;}.elementor-1817 .elementor-element.elementor-element-8ec34f3 .elementor-button{text-transform:none;font-style:normal;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-radius:20px 20px 20px 20px;}.elementor-1817 .elementor-element.elementor-element-1bd73a5{--display:flex;--justify-content:center;}.elementor-1817 .elementor-element.elementor-element-c14d31b{width:var( --container-widget-width, 97% );max-width:97%;padding:0px 0px 0px 20px;--container-widget-width:97%;--container-widget-flex-grow:0;}.elementor-1817 .elementor-element.elementor-element-c14d31b.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-1817 .elementor-element.elementor-element-8053866{--display:flex;}.elementor-1817 .elementor-element.elementor-element-8053866:not(.elementor-motion-effects-element-type-background), .elementor-1817 .elementor-element.elementor-element-8053866 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1817 .elementor-element.elementor-element-ea4de57{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1817 .elementor-element.elementor-element-2313333{--display:flex;}.elementor-1817 .elementor-element.elementor-element-fc8330b{width:var( --container-widget-width, 75.511% );max-width:75.511%;--container-widget-width:75.511%;--container-widget-flex-grow:0;}.elementor-1817 .elementor-element.elementor-element-fc8330b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1817 .elementor-element.elementor-element-fc8330b .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:46px;font-weight:900;text-transform:uppercase;line-height:54px;word-spacing:7px;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#050404;}.elementor-1817 .elementor-element.elementor-element-390b4ad{color:#241A1A;}.elementor-1817 .elementor-element.elementor-element-5d152aa{background-color:#FFFFFF;padding:20px 20px 20px 20px;border-style:solid;border-width:0px 0px 0px 4px;border-color:#9665FF;border-radius:020px 020px 020px 020px;color:#241A1A;}.elementor-1817 .elementor-element.elementor-element-b4723b9{--display:flex;}.elementor-1817 .elementor-element.elementor-element-b4723b9.e-con{--align-self:center;}.elementor-1817 .elementor-element.elementor-element-abca478.elementor-element{--align-self:center;}.elementor-1817 .elementor-element.elementor-element-1d0e064{--display:flex;}.elementor-1817 .elementor-element.elementor-element-704dcaf{--display:flex;}.elementor-1817 .elementor-element.elementor-element-b1728fe{--display:flex;--padding-top:040px;--padding-bottom:040px;--padding-left:0px;--padding-right:0px;}.elementor-1817 .elementor-element.elementor-element-b1728fe:not(.elementor-motion-effects-element-type-background), .elementor-1817 .elementor-element.elementor-element-b1728fe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FDFCFF;}.elementor-1817 .elementor-element.elementor-element-958358f{--display:flex;}.elementor-1817 .elementor-element.elementor-element-d3ce65e.elementor-element{--align-self:center;}.elementor-1817 .elementor-element.elementor-element-d3ce65e{color:#CC816B;}.elementor-1817 .elementor-element.elementor-element-b4aa7fa{width:var( --container-widget-width, 100.813% );max-width:100.813%;--container-widget-width:100.813%;--container-widget-flex-grow:0;text-align:center;}.elementor-1817 .elementor-element.elementor-element-b4aa7fa.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-1817 .elementor-element.elementor-element-b4aa7fa .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:37px;font-weight:900;line-height:53px;letter-spacing:0.3px;color:#050404;}.elementor-1817 .elementor-element.elementor-element-d4f7064{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;font-family:"Inter", Sans-serif;font-size:18px;color:var( --e-global-color-0482af4 );}.elementor-1817 .elementor-element.elementor-element-d4f7064.elementor-element{--align-self:center;}.elementor-1817 .elementor-element.elementor-element-6f7d93a{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1817 .elementor-element.elementor-element-75ee951{padding:13px 10px 10px 13px;}.elementor-1817 .elementor-element.elementor-element-75ee951 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1817 .elementor-element.elementor-element-75ee951.elementor-view-stacked .elementor-icon{background-color:#F6F4FF;fill:#6952AC;color:#6952AC;}.elementor-1817 .elementor-element.elementor-element-75ee951.elementor-view-framed .elementor-icon, .elementor-1817 .elementor-element.elementor-element-75ee951.elementor-view-default .elementor-icon{fill:#F6F4FF;color:#F6F4FF;border-color:#F6F4FF;}.elementor-1817 .elementor-element.elementor-element-75ee951.elementor-view-framed .elementor-icon{background-color:#6952AC;}.elementor-1817 .elementor-element.elementor-element-75ee951.elementor-view-framed:has(:hover) .elementor-icon,
.elementor-1817 .elementor-element.elementor-element-75ee951.elementor-view-framed:has(:focus) .elementor-icon{background-color:#972A2A;}.elementor-1817 .elementor-element.elementor-element-75ee951.elementor-view-stacked:has(:hover) .elementor-icon,
.elementor-1817 .elementor-element.elementor-element-75ee951.elementor-view-stacked:has(:focus) .elementor-icon{fill:#972A2A;color:#972A2A;}.elementor-1817 .elementor-element.elementor-element-75ee951 .elementor-icon{font-size:35px;}.elementor-1817 .elementor-element.elementor-element-358106c{padding:13px 10px 10px 13px;}.elementor-1817 .elementor-element.elementor-element-358106c .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1817 .elementor-element.elementor-element-358106c.elementor-view-stacked .elementor-icon{background-color:#F6F4FF;fill:#6952AC;color:#6952AC;}.elementor-1817 .elementor-element.elementor-element-358106c.elementor-view-framed .elementor-icon, .elementor-1817 .elementor-element.elementor-element-358106c.elementor-view-default .elementor-icon{fill:#F6F4FF;color:#F6F4FF;border-color:#F6F4FF;}.elementor-1817 .elementor-element.elementor-element-358106c.elementor-view-framed .elementor-icon{background-color:#6952AC;}.elementor-1817 .elementor-element.elementor-element-358106c.elementor-view-framed:has(:hover) .elementor-icon,
.elementor-1817 .elementor-element.elementor-element-358106c.elementor-view-framed:has(:focus) .elementor-icon{background-color:#972A2A;}.elementor-1817 .elementor-element.elementor-element-358106c.elementor-view-stacked:has(:hover) .elementor-icon,
.elementor-1817 .elementor-element.elementor-element-358106c.elementor-view-stacked:has(:focus) .elementor-icon{fill:#972A2A;color:#972A2A;}.elementor-1817 .elementor-element.elementor-element-358106c .elementor-icon{font-size:35px;}.elementor-1817 .elementor-element.elementor-element-23eb0fc{padding:13px 10px 10px 13px;}.elementor-1817 .elementor-element.elementor-element-23eb0fc .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1817 .elementor-element.elementor-element-23eb0fc.elementor-view-stacked .elementor-icon{background-color:#F6F4FF;fill:#6952AC;color:#6952AC;}.elementor-1817 .elementor-element.elementor-element-23eb0fc.elementor-view-framed .elementor-icon, .elementor-1817 .elementor-element.elementor-element-23eb0fc.elementor-view-default .elementor-icon{fill:#F6F4FF;color:#F6F4FF;border-color:#F6F4FF;}.elementor-1817 .elementor-element.elementor-element-23eb0fc.elementor-view-framed .elementor-icon{background-color:#6952AC;}.elementor-1817 .elementor-element.elementor-element-23eb0fc.elementor-view-framed:has(:hover) .elementor-icon,
.elementor-1817 .elementor-element.elementor-element-23eb0fc.elementor-view-framed:has(:focus) .elementor-icon{background-color:#972A2A;}.elementor-1817 .elementor-element.elementor-element-23eb0fc.elementor-view-stacked:has(:hover) .elementor-icon,
.elementor-1817 .elementor-element.elementor-element-23eb0fc.elementor-view-stacked:has(:focus) .elementor-icon{fill:#972A2A;color:#972A2A;}.elementor-1817 .elementor-element.elementor-element-23eb0fc .elementor-icon{font-size:35px;}.elementor-1817 .elementor-element.elementor-element-0e05cf2{padding:13px 10px 10px 13px;}.elementor-1817 .elementor-element.elementor-element-0e05cf2 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1817 .elementor-element.elementor-element-0e05cf2.elementor-view-stacked .elementor-icon{background-color:#F6F4FF;fill:#6952AC;color:#6952AC;}.elementor-1817 .elementor-element.elementor-element-0e05cf2.elementor-view-framed .elementor-icon, .elementor-1817 .elementor-element.elementor-element-0e05cf2.elementor-view-default .elementor-icon{fill:#F6F4FF;color:#F6F4FF;border-color:#F6F4FF;}.elementor-1817 .elementor-element.elementor-element-0e05cf2.elementor-view-framed .elementor-icon{background-color:#6952AC;}.elementor-1817 .elementor-element.elementor-element-0e05cf2.elementor-view-framed:has(:hover) .elementor-icon,
.elementor-1817 .elementor-element.elementor-element-0e05cf2.elementor-view-framed:has(:focus) .elementor-icon{background-color:#972A2A;}.elementor-1817 .elementor-element.elementor-element-0e05cf2.elementor-view-stacked:has(:hover) .elementor-icon,
.elementor-1817 .elementor-element.elementor-element-0e05cf2.elementor-view-stacked:has(:focus) .elementor-icon{fill:#972A2A;color:#972A2A;}.elementor-1817 .elementor-element.elementor-element-0e05cf2 .elementor-icon{font-size:35px;}.elementor-1817 .elementor-element.elementor-element-c29751c{padding:13px 10px 10px 13px;}.elementor-1817 .elementor-element.elementor-element-c29751c .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1817 .elementor-element.elementor-element-c29751c.elementor-view-stacked .elementor-icon{background-color:#F6F4FF;fill:#6952AC;color:#6952AC;}.elementor-1817 .elementor-element.elementor-element-c29751c.elementor-view-framed .elementor-icon, .elementor-1817 .elementor-element.elementor-element-c29751c.elementor-view-default .elementor-icon{fill:#F6F4FF;color:#F6F4FF;border-color:#F6F4FF;}.elementor-1817 .elementor-element.elementor-element-c29751c.elementor-view-framed .elementor-icon{background-color:#6952AC;}.elementor-1817 .elementor-element.elementor-element-c29751c.elementor-view-framed:has(:hover) .elementor-icon,
.elementor-1817 .elementor-element.elementor-element-c29751c.elementor-view-framed:has(:focus) .elementor-icon{background-color:#972A2A;}.elementor-1817 .elementor-element.elementor-element-c29751c.elementor-view-stacked:has(:hover) .elementor-icon,
.elementor-1817 .elementor-element.elementor-element-c29751c.elementor-view-stacked:has(:focus) .elementor-icon{fill:#972A2A;color:#972A2A;}.elementor-1817 .elementor-element.elementor-element-c29751c .elementor-icon{font-size:35px;}.elementor-1817 .elementor-element.elementor-element-748d268{--display:flex;}.elementor-1817 .elementor-element.elementor-element-748d268:not(.elementor-motion-effects-element-type-background), .elementor-1817 .elementor-element.elementor-element-748d268 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1817 .elementor-element.elementor-element-7f7d43a{--display:flex;}.elementor-1817 .elementor-element.elementor-element-f34aa36{--display:flex;--padding-top:040px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-1817 .elementor-element.elementor-element-f34aa36:not(.elementor-motion-effects-element-type-background), .elementor-1817 .elementor-element.elementor-element-f34aa36 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1817 .elementor-element.elementor-element-12b81a6{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:030px;--padding-bottom:040px;--padding-left:0px;--padding-right:0px;}.elementor-1817 .elementor-element.elementor-element-12b81a6:not(.elementor-motion-effects-element-type-background), .elementor-1817 .elementor-element.elementor-element-12b81a6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E8E0FD;}.elementor-1817 .elementor-element.elementor-element-8f4e142{width:var( --container-widget-width, 94.071% );max-width:94.071%;padding:0px 0px 0px 17px;--container-widget-width:94.071%;--container-widget-flex-grow:0;text-align:center;}.elementor-1817 .elementor-element.elementor-element-8f4e142.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-1817 .elementor-element.elementor-element-8f4e142 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:42px;font-weight:800;line-height:40px;-webkit-text-stroke-width:1px;stroke-width:1px;-webkit-text-stroke-color:#000;stroke:#000;color:#000000;}.elementor-1817 .elementor-element.elementor-element-4a07f36{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-1817 .elementor-element.elementor-element-4a07f36.e-con{--align-self:center;}.elementor-1817 .elementor-element.elementor-element-9049c04{background-color:#FDFCFF;padding:29px 29px 29px 29px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FDFCFF;border-radius:20px 20px 20px 20px;}.elementor-1817 .elementor-element.elementor-element-9049c04 .elementor-icon-box-wrapper{text-align:start;gap:9px;}.elementor-1817 .elementor-element.elementor-element-9049c04.elementor-view-stacked .elementor-icon{background-color:#F7F5FF;fill:#7E54F8;color:#7E54F8;}.elementor-1817 .elementor-element.elementor-element-9049c04.elementor-view-framed .elementor-icon, .elementor-1817 .elementor-element.elementor-element-9049c04.elementor-view-default .elementor-icon{fill:#F7F5FF;color:#F7F5FF;border-color:#F7F5FF;}.elementor-1817 .elementor-element.elementor-element-9049c04.elementor-view-framed .elementor-icon{background-color:#7E54F8;}.elementor-1817 .elementor-element.elementor-element-9049c04 .elementor-icon{transition-duration:0.1s;font-size:22px;}.elementor-1817 .elementor-element.elementor-element-9049c04 .elementor-icon i{transform:rotate(0deg);}.elementor-1817 .elementor-element.elementor-element-9049c04 .elementor-icon-box-title, .elementor-1817 .elementor-element.elementor-element-9049c04 .elementor-icon-box-title a{font-size:19px;font-weight:900;text-transform:uppercase;}.elementor-1817 .elementor-element.elementor-element-9049c04 .elementor-icon-box-title{color:var( --e-global-color-f96279d );}.elementor-1817 .elementor-element.elementor-element-9049c04 .elementor-icon-box-description{font-size:14px;font-weight:400;color:#010202;}.elementor-1817 .elementor-element.elementor-element-f2733f1{background-color:#FDFCFF;padding:29px 29px 29px 29px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FDFCFF;border-radius:20px 20px 20px 20px;}.elementor-1817 .elementor-element.elementor-element-f2733f1 .elementor-icon-box-wrapper{text-align:start;gap:9px;}.elementor-1817 .elementor-element.elementor-element-f2733f1.elementor-view-stacked .elementor-icon{background-color:#F7F5FF;fill:#7E54F8;color:#7E54F8;}.elementor-1817 .elementor-element.elementor-element-f2733f1.elementor-view-framed .elementor-icon, .elementor-1817 .elementor-element.elementor-element-f2733f1.elementor-view-default .elementor-icon{fill:#F7F5FF;color:#F7F5FF;border-color:#F7F5FF;}.elementor-1817 .elementor-element.elementor-element-f2733f1.elementor-view-framed .elementor-icon{background-color:#7E54F8;}.elementor-1817 .elementor-element.elementor-element-f2733f1 .elementor-icon{transition-duration:0.1s;font-size:22px;}.elementor-1817 .elementor-element.elementor-element-f2733f1 .elementor-icon i{transform:rotate(0deg);}.elementor-1817 .elementor-element.elementor-element-f2733f1 .elementor-icon-box-title, .elementor-1817 .elementor-element.elementor-element-f2733f1 .elementor-icon-box-title a{font-size:19px;font-weight:900;text-transform:uppercase;}.elementor-1817 .elementor-element.elementor-element-f2733f1 .elementor-icon-box-title{color:var( --e-global-color-f96279d );}.elementor-1817 .elementor-element.elementor-element-f2733f1 .elementor-icon-box-description{font-size:14px;font-weight:400;color:#010202;}.elementor-1817 .elementor-element.elementor-element-45f8ce1{background-color:#FDFCFF;padding:29px 29px 29px 29px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FDFCFF;border-radius:20px 20px 20px 20px;}.elementor-1817 .elementor-element.elementor-element-45f8ce1 .elementor-icon-box-wrapper{text-align:start;gap:9px;}.elementor-1817 .elementor-element.elementor-element-45f8ce1.elementor-view-stacked .elementor-icon{background-color:#F7F5FF;fill:#7E54F8;color:#7E54F8;}.elementor-1817 .elementor-element.elementor-element-45f8ce1.elementor-view-framed .elementor-icon, .elementor-1817 .elementor-element.elementor-element-45f8ce1.elementor-view-default .elementor-icon{fill:#F7F5FF;color:#F7F5FF;border-color:#F7F5FF;}.elementor-1817 .elementor-element.elementor-element-45f8ce1.elementor-view-framed .elementor-icon{background-color:#7E54F8;}.elementor-1817 .elementor-element.elementor-element-45f8ce1 .elementor-icon{transition-duration:0.1s;font-size:22px;}.elementor-1817 .elementor-element.elementor-element-45f8ce1 .elementor-icon i{transform:rotate(0deg);}.elementor-1817 .elementor-element.elementor-element-45f8ce1 .elementor-icon-box-title, .elementor-1817 .elementor-element.elementor-element-45f8ce1 .elementor-icon-box-title a{font-size:19px;font-weight:900;text-transform:uppercase;}.elementor-1817 .elementor-element.elementor-element-45f8ce1 .elementor-icon-box-title{color:var( --e-global-color-f96279d );}.elementor-1817 .elementor-element.elementor-element-45f8ce1 .elementor-icon-box-description{font-size:14px;font-weight:400;color:#010202;}.elementor-1817 .elementor-element.elementor-element-9753c28{background-color:#FDFCFF;padding:29px 29px 29px 29px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FDFCFF;border-radius:20px 20px 20px 20px;}.elementor-1817 .elementor-element.elementor-element-9753c28 .elementor-icon-box-wrapper{text-align:start;gap:9px;}.elementor-1817 .elementor-element.elementor-element-9753c28.elementor-view-stacked .elementor-icon{background-color:#F7F5FF;fill:#7E54F8;color:#7E54F8;}.elementor-1817 .elementor-element.elementor-element-9753c28.elementor-view-framed .elementor-icon, .elementor-1817 .elementor-element.elementor-element-9753c28.elementor-view-default .elementor-icon{fill:#F7F5FF;color:#F7F5FF;border-color:#F7F5FF;}.elementor-1817 .elementor-element.elementor-element-9753c28.elementor-view-framed .elementor-icon{background-color:#7E54F8;}.elementor-1817 .elementor-element.elementor-element-9753c28 .elementor-icon{transition-duration:0.1s;font-size:22px;}.elementor-1817 .elementor-element.elementor-element-9753c28 .elementor-icon i{transform:rotate(0deg);}.elementor-1817 .elementor-element.elementor-element-9753c28 .elementor-icon-box-title, .elementor-1817 .elementor-element.elementor-element-9753c28 .elementor-icon-box-title a{font-size:19px;font-weight:900;text-transform:uppercase;}.elementor-1817 .elementor-element.elementor-element-9753c28 .elementor-icon-box-title{color:var( --e-global-color-f96279d );}.elementor-1817 .elementor-element.elementor-element-9753c28 .elementor-icon-box-description{font-size:14px;font-weight:400;color:#010202;}.elementor-1817 .elementor-element.elementor-element-71c6cf1{background-color:#FDFCFF;padding:29px 29px 29px 29px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FDFCFF;border-radius:20px 20px 20px 20px;}.elementor-1817 .elementor-element.elementor-element-71c6cf1 .elementor-icon-box-wrapper{text-align:start;gap:9px;}.elementor-1817 .elementor-element.elementor-element-71c6cf1.elementor-view-stacked .elementor-icon{background-color:#F7F5FF;fill:#7E54F8;color:#7E54F8;}.elementor-1817 .elementor-element.elementor-element-71c6cf1.elementor-view-framed .elementor-icon, .elementor-1817 .elementor-element.elementor-element-71c6cf1.elementor-view-default .elementor-icon{fill:#F7F5FF;color:#F7F5FF;border-color:#F7F5FF;}.elementor-1817 .elementor-element.elementor-element-71c6cf1.elementor-view-framed .elementor-icon{background-color:#7E54F8;}.elementor-1817 .elementor-element.elementor-element-71c6cf1 .elementor-icon{transition-duration:0.1s;font-size:22px;}.elementor-1817 .elementor-element.elementor-element-71c6cf1 .elementor-icon i{transform:rotate(0deg);}.elementor-1817 .elementor-element.elementor-element-71c6cf1 .elementor-icon-box-title, .elementor-1817 .elementor-element.elementor-element-71c6cf1 .elementor-icon-box-title a{font-size:19px;font-weight:900;text-transform:uppercase;}.elementor-1817 .elementor-element.elementor-element-71c6cf1 .elementor-icon-box-title{color:var( --e-global-color-f96279d );}.elementor-1817 .elementor-element.elementor-element-71c6cf1 .elementor-icon-box-description{font-size:14px;font-weight:400;color:#010202;}.elementor-1817 .elementor-element.elementor-element-9d94c37{background-color:#FDFCFF;padding:29px 29px 29px 29px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FDFCFF;border-radius:20px 20px 20px 20px;}.elementor-1817 .elementor-element.elementor-element-9d94c37 .elementor-icon-box-wrapper{text-align:start;gap:9px;}.elementor-1817 .elementor-element.elementor-element-9d94c37.elementor-view-stacked .elementor-icon{background-color:#F7F5FF;fill:#7E54F8;color:#7E54F8;}.elementor-1817 .elementor-element.elementor-element-9d94c37.elementor-view-framed .elementor-icon, .elementor-1817 .elementor-element.elementor-element-9d94c37.elementor-view-default .elementor-icon{fill:#F7F5FF;color:#F7F5FF;border-color:#F7F5FF;}.elementor-1817 .elementor-element.elementor-element-9d94c37.elementor-view-framed .elementor-icon{background-color:#7E54F8;}.elementor-1817 .elementor-element.elementor-element-9d94c37 .elementor-icon{transition-duration:0.1s;font-size:22px;}.elementor-1817 .elementor-element.elementor-element-9d94c37 .elementor-icon i{transform:rotate(0deg);}.elementor-1817 .elementor-element.elementor-element-9d94c37 .elementor-icon-box-title, .elementor-1817 .elementor-element.elementor-element-9d94c37 .elementor-icon-box-title a{font-size:19px;font-weight:900;text-transform:uppercase;}.elementor-1817 .elementor-element.elementor-element-9d94c37 .elementor-icon-box-title{color:var( --e-global-color-f96279d );}.elementor-1817 .elementor-element.elementor-element-9d94c37 .elementor-icon-box-description{font-size:14px;font-weight:400;color:#010202;}.elementor-1817 .elementor-element.elementor-element-b9d780b{--display:flex;}.elementor-1817 .elementor-element.elementor-element-908c8ae{--display:flex;}.elementor-1817 .elementor-element.elementor-element-f7d92f9{--display:flex;--padding-top:38px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1817 .elementor-element.elementor-element-f7d92f9:not(.elementor-motion-effects-element-type-background), .elementor-1817 .elementor-element.elementor-element-f7d92f9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1817 .elementor-element.elementor-element-ccaae11{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1817 .elementor-element.elementor-element-0dd94b7{--display:flex;}.elementor-1817 .elementor-element.elementor-element-0dd94b7.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1817 .elementor-element.elementor-element-d1a1b51{width:var( --container-widget-width, 94.071% );max-width:94.071%;padding:0px 0px 0px 17px;--container-widget-width:94.071%;--container-widget-flex-grow:0;}.elementor-1817 .elementor-element.elementor-element-d1a1b51.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1817 .elementor-element.elementor-element-d1a1b51 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:41px;font-weight:800;line-height:46px;-webkit-text-stroke-width:1px;stroke-width:1px;-webkit-text-stroke-color:#000;stroke:#000;color:#000000;}.elementor-1817 .elementor-element.elementor-element-fff0c94{width:var( --container-widget-width, 81.564% );max-width:81.564%;padding:0px 0px 0px 22px;--container-widget-width:81.564%;--container-widget-flex-grow:0;text-align:justify;color:#3E3E3E;}.elementor-1817 .elementor-element.elementor-element-fff0c94.elementor-element{--align-self:stretch;--flex-grow:0;--flex-shrink:0;}.elementor-1817 .elementor-element.elementor-element-a083976{--display:flex;border-style:solid;--border-style:solid;border-width:0px 0px 3px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:3px;--border-left-width:0px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--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-1817 .elementor-element.elementor-element-a083976.e-con{--align-self:center;}.elementor-1817 .elementor-element.elementor-element-bacae51{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:10px;--padding-bottom:19px;--padding-left:30px;--padding-right:39px;}.elementor-1817 .elementor-element.elementor-element-bacae51:not(.elementor-motion-effects-element-type-background), .elementor-1817 .elementor-element.elementor-element-bacae51 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EDE5FF;}.elementor-1817 .elementor-element.elementor-element-cf35a4a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;border-radius:20px 20px 20px 20px;text-align:start;font-size:14px;color:#BD4EC7;}.elementor-1817 .elementor-element.elementor-element-cf35a4a.elementor-element{--align-self:flex-start;}.elementor-1817 .elementor-element.elementor-element-a9943c5{width:var( --container-widget-width, 98.185% );max-width:98.185%;background-color:#FFFFFF;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 11px;padding:16px 11px 14px 12px;--container-widget-width:98.185%;--container-widget-flex-grow:0;border-style:solid;border-width:1px 1px 1px 1px;border-color:#EBE4F6;border-radius:20px 20px 20px 20px;}.elementor-1817 .elementor-element.elementor-element-a9943c5.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1817 .elementor-element.elementor-element-a9943c5 .elementor-icon-box-wrapper{text-align:start;}.elementor-1817 .elementor-element.elementor-element-a9943c5 .elementor-icon-box-title{margin-block-end:5px;color:#7319C5;}.elementor-1817 .elementor-element.elementor-element-a9943c5 .elementor-icon-box-title, .elementor-1817 .elementor-element.elementor-element-a9943c5 .elementor-icon-box-title a{font-weight:700;}.elementor-1817 .elementor-element.elementor-element-a9943c5 .elementor-icon-box-description{font-size:15px;line-height:20px;color:#45464B;}.elementor-1817 .elementor-element.elementor-element-ebeaed0{width:var( --container-widget-width, 98.185% );max-width:98.185%;background-color:#FFFFFF;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 11px;padding:16px 11px 14px 12px;--container-widget-width:98.185%;--container-widget-flex-grow:0;border-style:solid;border-width:1px 1px 1px 1px;border-color:#EBE4F6;border-radius:20px 20px 20px 20px;}.elementor-1817 .elementor-element.elementor-element-ebeaed0.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1817 .elementor-element.elementor-element-ebeaed0 .elementor-icon-box-wrapper{text-align:start;}.elementor-1817 .elementor-element.elementor-element-ebeaed0 .elementor-icon-box-title{margin-block-end:5px;color:#7319C5;}.elementor-1817 .elementor-element.elementor-element-ebeaed0 .elementor-icon-box-title, .elementor-1817 .elementor-element.elementor-element-ebeaed0 .elementor-icon-box-title a{font-weight:700;}.elementor-1817 .elementor-element.elementor-element-ebeaed0 .elementor-icon-box-description{font-size:15px;line-height:20px;color:#45464B;}.elementor-1817 .elementor-element.elementor-element-178874d{width:var( --container-widget-width, 98.185% );max-width:98.185%;background-color:#FFFFFF;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 11px;padding:16px 11px 14px 12px;--container-widget-width:98.185%;--container-widget-flex-grow:0;border-style:solid;border-width:1px 1px 1px 1px;border-color:#EBE4F6;border-radius:20px 20px 20px 20px;}.elementor-1817 .elementor-element.elementor-element-178874d.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1817 .elementor-element.elementor-element-178874d .elementor-icon-box-wrapper{text-align:start;}.elementor-1817 .elementor-element.elementor-element-178874d .elementor-icon-box-title{margin-block-end:5px;color:#7319C5;}.elementor-1817 .elementor-element.elementor-element-178874d .elementor-icon-box-title, .elementor-1817 .elementor-element.elementor-element-178874d .elementor-icon-box-title a{font-weight:700;}.elementor-1817 .elementor-element.elementor-element-178874d .elementor-icon-box-description{font-size:15px;line-height:20px;color:#45464B;}.elementor-1817 .elementor-element.elementor-element-5a72ecb{width:var( --container-widget-width, 98.185% );max-width:98.185%;background-color:#FFFFFF;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 11px;padding:16px 11px 14px 12px;--container-widget-width:98.185%;--container-widget-flex-grow:0;border-style:solid;border-width:1px 1px 1px 1px;border-color:#EBE4F6;border-radius:20px 20px 20px 20px;}.elementor-1817 .elementor-element.elementor-element-5a72ecb.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1817 .elementor-element.elementor-element-5a72ecb .elementor-icon-box-wrapper{text-align:start;}.elementor-1817 .elementor-element.elementor-element-5a72ecb .elementor-icon-box-title{margin-block-end:5px;color:#7319C5;}.elementor-1817 .elementor-element.elementor-element-5a72ecb .elementor-icon-box-title, .elementor-1817 .elementor-element.elementor-element-5a72ecb .elementor-icon-box-title a{font-weight:700;}.elementor-1817 .elementor-element.elementor-element-5a72ecb .elementor-icon-box-description{font-size:15px;line-height:20px;color:#45464B;}.elementor-1817 .elementor-element.elementor-element-bab71aa{--display:flex;--padding-top:040px;--padding-bottom:030px;--padding-left:0px;--padding-right:0px;}.elementor-1817 .elementor-element.elementor-element-5462a28{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1817 .elementor-element.elementor-element-8b8cce1{--display:flex;}.elementor-1817 .elementor-element.elementor-element-f82be55{width:var( --container-widget-width, 86.964% );max-width:86.964%;--container-widget-width:86.964%;--container-widget-flex-grow:0;}.elementor-1817 .elementor-element.elementor-element-f82be55.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1817 .elementor-element.elementor-element-f82be55 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:46px;font-weight:900;text-transform:uppercase;line-height:54px;word-spacing:7px;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#050404;}.elementor-1817 .elementor-element.elementor-element-744bb2c{color:#241A1A;}.elementor-1817 .elementor-element.elementor-element-289845b{background-color:#FFFFFF;padding:20px 20px 20px 20px;border-style:solid;border-width:0px 0px 0px 4px;border-color:#9665FF;border-radius:020px 020px 020px 020px;color:#241A1A;}.elementor-1817 .elementor-element.elementor-element-94c2db6{--display:flex;}.elementor-1817 .elementor-element.elementor-element-94c2db6.e-con{--align-self:center;}.elementor-1817 .elementor-element.elementor-element-c8f226e.elementor-element{--align-self:center;}.elementor-1817 .elementor-element.elementor-element-22096a7{--display:flex;--padding-top:20px;--padding-bottom:27px;--padding-left:0px;--padding-right:0px;}.elementor-1817 .elementor-element.elementor-element-6925c23{--display:flex;}.elementor-1817 .elementor-element.elementor-element-003edfb.elementor-element{--align-self:flex-start;}.elementor-1817 .elementor-element.elementor-element-003edfb{text-align:start;color:#CC816B;}.elementor-1817 .elementor-element.elementor-element-7f0ad72{width:var( --container-widget-width, 94.071% );max-width:94.071%;padding:0px 0px 0px 17px;--container-widget-width:94.071%;--container-widget-flex-grow:0;}.elementor-1817 .elementor-element.elementor-element-7f0ad72.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1817 .elementor-element.elementor-element-7f0ad72 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:36px;font-weight:800;line-height:40px;-webkit-text-stroke-width:1px;stroke-width:1px;-webkit-text-stroke-color:#000;stroke:#000;color:#000000;}.elementor-1817 .elementor-element.elementor-element-a9b8ea3{width:var( --container-widget-width, 63.463% );max-width:63.463%;--container-widget-width:63.463%;--container-widget-flex-grow:0;text-align:start;font-size:19px;}.elementor-1817 .elementor-element.elementor-element-a9b8ea3.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-1817 .elementor-element.elementor-element-ed166f6{--display:flex;}.elementor-1817 .elementor-element.elementor-element-282bbf7{background-color:#FDFCFF;padding:29px 29px 29px 29px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FDFCFF;border-radius:20px 20px 20px 20px;}.elementor-1817 .elementor-element.elementor-element-282bbf7 .elementor-icon-box-wrapper{text-align:start;gap:9px;}.elementor-1817 .elementor-element.elementor-element-282bbf7.elementor-view-stacked .elementor-icon{background-color:#F7F5FF;fill:#7E54F8;color:#7E54F8;}.elementor-1817 .elementor-element.elementor-element-282bbf7.elementor-view-framed .elementor-icon, .elementor-1817 .elementor-element.elementor-element-282bbf7.elementor-view-default .elementor-icon{fill:#F7F5FF;color:#F7F5FF;border-color:#F7F5FF;}.elementor-1817 .elementor-element.elementor-element-282bbf7.elementor-view-framed .elementor-icon{background-color:#7E54F8;}.elementor-1817 .elementor-element.elementor-element-282bbf7 .elementor-icon{transition-duration:0.1s;font-size:22px;}.elementor-1817 .elementor-element.elementor-element-282bbf7 .elementor-icon i{transform:rotate(0deg);}.elementor-1817 .elementor-element.elementor-element-282bbf7 .elementor-icon-box-title, .elementor-1817 .elementor-element.elementor-element-282bbf7 .elementor-icon-box-title a{font-size:19px;font-weight:900;text-transform:uppercase;}.elementor-1817 .elementor-element.elementor-element-282bbf7 .elementor-icon-box-title{color:var( --e-global-color-f96279d );}.elementor-1817 .elementor-element.elementor-element-282bbf7 .elementor-icon-box-description{font-size:14px;font-weight:400;color:#010202;}.elementor-1817 .elementor-element.elementor-element-f8f37db{--display:flex;}.elementor-1817 .elementor-element.elementor-element-11e2012{background-color:#FDFCFF;padding:29px 29px 29px 29px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FDFCFF;border-radius:20px 20px 20px 20px;}.elementor-1817 .elementor-element.elementor-element-11e2012 .elementor-icon-box-wrapper{text-align:start;gap:9px;}.elementor-1817 .elementor-element.elementor-element-11e2012.elementor-view-stacked .elementor-icon{background-color:#F7F5FF;fill:#7E54F8;color:#7E54F8;}.elementor-1817 .elementor-element.elementor-element-11e2012.elementor-view-framed .elementor-icon, .elementor-1817 .elementor-element.elementor-element-11e2012.elementor-view-default .elementor-icon{fill:#F7F5FF;color:#F7F5FF;border-color:#F7F5FF;}.elementor-1817 .elementor-element.elementor-element-11e2012.elementor-view-framed .elementor-icon{background-color:#7E54F8;}.elementor-1817 .elementor-element.elementor-element-11e2012 .elementor-icon{transition-duration:0.1s;font-size:22px;}.elementor-1817 .elementor-element.elementor-element-11e2012 .elementor-icon i{transform:rotate(0deg);}.elementor-1817 .elementor-element.elementor-element-11e2012 .elementor-icon-box-title, .elementor-1817 .elementor-element.elementor-element-11e2012 .elementor-icon-box-title a{font-size:19px;font-weight:900;text-transform:uppercase;}.elementor-1817 .elementor-element.elementor-element-11e2012 .elementor-icon-box-title{color:var( --e-global-color-f96279d );}.elementor-1817 .elementor-element.elementor-element-11e2012 .elementor-icon-box-description{font-size:14px;font-weight:400;color:#010202;}.elementor-1817 .elementor-element.elementor-element-3823eb5{--display:flex;}.elementor-1817 .elementor-element.elementor-element-454d68f{background-color:#FDFCFF;padding:29px 29px 29px 29px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FDFCFF;border-radius:20px 20px 20px 20px;}.elementor-1817 .elementor-element.elementor-element-454d68f .elementor-icon-box-wrapper{text-align:start;gap:9px;}.elementor-1817 .elementor-element.elementor-element-454d68f.elementor-view-stacked .elementor-icon{background-color:#F7F5FF;fill:#7E54F8;color:#7E54F8;}.elementor-1817 .elementor-element.elementor-element-454d68f.elementor-view-framed .elementor-icon, .elementor-1817 .elementor-element.elementor-element-454d68f.elementor-view-default .elementor-icon{fill:#F7F5FF;color:#F7F5FF;border-color:#F7F5FF;}.elementor-1817 .elementor-element.elementor-element-454d68f.elementor-view-framed .elementor-icon{background-color:#7E54F8;}.elementor-1817 .elementor-element.elementor-element-454d68f .elementor-icon{transition-duration:0.1s;font-size:22px;}.elementor-1817 .elementor-element.elementor-element-454d68f .elementor-icon i{transform:rotate(0deg);}.elementor-1817 .elementor-element.elementor-element-454d68f .elementor-icon-box-title, .elementor-1817 .elementor-element.elementor-element-454d68f .elementor-icon-box-title a{font-size:19px;font-weight:900;text-transform:uppercase;}.elementor-1817 .elementor-element.elementor-element-454d68f .elementor-icon-box-title{color:var( --e-global-color-f96279d );}.elementor-1817 .elementor-element.elementor-element-454d68f .elementor-icon-box-description{font-size:14px;font-weight:400;color:#010202;}.elementor-1817 .elementor-element.elementor-element-df1a2a7{--display:flex;}.elementor-1817 .elementor-element.elementor-element-351a4aa{background-color:#FDFCFF;padding:29px 29px 29px 29px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FDFCFF;border-radius:20px 20px 20px 20px;}.elementor-1817 .elementor-element.elementor-element-351a4aa .elementor-icon-box-wrapper{text-align:start;gap:9px;}.elementor-1817 .elementor-element.elementor-element-351a4aa.elementor-view-stacked .elementor-icon{background-color:#F7F5FF;fill:#7E54F8;color:#7E54F8;}.elementor-1817 .elementor-element.elementor-element-351a4aa.elementor-view-framed .elementor-icon, .elementor-1817 .elementor-element.elementor-element-351a4aa.elementor-view-default .elementor-icon{fill:#F7F5FF;color:#F7F5FF;border-color:#F7F5FF;}.elementor-1817 .elementor-element.elementor-element-351a4aa.elementor-view-framed .elementor-icon{background-color:#7E54F8;}.elementor-1817 .elementor-element.elementor-element-351a4aa .elementor-icon{transition-duration:0.1s;font-size:22px;}.elementor-1817 .elementor-element.elementor-element-351a4aa .elementor-icon i{transform:rotate(0deg);}.elementor-1817 .elementor-element.elementor-element-351a4aa .elementor-icon-box-title, .elementor-1817 .elementor-element.elementor-element-351a4aa .elementor-icon-box-title a{font-size:19px;font-weight:900;text-transform:uppercase;}.elementor-1817 .elementor-element.elementor-element-351a4aa .elementor-icon-box-title{color:var( --e-global-color-f96279d );}.elementor-1817 .elementor-element.elementor-element-351a4aa .elementor-icon-box-description{font-size:14px;font-weight:400;color:#010202;}.elementor-1817 .elementor-element.elementor-element-987791b{--display:flex;}.elementor-1817 .elementor-element.elementor-element-00b5143{background-color:#FDFCFF;padding:29px 29px 29px 29px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FDFCFF;border-radius:20px 20px 20px 20px;}.elementor-1817 .elementor-element.elementor-element-00b5143 .elementor-icon-box-wrapper{text-align:start;gap:9px;}.elementor-1817 .elementor-element.elementor-element-00b5143.elementor-view-stacked .elementor-icon{background-color:#F7F5FF;fill:#7E54F8;color:#7E54F8;}.elementor-1817 .elementor-element.elementor-element-00b5143.elementor-view-framed .elementor-icon, .elementor-1817 .elementor-element.elementor-element-00b5143.elementor-view-default .elementor-icon{fill:#F7F5FF;color:#F7F5FF;border-color:#F7F5FF;}.elementor-1817 .elementor-element.elementor-element-00b5143.elementor-view-framed .elementor-icon{background-color:#7E54F8;}.elementor-1817 .elementor-element.elementor-element-00b5143 .elementor-icon{transition-duration:0.1s;font-size:22px;}.elementor-1817 .elementor-element.elementor-element-00b5143 .elementor-icon i{transform:rotate(0deg);}.elementor-1817 .elementor-element.elementor-element-00b5143 .elementor-icon-box-title, .elementor-1817 .elementor-element.elementor-element-00b5143 .elementor-icon-box-title a{font-size:19px;font-weight:900;text-transform:uppercase;}.elementor-1817 .elementor-element.elementor-element-00b5143 .elementor-icon-box-title{color:var( --e-global-color-f96279d );}.elementor-1817 .elementor-element.elementor-element-00b5143 .elementor-icon-box-description{font-size:14px;font-weight:400;color:#010202;}.elementor-1817 .elementor-element.elementor-element-915b376{--display:flex;}.elementor-1817 .elementor-element.elementor-element-b6a6b65{background-color:#FDFCFF;padding:29px 29px 29px 29px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FDFCFF;border-radius:20px 20px 20px 20px;}.elementor-1817 .elementor-element.elementor-element-b6a6b65 .elementor-icon-box-wrapper{text-align:start;gap:9px;}.elementor-1817 .elementor-element.elementor-element-b6a6b65.elementor-view-stacked .elementor-icon{background-color:#F7F5FF;fill:#7E54F8;color:#7E54F8;}.elementor-1817 .elementor-element.elementor-element-b6a6b65.elementor-view-framed .elementor-icon, .elementor-1817 .elementor-element.elementor-element-b6a6b65.elementor-view-default .elementor-icon{fill:#F7F5FF;color:#F7F5FF;border-color:#F7F5FF;}.elementor-1817 .elementor-element.elementor-element-b6a6b65.elementor-view-framed .elementor-icon{background-color:#7E54F8;}.elementor-1817 .elementor-element.elementor-element-b6a6b65 .elementor-icon{transition-duration:0.1s;font-size:22px;}.elementor-1817 .elementor-element.elementor-element-b6a6b65 .elementor-icon i{transform:rotate(0deg);}.elementor-1817 .elementor-element.elementor-element-b6a6b65 .elementor-icon-box-title, .elementor-1817 .elementor-element.elementor-element-b6a6b65 .elementor-icon-box-title a{font-size:19px;font-weight:900;text-transform:uppercase;}.elementor-1817 .elementor-element.elementor-element-b6a6b65 .elementor-icon-box-title{color:var( --e-global-color-f96279d );}.elementor-1817 .elementor-element.elementor-element-b6a6b65 .elementor-icon-box-description{font-size:14px;font-weight:400;color:#010202;}.elementor-1817 .elementor-element.elementor-element-d647dec{--display:flex;}.elementor-1817 .elementor-element.elementor-element-478eb47{background-color:#FDFCFF;padding:29px 29px 29px 29px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FDFCFF;border-radius:20px 20px 20px 20px;}.elementor-1817 .elementor-element.elementor-element-478eb47 .elementor-icon-box-wrapper{text-align:start;gap:9px;}.elementor-1817 .elementor-element.elementor-element-478eb47.elementor-view-stacked .elementor-icon{background-color:#F7F5FF;fill:#7E54F8;color:#7E54F8;}.elementor-1817 .elementor-element.elementor-element-478eb47.elementor-view-framed .elementor-icon, .elementor-1817 .elementor-element.elementor-element-478eb47.elementor-view-default .elementor-icon{fill:#F7F5FF;color:#F7F5FF;border-color:#F7F5FF;}.elementor-1817 .elementor-element.elementor-element-478eb47.elementor-view-framed .elementor-icon{background-color:#7E54F8;}.elementor-1817 .elementor-element.elementor-element-478eb47 .elementor-icon{transition-duration:0.1s;font-size:22px;}.elementor-1817 .elementor-element.elementor-element-478eb47 .elementor-icon i{transform:rotate(0deg);}.elementor-1817 .elementor-element.elementor-element-478eb47 .elementor-icon-box-title, .elementor-1817 .elementor-element.elementor-element-478eb47 .elementor-icon-box-title a{font-size:19px;font-weight:900;text-transform:uppercase;}.elementor-1817 .elementor-element.elementor-element-478eb47 .elementor-icon-box-title{color:var( --e-global-color-f96279d );}.elementor-1817 .elementor-element.elementor-element-478eb47 .elementor-icon-box-description{font-size:14px;font-weight:400;color:#010202;}.elementor-1817 .elementor-element.elementor-element-0ccd3cb{--display:flex;}.elementor-1817 .elementor-element.elementor-element-8fdd340{background-color:#FDFCFF;padding:29px 29px 29px 29px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FDFCFF;border-radius:20px 20px 20px 20px;}.elementor-1817 .elementor-element.elementor-element-8fdd340 .elementor-icon-box-wrapper{text-align:start;gap:9px;}.elementor-1817 .elementor-element.elementor-element-8fdd340.elementor-view-stacked .elementor-icon{background-color:#F7F5FF;fill:#7E54F8;color:#7E54F8;}.elementor-1817 .elementor-element.elementor-element-8fdd340.elementor-view-framed .elementor-icon, .elementor-1817 .elementor-element.elementor-element-8fdd340.elementor-view-default .elementor-icon{fill:#F7F5FF;color:#F7F5FF;border-color:#F7F5FF;}.elementor-1817 .elementor-element.elementor-element-8fdd340.elementor-view-framed .elementor-icon{background-color:#7E54F8;}.elementor-1817 .elementor-element.elementor-element-8fdd340 .elementor-icon{transition-duration:0.1s;font-size:22px;}.elementor-1817 .elementor-element.elementor-element-8fdd340 .elementor-icon i{transform:rotate(0deg);}.elementor-1817 .elementor-element.elementor-element-8fdd340 .elementor-icon-box-title, .elementor-1817 .elementor-element.elementor-element-8fdd340 .elementor-icon-box-title a{font-size:19px;font-weight:900;text-transform:uppercase;}.elementor-1817 .elementor-element.elementor-element-8fdd340 .elementor-icon-box-title{color:var( --e-global-color-f96279d );}.elementor-1817 .elementor-element.elementor-element-8fdd340 .elementor-icon-box-description{font-size:14px;font-weight:400;color:#010202;}.elementor-1817 .elementor-element.elementor-element-23bd0a0{--display:flex;}.elementor-1817 .elementor-element.elementor-element-9370a4a{background-color:#FDFCFF;padding:29px 29px 29px 29px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FDFCFF;border-radius:20px 20px 20px 20px;}.elementor-1817 .elementor-element.elementor-element-9370a4a .elementor-icon-box-wrapper{text-align:start;gap:9px;}.elementor-1817 .elementor-element.elementor-element-9370a4a.elementor-view-stacked .elementor-icon{background-color:#F7F5FF;fill:#7E54F8;color:#7E54F8;}.elementor-1817 .elementor-element.elementor-element-9370a4a.elementor-view-framed .elementor-icon, .elementor-1817 .elementor-element.elementor-element-9370a4a.elementor-view-default .elementor-icon{fill:#F7F5FF;color:#F7F5FF;border-color:#F7F5FF;}.elementor-1817 .elementor-element.elementor-element-9370a4a.elementor-view-framed .elementor-icon{background-color:#7E54F8;}.elementor-1817 .elementor-element.elementor-element-9370a4a .elementor-icon{transition-duration:0.1s;font-size:22px;}.elementor-1817 .elementor-element.elementor-element-9370a4a .elementor-icon i{transform:rotate(0deg);}.elementor-1817 .elementor-element.elementor-element-9370a4a .elementor-icon-box-title, .elementor-1817 .elementor-element.elementor-element-9370a4a .elementor-icon-box-title a{font-size:19px;font-weight:900;text-transform:uppercase;}.elementor-1817 .elementor-element.elementor-element-9370a4a .elementor-icon-box-title{color:var( --e-global-color-f96279d );}.elementor-1817 .elementor-element.elementor-element-9370a4a .elementor-icon-box-description{font-size:14px;font-weight:400;color:#010202;}.elementor-1817 .elementor-element.elementor-element-76aba36{--display:flex;}.elementor-1817 .elementor-element.elementor-element-7633869{background-color:#FDFCFF;padding:29px 29px 29px 29px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FDFCFF;border-radius:20px 20px 20px 20px;}.elementor-1817 .elementor-element.elementor-element-7633869 .elementor-icon-box-wrapper{text-align:start;gap:9px;}.elementor-1817 .elementor-element.elementor-element-7633869.elementor-view-stacked .elementor-icon{background-color:#F7F5FF;fill:#7E54F8;color:#7E54F8;}.elementor-1817 .elementor-element.elementor-element-7633869.elementor-view-framed .elementor-icon, .elementor-1817 .elementor-element.elementor-element-7633869.elementor-view-default .elementor-icon{fill:#F7F5FF;color:#F7F5FF;border-color:#F7F5FF;}.elementor-1817 .elementor-element.elementor-element-7633869.elementor-view-framed .elementor-icon{background-color:#7E54F8;}.elementor-1817 .elementor-element.elementor-element-7633869 .elementor-icon{transition-duration:0.1s;font-size:22px;}.elementor-1817 .elementor-element.elementor-element-7633869 .elementor-icon i{transform:rotate(0deg);}.elementor-1817 .elementor-element.elementor-element-7633869 .elementor-icon-box-title, .elementor-1817 .elementor-element.elementor-element-7633869 .elementor-icon-box-title a{font-size:19px;font-weight:900;text-transform:uppercase;}.elementor-1817 .elementor-element.elementor-element-7633869 .elementor-icon-box-title{color:var( --e-global-color-f96279d );}.elementor-1817 .elementor-element.elementor-element-7633869 .elementor-icon-box-description{font-size:14px;font-weight:400;color:#010202;}.elementor-1817 .elementor-element.elementor-element-2f7df34{--display:flex;}.elementor-1817 .elementor-element.elementor-element-d330827{background-color:#FDFCFF;padding:29px 29px 29px 29px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FDFCFF;border-radius:20px 20px 20px 20px;}.elementor-1817 .elementor-element.elementor-element-d330827 .elementor-icon-box-wrapper{text-align:start;gap:9px;}.elementor-1817 .elementor-element.elementor-element-d330827.elementor-view-stacked .elementor-icon{background-color:#F7F5FF;fill:#7E54F8;color:#7E54F8;}.elementor-1817 .elementor-element.elementor-element-d330827.elementor-view-framed .elementor-icon, .elementor-1817 .elementor-element.elementor-element-d330827.elementor-view-default .elementor-icon{fill:#F7F5FF;color:#F7F5FF;border-color:#F7F5FF;}.elementor-1817 .elementor-element.elementor-element-d330827.elementor-view-framed .elementor-icon{background-color:#7E54F8;}.elementor-1817 .elementor-element.elementor-element-d330827 .elementor-icon{transition-duration:0.1s;font-size:22px;}.elementor-1817 .elementor-element.elementor-element-d330827 .elementor-icon i{transform:rotate(0deg);}.elementor-1817 .elementor-element.elementor-element-d330827 .elementor-icon-box-title, .elementor-1817 .elementor-element.elementor-element-d330827 .elementor-icon-box-title a{font-size:19px;font-weight:900;text-transform:uppercase;}.elementor-1817 .elementor-element.elementor-element-d330827 .elementor-icon-box-title{color:var( --e-global-color-f96279d );}.elementor-1817 .elementor-element.elementor-element-d330827 .elementor-icon-box-description{font-size:14px;font-weight:400;color:#010202;}.elementor-1817 .elementor-element.elementor-element-bcda47f{--e-n-carousel-swiper-slides-to-display:3;--e-n-carousel-swiper-slides-gap:57px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:50%;--e-n-carousel-arrow-prev-translate-x:-50%;--e-n-carousel-arrow-prev-left-position:458px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:-153px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:69px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:-153px;--e-n-carousel-arrow-size:43px;--e-n-carousel-arrow-normal-color:#4F28C7;--e-n-carousel-arrow-hover-color:#C35DFF;--e-n-carousel-dots-horizontal-position:0px;--e-n-carousel-dots-horizontal-transform:0%;--e-n-carousel-dots-horizontal-offset:0px;--e-n-carousel-dots-vertical-position:100%;--e-n-carousel-dots-vertical-transform:-100%;--e-n-carousel-dots-vertical-offset:0px;--e-n-carousel-swiper-pagination-spacing:11px;}.elementor-1817 .elementor-element.elementor-element-eb9536b{--display:flex;}.elementor-1817 .elementor-element.elementor-element-eb9536b:not(.elementor-motion-effects-element-type-background), .elementor-1817 .elementor-element.elementor-element-eb9536b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EBE8F9;}.elementor-1817 .elementor-element.elementor-element-2f54d6a{--display:flex;--border-radius:20px 20px 20px 20px;}.elementor-1817 .elementor-element.elementor-element-2f54d6a:not(.elementor-motion-effects-element-type-background), .elementor-1817 .elementor-element.elementor-element-2f54d6a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EBE8F9;}.elementor-1817 .elementor-element.elementor-element-a0d39f4{padding:46px 0px 0px 0px;color:#7E54F8;}.elementor-1817 .elementor-element.elementor-element-a0d39f4.elementor-element{--align-self:center;}.elementor-1817 .elementor-element.elementor-element-e0fa613.elementor-element{--align-self:center;}.elementor-1817 .elementor-element.elementor-element-e0fa613 .elementskit-section-title-wraper .elementskit-section-title{color:var( --e-global-color-0482af4 );margin:0px 0px 0px 0px;font-family:"Plus Jakarta Sans", Sans-serif;font-size:44px;font-weight:900;text-transform:uppercase;line-height:82px;letter-spacing:-0.6px;}.elementor-1817 .elementor-element.elementor-element-e0fa613 .elementskit-section-title-wraper .elementskit-section-title > span{color:var( --e-global-color-primary );}.elementor-1817 .elementor-element.elementor-element-e0fa613 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:var( --e-global-color-primary );}.elementor-1817 .elementor-element.elementor-element-e0fa613 .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-1817 .elementor-element.elementor-element-e0fa613 .elementskit-section-title-wraper .elementskit-section-title > span{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1817 .elementor-element.elementor-element-9c824b0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 33px;--row-gap:0px;--column-gap:33px;--padding-top:42px;--padding-bottom:23px;--padding-left:20px;--padding-right:20px;}.elementor-1817 .elementor-element.elementor-element-1cc1dfe{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:28px;}.elementor-1817 .elementor-element.elementor-element-1cc1dfe:not(.elementor-motion-effects-element-type-background), .elementor-1817 .elementor-element.elementor-element-1cc1dfe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F4FC;}.elementor-1817 .elementor-element.elementor-element-0ac9047.elementor-element{--align-self:flex-start;}.elementor-1817 .elementor-element.elementor-element-0ac9047{color:#7E54F8;}.elementor-1817 .elementor-element.elementor-element-0887ba3{padding:0px 50px 0px 0px;}.elementor-1817 .elementor-element.elementor-element-0887ba3 .elementor-heading-title{font-family:"Anton", Sans-serif;font-size:40px;font-weight:400;text-transform:uppercase;line-height:55px;letter-spacing:1.5px;color:var( --e-global-color-0482af4 );}.elementor-1817 .elementor-element.elementor-element-0887ba3 .elementor-heading-title a:hover, .elementor-1817 .elementor-element.elementor-element-0887ba3 .elementor-heading-title a:focus{color:#7E54F8;}.elementor-1817 .elementor-element.elementor-element-d6985c3{width:var( --container-widget-width, 89.766% );max-width:89.766%;--container-widget-width:89.766%;--container-widget-flex-grow:0;font-family:"Inter", Sans-serif;color:#090404;}.elementor-1817 .elementor-element.elementor-element-d6985c3.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1817 .elementor-element.elementor-element-257a03d{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:21px;--padding-bottom:30px;--padding-left:21px;--padding-right:21px;}.elementor-1817 .elementor-element.elementor-element-257a03d:not(.elementor-motion-effects-element-type-background), .elementor-1817 .elementor-element.elementor-element-257a03d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F4FC;}.elementor-1817 .elementor-element.elementor-element-f13d6c0.elementor-element{--align-self:flex-start;}.elementor-1817 .elementor-element.elementor-element-f13d6c0{color:#7E54F8;}.elementor-1817 .elementor-element.elementor-element-faa714d{padding:0px 50px 0px 0px;}.elementor-1817 .elementor-element.elementor-element-faa714d .elementor-heading-title{font-family:"Anton", Sans-serif;font-size:40px;font-weight:400;text-transform:uppercase;line-height:55px;letter-spacing:1.5px;color:var( --e-global-color-0482af4 );}.elementor-1817 .elementor-element.elementor-element-faa714d .elementor-heading-title a:hover, .elementor-1817 .elementor-element.elementor-element-faa714d .elementor-heading-title a:focus{color:#7E54F8;}.elementor-1817 .elementor-element.elementor-element-0d733c5{width:var( --container-widget-width, 89.766% );max-width:89.766%;padding:0px 0px 0px -1px;--container-widget-width:89.766%;--container-widget-flex-grow:0;font-family:"Inter", Sans-serif;color:#090404;}.elementor-1817 .elementor-element.elementor-element-0d733c5.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1817 .elementor-element.elementor-element-7e7d085{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1817 .elementor-element.elementor-element-7e7d085:not(.elementor-motion-effects-element-type-background), .elementor-1817 .elementor-element.elementor-element-7e7d085 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#040821;}.elementor-1817 .elementor-element.elementor-element-3b672d8.elementor-element{--align-self:flex-start;}.elementor-1817 .elementor-element.elementor-element-3b672d8{color:#7E54F8;}.elementor-1817 .elementor-element.elementor-element-1075306{padding:0px 50px 0px 0px;}.elementor-1817 .elementor-element.elementor-element-1075306 .elementor-heading-title{font-family:"Anton", Sans-serif;font-size:40px;font-weight:400;text-transform:uppercase;line-height:55px;letter-spacing:1.5px;color:#FFFFFF;}.elementor-1817 .elementor-element.elementor-element-1075306 .elementor-heading-title a:hover, .elementor-1817 .elementor-element.elementor-element-1075306 .elementor-heading-title a:focus{color:#7E54F8;}.elementor-1817 .elementor-element.elementor-element-9ccf1a0{--display:flex;--padding-top:32px;--padding-bottom:58px;--padding-left:0px;--padding-right:0px;}.elementor-1817 .elementor-element.elementor-element-fee4d06{width:var( --container-widget-width, 71.035% );max-width:71.035%;padding:0px 0px 0px 17px;--container-widget-width:71.035%;--container-widget-flex-grow:0;text-align:center;}.elementor-1817 .elementor-element.elementor-element-fee4d06.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-1817 .elementor-element.elementor-element-fee4d06 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:42px;font-weight:800;line-height:57px;-webkit-text-stroke-width:1px;stroke-width:1px;-webkit-text-stroke-color:#000;stroke:#000;color:#000000;}.elementor-1817 .elementor-element.elementor-element-612ebd5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1817 .elementor-element.elementor-element-6e48958{--display:flex;}.elementor-1817 .elementor-element.elementor-element-68d48aa{padding:10px 29px 11px 21px;border-style:solid;border-width:0px 0px 0px 0px;border-radius:20px 20px 20px 20px;}.elementor-1817 .elementor-element.elementor-element-68d48aa .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1817 .elementor-element.elementor-element-68d48aa.elementor-view-stacked .elementor-icon{background-color:#5227CF;fill:var( --e-global-color-ef80357 );color:var( --e-global-color-ef80357 );}.elementor-1817 .elementor-element.elementor-element-68d48aa.elementor-view-framed .elementor-icon, .elementor-1817 .elementor-element.elementor-element-68d48aa.elementor-view-default .elementor-icon{fill:#5227CF;color:#5227CF;border-color:#5227CF;}.elementor-1817 .elementor-element.elementor-element-68d48aa.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-ef80357 );}.elementor-1817 .elementor-element.elementor-element-68d48aa .elementor-icon{font-size:33px;}.elementor-1817 .elementor-element.elementor-element-68d48aa .elementor-icon-box-title, .elementor-1817 .elementor-element.elementor-element-68d48aa .elementor-icon-box-title a{font-size:26px;font-weight:900;}.elementor-1817 .elementor-element.elementor-element-68d48aa .elementor-icon-box-title{color:var( --e-global-color-f96279d );}.elementor-1817 .elementor-element.elementor-element-3e157fd{--display:flex;--margin-top:90px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1817 .elementor-element.elementor-element-ea1113a{padding:10px 29px 11px 21px;border-style:solid;border-width:0px 0px 0px 4px;border-color:#FFFFFF;border-radius:20px 20px 20px 20px;}.elementor-1817 .elementor-element.elementor-element-ea1113a .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1817 .elementor-element.elementor-element-ea1113a.elementor-view-stacked .elementor-icon{background-color:#CFBA27;fill:#F6E7E7;color:#F6E7E7;}.elementor-1817 .elementor-element.elementor-element-ea1113a.elementor-view-framed .elementor-icon, .elementor-1817 .elementor-element.elementor-element-ea1113a.elementor-view-default .elementor-icon{fill:#CFBA27;color:#CFBA27;border-color:#CFBA27;}.elementor-1817 .elementor-element.elementor-element-ea1113a.elementor-view-framed .elementor-icon{background-color:#F6E7E7;}.elementor-1817 .elementor-element.elementor-element-ea1113a .elementor-icon{font-size:33px;}.elementor-1817 .elementor-element.elementor-element-ea1113a .elementor-icon-box-title, .elementor-1817 .elementor-element.elementor-element-ea1113a .elementor-icon-box-title a{font-size:26px;font-weight:900;}.elementor-1817 .elementor-element.elementor-element-ea1113a .elementor-icon-box-title{color:var( --e-global-color-f96279d );}.elementor-1817 .elementor-element.elementor-element-543195c{--display:flex;--margin-top:54px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1817 .elementor-element.elementor-element-21ae393{--display:flex;--border-radius:30px 30px 30px 30px;--padding-top:55px;--padding-bottom:46px;--padding-left:41px;--padding-right:41px;}.elementor-1817 .elementor-element.elementor-element-21ae393:not(.elementor-motion-effects-element-type-background), .elementor-1817 .elementor-element.elementor-element-21ae393 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(225deg, #30175A 46%, #5E25A9 78%);}.elementor-1817 .elementor-element.elementor-element-eb5fd8a{width:var( --container-widget-width, 79.833% );max-width:79.833%;--container-widget-width:79.833%;--container-widget-flex-grow:0;text-align:center;}.elementor-1817 .elementor-element.elementor-element-eb5fd8a.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-1817 .elementor-element.elementor-element-eb5fd8a .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:31px;font-weight:800;line-height:45px;letter-spacing:0.3px;color:#FFFFFF;}.elementor-1817 .elementor-element.elementor-element-ed51d2f{width:var( --container-widget-width, 66.381% );max-width:66.381%;margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:66.381%;--container-widget-flex-grow:0;text-align:center;font-size:18px;color:var( --e-global-color-accent );}.elementor-1817 .elementor-element.elementor-element-ed51d2f.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-1817 .elementor-element.elementor-element-bc469d7 .elementor-button{background-color:#AC6D1D;}.elementor-1817 .elementor-element.elementor-element-bc469d7:hover{--e-transform-translateY:-3px;}.elementor-1817 .elementor-element.elementor-element-bc469d7{--e-transform-transition-duration:300ms;}.elementor-1817 .elementor-element.elementor-element-251854e{--display:flex;--padding-top:50px;--padding-bottom:67px;--padding-left:21px;--padding-right:21px;}.elementor-1817 .elementor-element.elementor-element-251854e:not(.elementor-motion-effects-element-type-background), .elementor-1817 .elementor-element.elementor-element-251854e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F1FF;}.elementor-1817 .elementor-element.elementor-element-5e6abf4{width:var( --container-widget-width, 63% );max-width:63%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:63%;--container-widget-flex-grow:0;text-align:center;}.elementor-1817 .elementor-element.elementor-element-5e6abf4.elementor-element{--align-self:center;}.elementor-1817 .elementor-element.elementor-element-5e6abf4 .elementor-heading-title{font-size:45px;font-weight:700;color:var( --e-global-color-0482af4 );}.elementor-1817 .elementor-element.elementor-element-67c48fa{--display:flex;}.elementor-1817 .elementor-element.elementor-element-1017a5c{padding:0px 15px 0px 15px;text-align:start;color:#3F3F3F;}.elementor-1817 .elementor-element.elementor-element-7480aad{--display:flex;}.elementor-1817 .elementor-element.elementor-element-8e48a52{padding:0px 15px 0px 15px;text-align:start;color:#3F3F3F;}.elementor-1817 .elementor-element.elementor-element-864e83a{--display:flex;}.elementor-1817 .elementor-element.elementor-element-6ada025{padding:0px 15px 0px 15px;text-align:start;color:#3F3F3F;}.elementor-1817 .elementor-element.elementor-element-d112841{--display:flex;}.elementor-1817 .elementor-element.elementor-element-999ee42{padding:0px 15px 0px 15px;text-align:start;color:#3F3F3F;}.elementor-1817 .elementor-element.elementor-element-f8dd7a7{--display:flex;}.elementor-1817 .elementor-element.elementor-element-4288a1f{padding:0px 15px 0px 15px;text-align:start;color:#3F3F3F;}.elementor-1817 .elementor-element.elementor-element-8ef47d7{--n-accordion-title-font-size:19px;width:var( --container-widget-width, 73% );max-width:73%;padding:010px 0px 0px 0px;--container-widget-width:73%;--container-widget-flex-grow:0;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:14px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:20px 20px 0px 0px;--n-accordion-icon-size:14px;--n-accordion-icon-active-color:var( --e-global-color-primary );}.elementor-1817 .elementor-element.elementor-element-8ef47d7 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:var( --e-global-color-accent );}.elementor-1817 .elementor-element.elementor-element-8ef47d7 > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{background-color:#FFFFFF;border-style:solid;border-width:0px 4px 0px 0px;border-color:#C266E7;}:where( .elementor-1817 .elementor-element.elementor-element-8ef47d7 > .e-n-accordion > .e-n-accordion-item ) > .e-con{background-color:#F4EEF7;border-style:solid;border-width:0px 04px 0px 0px;border-color:#C266E7;--border-radius:0px 0px 20px 20px;}.elementor-1817 .elementor-element.elementor-element-8ef47d7.elementor-element{--align-self:center;}.elementor-1817 .elementor-element.elementor-element-8ef47d7 {--n-accordion-padding:20px 20px 20px 20px;}:where( .elementor-1817 .elementor-element.elementor-element-8ef47d7 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Plus Jakarta Sans", Sans-serif;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1817 .elementor-element.elementor-element-6f7d93a{--grid-auto-flow:row;}.elementor-1817 .elementor-element.elementor-element-4a07f36{--grid-auto-flow:row;}.elementor-1817 .elementor-element.elementor-element-bcda47f{--e-n-carousel-swiper-slides-to-display:2;}.elementor-1817 .elementor-element.elementor-element-e0fa613 .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-1817 .elementor-element.elementor-element-e0fa613 .elementskit-section-title-wraper .elementskit-section-title > span{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}}@media(max-width:767px){.elementor-1817 .elementor-element.elementor-element-9a94ea9{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1817 .elementor-element.elementor-element-2291750{--width:100%;}.elementor-1817 .elementor-element.elementor-element-3ca9b62{width:var( --container-widget-width, 102.608% );max-width:102.608%;--container-widget-width:102.608%;--container-widget-flex-grow:0;}.elementor-1817 .elementor-element.elementor-element-3ca9b62 .elementor-heading-title{font-size:36px;line-height:1.1em;}.elementor-1817 .elementor-element.elementor-element-9dcc696{width:var( --container-widget-width, 294.887px );max-width:294.887px;--container-widget-width:294.887px;--container-widget-flex-grow:0;}.elementor-1817 .elementor-element.elementor-element-c14d31b{--container-widget-width:244px;--container-widget-flex-grow:0;width:var( --container-widget-width, 244px );max-width:244px;}.elementor-1817 .elementor-element.elementor-element-fc8330b{width:var( --container-widget-width, 99.096% );max-width:99.096%;--container-widget-width:99.096%;--container-widget-flex-grow:0;}.elementor-1817 .elementor-element.elementor-element-fc8330b .elementor-heading-title{font-size:29px;line-height:1.4em;}.elementor-1817 .elementor-element.elementor-element-b4aa7fa{--container-widget-width:257px;--container-widget-flex-grow:0;width:var( --container-widget-width, 257px );max-width:257px;}.elementor-1817 .elementor-element.elementor-element-b4aa7fa .elementor-heading-title{font-size:32px;line-height:1.1em;}.elementor-1817 .elementor-element.elementor-element-6f7d93a{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1817 .elementor-element.elementor-element-8f4e142{padding:0px 0px 0px 0px;}.elementor-1817 .elementor-element.elementor-element-8f4e142 .elementor-heading-title{font-size:30px;}.elementor-1817 .elementor-element.elementor-element-4a07f36{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1817 .elementor-element.elementor-element-ccaae11{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1817 .elementor-element.elementor-element-0dd94b7{--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-1817 .elementor-element.elementor-element-d1a1b51{padding:0px 0px 0px 0px;}.elementor-1817 .elementor-element.elementor-element-d1a1b51 .elementor-heading-title{font-size:30px;}.elementor-1817 .elementor-element.elementor-element-bacae51{--width:100%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:15px;}.elementor-1817 .elementor-element.elementor-element-f82be55{width:var( --container-widget-width, 101.952% );max-width:101.952%;--container-widget-width:101.952%;--container-widget-flex-grow:0;}.elementor-1817 .elementor-element.elementor-element-f82be55 .elementor-heading-title{font-size:36px;}.elementor-1817 .elementor-element.elementor-element-7f0ad72{padding:0px 0px 0px 0px;}.elementor-1817 .elementor-element.elementor-element-7f0ad72 .elementor-heading-title{font-size:30px;}.elementor-1817 .elementor-element.elementor-element-bcda47f{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-arrow-prev-left-position:69px;--e-n-carousel-arrow-next-right-position:13px;}.elementor-1817 .elementor-element.elementor-element-e0fa613 .elementskit-section-title-wraper .elementskit-section-title{font-size:30px;line-height:52px;}.elementor-1817 .elementor-element.elementor-element-e0fa613 .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-1817 .elementor-element.elementor-element-e0fa613 .elementskit-section-title-wraper .elementskit-section-title > span{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1817 .elementor-element.elementor-element-0887ba3 .elementor-heading-title{font-size:32px;}.elementor-1817 .elementor-element.elementor-element-faa714d .elementor-heading-title{font-size:32px;}.elementor-1817 .elementor-element.elementor-element-1075306 .elementor-heading-title{font-size:32px;}.elementor-1817 .elementor-element.elementor-element-fee4d06{padding:0px 0px 0px 0px;}.elementor-1817 .elementor-element.elementor-element-fee4d06 .elementor-heading-title{font-size:30px;}.elementor-1817 .elementor-element.elementor-element-eb5fd8a{width:var( --container-widget-width, 272.8px );max-width:272.8px;--container-widget-width:272.8px;--container-widget-flex-grow:0;}.elementor-1817 .elementor-element.elementor-element-ed51d2f{--container-widget-width:986px;--container-widget-flex-grow:0;width:var( --container-widget-width, 986px );max-width:986px;}.elementor-1817 .elementor-element.elementor-element-5e6abf4{--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;}.elementor-1817 .elementor-element.elementor-element-5e6abf4 .elementor-heading-title{font-size:28px;}.elementor-1817 .elementor-element.elementor-element-8ef47d7{--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;}}@media(min-width:768px){.elementor-1817 .elementor-element.elementor-element-2291750{--width:52%;}.elementor-1817 .elementor-element.elementor-element-4a07f36{--width:90%;}.elementor-1817 .elementor-element.elementor-element-0dd94b7{--width:57.183%;}}/* Start custom CSS for heading, class: .elementor-element-3ca9b62 */Outrank and Outsell in the Leicester Market/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8ec34f3 *//* Normal State */
.elementor-1817 .elementor-element.elementor-element-8ec34f3 {
background: linear-gradient(135deg, #7C3AED 0%, #6D28D9 100%);
color: #FFFFFF;
box-shadow: 0 12px 35px rgba(124, 58, 237, 0.35);
}
/* Hover State */
.elementor-1817 .elementor-element.elementor-element-8ec34f3:hover {
background: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 100%);
box-shadow: 0 20px 45px rgba(124, 58, 237, 0.45);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fcf26ef */.elementor-1817 .elementor-element.elementor-element-fcf26ef {
background: radial-gradient(circle at 80% 30%, rgba(139, 92, 246, 0.3) 0%, rgba(244, 240, 254, 0.95) 60%), linear-gradient(135deg, #F6F2FF 0%, #E9E1FE 100%);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fc8330b */Outrank and Outsell in the Leicester Market/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8053866 */.elementor-1817 .elementor-element.elementor-element-8053866 {
background: #ffffff;
position: relative;
overflow: hidden;
}
/* Giant Z Watermark */
.elementor-1817 .elementor-element.elementor-element-8053866::before {
content: 'Z';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(-10deg);
font-size: 440px;
font-weight: 900;
color: rgba(124, 58, 237, 0.03);
line-height: 1;
pointer-events: none;
user-select: none;
font-family: 'Outfit', sans-serif;
letter-spacing: -10px;
}
/* Soft Corner Glow */
.elementor-1817 .elementor-element.elementor-element-8053866::after {
content: '';
position: absolute;
top: -100px;
right: -80px;
width: 400px;
height: 400px;
border-radius: 50%;
background: radial-gradient(circle, rgba(124, 58, 237, 0.08) 0%, transparent 70%);
pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b4aa7fa */Outrank and Outsell in the Leicester Market/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-75ee951 *//* ====================================================
INDIVIDUAL CORTEXZ PILLAR CARD STYLE (WHITE ICON HOVER)
==================================================== */
/* 1. Base Card Settings */
.elementor-1817 .elementor-element.elementor-element-75ee951 {
background: #ffffff !important;
border: 1px solid rgba(126, 84, 248, 0.08) !important;
border-left: 5px solid #6D4AFF !important; /* Purple Border Accent */
border-radius: 20px !important;
padding: 36px !important;
box-shadow: 0 10px 25px rgba(126, 84, 248, 0.02) !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
box-sizing: border-box !important;
}
/* 2. Hover Lift & Border Accent shift to Gold */
.elementor-1817 .elementor-element.elementor-element-75ee951:hover {
transform: translateY(-5px) !important;
border-left-color: #caa35c !important; /* Gold Border Shift */
box-shadow: 0 15px 35px rgba(126, 84, 248, 0.08) !important;
}
/* 3. Heading Titles inside Card (Exactly 22px) */
.elementor-1817 .elementor-element.elementor-element-75ee951 h3,
.elementor-1817 .elementor-element.elementor-element-75ee951 h4,
.elementor-1817 .elementor-element.elementor-element-75ee951 h5,
.elementor-1817 .elementor-element.elementor-element-75ee951 .elementor-heading-title,
.elementor-1817 .elementor-element.elementor-element-75ee951 .elementor-icon-box-title {
font-family: 'Poppins', sans-serif !important;
font-size: 22px !important;
font-weight: 700 !important;
color: #1E1B39 !important;
line-height: 1.35 !important;
margin-top: 0 !important;
margin-bottom: 12px !important;
}
/* 4. Description Paragraphs inside Card (Exactly 18px) */
.elementor-1817 .elementor-element.elementor-element-75ee951 p,
.elementor-1817 .elementor-element.elementor-element-75ee951 span,
.elementor-1817 .elementor-element.elementor-element-75ee951 .elementor-text-editor,
.elementor-1817 .elementor-element.elementor-element-75ee951 .elementor-icon-box-description {
font-family: 'Inter', sans-serif !important;
font-size: 18px !important;
line-height: 1.7 !important;
color: #5b5678 !important;
margin: 0 !important;
}
/* 5. Icons Base Settings */
.elementor-1817 .elementor-element.elementor-element-75ee951 .elementor-icon,
.elementor-1817 .elementor-element.elementor-element-75ee951 i,
.elementor-1817 .elementor-element.elementor-element-75ee951 svg {
transition: all 0.3s ease !important;
}
/* 6. Dynamic Icon Hover (Background turns Gold, Icon turns White) */
.elementor-1817 .elementor-element.elementor-element-75ee951:hover .elementor-icon,
.elementor-1817 .elementor-element.elementor-element-75ee951:hover i,
.elementor-1817 .elementor-element.elementor-element-75ee951:hover svg {
background-color: #caa35c !important; /* Gold background wrapper */
color: #ffffff !important; /* White icon color */
fill: #ffffff !important; /* White SVG color */
transform: scale(1.1) rotate(-6deg) !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-358106c *//* ====================================================
INDIVIDUAL CORTEXZ PILLAR CARD STYLE (WHITE ICON HOVER)
==================================================== */
/* 1. Base Card Settings */
.elementor-1817 .elementor-element.elementor-element-358106c {
background: #ffffff !important;
border: 1px solid rgba(126, 84, 248, 0.08) !important;
border-left: 5px solid #6D4AFF !important; /* Purple Border Accent */
border-radius: 20px !important;
padding: 36px !important;
box-shadow: 0 10px 25px rgba(126, 84, 248, 0.02) !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
box-sizing: border-box !important;
}
/* 2. Hover Lift & Border Accent shift to Gold */
.elementor-1817 .elementor-element.elementor-element-358106c:hover {
transform: translateY(-5px) !important;
border-left-color: #caa35c !important; /* Gold Border Shift */
box-shadow: 0 15px 35px rgba(126, 84, 248, 0.08) !important;
}
/* 3. Heading Titles inside Card (Exactly 22px) */
.elementor-1817 .elementor-element.elementor-element-358106c h3,
.elementor-1817 .elementor-element.elementor-element-358106c h4,
.elementor-1817 .elementor-element.elementor-element-358106c h5,
.elementor-1817 .elementor-element.elementor-element-358106c .elementor-heading-title,
.elementor-1817 .elementor-element.elementor-element-358106c .elementor-icon-box-title {
font-family: 'Poppins', sans-serif !important;
font-size: 22px !important;
font-weight: 700 !important;
color: #1E1B39 !important;
line-height: 1.35 !important;
margin-top: 0 !important;
margin-bottom: 12px !important;
}
/* 4. Description Paragraphs inside Card (Exactly 18px) */
.elementor-1817 .elementor-element.elementor-element-358106c p,
.elementor-1817 .elementor-element.elementor-element-358106c span,
.elementor-1817 .elementor-element.elementor-element-358106c .elementor-text-editor,
.elementor-1817 .elementor-element.elementor-element-358106c .elementor-icon-box-description {
font-family: 'Inter', sans-serif !important;
font-size: 18px !important;
line-height: 1.7 !important;
color: #5b5678 !important;
margin: 0 !important;
}
/* 5. Icons Base Settings */
.elementor-1817 .elementor-element.elementor-element-358106c .elementor-icon,
.elementor-1817 .elementor-element.elementor-element-358106c i,
.elementor-1817 .elementor-element.elementor-element-358106c svg {
transition: all 0.3s ease !important;
}
/* 6. Dynamic Icon Hover (Background turns Gold, Icon turns White) */
.elementor-1817 .elementor-element.elementor-element-358106c:hover .elementor-icon,
.elementor-1817 .elementor-element.elementor-element-358106c:hover i,
.elementor-1817 .elementor-element.elementor-element-358106c:hover svg {
background-color: #caa35c !important; /* Gold background wrapper */
color: #ffffff !important; /* White icon color */
fill: #ffffff !important; /* White SVG color */
transform: scale(1.1) rotate(-6deg) !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-23eb0fc *//* ====================================================
INDIVIDUAL CORTEXZ PILLAR CARD STYLE (WHITE ICON HOVER)
==================================================== */
/* 1. Base Card Settings */
.elementor-1817 .elementor-element.elementor-element-23eb0fc {
background: #ffffff !important;
border: 1px solid rgba(126, 84, 248, 0.08) !important;
border-left: 5px solid #6D4AFF !important; /* Purple Border Accent */
border-radius: 20px !important;
padding: 36px !important;
box-shadow: 0 10px 25px rgba(126, 84, 248, 0.02) !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
box-sizing: border-box !important;
}
/* 2. Hover Lift & Border Accent shift to Gold */
.elementor-1817 .elementor-element.elementor-element-23eb0fc:hover {
transform: translateY(-5px) !important;
border-left-color: #caa35c !important; /* Gold Border Shift */
box-shadow: 0 15px 35px rgba(126, 84, 248, 0.08) !important;
}
/* 3. Heading Titles inside Card (Exactly 22px) */
.elementor-1817 .elementor-element.elementor-element-23eb0fc h3,
.elementor-1817 .elementor-element.elementor-element-23eb0fc h4,
.elementor-1817 .elementor-element.elementor-element-23eb0fc h5,
.elementor-1817 .elementor-element.elementor-element-23eb0fc .elementor-heading-title,
.elementor-1817 .elementor-element.elementor-element-23eb0fc .elementor-icon-box-title {
font-family: 'Poppins', sans-serif !important;
font-size: 22px !important;
font-weight: 700 !important;
color: #1E1B39 !important;
line-height: 1.35 !important;
margin-top: 0 !important;
margin-bottom: 12px !important;
}
/* 4. Description Paragraphs inside Card (Exactly 18px) */
.elementor-1817 .elementor-element.elementor-element-23eb0fc p,
.elementor-1817 .elementor-element.elementor-element-23eb0fc span,
.elementor-1817 .elementor-element.elementor-element-23eb0fc .elementor-text-editor,
.elementor-1817 .elementor-element.elementor-element-23eb0fc .elementor-icon-box-description {
font-family: 'Inter', sans-serif !important;
font-size: 18px !important;
line-height: 1.7 !important;
color: #5b5678 !important;
margin: 0 !important;
}
/* 5. Icons Base Settings */
.elementor-1817 .elementor-element.elementor-element-23eb0fc .elementor-icon,
.elementor-1817 .elementor-element.elementor-element-23eb0fc i,
.elementor-1817 .elementor-element.elementor-element-23eb0fc svg {
transition: all 0.3s ease !important;
}
/* 6. Dynamic Icon Hover (Background turns Gold, Icon turns White) */
.elementor-1817 .elementor-element.elementor-element-23eb0fc:hover .elementor-icon,
.elementor-1817 .elementor-element.elementor-element-23eb0fc:hover i,
.elementor-1817 .elementor-element.elementor-element-23eb0fc:hover svg {
background-color: #caa35c !important; /* Gold background wrapper */
color: #ffffff !important; /* White icon color */
fill: #ffffff !important; /* White SVG color */
transform: scale(1.1) rotate(-6deg) !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-0e05cf2 *//* ====================================================
INDIVIDUAL CORTEXZ PILLAR CARD STYLE (WHITE ICON HOVER)
==================================================== */
/* 1. Base Card Settings */
.elementor-1817 .elementor-element.elementor-element-0e05cf2 {
background: #ffffff !important;
border: 1px solid rgba(126, 84, 248, 0.08) !important;
border-left: 5px solid #6D4AFF !important; /* Purple Border Accent */
border-radius: 20px !important;
padding: 36px !important;
box-shadow: 0 10px 25px rgba(126, 84, 248, 0.02) !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
box-sizing: border-box !important;
}
/* 2. Hover Lift & Border Accent shift to Gold */
.elementor-1817 .elementor-element.elementor-element-0e05cf2:hover {
transform: translateY(-5px) !important;
border-left-color: #caa35c !important; /* Gold Border Shift */
box-shadow: 0 15px 35px rgba(126, 84, 248, 0.08) !important;
}
/* 3. Heading Titles inside Card (Exactly 22px) */
.elementor-1817 .elementor-element.elementor-element-0e05cf2 h3,
.elementor-1817 .elementor-element.elementor-element-0e05cf2 h4,
.elementor-1817 .elementor-element.elementor-element-0e05cf2 h5,
.elementor-1817 .elementor-element.elementor-element-0e05cf2 .elementor-heading-title,
.elementor-1817 .elementor-element.elementor-element-0e05cf2 .elementor-icon-box-title {
font-family: 'Poppins', sans-serif !important;
font-size: 22px !important;
font-weight: 700 !important;
color: #1E1B39 !important;
line-height: 1.35 !important;
margin-top: 0 !important;
margin-bottom: 12px !important;
}
/* 4. Description Paragraphs inside Card (Exactly 18px) */
.elementor-1817 .elementor-element.elementor-element-0e05cf2 p,
.elementor-1817 .elementor-element.elementor-element-0e05cf2 span,
.elementor-1817 .elementor-element.elementor-element-0e05cf2 .elementor-text-editor,
.elementor-1817 .elementor-element.elementor-element-0e05cf2 .elementor-icon-box-description {
font-family: 'Inter', sans-serif !important;
font-size: 18px !important;
line-height: 1.7 !important;
color: #5b5678 !important;
margin: 0 !important;
}
/* 5. Icons Base Settings */
.elementor-1817 .elementor-element.elementor-element-0e05cf2 .elementor-icon,
.elementor-1817 .elementor-element.elementor-element-0e05cf2 i,
.elementor-1817 .elementor-element.elementor-element-0e05cf2 svg {
transition: all 0.3s ease !important;
}
/* 6. Dynamic Icon Hover (Background turns Gold, Icon turns White) */
.elementor-1817 .elementor-element.elementor-element-0e05cf2:hover .elementor-icon,
.elementor-1817 .elementor-element.elementor-element-0e05cf2:hover i,
.elementor-1817 .elementor-element.elementor-element-0e05cf2:hover svg {
background-color: #caa35c !important; /* Gold background wrapper */
color: #ffffff !important; /* White icon color */
fill: #ffffff !important; /* White SVG color */
transform: scale(1.1) rotate(-6deg) !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c29751c *//* ====================================================
INDIVIDUAL CORTEXZ PILLAR CARD STYLE (WHITE ICON HOVER)
==================================================== */
/* 1. Base Card Settings */
.elementor-1817 .elementor-element.elementor-element-c29751c {
background: #ffffff !important;
border: 1px solid rgba(126, 84, 248, 0.08) !important;
border-left: 5px solid #6D4AFF !important; /* Purple Border Accent */
border-radius: 20px !important;
padding: 36px !important;
box-shadow: 0 10px 25px rgba(126, 84, 248, 0.02) !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
box-sizing: border-box !important;
}
/* 2. Hover Lift & Border Accent shift to Gold */
.elementor-1817 .elementor-element.elementor-element-c29751c:hover {
transform: translateY(-5px) !important;
border-left-color: #caa35c !important; /* Gold Border Shift */
box-shadow: 0 15px 35px rgba(126, 84, 248, 0.08) !important;
}
/* 3. Heading Titles inside Card (Exactly 22px) */
.elementor-1817 .elementor-element.elementor-element-c29751c h3,
.elementor-1817 .elementor-element.elementor-element-c29751c h4,
.elementor-1817 .elementor-element.elementor-element-c29751c h5,
.elementor-1817 .elementor-element.elementor-element-c29751c .elementor-heading-title,
.elementor-1817 .elementor-element.elementor-element-c29751c .elementor-icon-box-title {
font-family: 'Poppins', sans-serif !important;
font-size: 22px !important;
font-weight: 700 !important;
color: #1E1B39 !important;
line-height: 1.35 !important;
margin-top: 0 !important;
margin-bottom: 12px !important;
}
/* 4. Description Paragraphs inside Card (Exactly 18px) */
.elementor-1817 .elementor-element.elementor-element-c29751c p,
.elementor-1817 .elementor-element.elementor-element-c29751c span,
.elementor-1817 .elementor-element.elementor-element-c29751c .elementor-text-editor,
.elementor-1817 .elementor-element.elementor-element-c29751c .elementor-icon-box-description {
font-family: 'Inter', sans-serif !important;
font-size: 18px !important;
line-height: 1.7 !important;
color: #5b5678 !important;
margin: 0 !important;
}
/* 5. Icons Base Settings */
.elementor-1817 .elementor-element.elementor-element-c29751c .elementor-icon,
.elementor-1817 .elementor-element.elementor-element-c29751c i,
.elementor-1817 .elementor-element.elementor-element-c29751c svg {
transition: all 0.3s ease !important;
}
/* 6. Dynamic Icon Hover (Background turns Gold, Icon turns White) */
.elementor-1817 .elementor-element.elementor-element-c29751c:hover .elementor-icon,
.elementor-1817 .elementor-element.elementor-element-c29751c:hover i,
.elementor-1817 .elementor-element.elementor-element-c29751c:hover svg {
background-color: #caa35c !important; /* Gold background wrapper */
color: #ffffff !important; /* White icon color */
fill: #ffffff !important; /* White SVG color */
transform: scale(1.1) rotate(-6deg) !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-9049c04 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-9049c04 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-9049c04:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-9049c04 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-9049c04:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-9049c04::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-9049c04:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-f2733f1 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-f2733f1 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-f2733f1:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-f2733f1 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-f2733f1:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-f2733f1::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-f2733f1:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-45f8ce1 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-45f8ce1 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-45f8ce1:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-45f8ce1 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-45f8ce1:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-45f8ce1::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-45f8ce1:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-9753c28 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-9753c28 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-9753c28:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-9753c28 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-9753c28:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-9753c28::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-9753c28:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-71c6cf1 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-71c6cf1 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-71c6cf1:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-71c6cf1 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-71c6cf1:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-71c6cf1::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-71c6cf1:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-9d94c37 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-9d94c37 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-9d94c37:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-9d94c37 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-9d94c37:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-9d94c37::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-9d94c37:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f82be55 */Outrank and Outsell in the Leicester Market/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bab71aa */.elementor-1817 .elementor-element.elementor-element-bab71aa {
background: linear-gradient(135deg, #F4F0FE 0%, #EDE4FF 100%);
position: relative;
overflow: hidden;
}
.elementor-1817 .elementor-element.elementor-element-bab71aa::before {
content: 'Z';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(-10deg);
font-size: 400px;
font-weight: 900;
color: rgba(124, 58, 237, 0.05);
line-height: 1;
pointer-events: none;
user-select: none;
font-family: 'Outfit', sans-serif;
letter-spacing: -10px;
}
.elementor-1817 .elementor-element.elementor-element-bab71aa::after {
content: '';
position: absolute;
top: -100px;
right: -80px;
width: 400px;
height: 400px;
border-radius: 50%;
background: radial-gradient(circle, rgba(124,58,237,0.1) 0%, transparent 70%);
pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-282bbf7 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-282bbf7 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-282bbf7:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-282bbf7 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-282bbf7:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-282bbf7::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-282bbf7:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-11e2012 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-11e2012 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-11e2012:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-11e2012 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-11e2012:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-11e2012::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-11e2012:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-454d68f *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-454d68f {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-454d68f:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-454d68f .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-454d68f:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-454d68f::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-454d68f:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-351a4aa *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-351a4aa {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-351a4aa:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-351a4aa .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-351a4aa:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-351a4aa::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-351a4aa:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-00b5143 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-00b5143 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-00b5143:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-00b5143 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-00b5143:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-00b5143::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-00b5143:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b6a6b65 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-b6a6b65 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-b6a6b65:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-b6a6b65 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-b6a6b65:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-b6a6b65::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-b6a6b65:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-478eb47 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-478eb47 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-478eb47:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-478eb47 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-478eb47:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-478eb47::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-478eb47:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-8fdd340 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-8fdd340 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-8fdd340:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-8fdd340 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-8fdd340:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-8fdd340::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-8fdd340:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-9370a4a *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-9370a4a {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-9370a4a:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-9370a4a .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-9370a4a:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-9370a4a::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-9370a4a:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-7633869 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-7633869 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-7633869:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-7633869 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-7633869:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-7633869::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-7633869:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-d330827 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-d330827 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-d330827:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-d330827 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-d330827:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-d330827::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-d330827:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-282bbf7 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-282bbf7 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-282bbf7:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-282bbf7 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-282bbf7:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-282bbf7::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-282bbf7:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-11e2012 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-11e2012 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-11e2012:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-11e2012 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-11e2012:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-11e2012::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-11e2012:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-454d68f *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-454d68f {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-454d68f:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-454d68f .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-454d68f:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-454d68f::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-454d68f:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-351a4aa *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-351a4aa {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-351a4aa:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-351a4aa .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-351a4aa:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-351a4aa::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-351a4aa:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-00b5143 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-00b5143 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-00b5143:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-00b5143 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-00b5143:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-00b5143::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-00b5143:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b6a6b65 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-b6a6b65 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-b6a6b65:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-b6a6b65 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-b6a6b65:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-b6a6b65::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-b6a6b65:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-478eb47 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-478eb47 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-478eb47:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-478eb47 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-478eb47:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-478eb47::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-478eb47:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-8fdd340 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-8fdd340 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-8fdd340:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-8fdd340 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-8fdd340:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-8fdd340::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-8fdd340:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-9370a4a *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-9370a4a {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-9370a4a:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-9370a4a .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-9370a4a:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-9370a4a::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-9370a4a:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-7633869 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-7633869 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-7633869:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-7633869 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-7633869:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-7633869::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-7633869:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-d330827 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-d330827 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-d330827:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-d330827 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-d330827:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-d330827::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-d330827:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-282bbf7 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-282bbf7 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-282bbf7:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-282bbf7 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-282bbf7:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-282bbf7::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-282bbf7:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-11e2012 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-11e2012 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-11e2012:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-11e2012 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-11e2012:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-11e2012::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-11e2012:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-454d68f *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-454d68f {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-454d68f:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-454d68f .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-454d68f:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-454d68f::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-454d68f:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-351a4aa *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-351a4aa {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-351a4aa:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-351a4aa .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-351a4aa:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-351a4aa::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-351a4aa:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-00b5143 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-00b5143 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-00b5143:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-00b5143 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-00b5143:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-00b5143::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-00b5143:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b6a6b65 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-b6a6b65 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-b6a6b65:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-b6a6b65 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-b6a6b65:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-b6a6b65::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-b6a6b65:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-478eb47 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-478eb47 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-478eb47:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-478eb47 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-478eb47:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-478eb47::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-478eb47:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-8fdd340 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-8fdd340 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-8fdd340:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-8fdd340 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-8fdd340:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-8fdd340::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-8fdd340:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-9370a4a *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-9370a4a {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-9370a4a:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-9370a4a .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-9370a4a:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-9370a4a::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-9370a4a:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-7633869 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-7633869 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-7633869:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-7633869 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-7633869:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-7633869::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-7633869:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-d330827 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-d330827 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-d330827:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-d330827 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-d330827:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-d330827::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-d330827:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-282bbf7 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-282bbf7 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-282bbf7:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-282bbf7 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-282bbf7:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-282bbf7::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-282bbf7:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-11e2012 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-11e2012 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-11e2012:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-11e2012 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-11e2012:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-11e2012::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-11e2012:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-454d68f *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-454d68f {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-454d68f:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-454d68f .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-454d68f:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-454d68f::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-454d68f:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-351a4aa *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-351a4aa {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-351a4aa:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-351a4aa .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-351a4aa:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-351a4aa::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-351a4aa:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-00b5143 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-00b5143 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-00b5143:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-00b5143 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-00b5143:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-00b5143::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-00b5143:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b6a6b65 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-b6a6b65 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-b6a6b65:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-b6a6b65 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-b6a6b65:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-b6a6b65::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-b6a6b65:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-478eb47 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-478eb47 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-478eb47:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-478eb47 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-478eb47:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-478eb47::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-478eb47:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-8fdd340 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-8fdd340 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-8fdd340:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-8fdd340 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-8fdd340:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-8fdd340::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-8fdd340:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-9370a4a *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-9370a4a {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-9370a4a:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-9370a4a .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-9370a4a:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-9370a4a::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-9370a4a:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-7633869 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-7633869 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-7633869:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-7633869 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-7633869:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-7633869::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-7633869:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-d330827 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-d330827 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-d330827:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-d330827 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-d330827:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-d330827::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-d330827:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-282bbf7 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-282bbf7 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-282bbf7:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-282bbf7 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-282bbf7:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-282bbf7::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-282bbf7:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-11e2012 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-11e2012 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-11e2012:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-11e2012 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-11e2012:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-11e2012::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-11e2012:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-454d68f *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-454d68f {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-454d68f:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-454d68f .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-454d68f:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-454d68f::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-454d68f:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-351a4aa *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-351a4aa {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-351a4aa:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-351a4aa .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-351a4aa:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-351a4aa::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-351a4aa:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-00b5143 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-00b5143 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-00b5143:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-00b5143 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-00b5143:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-00b5143::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-00b5143:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b6a6b65 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-b6a6b65 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-b6a6b65:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-b6a6b65 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-b6a6b65:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-b6a6b65::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-b6a6b65:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-478eb47 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-478eb47 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-478eb47:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-478eb47 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-478eb47:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-478eb47::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-478eb47:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-8fdd340 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-8fdd340 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-8fdd340:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-8fdd340 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-8fdd340:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-8fdd340::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-8fdd340:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-9370a4a *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-9370a4a {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-9370a4a:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-9370a4a .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-9370a4a:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-9370a4a::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-9370a4a:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-7633869 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-7633869 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-7633869:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-7633869 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-7633869:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-7633869::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-7633869:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-d330827 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-d330827 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-d330827:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-d330827 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-d330827:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-d330827::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-d330827:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-282bbf7 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-282bbf7 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-282bbf7:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-282bbf7 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-282bbf7:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-282bbf7::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-282bbf7:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-11e2012 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-11e2012 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-11e2012:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-11e2012 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-11e2012:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-11e2012::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-11e2012:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-454d68f *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-454d68f {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-454d68f:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-454d68f .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-454d68f:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-454d68f::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-454d68f:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-351a4aa *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-351a4aa {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-351a4aa:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-351a4aa .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-351a4aa:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-351a4aa::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-351a4aa:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-00b5143 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-00b5143 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-00b5143:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-00b5143 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-00b5143:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-00b5143::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-00b5143:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b6a6b65 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-b6a6b65 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-b6a6b65:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-b6a6b65 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-b6a6b65:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-b6a6b65::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-b6a6b65:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-478eb47 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-478eb47 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-478eb47:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-478eb47 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-478eb47:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-478eb47::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-478eb47:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-8fdd340 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-8fdd340 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-8fdd340:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-8fdd340 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-8fdd340:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-8fdd340::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-8fdd340:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-9370a4a *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-9370a4a {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-9370a4a:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-9370a4a .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-9370a4a:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-9370a4a::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-9370a4a:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-7633869 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-7633869 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-7633869:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-7633869 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-7633869:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-7633869::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-7633869:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-d330827 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-d330827 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-d330827:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-d330827 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-d330827:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-d330827::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-d330827:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-282bbf7 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-282bbf7 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-282bbf7:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-282bbf7 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-282bbf7:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-282bbf7::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-282bbf7:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-11e2012 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-11e2012 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-11e2012:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-11e2012 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-11e2012:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-11e2012::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-11e2012:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-454d68f *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-454d68f {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-454d68f:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-454d68f .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-454d68f:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-454d68f::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-454d68f:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-351a4aa *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-351a4aa {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-351a4aa:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-351a4aa .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-351a4aa:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-351a4aa::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-351a4aa:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-00b5143 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-00b5143 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-00b5143:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-00b5143 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-00b5143:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-00b5143::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-00b5143:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b6a6b65 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-b6a6b65 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-b6a6b65:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-b6a6b65 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-b6a6b65:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-b6a6b65::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-b6a6b65:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-478eb47 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-478eb47 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-478eb47:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-478eb47 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-478eb47:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-478eb47::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-478eb47:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-8fdd340 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-8fdd340 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-8fdd340:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-8fdd340 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-8fdd340:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-8fdd340::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-8fdd340:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-9370a4a *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-9370a4a {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-9370a4a:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-9370a4a .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-9370a4a:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-9370a4a::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-9370a4a:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-7633869 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-7633869 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-7633869:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-7633869 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-7633869:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-7633869::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-7633869:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-d330827 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-d330827 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-d330827:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-d330827 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-d330827:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-d330827::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-d330827:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-282bbf7 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-282bbf7 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-282bbf7:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-282bbf7 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-282bbf7:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-282bbf7::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-282bbf7:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-11e2012 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-11e2012 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-11e2012:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-11e2012 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-11e2012:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-11e2012::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-11e2012:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-454d68f *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-454d68f {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-454d68f:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-454d68f .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-454d68f:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-454d68f::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-454d68f:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-351a4aa *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-351a4aa {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-351a4aa:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-351a4aa .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-351a4aa:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-351a4aa::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-351a4aa:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-00b5143 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-00b5143 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-00b5143:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-00b5143 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-00b5143:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-00b5143::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-00b5143:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b6a6b65 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-b6a6b65 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-b6a6b65:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-b6a6b65 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-b6a6b65:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-b6a6b65::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-b6a6b65:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-478eb47 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-478eb47 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-478eb47:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-478eb47 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-478eb47:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-478eb47::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-478eb47:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-8fdd340 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-8fdd340 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-8fdd340:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-8fdd340 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-8fdd340:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-8fdd340::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-8fdd340:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-9370a4a *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-9370a4a {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-9370a4a:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-9370a4a .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-9370a4a:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-9370a4a::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-9370a4a:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-7633869 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-7633869 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-7633869:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-7633869 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-7633869:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-7633869::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-7633869:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-d330827 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-d330827 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-d330827:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-d330827 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-d330827:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-d330827::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-d330827:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-282bbf7 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-282bbf7 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-282bbf7:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-282bbf7 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-282bbf7:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-282bbf7::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-282bbf7:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-11e2012 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-11e2012 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-11e2012:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-11e2012 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-11e2012:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-11e2012::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-11e2012:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-454d68f *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-454d68f {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-454d68f:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-454d68f .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-454d68f:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-454d68f::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-454d68f:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-351a4aa *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-351a4aa {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-351a4aa:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-351a4aa .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-351a4aa:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-351a4aa::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-351a4aa:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-00b5143 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-00b5143 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-00b5143:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-00b5143 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-00b5143:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-00b5143::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-00b5143:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b6a6b65 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-b6a6b65 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-b6a6b65:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-b6a6b65 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-b6a6b65:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-b6a6b65::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-b6a6b65:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-478eb47 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-478eb47 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-478eb47:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-478eb47 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-478eb47:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-478eb47::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-478eb47:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-8fdd340 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-8fdd340 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-8fdd340:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-8fdd340 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-8fdd340:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-8fdd340::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-8fdd340:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-9370a4a *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-9370a4a {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-9370a4a:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-9370a4a .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-9370a4a:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-9370a4a::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-9370a4a:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-7633869 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-7633869 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-7633869:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-7633869 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-7633869:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-7633869::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-7633869:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-d330827 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-d330827 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-d330827:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-d330827 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-d330827:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-d330827::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-d330827:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-282bbf7 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-282bbf7 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-282bbf7:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-282bbf7 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-282bbf7:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-282bbf7::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-282bbf7:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-11e2012 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-11e2012 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-11e2012:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-11e2012 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-11e2012:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-11e2012::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-11e2012:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-454d68f *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-454d68f {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-454d68f:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-454d68f .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-454d68f:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-454d68f::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-454d68f:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-351a4aa *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-351a4aa {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-351a4aa:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-351a4aa .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-351a4aa:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-351a4aa::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-351a4aa:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-00b5143 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-00b5143 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-00b5143:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-00b5143 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-00b5143:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-00b5143::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-00b5143:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b6a6b65 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-b6a6b65 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-b6a6b65:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-b6a6b65 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-b6a6b65:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-b6a6b65::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-b6a6b65:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-478eb47 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-478eb47 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-478eb47:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-478eb47 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-478eb47:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-478eb47::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-478eb47:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-8fdd340 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-8fdd340 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-8fdd340:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-8fdd340 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-8fdd340:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-8fdd340::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-8fdd340:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-9370a4a *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-9370a4a {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-9370a4a:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-9370a4a .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-9370a4a:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-9370a4a::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-9370a4a:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-7633869 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-7633869 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-7633869:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-7633869 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-7633869:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-7633869::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-7633869:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-d330827 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-d330827 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-d330827:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-d330827 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-d330827:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-d330827::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-d330827:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-282bbf7 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-282bbf7 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-282bbf7:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-282bbf7 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-282bbf7:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-282bbf7::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-282bbf7:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-11e2012 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-11e2012 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-11e2012:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-11e2012 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-11e2012:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-11e2012::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-11e2012:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-454d68f *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-454d68f {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-454d68f:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-454d68f .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-454d68f:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-454d68f::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-454d68f:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-351a4aa *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-351a4aa {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-351a4aa:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-351a4aa .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-351a4aa:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-351a4aa::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-351a4aa:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-00b5143 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-00b5143 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-00b5143:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-00b5143 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-00b5143:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-00b5143::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-00b5143:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b6a6b65 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-b6a6b65 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-b6a6b65:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-b6a6b65 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-b6a6b65:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-b6a6b65::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-b6a6b65:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-478eb47 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-478eb47 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-478eb47:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-478eb47 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-478eb47:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-478eb47::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-478eb47:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-8fdd340 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-8fdd340 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-8fdd340:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-8fdd340 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-8fdd340:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-8fdd340::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-8fdd340:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-9370a4a *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-9370a4a {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-9370a4a:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-9370a4a .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-9370a4a:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-9370a4a::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-9370a4a:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-7633869 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-7633869 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-7633869:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-7633869 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-7633869:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-7633869::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-7633869:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-d330827 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-d330827 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-d330827:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-d330827 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-d330827:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-d330827::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-d330827:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-282bbf7 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-282bbf7 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-282bbf7:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-282bbf7 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-282bbf7:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-282bbf7::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-282bbf7:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-11e2012 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-11e2012 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-11e2012:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-11e2012 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-11e2012:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-11e2012::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-11e2012:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-454d68f *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-454d68f {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-454d68f:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-454d68f .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-454d68f:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-454d68f::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-454d68f:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-351a4aa *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-351a4aa {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-351a4aa:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-351a4aa .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-351a4aa:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-351a4aa::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-351a4aa:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-00b5143 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-00b5143 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-00b5143:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-00b5143 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-00b5143:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-00b5143::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-00b5143:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b6a6b65 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-b6a6b65 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-b6a6b65:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-b6a6b65 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-b6a6b65:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-b6a6b65::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-b6a6b65:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-478eb47 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-478eb47 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-478eb47:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-478eb47 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-478eb47:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-478eb47::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-478eb47:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-8fdd340 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-8fdd340 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-8fdd340:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-8fdd340 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-8fdd340:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-8fdd340::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-8fdd340:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-9370a4a *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-9370a4a {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-9370a4a:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-9370a4a .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-9370a4a:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-9370a4a::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-9370a4a:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-7633869 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-7633869 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-7633869:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-7633869 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-7633869:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-7633869::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-7633869:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-d330827 *//* Style the main Icon Box container */
.elementor-1817 .elementor-element.elementor-element-d330827 {
border: 1px solid rgba(126, 84, 248, 0.08);
border-radius: 24px;
padding: 40px 30px;
background-color: #f6f3fa; /* Soft light lavender card */
box-shadow: 0 8px 20px rgba(99, 38, 179, 0.02);
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
overflow: hidden;
}
/* Icon Box container on Hover */
.elementor-1817 .elementor-element.elementor-element-d330827:hover {
transform: translateY(-8px);
border-color: rgba(126, 84, 248, 0.25);
box-shadow: 0 15px 40px rgba(126, 84, 248, 0.12);
background-color: #ffffff; /* Card background turns white on hover */
}
/* Style the default Icon wrapper shape */
.elementor-1817 .elementor-element.elementor-element-d330827 .elementor-icon {
background-color: #f7f5ff !important;
color: #7E54F8 !important; /* Brand Purple */
border: 1px solid rgba(126, 84, 248, 0.1) !important;
border-radius: 18px !important;
padding: 15px !important;
transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Icon wrapper on Hover */
.elementor-1817 .elementor-element.elementor-element-d330827:hover .elementor-icon {
background: linear-gradient(135deg, #6326b3 0%, #7E54F8 100%) !important;
color: #ffffff !important;
transform: scale(1.1) rotate(-8deg) !important;
box-shadow: 0 8px 20px rgba(126, 84, 248, 0.25);
}
/* Dynamic slide-out gold accent line at the bottom of card on hover */
.elementor-1817 .elementor-element.elementor-element-d330827::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #caa35c; /* Gold Accent */
border-radius: 0 0 24px 24px;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.elementor-1817 .elementor-element.elementor-element-d330827:hover::after {
transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1cc1dfe *//* ====================================================
CARD 1 FIXED SVG BACKGROUND (THE CHALLENGE)
==================================================== */
.elementor-1817 .elementor-element.elementor-element-1cc1dfe {
background: #F5F3FC !important;
border: 1px solid #DAD2F9 !important;
border-radius: 24px !important;
position: relative !important;
overflow: hidden !important;
}
/* Ambient Glow Orb */
.elementor-1817 .elementor-element.elementor-element-1cc1dfe::before {
content: "" !important;
position: absolute !important;
top: -40px !important;
right: -40px !important;
width: 140px !important;
height: 140px !important;
background: radial-gradient(circle, rgba(126, 84, 248, 0.12) 0%, transparent 70%) !important;
border-radius: 50% !important;
pointer-events: none !important;
}
/* Guaranteed Embedded SVG Watermark Icon */
.elementor-1817 .elementor-element.elementor-element-1cc1dfe::after {
content: "" !important;
position: absolute !important;
right: 10px !important;
bottom: -15px !important;
width: 140px !important;
height: 140px !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%2300072B'%3E%3Cpath d='M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7.2 40.1S486.3 480 472 480L40 480c-14.3 0-27.6-7.7-34.7-20.1s-7-27.7.3-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24l0 112c0 13.3 10.7 24 24 24s24-10.7 24-24l0-112c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-size: contain !important;
opacity: 0.05 !important;
pointer-events: none !important;
transition: all 0.5s ease !important;
z-index: 1 !important;
}
.elementor-1817 .elementor-element.elementor-element-1cc1dfe:hover::after {
opacity: 0.16 !important;
transform: scale(1.08) translateY(-6px) rotate(-4deg) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-257a03d *//* ====================================================
CARD 2 FIXED SVG BACKGROUND (OUR STRATEGY)
==================================================== */
.elementor-1817 .elementor-element.elementor-element-257a03d {
background: #F5F3FC !important;
border: 1px solid #DAD2F9 !important;
border-radius: 24px !important;
position: relative !important;
overflow: hidden !important;
}
/* Ambient Glow Orb */
.elementor-1817 .elementor-element.elementor-element-257a03d::before {
content: "" !important;
position: absolute !important;
top: -40px !important;
right: -40px !important;
width: 140px !important;
height: 140px !important;
background: radial-gradient(circle, rgba(126, 84, 248, 0.12) 0%, transparent 70%) !important;
border-radius: 50% !important;
pointer-events: none !important;
}
/* Guaranteed Embedded SVG Watermark Icon */
.elementor-1817 .elementor-element.elementor-element-257a03d::after {
content: "" !important;
position: absolute !important;
right: 10px !important;
bottom: -15px !important;
width: 140px !important;
height: 140px !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%2300072B'%3E%3Cpath d='M0 96C0 60.7 28.7 32 64 32l96 0c35.3 0 64 28.7 64 64l0 32c0 35.3-28.7 64-64 64L64 192c-35.3 0-64-28.7-64-64L0 96zM288 384c0-35.3 28.7-64 64-64l96 0c35.3 0 64 28.7 64 64l0 32c0 35.3-28.7 64-64 64l-96 0c-35.3 0-64-28.7-64-64l0-32zM96 288c0-17.7 14.3-32 32-32l256 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L128 320c-17.7 0-32-14.3-32-32z'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-size: contain !important;
opacity: 0.05 !important;
pointer-events: none !important;
transition: all 0.5s ease !important;
z-index: 1 !important;
}
.elementor-1817 .elementor-element.elementor-element-257a03d:hover::after {
opacity: 0.16 !important;
transform: scale(1.08) translateY(-6px) rotate(-4deg) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e7d085 *//* ====================================================
CARD 3 FIXED SVG BACKGROUND (THE RESULT)
==================================================== */
.elementor-1817 .elementor-element.elementor-element-7e7d085 {
background: #040821 !important; /* Dark Navy Fill from screenshot */
border: 1px solid #040821 !important;
border-radius: 24px !important;
position: relative !important;
overflow: hidden !important;
}
/* Glowing Purple Ambient Orb */
.elementor-1817 .elementor-element.elementor-element-7e7d085::before {
content: "" !important;
position: absolute !important;
top: -50px !important;
right: -50px !important;
width: 180px !important;
height: 180px !important;
background: radial-gradient(circle, rgba(126, 84, 248, 0.3) 0%, transparent 70%) !important;
border-radius: 50% !important;
pointer-events: none !important;
}
/* Guaranteed Embedded SVG Watermark Icon */
.elementor-1817 .elementor-element.elementor-element-7e7d085::after {
content: "" !important;
position: absolute !important;
right: 10px !important;
bottom: -15px !important;
width: 140px !important;
height: 140px !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' fill='%237E54F8'%3E%3Cpath d='M400 0L176 0c-26.5 0-48 21.5-48 48l0 32L48 80C21.5 80 0 101.5 0 128l0 32c0 70.7 57.3 128 128 128l16.1 0c26.7 44.5 73.1 75.3 127.9 79.2L272 432l-48 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l128 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-48 0 0-64.8c54.8-3.9 101.2-34.7 127.9-79.2l16.1 0c70.7 0 128-57.3 128-128l0-32c0-26.5-21.5-48-48-48l-80 0 0-32c0-26.5-21.5-48-48-48z'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-size: contain !important;
opacity: 0.12 !important;
pointer-events: none !important;
transition: all 0.5s ease !important;
z-index: 1 !important;
}
.elementor-1817 .elementor-element.elementor-element-7e7d085:hover::after {
opacity: 0.25 !important;
transform: scale(1.08) translateY(-6px) rotate(-4deg) !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-68d48aa *//* ====================================================
LEFT CARD: LOCAL VS NATIONAL SEO WIDGET
==================================================== */
/* Main Card Styling */
.elementor-1817 .elementor-element.elementor-element-68d48aa {
background: #ffffff !important;
border-radius: 20px !important;
padding: 40px !important;
border: 1px solid rgba(126, 84, 248, 0.08) !important;
border-left: 5px solid #6D4AFF !important; /* Purple Border Accent */
box-shadow: 0 10px 25px rgba(126, 84, 248, 0.02) !important;
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Hover Shift & Glow */
.elementor-1817 .elementor-element.elementor-element-68d48aa:hover {
transform: scale(1.02) translateY(-6px) !important;
box-shadow: 0 20px 45px rgba(126, 84, 248, 0.1) !important;
}
/* Heading Styling (Exactly 22px) */
.elementor-1817 .elementor-element.elementor-element-68d48aa .elementor-icon-box-title {
font-family: 'Poppins', sans-serif !important;
font-size: 22px !important;
font-weight: 700 !important;
color: #1E1B39 !important;
line-height: 1.35 !important;
margin-bottom: 16px !important;
transition: color 0.3s ease !important;
}
.elementor-1817 .elementor-element.elementor-element-68d48aa:hover .elementor-icon-box-title {
color: #6D4AFF !important;
}
/* Description Paragraph (Exactly 18px) */
.elementor-1817 .elementor-element.elementor-element-68d48aa .elementor-icon-box-description {
font-family: 'Inter', sans-serif !important;
font-size: 18px !important;
line-height: 1.75 !important;
color: #5b5678 !important;
}
/* Icon Hover Colors */
.elementor-1817 .elementor-element.elementor-element-68d48aa .elementor-icon {
transition: all 0.3s ease !important;
}
.elementor-1817 .elementor-element.elementor-element-68d48aa:hover .elementor-icon {
color: #caa35c !important; /* Icon shifts to gold on hover */
transform: scale(1.1) rotate(-4deg) !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-ea1113a *//* ====================================================
RIGHT CARD: CORTEXZ ADVANTAGE WIDGET
==================================================== */
/* Main Card Styling */
.elementor-1817 .elementor-element.elementor-element-ea1113a {
background: #ffffff !important;
border-radius: 20px !important;
padding: 40px !important;
border: 1px solid rgba(126, 84, 248, 0.08) !important;
border-left: 5px solid #caa35c !important; /* Gold Border Accent */
box-shadow: 0 10px 25px rgba(126, 84, 248, 0.02) !important;
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Asymmetric vertical offset on desktop viewports */
@media (min-width: 992px) {
.elementor-1817 .elementor-element.elementor-element-ea1113a {
margin-top: 60px !important;
}
}
/* Hover Shift & Glow (With desktop offset adjustment) */
.elementor-1817 .elementor-element.elementor-element-ea1113a:hover {
transform: scale(1.02) translateY(-6px) !important;
box-shadow: 0 20px 45px rgba(126, 84, 248, 0.1) !important;
}
@media (min-width: 992px) {
.elementor-1817 .elementor-element.elementor-element-ea1113a:hover {
transform: scale(1.02) translateY(54px) !important; /* Keeps the top offset smooth */
}
}
/* Heading Styling (Exactly 22px) */
.elementor-1817 .elementor-element.elementor-element-ea1113a .elementor-icon-box-title {
font-family: 'Poppins', sans-serif !important;
font-size: 22px !important;
font-weight: 700 !important;
color: #1E1B39 !important;
line-height: 1.35 !important;
margin-bottom: 16px !important;
transition: color 0.3s ease !important;
}
.elementor-1817 .elementor-element.elementor-element-ea1113a:hover .elementor-icon-box-title {
color: #caa35c !important;
}
/* Description Paragraph (Exactly 18px) */
.elementor-1817 .elementor-element.elementor-element-ea1113a .elementor-icon-box-description {
font-family: 'Inter', sans-serif !important;
font-size: 18px !important;
line-height: 1.75 !important;
color: #5b5678 !important;
}
/* Icon Hover Colors */
.elementor-1817 .elementor-element.elementor-element-ea1113a .elementor-icon {
transition: all 0.3s ease !important;
}
.elementor-1817 .elementor-element.elementor-element-ea1113a:hover .elementor-icon {
color: #6D4AFF !important; /* Icon shifts to purple on hover */
transform: scale(1.1) rotate(4deg) !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-eb5fd8a */.elementor-1817 .elementor-element.elementor-element-eb5fd8a {
background: linear-gradient(135deg, #FDE047 0%, #F59E0B 40%, #FFFFFF 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-8ef47d7 *//* FAQ Hover - correct .elementor-1817 .elementor-element.elementor-element-8ef47d7s */
.e-n-accordion-item {
transition: all 0.3s ease;
border-radius: 10px !important;
cursor: pointer;
}
.e-n-accordion-item:hover {
transform: translateX(6px);
box-shadow: 0 4px 20px rgba(123, 47, 247, 0.15);
border-color: #7b2ff7 !important;
background: #ffffff;
}
/* Question text on hover */
.e-n-accordion-item:hover .e-n-accordion-item-title-text {
color: #7b2ff7 !important;
}
/* Icon on hover */
.e-n-accordion-item:hover .e-n-accordion-item-title-icon {
color: #7b2ff7 !important;
}/* End custom CSS */