#home{position:relative;background-size:cover; z-index: 10;height: 100svh; overflow-y: auto;}
#tictacmusicHome{position:absolute;top:12svh;height:20svh;left:30%;transform:translateX(-50%); object-fit:contain;z-index:10}
#tictacmusicdescHome{position:absolute;top:33svh;height:10svh;left:30%;transform:translateX(-50%); object-fit:contain;z-index:10}
#TitleDailyPrizeHome{position:absolute;top:50svh;height:8svh;left:20%;transform:translateX(-50%); object-fit:contain;z-index:10}
#DailyPrizeHome{position:absolute;top:60svh;height:20svh;left:20%;transform:translateX(-50%); object-fit:contain;z-index:10}
#TitleGrandPrizeHome{position:absolute;top:50svh;height:8svh;left:40%;transform:translateX(-50%); object-fit:contain;z-index:10}
#GrandPrizeHome{position:absolute;top:60svh;height:20svh;left:40%;transform:translateX(-50%); object-fit:contain;z-index:10}
#TictacPosterAwardHome{ position: absolute;
    top: 14svh;
    height: 86svh;
    left: 76%;
    transform: translateX(-50%);
    object-fit: contain;
    z-index: 0;}
#BtnHowtoWinBtnHome{position:absolute;top:82svh;height:10svh;left:15%;transform:translateX(-50%); object-fit:contain;z-index:10}
#BtnSubmitAnthrRecptHome{position:absolute;top:82svh;height:10svh;left:38%;transform:translateX(-50%); object-fit:contain;z-index:10}
#BtnSubmitGrandPrizeHome{position:absolute;top:82svh;height:10svh;left:61%;transform:translateX(-50%); object-fit:contain;z-index:10}
#BtnBuyNowHome{position:absolute;top:82svh;height:10svh;left:83%;transform:translateX(-50%); object-fit:contain;z-index:10}
#Myprizes{position:absolute;top:44svh;height:26svh;left:17%;transform:translateX(-50%); object-fit:contain;z-index:10}



#TictacPosterAwardHome:hover {
    transform: translateX(-50%) scale(1.05);
    transition: transform 0.3s ease;
}

#BtnHowtoWinBtnHome:hover {
    transform: translateX(-50%) scale(1.05);
    transition: transform 0.3s ease;
}

#BtnSubmitAnthrRecptHome:hover {
    transform: translateX(-50%) scale(1.05);
    transition: transform 0.3s ease;
}

#BtnSubmitGrandPrizeHome:hover {
    transform: translateX(-50%) scale(1.05);
    transition: transform 0.3s ease;
}

#BtnBuyNowHome:hover {
    transform: translateX(-50%) scale(1.05);
    transition: transform 0.3s ease;
}
#tncapplyhome  {  
    z-index: 99;
width: 90svw;
left: 50%;
/* top: 95svh; */
position: absolute;
bottom: 10px;
 z-index: 3 ;
font-size: 15px;
color: white;
text-align: center;
transform: translateX(-50%);
}

/* Define the animation */
@keyframes scaleAnimation {
    0%, 100% {
        transform: translateX(0) scale(1.2);
    }
    50% {
        transform: translateX(0)  scale(1.4);
        
    }
}

.scaleanimation {
    animation: scaleAnimation 5s infinite ease;
    /* position: relative; */
    /* left: 50%; */
    /* transform: translateX(-50%); */
}



#tncapplyhome img {  
    z-index: 99;
    width:30svw;
   animation: bounce 1.5s infinite;
    object-fit: contain;
    top: 2svh;
   
}
/* Bounce animation */
@keyframes bounce {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY();
    }
}

#iconswipe {
    position: relative;
    top: 1svh;

    height: 4svh;
    animation: bounce 1s infinite ease-in-out;
}

#tncgroup{
    z-index: 99;
    width: 90svw;
    left: 50%;
    /* top: -4svh; */
    position: absolute;
    bottom: -10px;
     z-index: 3 ;
    font-size: 15px;
    color: white;
    text-align: center;
    transform: translateX(-50%);
}
.hidden{
    display: block;
}

.info-text{
    position: absolute;
    top: 80svh;
    width: 100%;
    left: 50%;
    font-size: 18px;
    transform: translateX(-50%);
    text-align: center;
    color: white;
    padding-bottom: 15svh;
}

@media print,screen and (max-width:40em){
#home{z-index:1;height:100svh}
#home{position:relative;;z-index:10;background-size:cover}
#tictacmusicHome{position:absolute;top:12svh;height:12svh;left:50%;transform:translateX(-50%); object-fit:contain;z-index:10}
#tictacmusicdescHome{ position:absolute;top:28svh;height:7svh;left:50%;transform:translateX(-50%); object-fit:contain;z-index:10}
#TitleDailyPrizeHome{position:absolute;top:34svh;height:5svh;left:30%;transform:translateX(-50%); object-fit:contain;z-index:10}
#DailyPrizeHome{position:absolute;top:39svh;height:12svh;left:30%;transform:translateX(-50%); object-fit:contain;z-index:10}
#TitleGrandPrizeHome{position:absolute;top:34svh;height:5svh;left:70%;transform:translateX(-50%); object-fit:contain;z-index:10}
#GrandPrizeHome{position:absolute;top:39svh;height:12svh;left:70%;transform:translateX(-50%); object-fit:contain;z-index:10}
#TictacPosterAwardHome {
    cursor: pointer;
    position: absolute;
    top: 44svh;
    height: 30svh;
    left: 50%;
    transform: translateX(-50%);
    object-fit: contain;
    z-index: 10;
}
#buttonGroup{
    position: relative;
    top: -30px;
}

#BtnHowtoWinBtnHome{position:absolute;top:85svh;height:5svh;left:28%;transform:translateX(-50%); object-fit:contain;z-index:10}
#BtnSubmitAnthrRecptHome{position:absolute;top:80svh;height:5svh;left:28%;transform:translateX(-50%); object-fit:contain;z-index:10}
#BtnSubmitGrandPrizeHome{position:absolute;top:80svh;height:5svh;left:72%;transform:translateX(-50%); object-fit:contain;z-index:10}
#BtnBuyNowHome{position:absolute;top:85svh;height:5svh;left:72%;transform:translateX(-50%); object-fit:contain;z-index:10}
#tncapplyhome  { 
     position: absolute;
    z-index: 99;
width: 98svw;
left: 50%;
/* top: 95svh; */
font-size: 8px;
position: absolute;
bottom: 10px;
/* padding-bottom: 5svh; */
color: white;
text-align: center;
transform: translateX(-50%);
}


#tncgroup{
    position: absolute;
    z-index: 99;
width: 99svw;
left: 50%;
/* top: 95svh; */
position: absolute;
bottom: 2px;
color: white;
text-align: center;
transform: translateX(-50%);
}
#Myprizes{
    position: absolute;
    top: 26svh;
    height: 20svh;
    width: 50%; /* Define a width to control the element size */
    left: 50%; /* Center it horizontally */
    transform: translateX(-50%); /* True centering with transform */
    object-fit: contain;
    z-index: 10
}
.hidden{
    display: none;
}
#iconswipe {
    position: relative;
    top: 5svh;
    height: 4svh;
    animation: bounce 1s infinite ease-in-out;
}
.info-text{
    position: absolute;
    top: 95svh;
    width: 100%;
    left: 50%;
    font-size: 13px;
    transform: translateX(-50%);
    text-align: center;
    color: white;
    padding-bottom: 15svh;
}
}
/* Additional media query for Android devices (generally larger phones) */
@media screen and (max-width:40em) and (min-width:360px) {
    #Myprizes{
        left: 25%;
        transform: translateX(-50%);
    }
}

/* Media query for smaller devices like iPhone SE */
@media screen and (max-width:359px) {
    #Myprizes{
        left: 22%;
        transform: translateX(-50%);
    }
}