/* default configuration */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Inter' !important;
    background-color: #4f027e !important;
}

a {
    text-decoration: none !important;
    color: inherit !important;

}
p, h1, h2, h3, h4, h5, h6, a{
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    margin: 0 !important;
}

a:hover {
    text-decoration: none;
}

button {
    outline: none;
    border: none;
    cursor: pointer;
}
button:focus,
button:active {
    border: none;
    outline: none ;
    box-shadow: none ;
}

ul, ol {
    list-style: none;
}


/*  start navbar style*/
.join_navbar{
    display: none;
    align-items: center;
    justify-content: center;
    column-gap: 6px;
    padding: 0 12px 0 12px;
    border-radius: 21px;
    background-color: #8125e1;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    color: #fff !important;
    width: 91px;
    height: 32px;
    line-height: 1.33;
}

header{
    max-height: 70px;
    height: 70px;
}
#navbar_index_id{
    background-color: #400e5c;
    padding: 4px 0;
}
.nav-link{
    color: #fdce68 !important;
    text-transform: uppercase;
    transition: .3s ease-in;
    width: max-content;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.active_link{
  color: #bc7bff !important;
}
.nav-link:hover{
    color: white !important;
}
.nav-link.link_auth{
        width: 120px;
        height: 42px;
        padding: 5px 22px 5px 18px;
        border-radius: 21px;
        background-color: #8125e1;
        color: white !important;
        display: flex !important;
        column-gap: 10px;
        justify-content: center;
        align-items: center;
}

.link_auth:hover{
    background-color: #a148ff !important;
    color: #fdce68 !important;
    transition: .3s ease;
}

.navbar-nav{
    column-gap: 60px;
}
.container_navbar_items{
    padding-left: 0 !important;

}
.nav_container{
    padding-left: 0 !important;
}
.navbar-dark .navbar-toggler{
    border: none !important;
    color: none;
    outline: none;
    text-decoration: none;
    width: 48px;
    height: 48px;
    border-radius: 50%;
}

#navbarNav{
    transition: none 0s ease 0s !important;
}
.navbar-dark .navbar-toggler-icon{
    filter: invert(100%);
}
/* .navbar-collapse.navbar-nav{
  align-items: center;
} */
.collapse.show {
    height: 100vh !important;
  }
  /* .collapse.show .nav-item:nth-child(6){
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding-bottom: 33px;
  } */
  .collapse.show .link_auth{
    background: none;
    padding: 0 !important;
    color: #fdce68 !important;
    width: 75px !important;
}

  .collapse.show .link_auth:hover{
    color: white !important;
    background: none !important;
  }

  /* .collapse.show .nav-item{
    padding-left: 12px;
  } */

.filter a:focus,
.filter a:active,
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none !important;
    box-shadow: none !important;
    border: 0 !important;
}

.toggler-icon{
    width: 25px;
    height: 0.2rem;
    background-color: white;
    border-radius: 2px;
    display: block;
    transition: all 0.2s;
}


.navbar-toggler .top-bar {
    transform: rotate(45deg);
    transform-origin: 5% 34%;}



.navbar-toggler .bottom-bar {
    transform: rotate(-45deg);
    transform-origin: 16% 131%;
    margin-top: 10px;
}

.navbar-toggler.collapsed .top-bar {
    transform: rotate(0);
}

.navbar-toggler .top-bar, .navbar-toggler .bottom-bar{
    margin-left: 3px;
}
.navbar-toggler.collapsed .bottom-bar {
    transform: rotate(0);
}

.navbar-toggler.collapsed .toggler-icon {
    background-color: white;
    margin-left: 0;
}
/*  end navbar style*/


/* first section start */
.Lets-Play-and-Win-T {
    text-shadow: 0 2px 2px rgba(29, 0, 63, 0.2);
    font-size: 60px;
    font-weight: 900;
    line-height: 1.5;
    color: #7400ff;
  }
  .head_h1{
    margin-top: 77px;
    margin-bottom: 77px;
  }
  .head_h12{
    margin-top: 70px !important;
    margin-bottom: 40px !important;
  }



/* !------------------------------------------------------ */
.flex {
    display: flex;
    /* height: 207px; */
    border-radius: 28px;
    border: 6px solid transparent;
    background: linear-gradient(123deg, #ffb000 38%, #ffda87 49%, #ffb81b 56%, #ffdb8a 65%, #ffbb25 70%, #f5b933 81%);
    text-transform: uppercase;
}
.container_pil1{
width: 100%;
}
.container_pil2{
width: 100%;
}

.pil1, .pil2 {
    height: auto;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

}

.pil1 {
    display: flex;
    justify-content: space-around;
    align-items: center;
    border-top-left-radius: 28px;
    border-bottom-left-radius: 28px;
    background-image: url("../images/backgrounds/main_banner_bg_left_no_border.svg");
}

.pil2 {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-around;
    align-items: center;
    border-top-right-radius: 28px;
    border-bottom-right-radius: 28px;
    background-image: url("../images/backgrounds/main_banner_bg_right_no_border.svg");
}


/* !------------------------------------------------------ */

.month_date{
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  color: #fff;

}
.mgm_first_part{
    display: flex;
    flex-direction: column;
    gap: 21px;
}
.mgm_first_part .img-fluid,
.pwb_first_part .img-fluid
{
    height: auto;
    width: 220px;
}
.pwb_second_part,
.mgm_second_part{
   align-items: center;
}
.estimation{
    text-shadow: 0 4px 4px rgba(29, 0, 63, 0.2);
    font-size: 20px;
    font-weight: bold;
    line-height: 1.4;
    color: #fff;
    padding-bottom: 8px;
}
.jackpot_value{
    text-shadow: 0 4px 4px rgba(29, 0, 63, 0.2);
    font-size: 80px;
    font-weight: 900;
    line-height: 1.13;
    color: #f5b933;
}
.million{
    text-shadow: 0 4px 4px rgba(29, 0, 63, 0.2);
    font-size: 40px;
    font-weight: 900;
    letter-spacing: 4px;
    color: #fff;
}



 .pwb_first_part{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
/* first section  end */






.container_first {
    background-image: url("../images/backgrounds/top_bg.svg");
    background-repeat: no-repeat;
    background-position: top;
    height: 643px;
    display: flex;
    align-items: center;
    text-align: center;
    position: relative;
    z-index: 999;
  }

  .container_payment {
    width: 100vw;
    padding: 0 !important;
  }

  .container_payment {
    background-image: url("../images/backgrounds/yellow_bg.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-position-y: 190px;
    min-height: 1284px;
  }

 .container_info{
    position: relative;
    bottom: 60px;
 }



/*  start lottery */
  .lottery{
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .ImagineLucky-Decembe {
    /* margin-top: 42px; */
    margin-bottom: 80px;
    font-size: 40px;
    font-weight: 900;
    text-align: center;
    color: #fa0;
  }
  .ImagineLucky-Decembe .text-style-1 {
    color: #fff;
  }
.pool_card{
    background-color:#7500b1 !important;
    border-radius: 8px !important;
    border: solid 2px #ffc952 !important;
    height: 170px;
}
.pool_card .card-body{
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 12px;

}
.pool_card h5{
    font-size: 40px;
    font-weight: 900;
    color: #fa0;

}
.pool_card h5 span{
    color: #fff;
}
.pool_card p{
  font-size: 20px;
  font-weight: 500;
  line-height: 1.6;
  color: #fff ;
}
/* end lottery */


/* start participants list */
.participants_list{
    background-color: rgba(117, 0, 177, 0.95);
    margin-top: 144px;
    border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    border: solid 2px #ffc952;
    padding: 0px 40px 40px 60px;
}
#participantsContainer{
    padding-top: 10px;
}
.participants_card{
    background-color: transparent !important;
    border: none !important;
    height: 100%;
}
.participants_card .card-body{
    padding: 0 !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .participants_h1{
    padding-top: 120px;
  }
.participants_card h5:first-child{
    font-size: 20px;
    font-weight: bold;
    line-height: 1.8;
    color: #fa0;
}
.participants_card h5:last-child{
    font-size: 16px;
    font-weight: bold;
    line-height: 1.75;
    color: #fa0;
}

.participants_card p{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.75;
    color: #fff;
    max-width: 236px;
}


.Rectangle {
    width: max-content !important;
    text-align: center;
    border-radius: 999px;
    padding: 10px 3rem;
    display: inline-block;
    position: relative;
    background: transparent;
    border: none;
    background-color: #4f027e !important;
    left: 50%;
    transform: translateX(-50%);
    bottom: 27px;
  }

  .Rectangle::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 4px;
    border-radius: 9999px;
    background: linear-gradient(to bottom, #ffb000 1%, #ffefca 27%, #ffb81b 42%, #ffedc4 63%, #ffbb25 74%, #f5b933 99%),
  linear-gradient(0deg, #FFFFFF, #FFFFFF);
    -webkit-mask:
       linear-gradient(#fff 0 0) content-box,
       linear-gradient(#fff 0 0);
            mask:
       linear-gradient(#fff 0 0) content-box,
       linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
  }


.particip_head_title {
    font-size: 20px;
    font-weight: 900;
    color: #fff;
  }
  .particip_head_title .particip_head_span {
    color: #fa0;
  }
  .Lets-Play-Win-Tog {
  font-size: 60px;
  font-weight: 900;
  color: #fff;
}
.participants_p{
    margin-top: 60px !important;
    margin-bottom: 140px !important;
}
.Lets-Play-Win-Tog .text-style-1 {
  color: #fa0;
}
.Know-how-you-can-joi {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.6;
    text-align: center;
    color: #fff;
    max-width: 750px;
    display: flex;
    margin: 0 auto;

  }
  #see_more_players{
    max-width: 85%;
    margin: 30px auto 0;
    border-radius: 8px;
    box-shadow: 0 0 20px 0 rgba(28, 31, 36, 0.1);
    background-color: #4f027e;
    height: 60px;
    color: #fff;
    font-weight: 600;
    line-height: 1.6;
    font-size: 20px;
    &:focus{
        outline: none !important;
    }
  }
/* end participants list */




/* start payment section */

.payment_layout .card-title{
margin-top: 52px !important;
margin-bottom: 39px !important;
font-size: 20px;
font-weight: bold;
line-height: 1.4;
color: #fff;
}
.payment_layout .card-body .card-text a{
    width: 240px;
    height: 50px;
    font-size: 16px;
    font-weight: 600;
    line-height: 2;
    text-align: center;
    transition: all .3s;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffc952 !important;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    border-style: solid;
    border-width: 2px;
    border-image-source: linear-gradient(to bottom, #ffb000 0%, #ffefca 27%, #ffb81b 42%, #ffedc4 63%, #ffbb25 75%, #f5b933 100%);
    border-image-slice: 0;
    background-image: linear-gradient(to bottom, #660594, #660594), linear-gradient(to bottom, #ffb000 0%, #ffefca 27%, #ffb81b 42%, #ffedc4 63%, #ffbb25 75%, #f5b933 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    &:hover{
        color: #fff !important;
        background-image: linear-gradient(to bottom, #4f027e, #4f027e), linear-gradient(to bottom, #ffb000 0%, #ffefca 27%, #ffb81b 42%, #ffedc4 63%, #ffbb25 75%, #f5b933 100%);
    }
}
.payment_layout .card-image img{
    height: 50px;
    width:  180px;
}
.payment_layout{
background-color: transparent !important;
border: none !important;
}
.payment_layout .card-text{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    color: #fff;
}
.payment_list{
    background-color: rgba(117, 0, 177, 0.95);
    border-radius: 8px;
    border: solid 2px #ffc952;
    padding: 60px 40px 60px 60px;
    margin-bottom: 160px;
}
.payment_list .row{
    --bs-gutter-x: 3.6875rem !important;
   }
/* end payment section */


















/* ready to play start */
.Ready-to-Play {
    font-size: 60px;
    font-weight: 900;
    color: #fff;
  }
  .Ready-to-Play .text-style-1 {
    color: #fa0;
  }

  .join {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 325px;
    height: 72px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-style: solid;
    border-width: 4px;
    border-image-source: linear-gradient(123deg, #ffb000 38%, #ffda87 49%, #ffb81b 56%, #ffdb8a 65%, #ffbb25 70%, #f5b933 81%);
    border-image-slice: 0;
    background-image: linear-gradient(to bottom, #8520ff, #45018f), linear-gradient(123deg, #ffb000 38%, #ffda87 49%, #ffb81b 56%, #ffdb8a 65%, #ffbb25 70%, #f5b933 81%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    margin: 80px auto 40px !important;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6;
    color: #fff !important;
    transition: all .3s ease;
  }
  .join_current{
    display: none;
    /* display: flex; */
    align-items: center;
    justify-content: center;
    width: 325px;
    height: 72px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-style: solid;
    border-width: 4px;
    border-image-source: linear-gradient(123deg, #ffb000 38%, #ffda87 49%, #ffb81b 56%, #ffdb8a 65%, #ffbb25 70%, #f5b933 81%);
    border-image-slice: 0;
    background-image: linear-gradient(to bottom, #8520ff, #45018f), linear-gradient(123deg, #ffb000 38%, #ffda87 49%, #ffb81b 56%, #ffdb8a 65%, #ffbb25 70%, #f5b933 81%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    margin: 20px auto 40px !important;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6;
    color: #fff !important;
    transition: all .3s ease;

  }

  .join_current2{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 325px;
    height: 72px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-style: solid;
    border-width: 4px;
    border-image-source: linear-gradient(123deg, #ffb000 38%, #ffda87 49%, #ffb81b 56%, #ffdb8a 65%, #ffbb25 70%, #f5b933 81%);
    border-image-slice: 0;
    background-image: linear-gradient(to bottom, #8520ff, #45018f), linear-gradient(123deg, #ffb000 38%, #ffda87 49%, #ffb81b 56%, #ffdb8a 65%, #ffbb25 70%, #f5b933 81%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    margin: 80px auto 0px !important;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6;
    color: #fff !important;
    transition: all .3s ease;
  }
  /* .join_current:hover,
  .join_current2:hover{
    background-color: #9700e4 !important;
  } */
  .join:hover,
  .play:hover,
  .verify:hover,
  .join_current:hover,
  .join_current2:hover{
    border-image-source: linear-gradient(123deg, #ffb000 38%, #ffda87 49%, #ffb81b 56%, #ffdb8a 65%, #ffbb25 70%, #f5b933 81%);
    background-image: linear-gradient(to bottom, #9843ff, #5700b5 100%), linear-gradient(123deg, #ffb000 38%, #ffda87 49%, #ffb81b 56%, #ffdb8a 65%, #ffbb25 70%, #f5b933 81%);
  }

  .more_info{
    display: block;
    width: 325px;
    height: 72px;
    padding: 20px 50px;
    border-radius: 8px;
    box-shadow: 0 0 20px 0 rgba(28, 31, 36, 0.1);
    background-color: #7300ae;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6;
    color: #fff !important;
    transition: all .3s ease;
  }
  .more_info:hover{
    background-color: #9700e4;
  }

  .faq{
  font-size: 60px;
  font-weight: 900;
  text-align: center;
  color: #fff;
  margin-top: 120px !important;
  margin-bottom: 80px !important;
  }
  .accordion-button::after{
    background-image: url("../images/icons/icons-32-arrow-right.svg") !important;
    background-size: 32px !important;
    height: 32px !important;
    width: 32px !important;
    transition: all .3s ease-out !important;
  }
  .accordion-button:not(.collapsed)::after {
    background-image: url("../images/icons/icons-32-arrow-down.svg") !important;
    transform: rotate(0deg) !important;
    transition: all .3s ease-in;



}
#accordionFlushExample{
    display: flex;
    flex-direction: column;
    gap: 28px;
    max-width: 945px;
    margin: 0 auto;
}
#accordionFlushExample .collapse.show{
    height: auto !important;
}
.accordion-button {
  color: white !important;
  border: none !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 1.6 !important;
}
.accordion-button:focus {
    z-index: 3;
    border: none !important;
    outline: 0;
    box-shadow: none !important;
}
.accordion-button:not(.collapsed) {
    color: #fa0 !important;
    background-color: rgba(117, 0, 177, 0.95) !important;
}
  .accordion-item{
    background-color: rgba(117, 0, 177, 0.95);
    padding: 10px 0;
    border-radius: 8px;

  }
  .accordion-item:last-of-type .accordion-collapse{
    border: none !important;
  }

  /* .accordion-button:not(.collapsed)::after {
    filter: invert(100%);
  } */
  .accordion-body p{
    color: white;
    line-height: 28px;
    font-size: 16px;
    font-weight: 400;
  }


  .ImagineLucky-Game-Tr {
    max-width: 1048px;
    font-size: 60px;
    font-weight: 900;
    color: #fff;
  }
  .transparency_h1 {
    margin-top: 160px !important;
    margin-bottom: 60px !important;
    text-align: center;
  }

  .ImagineLucky-Game-Tr .text-style-1 {
    color: #fa0;
  }

.administrator_h3{
    max-width: 750px !important;
    text-align: center;
    margin: 0 auto 80px !important;
}
  .The-administrator-of {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.6;
    text-align: center;
    color: #fff;
  }

  .transparency_fluid{
    row-gap: 35px;
    background-image: url("../images/backgrounds/yellow_ribbon.svg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
  #transparency_card_row .col-md-4{
    padding: 0 12px !important;

  }
  #transparency_card_row .card{
  border-radius: 8px !important;
  border: solid 2px #ffc952 !important;
  height: 100%;
  background-color: rgba(117, 0, 177, 0.95) !important;
  }


  #transparency_card_row .card-title{
    height: 72px;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.29;
  text-align: center;
  color: #fff !important;
  margin-bottom: 24px;
  }
  #transparency_card_row  .card-body{
    margin-bottom: 40px !important;
    color: white;
  }
  #transparency_card_row .col-md-4 .card .card-body p{
    line-height: 1.75;
  }
  .payment_h1{
    margin-top: 120px !important;
    margin-bottom: 60px !important;
  }
  .Payment-Methods {
    font-size: 60px;
    font-weight: 900;
    text-align: center;
    color: #4f027e;
  }
  .play {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 325px;
    height: 72px;
    border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    border-style: solid;
    border-width: 4px;
    border-image-source: linear-gradient(123deg, #ffb000 38%, #ffda87 49%, #ffb81b 56%, #ffdb8a 65%, #ffbb25 70%, #f5b933 81%);
    border-image-slice: 0;
    background-image: linear-gradient(to bottom, #8520ff, #45018f), linear-gradient(123deg, #ffb000 38%, #ffda87 49%, #ffb81b 56%, #ffdb8a 65%, #ffbb25 70%, #f5b933 81%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    color: white;
    margin: 160px auto 120px !important;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6;
    color: #fff !important;
    transition: all .3s ease;
  }

  .contact_h1{
        font-size: 60px;
        font-weight: 900;
        color: #fff !important;
  }

  h1.contact{
    margin-bottom: 80px !important;

  }




    /* contact form start style */
  #video_window{
    width: 180px;
    height: 101px;
    border-radius: 0.7px;
    background-color: #2c0047;
    margin: 0 auto;
    display:flex;
    justify-content: center;
    align-items: center;
    &:focus{
        outline: none !important;
    }
  }

  .contact_us{
        font-size: 60px;
        font-weight: 900;
        text-align: center;
        color: #fff;
        padding-bottom: 70px;
        padding-top: 28px;

  }
  .contact_us .text-style-1{
    color: #ffaa00;
  }

  .p_phone{
    font-size: 28px;
    font-weight: bold;
    line-height: 1.29;
    color: #fff;
    padding-bottom: 70px;
  }
  #p_phone,
  #video_window_container,
  #contact_us{
    display: none;
  }
  .play-icon{
    width: 60px !important;
    height: 60px !important;
  }

.contact_container{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    row-gap: 34px;

}
.contact_container input::placeholder{
    color: #ffffff !important;
}


.contact_form{
    display: none;
    max-width: 525px;
    margin: 0 auto;
    margin-bottom: 160px;
}
.error-msgs{
    float: inline-end;
    padding-top: 5px;
    bottom: -31px;
}
.chose_time{
    display: flex;
    width: 100%;
    justify-content: flex-end;
    gap: 24px;
    align-items: center;

}
.enter_phone{
    width: 100%;
    display: flex;
    justify-content: flex-end;
    column-gap: 25px;
    align-items: center;
}
#phone::placeholder{
    color: rgba(255, 255, 255, 0.5) !important;
}
.hide{
    display: none;
}
.label_time,
.label_name,
.label_phone{
    font-size: 20px;
    font-weight: 500;
    color: #fff;
}
/* .iti__country-list{
    z-index: 99999 !important;
    top: 50px !important;
} */
/* .iti-mobile .iti--container{
    display: flex;
    align-items: center;
} */
 /* .iti-mobile .iti__country-list{
    max-width: 80%;
} */

.time_select{
    cursor: pointer;
}
.name_input,
.time_select,
.phone_number,
.code_select{
    border-radius: 4px !important;
    box-shadow: 0 0 4px 0 rgba(28, 31, 36, 0.1);
    border: solid 1px #844ea5 !important;
    background-color: #3f0a66 !important;
    color: #fff !important;
    height: 50px;
}
.verify {
    width: 83px;
    height: 36px;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-style: solid;
    border-width: 2px;
    border-image-source: linear-gradient(123deg, #ffb000 38%, #ffda87 49%, #ffb81b 56%, #ffdb8a 65%, #ffbb25 70%, #f5b933 81%);
    border-image-slice: 0;
    background-image: linear-gradient(to bottom, #8520ff, #45018f), linear-gradient(123deg, #ffb000 38%, #ffda87 49%, #ffb81b 56%, #ffdb8a 65%, #ffbb25 70%, #f5b933 81%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    font-size: 14px;
    font-weight: 600;
    line-height: 2.29;
    text-align: center;
    color: #d8d8d8;
  &:hover{
    border-image-source: linear-gradient(123deg, #ffb000 38%, #ffda87 49%, #ffb81b 56%, #ffdb8a 65%, #ffbb25 70%, #f5b933 81%);
    background-image: linear-gradient(to bottom, #9843ff, #5700b5 100%), linear-gradient(123deg, #ffb000 38%, #ffda87 49%, #ffb81b 56%, #ffdb8a 65%, #ffbb25 70%, #f5b933 81%);
  }
  }
  #error-msg, .error-msg{
    color: red;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6;

}
  #valid-msg{
    color: green;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6;
  }
  .dropdown_date{
    padding: 24px 32px 32px;
    border-radius: 4px;
    box-shadow: 0 0 4px 0 rgba(28, 31, 36, 0.1);
    border: solid 1px #844ea5;
    background-color: #3f0a66;
    float: inline-end;
    width: 136%;
    position: absolute;
    right: 0;
    z-index: 2 !important;
    display: none;
}
.week_number .col{
    font-size: 14px;
    font-weight: 600;
    line-height: 2;
    color: #fa0;
}

.week_day .col{
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}

.busy_time{
    color: rgba(255, 255, 255, 0.3) !important;
    cursor: not-allowed !important;
}
.busy_time:hover{
    background-color: #4f027e !important;
}

.time_label{
display: flex;
align-items: center;
justify-content: center;
gap: 7px;
border-radius: 8px;
background-color: #4f027e;
height: 36px;
color: #fff;
cursor: pointer;
transition: all .3s;
&:hover{
    background-color: #8125e1;
}
}
.time_label.selected {
border-style: solid;
border-width: 2px;
border-image-source: linear-gradient(141deg, #ffb000 28%, #ffda87 43%, #ffb81b 52%, #ffdb8a 64%, #ffbb25 71%, #f5b933 86%);
border-image-slice: 1;
background-image: linear-gradient(to bottom, #8520ff, #45018f), linear-gradient(141deg, #ffb000 28%, #ffda87 43%, #ffb81b 52%, #ffdb8a 64%, #ffbb25 71%, #f5b933 86%);
background-origin: border-box;
background-clip: content-box, border-box;
}

.time_radio{
display: none;
}
  /* contact form end style */













 /* bootstrap modal general settings */

 #send_sms_code_modal .modal-dialog,
 #call_back_poppup .modal-dialog{
    max-width: 100% !important;
  }

  .modal-body{
    display: flex;
    flex-direction: column;
    align-items: center;

}

#close_message,
#close_message2{
    position: absolute;
    top: 25px;
    right: 20px;
    cursor: pointer !important;
    z-index: 999;
}
.btn-close{
    position: absolute;
    top: 1%;
    right: 15px;
    cursor: pointer !important;
    z-index: 999;
}
.btn-close2{
    margin-top: 17px;
    border-radius: 8px;
    padding: 15px 75px;
    box-shadow: 0 0 20px 0 rgba(28, 31, 36, 0.1);
    background-color: #7300ae;
    color: #fff;
    font-weight: 600;
    &:hover {
        background-color: #9700e4;
    }
}
.modal-dialog {
  max-width: 50% !important;
}
.transparency_fluid{
margin-bottom: 120px
}
.ratio{
margin-top: 26px !important;
}
 /* bootstrap modal general settings */



 /* !-----start style for poppup verify sms--------! */
#send_sms_code_modal .modal-header{
    border: none !important;
}
#send_sms_code_modal .modal-content{
    background-color: #4f027e;
    background-image: url("/assets/images/backgrounds/wawe-full.svg");
    background-repeat: no-repeat;
    border-radius: 10px;
    background-size: cover;
    max-width: 720px;
    margin: 25px auto 0;
}

#poppup_logo{
padding-top: 25px;
padding-bottom: 60px;
}
.We-sent-you-a-code-t,
.Please-enter-it-belo{
    font-size: 28px;
    font-weight: bold;
    line-height: 1.29;
    text-align: center;
    color: #fff;
}
.poppup_number{
    font-size: 32px;
    font-weight: 900;
    text-align: center;
    color: #fa0;
    padding-top: 28px;
    padding-bottom: 60px;
}
.digit_form {
    border-radius: 4px;
    max-width: 400px;
    padding-top: 40px;
    padding-bottom: 60px;

  }

  .digit_form .digit {
    display: block;
    width: 70px;
    height: 80px;
    margin: 0 0 0 20px;
    border-radius: 12px;
    box-shadow: 0 0 4px 0 rgba(28, 31, 36, 0.1);
    border: solid 1px #844ea5;
    background-color: #3f0a66;
    margin-right: 0.5rem;
    text-align: center;
    font-size: 1.25rem;
    min-width: 0;
    font-size: 40px;
    font-weight: 900;
    text-align: center;
    color: #fff !important;

    &:focus {
      box-shadow: none !important;
      background: #3f0a66 !important;
    }
  }
  .digit_form .digit:last-child {
    color: #fff !important;
  }
  .btn_close_modal{
    border-radius: 8px;
    border-style: solid;
    border-width: 4px;
    border-image-source: linear-gradient(129deg, #ffb000 35%, #ffda87 48%, #ffb81b 55%, #ffdb8a 65%, #ffbb25 70%, #f5b933 82%);
    border-image-slice: 0;
    background-image: linear-gradient(to bottom, #8520ff, #45018f), linear-gradient(129deg, #ffb000 35%, #ffda87 48%, #ffb81b 55%, #ffdb8a 65%, #ffbb25 70%, #f5b933 82%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    width: 258px;
    height: 72px;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6;
    text-align: center;
    color: #fff;
    margin-bottom: 70px;
    &:hover{
        border-image-source: linear-gradient(123deg, #ffb000 38%, #ffda87 49%, #ffb81b 56%, #ffdb8a 65%, #ffbb25 70%, #f5b933 81%);
        background-image: linear-gradient(to bottom, #9843ff, #5700b5 100%), linear-gradient(123deg, #ffb000 38%, #ffda87 49%, #ffb81b 56%, #ffdb8a 65%, #ffbb25 70%, #f5b933 81%);
    }
  }

/* ?-----end style for poppup verify sms--------? */



/* !-----start style for poppup call back--------! */
.close_popup{
    filter: invert(100%);
}
#call_back_poppup .modal-header{
    border: none !important;
}
#call_back_poppup .modal-content{
    background-color: #4f027e;
    background-image: url("/assets/images/backgrounds/wawe-full.svg");
    background-repeat: no-repeat;
    border-radius: 10px;
    background-size: cover;
    max-width: 720px;
    margin: 25px auto 0;
}
.Thank-you{
    font-size: 28px;
    font-weight: 900;
    text-align: center;
    color: #fa0;
    padding-top: 35px;
}
.silhouette_container{
    position: relative;
    display: flex;
    justify-content: center;
    border-bottom: 1px solid #7c32ab;
    margin: 40px 0;
}
.owner_info{
    position: absolute;
    top: 50%;
    right: -79px;
    transform: translateY(-50%);
}
.owner_info p:first-child{
    font-size: 20px;
    font-weight: bold;
    line-height: 1.8;
    text-align: left;
    color: #fff;
}
.owner_info p:last-child{
    font-size: 16px;
    font-weight: 500;
    color: #fa0;
    text-align: left;
}
.I-will-call-you{
    font-size: 28px;
    font-weight: bold;
    line-height: 1.29;
    text-align: center;
    color: #fff;
}
.today-at{
    font-size: 28px;
    font-weight: bold;
    line-height: 1.29;
    text-align: center;
    color: #fa0;
    padding-top: 28px;
    padding-bottom: 60px;
}
.today-at .text-style-1 {
    color: #fff;
  }
/* ?-----end style for poppup call back--------! */











  .send_message {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 325px;
    height: 72px;
    border-radius: 8px;
    border-style: solid;
    border-width: 4px;
    border-image-source: linear-gradient(123deg, #ffb000 38%, #ffda87 49%, #ffb81b 56%, #ffdb8a 65%, #ffbb25 70%, #f5b933 81%);
    border-image-slice: 0;
    background-image: linear-gradient(to bottom, #8520ff, #45018f), linear-gradient(123deg, #ffb000 38%, #ffda87 49%, #ffb81b 56%, #ffdb8a 65%, #ffbb25 70%, #f5b933 81%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    margin: 60px auto 160px !important;
    cursor: pointer;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6;
    color: #fff !important;
    transition: all .3s ease;

  }


/* ready to play end */




/* footer start */
.logo{
    margin-top: 50px;
}
.footer_border{
    height:2px;
    border-width:0;
    color: #fff;
    background-color:0.2;
    opacity: 0.2;
}
.copiryght h4{
    font-size: 16px;
    line-height: 2;
    color: #fff;
    text-align: center;
  }
.copiryght{
    margin-bottom: 50px;

}
.socials a{
    transition: all .3s;
    padding: 8px;
}

.socials a:first-child:hover{
  background-color: #0863F7;
}
.socials a:nth-child(2):hover{
    background-color: #4FEC67;
}
.socials a:nth-child(3):hover{
    background-color: #7360F2;
}
.socials a:nth-child(4):hover{
    background-color: #36A6DE;
}
.socials a:nth-child(5):hover{
    background-color: #03DC6B;
}
.socials a:nth-child(6):hover{
    background-color: #0A66C2;
}

.socials a:last-child:hover{
  background-color: #7400FF;
}
/* footer end */







/* !-------------------------- News Start ----------------------- ! */
.container_news{
  background-image: url("../images/backgrounds/top_bg.svg");
    background-repeat: no-repeat;
    background-position: top;
    position: relative;
    z-index: 999;
}
.news{

  padding: 80px 337px 171px 80px;
  /* padding: 20px; */
  border-radius: 8px;
  border: solid 2px #ffc952;
  background-color: rgba(117, 0, 177, 0.97);
  display: flex;
  flex-direction: column;
  gap: 50px;
  position: relative;
  bottom: 92px;
  /* height: 1200px; */
}


.news_h1 span{
  width: 503px;
  height: 220px;
  text-shadow: 0 2px 2px rgba(29, 0, 63, 0.2);
  font-family: Inter;
  font-size: 180px;
  font-weight: 900;
  color: #f3aa0c;
}
.news_article{
  background-color: transparent !important;
  border: none !important;
}
.news_article .card-title{
  font-size: 28px;
  font-weight: bold;
  line-height: 1.29;
  color: #fff;
  text-align: left;
}
.news_article .card-text:first-of-type{
  font-size: 16px !important;
  font-weight: 500;
  line-height: 1.75;
  color: #d88aff;
}

.formatted_date_news{
    padding-top: 12px;
    padding-bottom: 20px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.75;
    color: #d88aff !important;
}
.news_article .card-text:last-of-type{
  font-weight: 500;
  line-height: 1.75;
  color: #fff;
  text-align: left;
}

.read_link{

    border-radius: 8px;
    box-shadow: 0 0 20px 0 rgba(28, 31, 36, 0.1);
    background-color: #ffc952;
    padding: 10px 40px;
    white-space: nowrap;
    font-weight: 600;
    line-height: 2;
    color: #400e5c !important;
    transition: all .3s;
    &:hover{
      background-color: #ffd77d;
    }
  }
  .news_border_bottom{
    background-color: rgba(255, 255, 255, 0.4);
   }
    /* pagination start */
    .links{
      display: flex;
      align-items: center;
      gap: 12px;
    }
    .link-pagination {
      padding: 15px 26px 16px 28px;
      border-radius: 8px;
      box-shadow: 0 0 20px 0 rgba(28, 31, 36, 0.1);
      border: none !important;
      border: 1px solid #ddd;
      text-decoration: none;
      color: #333;
      background-color: #ffc952;
      font-size: 14px !important;
      font-weight: 600 !important;
      &:hover:not(.active_pagination){
        background-color: #ffd77d;
      }

    }
    #prev, #next{
      padding: 9px 20px 9px 20px;
       border-radius: 8px;
      border-radius: 8px;
      box-shadow: 0 0 20px 0 rgba(28, 31, 36, 0.1);
      background-color: #ffc952;
      display: flex !important;
      justify-content: center !important;
      align-items: center !important;
      &:hover{
        background-color: #ffd77d;
      }
    }
    .active_pagination {
      background-color: #a800ff;
      color: #fff !important;
    }
    .pagination-ellipsis{
        color: #ffc952;
        font-weight: 600;
        margin-top: 15px;
    }
    .pagination{
        gap: 50px !important;
    }

    /* pagination end */

/* !-------------------------- News End ----------------------- ! */


/* !--------------------------Single News End ----------------------- ! */
.container_single_news{
  background-image: url("../images/backgrounds/top_bg.svg");
    background-repeat: no-repeat;
    background-position: top;
    position: relative;
    z-index: 999;
}
.container_all{
  position: relative;
  bottom: 96px;
}
.article_section{
  padding: 40px 40px 1px 40px;
  background-color: #f8f0dd !important;
}
.Ready-to-Play2{
  font-size: 28px;
  font-weight: 900;
}
.side_panel_info{
    margin-top: 40px;
}
.side_panel_widget{
    background-color: #f8f0dd !important;
    &:hover{
      background-color: #fff !important;
    }
}
.side_panel_widget:hover > .card-header{
  background-color: #fff !important;
}
.side_panel_widget .card-header{
    background-color: #f8f0dd !important;
}
.join2{
  margin-top: 40px !important;
  margin-bottom: 160px;
}
.article_title{
  font-size: 28px;
  font-weight: bold;
  line-height: 1.29;
  color: #400e5c;
}
.article_date{
  font-weight: 500;
  line-height: 1.75;
  color: #c28605;
}
.section_content{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.75;
    color: #400e5c;
}
.second_row_news{
  color: #400e5c;
}

.socials_p{
  display: flex;
  align-items: center;
  gap: 10px;
}
/* .article_social{
  margin-left: 20px;
} */
.article_social img{
  margin-left: 20px;
  background-color: #0866ff;
  padding: 4px;
  border-radius: 50%;

}
.article_p_ck{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.75;
    color: #fff;
}

.content_article_ckeditor a{
    text-decoration: underline !important;
}
/* !--------------------------Single News End ----------------------- ! */




/* !--------------------------Terms News Start ----------------------- ! */
.terms_container{
  position: relative;
  bottom: 95px;
}
.terms_first_row{
  width: 71%;
  background-color: #ffffff;
  color: #400e5c;
  padding: 80px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  box-shadow: 0 2px 15px 0 rgba(31, 6, 45, 0.1);
}
.terms_second_row{
  width: 29%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  background-color: #f7c558;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  box-shadow: 0 2px 15px 0 rgba(31, 6, 45, 0.1);
}
.terms_second_row a{
  margin-top: 80px !important;
}
.terms_second_row button{
  margin-bottom: 80px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 0 20px 0 rgba(28, 31, 36, 0.1);
  background-color: #7300ae;
  gap: 12px;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.6;
  padding: 20px 19px 20px 20px !important;

}
.print{
  transition: all .3s;
}
.print:hover{
  background-color: #9700e4;
}
.print2{
  display: none;
}
.text_term{
  font-size: 16px;
  font-weight: 500;
  line-height: 1.75;
}
.terms_date{
  font-size: 16px;
  font-weight: 500;
  line-height: 1.75;
  margin-top: 12px !important;
  margin-bottom: 20px !important;
  color: #c28605;
}
/* !--------------------------Terms News End ----------------------- ! */





/* !--------------------------FAQS Start ----------------------- ! */
.container_faqs{
    background-image: url("../images/backgrounds/top_bg.svg");
      background-repeat: no-repeat;
      background-position: top;
      position: relative;
      z-index: 999;
  }
  .faqs_content{
    padding: 150px 294px 80px 80px;
    border-radius: 8px;
    border: solid 2px #ffc952;
    background-color: rgba(117, 0, 177, 0.97);
    display: flex;
    flex-direction: column;
    gap: 50px;
    position: relative;
    bottom: 92px;
  }
#accordion-item-faq{
    background-color: #4f027e !important;
}
.faq_accordion .collapse.show{
    height: fit-content;
}
.faq_accordion{
    width: 100% !important;
}
.accordion_button:not(.collapsed){
    background-color: #4f027e !important;
}
.faq_input_container{
    display: flex;
    align-items: center;
    gap: 20px;
}

.faq_input_container input:focus{
    box-shadow: none;
    outline: none;
    background-color: rgba(28, 31, 36, 0.574);
}
.faq_input_container input::placeholder{
   color: rgba(255, 255, 255, 0.5) !important;
}
  .faq_input_container input {
      background-color: rgba(28, 31, 36, 0.3);
      border-radius: 4px;
      box-shadow: 0 0 4px 0 rgba(28, 31, 36, 0.1);
      border: solid 1px rgba(255, 255, 255, 0.3);
      outline: none !important;
      color: #fff !important;
      padding: 12px;
      width: 470px;
      max-width: 470px;
  }
.cancel_faq{
    border-radius: 8px;
    border-style: solid;
    border-width: 4px;
    border-image-source: linear-gradient(123deg, #ffb000 38%, #ffda87 49%, #ffb81b 56%, #ffdb8a 65%, #ffbb25 70%, #f5b933 81%);
    border-image-slice: 0;
    background-image: linear-gradient(to bottom, #8520ff, #45018f), linear-gradient(123deg, #ffb000 38%, #ffda87 49%, #ffb81b 56%, #ffdb8a 65%, #ffbb25 70%, #f5b933 81%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    cursor: pointer;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.78;
    color: #fff;
    transition: all .3s ease;
    height: 50px;
    width: 139px;
    &:hover{
        border-image-source: linear-gradient(123deg, #ffb000 38%, #ffda87 49%, #ffb81b 56%, #ffdb8a 65%, #ffbb25 70%, #f5b933 81%);
        background-image: linear-gradient(to bottom, #9843ff, #5700b5 100%), linear-gradient(123deg, #ffb000 38%, #ffda87 49%, #ffb81b 56%, #ffdb8a 65%, #ffbb25 70%, #f5b933 81%);
    }
}
.faq_input_container.with-value .cancel-icon {
    cursor: pointer;
    &:hover{
        filter: invert(30%);
    }
}

.faq_input_container {
    position: relative;
}

.faq_input_container .cancel-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}
#not_found_faq{
    color: white;
    text-align:center;
    display:none;
}
.not_found_txt{
    line-height: 2;
    color: #f5b933;
    font-size: 16px;
    padding-left:12px;
}
/* !--------------------------FAQS End ----------------------- ! */







/* !--------------------------Facts Start ----------------------- ! */
.Largest-US-Lotteries {
    font-size: 28px;
    font-weight: bold;
    line-height: 1.29;
    text-align: center;
    color: #fff;
    padding-top: 60px;
  }
  .Facts-and-Figures {
    font-size: 60px;
    font-weight: 900;
    text-align: center;
    color: #fa0;
    padding-top: 24px;
    padding-bottom: 40px;
  }

  .Facts-and-Figures .text-style-1 {
    color: #fff;
  }
  .Here-we-accumulate-m {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.6;
    text-align: center;
    color: #fff;
    margin: 0 auto !important;
    max-width: 560px;
    overflow-wrap: break-word;
    word-wrap: break-word;
}
.Record-Jackpots {
    padding-top: 60px;
    font-size: 40px;
    font-weight: 900;
    text-align: center;
    color: #fa0;
  }

  .Record-Jackpots .text-style-1 {
    color: #fff;
  }

/* swiper start style */
.swiper {
    max-width: 100%;
    height: auto;
    display: flex;
    align-items:center;
    justify-content: center;
  }

  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
  }
  .record_jackpot{
    padding-top: 185px;
  }
.record_jackpot .swiper-slide .card{
        background-color: #7500b1;
        padding: 0px 46px 40px 40px;
        border: none !important;
    }

.record_jackpot .swiper-slide{
    border-radius: 8px;
    border: solid 2px #ffc952;
    background-color: #7500B1;

}
/* .record_jackpot .swiper-slide .card-body{
    padding: 0 40px;
} */
.record_jackpot .swiper-slide .card-body p{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.75;
    color: #fff;
    text-align: left;
}
.record_jackpot .swiper-slide .card-body h5{
        color: #fff;
        font-size: 28px;
        font-weight: bold;
        line-height: 1.29;
        text-align: center;
        padding-bottom: 12px;
}

/* swiper end style */
.cloud_container{
    background-image: url("/assets/images/icons/money-tower-icn.svg");
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 120px;
    height: auto;
    height: 1400px;
}

.tower_content {
    /* background-color: #42016b; */
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content:center;
    gap: 28px;
    margin-top: 135px;
    position: relative;
    z-index: -1;
    background-color: #42016b;
    border-radius: 20px;
    width: 93%;
    float: inline-end;
}





.tower_row{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
}
.tower_one{
    padding-top: 60px !important;
}
.tower_row .tower_img img{
height: auto;
/* width: 20px; */
}
.tower_row .tower_txt{
display: flex;
flex-direction: column;
justify-content:space-between;
}
.tower_row_first{
    text-align:center;
    width: 100%;
    display: flex;
    justify-content: center;
    /* position: relative;
    top: 150px; */
}
.tower_row_first .tower_txt{
    display: flex;
    flex-direction: column;
    gap: 20px !important;
}
.tower_row_first .tower_txt p{
    max-width:640px;
}
.tower_row_last{
    padding-bottom: 40px;
    margin-top: -20px;
}
.tower_row_last img{
    position: relative;
    top: 60px;
}
.tower_row .tower_txt p{
    width: 535px;
    height: 84px;
    margin: 20px 8px 98px 0;
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    color: #fff;
}
.tower_row .tower_txt{
    display: flex;
    flex-direction:column;
    gap:20px;
}

  .The-731-million-jac .text-style-1, .text-style-2 {
    color: #fff;
  }
.tower_row .tower_txt h1 .The-731-million-jac{
    font-size: 40px;
    font-weight: 900;
    color: #fa0;
}
.tower_row_first .would-be-the-stack-o{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.75;
    color: #fff;
}
/* .tower_img img{
    width: 200px !important;
} */
.tower_row_first .Over-22-kilometers{
    font-size: 40px;
    font-weight: 900;
    color: #fa0;
}

  .Over-22-kilometers .text-style-1 {
    color: #fff;
  }

span.Over-22-kilometers {
    margin-top: 10px;
    display: block;
}


.Top-10-Jackpots {
    font-size: 40px;
    font-weight: 900;
    color: #fff;
    padding-top: 160px;
    padding-bottom: 60px;
  }

  .Top-10-Jackpots .text-style-1 {
    color: #fa0;
  }


.svg-container {
    position: relative;
    display: inline-block;
    cursor: help;
    top: -2px;
}

.tooltip-text {
    visibility: hidden;
    width: 120px;
    background-color: #fa0;
    color: #42016b;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
}

.svg-container:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}

.tooltip-text.show {
    visibility: visible;
    opacity: 1;
}

.tooltip-target {
    cursor: pointer; /* Change the cursor to help indicate a tooltip */
}


  .filter_container{
    display: flex;
    flex-direction: column;
    gap: 120px;
  }
  .mgm_container{
    padding-bottom: 180px;
  }
  .mgm_button_container,
  .powerball_button_container{
    display: flex;
    justify-content: center;
    padding-bottom: 60px;
  }
  .powerball_button_container span,
  .mgm_button_container span  {
    padding: 30px 85px;
    max-width: 390px;
    max-height: 160px;
    border-radius: 80px;
    background-color: #3f0065;
    display: flex;
    justify-content: center;
    align-items: center;
  }

.facts_powerball_row,
.facts_mgm_row{
    --bs-gutter-x: 1.75rem !important;
    --bs-gutter-y: 2rem !important;
}

.facts_powerball_row .col-md-4 .card,
.facts_mgm_row .col-md-4 .card{
    background-color: rgba(117, 0, 177, 0.95);
    border: solid 2px #ffc952;
    border-radius: 8px;
}
.facts_powerball_row .col-md-4 .card-body{
    padding: 40px 40px 36px;
}
.facts_mgm_row .col-md-4 .card-body{
    padding: 40px 40px 36px;
}
.facts_powerball_row .col-md-4 .card-body .card-title .bln-31602,
.facts_mgm_row .col-md-4 .card-body .card-title .bln-31602{
        font-size: 40px;
        font-weight: 900;
        text-align: center;
        color: #fff;
        text-transform: uppercase;
}
.bln-31602 .text-style-1 {
    color: #fa0;
  }
  .facts_powerball_row .card-body,
  .facts_mgm_row .card-body{
    text-align: center;
  }
  .facts_powerball_row .card-subtitle,
  .facts_mgm_row .card-subtitle{
    justify-content: center;
  }
.facts_powerball_row .col-md-4 .card-body .card-subtitle p,
.facts_mgm_row .col-md-4 .card-body .card-subtitle p{
padding-top: 16px;
padding-bottom: 20px;
font-size: 16px;
font-weight: 500;
line-height: 1.75;
text-align: center;
color: #d88aff;
}
.facts_powerball_row .col-md-4 .card-body .card-text,
.facts_mgm_row .col-md-4 .card-body .card-text{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.75;
    text-align: center;
    color: #fff;
}

/* mobile filters powerball and megammilion */
.filter_a{
    display: flex;
    align-items: center;
    gap: 20px;
    padding-bottom: 40px;
    padding-top: 24px;
}
.Select-the-Lottery {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.75;
    text-align: center;
    color: #fff;
  }
.pwb_a a,
.mgm_a a{
    height:66px;
    display:flex;
    align-items: center;
    justify-content:center;
    width: 160px;
    border-radius: 32px;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    background-color: #3f0065;
    border-style: solid;
    border-width: 1.5px;
    border-image-source: linear-gradient(to bottom, #ffb000 0%, #ffefca 27%, #ffb81b 42%, #ffedc4 63%, #ffbb25 75%, #f5b933 100%);
    border-image-slice: 0;
    background-image: linear-gradient(to bottom, #3f0065, #3f0065), linear-gradient(to bottom, #ffb000 0%, #ffefca 27%, #ffb81b 42%, #ffedc4 63%, #ffbb25 75%, #f5b933 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;

}
.a_active {
  border-width: 6px !important;
}

.pwb_a img,
.mgm_a img{
    width: 90px;
    height: 51px;
}
/* mobile filters powerball and megammilion */



/* !--------------------------Facts End ----------------------- ! */








/* !--------------------------Groups Start ----------------------- ! */
.group_h1_head{
    padding-top: 60px;

}
.December-2023-Group {
    font-size: 40px;
    font-weight: 900;
    color: #fa0;
  }

  .December-2023-Group .text-style-1 {
    color: #fff;
  }

  .fluid_group{
    background-color: #350056;
     margin-top: 130px;
  }
  .fluid_group .details_row{
    position: absolute;
    top: -85px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
  }
.details_row .col-md-2{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;
}
  .fluid_group .title_out_card{
    font-size: 16px;
    font-weight: bold;
    line-height: 2;
    text-align: center;
    color: #fff;
  }
  .fluid_group .card_content{
    border-radius: 8px;
    background-color: rgba(39, 0, 63, 0.5);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 90px;
    color: white;
    font-size: 28px;
    font-weight: 800;
    color: #fa0;
  }
  .fluid_group .card_content{
        font-size: 28px;
        font-weight: 800;
        text-align: center;
        color: #fa0;
      }
  .-USD .text-style-1 {
    color: #fff;
  }
  .group_list_container{
    display: flex;
    flex-direction: column;
    align-items: start;
    padding-bottom: 40px;
    padding-top: 100px;
  }
  .group_list{
    display: flex;
    flex-direction: column;
  }
  .off_button{
    display: flex;
    gap: 60px;
  }
  .players_number{
    border-right: 1px solid #7C32AB;
    padding-bottom: 31px;
    padding-right: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .players_number span{
    background-image: linear-gradient(to bottom, #ffd880 0%, #ffe09b 52%, #ffd065 56%, #ffdb8b);
    font-size: 200px;
    font-weight: 900;
    text-align: center;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    height: 240px;
    width: 287px;
    display: flex;
    justify-content: center;
    align-items: end;
  }
  .players_list{
    width: 100%;
  }
  .players_number p{
    font-size: 32px;
    font-weight: 900;
    text-align: center;
    color: #fa0;
    width: max-content;
  }
  .player_name{
    font-size: 20px;
    color: #fff;
    line-height: 1.5;
  }
  .player_wininngs{
    color: #fa0;
    line-height: 1.5;

  }
  .player_location{
    color: #ba80d8;
    line-height: 1.5;
  }
#show_all_players{
    border-radius: 8px;
    box-shadow: 0 0 20px 0 rgba(28, 31, 36, 0.1);
    background-color: #7300ae;
    font-size: 16px;
    font-weight: 600;
    line-height: 2;
    text-align: center;
    color: #fff;
    width: 100%;
    margin-top: 20px;
    padding: 9px 0;
    &:hover{
        background-color: #9700e4;
    }
}



/*start datepicker */
.datepicker{
    padding: 12px 10px 18px;
    border-radius: 8px;
    border: solid 2px #ffc952;
    background-color: #7500b1;
    position: relative;
    top: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.date_container{
    position: relative;
    top: 17px;
    z-index: 1;
}
.chose_date{
    max-width: 274px;
    margin: 0 auto;
    padding: 8px 20px 7px;
    border-radius: 8px;
    box-shadow: 0 3px 3px 0 rgba(29, 0, 63, 0.2), inset -2px 2px 3px 3px rgba(75, 0, 121, 0.3);
    border: solid 2px #c464ff;
    background-image: linear-gradient(to bottom, #350056, #350056), linear-gradient(to bottom, #8520ff, #45018f);
    display: flex;
    justify-content: center;
    column-gap: 21px;
}
#prev_month,
#next_month,
#open_datepicker{
    outline: none !important;
    background: none !important;
    color: #fff;
    font-size: 16px;
    font-weight: 800;
    transition: all .3s;
}

#open_datepicker:hover{
    color: #FFAA00;
}

  #next_month svg:hover path,
  #prev_month svg:hover path {
    stroke: #FFAA00;
  }
#open_datepicker{
    min-width: max-content;
}
.dropwdown_date{
    width: 100%;
    position: absolute;
    top: 4px;
    display: flex;
    gap: 100px;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    padding: 40px 60px 30px;
    border-radius: 8px;
    box-shadow: 0 28px 40px 10px rgba(0, 0, 0, 0.6);
    background-color: #1d002f;
    color: white;
    text-align: center;
    display: none;
    z-index: 2;

}
.dropwdown_date .col-md-4:hover{
    border-radius: 4px;
    background-color: #59008a;
    cursor: pointer;
}
.year{
    padding-bottom: 24px;
    font-size: 16px;
    font-weight: 900;
    text-align: center;
    color: #fa0;
}

/*end datepicker */


.December-5-2023 {
    font-size: 24px;
    font-weight: 800;
    color: #fff;
    display: flex;
    width: max-content;
  }

  .December-5-2023 .text-style-1 {
    color: #fa0;
  }
  .datepicker_info{
    background-color: #350056;
    display: flex;
    justify-content: center;
    align-items:center;
    border-radius: 8px;

  }
  .datepicker_info .row{
    width: 100%;
    padding: 30px 25px;
}
   .daysContainer{
    display: flex;
    justify-content: center;
    align-items: end;
    flex-wrap: wrap;
    text-align: center;
    row-gap: 20px;
    column-gap: 15px;
  }
.daysContainer .col-sm-1{
    /* width: fit-content !important; */
    display: flex;
    position: relative;
    flex-direction: column;
}
.dot_by_date{
    display: flex;
    color: #e31d1a;
    position: absolute;
    padding-top: 6px;
    left: 50%;
    transform: translateX(-50%);
}
  .daysContainer .col-sm-1 p{
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
    padding: 4px 0;
  }
  /* .game-day-active{
    position: relative;
  } */
  .game-day-active:hover{
    color: #ffaa00 !important;
  }
  .no-game-day {
    cursor: not-allowed !important;
  }
  .disabled_month{
    color: #5d476a !important;
  }
  .disabled_col{
    background-color: transparent !important;
    pointer-events: none !important;
}


.triangle{
    margin: 0 auto;
    width: 75%;
}

  .month{
    font-size: 16px;
    font-weight: 800;
    height: 32px;
    text-align: center;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .datepicker_info .col-md-3{
    border-right: 1px solid rgba(196, 100, 255, 0.5);
    padding-top: 10px;
    display: flex;
    flex-direction: column;
    gap:43px;
    padding-left: 0;
  }
  .datepicker_info .col-md-5{
    border-right: 1px solid rgba(196, 100, 255, 0.5);
    padding-top: 10px;
    display: flex;
    row-gap: 36px;
    flex-direction: column;
    padding-left: 42px;
  }
  .datepicker_info .jackpot_info{
    display: flex;
    flex-direction: column;
    row-gap: 16px;
  }
  .datepicker_info .jackpot_info p{
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    color: #fff;
  }
  .datepicker_info .jackpot_info span{
    font-size: 24px;
    font-weight: 900;
    color: #fa0;
  }
  .Cash-Amount-1882 {
    font-size: 16px;
    font-weight: 500;
    line-height: 2;
    color: #ba80d8;
  }
  .datepicker_info .nubmers_info{
    display: flex;
    flex-direction: column;
    row-gap: 16px;
  }
  .datepicker .col-sm-1{
    width: 1.8%;
  }
  .month_dates{
    width: 100%;
  }
  .jackpot_txt{
    display: flex;
    flex-direction: column;
}
  .datepicker_info .nubmers_info p{
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    color: #fff;
  }
  .XX-XX-XX-XX-XX-XX {
    font-size: 24px;
    font-weight: 900;
    color: #fa0;
    display: -webkit-inline-box;
    column-gap: 12px;
  }
  .winning_numbers_slice{
    background-color: #fa0;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: #350056;
  }

  .XX-XX-XX-XX-XX-XX .text-style-1 {
    color: #42016b;
    background-image: linear-gradient(to bottom, #e31d1a, #9e0200);
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: #ffffff;
    margin-left: 8px;
  }
  .datepicker_info .col-md-4{
    display: flex;
    column-gap: 30px;
    padding-left: 52px;
    padding-top: 10px;

  }

  .datepicker_info .key{
    display: flex;
    flex-direction: column;
    row-gap: 24px;
  }

  .datepicker_info .item-key{
    display: flex;
    flex-direction: column;
    row-gap: 24px;

  }
  .datepicker_info .item-key p{
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    color: #fa0;
  }
  .datepicker_info .key p{
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;;
    color: #fff;
  }
  .current_year_months,
  .next_year_months{
      display: flex;
      justify-content: center;
  }





  /* numbers block */
  .numbers_block{
    padding: 40px 54px;
    border-radius: 8px;
    background-color: #350056;
    margin-top: 60px;
    margin-bottom: 180px;
  }


.winnings_col_number{
    padding: 3px 7px;
    background: #FFAA00;
    color: #3B015F !important;
    border-radius: 50%;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    /* transform: scale(0.72); */
}
.circle {
    background-color: #feaa2e;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: -12px -6px;

}
.circle_p{
    color: #3b015f !important;
    font-size: 16px;
    font-weight: 500 !important;
    text-align:center !important;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.winnings_col span,
.winnings_col_pwb span{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    color: #fff;
}

  .numbers_block .col-md-4:nth-child(1){
    border-right: 1px solid rgba(196, 100, 255, 0.5);;
  }
  .numbers_block .col-md-4:nth-child(2){
    border-right: 1px solid rgba(196, 100, 255, 0.5);
  }
 .numbers_block .row:first-child{
    --bs-gutter-x: 3rem;
 }
  .numbers_block .col-md-4{
    display: flex;
    flex-direction: column;
    row-gap: 6px;
  }
  .numbers_block .col-md-4 .winnings_row_numbers{
    display: flex;
    justify-content: space-between;
    align-items:center;
    padding: 9px 20px !important;
    border: 2px solid transparent;

  }
  .winnings_col_pwb{
    display: flex;
    align-items: center;
    gap: 8px;
}
  .numbers_block .col-md-4 .winnings_row_numbers:nth-child(odd) {
 padding-left: 0px;
}
  .numbers_block .col-md-4 .winnings_row_numbers:nth-child(even) {
    background-color: #4f027e!important;
    border-radius: 8px;
    color: #fff;
}

/* !--------------------------Groups End ----------------------- ! */





/* !--------------------------Groups Index Start ----------------------- ! */
.group_container{
    padding-bottom: 220px;
    /* display: flex;
    gap: 20px; */
}
.groups_h1{
    padding-top: 60px;
    padding-bottom: 72px;
    font-size: 60px;
    font-weight: 900;
    color: #fa0;
}
.archive{
    padding-top: 100px;
    padding-bottom: 40px;
    font-size: 60px;
    font-weight: 900;
    color: #fa0;
}
.group_open_container,
.group_active_container,
.group_completed_container{
    border-radius: 8px;
    background-color: #440069;
    border: solid 2px #c464ff;
}
.group_second_container{
    padding-left: 38px;
}
.date_game{
    display: flex;
    align-items: center;
    /* flex-wrap: wrap; */
    column-gap: 38px;
}
.group_open_container .date_date h2,
.group_active_container .date_date h2{
    background-image: linear-gradient(41deg, #eaa70f 43%, #ffc743 73%);
    font-size: 30px;
    font-weight: 900;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    width: max-content;

}
.group_completed_container .date_date h2{
    font-size: 30px;
    font-weight: 900;
    text-align: center;
    color: #ba80d8;
    width: max-content;

}
.group_completed_container .date_date p{
    font-size: 16px;
    font-weight: bold;
    line-height: 1.75;
    color: #ba80d8;

}

.group_open_container .date_date p{
    font-size: 16px;
    font-weight: bold;
    line-height: 1.75;
    color: #fa0;
}
.group_active_container .date_date p{
    font-size: 16px;
    font-weight: bold;
    line-height: 1.75;
    color: #fff;
}
.game_game{
    display: flex;
    column-gap: 20px;
    align-items: center;
}
.game_info{
    display: flex;
    column-gap: 60px;
    padding-top: 20px;
    padding-bottom: 30px;
}
.date_date{
    padding: 16px 32px 13px 25px;
    border-radius: 12px;
    box-shadow: 0 3px 3px 0 rgba(29, 0, 63, 0.2), inset -2px 2px 3px 3px rgba(75, 0, 121, 0.3);
    border: solid 4px #c464ff;
    background-image: linear-gradient(to bottom, #59008a, #59008a), linear-gradient(to bottom, #8520ff, #45018f);
    position: relative;
    bottom: 10px;
}
.info_col_one{
    display: flex;
    column-gap: 27px;
}
.info_key,
.info_item{
    display: flex;
    flex-direction: column;
    row-gap: 7px;
}
.info_col_two{
    display: flex;
    column-gap: 27px;

}
.info_key p{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.75;
    color: #ba80d8;
}
.info_item p{
    font-size: 16px;
    font-weight: bold;
    line-height: 1.75;
}
.group_open_container .info_item p{
    color: #ffc952;
}
.group_active_container .info_item p{
    color: #fff;
}
.group_completed_container .info_item p{
    color: #ba80d8;
}
.group_more{
    background-image: url('/assets/images/icons/combined-shape-copy.svg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: -180px 50%;
    height: 80px;
    display: flex;
    align-items: center;
    padding-left: 38px;
    border-top: 2px dashed #8B4DAD;
    background-color: #59008A;
    justify-content: space-between;
    padding: 0 38px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.group_more a{
    padding: 8px 30px;
    border-radius: 8px;
    box-shadow: 0 0 20px 0 rgba(28, 31, 36, 0.1);
    background-color: #ffc952;
    font-size: 16px;
    font-weight: 700;
    line-height: 2;
    text-align: center;
    color: #440069 !important;
}
.total_winning{
    display: flex;
    column-gap: 16px;
}
.total_winning p:first-child{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.75;
    color: #ba80d8;
}
.total_winning p:last-child{
    font-size: 24px;
    font-weight: 900;
    line-height: 1.17;
    color: #fa0;
}
/* !--------------------------Groups Index End ----------------------- ! */






/* !--------------------------Winners Index Start ----------------------- ! */
.winners_container{
    display: flex;
    flex-direction: column;
    row-gap: 70px;
}
.winners_head_txt{
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    padding-top: 60px;
    padding-bottom: 80px;
}
.Group-Winners {
    font-size: 24px;
    font-weight: 900;
    color: #fa0;
  }

  .Group-Winners .text-style-1 {
    color: #fff;
  }
.They-Played-Together {
    font-size: 40px;
    font-weight: 900;
    color: #fff;
  }

  .They-Played-Together .text-style-1 {
    color: #fa0;
  }
  .winners_container .container-fluid:nth-child(odd){
    background-color: #350056;
  }
  .winners_card{
    background: transparent !important;
    border: none !important;
  }
  .winners_card .card-body{
    padding: 60px 35px 60px 0 !important;
  }

  .drawing_date{
    opacity: 0.4;
    font-size: 16px;
    font-weight: bold;
    line-height: 2;
    color: #fff;
  }
  .container-fluid:nth-child(odd) .winner_image_block{
    position: relative;
    bottom: 20px;
    height: fit-content;
  }
  .winner_image_block img{
    width: 100%;
  }
  .container-fluid:nth-child(even) .winner_image_block{
    position: relative;
    bottom: 20px;
    height: fit-content;
  }
.winner_image_block img:last-child{
    position: absolute;
    bottom: 0;
    transform: translateY(50%);
    left: 0;
  }
.winner_image_block .image_container .winner_img{
    border: 8px solid #8125E1;
    position: relative;

  }
p.amounts{
    letter-spacing: 2px;
    line-height: 1.8;
    text-shadow: 2px -1px 1px rgba(255, 255, 255, 0.7), -2px 1px 1px rgba(45, 0, 73, 0.2);
    background-image: linear-gradient(24deg, #eaa70f 37%, #ffc743 90%);
    font-size: 50px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.29;
    letter-spacing: normal;
    text-align: center;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: #F3B526;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -65%) rotate(-5deg);
    z-index: 1;
}


  .Pennsylvania-medical{
    font-size: 28px;
    font-weight: 900;
    color: #fff;
  }
  .Pennsylvania-medical .text-style-1 {
    color: #fa0;
  }
  .winner_date{
    font-size: 16px;
    font-weight: bold;
    line-height: 2;
    color: #fa0;
    padding-top: 12px;
  }
  .winner_date small{
    display: flex;
    align-items: center;
    column-gap: 12px;
  }
  .winner_info{
    font-size: 16px;
    font-weight: 500;
    line-height: 2;
    color: #fff;
    padding-top: 16px;
    /* padding-bottom: 40px; */
  }
  .winner-container{
    color: #fff;
  }
  .winner-container a{
    text-decoration: underline !important;
  }
.winner_details_link{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 235px;
    height: 50px;
    border-radius: 8px;
    cursor: pointer;
    box-shadow: 0 0 20px 0 rgba(28, 31, 36, 0.1);
    background-color: #7300ae;
    font-size: 16px;
    font-weight: 600;
    line-height: 2;
    text-align: center;
    color: #fff !important;
    transition: all .3s;
    margin-top: 40px !important;
    &:hover{
        background-color: #9700e4;
    }
    &:focus{
        outline: none !important;

    }
}
.winners_footer_txt{
    display: flex;
    flex-direction: column;
    row-gap:60px;
    align-items: center;
    padding-bottom: 120px;
    padding-top: 60px;
}
.play_together {
    font-size: 60px;
    font-weight: 900;
    text-align: center;
    color: #fff;
  }
  .play_together .text-style-1 {
    color: #fa0;
  }
  .join_from_winners{
    display: flex;
    justify-content: center;
    align-items:center;
    border-radius: 8px;
    border-style: solid;
    border-width: 4px;
    border-image-source: linear-gradient(123deg, #ffb000 38%, #ffda87 49%, #ffb81b 56%, #ffdb8a 65%, #ffbb25 70%, #f5b933 81%);
    border-image-slice: 0;
    background-image: linear-gradient(to bottom, #8520ff, #45018f), linear-gradient(123deg, #ffb000 38%, #ffda87 49%, #ffb81b 56%, #ffdb8a 65%, #ffbb25 70%, #f5b933 81%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    width: 325px;
    height: 72px;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6;
    text-align: center;
    color: #fff !important;
    transition: all .3s;
    &:hover{
        border-image-source: linear-gradient(123deg, #ffb000 38%, #ffda87 49%, #ffb81b 56%, #ffdb8a 65%, #ffbb25 70%, #f5b933 81%);
        background-image: linear-gradient(to bottom, #9843ff, #5700b5 100%), linear-gradient(123deg, #ffb000 38%, #ffda87 49%, #ffb81b 56%, #ffdb8a 65%, #ffbb25 70%, #f5b933 81%);
    }

  }
  .image_container{
    display: flex;
    justify-content: center;
    position: relative;
    text-align: center;
  }
  .images_winners{
    position: absolute;
    top: 50%;
    transform: translateY(0%);
  }
/* !--------------------------Winners Index End ----------------------- ! */




/* !--------------------------404 Page Start ----------------------- ! */

.container_404 {
    padding-top: 80px;
    padding-bottom: 180px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#oops{
    font-size: 60px;
  font-weight: 900;
  text-align: center;
  color: #fa0;
}
#image_404{
    max-width: 956px;
    margin: 60px 0;
    max-height: 436px;
}
.Page-not-found-Copy {
    font-size: 40px;
    font-weight: 900;
    text-align: center;
    color: #fa0;
  }
  .Page-not-found-Copy .text-style-1 {
    color: #fff;
  }
.Try-going-back-to-th {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    text-align: center;
    color: #fff;
    padding-top: 40px;
  }
  .Try-going-back-to-th a {
    color: #fa0 !important;
  }
/* !--------------------------404 Page End ----------------------- ! */














































/* media query */

@media only screen and (min-width: 280px) and (max-width: 767px) {
.enter_phone{
    flex-direction: column;
    gap: 24px;
}
}


@media only screen and (max-width: 300px) {
    .join_navbar{
        justify-content: flex-start;
     }



    /* !------------------------------winners page media query start-----------------------! */
    p.amounts{
      font-size: 28px;
      letter-spacing: 2px;
      line-height: 1.8;

  }
  /* !------------------------------winners page media query end-----------------------! */
  }



  @media only screen and (min-width: 329px) and (max-width: 767px) {
    .datepicker_info .row{
        padding: 20px 25px 60px !important;
    }
    }



  @media only screen and (min-width: 329px) and (max-width: 481px) {
    .poll_row .col-sm-4{
        width: 50% !important;
    }
    }




@media only screen and (max-width: 329px) {
 .join_navbar{
    gap: 0;
 }
 .join_navbar img{
    transform: scale(0.7);
 }
  .poll_row .col-sm-4{
    width: 100% !important;
  }
  .pool_card p{
    line-height: 1.3 !important;
  }
  .Rectangle{
    width: 260px !important;
  }
  .particip_head_title{
    font-size: 15px !important;
  }
  .join, .send_message, .play, .join_current{
    width: 260px !important;
  }
  .more_info{
    padding: 20px 10px !important;
  }
  .participants_list .col-sm-3 {
    width: 200px !important;
}
.payment_layout .card-body .card-text a{
    width: 180px;
}
/* digits popup */
.digit_form .digit{
    width: 45px !important;
    height: 55px !important;
    font-size: 32px;
}
.btn_close_modal{
    width: 220px;
}
/* digits popup */


   /* !------------------------------Faq page media query start-----------------------! */
   .faq_input_container input{
    max-width: 165px !important;
}
    .faqs_content{
    padding: 20px !important;
}
.faq_accordion .accordion-button{
    padding: 0.5rem;
}

/* !------------------------------Faq page media query end-----------------------! */







/* !------------------------------Groups page media query start-----------------------! */
.info_col_two{
    column-gap: 2px !important;
}
.info_col_one{
    column-gap: 20px !important;
}

.XX-XX-XX-XX-XX-XX {
    font-size: 15px !important;
    width: max-content !important;
}
.datepicker_info .row{
    padding-left: 10px !important;
}


/* .XX-XX-XX-XX-XX-XX {
    font-size: 16px;
    font-weight: 900;
    column-gap: 4px;
  } */
  .winning_numbers_slice{
    width: 30px !important;
    height: 30px !important;
  }

  .XX-XX-XX-XX-XX-XX .text-style-1 {
    width: 30px !important;
    height: 30px !important;
  }



.current_year_months,
.next_year_months{
    display: flex;
    justify-content: center;
}
.players_number {
    column-gap: 6px;
    flex-direction: column;
}
.December-2023-Group {
    font-size: 21px !important;
}
.group_list_container {
    padding-top: 505px !important;
}
.Cash-Amount-1882 {
    font-size: 12px !important;
    width: max-content !important;
}
.datepicker_info .col-md-3 {
    gap: 0 !important;
    flex-direction: column !important;
    padding-left: 0px !important;
}
.datepicker_info .col-md-5 {
    padding-left: 0px !important;
}
.datepicker_info .col-md-4 {
    padding-left: 0px !important;
}
.datepicker_info .key p {
    font-size: 15px !important;
}
.datepicker_info .item-key p {
    font-size: 15px !important;
}
.details_row .col-md-2 {
    min-width: 100%;
}
.chose_date{
    padding: 0 !important;
}


.game_info{
    padding-left: 15px !important;
}
.group_more{
    padding: 0 15px;
}
.dropwdown_date .col-md-4{
    width: 46% !important;
}
/* !------------------------------Groups page media query end-----------------------! */



/* !------------------------------Winners page media query start-----------------------! */
.winner_details_link{
    width: 200px !important;
}
/* !------------------------------Winners page media query end-----------------------! */


}






@media only screen and (max-width: 340px) {
.link-pagination{
    padding: 12px 18px !important;
}
#prev, #next{
    margin: 0 20px !important;
    padding: 9px 20px !important;
}
.pagination{
    gap: 40px !important;
}
.participants_list {
padding: 0px 5px 60px !important;
}


    /* !-----------------Winners media query start --------------------------! */
    .join_from_winners{
        width: 260px;
    }
    /* !-----------------Winners media query end --------------------------! */

}

@media only screen and (max-width: 353px) {
    /* !-----------------Facts media query start --------------------------! */
    .record_jackpot .swiper-slide .card-body p {
        line-height: 1.38;
    }
    .record_jackpot .swiper-slide .card-body h5 {
        padding-top: 35px !important;
    }
    /* !-----------------Facts media query end --------------------------! */



    /* !-----------------Groups media query start --------------------------! */
    .datepicker_info .col-md-3{
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    .datepicker .col-sm-1{
        width: 8.5% !important;
      }
    /* !-----------------Groups media query end --------------------------! */
}


@media only screen and (max-width: 360px) {
/* !-----------------Facts media query start --------------------------! */
.filter_a{
    justify-content: center;
}
.pwb_a a, .mgm_a a{
    width: 120px !important;
}
.record_jackpot .swiper-slide .card-body p {
    /* line-height: 1.45; */
}
/* !-----------------Facts media query end --------------------------! */


}


@media only screen and (max-width: 362px) {
/* ! ------------------- Facts media query start ------------------- ! */
.cloud_container{
    align-items: flex-start !important;
    background-size: cover !important;
}
.tower_row_first{
    padding-top: 95px !important;
}
.tower_row_first .would-be-the-stack-o{
    font-size: 14px !important;
}
.tower_row_first .tower_txt{
    gap: 10px !important;
}
/* .tower_row_first .Over-22-kilometers{
    font-size: 20px !important
}
.tower_row_first{
    padding-left: 55px !important;
} */
/* ! ------------------- Facts media query end ------------------- ! */




/* !------------------------------404 page media query end-----------------------! */

.Try-going-back-to-th{
    display: unset !important;
}
/* !------------------------------404 page media query end-----------------------! */
}





@media only screen and (min-width: 300px) and (max-width: 375px) {
  /* !------------------------------winners page media query start-----------------------! */
  p.amounts{
    font-size: 30px;
    letter-spacing: 2px;
    line-height: 1.8;
}
/* !------------------------------winners page media query end-----------------------! */
}




@media only screen and (min-width: 375px) and (max-width: 481px) {
/* ! ------------------- Groups media query start ------------------- ! */
.daysContainer{
    text-align: center;
  }
/* ! ------------------- Groups media query end ------------------- ! */


   /* !------------------------------winners page media query start-----------------------! */
   p.amounts{
    font-size: 40px;
    letter-spacing: 2px;
    line-height: 1.8;

}
/* !------------------------------winners page media query end-----------------------! */

}








@media only screen and (min-width: 469px) and (max-width: 482px) {
.row.next_year_months,
.row.current_year_months{
    --bs-gutter-x: 2.5rem !important;
}
}



@media only screen and (min-width: 481px) and (max-width: 491px) {
    .row.next_year_months,
    .row.current_year_months{
        --bs-gutter-x: 1.7rem !important;
    }
    }


@media only screen and (min-width: 492px) and (max-width: 518px) {
.row.next_year_months,
.row.current_year_months{
    --bs-gutter-x: 1.1rem !important;
}
}





@media only screen and (min-width: 480px) and (max-width: 540px) {
/* ! ------------------- Groups media query start ------------------- ! */

.info_col_one,
.info_col_two{
    column-gap: 15px;
}
.game_info{
    column-gap: 20px !important;
    column-gap: 20px !important;
}

/* ! ------------------- Groups media query end ------------------- ! */
}





@media only screen and (min-width: 518px) and (max-width: 545px) {
.row.next_year_months,
.row.current_year_months{
    --bs-gutter-x: 1.6rem !important;
}
}











@media only screen and (max-width: 481px) {
    header{
        height: 48px;
    }
    #navbar_index_id{
        padding-bottom: 0;
        padding-top: 0;
    }
    #logo{
        width: 65px;
        height: 26px;
    }
    .join_navbar{
        width: 98px;
        height: 34px;
        padding: 1px 16px 1px 12px;
    }
    .container_first {
        background-position: center;
        height: auto;
    }
    .particip_head_title {
        font-size: 16px;
        font-weight: 900;
        color: #fff;
      }
      #transparency_card_row{
        row-gap: 24px !important;
      }
      .participants_list .gx-5,
      .participants_list .g-5{
        --bs-gutter-x: 2rem !important;
      }
      #participantsContainer .col-sm-3{
        width: 100% !important;
    }

    .participants_card .card-body{
        display: flex;
        flex-direction: column;
        align-items: center !important;
      }
      .participants_list{
        padding-top: 5px !important;
        margin-bottom: 80px;
        margin-top: 80px;
        padding: 0 40px 40px 40px;
    }

      .participants_p{
        margin-top: 33px !important;
        margin-bottom: 90px !important;
      }
      #transparency_card_row .col-md-4 .card img{
        width: 60px !important;
        height: 60px !important;
    }
    #transparency_card_row .col-md-4 .card{
        padding-top: 4px !important;
    }

      .participants_list .col-sm-3{
        width: 43% !important;
      }
      .Rectangle {
        width: max-content !important;
        padding: 15px 20px !important;
        bottom: 30px;
      }
      /* .poll_row .col-sm-4 {
        width: 50% !important;
      } */
      .participants_h1{
        word-break: break-word;
        padding-top: 0;
      }
      .participants_card .card-body{
        align-items: flex-start;
      }
      .transparency_h1{
        margin-top: 80px !important;
        margin-bottom: 24px !important;
      }
      .transparency_h1 span{
        font-size: 32px;
      }
      .join_current{
        margin:20px auto 0 !important;
      }
      .head_h1{
        margin-bottom: 0;
        margin-top: 40px;
      }
      .head_h1 span{
        font-size: 24px !important;

      }
      .pool_card .card-body h5{
        display: flex;
        flex-direction: column;
      }
      .poll_row{
        display: flex;
        justify-content: center;
      }
      .estimation{
        font-size: 10px;
      }
      .jackpot_value{
        font-size: 40px !important;
      }
      .million{
        font-size: 20px;
      }
      .month_date{
        font-size: 10px;
      }
      .pwb_first_part img,
      .mgm_first_part img{
        width: 110px !important;
      }
      .payment_list .row{
        display: flex;
        flex-direction: column;
        row-gap: 60px;
      }
      .payment_list{
        /* margin-top: 40px !important; */
        padding: 60px 40px;
        margin-bottom: 100px !important;
      }
      .payment_layout .card-title{
        margin-top: 28px !important;
        margin-bottom: 20px !important;
      }
      .ImagineLucky-Decembe{
        margin-top: 10px !important;
        margin-bottom: 40px !important;
      }
      .contact_us{
        font-size: 24px !important;
        padding-bottom: 32px;
      }
    .play{
        margin-top: 80px !important;
        margin-bottom: 100px !important;
      }
      .send_message{
        margin-top: 60px !important;
        margin-bottom: 120px !important;
      }
      .faq{
        margin-top: 60px !important;
        margin-bottom: 40px !important;
        font-size: 32px;
      }
      .join{
        margin-top: 60px !important;
        margin-bottom: 40px !important;
      }
      .Ready-to-Play{
        font-size: 32px;
      }
      .accordion-body{
        line-height: 1.75;
      }
      .contact_form .col-md-4{
        padding-left: 0;
        padding-right: 0;
      }
      .payment_h1{
        margin-top: 80px !important;
        margin-bottom: 48px !important;
      }
      .Payment-Methods {
        font-size: 32px !important;
        font-weight: 900 !important;
        text-align: center;
        /* color: white; */
      }
      .administrator_h3{
        margin: 0 auto 70px !important;
    }
    /* contact form */
    .p_phone{
        padding-bottom: 40px;
        font-size: 16px;
    }
    .contact_container{
        row-gap: 40px;
    }
    .dropdown_date{
        padding: 10px 32px 20px;
    }
    .time_label{
        flex-direction: column;
        gap: 0;
        height: 43px;
    }
    .time_label img{
        transform: scale(0.7);
    }
    .verify{
        margin-top: 53px;
        position: static;
        width: auto;
        height: 72px;
        border-width: 4px !important;
        font-size: 20px;
    }
    /* contact form */


        /* popup digits */
         #poppup_logo{
            padding-bottom: 40px;
         }
         .poppup_number{
            padding-top: 20px;
            padding-bottom: 40px;
            font-size: 20px;
         }
         .digit_form{
            padding-bottom: 40px;
            padding-top: 40px;
         }
         .btn_close_modal{
            margin-bottom: 55px;
         }
         .digit_form .digit{
            margin: 0 5px 0 15px;
            width: 50px;
            height: 60px;
         }
         .We-sent-you-a-code-t, .Please-enter-it-belo{
            font-size: 16px;
         }
        /* popup digits */


        /* popup message sent succesfuly */
        .silhouette_container{
            margin: 40px 0 60px;
            width: 63%;
        }
        .silhouette_container img{
            width: 114px;
            height: 120px;
        }
        #call_back_poppup .modal-content,
        #send_sms_code_modal .modal-content{
            margin: initial;
        }
        .I-will-call-you{
            font-size: 16px;
        }
        .today-at{
            font-size: 20px;
            padding-top: 20px;
            padding-bottom: 75px;
        }
        .Thank-you{
            font-size: 20px;
        }
        /* popup message sent succesfuly */



      /* !-------------Start  Terms Media Query ----------------------! */
      .terms_first_row{
          padding: 20px 20px 80px;
      }
      .print2{
        margin-bottom: 120px !important;
      }
      /* !-------------End  Terms Media Query ----------------------! */




      /* !-------------Start  Facts Media Query ----------------------! */
      .facts_powerball_row,
      .facts_mgm_row{
          --bs-gutter-y: 1.25rem !important;
      }
      .cloud_fluid_container{
        padding-left: 0 !important;
      }
      .cloud_container{
        background-position-x: -20px;
      }
      .tower_one{
        padding-top: 0 !important;
      }

      /* !-------------End  Facts Media Query ----------------------! */





      /* !-------------Start  Terms Media Query ----------------------! */
      .terms_first_row{
          padding: 20px 20px 80px;
      }
      .print2{
        margin-bottom: 120px !important;
      }
      /* !-------------End  Terms Media Query ----------------------! */




      /* !-------------Start  News Media Query ----------------------! */
      .news_border_bottom{
        margin-top: 24px;
      }
      /* !-------------End  News Media Query ----------------------! */




 /* !------------------------------Faq page media query start-----------------------! */
 .faq_input_container input{
    width: 100%;
}
.faq_text{
    font-size: 16px;
    text-align: left;
}
.faqs_content{
    padding: 20px !important;
    gap: 20px;
}
#accordionFlushExample{
    gap: 16px;
}
/* !------------------------------Faq page media query end-----------------------! */




/* !------------------------------Groups page media query start-----------------------! */
/* .daysContainer{
    justify-content: flex-start;
}
.day{
    width: 48px;
} */
  .group_container{
        padding-bottom: 120px;
    }
.datepicker .col-sm-1{
    width: 10%;
  }
  .datepicker_info .col-md-3{
    padding-bottom: 12px;
}
.datepicker_info .col-md-3,
.datepicker_info .col-md-4,
.datepicker_info .col-md-5{
    padding-left: 0 !important;
}

  .daysContainer{
    justify-content: flex-start;
    row-gap: 25px;
    /* margin-left: 10px; */
  }
.players_list .col-md-4 {
    min-width: 50%;
}
.dropwdown_date {
    gap: 40px !important;
    padding: 15px !important;
}
.dropwdown_date .col-md-4{
    width: 30%;
}
.powerball_group_img{
    width: 110px;
}
.datepicker_info .dropwdown_date{
    padding-left: 0;
    padding-right: 0;
}

.date_year{
    width: 100%;
    text-align: center;
}






.date_game{
    flex-direction: column;
    row-gap: 24px;
}
.game_info{
    flex-direction: column;
    row-gap: 8px;
}
.info_col_one{
    column-gap: 68px;
}
.info_col_two{
    column-gap: 35px;
}
.date_date{
    padding: 14px 22px !important;
}
.date_date h2{
    font-size: 24px !important;
}
.date_date p{
    font-size: 14px !important;
}
.groups_h1 {
    font-size: 24px;
    padding-top: 28px;
    text-align: center;
    padding-bottom: 50px;
  }
  .archive{
    font-size: 24px;
    padding-top: 100px;
    text-align: center;
    padding-bottom: 0px;
  }
  .total_winning{
    flex-direction: column;
    row-gap: 2px;
  }
  .total_winning p:first-child{
    font-size: 12px;
}
  .total_winning p:last-child{
    font-size: 16px;
    text-align: right;
}
.group_more{
    background-position: -130px 50%;
}
.triangle{
    width: 40%;
}
/* !------------------------------Groups page media query end-----------------------! */


/* ! ------------------- Winners media query start ------------------- ! */
.winners_head_txt{
    align-items: center;
    padding-top: 20px !important;
    padding-bottom: 40px !important;
}
.winners_card .card-body {
    padding: 45px 0 30px 0 !important;
}
.They-Played-Together{
    font-size: 24px !important;
}
.Group-Winners{
    font-size: 16px;
}
.play_together{
    font-size: 32px !important;
}
.drawing_date{
    font-size: 14px;
    font-weight: 500;
    line-height: 2.29;
}
/* ! ------------------- Winners media query end ------------------- ! */




/* !------------------------------404 page media query end-----------------------! */

.container_404{
    padding-top: 20px !important;
    padding-bottom: 120px !important;
}
#image_404{
    margin: 40px 0!important;
    max-width: 239px !important;
    max-height: 109px !important;
}
.Try-going-back-to-th{
    font-size: 16px;
}
/* !------------------------------404 page media query end-----------------------! */

}





@media only screen and (max-width: 499px) {
.filter_container{
    display: none;
}
.filter_container_mobile{
    padding-bottom: 120px;
}
}




@media only screen and (min-width: 540px) and (max-width: 576px) {

        /* ! ------------------- Groups media query start ------------------- ! */
        .daysContainer{
            column-gap: 45px !important;
        }
        /* ! ------------------- Groups media query end ------------------- ! */

    }



@media only screen and (min-width: 575px) and (max-width: 767px) {

        /* ! ------------------- Groups media query start ------------------- ! */

        /* .info_col_two{
            column-gap: 3px !important;
        } */
        /* ! ------------------- Groups media query end ------------------- ! */

    }




    @media only screen and (min-width: 766px) and (max-width: 768px) {
    .daysContainer .col-sm-1{
        width: 3.8% !important;
    }
    .triangle{
        width: 30%;
    }
    }

@media only screen and (min-width: 540px) and (max-width: 768px) {
    .game_info{
        column-gap: 50px !important;
      }
}




@media only screen and (min-width: 540px) and (max-width: 767px) {
    .game_info{
        column-gap: 20px !important;
        padding-left: 20px !important;
      }
}







@media only screen and (min-width: 480px) and (max-width: 768px) {
    header{
        height: 60px;
    }
    #logo{
        width: 65px;
        height: 26px;
    }
    .head_h1{
        margin-top: 50px;
    }
    .nav_container{
        padding: 2px 0;
    }
    .nav-link.link_auth{
        width: 91px;
        height: 32px;
        padding: 0 12px 0 12px;
        column-gap: 6px;

}
.head_h1{
    /* margin-bottom: 50px; */
}
.join_current{
    margin: 20px auto 60px !important;
}

#participantsContainer .col-sm-3{
    width: 33% !important;
}




     /* !------------------------------winners page media query start-----------------------! */
     p.amounts{
        letter-spacing: 2px;
        line-height: 1.8;
    }
    .drawing_date{
        font-size: 14px;
        font-weight: 500;
        line-height: 2.29;
    }
/* !------------------------------winners page media query end-----------------------! */



    /* !------------------------------Group page media query start-----------------------! */
        .player_name{
            font-size: 16px;
        }
        .player_location{
            font-size: 14px;
        }
        .player_wininngs{
            font-size: 14px;
        }
        .winnings_col span{
            font-size: 14px;
        }
        /* .circle{
            width: 20px !important;
            height: 20px !important;
            margin: 0 -3px !important;
            font-size: 14px !important;
        } */
    /* !------------------------------Group page media query end-----------------------! */




     /* !------------------------------facts page media query start-----------------------! */
     .facts_powerball_row,
     .facts_mgm_row{
         --bs-gutter-x: 1.875rem !important;
     }
/* !------------------------------facts page media query end-----------------------! */



        /* !------------------------------news page media query start-----------------------! */
            .side_panel_info{
                margin-top: 80px;
            }
        /* !------------------------------news page media query end-----------------------! */


}




@media only screen and (min-width: 500px) {
.filter_container_mobile{
    display: none;
}
}





@media only screen and (max-width: 576px) {
  .poll_row{
    justify-content: center;
  }
.poll_row .col-sm-4{
  width: 230px;
}
.participants_list .col-sm-3{
  width: 30%;
}
.participants_list .row{
  justify-content: center;
}
.payment_list .row .col-sm-4{
width: 25%;
margin: 0 auto;
padding: 0 10px;
}
/* .payment_list .col-sm-4{
  width: 33%;
} */
/* !-------------Start  News Page Media Query ----------------------!*/
.news_article .card-title {
  font-size: 16px
}
.news_article .card-text:first-of-type{
  font-size: 14px !important;
}
.news_article .card-text:last-of-type {
   font-size: 14px !important;
}
.news_inline_elements{
  flex-direction: column;
}
.read_link{
  width: 100%;
  text-align: center;
  line-height: 2;
  font-weight: 600;
  font-size: 16px;
}

/* !-------------End  News Page Media Query ----------------------!*/




/* !-------------Start  Single Article Media Query ----------------------!*/
.news_h1 span{
  font-size: 80px;
}
.container_all{
  bottom: 40px;
}
.join2, .join_current{
  width: 260px;
}
.container_all .col-lg-8{
  padding-left: 0;
  padding-right: 0;
}
 .article_section{
  padding: 20px 20px 1px 20px !important;
}
.second_row_news{
margin-top: 40px !important;
}
.article_title{
  font-size: 20px !important;
  line-height: 1.5;
}
/* !-------------End  Single Article Media Query ----------------------! */




/* !------------------------------Faq page media query start-----------------------! */
.cancel_faq{
    display: none !important;
}
.faq_text {
    /* overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; */
}
/* !------------------------------Faq page media query end-----------------------! */



/* !------------------------------Facts page media query end-----------------------! */
.cloud_container{
    height: 394px !important;
}
.tower_row_first{
    padding-left: 80px !important;
}
.tower_row_first .Over-22-kilometers {
    font-size: 24px !important;
}
.record_jackpot .swiper-slide .card {
    background-color: #7500b1;
    padding: 0px 0px 40px 0px;
}
.cloud_container2 .The-731-million-jac{
font-size: 24px !important;
}
 .Top-10-Jackpots{
    padding-top: 120px;
    padding-bottom: 24px;
    font-size: 24px;
}
.facts_powerball_row .col-md-4 .card-body .card-title .bln-31602,
.facts_mgm_row .col-md-4 .card-body .card-title .bln-31602{
font-size: 32px;
}
.text_facts_container .Largest-US-Lotteries{
padding-top: 20px;
font-size: 24px;
}
.text_facts_container .Facts-and-Figures{
    padding-top: 20px;
    padding-bottom: 24px;
    font-size: 32px;
}
.text_facts_container .Here-we-accumulate-m{
    font-size: 16px;
}
.text_facts_container .Record-Jackpots{
    font-size: 24px;
    padding-top: 40px;
}
.record_jackpot{
    padding-top: 103px;
}
.record_jackpot .swiper-slide .card-body h5{
    padding-top: 62px;
}
.swiper-slide .card img{
    max-width: 70%;
}
.swiper-slide .card{
    max-height: 550px;
}
/* !------------------------------Facts page media query end-----------------------! */
}

  @media only screen and (min-width: 768px) and (max-width: 992px) {
    /* !------------------------------Index page media query start-----------------------! */
    .payment_layout .card-body .card-text a{
        width: 200px;
    }
    .participants_list {
        padding: 0px 24px 40px 40px;
    }
    .participants_p{
        margin-bottom: 120px !important;
    }
    .container_payment{
        background-position-y: 505px;
        min-height: 1496px;
    }
    .join_current{
        margin: 20px auto 60px !important;
    }
    #transparency_card_row{
        row-gap:35px;
    }
      #transparency_card_row .col-md-4:last-child {
        width: 100% !important;
      }
      #transparency_card_row .col-md-4:first-child,
      #transparency_card_row .col-md-4:nth-child(2) {
        width: 50%;
    }
    .transparency_fluid{
        background-position-y: -150px;
    }
    /* .Payment-Methods{
        color: #FFFFFF;
    } */

   /* !------------------------------Index page media query end-----------------------! */






   /* !-------------------------------Groups Media Query Start--------------------! */
   .dropwdown_date{
    padding: 30px 25px !important;
    width: 75% !important;
    }
    .dropwdown_date .col-md-4{
        width: 33%;
      }
    .winnings_col_pwb{
        gap: 3px;
    }
    .numbers_block .col-md-4 .winnings_row_numbers{
        padding:10px !important;
    }
   .daysContainer .col-sm-1{
    width: 3.8%;
    }
    .winnings_col_pwb img{
        transform: scale(0.8);
    }
    .winnings_col_number{
        padding: 2px 5px;
    }
    .numbers_block .col-md-4 .row{
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    .numbers_block .row:first-child{
        --bs-gutter-x: 1rem;
    }



.date_date{
    width: fit-content !important;
    padding: 14px 32px;
    right: 16px !important;
}

   /* !-------------------------------Groups Media Query End--------------------! */



   /* !-------------------------------Winners Media Query Start--------------------! */
   .winner_image_block{
    bottom: initial !important;
    padding-top: 40px;
   }
   .winners_card .card-body{
    padding: 40px 30px 30px 0px !important;
   }
   .image_container{
    width: 260px;
   }

   /* !-------------------------------Winners Media Query End--------------------! */




   /* !------------------------------winners page media query start-----------------------! */
   p.amounts{
        font-size: 26px;
        letter-spacing: 2px;
        line-height: 1.8;
   }
/* !------------------------------winners page media query end-----------------------! */


   /* !------------------------------facts page media query start-----------------------! */
    .facts_powerball_row .col-md-4 .card,
    .facts_mgm_row .col-md-4 .card{
        height: 100% !important;
    }
    .facts_powerball_row .col-md-4,
    .facts_mgm_row .col-md-4{
        width: 50%;
    }
/* !------------------------------facts page media query end-----------------------! */


}




@media only screen and (min-width: 500px) and (max-width: 768px) {
    /* !------------------------------facts page media query start-----------------------! */
   .filter_container .col-md-4{
    width: 50%;
   }
   .facts_mgm_row .col-md-4 .card-body,
   .facts_powerball_row .col-md-4 .card-body {

    padding: 32px 20px;
   }
   .facts_powerball_row .col-md-4 .card-body .card-title .bln-31602,
   .facts_mgm_row .col-md-4 .card-body .card-title .bln-31602{
    font-size: 32px;
   }
   .facts_powerball_row .col-md-4 .card,
   .facts_mgm_row .col-md-4 .card{
    height: 100%;
   }
   /* !------------------------------facts page media query end-----------------------! */

}

@media only screen and (min-width: 481px) and (max-width: 767px) {
    .head_h1 span{
        font-size: 28px !important;
    }
    .payment_list .row .col-sm-4{
        width: 99%;
    }

      /* ! ------------------- Groups media query start ------------------- ! */
      .daysContainer{
        column-gap: 40px;
        justify-content: flex-start;
        padding-left: 16px;
        row-gap: 25px;
    }
    .daysContainer .col-sm-1 {
        width: 6%;
      }
      .dropwdown_date .col-md-4{
        width: 33%;
      }
      .date_game{
        flex-direction: column;
        row-gap: 24px;
      }
      .game_game{
        column-gap: 80px;
      }

      .groups_h1 {
        font-size: 32px;
        text-align: center;
        padding-top: 40px;
      }
      .archive{
        font-size: 32px;
        text-align: center;
        padding-bottom: 10px;
        padding-top: 90px;
      }
      .group_container{
        padding-bottom: 120px;
    }
    /* ! ------------------- Groups media query end ------------------- ! */




    /* ! ------------------- Facts media query Start ------------------- ! */
    .game_info{
        flex-direction: column !important;
        padding-left: 40px !important;
        row-gap: 7px;
    }
    .info_col_one{
        column-gap: 111px !important;

    }
    .info_col_two{
        column-gap: 80px !important;
    }
    /* ! ------------------- Facts media query end ------------------- ! */
}


@media only screen and (max-width: 767px) {
    .container_payment{
        background-position-y: 728px;
    }

.join_current,
.join_current2{
    display: none;
}
.participants_h1 span{
    font-size: 32px;
}
.ImagineLucky-Decembe{
    font-size: 32px;
    /* margin-top: 160px !important; */
}
.pool_card h5{
    font-size: 24px !important;
}
.pool_card .card-body{
    justify-content: space-around;
}
.payment_layout img{
width: 100px;
}
#transparency_card_row{
  row-gap: 40px;
}

.Payment-Methods{
  /* color: #fff; */
  font-size: 48px;
  font-weight: 900;
}
.contact_form .col-md-4{
  padding-left: 0;
  padding-right: 0;
}

.contact_us{
    font-size: 48px;
}
.chose_time{
    flex-direction: column;
}
.chose_time .col-8,
.enter_phone .col-8{
    width: 80%;
    margin: 0 auto;
}
.day_time{
    justify-content: space-between;
}
.dropdown_date{
    right: 50%;
    transform: translateX(50%);
    top: 55px;
}

.video_popup .modal-dialog{
    max-width: 85% !important;
    margin: 30px auto !important;
}
.day_time .col-md-4{
    width: 30%;
}
#send_sms_code_modal .modal-content {
    margin: 0px auto 0px;
}
.owner_info{
    display: none;
}

/* !------------------------------news page media query start-----------------------! */
.news{
  padding: 24px 20px !important;
}
.pagination{
  margin-bottom: 120px;
}
#prev, #next{
  padding: 9px 30px;
}
.link-pagination{
  transform: scale(0.7);
  padding: 15px 25px;
}
.links{
  gap: 0px;
}
#next{
position: relative !important;
top: 80px !important;
right: 150px;
}
#prev{
position: relative !important;
top: 80px !important;
left: 150px;
}
.news_article .card-body{
  padding: 0;
}
/* !------------------------------news page media query end-----------------------! */




/* !------------------------------Faq page media query start-----------------------! */
   .faq_input_container input{
    /* max-width: 270px; */
}
 .container_faq_elements{
    width: 100%;
 }
/* !------------------------------Faq page media query end-----------------------! */





/* !------------------------------Facts page media query start-----------------------! */
.mgm_container{
    padding-bottom: 160px;
}

/* !------------------------------Facts page media query end-----------------------! */




/* !------------------------------Groups page media query start-----------------------! */
.players_list .col-md-4{
    width: 33% !important;
}
.players_number{
    column-gap: 20px;
}
.players_number span{
    width: auto;
    font-size: 100px;
    height: auto;
}

.datepicker_info .col-md-3{
    flex-direction: row;
    border-right: none;
    border-bottom: 1px solid #7c32ab;
    justify-content: space-between;
    align-items: center;
}
.datepicker_info .col-md-5{
    border-right: none;
    border-bottom: 1px solid #7c32ab;
    align-items: flex-start;
    padding-top: 20px;
    padding-bottom: 20px;
    justify-content: flex-start;
}
.datepicker_info .col-md-4{
    padding-top: 20px;
}
.jackpot_info{
    row-gap: 8px;
}

.nubmers_info{
    row-gap: 10px;
}
.numbers_block .col-md-4{
    padding: 0px 25px 60px !important;
}
.players_number p{
    font-size: 20px;
}
.group_h1_head{
    text-align: center;
    padding-top: 28px;
    padding-bottom: 300px !important;
}
.December-2023-Group {
    font-size: 24px;
}
.details_row .col-md-2 {
    width: 49.666667% !important;
}
.fluid_group .details_row {
    top: -420px !important;
}
.group_list_container {
    padding-top: 65px;
}
.datepicker_info .col-md-3{
    padding-left: 20px;

}
.date_date{
    right: unset !important;
  }
  .group_second_container{
    padding-left: 0;
  }
  .game_info{
    padding-left: 32px;
  }
/* !------------------------------Groups page media query end-----------------------! */





 /* ! ------------------- Winnners media query start ------------------- ! */
 .winners_container{
    row-gap: 40px;
 }
 .winners_head_txt{
    padding-top: 40px;
    padding-bottom: 100px;
 }
 .They-Played-Together{
    font-size: 32px;
 }
 .winner_date{
    font-size: 14px;
 }
 .winners_row{
    flex-direction: column-reverse;
    --bs-gutter-y: 3.5rem !important;

}
.winner_image_block{
    bottom: 0 !important;
}
.winner_details_link{
    margin: 24px auto  0 !important;
}
.play_together{
    font-size: 48px;
}
/* ! ------------------- Winners media query end ------------------- ! */






/* !------------------------------404 page media query end-----------------------! */
.container_404 {
    padding-top: 40px;
    padding-bottom: 160px;
}
#image_404{
    margin: 60px 0 40px;
    max-width: 478px;
    max-height: 218px;
}

.Try-going-back-to-th{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
}

/* !------------------------------404 page media query end-----------------------! */

}




@media only screen and (max-width: 768px) {
/* .winners_container .container{
padding: 0 !important;
margin: 0 !important;
}
.winners_container .container-fluid{
    padding-right: 0 !important;
} */


.XX-XX-XX-XX-XX-XX {
    font-size: 16px;
    font-weight: 900;
    column-gap: 4px;
  }
  .winning_numbers_slice{
    width: 32px;
    height: 32px;
  }

  .XX-XX-XX-XX-XX-XX .text-style-1 {
    width: 32px;
    height: 32px;
    margin-left: 8px;
  }
}




@media only screen and (min-width: 767px) {

/* !------------------------------Home page media query start-----------------------! */
#see_more_players{
display: none;
}
.video_popup .modal-dialog{
    max-width: 85% !important;
}
/* !------------------------------Home page media query end-----------------------! */



/* !------------------------------Facts page media query start-----------------------! */

.record_jackpot .swiper-slide .card-body h5 {
    padding-top: 120px !important;
}
.record_jackpot .swiper-slide .card-body{
    padding: 0;
}
/* !------------------------------Facts page media query end-----------------------! */
}






@media only screen and (max-width: 992px) {
    .link_auth{
        display: none !important;
    }

    .join_navbar{
        display: flex;
    }
    .navbar-nav{
        gap: 28px;
        padding-top: 32px;
        padding-left: 17px !important;
    }
    .container_navbar_items{
        padding-left: 17px !important;

    }
    #navbarNav{
        overflow-y: auto;
    }
    /* .link_auth::before {
        content: "";
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        width: 16px;
        height: 16px;
        background-image: url('../images/icons/icons-16-sign-in.svg');
        background-size: cover;
    } */
    .flex {
        height: 350px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 10px !important;
        border: none !important;
        background: none;
    }
    .container_pil1,
    .container_pil2{
        border-radius: 10px;
        border: 3px solid transparent;
        background: linear-gradient(123deg, #ffb000 38%, #ffda87 49%, #ffb81b 56%, #ffdb8a 65%, #ffbb25 70%, #f5b933 81%);
    }
    .pil1, .pil2 {
        width: 100%;
        padding-top: 18px;
        padding-bottom: 23px;
        border-radius: 10px;
        background-image: url("../images/backgrounds/main_banner_bg_mobile_no_border.svg");
        background-size: cover;
    }
    .pil2{
        flex-direction: row;
    }
    .head_h1{
        /* margin-top: 30px; */
    }
    .head_h1 span{
        font-size: 40px;
    }
    .pool_card p {
        font-size: 16px;
        line-height: 1.5;
    }
    .pool_card h5 {
        font-size: 32px;
    }
    .participants_card .col-sm-3{
        width: 216px;
    }
    .participants_card .card-body{
        padding-left: 0;
        padding-right: 0;
    }
    #transparency_card_row .card-body{
        margin-bottom: 10px !important;
    }
    #transparency_card_row .col-md-4 {
        padding: 20px 0;
    }
    .ImagineLucky-Game-Tr{
        font-size: 48px;
    }
    .payment_h1{
      margin-top: 100px;
      margin-bottom: 40px;
    }
    /* !------------------------------terms page media query start-----------------------! */
      .terms_second_row{
        display: none;
      }
      .terms_first_row{
        width: 100%;
        border-radius: 8px;
      }
      .print2{
        display: flex !important;
        margin: 0 auto;
        width: fit-content;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
        box-shadow: 0 0 20px 0 rgba(28, 31, 36, 0.1);
        background-color: #7300ae;
        gap: 12px;
        color: #fff;
        font-size: 20px;
        font-weight: 600 !important;
        line-height: 1.6;
        margin-bottom: 160px;
      }
    /* !------------------------------terms page media query end-----------------------! */








    /* !------------------------------Article page media query start-----------------------! */
    .second_row_news{
        margin-top: 30px !important;
    }
    /* !------------------------------Article page media query end-----------------------! */




    /* !------------------------------Faq page media query start-----------------------! */
    .faqs_content{
        padding: 40px;
    }
    /* !------------------------------Faq page media query end-----------------------! */




    /* !------------------------------Facts page media query start-----------------------! */
    .tower_content{
        display: none;
    }
    .cloud_container{
        background-size: contain;
        display:flex;
        align-items: center;
        height: 620px;
    }
    .tower_row_first{
        justify-content: flex-end;
        padding-top: 0;
        padding-left: 130px;
    }
    .tower_row_first .tower_txt{
        text-align: left;
    }
    .tower_row_first .Over-22-kilometers{
        font-size: 32px;
    }
    /* .record_jackpot .swiper-slide .card-body{
        padding: 0 20px;
    } */
    /* cloud container2 style start */
    .tower_content2{
        margin-top: 60px;
        display: flex;
        flex-direction: column;
        gap: 80px;
    }
    .tower_content2 .tower_row{
        display: flex !important;
        flex-direction: column-reverse !important;
        align-items: center;
        gap: 20px;
    }
    .tower_content2 .tower_row .tower_txt{
        text-align: center;
        max-width: 546px;
    }
    .tower_row .tower_txt p{
        width: auto;
    }
    .tower_content2 .tower_row .tower_txt h1 .The-731-million-jac{
        font-size: 32px;
    }

    /* cloud container2 style end */
    /* !------------------------------Facts page media query end-----------------------! */





    /* !------------------------------Groups page media query start-----------------------! */
    .daysContainer .col-sm-1 p:hover{
        background-color: initial;
        color: #fff;
        border-radius: initial;
        padding: none;
      }

    .details_row .col-md-2{
      width: 32.666667%;
    }
    .fluid_group .details_row {
        top: -265px;
        margin: 0 auto;
    }
    .group_h1_head {
        padding-bottom: 170px;
    }
    .off_button{
        flex-direction: column;
        align-items: center;
    }
    .players_number{
        border: 0;
        display: flex;
        align-items:center;
        padding: 0;
   }
   .monthly_players_number{
    display: flex;
    justify-content: center;
    align-items: center;
   }
   .datepicker_info .item-key p{
    font-size: 16px;
   }
   .datepicker_info .key,
   .datepicker_info .item-key {
    row-gap: 16px;
   }
   .datepicker_info .key p {
    font-size: 16px;
   }
   .datepicker_info .col-md-4 {
    padding-left: 20px;
   }
   .Cash-Amount-1882{
    font-size: 14px;
   }
   .datepicker_info .nubmers_info p {
    font-size: 16px;
   }
   .datepicker_info .jackpot_info span {
    font-size: 16px;
   }
    .datepicker_info .jackpot_info p {
        font-size: 16px;
    }
    .December-5-2023{
        font-size: 16px;
    }
    .XX-XX-XX-XX-XX-XX{
        font-size: 16px;
    }
    .datepicker_info .col-md-5{
        padding-left: 20px;
        row-gap: 28px;
    }
    .jackpot_txt{
        display: flex;
        flex-direction: column;
    }
    .datepicker_info .col-md-3 {
        gap: 20px;
    }
    .datepicker_info .col-md-4 {
        column-gap: 14px;
    }
    .datepicker_info .row{
        padding: 34px 20px 20px;
    }

    .numbers_block .col-md-4:nth-child(1) {
        border: none;
    }
    .numbers_block .col-md-4:nth-child(2) {
        border: none;
    }
    .numbers_block{
        padding: 20px;
    }
    /* !------------------------------Groups page media query end-----------------------! */



}




@media only screen and (min-width: 992px) {
    .video_popup .modal-dialog{
        max-width: 50% !important;
    }
    .join_navbar{
        display: none;
    }
    .navbar-nav{
        align-items: center;
    }
    .link_auth{
        display: block !important;
    }
    .pil1, .pil2{
        padding: 18px;
    }


    .tower_content2{
        display: none;
    }

    /*!------------Groups media query Start-------------!*/
    .with_button{
        width: 100%;
        display:flex;
        justify-content: end;
    }
    #show_all_players{
        width: 50%;
    }
    .dropwdown_date{
        width: 60% !important;
        }
        .circle{
            padding-right: 2px;
        }
    /*!------------Groups media query end-------------!*/
}

@media only screen and (min-width:768px) and (max-width: 1400px) {
    .XX-XX-XX-XX-XX-XX {
        font-size: 16px;
        font-weight: 900;
        column-gap: 4px;
      }
      .winning_numbers_slice{
        width: 32px;
        height: 32px;
      }

      .XX-XX-XX-XX-XX-XX .text-style-1 {
        width: 32px;
        height: 32px;
        margin-left: 8px;
      }
      .datepicker_info .col-md-5 {
        padding-left: 10px;
    }
    .datepicker_info .col-md-4 {
        padding-left: 10px;
    }

}
@media only screen and (min-width:992px) and (max-width: 1400px) {
    .tower_row{
        justify-content: center;
    }
    .tower_row_first{
        padding-left: 50px;
    }
    .tower_content{
        padding-top: 90px;
    }

}









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

}











@media only screen and (min-width:992px) and (max-width: 1200px) {
/* !------------------------------facts page media query start-----------------------! */
    .facts_mgm_row  .col-md-4 .bln-31602,
    .facts_powerball_row .col-md-4  .bln-31602{
        display: flex !important;
        flex-direction: column !important;
    }
    .tower_row{
        justify-content: flex-end;
        align-items: center;
        padding-left: 20px;
    }
    .tower_row_first{
        padding-left: 145px;
    }
    .tower_row .tower_img img{
        width: 190px;
    }
    .cloud_container{
        height: 1100px;
    }
    .tower_content{
        margin-top: 72px;
    }
    .facts_mgm_row .col-md-4 .card,
    .facts_powerball_row .col-md-4 .card{
        height: 100%;
    }
/* !------------------------------facts page media query end-----------------------! */




/* !------------------------------groups page media query start-----------------------! */
.December-5-2023 {
    font-size: 22px;
}
.datepicker_info .col-md-5 {
    width: 39% !important;
}
.datepicker_info .col-md-5 {
    padding-left: 32px;
}
.datepicker_info .col-md-4 {
    padding-left: 32px;

}
.daysContainer .col-sm-1{
    width: 4.4%;
}
.triangle{
    width: 40%;
}

  /* !------------------------------groups page media query end-----------------------! */




  /*!------------Groups media query Start-------------!*/
#show_all_players{
    width: 60%;
}
/*!------------Groups media query end-------------!*/



/* !------------------------------winners page media query start-----------------------! */
    p.amounts{
        font-size: 38px;
        letter-spacing: 2px;
        line-height: 1.8;
    }
/* !------------------------------winners page media query end-----------------------! */

}



@media only screen and (min-width:1200px) and (max-width: 1400px) {
    .group_open_container{
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .info_col_two{
        column-gap: 24px;
    }
    .game_info{
        column-gap: 20px !important;
    }
    .tower_row .tower_img img{
        width: 300px;
    }
    .tower_row{
        justify-content: flex-end;
    }
    .cloud_container{
        height: 1200px;
    }
    .tower_content{
        margin-top: 82px;
    }

    /*!------------Groups media query start-------------!*/
    .game_info{
        column-gap: 28px;
    }
    .group_second_container{
        padding-left: 15px;
    }
    #show_all_players{
        width: 66%;
    }
    .date_date {
        padding: 16px 7px 11px 3px;
    }
    .date_date h2{
        font-size: 30px !important;
    }
    .game_game{
        flex-wrap: wrap;
    }
    .date_game{
        column-gap: 100px;
    }
    .date_date p,
    .date_date h2{
        padding-left:5px;
    }
    /*!------------Groups media query end-------------!*/




    /*!------------Facts media query start-------------!*/
    .facts_powerball_row .col-md-4 .card,
    .facts_mgm_row .col-md-4 .card{
        height: 100% !important;
    }
    /*!------------Facts media query end-------------!*/
}



@media only screen and (min-width: 1200px) {
    .cloud_container{
        background-size: contain;
    }
}






@media only screen and (max-width: 1200px) {
.jackpot_value{
    width: max-content;
    font-size: 60px;
}


/* !------------------------------news page media query start-----------------------! */
.news{
  padding: 40px;
}
/* !------------------------------news page media query end-----------------------! */



/* !------------------------------terms page media query start-----------------------! */
.print{
  font-size: 16px !important;
  font-weight: 900;
  padding: 9px !important;
  padding: 20px 19px 20px 20px !important;

}
/* !------------------------------terms page media query end-----------------------! */




/* !------------------------------groups page media query start-----------------------! */
.group_container .group_column{
    width: 100%;
}
.date_game{
    justify-content: space-around;
}
.date_date{
    width: fit-content !important;
    padding: 14px 32px;
    right: 86px;
}
.game_info{
    column-gap: 130px;
}

/* !------------------------------groups page media query end-----------------------! */

}







@media only screen and (max-width: 1400px) {
  /* !------------------------------terms page media query start-----------------------! */
  .terms_second_row button{
    font-size: 16px !important;
    font-weight: 900 !important;
    padding: 9px !important;
  }
  /* !------------------------------terms page media query end-----------------------! */
}




@media only screen and (min-width: 1400px) {
  /*!------------Groups media query start-------------!*/

  #show_all_players{
    width: 71%;
}
/*!------------Groups media query end-------------!*/
}