.elementor-406 .elementor-element.elementor-element-986470c{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-406 .elementor-element.elementor-element-91301e1{margin:5px 50px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 25px 0px 0px;text-align:center;}.elementor-406 .elementor-element.elementor-element-91301e1 img{width:66%;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-406 .elementor-element.elementor-element-e8f525d{margin:3px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-nav-menu-horizontal-menu-item-margin:calc( 7px / 2 );}.elementor-406 .elementor-element.elementor-element-e8f525d .elementor-menu-toggle{margin:0 auto;}.elementor-406 .elementor-element.elementor-element-e8f525d .elementor-nav-menu--main .elementor-item:hover,
					.elementor-406 .elementor-element.elementor-element-e8f525d .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-406 .elementor-element.elementor-element-e8f525d .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-406 .elementor-element.elementor-element-e8f525d .elementor-nav-menu--main .elementor-item:focus{color:#000000;fill:#000000;}.elementor-406 .elementor-element.elementor-element-e8f525d .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-406 .elementor-element.elementor-element-e8f525d .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#000000;}.elementor-406 .elementor-element.elementor-element-e8f525d .e--pointer-framed .elementor-item:before,
					.elementor-406 .elementor-element.elementor-element-e8f525d .e--pointer-framed .elementor-item:after{border-color:#000000;}.elementor-406 .elementor-element.elementor-element-e8f525d .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-406 .elementor-element.elementor-element-e8f525d .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-406 .elementor-element.elementor-element-e8f525d .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-406 .elementor-element.elementor-element-e8f525d .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-406 .elementor-element.elementor-element-e8f525d .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-406 .elementor-element.elementor-element-e8f525d .e--pointer-underline .elementor-item:after,
					 .elementor-406 .elementor-element.elementor-element-e8f525d .e--pointer-overline .elementor-item:before,
					 .elementor-406 .elementor-element.elementor-element-e8f525d .e--pointer-double-line .elementor-item:before,
					 .elementor-406 .elementor-element.elementor-element-e8f525d .e--pointer-double-line .elementor-item:after{height:0px;}.elementor-406 .elementor-element.elementor-element-e8f525d .elementor-nav-menu--main .elementor-item{padding-left:30px;padding-right:30px;padding-top:19px;padding-bottom:19px;}.elementor-406 .elementor-element.elementor-element-e8f525d .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:7px;}.elementor-406 .elementor-element.elementor-element-64c0e63{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--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-406 .elementor-element.elementor-element-64c0e63:not(.elementor-motion-effects-element-type-background), .elementor-406 .elementor-element.elementor-element-64c0e63 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-406 .elementor-element.elementor-element-64c0e63.e-con{--align-self:center;}.elementor-406 .elementor-element.elementor-element-faefebd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:end;}.elementor-406 .elementor-element.elementor-element-faefebd img{width:60%;}.elementor-406 .elementor-element.elementor-element-7826a3b{margin:3px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-406 .elementor-element.elementor-element-7826a3b .elementor-menu-toggle{margin:0 auto;}.elementor-406 .elementor-element.elementor-element-7826a3b .elementor-nav-menu--main .elementor-item:hover,
					.elementor-406 .elementor-element.elementor-element-7826a3b .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-406 .elementor-element.elementor-element-7826a3b .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-406 .elementor-element.elementor-element-7826a3b .elementor-nav-menu--main .elementor-item:focus{color:#000000;fill:#000000;}.elementor-406 .elementor-element.elementor-element-7826a3b .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-406 .elementor-element.elementor-element-7826a3b .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#000000;}.elementor-406 .elementor-element.elementor-element-7826a3b .e--pointer-framed .elementor-item:before,
					.elementor-406 .elementor-element.elementor-element-7826a3b .e--pointer-framed .elementor-item:after{border-color:#000000;}.elementor-406 .elementor-element.elementor-element-7826a3b .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-406 .elementor-element.elementor-element-7826a3b .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-406 .elementor-element.elementor-element-7826a3b .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-406 .elementor-element.elementor-element-7826a3b .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-406 .elementor-element.elementor-element-7826a3b .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-406 .elementor-element.elementor-element-7826a3b .e--pointer-underline .elementor-item:after,
					 .elementor-406 .elementor-element.elementor-element-7826a3b .e--pointer-overline .elementor-item:before,
					 .elementor-406 .elementor-element.elementor-element-7826a3b .e--pointer-double-line .elementor-item:before,
					 .elementor-406 .elementor-element.elementor-element-7826a3b .e--pointer-double-line .elementor-item:after{height:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-406 .elementor-element.elementor-element-f737c34 .elementor-button{background-color:#155DFC;fill:#FFFFFF;color:#FFFFFF;border-radius:8px 8px 8px 8px;}.elementor-406 .elementor-element.elementor-element-f737c34{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-406 .elementor-element.elementor-element-1b2a0fb{margin:-10px 5px calc(var(--kit-widget-spacing, 0px) + -7px) 5px;padding:0px 21px 0px 0px;text-align:center;}.elementor-406 .elementor-element.elementor-element-1b2a0fb.elementor-element{--align-self:center;}.elementor-406 .elementor-element.elementor-element-1b2a0fb img{width:75%;}.elementor-406 .elementor-element.elementor-element-33bf3a0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-nav-menu-horizontal-menu-item-margin:calc( 7px / 2 );}.elementor-406 .elementor-element.elementor-element-33bf3a0.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-406 .elementor-element.elementor-element-33bf3a0 .elementor-menu-toggle{margin:0 auto;}.elementor-406 .elementor-element.elementor-element-33bf3a0 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-406 .elementor-element.elementor-element-33bf3a0 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-406 .elementor-element.elementor-element-33bf3a0 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-406 .elementor-element.elementor-element-33bf3a0 .elementor-nav-menu--main .elementor-item:focus{color:#000000;fill:#000000;}.elementor-406 .elementor-element.elementor-element-33bf3a0 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-406 .elementor-element.elementor-element-33bf3a0 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#000000;}.elementor-406 .elementor-element.elementor-element-33bf3a0 .e--pointer-framed .elementor-item:before,
					.elementor-406 .elementor-element.elementor-element-33bf3a0 .e--pointer-framed .elementor-item:after{border-color:#000000;}.elementor-406 .elementor-element.elementor-element-33bf3a0 .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-406 .elementor-element.elementor-element-33bf3a0 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-406 .elementor-element.elementor-element-33bf3a0 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-406 .elementor-element.elementor-element-33bf3a0 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-406 .elementor-element.elementor-element-33bf3a0 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-406 .elementor-element.elementor-element-33bf3a0 .e--pointer-underline .elementor-item:after,
					 .elementor-406 .elementor-element.elementor-element-33bf3a0 .e--pointer-overline .elementor-item:before,
					 .elementor-406 .elementor-element.elementor-element-33bf3a0 .e--pointer-double-line .elementor-item:before,
					 .elementor-406 .elementor-element.elementor-element-33bf3a0 .e--pointer-double-line .elementor-item:after{height:0px;}.elementor-406 .elementor-element.elementor-element-33bf3a0 .elementor-nav-menu--main .elementor-item{padding-top:19px;padding-bottom:19px;}.elementor-406 .elementor-element.elementor-element-33bf3a0 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:7px;}.elementor-406 .elementor-element.elementor-element-2f07c61{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-406 .elementor-element.elementor-element-35e807c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-406 .elementor-element.elementor-element-1a592b3{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-406 .elementor-element.elementor-element-340a485{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-406 .elementor-element.elementor-element-f4b4cf4{--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-406 .elementor-element.elementor-element-be71f70{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-406 .elementor-element.elementor-element-719bd17{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-406 .elementor-element.elementor-element-9dad288{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-406 .elementor-element.elementor-element-9dad288:not(.elementor-motion-effects-element-type-background), .elementor-406 .elementor-element.elementor-element-9dad288 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-406 .elementor-element.elementor-element-91301e1{margin:4px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-406 .elementor-element.elementor-element-91301e1 img{width:79%;}.elementor-406 .elementor-element.elementor-element-faefebd{margin:4px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-406 .elementor-element.elementor-element-faefebd img{width:100%;}}@media(max-width:767px){.elementor-406 .elementor-element.elementor-element-91301e1{width:100%;max-width:100%;margin:2px 2px calc(var(--kit-widget-spacing, 0px) + 2px) 2px;}.elementor-406 .elementor-element.elementor-element-91301e1.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:1;}.elementor-406 .elementor-element.elementor-element-91301e1 img{width:100%;max-width:100%;}.elementor-406 .elementor-element.elementor-element-e8f525d{margin:3px 3px calc(var(--kit-widget-spacing, 0px) + 3px) 3px;padding:0px 0px 0px 0px;}.elementor-406 .elementor-element.elementor-element-e8f525d .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-406 .elementor-element.elementor-element-e8f525d .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-406 .elementor-element.elementor-element-e8f525d .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-406 .elementor-element.elementor-element-e8f525d .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-406 .elementor-element.elementor-element-e8f525d .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-406 .elementor-element.elementor-element-e8f525d .e--pointer-underline .elementor-item:after,
					 .elementor-406 .elementor-element.elementor-element-e8f525d .e--pointer-overline .elementor-item:before,
					 .elementor-406 .elementor-element.elementor-element-e8f525d .e--pointer-double-line .elementor-item:before,
					 .elementor-406 .elementor-element.elementor-element-e8f525d .e--pointer-double-line .elementor-item:after{height:0px;}.elementor-406 .elementor-element.elementor-element-faefebd{width:100%;max-width:100%;margin:2px 2px calc(var(--kit-widget-spacing, 0px) + 2px) 2px;}.elementor-406 .elementor-element.elementor-element-faefebd.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:1;}.elementor-406 .elementor-element.elementor-element-faefebd img{width:100%;max-width:100%;}.elementor-406 .elementor-element.elementor-element-7826a3b{margin:3px 3px calc(var(--kit-widget-spacing, 0px) + 3px) 3px;padding:0px 0px 0px 0px;}.elementor-406 .elementor-element.elementor-element-7826a3b .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-406 .elementor-element.elementor-element-7826a3b .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-406 .elementor-element.elementor-element-7826a3b .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-406 .elementor-element.elementor-element-7826a3b .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-406 .elementor-element.elementor-element-7826a3b .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-406 .elementor-element.elementor-element-7826a3b .e--pointer-underline .elementor-item:after,
					 .elementor-406 .elementor-element.elementor-element-7826a3b .e--pointer-overline .elementor-item:before,
					 .elementor-406 .elementor-element.elementor-element-7826a3b .e--pointer-double-line .elementor-item:before,
					 .elementor-406 .elementor-element.elementor-element-7826a3b .e--pointer-double-line .elementor-item:after{height:0px;}.elementor-406 .elementor-element.elementor-element-1b2a0fb{width:100%;max-width:100%;margin:2px 2px calc(var(--kit-widget-spacing, 0px) + 2px) 2px;padding:0px 25px 0px 0px;}.elementor-406 .elementor-element.elementor-element-1b2a0fb.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:1;}.elementor-406 .elementor-element.elementor-element-1b2a0fb img{width:100%;max-width:100%;}.elementor-406 .elementor-element.elementor-element-33bf3a0{margin:3px 3px calc(var(--kit-widget-spacing, 0px) + 3px) 3px;}.elementor-406 .elementor-element.elementor-element-33bf3a0 .elementor-nav-menu--main .elementor-item{padding-left:30px;padding-right:30px;}}/* Start custom CSS for container, class: .elementor-element-986470c */body.page-id-406 header,
body.page-id-406 #site-header,
body.page-id-406 .elementor-location-header {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64c0e63 */body.page-id-406 header,
body.page-id-406 #site-header,
body.page-id-406 .elementor-location-header {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cd07939 */@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: 'Inter', sans-serif;
    background-color: #0D1015; /* Fallback */
}

.relay-section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 72px 112px;
    width: 100%;
    min-height: 700px;
    background:

    radial-gradient(
    
    circle at 50% 50%,
    
    rgba(0,211,243,.10),
    
    transparent 45%
    
    ),
    
    linear-gradient(
    
    180deg,
    
    #090B1A 0%,
    
    #0E1730 100%
    
    );
    
    position:relative;

    overflow:hidden;
}
.relay-section::before{

    content:"";

    position:absolute;

    width:600px;

    height:600px;

    left:20%;

    top:10%;

    background:

    radial-gradient(

        circle,

        rgba(0,211,243,.12),

        transparent 70%

    );

    filter:blur(90px);

    animation:moveGlow 8s ease-in-out infinite alternate;

    z-index:0;

}

@keyframes moveGlow{

    from{

        transform:

        translateX(-40px)

        translateY(-20px);

    }

    to{

        transform:

        translateX(40px)

        translateY(20px);

    }

}

.relay-container {
    width: 100%;
    max-width: 1350px; /* Bumped up from 1216px to fit the new gaps */
    animation:

    fadeUp 1s ease;
}
@keyframes fadeUp{

    from{

        opacity:0;

        transform:

        translateY(40px);

    }

    to{

        opacity:1;

        transform:

        translateY(0);

    }

}
/* Header Styles */
.relay-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 56px;
    width: 100%;
}

.relay-title {
    width: 696px;
}

.eyebrow {
    display: block;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 2.4px;
    color: #3B82F6;
    margin-bottom: 12px;
}

.relay-title h2 {
    margin: 0;
    font-weight: 500;
    font-size: 50px;
    line-height: 46px;
    letter-spacing: -0.47px;
    color: #FFFFFF;
}

.relay-title h2 span {
    color: #00D3F3; /* Spec color for the cyan text */
}

.relay-copy {
    width: 488px; /* Shrinking this so it actually fits inside the 1216px parent! */
    margin-top: 48px; /* Keeps your vertical alignment */
    /* DO NOT add a margin-left here. The parent's flexbox will handle it. */
}

.relay-copy p {
    margin: 0;
    font-weight: 400; /* You had this at 200, which is too thin */
    font-size: 16px;  /* THIS is why it was wrapping to 4 lines */
    line-height: 24px;
    letter-spacing: -0.23px;
    color: #FFFFFF;
    opacity: 0.85; /* Optional, but helps it match the slightly muted look in the design */
}

/* Content Box Wrapper (From your missing container spec) */
.content-box {
    display: flex;
    flex-direction: column;
    padding: 40px;
    gap: 40px;
    background: transparent;
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05), 0px 30px 80px -30px rgba(20, 15, 40, 0.2);
    border-radius: 24px;
}

/* Steps Row */
.steps-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center; /* Keeps them centered in the new wider box */
    gap: 32px; /* Increased from 16px. You can adjust this number up or down to your liking */
    width: 100%;
}

.step-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    width:195px;
}

.step-label {
    font-weight: 400;
    font-size:11px;

    letter-spacing:2.5px;
    line-height: 15px;
    color: #A1A1A1;
    margin-bottom: 12px;
    text-align: center;
}

/* Base Card Styles */
.step-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height:118px;

    padding:20px;
    width: 100%;
    border-radius: 16px;
    position: relative;
    /* REDUCED: Remove the base blue border */
    border:1px solid #273C5E;
    box-shadow:

    inset 0 1px 0 rgba(255,255,255,.02),

    0 0 20px rgba(39,60,94,.08);
    
    transition:

    transform .3s ease,

    box-shadow .3s ease,

    border-color .3s ease;
}
.step-card:hover{

    transform:

    translateY(-6px);

    border-color:#3B82F6;

    box-shadow:

    0 0 30px rgba(59,130,246,.15),

    inset 0 1px 0 rgba(255,255,255,.03);

}

@keyframes pulseGlow{

    0%{

        text-shadow:

        0 0 5px rgba(0,211,243,.1);

    }

    50%{

        text-shadow:

        0 0 15px rgba(0,211,243,.45);

    }

    100%{

        text-shadow:

        0 0 5px rgba(0,211,243,.1);

    }

}

.step-card h4 {
    margin: 0 0 2px 0;
    font-size:15px;

    line-height:22px;

    font-weight:500;
    letter-spacing: -0.4px;
    color: #FFFFFF;
}

.step-card p {
    margin: 0 0 12px 0;
    font-weight: 400;
    font-size:12px;

    line-height:18px;

    margin-top:4px;
    letter-spacing: 0.11px;
    color: #737373;
}

/* Specific Card Variations based on Figma */
.default-card {
    background:#0B0D12;
    /* REMOVED: box-shadow: 0px 0px 0px 1px #E5E5E5; */
}

.yellow-card {
    background:

    linear-gradient(

        180deg,

        rgba(255,255,255,.03),

        rgba(255,255,255,.01)

    ),

    #0B0D12;
}

.pink-card{

    background:

    linear-gradient(

        180deg,

        rgba(38,69,130,.30),

        rgba(18,29,55,.55)

    );

    border:1px solid #36588A;

}

/* 4. Remove dark boundary from Step 6 */
.dark-card{

    background:

    linear-gradient(

        180deg,

        rgba(38,69,130,.22),

        rgba(15,22,40,.50)

    );

    border:1px solid #36588A;

}

/* Badges */
.badge {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding:4px 12px;

    font-size:12px;

    line-height:18px;

    border-radius:999px;
    gap: 4px;
    ;
    font-weight: 400;
    letter-spacing: 0.11px;
    transition:

    box-shadow .3s ease,

    transform .3s ease;
}
.badge:hover{

    transform:scale(1.05);

    box-shadow:

    0 0 15px rgba(0,211,243,.2);

}

.default-badge {
    background: #0D0D0D;
    color: #737373;
    /* REMOVED: box-shadow: 0px 0px 0px 1px #E5E5E5; */
}

.orange-badge{

    background:#090909;

    color:#FF8A00;

    

}

.blue-badge{

    background:#090909;

    color:#60A5FA;


}

.blue-badge .dot {
    width:7px;

    height:7px;

    border-radius:50%;

    background:#5392F7;
}

.gray-badge{

    background:rgba(255,255,255,.08);

    color:#B8C0CC;

    border:none;

}

/* Elapsed Section */
.elapsed {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 12px;
}

.elapsed small {
    font-weight: 400;
    font-size: 9px;
    line-height: 14px;
    letter-spacing: 0.16px;
    color: #FFFFFF;
}

.elapsed strong {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.71px;
    color: #00D3F3; /* Cyan */
}

.elapsed strong.text-blue {
    color: #5392F7; /* Step 6 uses standard blue */
}

/* Footer Box */
.relay-footer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-top: 24px;
    border-top: 0.63px solid #171717;
    width: 100%;
}

.footer-left {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

.warning-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    background: #141414;
    border: 1px solid #00D3F3;
    box-shadow: 0px 0px 0px 1px #FFCCD3;
    border-radius: 500px;
    font-weight: 600;
    font-size: 14px;
    color: #00D3F3;
}

.footer-left p {
    margin: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.07px;
    color: #FFFFFF;
}

.footer-left p span {
    font-weight: 600;
    color: #00D3F3;
}

.footer-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.footer-right small {
    font-weight: 400;
    font-size: 10px;
    line-height: 15px;
    text-align: right;
    letter-spacing: 2.11px;
    color: #A1A1A1;
}

.footer-right strong {
    font-weight: 500;
    font-size: 30px;
    line-height: 30px;
    text-align: right;
    letter-spacing: -0.35px;
    color: #5392F7;
    margin-top: 4px;
}














/* ========================================== */
/* AUTOMATION COE - MASTER RESPONSIVE GRID    */
/* ========================================== */

/* 1. Force background sections to be 100% full-width */
#coe-aria-root, #coe-aura-root, .coe-lifecycle, .coe-agents, .coe-problem, #coe-eco-root, .aria-hero, #coe-relay-root, .relay-section {
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* 2. FORCE inner containers to align precisely to the 1216px maximum bounds */
#coe-aria-root .aria-container, 
#coe-aura-root .au-wrap,
.coe-lifecycle .cl-inner,
.coe-agents .ca-inner,
.coe-problem .cp-inner,
#coe-eco-root .eco-wrap,
.aria-container,
#coe-relay-root .relay-wrapper,
.relay-container {
    width: 90% !important;            
    max-width: 1216px !important; 
    margin: 0 auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* 3. Strip internal component paddings causing alignment drift */
.coe-lifecycle .cl-card,
.coe-problem .cp-card,
.content-box {
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-shadow: none !important;
}

/* 4. Contain images, dashboard blocks, headers, and timelines perfectly to grid boundaries */
#coe-aria-root .ar-shot,
#coe-aura-root .au-shot,
.coe-lifecycle .cl-bar,
.coe-lifecycle .cl-steps,
.coe-agents .ca-grid,
.coe-problem .cp-header,
.coe-problem .cp-stages,
.coe-problem .cp-solutions,
#coe-eco-root .eco-shot,
#coe-aria-root .aria-content,
.aria-content,
#coe-relay-root .relay-header,
#coe-relay-root .steps-grid,
#coe-relay-root .relay-footer,
.relay-header,
.steps-row,
.relay-footer {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
}

/* 5. STOP FLEX STRETCH DRIFT ON WIDER LAPTOPS */
#coe-aura-root .au-main-content {
    display: block !important;
    width: 100% !important;
}
#coe-aura-root .au-title {
    float: left;
    max-width: 650px;
}
#coe-aura-root .au-stats {
    float: right;
    margin-top: 12px;
}
#coe-aura-root .au-main-content::after {
    content: "";
    display: table;
    clear: both;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6915898 *//* --- FIX FOR IMAGE GAP & SIZING --- */

/* 1. Force the image wrapper and the image to span the full width */
#coe-proc-root .aria-image-wrapper {
    width: 100%;
    display: block;
}

#coe-proc-root .aria-bottom-image {
    width: 100%;
    height: auto; /* Scales proportionally */
    display: block;
}

/* 2. Remove the forced tall height so the card hugs the image tightly */
@media (max-width: 1024px) {
    #coe-proc-root .proc-card {
        min-height: auto !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0b90ee9 */@media (max-width: 1200px) {
    /* 1. Hide the desktop timeline line */
    .aria-timeline-line {
        display: none !important;
    }

    /* 2. Make the container a perfect 2-column grid and ALIGN TO TOP */
    .aria-cards-container {
        display: grid !important;
        /* The minmax(0, 1fr) forces the columns to stay exactly 50% and not overlap */
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important; 
        gap: 40px 16px !important;
        width: 100% !important;
        justify-items: center !important;
        align-items: start !important; 
    }

    /* 3. Let cards shrink dynamically and anchor content to the top */
    .aria-card-step {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        height: 100% !important;
        align-items: center !important;
        justify-content: flex-start !important; /* Ensures the number badges stay at the very top */
    }

    /* 4. Center align everything inside the cards */
    .step-number-wrapper {
        justify-content: center !important;
        width: 100% !important;
    }

    .miniframe-margin,
    .card-info-container,
    .card-desc-margin {
        align-items: center !important;
        text-align: center !important;
        padding-left: 0 !important;
        margin-left: 0 !important;
    }
    
    /* 5. FIX OVERFLOW: Force inner fixed elements to shrink and scale fluidly */
    .miniframe,
    .upload-dashed-box,
    .progress-bar-container,
    .aria-question-box,
    .doc-writing-box {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        min-width: 0 !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5ef6827 *//* --- REPLACE FROM HERE TO THE BOTTOM OF YOUR STYLE TAG --- */
@media screen and (max-width: 1200px) {
  .aria-workflow-section { 
    padding: 80px 0; 
  }
  
  .aria-heading { 
    font-size: 32px; 
    line-height: 38px; 
  }
  
  /* 1. Turn the container into a clean, balanced 2-column grid */
  .aria-timeline-box { 
    height: auto !important; 
    display: grid !important; 
    grid-template-columns: repeat(2, 1fr) !important; /* Exactly 2 columns */
    gap: 44px 16px !important; /* 44px vertical row gap, 16px horizontal column gap */
    justify-items: center !important;
    width: 100% !important;
    margin: 0 auto !important;
  }
  
  /* Forcefully remove the zigzag line to prevent layout breaks */
  .aria-zigzag-line { 
    display: none !important; 
  }

  /* Unwraps the rows so all nodes become direct children of the grid */
  .aria-row { 
    display: contents !important; 
  }
  
  /* 2. Grid ordering rules: flows cleanly Left-to-Right, Top-to-Bottom */
  .step-1 { order: 1; }
  .step-2 { order: 2; }
  .step-3 { order: 3; }
  .step-4 { order: 4; }
  .step-5 { order: 5; }
  .step-6 { order: 6; }
  .step-7 { order: 7; }
  .step-8 { order: 8; }

  /* 3. Force all nodes to be uniform, centered, and identically wide */
  .aria-node { 
    position: relative !important; 
    left: auto !important; 
    transform: none !important; 
    width: 100% !important; 
    max-width: 150px !important; /* Standardizes column box footprint */
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 12px !important; 
  }
  
  .aria-badge { 
    bottom: -6px !important; 
    left: auto !important; 
    top: auto !important; 
    box-shadow: 0px 0px 0px 2px #0D1015 !important; 
  }
  
  .aria-node-title { 
    text-align: center !important; 
    font-size: 14px !important; 
    line-height: 18px !important;
    width: 100% !important;
  }
}

/* Extra alignment safeguards for narrow screens */
@media screen and (max-width: 480px) {
  .aria-timeline-box { 
    gap: 36px 12px !important; /* Makes layout more compact on small devices */
  }
  .aria-heading {
    font-size: 26px !important;
    line-height: 32px !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5e28c9d *//* ========================================== */
/* CUSTOM INTEGRATION PANEL WIDTH ADJUSTMENT  */
/* ========================================== */
#coe-int-root .int-dashboard {
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important; /* Forces exact balanced alignment match */
  align-items: stretch !important;
  width: 100% !important;
}

#coe-int-root .int-left {
  width: 100% !important;
  max-width: 100% !important;
  grid-column: 1 / 2 !important;
}

#coe-int-root .int-right {
  width: 100% !important;
  max-width: 100% !important;
  grid-column: 3 / 4 !important;
  border-left: 1px solid rgba(255, 255, 255, 0.08) !important; /* Optional crisp divider logic */
}

/* Fallback patch handling for tablet responsive breakpoints */
@media(max-width: 1024px) {
  #coe-int-root .int-dashboard { 
    display: flex !important; 
    flex-direction: column !important; 
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b308e5b *//* ========================================== */
/* AUTOMATION COE - MASTER RESPONSIVE GRID    */
/* ========================================== */

/* 1. Force background sections to be 100% full-width */
#coe-aria-root, #coe-aura-root, .coe-lifecycle, .coe-agents, .coe-problem, #coe-eco-root, .aria-hero, #coe-relay-root, .relay-section, .intelligence-engine, .aria-workflow-canvas, #coe-sec-root {
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* 2. FORCE inner containers to align precisely to the 1216px maximum bounds */
#coe-aria-root .aria-container, 
#coe-aura-root .au-wrap,
.coe-lifecycle .cl-inner,
.coe-agents .ca-inner,
.coe-problem .cp-inner,
#coe-eco-root .eco-wrap,
.aria-container,
#coe-relay-root .relay-wrapper,
.relay-container,
.intelligence-engine .engine-header,
.workflow-grid-inner,
#coe-sec-root .sec-wrapper {
    width: 90% !important;            
    max-width: 1216px !important; 
    margin: 0 auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* 3. Strip internal component paddings causing alignment drift */
.coe-lifecycle .cl-card,
.coe-problem .cp-card,
.content-box {
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-shadow: none !important;
}

/* 4. Contain images, dashboard blocks, headers, and timelines perfectly to grid boundaries */
#coe-aria-root .ar-shot,
#coe-aura-root .au-shot,
.coe-lifecycle .cl-bar,
.coe-lifecycle .cl-steps,
.coe-agents .ca-grid,
.coe-problem .cp-header,
.coe-problem .cp-stages,
.coe-problem .cp-solutions,
#coe-eco-root .eco-shot,
#coe-aria-root .aria-content,
.aria-content,
#coe-relay-root .relay-header,
#coe-relay-root .steps-grid,
#coe-relay-root .relay-footer,
.relay-header,
.steps-row,
.relay-footer,
.aria-timeline-box,
.workflow-timeline-container,
#coe-sec-root .sec-header,
#coe-sec-root .sec-panel,
#coe-sec-root .comp-bar {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
}

/* 5. STOP FLEX STRETCH DRIFT ON WIDER LAPTOPS */
#coe-aura-root .au-main-content {
    display: block !important;
    width: 100% !important;
}
#coe-aura-root .au-title {
    float: left;
    max-width: 650px;
}
#coe-aura-root .au-stats {
    float: right;
    margin-top: 12px;
}
#coe-aura-root .au-main-content::after {
    content: "";
    display: table;
    clear: both;
}/* End custom CSS */
/* Start custom CSS */header,
#site-header,
.elementor-location-header {
    display: none !important;
}/* End custom CSS */