/* ================================================== */
/* =================== HOME PAGE ==================== */
/* ================================================== */

/* DESKTOP */


.gradient_nav {
    background: url("../img/millen_images/Gradient 01.svg") center no-repeat;
    background-size: cover;
    height: 18px;

    z-index: 999999;
    position: relative;

}

.banner_title_img {position: absolute;}
.banner_title_img.top_right {
    max-width: 25vw;
    right: 0px;
    z-index: 0;
    top: 650px;
}
.banner_title_img.top_left {
    max-width: 20vw;
    left: 0;
    z-index: 0;
    /* top: 1150px; */
    top: 150vh;
}
.banner_title_img.bot_right {
    max-width: 25vw;
    right: 0;
    top: -52px;
}

.banner_title_img.bot_left {
    max-width: 25vw;
    left: 0;
    bottom: -50px;
}



.banner {
    background: url("../img/millen_images/main_background.jpg") center no-repeat;
    background-size: cover;
    height: 440px;
    z-index: -1;
    padding: 1px;
    display: flex;
    background-position: top;
}
.banner_title {
    /* background: url("../img/main_banner_title_big.svg") no-repeat; */
    max-width: 1337.5px;
    margin: 0 auto;
    width: 100%;
    display: table;

    position: relative;
    z-index: 2;
    left: 5%;
}

.banner_title img {
    width: 100%;
    max-width: 650px;
    height: 650px;
    /* margin-left: 6%; */
    /* position: relative; */
    z-index: 2;
}

.banner_title_text {
    display: table-cell;
    vertical-align: middle;
    left: 34%;
    color: #ffffff;

}
.banner_title_text p {
    margin: 0;
    font-size: 36px;
    line-height: 40px;
    letter-spacing: -1.05px;
}
.banner_title_text h1 {
    margin: 0;
    font-size: 56px;
    line-height: 64px;
    font-weight:500;
    color: #ffffff;
    letter-spacing: -1.5px;
}
.banner_title_text button {
    font-size: 16px;
    min-width: 170px;
    min-height: 48px;
    margin-top: 30px;
    padding: 12px 24px;
}

.banner_title_text button.two {
    float: left;
}
.banner_title_text button.two_btns_home {
    display: block;
    float: left;
    margin-left: 2%;
}

.black_btn_contain {

    display: flex;
    justify-content: center;
    align-items: center;

}

.banner_title .black_btn_contain img {

    width: 16px;
    height: auto;
}
.wheel_spin .start_button .black_btn_contain img {
    width: 16px;
    height: auto;
}
.wheel_spin .claim_prize_left .black_btn_contain img {
    width: 16px;
    height: auto;
}
.banner_title .black_btn_contain p, .wheel_spin .claim_prize_left .black_btn_contain p {
    letter-spacing: 0;
    font-family: 'Otypical Text';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    /* margin-right: 12px; */
    letter-spacing: 0;
    margin-top: 0;
}
.wheel_spin .start_button .black_btn_contain p {
    letter-spacing: 0;
    font-family: 'Otypical Text';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;

    letter-spacing: 0;
    margin-top: 0;
}

/* button.black_btn.start_button.desktop .black_btn_contain:hover p, button.black_btn.start_button.mobile .black_btn_contain:hover p, button.black_btn.claim_prize_left:hover p, .banner_title_text button.black_btn .black_btn_contain:hover p{
  font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 24px;

color:#fff;
} */

button:focus.black_btn.start_button.desktop , button:focus.black_btn.start_button.mobile, button:focus.black_btn.claim_prize_left,
.banner_title_text button:focus.black_btn {
    background-color:#000;
    color:#fff;
}
button.black_btn.start_button.desktop .black_btn_contain::after, button.black_btn.start_button.mobile .black_btn_contain::after, button.black_btn.claim_prize_left::after, .banner_title_text button.black_btn .black_btn_contain::after, button.black_btn.login_btn_home .black_btn_contain::after {
    content: url("../img/millen_images/arrow_right.svg");
    padding-left: 10px;
    line-height: 0px;
}
button:hover.black_btn.start_button.desktop .black_btn_contain::after, button:hover.black_btn.start_button.mobile .black_btn_contain::after, button:hover.black_btn.claim_prize_left::after, .banner_title_text button:hover.black_btn .black_btn_contain::after, button:hover.black_btn.login_btn_home .black_btn_contain::after {
    content: url("../img/millen_images/arrow_right.svg");
    padding-left: 10px;
    line-height: 0px;
}
button:focus.black_btn.start_button.desktop .black_btn_contain::after, button:focus.black_btn.start_button.mobile .black_btn_contain::after, button:focus.black_btn.claim_prize_left::after, .banner_title_text button:focus.black_btn .black_btn_contain::after,button:focus.black_btn.login_btn_home .black_btn_contain::after {
    content: url("../img/millen_images/arrow_right.svg");
    padding-left: 10px;
    line-height: 0px;
}











.glow_bg {
    background: url("../img/millen_images/light_glow.png") center no-repeat;
    background-size: cover;
    z-index: 10;
    background-position-y: center;
    padding: 1px;
    padding-bottom: 56px;
}

.monthly_prizes {
    text-align: center;
    position: relative;

}
.t_prizes {
    text-align: center;
    position: relative;
    background: #E8E7FF;
    padding-top: 80px;
    padding-bottom: 80px;
}
.monthly_prizes {
    max-width: 830px;
    margin: 0 auto;
}

.monthly_prizes h1 {
    font-weight: 500;
    margin-top: 70px;
}
.monthly_prizes h2 {
    font-family: 'Otypical Text';
    font-size: 20px;
    color: #000000;
    font-weight: 400;
    margin-top: 16px;
    margin-bottom: 50px;
    position: relative;
}

.monthly_prizes .box {
    background-color: #ffffff;
    border-radius: 10px;
    margin: 10px;
    width: 100%;
    /* height:300px; */
    max-width: 256px;
    padding: 20px;
    position: relative;
}
a.box {text-decoration: none;}
a.box:focus, a.box:focus-visible, a.box:focus-within, a.box:active {outline: none!important;}
a:focus {outline:none!important;}

.monthly_prizes img {
    max-width: 214px;
    margin: 0 auto;
}
.monthly_prizes .title {

    color: #000000;
    font-family: 'Otypical Text';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
}
.t_prizes h1 {
    font-weight: 500;

}
.t_prizes h2 {
    font-family: 'Otypical Text';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    margin: 16px auto 0 auto;
    max-width: 860px;
    color: #000000;
    text-align: center;
}
.drop {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ACD7D3;
    border-radius: 80px;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    margin-top: 24px;
    margin-bottom: 8px;
}
.drop p {

    font-family: 'Otypical Text';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
}
.t_prizes .box {


    width: 100%;
    max-width: 180px;
}
.t_prizes img {
    width: 100%;
    max-width: 72px;
    margin: 0 auto;
}

.t_prizes .title {
    font-size: 20px;
    color: #000000;
    font-weight: 700;
    margin-top: 20px;
}
.t_prizes .container_prizes {
    margin-top:56px;
    margin-bottom:64px;
}

.t_prizes button {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    min-width: 223px;
    min-height: 48px;
    margin: 0 auto;
    padding: 12px 24px;

}
.container_steps {
    max-width:800px;
    margin: 0 auto;
}

.win_steps {
    text-align: center;
    position: relative;

    padding-top: 80px;
    padding-bottom: 80px;

}
.win_steps h1 {
    font-weight: 500;
    margin-top: 60px;
    margin-top: -10px;
}
.win_steps img {max-width: 140px;}

.win_steps .title {
    text-align: center;
    font-weight: 500;
    font-size: 24px;
    color: #000000;


}

.win_steps .desc {
    font-family: 'Otypical Text';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    color: #000000;
    margin-top: 20px;
    max-width: 350px;
    margin: 20px auto 0 auto;
    line-height: 28px;

}

.win_steps .btn_content {margin: 70px 0 0 0;}

.win_steps button {
    font-size: 16px;
    font-family: Otypical Text;
    font-weight: 500;
    line-height: 24px;

    min-height: 48px;
    margin: 16px;
    padding: 12px 24px;
}
.gradient_circle {
    background: url("../img/millen_images/elipse_gradient.png") center no-repeat;
    background-size: cover;
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 50%;
    color: #000000;
    text-align: center;
    margin: 0 auto;
    margin-bottom:32px;
}
.gradient_circle p {
    font-family: 'Otypical Text';
    font-style: normal;
    font-weight: 700;
    font-size: 24.2424px;

}
.login_section {
    background-color: #ECF2FF;
    padding-top: 56px;
    padding-bottom: 56px;
    position: relative;
}


.login_section form {
    margin-top: 40px;
    width: 100%;
}
.form_title_input {
    font-size: 14px;
    font-family: Otypical Text;
    font-weight: 500;
    margin-bottom: 8px;
}

/* .login_section .input_block { */
.input_block {
    margin-top: 60px;
    max-width: 450px;
    margin: 0 auto;
}

/* .login_section input { */
input {
    background-color: #ffffff;
    width: 100%;
    height: 67px;
    color: #000000;
    font-size: 18px;
    padding-left: 20px;
}
/* .login_section input:focus { */
input:focus {
    border-color: #000000!important;
    color: #000000!important;
    outline: none!important;
    box-shadow: none!important;
}

/* .login_section .error #mobile {padding: 19px 0 0 20px;} */
.error input {}
/* .login_section .error #pass {padding: 19px 0 0 20px;} */
.error input {}

/* .login_section .error input { */
.error input {
    background: url("../img/info_icon.svg") no-repeat  96% center;
    background-size: 20px 20px;
    background-color: #ffffff;

    border-color: #EB0E00;
}
.error input:focus {
    border-color: #EB0E00!important;
}
/* .login_section .error_msg { */
.error_msg {
    font-size: 14px;
    color: #EB0E00;
    margin-top: 8px;
}

.form-group {position: relative;}

/* .login_section label.form-control-label { */
label.form-control-label {
    position: absolute;
    font-size: 18px;
    top: 6px;
    left: 20px;
    color: #000000;
}

.login_section button {
    font-size: 16px;
    font-family: Otypical Text;
    font-weight: 500;
    line-height: 24px;
    min-height: 48px;

    padding: 12px 24px;
    margin:0 auto;
    margin-top: 24px;
    position: relative;
}

.login_links {max-width: 450px; margin: 40px auto 0 auto; display: flex;
    justify-content: flex-start;
    flex-direction: column;
    text-align: center;}
.login_links a {

    color: #2C72FF;
    text-align: center;
    font-size: 14px;
    font-family: Otypical Text;
    font-weight: 500;
    line-height: 22px;
    text-decoration-line: underline;
    position: relative;
    margin-bottom:12px;
}
.page_content.account_pg .cards_section h1{

    margin-top: 80px;
}
.page_content.account_pg .cards_section .card {
    width: 100%;
    max-width: 390px;
    border-radius: 24px 24px 30px 30px;
    background-color: #ffffff;
    border: none;
    margin: 56px 10px 60px 10px;
}
.cards_section  {
    margin: 80px auto;
}

.cards_section .card {
    width: 100%;
    max-width: 390px;
    border-radius: 24px 24px 30px 30px;
    background-color: #ECF2FF;
    border: none;
    margin: 56px 10px 60px 10px;
}
.cards_section .card.forthree {
    width: 100%;
    max-width: 300px;
    border-radius: 24px 24px 30px 30px;
    background-color: #ECF2FF;
    border: none;
    margin: 56px 10px 60px 10px;
}
.cards_section img {
    max-width: 540px;
    border-radius: 24px 24px 0px 0px;
}

.cards_section .card_content {
    padding: 24px;
}

.cards_section .card_text {
    font-size: 22.5px;
    line-height: 29px;
    color: #000000;
    font-weight: 500;
    text-align:left;
    margin-bottom:16px;
}

.cards_section .card a:hover {text-decoration:none;}
.cards_section .card a {
    color: #2C72FF;
    font-size: 16px;
    font-family: Otypical Text;
    font-weight: 500;

    text-align:left;
}
.cards_section .card a.link_with_icon img {
    width:16px;
    height:16px;
}

.step_box {max-width: 400px; margin-top: 60px;}
/* ================================================== */
/* =============== END HOME PAGE ==================== */
/* ================================================== */


/* ============== */
/* === Modals === */
/* ============== */

/* Play Now popup (Home) */
.modal-dialog {max-width: 800px;}
.modal-header, .modal-body, .modal-footer {
    width: 100%;
    /* max-width: 500px; */
    margin-left: auto!important;
    margin-right: auto!important;
    padding: 0;
}
.modal .form-control {font-size: 16px;}
.fade {background: rgba(0,0,0,0.7);}
/* .modal-body {padding: 0 1rem;} */
.modal-header, .modal-footer {border: none;}
.modal-header {justify-content: center; flex-direction: column; align-items: center; text-align: center;}
.modal-footer {justify-content: center; flex-direction: column; align-items: center; text-align: center;}
.modal-title {
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: -0.6px;
    max-width: 410px;
}
.modal-content button.close img{
    width: 100%;
    max-width: 16px;
}
.modal .close {
    position: absolute;
    top: 33px;
    right: 23px;
    max-width: 30px;
    transition: 0.2s;
}
.modal .close:focus {outline: none;}
.modal-body .link_btn {
    color: #2C72FF;

    font-size: 16px;
    font-family: Otypical Text;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    background: none;
    border: none;
    cursor: pointer;
}
.modal-body .link_btn:focus {
    outline: none;
}

.modal .black_btn{
    margin-top: 40px;
}

.modal .black_secondary_btn{
    margin-top: 40px;
}
.modal.cookies  .black_secondary_btn{
    margin-top: 12px;
}
.modal.login  .black_btn{
    margin-top: 12px;
}

.modal .table_chld .black_secondary_btn {
    margin-right: 12px;
}
.modal.play_now form {
    margin-top: 50px;
}


/* Lost Code Popup (Home) */
.modal-header h4 {
    text-align: center;
    margin-top: 16px;
    font-size: 16px;
    font-family: Otypical Text;
    font-style: normal;
    font-weight: 400;
}

.modal.lost_code form {
    margin-top: 35px;
}


/* Register Popup */

/* Custom Radio */
.swiper_dd [type="radio"]:checked,
.swiper_dd [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.swiper_dd [type="radio"]:checked + label,
.swiper_dd [type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #262626;
    font-size: 18px;
}
.swiper_dd [type="radio"]:checked + label:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 25px;
    height: 25px;
    border: none;
    border-radius: 100%;
    background: #ffffff;
}

.swiper_dd [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 25px;
    height: 25px;
    border: 2px solid #999;
    border-radius: 100%;
    background: #ffffff;
}
.swiper_dd [type="radio"]:checked + label:after,
.swiper_dd [type="radio"]:not(:checked) + label:after {
    content: '';
    /* width: 15px; */
    /* height: 15px; */
    background: #000;
    position: absolute;
    top: 5px;
    left: 5px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.swiper_dd [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.swiper_dd [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/* custom radio 2 */

[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 40px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #000000;
    font-size: 16px;
    font-family: Otypical Text;
    font-style: normal;
    font-weight: 400;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 25px;
    height: 25px;

    border-radius: 100%;
    background: url("../img/millen_images/gradient_border.svg") center no-repeat;
    background-size: auto;
    background-size: auto;
    background-size: auto;
    background-size: cover;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    /* width: 15px; */
    /* height: 15px; */
    background: #000;
    position: absolute;
    top: 5px;
    left: 5px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 25px;
    height: 25px;
    border: 2px solid #dddddd;
    border-radius: 100%;
    background: #ffffff;
}

[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);

}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}



/* Custom Checkbox */

.check input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.check label {
    position: relative;
    cursor: pointer;
    color: #000000;
    font-size: 16px;
    font-family: Otypical Text;
    font-style: normal;
    font-weight: 400;
    padding-left: 40px;
    padding-top: 2px;

}

.check label:before {
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #dddddd;
    border-radius: 3px;
    padding: 12px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 10px;

    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 25px;
    height: 25px;
    background: transparent;


}
.check input:checked + label:before {
    background:linear-gradient(225deg, #FFAC24 7.81%, #7066FF 59.90%, #80AAFF 100.00%, #2C72FF 100%);
    border:2px solid white;
}
.check input:checked + label:after {
    content: url("../img/millen_images/checkmark.svg");
    display: block;
    position: absolute;
    top: 3px;
    left: 5px;
    width: 8px;
    height: 18px;


}
.check a {
    color: #2C72FF;
    text-decoration: none;
}


.dots-container {
    width: 140px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 40px;
}

.modal .dot {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #dddddd;
    margin: 0px 8px 0px 8px;
}
.modal .dot.active {background-color: #000;}

.verification .form-control {
    display: block;
    height: 50px;
    margin-right: 5px;
    margin-left: 5px;
    text-align: center;
    font-size: 20px;
    font-family: Otypical Text;
    font-style: normal;
    font-weight: 400;
    max-width: 72px;

    border-radius: 36px;
    width: 90px;
    padding: 12px 20px;
}

.verification_error input {
    border-color: #EB0E00;
}

.modal.register form {
    margin-top: 35px;
}
.modal.register .step2_register form {
    margin-top: 25px;
}


/* Forgot Pass */

.modal.forgot_pass form {
    margin-top: 25px;
}
.modal.forgot_pass .step3_forgot form {
    margin-top: 35px;
}

/* OPT-OUT */

.modal.opt_out form {
    margin-top: 25px;
}
.fixed {position: fixed; bottom: 0;}
.relative {position: relative;}



/* Accept T&C  */
.modal.accept_TC .error_msg {
    padding-left: 35px;
    margin-top: -5px;
}

.modal.accept_TC .check label {margin-top: 20px;}
.modal.accept_TC .modal-header h4 {max-width: 384px;}


/* Popup after 1st obj */



/* Cookies Popup */
.cookies h4 {
    text-align: left;
}

.cookies .pdf_link {
    font-size: 16px;
    font-family: Otypical Text;
    font-style: normal;
    font-weight: 500;
    margin-top: 10px;
    display: flex;
    align-items: center;
}
.cookies .pdf_link img{
    max-width:30px;
    margin-right:5px;
}
/* ============== */
/* End Modals */
/* ============== */



/* ============== */
/* ==== FAQ ===== */
/* ============== */

.faq_content {
    width: 100%;
    max-width: 872px;
    margin: 80px auto 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}

.faq_content h1 {
    margin: 90px auto;
    position: relative;
    text-align: center;
}

.faq_box {

    background-color: #ffffff;

    padding-bottom: 40px;
    padding-left: 30px;
    padding-right: 50px;
    position: relative;
    /* visibility: hidden; */
}
.faq_box .title_accordion h1{
    color:#000000;
    text-align:center;
    font-size: 36px;
    font-family: Otypical Headline;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
    margin: 56px auto;
}
.faq_box > :not(:first-child) {
    margin-top: 80px;
}

.faq_box a {text-decoration: none;}
.accord_title {
    border-top: 1px solid #DDD;
}
.accordion_section > :last-child {
    border-bottom: 1px solid #DDD; /* Replace #000 with your desired border color */
}
.accord_title p {
    font-size: 24px;
    font-family: Otypical Headline;
    font-style: normal;
    font-weight: 500;

    color:#000000;
    padding: 24px 10px 24px 0;
}
.accord_body p {

    padding:10px 0;
}
.accord_body ul {

    margin-bottom: 0;
}
.fa.fa-chevron-down,
.fa.fa-chevron-up {
    color: #B8BAB8;
    font-size: 28px;
}
.fa-chevron-down::before {
    content:url("../img/millen_images/chevron_down.svg");
}
.faq_box .fa-chevron-down::before {
    content:url("../img/millen_images/plus.svg");
}
.faq_box .fa-chevron-up::before {
    content:url("../img/millen_images/minus.svg");

}
.show_more_btn .fa-chevron-down::before {
    width: 16px;
    height: 16px;
    display: inline-block;
    transform: scale(0.7);
    margin-top:10px;
}
.show_more_btn .fa-chevron-up::before {
    width: 16px;
    height: 16px;
    display: inline-block;
    transform: scale(0.7);
    margin-bottom:10px;
}
.fa-chevron-up::before {
    content:url("../img/millen_images/chevron_up.svg");

}
.fa.fa-chevron-up {
    color: #000000;
}

.accord_title .fa.fa-chevron-down,
.accord_title .fa.fa-chevron-up {

}

.accord_subtitle p {
    color: #262626;
    font-size: 21px;
    transition: 0.2s;
    margin: 20px 0;
    padding-right: 20px;
}

.accord_subtitle p:hover {
    color: #8a8a8a;
}

.accord_subtitle.first {
    margin-top: 50px;
}
.faq_box hr {border-top: 1px solid #DCDCDD; }

.accord_body {
    font-size: 16px;
    font-family: Otypical Text;
    font-style: normal;
    font-weight: 400;
    color:#000;
    margin: 0 0 24px 0;

}

.faq .banner_title_img.top_right {
    /* max-width: 25vw; */
    max-width: 490px;
    right: -70px;
    z-index: 0;
    top: 18vh;
}
.faq .banner_title_img.top_left {
    /* max-width: 20vw; */
    max-width: 350px;
    width: 100%;
    left: 0;
    z-index: 0;
    top: 500px;
}

hr.section_hr {
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: -15px;
    margin-right: -15px;
}
hr.for_border_black {
    border-bottom: 1px solid #000;
    margin: 0 32px;
}
.faq_link a {
    color: #2C72FF;
    font-size: 16px;
    font-family: Otypical Text;
    font-style: normal;
    font-weight: 500;
    margin: 90px 0;
    position: relative;
    text-decoration: none;
}
.faq_link {
    text-align: right;
    position: relative;
}
.card_content .arrow_blue {
    display: inline-block;
    text-align: left;
    position: relative;
}
.card_content .arrow_blue::after {
    content: "";
    position: absolute;
    top: 50%;
    margin-left: 4px;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-image: url("../img/millen_images/arrow_right_blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
}
.faq_link .arrow_blue {

    display: inline-block;
    padding-right: 20px;

}
.faq_link .arrow_blue::after {
    content: "";
    position: absolute;
    top: 50%;
    margin-left: 10px;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-image: url("../img/millen_images/arrow_right_blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
}
.gray_shape {
    background-color: #F6F6F5;
    position: absolute;
    top: 0;
    width: 150vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-bottom-left-radius: 40%;
    border-bottom-right-radius: 40%;
    height: 740px;
    z-index: -1;
}

.banner_title_img.faq_mob_blob {display: none;}

/* Login Pupup */
.modal.login form {margin-top: 35px;}


/* ================== */
/* ==== End FAQ ===== */
/* ================== */




/* ======================= */
/* ==== HOW IT WORKS ===== */
/* ======================= */
.how_step.step1, .how_step.step3 {
    width: 100%;
    height: auto;
    position: relative;
}
.how_step.step1, .how_step.step2, .how_step.step3 {position: relative;}
.how_step.step1::after, .how_step.step3::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: #ECF2FF;


}

.how_step.step3::after {
    transform: rotate(0deg);
}

.how_step h1 {
    margin-top: 56px;
    font-size: 36px;
    margin-bottom: 0;
}

.how_step img {

}

.how_step.step1 img, .how_step.step3 img {left: 0;}
.how_step.step2 img {right: 0;}
.step_text {max-width: 480px;}

.how_step.step1 .how_frame_desk_img {
    width: 424px;
    margin: 0 auto;
}

.how_step.step2 .how_frame_desk_img {
    width: 424px;
    margin: 0 auto;
}
.how_step.step3 .how_frame_desk_img {
    width: 424px;
    margin: 0 auto;
}

.how_step .title, .sect_codes h1{
    font-size: 36px;


    font-weight: 500;
}

.how_step .title.blue {

    color: #1B5EE4;

}
.how_step .title.green {

    color: #207D76;

}
.how_step .title.purple {

    color: #5347FF;

}

.how_step p, .how_step li {
    color: #000000;
    font-size: 18px;
    line-height: 26px;
}

.how_frame_desk {display: block;}
.step_1_inside {
    align-items: center;
    justify-content: center;
    display: flex;
    margin-top: 80px;
    padding-bottom: 64px;

}
.step_1_img {
    display: flex;
    align-items: center;
    flex: 1;
    max-width: 424px;
    margin-right: 56px;

}
.step_2_inside {
    align-items: center;
    justify-content: center;
    display: flex;
    margin-top: 80px;
    padding-bottom: 64px;

}
.step_2_img {
    display: flex;
    align-items: center;
    flex: 1;
    max-width: 424px;
    margin-left: 56px;

}
.step_3_inside {
    align-items: center;
    justify-content: center;
    display: flex;
    padding-top: 80px;
    padding-bottom: 64px;

}
.step_3_img {
    display: flex;
    align-items: center;
    flex: 1;
    max-width: 424px;
    margin-right: 56px;

}
.how_btns {
    padding-top: 16px;
    padding-bottom: 64px;
}

.how_step .black_btn, .how_step .black_secondary_btn {
    font-size: 16px;
    font-family: 'Otypical Text';

    padding: 12px 24px;
    min-height: 55px;
    font-weight: 500;
}
.how_btns button:nth-child(-n + 2){
    margin-right:16px;
}
.how_it_works ul {list-style: none; padding-left: 25px;}
.how_it_works ul li::before {
    font-size: 15px;
    font-family: Verdana,sans-serif;
    content: "\2022";
    color: #000000;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

.how_btns {
    display: flex;
    flex-direction: row;
}
.how_btns {width: 100%;}
.how_btns .black_btn.mid {margin: 0 10px;}
/* =========================== */
/* ==== END HOW IT WORKS ===== */
/* =========================== */


/* ===================== */
/* ====== WINNERS ====== */
/* ===================== */

.winners_page .carousel_section {
    width: 100%;
    height: 100%;
    position: relative;
    padding-bottom: 40px;
}
.winners_page .carousel_section::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: url("../img/millen_images/light_glow.png") center no-repeat;
    background-size: cover;


}

.winners_page h1 {
    margin: 40px auto;
}

.swiper_winners .swiper-slide{
    flex-direction: column;



}

.swiper_winners img {max-width: 160px;}
.swiper_winners .prize_text, .swiper_winners .prize_title {
    font-size: 18px;
    font-family: Otypical Text;
    font-weight: 500;

    line-height: 25px;
}
.swiper_winners .prize_title {
    color: #207D76;
    margin-top: 10px;
}

.swiper_winners .prize_text {color: #000000;}
.swiper_winners {padding: 20px; position: relative;max-width: 854px;}

.swiper_winners .swiper-button-next, .swiper_winners .swiper-button-prev {
    background-color: #000;
    border-radius: 48px;
    width: 72px;
    height: 48px;
    padding: 12px 24px;
}
.swiper_winners .swiper-button-next:hover, .swiper_winners .swiper-button-prev:hover {
    background-color: #444;

}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled  {
    background-color: #9999;
}
.swiper_winners .swiper-button-next {left: 100%;}
.swiper_winners .swiper-button-prev {right: 100%; left:unset;}
.swiper_winners .swiper-button-next:after{
    content:url("../img/millen_images/arrow_right.svg");
    font-size: 20px;
    color: #959595;
}
.swiper_winners .swiper-button-prev:after {
    content:url("../img/millen_images/arrow_left.svg");
    font-size: 20px;
    color: #959595;
}

.swiper_winners .swiper-horizontal>.swiper-pagination-bullets, .swiper_winners .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: -25px;
}
.swiper_winners .swiper-pagination-bullet-active {background-color: #000;}
.swiper-pagination-bullet-active {background-color: #2C72FF;}
.swiper-pagination-bullet {
    width: 11px;
    height: 11px;
}

.winners_accordion h1 {font-weight: 500; position: relative; text-align: center;}

.winn_accord_box {
    width: 100%;
    max-width: 783px;

    margin: 0 auto 70px auto;

    padding: 15px;
    position: relative;
}
.winn_accord_box a {text-decoration: none;}
.winn_accord_box img {
    width: 100%;
    max-width: 120px;

}
.winn_accord_box p {
    font-size: 24px;
    font-weight: 500;
    color: #000000;
    margin-left: 20px;
}
.winn_accord_box span {
    color: #207D76;
    font-weight: 500;
}
.winn_accord_inside {
    margin-top: 30px;
    padding-bottom: 20px;
}
.winn_accord_inside p {
    margin-left: 0;
    font-size: 18px;
    font-weight: 400;
    font-family: Otypical Text;
}
.winn_accord_inside hr {
    margin: 8px auto;
    border-top: 1px solid #2F9A92;
}
.winn_accord_inside hr.last {margin-bottom: 0;}
.outer_hr {
    border-top: 1px solid rgba(0,0,0,.2);
    margin-left: -55px;
    margin-right: -55px;
    margin-top: 0;
    margin-bottom: 0;
}
.outer_hr.last { border-top: 1px solid rgba(0,0,0,.0);}
.winners_page .banner_title_img.top_right {top: 0;}
.winners_page .banner_title_img.top_left {top: 550px;}

.winners_page .top_title h1 {margin: 40px auto 10px auto; font-size:48px;}

.swiper_winners .swiper-button-prev:focus-visible,
.swiper_winners .swiper-button-next:focus-visible,
.swiper_winners .swiper-button-prev:focus,
.swiper_winners .swiper-button-next:focus
{
    outline: none!important;
}

.winn_accord_box .outer {
    margin-bottom: 24px;
    background-color: #EEF7F6;
    border-radius: 24px;
    padding: 12px 32px 12px 32px;
}
.modal.choose_game h4 {
    margin-top: 0;
    max-width: 400px;
}
/* ===================== */
/* ==== END WINNERS ==== */
/* ===================== */




/* ======================= */
/* ==== CHOOSE GAME ===== */
/* ======================= */

/* POPUP */

/* END POPUP */
.choose_game_pg {
    position: relative;
    width: 100%;
    height: auto;
    margin-bottom: 50px;
}

.choose_game_pg::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;

}

.choose_game_pg h1 {margin-top: 80px;}

.choose_game_pg .text_2 {
    font-size: 18px;
    font-family: Otypical Text;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    max-width: 860px;
    margin:0 auto;
    margin-top: 56px;
    margin-bottom: 40px;

}

.three_btns_row {
    padding: 0 0 32px 0;

}

.three_btns_row .black_btn, .three_btns_row .black_secondary_btn{
    display: inline-block;

}


.choose_game_pg .card {
    margin: 0 auto 130px auto;
    border-radius: 20px;
    background-clip: content-box;
    max-width: 880px;
    background-color: #ECF2FF;
    border: none;
}

.choose_game_pg .card_text {
    color: #000000;
    max-width: 500px;
    margin: 32px auto;
    font-size: 18px;
    font-family: Otypical Text;
    font-style: normal;
    font-weight: 500;
}

.choose_game_pg .card_banner {
    background-image: url("../img/millen_images/choose_img.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center -50px;
    height: 420px;
    width: 100%;
    max-width: 880px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.choose_game_pg .card_banner.center_img{
    background-image: url("../img/choose_img_center.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 435px;
    width: 100%;
    max-width: 880px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    margin-top: 20px;
}

.choose_btns {margin-bottom: 30px;}

.choose_game_pg .black_secondary_btn, .choose_game_pg .black_btn {

}

.choose_game_pg .centered {margin: auto 10px;}
.choose_blob_right {
    position: absolute;
    max-width: 25vw;
    right: -140px;
    z-index: 0;
    top: -50px;
}

.choose_blob_left {
    position: absolute;
    max-width: 51vw;
    left: -381px;
    z-index: 0;
    top: 25%;
}

.choose_game_pg .card_cont {padding-left: 30px; padding-right: 30px;}


/* ======================= */
/* ==== END CHOOSE GAME ===== */
/* ======================= */




/* =========================== */
/* ==== DELIVERY DETAILS ===== */
/* =========================== */

.dd_carousel {
    position: relative;
    width: 100%;
    height: auto;
}

.dd_carousel::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: url("../img/millen_images/light_glow.png") center no-repeat;
    background-size: cover;
}

.dd_carousel h1 {margin-top: 80px;}
.dd_pg .form_section h1 {
    font-size: 36px;
    font-family: Otypical Headline;
    font-style: normal;
    font-weight: 500;
    color: #000000;

}
.dd_pg .space_btn_inputs {
    padding-right:12px;
    padding-left:0px;
}
.dd_pg .space_btn_inputs.last {
    padding-right:0px;
    padding-left:0px;
}

.dd_carousel h2, .form_section h2 {
    font-size: 24px;
    font-family: Otypical Headline;
    font-style: normal;
    font-weight: 500;
    color: #000000;
    margin: 16px auto 56px auto;
    position: relative;
}
/* .swiper_dd {padding: 18px;} */
.swiper_dd label {
    background-color: #ffffff;
    border-radius: 15px;

    padding: 30px;
    margin-bottom: 80px;
    width: 100%;
    max-width: 210px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    /* border: 5px solid red; */

}

.swiper_dd .swiper-slide.active {
    border: 2px solid #000;
    transition: 0.2s;
    transition: 0.2s;
}

.swiper_dd [type="radio"]:checked + label:before,
.swiper_dd [type="radio"]:not(:checked) + label:before {
    left: 50%;
    transform: translate(-50%, 0);
    top: 30px;
}

.swiper_dd [type="radio"]:checked + label:after,
.swiper_dd [type="radio"]:not(:checked) + label:after {
    left: 50%;
    transform: translate(-50%, 0);
    top: 35px;
}

.swiper_dd [type="radio"]:checked + label:before {
    background: url("../img/millen_images/gradient_border.svg") center no-repeat;
    background-size: auto;
    background-size: auto;
    background-size: cover;
}

.swiper_dd img {
    margin: 38px auto 0 auto;
    max-width: 80px;
}

.swiper_dd p {
    font-size: 20px;
    font-family: Otypical Text;
    font-style: normal;
    font-weight: 500;
    color: #000000;
    margin: -25px auto 45px auto;

}

.swiper_dd .swiper-pagination-bullet {
    width: 11px;
    height: 11px;
}
.swiper_dd .swiper-pagination-bullet-active {
    background-color: #000000;
}


.form_section h1 {margin-top: 15px;}

.dd_pg .form_section form {
    background-color: #ffffff;
    border-radius: 24px;
    padding: 39px;
    border: 2px solid #DDD;
    margin-bottom: 65px;
    margin-top: 20px;
    position: relative;
    max-width: 960px;
    margin: 0 auto;
}

select:focus-visible,
select:focus {
    outline: none!important;
    border-color: #000000!important;
    box-shadow: none!important;
}

.error select {
    background: url(../img/info_icon.svg) no-repeat 75% center;
    background-size: 20px 20px;
    background-color: #ffffff;
    padding-left: 20px;
    height: 48px!important;
    border-color: #EB0E00;

}

.form-control:active label.form-control-label{
    display:block!important;
}
select {
    background-size: 20px 20px;
    background-color: #ffffff;
    padding-left: 20px;
    height: 48px!important;
    border-color: #000000;
    padding: 19px 0 0 20px;
}
.form-control-select.select {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    margin-bottom: 0;
}


select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #6C757D!important;
}
.select:after {
    content:"";
    display: block;
    background: url("../img/millen_images/dropdown.png") center no-repeat;
    color: #6C757D;
    display: flex;
    align-items: center;
    position: absolute; right: 12px; top: 0;

    z-index: 1;
    text-align: center;
    width: 30px;
    height: 100%;
    pointer-events: none;
    box-sizing: border-box;
    font-size: 25px;
    cursor: pointer;
}

.form-control-select.select p {
    position: absolute;
    font-size: 18px;
    top: 6px;
    left: 20px;
    color: #000000;
}

.dd_pg .black_btn {
    float:right;
}
.dd_pg .blue_btn {
    float:right;
}


.dd_pg form .desc_text {

    color: #666;
    max-width: 440px;
    float: right;
    text-align: right;
    font-size: 12px;
    font-family: Otypical Text;
    font-style: normal;
    font-weight: 400;
    padding: 32px 0;
}

.dd_blob_right {
    position: absolute;
    max-width: 25vw;
    right: -140px;
    z-index: 0;
    top: 5%;
}

.dd_blob_left {
    position: absolute;
    max-width: 51vw;
    left: -381px;
    z-index: 0;
    top: 27%;
}

/* DD Confirm */
.dd_confirm::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: url("../img/millen_images/light_glow.png") center no-repeat;
    background-size: cover;

}
.dd_confirm {
    width: 100%;
    height: 100%;
    position: relative;
    padding-bottom: 40px;
    margin-bottom: 56px;
    padding-top: 1px;
}
.dd_confirm h1 {
    margin: 60px auto 40px auto;
    max-width: 480px;
}
.dd_conf_box {
    background-color: #ffffff;
    border:2px solid #DDD;
    border-radius: 24px;
    padding: 20px;
    max-width: 483px;
    padding-top: 50px;
    padding-bottom: 35px;
    margin: 0 auto 120px auto;
}

.dd_conf_box .content {
    max-width: 440px;
    margin: 0 auto;
}
.dd_conf_box .title,
.dd_conf_box .info {
    text-align: center;
    color: #000000;
    line-height: 26px;
    font-size: 18px;
    font-family: Otypical Text;
    font-style: normal;
    font-weight: 400;
}

.dd_conf_box .title {
    margin-bottom: 10px;
    font-size: 18px;
    font-family: Otypical Text;
    font-style: normal;
    font-weight: 500;
}

.dd_conf_box .buttons {
    margin: 45px auto 30px auto;
}
.dd_conf_box .black_btn {

}

.dd_conf_box .desc {
    max-width:387px;
    margin:0 auto;
    color:#666;
    text-align: center;
    font-size: 12px;
    font-family: Otypical Text;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.45px;
}

.banner_title_img.dd_conf_left {
    max-width: 43vw;
    left: -100px;
    z-index: 0;
    top: 3%;
}

.banner_title_img.dd_conf_right {
    max-width: 30vw;
    right: -80px;
    z-index: 0;
    top: 16%;
}

/* =========================== */
/* ==== END DELIVERY DETAILS ===== */
/* =========================== */




/* =========================== */
/* ====== SELECT TELCO ======= */
/* =========================== */
.seltel_pg {
    background: url("../img/millen_images/light_glow.png") center no-repeat;
    background-size: auto;
    background-size: auto;
    background-size: cover;
}
.seltel_carousel h1 {
    margin-top: 80px;
}

.seltel_carousel h2 {
    font-size: 24px;
    color: #000000;
    font-weight: 500;
    margin: 34px auto 0 auto;
    position: relative;
}

.seltel_carousel h3 {
    font-size: 18px;
    font-weight: 500;
    color: #000000;
    margin-top: 15px;
    font-family: Otypical Text;
}

.seltel_carousel {
    position: relative;
    width: 100%;
    height: 100%;
    margin-bottom: 100px;
    padding-bottom: 70px;
}



.seltel_carousel::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: #F6F6F6;
    -webkit-clip-path: ellipse(100% 80% at 50.42% 80.67%);
    clip-path: ellipse(100% 80% at 50.42% 80.67%);
    transform: rotate(180deg);
}

.seltel_carousel .swiper-slide {

    border-radius: 24px;


    margin-bottom: 40px;
    margin-top: 20px;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    cursor: pointer;
    /* max-width: 280px; */
}
.select_tlc_inside_slide
{
    background-color: #fff;
    border-radius: 24px;
    width: 100%;
    max-width: 240px;
    padding: 32px;
    height: 240px;

}

.seltel_pg .telco_carousel_cont {
    max-width: 900px;
}
/* .seltel_carousel .swiper-wrapper {justify-content: start;} */

.seltel_carousel img {
    max-width: 120px;
}

.seltel_carousel p {
    font-size: 18px;
    font-family: Otypical Text;
    color: #207D76;
    margin: 20px auto 32px auto;
    font-weight: 500;
}

.seltel_carousel .fa-chevron-right {
    margin-left: 10px!important;
    color: #7b7b7b;
}
.seltel_carousel .bot_text,
.seltel_carousel .hashtag {
    font-size: 18px;
    font-family: Otypical Text;
    font-weight: 500;
    color: #000000;
    max-width:320px;
    margin:0 auto;
}
.seltel_carousel button.black_secondary_btn {
    margin: 16px auto;
}
.seltel_carousel button.black_secondary_btn p{
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    margin: 0 auto;
    color:#000;
}
.seltel_carousel button:hover.black_secondary_btn p{
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    margin: 0 auto;
    color:#fff;
}
.seltel_carousel button:focus.black_secondary_btn p{
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    margin: 0 auto;
    color:#fff;
}
.seltel_carousel button:focus.black_secondary_btn{
    background-color: #444;
    color:#fff;
}
.seltel_carousel button:over.black_secondary_btn{
    background-color: transparent;

}
.seltel_carousel button.black_secondary_btn::after {
    content: url("../img/millen_images/arrow_black.svg");
    padding-left: 10px;
}
.seltel_carousel button:hover.black_secondary_btn::after {
    content: url("../img/millen_images/arrow_right.svg");
    padding-left: 10px;

}
.seltel_carousel button:focus.black_secondary_btn::after {
    content: url("../img/millen_images/arrow_right.svg");
    padding-left: 10px;
}
.seltel_carousel button.black_secondary_btn img {
    width: 16px;
    height: auto;
}
/* .seltel_carousel .bot_text {margin-top: 40px;} */

.seltel_carousel .black_btn {
    font-size: 22px;
    width: 100%;
    max-width: 300px;
    min-height: 60px;
    margin: 25px auto;
}
.seltel_carousel .swiper {padding: 10px;}

.seltel_carousel .swiper-slide .select_tlc_inside_slide.active {
    border: 2px solid #000;
    border-radius: 24px;
    transition: 0.2s;
}

.seltel_right {
    position: absolute;
    max-width: 30vw;
    right: -38px;
    z-index: 0;
    top: 0%;
}

.seltel_left {
    position: absolute;
    max-width: 44vw;
    left: -239px;
    z-index: 0;
    top: 20%;
}

/* =========================== */
/* ==== END SELECT TELCO ===== */
/* =========================== */
.faq_welcome {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    padding-bottom: 70px;
}
.faq_welcome::after {

    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: url("../img/millen_images/light_glow_2.png") center no-repeat;
    background-size: cover;

}

.choose_game_welcome {
    position: relative;
    width: 100%;
    height: 100%;

    padding-bottom: 70px;
}
.choose_game_welcome::after {

    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: url("../img/millen_images/light_glow_2.png") center no-repeat;
    background-size: cover;

}
.choose_game_welcome .welc_cont p{
    font-size: 18px;
    font-family: Otypical Text;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: -0.15px;
    color:#000000;
    text-align:center;
    margin-top:16px;
    max-width:560px;
}
/* =========================== */
/* ========= ACCOUNT ========= */
/* =========================== */
.sect_welcome {
    position: relative;
    width: 100%;
    height: 100%;
    margin-bottom: 70px;
    padding-bottom: 70px;
}

.sect_welcome::after {

    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: url("../img/millen_images/light_glow.png") center no-repeat;
    background-size: cover;

}
.welc_cont {
    max-width: 680px;
    margin: 0 auto;
}
.welc_cont h1 {
    margin: 80px auto 16px auto;
}
.welc_cont .mob_numb {
    font-size: 24px;
    color: #000;
    font-weight: 500;
    text-align: center;
}
.welc_cont .mob_numb span {
    color: #000000;
}
.sect_welcome img {max-width: 145px;}

.sect_welcome p {

    color: #000000;
    font-size: 18px;
    font-family: Otypical Text;
    font-weight: 500;
    line-height: 26px;


}
.sect_welcome p:nth-child(2) {margin-top: 10px;}

.sect_welcome p span {color: #000;}
.account_welcome_contain {
    display:table;
    margin: 0 auto;
    margin-top:40px;

}
.account_welcome_contain .badge_section {
    display: flex;
    flex-direction: column;
}
.account_welcome_contain .badge_section .badge_section_image {
    border-radius: 50%;
    background-color: #000;
    width: 104px;
    height: 104px;
    position: relative;
    margin: 0 auto;
}
.account_welcome_contain .badge_section .badge_section_image img {
    max-width: 64px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
}
.account_welcome_contain .account_welcome_text {
    display: table-cell;
    vertical-align: middle;
    max-width: 352px;
    padding-left:32px;
}
.cards_box {
    background-color: #ECF2FF;
    margin-top: 40px;
    border-radius: 24px;
    max-width: 960px;
    margin: 40px auto 0 auto;
}

.cards_box .text {
    color: #2C72FF;
    font-size: 18px;
    font-family: Otypical Text;
    font-weight: 500;
}

.sect_prizen h1,
.sect_prizen_end h1 {margin-top: 100px;font-size: 36px;
    font-weight: 500; }

.cards_box_cont {padding: 32px;}

.cards_box_cont {}

.sect_prizen_end a {
    font-size: 18px;
    color: #2C72FF;
    text-decoration: underline;
    font-family: Otypical Text;
    font-style: normal;
    font-weight: 500;
}
.account_links {
    text-align: center;
    margin: 10px 0;
}

.end_section .card a {color: #2C72FF;}
.end_section .card a:hover {text-decoration:none;}

.end_section {
    position: relative;
    width: 100%;
    height: 100%;
    margin-top: 40px;
    padding-bottom: 0px;
}
.end_section::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: #ECF2FF;

}

.banner_title_img.acc_top_right {
    max-width: 25vw;
    right: -100px;
    z-index: 0;
    top: 4%;
}


.banner_title_img.acc_top_left {
    max-width: 28vw;
    left: 0;
    z-index: 0;
    top: 36%;
}

.banner_title_img.acc_bot_right {
    max-width: 23vw;
    right: 0;
    top: -8%;
}

.welc_img_text {
    font-size: 21px;
    font-weight: 500;
    color: #000000;
    margin-top: 5px;
    line-height: 22px;
}

.badge_section .welc_img_text {
    font-size: 21px;
    font-weight: 500;
    color: #000000;
    margin-top: 5px;
    line-height: 22px;
    width: 145px;
}



.codes_inside img {
    max-width: 80px;
}
.codes_inside.table_prnt {
    width:100%;
}
.codes_inside .table_chld {
    display: table-cell;
    vertical-align: middle;
    padding-left: 16px;
}
.codes_inside .table_chld.inside_img {
    width: 10%;
    padding-left: 0;
}
.codes_inside .table_chld.inside_text {
    float: left;
}
.codes_inside .table_chld.inside_button {
    float: right;
}
.codes_inside.first {margin-top: 32px;}
.codes_inside {
    /* padding-left: 40px; */
    /* padding-right: 40px; */
    margin-top: 12px;
}

.codes_inside .code_cont {
    margin-left: 50px;
}

.codes_inside button {

    position: relative;
    margin-left: auto;
}

.codes_inside .code {
    font-size: 18px;
    font-family: Otypical Text;
    font-weight: 500;
    color: #000000;
}

.codes_inside .date {
    font-size: 18px;
    font-family: Otypical Text;
    color: #000000;
}

.show_more_btn.one, .show_more_btn.two {
    cursor: pointer;
    max-width: 170px;
    margin: 40px auto 0px auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.show_more_btn.one a, .show_more_btn.two a {
    font-size: 18px;
    font-family: Otypical Text;
    font-style: normal;
    font-weight: 500;
    color: #000;
    margin-right: 8px;
}
.show_more_btn a:hover {text-decoration: none!important;}

.fashow.fa-chevron-down,
.fashow.fa-chevron-up {
    color: #b9b9b9;
}

.sect_codes .mi_prizen_title {
    margin-top: 100px;
}


.acc_prize_carousel .swiper-slide {

    padding: 50px 0px;

    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    cursor: pointer;
    flex-direction: column;
}

.acc_prize_carousel img {max-width: 80px;}

.acc_prize_carousel p {
    font-size: 18px;
    font-family: Otypical Text;
    font-style: normal;
    font-weight: 500;
    color: #000000;
    margin: 12px auto 32px auto;
    font-weight: 500;
}

.acc_prize_carousel .swiper {padding: 10px;}

.acc_prize_carousel .swiper-button-next, .acc_prize_carousel .swiper-button-prev {
    background-color: #000;
    border-radius: 48px;
    width: 72px;
    height: 48px;
    padding: 12px 24px;
}
.acc_prize_carousel .swiper-button-next:hover, .acc_prize_carousel .swiper-button-prev:hover {
    background-color: #444;

}
.acc_prize_carousel .swiper-button-next.swiper-button-disabled, .acc_prize_carousel .swiper-button-prev.swiper-button-disabled  {
    background-color: #9999;
}
.acc_prize_carousel .swiper-button-next:after {
    content: url("../img/millen_images/arrow_right.svg");
    font-size: 20px;
    color: #959595;
}
.acc_prize_carousel .swiper-button-prev:after
{
    content: url("../img/millen_images/arrow_left.svg");
    font-size: 20px;
    color: #959595;
}
.acc_prize_carousel .swiper-button-next,
.acc_prize_carousel .swiper-button-prev {top: 47%;}

.acc_prize_carousel .swiper-button-next {left: 100%;}
.acc_prize_carousel .swiper-button-prev {right: 100%;
    left: unset;}

.acc_prize_carousel {margin-top: 10px;}
.acc_prize_carousel {padding: 18px;
    position: relative;
    max-width: 820px;
    margin: 0 auto;
    /* height: 286px; */
}

.acc_prize_carousel.physical img {
    max-width: 150px;
    margin-right: 20px;
}

.acc_prize_carousel.physical .prize_title {
    font-size: 20px;
    font-family: Otypical Text;
    font-style: normal;
    font-weight: 500;
    color: #000;
    text-align:left;
    line-height: 25px;
}

.acc_prize_carousel.physical .prize_date {
    font-size: 16px;
    font-family: Otypical Text;
    font-style: normal;
    font-weight: 400;
    color: #000000;

    line-height: 23px;
    text-align:left;

}
.acc_prize_carousel.physical .swiper-button-next,
.acc_prize_carousel.physical .swiper-button-prev {
    top: 50%;
}

.acc_prize_carousel .swiper-button-next,
.acc_prize_carousel .swiper-button-prev {
    display: flex;
}

.banner_title_img.acc_top_left.acc {
    top: 32%;
}

/* =========================== */
/* ======= END ACCOUNT ======= */
/* =========================== */



/* ======================================== */
/* ========= SHARE SOCIAL CONFIRM ========= */
/* ======================================== */
.page_content.share_social_pg {

    background: url("../img/millen_images/light_glow.png") center no-repeat;
    background-size: auto;
    background-size: cover;
    min-height: calc(100vh - 100px);

}
.share_social_pg .main_section::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;

}


.share_social_pg .main_section {
    width: 100%;
    height: 100%;
    position: relative;
    padding-bottom: 90px;
    margin-bottom: 150px;
}



.share_social_pg .top_title h1 {
    margin-top: 80px;
}

.share_social_pg .top_title h2 {
    font-size: 32px;
    color: #000000;
    font-weight: 500;
    /* margin: 35px auto 0 auto; */
    max-width: 730px;
    /* text-align: left; */
}

.share_social_pg.not_conf .top_title h2 {
    max-width: 350px;
}

.share_social_box {
    margin-left: 64px;
    padding: 32px;
    border-radius: 24px;
    height: 312px;
    max-width: 312px;
    margin: 0px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.share_social_box img {
    max-width: 200px;
    margin: 0 auto;
}
.share_social_box p {
    font-size: 18px;
    font-family: Otypical Text;
    font-style: normal;
    font-weight: 500;
    color: #207D76;
    margin: 30px auto 0px auto;

}

.share_social_pg .black_btn, .share_social_pg .black_secondary_btn {

}

.share_social_pg .top_left {
    max-width: 46vw;
    left: -350px;
    z-index: 0;
    top: 5%;
}

.share_social_pg .top_right {
    max-width: 45vw;
    right: -400px;
    z-index: 0;
    top: 23%;
    transform: rotate(-13deg);
}
/* ======================================== */
/* ======= END SHARE SOCIAL CONFIRM ======= */
/* ======================================== */




/* ======================================== */
/* ============= SPIN WHEEL =============== */
/* ======================================== */

.wheel_spin .top_title h1 {
    margin-top: 80px;
    font-size: 56px;
}

/* SPINNING WHEEL */
/*WRAPPER*/

#wrapper{
    position:relative;
    /* width: 400px;
    height: 400px; */
    z-index: 2;
    margin-left: 89px;
    /* width: 500px;
    height: 500px; */
}

img.wrapper {
    z-index: 2;
    position: relative;
    width: 420px;
    height: 420px;
    display: block;
    margin: 0 auto;

    background-color: #0000;
    border-radius: 50%;
}

#txt{
    color:#eaeaea;
}


/*WHEEL*/
#wheel{
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    transform: rotate(0deg);
    /* margin: 30px auto; */
    z-index: 0;
    position: absolute;
    top: 24px;
    left: 24px;
    width: 373px;
    height: 373px;

}

.spin_content {
    width: 152px;
    height: 152px;
    background-image: url("../img/millen_images/wheel_union.png");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    background-position: 2px 8px;
    top: 0;
    z-index: 9999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.spin_content button
{
    width: 70px;
    height: 70px;
    background: rgb(185,185,185);
    background: radial-gradient(circle, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 90%);
    border: 2px solid #000000;
    border-radius: 50%;
    position: absolute;
    top: 49%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border: none;
    cursor: pointer;
    font-family: "Otypical Headline", "Otypical Text";
    font-weight: 700;
    font-size: 18px;
    color: #000000;
}

.spin_content button:focus {outline: none;}

.spin_content button:active {
    -webkit-box-shadow: inset 0px 0px 4px 5px rgba(0,0,0,0.36);
    box-shadow: inset 0px 0px 4px 5px rgba(0,0,0,0.36);
    outline: none;
}

#inner-wheel{
    width:100%;
    height:100%;

    /*-webkit-transition: all 6s cubic-bezier(0,.99,.44,.99);*/
    /*-moz-transition:    all 6 cubic-bezier(0,.99,.44,.99);*/
    /*-o-transition:      all 6s cubic-bezier(0,.99,.44,.99);*/
    /*-ms-transition:     all 6s cubic-bezier(0,.99,.44,.99);*/
    /*transition:         all 6s cubic-bezier(0,.99,.44,.99);*/
}

#wheel div.sec{
    /* position: absolute;
    width: 55%;
    height: 0px;
    border-style: solid;
    border-width: 173px 101px 0;
    border-color: #19c transparent;
    transform-origin: 101px 173px;
    left: 66px;
    top: -1px;
    opacity: 1; */

    position: absolute;
    width: 0%;
    height: 0px;
    border-style: solid;
    border-width: 188px 111px 0;
    border-color: #19c transparent;
    transform-origin: 111px 188px;
    left: 73px;
    top: -7px;
    opacity: 1;
}

#wheel div.sec:nth-child(1){
    transform: rotate(91deg);
    -webkit-transform: rotate(91deg);
    -moz-transform: rotate(91deg);
    -o-transform: rotate(91deg);
    -ms-transform: rotate(91deg);
    border-color: #FFF transparent;
}
#wheel div.sec:nth-child(2){
    transform: rotate(151deg);
    -webkit-transform: rotate(151deg);
    -moz-transform: rotate(151deg);
    -o-transform: rotate(151deg);
    -ms-transform: rotate(151deg);
    border-color: #ABC7FF transparent;
}
#wheel div.sec:nth-child(3){
    transform: rotate(211deg);
    -webkit-transform: rotate(211deg);
    -moz-transform: rotate(211deg);
    -o-transform: rotate(211deg);
    -ms-transform: rotate(211deg);
    border-color: #FFF transparent;
}
#wheel div.sec:nth-child(4){
    transform: rotate(271deg);
    -webkit-transform: rotate(271deg);
    -moz-transform: rotate(271deg);
    -o-transform: rotate(271deg);
    -ms-transform: rotate(271deg);
    border-color: #ABC7FF transparent;
}
#wheel div.sec:nth-child(5){
    transform: rotate(331deg);
    -webkit-transform: rotate(331deg);
    -moz-transform: rotate(331deg);
    -o-transform: rotate(331deg);
    -ms-transform: rotate(331deg);
    border-color: #FFF transparent;
}
#wheel div.sec:nth-child(6){
    transform: rotate(391deg);
    -webkit-transform: rotate(391deg);
    -moz-transform: rotate(391deg);
    -o-transform: rotate(391deg);
    -ms-transform: rotate(391deg);
    border-color: #ABC7FF transparent;
}


#wheel.orange div.sec:nth-child(2){
    transform: rotate(151deg);
    -webkit-transform: rotate(151deg);
    -moz-transform: rotate(151deg);
    -o-transform: rotate(151deg);
    -ms-transform: rotate(151deg);
    border-color: #ffae7c transparent;
}
#wheel.orange div.sec:nth-child(4){
    transform: rotate(271deg);
    -webkit-transform: rotate(271deg);
    -moz-transform: rotate(271deg);
    -o-transform: rotate(271deg);
    -ms-transform: rotate(271deg);
    border-color: #ffae7c transparent;
}
#wheel.orange div.sec:nth-child(6){
    transform: rotate(391deg);
    -webkit-transform: rotate(391deg);
    -moz-transform: rotate(391deg);
    -o-transform: rotate(391deg);
    -ms-transform: rotate(391deg);
    border-color: #ffae7c transparent;
}

#wheel.purple div.sec:nth-child(2){
    transform: rotate(151deg);
    -webkit-transform: rotate(151deg);
    -moz-transform: rotate(151deg);
    -o-transform: rotate(151deg);
    -ms-transform: rotate(151deg);
    border-color: #aaa4ff transparent;
}
#wheel.purple div.sec:nth-child(4){
    transform: rotate(271deg);
    -webkit-transform: rotate(271deg);
    -moz-transform: rotate(271deg);
    -o-transform: rotate(271deg);
    -ms-transform: rotate(271deg);
    border-color: #aaa4ff transparent;
}
#wheel.purple div.sec:nth-child(6){
    transform: rotate(391deg);
    -webkit-transform: rotate(391deg);
    -moz-transform: rotate(391deg);
    -o-transform: rotate(391deg);
    -ms-transform: rotate(391deg);
    border-color: #aaa4ff transparent;
}


#wheel.multi_color div.sec:nth-child(2){
    transform: rotate(151deg);
    -webkit-transform: rotate(151deg);
    -moz-transform: rotate(151deg);
    -o-transform: rotate(151deg);
    -ms-transform: rotate(151deg);
    border-color: #84c3be transparent;
}
#wheel.multi_color div.sec:nth-child(4){
    transform: rotate(271deg);
    -webkit-transform: rotate(271deg);
    -moz-transform: rotate(271deg);
    -o-transform: rotate(271deg);
    -ms-transform: rotate(271deg);
    border-color: #aaa4ff transparent;
}
#wheel.multi_color div.sec:nth-child(6){
    transform: rotate(391deg);
    -webkit-transform: rotate(391deg);
    -moz-transform: rotate(391deg);
    -o-transform: rotate(391deg);
    -ms-transform: rotate(391deg);
    border-color: #ffae7c transparent;
}


#wheel div.sec .fa{
    margin-top: -145px;
    position: relative;
    z-index: 10000000;
    display: block;
    text-align: center;
    margin-left: -50px;
    margin-right: -50px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}




#spin{
    width:68px;
    height:68px;
    position:absolute;
    top:50%;
    left:50%;
    margin:-34px 0 0 -34px;
    z-index:1000;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    font-family: "Otypical Headline", "Otypical Text";
}

#spin:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 20px 28px;
    border-color: transparent transparent #fff;
    top: -12px;
    left: 14px;
}

#spin:after {
    content: "SPIN";
    text-align: center;
    line-height: 68px;
    color: #ccc;
    text-shadow: 0 2px 0 #fff, 0 -2px 0 rgb(0 0 0 / 30%);
    position: relative;
    z-index: 100000;
    width: 68px;
    height: 68px;
    display: block;
}

#wheel div.sec .fa img {
    max-width: 50px;
}

#wheel div.sec .fa p {
    font-family: "Otypical Headline", "Otypical Text";
    color: #000000;
    font-weight: 500;
    font-size: 20px;
}


#inner-spin{
    width:54px;
    height:54px;
    position:absolute;
    top:50%;
    left:50%;
    margin:-27px 0 0 -27px;
    border-radius:50%;
    background:red;
    z-index:999;
    box-shadow:rgba(255,255,255,1) 0px -2px 0px inset, rgba(255,255,255,1) 0px 2px 0px inset,  rgba(0,0,0,0.4) 0px 0px 5px ;

    background: rgb(255,255,255); /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%, rgba(234,234,234,1) 100%); /* FF3.6+ */
    /* background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(234,234,234,1))); Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%); /* IE10+ */
    background: radial-gradient(ellipse at center,  rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#spin:active #inner-spin{
    box-shadow:rgba(0,0,0,0.4) 0px 0px 5px inset;
}

#spin:active:after{
    font-size:15px;
}






.spin {
    -webkit-animation: hh 0.6s; /* Chrome, Safari, Opera */
    animation: hh 0.6s;
}

/*ANIMATION*/
@-webkit-keyframes hh {
    0%, 100%{
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }

    50%{
        transform: rotate(7deg);
        -webkit-transform: rotate(7deg);
    }
}

@keyframes hh {
    0%, 100%{
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }

    50%{
        transform: rotate(7deg);
        -webkit-transform: rotate(7deg);
    }
}
/* END SPINNING WHEEL */





.wheel_spin .main_section::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;

}

.wheel_spin .top_title h2 {
    font-size: 36px;
    color: #000000;
    font-weight: 500;
    max-width: 400px;
}

.wheel_spin .top_title h3 {

    color: #000;
    font-size: 24px;
    margin-top: 48px;

}

.wheel_spin .main_section {
    width: 100%;
    height: 100%;
    position: relative;
    /* padding-bottom: 90px; */
    margin-bottom: 150px;
}
.wheel_spin .main_section .container .inside_alignment_spin{
    margin-top: 80px !important; /* 148 */
    margin-bottom: 0px !important;
}
.wheel_spin .top_right {
    max-width: 45vw;
    right: -400px;
    z-index: 0;
    top: 23%;
    transform: rotatex(180deg);
}

.wheel_spin .top_left {
    max-width: 43vw;
    left: -350px;
    z-index: 0;
    top: 5%;
    transform: rotatex(180deg);
}



.wheel_prize_box {
    position: relative;

    /* height: 400px; */
    background-size: cover;
    background-position: center;
}
.wheel_prize_box .inside_container {
    position: relative;
    background-color:#EEF7F6;
    border-radius: 24px;

    padding: 0px 16px 30px 16px;

}

.wheel_prize_box img {
    max-width: 280px;
    margin: auto;
    margin-bottom: 10px;
    margin-top: 10px
}



.wheel_prize_box p {
    color: #207D76;
    font-size: 18px;
    font-family: Otypical Text;
    font-weight: 500;
}

.wheel_spin .top_title h3 {
    max-width: 400px;
    text-align: center;
    font-size: 21px;
    margin-top: 28px;
}

.wheel_spin .start_button.desktop {display: block;  }
.wheel_spin .start_button.mobile {display: none;}

.wheel_spin .start_button {
    min-height: 50px;
    font-size: 23px;
    max-width: 150px;
    margin-top: 20px;
    font-weight: 600;
}

.claim_prize_center {
    width: 100%;
    max-width: 340px;
    min-height: 55px;
    font-weight: 700;
    font-size: 25px;
    margin: -50px auto auto auto;
    position: relative;
}
.button_container_for_left {
    max-width: 400px;
    width: 100%;
    margin-left: auto !important;
}
.claim_prize_left {


    margin-top: 20px;
    position: relative;
}
.win_text_desktop {display: block;}
.win_text_mobile {display: none;}

/* ========================================== */
/* =========== END SPIN WHEEL =============== */
/* ========================================== */



/* ======================================== */
/* ============  SHARE SOCIAL  ============ */
/* ======================================== */
.social_confirm_parag p{
    font-size: 22px;
    font-family: Otypical Text;
    font-style: normal;
    font-weight: 400;
    color: #000000;
    max-width: 600px;
    margin: 0 auto;
}
.share_social_pg.not_conf .main_section {
    padding-bottom: 100px;
    margin-bottom: 100px;
}

.share_social_pg .share_socials {
    font-size: 28px;
    font-family: Otypical Text;
    font-style: normal;
    font-weight: 500;
    color: #000000;
    max-width: 600px;
    margin: 0 auto;

}

.share_social_pg.page_c .main_section {
    margin-bottom: 220px;
}
.share_social_pg .share_socials_icons {margin: 20px auto 30px auto;}
.share_social_pg .share_socials_icons img {max-width: 80px;}

.not_conf .share_social_box {padding: 32px;
    margin-left: 64px;}
.not_conf .share_social_box p {margin: 20px auto 0px auto;}

/* ======================================== */
/* =========== END SHARE SOCIAL =========== */
/* ======================================== */








@media (min-width: 1800px) {
    .how_step img {}
}
@media (max-width: 1800px) {
    .faq .banner_title_img.top_right {
        max-width: 25vw;
    }
    .faq .banner_title_img.top_left {
        max-width: 20vw;
    }
}

@media (max-width:1064px) {
    .menu a {
        margin: auto 14px auto 0;
        font-size: 16px;

    }
}

@media (max-width: 1400px) {

}


/* MOBILE - TABLET MEDIA */
@media (max-width: 1200px) {
    /* Home */
    .monthly_prizes .box {max-width: 30%;}
    .t_prizes .box {max-width: 200px;}
    /* End Home */

    /* Choose Game */
    .choose_blob_left {
        left: -200px;
        top: 28%;
        max-width: 63vw;
    }
    /* End Choose Game */

    /* Delivery Details */
    .dd_blob_right {
        right: -100px;
        max-width: 27vw;
    }
    .dd_blob_left {
        max-width: 60vw;
        left: -381px;
        top: 24%;
    }
    .swiper_dd img {
        max-width: 80px;
    }
    .banner_title_img.dd_conf_left {top: 11%;}
    /* End Delivery Details */

    /* Select Telco */
    .seltel_right {
        max-width: 30vw;
        right: -38px;
        z-index: 0;
        top: 0%;
    }
    /* End Select Telco */

    /* Share Social Confirm */
    .share_social_pg .top_left {
        max-width: 46vw;
        left: -250px;
        z-index: 0;
        top: 0%;
    }
    .share_social_pg .top_right {
        max-width: 45vw;
        right: -300px;
        z-index: 0;
        top: 37%;
    }
    /* End Share social Confirm */

    /* Spin Wheel */
    .share_social_pg .top_left {
        max-width: 46vw;
        left: -250px;
        z-index: 0;
        top: 0%;
    }

    .share_social_pg .top_right {
        max-width: 45vw;
        right: -300px;
        z-index: 0;
        top: 37%;
        transform: rotate(-13deg);
    }

    .claim_prize_left {
        margin-left: 0px;
    }
    /* End Spin Wheel */


    /* Share Social */
    .share_social_pg.not_conf .top_right {
        top: 22%;
        /* top: 31%; */
    }
    .share_social_pg.not_conf .top_left {
        max-width: 39vw;
    }
    /* End Share Social */


}
@media (max-width: 992px) {
    .dd_pg .space_btn_inputs {
        padding-right:12px;
        padding-left:12px;
    }
    .dd_pg .space_btn_inputs.last {
        padding-right:12px;
        padding-left:12px;
    }
    #wrapper {

        margin-left:0;
    }
    /* Home */
    .banner_title {
    ;
    }
    .banner_title_text p {
        font-size: 40px;
        line-height: 46px;
    }
    .t_prizes .box {max-width: 150px;}
    .t_prizes img {max-width: 70px;}
    /* End Home */


    /* How it works */
    .how_step img {}
    .step_text {margin-bottom: 30px;}
    .how_step.step1::after, .how_step.step3::after {

    }
    .how_step.step2 .title {margin-top: 45px;}

    .how_step.step1 .how_frame_desk_img {

    }
    .how_step.step2 .how_frame_desk_img {

    }
    .how_step.step3 .how_frame_desk_img {

    }
    /* End How it works */


    /* Choose Game */
    .choose_game_pg .centered {
        margin: 10px 0;
    }
    .choose_game_pg .card_banner {height: 400px;}

    .choose_game_pg .card_banner.center_img {}

    .choose_blob_left {
        max-width: 62vw;
        left: -179px;
        top: 30%;
    }
    /* End Choose Game */



    /* Delivery Details */

    .dd_pg .black_btn {float: none;
        margin: 0 auto;}
    .dd_pg .blue_btn {float: none;
        margin: 0 auto;}
    .dd_pg form .desc_text {
        float: none;
        margin: 0 auto;
        text-align: center;

    }
    .swiper_dd label {margin-bottom: 40px;}
    .swiper_dd .swiper-pagination {margin-bottom: 20px;}

    .dd_blob_right {
        right: -100px;
        max-width: 33vw;
        top: 1%;
    }
    .dd_blob_left {
        max-width: 60vw;
        left: -250px;
        top: 15%;
    }
    .banner_title_img.dd_conf_left {
        max-width: 55vw;
        top: 13%;
    }
    .banner_title_img.dd_conf_right {top: 10%;}
    .dd_confirm {margin-bottom: 50px;}
    .swiper_dd label {
        margin-bottom: 100px;
    }
    /* End Delivery Details */

    /* Select Telco */
    .seltel_right {
        top: 7%;
    }

    .seltel_left {
        max-width: 58vw;
        top: 19%;
    }
    .seltel_pg .telco_carousel_cont {
        max-width: 600px;
    }
    /* End Select Telco */

    /* Spin Wheel */
    .wheel_spin .top_right {
        right: -200px;
    }
    .wheel_spin .top_left {
        max-width: 49vw;
        left: -240px;
        top: 50%;
    }

    .wheel_spin .top_title h2 {font-size: 30px;}

    .wheel_prize_box {
        height: 288px;
    }

    .wheel_spin.prize .top_right {
        max-width: 36vw;
        right: -180px;
        z-index: 0;
        top: 5%;
        transform: rotatex(0deg);
    }
    .claim_prize_left {

        margin: 20px auto auto 0px;
    }
    .claim_prize_center {
        max-width: 300px;
        margin: 10px auto auto auto;
    }
    /* End Spin Wheel */


    /* Share Social */
    .share_social_pg .share_socials {font-size: 29px; line-height: 35px;}
    /* End Share Social */
}


@media (max-width: 767px) {

    .codes_inside .table_chld.inside_img {
        width: auto;
        padding-left: 0;
    }
    .codes_inside .table_chld.inside_img img {
        margin: 0 auto;
        display: block;
    }
    .codes_inside.table_prnt .table_chld {
        padding: 10px 0 10px 0;
        display: table-cell;

    }
    .codes_inside .table_chld.inside_text {
        float: none;
        margin: 0 auto;
        display: block;
    }

    .codes_inside .table_chld.inside_button {
        float: none;
        margin: 0 auto;
        display: block;
    }
    .codes_inside .table_chld {
        display: block;

        padding: 10px 0 10px 0;
    }
    .codes_inside .code {

        text-align: center;
    }
    .codes_inside .date {


        text-align: center;
    }
    .codes_inside .table_chld button {
        margin: 0 auto;
    }
    /* Home */
    .wheel_spin .main_section .container .inside_alignment_spin {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
    .step_2_inside	.step_text {
        order:2;

    }
    .step_2_img {
        order:1;
    }
    .how_step.step1 .how_frame_desk_img, .how_step.step2 .how_frame_desk_img, .how_step.step3 .how_frame_desk_img {
        max-width: 424px;
        margin: 0 auto;
        width: 100%;
    }
    .container.footer_main {
        max-width:100%;
    }
    .cards_section .card {

        margin: 56px 10px 12px 10px;
    }

    .cards_section .card.forthree {
        width: 100%;
        max-width: 390px;
    }

    .gradient_circle {

        margin-bottom: 24px;
    }
    .win_steps .desc {

        max-width: 240px;

    }
    .step_box {
        max-width: 400px;
        margin-top: 56px;
    }

    .t_prizes .container_prizes {
        margin-top: 56px;
        margin-bottom: 28px;
    }
    .container-fluid {

        padding-right: 24px;
        padding-left: 24px;

    }
    .monthly_prizes .box {max-width: 45%;}
    .monthly_prizes .title {
        margin-top: 15px;
        font-size: 15px;
    }
    .monthly_prizes .box {
        margin: 8px;
    }
    .drop {}

    .banner {

        background-size: cover;
        height: 400px;
        z-index: -1;
        padding: 1px;

    }
    .banner_title {
        margin-left: 0;
        width: 550px;
        background-position-y: 60px;
        top: 0;
        display: flex;
        align-self: flex-end;
        margin-bottom: 32px;
    }
    .banner_title_text h1 {

        font-size: 48px;
        line-height: 52px;

    }
    .banner_title_text p {
        font-size: 24px;
        line-height: 32px;
        margin-top: 12px;
    }

    .glow_bg {

    }
    .banner_title_img.top_right {top: 920px; right: -60px;}
    .t_prizes .box {max-width: 40%; margin-bottom: 36px;}
    .banner_title_img.bot_left {left: -90px;}

    .banner_title_img.top_left {max-width: 35vw;}
    /* End Home */

    /* FAQ */
    .faq .banner_title_img.top_right,
    .faq .banner_title_img.top_left {display: none;}

    .banner_title_img.faq_mob_blob {
        display: block;
        left: -200px;
        max-width: 100%;
        top: 300px;
    }
    .faq_box .title_accordion h1{

        font-size: 32px;

    }
    /* End FAQ */

    /* How it Works */
    .step_1_inside, .step_2_inside {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        align-items:center;
        width:100%;
        margin-top: 32px;
        padding-bottom: 34px;

    }
    .step_3_inside {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        align-items:center;
        width:100%;
        padding-top: 32px;
        padding-bottom: 0;

    }
    .how_step.step2 .title, .how_step.step3 .title {
        margin-top: 0px;
    }
    .step_1_img, .step_2_img, .step_3_img {
        margin-bottom: 40px;
        margin-right: 0;
        margin-left:0;
    }
    .how_step.step1::after, .how_step.step3::after {

    }
    .how_step .title, .sect_codes h1 {
        font-size: 32px;

    }
    .dd_pg .form_section h1 {
        font-size: 32px;


    }
    .sect_prizen h1,
    .sect_prizen_end h1 {font-size: 32px;
    }
    .how_step h1 {
        font-size: 32px;
        margin-top: 56px;
    }
    .how_step.step1 img {margin-top: 50px;}
    .how_step .container {max-width: 100%;}

    .how_step.step1 .how_frame_desk_img {}
    .how_step.step2 .how_frame_desk_img {}
    .how_step.step3 .how_frame_desk_img {}



    .how_step p, .how_step li {
        color: #000000;
        font-size: 19px;
        line-height: 26px;
    }
    .how_step {
        padding-left: 15px;
        padding-right: 15px;
    }

    .how_btns {

        padding-bottom: 64px;
    }
    .how_btns button:nth-child(-n + 2){
        margin-right:0;
        margin: 16px auto 0 auto;
    }
    .how_step .black_btn, .how_step .black_secondary_btn {max-width: 181px;
        margin: 16px auto 0 auto; width: 100%;}

    .how_btns {
        flex-direction: column;
    }
    .how_btns .black_btn.mid {margin: 7px 0 0 0;}
    .how_btns .black_btn {margin-top: 7px;}
    /* End How it Works */

    /* Winners */
    .winners_page .banner_title_img.top_left {display: none;}
    .winners_page .banner_title_img.top_right {
        right: 0;
        max-width: 40vw;
        top: 20px;
    }
    .acc_prize_carousel {
        width: 100%;
        /* max-width: 430px; */
    }
    .swiper_winners {
        width: 100%;
        /* max-width: 430px; */
    }
    .acc_prize_carousel .swiper-button-prev {left: 10px;}
    .acc_prize_carousel .swiper-button-next {right: 10px;
        left: auto;}
    .swiper_winners .swiper-button-next {right: 10px;
        left: auto;}
    .swiper_winners .swiper-button-prev {left: 10px;}

    /* .winn_accord_box {padding: 0px 30px;} */
    .winn_accord_box .outer {
        padding: 12px 12px 12px 12px;
    }
    .winn_accord_inside hr {margin: 8px auto 8px auto;}
    .outer_hr {margin-left: -30px; margin-right: -30px;}
    .winn_accord_box p {
        margin-left: 30px;
        font-size: 20px;
    }
    .winn_accord_inside p {margin-left: 0; font-size: 18px;}
    /* End Winners */


    /* Choose Game */
    .modal.choose_game h4 {
        max-width: 340px;
    }

    .choose_blob_right {display: none;}
    .choose_game_pg .card_banner {height: 313px;}
    .choose_game_pg .card_banner {background-position: center 0px;}

    .choose_game_pg .card_banner.center_img {}

    .choose_blob_left {
        left: -166px;
        top: 38%;
        max-width: 76vw;
    }
    .choose_game_pg {margin-bottom: 30px;}
    .choose_game_pg::after {
    }
    .choose_game_pg .card {margin: 0 auto 90px auto;}
    .choose_game_pg h1 {margin-top: 70px;}
    .choose_game_pg .text_1, .choose_game_pg .text_2 {max-width: 100%;}
    /* End Choose Game */


    /* Delivery Details */
    .swiper_dd [type="radio"]:checked + label:before,
    .swiper_dd [type="radio"]:not(:checked) + label:before {
        left: 10%;
        top: 50%;
        transform: translate(0, -50%);
    }
    .swiper_dd [type="radio"]:checked + label:after,
    .swiper_dd [type="radio"]:not(:checked) + label:after {
        left: 11.1%;
        top: 50%;
        transform: translate(0, -50%);
    }
    .swiper_dd img {margin: 0;}
    .swiper_dd p {margin: auto;}
    .swiper_dd label {border-radius: 15px; margin-bottom:15px; padding: 10px; max-width: 100%;}

    .dd_blob_right {
        right: -100px;
        max-width: 33vw;
        top: 1%;
    }
    .dd_blob_left {
        max-width: 68vw;
        left: -200px;
        top: 13%;
    }
    .swiper_dd img {
        max-width: 80px;
    }
    .banner_title_img.dd_conf_left {
        max-width: 65vw;
        top: 19%;
    }
    .swiper_dd label:last-child {
        margin-bottom: 100px;
    }
    /* End Delivery Details */

    /* Select Telco */
    .seltel_carousel img {
        /* max-width: 80px; */
    }
    .seltel_carousel .swiper-slide {max-width: 100%;}
    /* .seltel_carousel .swiper-wrapper {justify-content: center;} */
    /* End Select Telco */

    /* Account */
    .codes_inside button {
        margin-left: 50px;
    }
    /* End Account */

    /* Share Social Confirm */
    .share_social_pg .top_title h2 {
        font-size: 31px;
        margin: 35px auto 0 auto;
        max-width: 550px;
    }
    .share_social_pg.not_conf .top_title h2 {max-width: 550px;}
    .share_social_pg .black_btn {

    }
    .share_social_pg .main_section::after {
        -webkit-clip-path: ellipse(130% 80% at 50.42% 80.67%);
        clip-path: ellipse(130% 80% at 50.42% 80.67%);
    }

    .share_social_pg .top_left {
        max-width: 64vw;
        left: -200px;
        z-index: 0;
        /* top: 25%; */
        top: 63%;
    }
    .share_social_pg .top_right {
        max-width: 51vw;
        right: -260px;
        z-index: 0;
        top: 24%;
        transform: rotate(-4deg);
    }
    .share_social_box img {

    }
    .share_social_box {
        margin: 40px auto;
    }
    .not_conf .share_social_box {
        margin-left: auto;}
    /* End Share Social Confirm */

    /* Spin Wheel */
    .wheel_spin .main_section::after {
        -webkit-clip-path: ellipse(110% 80% at 50.42% 80.67%);
        clip-path: ellipse(110% 80% at 50.42% 80.67%);
    }
    .wheel_spin .top_left {
        max-width: 64vw;
        left: -250px;
        z-index: 0;
        top: 47%;
    }
    .wheel_spin .top_right {
        max-width: 51vw;
        right: -260px;
        z-index: 0;
        top: 8%;
        transform: rotate(-4deg);
    }

    #wrapper {margin-top: 25px;}

    .wheel_spin .top_title h2 {
        font-size: 31px;
        margin: 35px auto 0 auto;
        max-width: 550px;
    }
    .wheel_spin .top_title h3 {
        margin-left: 0 !important;
    }
    .button_container_for_left {

        margin-left: 0 !important;
    }
    .wheel_prize_box {
        height: 369px;
        margin-top: 30px;
    }
    .wheel_spin.prize .top_right {max-width: 47vw;}

    .share_social_pg.page_c .top_left {
        max-width: 55vw;
        left: -265px;
        z-index: 0;
        top: -2%;
    }
    .share_social_pg.page_c .top_right {
        top: 31%;
        right: -269px;
    }

    .wheel_spin .start_button.desktop {display: none;}
    .wheel_spin .start_button.mobile {display: block;}
    .wheel_spin .start_button {
        min-height: 50px;
        font-size: 23px;
        max-width: 100%;
        min-width: 150px;
        margin-top: 40px;
    }

    .win_text_desktop {display: none;}
    .win_text_mobile {display: block;}

    .win_text_mobile {
        font-size: 31px;
        color: #000000;
        font-weight: 400;
        max-width: 550px;
    }
    .claim_prize_left {
        margin: 20px auto auto auto;
    }
    /* End Spin Wheel */


    /* Share Social */
    .share_social_pg .main_section::after {
        -webkit-clip-path: ellipse(110% 80% at 50.42% 80.67%);
        clip-path: ellipse(110% 80% at 50.42% 80.67%);
    }
    /* End Share Social */

}
@media (min-width: 768px) and (max-width:992px) {

    .swiper_winners .swiper-button-next {left: auto;}
    .swiper_winners .swiper-button-prev {right: auto;
        left: 10px;}
    .acc_prize_carousel .swiper-button-prev {right: 95%;
        left: unset;}
    .acc_prize_carousel .swiper-button-next {left: 95%;}

    .cards_section .card {
        width: 100%;
        max-width: 353px;
    }
    .cards_section .card.forthree {
        width: 100%;
        max-width: 390px;
    }
    footer .container {
        max-width: 100%;
    }
    .wheel_spin .container  {
        max-width: 100%;
    }

    .container.prizes_wheel{
        max-width: 720px;
    }
    .logo {

        margin-right: 33.8px;

    }
    .menu a.active::before {

        top: 21px;

    }
    .account img {margin-right: 13px;}
    .menu a {
        margin: auto 14px auto 0;
        font-size: 14px;

    }
    a.logout {
        margin-right:0;
    }
    .copyright, .footer_link {
        font-size: 14px;
    }
}

@media (min-width: 768px) and (max-width:820px) {
    .menu a {
        margin: auto 14px auto 0;
        font-size: 12px;

    }


}

@media screen and (max-width:768px) and (min-height:1024px) {

    /* Home */
    .banner_title_img.top_right {
        top: 950px;
    }
    .choose_blob_left {top: 33%;}
    /* End Home */

    /* Share Social Confirm */
    .share_social_pg .top_left {
        max-width: 50vw;
        left: -235px;
        z-index: 0;
        top: 8%;
    }
    .share_social_pg .top_right {
        max-width: 46vw;
        right: -200px;
        z-index: 0;
        top: 37%;
        transform: rotate(-13deg);
    }
    /* End Share Social Confirm */

    /* Spin Wheel */
    .wheel_spin .top_title h2 {
        font-size: 31px;
        margin: 35px auto 0 auto;
        max-width: 550px;
    }

    .wheel_spin .top_left {
        max-width: 50vw;
        left: -235px;
        z-index: 0;
        top: 51%;
    }
    .wheel_spin .top_right {
        max-width: 46vw;
        right: -200px;
        z-index: 0;
        top: 1%;
        transform: rotate(-13deg);
    }

    .wheel_prize_box img {
        max-width: 226px;
        margin: auto;
        margin-bottom: 20px;
        margin-top: 25px;
    }



    /* End Spin Wheel */

    /* Share Social */
    .share_social_pg.page_c .main_section {
        margin-bottom: 216px;
    }
    .share_social_pg.page_c .top_left {
        top: -8%;
    }
    .share_social_pg.page_c .top_right {
        top: 58%;
    }
    .share_social_pg .main_section::after {
        -webkit-clip-path: ellipse(110% 80% at 50.42% 80.67%);
        clip-path: ellipse(110% 80% at 50.42% 80.67%);
    }
    /* End Share Social */

}

@media (max-width: 576px) {
    .three_btns_row .black_btn, .three_btns_row .black_secondary_btn{
        display: block;
        margin:10px auto;

    }
    .choose_game_welcome .welc_cont p {
        font-size: 16px;

        padding: 0 15px;
    }

    /* Home */
    .social {

        margin-top: 19px;
    }
    .cards_section .card {
        margin: 20px 10px 12px 10px;
    }

    .cards_section .card.forthree {
        width: 100%;
        max-width: 353px;
    }

    .cards_section {
        margin: 64px auto;
    }
    .cards_section h1{
        margin-bottom:32px;
    }
    .login_section form {

        padding: 0 17px;
    }
    .banner_title_img.bot_right, .banner_title_img.bot_left {display: none;}

    .t_prizes .title {font-size: 17px;}
    .t_prizes h2 {font-size: 20px; max-width: 326px;}
    .banner_title_img.top_right {
        top: 705px;
        right: -40px;
    }
    .win_steps .desc {

        margin: 3px auto 0 auto;

    }
    .win_steps .btn_content {
        margin: 50px auto 0px auto;
    }
    /* End Home */
    .faq_content {

        margin: 0px auto 0 auto;
    }
    /* FAQ */
    .faq_box {padding: 0px 30px;}
    .fa.fa-chevron-down, .fa.fa-chevron-up {font-size: 20px;}
    .faq_link a {margin: 60px 0;}
    .faq_content h1 {margin: 50px auto; font-size: 41px;}
    hr.section_hr {margin-right: -30px;}
    /* End FAQ */


    /* how it works */
    .how_step.step1::after, .how_step.step3::after {

        /* height: 104%; */
    }

    /* .how_frame_desk {display: none;} */


    .how_step img {
        position: relative;
        margin: 0 auto;
    }
    .how_step .title {}
    .how_step.step3 .title {}
    .how_step img {}
    .how_step.step1 img {margin-top: 60px;}
    .how_step img {margin-top: 60px;}
    .how_step h1 {margin-top: 48px;}
    .how_step .black_btn {}


    .how_step.step1 .how_frame_desk {

    }
    .how_step.step2 .how_frame_desk {

    }
    .how_step.step3 .how_frame_desk {

    }

    /* .how_step .how_frame_desk {z-} */

    /* End how it works */

    /* Winners */
    .swiper_winners {
        max-width: 400px;

    }
    .acc_prize_carousel {
        max-width: 400px;
        padding:0;
    }
    .acc_prize_carousel .swiper-button-prev {left: -25px;}
    .acc_prize_carousel .swiper-button-next {right: -25px;}

    .swiper_winners .swiper-button-next {right: -25px;}
    .swiper_winners .swiper-button-prev {left: -25px;}

    .swiper_winners .swiper-pagination-bullet {
        width: 9px;
        height: 9px;
    }
    .swiper_winners .prize_text, .swiper_winners .prize_title {font-size: 19px;}
    .swiper_winners .swiper-slide {padding: 15px 32px;}
    .winners_page .banner_title_img.top_right {
        max-width: 60vw;
        top: 40px;
    }
    .winn_accord_inside {
        margin-left: 10px;
        margin-right: 10px;
    }
    /* End Winners */



    /* Choose Game */

    .choose_blob_left {
        max-width: 97vw;
        left: -166px;
        top: 36%;
    }
    /* End Choose Game */

    /* Delivery Details */
    .dd_carousel::after {
    }
    .swiper_dd img {
        max-width: 80px;
    }
    .dd_carousel h1 {
        margin-top: 60px;
    }
    .dd_carousel h2, .form_section h2 {
        /* font-size: 30px; */

    }
    .swiper_dd label {
        margin-bottom: 12px;
        padding: 10px;
    }

    .dd_blob_right {
        right: -100px;
        max-width: 40vw;
        top: 3%;
    }
    .dd_blob_left {
        max-width: 77vw;
        left: -200px;
        top: 11%;
    }
    .banner_title_img.dd_conf_right {
        top: 46%;
        max-width: 49vw;
    }
    /* End Delivery Details */


    /* Select Telco */
    .seltel_carousel::after {
        -webkit-clip-path: ellipse(140% 51% at 51.42% 80.67%);
        clip-path: ellipse(140% 51% at 51.42% 80.67%);
    }
    .seltel_carousel h1 {
        margin-top: 60px;
    }
    .seltel_carousel .bot_text {
        /* margin: 80px auto 0 auto; */
        /* max-width: 340px; */
    }
    .seltel_right {
        max-width: 29vw;
        right: -38px;
        z-index: 0;
        top: 10%;
    }

    .seltel_left {
        max-width: 73vw;
        left: -109px;
        z-index: 0;
        top: 24%;
    }
    .seltel_carousel {
        margin-bottom: 70px;
        padding-bottom: 0px;
    }

    .telco_carousel_cont.container {
        padding-left: 0;
        padding-right: 0;
    }
    /* End Select Telco */

    /* Account */
    .account_welcome_contain {
        display: block;
        margin: 0 auto;
        margin-top: 0px;
        margin-top: 40px;
    }
    .account_welcome_contain .badge_section {
        display: block;
        vertical-align: middle;
    }
    .welc_img_text {
        font-size: 21px;
        font-weight: 500;
        color: #000000;
        margin-top: 5px;
        line-height: 22px;
        width: 145px;
        margin: 0 auto;
        padding-top: 10px;
    }
    .account_welcome_contain .account_welcome_text {
        display: block;
        vertical-align: middle;
        max-width: 352px;
        padding-left: 0;
        text-align: center;
        margin: 0 auto;
    }
    .account_welcome_contain .badge_section .badge_section_image {

        margin: 0 auto;
    }
    .banner_title_img.acc_top_left {
        max-width: 45vw;
        left: -108px;
        top: 26%;
        transform: rotate(-15deg);
    }
    .sect_welcome img {max-width: 125px;}
    .sect_prizen_end a {font-size: 18px;}
    .sect_welcome p:nth-child(1) {margin-top: 30px;}
    .cards_box .text {font-size: 23px;}

    .acc_prize_carousel .swiper-button-next,
    .acc_prize_carousel .swiper-button-prev {
        display: none;
    }
    .swiper_winners .swiper-button-next,
    .swiper_winners .swiper-button-prev {
        display: none;
    }
    .banner_title_img.acc_top_left.acc {
        max-width: 40vw;
        left: -108px;
        top: 13%;
    }
    .banner_title_img.acc_bot_right.acc {
        max-width: 61vw;
        right: 0;
        top: unset;
        bottom: -23%;
    }

    .banner_title_img.acc_top_right {
        max-width: 59vw;
        right: -50px;
        z-index: 0;
        top: 56%;
        transform: rotateX(180deg);
    }
    /* End Account */


    /* Share Social Confirm */
    .share_social_pg .top_title h2 {font-size: 28px;}
    .share_social_pg .top_left {
        max-width: 64vw;
        left: -150px;
        z-index: 0;
        top: 29%;
    }
    .share_social_pg .top_right {
        max-width: 59vw;
        right: -150px;
        z-index: 0;
        top: 29%;
        transform: rotate(-4deg);
    }
    /* End Share social Confirm */



    /* Spin Wheel */
    .wheel_spin .top_title h2 {font-size: 28px;}
    .wheel_spin .top_left {
        top: 57%;
    }
    .wheel_spin .top_right {
        right: -200px;
        top: 26%;
    }

    .wheel_prize_box img {
        max-width: 260px;
        margin-top: 6px;
    }

    /* End Spin Wheel */

    /* Share Social */
    .share_social_pg .share_socials {font-size: 25px;}
    .share_social_pg.not_conf .top_left {top: 23%;}
    .share_social_pg.not_conf .top_right {top: 25%;}

    .share_social_pg.page_c .top_left,
    .share_social_pg.page_c .top_right {display: none;}
    /* End Share Social */

}


@media (max-width: 480px) {
    .banner_title_text button.two {
        float:none;
    }
    .banner_title_text button.two_btns_home {
        margin-top:10px;
        margin-left:0;
    }
    .winners_page .top_title h1 {font-size:36px;}
    /* Home */
    .banner {}
    .cards_section {

        padding: 0 24px;
    }
    .monthly_prizes h2 {


        margin-bottom: 40px;

    }
    .monthly_prizes .title {

        font-size: 13px;
        margin-top: 8px;
    }

    .monthly_prizes .box {

        padding: 12px;

    }
    .drop {

        width: 32px;
        height: 32px;

    }
    .cards_section .card_text {
        font-size: 22px;
        line-height: 25px;
    }
    .login_section .error_msg {font-size: 14px;}
    .cards_section .card_content {

    }
    .cards_section .card a {font-size: 16px;}
    .win_steps .title {margin-left: 0;}

    .cards_section .card.second {margin-bottom: 50px;}


    .monthly_prizes h1 {margin-top: 56px;}
    .monthly_prizes h2 {font-size: 20px;}
    .login_links a {}

    .cards_section .card {margin: 10px;}

    .win_steps .title {
        font-size: 20px;
        line-height: 36px;
    }

    .banner_title_img.top_right {
        top: 620px;
        right: -45px;
        max-width: 30vw;
    }
    .login_section {}
    .win_steps .btn_content {}


    .banner {}
    /* End Home */


    /* Modal (Play Now Home) */
    .modal .close {top: 24px; right: 20px; max-width: 25px;}
    .modal-title {font-size: 24px;}

    .modal .black_btn {
        margin-top: 10px;
        min-height: 50px;

    }
    .modal .black_secondary_btn{
        margin-top: 10px;
        min-height: 50px;
    }
    .modal label.form-control-label {font-size: 16px;}
    .modal .error_msg {font-size: 14px;}
    .modal-body .link_btn {font-size: 15px;}
    /* .modal-header {margin: 30px auto 20px auto;} */

    /* Modal (Lost Code Home) */
    .modal-header h4 {font-size: 17px;}

    /* Modals */
    .modal .dot {
        width: 13px;
        height: 13px;
        margin: 7px;
    }
    .check label, [type="radio"]:checked + label, [type="radio"]:not(:checked) + label {font-size: 16px;}
    .modal .form-control {font-size: 16px;}
    .modal.lost_code form {margin-top: 25px;}
    .modal input {height: 60px;}
    .modal-header h4 {margin-top: 25px;}
    .dots-container {margin-top: 25px;}
    .verification .form-control {height: 45px;}
    .modal.forgot_pass .step3_forgot form {margin-top: 25px;}
    .modal.register form {margin-top: 25px;}
    .modal.login form {margin-top: 25px;}

    .cookies .pdf_link {font-size: 18px;}
    /* End Modals */

    /* FAQ */
    .accord_title p {font-size: 20px;}
    .faq_box {padding: 0px 25px;}
    .accord_subtitle p {font-size: 20px;}
    .accord_body {font-size: 15px;}
    .accord_subtitle.first {margin-top: 35px;}
    .accord_body {}
    .faq_link a {font-size: 16px;}
    .faq_link a {
        margin: 60px 0 10px 0;
    }

    .banner_title_img.faq_mob_blob {
        left: -180px;
        top: 405px;
    }
    hr.section_hr {margin-left: -15px; margin-right: -15px;}
    .gray_shape {height: 800px; border-bottom-right-radius: 20%;}
    .faq_content h1 {font-size: 35px;}
    .faq_box .title_accordion h1{

        font-size: 24px;

    }
    /* End FAQ */
    .sect_prizen h1,
    .sect_prizen_end h1 {font-size: 24px;
    }
    .dd_pg .form_section h1 {
        font-size: 24px;
        font-family: Otypical Headline;


    }
    .dd_carousel h2, .form_section h2 {
        font-size: 20px;

    }
    /* How it works */
    .how_step .title, .sect_codes h1 {font-size: 24px;}
    .how_step h1 {font-size: 24px;}
    .how_step img {}
    .how_step .black_btn {}


    /* End How it works */

    /* Winners */
    .acc_prize_carousel .swiper-button-next, .acc_prize_carousel .swiper-button-prev {
        width: 40px;
        height: 40px;
    }
    .acc_prize_carousel .swiper-button-prev {left: 15px;}
    .acc_prize_carousel .swiper-button-next {right: 15px;}

    .swiper_winners .swiper-button-next {right: 15px;}
    .swiper_winners .swiper-button-prev {left: 15px;}
    .swiper_winners .swiper-button-next, .swiper_winners .swiper-button-prev {
        width: 40px;
        height: 40px;
    }
    /* .winn_accord_box {padding: 0px 15px;} */
    .winn_accord_box p {
        margin-left: 15px;
        font-size: 20;
        margin-right: 10px;
    }
    .winn_accord_inside p {font-size: 17px;}
    .outer_hr {
        margin-left: -15px;
        margin-right: -15px;
        margin-bottom: 0;
        margin-top: 0;
    }
    .winn_accord_box img {margin-left: 0; max-width: 109px;}
    .winn_accord_box p {max-width: 189px;}
    .winn_accord_inside p {max-width: 100%;}

    .winners_page .fa-chevron-down, .winners_page .fa-chevron-up {margin-right: 10px;}

    .top_title h1 {margin: 40px auto 5px auto;}
    .winners_page .carousel_section::after {
    }
    .winners_page .banner_title_img.top_right {max-width: 78vw;}
    .winn_accord_inside hr {margin: 8px 5px 8px 5px;}
    /* End Winners */

    /* Choose Game */
    .modal.choose_game h4 {max-width: 250px;}
    .choose_game_pg h1 {margin-top: 50px;}
    .choose_game_pg .text_1 {margin: 30px auto auto auto;}
    .choose_game_pg .text_2 {margin-bottom: 50px; margin-top: 30px;}
    .choose_game_pg {margin-bottom: 0px;}
    .choose_game_pg::after {
    }
    .choose_game_pg .card {margin: 0 auto 50px auto;}
    .choose_game_pg .card_banner {
        height: 229px;
    }

    .choose_game_pg .card_banner.center_img {height: 387px;}

    .choose_game_pg .black_secondary_btn, .choose_game_pg .black_btn {

    }
    .choose_game_pg .card_text {margin: 45px auto;}
    .choose_blob_left {top: 40%; left: -120px;}
    /* End Choose Game */


    /* Delivery Details */
    .form_section h1 {margin-top: 30px;}
    .dd_pg .form_section form {padding: 18px 30px; margin-bottom: 10px;}
    .dd_pg form .desc_text {font-size: 16px;}
    .dd_blob_right {
        right: -100px;
        max-width: 50vw;
        top: 2%;
    }
    .dd_blob_left {
        max-width: 88vw;
        left: -180px;
        top: 13%;
    }
    .dd_conf_box .title, .dd_conf_box .info {font-size: 18px;}
    .dd_conf_box .desc {font-size: 12px;}
    .dd_confirm::after {

    }
    .dd_conf_box {margin: 0 auto 20px auto}
    .dd_confirm {}

    .dd_confirm h1 {margin: 60px auto 40px auto;}
    .banner_title_img.dd_conf_left {
        max-width: 76vw;
        top: 16%;
    }
    .swiper_dd [type="radio"]:checked + label:after {left: 11.4%;}
    .swiper_dd img {max-width: 80px;}
    .swiper_dd p {font-size: 19px;}

    /* End Delivery Details */


    /* Select Telco */
    .seltel_carousel::after {
        -webkit-clip-path: ellipse(140% 48% at 51.42% 80.67%);
        clip-path: ellipse(140% 48% at 51.42% 80.67%);
    }
    .seltel_carousel {
        margin-bottom: 0px;
        padding-bottom: 0px;
    }
    .seltel_carousel p {font-size: 19px;}
    .seltel_carousel .hashtag {margin-bottom: 50px;}
    /* End Select Telco */


    /* Account */

    .cards_box .text {font-size: 18px;
        text-align: center;}
    .welc_cont .mob_numb {font-size: 21px;}
    .badge_section .welc_img_text {
        font-size: 19px;

    }
    .welc_img_text,
    .sect_welcome p {
        font-size: 19px;
    }
    .welc_cont h1 {margin: 60px auto 40px auto; text-align: center;padding: 0 19px;}
    .faq_welcome .welc_cont h1 {margin: 80px auto 16px auto;}
    .choose_game_welcome .welc_cont p {
        font-size: 16px;

        padding: 0 15px;
    }

    .sect_welcome::after {

    }
    .banner_title_img.acc_top_left {
        max-width: 45vw;
        left: -65px;
        top: 25%;
        transform: rotate(-5deg);
    }
    .banner_title_img.acc_bot_right {
        max-width: 30vw;
        right: 0;
        top: -11%;
    }
    .end_section {margin-top: 60px;}
    .end_section::after {
    }

    .acc_prize_carousel.physical img {max-width: 150px;}

    .codes_inside {
        padding-left: 0;
        padding-right: 0;
    }

    .codes_inside .code_cont {margin-left: 20px;}
    .codes_inside button {

    }

    .codes_inside .code {font-size: 20px;}
    .codes_inside .date {font-size: 16px;}
    .codes_inside img {max-width: 80px;}

    .banner_title_img.acc_top_left.acc {left: -63px;}
    /* End Account */

    /* Share Social Confirm */
    .share_social_pg .top_title h1 {margin-top: 50px;}
    .share_social_pg .top_title h2 {
        margin: 22px auto 0 auto;
        font-size: 21px;
    }
    .share_social_box {margin: 35px auto;}
    .share_social_box p {
        margin: 30px auto 0px auto;
    }
    .share_social_pg .main_section {margin-bottom: 60px; padding-bottom: 40px;}
    .share_social_pg .main_section::after {
        -webkit-clip-path: ellipse(155% 80% at 50.42% 80.67%);
        clip-path: ellipse(155% 80% at 50.42% 80.67%);
    }
    .share_social_pg .black_btn, .share_social_pg .black_secondary_btn {
        margin: 10px 0;
    }
    /* .share_social_box {
        padding: 40px 20px;
    } */

    .share_social_pg .top_left {
        max-width: 70vw;
        left: -100px;
        z-index: 0;
        /* top: 28%; */
        top: 70%;
    }
    .share_social_pg .top_right {
        max-width: 58vw;
        right: -160px;
        z-index: 0;
        top: 3%;
        transform: rotate(5deg);
    }
    .share_social_pg .top_title h1 {max-width: 230px;}
    /* End Share Social Confirm */


    /* Spin Wheel */
    .wheel_spin .top_title h1 {
        margin-top: 48px;
        font-size: 48px;
    }

    img.wrapper {
        width: 320px;
        height: 320px;
    }
    .spin_content button {
        width: 52px;
        height: 52px;
        top: 48%;
    }
    .spin_content {
        width: 112px;
        height: 112px;
        background-position: 1px 5px;
    }
    #wheel {
        top: 10px;
        left: 10px;
        width: 300px;
        height: 300px;
    }
    #wheel div.sec {
        border-width: 188px 111px 0;
        transform-origin: 111px 188px;
        left: 38px;
        top: -36px;
    }
    #wheel div.sec .fa {margin-top: -114px;}
    #wheel div.sec .fa p {font-size: 18px;}

    #wrapper {margin-top: 25px;}


    .wheel_spin .top_left {
        max-width: 75vw;
        left: -135px;
        z-index: 0;
        top: 32%;
    }

    .wheel_spin .top_right {
        max-width: 58vw;
        right: -160px;
        z-index: 0;
        top: 3%;
        transform: rotate(5deg);
    }

    .wheel_spin.prize .top_left {
        max-width: 51vw;
        left: -133px;
        z-index: 0;
        top: 17%;
    }

    .wheel_spin .main_section::after {
        -webkit-clip-path: ellipse(155% 80% at 50.42% 80.67%);
        clip-path: ellipse(155% 80% at 50.42% 80.67%);
    }

    .wheel_spin .top_title h2 {
        margin: 22px auto 0 auto;
        font-size: 21px;
    }

    .wheel_spin .main_section {
        padding-bottom: 80px;
        margin-bottom: 24px;
    }

    .wheel_prize_box {
        height: 300px;
        margin-top: 30px;
    }
    .wheel_prize_box img {
        max-width: 220px;
        margin-top: 6px;
    }



    .wheel_spin.prize .top_right {max-width: 60vw;}
    .wheel_prize_box p {font-size: 18px;}

    .claim_prize_center {
        max-width: 300px;
        margin: -20px auto auto auto;
    }
    .claim_prize_left {}
    .win_text_mobile {
        font-size: 21px;
        margin-top: 0;
    }
    /* Spin Wheel */


    /* Share Social */
    .share_social_pg .share_socials_icons img {max-width: 70px;}
    .share_social_pg .share_socials {
        line-height: 28px;
        font-size: 23px;
    }
    .share_social_pg.page_c .main_section {
        margin-bottom: 60px;
    }
    .share_social_pg.not_conf .main_section {
        padding-bottom: 70px;
        margin-bottom: 50px;
    }
    /* End Share Social */

}


@media (max-width: 360px) {


    /* Home */
    .t_prizes h2 {
        font-size: 19px;
    }
    .monthly_prizes .box {
        margin: 5px;
    }
    .banner {

    }


    .t_prizes button, .win_steps button {min-width: 275px;}
    .win_steps .desc {font-size: 19px;}
    .cards_section .card_text {
        font-size: 20px;
        line-height: 23px;
    }


    .banner_title_img.top_right {
        top: 545px;
        right: -32px;
        max-width: 30vw;
    }
    /* End Home */

    /* FAQ */
    .accord_title p {font-size: 18px;}
    .fa.fa-chevron-down, .fa.fa-chevron-up {font-size: 17px;}
    .accord_subtitle p {font-size: 18px;}
    .faq_link a {font-size: 16px;}
    /* End FAQ */

    /* Delivery details */
    .swiper_dd [type="radio"]:checked + label:after {
        left: 11.4%;
    }

    /* End Delivery Details */

    /* Account */

    .banner_title_img.acc_top_left {top: 26%;}
    .acc_prize_carousel p {font-size: 18px;}
    .acc_prize_carousel .flex-row {
        flex-direction: column!important;
    }
    .acc_prize_carousel.physical .prize_title,
    .acc_prize_carousel.physical .prize_date {
        /*  margin-top: 20px; */
        font-size: 18px;
    }
    .acc_prize_carousel.physical .slide_contains .slide_contains_text {
        display: table-cell;
        vertical-align: middle;
        padding-left: 10px;
    }
    /* End Account */

    /* Share Social Confirm */
    .share_social_pg .top_right {
        max-width: 58vw;
        right: -140px;
        z-index: 0;
        top: 3%;
        transform: rotate(5deg);
    }
    /* .share_social_pg .top_left {top: 29%;} */
    /* End Share Social Confirm */


    /* Wheel Spin */

    .wheel_spin .top_right {
        max-width: 58vw;
        right: -140px;
        z-index: 0;
        top: 3%;
        transform: rotate(5deg);
    }
    .wheel_spin .top_left {top: 29%;}
    /* End Wheel Spin */

    /* Share Social */
    .share_social_pg .top_title h2 {font-size: 20px;}
    /* End Share Social */


}
@media (max-width: 320px) {
    .dd_conf_box .black_secondary_btn {margin-bottom:15px;}
    /* Home */

    .banner {margin-top: -37px;}
    /* End Home */

    /* Modals */
    .modal-title {font-size: 24px;}
    .modal-header h4 {font-size: 16px;}

    .modal .error_msg {font-size: 13px;}
    .modal-title {max-width: 210px;}
    /* End Modals */

    /* Winners */
    .winn_accord_box p {font-size: 19px;}
    .winn_accord_inside p {font-size: 17px;}
    .winn_accord_box .outer {
        padding-top: 25px;
        padding-bottom: 25px;
    }
    /* End Winners */

    /* Choose Game */

    .choose_game_pg .card_text {margin: 0 0 40px auto; font-size: 18px;}
    .choose_game_pg .card_banner {
        height: 182px;
    }

    .choose_game_pg .card_banner.center_img {height: 300px;}

    .choose_game_pg .card_banner {
        background-position: center 0;
    }
    .choose_game_pg .black_secondary_btn, .choose_game_pg .black_btn {}
    .choose_game_pg .card_cont {
        padding-left: 15px;
        padding-right: 15px;
    }
    /* End Choose Game */

    /* Delivery Details */
    .swiper_dd [type="radio"]:checked + label:after {
        left: 11.75%;
    }
    /* End Delivery Details */

    /* Share Social */
    .share_social_pg .top_title h2 {font-size: 18px;}
    /* End Share Social */
}
@media (max-width: 280px) {
    /* Home */
    .banner {height: 175px;}

    .monthly_prizes h2 {
        font-size: 25px;
    }
    .drop {height: 55px;}
    .t_prizes h2 {font-size: 19px;}
    .t_prizes .box {margin: 4px;}
    .t_prizes .title {font-size: 14px;}
    .t_prizes button, .win_steps button {
        min-width: 250px;
        font-size: 17px;
    }
    .login_section button {
        font-size: 17px;
        min-width: 100%;
        min-height: 55px;
    }
    /* .login_section label.form-control-label {font-size: 15px;} */
    label.form-control-label, label.form-control-select {font-size: 15px;}

    /* .login_section .error_msg {font-size: 12px;} */
    .login_section .error_msg {font-size: 12px;}

    /* .login_section .error input {height: 52px;} */
    .error input {height: 52px;}

    .login_links a {font-size: 14px;}
    .cards_section .card_content {
        padding-left: 40px;
        padding-right: 40px;
    }
    .cards_section .card a {font-size: 17px;}
    .banner_title_img.top_right {
        top: 470px;
        right: -25px;
        max-width: 30vw;
    }
    /* End Home */

    /* How it Works */
    .how_step p, .how_step li {
        font-size: 16px;
        line-height: 23px;
    }
    .how_step .title, .how_step h1 {font-size: 30px;}
    .how_step .black_btn {

        min-height: 45px;
    }
    .how_btns {
        padding-top: 70px;
        padding-bottom: 40px;
    }
    /* End How it Works */
}




/* Game Changes */

#ppsGameModal .modal-dialog {max-width: fit-content; margin: 0 auto;}

@media screen and (max-height: 350px) and (orientation: landscape) {
    .ppGameBox .gameRoom {
        height: auto!important;
    }
    .fancybox-opened, .ppGameBox, .fancybox-skin, .fancybox-outer, .fancybox-inner, .ppGameBox .gameKeys, .thankDelivery {
        height: auto!important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {

    #ppsGameModal .modal-dialog {
        max-width: 100%;
        margin: 0;
    }
    /* .gameRoom .gameBgr {
        height: 100vh;
    } */
}

@media only screen and (min-width: 768px) and (max-width: 1023px) and (max-height: 860px) {
    .gameRoom .gameBgr {
        height: 100vh;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .gameRoom .menu .items {
        display: flex;
        flex-direction: row;
    }
}


@media only screen and (min-width: 320px) and (max-width: 767px) {
    .gameRoom .menu .countDown > p > span {
        font-size: 11px;
    }
    .gameRoom .menu .items {
        display: flex;
        flex-direction: row;
    }
    .gameRoom .menu .items .find01 > img,
    .gameRoom .menu .items .find02 > img {
        width: 30px;
    }
}

.actlink a:hover {
    text-decoration:none;
}
.banners_container {
    width: 100%;
    max-width: 940px;
    text-align: center;
    margin: 30px auto;
    display: flex;
    justify-content: center;
}
.banners_container a {
    display: block;
    width: 100%;
}
.banner_responsive_image {
    width: 100%;
    height: auto;
    max-width: 750px;
    max-height: 300px;
    margin: 0 auto;
    display: block;
}
img.banner_responsive_image.banner_desktop_image {
    max-width: 750px;
}
img.banner_responsive_image.banner_mobile_image {
    max-width: 300px;
}
/* Desktop image (default) */
.banner_desktop_image {
    display: block;
}
/* Mobile image (hidden by default) */
.banner_mobile_image {
    display: none;
}
/* Media query for mobile devices */
@media (max-width: 767px) {
    .banner_desktop_image {
        display: none;
    }
    .banner_mobile_image {
        display: block;
        max-width: 300px;
        max-height: 500px;
        margin: 0 auto;
        padding:0 10px;
    }
}