@charset "utf-8";
/* CSS Document font-family: 'Dancing Script', cursive;*/

body{
    font-family: 'Roboto', sans-serif;
    font-size:14px;
}
a:hover{
    text-decoration:none;
}   
a:focus{
    outline:none;
    text-decoration:none;
}
ul{
    list-style:none;
    padding:0;
    margin: 0;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
    margin: 0;
}
section{
    padding: 4rem 0;
}
.button{
    padding: 8px 30px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    transition: all 0.5s 0s;
    font-size: 16px;
    background-image: linear-gradient(125deg, #FF5111 0%, #FF5111 38%, #FFB319 100%);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
    border-radius: 100px;
    display: inline-block;
    border: 0px;
}
.button:hover, .button:focus{
    color: #ffffff;
    background-image: linear-gradient(125deg, #FFB319 0%, #FF5111 38%, #FF5111 100%);
    outline: none;
}
.form-control{
    box-shadow: none;
    color: #300555;
    font-weight: 500;
}
.form-control:focus{
    border: 1px solid #FF5111;
    box-shadow: none;
}
.heading{
    text-align: center;
    margin-bottom: 30px;
}
.heading h1{
    color: #fff;
    font-weight: 500;
    font-size: 30px;
}
.heading h1 b{
    color: #034ea2;
}
.heading h1:after{
    content: "";
    width: 150px;
    height: 2px;
    background-color: #fff;
    display: block;
    margin: 15px auto;
}
.bg-green{
    background-color: #300555;
}
.mt40{
    margin-top: 40px; 
}


/*menu start*/
.menu{
    padding: 0px;
    background-color: #300555;
}
.navbar-brand > img{
    width: 180px;
}
.navbar-brand {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0px;
}
.navbar-brand:focus, .navbar-brand:hover{
    color: #fff;
}
.navbar_right .link {
    color: #fff;
    margin-right: 20px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
}
.user_prop {
    width: 40px;
    height: 40px;
    background-image: linear-gradient(125deg, #FF5111 0%, #FF5111 38%, #FFB319 100%);
    color: #fff;
    display: block;
    text-align: center;
    line-height: 40px;
    font-size: 1.3rem;
    font-weight: 500;
    border-radius: 1rem;
    letter-spacing: 1px;
    margin-right: 0.5rem;
}
.navbar_right .dropdown-toggle {
    display: flex;
    align-items: center;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.dropdown-toggle::after {
    border: 0;
    display: none;
}
.navbar_right .dropdown-toggle i {
    font-size: 12px;
    padding-left: 0.5rem;
}
.menu .navbar_right .dropdown-menu a {
    font-size: 14px;
    letter-spacing: 0.5px;
    transition: all 0.5s 0s;
    text-transform: uppercase;
    font-weight: 500;
}
.menu .navbar_right .dropdown-menu a:hover {
    color: #9782AA;
}
.menu ul {
    margin: 20px auto;
    align-items: center;
}
.navbar_right{
    margin: 0;
}
.menu li a{
    text-transform: uppercase;
    padding: 12px 25px !important;
    font-weight: 500;
    color: #ffffff;
    display: block;
    position: relative;
    font-size: 14px;
    letter-spacing: 0.5px;
    transition: all 0.5s 0s;
}
.menu li a i{
    font-size: 12px;
    padding-left: 0.2rem;
}
.menu ul li a:hover, .menu ul li a:focus{
    color: #9782AA;
}
.menu ul li a.active{
    color: #9782AA;
}
.menu ul li a:after{
    content: "";
    width: 2px;
    height: 14px;
    background-color: #451E66;
    display: block;
    position: absolute;
    right: 0;
    top: 15px;
    transform: rotate(15deg);
}
.menu ul li:last-child a:after{
    display: none;
}
.menu .dropdown-menu {
    margin-top: 1.2rem;
    border-radius: 1rem;
    min-width: inherit;
}
.menu .dropdown-menu:after {
    content: "";
    width: 15px;
    height: 15px;
    display: block;
    background-color: #fff;
    position: absolute;
    top: -7px;
    left: 2rem;
    transform: rotate(45deg);
}
.menu .dropdown-menu a {
    color: #300555;
    border-bottom: 1px solid #eee;
    white-space: nowrap;
    padding: 10px 20px !important;
}
.menu .dropdown-menu a:after {
    display: none;
}
.menu .dropdown-menu a:last-of-type {
    border: 0;
}
.menu .bal_menu{
    background: linear-gradient(90deg, #300555 0%, rgba(71, 23, 113, 0.9) 50%, rgba(48, 5, 85, 1) 100%);
    border-radius: 10px;
    padding: 20px 10px 10px !important;
    border: 1px solid #5f2592;
    color: #fff !important;
    min-width: 180px;
}
.bal_menu span {
    width: 30px;
    height: 30px;
    background-image: linear-gradient(125deg, #FF5111 0%, #FF5111 38%, #FFB319 100%);
    color: #fff;
    display: block;
    text-align: center;
    line-height: 30px;
    font-size: 1rem;
    font-weight: 500;
    border-radius: 10px;
    margin-right: 0.5rem;
}
.bal_menu div {
    align-items: center;
}

.bal_menu b {
    font-size: 18px;
    line-height: normal;
}
/*menu end*/

/*banner start*/
.banner{
    background-color: #300555;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    overflow: hidden;
}
.banner_cont {
    text-align: center;
    color: #fff;
    margin-top: 5rem;
    margin-bottom: 4rem;
}
.banner_cont h1 {
    font-size: 7rem;
    font-weight: 900;
    margin-bottom: 1rem;
    text-shadow: 0 0 #FF5111, 0 0 #FFB319, 1px 1px #FF5111, 2px 2px #FFB319, 3px 3px #FF5111, 4px 4px #FFB319, 5px 5px #FF5111, 6px 6px #FFB319, 7px 7px #FF5111, 8px 8px #FFB319, 9px 9px #FF5111, 10px 10px #FFB319, 11px 11px #FF5111, 12px 12px #FFB319, 13px 13px #451E66, 14px 14px #451E66, 15px 15px #451E66, 16px 16px #451E66, 17px 17px #451E66, 18px 18px #451E66, 19px 19px #451E66, 20px 20px #451E66, 21px 21px #451E66, 22px 22px #451E66, 23px 23px #451E66, 24px 24px #451E66, 25px 25px #451E66, 26px 26px #451E66, 27px 27px #451E66, 28px 28px #451E66, 29px 29px #451E66, 30px 30px #451E66, 31px 31px #451E66, 32px 32px #451E66, 33px 33px #451E66, 34px 34px #451E66, 35px 35px #451E66, 36px 36px #451E66, 37px 37px #451E66, 38px 38px #451E66, 39px 39px #451E66, 40px 40px #451E66, 41px 41px #451E66, 42px 42px #451E66, 43px 43px #451E66, 44px 44px #451E66, 45px 45px #451E66, 46px 46px #451E66, 47px 47px #451E66, 48px 48px #451E66, 49px 49px #451E66, 50px 50px #451E66, 51px 51px #451E66, 52px 52px #451E66, 53px 53px #451E66, 54px 54px #451E66, 55px 55px #451E66, 56px 56px #451E66, 57px 57px #451E66, 58px 58px #451E66, 59px 59px #451E66, 60px 60px #451E66, 61px 61px #451E66, 62px 62px #451E66, 63px 63px #451E66, 64px 64px #451E66, 65px 65px #451E66, 66px 66px #451E66, 67px 67px #451E66, 68px 68px #451E66, 69px 69px #451E66, 70px 70px #451E66, 71px 71px #451E66, 72px 72px #451E66, 73px 73px #451E66, 74px 74px #451E66, 75px 75px #451E66, 76px 76px #451E66, 77px 77px #451E66, 78px 78px #451E66, 79px 79px #451E66, 80px 80px #451E66, 81px 81px #451E66, 82px 82px #451E66, 83px 83px #451E66, 84px 84px #451E66, 85px 85px #451E66, 86px 86px #451E66, 87px 87px #451E66, 88px 88px #451E66, 89px 89px #451E66, 90px 90px #451E66, 91px 91px #451E66, 92px 92px #451E66, 93px 93px #451E66, 94px 94px #451E66, 95px 95px #451E66, 96px 96px #451E66, 97px 97px #451E66, 98px 98px #451E66, 99px 99px #451E66, 100px 100px #451E66, 101px 101px #451E66, 102px 102px #451E66, 103px 103px #451E66, 104px 104px #451E66, 105px 105px #451E66, 106px 106px #451E66, 107px 107px #451E66, 108px 108px #451E66, 109px 109px #451E66, 110px 110px #451E66, 111px 111px #451E66, 112px 112px #451E66, 113px 113px #451E66, 114px 114px #451E66, 115px 115px #451E66, 116px 116px #451E66, 117px 117px #451E66, 118px 118px #451E66, 119px 119px #451E66, 120px 120px #451E66, 121px 121px #451E66, 122px 122px #451E66, 123px 123px #451E66, 124px 124px #451E66, 125px 125px #451E66, 126px 126px #451E66, 127px 127px #451E66, 128px 128px #451E66, 129px 129px #451E66, 130px 130px #451E66, 131px 131px #451E66, 132px 132px #451E66, 133px 133px #451E66, 134px 134px #451E66, 135px 135px #451E66, 136px 136px #451E66, 137px 137px #451E66, 138px 138px #451E66, 139px 139px #451E66, 140px 140px #451E66, 141px 141px #451E66, 142px 142px #451E66, 143px 143px #451E66, 144px 144px #451E66, 145px 145px #451E66, 146px 146px #451E66, 147px 147px #451E66, 148px 148px #451E66, 149px 149px #451E66, 150px 150px #451E66, 151px 151px #451E66, 152px 152px #451E66, 153px 153px #451E66, 154px 154px #451E66, 155px 155px #451E66, 156px 156px #451E66, 157px 157px #451E66, 158px 158px #451E66, 159px 159px #451E66, 160px 160px #451E66, 161px 161px #451E66, 162px 162px #451E66, 163px 163px #451E66, 164px 164px #451E66, 165px 165px #451E66, 166px 166px #451E66, 167px 167px #451E66, 168px 168px #451E66, 169px 169px #451E66, 170px 170px #451E66, 171px 171px #451E66, 172px 172px #451E66, 173px 173px #451E66, 174px 174px #451E66, 175px 175px #451E66, 176px 176px #451E66, 177px 177px #451E66, 178px 178px #451E66, 179px 179px #451E66, 180px 180px #451E66, 181px 181px #451E66, 182px 182px #451E66, 183px 183px #451E66, 184px 184px #451E66, 185px 185px #451E66, 186px 186px #451E66, 187px 187px #451E66, 188px 188px #451E66, 189px 189px #451E66, 190px 190px #451E66, 191px 191px #451E66, 192px 192px #451E66, 193px 193px #451E66, 194px 194px #451E66, 195px 195px #451E66, 196px 196px #451E66, 197px 197px #451E66, 198px 198px #451E66, 199px 199px #451E66, 200px 200px #451E66, 201px 201px #451E66, 202px 202px #451E66, 203px 203px #451E66, 204px 204px #451E66, 205px 205px #451E66, 206px 206px #451E66, 207px 207px #451E66, 208px 208px #451E66, 209px 209px #451E66, 210px 210px #451E66, 211px 211px #451E66, 212px 212px #451E66, 213px 213px #451E66, 214px 214px #451E66, 215px 215px #451E66, 216px 216px #451E66, 217px 217px #451E66, 218px 218px #451E66, 219px 219px #451E66, 220px 220px #451E66, 221px 221px #451E66, 222px 222px #451E66, 223px 223px #451E66, 224px 224px #451E66, 225px 225px #451E66, 226px 226px #451E66, 227px 227px #451E66, 228px 228px #451E66, 229px 229px #451E66, 230px 230px #451E66, 231px 231px #451E66, 232px 232px #451E66, 233px 233px #451E66, 234px 234px #451E66, 235px 235px #451E66, 236px 236px #451E66, 237px 237px #451E66, 238px 238px #451E66, 239px 239px #451E66, 240px 240px #451E66, 241px 241px #451E66, 242px 242px #451E66, 243px 243px #451E66, 244px 244px #451E66, 245px 245px #451E66, 246px 246px #451E66, 247px 247px #451E66, 248px 248px #451E66, 249px 249px #451E66, 250px 250px #451E66, 251px 251px #451E66, 252px 252px #451E66, 253px 253px #451E66, 254px 254px #451E66, 255px 255px #451E66, 256px 256px #451E66, 257px 257px #451E66, 258px 258px #451E66, 259px 259px #451E66, 260px 260px #451E66, 261px 261px #451E66, 262px 262px #451E66, 263px 263px #451E66, 264px 264px #451E66, 265px 265px #451E66, 266px 266px #451E66, 267px 267px #451E66, 268px 268px #451E66, 269px 269px #451E66, 270px 270px #451E66, 271px 271px #451E66, 272px 272px #451E66, 273px 273px #451E66, 274px 274px #451E66, 275px 275px #451E66, 276px 276px #451E66, 277px 277px #451E66, 278px 278px #451E66, 279px 279px #451E66, 280px 280px #451E66, 281px 281px #451E66, 282px 282px #451E66, 283px 283px #451E66, 284px 284px #451E66, 285px 285px #451E66, 286px 286px #451E66, 287px 287px #451E66, 288px 288px #451E66, 289px 289px #451E66, 290px 290px #451E66, 291px 291px #451E66, 292px 292px #451E66, 293px 293px #451E66, 294px 294px #451E66, 295px 295px #451E66, 296px 296px #451E66, 297px 297px #451E66, 298px 298px #451E66, 299px 299px #451E66, 300px 300px #451E66, 301px 301px #451E66, 302px 302px #451E66, 303px 303px #451E66, 304px 304px #451E66, 305px 305px #451E66, 306px 306px #451E66, 307px 307px #451E66, 308px 308px #451E66, 309px 309px #451E66, 310px 310px #451E66, 311px 311px #451E66, 312px 312px #451E66, 313px 313px #451E66, 314px 314px #451E66, 315px 315px #451E66, 316px 316px #451E66, 317px 317px #451E66, 318px 318px #451E66, 319px 319px #451E66, 320px 320px #451E66, 321px 321px #451E66, 322px 322px #451E66, 323px 323px #451E66, 324px 324px #451E66, 325px 325px #451E66, 326px 326px #451E66, 327px 327px #451E66, 328px 328px #451E66, 329px 329px #451E66, 330px 330px #451E66, 331px 331px #451E66, 332px 332px #451E66, 333px 333px #451E66, 334px 334px #451E66, 335px 335px #451E66, 336px 336px #451E66, 337px 337px #451E66, 338px 338px #451E66, 339px 339px #451E66, 340px 340px #451E66, 341px 341px #451E66, 342px 342px #451E66, 343px 343px #451E66, 344px 344px #451E66, 345px 345px #451E66, 346px 346px #451E66, 347px 347px #451E66, 348px 348px #451E66, 349px 349px #451E66, 350px 350px #451E66, 351px 351px #451E66, 352px 352px #451E66, 353px 353px #451E66, 354px 354px #451E66, 355px 355px #451E66, 356px 356px #451E66, 357px 357px #451E66, 358px 358px #451E66, 359px 359px #451E66, 360px 360px #451E66, 361px 361px #451E66, 362px 362px #451E66, 363px 363px #451E66, 364px 364px #451E66, 365px 365px #451E66, 366px 366px #451E66, 367px 367px #451E66, 368px 368px #451E66, 369px 369px #451E66, 370px 370px #451E66, 371px 371px #451E66, 372px 372px #451E66, 373px 373px #451E66, 374px 374px #451E66, 375px 375px #451E66, 376px 376px #451E66, 377px 377px #451E66, 378px 378px #451E66, 379px 379px #451E66, 380px 380px #451E66, 381px 381px #451E66, 382px 382px #451E66, 383px 383px #451E66, 384px 384px #451E66, 385px 385px #451E66, 386px 386px #451E66, 387px 387px #451E66, 388px 388px #451E66, 389px 389px #451E66, 390px 390px #451E66, 391px 391px #451E66, 392px 392px #451E66, 393px 393px #451E66, 394px 394px #451E66, 395px 395px #451E66, 396px 396px #451E66, 397px 397px #451E66, 398px 398px #451E66, 399px 399px #451E66, 400px 400px #451E66;
}
.banner_cont .link {
    color: #fff;
    font-size: 18px;
    margin-right: 15px;
    text-transform: uppercase;
}
.banner_cont h2 {
    font-weight: 400;
    font-size: 1.4rem;
}
.banner_cont .text-center{
    display: none;
}

.service_list{
    position: relative;
}
.service_list ul {
    display: flex;
    justify-content: center;
    width: 100%;
}
.service_list li {
    margin: 1rem 0.5rem;
    padding: 1rem;
    text-align: center;
    background-color: #451E66;
    width: 100%;
    transition: all 0.5s 0s;
}
.service_list li img {
    max-width: 60px;
    width: 100%;
    margin-bottom: 1rem;
}
.service_list li span {
    display: block;
    color: #fff;
    font-size: 16px;
}
.service_list li:hover, .service_list li.active {
    background-color: #FFB319;
    background-image: linear-gradient(125deg, #FF5111 0%, #FF5111 38%, #FFB319 100%);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
}

/*banner end*/

/*winner start*/

.win_day li{
    background-image: linear-gradient(90deg,rgba(5, 177, 94, 0.2),#ffffff);
}
.win_week li{
    background-image: linear-gradient(90deg,rgba(255, 81, 17, 0.2),#ffffff);
}
.win_month li {
    background-image: linear-gradient(90deg,rgba(255, 179, 25, 0.2),#ffffff);
}
.winner_list.win_day {
    box-shadow: 4px 4px 0px rgba(5, 177, 94, 0.2);
}
.winner_list.win_week {
    box-shadow: 4px -4px 0px rgba(255, 81, 17, 0.2);
}
.winner_list.win_month {
    box-shadow: 4px 4px 0px rgba(255, 179, 25, .2);
}
.win_day h4 b {
    color: #05b15e;
}
.win_week h4 b {
    color: #FF5111;
}
.win_month h4 b {
    color: #FFB319;
}
.winner_list{
    padding: 1rem;
}
.winner_list h4 {
    font-size: 1.2rem;
    margin-bottom: 1rem;
    text-align: center;
}
.winner_list li {
    display: flex;
    align-items: center;
    padding: 0.3rem 0.5rem;
    margin-top: 0.5rem;
    border-radius: 60px;
}
.winner_list li img {
    width: 30px;
    height: 30px;
    border-radius: 100px;
    object-fit: cover;
    margin-right: 5px;
    flex: 0 0 30px;
}
.winner_list li a {
    display: flex;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #9782AA;
}
.winner_list li b {
    white-space: nowrap;
    margin-left: 10px;
}

.winner_list li:hover {
    background-image: linear-gradient(90deg,rgba(255, 81, 17, 1),#ffa318);
}
.winner_list li:hover a {
    color: #fff;
    text-decoration: underline;
}
.winner_list p {
    margin: 1rem 0 0 0;
    text-align: center;
}
.winner_list p b {
    color: #000;
    font-size: 1rem;
}
.winner_list p span {
    display: block;
    font-size: 1.2rem;
    font-weight: bold;
    margin-top: 0.3rem;
}

.hash_link {
    overflow: hidden;
    text-overflow: ellipsis;
    direction: rtl;
    text-align: left;
    word-break: normal;
}
/*winner end*/

/*advantage start*/
.advantage{
    text-align: center;
    background-color: #FF5111;
    background-image: linear-gradient(125deg, #FFB319 0%, #FF5111 38%, #FF5111 100%);
}
.advantage .heading {
    color: #fff;
}
.how_cont{
    padding: 0 2rem;
    border-right: 2px dashed #ff7213;
}
.how_cont:last-of-type {
    border: 0;
}
.how_cont img{
    margin: 0 auto;
    height: 120px;
}
.how_cont h4{
    font-size: 1.2rem;
    margin: 2rem 0 1rem;
    color: #ffffff;
    text-transform: uppercase;
    line-height: 1.8rem;
}
.how_cont p{
    margin: 0;
    color: #ffffff;
    font-size: 1rem;
}
/*advantage end*/

/*footer start*/
footer{
    padding: 4rem 0 4rem 0;
    background-color: #300555;
}
.footer_brand img {
    max-width: 220px;
    width: 100%;
}
.footer_brand h2 {
    color: #fff;
    font-size: 1.6rem;
    margin-bottom: 0.5rem;
}
.footer_brand p {
    color: #9782AA;
    font-size: 1rem;
    margin: 0;
    max-width: 700px;
    width: 100%;
}
footer h4 {
    color: #fff;
    font-size: 1rem;
    text-transform: uppercase;
    width: 100%;
    margin-bottom: 0.5rem;
}
.footer_responsibly p {
    color: #9782AA;
    margin: 0px;
}

.footer_responsibly h2 {
    color: #FF5111;
    border: 1px solid;
    border-radius: 100px;
    display: inline-block;
    width: 44px;
    height: 44px;
    text-align: center;
    line-height: 44px;
    font-size: 18px;
    margin-bottom: 0.4rem;
}
footer .row {
    border-top: 2px dashed #401665;
    padding-top: 2rem;
    margin-top: 2rem;
}
footer .row:first-of-type {
    padding-top: 0;
    margin-top: 0;
    border-top: 0;
}

.footer_link {
    display: flex;
    flex-wrap: wrap;
}
.footer_link ul {
    width: 50%;
}
.footer_link a{
    color: #9782AA;
    display: block;
    padding: 5px 0;
    transition: all 0.5s 0s;
}
.footer_link a:hover{
    color: #fff;
}
.footer_link i{
    padding-right: 5px;
}

.footer_social a {
    font-size: 16px;
    color: #ffffff;
    background-color: #9782AA;
    display: block;
    margin-left: 10px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 100px;
    transition: all 0.5s 0s;
}
.footer_social {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.footer_social a:hover {
    background-color: #FF5111;
    background-image: linear-gradient(125deg, #FFB319 0%, #FF5111 38%, #FF5111 100%);
}

.copyright span{
    color: #fff;
    margin-top: 10px;
    display: block;
    text-align: center;
}
/*footer end*/

/*login start*/
.login{
    background-color: #401665;
}
.login_cont{
    background-color: #fff;
    padding: 2rem;
    border-radius: 0.4rem;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
    max-width: 450px;
    width: 100%;
    margin: 0 auto;
}
.login_cont h3{
    text-align: center;
    margin-bottom: 2rem;
    color: #300555;
    font-size: 1.6rem;
    font-weight: 600;
}
.login_cont label {
    margin-bottom: 0.2rem;
    color: #9782AA;
}
.login_cont .form-control {
    height: 44px;
}
.login_cont .button{
    height: 44px;
}

.login_cont_foot{
    text-align: center;
    padding-top: 1.5rem;
    color: #9782AA;
    font-weight: 500;
}
.login_cont_foot a{
    color: #ffffff;
    border-bottom: 1px dashed #9782AA;
    padding-bottom: 2px;
    margin-left: 0.2rem;
    transition: all 0.5s 0s;
}
.login_cont_foot a:hover{
    color: #FF5111;
}

.forgot-pass{
    text-align: center;
    margin-top: 15px;
    display: block;
    color: #300555;
    font-weight: 500;
    transition: all 0.5s 0s;
}
.forgot-pass:hover {
    color: #FF5111;
}
.show_hide_password a {
    position: absolute;
    bottom: 1px;
    right: 1px;
    color: #fff;
    height: 42px;
    line-height: 42px;
    width: 40px;
    border-radius: 4px;
    text-align: center;
}
.show_hide_password {
    position: relative;
}
/*login end*/

/*lottery start*/
.lottery{
    padding: 1rem;
}

.lottery .nav-tabs {
    border: 0;
    margin-bottom: 1rem;
}
.lottery .nav-item {
    margin: 0;
    width: 25%;
}
.lottery .nav-link {
    padding: 0.5rem 1rem;
    border: 0 !important;
    background-color: #F0F5FB;
    border-radius: 0;
    margin: 0 0.4rem;
    color: #300555;
    text-transform: uppercase;
    font-weight: 500;
    transition: all 0.3s 0s;
    position: relative;
    border-radius: 1rem;
}
.lottery .nav-link b {
    display: block;
    font-size: 1.2rem;
    border-top: 1px dashed #ddd;
    width: 100%;
    padding-top: 0.2rem;
    margin-top: 0.2rem;
}
.lottery .nav-link:after, .lottery .nav-link:before {
    content: "";
    width: 16px;
    height: 20px;
    background-color: #fff;
    display: block;
    position: absolute;
    border-radius: 100px;
    left: -10px;
    top: calc(50% - 10px);
}
.lottery .nav-link:before {
    right: -10px;
    left: inherit;
}
.lottery .nav-link.active {
    background-image: linear-gradient(125deg, #FF5111 0%, #FF5111 38%, #FFB319 100%);
    color: #fff;
    background-color: #FF5111;
}


.lottery_cont {
    padding: 1rem;
    background-color: #F0F5FB;
    border-radius: 1rem;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .2);
}
.lottery_bet_amount {
    background-color: #300555;
    padding: 0.4rem;
    color: #fff;
    font-size: 1rem;
    display: block;
    margin-top: -1.5rem;
    margin-left: -1.5rem;
    margin-bottom: 1.5rem;
    max-width: 350px;
    width: 100%;
    text-align: center;
    position: relative;
}
.lottery_bet_amount:after,
.lottery_bet_amount:before {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    bottom: -10px;
    left: 4px;
    background-color: #7415c5;
    transform: rotate(45deg);
    z-index: -1;
}
.lottery_bet_amount:before {
    top: 4px;
    right: -10px;
    left: inherit;
}
.win_item {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.win_item span {
    display: block;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    border-radius: 0.8rem;
    margin-left: .2rem;
    transition: all 0.5s 0s;
    padding: .9rem;
    min-width: 50px;
    color: #fff;
    position: relative;
}
.win_item span:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: center;
    z-index: -1;
    background-repeat: no-repeat;
}
.win_item span.text-red:after{
    background-image: url(../img/diamond_red.svg);
}
.win_item span.text-green:after{
    background-image: url(../img/diamond_green.svg);
}

.win_item span:last-of-type{
    animation: opacityAnimation 1s linear infinite;
}
@-webkit-keyframes opacityAnimation {
    0% {
        opacity: 0.4;
        transform: scale(0.6);
    }
    50% {
        opacity: 1;
        transform: scale(1);
    }
    100% {
        opacity: 0.4;
        transform: scale(0.6);
    }
}

@keyframes opacityAnimation {
    0% {
        opacity: 0.4;
        transform: scale(0.6);
    }
    50% {
        opacity: 1;
        transform: scale(1);
    }
    100% {
        opacity: 0.4;
        transform: scale(0.6);
    }
}



@-webkit-keyframes opacityAnimation2 {
    0% {
        opacity: 0.4;
        transform: scale(0.8);
    }
    50% {
        opacity: 1;
        transform: scale(1);
    }
    100% {
        opacity: 0.4;
        transform: scale(0.8);
    }
}

@keyframes opacityAnimation2 {
    0% {
        opacity: 0.4;
        transform: scale(0.8);
    }
    50% {
        opacity: 1;
        transform: scale(1);
    }
    100% {
        opacity: 0.4;
        transform: scale(0.8);
    }
}



.bet_no_cont a {
    font-size: 1rem;
    padding: 0.6rem 1rem;
    background-color: #fff;
    display: block;
    margin: 0.4rem;
    font-weight: 600;
    color: #300555;
    transition: all 0.2s 0s;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.bet_no_cont {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.bet_no_cont a:hover {
    background-image: linear-gradient(125deg, #FF5111 0%, #FF5111 38%, #FFB319 100%);
    color: #fff;
}
.lottery_cont p {
    text-align: center;
    font-size: 1rem;
    color: #9782AA;
}

.select_digits {
    display: flex;
    max-width: 500px;
    margin: 0 auto;
}
.select_digits .form-control {
    margin: 0 1rem 0.4rem;
    height: 54px;
    text-align: center;
    font-size: 1.5rem;
    box-shadow: 5px 5px #ddd;
    border-radius: 0;
    border: 2px solid #ddd;
    border-radius: 1rem;
}
.select_digits .form-control:hover {
    box-shadow: 8px 8px #ddd;
}
.lottery_bottom {
    margin-top: 1rem;
    border-top: 1px dashed #ccc;
    padding-top: 1rem;
}

.straight_cont {
    display: flex;
    align-items: center;
    justify-content: center;
}
.straight_box span {
    display: block;
    color: #300555;
    background-color: #eee;
    border-bottom: 1px solid #ccc;
    text-transform: uppercase;
    font-weight: 500;
    padding: 0.5rem;
}
.straight_box {
    margin: 0 0.2rem;
    text-align: center;
    max-width: 180px;
    width: 100%;
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.straight_box b {
    color: #FF5111;
    padding: .5rem 0.2rem;
    display: block;
    background-color: #fff;
}

.bets_history, .result_hash {
    background-color: #F0F5FB;
    padding: .5rem;
}
.lottery_container{
    padding: 0 15px;
}

.bets_history td {
    padding: 0.3rem;
    font-size: 12px;
    vertical-align: middle;
}
.bets_history span {
    display: block;
    font-size: 0.9rem;
    font-weight: 500;
    line-height: normal;
    white-space: nowrap;
    padding: 0 .3rem;
}
.bets_history span:last-of-type {
    text-align: right;
}
.bets_history span:nth-child(2) {
    text-align: right;
}
.bet_history li.result_win {
    background: linear-gradient(-90deg,rgba(5, 177, 94, 0.2),#eef3f9);
    border-color: #28a745;
}
.bet_history li.result_loss {
    background: linear-gradient(-90deg,rgba(255, 81, 17, 0.2),#eef3f9);
    border-color: #FF6960;
}
.bet_history li.waiting_result {
    background-color: rgba(255, 213, 7, 0.2);
    border-color: #ffd400;
}
.bets_history small {
    color: #000;
}
.waiting_result small{
    color: #ff5111;
    display: block;
    font-weight: 600;
    position: relative;
    right: 0;
    bottom: -5px;
}
.next_icon {
    background-image: linear-gradient(125deg, #FF5111 0%, #FF5111 38%, #FFB319 100%);
    color: #fff;
    border-radius: 1rem;
    width: 16px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.next_icon img {
    height: 18px;
}
.bets_history .nav-tabs {
    justify-content: center;
    margin-bottom: 1rem;
    border: 0;
}
.bets_history .nav-link {
    border: 0;
    color: #300555;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 0.6rem;
    background-color: rgba(48, 5, 85, 0.1);
    margin: 0 0.4rem;
}
.bets_history .nav-link.active {
    background-image: linear-gradient(125deg, #FF5111 0%, #FF5111 38%, #FFB319 100%);
    color: #fff;
}
.green_tr {
    background: linear-gradient(-90deg,rgba(5, 177, 94, 0.2),#ffffff);
}
.red_tr {
    background: linear-gradient(-90deg,rgba(255, 81, 17, 0.2),#ffffff);
}

.table_fixed tr {
    display: flex;
}
.table_fixed tr td, .table_fixed tr th {
    flex: 1;
}
.table_fixed tr td:last-of-type, .table_fixed tr th:last-of-type {
    flex: 0 0 26px;
}
.table_fixed tbody {
    height: 515px;
    overflow: auto;
    display: block;
}
.table_fixed tbody::-webkit-scrollbar {
    width: 0em;
}
.table_fixed tbody::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
.table_fixed tbody::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
}


.bet_history_heading li {
    background-image: linear-gradient(125deg, #FF5111 0%, #FF5111 38%, #FFB319 100%);
    color: #fff;
}
.bet_history li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem;
    border-radius: 1rem;
    text-transform: uppercase;
    margin-bottom: 0.5rem;
    border: 1px solid #eee;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
    position: relative;
}
.bet_history li:after {
    content: "";
    width: 100%;
    height: 0;
    position: absolute;
    top: 50%;
    left: 0;
    background-image: linear-gradient(125deg, #ffffff 0%, #ff511129 50%, #ffffff 100%);
    z-index: -1;
    border-radius: 1rem;
    transition: all 0.3s 0s;
    background-color: #eee;
    transform: translate(0px, -50%);
}
.bet_history li:hover:after {
    height: 100%;
}
.bet_history li > span {
    flex: 1;
}
.bet_history .tr_address {
    flex: 0 0 350px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 20px;
}
.tr_address span {
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
}
.tr_address b {
    color: #300555;
}


.lottery_num {
    display: flex;
    justify-content: flex-end;
    max-width: 160px;
    width: 100%;
    flex: 0 0 160px;
}
.lottery_num span {
    width: 30px;
    height: 30px;
    line-height: 30px;
    flex: 0 0 30px !important;
    display: block;
    text-align: center;
    font-weight: 500;
    border-radius: 0.8rem;
    margin-left: .2rem;
    transition: all 0.5s 0s;
    background-image: linear-gradient(125deg, #FF5111 0%, #FF5111 38%, #FFB319 100%);
    color: #fff;
}
.game_title, .ticket_status {
    font-size: 1rem;
    font-weight: 500;
}
.pagination {
    justify-content: center;
    margin-top: 2rem;
}
.pagination .page-item.active a {
    background-image: linear-gradient(125deg, #FF5111 0%, #FF5111 38%, #FFB319 100%);
    border-color: #FF5111;
}
.pagination .page-link {
    border-color: #eee;
    border-radius: 0.8rem !important;
    margin: 0 .3rem;
    color: #300555;
    font-weight: 500;
}

.common_drop .dropdown-menu:after {
    content: "";
    width: 15px;
    height: 15px;
    display: block;
    background-color: #fff;
    position: absolute;
    top: -7px;
    left: 2rem;
    transform: rotate(45deg);
}
.common_drop .dropdown-menu {
    margin-top: 1.2rem;
    border-radius: 1rem;
    min-width: inherit;
}
.common_drop .dropdown-menu a {
    color: #300555;
    border-bottom: 1px solid #eee;
    white-space: nowrap;
    padding: 10px 20px !important;
    display: block;
}
.common_drop .dropdown-menu a:last-of-type {
    border: 0;
}
.filter_head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}
.filter_head h4{
    margin-right: 10px;
}
.filter_head .right {
    display: flex;
}
.filter_head .common_drop {
    margin-left: 1rem;
}
.filter_head .common_drop .dropdown-toggle {
    font-size: 14px;
}
.filter_head .common_drop .dropdown-toggle i {
    margin-left: .5rem;
}


.realtime_block li {
    display: flex;
    background-image: linear-gradient(90deg,rgba(255, 179, 25, 0.2),#ffffff);
    padding: 0.2rem 0.5rem;
    margin-bottom: 0.2rem;
    border-radius: 1rem;
    font-size: 12px;
    font-weight: 500;
    color: #300555;
}
.block_hash {
    margin-left: 1em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    direction: rtl;
    text-align: left;
}
.realtime_block li:nth-child(odd) {
    background-image: linear-gradient(90deg,rgba(5, 177, 94, 0.2),#ffffff);
}
#my_bet_list_tbody, #all_bet_list_tbody {
    max-height: 700px;
    overflow: auto;
    padding-right: 5px;
}

#my_bet_list_tbody span, #all_bet_list_tbody span{
    text-transform: lowercase;
    width: auto;
    flex: 1;
}
#all_bet_list_tbody .his_date span {
    text-align: left !important;
}
.records{
    margin-top: 5px;
    max-height: 437px;
    overflow: auto;
    padding-right: 5px;
}
.record_result {
    margin-bottom: 0.4rem;
    background: linear-gradient(90deg, #300555 0%, rgba(71, 23, 113, 0.9) 50%, rgba(48, 5, 85, 1) 100%);
    border-radius: 4px;
    color: #fff;
    display: flex;
    justify-content: space-between;
    position: relative;
}
.re_left {
    line-height: normal;
    padding: 5px;
    width: calc(100% - 80px);
}
.re_left span{
    color: rgba(255, 255, 255, 0.7);
    font-size: 12px;
}
.re_left hr{
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
    border-top: 1px dashed rgba(255, 255, 255, 0.5);
}

.re_right {
    text-align: right;
    display: flex;
    align-items: center;
    font-size: 12px;
    border-left: 2px solid #f0f5fb;
    padding: 5px;
}
.re_right b {
    width: 36px;
    height: 36px;
    background-color: #fff;
    border-radius: 100px;
    background: linear-gradient(125deg, #FF5111 0%, #FF5111 38%, #FFB319 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
    margin-top: 5px;
}
.re_right span {padding: 0 10px;}
.re_icon {
    margin-left: -13px;
}
.lottery_bottom .form-group {
    background-color: #fff;
    padding: 15px 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.lottery_bottom .form-group .btn {
    margin-left: 8px;
    background: #ddddea;
    color: #000;
    border-radius: 4px;
    padding: 5px 15px;
    box-shadow: none;
    font-size: 15px;
}

.lottery_bottom .form-group .button:hover {
    background-image: linear-gradient(125deg, #FFB319 0%, #FF5111 38%, #FF5111 100%);
    color: #fff;
}
/*lottery end*/

/*deposit start*/
.deposit_cont {
    max-width: 600px;
    margin: 0 auto;
}
.deposit_cont label {
    display: block;
}
.address_input button {
    border: 0;
    background-color: #e9ecef;
    position: absolute;
    bottom: 1px;
    right: 1px;
    height: 42px;
    width: 42px;
    line-height: 42px;
    border-radius: 6px;
}

.address_input {
    position: relative;
}
.deposit_cont  textarea{
    height: 100px;
}
/*deposit end*/

/*history start*/
.hs_icon {
    font-size: 1rem;
}
.hs_icon i {
    transform: rotate(45deg);
}
.hs_icon span {
    margin-left: 10px;
}
.text-red {
    color: #FF6960;
}
.text-green {
    color: #28a745;
}
.text-pending{
    color: #fd8052;
}
.tr_status span {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.5px;
}
.pending{
    color: #fd8052;
}
.confirm{
    color: #28a745;
}
.cancel{
    color: red;
}
.table{
    border: 1px solid #f2f2f2;
}
thead{
    background-image: linear-gradient(125deg, #FF5111 0%, #FF5111 38%, #FFB319 100%);
    color: #fff;
}
/*history end*/

/*lotter ticket start*/
.lottery-ticket{
    background-color: #f5f7ff;
}
.lt-mainbox{
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 20px #eaeaea;
    padding: 15px;
}
.lt-header{
    border-bottom: 1px solid #c0caf1;
    padding-bottom: 20px;
    margin-bottom: 15px;
    display: inline-block;
    width: 100%;
}
.lt-header h2{
    font-size: 24px;
    float: left;
    border-right: 2px solid;
    margin-right: 20px;
    padding: 10px 20px 10px 0;
    color: #853394;
}
.lt-header-span{
    float: left;
}
.lt-header span{
    margin-right: 30px;
    display: block;
    margin-top: 3px;
}
.lt-header span b{
    color: #040d42;
}
.lt-header .button{
    width: 240px;
    display: block;
    margin-top: 4px;
}
.lt-header .button i{
    padding-right: 10px;
}
.add-btn{
    float: right;
}
.lt-playbox{
    border: 1px solid #f094ff;
    border-radius: 4px;
}
.lt-playbox-head{
    padding: 10px;
    background-color: #fdedff;
}
.lt-playbox-body{
    background-color: #fff;
    display: inline-block;
    padding: 9px;
}
.lt-playbox-body h4{
    padding: 5px;
    font-size: 14px;
    color: #040d42;
}
.lt-playbox-body ul li{
    float: left;
}
.lt-playbox-body ul li a{
    width: 27px;
    height: 27px;
    background-color: #fef7ff;
    text-align: center;
    line-height: 27px;
    color: #853394;
    margin: 3px;
    font-size: 14px;
    display: block;
    border: 1px solid #f6c1ff;
    border-radius: 2px;
    font-weight: 500;
    transition: all 0.1s 0s;
}
.lt-playbox-body ul li a:hover{
    background-color: #873495;
    color: #fff;
    transform: scale(1.2);
    border: 1px solid #873495;
}
.lt-playbox-body-add{
    margin-top: 10px;
    display: inline-block;
}
.lt-playbox-body-add ul li a{
    background-color: #f7f8ff;
    color: #080c4b;
    border: 1px solid #c0c4f5;
}
.lt-playbox-body-add ul li a:hover{
    background-color: #080c4b;
    color: #fff;
    transform: scale(1.2);
    border: 1px solid #080c4b;
}
.lt-playbox-head .btn-default{
    color: #893595;
    background-color: #ffffff;
    border-color: #b76ec1;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
}
.lt-playbox-head .btn-default i{
    padding-right: 5px;
}
.lt-playbox-head .btn-default .fa-times{
    padding: 0;
}
/*lottery ticket end*/

/*ticket start*/
.ticket-box{
    color: #fff;
    padding: 20px;
    border-radius: 4px;
}
.ticket-info-top{
    text-align: center;
    font-size: 20px;
}
.t-info-price{
    font-size: 36px;
    background-color: rgba(255, 255, 255, 0.18);
    border-radius: 5px;
    margin: 10px 0;
    font-weight: bold;
    color: #fff;
    padding: 5px;
}
.t-info-price sub{
    font-size: 20px;
}
.ticket-info-bottom{
    border-top: 2px dashed #906eb3;
    margin-top: 30px;
    padding-top: 30px;
}
.ticket-info-bottom ul li{
    border-bottom: 1px dashed #716098;
    padding: 10px 0;
}
.ticket-info-bottom ul li span{
    width: 150px;
    float: left;
}
.ticket-info-bottom .button{
    display: inherit;
    margin-top: 20px;
    letter-spacing: 5px;
}
/*ticket end*/


/*lottery start*/
.content-quality{float:left;width:193px;}
.content-quality p{margin-left:10px;font-size:14px;font-weight:600;line-height:17px;}
.content-quality p span{display:block;}
.tabtop li a{
    font-weight: 700;
    border-radius: 0px;
    margin-right: 22.008px;
    border: 1px solid #ebebeb !important;
    width: 180px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #120b5d;
}
.tabtop .active a:before{
    content: "";
    position: absolute;
    top: 30px;
    left: 82px;
    color: #843394;
    font-size: 30px;
    width: 15px;
    height: 15px;
    display: block;
    background-color: #843394;
    transform: rotate(45deg);
}
.tabtop li a:hover{
    color:#843394 !important;text-decoration:none;
}
.tabtop .active a:hover{color:#fff !important;}
.tabtop .active a{background-color:#843394 !important;color:#FFF !important;}
.margin-tops{margin-top:30px;}
.tabtop li a:last-child{padding:10px 22px;}
.thbada{padding:10px 28px !important;}
.margin-tops4{margin-top:20px;}

.services{background-color:#d4d4d4;min-height:710px;padding:65px 0 27px 0;}
.services a:hover{color:#000;}
.services h1{margin-top:0px !important;}
.heading-container p{text-align:center;font-size:16px !important;text-transform:uppercase;}
.tabbable-line .nav-tabs{
    display: table;
    margin: 0 auto;
}
.lot-box{
    border: 2px solid #ddd;
    border-radius: 5px;
    padding: 30px;
}
.lot-price-box1{
    text-align: center;
}
.lot-price-box1 ul li{
    display: inline-block;
}
.lot-price-box1 ul li a{
    width: 50px;
    height: 50px;
    display: block;
    color: #000;
    background-color: #f7d0ff;
    margin: 5px;
    border-radius: 4px;
    font-size: 20px;
    line-height: 50px;
    border: 1px solid #efafff;
    font-weight: bold;
}
.lot-price-box1 ul li a:hover{
    background-image: linear-gradient(125deg, #000E3B 0%, #210779 38%, #903897 100%);
    border: 1px solid #6d298e;
    color: #fff;
}
.lot-price-box1 h4{
    margin-top: 20px;
    margin-bottom: 30px;
}
.lot-pop-box-sm li a{
    width: 70px !important;
    font-size: 16px !important;
}
.lot-price-box2 .input5{
    width: 120px;
    height: 50px;
    padding: 10px;
    font-size: 20px;
    color: #813293;
    border-bottom: 3px solid #813293;
    border-color: #813293;
    font-weight: bold;  
    margin-bottom: 20px;
}
.lot-price-box3{
    background-image: linear-gradient(125deg, #000E3B 0%, #210779 38%, #903897 100%);
    border: 1px solid #6d298e;
    padding: 20px 15px;
    border-radius: 4px;
}
.lot-price-box3 a{
    color: #fff;
}
.lot-price-box3 h5{
    font-size: 16px;
    border-bottom: 1px solid;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.lot-price-box3 p{
    margin-bottom: 0;
}
.lot-box .table>thead>tr>th{
    text-align: center;
}
.lot-box .table>thead{
    background-image: linear-gradient(125deg, #000E3B 0%, #210779 38%, #903897 100%);
    color: #fff;
}


.lottery_right {
    background-image: linear-gradient(125deg, #FF5111 0%, #FF5111 38%, #FFB319 100%);
    padding: 2rem;
    text-align: center;
    color: #fff;
    border-radius: 1rem;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.lottery_right h4 {
    font-size: 1.3rem;
    margin-bottom: 1rem;
}
.lottery_right h2 {
    margin-bottom: 1.5rem;
    font-weight: 400;
    font-size: 2rem;
    display: flex;
    justify-content: center;
}
.lottery_right h2 span {
    padding: 0.5rem 1rem;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    display: block;
    margin: 0 0.3rem;
    border-radius: 1rem;
}
.lottery_right li {
    text-transform: uppercase;
    margin-top: 1rem;
}
.lottery_right li b {
    font-size: 1.2rem;
    display: block;
}
/*lottery end*/


/*popup start*/
.modal-title {
    text-align: center;
    margin-bottom: 1rem;
    color: #300555;
    font-size: 1.5rem;
}
button.close {
    color: #fff;
    opacity: 1;
    font-weight: normal;
    width: 40px;
    height: 40px;
    background-color: red;
    text-shadow: none;
    font-size: 1.5rem;
    border-radius: 1rem;
    margin: -2rem;
}

button.close:hover {
    opacity: 1 !important;
    background-color: #d20000;
    color: #fff;
}

.modal-footer{
    background-color: #300555;
    color: #fff;
    text-align: center;
}
.modal-footer p{
    margin-bottom: 0;
}
/*popup end*/


/*lootery box-right start*/
.lot-box-left{
    padding: 20px;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    margin-bottom: 30px;
}
.lot-box-left h2{
    font-size: 18px;
    margin-bottom: 15px;
    border-bottom: 1px dashed #6d298e;
    padding-bottom: 15px;
}
.lot-box-left h1{
    margin-bottom: 10px;
}

.lot-box-left .button{
    display: inline-block;
}
/*tooltip css start*/
[tooltip] {
    position: relative;
}

/* Applies to all tooltips */
[tooltip]::before,
[tooltip]::after {
    text-transform: none; /* opinion 2 */
    font-size: .9em; /* opinion 3 */
    line-height: 1;
    user-select: none;
    pointer-events: none;
    position: absolute;
    display: none;
    opacity: 0;
}
[tooltip]::before {
    content: '';
    border: 5px solid transparent; /* opinion 4 */
    z-index: 1001; /* absurdity 1 */
}
[tooltip]::after {
    content: attr(tooltip);
    text-align: center;
    min-width: 200px;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 1ch 1.5ch;
    border-radius: .3ch;
    box-shadow: 0 1em 2em -0.5em rgba(0, 0, 0, 0.35);
    color: #fff;
    z-index: 1000;
    width: 200px;
    line-height: 16px;
    background-image: linear-gradient(125deg, #FF5111 0%, #FF5111 38%, #FFB319 100%);
}

/* Make the tooltips respond to hover */
[tooltip]:hover::before,
[tooltip]:hover::after {
    display: block;
}

/* don't show empty tooltips */
[tooltip='']::before,
[tooltip='']::after {
    display: none !important;
}

/* FLOW: UP */
[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
    bottom: 100%;
    border-bottom-width: 0;
    border-top-color: #FF5111;
}
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
    bottom: calc(100% + 5px);
}
[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after {
    left: 50%;
    transform: translate(-50%, -.5em);
}

/* FLOW: DOWN */
[tooltip][flow^="down"]::before {
    top: 100%;
    border-top-width: 0;
    border-bottom-color: #333;
}
[tooltip][flow^="down"]::after {
    top: calc(100% + 5px);
}
[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after {
    left: 50%;
    transform: translate(-50%, .5em);
}

/* FLOW: LEFT */
[tooltip][flow^="left"]::before {
    top: 50%;
    border-right-width: 0;
    border-left-color: #333;
    left: calc(0em - 5px);
    transform: translate(-.5em, -50%);
}
[tooltip][flow^="left"]::after {
    top: 50%;
    right: calc(100% + 5px);
    transform: translate(-.5em, -50%);
}

/* FLOW: RIGHT */
[tooltip][flow^="right"]::before {
    top: 50%;
    border-left-width: 0;
    border-right-color: #333;
    right: calc(0em - 5px);
    transform: translate(.5em, -50%);
}
[tooltip][flow^="right"]::after {
    top: 50%;
    left: calc(100% + 5px);
    transform: translate(.5em, -50%);
}

/* KEYFRAMES */
@keyframes tooltips-vert {
    to {
        opacity: .9;
        transform: translate(-50%, 0);
    }
}

@keyframes tooltips-horz {
    to {
        opacity: .9;
        transform: translate(0, -50%);
    }
}

/* FX All The Things */ 
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
    animation: tooltips-vert 300ms ease-out forwards;
}

[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
    animation: tooltips-horz 300ms ease-out forwards;
}

/*tooltip css end*/

/*lootery box-right start*/


/* css for active selected number start  */
.selected_lottery_number{
    background-image: linear-gradient(125deg, #FF5111 0%, #FF5111 38%, #FFB319 100%);
    color: #fff !important;
}
/* css for active selected number end  */



/*profile start*/

.profile-setting {
    display: flex;
}
.profile-change-img input {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 100px;
    z-index: 0;
    opacity: 0;
}
.profile-change-img {
    flex: 0 0 150px;
    max-width: 150px;
    position: relative;
    margin: 0 auto 2rem;
}
.profile-change-img img {
    width: 150px;
    height: 150px;
    border-radius: 2rem;
}
.profile-change-img a {
    width: 30px;
    height: 30px;
    display: block;
    color: #fff;
    border-radius: 100px;
    text-align: center;
    line-height: 30px;
    margin: -15px auto 0;
    z-index: 1;
    position: relative;
    font-size: 14px;
    background: linear-gradient(125deg, #FF5111 0%, #FF5111 38%, #FFB319 100%);
}

.profile .nav {
    background-image: linear-gradient(125deg, #FF5111 0%, #FF5111 38%, #FFB319 100%);
    padding: 1rem 0rem 1rem 1rem;
    border-radius: .3rem;
}
.profile .nav a {
    color: #fff;
    font-size: 1rem;
    position: relative;
}
.profile .nav a.active {
    background-color: #300555;
    color: #fff;
}
.profile .nav a.active:after {
    content: "";
    width: 16px;
    height: 16px;
    background-color: #300555;
    transform: rotate(45deg);
    position: absolute;
    right: -8px;
    top: 12px;
}
.account_right {
    background-color: #ffffff;
    padding: 2rem;
    border-radius: 2rem;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
}
.account_right .form-group label {
    margin-bottom: 0.2rem;
    color: #9782AA;
}
.account_right .form-control {
    height: 44px;
}
.change_pass_box {
    max-width: 500px;
    margin: 0 auto;
    width: 100%;
}
.account_right h3 {
    margin-bottom: 1.5rem;
    border-bottom: 1px solid #eee;
    font-size: 1.5rem;
    color: #300555;
}
.account_right h3:after {
    content: "";
    width: 50px;
    height: 3px;
    display: block;
    margin-top: 5px;
    background-image: linear-gradient(125deg, #FF5111 0%, #FF5111 38%, #FFB319 100%);
    margin-bottom: -0.1rem;
}
.account_right .button{
    height: 44px;
}

.account_overview_sec .col-lg-4 {
    padding: 10px;
}

.account_overview_sec {
    margin-bottom: 30px;
}
.account_overview_sec .row {
    margin: 0 -5px;
}
.account_overview_sec .col {
    padding: 0 5px;
}
.account_overview {
    background-color: #F0F5FB;
    padding: 1.5rem 1.2rem;
    border-radius: 1.5rem;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    height: 100%;
}
.account_overview h6 {
    margin-bottom: 0.5rem;
}
.account_overview h2 {
    font-weight: 300;
    font-size: 1.3rem;
    color: #300555;
}
.account_overview h2 b {
    font-weight: bold;
}
.account_overview h2 span{
    opacity: 0.5;
}
.account_overview img {
    width: 26px;
    height: 26px;
}
/*profile end*/
.active_bet_type {
    border: 2px solid #FF5111;
}
.tbl_loader_bg {
    /*position: absolute;*/
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, .8);
    z-index: 1;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tbl_loader {
    border: 10px solid #ffffff;
    border-radius: 50%;
    border-top: 10px solid #ff5722;
    width: 70px;
    height: 70px;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}

.bet_history {
    position: relative;
}
.nonce_text {
    direction: ltr;
}


/*chat start*/
.ticket {
    margin-top: 1rem;
}
.my_ticket {
    background-color: #300555;
    padding: 1rem;
    border-radius: 10px;
    position: relative;
}
.my_ticket .title {
    font-size: 1.3rem;
    margin-bottom: 1rem;
    text-align: center;
    color: #fff;
}
.my_ticket li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: rgba(255, 255, 255, 0.1);
    margin-bottom: 0.4rem;
    padding: 0.5rem;
    border-radius: 0.4rem;
}
.my_ticket span {
    color: rgba(255, 255, 255, .7);
}
.my_ticket b {
    display: block;
    font-size: 1.1rem;
    font-weight: 500;
    color: #fff;
}
.my_ticket li:last-of-type {
    margin: 0;
}
.mesgs {
    margin-bottom: 1rem;
    border-radius: 0.5rem;
    overflow: hidden;
    border: 1px solid #e0e1e7;
}

.msg_history {
    height: 400px;
    overflow: auto;
    padding: 1rem;
    background-color: #f7f7f7;
    border-top: 1px solid #e0e1e7;
    border-bottom: 1px solid #e0e1e7;
}

.chat_foot {
    background-color: #fff;
    padding: 0.2rem;
    border-radius: 0 0 0.5rem 0.5rem;
}

.chat_foot form {
    display: flex;
    align-items: center;
}
.camera-icon {
    position: relative;
    margin: 0.2rem 0.5rem;
    border-radius: 100px;
    overflow: hidden;
    flex: 0 0 36px;
}

.camera-icon .form-control {
    width: 40px;
    height: 40px;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.camera-icon svg {
    width: 40px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    color: #BC9755;
    background-color: #ffffff;
    padding: .6rem;
}

.send-icon {
    border-radius: 100px;
    width: 40px;
    height: 40px;
    text-align: center;
    padding: 0rem;
    background-color: #BC9755;
    color: #fff;
    flex: 0 0 40px;
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1) !important;
    margin-right: 0.5rem;
    outline: none !important;
}
.chat_box h4 {
    font-size: 1.1rem;
    background-color: #ffffff;
    padding: 0.6rem;
    border-radius: 0.5rem 0.5rem 0 0;
}

.chat_foot #message {
    box-shadow: none !important;
    border: 0;
    background-color: transparent;
}
.sent_msg, .received_msg {
    background-color: #fff;
    padding: 0.8rem;
    max-width: 70%;
    margin: 0.3rem 0;
    border-radius: 0.5rem;
    border: 1px solid #eee;
}
.outgoing_msg {
    text-align: right;
    display: flex;
    justify-content: flex-end;
}
.msg_history p {
    color: #333;
    margin: 0;
}
.msg_history .time_date {
    font-size: 13px;
    margin-bottom: -0.8rem;
    color: #787ba7;
}
.incoming_msg {
    display: flex;
}
.received_msg {
    background-color: #eee;
}
.msg_history p a {
    color: #6665ed;
    font-size: 15px;
}
.fa-2x{
    font-size: 1em !important;
}

.block_flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}
.block_flex .waiting_newblock {
    flex: 1;
}
.tab-content {
    position: relative;
}
#nextdrawdiv {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    position: absolute;
    right: 20px;
    top: 10px;
}
#nextdrawdiv ul {
    display: flex;
    align-items: center;
}
#nextdrawdiv ul li {
    margin-left: 10px;
    font-weight: 600;
    color: #300555;
}


::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
.waiting_newblock {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: opacityAnimation2 2s linear infinite;
    background-image: linear-gradient(125deg, #FF5111 0%, #FF5111 38%, #FFB319 100%);
    padding: .5rem;
}


.waiting_newblock img {
    width: 30px;
    margin-left: 10px;
}

.btn_convert{
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0px);
    top: -15px;
    z-index: 1;
    font-size: 12px;
    padding: 6px 14px;
    border-radius: 1rem;
}
#twofa  h5 {
    margin-bottom: 10px;
}
#twofa h6 {
    margin-bottom: 10px;
}
#twofa p {
    margin-bottom: 10px;
}
#twofa .row {
    margin-top: 30px;
}
#ticket_history_ul a {
    color: #300555;
    font-size: 14px;
    border-bottom: 1px dashed;
}
.tran_his #transaction_history_ul span:nth-child(2){
    flex: 0 0 160px;
    font-size: 14px;
}
.tran_his .bet_history_heading span:nth-child(2){
    flex: 0 0 160px;
    font-size: 14px;
}

.real_time_block li span {
    overflow: hidden;
    text-overflow: ellipsis;
    direction: rtl;
    display: block;
}

.real_time_block li {
    padding: 8px 10px;
    margin-bottom: 5px;
    border-radius: 4px;
    min-height: 50px;
    position: relative;
    background: #fff;
    border-left: 3px solid;
}
.real_time_block li small{
    left: 0;
    font-size: 13px;
    font-weight: 500;
    display: flex;
    flex: 1;
}
.real_time_block li small.text-right{
    justify-content: flex-end;
    text-align: right;
}
.real_time_block a {
    color: #300555;
    border-bottom: 1px dashed;
}
.real_time_block {
    margin-bottom: 10px;
    overflow: hidden;
    height: 294px;
}
.real_time_block .green_tr{
    border-color: #28a745;
}
.real_time_block .red_tr{
    border-color: #FF6960;
}
.real_time_block li b {
    display: flex;
    line-height: normal;
}
.real_time_block .red_tr small{
    border-bottom: 2px solid #FF6960;
}
.wallet_his .button {
    font-size: 12px;
    padding: 5px 10px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    margin-left: 5px;
    float: right;
}

.wallet_his li span:first-of-type {
    width: 50px;
    flex: 0 0 50px;
}
.wallet_his li span:last-of-type {
    flex: 0 0 400px;
    width: 100%;
}

.action_btn_group {
    display: flex;
    justify-content: flex-end;
}



/*start*/
.select-box {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto;
  font-size: 18px;
  color: #60666d;
  margin: 0 10px;
}

.select-box__current {
  position: relative;
  box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  outline: none;
}
.select-box__current:focus + .select-box__list {
  opacity: 1;
  -webkit-animation-name: none;
          animation-name: none;
}
.select-box__current:focus + .select-box__list .select-box__option {
  cursor: pointer;
}
.select-box__current:focus .select-box__icon {
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}
.select-box__icon {
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 20px;
  opacity: 0.3;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}
.select-box__value {
  display: -webkit-box;
  display: flex;
}
.select-box__input {
  display: none;
}
.select-box__input:checked + .select-box__input-text {
  display: block;
  font-weight: 600;
  font-size: 20px;
  padding: 10px;
  color: #300555;
}
.select-box__input-text {
  display: none;
  width: 100%;
  margin: 0;
  padding: 15px;
  background-color: #fff;
}
.select-box__list {
  position: absolute;
  width: 100%;
  padding: 0;
  list-style: none;
  opacity: 0;
  -webkit-animation-name: HideList;
          animation-name: HideList;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: step-start;
          animation-timing-function: step-start;
  box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 0.1);
}
.select-box__option {
  display: block;
  padding: 10px 15px;
  background-color: #fff;
  margin: 0;
  border-top: 2px solid #eee;
}
.select-box__option:hover, .select-box__option:focus {
  color: #546c84;
  background-color: #fbfbfb;
}

@-webkit-keyframes HideList {
  from {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  to {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
}

@keyframes HideList {
  from {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  to {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
}
/*end*/
.result-nonce-green{
    color: #00ff3a !important;
    font-weight: bold;
    padding-left: 1px;
}
.willlbl {
    margin: 0;
    width: 50%;
}
.lottery_will_win{
    display: flex;
    align-items: center;
    justify-content: center;
}
.lottery_bottom_amount {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.lottery_bottom_amount label {
    width: 100%;
    margin: 0 10px;
}

.lottery_bottom_amount .form-control {
    font-size: 20px;
    margin-top: 5px;
}
.bal_menu small {
    color: #fff;
    position: absolute;
    top: 0;
    left: 50%;
    text-align: center;
    margin-top: -10px;
    background-color: #5f2592;
    transform: translate(-50%, 0px);
    padding: 2px 10px;
    white-space: nowrap;
}
.block_heb{
    color: #ff8d16;
}
.newblockcome{
    background-image: linear-gradient(125deg, #FF5111 0%, #FF5111 38%, #FFB319 100%);
    color: #fff;
}
.newblockcome a{
    color: #fff;
}
.navbar-toggler {
    background-image: linear-gradient(125deg, #FF5111 0%, #FF5111 38%, #FFB319 100%);
    display: flex;
    flex-direction: column;
    border-radius: 1rem;
    padding: 8px 10px;
    font-size: 14px;
    outline: none !important;
}
.navbar-toggler span {
    background-color: #fff;
    height: 2px;
    margin: 3px 0;
}
.bal_menu span img {
    width: 18px;
}
.navbar_right p {
    margin: 0;
    color: #fff;
    text-transform: uppercase;
    margin-top: 10px;
    padding: 4px 10px;
    border-radius: 100px;
    border: 1px solid #5f2592;
}
.navbar_right p b {
    background: linear-gradient(125deg, #FFB319 0%, #FF5111 38%, #FF5111 100%);
    padding: 2px 10px;
    border-radius: 20px;
}
.plan_sec .row {
    justify-content: center;
}
.plan_box {
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: #f0f5fb;
    border-radius: 1.5rem;
    overflow: hidden;
}
.plan_sec .col-xl-3 {
    margin: 15px 0;
}
.plan_heading {
    width: 100%;
    text-align: center;
    padding: 15px;
    background-color: #eee;
    color: #fff;
}

.plan_box ul {
    padding: 10px;
    width: 100%;
    text-align: center;
}
.plan_box li {
    padding: 10px;
    border-bottom: 1px solid #ddd;
    font-size: 16px;
}
.plan_box li b {
    margin-left: 2px;
    display: block;
    font-size: 20px;
    color: #300555;
}
.plan_foot {
    padding: 15px;
    width: 100%;
}
.plan_box li:last-of-type {
    border: 0;
    padding-bottom: 0;
}

.error img {
    width: 100%;
    max-width: 200px;
    margin: 0 auto;
    display: table;
}
.error {
    text-align: center;
    color: #fff;
}
.error h1 {
    margin: 30px 0 10px;
}

.button[disabled] {
    opacity: .5;
    cursor: not-allowed;
}
.navbar-brand {
    padding: 15px 0;
}

.convert_btn {
    display: flex;
    position: relative;
    }

.convert_btn small {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #ffffff;
    width: 42px;
    height: 22px;
    text-align: center;
    border-radius: 100px;
    line-height: 22px;
    color: #300555;
    font-size: 14px;
    border: 1px solid #ccc;
}

.convert_btn .button:first-of-type {
    margin-right: 15px;
    margin-left: 0;
    }

.convert_btn .button:last-of-type {
    margin-left: 15px;
}

.wallet_his .button.btn-info {
    background: red;
    margin-right: 5px;
}

.wallet_his .button.btn-success {
    background: green;
}
.alert-suc .alert {
    margin: 0;
    padding: 5px;
    display: flex;
    border-radius: 0px;
}
.alert-suc marquee{
    width: 100%;
}

.time_flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10PX;
    margin-top: -10px;
    font-size: 16px;
}
.time_flex i {
    color: #ff5111;
}
.time_flex b {
    color: #300555;
}
.mb_none{
    justify-content: flex-end;
}


#hamburger-icon {
    width: 28px;
    height: 16px;
    position: relative;
    display: none;
}
#hamburger-icon .line {
    display: block;
    background: #fff;
    width: 28px;
    height: 2px;
    position: absolute;
    left: 0;
    border-radius: 1px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
}
#hamburger-icon .line.line-1 {
    top: 0;
}
#hamburger-icon .line.line-2 {
    top: 50%;
    width: 28px;
    left: auto;
    right: 0;
}
#hamburger-icon .line.line-3 {
    top: 100%;
}
#hamburger-icon:hover .line-1,
#hamburger-icon:focus .line-1 {
    transform: translateY(-1px);
    -webkit-transform: translateY(-1px);
    -moz-transform: translateY(-1px);
}
#hamburger-icon:hover .line-3,
#hamburger-icon:focus .line-3 {
    transform: translateY(1px);
    -webkit-transform: translateY(1px);
    -moz-transform: translateY(1px);
}
#hamburger-icon.active .line-1 {
    transform: translateY(8px) translateX(0) rotate(45deg);
    -webkit-transform: translateY(8px) translateX(0) rotate(45deg);
    -moz-transform: translateY(8px) translateX(0) rotate(45deg);
}
#hamburger-icon.active .line-2 {
    opacity: 0;
}
#hamburger-icon.active .line-3 {
    transform: translateY(-8px) translateX(0) rotate(-45deg);
    -webkit-transform: translateY(-8px) translateX(0) rotate(-45deg);
    -moz-transform: translateY(-8px) translateX(0) rotate(-45deg);
}


@media (min-width: 992px){
    .betting_history .bet_history span:nth-child(2),
    .betting_history .bet_history span:nth-child(8) {
        flex: 0 0 90px;
    }
    .mb_tabpanel {
        display: block !important;
        opacity: 1 !important;
    }
    .mb_tab{
        display: none;
    }
}

@media (max-width: 1199px){
    .navbar-brand > img{
        width: 130px;
    }
    .menu li a{
        padding: 12px 15px !important;
    }
   
    .lottery_container .col-xl-6 {
        padding: 0;
        order: -1;
    }
}

@media (max-width: 991px){
    .navbar-brand {
        padding: 5px 0;
    }
    .menu{
        padding: 10px 15px;
    }
    .menu ul li {
        width: 100%;
    }
    .menu ul li a {
        border-bottom: 1px solid rgba(255, 255, 255, .1);
        padding: 10px !important;
    }
    .menu .dropdown-menu{
        position: initial;
        width: 100%;
        margin-top: 0px;
    }
    .menu .dropdown-menu:after {
        display: none;
    }
    .menu ul{
        margin: 10px auto;
    }
    .banner_cont h1 {
        font-size: 70px;
    }
    .banner{
        padding: 15px;
    }
    #hamburger-icon{
        display: block;
    }
    .navbar-collapse {
        position: fixed;
        top: 0;
        left: -250px;
        max-width: 250px;
        width: 100%;
        height: 100%;
        background-color: #300555;
        display: flex !important;
        flex-direction: column;
        overflow: auto;
        transition: all 0.3s 0s;
        padding: 20px;
        opacity: 0;
        visibility: hidden;
        box-shadow: 6px 0px 20px;
    }
    .navbar-collapse.active {
        left: 0;
        opacity: 1;
        visibility: visible;
    }
    .menu {
        z-index: 99;
    }
    .menu .bal_menu {
        margin-top: 20px;
    }
    .navbar_right .dropdown {
        width: 100%;
    }
    .menu ul {
        margin: 0;
        flex: 1;
        width: 100%;
    }
    .menu ul li {
        margin-left: 0 !important;
    }
    .menu ul li a {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .menu ul li a:after {
        display: none;
    }
    .navbar_right {
        width: 100%;
        order: -1;
        margin-bottom: 20px;
    }
    .navbar_right p{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .profile .nav {
        flex-direction: row !important;
        padding: 1rem 1rem 0rem 1rem;
        justify-content: center;
        margin-bottom: 20px;
    }

    .profile .nav a.active:after {
        top: 100%;
        left: calc(50% - 8px);
        margin-top: -8px;
    }
    .filter_head .button {
        padding: 6px 14px;
        font-size: 14px;
    }

    .filter_head .common_drop {
        margin-left: 5px;
    }
    .wallet .bet_history_heading {
        display: none;
    }

    .wallet_his span:nth-child(3) {
        text-align: right;
    }
    .wallet .bet_history li {
        flex-wrap: wrap;
        align-items: start;
        border-radius: 10px;
    }
    .wallet .wallet_his li span:last-of-type {
        flex: 0 0 100%;
        text-align: center;
    }
    .wallet .bet_history li > span {
        padding: 2px 0;
        flex: inherit;
    }
    .wallet .action_btn_group {
        justify-content: center;
    }
    .wallet .wallet_his .button {
        float: inherit;
    }
    .wallet .bet_history li > span:first-of-type {
        display: none;
    }
    .wallet .bet_history li > span:nth-child(4) {
        font-size: 20px;
        flex: 0 0 100%;
    }
    .wallet .convert_btn .button:last-of-type {
        margin-left: 5px;
    }
    .wallet .convert_btn .button:first-of-type {
        margin-right: 0;
    }
    .wallet .convert_btn small {
        display: none;
    }
    .directuser,
    .transaction_history,
    .betting_history,
    .direct_referral,
    .sponsor,
    .roi,
    .settlement,
    .point_history
    {
        padding: 10px 0;
    }
   
    .bet_history_heading{
        display: none;
    }
    .bet_history li > span {
        flex: 0 0 50%;
        width: 50%;
        white-space: nowrap;
        font-size: 12px;
    }
    .bet_history li {
        flex-wrap: wrap;
    }
    .bet_history .tr_address {
        flex: 0 0 100%;
        margin: 0;
        width: 100%;
        text-align: left !important;
        line-height: normal;
    }
    .tr_address span{
        font-size: 10px;
    }
    .transaction_history .ticket_status {
        text-align: left !important;
    }
    .transaction_history .bet_history li > span:nth-child(4) {
        text-align: right;
    }
    .transaction_history .bet_history li > span:nth-child(2) {
        text-align: right;
        flex: 0 0 50% !important;
    }
    .transaction_history .container,
    .wallet .container,
    .directuser .container,
    .betting_history .container,
    .direct_referral .container,
    .sponsor .container,
    .roi .container,
    .settlement .container,
    .point_history .container
    {
        padding: 0 5px;
    }
    .pagination{
        margin-top: 1rem;
    }

    .lottery_num {
        order: 1;
        justify-content: flex-end;
        width: 50%;
        max-width: 50%;
    }
    .betting_history .bet_history li > span:nth-child(2),
    .betting_history .bet_history li > span:nth-child(4) {
        text-align: right;
    }
    .betting_history .bet_history li > span:last-of-type,
    .point_history .bet_history li > span:last-of-type
    {
        text-align: left !important;
    }

    .direct_referral .bet_history span:nth-child(even),
    .sponsor .bet_history span:nth-child(even),
    .roi .bet_history span:nth-child(even),
    .settlement .bet_history span:nth-child(even),
    .point_history .bet_history span:nth-child(even)
    {
        text-align: right;
    }

    .roi .bet_history li > span:last-of-type{
        width: 100%;
        flex:  0 0 100%;
    }
    .mb_center {
        margin: 0 auto;
    }
    footer{
        display: none;
    }
    .mb_tab {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        flex-wrap: nowrap;
    }
    .mb_tab li {
        width: 100%;
    }
    .mb_tab li a {
        text-align: center;
        display: block;
        color: #fff;
        border-radius: 0 !important;
        font-size: 12px;
        background-color: #300555;
        padding: 8px 10px 3px;
    }
    .mb_tab i {
        display: block;
        margin: 0 auto 5px;
        font-size: 16px;
    }
    .mb_tab.nav-pills .nav-link.active {
        background-image: linear-gradient(125deg, #FF5111 0%, #FF5111 38%, #FFB319 100%);
    }
    .lottery_container .row {
        margin-bottom: 50px;
    }

}

@media (max-width: 767px){
    .service_list ul {
        flex-direction: column;
    }
    .service_list li {
        margin: 5px 0;
    }
    .banner_cont h1 {
        font-size: 55px;
    }
    .banner_cont{
        margin-top: 75px;
        margin-bottom: 0;
    }
    .banner_cont .text-center {
        display: block;
    }
    .service_list, .winner, .advantage, footer {
        display: none;
    }
    .banner {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
    }
    .banner_cont h2 {
        margin-bottom: 20px;
    }
    .login {
        background-color: #300555;
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        overflow: auto;
        width: 100%;
        padding-top: 80px;
        padding-bottom: 20px;
        z-index: -1;
    }
    .login .login_cont {
        background-color: transparent;
        color: #fff;
        padding: 0;
    }
    .login_cont{
        padding: 15px;
    }
    .login_cont h3 {
        color: #fff;
        margin-bottom: 20px;
        font-weight: 500;
    }
    .login_cont .form-control{
        font-size: 14px;
    }
    .login .login_cont .form-control {
        border: 0;
        background-color: #441171 !important;
        color: #fff !important;
        font-size: 16px;
    }
    .login_cont_foot{
        padding-top: 1rem;
    }
    .login_cont .button{
        margin-top: 0 !important;
    }
    .forgot-pass{
        color: #fff;
    }
    .alert-suc {
        display: none;
    }
    #example1 {
        transform: scale(0.85);
        margin-left: -20px;
    }
    .plan_sec {
        padding: 0;
    }
    button.close {
        margin: -1.3rem;
    }
    .account_overview h2 {
        font-size: 16px;
    }
    .profile,
    .ticket_history,
    .wallet
    {
        padding: 10px 0;
    }
    .account_overview h6 {
        font-size: 14px;
    }
    .qrcode {
        text-align: center;
        margin-bottom: 20px;
    }
    .my_ticket {
        margin-bottom: 20px;
    }
    .filter_head{
        flex-wrap: wrap;
    }
    .ticket_history .bet_history_heading {
        display: none;
    }
    .ticket_history .bet_history li {
        flex-wrap: wrap;
        align-items: start;
        padding: 10px;
    }
    .ticket_history .bet_history li span {
        flex: 0 0 50%;
        white-space: nowrap;
        width: 50%;
        padding: 2px 0;
    }
    .ticket_history .game_title {
        order: -1;
    }
    .ticket_history .ticket_status {
        font-size: 14px;
    }
    .ticket_history .his_date {
        font-size: 12px;
        text-align: right;
    }
     
    #my_bet_list_tbody, #all_bet_list_tbody{
        max-height: inherit;
    }
    .tbl_loader{
        border: 5px solid #ffffff;
        border-top: 5px solid #ff5722;
        width: 50px;
        height: 50px;
    }
    .lottery_cont{
        margin-top: 25px;
    }
    #nextdrawdiv {
        font-size: 14px;
        position: initial;
        background-image: linear-gradient(125deg, #FF5111 0%, #FF5111 38%, #FFB319 100%);
        color: #fff;
        padding: 6px;
        border-radius: 46px;
    }
    #nextdrawdiv b, #nextdrawdiv span {
        color: #fff;
     }
     #nextdrawdiv b{
        font-size: 18px;
        margin-right: 3px;
     }
     #nextdrawdiv ul li {
        margin-left: 5px;
     }
    #nextdrawdiv span{
        font-weight: 400;
    }
    .lottery .nav-link.active{
        background-image: none;
    }
    .real_time_block {
        height: auto;
    }
    .records {
        max-height: inherit;
    }
    .md_row {
        display: flex;
        margin: 0 -5px;
    }
    .md_50 {
        width: 50%;
        margin: 0 5px;
    }
    .login .login_cont .form-group {
        margin-bottom: 10px;
    }
    .block_flex{
        display: none;
    }

}

@media (max-width: 575px){
    .navbar-brand > img {
        width: 130px;
    }
    .navbar_right {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .lottery .nav-link {
        font-size: 12px;
        margin: 0;
        padding: 5px 10px;
        margin: 0 2px;
    }
    .lottery .nav-link b {
        font-size: 14px;
        margin-top: 2px;
        padding-top: 2px;
    }
    .lottery .nav-link:after,
    .lottery .nav-link:before {
        display: none;
    }
    .lottery {
        padding: 10px;
    }
    .lottery .nav-tabs {
        margin-bottom: 10px;
    }
    .select_digits .form-control {
        margin: 0 5px;
        font-size: 16px;
        height: 46px;
        box-shadow: 3px 3px #ddd;
    }
    .select_digits {
        margin: 0 -5px;
    }
    .lottery_cont p {
        margin-bottom: 5px;
        font-size: 14px;
    }
    .lottery_bet_amount {
        margin-bottom: 10px;
        font-size: 13px;
        max-width: 230px;
        margin: -1.5rem auto 10px;
    }
    .lottery_bet_amount:after{
        top: 4px;
        left: -10px;
    }
    .lottery_bottom .button.ml-4 {
        margin-left: 3px !important;
    }
    .straight_cont {
        flex-wrap: wrap;
    }
    .straight_box {
        width: 46%;
        margin: 2%;
    }
    .bet_no_cont a{
        margin: 0.2rem;
        padding: 0.4rem .8rem;
    }
    .straight_box span,
    .straight_box b
    {
        padding: 0.3rem;
        font-size: 12px;
    }
    .lottery_bottom {
        margin-top: 5px;
        border-top: 1px dashed #ccc;
        padding-top: 5px;
    }
    .lottery_cont{
        padding: 10px;
    }
    .lottery_bottom_amount {
        margin-left: -5px;
        margin-right: -5px;
        margin-bottom: 10px;
    }
    .lottery_bottom_amount .form-control {
        font-size: 14px;
    }
    .lottery_bottom_amount label {
        font-size: 12px;
        margin: 0 5px;
    }
    .lottery_bottom .button{
        font-size: 12px;
        padding: 6px 12px;
    }
    .win_item{
        justify-content: flex-end;
    }
    .win_item span{
        flex: 0 0 60px;
    }
    .bets_history, .result_hash{
        padding: 10px;
    }
    .bets_history .nav-tabs{
        margin-bottom: 10px;
    }
    .plan_box li b {
        font-size: 16px;
    }
    .plan_box li {
        padding: 5px;
        font-size: 14px;
    }
    .plan_foot {
        padding-top: 0;
    }
    .login .login_cont .form-control {
        font-size: 16px;
    }
    .deposit_cont label {
        font-size: 12px;
    }
    .modal-title {
        font-size: 20px;
    }
    .account_overview_sec .col-lg-4{
        width: 50%;
        padding: 3px;
    }
    .account_overview {
        padding: 10px;
        border-radius: 10px;
    }
    .account_overview h2 {
        font-size: 14px;
    }
    .account_overview img {
        width: 20px;
        height: 20px;
    }
    .account_overview_sec {
        margin-bottom: 15px;
    }
    .mobile_no .col.col-md-4 {
        max-width: 90px;
        padding-right: 0px;
    }
    .account_right {
        padding: 11px;
        border-radius: 10px;
    }
    .account_right h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }
    .profile-change-img{
        margin-bottom: 15px;
    }
    button.w-50{
        width: 100% !important;
    }
    .profile .nav {
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        justify-content: start;
        padding: 0px 0px 15px 0px;
        background: no-repeat;
        margin-bottom: 10px;
    }
    .profile .nav a {
        white-space: nowrap;
        font-size: 13px;
        padding: .4rem .5rem;
        color: #300554;
    }
    .profile .nav a.active:after{
        margin-top: -5px;
        width: 10px;
        height: 10px;
    }
    .account_overview h6 {
        font-size: 11px;
    }
    .account_overview h2 span {
        display: block;
        margin-top: 2px;
        font-weight: 400;
        font-size: 12px;
    }
    #twofa p {
        font-size: 12px;
    }
    #twofa h5 {
        font-size: 15px;
    }
    .filter_head h4 {
        font-size: 16px;
    }
    .filter_head .button {
        padding: 8px 16px;
        font-size: 14px;
    }
    .my_ticket .title {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .my_ticket b {
        font-size: 14px;
    }
    .my_ticket span {
        font-size: 12px;
    }
    .my_ticket li {
        padding: 5px 8px;
    }
    .filter_head .right{
        margin-top: 10px;
    }
    .common_drop .dropdown-menu a {
        font-size: 14px;
        padding: 6px 15px !important;
    }
    .wallet .wallet_his .button{
        font-size: 10px;
        margin: 0 2px;
        padding: 5px;
    }
    .create_wallet{
        width: 100%;
        font-size: 14px !important;
    }
    .transaction_history .filter_head .common_drop .dropdown-toggle {
        font-size: 11px;
        padding: 6px 10px;
    }
    #ticket_history_ul a {
        font-size: 13px;
    }
    .error h3 {
        font-size: 20px;
    }
    .error img {
        max-width: 80px;
    }
    .error h1 {
        margin: 15px 0 10px;
        font-size: 30px;
    }
    .common_drop .dropdown-menu:after{
        left: 1rem;
    }
    .time_flex b {
        display: block;
        font-size: 18px;
        line-height: normal;
        margin-top: 2px;
    }

    .time_flex {
        margin-top: 0;
        font-size: 14px;
        padding: 10px;
        background-color: #fff;
        box-shadow: 2px 2px 5px rgba(0, 0, 0, .2);
        border-radius: 6px;
    }
}
.suggestt_flex {
    margin: 5px;
    font-size: 15px;
    color: #007bff !important;
    font-weight: bold;
    cursor: pointer;
}