/*canvas { display: block; margin: auto; }*/
/*.form-container { text-align: center; margin-top: 20px; }*/
/*input { padding: 10px; margin: 5px; }*/


canvas {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
}

.spin-wheel-container{
    background-image: url("../img/bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}

.bg-c{
    background-image: url("../img/wheel_back.png");
    background-position: center;
    background-repeat: no-repeat;
}

.wheel-wrapper {
    max-width: 100%;
    overflow: hidden;
}

@media (max-width: 768px) {
    .form-container {
        padding: 20px;
    }
    input, button {
        width: 100%;
    }
}

.wheel-pointer {
    position: absolute;
    top: 23px; /* Distance above wheel */
    left: 50%;
    transform: translateX(-50%);
    font-size: 40px; /* Adjust size as needed */
    color: #000;     /* Adjust color to match your theme */
    z-index: 10;
}

.wheel-pointer  img{
    width: 30px;
}

.center-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    /*width: 60px;*/
    /*height: 60px;*/
    transform: translate(-50%, -50%);
    z-index: 5;
}

/*.center-logo img {*/
/*    width: 60px;*/
/*    height: 60px;*/
/*    object-fit: contain;*/
/*}*/

h1.spin-wheel-title {
    font-size: 24px;
}

.fancybox__slide p{
    font-size: initial !important;
}