.loading{
    display: inline-flex;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    background-color: #0B0F13;
}
body{
    background-color: #0B0F13;
    font-family: "Barlow", sans-serif;
}
.mobile-site-menu,.mobile-footer,.mobile-head{display: none}
.side-bar{
    display: inline-block;
    position: fixed;
    top: 30px;
    left:30px;
    height: 98%;
}
.side-bar .logo-small{
    background-color: #1F242A;
    max-width: 80px;
    display: inline-block;
    padding: 20px 20px;
    text-align: center;
    margin-bottom: 10px;
    border-radius: 10px;
}
.side-bar .logo-small a{
    display: inline-block;
    width: 100%;
}
.side-bar .logo-small a img{
    max-width: 100%;
    display: inline-block;
}
.side-bar .side-menu{
    background-color: #1F242A;
    display: inline-flex;
    width: 100%;
    border-radius: 10px;
    padding: 10px;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
.side-bar .side-menu ul{
    list-style: none;
    padding: 0;
    width: 100%;
    margin: 0;
    margin-top: 5px;
}
.col-padding-custom{
    padding-left: 50px !important;
}
.side-bar .side-menu ul li{
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}
.side-bar .side-menu ul li:last-child{
    margin-bottom: 0;
}
.side-bar .side-menu ul li a{
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #6E8194;
    font-weight: 500;
    text-decoration: none;
    font-size: 8pt;
}
.side-bar .side-menu ul li a div.icon{
    display: inline-block;
    width: 80%;
}
.side-bar .side-menu ul li a div.icon img{
    display: inline-block;
    max-width: 50%;
}
.side-bar .side-menu ul li a.side-social{
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #6E8194;
    font-weight: 500;
    text-decoration: none;
    font-size: 8pt;
}
.side-bar .side-menu ul li a.side-social div.icon{
    width: 70%;
}
.side-bar .side-menu ul li:hover a{
    color: #01FFBF;
}
.side-bar .side-menu ul li:hover img{
    filter: invert(73%) sepia(77%) saturate(749%) hue-rotate(124deg) brightness(102%) contrast(101%);
}

.social-medias-web{
    display: inline-flex;
    flex-direction: row;
    align-items: flex-start;
    width: 100%;
}
.social-medias-web a{
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    margin-left: 10px;
    color: #6f8194;
    text-align: center;
    line-height: 1.2;
    text-decoration: none;
}
.social-medias-web a:first-child{
    margin-left: 0px;
}
.social-medias-web a img{
    display: inline-block;
    max-height: 25px;
}
.social-medias-web a span{
    display: inline-block;
    margin-top: 10px;
}
.social-medias-web a:hover{
    color: #01FFBF;
}
.social-medias-web a:hover img{
    filter: invert(73%) sepia(77%) saturate(749%) hue-rotate(124deg) brightness(102%) contrast(101%);
}
.change-icon{
    filter: invert(73%) sepia(77%) saturate(749%) hue-rotate(124deg) brightness(102%) contrast(101%);
}
.side-bar .side-menu ul li a span{
    display: inline-block;
    width: 100%;
    margin-top: 5px;
}
.joiners-table{}
.joiners-table tr{}
.joiners-table tr td{
    background:none;
    color: #fff;
    border: 1px solid;
    text-align: center;
    border-color: #353D46;
}
.joiners-table tr:nth-child(odd) td:nth-child(odd),
.joiners-table tr:nth-child(even) td:nth-child(even){
    background-color: #14181C;
}
.general-content{
    display: inline-block;
    float: left;
    margin-top: 30px;
    padding-bottom: 50px;
}
.loginmodal .alert-success{
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    background:none;
    border: 0;
    color: #01FFBF;
}
.loginmodal .alert-success svg{
    font-size: 20pt;
    margin-right: 10px;
}
.loginmodal .alert-success span{}
.loginmodal .alert-success span b{}
header{
    display: inline-block;
    width: 100%;
    background-color: #1F242A;
    padding: 30px 80px;
    background-image: url("../img/header-bg.png");
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: cover;
    border-radius: 10px;
    border-bottom-left-radius: 0;
    clip-path: polygon(
            0 0,              /* sol üst */
            100% 0,           /* sağ üst */
            100% 100%,        /* sağ alt */
            25px 100%,        /* sol alttan içeri 25px */
            0 calc(100% - 25px) /* yukarıya doğru 25px */
    );
}
header .header-row{
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
    align-items: flex-start;
}
header .header-row .logo{
    display: inline-block;
    margin-top: 20px;
}
header .header-row .page-title{
    display: inline-block;
    font-weight: bold;
    font-size: 40pt;
    color: #01FFBF;
}
header .header-row .page-title2{
    display: inline-block;
    font-weight: bold;
    font-size: 36pt;
    color: #fff;
}
header .header-row .logo img{
    display: inline-block;
    max-width: 290px;
}
 .user-login-box{
    display: inline-flex;
    background-color: rgba(24, 28, 33, 0.8);
    position: fixed;
    border-radius: 10px;
    align-items: center;
    padding: 10px;
    z-index: 99;
    top: 5%;
    right: 3%;
}
  .user-login-box .btn-login{
    display: inline-block;
    padding: 20px;
    text-decoration: none;
    color: #fff;
    font-weight: 500;
}
  .user-login-box .btn-register{
    display: inline-block;
    padding: 20px;
    background-color: #01FFBF;
    text-decoration: none;
    font-weight: 500;
    border-radius: 10px;
    clip-path: polygon(
            0 0,        /* top-left */
            100% 0,     /* top-right */
            100% 100%,  /* bottom-right */
            20% 100%,  /* inward cut from bottom-left */
            0 75%       /* sharp inward corner */
    );
    color: #0B0F13;
    transition: background-color 1s;
}
 .user-login-box .btn-register:hover{
    background-color: #03c191;
}
header .header-row.mt-4{
    margin-top: 15px !important;
}
header .header-row .total-given-prizes{
    display: inline-flex;
    flex-direction: column;
    line-height: 1;
}
header .header-row .total-given-prizes span{
    color: #6E8194;
    font-weight: 400;
    font-size: 12pt;
    display: inline-block;
}
header .header-row .total-given-prizes b{
    display: inline-block;
    font-size: 30pt;
    font-weight: bold;
    color: #01FFBF;
    margin-top: 10px;
}
header .header-row .invite-earn{
    display: inline-block;
}
header .header-row .invite-earn a{
    display: inline-flex;
    background-color: #FFF600;
    text-decoration: none;
    flex-direction: row;
    align-items: center;
    color: #1F242A;
    padding: 20px;
    border-radius: 10px;
}
header .header-row .invite-earn a .icon{
    display: inline-block;
    margin-right: 10px;
}
header .header-row .invite-earn a .icon img{
    max-width: 40px;
}
header .header-row .invite-earn a .texts{
    display: inline-flex;
    flex-direction: column;
    line-height: 1;
    margin-right: 10px;
}
header .header-row .invite-earn a .texts span{
    display: inline-block;
    font-size: 10pt;
}
header .header-row .invite-earn a .texts b{
    display: inline-block;
    font-size: 16pt;
    margin-top: 5px;
}
header .header-row .invite-earn a .arrow{}
header .header-row .invite-earn a .arrow svg{}
.general-content .page-insight{
    display: inline-block;
    width: 92%;
    margin-left: 5%;
    margin-top: 50px;
}
.title-row{
    display: inline-flex;
    width: 100%;
    padding:20px 0;
    align-items: center;
    justify-content: space-between;
}
.title-row .title{
    display: inline-block;
    color: #9AA9B9;
    font-weight: bold;
    font-size: 14pt;
}
.title-row .bullets{
    display: inline-block;
}
.title-row .bullets .owl-dot{
    background:none;
    border: 0;
    line-height: 1;
    padding: 0;
    margin: 0;
    margin: 0 2.5px
}
.title-row .bullets .owl-dot span{
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background-color: #45525F;
}
.title-row .bullets .owl-dot.active{}
.title-row .bullets .owl-dot.active span{
    background-color: #01FFBF;
}
.event-list{
    display: inline-block;
    width: 100%;
}
.event-list .list{
    display: inline-block;
}
.event-list .list .item{
    display: inline-block;
    width: 100%;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}
.event-list .list .item .image{
    display: inline-block;
    width: 100%;
}
.event-list .list .item .image img{
    display: inline-block;
    width: 100%;
}
.event-list .list .item .image .hover{
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: bottom center;
    background-repeat: no-repeat;
    padding: 20px;
    background: #242A30;
    background: linear-gradient(180deg, rgba(36, 42, 48, 0) 0%, rgba(36, 42, 48, 1) 77%);
}
.event-list .list .item .image .hover .totalPrize{
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #01FFBF;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 10px;
    border-radius: 10px;
}
.event-list .list .item .image .hover .totalPrize span{
    display: inline-block;
    color: #000;
    font-size: 9pt;
    line-height: 1;
}
.event-list .list .item .image .hover .totalPrize b{
    display: inline-block;
    color: #000;
    font-size: 13pt;
    font-weight: 500;
}
.event-list .list .item .image .hover .name{
    display: inline-block;
    width: 100%;
    text-align: left;
    color: #fff;
    font-size: 20pt;
    font-weight: bold;
    line-height: 1;
}
.event-list .list .item .image .hover .name small{
    font-size: 10pt;
}
.event-list .list .item .image .hover .bottom-row{
    display: inline-flex;
    width:100%;
    border-top: 1px solid #54677A;
    margin-top: 10px;
    padding-top: 10px;
    align-items: center;
    justify-content: space-between;
}
.event-list .list .item .image .hover .bottom-row .timer{
    display: inline-flex;
    align-items: center;
}
.event-list .list .item .image .hover .bottom-row .timer span{
    display: inline-block;
    font-size: 10pt;
    color: #6E8194;
}
.event-list .list .item .image .hover .bottom-row .timer b{
    display: inline-block;
    font-size: 12pt;
    font-weight: 500;
    color: #BCCBDB;
    margin-left: 10px;
}
.event-list .list .item.prize .image .hover .bottom-row .timer b{
    color: #01FFBF;
    font-size: 14pt;
}
.event-list .list .item .image .hover .bottom-row .btn-event{
    display: inline-block;
    background-color: #2F3942;
    font-size: 11pt;
    font-weight: 500;
    text-decoration: none;
    color: #9AA9B9;
    padding: 10px 20px;
    border-radius: 10px;
    transition: all 1s;
}

.special-offer-list{
    display: inline-block;
    width: 100%;
}
.special-offer-list .title-row .bullets .owl-dot{
    background:none;
    border: 0;
    line-height: 1;
    padding: 0;
    margin: 0;
    margin: 0 2.5px
}
.special-offer-list .title-row .bullets .owl-dot span{
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background-color: #45525F;
}
.special-offer-list .title-row .bullets .owl-dot.active{}
.special-offer-list .title-row .bullets .owl-dot.active span{
    background-color: #01FFBF;
}
.special-offer-list .list{
    display: inline-block;
    width: 100%;
}
.special-offer-list .list .item{
    display: inline-block;
    width: 100%;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}
.special-offer-list.tournaments .list .item{
    display: inline-block;
    width: 100%;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 20px;
}
.special-offer-list .list .item > img{
    display: inline-block;
    width: 100%;
}
.special-offer-list .list .item .hover{
    display: inline-flex;
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 50px 40px 50px 20px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}
.special-offer-list.tournaments .list .item .hover{
    width: 50%;
}
.special-offer-list .list .item .hover .logo{
    display: inline-block;
    width: 100%;
}
.special-offer-list .list .item .hover .logo img{
    display: inline-block;
    max-width: 200px;
}
.special-offer-list .list .item .hover .texts{
    display: inline-block;
    width: 100%;
    margin-top: 75px;
}
.special-offer-list .list .item .hover .title{
    display: inline-block;
    width: 100%;
    font-weight: bold;
    font-size: 20pt;
    color: #01FFBF;
    line-height: 1;
}
.special-offer-list.tournaments .list .item .hover .title{
    display: inline-block;
    width: 100%;
    font-weight: bold;
    font-size: 24pt;
    color: #fff;
    line-height: 1;
}
.special-offer-list .list .item .hover .desc{
    display: inline-block;
    width: 100%;
    font-size: 12pt;
    color: #fff;
    line-height: 1.5;
    margin-top: 10px;
}
.special-offer-list .list .item.item-type-2 .hover .title{
    color: #fff;
}
.special-offer-list.tournaments .list .item .hover .desc{
    display: inline-block;
    width: 100%;
    font-weight: bold;
    font-size: 30pt;
    color: #01FFBF;
    line-height: 1.5;
    margin-top: 10px;
}
.special-offer-list .list .item.item-type-2 .hover .desc{
    color: #01FFBF;
    font-weight: bold;
    font-size: 28pt;
}
.special-offer-list.tournaments .list .item .hover .bottom{
    display: inline-flex;
    align-items: center;
}
.special-offer-list.tournaments .list .item .hover .bottom .remain{
    display: inline-flex;
    flex-direction: column;
    margin-left: 10px;
    line-height: 1;
}
.special-offer-list.tournaments .list .item .hover .bottom .remain span{
    display: inline-block;
    color: #6B7D90;
    font-weight: 500;
    font-size: 12pt;
    margin-bottom: 5px;
}
.special-offer-list.tournaments .list .item .hover .bottom .remain b{
    display: inline-block;
    color: #BCCBDB;
    font-size: 14pt;
    font-weight: 500;
}
.btn-detail{
    display: inline-block;
    background-color: #2F3942;
    color: #9AA9B9;
    border: 0;
    padding: 10px 20px;
    border-radius: 10px;
    font-size: 11pt;
    text-decoration: none;
    transition: all 1s;
}

.btn-link{
    text-decoration: none;
    color: #6E8194;
    border-bottom: 1px solid #6E8194;
    transition: all 1s;
    font-size: 11pt;
}
.btn-link:hover{
    color: #01FFBF;
    border-bottom: 1px solid #01FFBF;
}

.event-list-row{
    display: inline-block;
    width: 100%;
    margin-top: 10px;
}
.event-list-row .item{
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    width: 100%;
    margin-bottom: 10px;
    background-color: #1F242A;
    border-radius: 10px;
    clip-path: polygon(
            0 25px,         /* inward cut from top-left */
            25px 0,         /* sharp inward corner */
            100% 0,         /* top-right */
            100% 100%,      /* bottom-right */
            0% 100%         /* bottom-left */
    );
}
.event-list-row .item .left{
    display: inline-flex;
    width: 70%;
    flex-direction: row;
    align-items: center;
}
.event-list-row .item .left .date{
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    color: #6E8194;
    font-size: 10pt;
    line-height: 1.2;
    width: 16%;
    margin-right: 10px;
}
.event-list-row .item .left .date span{}
.event-list-row .item .left .date span:last-child{}
.event-list-row .item .left .date span:first-child{}
.event-list-row .item .left .icon{}
.event-list-row .item .left .icon img{}
.event-list-row .item .left .title{
    display: inline-block;
    color: #fff;
    font-size: 13pt;
    font-weight: 500;
    margin-left: 10px;
}
.event-list-row .item .btn-detail{
    font-size: 10pt;
}

.sponsor-list{
    display: inline-block;
}
.sponsor-list .item{
    display: inline-block;
    width: 100%;
}
.sponsor-list .item a{
    display: inline-block;
    width: 100%;
}
.sponsor-list .item a img{
    display: inline-block;
    max-width: 100%;
}
.silver-site{
    display: inline-block;
    width: 100%;
    /*
    background-color: #242A30;
    clip-path: polygon(
            0 0,
            calc(100% - 25px) 0,
            100% 25px,
            100% 100%,
            0 100%
    );
    */
    border-radius: 10px;
    overflow: hidden;
}
.silver-site a{
    display: inline-block;
    width: 100%;
    text-align: center;
}
.silver-site a .logo{
    display: inline-block;
    padding: 0px;
    width: 100%;
    margin-bottom: 5px;
}
.silver-site a .logo img{
    max-width: 100%;
}
.silver-site a span{
    display: inline-block;
    width: 100%;
    background-color: #01FFBF;
    color: #242A30;
    font-weight: 500;
    font-size: 10pt;
    padding: 10px 0;
    min-height: 40px;
}

.silver-col{
    margin-bottom: 10px;
}
.col-md-4.col-xs-12.premium-col,.col-md-2.col-xs-12.silver-col {
    padding-left: 5px;
    padding-right: 5px;
}

.loginmodal{}
.loginmodal .modal-content{
    background-color: #131A21;
}
.loginmodal .modal-content .title-div{
    display: inline-block;
    width: 100%;
    background-image: url("../img/login-bg.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    text-align: center;
    padding: 10px 0;
}
.loginmodal .modal-content .title-div img{
    display: inline-block;
    max-width: 50%;
}
.loginmodal .modal-content form{
    display: inline-block;
    width: 100%;
    text-align: center;
}
.loginmodal .modal-content form .title{
    display: inline-block;
    width: 100%;
    color: #fff;
    font-weight: bold;
    font-size: 14pt;
    text-align: center;
    margin-top: 20px;
}
.form-control:focus,
.form-control{
    display: inline-block;
    width: 100%;
    background-color: #1F2A34;
    color: #708DAA;
    text-align: center;
    border: 0;
    outline: none;
    box-shadow: none;
    font-size: 12pt;
    padding: 20px;
}
.form-control::placeholder {
    color: #708DAA;
}
.loginmodal .modal-content form .form-control{
    margin-top: 10px;
}
.btn.btn-primary{
    background-color: #01FFBF;
    border: 0;
    color: #1E2832;
}
.loginmodal .modal-content .btn-primary{
    width: 100%;
    margin-top: 10px;
    padding: 20px;
    font-size: 12pt;
    font-weight: 500;
    margin-bottom: 10px;
}
.loginmodal .modal-content form .btn-social-login{
    display: inline-flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
    text-decoration: none;
    background-color: #1F2A34;
    border-radius: 10px;
    padding: 20px;
}
.loginmodal .modal-content form .btn-social-login .texts{
    display: inline-flex;
    line-height: 1;
    flex-direction: column;
    text-align: left;
}
.loginmodal .modal-content form .btn-social-login .texts b{
    color: #fff;
    font-size: 14pt;
    font-weight: 500;
}
.loginmodal .modal-content form .btn-social-login .texts span{
    display: inline-block;
    color: #808B96;
    font-size: 10pt;
    margin-top: 5px;
}
.loginmodal .modal-content form .btn-social-login .icon{}
.loginmodal .modal-content form .btn-social-login .icon img{}


nav{
    display: inline-flex;
    width: 100%;
    margin-top: 20px;
    text-align: center;
    align-items: center;
    justify-content: center;
}
.pagination{
    margin: 0;
    text-align: center;
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}
.pagination .page-item{
    margin:0 5px
}
.pagination .page-item.active{}
.pagination .page-item .page-link{
    background-color: #1F242A;
    color: #9AA9B9;
    font-weight: 500;
    font-size: 12pt;
    border: 0;
    border-radius: 10px;
}
.pagination .page-item.active .page-link{
    background-color: #01FFBF;
    color: #0B0F13;
}
.pagination .page-item .page-link svg{}
header .header-text{
    display: inline-flex;
    line-height: 1.2;
    color: #BCCBDB;
    flex-direction: column;
    align-items: flex-start;
}
header .header-text p{
    display: inline-block;
    margin: 0;
}
div:where(.swal2-container).swal2-top>.swal2-popup,
div:where(.swal2-container).swal2-center>.swal2-popup{
    background-color: #0B0F13;
    color: #fff;
}
div:where(.swal2-container) h2:where(.swal2-title){
    color: #fff;
}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm){
    background-color: #01FFBF !important;
    color: #000 !important;
}
#google-signin2{
}
header .page-title-con{
    display: inline-flex;
    flex-direction: column;
}
header .page-toptitle{
    display: inline-flex;
    align-items: center;
}
header .page-toptitle .icon{
    display: inline-block;
    line-height: 1;
}
header .page-toptitle .icon img{
    max-width: 20px;
}
header .page-toptitle span{
    font-size: 14pt;
    font-weight: 500;
    color:#6E8194;
    margin-left: 10px;
}

.tournament-detail-page .page-toptitle{
    display: inline-flex;
    align-items: center;
}
.tournament-detail-page .page-toptitle .icon{
    display: inline-block;
    line-height: 1;
}
.tournament-detail-page .page-toptitle .icon img{
    max-width: 20px;
}
.tournament-detail-page .page-toptitle span{
    font-size: 14pt;
    font-weight: 500;
    color:#6E8194;
    margin-left: 10px;
}
header .event-users{
    display: inline-flex;
    align-items: center;
}
header .event-users svg{
    color: #01FFBF;
    font-size: 20pt;
    margin-right: 10px;
}
header .event-users span{
    display: inline-block;
    font-size: 14pt;
    color: #BCCBDB;
    margin-right: 50px;
}
.event-page-details{
    display: inline-block;
    width: 100%;
}
.event-page-details .event-details{
    display: inline-block;
    width: 100%;
}
.event-page-details .event-details .question{
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}
.event-page-details .event-details .question .answers{
    display: inline-block;
    width: 100%;
}
.event-page-details .event-details .question .answers ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.event-page-details .event-details .question .answers ul li{
    display: inline-block;
    width: 100%;
    margin-top: 10px;
    position: relative;
}
.event-page-details .event-details .question .answers ul li input{
    opacity: 0;
    position: absolute;
}
.event-page-details .event-details .question .answers ul li .form-check-label{
    color: #fff;
    display: inline-flex;
    font-size: 14pt;
    align-items: center;
}
.event-page-details .event-details .question .answers ul li .form-check-label:before{
    content: " ";
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    margin-right: 10px;
    border: 3px solid #fff;
}
.event-page-details .event-details .question .answers ul li input:checked ~ .form-check-label{
    color: #01FFBF;
}
.event-page-details .event-details .question .answers ul li input:checked ~ .form-check-label:before{
    background: #01FFBF;
}
#joinersModal h1,
#modal-rules h1,
.event-page-details .event-details h1{
    display: inline-block;
    margin: 0;
    width: 100%;
    color: #fff;
    font-weight: 500;
}
#modal-rules h2,
#joinersModal h2,
.event-page-details .event-details h2{
    display: inline-block;
    margin: 0;
    width: 100%;
    color: #BCCBDB;
    font-weight: 500;
}
#modal-rules b,
.event-page-details .event-details b{
    color: #01FFBF;
    font-size: 13pt;
}
b.attention{
    color: #ffc107 !important;
    margin-bottom: 10px;
    margin-top: 10px;
    display: inline-block;
}
#modal-rules b,
.event-page-details .event-details p{
    color: #92AAC3;
    font-weight: normal;
}
.table-custom-1{}
.table-custom-1 tbody{}
.table-custom-1 tbody tr{}
.table-custom-1 tbody tr td{
    background: none;
    border: 1px solid #353D46;
    color: #fff;
}
.table-custom-1 tbody tr:nth-child(odd) td:nth-child(even),
.table-custom-1 tbody tr:nth-child(even) td:nth-child(odd){
    background: #14181C;
}
.event-page-details .event-prizes{
    display: inline-block;
    width: 100%;
}
.event-page-details .event-prizes .title{
    color: #01FFBF;
    display: inline-block;
    width: 100%;
    font-weight: 500;
    font-size: 15pt;
}
.event-page-details .event-prizes .prizes{
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}
.event-page-details .event-prizes .prizes .prize{
    display: inline-block;
    width: 100%;
    border:1px solid #1F242A;
    margin-top: 10px;
    border-radius: 10px;
    overflow: hidden;
}
.event-page-details .event-prizes .prizes .prize .header{
    display: inline-flex;
    width: 100%;
    background-color: #1F242A;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
}
.event-page-details .event-prizes .prizes .prize .header span{
    font-size: 14pt;
    color: #FFFFFF;
    font-weight: 500;
}
.event-page-details .event-prizes .prizes .prize .header b{
    color: #01FFBF;
    font-weight: bold;
    font-size: 22pt;
}
.event-page-details .event-prizes .prizes .prize .winners{
    display: inline-block;
    width: 100%;
}
.event-page-details .event-prizes .prizes .prize .winners .winner{
    display: inline-flex;
    width: 100%;
    padding: 10px 20px;
    align-items: center;
    justify-content: space-between;
}
.event-page-details .event-prizes .prizes .prize .winners .winner span{
    display: inline-block;
    color: #fff;
    font-size: 12pt;
}
.event-page-details .event-prizes .prizes .prize .winners .winner a{}
.event-page-details .event-prizes .prizes .prize .winners .winner a span{}
.event-page-details .event-prizes .prizes .prize .winners .winner a svg{}
.event-page-details .btn-warning,
.event-page-details .btn-danger,
.event-page-details .btn-primary{
    padding: 20px 0;
    font-weight: bold;
}
.store-whell .timer,
.event-page-details .timer{
    display: inline-flex;
    width: 100%;
    margin-top: 20px;
}
.store-whell .timer .time,
.event-page-details .timer .time{
    display: inline-block;
    width: 100%;
    background-color: #1F242A;
    border-radius: 10px;
    margin:0 1%;
    padding: 20px 0;
}
.store-whell .timer .time:first-child,
.event-page-details .timer .time:first-child{
    margin-left: 0;
}
.store-whell .timer .time:last-child,
.event-page-details .timer .time:last-child{
    margin-right: 0;
}
.store-whell .timer .time b,
.event-page-details .timer .time b{
    display: inline-block;
    width: 100%;
    color: #fff;
    font-size: 25pt;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    margin: 0;
}
.store-whell .timer .time span,
.event-page-details .timer .time span{
    display: inline-block;
    line-height: 1;
    text-align: center;
    width: 100%;
    color: #6E8194;
    font-size: 12pt;
    font-weight: 500;
}

.color-main-blue{
    color: #01FFBF !important;
}
.tournament-detail-page{
    display: inline-block;
    width: 100%;
}
.tournament-detail-page .table{
    border: 1px solid;
    border-color: #353D46;
}
.tournament-detail-page .table thead{
}
.tournament-detail-page .table thead tr{}
.tournament-detail-page .table thead tr th{
    background-color: #1F242A;
    color: #6E8194;
    text-align: center;
    padding: 20px 0;
    font-weight: normal;
    border: 1px solid;
    border-color: #353D46;
}
.tournament-detail-page .table thead tr th:first-child{
}
.tournament-detail-page .table thead tr th:last-child{
}
.tournament-detail-page .table tbody{}
.tournament-detail-page .table tbody tr{}
.tournament-detail-page .table tbody tr td{
    background-color: #14181C;
    color: #fff;
    border: 1px solid;
    padding: 10px 0;
    text-align: center;
    border-color: #353D46;
}

.tournament-detail-page .table tbody tr:nth-child(odd) td{
    background:none;
}

.tournament-detail-page .top-3{
    display: inline-block;
    width: 100%;
}
.tournament-detail-page .top-3 .top-3-item{
    display: inline-flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    background-color: #1F242A;
    border-radius: 10px;
    margin-bottom: 10px;
    padding:20px;
}
.tournament-detail-page .top-3 .top-3-item > .left{
    display: inline-flex;
    flex-direction: row;
    align-items: center;
}
.tournament-detail-page .top-3 .top-3-item .rank{
    display: inline-block;
    background-color: #01FFBF;
    color: #0B0F13;
    font-weight: 500;
    font-size: 14pt;
    padding: 40px 10px;
    border-radius: 5px;
    margin-right: 10px;
}
.bold{
    font-weight: bold;
}
.tournament-detail-page .top-3 .top-3-item .cell{
    display: inline-flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
}
.tournament-detail-page .top-3 .top-3-item .cell .username{
    display: inline-block;
    font-weight: 500;
    color: #FFFFFF;
    font-size: 18pt;
}
.tournament-detail-page .top-3 .top-3-item .left .cell{
    justify-content: flex-start;
    align-items: flex-start;
}
.tournament-detail-page .top-3 .top-3-item .cell span{
    display: inline-block;
    color: #6E8194;
    font-size: 10pt;
    font-weight: 500;
    margin-top: 20px;
}
.tournament-detail-page .top-3 .top-3-item .cell b{
    display: inline-block;
    color: #BCCBDB;
    font-weight: bold;
    font-size: 14pt;
}
.tournament-detail-page .top-3 .top-3-item .cell .prize{
    display: inline-block;
    color: #01FFBF;
    font-weight: bold;
    font-size: 30pt;
}

.tournament-detail-page .timer{
    display: inline-flex;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}
.tournament-detail-page .timer .time{
    display: inline-block;
    width: 100%;
    background-color: #1F242A;
    border-radius: 10px;
    margin:0 1%;
    padding: 20px 0;
}
.tournament-detail-page .timer .time:first-child{
    margin-left: 0;
}
.tournament-detail-page .timer .time:last-child{
    margin-right: 0;
}
.tournament-detail-page .timer .time b{
    display: inline-block;
    width: 100%;
    color: #fff;
    font-size: 25pt;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    margin: 0;
}
.tournament-detail-page .timer .time span{
    display: inline-block;
    line-height: 1;
    text-align: center;
    width: 100%;
    color: #6E8194;
    font-size: 12pt;
    font-weight: 500;
}

.user-logon-box{
    display: inline-flex;
    position: relative;
    background-color: rgba(24, 28, 33, 0.8);
    border-radius: 10px;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 10px;
    position: fixed;
    z-index: 99;
    top: 5%;
    right: 3%;
    min-width: 250px;
}
.user-logon-box .r{
    display: inline-flex;
    align-items: center;
    padding: 10px;
}
.user-logon-box .r svg{
    color: #01FFBF;
    font-size: 18pt;
}
.user-logon-box .r .t{
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 10px;
    line-height: 1;
}
.user-logon-box .r .t a:first-child{
    font-size: 14pt;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    display: inline-block;
}
.user-logon-box .point-row{
    display: inline-flex;
    background: #01FFBF;
    color: #1F242A;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    width: 100%;
}
.user-logon-box .point-row .point{
    font-size: 12pt;
    font-weight: 500;
}
.user-logon-box .point-row .t{
    font-size: 10pt;
}
.user-logon-box .text-row{
    display: inline-flex;
    width: 100%;
    padding: 10px;
    align-items: center;
    background-color: rgba(24, 28, 33, 1);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    justify-content: space-between;
}
.user-logon-box .text-row a{
    font-size: 11pt;
    font-weight: 500;
    color: #c8c8c8;
    text-decoration: none;
    display: inline-block;
}
.user-logon-box .text-row a:first-child{}
.user-logon-box .text-row a:last-child{
    font-size: 9pt;
}
.form-control.text-left:focus,
.text-left{
    text-align: left !important;
}
.btn-primary.plr-3{
    padding-left: 20px;
    padding-right: 20px;
}
#modal-alert-attend{}
#modalPointHistory .modal-footer,
#modal-rules .modal-footer,
#joinersModal .modal-footer,
#modal-coming .modal-footer,
#modal-alert-attend .modal-footer,
#modalPointHistory .modal-header,
#modal-rules .modal-header,
#modal-coming .modal-header,
#modal-alert-attend .modal-header{
    border: 0;
}
#modal-coming .modal-body,
#modal-rules .modal-body,
#modalPointHistory .modal-body,
#modal-alert-attend .modal-body{
    color: #fff;
}
#modal-coming .modal-content,
#modalPointHistory .modal-content,
#modal-rules .modal-content,
#joinersModal .modal-content,
#modal-alert-attend .modal-content{
    background-color: #0B0F13 !important;
}
.ptb-3{
    padding-top: 20px;
    padding-bottom: 20px;
}
.btn-event.plr-3{
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.account.account-v2{
    display: inline-block;
    width: 100%;
}
.account.account-v2 .menu-page{
    display: inline-block;
    width: 100%;
}
.account.account-v2 .menu-page ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.account.account-v2 .menu-page ul li{
    display: inline-block;
}
.account.account-v2 .menu-page ul li a{
    display: inline-block;
    text-decoration: none;
    color: #858D96;
    font-weight: 500;
    font-size: 16pt;
    padding: 10px 20px;
}
.account.account-v2 .menu-page ul li:first-child a{
    padding-left: 0;
}
.account.account-v2 .menu-page ul li.active a{
    color: #01FFBF;
}
.account.account-v2 form{
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}
.account.account-v2 form .form-control,
.account.account-v2 form .form-control:disabled{
    display: inline-block;
    background-color: #1F2A34;
    color: #708DAA;
    text-align: left;
    border: 0;
    outline: none;
    box-shadow: none;
    font-size: 12pt;
    padding: 20px;
}
.account.account-v2 form .form-control:focus{
    width: 80% !important;
}
.account.account-v2 form .input-group {
    position: relative;
    display: inline-flex
;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
}

.account.account-v2 form .input-group-append{
    width: 20% !important;
}
.account.account-v2 form .input-group .btn{
    width: 100%;
    margin-top: 0 !important;
    padding: 20px 10px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
}
.account.account-v2 form .btn svg{
    margin-left: 20px;
}
.account.account-v2 form .btn.btn-success{
    background-color: #01FF2F;
    border-color: #01FF2F;
    color: #000;
}

.account.account-v2 h1{
    color: #01FFBF;
    font-size: 15pt;
    margin-top: 20px;
    margin-bottom: 20px;
}
.account.account-v2 .custom-checkbox{
    display: inline-flex;
    align-items: center;
}
.account.account-v2 .custom-checkbox input{
    display: none;
}
.account.account-v2 .custom-checkbox label{
    color: #C7DDF4;
}
.account.account-v2 .custom-checkbox .box{
    display: inline-block;
    background-color: #354758;
    border-radius: 5px;
    width: 40px;
    margin-right: 10px;
    line-height: 1;
    height: 25px;
}
.account.account-v2 .custom-checkbox .box:before{
    display: inline-block;
    width: 25px;
    content: " ";
    height: 25px;
    border-radius: 5px;
    background-color: #263545;
    transition: all 1s;
}
.account.account-v2 .custom-checkbox input:checked ~ .box{}
.account.account-v2 .custom-checkbox input:checked ~ .box:before{
    margin-left: 15px;
    background-color: #01FFBF;
}
.account.account-v2 .sponsor-setting-item{
    display: inline-block;
    margin-top: 20px;
    width: 100%;
}
.account.account-v2 .sponsor-setting-item .sponsor-image{
    display: inline-block;
    width: 100%;
    padding: 20px;
    border-radius: 10px;
    background-color: #1F242A;
    text-align: center;
    border: 3px solid #1F242A;

}
.account.account-v2 .sponsor-setting-item .sponsor-image{
    border-color: #01FFBF;
}
.account.account-v2 .sponsor-setting-item .btn{
    width: 100% !important;
}
.account.account-v2 .sponsor-setting-item .form-control,
.account.account-v2 .sponsor-setting-item .form-control:focus,
.account.account-v2 .sponsor-setting-item .form-control:disabled{
    display: inline-block;
    width: 100% !important;
    background-color: #1F2A34;
    color: #708DAA;
    margin-top: 10px;
}
.account.account-v2 .sponsor-setting-item .sponsor-image a{
    display: inline-block;
    width: 100%;
    text-align: center;
}
.account.account-v2 .sponsor-setting-item .sponsor-image a img{
    display: inline-block;
    max-width: 100%;
}
.account.account-v2 .sponsor-setting-item .sites-status{
    display: inline-flex;
    width: 100%;
    margin-top: 10px;
    color: #000;
    align-items: center;
    font-size: 12pt;
    background-color: #FFF600;
    border-radius: 10px;
    justify-content: space-between;
    padding: 10px;
}
.account.account-v2 .sponsor-setting-item .sites-status.active{
    background-color: #01FFBF;
}
.codes-inputs{
    display: inline-flex;
    width: 100%;;
    align-items: center;
    justify-content: space-between;
}
.codes-inputs input{
    display: inline-block;
    border: 1px solid #01FFBF;
    background: none !important;
    color: #01FFBF;
    width: 18%;
    aspect-ratio: 1/1;
    border-radius: 10px;
    outline: none;
    box-shadow: none;
    text-align: center;
    font-size: 20pt;
}

.btn-event:hover,
.btn-detail:hover{
    background-color: #01FFBF !important;
    color: #000 !important;
}
.btn-closed{
    position: absolute;
    right: -50px;
    top: 0;
    background: #121a21;
    line-height: 1;
    padding: 8px;
    border: 0;
    border-radius: 10px;
}
.btn-closed svg{
    font-size: 25pt;
    color: #fff;
}



.store-whell{
    display: inline-block;
    width: 100%;
    background: url("../img/cark-back-bg.png");
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}
.store-whell .store-whell-floor-2{
    display: inline-block;
    width: 100%;
    background: url("../img/cark-bg.png?v=2");
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}
.store-whell .store-whell-floor-2 .whell-container{
    display: inline-block;
    position: relative;
    width: 100%;
}
.store-whell .store-whell-floor-2 .whell-container .whell{
    display: inline-block;
    width: 100%;
}
.store-whell .store-whell-floor-2 .whell-container .whell img{
    display: inline-block;
    width:100%;
}
.store-whell .store-whell-floor-2 .whell-container .slices-con{
    display: inline-block;
    position: absolute;
    top: 5%;
    left: 5%;
    width: 90%;
    height: 90%;
    border-radius: 50%;
}
.store-whell .store-whell-floor-2 .whell-container .slices{
    display: inline-flex;
    position: relative;
    width: 100%;
    aspect-ratio: 1/1;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
}
.store-whell .store-whell-floor-2 .whell-container .slices .slice{
    position: absolute;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: white;
    font-size: 19pt;
    font-weight: 500;
    text-align: center;
    line-height: 1;
    flex-direction: column;
    transform-origin: center center;
    height: 100%;
}
.store-whell .store-whell-floor-2 .whell-container .slices .slice span{
    font-weight: 400;
    font-size: 11pt;
}
.store-whell .store-whell-floor-2 .whell-container .pin{
    display: inline-block;
    position: absolute;
    top: -8%;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 9;
    width: 12%;
    margin: auto;
}
.swetborder{
    border: 0 !important;
}
.swetborder svg{
    color: #01FFBF;
}
.store-whell .store-whell-floor-2 .whell-container .pin img{
    display: inline-block;
    max-width: 100%;
}
.store-whell .store-whell-floor-2 .whell-container .slices .slice b.old{
    font-size: 16pt;
    text-decoration: line-through;
    opacity: 0.8;
}
.store-whell .store-whell-floor-2 .whell-container .slices .slice.color1{color: #98B1CE}
.store-whell .store-whell-floor-2 .whell-container .slices .slice.color2{color: #00E5FF}
.store-whell .store-whell-floor-2 .whell-container .slices .slice.color3{color: #D9EA1F}
.store-whell .store-whell-floor-2 .whell-container .slices .slice.color4{color: #FF0101}
.store-whell .store-whell-floor-2 .whell-container .slices .slice:nth-child(1) { transform: rotate(10deg); }
.store-whell .store-whell-floor-2 .whell-container .slices .slice:nth-child(2) { transform: rotate(34deg); }
.store-whell .store-whell-floor-2 .whell-container .slices .slice:nth-child(3) { transform: rotate(56deg); }
.store-whell .store-whell-floor-2 .whell-container .slices .slice:nth-child(4) { transform: rotate(78deg); }
.store-whell .store-whell-floor-2 .whell-container .slices .slice:nth-child(5) { transform: rotate(101deg); }
.store-whell .store-whell-floor-2 .whell-container .slices .slice:nth-child(6) { transform: rotate(123deg); }
.store-whell .store-whell-floor-2 .whell-container .slices .slice:nth-child(7) { transform: rotate(146deg); }
.store-whell .store-whell-floor-2 .whell-container .slices .slice:nth-child(8) { transform: rotate(168deg); }
.store-whell .store-whell-floor-2 .whell-container .slices .slice:nth-child(9) { transform: rotate(190deg); }
.store-whell .store-whell-floor-2 .whell-container .slices .slice:nth-child(10) { transform: rotate(213deg); }
.store-whell .store-whell-floor-2 .whell-container .slices .slice:nth-child(11) { transform: rotate(235deg); }
.store-whell .store-whell-floor-2 .whell-container .slices .slice:nth-child(12) { transform: rotate(258deg); }
.store-whell .store-whell-floor-2 .whell-container .slices .slice:nth-child(13) { transform: rotate(280deg); }
.store-whell .store-whell-floor-2 .whell-container .slices .slice:nth-child(14) { transform: rotate(303deg); }
.store-whell .store-whell-floor-2 .whell-container .slices .slice:nth-child(15) { transform: rotate(325deg); }
.store-whell .store-whell-floor-2 .whell-container .slices .slice:nth-child(16) { transform: rotate(348deg); }

.store-whell .store-whell-floor-2 [turning="1"].whell-container .slices,.store-whell .store-whell-floor-2 [turning="1"].whell-container .whell{animation: store-whell-anim1 5s cubic-bezier(0.42, 0, 0, 1) 0s 1 normal;transform: rotate(-730deg);}
.store-whell .store-whell-floor-2 [turning="2"].whell-container .slices,.store-whell .store-whell-floor-2 [turning="2"].whell-container .whell{animation: store-whell-anim2 5s  cubic-bezier(0.42, 0, 0, 1) 0s 1 normal;;transform: rotate(-754deg)}
.store-whell .store-whell-floor-2 [turning="3"].whell-container .slices,.store-whell .store-whell-floor-2 [turning="3"].whell-container .whell{animation: store-whell-anim3 5s  cubic-bezier(0.42, 0, 0, 1) 0s 1 normal;;transform: rotate(-776deg)}
.store-whell .store-whell-floor-2 [turning="4"].whell-container .slices,.store-whell .store-whell-floor-2 [turning="4"].whell-container .whell{animation: store-whell-anim4 5s  cubic-bezier(0.42, 0, 0, 1) 0s 1 normal;;transform: rotate(-798deg)}
.store-whell .store-whell-floor-2 [turning="5"].whell-container .slices,.store-whell .store-whell-floor-2 [turning="5"].whell-container .whell{animation: store-whell-anim5 5s  cubic-bezier(0.42, 0, 0, 1) 0s 1 normal;;transform: rotate(-821deg)}
.store-whell .store-whell-floor-2 [turning="6"].whell-container .slices,.store-whell .store-whell-floor-2 [turning="6"].whell-container .whell{animation: store-whell-anim6 5s  cubic-bezier(0.42, 0, 0, 1) 0s 1 normal;;transform: rotate(-843deg)}
.store-whell .store-whell-floor-2 [turning="7"].whell-container .slices,.store-whell .store-whell-floor-2 [turning="7"].whell-container .whell{animation: store-whell-anim7 5s  cubic-bezier(0.42, 0, 0, 1) 0s 1 normal;;transform: rotate(-866deg)}
.store-whell .store-whell-floor-2 [turning="8"].whell-container .slices,.store-whell .store-whell-floor-2 [turning="8"].whell-container .whell{animation: store-whell-anim8 5s  cubic-bezier(0.42, 0, 0, 1) 0s 1 normal;;transform: rotate(-888deg)}
.store-whell .store-whell-floor-2 [turning="9"].whell-container .slices,.store-whell .store-whell-floor-2 [turning="9"].whell-container .whell{animation: store-whell-anim9 5s  cubic-bezier(0.42, 0, 0, 1) 0s 1 normal;;transform: rotate(-910deg)}
.store-whell .store-whell-floor-2 [turning="10"].whell-container .slices,.store-whell .store-whell-floor-2 [turning="10"].whell-container .whell{animation: store-whell-anim10 5s  cubic-bezier(0.42, 0, 0, 1) 0s 1 normal;;transform: rotate(-933deg)}
.store-whell .store-whell-floor-2 [turning="11"].whell-container .slices,.store-whell .store-whell-floor-2 [turning="11"].whell-container .whell{animation: store-whell-anim11 5s  cubic-bezier(0.42, 0, 0, 1) 0s 1 normal;;transform: rotate(-955deg)}
.store-whell .store-whell-floor-2 [turning="12"].whell-container .slices,.store-whell .store-whell-floor-2 [turning="12"].whell-container .whell{animation: store-whell-anim12 5s  cubic-bezier(0.42, 0, 0, 1) 0s 1 normal;;transform: rotate(-978deg)}
.store-whell .store-whell-floor-2 [turning="13"].whell-container .slices,.store-whell .store-whell-floor-2 [turning="13"].whell-container .whell{animation: store-whell-anim13 5s  cubic-bezier(0.42, 0, 0, 1) 0s 1 normal;;transform: rotate(-1000deg)}
.store-whell .store-whell-floor-2 [turning="14"].whell-container .slices,.store-whell .store-whell-floor-2 [turning="14"].whell-container .whell{animation: store-whell-anim14 5s  cubic-bezier(0.42, 0, 0, 1) 0s 1 normal;;transform: rotate(-1023deg)}
.store-whell .store-whell-floor-2 [turning="15"].whell-container .slices,.store-whell .store-whell-floor-2 [turning="15"].whell-container .whell{animation: store-whell-anim15 5s  cubic-bezier(0.42, 0, 0, 1) 0s 1 normal;;transform: rotate(-1045deg)}
.store-whell .store-whell-floor-2 [turning="16"].whell-container .slices,.store-whell .store-whell-floor-2 [turning="16"].whell-container .whell{animation: store-whell-anim16 5s  cubic-bezier(0.42, 0, 0, 1) 0s 1 normal;;transform: rotate(-1068deg)}

@keyframes store-whell-anim1{0%{transform: rotate(0deg)}100%{transform: rotate(-730deg)}}
@keyframes store-whell-anim2{0%{transform:rotate(0deg)}100%{transform: rotate(-754deg)}}
@keyframes store-whell-anim3{0%{transform:rotate(0deg)}100%{transform: rotate(-776deg)}}
@keyframes store-whell-anim4{0%{transform:rotate(0deg)}100%{transform: rotate(-798deg)}}
@keyframes store-whell-anim5{0%{transform:rotate(0deg)}100%{transform: rotate(-821deg)}}
@keyframes store-whell-anim6{0%{transform:rotate(0deg)}100%{transform: rotate(-843deg)}}
@keyframes store-whell-anim7{0%{transform:rotate(0deg)}100%{transform: rotate(-866deg)}}
@keyframes store-whell-anim8{0%{transform:rotate(0deg)}100%{transform: rotate(-888deg)}}
@keyframes store-whell-anim9{0%{transform:rotate(0deg)}100%{transform: rotate(-910deg)}}
@keyframes store-whell-anim10{0%{transform:rotate(0deg)}100%{transform: rotate(-933deg)}}
@keyframes store-whell-anim11{0%{transform:rotate(0deg)}100%{transform: rotate(-955deg)}}
@keyframes store-whell-anim12{0%{transform:rotate(0deg)}100%{transform: rotate(-978deg)}}
@keyframes store-whell-anim13{0%{transform:rotate(0deg)}100%{transform: rotate(-1000deg)}}
@keyframes store-whell-anim14{0%{transform:rotate(0deg)}100%{transform: rotate(-1023deg)}}
@keyframes store-whell-anim15{0%{transform:rotate(0deg)}100%{transform: rotate(-1045deg)}}
@keyframes store-whell-anim16{0%{transform:rotate(0deg)}100%{transform: rotate(-1068deg)}}


.store-whell .store-whell-floor-2 .whell-container .spin-con{
    display: inline-flex;
    position: absolute;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
}
.store-whell .store-whell-floor-2 .whell-container .spin-con .spin-btn{
    display: inline-block;
    border-radius: 50%;
    padding: 30px;
    aspect-ratio: 1/1;
    font-size: 20pt;
    font-weight: bold;
    border: 0;
    background-color: #01FFBF;
    color: #1F242A;
    transition: transform 1s;
    cursor: pointer;
}
.store-whell .store-whell-floor-2 .whell-container .spin-con .spin-btn:disabled{
    background-color: #616161;
    color: #fff;
    transform:scale(.9);
}
.store-whell .store-whell-floor-2 .whell-container .spin-con .spin-btn:hover{
    transform: scale(1.1);
}
.store-whell .store-whell-floor-2 .whell-container .spin-con .spin-btn:active{
    transform: scale(.9);
}


.store-whell .profile-box-1{
    display: inline-flex;
    flex-direction: row;
    color: #fff;
    align-items: flex-end;
    justify-content: space-between;
    width: 100%;
    padding: 20px;
    border-radius: 10px;
    background-color: #1F242A;
}
.store-whell .profile-box-1 .left{
    display: inline-flex;
    flex-direction: column;
    line-height: 1;
}
.store-whell .profile-box-1 .left b{
    display: inline-block;
    color: #fff;
    font-size: 20pt;
    font-weight: 500;
}
.store-whell .profile-box-1 .left span{
    display: inline-block;
    color: #6E8194;
    font-size: 10pt;
    margin-top: 20px;
}
.store-whell .profile-box-1 .right{
    display: inline-block;
    line-height: 1;
}
.store-whell .profile-box-1 .right b{
    color: #01FFBF;
    display: inline-block;
    font-weight: bold;
    font-size: 50pt;
}
.store-whell .profile-box-2{
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    padding: 20px;
    border-radius: 10px;
    background-color: #1F242A;
    width: 100%;
}
.store-whell .profile-box-2 .img{
    display: inline-block;
    max-width: 100%;
}
.store-whell .profile-box-2 .img img{
    display: inline-block;
    max-width: 100%;
}
.store-whell .profile-box-2 .texts{
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}
.store-whell .profile-box-2 .texts span{
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #6E8194;
    font-size: 12pt;
}
.store-whell .profile-box-2 .texts b{
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #01FFBF;
    font-weight: bold;
    font-size: 20pt;
}
.store-whell .profile-box-2 .texts .btn-detail{
    display: inline-block;
    width: 100%;
    text-align: center;
    font-weight: 500;
    padding: 15px 0;
    font-size: 14pt;
    margin-top: 20px;
}


.demo-video{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.8);
    top:0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    flex-direction: column;
}
.demo-video .btn-closed{
    position: relative;
    right: auto;
    top: auto;
}
.demo-video video{
    display: inline-block;
    width: 25%;
}
.demo-video .banner-image{
    width: 40%;
    display: inline-block;
}
.demo-video .banner-image img{
    display: inline-block;
    max-width: 100%;
}
.tournament-item{
    display: inline-block;
    width: 100%;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}
.tournament-item .img{
    display: inline-block;
    width: 100%;
}
.tournament-item .img img{
    display: inline-block;
    width: 100%;
}
.tournament-item .hover{
    display: inline-flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    justify-content: space-between;
    height: 100%;
    background: #1F242A;
    background: linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    padding: 50px;
}
.tournament-item .hover .m{
    flex-direction: column;
    display: inline-flex;
}
.tournament-item .hover .logo{
    display: inline-block;
    width: 100%;
}
.tournament-item .hover .logo img{
    display: inline-block;
    max-width: 100%;
}
.tournament-item .hover .title{
    display: inline-block;
    width: 40%;
    color: #fff;
    font-weight: bold;
    font-size: 20pt;
    margin-top: 20px;
}
.tournament-item .hover .prize{
    display: inline-block;
    color: #01FFBF;
    font-size: 30pt;
    font-weight: bold;
}
.tournament-item .hover .btn-row{
    display: inline-flex;
    align-items: center;
}
.tournament-item .hover .btn-row .btn-detail{}
.tournament-item .hover .btn-row .t{
    display: inline-flex;
    flex-direction: column;
    line-height: 1;
    margin-left: 10px;
}
.tournament-item .hover .btn-row .t span{
    display: inline-block;
    color: #6B7D90;
    font-size: 10pt;
    margin-bottom: 5px;
}
.tournament-item .hover .btn-row .t b{
    display: inline-block;
    color: #BCCBDB;
    font-size: 12pt;
}
.ml-4{
    margin-left: 20px;
}
.tournament-detail-page .title-row .title{
    color: #01FFBF;
}

.invite-code-con-header{
    display: inline-block;
    width: 100%;
}
.invite-code-con-header .codes{
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background-color: #FFF600;
    color: #000;
    padding: 23px 20px;
    float: left;
    margin-bottom: 10px;
    border-radius: 10px;
    overflow: hidden;
    margin-right: 10px;
    position: relative;
}
.invite-code-con-header .codes span{
    display: inline-block;
    font-size: 10pt;
    margin-right: 10px;
}
.invite-code-con-header .codes b{
    font-size: 14pt;
    font-weight: bold;
}
.invite-code-con-header .codes .copy{
    display: inline-block;
    font-size: 20pt;
    margin-left: 25px;
    cursor: pointer;
}
.invite-code-con-header .codes .coppied{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.invite-code-con-header .codes .coppied div{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: inline-flex;
    border:1px solid #FFF600;
    background-color: #FFF600;
    color: #000;
    border-radius: 10px;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 14pt;
}
.invite-code-con-header .codes .copy svg{}

.invite-code-con-header .invites-con {
    display: inline-block;
}
.invite-code-con-header .invites{
    display: inline-flex;
    flex-direction: column;
    float: left;
    margin-right: 10px;
    margin-top: 0;
    border-radius: 10px;
    padding: 20px;
    border: 1px solid #FFF600;
    background-color: #1F242A;
    line-height: 1;
}
.invite-code-con-header .invites.g{
    border-color: #01FFBF;
}
.invite-code-con-header .invites span{
    display: inline-block;
    color: #fff;
    font-size: 9pt;
}
.invite-code-con-header .invites div{
    display: inline-flex;
    align-items: center;
    color: #FFF600;
    margin-top: 5px;
}
.invite-code-con-header .invites.g div{
    color: #01FFBF;
}
.invite-code-con-header .invites div svg{}
.invite-code-con-header .invites div b{
    display: inline-block;
    margin-left: 5px;
    font-weight: 500;
}
.invite-page-container{
    display: inline-block;
    width: 100%;
}
.invite-page-container .tabs-header{
    display: inline-flex;
    align-items: center;
    margin: 20px 0;
}
.invite-page-container .tabs-header a{
    display: inline-block;
    font-weight: 500;
    color: #858D96;
    font-size: 18pt;
    text-decoration: none;
    padding: 0 20px;
}
.invite-page-container .tabs-header a.active{
    color: #01FFBF;
}
.invite-page-container .tabs-lists{
    display: inline-block;
    width: 100%;
}
.invite-page-container .tabs-lists .tab-con{
    display: none;
    width: 100%;
}
.invite-page-container .tabs-lists .tab-con.active{
    display: inline-block;
}
.invite-page-container .tabs-lists .tab-con .table{
    width: 100%;
}
.invite-page-container .tabs-lists .tab-con .table thead{}
.invite-page-container .tabs-lists .tab-con .table thead tr{}
.invite-page-container .tabs-lists .tab-con .table thead tr th{
    background-color: #14181C;
    color: #fff;
    padding: 20px 0;
    font-weight: 400;
    text-align: center;
    border: 1px solid #353D46;
    font-size: 10pt;
}
.invite-page-container .tabs-lists .tab-con .table tbody{}
.invite-page-container .tabs-lists .tab-con .table tbody tr{}
.invite-page-container .tabs-lists .tab-con .table tbody tr td{
    background: none;
    border: 1px solid #353D46;
    text-align: center;
    padding: 10px 0;
    color: #fff;
}
.invite-page-container .tabs-lists .tab-con .table tbody tr:nth-child(even) td{
    background-color: #14181C;
}
.invite-page-container .invite-title{
    display: inline-block;
    color: #fff;
    font-size: 18pt;
    font-weight: 500;
}
.invite-page-container .prizes{
    display: inline-block;
    width: 100%;
    margin-top: 20px;
}
.invite-page-container .prizes .item{
    display: inline-flex;
    width: 100%;
    border-radius: 10px;
    padding: 20px;
    justify-content: space-between;
    align-items: center;
    background: #1F242A;
    margin-bottom: 10px;
}
.invite-page-container .prizes .item .left{
    display: inline-flex;
    align-items: center;
}
.invite-page-container .prizes .item .left svg{
    color: #01FFBF;
    font-size: 16pt;
}
.invite-page-container .prizes .item .left span{
    color: #849090;
    font-weight: 500;
    margin-left: 10px;
}
.invite-page-container .prizes .item .right{
    display: inline-flex;
    align-items: center;
}
.invite-page-container .prizes .item .right span{
    color: #01FFBF;
    font-size: 14pt;
    font-weight: 500;
}
.invite-page-container .prizes .item .right .icon{
    display: inline-block;
    margin-left: 10px;
}
.invite-page-container .prizes .item .right .icon img{}
.invite-page-container .invite-warn{
    display: inline-block;
    margin-bottom:10px;
    color: #fff;
    font-size: 10pt;
}
.invite-page-container .invite-warn span{
    color: #01FFBF;
}
.invite-page-container .dates{
    display: inline-block;
    width: 100%;
    color: #fff;
    margin-bottom: 10px;
    text-align: right;
    font-size: 10pt;
}
.text-color-1{
    color: #01FFBF;
}
.border-color-1{
    border-color: #01FFBF;
}

.introductions-item{
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}
.introductions-item .image{
    display: inline-block;
    width: 100%;
}
.introductions-item .image img{
    display: inline-block;
    width: 100%;
}
.introductions-item .btn-detail{
    padding: 20px 0;
    font-weight: bold;
    margin-top: 20px;
}

#promoCodeModal{}
#promoCodeModal .modal-content{
    background: #0B0F13;
    border: 1px solid #01FFBF;
}
#promoCodeModal .modal-header{
    border-color: #01FFBF;
    color: #fff;
}
#promoCodeModal .form-control{
    border-color: #1F2A34;
    background-color: #1F2A34;
    color: #708DAA;
    padding: 12px;
    border-radius: 5px;
    font-size: 14px;
    box-shadow: none;
    text-align: center;
}

#modalPointHistory table{
    color: #fff;
}
#modalPointHistory table thead{}
#modalPointHistory table thead tr{}
#modalPointHistory table thead tr th{
    background: none;
    color: #fff;
}
#modalPointHistory table tbody tr{}
#modalPointHistory table tbody tr td{
    background: none;
    color: #fff;
}
.modal-close-btn{
    background: none;
    border: 0;
    outline: none;
    color: #BCCBDB;
    font-size: 20pt;
    line-height: 1;
}
.modal-close-btn svg{
    display: block;
    line-height: 1;
}
@media(max-width: 1000px){
    .ii.col-xs-4{
        width: calc(100%/3);
        padding: 0 5px;
    }
    .introductions-item .btn-detail{
        padding: 5px 0;
        font-weight: bold;
        margin-top: 10px;
    }
    .modal-body iframe{
        max-width: 100%;
    }
    body{
        contain: layout style;
        overflow: auto;
        -webkit-overflow-scrolling: touch; /* iOS'ta düzgün kaydırma için */
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch; /* iOS'ta kaydırma daha düzgün olacak */
        will-change: transform;
        height: 100vh;
    }
    .tournament-detail-page .mob{
        display: flex;
        flex-direction: column-reverse;
    }
    .tournament-detail-page .top-3 .top-3-item .cell .username{
        font-size: 14pt;
    }
    .tournament-detail-page .top-3 .top-3-item .cell span{
        margin-top: 10px;
    }
    .tournament-detail-page .top-3 .top-3-item .cell .prize{
        font-size: 14pt;
    }
    .tournament-detail-page .top-3 .top-3-item .rank{
        padding: 25px 10px;
    }
    .tournament-detail-page .table thead tr th{
        padding: 10px 5px;
        font-size: 10pt;
    }
    .tournament-detail-page .table tbody tr td{
        font-size: 10pt;
        padding: 5px;
    }
    .tournament-detail-page .mobile-title{
        display: inline-flex;
        width: 100%;
        flex-direction: column;
        line-height: 1;
        align-items: center;
    }
    .tournament-detail-page .mobile-title .page-toptitle{
        display: inline-flex;
        flex-direction: row;
        align-items: center;
        margin-bottom: 10px;
    }
    .tournament-detail-page .mobile-title .page-toptitle .icon{
        display: inline-block;
    }
    .tournament-detail-page .mobile-title .page-toptitle .icon img{
        display: inline-block;
        max-width: 15px;
    }
    .tournament-detail-page .mobile-title .page-toptitle span{
        display: inline-block;
        color: #6E8194;
        font-size: 10pt;
        margin-left: 5px;
    }
    .tournament-detail-page .mobile-title .page-title{
        display: inline-block;
        width: 100%;
        text-align: center;
        font-size: 20pt;
        color: #fff;
        font-weight: bold;
    }
    .tournament-detail-page .mobile-title .page-prize{
        display: inline-block;
        width: 100%;
        text-align: center;
        font-size: 25pt;
        margin-top: 10px;
        font-weight: bold;
        color: #01FFBF;
    }
    .demo-video video{
        width: 90%;
    }
    .tournament-item .hover{
        padding: 10px;
    }
    .tournament-item .hover .logo img{
        max-height: 20px;
    }
    .tournament-item .hover .title{
        font-size: 12pt;
        width: 80%;
    }
    .tournament-item .hover .prize{
        font-size: 15pt;
    }
    .tournament-item .hover .btn-row .btn-detail{
        padding: 5px 10px;
        font-size: 10pt;
    }
    .tournament-item .hover .btn-row .t span{
        font-size: 8pt;
    }
    .tournament-item .hover .btn-row .t b{
        font-size: 10pt;
    }
    .store-whell .profile-box-1{
        margin-top: 20px;
    }
    .store-whell{
        background-position: top center;
        background-image: url("../img/cark-bg-mobile.png");
        background-size: contain;
        padding-top: 85px;
    }
    .store-whell .store-whell-floor-2{
        background:none;
    }
    .store-whell .profile-box-2{
        display: inline-block;
        flex-direction: row;
    }
    .store-whell .profile-box-2 .img{
        width: 35%;
    }
    .store-whell .profile-box-2 .texts{
        width: 64%;
        justify-content: flex-end;
        text-align: right;
    }
    .store-whell .profile-box-2 .texts b,
    .store-whell .profile-box-2 .texts span{
        text-align: right;
    }
    .store-whell .profile-box-2 .mobile-co{
        display: inline-flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }
    .account.account-v2 form .input-group .btn svg{
        display: none;
    }
    .account.account-v2 .menu-page ul li a{
        font-size: 12pt;
        padding: 10px;
    }
    .user-logon-box,
    header .header-row .invite-earn,
    header .header-row .logo,
    .user-login-box,
    .side-bar{
        display: none;
    }
    .general-content{
        width: 100%;
        padding-bottom: 0;
    }
    .general-content .page-insight{
        width: 100%;
        margin-left: 0;
    }
    header{
        position: relative;
        clip-path: none;
        border-radius: 0;
        background-size: cover;
        background-position:80% center;
    }
    header .header-row:first-child{
        display: none;
    }
    header .header-row.mt-4{
        margin-top: 0 !important;
    }
    header:before{
        display: none;
    }
    header .header-row .total-given-prizes{
        display: inline-flex;
        position: absolute;
        width: 100%;
        background-color: #01FFBF;
        bottom: -40%;
        left: 0;
        align-items: center;
        justify-content: space-between;
        flex-direction: row;
        padding: 10px;
    }
    header .header-row .total-given-prizes span{
        display: inline-block;
        width: 30%;
        font-weight: 500;
        color: #0B0F13;
    }
    header .header-row .total-given-prizes b{
        color: #000000;
        margin-top: 0;
        font-weight: bold;
        font-size: 20pt;
    }
    .event-list .list.owl-carousel .owl-stage{
        margin-left: -50px;
    }
    .special-offer-list .list .item .hover{
        padding: 20px;
        width: 75%;
    }
    .special-offer-list .list .item .hover .title{
        font-size: 12pt;
        margin-top: 20px;
    }
    .special-offer-list .list .item .hover .desc{
        font-size: 10pt;
        margin-top: 5px;
    }
    .special-offer-list .list .item .hover .logo{
        width: 40%;
    }
    .special-offer-list .btn-detail{
        padding: 10px 20px;
        font-size: 10pt;
    }
    .special-offer-list .list.owl-carousel .owl-stage{
    }
    .event-list-row .item .left .date{
        font-size: 10pt;
    }
    .event-list-row .item .left .icon img{
        max-width: 25px;
    }
    .event-list-row .item .left .title{
        font-size: 11pt;
        font-weight: 500;
    }
    .event-list-row .item .btn-detail{
        font-size: 10pt;
        padding: 10px 10px;
    }
    .silver-col{
        width: 50%;
        margin-bottom: 20px;
    }
    .silver-site a span{
        font-size: 10pt
    }
    .mobile-head{
        display: inline-flex;
        width: 100%;
        padding: 20px 10px;
        align-items: center;
        justify-content: space-between;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
        background: #0b0f13;
    }
    .mobile-head .logo{
        display: inline-block;
        width: 30%;
    }
    .mobile-head .logo img{
        display: inline-block;
        max-width: 100%;
    }
    .mobile-head .mobile-login{
        display: inline-block;
        padding: 15px 15px;
        border-radius: 10px;
        background-color: #01FFBF;
        color: #0B0F13;
        text-decoration: none;
        text-align: center;
        font-weight: 500;
        font-size: 12pt;
        clip-path: polygon(
                0 0,                     /* sol üst */
                100% 0,                  /* sağ üst */
                100% calc(100% - 15px),  /* sağdan 20px yukarı */
                calc(100% - 15px) 100%,  /* alttan 20px sola */
                0 100%                   /* sol alt */
        );
    }
    .mobile-head .mobile-register{
        display: inline-block;
        padding: 15px 15px;
        border-radius: 10px;
        background-color: #FAFF00;
        color: #0B0F13;
        text-decoration: none;
        text-align: center;
        font-weight: 500;
        font-size: 12pt;
        clip-path: polygon(
                0 0,                     /* sol üst */
                100% 0,                  /* sağ üst */
                100% calc(100% - 15px),  /* sağdan 20px yukarı */
                calc(100% - 15px) 100%,  /* alttan 20px sola */
                0 100%                   /* sol alt */
        );
    }
    .mobile-head .mobile-account,
    .mobile-head .mobile-menu-toggler{
        display: inline-block;
        padding: 15px 25px;
        border-radius: 10px;
        background-color: #313A42;
        color: #9AACBC;
        text-decoration: none;
        text-align: center;
        font-weight: 500;
        font-size: 12pt;
        clip-path: polygon(
                0 0,                     /* sol üst */
                100% 0,                  /* sağ üst */
                100% calc(100% - 15px),  /* sağdan 20px yukarı */
                calc(100% - 15px) 100%,  /* alttan 20px sola */
                0 100%                   /* sol alt */
        );
    }
    .mobile-head .mobile-account{
        margin-right: 10px;
        clip-path: none;
    }
    .mobile-head .mobile-menu-toggler svg{}

    .mobile-footer{
        display: inline-block;
        width: 100%;
        margin-top: 30px;
        padding: 30px 20px;
        border-top: 1px solid rgba(59, 81, 103, 0.5);
    }
    .mobile-footer .footer-row{
        display: inline-flex;
        width: 100%;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 20px;
    }
    .mobile-footer .footer-row:last-child{
        margin-bottom: 0;
    }
    .mobile-footer .footer-row .left{
        display: inline-block;
    }
    .mobile-footer .footer-row .right{
        display: inline-block;
    }
    .mobile-footer .footer-row .left .copy{
        display: inline-block;
        font-size: 9pt;
        color: #9AACBC;
    }
    .mobile-footer .footer-row .right .mobile-menu{
        float: right;
        display: inline-flex;
        flex-direction: column;
    }
    .mobile-footer .footer-row .right .mobile-menu a{
        display: inline-block;
        text-align: right;
        text-decoration: none;
        color: #9AACBC;
        font-size: 9pt;
    }
    .mobile-footer .footer-row .left .logo{
        display: inline-block;
        max-width: 100px;
    }
    .mobile-footer .footer-row .left .logo img{
        display: inline-block;
        max-width: 100%;
    }
    .mobile-footer .footer-row .right .social{
        display: inline-block;
        margin-right: 10px;
        text-decoration: none;
    }
    .mobile-footer .footer-row .right .social:last-child{
        margin-right: 0;
    }
    .mobile-footer .footer-row .right .social img{
        max-width: 20px;
    }
    .mobile-site-menu{
        display: inline-flex;
        width: 80%;
        position: fixed;
        left: 0;
        top: 0;
        height: 100%;
        z-index: 99;
        background: #0B0F13;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
    }
    .mobile-site-menu .title{
        display: inline-block;
        width: 100%;
        text-align: center;
        font-size: 14pt;
        color: #fff;
        font-weight: bold;
        margin-top: 20px;
    }
    .mobile-site-menu .menu-items{
        display: inline-flex;
        width: 100%;
        flex-direction: column;
        align-items: center;
    }
    .mobile-site-menu .menu-items a{
        display: inline-flex;
        color: #fff;
        font-weight: 500;
        font-size: 16pt;
        text-decoration: none;
        margin-bottom: 10px;
        align-items: center;
    }
    .mobile-site-menu .menu-items a div{
        display: inline-block;
        width: 30px;
        margin-right: 10px;
    }
    .mobile-site-menu .menu-items a div img{
        display: inline-block;
        width: 20px;
    }
    .mobile-site-menu .menu-items a div img.i{
        filter: brightness(0) invert(1);
    }
    .mobile-site-menu .menu-items a span{
        display: inline-block;
        width: 80%;
        margin-top: 2px;
    }
    .mobile-site-menu .socials{
        display: inline-block;
        width: 100%;
        text-align: center;
    }
    .mobile-site-menu .socials .social-title{
        display: inline-block;
        width: 100%;
        color: #fff;
        font-size: 12pt;
        font-weight: 500;
        margin-bottom: 10px;
    }
    .mobile-site-menu .socials a.social{
        display: inline-block;
        margin-right: 10px;
    }
    .mobile-site-menu .socials a.social:last-child{
        margin-right: 0;
    }
    .mobile-site-menu .socials a.social img{
        max-height: 24px;
    }
    .mobile-site-menu .close{
        position: fixed;
        top: 10px;
        right: 10px;
        padding: 10px 15px;
        clip-path: polygon(0 0, /* sol üst */ 100% 0, /* sağ üst */ 100% calc(100% - 10px), /* sağdan 20px yukarı */ calc(100% - 10px) 100%, /* alttan 20px sola */ 0 100% /* sol alt */);
        border-radius: 10px;
        background-color: #313A42;
        color: #9AACBC;
        font-size: 20pt;
    }
    .mobile-site-menu .user-mobile-con{
        display: inline-block;
        float: left;
        width: 100%;
        margin-top: 20px;
    }
    .mobile-site-menu .user-mobile-con .store-point{
        display: inline-flex;
        width: 50%;
        float: left;
        align-items: center;
        padding: 10px;
        justify-content: space-between;
        background-color: #01FFBF;
        color: #000;
        line-height: 1;
        text-decoration: none;
    }
    .mobile-site-menu .user-mobile-con .store-point span{
        display: inline-block;
        font-size: 10pt;
    }
    .mobile-site-menu .user-mobile-con .store-point b{
        font-size: 12pt;
        display: inline-block;
        font-weight: 500;
    }
    .mobile-site-menu .user-mobile-con .logout{
        display: inline-flex;
        width: 50%;
        float: left;
        align-items: center;
        padding: 10px;
        justify-content: space-between;
        background-color: #ff273a;
        color: #fff;
        line-height: 1;
        text-decoration: none;
        position: relative;
    }
    .mobile-site-menu .user-mobile-con .logout span{
        font-size: 12pt;
        display: inline-block;
    }
    .mobile-site-menu .user-mobile-con .logout svg{
        font-size: 30pt;
        position: absolute;
        right: 0;
        top: -2px;
        opacity: 0.2;
    }
    .mobile-menu-con{
        display: none;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(11, 15, 19, 0.5);
        z-index: 999;
    }
    .page-drawdetail,
    .page-eventdetail,
    .page-eventsCompleted,
    .page-events,
    .page-sponsors{
        padding: 0;
        padding-top: 90px;
        background-position: top center;
        background-color: #0b0f13;
    }
    header.page-eventdetail .page-toptitle{
        justify-content: center;
        padding-top: 15px;
    }
    header.page-eventdetail .page-title-con{
        width: 100%;
    }
    header.page-eventdetail .page-toptitle span{
        font-size: 11pt;
    }
    header.page-eventdetail .header-row .page-title{
        font-size: 20pt;
        width: 100%;
        text-align: center;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    header.page-eventdetail .header-row.mt-4{
        width: 100%;
        align-items: center;
        justify-content: center;
    }
    header.page-eventdetail .event-users svg{
        font-size: 14pt;
    }
    header.page-eventdetail .event-users span{
        font-size: 12pt;
    }
    header.page-eventdetail .btn-detail{
        font-size: 10pt;
        padding: 10px;
    }
    header.page-drawdetail .page-toptitle{
        justify-content: center;
        padding-top: 15px;
    }
    header.page-drawdetail .page-title-con{
        width: 100%;
    }
    header.page-drawdetail .page-toptitle span{
        font-size: 11pt;
    }
    header.page-drawdetail .header-row .page-title{
        font-size: 20pt;
        width: 100%;
        text-align: center;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    header.page-drawdetail .header-row.mt-4{
        width: 100%;
        align-items: center;
        justify-content: center;
    }
    header.page-drawdetail .event-users svg{
        font-size: 14pt;
    }
    header.page-drawdetail .event-users span{
        font-size: 12pt;
    }
    header.page-drawdetail .btn-detail{
        font-size: 10pt;
        padding: 10px;
    }
    .page-drawdetail .header-row:first-child,
    .page-eventdetail .header-row:first-child,
    .page-eventsCompleted .header-row:first-child,
    .page-events .header-row:first-child,
    .page-sponsors .header-row:first-child{
        display: inline-block;
    }
    .page-eventsCompleted .header-row:last-child,
    .page-events .header-row:last-child,
    .page-sponsors .header-row:last-child{
        display: none;
    }
    .user-login-box{
        display: none;
    }
    header.page-eventsCompleted .header-row .page-title,
    header.page-events .header-row .page-title,
    header.page-sponsors .header-row .page-title{
        display: inline-block;
        width: 100%;
        background: #0b0f13;
        text-align: center;
        font-size: 20pt;
    }
    header.page-eventsCompleted ~ .page-insight,
    header.page-events ~ .page-insight,
    header.page-sponsors ~ .page-insight{
        margin-top: 20px !important;
    }
    .loginmodal .modal-content .title-div{
        display: none;
    }
    .loginmodal .modal-content form .title{
        margin-top: 0;
    }
    .mobile-total-prize{
        display: inline-block;
        width: 100%;
    }
    .mobile-total-prize .img{
        display: inline-block;
        width: 100%;
    }
    .mobile-total-prize .img img{
        display: inline-block;
        width: 100%;
    }
    .mobile-total-prize .prize{
        display: inline-flex;
        width: 100%;
        background-color: #01FFBF;
        color: #000;
        justify-content: space-between;
        align-items: center;
        padding: 10px;
    }
    .mobile-total-prize .prize span{
        display: inline-block;
        line-height: 1.2;
    }
    .mobile-total-prize .prize b{
        display: inline-block;
        line-height: 1;
        font-size: 16pt;
        font-weight: 500;
    }
    .col-padding-custom{
        padding-left: calc(var(--bs-gutter-x) * .5) !important;
    }
    .special-offer-list .list .item .hover .texts{
        margin-top: 35px;
    }

    .invite-code-con-header .codes{
        width: 100%;
        margin-bottom: 0px;
        display: inline-block;
        padding: 10px;
        line-height: 1;
    }
    .invite-code-con-header .codes b{
        font-size: 12pt;
    }
    .invite-code-con-header .codes .copy{
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        display: inline-flex;
        align-items: center;
        padding: 0 10px;
    }
    .invite-code-con-header .invites{
        margin-left: 0;
        width: 100%;
        margin-top: 10px;
        display: inline-flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .invite-code-con-header .invites div{
        margin-top: 0;
    }
    .invite-page-container .tabs-header a{
        width: 50%;
        text-align: center;
        font-size: 14pt;
        padding: 0;
    }
    .invite-page-container .tabs-header{
        width: 100%;
    }
    .invite-page-container .tabs-lists .tab-con .table thead tr th,
    .invite-page-container .tabs-lists .tab-con .table tbody tr td{
        padding: 10px;
        font-size: 10pt;
    }
    .invite-code-con-header .invites-con{
        width: 100%;
    }
    .demo-video .banner-image{
        width: 90%;
    }
}