@import './animate.css';
.app-navbar .nav-menu .nav-item .dropdown .btn-link.active,
.app-navbar .nav-menu .nav-item .nav-link.active {
    color: #eec465 !important;
}

.btn-outline-gradient {
    font-size: 1.2rem;
    color: rgb(238, 196, 101) !important;
    border-color: rgb(238, 196, 101) !important;
    padding: 7px 0px;
}

.btn-outline-gradient0 {
    font-size: 1.4rem;
    color: rgb(238, 196, 101) !important;
    border-color: rgb(238, 196, 101) !important;
    width: 115px;
    padding: 7px 0px;
}

.btn-gradient {
    background-image: -webkit-gradient(linear, left top, right top, from(#3e251d), color-stop(25%, #8e7757), color-stop(50%, #fae0a3), color-stop(75%, #eaca85), to(#b89247));
    background-image: linear-gradient(90deg, #976a36 0, #d4a54d 25%, #fcdf88 50%, #ffd577 75%, #eec465) !important;
    font-size: 1.2rem;
}

.text-success {
    color: #e9c36b!important;
}

.about-us-wrapper:after {
    background-image: linear-gradient(90deg, #a07339 0, #dcb159 25%, #fcde86 50%, #fcd274 75%, #b18420) !important;
}

.card-promotion-landing {
    background-image: linear-gradient(90deg, #9f7239 0, #d6a850 25%, #fae0a3 50%, #eaca85 75%, #f3c86a) !important;
    max-width: 350px;
    border-radius:15px 0 15px 0 !important;
}

.card-promotion-landing .img {
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    padding-top: 100%;
    transition-delay: 0.3s ease-in-out;
}

.hide {
    display: none;
}

.card-promotion-landing:hover .img {
    animation-name: bounce;
    animation-duration: 1500ms;
}

.text-primary {
    color: #eec465 !important;
}

.footer:before {
    background-image: linear-gradient(270deg, rgba(184, 146, 71, 0) 0, #d4a947 50%, #fcd87d 75%, rgba(62, 37, 29, 0)) !important;
}

.app-navbar .img-lucabet888 {
    height: 4.2rem !important;
    padding: 0px 40px;
}

.login-logo img {
    width: 50%;
    height: 30%;
}

.logogame-img {
    width: 9%;
}

.footer .copy-right {
    margin-top: 1rem;
}

.footer {
    padding-top: 1.7rem;
}

.imgbank {
    width: 30%;
}

.app-navbar .nav-menu .nav-item .dropdown .btn-link,
.app-navbar .nav-menu .nav-item .nav-link {
    color: #e6be62;
}

.app-navbar .nav-menu .nav-item .dropdown .btn-link.active,
.app-navbar .nav-menu .nav-item .nav-link.active {
    color: #e6be62 !important;
}

#app {
    overflow: auto !important;
}

body,
html {
    overflow-x: hidden;
}

@media (max-width: 991px) {
    .logogame-img {
        width: 18%;
    }
    .imgbank {
        width: 60%;
    }
    .slide img {
        width: 100% !important;
    }
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    height: 1px;
    background-image: linear-gradient(270deg, rgba(184, 146, 71, 0) 0, #d4a947 50%, #fcd87d 75%, rgba(62, 37, 29, 0)) !important;
    /* border-top: 1px solid rgb(238, 196, 101); */
}

.maq_border {
    /* margin-top: 1rem;
    margin-bottom: 1rem;
    border: 1px; */
    /* background-image: linear-gradient(270deg, rgba(184, 146, 71, 0) 0, #d4a947 50%, #fcd87d 75%, rgba(62, 37, 29, 0)) !important; */
    border-top: 1px solid rgb(238, 196, 101);
    border-bottom: 1px solid rgb(238, 196, 101);

}

#main_container {
    padding-bottom: 1.6rem;
}

.text-overflow {
    background-image: linear-gradient(90deg, #976a36 0, #d4a54d 25%, #fcdf88 50%, #ffd577 75%, #eec465) !important;
    color: #1f1f1f;
    padding: 5px;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    transition: all 0.3s ease;
}

.card-promotion-landing1 {
    border-radius: 5px;
    border: 1px solid #c3a256;
    background-image: linear-gradient(180deg, #e8b94d 0, #352c16 49%, #1c1817 80%, #1c1817 75%, #1c1817) !important;
}

.card-promotion-landing1:hover .text-overflow {
    background-image: linear-gradient(90deg, #1c1817 0, #1c1817 25%, #1c1817 50%, #1c1817 75%, #1c1817) !important;
    color: #fff;
}

.img-slot {
    width: 100%;
    min-height: 142px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: cover;
}

.img-slot1 {
    width: 100%;
    min-height: 195px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: cover;
}

.img-slot2 {
    width: 100%;
    min-height: 208px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: cover;
}

.img-slot3 {
    width: 100%;
    min-height: 135px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: cover;
}

.img-slot4 {
    width: 100%;
    min-height: 135px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: cover;
}

.gameslot {
    margin-top: 42px;
}

.item-logout {
    display: block;
}

.item-logout1 {
    display: none;
}

.item-login {
    display: block;
}

.item-register {
    display: block;
}

.item-register1 {
    display: none;
}

.mob-none{
    display: none;
}

.mar-mob{
    margin-top: 42px;
}

@media (max-width: 414px) {
    .dt-none{
        display: none !important;
    }
    .mob-none{
        display: block;
    }

    .mar-mob{
        margin-top: 121px;
    }
    
    .gameslot {
        margin-top: 35px;
    }
    .img-slot {
        min-height: 88px;
    }
    .img-slot1 {
        min-height: 160px;
    }
    .img-slot2 {
        min-height: 145px;
    }
    .img-slot3 {
        min-height: 105px;
    }
    .img-slot4 {
        min-height: 95px;
    }
    .text-overflow {
        font-size: 12px;
    }
    .item-register1 {
        display: block;
    }
    .item-logout1 {
        display: none;
    }
    .app-navbar .img-lucabet888 {
        height: 2.9rem !important;
        padding: 0px 40px;
    }
    .about-us-wrapper {
        margin: 7rem 0 2rem !important;
    }
}

@media (max-width: 375px) {
    .dt-none{
        display: none !important;
    }
    .mob-none{
        display: block;;
    }

    .mar-mob{
        margin-top: 121px;
    }
    .gameslot {
        margin-top: 35px;
    }
    .img-slot {
        min-height: 74px;
    }
    .img-slot1 {
        min-height: 145px;
    }
    .img-slot2 {
        min-height: 125px;
    }
    .img-slot3 {
        min-height: 85px;
    }
    .img-slot4 {
        min-height: 75px;
    }
    .text-overflow {
        font-size: 12px;
    }
    .item-register1 {
        display: block;
    }
    .app-navbar .img-lucabet888 {
        /* height: 2.9rem !important; */
        padding: 0px 40px;
    }
}

.fa-user-plus:before {
    content: "";
    /* padding-right: 5px; */
}

.fa-sign-in:before {
    content: "\F090";
    padding-right: 5px;
}

#nav-hamburger span {
    background: #d9ad55;
}

.btn-gradient1 {
    background-image: -webkit-gradient(linear, left top, right top, from(#3e251d), color-stop(25%, #8e7757), color-stop(50%, #fae0a3), color-stop(75%, #eaca85), to(#b89247));
    background-image: linear-gradient(90deg, #976a36 0, #d4a54d 25%, #fcdf88 50%, #ffd577 75%, #eec465) !important;
    font-size: 1.4rem;
    border:4px solid rgb(238, 196, 101) !important;
    width: 120px;
    padding: 0px 0px;
}

.btn-gradient2 {
    background-image: -webkit-gradient(linear, left top, right top, from(#ff0000), color-stop(25%, #ff0000), color-stop(50%, #ff0000), color-stop(75%, #ff0000), to(#ff0000));
    background-image: linear-gradient(90deg, #ff0000 0, #ff0000 25%, #ff0000 50%, #ff0000 75%, #ff0000) !important;
    font-size: 1.4rem;
    color: #fff !important;
    border:4px solid rgb(238, 196, 101) !important;
    width: 120px;
    padding: 0px 0px;
}

.btn-gradient3 {
    background-image: -webkit-gradient(linear, left top, right top, from(#7CFC00), color-stop(25%, #7CFC00), color-stop(50%, #7CFC00), color-stop(75%, #7CFC00), to(#7CFC00));
    background-image: linear-gradient(90deg, #7CFC00 0, #7CFC00 25%, #7CFC00 50%, #7CFC00 75%, #7CFC00) !important;
    font-size: 1.4rem;
    border:4px solid rgb(238, 196, 101) !important;
    color: #000000 !important;
    width: 120px;
    padding: 0px 0px;
}

.btn-gradient4 {
    background-image: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(25%, #fff), color-stop(50%, #fff), color-stop(75%, #fff), to(#fff));
    background-image: linear-gradient(90deg, #fff 0, #fff 25%, #fff 50%, #fff 75%, #fff) !important;
    font-size: 1.4rem;
    color: #000000 !important;
    border:4px solid rgb(238, 196, 101) !important;
    width: 120px;
    padding: 0px 0px;
}

.btn-outline-gradient1 {
    font-size: 1.2rem;
    color: rgb(238, 196, 101) !important;
    border:4px solid rgb(238, 196, 101) !important;
    width: 120px;
    padding: 0px 0px;
}

.why-lucabet-wrapper {
    margin: 3rem 0 1.5rem;
}

.swiper-slide {
    text-align: center;
    display: block;
    width: 100%;
}

.swiper-slide:hover .btn-black {
    width: 100%;
    color: #000;
    background-color: #d8ab54;
    border-color: #ffec8d;
    position: relative;
    margin-top: 30px;
    left: 50%;
    right: 50%;
    transform: translate(-50%, -50%);
}

.btn-black {
    width: 100%;
    color: #fff;
    background-color: #000;
    border-color: #ffec8d;
    position: relative;
    margin-top: 30px;
    left: 50%;
    right: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
}


/* .btn-black:hover {
    width: 100%;
    color: #000;
    background-color: #d8ab54;
    border-color: #ffffff;
    position: relative;
    margin-top: 30px;
    left: 50%;
    right: 50%;
    transform: translate(-50%, -50%);
} */

.about-us-wrapper {
    margin: 8rem 0 2rem;
}

.slide img {
    width: 100%;
}

.about-us-wrapper {
    margin: 3rem 0 2rem;
}