/*!
 * Custome CSS
 * Created Date: 21/05/2022
 */

.info-30 {
    width: 30%;
}
.info-70 {
    width: 70%;
}
.w-m-200 {
    width: 200px;
}
.w-m-200 {
    width: 200px;
}
.w-m-120 {
    width: 120px;
}
.w-m-130 {
    width: 130px;
}
.img-badge-download {
    max-height: 40px;
}
footer #bg-footer {
    background: url(../asset/background/background.jpg) no-repeat;
    background-size: cover;
}
.img-w-25 {
    width: 25px !important;
}
.cl-white {
    color: white;
}
@media (max-width: 1150px){
    .img-badge-download {
        max-height: 33px;
    }
}
@media (max-width: 992px) {
    .img-badge-download {
        max-height: 20px;
    }
}
@media (min-width: 992px) {
    .navbar-menu-sub {
        /* top: 33.5px; */
        top: 49px;
    }
}

.card-content-product {
    background-color: #001E5A;
    /* width: 100%; */
    height: 320px;
    color: #6C6E72;
}

#wechat .rw-widget-container {
    right: 5px !important;
}

ul#menu-header .nav-item .nav-link.active {
    background-color: rgb(250 165 32 / 100%);
    border-radius: 100px;
}

ul#menu-header .navbar-menu-sub .nav-sub-item .nav-sub-link.active {
    /* color: #ffd88c !important;
    font-weight: bold; */
    background-color: rgb(250 165 32 / 100%);
}

button {
    font-family: Montserrat !important;
}

body {
    padding: 0;
    margin: 0;
}

@media(min-width: 768px) {
    .img-home-content-slide {
        margin-top: 20px;
    }

    section#playstore {
        background: url(../asset/ilustrations/il_bg-home-content.png) no-repeat right;
        background-size: contain;
    }

    section#our-latest-update {
        background: url(../asset/ilustrations/il_bg-discover.png) no-repeat right;
        background-size: contain;
    }
}

@media(min-width: 786px) {
    .img-home-content-slide {
        margin-top: 0;
    }
}

@media(max-width: 767px) {
    section#playstore {
        padding-top: 0;
    }
}

@media screen and (max-width: 767px) {
    .tabs {
        flex-wrap: nowrap;
        overflow-x: auto;
        margin-bottom: 15px;
        display: flex;
    }

    .tabs .tab {
        margin-right: 2rem;
        white-space: nowrap;
        display: inline-block;
    }
}

a.nav-link--keyword:hover {
    background-color: transparent;
    color: inherit;
}

.img-icon {
    width: 25px;
}

.owl-carousel .owl-nav button.owl-next .fa {
    color: white;
}
.owl-carousel .owl-nav button.owl-prev .fa {
    color: white;
}