.btn-no-border {
    border: 1px solid #ffffff00 !important;
}

.ltg-a-link{
    color: var(--secondary-color);
}

/* Game Detail S */

    .detail-main-section {

        padding: 30px 0px;

    }



    .play-main-section {

        background: linear-gradient(110deg,#1e283f,rgba(20,27,46,.6) 100%);

        border-radius: 10px;

        box-shadow: var(--common-box-shadow);

    }

    .play-main-section .play-up-section {

        position: relative;

        aspect-ratio: 4 / 2;

        border-radius: 10px 10px 0 0;

        overflow: hidden;

    }

    .play-main-section .play-up-section iframe {

        width: calc(100% - 1px);

        height: 100%;

        display: block;

    }

    .play-main-section .play-up-section .play-overlay-sc {

        position: absolute;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0;

        display: flex;

        justify-content: center;

        align-items: center;

        flex-direction: column;

        padding: 15px 35px;

        overflow: hidden;

    }

    .play-main-section .play-up-section .play-overlay-sc span.bg-img {

        content: '';

        position: absolute;

        left: 0px;

        top: 0px;

        width: 100%;

        height: 100%;

        background-size: cover;

        filter: blur(10px);

        z-index: 0;

    }

    .play-main-section .play-up-section .play-overlay-sc::after {

        content: '';

        position: absolute;

        left: 0px;

        top: 0px;

        width: 100%;

        height: 100%;

        background-color: rgb(0 0 0 / 80%);

        z-index: 1;

    }

    .play-main-section .play-up-section .play-overlay-sc .close {

        position: absolute;

        right: 10px;

        top: 10px;

    }

    .play-main-section .play-up-section .play-overlay-sc .close svg {

        width: 20px;

    }

    .play-main-section .play-up-section .play-overlay-sc .close svg path {

        fill: var(--primary-color);

    }

    .play-main-section .play-up-section .play-overlay-sc > * {

        position: relative;

        z-index: 2;

    }

    .play-main-section .play-up-section .play-overlay-sc .btn i {

        margin-right: 5px;

    }

    .play-main-section .play-up-section .play-overlay-sc .img-sc {

        width: 280px;

        border-radius: 10px;

        overflow: hidden;

    }

    .play-main-section .play-up-section .play-overlay-sc .img-sc img {

        display: block;

        width: 100%;

    }

    .play-main-section .play-up-section .play-overlay-sc .title {

        line-height: normal;

        display: block;

        font-weight: 600;

        font-size: 20px;

        margin: 20px 0;

    }

    .play-main-section .play-up-section .play-overlay-sc.ad-section .ad-box-cnt {

        width: 100%;

        height: 100%;

    }

    .play-main-section .play-cnt-sc {

        padding: 20px;

        position: relative;

    }

    .play-main-section .play-cnt-sc::before {

        content: '';

        position: absolute;

        top: 0px;

        left: 50px;

        width: calc(100% - 100px);

        height: 5px;

        border-radius: 0px 0px 10px 10px;

        background-color: var(--secondary-color);

        background: var(--common-gradient-color);

    }

    .play-main-section .play-cnt-sc .icn-sc {

        display: flex;

        flex-wrap: wrap;

        align-items: center;

        column-gap: 20px;

    }

    .play-main-section .play-cnt-sc .icn-sc .left-sc .live {

        padding: 3px 8px;

        background-color: var(--secondary-color);

        border-radius: 5px;

        display: inline-block;

        line-height: normal;

        color: #000;

        font-size: 14px;

        font-weight: 600;

    }

    .play-main-section .play-cnt-sc .icn-sc .left-sc {

        width: calc(100% - 320px);

    }

    .play-main-section .play-cnt-sc .icn-sc .right-sc {

        width: 300px;

    }

    .play-main-section .play-cnt-sc .icn-sc .icn-link {

        display: flex;

        align-items: center;

        justify-content: flex-end;

    }

    .play-main-section .play-cnt-sc .icn-sc .icn-link li {

        padding-left: 20px;

    }

    .play-main-section .play-cnt-sc .icn-sc .icn-link li a {

        font-size: 16px;

        font-weight: 600;

    }

    .play-main-section .play-cnt-sc .icn-sc .icn-link li .active {

        color: var(--secondary-color)

    }

    .play-main-section .play-cnt-sc .icn-sc .icn-link li i {

        margin: 0 5px;

    }

    .play-main-section .play-cnt-sc .img-box {

        width: 40px;

        margin-right: 15px;

        border-radius: 10px;

        overflow: hidden;

    }

    .play-main-section .play-cnt-sc .img-box .card-img-wrapper {

        border-radius: 0px;

    }

    .play-main-section .play-cnt-sc .media {

        align-items: center;

    }

    .play-main-section .play-cnt-sc .media-body {

        width: calc(100% - 55px);

    }

    .play-main-section .play-cnt-sc .title {

        font-size: 18px;

        line-height: normal;

        margin: 0px 0px 0px;

        overflow: hidden;

        text-overflow: ellipsis;

        white-space: nowrap;

    }

    .play-main-section .play-cnt-sc .info-sc {

        display: flex;

        align-items: center;

    }

    .play-main-section .play-cnt-sc .info-sc .pro-sc {

        display: flex;

        align-items: center;

        line-height: normal;

        position: relative;

    }

    .play-main-section .play-cnt-sc .info-sc .pro-sc .img-sc {

        width: 20px;

        height: 20px;

    }

    .play-main-section .play-cnt-sc .info-sc .pro-sc .img-sc.img-round {

        border-radius: 50%;

        overflow: hidden;

    }

    .play-main-section .play-cnt-sc .info-sc .pro-sc .img-sc img {

        width: 100%;

        height: 100%;

        object-fit: cover;

        display: block;

    }

    .play-main-section .play-cnt-sc .info-sc .pro-sc + .pro-sc {

        margin-left: 40px;

    }

    .play-main-section .play-cnt-sc .info-sc .pro-sc + .pro-sc::before {

        content: '';

        position: absolute;

        left: -25px;

        top: 7px;

        width: 8px;

        height: 8px;

        background-color: #ffffff91;

        opacity: 0.5;

        border-radius: 50%;

    }

    .play-main-section .play-cnt-sc .info-sc .pro-sc .title {

        font-size: 12px;

        line-height: normal;

        font-weight: 500;

        margin: 0px;

        margin-left: 10px;

        opacity: 0.5;

    }

    .play-main-section .play-cnt-sc .play-list-sc li {

        margin-bottom: 15px;

        line-height: normal;

        display: flex;

        align-items: center;

    }

    .play-main-section .play-cnt-sc .play-list-sc li span {

        display: inline-block;

        font-size: 14px;

        font-weight: normal;

        line-height: normal;

        margin: 0;

    }

    .play-main-section .play-cnt-sc .play-list-sc li .title {

        opacity: 0.5;

        color: #ffffff;

        width: 150px;

    }

    .play-main-section .play-cnt-sc .play-list-sc li .info {

        width: calc(100% - 160px);

    }

    .play-main-section .play-cnt-sc .play-list-sc li .info a {

        color: var(--secondary-color);

    }

    .play-main-section .play-cnt-sc .play-list-sc li .info a + a {

        margin-left: 10px;

    }



    .game-grd-list-sc .list {

        background: linear-gradient(110deg,#1e283f,rgba(20,27,46,.6) 100%);

        border-radius: 10px;

        box-shadow: var(--common-box-shadow);

        display: flex;

        flex-wrap: wrap;

        overflow: hidden;

    }

    .game-grd-list-sc .list + .list {

        margin-top: 15px;

    }

    .game-grd-list-sc .list .img-sc {

        width: 40%;

        aspect-ratio: 16 / 9;

    }

    .game-grd-list-sc .list .img-sc img {

        width: 100%;

        height: 100%;

        object-fit: cover;

        display: block;

        border-radius: 10px;

    }

    .game-grd-list-sc .list .cnt-sc {

        width: 60%;

        padding: 10px 10px;

    }

    .game-grd-list-sc .list .cnt-sc .info {

        padding: 2px 8px;

        background-color: #628ae5;

        border-radius: 5px;

        display: inline-block;

        line-height: normal;

        color: #fff;

        font-size: 12px;

        font-weight: 600;

        width: auto;

        display: none;

    }

    .game-grd-list-sc .list .cnt-sc .title {

        display: block;

        display: -webkit-box;

        -webkit-line-clamp: 1;

        -webkit-box-orient: vertical;

        overflow: hidden;

        text-overflow: ellipsis;

        font-weight: 600;

        margin: 5px 0 8px 0;

        /* font-size: 16px; */

    }

    .game-grd-list-sc .list .cnt-sc .status {

        display: block;    

        font-size: 12px;

        margin-bottom: 8px;

    }

    .game-grd-list-sc .list .cnt-sc .status i {

        color: var(--secondary-color);

        margin-right: 5px;

    }

    .game-grd-list-sc .list .cnt-sc .small-btn {

        font-size: 11px;

        line-height: 12px;

        padding: 5px 12px 5px 12px;

        font-weight: 600;

    }



    .second-cnt-sc {

        display: flex;

        align-items: center;

        justify-content: space-between;

        flex-wrap: wrap;

        margin-bottom: 15px;

    }

    .second-cnt-sc .title {

        width: calc(100% - 120px);

    }

    .second-cnt-sc .btn-sc {width: 100px; text-align: right;}


    .bd-link-sc li .info a {

        color: var(--secondary-color);

    }

    .bd-link-sc {

        margin-bottom: 20px;

    }

    .bd-link-sc li:first-child {

        padding-left: 0;

    }

    .sidebar-sc .grd-content-box .card .title {

        margin-bottom: 0px;

    }

    .sidebar-sc .category-section .grd-content-box .grd-row .grd-col {

        margin-bottom: 3px;

    }

/* Game Detail E */



/* Game Main S */

    .play-game-main.fullscreen {

        position: fixed;

        top: 0px;

        left: 0px;

        width: 100%;

        height: 100%;

        z-index: 9999;

        padding: 30px;

        display: flex;

        flex-direction: column;

        background: rgb(0 0 0 / 74%);

        border-radius: 10px;

    }

    .play-game-main.fullscreen .play-up-section {

        flex-grow: 1;

        border-radius: 10px 10px 0 0;

        background: linear-gradient(110deg,#1e283f,rgb(20 27 46) 100%);

    }

    .play-game-main.fullscreen .play-cnt-sc {

        background: linear-gradient(110deg,#1e283f,rgb(20 27 46) 100%);

        flex-grow: 0;

        border-radius: 0 0 10px 10px;

    }

    .play-main-section.play-game-main .play-up-section .play-overlay-sc.ad-section .title {

        margin-top: 0;

    }

    .play-game-main .close-game {

        display: none;

    }

    .close-game {

        cursor: pointer;

        position: absolute;

        top: 30px;

        left: 0;

        z-index: 999;

        padding: 2px 10px 2px 5px;

        background-color: #ffffff;

        color: #000000;

        border-radius: 0 30px 30px 0;

        font-size: 12px;

        font-weight: 600;

        box-shadow: 0px 0px 10px #00000047;

    }

    .modalGame.modal {

        padding: 0px !important;
        overflow: hidden;

    }

    .modalGame.modal .modal-dialog {

        margin: 0px;

        height: 100%;

        max-width: 100%;

        width: 100%;

    }

    .modalGame.modal .modal-dialog .modal-content {

        height: 100%;

    }

    .modalGame.modal .modal-body {

        height: calc(100% - 5px);

        padding: 0px;

/*        flex: unset;*/

    }

    .modalGame.modal iframe {

        width: 100%;

        height: 100%;

        outline: none;

        border: 0;

    }

/* Game Main E */



/* Responsive S */

    @media (max-width: 1600.98px) {

        .game-grd-list-sc .list .cnt-sc .title {

            margin: 0px 0px 6px 0px;

        }

    }

    @media (max-width: 1200.98px) {

        .play-main-section .play-cnt-sc .icn-sc .icn-link li {

            padding-left: 10px;

        }

        .play-main-section .play-cnt-sc .icn-sc {

            column-gap: 10px;

        }

        .play-main-section .play-cnt-sc .icn-sc .right-sc {

            width: 230px;

        }

        .play-main-section .play-cnt-sc .icn-sc .left-sc {

            width: calc(100% - 240px);

        }

        .play-main-section .play-cnt-sc .title {

            font-size: 14px;

        }

        .play-main-section .play-cnt-sc .img-box {

            width: 30px;

            margin-right: 10px;

        }

        .play-main-section .play-cnt-sc .media-body {

            width: calc(100% - 40px);

        }

        .play-main-section .play-up-section .play-overlay-sc .title {

            font-size: 16px;

            margin: 15px 0;

        }

        .bd-link-sc li {

            font-size: 14px;

        }

        .play-main-section .play-cnt-sc .play-list-sc li {

            font-size: 14px;

            margin-bottom: 10px;

        }

        .grd-main-box .grd-content-box .card .title {

            margin-bottom: 15px;

        }

    }

    @media (max-width: 991.98px) {

        .play-main-section .play-cnt-sc {

            padding: 15px;

        }

        .play-main-section .play-cnt-sc .icn-sc {

            flex-direction: column;

        }

        .play-main-section .play-cnt-sc .icn-sc .right-sc {

            width: 100%;

            /* order: 0; */

        }

        .play-main-section .play-cnt-sc .icn-sc .left-sc {

            width: 100%;

            /* order: 1; */

        }

        .play-main-section .play-cnt-sc .icn-sc .icn-link {

            justify-content: space-between;

            margin-top: 5px;

        }

        .play-main-section .play-cnt-sc .icn-sc .icn-link li:first-child {

            padding-left: 0;

        }

        .play-main-section .play-up-section {

            aspect-ratio: 1 / 1;

        }

        /* .second-cnt-sc .small-btn {

            font-size: 12px;

            line-height: 14px;

            padding: 5px 10px;

        } */

        .bd-link-sc {

            margin-bottom: 15px;

        }

        .play-main-section .play-cnt-sc .img-box {

            width: 50px;

        }

        .play-main-section .play-cnt-sc .media-body {

            width: calc(100% - 60px);

        }

        .play-main-section .play-cnt-sc .icn-sc .icn-link li {

            padding-left: 15px;

        }

        .play-main-section .play-cnt-sc .title {

            font-size: 16px;

        }

        .play-main-section .play-cnt-sc .icn-sc .icn-link li:nth-child(1) i {margin-left: 0;}

        .play-game-main.fullscreen {

            padding: 0px;

        }

        .play-game-main.fullscreen .play-cnt-sc {

            display: none;

        }

        .play-game-main.fullscreen .close-game {

            display: block;

        }      

        .play-game-main.fullscreen .play-up-section {

            border-radius: 0px;

        }  

    }

/* Responsive E */



/* Social Popup S */

    .modalSocial .title {

        margin: 0 0 15px;

        font-size: 22px;

    }

    .modalSocial .social-lst-sc {

        display: flex;

        align-items: center;

        justify-content: center;

        gap: 15px;

        margin: 30px 0;

    }

    .modalSocial .social-lst-sc li a {

        width: 45px;

        height: 45px;

        border-radius: 50%;

        display: flex;

        align-items: center;

        justify-content: center;

    }

    .modalSocial .social-lst-sc li a.fb-icn {background-color: rgb(44, 100, 246);}

    .modalSocial .social-lst-sc li a.x-icn {background-color: black;}

    .modalSocial .social-lst-sc li a.wp-icn {background-color: rgb(88, 190, 85);}

    .modalSocial .social-lst-sc li a.ln-icn {background-color: rgb(45, 100, 188);}

    .modalSocial .social-lst-sc li a.redit-icn {background-color: rgb(236, 101, 61);}

    .modalSocial .social-lst-sc li a svg path {

        fill: #ffffff;

    }

    .modalSocial .ad-form-group {

        margin-bottom: 0;

        position: relative;

    }

    .modalSocial .ad-form-group .ad-input {

        padding: 0 10px;

        padding-right: 80px;

        height: 50px;

    }

    .modalSocial .ad-form-group .btn {

        position: absolute;

        right: 5px;

        top: 9px;

        

    }

    @media (max-width: 767.98px) {

        .modalSocial .social-lst-sc {

            margin: 20px 0px;

        }

        .modalSocial .social-lst-sc li a {

            width: 35px;

            height: 35px;

        }

        .modalSocial .social-lst-sc li a svg {

            width: 20px;

        }

    }

/* Social Popup E */