body {
    background: url() center center no-repeat;
    background-size:cover;
    background-attachment:fixed;
}

.gradient-border {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.the_wheel {
    background-image: url('https://imgstore.click/images/wheel_backs161_1749010351.png');
    background-position: center;
    background-repeat: no-repeat;
	background-size: 100%;
    padding: 20px;
}


.alert-bg2.active{
    display:flex!important;
}

.alert-bg2{
    z-index:99999!important; 
    position:fixed; 
    top:0px; 
    left:0px; 
    width : 100%; 
    height: 100%; 
    background: rgba(0,0,0,0.5); 
    display:none; 
    align-items:center; 
    justify-content:center;
}	

.alert-bd2{
    position:relative;
    background: #f1f1f1; 
    color:black; 
    font-weight : bold; 
    padding:20px; 
    height:auto!important;
}

.alert-close2{
    font-size : 26px;
    font-weight : bold; 
    color:white; position:absolute; 
    top:-10px; right:-20px;  
    display:flex; align-items:center; 
    justify-content:center; 
    border-radius:100%; 
    width : 35px; 
    height: 35px; 
    background: rgb(255, 0, 0);
}

.alert-bd,
.alert-bd2{
    width : 900px;
    max-width: 80%;
}