.logo {
    position: absolute;
    /* background-color: red; */
    width: 100%;
    display: flex;
    justify-content: center;
    padding-top: 2%;
}
.cursor {
    position: absolute;
    left: 35%;
    top: 40%;
    z-index: 99;
}

@media screen and (max-width: 670px) {
    .cursor {
        left: 30%;
        top: 40%;
    }
}

@media screen and (min-width:670px) and (max-width: 920px) {
    .cursor {
        left: 30%;
        top: 40%;
    }
}
@media screen and (min-width:920px) and (max-width: 2000px) {
    .cursor {
        left: 45%;
        top: 40%;
    }
}
.icon {
    transform: scale(0.6);
   
}
.brand_logo {
    transform: scale(0.8);
}

.playBtn {
    position: absolute;
    z-index: 99;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 15%;
    background-color: rgba(33, 114, 255, 0);
    bottom: 0px !important;
    cursor: pointer;
    /* padding: 5px; */
}

.wrapper {
    /* border: 1px solid red; */
    width: 100%;
    position: absolute;
    height: 100%;
}

.cta {
    transform: scale(0.8);
}

/* .cta {
    width: 20%;
    height:60%;
    background-color: #562b9c;
    border-radius: 30px;
    border:1.5px solid white;
    bottom: -40px;
} */

.flavour {
    position: absolute;
}


.f1 {
    left: 80%;
    top: 80%;
    transform: scale(0.6)

}
.f2 {
    left: 70%;
    top: 40%;
    transform: scale(0.6)

}
.f3 {
    left: 80%;
    top: 10%;
}
.f4 {
    left: 10%;
    top: 20%;
}
.f5 {
    left: 65%;
    top: 60%;
}
.f6 {
    left: 5%;
    top: 80%;
    transform: scale(0.6);
}