.elementor-239 .elementor-element.elementor-element-3eb50f1{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:250px;--padding-bottom:400px;--padding-left:15px;--padding-right:15px;}.elementor-239 .elementor-element.elementor-element-3eb50f1:not(.elementor-motion-effects-element-type-background), .elementor-239 .elementor-element.elementor-element-3eb50f1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #212529 10%, #495057 86%);}.elementor-239 .elementor-element.elementor-element-3eb50f1 > .elementor-shape-bottom .elementor-shape-fill, .elementor-239 .elementor-element.elementor-element-3eb50f1 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#6C757D;}.elementor-239 .elementor-element.elementor-element-3eb50f1 > .elementor-shape-bottom svg, .elementor-239 .elementor-element.elementor-element-3eb50f1 > .e-con-inner > .elementor-shape-bottom svg{width:calc(115% + 1.3px);height:220px;}.elementor-239 .elementor-element.elementor-element-ecf1c09{--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:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-239 .elementor-element.elementor-element-f8e032d .title{color:#F8F8F8;font-size:54px;}.elementor-239 .elementor-element.elementor-element-f8e032d .title-after_title{font-size:22px;}.elementor-239 .elementor-element.elementor-element-90989c5{--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:150px;--padding-bottom:150px;--padding-left:0px;--padding-right:0px;}.elementor-239 .elementor-element.elementor-element-90989c5:not(.elementor-motion-effects-element-type-background), .elementor-239 .elementor-element.elementor-element-90989c5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#6C757D;}@media(min-width:769px){.elementor-239 .elementor-element.elementor-element-ecf1c09{--width:85%;}}/* Start custom CSS for container, class: .elementor-element-90989c5 */.custom-card {
    position: relative;
    overflow: hidden;
    background-image: radial-gradient(circle, rgba(255, 255, 255, 0.2) 1px, transparent 1px);
    background-size: 20px 20px; /* Adjust dot size and spacing */
}

.custom-card::before {
    content: "";
    position: absolute;
    inset: 0;
    
    background-size: 100% 200%;
    background-position: bottom;
    opacity: 0;
    transition: opacity 0.5s ease-in-out, background-position 0.6s ease-in-out;
    z-index: 1;
}

.custom-card:hover::before {
    opacity: 1;
    background-position: top;
}


h3.custom-heading {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    opacity: 0;
    transition: opacity 0.2s linear;
    
color: white;
    font-family: 'Aldrich', sans-serif;
    font-size: 18px;
    font-weight: 400;
    position: relative;
}

/* Show heading only on hover */
.custom-card:hover h3.custom-heading {
    opacity: 1;
}

/* Initial state for words */
h3.custom-heading span {
    opacity: 0;
    transform: translateY(-15px) scale(1.2); /* Starts higher & slightly bigger */
    filter: blur(8px);
    transition: 
        opacity 0.2s ease-in-out,
        transform 0.4s cubic-bezier(0.22, 1.5, 0.36, 1), /* Faster bounce */
        filter 0.2s ease-in-out;
}

/* Sequential Bounce-In Effect */
.custom-card:hover h3.custom-heading span {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
}

/* Stagger Timing - Quicker but Sequential */
h3.custom-heading span:nth-child(1) { transition-delay: 0.05s; }
h3.custom-heading span:nth-child(2) { transition-delay: 0.2s; }
h3.custom-heading span:nth-child(3) { transition-delay: 0.35s; }
h3.custom-heading span:nth-child(4) { transition-delay: 0.5s; }
h3.custom-heading span:nth-child(5) { transition-delay: 0.65s; }
h3.custom-heading span:nth-child(6) { transition-delay: 0.8s; }
h3.custom-heading span:nth-child(7) { transition-delay: 0.95s; }
h3.custom-heading span:nth-child(8) { transition-delay: 1.1s; }
h3.custom-heading span:nth-child(9) { transition-delay: 1.25s; }
h3.custom-heading span:nth-child(10) { transition-delay: 1.4s; }

/* Instantly Disappear on Hover Out */
.custom-card:not(:hover) h3.custom-heading span {
    opacity: 0;
    transform: translateY(-15px) scale(1.2);
    filter: blur(8px);
    transition: none;
}/* End custom CSS */