html{
    font-family: 'Nexa';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 1;
    padding: 0;
    margin: 0;
    color: #ffffff;
    background-color: #210244;
}
body{
    font-family: 'Nexa';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 1;
    padding: 0;
    margin: 0;
    color: #ffffff;
    background-color: #210244;
}
a{color: #ffffff;text-decoration: none;}
a:hover{color: #ffffff;text-decoration: none;}
.font-weight-bold{
    font-family: 'Nexa';
    font-style: normal;
    font-weight: bold;
}
.header-spacer{
    height: 35px;
}
.header-spacer-small{
    height: 8px;
}
.yellow{
    color:#ffc533;
}
.green{
    color:#025e5e;
}
.spacer-half{
    height: 13vh;
}
.title{
    font-size: 4rem;
}
.pop-title{
    font-size: 2rem;
}
.box-shadow{
    width: 150px;
    height: 150px;
    margin: auto;
    border-radius: 10px;
    padding: 10px;
    box-shadow: rgba(8, 181, 181, 1) 0px 0px 0px 2px, rgba(8, 181, 181, 1) 0px 4px 6px -1px, rgba(8, 181, 181, 1) 0px 1px 0px inset;
}
.white-bg{
    background-color: #ffffff;

}
.b-lang{
    background-color: transparent;
    color:#ffffff;
    border-radius: 10px;
    border:1px solid #1d272f;
}
.spacer-50{
    height: 50px;
}





.button-87 {
   margin: 10px;
   padding: 15px 30px;
   text-align: center;
   text-transform: uppercase;
   transition: 0.5s;
   background-size: 200% auto;
   color: white;
   border-radius: 10px;
   display: block;
   border: 0px;
   font-weight: 700;
   box-shadow: 0px 0px 14px -7px #ff9161;
   background-image: linear-gradient(45deg, #c60182 0%, #b9008e  51%, #c60182  100%);
   cursor: pointer;
   user-select: none;
   -webkit-user-select: none;
   touch-action: manipulation;
}

.button-87:hover {
    background-position: right center;
    /* change the direction of the change here */
    color: #fff;
    text-decoration: none;
}

.button-87:active {
    transform: scale(0.95);
}
.button-88 {
    margin: 10px;
    padding: 15px 30px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;
    border-radius: 10px;
    display: block;
    border: 0px;
    font-weight: 700;
    box-shadow: 0px 0px 14px -7px #883be8;
    background-image: linear-gradient(45deg, #8631e3 0%, #9a29e8  51%, #8631e3  100%);
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
}

.button-88:hover {
    background-position: right center;
    /* change the direction of the change here */
    color: #fff;
    text-decoration: none;
}

.button-88:active {
    transform: scale(0.95);
}
.button-89 {
    margin: 10px;
    padding: 15px 30px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;
    border-radius: 10px;
    display: block;
    border: 0px;
    font-weight: 700;
    box-shadow: 0px 0px 14px -7px #ff9161;
    background-image: linear-gradient(45deg, #e4db1b 0%, #f5a547  51%, #e4db1b  100%);
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
}

.button-89:hover {
    background-position: right center;
    /* change the direction of the change here */
    color: #fff;
    text-decoration: none;
}

.button-89:active {
    transform: scale(0.95);
}
.box-bg{
    background-color: #111827;
    padding: 25px;
}
.green-box{
    background-color: #004d40;
    border-radius: 15px;
    color:#ffffff;
    padding: 25px;
}
.purple{
    color:#b9008e;
}
.green-border{
    border:1px solid #004d40;
    border-radius: 25px;
    padding: 25px;
    min-height: 300px;
}
.dark-green-bg{
    background-color: #17202a;
    border-radius: 25px;
}
.pay-box{
    border:1px solid #24282b;
    border-radius: 25px;
    background-color: #13485e;
    padding: 25px;
}
.select-image{
    cursor: pointer;
    border:1px solid #17202a;
}
.select-image-b{
    cursor: pointer;
    border:1px solid #17202a;
}
.selected{
    border:1px solid rgba(223, 193, 12, 1);
}
.thanks-box{
    box-shadow: 0 0 10px rgba(223, 193, 12, 0.8);
    border:1px solid rgba(223, 193, 12, 1);
    border-radius: 20px;
    padding: 20px;
    background-color: #222222;
}
.ready-box{
    background-color: #00ffff;
    color:#020817;
    font-size: 22px;
    font-weight: bold;
    padding: 20px;
}
.booth-box{
    background-color: #ffd700;
    color:#020817;
    font-size: 30px;
    font-weight: bold;
    padding: 20px;
}
.booth-title{
    font-size: 18px;
    font-weight: bold;
}
.start-btn{
    background-color: #ff00ff;
    color:#ffffff;
    font-size: 16px;
    font-weight: bold;
    border-radius: 50px;
    padding: 15px 20px 10px 20px;
    line-height: 1;
}
.start-btn:hover{
    background-color: #ff00ff;
    color:#ffffff;
    font-size: 16px;
    font-weight: bold;
    border-radius: 50px;
    padding: 15px 20px 10px 20px;
    line-height: 1;
}
@media all and (max-width: 480px) {
    .green-box{
        padding: 5px;
    }
    .title{
        font-size: 2rem;
    }
    .spacer-half{
        height: 5vh;
    }
    .pop-title{
        font-size: 1.5rem;
    }
}