.cloud .banner {
    display: flex;
    width: 100%;
    max-width: 1600px;
    height: calc(100vh);
    justify-content: center;
    align-items: flex-start;
    position: relative;
    padding: 80px 0 0;
    overflow: hidden;
    /* position: sticky; */
    position: fixed;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
}

.cloud .banner .scrollFx {
    display: flex;
    width: 100%;
    height: 100vh;
    position: relative;
}

.cloud .banner .scrollFx .fullstride {
    position: absolute;
    top: 45%;
    left: 20%;
}

.cloud .banner .scrollFx .clouds {
    position: relative;
    height: 100vh;
    /* overflow: hidden; */
    /* pointer-events: none; */
}

.cloud .banner .scrollFx .clouds>img {
    transition: transform 1.5s cubic-bezier(0, 0, .25, 1);
    transform: translate(0, -5%);
    width: 100%;
}

.cloud .banner .scrollFx .clouds .scrolldown {
    position: absolute;
    top: 87%;
    left: 50%;
    transform: translate(-50%, 0);
    width: 38px;
    height: 38px;
    display: none;
}

.cloud .banner .scrollFx .fullstride {
    transition: transform 1.3s cubic-bezier(0, 0, .25, 1);
    width: 390px;
}

.cloud .banner .scrollFx .fullstride img {
    width: 100%;
}

.cloud .banner .scrollFx .stadium {
    position: absolute;
    top: calc(106vh - 61px);
    left: 0;
    transition: transform 1.5s cubic-bezier(0, 0, .25, 1);
    width: 106%;
    margin: 0 -3%;
    /* pointer-events: none; */
}

.cloud .banner .scrollFx .stadium img {
    width: 100%;
}

.cloud .scrollFx.noscroll .bannerContent {
    pointer-events: none;
}

.cloud .scrollFx .bannerContent {
    position: absolute;
    top: 55vh;
    left: 0;
    width: 100%;
    /* transition: top 1.5s 0.2s cubic-bezier(0, 0, .25, 1); */
    transition-delay: 0s;
    transition-duration: 1.0s;
    transition-property: top;
    transition-timing-function: cubic-bezier(0, 0, .25, 1);
    /* pointer-events: none; */
    height: calc(100% - 61px)
}

.cloud .scrollFx .bannerContent .d {
    height: 100%;
}

.cloud .scrollFx .bannerContent .ground {
    position: absolute;
    bottom: -84.4375px;
    z-index: 0;
    left: 0;
    width: 100%;
}

.cloud .scrollFx .bannerContent .ground img {
    width: 100%;
}

.cloud .scrollFx .bannerContent .pose {
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translate(0, 0);
    /* opacity: 0; */
    /* transition: top 0.6s cubic-bezier(0, 0, .25, 1); */
    /* pointer-events: none; */
    height: calc(100%);
    overflow: hidden;
    width: 100%;
}

.cloud .scrollFx .bannerContent .pose>div {
    height: 100%;
    width: 100%;
    display: block;
}

.cloud .scrollFx .bannerContent .pose img {
    width: auto;
    height: 1125.91px;
    position: absolute;
    bottom: -78.0781px;
    left: 216px;
}

.cloud .banner .scrollFx .bannerContent .pose .scrolldown img {
    width: 100%;
    transform: none;
}

.cloud .txt {
    /* display: none; */
    color: #fff;
    text-align: right;
    width: 533px;
}

.cloud .text1 {
    display: block;
    font-size: 35px;
    line-height: 1.1;
    /* width: 330px; */
    padding: 0;
}

.cloud .text1 span {
    color: #28c0d4;
    font-family: var(--pnsb);
}

.cloud .scrollFx .clouds>img,
.cloud .scrollFx .fullstride,
.cloud .scrollFx .stadium,
.cloud .scrollFx .pose {
    transform: translate(0, 0);
}

.cloud .scrollFx .pose:not(:first-child) {
    display: none;
}


/* .cloud .scrollFx .bannerText {
transform: translate(0, 270%);
} */

.cloud .scrollFx.scrolled .clouds>img {
    transform: translate(0, -20%);
}

.cloud .scrollFx.scrolled .fullstride {
    transform: translate(0, -300%);
}

.cloud .scrollFx.scrolled .stadium {
    transform: translate(0px, -517px);
}


/* .cloud .scrollFx.scrolled .bannerContent {
    top: 0;
    transition-delay: 0.2s;
} */

.cloud .scrollFx.scrolled .bannerContent {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /* pointer-events: none; */
    transition: top 1.5s 0.1s cubic-bezier(0, 0, .25, 1);
}

.cloud .scrollFx.scrolled .bannerContent .d {
    height: 100%;
}

.cloud .scrollFx .bannerContent .pose img {
    transform: none;
}

.cloud .scrollFx .bannerContent .pose .txt.text1,
.cloud .scrollFx .bannerContent .pose .txt.text2 {
    position: absolute;
    bottom: 160px;
    /* left: 49%; */
    left: 780px;
}

.cloud .scrollFx .bannerContent .pose .txt.text1 {
    bottom: 180px;
}

.cloud .scrollFx .bannerContent .pose .txt.text2 .title,
.cloud .scrollFx .bannerContent .pose .txt.text2 .title span {
    font-family: var(--pnb);
    font-size: 90px;
    line-height: 31px;
    letter-spacing: -3px;
    margin: 0 -6px 10px 0;
}

.cloud .scrollFx .bannerContent .pose .txt.text2 .desc {
    font-family: var(--pnr);
    font-size: 30px;
    margin: 0;
}

.cloud .scrollFx .bannerContent .pose .txt.text2 .desc span {
    font-family: var(--pnsb);
}

.cloud .scrollFx .bannerContent .pose .scrolldown {
    width: 38px;
    height: 38px;
    display: block;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-50%, 0);
    /* pointer-events: none;
    pointer-events: none; */
    display: none;
}

.cloud .scrollFx .bannerContent .scrolldown img {
    height: 100% !important;
    position: static;
    width: 100% !important;
}

.cloud .scrollFx .bannerContent .pose1 .txt.text2 {
    display: none;
}

.cloud .scrollFx .bannerContent .pose1 .txt.text2 .title span {
    color: #ffd900;
}

.cloud .scrollFx .bannerContent .pose2 .txt.text2 .title span {
    color: #00c110;
}

.cloud .scrollFx .bannerContent .pose3 .txt.text2 .title span {
    color: #ff0905;
}

.cloud .scrollFx .bannerContent .pose3 .playButton {
    position: absolute;
    top: 468px;
    left: 760px;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
}

.cloud .scrollFx .bannerContent .pose3 .playButton img {
    transform: none;
    width: 100% !important;
    height: auto !important;
    position: relative;
    transform: none !important;
    top: unset !important;
    bottom: unset !important;
    left: unset !important;
    right: unset !important;
}

.cloud .scrollFx .bannerContent .wCarousel {
    width: 100%;
    height: 100%;
    /* position: absolute; */
    /* top: 0; */
    /* left: 0; */
}

.cloud .scrollFx .bannerContent .wCarousel>button {
    position: absolute;
    top: 50%;
    left: 2%;
    transform: translate(0, -50%);
    background: none;
    border: none;
    text-indent: -9999px;
    z-index: 10;
}

.cloud .scrollFx .bannerContent .wCarousel>button:before {
    width: 30px;
    height: 30px;
    border: 3px solid #f00;
    content: '';
    display: block;
    border-width: 3px 3px 0 0;
    transform: revert;
    transform: rotate(45deg);
}

.cloud .scrollFx .bannerContent .wCarousel>button.slick-prev:before {
    transform: rotate(-135deg);
}

.cloud .scrollFx .bannerContent .wCarousel>button.slick-next {
    right: 2%;
    left: unset;
}

.cloud .scrollFx .bannerContent .wCarousel .slick-list {
    height: 100%;
}

.cloud .scrollFx .bannerContent .wCarousel .slick-list .slick-track {
    height: 100%;
    display: flex;
}

.cloud .scrollFx .bannerContent .wCarousel .slick-list .slick-track .slick-slide {
    position: relative;
    height: 100%;
    /* width: 100% !important; */
}

.cloud .scrollFx .bannerContent .wCarousel .slick-dots {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-50%, 0);
    display: flex;
    opacity: 0;
}

.cloud .scrollFx.scrolled .bannerContent .wCarousel .slick-dots {
    opacity: 1;
}

.cloud .scrollFx .bannerContent .wCarousel .slick-dots button {
    background: none;
    border: 2px solid #fff;
    text-indent: -9999px;
    /* border: none; */
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    margin: 4px;
}

.cloud .scrollFx .bannerContent .wCarousel .slick-dots .slick-active button {
    background: #fff;
}


/* @media only screen and (max-width: 2560px) {
/*resolution Height: 1440*


}
@media only screen and (max-width: 2048px) {
/*resolution Height: 1280*
}
@media only screen and (min-width: 1921px) {
/*resolution Height: 1080*
}
*/

@media only screen and (max-width: 1792px) {
    /*resolution Height: 1120*/
    .cloud .scrollFx .bannerContent .pose img {
        /* transform: translate(13.8%, -16.5%); */
        /* left: 12.8%; */
        /* bottom: -9.6%; */
        /* bottom: -80.0781px; */
        /* left: 216px; */
    }
    .cloud .scrollFx .bannerContent .pose3 .playButton {
        top: 518px;
        top: unset;
        bottom: 360px;
    }
}

@media only screen and (max-width: 1680px) {
    /*resolution Height: 1050*/
    .cloud .scrollFx .bannerContent .pose img {
        /* transform: translate(13.8%, -21%); */
        /* left: 13.6%;
    bottom: -8.2%; */
    }
    .cloud .scrollFx .bannerContent .pose3 .playButton {
        top: 460px;
        top: unset;
        bottom: 360px;
    }
}

@media only screen and (max-width: 1600px) {
    /*resolution Height: 900*/
    .cloud .scrollFx.scrolled .stadium {
        transform: translate(0, -480px);
    }
    .cloud .scrollFx .bannerContent .ground {
        bottom: -111.4375px;
        left: 0;
        width: 100%;
    }
    .cloud .scrollFx .bannerContent .pose img {
        /* width: 70%; */
        /* transform: translate(18.9%, -24%); */
        /* left: 13.7%; */
        /* bottom: -13.2%; */
        /* height: 145%; */
        bottom: -106.0781px;
        left: 211px;
    }
    .cloud .scrollFx .bannerContent .pose3 .playButton {
        /* top: 45.6%;
    left: 46.7%;
    transform: n; */
        top: 340px;
        top: unset;
        bottom: 330px;
    }
    .cloud .scrollFx .bannerContent .pose .txt.text1,
    .cloud .scrollFx .bannerContent .pose .txt.text2 {
        bottom: 125px;
    }
}

@media only screen and (max-width: 1536px) {
    /*resolution Height: 960*/
    .cloud .scrollFx .bannerContent .pose img {
        /*transform: translate(19.1%, -18.5%);*/
        left: 192px;
        bottom: -81.0781px;
        /* height: 135%;*/
    }
    .cloud .scrollFx .bannerContent .ground {
        bottom: -79.4375px;
    }
    .cloud .scrollFx .bannerContent .pose3 .playButton {
        top: 376px;
        left: 740px;
        top: unset;
        bottom: 356px;
    }
    .cloud .scrollFx .bannerContent .pose .txt.text1, .cloud .scrollFx .bannerContent .pose .txt.text2 {
        bottom: 160px;
    }
}

@media only screen and (max-width: 1440px) {
    /*resolution Height: 900*/
    .cloud .banner {
        max-width: 100%;
    }
    .cloud .banner.scrollFx .bannerContent {
        top: 70vh;
    }
    .cloud .banner .scrollFx .clouds .scrolldown {
        top: 80%;
    }
    .cloud .banner .scrollFx .stadium {
        width: 100%;
        margin: 0;
    }
    .cloud .banner .scrollFx.scrolled .stadium {
        width: 100%;
        margin: 0;
        transform: translate(0, -490px);
    }
    .cloud .banner .scrollFx.scrolled .fullstride {
        transform: translate(0, -300%);
    }
    .cloud .banner .scrollFx .bannerContent {
        top: 70vh;
    }
    .cloud .banner .scrollFx.scrolled .bannerContent {
        top: 0;
    }
    .cloud .banner .scrollFx .bannerContent .pose img {
        /* transform: translate(21%, -31.8%); */
        /* width: 65%; */
        left: 180px;
        bottom: -78.08px;
        height: 1065.91px;
    }
    .cloud .banner .scrollFx .bannerContent .pose .txt.text1,
    .cloud .banner .scrollFx .bannerContent .pose .txt.text2 {
        /* top: 75%; */
        bottom: 145px;
        left: 778px;
    }
    .cloud .banner .scrollFx .bannerContent .pose .scrolldown {
        /* top: 50%; */
    }
    .cloud .scrollFx .bannerContent .ground {
        bottom: -74.4375px;
    }
    .cloud .scrollFx .bannerContent .pose3 .playButton {
        top: 336px;
        left: 707px;
        top: unset;
        bottom: 330px;
    }
}

@media only screen and (max-width: 1366px) and (max-height: 1024px) and (orientation: landscape) {
    .cloud .banner .scrollFx .clouds {
        width: 120%;
        margin: 0 -10%;
    }
    .cloud .banner .scrollFx .stadium {
        width: 110%;
        margin: 0 -5%;
    }
    .cloud .banner .scrollFx.scrolled .stadium {
        width: 110%;
        margin: 0 -5%;
        transform: translate(0, -90%);
    }
    .cloud .banner .scrollFx .bannerContent .pose img {
        /* width: 85%; */
        /* transform: translate(9.9%, -27.2%); */
        left: 178px;
        bottom: -87.0781px;
        height: 111%;
    }
    .cloud .banner .scrollFx .bannerContent .pose .scrolldown {
        left: 52%;
    }
    .cloud .scrollFx .bannerContent .pose3 .playButton {
        /* top: 58.6%; */
        /* left: 48.1%; */
        top: 516px;
        left: 657px;
        top: unset;
        bottom: 280px;
    }
    .cloud .banner .scrollFx .bannerContent .pose .txt.text1,
    .cloud .banner .scrollFx .bannerContent .pose .txt.text2 {
        bottom: 115px;
        left: 748px;
    }
    .cloud .scrollFx .bannerContent .ground {
        bottom: -88.4375px;
    }
    .cloud .banner .scrollFx.scrolled .fullstride {
        transform: translate(0, -260%);
        width: 300px;
    }
}

@media only screen and (max-width: 1366px) and (max-height: 768px) {
    /*resolution Height: 768*/
    .cloud .banner .scrollFx.scrolled .bannerContent {
        top: 0;
    }
    .cloud .banner .scrollFx .fullstride {
        width: 360px;
    }
    .cloud .banner .scrollFx .bannerContent .pose img {
        /* width: 74%; */
        /* transform: translate(17.3%, -27%); */
        /* left: 13.9%; */
        /* bottom: -17.2%; */
        height: 149%;
        height: 149%;
        left: 184px;
        bottom: -107.0781px;
        height: 153%;
        left: 184px;
        bottom: -110.08px;
    }
    .cloud .scrollFx .bannerContent .ground {
        bottom: -115.6px;
    }
    .cloud .scrollFx .bannerContent .pose3 .playButton {
        top: 306px;
        left: 647px;
        top: unset;
        bottom: 250px;
    }
    .cloud .banner .scrollFx.scrolled .fullstride {
        transform: translate(0, -300%);
        width: 360px;
    }
    .cloud .banner .scrollFx .bannerContent .pose .txt.text1,
    .cloud .banner .scrollFx .bannerContent .pose .txt.text2 {
        bottom: 85px;
        left: 668px;
    }
    .cloud .scrollFx .bannerContent .pose .txt.text2 .title,
    .cloud .scrollFx .bannerContent .pose .txt.text2 .title span {
        font-size: 80px;
    }
    .cloud .scrollFx .bannerContent .pose .txt.text2 .desc {
        font-size: 27px;
    }
}

@media only screen and (max-width: 1344px) {
    /*resolution Height: 840*/
    /* .cloud .banner .scrollFx.scrolled .bannerContent {
        top: 24.3vh;
    } */
    .cloud .banner .scrollFx .fullstride {
        left: 16%;
        top: 47%;
    }
    .cloud .banner .scrollFx .bannerContent .pose img {
        height: 138%;
        left: 176px;
        bottom: -92.0781px;
        /* transform: translate(17.3%, -21%); */
        /* left: 13.4%; */
        /* bottom: -13.6%; */
        /* height: 138%; */
    }
    .cloud .scrollFx .bannerContent .ground {
        bottom: -91.4px;
    }
    .cloud .banner .scrollFx .bannerContent .pose .scrolldown {
        /* top: 58%; */
    }
    /* .cloud .banner .scrollFx .bannerContent .pose .txt.text1,
    .cloud .banner .scrollFx .bannerContent .pose .txt.text2 {
        top: 75%;
    } */
    .cloud .scrollFx .bannerContent .pose3 .playButton {
        /* top: 50%; */
        /* left: 49.1%; */
        width: 70px;
        height: 70px;
        top: 346px;
        left: 637px;
        bottom: 280px;
        top: unset;
    }
    .cloud .banner .scrollFx .bannerContent .pose .txt.text1,
    .cloud .banner .scrollFx .bannerContent .pose .txt.text2 {
        bottom: 106px;
        left: 668px;
    }
}

@media only screen and (max-width: 1280px) and (max-height: 800px) {
    /*resolution Height: 800*/
    /* .cloud .banner .scrollFx.scrolled .bannerContent {
        top: 20.5vh;
    } */
    .cloud .banner .scrollFx .bannerContent .pose .txt.text1,
    .cloud .banner .scrollFx .bannerContent .pose .txt.text2 {
        left: 688px;
        /* bottom: 95px; */
    }
    .cloud .scrollFx .bannerContent .pose .txt.text2 .title,
    .cloud .scrollFx .bannerContent .pose .txt.text2 .title span {
        font-size: 75px;
    }
    .cloud .scrollFx .bannerContent .pose .txt.text2 .desc {
        font-size: 26px;
    }
    .cloud .scrollFx .bannerContent .pose3 .playButton {
        /* top: 46%; */
        /* left: 47.1%; */
        width: 70px;
        height: 70px;
        top: 320px;
        left: 617px;
        top: unset;
        bottom: 260px;
    }
    .cloud .banner .scrollFx .bannerContent .pose img {
        /* left: 13.8%; */
        /* bottom: -14.2%; */
        height: 142%;
        left: 163px;
        bottom: -93.0781px;
    }
}

@media only screen and (max-width: 1280px) and (max-height: 720px) {
    /*resolution Height: 720*/
    /* .cloud .banner .scrollFx.scrolled .bannerContent {
    top: 10vh;
} */
    .cloud .banner .scrollFx .bannerContent .pose img {
        /* left: 13.8%; */
        /* bottom: -14.2%; */
        height: 157%;
        left: 169px;
        bottom: -88.0781px;
    }
    .cloud .scrollFx .bannerContent .pose3 .playButton {
        bottom: 207px;
        left: 562px;
    }
}

@media only screen and (max-width: 1152px) {
    /*resolution Height: 720*/
    /* .cloud .banner .scrollFx.scrolled .bannerContent {
    top: 13vh;
} */
    .cloud .banner .scrollFx .fullstride {
        width: 320px;
        left: 16%;
        top: 45%;
    }
    .cloud .banner .scrollFx .bannerContent .pose img {
        left: 13%;
        bottom: -16.6%;
        height: 147%;
    }
    .cloud .scrollFx .bannerContent .pose3 .playButton {
        top: 50%;
        left: 49.7%;
        top: unset;
        bottom: 38%;
    }
}


/*Tabs*/


/* 
@media only screen and (max-width: 1280px) and (max-height: 800px) and (orientation: landscape) {}

@media only screen and (max-width: 1152px) and (max-height: 720px) and (orientation: landscape) {} */

@media only screen and (max-width: 1024px) and (max-height: 1366px) {
    .cloud .banner .scrollFx .clouds>img {
        width: auto;
        height: 100vh;
        transform: none;
        /* transform: translate(-7%, -20%); */
    }
    .cloud .banner .scrollFx.scrolled .clouds>img {
        transform: translate(0, -20%);
    }
    .cloud .banner .scrollFx .fullstride {
        top: 50%;
        width: 400px;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    /* .cloud .banner .scrollFx.scrolled .stadium {
        width: 150%;
        top: unset;
        bottom: 0;
        height: auto;
        transform: translate(-10%, 0);
        transition: bottom 1.75s cubic-bezier(0, 0, .25, 1);
    }
    .cloud .banner .scrollFx .stadium {
        top: unset;
        bottom: -20%;
    } */
    .cloud .scrollFx .bannerContent .pose {
        top: 0;
    }
    .cloud .banner .scrollFx.scrolled .bannerContent {
        top: 0;
    }
    .cloud .banner .scrollFx .bannerContent .pose img {
        /* width: 100%; */
        /* transform: translate(5%, 28.5%); */
    }
    .cloud .banner .scrollFx.scrolled .fullstride {
        transform: translate(-50%, -530px);
        /* top: 15%; */
    }
    .cloud .banner .scrollFx .stadium {
        width: 200%;
        /* transform: translate(-16.3%, -650px); */
    }
    .cloud .banner .scrollFx.scrolled .stadium {
        width: 200%;
        transform: translate(0, -770px);
    }
    .cloud .banner .scrollFx .bannerContent .pose .txt.text1,
    .cloud .banner .scrollFx .bannerContent .pose .txt.text2 {
        top: unset;
        left: unset;
        right: 5%;
        bottom: 50px;
    }
    .cloud .banner .scrollFx .bannerContent .pose img {
        /* transform: translate(-2%, 9.8%); */
        /* width: 120%; */
        height: 108%;
        left: -6%;
        bottom: -4%;
    }
    .cloud .banner .scrollFx .clouds .scrolldown {
        left: 50vw;
        top: 90%;
    }
    .cloud .banner .scrollFx .bannerContent .pose .scrolldown {
        /* top: 90%; */
    }
    .cloud .banner .scrollFx .bannerContent {
        top: 100vh;
    }
    .cloud .scrollFx .bannerContent .ground {
        bottom: -200px;
    }
    .cloud .scrollFx.scrolled .bannerContent .ground {
        bottom: -4.2%;
        width: 180%;
        left: -30.1%;
    }
    .cloud .banner .scrollFx .bannerContent .pose1 .txt.text1 {
        top: 410px;
        right: 50%;
        transform: translate(50%, 0);
        font-size: 40px;
        width: 100%;
        text-align: center;
        padding: 0;
        bottom: unset;
    }
    .cloud .scrollFx .pose.pose1 {
        display: block;
    }
    .contactUs .textComponent.circularAnimation .circle-container {
        display: none;
    }
    .cloud .scrollFx .bannerContent .pose3 .playButton {
        top: 53%;
        left: 57%;
        width: 90px;
        height: 90px;
    }
    .cloud .banner .scrollFx .stadium {
        pointer-events: none;
    }
    .cloud .banner .scrollFx .clouds {
        transform: translate(-60px, 0);
    }
    .cloud .banner .scrollFx.scrolled .clouds {
        transform: translate(-60px, -50px);
    }
    .cloud .scrollFx.scrolled .bannerContent .wCarousel .slick-dots {
        display: none !important;
    }
}

@media only screen and (max-width: 834px) and (max-height: 1042px) {
    .cloud .banner .scrollFx.scrolled .fullstride {
        transform: translate(-50%, -440px);
    }
    .cloud .banner .scrollFx.scrolled .stadium {
        transform: translate(0, -580px);
    }
    .cloud .banner .scrollFx .bannerContent .pose1 .txt.text1 {
        top: 310px;
    }
    .cloud .banner .scrollFx .bannerContent .pose img {
        height: 105%;
    }
    .cloud .scrollFx.scrolled .bannerContent .ground {
        bottom: -3.7%;
        width: 154%;
        left: -25%;
    }
}

@media only screen and (max-width: 800px) and (max-height: 1280px) {
    .cloud .banner .scrollFx .bannerContent .pose img {
        height: 87%;
        left: -70px;
        bottom: 6.1px;
    }
    .cloud .banner .scrollFx.scrolled .stadium {
        transform: translate(0, -610px);
    }
    .cloud .banner .scrollFx.scrolled .fullstride {
        transform: translate(-50%, -420px);
    }
    .cloud .banner .scrollFx.scrolled .clouds {
        transform: translate(-160px, -50px);
    }
    .cloud .scrollFx.scrolled .bannerContent .ground {
        width: 186%;
        bottom: 0;
        left: -34.1%;
    }
}

@media only screen and (max-width: 768px) and (max-height: 1024px) {
    .cloud .banner .scrollFx .bannerContent .pose1 .txt.text1 {
        top: 280px;
    }
    .cloud .banner .scrollFx .bannerContent .pose img {
        height: 930px;
        bottom: 10px;
        left: -42px;
    }
    .cloud .scrollFx.scrolled .bannerContent .ground {
        width: 176%;
        left: -30.4%;
    }
    .cloud .scrollFx .bannerContent .pose3 .playButton {
        left: 55%;
        top: 55%;
        /* position: relative; */
        z-index: 10;
    }
    /* .cloud .banner {
        padding: 0 !important;
    } */
    /* .cloud .banner .scrollFx .fullstride {
        transform: translate(-50%, -50%);
        width: 300px;
        top: 50%;
    }
    .cloud .banner .scrollFx .stadium {
        transform: translate(0, 0);
        top: unset;
        bottom: -500px;
    }
    .cloud .banner .scrollFx.scrolled .stadium {
        transform: translate(0, -93%);
        top: calc(106vh - 61px);
    }
    .cloud .scrollFx .bannerContent .pose .txt.text2 .title,
    .cloud .scrollFx .bannerContent .pose .txt.text2 .title span {
        font-size: 60px;
        line-height: 15px;
    }
    .cloud .scrollFx .bannerContent .pose .txt.text2 .desc {
        font-size: 22px;
    }
    .cloud .scrollFx .bannerContent .pose3 .playButton {
        width: 60px;
        height: 60px;
        top: 518px;
        left: 370px;
    }
    .cloud .scrollFx.scrolled .bannerContent .ground {
        bottom: 0;
        width: 170%;
        left: -27.9%;
    }
    .cloud .scrollFx .bannerContent .ground {
        bottom: -26px;
        width: 1203.59px;
        left: -186.312px;
    }
    .cloud .banner .scrollFx .bannerContent .pose img {
        height: 764.094px;
        left: -0.3438px;
        bottom: 31px;
    }
    .cloud .banner .scrollFx .bannerContent .pose .txt.text1,
    .cloud .banner .scrollFx .bannerContent .pose .txt.text2 {
        top: 87%;
        height: auto;
    }
    .cloud .banner .scrollFx .bannerContent .pose .scrolldown {
        top: 90%;
    }
    .cloud .banner .scrollFx .bannerContent .pose1 .txt.text1 {
        width: 50%;
        top: 37%;
        font-size: 30px;
    }
    .cloud .banner .scrollFx .bannerContent .pose3 .txt.text1 {
        top: 250px;
    }
    .cloud .banner .scrollFx.scrolled .fullstride {
        transform: translate(-50%, -630%);
        left: 50%;
    }
    .cloud .banner .scrollFx .bannerContent {
        top: 65vh;
    }
    .cloud .banner .scrollFx .bannerContent>.d {
        height: 100%;
    } */
    /* .cloud .banner .scrollFx .clouds {}

    .cloud .banner .scrollFx .clouds>img {
        transform: translate(-7%, -24%);
    }

    .cloud .banner .scrollFx .bannerContent .pose1 .txt.text1 {
        top: 37%;
    }

    .cloud .scrollFx .bannerContent .ground {
        bottom: -10%;
        width: 173%;
        left: -24.8%;
    }

    .cloud .banner .scrollFx .bannerContent .pose img {
        transform: translate(-2%, 6%);
    }

    .cloud .banner .scrollFx .bannerContent .pose .txt.text1, .cloud .banner .scrollFx .bannerContent .pose .txt.text2 {
        top: 88%;
    } */
}

@media only screen and (max-width: 1024px) and (max-height: 768px) and (orientation: landscape) {}

@media only screen and (max-width: 962px) and (max-height: 601px) and (orientation: landscape) {}

@media only screen and (width: 962px) and (height: 601px) and (orientation: landscape) {}

@media only screen and (max-width: 1024px) and (max-height: 600px) {}

@media only screen and (max-width: 800px) {}

@media only screen and (max-width: 767px) {
    .cloud .banner .scrollFx .bannerContent .m .pose .txt.text2 {
        text-align: center;
        width: 100%;
        right: 0;
        bottom: 25px;
    }
    .cloud .banner .scrollFx .bannerContent .m .pose .txt.text1 {
        top: 230px;
        width: 60%;
        text-align: center;
        right: 20%;
        bottom: unset;
    }
    .cloud .banner .scrollFx .bannerContent .pose img {
        HEIGHT: 750PX;
        bottom: 10px;
        left: -42px;
    }
    .cloud .scrollFx.scrolled .bannerContent .ground {
        width: 140%;
        left: -195px;
        bottom: 0px;
    }
    .cloud .scrollFx .bannerContent .pose3 .playButton {
        left: 42%;
        top: 63%;
        width: 70px;
        height: 70px;
        display: block !important;
    }
    .cloud .scrollFx .bannerContent .pose .txt.text2 .title,
    .cloud .scrollFx .bannerContent .pose .txt.text2 .title span {
        font-size: 60px;
    }
    .cloud .scrollFx .bannerContent .pose .txt.text2 .desc {
        font-size: 22px;
    }
    .cloud .banner .scrollFx .bannerContent .pose img {}
    .cloud .banner .scrollFx.scrolled .stadium {
        transform: translate(0, -460px);
        width: 150%;
    }
    .cloud .scrollFx .bannerContent .pose .txt.text2 .desc {
        line-height: 1;
    }
}

@media only screen and (max-width: 680px) {
    .cloud .banner .scrollFx .bannerContent .m .pose .txt.text1 {
        width: 70%;
        right: 15%;
    }
    .cloud .scrollFx.scrolled .bannerContent .ground {
        width: 150%;
        bottom: 10px;
        left: -180px;
    }
    .cloud .scrollFx .bannerContent .pose3 .playButton {
        left: 48%;
    }
    .cloud .scrollFx .bannerContent .pose3 .playButton {
        width: 60px;
        height: 60px;
    }
}

@media only screen and (width: 601px) and (height: 962px) {
    .cloud .banner .scrollFx .bannerContent .pose1 .txt.text1 {
        top: 37%;
        font-size: 20px;
        width: 44%;
    }
    .cloud .banner .scrollFx .bannerContent .pose img {
        /* transform: translate(-3.3%, 14.5%); */
        height: 76%;
        left: -4.9%;
        bottom: -6px;
    }
    .cloud .scrollFx .bannerContent .ground {
        bottom: 4px;
        width: 140%;
        left: -128px;
    }
    .cloud .banner .scrollFx .bannerContent .pose .scrolldown {
        top: 106%;
    }
    .cloud .scrollFx .bannerContent .pose .txt.text2 .title,
    .cloud .scrollFx .bannerContent .pose .txt.text2 .title span {
        font-size: 50px;
    }
    .cloud .scrollFx .bannerContent .pose .txt.text2 .desc {
        font-size: 16px;
    }
    .cloud .banner .scrollFx .bannerContent .pose .txt.text1,
    .cloud .banner .scrollFx .bannerContent .pose .txt.text2 {
        /* top: 95%; */
    }
    .cloud .banner .scrollFx .bannerContent .pose1 .txt.text1 {
        top: 44%;
    }
    .cloud .scrollFx .bannerContent .pose3 .playButton {
        bottom: 28%;
        left: 51%;
    }
    .cloud .banner .scrollFx .bannerContent .m .pose .txt.text1 {
        font-size: 31px;
    }
    .cloud .scrollFx.scrolled .bannerContent .ground {
        left: -146px;
        bottom: -2px;
    }
    .cloud .scrollFx .bannerContent .pose3 .playButton {
        bottom: unset;
        top: 66%;
        width: 60px;
        height: 60px;
        left: 51%;
    }
}

@media only screen and (max-width: 600px) and (max-height: 1024px) {
    .cloud .banner .scrollFx .bannerContent .m .pose .txt.text1 {
        width: 74%;
        right: 13%;
    }
    .cloud .scrollFx.scrolled .bannerContent .ground {
        bottom: 0;
        width: 170%;
        bottom: 9px;
    }
    .cloud .scrollFx .bannerContent .pose3 .playButton {
        left: 54%;
    }
}

@media only screen and (max-width: 428px) and (max-height: 746px) {
    /* .cloud .banner .scrollFx .bannerContent .pose img {
        height: 550px;
        bottom: 21px;
        left: -64.3438px;
    }
    .cloud .scrollFx .bannerContent .ground {
        width: 873.59px;
        bottom: 3px;
        left: -201.312px;
    }
    .cloud .scrollFx .bannerContent .pose3 .playButton {
        left: 50%;
        bottom: 26%;
    }
    .cloud .banner .scrollFx .bannerContent .pose3 .txt.text1 {
        font-size: 27px;
        width: 80%;
    } */
    .cloud .banner .scrollFx.scrolled .fullstride {
        transform: translate(-50%, -350px);
        width: 260px;
    }
    
    .cloud .banner .scrollFx .bannerContent .pose img {
        height: 510px;
        bottom: 30px;
        left: -49px;
    }
    
    .cloud .banner .scrollFx .bannerContent .m .pose .txt.text1 {font-size: 25px;top: 160px;}
    
    .cloud .banner .scrollFx.scrolled .stadium {
        transform: translate(0, -320px);
    }
    
    .cloud .scrollFx.scrolled .bannerContent .ground {
        bottom: 0;
        width: 220%;
        left: -214px;
    }
    
    .cloud .scrollFx .bannerContent .pose3 .playButton {
        left: 50%;
    }
}

@media only screen and (max-width: 414px) {
    .cloud .banner .scrollFx .fullstride {
        width: 260px;
    }
    .cloud .banner .scrollFx.scrolled .fullstride {
        width: 260px;
        transform: translate(-50%, -330px);
    }
    .cloud .banner .scrollFx .bannerContent .m .pose .txt.text1 {
        top: 130px;
        font-size: 24px;
    }
    .cloud .banner .scrollFx .bannerContent .pose img {
        HEIGHT: 540px;
        bottom: 7px;
        left: -75px;
    }
    .cloud .scrollFx .bannerContent .pose .txt.text2 .title,
    .cloud .scrollFx .bannerContent .pose .txt.text2 .title span {
        font-size: 50px;
    }
    .cloud .scrollFx .bannerContent .pose .txt.text2 .desc {
        font-size: 18px;
    }
    .cloud .scrollFx.scrolled .bannerContent .ground {
        bottom: 6px;
        width: 183%;
    }
    .cloud .banner .scrollFx.scrolled .stadium {
        transform: translate(0, -310px);
    }
}

@media only screen and (max-width: 414px) and (max-height: 719px) {
    .cloud .banner .scrollFx.scrolled .stadium {
        transform: translate(0, -420px);
    }
    
}
@media only screen and (max-width: 414px) and (max-height: 622px) {

    .cloud .banner .scrollFx.scrolled .clouds {
        transform: translate(-90px, -50px);
    }
    .cloud .banner .scrollFx .bannerContent .pose img {
        height: 460px;
        bottom: 7px;
        left: -25px;
    }
    .cloud .scrollFx.scrolled .bannerContent .ground {
        bottom: -8px;
        width: 183%;
        left: -147px;
    }
    .cloud .banner .scrollFx.scrolled .fullstride {
        transform: translate(-50%, -280px);
    }
}

@media only screen and (max-width: 393px) and (max-height: 786px) {
    /* .cloud .banner .scrollFx .bannerContent .pose img {
        /* transform: translate(-4.3%, 40.4%); *
        left: -61.3438px;
    }
    .cloud .scrollFx .bannerContent .pose .txt.text2 .title,
    .cloud .scrollFx .bannerContent .pose .txt.text2 .title span {
        font-size: 50px;
    }
    .cloud .scrollFx .bannerContent .pose .txt.text2 .desc {
        font-size: 18px;
    } */
}

@media only screen and (max-width: 375px) {
    .cloud .banner .scrollFx .bannerContent .m .pose .txt.text1 {
        width: 81%;
        right: 9.5%;
        top: 200px;
    }
    .cloud .scrollFx .bannerContent .pose3 .playButton {
        width: 60px;
        height: 60px;
        left: 51%;
        top: 66%;
    }
    .cloud .scrollFx.scrolled .bannerContent .ground {
        bottom: 0;
        width: 209%;
        left: -187px;
    }
}

@media only screen and (max-width: 375px) and (max-height: 667px) {
    .cloud .scrollFx .bannerContent .pose3 .playButton {
        left: 44%;
        top: 62%;
    }
    .cloud .banner .scrollFx.scrolled .fullstride {
        transform: translate(-50%, -250px);
    }
    .cloud .banner .scrollFx .bannerContent .pose img {
        height: 400px;
        left: -44px;
        bottom: 29px;
    }
    .cloud .banner .scrollFx .bannerContent .m .pose .txt.text1 {
        top: 119px;
    }
    .cloud .banner .scrollFx .bannerContent .m .pose .txt.text2 {
        bottom: 1%;
    }
    .cloud .banner .scrollFx .bannerContent .m .pose .txt.text1 {
        font-size: 20px;
        width: 72%;
        right: 14%;
    }
    .cloud .banner .scrollFx.scrolled .stadium {
        transform: translate(0, -370px);
    }
    .cloud .scrollFx .bannerContent .pose .txt.text2 .title,
    .cloud .scrollFx .bannerContent .pose .txt.text2 .title span {
        font-size: 45px;
        margin: 0 -6px 0 0;
    }
    .cloud .scrollFx .bannerContent .pose .txt.text2 .desc {
        font-size: 16px;
    }
}

@media only screen and (max-width: 360px) {}

@media only screen and (max-width: 320px) {
    .cloud .banner .scrollFx .bannerContent .m .pose .txt.text1 {
        top: 33%;
        font-size: 20px;
    }
    .cloud .scrollFx .bannerContent .m .pose .txt.text2 {
        bottom: 10px;
    }
    .cloud .scrollFx .bannerContent .pose .txt.text2 .title,
    .cloud .scrollFx .bannerContent .pose .txt.text2 .title span {
        font-size: 45px;
    }
    .cloud .scrollFx .bannerContent .pose .txt.text2 .desc {
        font-size: 16px;
    }
    .cloud .scrollFx .bannerContent .pose img {
        height: 360px;
        bottom: 26px;
        left: -14px;
    }
    .cloud .scrollFx.scrolled .bannerContent .ground {
        left: -138px;
        bottom: 0px;
        width: 215%;
    }
    .cloud .scrollFx .bannerContent .pose3 .playButton {
        width: 50px;
        height: 50px;
        top: 63%;
    }
    .cloud .scrollFx .bannerContent .m .pose .txt.text1 {
        font-size: 20px;
        top: 140px;
    }
    .cloud .banner .scrollFx.scrolled .fullstride {
        transform: translate(-50%, -230px);
    }
    .cloud .scrollFx.scrolled .clouds {
        transform: translate(-100px, -50px);
    }
    .cloud .banner .scrollFx .bannerContent .pose img {
        height: 360px;
        bottom: 26px;
        left: -14px;
    }
    .cloud .banner .scrollFx.scrolled .stadium {
        transform: translate(0, -240px);
    }
}