@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 100 900;
    src:url(/tp/T0308/font/longchau.woff2)format('woff2');
}
@media (min-width: 1200px) {
    .container {
        max-width: 1320px;
    }
}

html{
    font-family: "Inter", sans-serif;
}
body{
    font-size: 16px;
    font-family: "Inter", sans-serif;
}
.bg-cover {
    background: rgba(0, 0, 0, .8);
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 888;
    transition: all .2s linear;
    display: none;
}
.bg-video .bg-cover{
    display: block;
}
.row{
    margin-right: -15px !important;
    margin-left: -15px !important;
}
.top-header{
    background: #fff;
    color: #212121;
    min-height: 84px;
    padding: 1rem 0;
    z-index: 2000;
}
a:hover{
    text-decoration: none;
}
@keyframes pulse-red {
    0% {
        transform: scale(0.8);
        box-shadow: 0 0 0 0 rgba(255, 82, 82, 0.7);
    }
    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(255, 82, 82, 0);
    }
    100% {
        transform: scale(0.8);
        box-shadow: 0 0 0 0 rgba(255, 82, 82, 0);
    }
}
.col-20{
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
.col-30 {
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
.form-search{
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
}
.cate-search{
    position: absolute;
    left: 0;
    height: 100%;
    padding: 0 10px;
    border-radius: 20px 0 0 20px;
    border-color: #ebebeb;
}
.form-search input {
    width: 100%;
    padding: 0.725rem 0 0.725rem 14rem;
    border-radius: 20px;
    border-color: #ebebeb;
    border-top: 1px solid #ebebeb;
    font-size: 16px;
}
.form-search button{
    position: absolute;
    right: 0;
    background: #1e63d7;
    height: 100%;
    width: 64px;
    border: 1px solid #1e63d7;
    border-radius: 0 20px 20px 0;
    color: #fff;
}
.btn-live {
    border-radius: 5px;
    padding: 4px 10px 4px 22px;
    color: #ff0000;
    border: 1px solid #ff0000;
    background: transparent;
    outline: none;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle;
    max-width: 130px;
    cursor: pointer !important;
    overflow: hidden;
    font-size: 13px;
}
.btn-live:after {
    content: " ";
    background: #ff0000;
    width: 8px;
    height: 8px;
    position: absolute;
    left: 7px;
    top: calc(50% - 4px);
    border-radius: 50%;
    animation: pulse-red 1.65s linear infinite;
}
.user-action a{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.box-user{
    border: 1px solid #ebebeb;
    width: 36px;
    height: 36px;
    align-items: center;
    display: flex;
    justify-content: center;
    margin-right: 10px;
    border-radius: 5px;
}
.box-user i{
    font-size: 20px;
    color: #212121;
}
.label-user{
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: start;
    color: #212121;
}
.label-user span:first-child{
    font-size: 12px;
}
.label-user span:last-child{
    font-size: 16px;
    font-weight: 700;
}
.user-action{
    padding: 2px 5px;
}
.user-action:hover{
    background: #ebebeb;
    border-radius: 3px;
}
.cart-action a{
    display: flex;
    align-items: center;
    color: #212121;
}
.box-hcart {
    margin-right: 5px;
    position: relative;
}
.box-hcart i{
    font-size: 20px;
}
.box-hcart span{
    position: absolute;
    top: -5px;
    right: -5px;
    font-size: 10px;
    height: 16px;
    width: 16px;
    border-radius: 100%;
    background: #ee1926;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.main-menu{
    background: #1e63d7;
    color: #fff;
    position: relative;
}
.owl-carousel .owl-prev,
.owl-carousel .owl-next{
    border: 2px solid #1e63d7;
    color: #1e63d7;
}
.category-nav {
    margin-right: 70px;
}
.category-nav:hover{
    cursor: pointer;
}
.category-nav span{
    font-weight: 700;
}
.custom-menu>ul{
    display: flex;
    align-items: center;
    margin-bottom: 0;
    gap: 40px;
}
.custom-menu>ul>li{
    padding: 0.75rem 0;
    position: relative;
}
.custom-menu ul a{
    color: #fff;
    font-weight: 700;
}
.right-menu{
    margin-left: 40px;
}
.right-menu ul{
    display: flex;
    align-items: center;
    gap: 40px;
    margin-bottom: 0;
}
.right-menu ul a{
    font-weight: 700;
    color: #fff;
}
.child-menu {
    position: absolute;
    top: 47px;
    background: #fff;
    left: 0;
    display: none;
    opacity: 0;
    z-index: 99;
    box-shadow: 1px 1px 10px #000;
    width: 200px;
    height: auto;
}
.custom-menu li:hover .child-menu{
    display: block;
    opacity: 1;
}
.custom-menu .child-menu a{
    color: #212121;
    display: block;
    font-weight: 600;
    padding: 0.5rem 0.75rem;
}
.custom-menu .child-menu>li{
    position: relative;
}
.custom-menu .child-menu>li>ul{
    position: absolute;
    top: 0;
    background: #fff;
    left: 199px;
    display: none;
    opacity: 0;
    z-index: 99;
    box-shadow: 1px 1px 10px #000;
    width: 200px;
    height: auto;
}
.custom-menu .child-menu>li:hover ul.menu-level3{
    display: block;
    opacity: 1;
}
.menu-level2{
    padding: 20px 0;
    row-gap: 20px;
}

.menu-level2 ul{
    color: #000;
    list-style: disc;
    padding-left: 20px;
    padding-top: 10px;
}
.menu-level2 ul li a{
    font-weight: 500;
}
.col-banner{
    padding: 20px 0;
}
.menu-level2 a:hover{
    color: #FF8662;
}
.sidebar-menu{
    position: fixed;
    width: 400px;
    height: 100vh;
    left: 0;
    top: 0;
    background: #fff;
    color: #212121;
    z-index: 99999;
    transform: translateX(-400px);
    transition: all .6s;
}
.sidebar-menu.toggle {
    transform: translateX(0);
}
.sidebar-menu .topbar-lmenu{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    border-bottom: 1px solid #ebebeb;
}
.topbar-lmenu i.ph-x-circle{
    color: #ebebeb;
    font-size: 32px;
}
.list-content {
    display: flex;
    flex-flow: column;
    padding-bottom: 20px;
    border-bottom: 1px solid #ebebeb;
}
.list-content a{
    display: block;
    color: #212121;
    font-weight: 700;
    padding: 15px;
}
.list-content a:hover{
    background: #ebebeb;
}
.sidebar-menu-cate ul{
    display: flex;
    flex-flow: column;
    padding-top: 20px;
    border-bottom: 1px solid #ebebeb;
}
.sidebar-menu-cate a{
    display: block;
    color: #212121;
    font-weight: 700;
    padding: 15px;
}
.sidebar-menu-cate>ul>li>a:hover{
    background: #ebebeb;
}
.sidebar-child-menu{
    position: absolute;
    left: 399px;
    top: 0;
    background: #fff;
    width: 100%;
    height: 100vh;
    overflow-x: auto;
    display: none;
    opacity: 0;
}
.sidebar-menu-cate>ul>li:hover .sidebar-child-menu{
    display: block;
    opacity: 1;
}
.sidebar-child-menu .menu-level2{
    padding: 20px 0 0;
    row-gap: 0;
    border-bottom: none;
}
.sidebar-child-menu .menu-level2 ul{
    padding-top: 5px;
    padding-left: 35px;
    border-bottom: none;
}
.sidebar-child-menu .menu-level2>li>ul>li>a{
    padding: 0;
}
.sidebar-menu-cate>ul>li>a>i{
    float: right;
    font-size: 20px;
}
.col-banner {
    width: 100%;
    height: auto;
}
.item-slide-banner{
    position: relative;
}
.info-slide-banner{
    position: absolute;
    top: 50%;
    left: 5%;
    width: 570px;
    transform: translateY(-50%);
}
.info-slide-banner h3{
    font-size: 32px;
    color: #333;
    font-weight: 600;
}
.info-slide-banner p{
    font-size: 16px;
    color: #333;
}
.info-slide-banner a{
    padding: 10px;
    border: 1px solid #35c7df;
    background: #35c7df;
    border-radius: 5px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
}
.banner-home.owl-carousel .owl-prev{
    border-radius: 5px;
    border: 1px solid #fff;
    color: #35c7df;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
}
.banner-home.owl-carousel .owl-next{
    border-radius: 5px;
    border: 1px solid #fff;
    color: #35c7df;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
}
.banner-home .owl-pagination{
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: 20px;
}
.banner-home .owl-pagination .owl-page{
    width: 15px;
    height: 5px;
    background: #fff;
}
.banner-home .owl-pagination .owl-page.active{
    background: #4d8bd7;
}
.promotion-box{
    padding-top: 20px;
}
.img-promotion{
    background: #4d8bd7;
}
.background-promotion{
    text-align: center;
}
footer {
    background-color: #f6f6f6;
    padding: 40px 0;
}
.footer-1 li{
    display: flex;
    align-items: baseline;
    gap: 0.4rem;
    padding-bottom: 20px;
}
.footer-1 li>div>i{
    margin-right: 5px;
}
.hotline-footer ,.email-footer{
    display: flex;
    align-items: baseline;
}
.footer-1 li:nth-child(2){
    gap: 30px;
}
.text-bolder{
    font-weight: 700 !important;
}
.footer-1 p{
    margin-bottom: 0;
}
.footer-1 a{
    color: #935900;
    display: block;
}
.footer-1 a:hover{
    color: #935900;
}
.logo-footer{
    padding-bottom: 20px;
}
.list-social{
    display: flex;
    align-items: center;
    gap: 20px;
}
.list-social a{
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ebebeb;
    width: 36px;
    height: 36px;
    border-radius: 5px;
}
.list-social a:hover{
    background: #ebebeb;
}
.list-social img{
    max-width: 20px;
}
.social-icons p{
    margin-bottom: 15px;
}
.footer-2 .title-footeer,.footer-3 .title-footeer{
    margin-bottom: 20px;
}
.footer-2 ul,.footer-3 ul{
    display: flex;
    flex-flow: column;
    gap: 15px;
}
.footer-2 ul a,.footer-3 ul a{
    color: #935900;
}
.footer-2 ul a:hover,.footer-3 ul a:hover{
    color: #1e63d7;
}
.form_newletter input{
    padding: 10px;
    border-radius: 25px;
    width: 68%;
    border: 1px solid #ebebeb;
}
.form_newletter button{
    padding: 10px;
    border-radius: 25px;
    width: 30%;
    background: #1e63d7;
    border-color: #1e63d7;
}
.form_newletter input:focus {
    border-color: #1e63d7;
}
.form_newletter{
    padding-bottom: 20px;
}
.img-promotion{
    margin-bottom: 3rem;
}
.promotion-info{
    background: #FFF;
    box-shadow: 0 0 1px 1.5px rgba(0, 0, 0, 0.1);
    padding: 15px;
    align-content: center;
}
.saleProContent{
    /*background: linear-gradient(to bottom, #35c7df, #35c7df, #fff);*/
    /*padding: 5px 15px 5px 5px;*/
    /*border-radius: 4px;*/
    /*text-align: center;*/
    /*margin-bottom: 15px;*/
    /*display: flex;*/
    /*flex-wrap: wrap;*/
    /*justify-content: center;*/
    /*align-items: center;*/
    display: none;
}
#coutnDown{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
#coutnDown li{
    display: flex;
    align-items: baseline;
}
#coutnDown li b{
    font-size: 3rem;
    color: #fff;
    font-weight: 700;
}
#coutnDown li p{
    font-size: 16px;
    color: #fff;
    margin-bottom: 0;
}
.pinfo-promotion a{
    padding: 0 85px;
    display: block;
    text-align: center;
}
.pinfo-promotion h3{
    font-weight: 700;
    font-size: 32px;
    color: #35c7df;
    margin-bottom: 0;
}
.pinfo-promotion a{
    margin-bottom: 30px;
}
.price-promotion{
    display: flex;
    align-items: baseline;
    justify-content: center;
    padding: 15px 0;
    gap: 20px;
}
.price-promotion del{
    font-size: 14px;
    color: #777a7b;
    font-weight: 500;
}
.price-promotion strong{
    font-size: 1.5rem;
    font-weight: 700;
    color: #FF0000;
}
.percent-label{
    padding: 2.5px 10px;
    font-weight: 600;
    font-size: 13px;
    color: #fff;
    background: #FF0000;
    border-radius: 4px;
}
.conten-pproduct{
    position: relative;
}
.see-more{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.85), #FFF);
    padding: 50px 0 25px;
    text-align: center;
    transition: all .4s linear;
    line-height: 1;
}
.see-more a{
    display: block;
    color: #35c7df;
    transition: all .5s;
    font-weight: bold;
    text-transform: uppercase;
}
.see-more a:hover{
    letter-spacing: 1px;
}
.pinfo-promotion .content{
    display: flex;
    width: 100%;
    justify-content: center;
}
.pinfo-promotion .content .btn-view{
    display: flex;
    width: 300px;
    padding: 0;
    align-items: center;
    justify-content: center;
    height: 40px;
    background: #35c7df;
    color: #fff;
    border-radius: 4px;
}
.two-banner{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    padding-top: 30px;
}
.two-banner .banner-item{
    flex: 1;
    display: flex;
    position: relative;
    padding: 30px 50px;
    justify-content: space-between;
    gap: 20px;
    background: linear-gradient(-90deg, #35c7df 70%, #FFF);
    align-items: center;
    border-radius: 4px  ;
}
.two-banner .banner-item:last-child{
    background: linear-gradient(90deg, #4d8bd7 70%, #FFF);
}
.two-banner .banner-icon img{
    width: 100px;
    height: auto;
    object-fit: contain;
}
.two-banner .banner-info strong{
    font-size: 37px;
    display: block;
    margin-bottom: 10px;
    color: #fff;
}
.two-banner .banner-info p{
    color: #fff;
    font-size: 15px;
}
.hotproduct-box{
    padding-top: 30px;
}
.title_product{
    margin-bottom: 15px;
}
.title_product a{
    display: inline-block;
    border-bottom: 3px solid #ea281c;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 42px;
    font-weight: 700;
    color: #212121;
}
.item-product h3{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    color: #020b27;
    padding-top: 10px;
    height: 71px;
    font-weight: 600;
    font-size: .875rem;
    line-height: 1.25rem;
}
.list-price p{
    margin-bottom: 5px;
    color: #1250dc;
}
.list-price{
    height: 25px;
    overflow: hidden;
    margin-bottom: 5px;
}
.old-price{
    height: 25px;
    overflow: hidden;
    margin-bottom: 5px;
}
.old-price del{
    font-size: .875rem;
    line-height: 1.25rem;
    letter-spacing: .01em;
    color: #888;
}
.item-product .btn-addcart{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    border: 1px solid #1250dc;
    border-radius: 20px;
    background: #1250dc;
    color: #fff !important;
}
.item-product .btn-addcart:hover{
    cursor: pointer;
}
.owl-carousel .item-product {
    margin: 0 8px;
}
.owl-carousel.owl-product{
    background: #1250dc;
    padding: 10px;
    border-radius: 10px;
}
.item-product{
    background: #fff;
    padding: 15px;
    border-radius: 8px;
}
.newproduct-box{
    padding-top: 30px;
}
@media (min-width: 1200px) {
    .section_about {
        max-width: 1170px !important;
        margin: 0 auto;
    }
}
.section_about{
    margin-top: 50px;
    margin-bottom: 20px;
}
.title h2 {
    position: relative;
    font-size: 34px;
    text-transform: uppercase;
}
.section_about .tp_title {
    -webkit-background-clip: text !important;
    font-size: 24px !important;
    line-height: 42px;
    font-weight: 700;
}
.title .infor_content {
    padding: 0 150px;
    margin-top: 15px;
    text-align: center;
    color: #8b8b99;
    margin-bottom: 25px;
}
.cate-news{
    margin-top: 30px;
}
.uti_body {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 0 15px;
}
.card-img-top {
    height: 100%;
    object-fit: scale-down;
}
.uti_body img {
    width: 135px !important;
}
.uti_body h5 {
    margin: 12px 0;
    font-size: 18px;
    font-weight: bold;
}
.title-cate-news{
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 25px;
}
.title-cate-news i{
    font-size: 28px;
    color: #1250dc;
}
.title-cate-news span{
    font-size: 24px;
    line-height: 42px;
    font-weight: 700;
}
.item-cate-news{
    align-items: center;
}
.item-cate-news li a{
    display: flex;
    flex-flow: column;
    align-items: center;
    border: 1px solid #ebebeb;
    padding: 22px 14px;
    border-radius: 10px;
    gap: 10px;
}
.item-cate-news li a{
    font-size: 14px;
    color: #000;
}
.item-cate-news img{
    width: auto;
    max-height: 24px;
    object-fit: contain;
}
.title-news{
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 25px;
}
.title-news i{
    font-size: 28px;
    color: #1250dc;
}
.title-news h3{
    position: relative;
    padding-right: 20px;
    margin-bottom: 0;
    font-size: 24px;
    line-height: 42px;
    font-weight: 700;
}
.title-news h3:before{
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: #ebebeb;
}
.title-news a{
    display: flex;
    align-items: center;
    gap: 10px;
}
.title-news a i{
    font-size: 20px;
}
.news-box .item-cate-news{
    display: flex;
    gap: 10px;
    margin-top: 20px;
    flex-wrap: wrap;
}
.news-box .item-cate-news li a{
    border-radius: 20px;
    padding: 10px;
}
.news-box .item-cate-news li a span{
    font-weight: 500;
}
.news-box{
    padding-top: 30px;
}
.boxlb{
    margin-top: 10px;
    padding: 5px;
    border: 1px solid #ebebeb;
    display: inline-block;
    background: #ebebeb;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    color: #4a4f63;
    border-radius: 10px;
}
.big-news p{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 28px;
    line-height: 40px;
    font-weight: 600;
    color: #000;
}
.small-news a{
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
}
.content-small-news{
    display: flex;
    flex-flow: column;
    align-items: baseline;
}
.content-small-news .boxlb{
    margin-top: 0;
    margin-bottom: 5px;
}
.content-small-news p{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    color: #000;
}
.small-news-img {
    max-width: 144px;
    height: auto;
    object-fit: contain;
}
.home-review{
    margin-top: 60px;
}
.head-title p {
    color: #000;
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 25px;
}
.rv-item {
    position: relative;
    padding: 60px 0;
}
.rv-item img {
    position: absolute;
    top: 0;
    left: 50%;
    width: 120px !important;
    height: 120px;
    transform: translateX(-50%);
    border-radius: 50%;
}
.rv-content {
    background: #fef9d9 !important;
    border-radius: 10px;
    padding: 75px 75px 15px;
}
.rv-content * {
    text-align: center;
}
.owl-pagination{
    display: none;
    /*align-items: center;*/
    /*position: absolute;*/
    /*bottom: 20px;*/
    /*left: 50%;*/
    /*transform: translateX(-50%);*/
}
.owl-carousel .owl-pagination .owl-page span{
    background: #000;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 0 10px;
    display: block;
}
.store-system {
    margin-bottom: 100px;
    margin-top: 50px;
}
.store-system h2{
    font-size: 24px;
}
.fw-bold {
    font-weight: 700 !important;
}
.text-desc {
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 25px;
}
@media (min-width: 992px) {
    .w-60 {
        width: 60%;
    }
}
.store-wrap {
    height: 100%;
    padding: 35px 45px;
    background: #fef9d9;
    border-radius: 10px;
}
.store-item {
    margin-bottom: 20px;
}
.store-name {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 2px;
}
.hover {
    transition: all .5s;
}
.view-more {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 25px;
    border-radius: 25px;
    border: 1px solid #212121;
    margin: 75px auto;
    width: fit-content;
    font-size: 13px;
    color: #212121;
}
.view-more i {
    font-size: 18px;
    margin-left: 16px;
}
.hover:hover {
    background: #212121;
    color: #fff;
}
.press-review h2{
    font-size: 26.24px;
}
.press-list {
    margin: 70px 0 75px;
}
.hidden-video{
    display: none;
}
.hidden-video.active{
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 9999;
}
.item-video a{
    position: relative;
    display: block;
    transition: all .6s;
    overflow: hidden;
}
.item-video a i{
    position: absolute;
    font-size: 45px;
    padding: 10px;
    border: 2px solid #fff;
    color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50% ,-50%);
    opacity: 0;
    z-index: 2;
}
.item-video a strong{
    position: absolute;
    width: 70%;
    display: block;
    padding: 15px;
    color: #FFF;
    background: #4d8bd7;
    bottom: 0;
    left: 0;
    z-index: 2;
    transform: translateX(-100%);
    clip-path: circle(100% at 20% 0%);
}
.item-video a:after{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    opacity: 0;
    z-index: 1;
}
.item-video a:hover i,
.item-video a:hover:after{
    opacity: 1;
}
.item-video a:hover strong{
    transform: translateX(0);
}
.banner-one{
    margin-bottom: 20px;
}
.banner-two{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}
.banner-two .item-video {
    display: flex;
    flex-basis: calc(50% - 10px);
}
.wrapper-header-bottom{
    padding: 0;
}
.close-video i{
    position: absolute;
    top: -10px;
    font-size: 30px;
    color: #fff;
    right: 0;
    cursor: pointer;
}
.wp_list_product.tp_product_category .wrapper{
    padding: 15px 15px 0 30px;
    background: #ebebeb;
    margin-top: 30px;
    border-radius: 8px;
}
.wrapper-filter{
    background: #fff;
    border-radius: 8px;
    padding: 1rem !important;
}
.section-filter-sort{
    display: flex;
    align-items: center;
    padding: 15px;
    gap: 20px;
    margin-bottom: 0;
}
.section-filter-sort a{
    border: 1px solid #fff;
    color: #1250dc;
    background: #fff;
    padding: 7px 20px;
    border-radius: 25px;
    font-size: 14px;
    font-weight: 500;
    overflow: hidden;
}
.section-filter-sort a.active{
    border: 1px solid #1250dc;
}
.border-check{
    width: 0;
    height: 0;
    border-top: 30px solid #1250dc;
    border-left: 30px solid transparent;
    margin-top: -7px;
    margin-right: -10px;
    position: absolute;
    top: 6px;
    right: 10px;
    display: none;
}
.border-check i{
    right: 7px;
    font-size: 8px;
    color: #fff;
    z-index: 99;
    position: absolute;
    top: -24px;
    display: none;
}
.section-filter-sort a.active i,
.section-filter-sort a.active .border-check{
    display: block;
}
.banner-home.owl-carousel .owl-pagination .owl-page span{
    background: transparent;
}
.purchase-people {
    position: fixed;
    bottom: 30px;
    left: 20px;
    z-index: 100;
    padding: 0 10px;
    width: 300px;
    height: 135px;
    opacity: 0;
    visibility: hidden;
    transition: .45s all;
}

.purchase-people.show {
    opacity: 1;
    visibility: visible;
}
.purchase-info{
    font-size: 13px;
    color: #aaa;
    padding: 0 12px 0 0;
}
.purchase-people .purchase-content {
    max-width: 400px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    margin: 0 -9px;
    padding: 5px 0;
    background: #fff;
    transition: .4s ease all;
    opacity: 0;
}

.purchase-people .purchase-item .close-purchase {
    color: #999;
    font-size: 14px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    z-index: 9;
}

.purchase-people img {
    max-height: 200px;
}

.purchase-people .purchase-content.showP {
    opacity: 1;
}
.variantSize ul{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
    height: 40px;
    overflow: hidden;
}
.variantSize ul li{
    margin-bottom: 5px;
}
.variantSize ul a{
    color: #4a4f63;
    font-size: .8125rem;
    line-height: 1.125rem;
    letter-spacing: .02em;
    background: #edf0f3;
    padding: 0.5rem;
    border-radius: 0.5rem;
    display: block;
    border: 1px solid #edf0f3;
    font-weight: 700;
}
.variantSize ul li.active a{
    color: #1250dc;
    border-color: #1250dc;
}
.variantSize ul li.deactive a{
    cursor: not-allowed;
    background: gray;
    border-color: gray;
}
.hightlight-product{
    height: 35px;
    overflow: hidden;
}
.hightlight-product li{
    color: #4a4f63;
    font-size: .8125rem;
    line-height: 1.125rem;
    letter-spacing: .02em;
    background: #edf0f3;
    padding: 0.5rem;
    border-radius: 0.5rem;
    display: block;
    border: 1px solid #edf0f3;
    font-weight: 700;
    margin-bottom: 5px;
}
.big-news-img img{
    border-radius: 8px;
}
.small-news-img img{
    border-radius: 0.5rem;
}
.news-new .list-news .wp-img img{
    border-radius: 8px;
}
.news-highlighs .wp-content-item .wp-img img{
    border-radius: 8px;
}
.popular-posts-widget .widget-thumb img{
    border-radius: 8px;
}
ul.req li.checkbox-filter a span{
    background: #1677ff !important;
    border-color: #1677ff !important;
}
ul.req li a span{
    border-radius: 3px !important;
    background: #fff !important;
}
ul.req li a label{
    margin-bottom: 0;
}
ul.req li a span{
    width: 15px !important;
    height: 15px !important;
    position: relative;
}
ul.req li a span i{
    font-size: 10px;
    position: absolute;
    left: 1px;
    top: 2px;
    font-weight: 500;
}
ul.req li a{
    display: flex;
    align-items: center;
}
.ui-slider .ui-slider-handle{
    border-radius: 5px;
}
.switch-view{
    display: flex;
    align-items: center;
    justify-content: space-around;
    border: 1px solid #d8d8d8;
    border-radius: 20px;
}
.switch-view a.active{
    background: #d8d8d8;
    border-radius: 20px;
}
.switch-view a{
    padding: 2px 10px;
}
.switch-view a i{
    color: #888888;
}
.section-right{
    display: flex;
    align-items: center;
    gap: 30px;
    padding-right: 15px;
}
.news-new .news-item{
    border-radius: 8px;
}
.widget-title{
    border-radius: 8px;
}
.promotion-img{
    position: relative;
}
.home-product-big-image-items{
    padding: 10%;
    pointer-events: none;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 100%;
    overflow: hidden;
}
.home-product-big-image-items .swiper{
    height: 100%;
}
.scroll-product{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 10px;
}
.scroll-product li{
    display: block;
    width: 100%;
}
.panel.panel-colors.tp_product_category_filter_price ul{
    margin-bottom: 10px;
}
.panel.panel-colors ul{
    display: flex;
    margin-bottom: 0;
    flex-wrap: wrap;
}
.scroll-product li a{
    display: flex;
    border: 1px solid #c1c8d1;
    align-items: center;
    justify-content: center;
    height: 38px;
    border-radius: 8px;
    color: #212121;
    position: relative;
    overflow: hidden;
    font-size: 12px;
}
.scroll-product li a.active,.scroll-product li a:hover{
    border-color: #1250dc;
    color: #1250dc;
}
.scroll-product li a.active .border-check,
.scroll-product li a.active .border-check i{
    display: block;
}
.panel-heading h4{
    margin-bottom: 0;
    font-weight: 500;
    color: #000;
    font-size: 14px !important;
}
.ul.req li a label{
    color: #020B27;
}
.panel-heading{
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}
.panel-heading i{
    font-size: 30px;
    transition: .4s ease all;
}
.panel-body {
    margin-top: 5px;
}
.panel.panel-colors:first-child .SlimScroll{
    display: block;
}
.panel.panel-colors:nth-child(2) .SlimScroll{
    display: block;
}
.panel-colors .panel-heading i.active{
    transform: rotate(180deg);
}
#category-product-list{
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.panel.panel-colors{
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.affiliate-text{
    font-style: italic;
    display: block;
    margin-bottom: 10px;
}
@media (max-width: 768px) {
    .info-slide-banner h3,.info-slide-banner p{
        display: none;
    }
    #coutnDown{
        gap: 10px;
    }
    #coutnDown li b{
        font-size: 20px;
    }
    #coutnDown li p{
        font-size: 14px;
    }
    .pinfo-promotion a{
        padding: 0;
    }
    .pinfo-promotion h3{
        font-size: 20px;
    }
    .pinfo-promotion>div.d-flex{
        flex-wrap: wrap;
        gap: 10px;
        justify-content: center !important;
    }
    .two-banner{
        flex-wrap: wrap;
    }
    .banner_cate img{
        width: 100%;
    }
    .banner_cate{
        margin-bottom: 20px;
    }
    .title .infor_content{
        padding: 0;
    }
    .item-video a i{
        opacity: 1;
        font-size: 25px;
    }
    .banner-two .item-video{
        flex-basis: 47%;
    }
    .five-banner .banner-three{
        display: none;
    }
    .title-cate-news{
        margin-bottom: 10px;
    }
    .owl-pagination{
        bottom: -40px;
    }
    .title h2:before {
        left: 42% !important;
    }
    .rv-item p{
        font-size: 13px;
    }
    .review-slider .owl-pagination{
        bottom: 5%;
        display: none;
    }
    .section-right{
        flex-wrap: wrap;
        gap: 20px;
        padding-right: 0;
    }
    .wrapper .row{
        padding: 15px;
    }
    .section-filter-sort{
        padding: 15px 0;
        gap: 10px;
    }
    .wp_list_product.tp_product_category .wrapper{
        padding: 15px 15px 0 15px;
    }
    #load-purchase-product{
        display: none !important;
    }

}
@media (min-width: 1200px) {
    .item-product img{
        height: 189px;
        width: auto;
        object-fit: cover;
    }
    .banner_cate img{
        height: 399px;
        width: 100%;
        object-fit: cover;
    }
    .two-banner .banner-item{
        height: 192px;
    }
    .main-detail-product .box-price{
        width: 60%;
    }
}
@media (max-width: 1024px) {
    .item-product img{
        height: 144px;
        width: auto;
        object-fit: cover;
    }
    .sidebar-menu{
        display: none;
    }
    .banner_cate img{
        height: 352px;
        width: 100%;
        object-fit: cover;
    }
}
@media (max-width: 768px) {
    .banner_cate img{
        height: auto;
        width: 100%;
        object-fit: cover;
        min-height: 500px;
    }
    .rv-content{
        padding: 75px 15px 15px;
    }
}
@media (max-width: 450px) {
    .item-product img{
        height: 122px;
        width: auto;
        object-fit: cover;
    }
}
@media (max-width: 420px) {
    .item-product img{
        height: 135px;
        width: auto;
        object-fit: cover;
    }
}
@media (max-width: 400px) {
    .item-product img{
        height: 124px;
        width: auto;
        object-fit: cover;
    }
}
#affiliateCode {
    border-radius: 3px;
    border: 1px solid #d1d1d1;
    padding: 5px;
    margin-bottom: 5px;
    width: 67%;
    margin-right: 5px;
}
#getAffiliateCode {
    border-radius: .25rem;
    padding: .375rem .75rem;
    vertical-align: top;
    float: right;
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}
.Phone{
    right: 10px;
    left: unset;
}
.network-login{
    display: none !important;
}
.popular-posts-widget h4 a,
.widget-title,
.popular-posts-widget .entry-date{
    font-family: "Roboto", sans-serif !important;
}
.tp_product_detail .col-lg-3.d-lg-block.d-none{
    display: none !important;
}
.form-product .form-inline .form-gr #addQuickCart{
    font-weight: 700;
    text-transform: uppercase;
    font-size: 18px;
}
.form-product .form-inline .form-gr #addToCart{
    font-weight: 700;
    text-transform: uppercase;
    padding-left: 35px;
}
.home-review .owl-item{
    margin-left: 20px;
}
.home-review .owl-item:first-child{
    margin-left: 0;
}
.rv-content p.mb-4{
    text-align: left;
}
.box-product.tp_product_detail_related .owl-carousel.owl-product{
    background: transparent;
}
.owl-carousel.owl-product{
    background: transparent;
}
.item-product{
    position: relative;
}
.owl-product .discount-label{
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(295deg, #CD1A0C 0%, #FF5246 98.45%);
    border-top-left-radius: .75rem;
    border-bottom-right-radius: .75rem;
    color: #fff;
    padding-top: .25rem;
    padding-bottom: .25rem;
    font-size: 13px;
    line-height: 1.125rem;
    letter-spacing: .02em;
    padding-left: .5rem;
    padding-right: .5rem;
    font-weight: 600;
}
#show .slick-next.slick-arrow{
    position: absolute;
    top: 50%;
    right: 0;
    border: none;
    transform: translateY(-50%);
    z-index: 9;
}
#show .slick-prev.slick-arrow{
    position: absolute;
    top: 50%;
    left: 0;
    border: none;
    transform: translateY(-50%);
    z-index: 9;
}
#owl-view .slick-prev.slick-arrow{
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
#owl-view .slick-next.slick-arrow{
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
@media (min-width: 1200px) {
    .tooltip-body{
        height: 310px;
    }
}
.item-product{
    border: 1px solid transparent;
    animation-timing-function: cubic-bezier(0,0,.2,1);
    animation-duration: .3s;
    transition-timing-function: cubic-bezier(0,0,.2,1);
    transition-duration: .3s;
    transition-property: all;
}
.item-product:hover{
    border-color: #935900;
}
.item-cate-news li a{
    animation-timing-function: cubic-bezier(0,0,.2,1);
    animation-duration: .3s;
    transition-timing-function: cubic-bezier(0,0,.2,1);
    transition-duration: .3s;
    transition-property: all;
}
.item-cate-news li a:hover{
    border-color: #935900;
}
.item-cate-news li{
    margin-bottom: 15px;
}
.info-slide-banner>a{
    display: none;
}
.btn-floating {
    align-items: center;
    backdrop-filter: blur(10px);
    background: #1d1d20;
    border: 0;
    border-radius: 10px;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .1), 0 2px 6px 2px rgba(60, 64, 67, .15);
    color: #fff;
    cursor: pointer;
    gap: 4px;
    height: 40px;
    justify-content: center;
    padding: 2px;
    position: fixed;
    right: 50px;
    text-decoration: none;
    width: 110px;
    z-index: 102;
    display: flex;
}

#contact-floating {
    background: #0046C0;
    bottom: 30px;
}
.btn-floating strong {
    color: #fff;
    font-size: 14px;
}
#contact-floating .contact-popup {
    background: #fff;
    border-radius: 16px;
    bottom: 46px;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .1), 0 2px 6px 2px rgba(60, 64, 67, .15);
    display: none;
    flex-direction: column;
    gap: 8px;
    left: -88px;
    padding: 12px;
    position: absolute;
    width: 200px;
}
#contact-floating.show .contact-popup {
    display: flex;
}
#contact-floating .contact-popup .contact-popup-item {
    align-items: center;
    border-radius: 12px;
    color: #1d1d20;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    gap: 6px;
    padding: 8px;
    text-decoration: none;
}
#contact-floating .contact-popup .contact-popup-item img {
    height: 35px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 35px;
}
.slider_1.owl-carousel .owl-prev,
.slider_1.owl-carousel .owl-next{
    opacity: 1;
}
.store-item{
    border: 1px solid #fff;
    border-radius: 15px;
    padding: 15px;
    background: #fff;
}
.store-address i,.content-address i{
    margin-right: 5px;
}

.vote {
    display: inline-block;
}

.ic {
    background: url(/tp/T0199/img/temp/SpiritIcon.png) no-repeat transparent;
    background-size: 1355px;
    cursor: pointer;
}

.vote .si {
    background-position: -1224px -1330px;
    float: left;
    height: 15px;
    width: 20px;
}

.vote .si.voteHover,
.vote .si.active {
    background-position: -1224px -1261px;
}

.voteView {
    display: inline-block;
    width: 80px;
    height: 15px;
}

.voteViewComment {
    display: inline-block;
    height: 15px;
    width: 80px;
}

#voteView0 {
    background-position: -1224px -1330px;
}

#voteView1 {
    background-position: -1224px -1261px;
}

#voteView2 {
    background-position: -1224px -1275px;
}

#voteView3 {
    background-position: -1224px -1288px;
}

#voteView4 {
    background-position: -1224px -1302px;
}

#voteView5 {
    background-position: -1224px -1315px;
}
.comment-info-index-content p{
    margin-bottom: 0;
}
.swiper-tabs.comment-info-index{
    padding-top: 20px;
}
.title_chir h2 {
    display: inline-block;
    border-bottom: 3px solid #fd5023;
    padding-right: 5px;
    position: relative;
    top: 2px;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 18px;
    margin-right: 10px;
    line-height: 42px;
}
.content-text.bg_w {
    line-height: 25px;
    display: inline-block;
    width: 100%;
}
.btn-login-comment{
    background: #fd5023;
    color: #fff;
}
.pview-rating .sku p{
    margin-bottom: 0;
}
.pview-rating span{
    padding: 0 10px;
    border-right: 1px solid;
}
.pview-rating span:last-child{
    border-right: none;
}
.pview-rating{
    margin-top: 15px;
}


.sold-badge {
    position: relative;
    display: inline-block;
    background: #ffcccc;
    border-radius: 20px;
    padding: 0;
    font-size: 12px;
    font-weight: bold;
    color: white;
    overflow: hidden;
    line-height: 20px;
     width: 100%;
    margin-top: 15px;
}

.sold-progress {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: linear-gradient(to right, #ff9966, #ff0000);
    z-index: 1;
    border-radius: 20px;
    transition: width 0.5s ease;
}

.sold-text {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 20px;
}
.sold-text img{
    width: 20px;
    height: 20px;
    background-image: linear-gradient(302.86deg, #ed2415 16.68%, #ec8a49 94.84%);
    border-radius: 100%;
}
.info-title a{
    display: none !important;
}
.wp-title h1{
    display: none;
}
@media (max-width: 767px) {
    .list-cate-title {
        display: none !important;
    }
    .news-new .news-item{
        border: 2px solid #ddd;
    }
    .popular-posts-widget h4 a{
        font-size: 14px;
    }
    #contact-floating .contact-popup .contact-popup-item img{
        width: 25px;
        height: 25px;
    }
    .btn-floating{
        right: 15px;
    }
    #contact-floating .contact-popup{
        padding: 5px;
    }
}
.home-tiktok .home-tiktok-data {
    display: grid;
    grid-template-columns: 40% 1fr;
    gap: 15px;
    align-items: center;
}
.home-tiktok .home-tiktok-data .home-tiktok-icon {
    text-align: center;
}
.d-flex-vertical {
    display: flex;
    flex-direction: column;
}
.home-custom-header {
    width: 100%;
}
.home-custom-header {
    margin-bottom: 2rem;
}
.d-flex.d-flex-start, .d-flex-vertical.d-flex-start {
    align-items: center;
    justify-content: center;
}
.limit-line {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.text-primary-color {
    color: #0046C0;
}
.f-superbold {
    font-weight: 900;
}
.f-size-6 {
    font-size: 32px;
}
.limit-line.threeline {
    -webkit-line-clamp: 3;
}
.home-custom-header .home-custom-header-flex > div {
    width: 100%;
    gap: .5rem;
    padding: 5px 0;
}
.f-size-3 {
    font-size: 20px;
}
.limit-line.fiveline {
    -webkit-line-clamp: 5;
}
#shopping-cart .item-cart-product .cheap .price{
    color: #0046C0 !important;
}
#total2{
    color: #0046C0 !important;
}
.wp-total #checkout{
    background: #0046C0 !important;
    border-radius: 10px;
}
#column1>h2>span, #column2 h2 span, #column3>h2>span{
    background: #0046C0 !important;
}
.btn-info{
    background-color: #0046C0 !important;
    border-color: #0046C0 !important;
}
#showTotalMoney{
    color: #0046C0 !important;
}

.banner-two .owl-pagination{
    display: none !important;
}
.main-detail-product .box-price .new-price{
    color: #0046C0 !important;
    font-weight: 600 !important;
}
.main-detail-product .box-price .old-price{
    font-size: 24px;
}
.main-detail-product .box-price .discount{
    background: url(/tp/T0308/img/190044/discount1.png) right center no-repeat !important;
}
.title_chir h2{
    border-bottom: 3px solid #0046C0;
}
.title-product h3.float-left{
    background: #0046C0 !important;
}
.title-product h3.float-left:after{
    border-bottom: solid 20px #0046C0 !important;
    border-left: solid 20px #0046C0 !important;
}
.news-new .news-item{
    border: 2px solid #ebeef0;
}
.news-new .list-news .item-info .item-title a{
    color: #000 !important;
}
.news-new .news-item:hover{
    border-color: #0046C0 !important;
}
.main-detail-product .nav-tabs .nav-link:before{
    border-top: 10px solid #0046C0 !important;
}
@media (max-width: 767px) {
    .owl-carousel .owl-prev,.owl-carousel .owl-next{
        font-size: 25px;
        line-height: unset;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 30px;
        width: 30px;
    }
}
.form-inline .form-gr #addQuickCart{
    color: #CD1A0C !important;
}
.breadcrumb > li:after{
    content: "\f105 ";
}
.news-contents h1{
    color: #000 !important;
}
.popular-posts-widget h4 a{
    color: #000 !important;
}
.news-new .list-news .item-info .item-summary{
    color: #000 !important;
}
.popular-posts-widget .entry-date{
    color: #000 !important;
}
.post-share .share .twitter,
.post-share .share .linkin{
    display: none !important;
}
.title-product {
    border-bottom: 3px solid #0046C0 !important;
}
.title-product h3{
    position: relative; padding-right: 10px;
}
.title-product h3:after{
    content: ''; position: absolute;
    top: 0;
    right: -40px;
    width: 40px;
    height: 40px;
    border-right: solid 20px transparent;
    border-top: solid 20px transparent;
}
.price-promotion strong{
    color: #0046C0;
}
.price-promotion del ,.list-price del{
    color: #666;
}
.list-price p{
    color: #0046C0;
}
.main-menu{
    background: #0046C0;
}
.store-system-wrap .store-wrap{
    background: #ebeffb !important;
}
.form-inline .form-gr #addQuickCart{
    background-color: #E6F0FF;
    border-color: #E6F0FF;
}
.form-inline .form-gr #addToCart{
    background: url(/tp/T0308/img/cart3.png) 17px center no-repeat #0046C0;
}
.main-detail-product .nav-tabs .nav-link.active, .main-detail-product .nav-tabs .nav-link:hover{
    background: #0046C0 !important;
}
.main-detail-product .nav-tabs .nav-link.active:before{
    border-top: 10px solid #0046C0  !important;
}
.btn-login-comment{
    background: #0046C0 ;
}
.title-product{
    border-bottom: 3px solid #33ccff;
}
.owl-product .item .wp-info .price span{
    color: #0046C0;
}
.owl-product .item .wp-info .price del{
    color: #666;
}
#btnSignIn, #getPass, #btnSingup, #btnSubmit{
    background: #0046C0;
    border-radius: 10px;
}
.btnGreen{
    background: #0046C0;
    border-radius: 10px;
}
.paginator span.currentPage{
    background: #0046C0;
}
.paginator .currentPage, .paginator a:hover, .paginator span:hover{
    background-color: #0046C0;
}
.item-product:hover{
    border-color: #0046C0 ;
}
.item-cate-news li a:hover {
    border-color: #0046C0;
}
.view-more{
    color: #0046C0;
    border: 1px solid #0046C0;
}
.hover:hover{
    background: #0046C0;
}
@media (max-width: 767px) {
    .sold-text{
        gap: 5px;
    }
    header{
        background: #ebeffb;
    }
    .icon-menu{
        color: #0046C0 ;
    }
    header {
        background: #0046C0 !important;
    }
    .header-bottom .my-cart .img_cart #number-cart{
        background: #ee1926 !important;
    }
    .store-system h2{
        width: 100% !important;
    }
    .press-review h2{
        width: 100% !important;
    }
    .home-review .owl-item{
        margin-left: 0;
    }
}
@media (max-width: 480px) {
    .popular-posts-widget .widget-thumb img{
        width: 172px;
        object-fit: contain;
    }
    #myTabContent{
        margin: 0 10px;
    }
}
.home-tiktok-icon img{
    width: 100px;
    height: 100px;
}
@media (max-width: 991px) {
    .home-tiktok .home-tiktok-data {
        display: block;
    }
}
#myTabContent{
    border: 1px solid #c7c7c7;
    border-radius: 15px;
    padding: 15px;
}
#center_column{
    border: 1px solid #c7c7c7 !important;
    border-radius: 15px;
    padding: 15px !important;
    margin-bottom: 20px;
}
@media (max-width: 480px) {
    .popular-posts-widget .widget-thumb img {
        width: 172px !important;
        object-fit: cover !important;
    }
    .small-news-img img {
        border-radius: 0.5rem;
        width: 160px;
        height: 100%;
        object-fit: cover;
    }
    .small-news-img {
        width: 40%;
        height: auto;
        margin-right: 5%;
    }
    .content-small-news {
        display: flex;
        flex-flow: column;
        align-items: baseline;
        width: 55%;
    }
    .small-news a{
        gap: unset;
        width: 100%;
    }
    #center_column{
        margin: 0 10px 20px;
    }
}