:root {
    --primary-bg-color: #FFFFFF;
    --primary-text-color: #000000;
    --button-bg-color:#DCDCDC;
}

.content-page {
    max-width: 1160px !important;
}
.fs-10 {
    font-size: 10px !important;
}

.fs-12 {
    font-size: 12px !important;
}

.fs-14 {
    font-size: 14px !important;
}

.fs-16 {
    font-size: 16px !important;
}

.fs-18 {
    font-size: 18px !important;
}
.fs-20 {
    font-size: 20px !important;
}
.fs-24 {
    font-size: 24px !important;
}
.fw-900{
    font-weight: 900 !important;
}
.fw-400{
    font-weight: 400 !important;
}
.fw-500{
    font-weight: 500 !important;
}
.fw-600{
    font-weight: 600 !important;
}
.fw-800{
    font-weight: 800 !important;
}
.max-width-70 {
    max-width: 70%;
}
.width-50 {
    width: 50% !important;
}
.width-70 {
    width: 70% !important;
}
.width-95 {
    width: 95% !important;
}

.width-100 {
    width: 100% !important;
}

.display-desktop {
    display: block;
}

.display-mobile {
    display: none !important;
}

.responsive-header {
    width: 25% !important;
    margin-right: 30px !important;
}

.cursor-pointer {
    cursor: pointer;
}

.paginate-bg-primary-color {
    background-color: var(--primary-text-color);
    opacity: 0.8;
}

.text-right-bar-color {
    color: var(--primary-text-color);
}

.text-in-brand-product {
    display: -webkit-box;
    max-width: 100% !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.text-title-product {
    line-height: 150%;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin: 0;
    white-space: pre-wrap;
}
.item-body {
    padding-left: 0px !important;
}
.btn-border-radius{
    border-radius: 20px !important;
    background-color: var(--button-bg-color);
    border-color: var(--button-bg-color);
    color: var(--primary-text-color);
}
.btn-border-radius:hover{
    background-color: var(--button-bg-color);
    border-color: var(--button-bg-color);
    color: var(--primary-text-color);
}
.box-btn-more-product{
    position: relative;
}
.btn-more-product{
    position: absolute;
    right: 10px;
}
@media screen and (max-width: 767px) {
    .companylogo img {
        max-height: 37px !important;
        max-width: 140px !important;
    }
    .mobile-right-drop-menu {
        overflow-x: hidden;
    }
    .header-right .dropdown > img {
        max-height: 26px !important;
    }
    .display-desktop {
        display: none !important;
    }

    .display-mobile {
        display: block !important;
    }
}
.bg-category-name-top-1{
    background-color: #4BB5FF !important;
}
.bg-category-name-top-2{
    background-color: #FFA745 !important;
}
.bg-category-name-top-3{
    background-color: #B48AD5 !important;
}

.bg-category-name-bottom-1{
    background-color: #63B9C0 !important;
}
.bg-category-name-bottom-2{
    background-color: #FC7987 !important;
}
.bg-category-name-bottom-3{
    background-color: #8495C7 !important;
}
.bg-category-name-bottom-4{
    background-color: #8BC46D !important;
}
.underline {
    text-decoration: underline !important;
}
.line-break-anywhere{
    line-break: anywhere !important;
}
/* .item-img img {
    min-height: 163px;
}
.mobile-right-drop-menu {
    touch-action: none;
} */