/* This is where we put CSS styles that would write over the base design */ 	
body, html {	
    background: rgba(255, 255, 255, 0)!important;	
}	
body {	
    transform: scale(1)!important;	
    overflow: hidden;	
}	
/* -- Client-Specific Page Elements  -- */ 	
.client-company img {	
    max-width: 100%;	
}	
.client-title img {	
    max-width: 360px; 	
    margin-left: 4px;	
}	
.content-wrapper.fancy img.img-fluid {	
    display: none;	
}	
#user-form {	
    max-width: 400px; 	
}	
.client-title {	
    display: none !important;	
}	
.flex-child.client-company {	
    display: none !important;	
}	
.flex-child.wheel.wheel-background.full-width {	
    background: none !important;	
}	
/* Logo and Heading size override */	
.flex-child.client-title img.img-fluid,	
.flex-child.client-company img.img-fluid{	
    width: 18%;	
}	
.flex-child.client-title img.img-fluid,	
.flex-child.client-company img.img-fluid,	
.content-wrapper.fancy.centerer img.img-fluid,	
#spin-now{	
         animation: pulse 1s ease-in-out infinite; 	
}	
/* Spin animation */	
.wheel-wrapper .spin-ani {	
	animation: rot 3s ease-in-out infinite;	
}	
@keyframes rot {	
	0% { transform: rotate(0deg) }	
	20% { transform: rotate(0deg) }	
	100% { transform: rotate(360deg) }	
}	
.swal2-content img {	
    max-width:440px;	
    margin: 20px 0!important;	
}
.mega-button,.mega-button:hover {
    font-size: 64px;
    font-weight: 500;
    background: #000;
    border-radius: 15px;
}