.icon-check {
    width: 1em;
    height: 1em;
    display: inline-block;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="3 0 10 10"><path fill="white" d="M6.293 9.707a1 1 0 0 0 1.414 0l5-5a1 1 0 1 0-1.414-1.414L6 7.586 4.707 6.293a1 1 0 0 0-1.414 1.414l2 2z"/></svg>') no-repeat center;
    background-size: contain;
}
.input-group{
    margin-top:6px;
}
canvas {
    min-height: 80vh;
}
@media (max-width: 768px) {
    canvas{
        min-height:50vh;
    }
}
.text-red{
    color:var(--primary-color);
    font-weight:bold;
}


/* Modal Styling */
.modal-content {
    background-color: #f8f9fa; /* Light background similar to your site */
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.modal-header {
    background-color: #e9ecef; /* Slightly darker header */
    border-bottom: 1px solid #dee2e6;
}

.modal-title {
    font-weight: bold;
    color: #333;
}

.modal-body {
    text-align: center;
    padding: 2rem;
}

.fortune-message {
    position: relative;
}

.fortune-star {
    width: 128px;
    position: absolute;
    top: -160px;
    left: 50%;
    transform: translateX(-50%);
}

.winner-text {
    font-size: 4rem;
    color: var(--primary-color);
    font-weight: bold;
    margin-top: 144px;
}

.modal-footer {
    border-top: 1px solid #dee2e6;
    justify-content: center;
}

.btn-secondary {
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-secondary:hover {
    background-color: #5a6268;
    border-color: #5a6268;
}