@font-face{
    font-family:"TT Norms";
    font-weight:400;
    font-display:swap;
    src:url(/themes/lottery/ml2025/fonts/TTNormsProMono-Rg.ttf) format("truetype");
}
@font-face{
    font-family:"TT Norms";
    font-weight:500;
    font-display:swap;
    src:url(/themes/lottery/ml2025/fonts/TTNormsProMono-Md.ttf) format("truetype");
}
@font-face{
    font-family:"TT Norms";
    font-weight:700;
    font-display:swap;
    src:url(/themes/lottery/ml2025/fonts/TTNormsProMono-Bd.ttf) format("truetype");
}
@font-face{
    font-family:"Neue Plak";
    font-weight:400;
    font-display:swap;
    src:url(/themes/lottery/ml2025/fonts/Neue-Plak-Regular.ttf) format("truetype");
}
@font-face{
    font-family:"Neue Plak";
    font-weight:600;
    font-display:swap;
    src:url(/themes/lottery/ml2025/fonts/Neue-Plak-SemiBold.ttf) format("truetype");
}
@font-face{
    font-family:"Neue Plak";
    font-weight:700;
    font-display:swap;
    src:url(/themes/lottery/ml2025/fonts/Neue-Plak-Bold.ttf) format("truetype");
}
@font-face{
    font-family:"Neue Plak";
    font-weight:900;
    font-display:swap;
    src:url(/themes/lottery/ml2025/fonts/Neue-Plak-Black.ttf) format("truetype");
}
@font-face{
    font-family:"Neue Plak";
    font-weight:400;
    font-style:italic;
    font-display:swap;
    src:url(/themes/lottery/ml2025/fonts/Neue-Plak-Text-Italic.ttf) format("truetype");
}


:root {
    --text-xs: clamp(0.79rem, -0.01vw + 0.79rem, 0.78rem);
    --text-s: clamp(0.89rem, 0.08vw + 0.87rem, 0.94rem);
    --text-m: clamp(1rem, 0.21vw + 0.96rem, 1.13rem);
    --text-l: clamp(1.13rem, 0.37vw + 1.05rem, 1.35rem);
    --text-xl: clamp(1.27rem, 0.59vw + 1.15rem, 1.62rem);
    --h6: clamp(0.8rem, -0.04vw + 0.81rem, 0.77rem);
    --h5: clamp(1rem, 0.05vw + 0.99rem, 1.03rem);
    --h4: clamp(1.25rem, 0.21vw + 1.21rem, 1.38rem);
    --h3: clamp(1.56rem, 0.45vw + 1.47rem, 1.83rem);
    --h2: clamp(1.95rem, 0.82vw + 1.79rem, 2.44rem);
    --h1: clamp(2.44rem, 1.36vw + 2.17rem, 3.26rem);
    --h-title: clamp(3.05rem, 2.15vw + 2.62rem, 4.34rem);
    --bricks-color-fa033a: #f5f5f5;
    --bricks-color-333749: #e0e0e0;
    --bricks-color-d4019f: #9e9e9e;
    --bricks-color-43c87d: #616161;
    --bricks-color-a5ffb0: #424242;
    --bricks-color-28e297: #212121;
    --bricks-color-358366: #ffeb3b;
    --bricks-color-c19e4f: #ffc107;
    --bricks-color-43ba76: #ff9800;
    --bricks-color-163bb3: #ff5722;
    --bricks-color-f5115e: #f44336;
    --bricks-color-b96473: #9c27b0;
    --bricks-color-bdc1c1: #2196f3;
    --bricks-color-5dd790: #03a9f4;
    --bricks-color-f51971: #81D4FA;
    --bricks-color-10d0d8: #4caf50;
    --bricks-color-4e9063: #8bc34a;
    --bricks-color-a82bf6: #cddc39;
    --bricks-color-oaqenh: #7a00e5;
    --bricks-color-jruydi: #ffc962;
    --bricks-color-iddvvq: #9a4dff;
    --bricks-color-iitftj: #ffffff;
    --bricks-color-nnyhrd: #ef4136;
    --bricks-color-ortwsi: #3d0072;
    --bricks-color-ogtbsc: #282828;
}

body {
    font-size: 18px;
    line-height: 1.7;
    font-family: "Neue Plak";
    font-weight: 600;
    color: var(--bricks-color-ogtbsc);
    border-bottom: 8px solid var(--bricks-color-oaqenh);
    padding-top: 2rem;
    padding-right: 1rem;
    padding-bottom: 2rem;
    padding-left: 1rem;
    background-image: url(/themes/lottery/ml2025/images/bg4-1.png);
    background-size: auto;
    background-color: var(--bricks-color-oaqenh);
    /* background:#eee; */
    color: #000
}
.container > p {
    color: #fff;
}

.lottery-logo {
    margin: 0px auto;
    display: none;
    max-width: 363px;
}

.modal-dialog {
    color: #333
}

.phone-code {
    display: none
}

.phone-number {
    padding-left: 12px!important
}

.well {
    color: #333
}

.hpanel {
    margin-top: 40px;
    background-color: var(--bricks-color-iitftj);
    padding-top: 1rem;
    padding-right: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
    border-radius: 1rem;
    width: 100%;
    margin-bottom: 2rem;
}

.hpanel .panel-body {
    color: #333
}

.hpanel.hblue .panel-body {
    border: none;
    color: #333;
    /* border:4px solid #f3b90e; */
    /* box-shadow: 0 5px 14px 0 rgb(0 0 0 / 7%); */
}

.hpanel>.panel-heading {
    font-weight: 700;
    font-size: 1.5em;
    color: #4d207a;
    padding: 0px 15px;
    border-bottom: none;
    /* text-transform: uppercase; */
}

.hpanel.hbgblue {
    background-color: var(--bricks-color-iddvvq);
}
.hpanel.hbgblue>.panel-heading {
    color: #fcc860;
}
.hpanel.hbgblue .panel-body {
    background-color: var(--bricks-color-iddvvq);
    padding: 0px 10px 15px 10px;
    color: #fcc860;
    font-weight: bolder;
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        padding-top: 0px;
        margin-bottom: 0;
        text-align: right;
    }
}
.radio label, .checkbox label {
    padding-left: 20px;
}
.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
    padding-top: 0px;
}
input[type="radio"], input[type="checkbox"] {
    margin: 8px 0 0;
}

.title-line {
    /* background: #7a00e5; */
    color: #ffffff;
    margin: 24px 0;
}

.title-line:after {
    margin: 0 0 20px;
    border-bottom: none;
}

.title>small {
    color: rgb(255 255 255)
}

.title-line .col-md-5 {
    padding: 0
}

.countdown-wrapper {
    font-size: 1.1em;
    font-weight: 900;
    background-color: var(--bricks-color-iddvvq);
    padding: 21px;
    width: 100%;
    border-radius: 1rem;
}

.countdown-wrapper .countdown-info {
    /* font-size: 1.1em; */
    /* color: #4d207a; */
}

.countdown-wrapper .countdown {
    color: #fcc860;
    /* color: #fff; */
    /* text-transform: uppercase; */
    /* font-weight: 900; */
    /* font-size: 1.75em; */
    line-height: 1.1em;
}

#nexus-raffle-logo-wrapper a {
}

.btn-primary {
    color: #3b0256!important;
    background: #f3b90e!important;
    border: 5px solid #f3b90e!important;
    border-radius: 100px;
    text-transform: uppercase;
    font-weight: 700!important
}

.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active {
    filter: brightness(110%)
}

.btn-default {
    border: 5px solid #f3b90e;
    border-radius: 100px;
    background: transparent;
    color: #f3b90e;
}

.customer-service {
    font-size: 2em;
    font-weight: 900;
    text-align: center;
    background: #fff;
    margin: 70px auto 40px;
    padding: 20px;
    display: block;
    border-radius: 3px;
    border: none;
    border-top: 3px solid #6c4180;
    color: #333
}

.page-winners .nav-tabs>li {
    background: #e6e6e6
}

.page-winners #winners-table-wrapper .btn-group {
}

input#keyword {
    height: 42px;
    font-size: 1.4em
}

#winners-table-wrapper .btn.active {
    border: 5px solid #e1e1e1
}

#gamingbar-bc2021 {
    margin-bottom: 30px
}

.gamingbar-bc2021-row-1 {
    background: #fff;
    text-align: center;
    font-size: 1.1em;
    border: 3px solid #000;
    border-bottom: 0;
    padding: 5px
}

.gamingbar-bc2021-row-2 {
    background: #000;
    color: #fff;
    text-align: center;
    font-size: 1.1em;
    line-height: 1.5em;
    padding: 7px
}

#ticket-packs>div.col-md-6 .hpanel {
    margin-top: 0
}

@media (max-width: 640px) {
    .container form > #place-order-button {
        width: 90%;
        margin: 60px auto 70px auto;
        display: block;
        float: none !important;
    }

    .container form > a.btn[href='https://millionairelottery.com/'] {
        margin: 0px auto;
        display: table;
        float: none !important;
    }
}

.jackpot-container {
    text-align: center;
}
.jackpot-info {
    text-transform: uppercase;
    font-size: 1.5em;
    line-height: 1.1em;
}
.jackpot-value {
    color: var(--bricks-color-oaqenh);
    font-size: 40px;
    font-weight: bold;
    margin: -20px 0px;
    line-height: 2em;
}

.logic-or, .logic-and {
    display: table;
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
    margin: -5px auto 15px auto;
    background: #7a00e5;
    width: 43px;
    padding: 11px 10px;
    border-radius: 70px;
    text-transform: uppercase;
    color: #fff;
    line-height: 1em;
}
.logic-and:before {
    top: 10%;
}
.logic-or:before {
    content: "or";
    font-size: 0.9em;
    font-weight: 900;
    line-height: 1.5em;
    margin-top: -4px;
    display: block;
}

#nexus-raffle-logo-wrapper.nexus-logo-dark > div > a {
    background-image: url(/images/raffle-logo-light-350x85.png);
}
#nexus-raffle-logo-wrapper p {
    opacity: 1 !important;
    color: #fff;
}