html, * {
    font-family: "Open Sans", sans-serif !important;
}

#err-img-404{
    max-width: 350px;
}

.set-height-description{
    text-align: justify;
}

@media screen and (min-width: 768px) {
    html {
        min-height: 100% !important;
    }
}

.text-ellipsis {
    display: inline-block;
    max-width: 236px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

@media screen and (max-width: 800px) {
    .text-ellipsis {
        max-width: 255px;
    }
}

@media screen and (max-width: 400px) {
    .text-ellipsis {
        max-width: 232px;
    }
}

@media screen and (min-width: 800px) {
    .tour-travel-detail {
        padding-left: 24px;
        padding-right: 24px;
    }
}

#back-to-top {
    bottom: 40px;
}

.min-height-card-manage {
    min-height: calc(100vh - 302px);
}

.chat-wrapper {
    margin-bottom: 20px;
}

.gishub-logo {
    font-size: 20px;
    font-weight: 900;
}

.auth-one-bg {
    background-image: url(/static/assets/images/suoikem/image8.jpg);
}

.auth-one-bg .bg-overlay {
    opacity: .7;
}

.logo-system {
    width: 60px;
    height: 60px;
}

.card-body.border-top > h6.my-2.text-center.fw-semibold {
    min-height: 32px;
}


.product-img-slider {
    width: 100%;
    height: 100%;
    min-height: 20rem;
}

.product-thumbnail-slider .swiper {
    height: 100%;
}
.product-thumbnail-slider .swiper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}