body{
    font-family: 'Inter', sans-serif;
    background-color: #1F2641;

}

.container-div{
    margin: 0.2em 1em;
}



.children
{
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(79.47deg, #EC894C -13.28%, #EA495C 109.67%);

    height: 10em;
    width: 100%;

}

.bonus-title{
    font-family: Inter;

    font-size: 1.5em;

    font-weight: 600;
    line-height: 41px;
    letter-spacing: 0em;
    text-align: left;
    color: white;
    text-decoration: none;
}

.bonus-description{
    font-family: Inter;
    font-size: 1em;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: white;
}

.margin-bottom-2em{
    margin-bottom: 2em;
}

.bonus-rating{
    background: linear-gradient(79.47deg, #EC894C -13.28%, #EA495C 109.67%);
    font-family: Inter;
    font-size: 1em;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bonus-button{
    padding: 0.4em 0.7em;
    text-decoration: none;
    color:white;
    background: linear-gradient(79.47deg, #EC894C -13.28%, #EA495C 109.67%);
    box-shadow: 0px 3.2679736614227295px 3.2679736614227295px 0px #00000040;
    border-radius: 8.27px;
    bottom: 2em;
}


.flt_svg {
    visibility: hidden;
    position: absolute;
    width: 0px;
    height: 0px;
}

.box_parent
{
    filter: url('#flt_tag');
    -webkit-filter: url('#flt_tag');
}


.casino-icon {
    width: 10em;
}

.margin-right-025rem{
    margin-right: 0.25rem!important;
}
.body-image{
    background-image: url("/images/svgs/background.svg");
    background-position: center;
}

.title-text{
    background: linear-gradient(79.47deg, #EC894C -13.28%, #EA495C 109.67%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
    padding: 0px;
    margin: 0px;
}

.sub-div{
    display: inline-flex;
    min-height: 7.625rem;
    background: linear-gradient(79.47deg, #EC894C -13.28%, #EA495C 109.67%);
    width: 100%;
    justify-content: center;
    font-weight: 700;
    align-items: center;
    font-size: 1.85244rem;
}
.close-button{
    border-radius: 5px;
    background-color: transparent;
    border: 3.17px solid #eb5a58;
    color: #eb5a58;
    font-weight: 500;
    min-width: 7em;
}
.sub-button{
    background: #eb5a58;
    min-width: 7em;
}

.bg-modal-k{
    background-color: #1F2641 !important;
}

.parent
{
    width: 100%;
    background: #313B61;
    clip-path: polygon(0 0, 100% 0, 98% 93%, 0% 100%);
    -webkit-clip-path: polygon(0 0, 100% 0, 98% 93%, 0% 100%);
    height: 100%;
    margin: 0 auto;
}

.children_pc{
    display: none;
}
.children{
    width: 100%;
    clip-path: polygon(0 0, 100% 0, 99% 82%, 0% 100%);
    -webkit-clip-path: polygon(0 0, 100% 0, 99% 82%, 0% 100%);
}

.column-base{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
    display: inline-grid;
    justify-content: center;
}

.card-padding{
    padding: 1em 2em;
}

.filter-column{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;;
}
.casino-column{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.rest-column{
    -ms-flex: 0 0 0%;
    flex: 0 0 0%;
    max-width: 0%;
}

.btn-filter{
    color: white;
}

.btn-filter > div > span {
    display: none;
}

.btn-filter > div  {
    display: inline-flex;
    align-items: center;
    width: 2.5em;
    height: 2.5em;
    border: 3px solid #EB6854;
    border-radius: 50%;
    justify-content: center;
}

.btn-filter > div > img{
    filter: invert(51%) sepia(58%) saturate(1806%) hue-rotate(320deg) brightness(89%) contrast(107%);
    -webkit-filter: invert(51%) sepia(58%) saturate(1806%) hue-rotate(320deg) brightness(89%) contrast(107%);
    width: 1.5em;
    height: 1.5em;
}

#bar input[type=checkbox]:checked + .btn-filter > div > img {
    filter: invert(0%) sepia(100%) saturate(2%) hue-rotate(237deg) brightness(103%) contrast(101%);
    -webkit-filter: invert(0%) sepia(100%) saturate(2%) hue-rotate(237deg) brightness(103%) contrast(101%);
}

#bar input[type=checkbox]:checked + .btn-filter > div {
    background: linear-gradient(79.47deg, #EC894C -13.28%, #EA495C 109.67%);
    border: 0px;
    padding: 3px;
}

.page-icon{
    width: 12em;
}

.reg-button{
    display: none;
    margin: 0em 0.2em;
    padding: 0.7em 0.8em;
    height: 2.5em;
    align-items: center;
}

.ring-button{
    margin: 0em 0.2em;
}

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

    .reg-button{
        display: flex;
    }
    .ring-button{
        margin: unset;
    }
}

/*bsc of filter*/
@media only screen and (min-width: 670px)
{
    .page-icon{
        width: 14em;
    }

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

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

    .bonus-title{
        font-size: 34px;
    }

    .bonus-description{
        font-size: 20px;
    }

    .bonus-rating{
        font-size: 20px;
    }

    .filter-column{
        padding-left: 1.5em;
    }

    .btn-filter > div > span {
        display: inline;
    }

    .casino-icon{
        width: 14em;
    }


    .btn-filter > div  {
        display: flex;

        width: unset;
        height: unset;
        border: none;
        border-radius: 0px;
        justify-content: unset;
    }
    #bar input[type=checkbox]:checked + .btn-filter > div {
        background: transparent;
        padding: unset;
    }

    .btn-filter > div > img{
        filter: invert(51%) sepia(58%) saturate(1806%) hue-rotate(320deg) brightness(89%) contrast(107%);
        -webkit-filter: invert(51%) sepia(58%) saturate(1806%) hue-rotate(320deg) brightness(89%) contrast(107%);
        width: unset;
        height: unset;
        margin-right: 0.5em;
    }
    .btn-filter{
        align-items: flex-start;
    }

    .filter-column{
        justify-content: flex-start !important;
    }

    .btn-filter {
        height: 61px;
        display: flex;
        border-radius: 34px;
        border: 2px solid transparent;
        user-select: none;
        cursor: pointer;
    }

    input:checked+label:before {
        content: url(/images/ellipse-orange.svg) !important;
    }
    .li:before {
        content: url(/images/eclipse.svg);
        margin-right: 10px;
        font-size: 20px;
        z-index: 999999;
    }
    .li:after {
        position: absolute;
        content: '';
        border-left: 6px solid #313b61;
        margin-left: 5px;
        height: 53.43px;
        margin-top: 19.43px;
    }

    .filter-column{
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%;
    }
    .casino-column{
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
        max-width: 70%;
    }
    .rest-column{
        -ms-flex: 0 0 0%;
        flex: 0 0 0%;
        max-width: 0%;
    }
    .card-padding{
        padding: 0em 1em;
    }
    .text-padding{
        padding: 0em 0.5em;
    }


    .btn-filter > div > img{
        filter: invert(0%) sepia(100%) saturate(2%) hue-rotate(237deg) brightness(103%) contrast(101%);
        -webkit-filter: invert(0%) sepia(100%) saturate(2%) hue-rotate(237deg) brightness(103%) contrast(101%);
    }

    #bar input[type=checkbox]:checked + .btn-filter > div > img {
        filter: invert(51%) sepia(58%) saturate(1806%) hue-rotate(320deg) brightness(89%) contrast(107%);
        -webkit-filter: invert(51%) sepia(58%) saturate(1806%) hue-rotate(320deg) brightness(89%) contrast(107%);
    }
    #bar input[type=checkbox]:checked + .btn-filter  {
        color: #eb5b58;
    }


}
@media only screen and (min-width: 1200px)
{
    .children{
        width: 21em;
        clip-path: polygon(0 0, 100% 0%, 88% 100%, 0% 100%);
        -webkit-clip-path:polygon(0 0, 100% 0%, 88% 100%, 0% 100%);
        min-height: 229px;
    }
    .hide-pc{
        display: none;
    }

    .parent
    {
        width: 100%;
        background: #313B61;
        height: 229px;
        clip-path: polygon(0 0, 100% 4%, 98% 86%, 1% 100%);
        -webkit-clip-path: polygon(0 0, 100% 4%, 98% 86%, 1% 100%);
        margin: 0 auto;
    }
    .flex-pc{
        display: flex;
    }
    .children_pc{
        clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
        -webkit-clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
        width: 13em;
        display: flex;
        justify-content: center;
        align-items: center;
        background: linear-gradient(79.47deg, #EC894C -13.28%, #EA495C 109.67%);
        height: 229px;
    }

    .container-div{
        margin: 2.2em 1em;
    }
    .filter-column{
        -ms-flex: 0 0 21%;
        flex: 0 0 21%;
        max-width: 21%;
    }
    .casino-column{
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
        max-width: 70%;
    }
    .rest-column{
        -ms-flex: 0 0 9%;
        flex: 0 0 9%;
        max-width: 9%;
    }

    #bar input[type=checkbox]:checked > div {
        filter: invert(90%) sepia(8%) saturate(3164%) hue-rotate(188deg) brightness(88%) contrast(124%);
        -webkit-filter: invert(90%) sepia(8%) saturate(3164%) hue-rotate(188deg) brightness(88%) contrast(124%);
    }

    #bar input[type=checkbox]:checked + .btn-filter > div > img {
        filter: invert(57%) sepia(72%) saturate(2620%) hue-rotate(323deg) brightness(89%) contrast(107%);
        -webkit-filter: invert(57%) sepia(72%) saturate(2620%) hue-rotate(323deg) brightness(89%) contrast(107%);
    }



}




#bar input[type=checkbox]{
    display: none;
}

.dd{

}



.bg-theme{
    background: linear-gradient(79.47deg, #EC894C -13.28%, #EA495C 109.67%);
}


.ring-button{
    border: 3px solid #eb5a58;
    width: 2.5em;
    height: 2.5em;
    border-radius: 50%;
    text-align: center;
    background: no-repeat;
    background-image: url(/images/ring.svg);
    background-position: center;
    background-size: initial;
}
.reg-button{
    padding: 0.7em 1.3em;
    border-radius: 12px;
}
.login-button{
    width: 2.5em;
    height: 2.5em;
    display: flex;
    padding: 0.7em 0.8em;
    border-radius: 12px;
}
.header-row{
    padding: 1em 2em;
}
.content-div{
    padding: 3em 0em;
}
.filter-white{
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(255deg) brightness(110%) contrast(102%);
    -webkit-filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(255deg) brightness(110%) contrast(102%);
}
.row{
    --bs-gutter-x: 0rem;
}
.hide-after:after{
    content: unset;
}
.play-button{
    width: 100%;
    height: 13%;
    margin-bottom: 20px;
}


.div-pointer{
    cursor: pointer;
}