:root {
    --primary: #e80ced;
    --color_primary: #e80ced;
    --primary_hover: #dc46ff
}

.header {
    padding: 0;
    height: 90px
}

    .header .header-top {
        text-align: center;
        color: #fff;
        background: var(--color_primary);
        width: 100%;
        padding: 3px;
        font-weight: 600;
        background: var(--color_primary);
        background: linear-gradient(to right,#af37be,#e80ced);
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px
    }

    .header .contact_top {
        font-size: 18px;
        text-align: center;
        position: absolute;
        inset: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        z-index: -1
    }

        .header .contact_top h3 {
            font-size: 20px;
            font-weight: 800;
            margin-bottom: 0
        }

.main-content {
    margin-top: 90px
}

.sidebar-left {
    width: 270px;
    position: fixed;
    top: 90px;
    height: calc(100vh - 125px);
    overflow: hidden
}

.box-category-mobile {
    display: none
}

.footer-widget {
    margin-bottom: 15px
}

footer ul {
    margin: 0px;
    padding: 0px;
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap
}

#footer .memu-sidebar {
    padding: 0px 32px 16px 0px;
    display: flex;
    flex-direction: column
}

    #footer .memu-sidebar li {
        width: 100%;
        display: flex;
        font-style: normal;
        font-size: 14px;
        line-height: 20px;
        background: transparent;
        font-weight: normal
    }

        #footer .memu-sidebar li a {
            width: 100%;
            height: 100%;
            color: white;
            display: flex;
            align-items: center;
            padding-right: 0px;
            gap: 10px;
            font-weight: 300
        }

            #footer .memu-sidebar li a svg {
                width: 15px;
                color: #fff
            }

            #footer .memu-sidebar li a:hover {
                color: #fff;
                text-decoration: underline
            }

.navBarTop {
    background: linear-gradient(to right,#af37be,#e80ced);
    padding: 0 20px
}

    .navBarTop .list-category {
        list-style: none;
        margin: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 30px;
        background: transparent !important
    }

        .navBarTop .list-category li {
            width: auto;
            display: inline-flex;
            font-weight: 400;
            font-style: normal;
            font-size: 14px;
            line-height: 20px
        }

            .navBarTop .list-category li a {
                display: flex;
                align-items: center;
                gap: 10px;
                width: 100%;
                height: 100%;
                color: #fff;
                font-weight: 600;
                border-bottom: 3px solid transparent;
                transition: all 0.5s;
                padding: 8px 0 6px
            }

                .navBarTop .list-category li a img {
                    width: 24px;
                    height: 24px;
                    object-fit: cover;
                    margin-right: 0;
                    transition: all 0.5s
                }

                .navBarTop .list-category li a:hover {
                    border-color: #fff;
                    color: #fff
                }

            .navBarTop .list-category li.active {
                font-weight: 600;
                background: transparent
            }

.logo-img {
    max-width: 95px;
    margin-bottom: 0;
    padding: 5px 0
}

@media (max-width:768px) {
    .header {
        height: 70px
    }

        .header .contact_top {
            font-size: 14px
        }

            .header .contact_top h3 {
                font-size: 15px
            }

    .logo-img {
        max-width: 65px
    }

    .sidebar-left {
        top: 70px
    }

    .btn-menu-mobile {
        padding: 0;
        margin-top: 10px
    }

    .main-content {
        margin-top: 70px
    }

    .contact_top {
        margin-top: 5px
    }

    .navBarTop .list-category {
        gap: 10px 15px;
        padding: 10px 0
    }

        .navBarTop .list-category li a {
            gap: 5px;
            padding: 3px 0px;
            border: 0px;
            font-size: 13px
        }
}

@media (max-width:1080px) {
    .contact_top {
        flex-direction: column;
        gap: 0px !important
    }
}

@media (max-width:600px) {
    .header .header-top {
        font-size: 11px
    }

    .box-category-mobile {
        display: flex;
        flex-wrap: wrap;
        padding: 15px;
        margin: 0 0 15px;
        list-style: none;
        gap: 5px 15px;
        background: linear-gradient(to right,#af37be,#e80ced)
    }

        .box-category-mobile a {
            display: inline-block;
            padding: 2px;
            color: #fff;
            font-weight: 600;
            font-size: 14px
        }
}

@media (max-width:400px) {
    .header .contact_top {
        font-size: 12px;
        position: unset
    }

        .header .contact_top h3 {
            font-size: 12px
        }

    .btn-main {
        font-size: 12px
    }
}

.header-category {
    background-position: top
}

.main-category {
    margin-top: 90px
}

    .main-category .main-content {
        margin-bottom: 0;
        margin-top: 20px
    }

@media (max-width:767px) {
    .main-category .main-content {
        margin-top: 0
    }
}

.post_blog {
    padding: 0 0 3rem
}

    .post_blog .heading_title {
        color: #3c4043;
        font-weight: 500;
        font-size: 1.8em;
        letter-spacing: 0;
        font-weight: 600;
        margin-bottom: 5px
    }

.list_item_post_sidebar {
    list-style: outside;
    margin: 0;
    padding-left: 20px
}

    .list_item_post_sidebar li a {
        display: block;
        padding: 5px 0;
        color: rgb(121,121,121);
        font-weight: 500
    }

        .list_item_post_sidebar li a:hover {
            color: var(--primary)
        }

@media (max-width:767px) {
    .post_blog .row {
        flex-direction: column-reverse
    }

    .post_blog .list_item_post_sidebar {
        padding: 15px
    }

    .post_content {
        margin-bottom: 20px
    }
}

footer .single-cta {
    display: flex;
    align-items: flex-start
}

.page-breadcrumb {
    padding: 15px 0;
    margin-bottom: 15px
}

    .page-breadcrumb .breadcrumb {
        margin-bottom: 0
    }

    .page-breadcrumb a {
        color: var(--color_primary)
    }

.list-item-news .item-product {
    padding: 15px;
    border-radius: 10px
}

    .list-item-news .item-product .thumbnail {
        height: 180px
    }

@media (max-width:767px) {
    .list-item-news .item-product .thumbnail {
        height: 150px
    }
}

@media (max-width:450px) {
    .list-item-news .item-product .thumbnail {
        height: 100px
    }
}

.pagination {
    margin: 20px 0
}

    .pagination a {
        color: var(--color_primary)
    }

.post_content {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    min-height: 50vh
}

.post_content__time {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #c3c3c3;
    margin-bottom: 15px
}

    .post_content__time svg {
        width: 13px;
        color: #c3c3c3
    }

.post_content__body img {
    margin: 15px auto;
    border-radius: 8px
}

a {
    color: var(--color_primary)
}

.payment-method label img {
    width: 100%;
    height: auto
}
/*# sourceMappingURL=update.css.map */