.elementor-2403 .elementor-element.elementor-element-a1cee12{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2403 .elementor-element.elementor-element-26860ab{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--border-radius:16px 16px 16px 16px;--margin-top:9px;--margin-bottom:9px;--margin-left:9px;--margin-right:9px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2403 .elementor-element.elementor-element-a68a880{--display:flex;}.elementor-2403 .elementor-element.elementor-element-dabfe5d{width:var( --container-widget-width, 102.905% );max-width:102.905%;--container-widget-width:102.905%;--container-widget-flex-grow:0;text-align:left;}.elementor-2403 .elementor-element.elementor-element-dabfe5d.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2403 .elementor-element.elementor-element-dabfe5d img{max-width:58%;}.elementor-2403 .elementor-element.elementor-element-6f3e962{--display:flex;}.elementor-2403 .elementor-element.elementor-element-593f668 .elementor-menu-toggle{margin-left:auto;background-color:var( --e-global-color-secondary );}.elementor-2403 .elementor-element.elementor-element-593f668 .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-eea012d-font-family ), Sans-serif;font-size:var( --e-global-typography-eea012d-font-size );font-weight:var( --e-global-typography-eea012d-font-weight );text-transform:var( --e-global-typography-eea012d-text-transform );line-height:var( --e-global-typography-eea012d-line-height );letter-spacing:var( --e-global-typography-eea012d-letter-spacing );}.elementor-2403 .elementor-element.elementor-element-593f668 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-18e54c4 );fill:var( --e-global-color-18e54c4 );padding-left:5px;padding-right:5px;}.elementor-2403 .elementor-element.elementor-element-593f668 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-2403 .elementor-element.elementor-element-593f668 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-2403 .elementor-element.elementor-element-593f668 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-2403 .elementor-element.elementor-element-593f668 .elementor-nav-menu--main .elementor-item:focus{color:#FAD5BD;fill:#FAD5BD;}.elementor-2403 .elementor-element.elementor-element-593f668 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-secondary );}.elementor-2403 .elementor-element.elementor-element-593f668{--e-nav-menu-horizontal-menu-item-margin:calc( 15px / 2 );}.elementor-2403 .elementor-element.elementor-element-593f668 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:15px;}.elementor-2403 .elementor-element.elementor-element-593f668 div.elementor-menu-toggle{color:var( --e-global-color-18e54c4 );}.elementor-2403 .elementor-element.elementor-element-593f668 div.elementor-menu-toggle svg{fill:var( --e-global-color-18e54c4 );}.elementor-2403 .elementor-element.elementor-element-90ca685{--display:flex;}.elementor-2403 .elementor-element.elementor-element-b830a1b .elementor-button{background-color:#FFFFFF;font-size:14px;text-transform:uppercase;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-secondary );padding:12px 36px 12px 26px;}.elementor-2403 .elementor-element.elementor-element-b830a1b .elementor-button:hover, .elementor-2403 .elementor-element.elementor-element-b830a1b .elementor-button:focus{background-color:#FC8332;color:#FFFFFF;border-color:var( --e-global-color-18e54c4 );}.elementor-2403 .elementor-element.elementor-element-b830a1b .elementor-button:hover svg, .elementor-2403 .elementor-element.elementor-element-b830a1b .elementor-button:focus svg{fill:#FFFFFF;}.elementor-2403 .elementor-element.elementor-element-5d0de99{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2403 .elementor-element.elementor-element-7d19301{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2403 .elementor-element.elementor-element-785ff65{--display:flex;}.elementor-2403 .elementor-element.elementor-element-df3b603{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:12px;}.elementor-2403 .elementor-element.elementor-element-d57f3d1 .elementor-heading-title{color:#2D3748;}.elementor-2403 .elementor-element.elementor-element-64ee6a3{width:var( --container-widget-width, 102.539% );max-width:102.539%;--container-widget-width:102.539%;--container-widget-flex-grow:0;line-height:1.6em;color:var( --e-global-color-primary );}.elementor-2403 .elementor-element.elementor-element-64ee6a3.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2403 .elementor-element.elementor-element-c0792d4 .elementor-button{background-color:var( --e-global-color-accent );text-transform:uppercase;fill:#FFFFFF;color:#FFFFFF;padding:12px 36px 12px 26px;}.elementor-2403 .elementor-element.elementor-element-c0792d4 .elementor-button:hover, .elementor-2403 .elementor-element.elementor-element-c0792d4 .elementor-button:focus{background-color:#FC8332;color:#FFFFFF;border-color:var( --e-global-color-18e54c4 );}.elementor-2403 .elementor-element.elementor-element-c0792d4 .elementor-button:hover svg, .elementor-2403 .elementor-element.elementor-element-c0792d4 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-2403 .elementor-element.elementor-element-7e5bcdf{--display:flex;}.elementor-2403 .elementor-element.elementor-element-95af19b{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:12px;}.elementor-2403 .elementor-element.elementor-element-490dda6 .elementor-heading-title{color:#2D3748;}.elementor-2403 .elementor-element.elementor-element-71c5eaa{width:var( --container-widget-width, 82.927% );max-width:82.927%;--container-widget-width:82.927%;--container-widget-flex-grow:0;line-height:1.6em;}.elementor-2403 .elementor-element.elementor-element-71c5eaa.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2403 .elementor-element.elementor-element-6ed1b60 .elementor-button{background-color:var( --e-global-color-accent );text-transform:uppercase;fill:#FFFFFF;color:#FFFFFF;padding:12px 36px 12px 26px;}.elementor-2403 .elementor-element.elementor-element-6ed1b60 .elementor-button:hover, .elementor-2403 .elementor-element.elementor-element-6ed1b60 .elementor-button:focus{background-color:#FC8332;color:#FFFFFF;border-color:var( --e-global-color-18e54c4 );}.elementor-2403 .elementor-element.elementor-element-6ed1b60 .elementor-button:hover svg, .elementor-2403 .elementor-element.elementor-element-6ed1b60 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-2403 .elementor-element.elementor-element-cc12715{--display:flex;}.elementor-2403 .elementor-element.elementor-element-a18fb4f{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:12px;}.elementor-2403 .elementor-element.elementor-element-e53dafd .elementor-heading-title{color:#2D3748;}.elementor-2403 .elementor-element.elementor-element-cc2d222{width:var( --container-widget-width, 83.538% );max-width:83.538%;--container-widget-width:83.538%;--container-widget-flex-grow:0;line-height:1.6em;}.elementor-2403 .elementor-element.elementor-element-cc2d222.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2403 .elementor-element.elementor-element-cb8595e .elementor-button{background-color:var( --e-global-color-accent );text-transform:uppercase;fill:#FFFFFF;color:#FFFFFF;padding:12px 36px 12px 26px;}.elementor-2403 .elementor-element.elementor-element-cb8595e .elementor-button:hover, .elementor-2403 .elementor-element.elementor-element-cb8595e .elementor-button:focus{background-color:#FC8332;color:#FFFFFF;border-color:var( --e-global-color-18e54c4 );}.elementor-2403 .elementor-element.elementor-element-cb8595e .elementor-button:hover svg, .elementor-2403 .elementor-element.elementor-element-cb8595e .elementor-button:focus svg{fill:#FFFFFF;}.elementor-2403 .elementor-element.elementor-element-53a5dce{--e-n-carousel-swiper-slides-to-display:2;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}.elementor-2403 .elementor-element.elementor-element-53a5dce > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2403 .elementor-element.elementor-element-c9c162d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:41px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2403 .elementor-element.elementor-element-4c01442{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2403 .elementor-element.elementor-element-34ba6c9{width:var( --container-widget-width, 58.898% );max-width:58.898%;--container-widget-width:58.898%;--container-widget-flex-grow:0;line-height:1.6em;}.elementor-2403 .elementor-element.elementor-element-34ba6c9.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2403 .elementor-element.elementor-element-32cd356{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2403 .elementor-element.elementor-element-679fa97{--display:flex;--border-radius:20px 20px 20px 20px;}.elementor-2403 .elementor-element.elementor-element-679fa97:not(.elementor-motion-effects-element-type-background), .elementor-2403 .elementor-element.elementor-element-679fa97 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-2403 .elementor-element.elementor-element-9e60d3d{--icon-box-icon-margin:18px;}.elementor-2403 .elementor-element.elementor-element-9e60d3d .elementor-icon-box-title{margin-bottom:0px;color:#FFFFFF;}.elementor-2403 .elementor-element.elementor-element-9e60d3d.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-2403 .elementor-element.elementor-element-9e60d3d.elementor-view-framed .elementor-icon, .elementor-2403 .elementor-element.elementor-element-9e60d3d.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-2403 .elementor-element.elementor-element-9e60d3d .elementor-icon-box-title, .elementor-2403 .elementor-element.elementor-element-9e60d3d .elementor-icon-box-title a{text-transform:uppercase;}.elementor-2403 .elementor-element.elementor-element-fff1fcb{--display:flex;--border-radius:20px 20px 20px 20px;}.elementor-2403 .elementor-element.elementor-element-fff1fcb:not(.elementor-motion-effects-element-type-background), .elementor-2403 .elementor-element.elementor-element-fff1fcb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-2403 .elementor-element.elementor-element-315538d{--icon-box-icon-margin:18px;}.elementor-2403 .elementor-element.elementor-element-315538d .elementor-icon-box-title{margin-bottom:0px;color:#FFFFFF;}.elementor-2403 .elementor-element.elementor-element-315538d.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-2403 .elementor-element.elementor-element-315538d.elementor-view-framed .elementor-icon, .elementor-2403 .elementor-element.elementor-element-315538d.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-2403 .elementor-element.elementor-element-315538d .elementor-icon-box-title, .elementor-2403 .elementor-element.elementor-element-315538d .elementor-icon-box-title a{text-transform:uppercase;}.elementor-2403 .elementor-element.elementor-element-23875d2{--display:flex;--border-radius:20px 20px 20px 20px;}.elementor-2403 .elementor-element.elementor-element-23875d2:not(.elementor-motion-effects-element-type-background), .elementor-2403 .elementor-element.elementor-element-23875d2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-2403 .elementor-element.elementor-element-4174188{--icon-box-icon-margin:18px;}.elementor-2403 .elementor-element.elementor-element-4174188 .elementor-icon-box-title{margin-bottom:0px;color:#FFFFFF;}.elementor-2403 .elementor-element.elementor-element-4174188.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-2403 .elementor-element.elementor-element-4174188.elementor-view-framed .elementor-icon, .elementor-2403 .elementor-element.elementor-element-4174188.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-2403 .elementor-element.elementor-element-4174188 .elementor-icon-box-title, .elementor-2403 .elementor-element.elementor-element-4174188 .elementor-icon-box-title a{text-transform:uppercase;}.elementor-2403 .elementor-element.elementor-element-f77ed34{--display:flex;--border-radius:20px 20px 20px 20px;}.elementor-2403 .elementor-element.elementor-element-f77ed34:not(.elementor-motion-effects-element-type-background), .elementor-2403 .elementor-element.elementor-element-f77ed34 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-2403 .elementor-element.elementor-element-b364d0d{--icon-box-icon-margin:18px;}.elementor-2403 .elementor-element.elementor-element-b364d0d .elementor-icon-box-title{margin-bottom:0px;color:#FFFFFF;}.elementor-2403 .elementor-element.elementor-element-b364d0d.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-2403 .elementor-element.elementor-element-b364d0d.elementor-view-framed .elementor-icon, .elementor-2403 .elementor-element.elementor-element-b364d0d.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-2403 .elementor-element.elementor-element-b364d0d .elementor-icon-box-title, .elementor-2403 .elementor-element.elementor-element-b364d0d .elementor-icon-box-title a{text-transform:uppercase;}.elementor-2403 .elementor-element.elementor-element-5faa36c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2403 .elementor-element.elementor-element-76d4f4d{--display:flex;}.elementor-2403 .elementor-element.elementor-element-4a7e119{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2403 .elementor-element.elementor-element-a6198ec{--display:flex;}@media(max-width:1024px){.elementor-2403 .elementor-element.elementor-element-593f668 .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-eea012d-font-size );line-height:var( --e-global-typography-eea012d-line-height );letter-spacing:var( --e-global-typography-eea012d-letter-spacing );}.elementor-2403 .elementor-element.elementor-element-53a5dce{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-2403 .elementor-element.elementor-element-26860ab{--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:9px;--margin-bottom:9px;--margin-left:9px;--margin-right:9px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2403 .elementor-element.elementor-element-a68a880{--width:36%;}.elementor-2403 .elementor-element.elementor-element-dabfe5d img{max-width:100%;}.elementor-2403 .elementor-element.elementor-element-6f3e962{--width:11%;}.elementor-2403 .elementor-element.elementor-element-593f668 .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-eea012d-font-size );line-height:var( --e-global-typography-eea012d-line-height );letter-spacing:var( --e-global-typography-eea012d-letter-spacing );}.elementor-2403 .elementor-element.elementor-element-90ca685{--width:41%;}.elementor-2403 .elementor-element.elementor-element-b830a1b .elementor-button{font-size:5px;}.elementor-2403 .elementor-element.elementor-element-490dda6{width:var( --container-widget-width, 85% );max-width:85%;--container-widget-width:85%;--container-widget-flex-grow:0;}.elementor-2403 .elementor-element.elementor-element-53a5dce{--e-n-carousel-swiper-slides-to-display:1;}}@media(min-width:768px){.elementor-2403 .elementor-element.elementor-element-a1cee12{--content-width:1280px;}.elementor-2403 .elementor-element.elementor-element-a68a880{--width:50%;}.elementor-2403 .elementor-element.elementor-element-6f3e962{--width:100%;}.elementor-2403 .elementor-element.elementor-element-90ca685{--width:30%;}.elementor-2403 .elementor-element.elementor-element-5d0de99{--content-width:1280px;}.elementor-2403 .elementor-element.elementor-element-c9c162d{--content-width:1280px;}.elementor-2403 .elementor-element.elementor-element-5faa36c{--content-width:1280px;}.elementor-2403 .elementor-element.elementor-element-4a7e119{--content-width:1280px;}}@media(max-width:1024px) and (min-width:768px){.elementor-2403 .elementor-element.elementor-element-6f3e962{--width:21%;}}/* Start custom CSS for container, class: .elementor-element-26860ab */#header_bg {
    /* A professional Dark Navy that makes white text pop */
    background-color: #0f172a !important; 
    
    /* Clean, solid layout */
    border-bottom: 2px solid #1e293b;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 999;
}

/* This makes your navigation links white to match the new background */

/* This makes your "Website Demos" button stand out */
#header_bg .elementor-button {
    background-color: transparent !important;
    border: 2px solid #ffffff !important;
    color: #ffffff !important;
    border-radius: 50px;
}

#header_bg .elementor-button:hover {
    background-color: #ffffff !important;
    color: #0f172a !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-df3b603 */#slide_1 {
    /* Color Palette */
    --bg-main: #ffffff;
    --accent-purple: rgba(224, 212, 255, 0.6);
    --accent-blue: rgba(203, 228, 255, 0.7);
    --accent-pink: rgba(255, 230, 240, 0.5);

    position: relative;
    background-color: var(--bg-main);
    
    /* Layering 3 different radial "blobs" for a professional depth */
    background-image: 
        radial-gradient(circle at 100% 100%, var(--accent-purple) 0%, transparent 50%),
        radial-gradient(circle at 85% 10%, var(--accent-blue) 0%, transparent 40%),
        radial-gradient(circle at 100% 50%, var(--accent-pink) 0%, transparent 30%);
    
    border-radius: 24px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.03); /* Subtle card border */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02); /* Very soft shadow */
    z-index: 1;
}

/* The "Large Background Circle" (The big blue 'C' shape vibe) */
#slide_1::before {
    content: "";
    position: absolute;
    top: 50%;
    right: -10%;
    transform: translateY(-50%);
    width: 450px;
    height: 450px;
    background: transparent;
    border: 60px solid rgba(64, 126, 255, 0.04); /* Thick, very faint ring */
    border-radius: 50%;
    z-index: -1;
    pointer-events: none;
}

/* The "Floating Glass Orb" (The small spark icon background) */
#slide_1::after {
    content: "";
    position: absolute;
    top: 20%;
    right: 35%;
    width: 120px;
    height: 120px;
    background: rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(10px); /* Glassmorphism effect */
    border-radius: 50%;
    box-shadow: 0 8px 32px rgba(31, 38, 135, 0.07);
    border: 1px solid rgba(255, 255, 255, 0.18);
    z-index: -1;
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95af19b */#slide_2 {
    /* Advanced Pastel Palette */
    --bg-base: #fdfeff;
    --glass-bg: rgba(255, 255, 255, 0.4);
    --pastel-peach: #fff0eb;
    --pastel-mint: #e0fcf2;
    --pastel-blue: #e0e7ff;
    --accent-purple: #9b87f5;

    position: relative;
    background-color: var(--bg-base);
    background-image: 
        linear-gradient(120deg, var(--pastel-blue) 0%, #ffffff 50%, var(--pastel-peach) 100%);
    border-radius: 30px;
    overflow: hidden;
    z-index: 1;
}

/* The Floating Glass Triangle */
#slide_2::before {
    content: "";
    position: absolute;
    top: 15%;
    right: 15%;
    width: 280px;
    height: 280px;
    background: var(--glass-bg);
    backdrop-filter: blur(15px) saturate(150%);
    -webkit-backdrop-filter: blur(15px) saturate(150%);
    /* Geometric Triangle Shape */
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    border: 1px solid rgba(255, 255, 255, 0.3);
    transform: rotate(15deg);
    z-index: -1;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.05);
}

/* The Solid Pastel Circle */
#slide_2::after {
    content: "";
    position: absolute;
    bottom: -10%;
    right: -5%;
    width: 350px;
    height: 350px;
    background: var(--pastel-mint);
    border-radius: 50%;
    z-index: -2;
    filter: blur(2px); /* Keeps it crisp but soft */
}

/* Extra Floating Element: The "Orbit" Ring */
#slide_2 .elementor-widget-container::before {
    content: "";
    position: absolute;
    top: 40%;
    right: 30%;
    width: 150px;
    height: 150px;
    border: 2px solid var(--accent-purple);
    border-radius: 38% 62% 63% 37% / 41% 44% 56% 59%; /* Organic blobby circle */
    opacity: 0.2;
    animation: rotate-slow 20s linear infinite;
    z-index: -1;
}

@keyframes rotate-slow {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a18fb4f */#slide_3 {
    /* Prism Pastel Palette */
    --bg-base: #fcfaff;
    --glass-white: rgba(255, 255, 255, 0.45);
    --soft-yellow: #fff9e6;
    --soft-blue: #e6f0ff;
    --soft-purple: #f3e8ff;
    --accent-line: rgba(155, 135, 245, 0.2);

    position: relative;
    background-color: var(--bg-base);
    /* Multi-layered gradient for a shifting light effect */
    background-image: 
        radial-gradient(at 0% 0%, var(--soft-blue) 0%, transparent 50%),
        radial-gradient(at 100% 100%, var(--soft-yellow) 0%, transparent 50%),
        radial-gradient(at 50% 50%, var(--soft-purple) 0%, transparent 70%);
    
    border-radius: 30px;
    overflow: hidden;
    z-index: 1;
}

/* The Floating Glass Diamond */
#slide_3::before {
    content: "";
    position: absolute;
    top: 10%;
    right: 12%;
    width: 220px;
    height: 220px;
    background: var(--glass-white);
    backdrop-filter: blur(20px) brightness(1.1);
    -webkit-backdrop-filter: blur(20px) brightness(1.1);
    /* Diamond Shape */
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    border: 1px solid rgba(255, 255, 255, 0.4);
    transform: rotate(-10deg);
    z-index: -1;
    animation: float 6s ease-in-out infinite;
}

/* The Large Background "Glow" Circle */
#slide_3::after {
    content: "";
    position: absolute;
    bottom: -20%;
    right: -10%;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(230, 240, 255, 0.8) 0%, transparent 70%);
    border-radius: 50%;
    z-index: -2;
}

/* Decorative Geometric Line */
#slide_3 .elementor-widget-container::after {
    content: "";
    position: absolute;
    top: 45%;
    right: 5%;
    width: 300px;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--accent-line), transparent);
    transform: rotate(-45deg);
    z-index: -1;
}

/* Floating Animation */
@keyframes float {
    0%, 100% { transform: rotate(-10deg) translateY(0px); }
    50% { transform: rotate(-8deg) translateY(-20px); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-df3b603 */#slide_1 {
    /* Color Palette */
    --bg-main: #ffffff;
    --accent-purple: rgba(224, 212, 255, 0.6);
    --accent-blue: rgba(203, 228, 255, 0.7);
    --accent-pink: rgba(255, 230, 240, 0.5);

    position: relative;
    background-color: var(--bg-main);
    
    /* Layering 3 different radial "blobs" for a professional depth */
    background-image: 
        radial-gradient(circle at 100% 100%, var(--accent-purple) 0%, transparent 50%),
        radial-gradient(circle at 85% 10%, var(--accent-blue) 0%, transparent 40%),
        radial-gradient(circle at 100% 50%, var(--accent-pink) 0%, transparent 30%);
    
    border-radius: 24px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.03); /* Subtle card border */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02); /* Very soft shadow */
    z-index: 1;
}

/* The "Large Background Circle" (The big blue 'C' shape vibe) */
#slide_1::before {
    content: "";
    position: absolute;
    top: 50%;
    right: -10%;
    transform: translateY(-50%);
    width: 450px;
    height: 450px;
    background: transparent;
    border: 60px solid rgba(64, 126, 255, 0.04); /* Thick, very faint ring */
    border-radius: 50%;
    z-index: -1;
    pointer-events: none;
}

/* The "Floating Glass Orb" (The small spark icon background) */
#slide_1::after {
    content: "";
    position: absolute;
    top: 20%;
    right: 35%;
    width: 120px;
    height: 120px;
    background: rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(10px); /* Glassmorphism effect */
    border-radius: 50%;
    box-shadow: 0 8px 32px rgba(31, 38, 135, 0.07);
    border: 1px solid rgba(255, 255, 255, 0.18);
    z-index: -1;
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95af19b */#slide_2 {
    /* Advanced Pastel Palette */
    --bg-base: #fdfeff;
    --glass-bg: rgba(255, 255, 255, 0.4);
    --pastel-peach: #fff0eb;
    --pastel-mint: #e0fcf2;
    --pastel-blue: #e0e7ff;
    --accent-purple: #9b87f5;

    position: relative;
    background-color: var(--bg-base);
    background-image: 
        linear-gradient(120deg, var(--pastel-blue) 0%, #ffffff 50%, var(--pastel-peach) 100%);
    border-radius: 30px;
    overflow: hidden;
    z-index: 1;
}

/* The Floating Glass Triangle */
#slide_2::before {
    content: "";
    position: absolute;
    top: 15%;
    right: 15%;
    width: 280px;
    height: 280px;
    background: var(--glass-bg);
    backdrop-filter: blur(15px) saturate(150%);
    -webkit-backdrop-filter: blur(15px) saturate(150%);
    /* Geometric Triangle Shape */
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    border: 1px solid rgba(255, 255, 255, 0.3);
    transform: rotate(15deg);
    z-index: -1;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.05);
}

/* The Solid Pastel Circle */
#slide_2::after {
    content: "";
    position: absolute;
    bottom: -10%;
    right: -5%;
    width: 350px;
    height: 350px;
    background: var(--pastel-mint);
    border-radius: 50%;
    z-index: -2;
    filter: blur(2px); /* Keeps it crisp but soft */
}

/* Extra Floating Element: The "Orbit" Ring */
#slide_2 .elementor-widget-container::before {
    content: "";
    position: absolute;
    top: 40%;
    right: 30%;
    width: 150px;
    height: 150px;
    border: 2px solid var(--accent-purple);
    border-radius: 38% 62% 63% 37% / 41% 44% 56% 59%; /* Organic blobby circle */
    opacity: 0.2;
    animation: rotate-slow 20s linear infinite;
    z-index: -1;
}

@keyframes rotate-slow {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a18fb4f */#slide_3 {
    /* Prism Pastel Palette */
    --bg-base: #fcfaff;
    --glass-white: rgba(255, 255, 255, 0.45);
    --soft-yellow: #fff9e6;
    --soft-blue: #e6f0ff;
    --soft-purple: #f3e8ff;
    --accent-line: rgba(155, 135, 245, 0.2);

    position: relative;
    background-color: var(--bg-base);
    /* Multi-layered gradient for a shifting light effect */
    background-image: 
        radial-gradient(at 0% 0%, var(--soft-blue) 0%, transparent 50%),
        radial-gradient(at 100% 100%, var(--soft-yellow) 0%, transparent 50%),
        radial-gradient(at 50% 50%, var(--soft-purple) 0%, transparent 70%);
    
    border-radius: 30px;
    overflow: hidden;
    z-index: 1;
}

/* The Floating Glass Diamond */
#slide_3::before {
    content: "";
    position: absolute;
    top: 10%;
    right: 12%;
    width: 220px;
    height: 220px;
    background: var(--glass-white);
    backdrop-filter: blur(20px) brightness(1.1);
    -webkit-backdrop-filter: blur(20px) brightness(1.1);
    /* Diamond Shape */
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    border: 1px solid rgba(255, 255, 255, 0.4);
    transform: rotate(-10deg);
    z-index: -1;
    animation: float 6s ease-in-out infinite;
}

/* The Large Background "Glow" Circle */
#slide_3::after {
    content: "";
    position: absolute;
    bottom: -20%;
    right: -10%;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(230, 240, 255, 0.8) 0%, transparent 70%);
    border-radius: 50%;
    z-index: -2;
}

/* Decorative Geometric Line */
#slide_3 .elementor-widget-container::after {
    content: "";
    position: absolute;
    top: 45%;
    right: 5%;
    width: 300px;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--accent-line), transparent);
    transform: rotate(-45deg);
    z-index: -1;
}

/* Floating Animation */
@keyframes float {
    0%, 100% { transform: rotate(-10deg) translateY(0px); }
    50% { transform: rotate(-8deg) translateY(-20px); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-df3b603 */#slide_1 {
    /* Color Palette */
    --bg-main: #ffffff;
    --accent-purple: rgba(224, 212, 255, 0.6);
    --accent-blue: rgba(203, 228, 255, 0.7);
    --accent-pink: rgba(255, 230, 240, 0.5);

    position: relative;
    background-color: var(--bg-main);
    
    /* Layering 3 different radial "blobs" for a professional depth */
    background-image: 
        radial-gradient(circle at 100% 100%, var(--accent-purple) 0%, transparent 50%),
        radial-gradient(circle at 85% 10%, var(--accent-blue) 0%, transparent 40%),
        radial-gradient(circle at 100% 50%, var(--accent-pink) 0%, transparent 30%);
    
    border-radius: 24px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.03); /* Subtle card border */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02); /* Very soft shadow */
    z-index: 1;
}

/* The "Large Background Circle" (The big blue 'C' shape vibe) */
#slide_1::before {
    content: "";
    position: absolute;
    top: 50%;
    right: -10%;
    transform: translateY(-50%);
    width: 450px;
    height: 450px;
    background: transparent;
    border: 60px solid rgba(64, 126, 255, 0.04); /* Thick, very faint ring */
    border-radius: 50%;
    z-index: -1;
    pointer-events: none;
}

/* The "Floating Glass Orb" (The small spark icon background) */
#slide_1::after {
    content: "";
    position: absolute;
    top: 20%;
    right: 35%;
    width: 120px;
    height: 120px;
    background: rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(10px); /* Glassmorphism effect */
    border-radius: 50%;
    box-shadow: 0 8px 32px rgba(31, 38, 135, 0.07);
    border: 1px solid rgba(255, 255, 255, 0.18);
    z-index: -1;
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95af19b */#slide_2 {
    /* Advanced Pastel Palette */
    --bg-base: #fdfeff;
    --glass-bg: rgba(255, 255, 255, 0.4);
    --pastel-peach: #fff0eb;
    --pastel-mint: #e0fcf2;
    --pastel-blue: #e0e7ff;
    --accent-purple: #9b87f5;

    position: relative;
    background-color: var(--bg-base);
    background-image: 
        linear-gradient(120deg, var(--pastel-blue) 0%, #ffffff 50%, var(--pastel-peach) 100%);
    border-radius: 30px;
    overflow: hidden;
    z-index: 1;
}

/* The Floating Glass Triangle */
#slide_2::before {
    content: "";
    position: absolute;
    top: 15%;
    right: 15%;
    width: 280px;
    height: 280px;
    background: var(--glass-bg);
    backdrop-filter: blur(15px) saturate(150%);
    -webkit-backdrop-filter: blur(15px) saturate(150%);
    /* Geometric Triangle Shape */
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    border: 1px solid rgba(255, 255, 255, 0.3);
    transform: rotate(15deg);
    z-index: -1;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.05);
}

/* The Solid Pastel Circle */
#slide_2::after {
    content: "";
    position: absolute;
    bottom: -10%;
    right: -5%;
    width: 350px;
    height: 350px;
    background: var(--pastel-mint);
    border-radius: 50%;
    z-index: -2;
    filter: blur(2px); /* Keeps it crisp but soft */
}

/* Extra Floating Element: The "Orbit" Ring */
#slide_2 .elementor-widget-container::before {
    content: "";
    position: absolute;
    top: 40%;
    right: 30%;
    width: 150px;
    height: 150px;
    border: 2px solid var(--accent-purple);
    border-radius: 38% 62% 63% 37% / 41% 44% 56% 59%; /* Organic blobby circle */
    opacity: 0.2;
    animation: rotate-slow 20s linear infinite;
    z-index: -1;
}

@keyframes rotate-slow {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a18fb4f */#slide_3 {
    /* Prism Pastel Palette */
    --bg-base: #fcfaff;
    --glass-white: rgba(255, 255, 255, 0.45);
    --soft-yellow: #fff9e6;
    --soft-blue: #e6f0ff;
    --soft-purple: #f3e8ff;
    --accent-line: rgba(155, 135, 245, 0.2);

    position: relative;
    background-color: var(--bg-base);
    /* Multi-layered gradient for a shifting light effect */
    background-image: 
        radial-gradient(at 0% 0%, var(--soft-blue) 0%, transparent 50%),
        radial-gradient(at 100% 100%, var(--soft-yellow) 0%, transparent 50%),
        radial-gradient(at 50% 50%, var(--soft-purple) 0%, transparent 70%);
    
    border-radius: 30px;
    overflow: hidden;
    z-index: 1;
}

/* The Floating Glass Diamond */
#slide_3::before {
    content: "";
    position: absolute;
    top: 10%;
    right: 12%;
    width: 220px;
    height: 220px;
    background: var(--glass-white);
    backdrop-filter: blur(20px) brightness(1.1);
    -webkit-backdrop-filter: blur(20px) brightness(1.1);
    /* Diamond Shape */
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    border: 1px solid rgba(255, 255, 255, 0.4);
    transform: rotate(-10deg);
    z-index: -1;
    animation: float 6s ease-in-out infinite;
}

/* The Large Background "Glow" Circle */
#slide_3::after {
    content: "";
    position: absolute;
    bottom: -20%;
    right: -10%;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(230, 240, 255, 0.8) 0%, transparent 70%);
    border-radius: 50%;
    z-index: -2;
}

/* Decorative Geometric Line */
#slide_3 .elementor-widget-container::after {
    content: "";
    position: absolute;
    top: 45%;
    right: 5%;
    width: 300px;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--accent-line), transparent);
    transform: rotate(-45deg);
    z-index: -1;
}

/* Floating Animation */
@keyframes float {
    0%, 100% { transform: rotate(-10deg) translateY(0px); }
    50% { transform: rotate(-8deg) translateY(-20px); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-df3b603 */#slide_1 {
    /* Color Palette */
    --bg-main: #ffffff;
    --accent-purple: rgba(224, 212, 255, 0.6);
    --accent-blue: rgba(203, 228, 255, 0.7);
    --accent-pink: rgba(255, 230, 240, 0.5);

    position: relative;
    background-color: var(--bg-main);
    
    /* Layering 3 different radial "blobs" for a professional depth */
    background-image: 
        radial-gradient(circle at 100% 100%, var(--accent-purple) 0%, transparent 50%),
        radial-gradient(circle at 85% 10%, var(--accent-blue) 0%, transparent 40%),
        radial-gradient(circle at 100% 50%, var(--accent-pink) 0%, transparent 30%);
    
    border-radius: 24px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.03); /* Subtle card border */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02); /* Very soft shadow */
    z-index: 1;
}

/* The "Large Background Circle" (The big blue 'C' shape vibe) */
#slide_1::before {
    content: "";
    position: absolute;
    top: 50%;
    right: -10%;
    transform: translateY(-50%);
    width: 450px;
    height: 450px;
    background: transparent;
    border: 60px solid rgba(64, 126, 255, 0.04); /* Thick, very faint ring */
    border-radius: 50%;
    z-index: -1;
    pointer-events: none;
}

/* The "Floating Glass Orb" (The small spark icon background) */
#slide_1::after {
    content: "";
    position: absolute;
    top: 20%;
    right: 35%;
    width: 120px;
    height: 120px;
    background: rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(10px); /* Glassmorphism effect */
    border-radius: 50%;
    box-shadow: 0 8px 32px rgba(31, 38, 135, 0.07);
    border: 1px solid rgba(255, 255, 255, 0.18);
    z-index: -1;
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95af19b */#slide_2 {
    /* Advanced Pastel Palette */
    --bg-base: #fdfeff;
    --glass-bg: rgba(255, 255, 255, 0.4);
    --pastel-peach: #fff0eb;
    --pastel-mint: #e0fcf2;
    --pastel-blue: #e0e7ff;
    --accent-purple: #9b87f5;

    position: relative;
    background-color: var(--bg-base);
    background-image: 
        linear-gradient(120deg, var(--pastel-blue) 0%, #ffffff 50%, var(--pastel-peach) 100%);
    border-radius: 30px;
    overflow: hidden;
    z-index: 1;
}

/* The Floating Glass Triangle */
#slide_2::before {
    content: "";
    position: absolute;
    top: 15%;
    right: 15%;
    width: 280px;
    height: 280px;
    background: var(--glass-bg);
    backdrop-filter: blur(15px) saturate(150%);
    -webkit-backdrop-filter: blur(15px) saturate(150%);
    /* Geometric Triangle Shape */
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    border: 1px solid rgba(255, 255, 255, 0.3);
    transform: rotate(15deg);
    z-index: -1;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.05);
}

/* The Solid Pastel Circle */
#slide_2::after {
    content: "";
    position: absolute;
    bottom: -10%;
    right: -5%;
    width: 350px;
    height: 350px;
    background: var(--pastel-mint);
    border-radius: 50%;
    z-index: -2;
    filter: blur(2px); /* Keeps it crisp but soft */
}

/* Extra Floating Element: The "Orbit" Ring */
#slide_2 .elementor-widget-container::before {
    content: "";
    position: absolute;
    top: 40%;
    right: 30%;
    width: 150px;
    height: 150px;
    border: 2px solid var(--accent-purple);
    border-radius: 38% 62% 63% 37% / 41% 44% 56% 59%; /* Organic blobby circle */
    opacity: 0.2;
    animation: rotate-slow 20s linear infinite;
    z-index: -1;
}

@keyframes rotate-slow {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a18fb4f */#slide_3 {
    /* Prism Pastel Palette */
    --bg-base: #fcfaff;
    --glass-white: rgba(255, 255, 255, 0.45);
    --soft-yellow: #fff9e6;
    --soft-blue: #e6f0ff;
    --soft-purple: #f3e8ff;
    --accent-line: rgba(155, 135, 245, 0.2);

    position: relative;
    background-color: var(--bg-base);
    /* Multi-layered gradient for a shifting light effect */
    background-image: 
        radial-gradient(at 0% 0%, var(--soft-blue) 0%, transparent 50%),
        radial-gradient(at 100% 100%, var(--soft-yellow) 0%, transparent 50%),
        radial-gradient(at 50% 50%, var(--soft-purple) 0%, transparent 70%);
    
    border-radius: 30px;
    overflow: hidden;
    z-index: 1;
}

/* The Floating Glass Diamond */
#slide_3::before {
    content: "";
    position: absolute;
    top: 10%;
    right: 12%;
    width: 220px;
    height: 220px;
    background: var(--glass-white);
    backdrop-filter: blur(20px) brightness(1.1);
    -webkit-backdrop-filter: blur(20px) brightness(1.1);
    /* Diamond Shape */
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    border: 1px solid rgba(255, 255, 255, 0.4);
    transform: rotate(-10deg);
    z-index: -1;
    animation: float 6s ease-in-out infinite;
}

/* The Large Background "Glow" Circle */
#slide_3::after {
    content: "";
    position: absolute;
    bottom: -20%;
    right: -10%;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(230, 240, 255, 0.8) 0%, transparent 70%);
    border-radius: 50%;
    z-index: -2;
}

/* Decorative Geometric Line */
#slide_3 .elementor-widget-container::after {
    content: "";
    position: absolute;
    top: 45%;
    right: 5%;
    width: 300px;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--accent-line), transparent);
    transform: rotate(-45deg);
    z-index: -1;
}

/* Floating Animation */
@keyframes float {
    0%, 100% { transform: rotate(-10deg) translateY(0px); }
    50% { transform: rotate(-8deg) translateY(-20px); }
}/* End custom CSS */