.hero-subtitle{
    font-size: 40px;
}

.hero-subtitle span{
    font-size: 22px;
}
@media(min-width:768px){
.prize-desc{
    font-size: 22px!important;
}
}

.note-text{
    font-size: 12px;
}

.step-number{
    color: #fff;
    background-color: var(--secondary-color);
    clip-path: circle();
}

#prize-visual{
    background-image: url('../img/other-promotions/J26LD/prize-bg.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.winners-table th{
    background-color: var(--secondary-color);
    padding: 8px;
}
.winners-table td{
    padding: 8px;
}

@media (max-width: 991.98px) {
    #promo-details table,
    #promo-details thead,
    #promo-details tbody,
    #promo-details tr,
    #promo-details th,
    #promo-details td {
        display: block;
        width: 100%;
    }

    #promo-details table th {
        width: 100%!important;
        padding: 0.75rem 1rem;
    }

    #promo-details table td {
        width: 100%!important;
        padding: 0.75rem 1rem;
    }
}
@media (max-width: 991.98px) {
    .winners-table,
    .winners-table thead,
    .winners-table tbody,
    .winners-table tr,
    .winners-table th,
    .winners-table td {
        display: block;
        width: 100%;
    }

    .winners-table thead {
        display: none;
    }

    .winners-table tr {
        margin-bottom: 1rem;
        overflow: hidden;
    }

    .winners-table td {
        text-align: center !important;
       padding: 8px;
    }

    .winners-table td::before {
        content: attr(data-label);
        font-weight: 700;
        display: block;
        background-color: var(--secondary-color);
        padding: 8px;
        color: #fff;
          text-align: center !important;
    }
}