.elementor-17 .elementor-element.elementor-element-15b61b8{--display:flex;}.elementor-17 .elementor-element.elementor-element-1940bd3{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-17 .elementor-element.elementor-element-a3d5ea2 .elementor-heading-title{color:var( --e-global-color-text );}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-9f2819e *//* ===========================
   Cricket Scroll Sequence
=========================== */

#cricket-sequence{
    position:relative;
    height:1200vh;   /* was 2200vh */
    background:#041d38;
}

.sticky-wrapper{
    position:sticky;
    top:0;
    width:100%;
    height:100vh;
    overflow:hidden;
}

/* Canvas */

#sequenceCanvas{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    z-index:1;
}

/* Overlay */

.overlay{
    position:absolute;
    inset:0;
    z-index:10;
    display:flex;
    align-items:center;
}

/* Left Text */

.left-content{
    position:relative;
    width:40%;
    margin-left:6%;
    height:420px;
    color:#fff;
}

/* Slides */

.text-slide{
    position:absolute;
    top:50%;
    left:0;
    width:100%;
    transform:translateY(-45%);
    opacity:0;
    visibility:hidden;
    transition:
        opacity .7s ease,
        transform .7s ease;
}

.text-slide.active{
    opacity:1;
    visibility:visible;
    transform:translateY(-50%);
}

/* Tag */

.tag{
    display:inline-block;
    color:#4fd2ff;
    text-transform:uppercase;
    letter-spacing:2px;
    font-size:15px;
    font-weight:600;
    margin-bottom:18px;
}

/* Heading */

.text-slide h1{

    font-size:clamp(46px,5vw,76px);

    line-height:.95;

    margin:0 0 24px;

    font-weight:700;

}

/* Paragraph */

.text-slide p{

    font-size:clamp(17px,1.3vw,22px);

    line-height:1.8;

    max-width:520px;

    opacity:.9;

}

/* Button */

.hero-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:18px 42px;

    margin-top:35px;

    border-radius:100px;

    background:#18c45d;

    color:#fff;

    text-decoration:none;

    font-weight:600;

    transition:.3s;

}

.hero-btn:hover{

    transform:translateY(-4px);

    box-shadow:0 12px 30px rgba(0,0,0,.25);

}

/* Loader */

.loading{

    position:fixed;

    inset:0;

    display:flex;

    justify-content:center;

    align-items:center;

    background:#041d38;

    color:#fff;

    font-size:30px;

    font-weight:700;

    z-index:99999;

}

.loading.hide{

    opacity:0;

    visibility:hidden;

    transition:.5s;

}

/* Mobile */

@media(max-width:991px){

    #cricket-sequence{
        height:900vh;
    }

    .overlay{
        align-items:flex-end;
        padding-bottom:70px;
    }

    .left-content{
        width:90%;
        margin:auto;
        height:320px;
    }

    .text-slide{
        text-align:center;
    }

    .text-slide h1{
        font-size:42px;
    }

    .text-slide p{
        font-size:17px;
    }

    .hero-btn{
        width:100%;
    }

}/* End custom CSS */