.elementor-kit-10{--e-global-color-primary:#24202A;--e-global-color-secondary:#24202A;--e-global-color-text:#1A0D2E;--e-global-color-accent:#7B5EA7;--e-global-color-5f729d3:#1A0D2E;--e-global-color-56c728c:#FFFFFF;--e-global-color-73e318f:#D1C4E9;--e-global-color-eb8f3b9:#FCE4EC;--e-global-color-edb750c:#B8E8D0;--e-global-color-e2ed73b:#CAE4FA;--e-global-color-1403be3:#6A5A7A;--e-global-color-f566ae6:#FCFBFF;--e-global-color-99457d9:#BBAEC5;--e-global-color-88be0f3:#32153A;--e-global-typography-primary-font-family:"Space Grotesk";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Space Grotesk";--e-global-typography-secondary-font-weight:700;--e-global-typography-text-font-family:"DM Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"DM Sans";--e-global-typography-accent-font-weight:600;--e-global-typography-b6cc08f-font-family:"Space Grotesk";--e-global-typography-b6cc08f-font-size:48px;--e-global-typography-b6cc08f-font-weight:700;--e-global-typography-b6cc08f-line-height:56px;--e-global-typography-0a007ba-font-family:"Space Grotesk";--e-global-typography-0a007ba-font-size:43px;--e-global-typography-0a007ba-font-weight:700;--e-global-typography-0a007ba-line-height:50px;font-size:18px;font-weight:400;line-height:28px;}.elementor-kit-10 button,.elementor-kit-10 input[type="button"],.elementor-kit-10 input[type="submit"],.elementor-kit-10 .elementor-button{background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );color:#FFFFFF;border-radius:100px 100px 100px 100px;padding:06px 010px 06px 020px;}.elementor-kit-10 button:hover,.elementor-kit-10 button:focus,.elementor-kit-10 input[type="button"]:hover,.elementor-kit-10 input[type="button"]:focus,.elementor-kit-10 input[type="submit"]:hover,.elementor-kit-10 input[type="submit"]:focus,.elementor-kit-10 .elementor-button:hover,.elementor-kit-10 .elementor-button:focus{background-color:#FFFFFF;color:var( --e-global-color-primary );border-style:solid;border-width:1px 1px 1px 1px;border-color:#6A5A7ABA;}.elementor-kit-10 e-page-transition{background-color:#FFBC7D;}.elementor-kit-10 h1{font-size:63px;font-weight:700;line-height:68px;}.elementor-kit-10 h2{font-size:49px;font-weight:700;line-height:58px;}.elementor-kit-10 h3{font-size:25px;line-height:35px;}.elementor-kit-10 h4{font-size:20px;font-weight:600;line-height:30px;}.elementor-kit-10 h5{font-size:clamp(15px, 1.2vw + 0.4rem, 20px);font-weight:600;}.elementor-kit-10 h6{font-size:clamp(13px, 0.9vw + 0.3rem, 16px);font-weight:500;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1220px;}.e-con{--container-max-width:1220px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-10{--e-global-typography-b6cc08f-font-size:40px;--e-global-typography-b6cc08f-line-height:50px;--e-global-typography-0a007ba-font-size:38px;--e-global-typography-0a007ba-line-height:46px;}.elementor-kit-10 h1{font-size:clamp(40px, 5vw + 1rem, 72px);}.elementor-kit-10 h2{font-size:clamp(30px, 3.5vw + 1rem, 52px);}.elementor-kit-10 h3{font-size:clamp(22px, 2.5vw + 0.5rem, 36px);}.elementor-kit-10 h4{font-size:clamp(18px, 1.8vw + 0.5rem, 26px);}.elementor-kit-10 h5{font-size:clamp(15px, 1.2vw + 0.4rem, 20px);}.elementor-kit-10 h6{font-size:clamp(13px, 0.9vw + 0.3rem, 16px);}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-10{--e-global-typography-b6cc08f-font-size:30px;--e-global-typography-b6cc08f-line-height:40px;--e-global-typography-0a007ba-font-size:30px;--e-global-typography-0a007ba-line-height:38px;}.elementor-kit-10 h1{font-size:35px;line-height:45px;}.elementor-kit-10 h2{font-size:30px;line-height:40px;}.elementor-kit-10 h3{font-size:25px;line-height:35px;}.elementor-kit-10 h4{font-size:20px;line-height:30px;}.elementor-kit-10 h5{font-size:clamp(15px, 1.2vw + 0.4rem, 20px);}.elementor-kit-10 h6{font-size:clamp(13px, 0.9vw + 0.3rem, 16px);}.elementor-kit-10 button:hover,.elementor-kit-10 button:focus,.elementor-kit-10 input[type="button"]:hover,.elementor-kit-10 input[type="button"]:focus,.elementor-kit-10 input[type="submit"]:hover,.elementor-kit-10 input[type="submit"]:focus,.elementor-kit-10 .elementor-button:hover,.elementor-kit-10 .elementor-button:focus{border-width:1px 1px 1px 1px;}.elementor-kit-10 button,.elementor-kit-10 input[type="button"],.elementor-kit-10 input[type="submit"],.elementor-kit-10 .elementor-button{padding:6px 6px 6px 020px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */#card-train {
    position: relative;
    display: flex;
    flex-direction: column;
    padding-bottom: 4vh;

}

#card-train [class*="web3-card-"] {
    position: -webkit-sticky !important;
    position: sticky !important;
    width: 100%;
    overflow: hidden;        
    isolation: isolate;      
    backface-visibility: hidden;
    transform: translateZ(0);
    will-change: transform;
}

/* Desktop View Stacking Offsets */
.web3-card-01 { top: 6vh;  z-index: 1; }
.web3-card-02 { top: 13vh; z-index: 2; }  
.web3-card-03 { top: 24vh; z-index: 3; }  
.web3-card-04 { top: 38vh; z-index: 4; }  

[class*="web3-card-"] img,
[class*="web3-card-"] picture,
[class*="web3-card-"] .elementor-widget-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    pointer-events: none;
}

/* Mobile View Stacking Offsets */
@media (max-width: 768px) {
    /* Keeps the layout container flexible and active on mobile */
    .web3-services-section > div:first-child,
    #card-train {
        position: relative;
        height: auto;
        padding-bottom: 10vh; /* Gives Card 4 a comfortable base buffer on small screens */
    }

    /* Recalibrates the top-down compression thresholds cleanly for mobile viewports */
    .web3-card-01 { top: 4vh !important; }
    .web3-card-02 { top: 9vh !important; }  /* Tight gap */
    .web3-card-03 { top: 16vh !important; } /* Loosening gap */
    .web3-card-04 { top: 25vh !important; } /* Widest gap to secure the lower content */
}







.web3-btn .elementor-button-content-wrapper {
    align-items: center !important;
}

.web3-btn .elementor-button-icon {
    background-color: #FFFFFF !important;
    border-radius: 100% !important;
    padding: 6px !important;
    margin-top: auto !important;
    margin-bottom: auto !important;
}

.web3-btn .elementor-button-icon svg {
    fill: #1A0D2E !important;
    
}

.web3-btn:hover .elementor-button-icon {
    background-color: #1A0D2E !important;
}

.web3-btn:hover .elementor-button-icon svg {
    fill: #FFFFFF !important;
}


/*body, #page {*/
/*    background-color: #FFFFFF !important;*/
/*    background-image: */
/*         1. Upper Left Side: Ultra-faint Touch of Pastel Pink */
/*        radial-gradient(circle at 0% 35%, rgba(255, 192, 203, 0.12) 0%, transparent 20%),*/
        
/*         2. Lower Right Side: Ultra-faint Touch of Pastel Purple */
/*        radial-gradient(circle at 100% 65%, rgba(179, 157, 219, 0.4) 0%, transparent 90%) !important;*/
        
/*    background-attachment: fixed !important;*/
/*    background-size: cover !important;*/
/*}*//* End custom CSS */