#home{position:relative;background-size:cover; z-index: 10;height: 100svh; overflow-y: auto;}
#tictacmusicHome{position:absolute;top:12svh;height:17svh;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:6svh;left:20%;transform:translateX(-50%); object-fit:contain;z-index:10}
#DailyPrizeHome{position:absolute;top:57svh;height:15svh;left:20%;transform:translateX(-50%); object-fit:contain;z-index:10}
#TitleGrandPrizeHome{position:absolute;top:50svh;height:6svh;left:40%;transform:translateX(-50%); object-fit:contain;z-index:10}
#GrandPrizeHome{position:absolute;top:57svh;height:15svh;left:40%;transform:translateX(-50%); object-fit:contain;z-index:10}
#TictacPosterAwardHome{position:absolute;top:14svh;height:67svh;left:65%;transform:translateX(-50%); object-fit:contain;z-index:10}
#BtnHowtoWinBtnHome{position:absolute;top:81svh;height:10svh;left:15%;transform:translateX(-50%); object-fit:contain;z-index:10}
#BtnSubmitAnthrRecptHome{position:absolute;top:83svh;height:10svh;left:38%;transform:translateX(-50%); object-fit:contain;z-index:10}
#BtnSubmitGrandPrizeHome{position:absolute;top:81svh;height:10svh;left:61%;transform:translateX(-50%); object-fit:contain;z-index:10}
#BtnBuyNowHome{position:absolute;top:81svh;height:10svh;left:83%;transform:translateX(-50%); object-fit:contain;z-index:10}


#tictacmusicdescEnd{
    position: relative;
    top: -46px;
}
#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: 120svw;
left: 50%;
position: absolute;
bottom: 10px;
 z-index: 3 ;
font-size: 15px;
color: white;
text-align: center;
transform: translateX(-50%);
}
#updateanimatehome{
    z-index: 99;
    width: 90svw;
    left: 50%;
    /* top: 95svh; */
    position: absolute;
 bottom: 50px;

     z-index: 3 ;
    font-size: 15px;
    color: white;
    text-align: center;
    transform: translateX(-50%);
}
#iconswipe {
    position: relative;
    height: 8svh;
    top: 3svh;
    animation: smooth-bounce 1.5s infinite ease-in-out;
}

@keyframes smooth-bounce {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
}




#Tictacending{
    height: auto;
    width: 29svw;
    border-radius: 10px;
    border-color: #167240;
    border-width: 5px;
    border-style: solid;
    top: 68svh;
    left: 30%;
    transform: translateX(-50%);
    position: relative;
    background-color: white;
}
#Tictacending p{
    text-align: center;
}
#thankyousupport{
    object-fit: contain;
    width: 25svw;
    left: 50%;
    transform: translateX(-50%);
    position: relative;
}

@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:51svh;height:26svh;left:50%;transform:translateX(-50%); object-fit:contain;z-index:10}
#BtnHowtoWinBtnHome{position:absolute;top:83svh;height:5svh;left:28%;transform:translateX(-50%); object-fit:contain;z-index:10}
#BtnSubmitAnthrRecptHome{position:absolute;top:78svh;height:5svh;left:28%;transform:translateX(-50%); object-fit:contain;z-index:10}
#BtnSubmitGrandPrizeHome{position:absolute;top:78svh;height:5svh;left:72%;transform:translateX(-50%); object-fit:contain;z-index:10}
#BtnBuyNowHome{position:absolute;top:83svh;height:5svh;left:72%;transform:translateX(-50%); object-fit:contain;z-index:10}
#tncapplyhome  {  position: absolute;
    z-index: 99;
width: 80svw;
left: 50%;
/* top: 95svh; */
font-size: 12px;
position: absolute;
bottom: 30px;
color: white;
text-align: center;
transform: translateX(-50%);
}
#iconswipe {
    position: relative;
    top: 5svh;
    height: 7svh;
    animation: smooth-bounce 1.5s infinite ease-in-out;
}

@keyframes smooth-bounce {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
}
#updateanimatehome{
    z-index: 99;
    width: 90svw;
    left: 50%;
    /* top: 95svh; */
    position: absolute;
 bottom: 30px;

     z-index: 3 ;
    font-size: 15px;
    color: white;
    text-align: center;
    transform: translateX(-50%);
}
#thankyousupport{
    object-fit: contain;
    width: 70svw;
    left: 50%;
    transform: translateX(-50%);
    position: relative;
}


#Tictacending{
    height: 12svh;
    width: 80svw;
    border-radius: 20px;
    border-color: #167240;
    border-width: 5px;
    border-style: solid;
    top: 78svh;
    left: 50%;
    transform: translateX(-50%);
    position: relative;
    background-color: white;
}

#tictacmusicdescEnd{
    position: relative;
    top: 2px;
}
}