@font-face { font-family: 'Poppins-Bold'; src: url('../../Poppins-Bold.eot?#iefix') format('embedded-opentype'), url('../../fonts/Poppins-Bold.woff') format('woff'), url('../../fonts/Poppins-Bold.ttf') format('truetype'), url('../fonts/Poppins-Bold.svg#Poppins-Bold') format('svg'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Poppins-Regular'; src: url('../../Poppins-Regular.eot?#iefix') format('embedded-opentype'), url('../../fonts/Poppins-Regular.woff') format('woff'), url('../../fonts/Poppins-Regular.ttf') format('truetype'), url('../../fonts/Poppins-Regular.svg#Poppins-Regular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; }
h1, h2, h3 { font-family: Poppins-Bold; height: auto; }
p, span, a, div { font-family: Poppins-Regular; }
.left.mobile { display: none; }
.arrow { border: solid #030303; border-width: 0 1px 1px 0; display: inline-block; padding: 22px; }
.rightarrow { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
body[id^="module-vsihelpcenter-"] header#header { display: none; }
#main .page-content { border: none; }
#wrapper>.container { padding: 50px 0; text-align: center; }
body[id^="module-vsihelpcenter-"] #wrapper>.container { width: 100%; padding-top: 0; }
body#module-vsihelpcenter-helpcenterhome #helpcenter-wrapper { background: url(../../img/bg-category.jpg) 0 no-repeat; background-position: bottom; }
body[id^="module-vsihelpcenter-"] section#content { padding-bottom: 0; background-color: transparent; padding: 0; }
#header-helpcenter { background: url(../../img/bg-header.jpg); padding-top: 70px; }
#module-vsihelpcenter-helpcenterarticle section#wrapper{padding:0}

/* Header */
#header-helpcenter .header-top .back-home .back-home-mobile { display: none; }
#header-helpcenter .header-top { position: absolute; width: calc(100% - 15%); left: 50%; transform: translate(-50%, 0); top: 65px; }
#header-helpcenter .header-top .back-home a { color: #fff; font-family: 'Poppins-Bold'; font-size: 20px; background: #4C6383; border-radius: 50px; padding: 10px 30px; }
#header-helpcenter .header-top .back-home { text-align: left; padding-top: 10px; }
.lang-select ul img { max-width: 35px; }
.lang-select ul li { float: left; margin-right: 15px; margin-bottom: 0; }
.lang-select ul li:last-child { margin-right: 0; }
.lang-select ul { margin-top: 5px; background: #4c6383; padding: 10px 20px; border-radius: 10px; position: absolute; top: 47px; min-width: 110px; }
.lang-select ul { display: none; }
.lang-select { text-align: right; display: flex; justify-content: flex-end; position: relative; }
.lang-select .current { clear: both; background: #4C6383; padding: 11px 25px; border-radius: 50px; cursor: pointer; }
.lang-select .current .material-icons { color: #fff; }
.lang-select .current img { max-width: 35px; }
.header-title .logo img { max-width: 330px; min-height: 30px; }
.header-title { display: flex; align-items: center; justify-content: center; margin-bottom: 40px; }
.header-title .logo { padding-right: 20px; position: relative; display: flex; align-items: center; }
.header-title .logo:after { content: ""; height: 40px; width: 3px; position: absolute; background: #fff; right: 0; top: 50%; transform: translate(0, -50%); }
#header-helpcenter .header-title .title h1 { margin-bottom: 0; padding-left: 20px; font-size: 42px; color: #fff; font-family: Poppins-Bold; }
#header-helpcenter .subtitle h2 {
    font-size: 30px;
    color: #fff;
    font-family: "Poppins-Bold", 'Poppins-Bold';
}
.search-tool .seaarch-helpcenter { display: block; position: inherit; text-align: center; float: unset; z-index: 9; position: relative; }
.article-block-content h2, .article-block-category h2 { font-family: 'Poppins-Regular'; font-size: 40px; color: #1F3C64; }
span.bold { font-family: 'Poppins-Bold'; }
.search-tool input { min-width: 550px; height: 50px; padding: 0 15px; border-radius: 50px; text-align: center; outline: none; }
.search-tool { margin: 30px 0 40px; display: flex; justify-content: center; }
.search-tool button { position: absolute; right: 15px; background: transparent; border: none; color: #bbb; font-size: 25px; top: 5px; cursor: pointer; outline: none; }
.popup-search { position: absolute; width: 100%; background: #fff; border-radius: 15PX; padding: 0 20px; padding-top: 10px; display: none; border-bottom: 4px solid #1f3c64; }
.popup-search.active { display: block; transition: 0.5s; }
.popup-search li { margin: 15px 0; border-bottom: 1px solid #e8e8e8; padding-bottom: 15px; }
.popup-search li:first-child { margin-bottom: 0; padding-bottom: 0; text-align: right; color: #1f3c64; border: 1px solid #1f3c64; width: fit-content; cursor: pointer; position: absolute; right: 15px; top: 0px; }
.popup-search ul { padding-top: 25px; }
.popup-search li:last-child { border: none; }
.search-tool button:hover i { color: #1f3c64; }

/* Article content */
.article-content { margin: 0; }
.article-block-content { margin-top: 40px; min-height: 500px; }
.article-content .left, .article-content .right { min-height: 160px; padding: 20px 30px; background: #f5f5f5; border-radius: 25px; text-align: left; }
.article-content .title-article { font-size: 20px; margin-bottom: 5px; height: auto; }
.article-content .content { font-size: 16px; margin-bottom: 0; line-height: 1.5; }
.article-content .left, .article-content .right { width: calc(50% - 30px); }
.article-content .left { margin-right: 30px; clear: left; }
.article-content .right { margin-left: 30px; }
.article-content .article-block { margin-bottom: 30px; box-shadow: 1px 3px 20px 3px #e8e8e8; }
.article-block-content h2 { margin-bottom: 45px; }
.article-content .article-block:hover { background: #d6d6d6; transform: scale(1.05); cursor: pointer; transition: 0.5s; }

/* Category */
.article-category { margin: 0; margin-top: 70px; }
.article-block-category { margin-top: 115px; min-height: 615px; margin-bottom: 80px; }
.article-category .category-block { padding: 0 40px; text-transform: uppercase; }
.article-category .title-ategory { text-align: left; margin-top: 30px; }
.article-category .title-ategory h3 { font-size: 30px; font-family: 'Poppins-Regular'; height: auto; line-height: 1; margin-bottom: 0; }
.article-block-category h2 { font-size: 50px; line-height: 1; }
.article-block-category .article-category h2, .article-block-category .article-category h3 { color: #fff; }
.article-category .category-block img { width: 100%; }
.article-category .category-block:hover { transform: scale(1.1); transition: 0.5s; cursor: pointer; }
.article-category .category-block img { width: 100%; box-shadow: 0px 3px 22px 0px rgb(0 0 0 / 30%); border-radius: 50px; }

/* Category page */
#main #helpcenter-wrapper { margin-top: 80px; }
.left .category-description { background: transparent; text-align: left; padding: 20px 0; }
.left .category-description .title h3, .left .category-description .title h2 { font-size: 30px; display: inline-block; color: #1F3C64; text-transform: capitalize; margin-bottom: 5px; }
.left .category-description .title h3 { margin-right: 10px; height: auto; margin-bottom: 0; }
.left .category-description .short-description { color: #000; font-size: 16px; }
.block-article-right .article-content .article-block { border-radius: 15px; }
.block-article-right .article-block-content .article-block { padding: 20px 60px 30px 30px; }
.left .image-category { text-align: left; }
.left .image-category img { max-width: 250px; border-radius: 50px; }
.block-article-right .article-block-content { text-align: left; margin-top: 0; padding-left: 30px; }
.block-article-right .article-content .article-block:hover { transform: scale(1.05); }
.block-article-right { border-left: 2px solid #707070; }
.block-article-right .article-block-content .article-block .sign-arrow { position: absolute; top: 50%; transform: translate(0, -50%); right: 40px; }

/* Article page */
#module-vsihelpcenter-helpcenterarticle section#content #helpcenter-wrapper { margin-top: 30px; }
.top-content { padding-bottom: 30px; border-bottom: 1px solid #707070; margin-bottom: 40px; }
.top-content .nav-article.container { display: flex; align-items: center; padding-left: 30px; }
.top-content a { float: left; margin-right: 50px; background: #f2f2f2; border: 2px solid #d2d2d2; border-radius: 50px; text-transform: uppercase; color: #000; padding: 10px 25px; }
.top-content .full-article-title { font-size: 18px; margin-bottom: 0; }
#module-vsihelpcenter-helpcenterarticle #wrapper #content { text-align: left; }
#module-vsihelpcenter-helpcenterarticle #main>#content .container { width: 1280px; }
.widget-ArticleHtml iframe { width: 100%; height: 450px; }
.widget-ArticleHtml { line-height: 1.5; }
.left { text-align: left; }
ul.article-list-item li a, h3.article-current { font-size: 16px; color: #000; }
ul.article-list-item li { margin-bottom: 5px; }
h3.article-current { height: auto; margin-bottom: 5px; }
body h3.title-left-blog { font-size: 18px; font-family: 'Poppins-Regular'; height: auto; margin-bottom: 20px; }
.article-relate a { font-family: 'Poppins-Bold'; color: #000; text-transform: capitalize; }
.article-relate li { margin-bottom: 5px; }
.left .social-sharing { border: none; padding: 0; display: block; }
.left .social-sharing ul { width: 100%; }
.left .social-sharing ul li { display: block; margin: 0; margin-bottom: 20px; height: 45px; }
.social .social-sharing li:hover { transform: unset; }
.social .social-sharing li.facebook:before { background: url(../../img/facebook.png) no-repeat; }
.social .social-sharing li.twitter:before { background: url(../../img/twitter.png) no-repeat; }
.social .social-sharing li.linkdin:before { background: url(../../img/linkdin.png) no-repeat; }
.social .social-sharing li:before { content: ""; width: 45px; height: 45px; position: absolute; background-size: 100% !important; }
.left .top, .left .social { margin-bottom: 80px; }
.content-right { padding-left: 30px; border-left: 1px solid #707070; }
.content-right .row { margin: 0; margin-bottom: 40px; }
#product-add-to-cart { display: flex; align-items: center; padding: 0; clear: both; margin-bottom: 0; padding-top: 20px; }
#product-add-to-cart .product-add-to-cart { display: flex; align-items: center; justify-content: flex-end; }
#product-add-to-cart .product-quantity { margin: 0; position: relative; justify-content: right; align-items: baseline; max-width: 300px; min-width: 300px; }
#product-add-to-cart .product-quantity .qty { width: 80%; float: right; margin-right: 0; }
#product-add-to-cart .product-quantity .add {    /*min-width: 90px;
                    */
position: absolute; right: 0; z-index: 9; width: fit-content; }
#product-add-to-cart .info-product .product-name { font-family: 'Poppins-Bold'; color: #000; }
#product-add-to-cart .info-product .current-price>span { font-size: 20px; font-family: 'Poppins-Bold'; color: #000; }
#product-add-to-cart .info-product .current-price .product-discount .regular-price { font-size: 16px; margin: 0;}
#product-add-to-cart .info-product .current-price .discount-amount { color: #f00; font-family: 'Poppins-Regular'; font-size: 16px; background: transparent;margin: 0;padding: 0;}
#product-add-to-cart .product-quantity .add .add-to-cart { font-size: 12px; padding: 7px 15px; min-width: auto; border-radius: 50px; font-family: 'Poppins-Regular'; }
.product-quantity .qty .input-group { height: 50px; }
#product-add-to-cart .product-quantity .qty #quantity_wanted { height: 50px; min-width: 180px; border-radius: 50px; text-align: left; padding-left: 62px; }
#product-add-to-cart .product-quantity .qty .input-group-btn-vertical { width: 100%; position: absolute; left: 10px; z-index: 9; display: flex; padding: 0 5px; top: 50%; transform: translate(0, -50%); }
#product-add-to-cart .product-quantity .qty .input-group-btn-vertical .js-touchspin { background: transparent; border: none; width: 35%; text-align: left; height: 30px; margin: 0; }
#product-add-to-cart .product-quantity .qty .input-group-btn-vertical .js-touchspin.bootstrap-touchspin-up { order: 2; text-align: left; width: 25%; }
#product-add-to-cart .product-quantity .qty .input-group-btn-vertical .btn i.touchspin-up:after { content: "\e145"; }
#product-add-to-cart .product-quantity .qty .input-group-btn-vertical .btn i.touchspin-down:after { content: "\e15b"; }
.content-right>.row:last-child { background: #f5f5f5; padding: 40px 15px; border-radius: 15px; box-shadow: 2px 5px 18px -8px #979797; }
.content-right .row .widget-ArticleImage { max-width: 220px; height: auto; }
.content-right .row.even .widget-ArticleImage { margin-right: 15px; float: left; }
.content-right .row .widget-ArticleImage img { width: 100%; height: auto; }
.content-right .row.odd .widget-ArticleImage { float: right; margin-left: 15px; margin-bottom: 15px; }
.content-right .row:last-child { margin-bottom: 0; }
.content-right .row .widget-ArticleImage.video { max-width: 100%; }
.hc-art-video, .hc-art-content{margin-bottom:40px;}
#helpcenter-wrapper .product-prices .tax-shipping-delivery-label{display: none;}
.hc-art-content .hc-art-title {margin-bottom: .5rem}
body .hc-art-title h2{font-size: 20px}
body #content .hc-art-content .hc-art-content-detail p{font-size: 14px;margin-bottom: 9px;line-height: 1.5;}

/* pagination */
ul.page-list-left { display: flex; justify-content: center; margin-top: 20px; clear: both; }
.page-list-left li { margin-right: 15px; cursor: pointer; }
.page-select.active .link-pagination { font-weight: 700; color: #1f3c64; }
body#module-vsihelpcenter-helpcenterarticle .product-add-to-cart .add .add-to-cart i:before { content: ""; background: url(/modules/vsihelpcenter/views/img/cart.png) no-repeat; position: absolute; top: 4px; left: 4px; width: 30px; height: 30px; background-size: 30px; }
body#module-vsihelpcenter-helpcenterarticle .product-add-to-cart .add .add-to-cart i { margin-right: 5px; }
body#module-vsihelpcenter-helpcenterarticle .product-quantity .wishlist-compare { display: none; }
.content-right #product-add-to-cart .current-price { align-items: end; }
#helpcenter-wrapper .left .category-description p { font-size: 16px; }
.widget-ArticleHtml h2 a, .widget-ArticleHtml h1 a { color: #000; font-weight: 700; font-family: Poppins-Bold; text-decoration: none; }
.widget-ArticleHtml a { color: #1f3c64; text-decoration: underline; text-underline-position: under; }

/*Detail product Article*/
#detail-product { display: flex; }
#detail-product .product-data { width: 60%; padding-right: 30px; }
#detail-product .product-image { width: 40%; }
#detail-product .product-image img { width: 100%; height: auto; }
#detail-product .product-data h3 { font-size: 24px; height: auto; }
#detail-product .product-data .description { color: #000; font-size: 14px; }
#helpcenter-wrapper .product-prices .product-price { margin: 10px 0 0; }
#helpcenter-wrapper .info-product .current-price { flex-wrap: wrap; }
#helpcenter-wrapper .info-product .current-price .viabill-pricetag { width: 100%; }
#helpcenter-wrapper .info-product .current-price .product-discount { padding: 5px 0 0; }
ul.article-list-item li a:hover { color: #1f3c64; font-weight: 700; text-decoration: underline; text-underline-position: under; }

/*helpcenterarticle by ming*/
.widget-ArticleHtml p, .widget-ArticleHtml a, .widget-ArticleHtml span, #detail-product .description p, #detail-product .description a, #detail-product .description span {
    font-family: Poppins-Regular !important;
    font-size: 14px !important;
    text-align: left !important;
    color: #1f3c64 !important;
}
.widget-ArticleHtml h1, .widget-ArticleHtml h2, .widget-ArticleHtml h3, .widget-ArticleHtml h4, .widget-ArticleHtml h5 { font-family: Poppins-Bold !important; }
.content-right .add-to-cart .product-add-to-cart .product-add-to-cart>.product-minimal-quantity { display: none; }
#product-add-to-cart .product-add-to-cart { flex-wrap: wrap; }
.content-right .add-to-cart p.product-minimal-quantity { font-size: 12px; display: block; margin-top: -10px; }
#help-center-detail .botton-box { text-transform: uppercase; }
#helpcenter-wrapper .content-right .row.even .widget-ArticleImage { display: none; }
div#helpcenter-wrapper .product-variants span.radio-label { text-align: center; font-size: 12px; }
#module-vsihelpcenter-helpcenterarticle #main>#content .container { position: relative; justify-content: center; }
#module-vsihelpcenter-helpcenterarticle #main>#content .nav-article.container a { position: absolute; left: 20px; }
#module-vsihelpcenter-helpcenterarticle #main>#content .container h2.full-article-title { font-size: 25px; padding: 0 150px; }
#detail-product .description a { color: #1f3c64; text-decoration: underline; text-underline-position: under; }
p.top-kommer { font-size: 14px; margin-bottom: 0; font-weight: lighter; }
#detail-product .product-image { background: #fff; padding: 20px; border-radius: 20px; }
#product-add-to-cart .product-quantity .qty { width: 100%; }
#product-add-to-cart .product-quantity .qty .input-group-btn-vertical { left: 15px; }
#product-add-to-cart .product-quantity .qty #quantity_wanted { padding-left: 70px; }
body#module-vsihelpcenter-helpcentercategory #helpcenter-wrapper { background: url(../../img/bg-category.jpg) 0 no-repeat; background-position: bottom; }

/* _sub_category */
.container.container-sub-cate .article-block-category { min-height: auto; }
ul.ul_sub_category { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; gap: 20px; }
ul.ul_sub_category li.sub_category_list { padding: 10px 20px; border: 0px solid #000; background: #ddd; color: #252525; border-radius: 20px; }
ul.ul_sub_category li.sub_category_list p { margin: 0; color: #252525; font-weight: bold; }
.container.container-sub-cate .article-block-category h2 { font-size: 30px; }
.container.container-sub-cate .article-category.row { margin-top: 30px; }
body[id^="module-vsihelpcenter-"] section#content { margin-bottom: 0; }
.article-block-category { margin-top: 0px; min-height: 615px; margin-bottom: 80px; }

/* New edit */
#product-add-to-cart .product-quantity .qty .input-group-btn-vertical .btn i.touchspin-up:after, 
#product-add-to-cart .product-quantity .qty .input-group-btn-vertical .btn i.touchspin-down:after { font-size: 18px; }

#main #helpcenter-wrapper {
    margin-top: 50px;
}
body#module-vsihelpcenter-helpcenterhome section#wrapper {
    padding: 0;
    overflow-y: hidden;
}
body[id^="module-vsihelpcenter-"] #wrapper>.container>.row {
    margin: 0;
}
body[id^="module-vsihelpcenter-"] #wrapper>.container>.row div#content-wrapper {
    padding: 0 !important;
    margin: 0 !important;
}
#header-helpcenter {
    margin: 0;
    max-width: 1920px;
    margin: auto;
    position: relative;
}

/* responsive */
@media(max-width:1580px) {
    .article-block-category { margin-bottom: 5%; }
}
@media(max-width:1200px) {
    body[id^="module-vsihelpcenter"] section#wrapper>.container>.row, body[id^="module-vsihelpcenter"] section#wrapper>.container>.row #content-wrapper #main #header-helpcenter { margin: 0; }
    body[id^="module-vsihelpcenter"] section#wrapper>.container>.row #content-wrapper { padding: 0; }
    body[id^="module-vsihelpcenter"] section#content #helpcenter-wrapper { margin-top: 30px; margin-left: 0; margin-right: 0; }
    body[id^="module-vsihelpcenter"] #wrapper .container .article-category { margin-top: 70px; }
}
@media(max-width:1199px) {
    body#module-vsihelpcenter-helpcenterhome #helpcenter-wrapper { background: url(../../img/bg-category-mobile.jpg) 0 no-repeat; background-position: bottom; }
    body[id^="module-vsihelpcenter"] #wrapper #content .container { padding: 0 15px; }
    body#module-vsihelpcenter-helpcenterhome #wrapper #content .container { padding: 0; }
    #header-helpcenter .header-top { width: 100%; top: 15px; }
    .article-content .left { margin-right: 15px; }
    .article-content .right { margin-left: 15px; }
    .article-block-category { margin-bottom: 50px; min-height: 100%; }
    body[id^="module-vsihelpcenter-"] #wrapper>.container { padding-bottom: 0; }
    .article-content .left, .article-content .right { width: calc(50% - 15px); }
    .article-block-content .article-content { padding: 0 15px; }
    #product-add-to-cart .product-quantity { max-width: 300px; min-width: 300px; }
    #product-add-to-cart .product-quantity .qty #quantity_wanted { padding-left: calc(50% - 30px); }
    #product-add-to-cart .product-quantity .qty .input-group-btn-vertical { width: 0; left: 10px; }
    #product-add-to-cart .product-quantity .qty .input-group-btn-vertical .js-touchspin.bootstrap-touchspin-up { width: calc(50% - 30px); text-align: right; left: 200px; }
    #product-add-to-cart .product-quantity .add-to-cart span { display: none; }
    body#module-vsihelpcenter-helpcenterarticle #product-add-to-cart .product-quantity .add-to-cart { width: fit-content; padding: 7px 5px; min-width: auto; left: auto; right: 0; margin-top: 0; }
    body#module-vsihelpcenter-helpcenterarticle #product-add-to-cart .product-quantity .add { min-width: unset; right: 0; width: fit-content; }
    body#module-vsihelpcenter-helpcenterarticle .product-add-to-cart .add-to-cart i { margin-right: 0; }
    .content-right #product-add-to-cart .product-quantity .qty { width: 100%; }
    #product-add-to-cart .info-product .current-price { flex-wrap: wrap; }
    #product-add-to-cart .info-product .current-price span:first-child { width: 100%; }
    #product-add-to-cart .info-product .current-price .product-discount { width: 100%; margin-top: 0; padding-top: 5px; padding-left: 0; }
    body#module-vsihelpcenter-helpcenterhome .article-block-content .article-content { padding: 0 30px; }
    #helpcenter-wrapper #product-add-to-cart { flex-wrap: wrap; }
    #helpcenter-wrapper #product-add-to-cart .product-prices { margin-bottom: 0; }
    #helpcenter-wrapper .product-prices .product-price { width: 100%; }
    #helpcenter-wrapper .info-product .current-price .viabill-pricetag { margin-top: 0; }
    #helpcenter-wrapper #product-add-to-cart .info-product .current-price .product-discount .regular-price { width: fit-content; }
    #helpcenter-wrapper #product-add-to-cart .product-add-to-cart { flex-wrap: wrap; justify-content: center; padding-top: 20px; }
    body#module-vsihelpcenter-helpcenterarticle #product-add-to-cart .product-quantity .add { margin-top: 0; }
    #module-vsihelpcenter-helpcenterarticle #main>#content .nav-article.container a { position: static; }
}
@media(max-width:991px) {
    body#module-vsihelpcenter-helpcenterhome #helpcenter-wrapper { margin-top: 30px; }
    .article-block-category { margin-bottom: 50px; margin-top: 50px; }
    .article-category { margin-top: 50px; }
    .row { margin-left: 0; margin-right: 0; }
    #content-wrapper { padding: 0; }
    .article-category .category-block { padding: 0 20px; }
    .article-category .title-ategory h3 { font-size: 20px; }
    .article-block-category h2 { font-size: 40px; }
    .left .image-category img { max-width: 250px; width: 100%; }
    #main #helpcenter-wrapper { margin-top: 40px; }
    .block-article-right .article-block-content { padding-left: 10px; }
    .block-article-right { width: 60%; }
    #helpcenter-wrapper .left { width: 40%; }
    .content-right { border: none; width: 100%; padding: 0 15px; }
    .content-right .col-md-12 { padding: 0; }
    .content-right .row { margin-bottom: 30px; }
    #module-vsihelpcenter-helpcenterarticle #main>#content .container { width: 100%; }
    #module-vsihelpcenter-helpcenterarticle #helpcenter-wrapper .left { width: 40%; display: none; }
    #module-vsihelpcenter-helpcenterarticle #helpcenter-wrapper .left.mobile { display: block; margin-top: 30px; width: 100%; }
    #module-vsihelpcenter-helpcenterarticle #helpcenter-wrapper .left.mobile .top { width: 40%; float: left; margin-bottom: 0; border-right: 1px solid #707070; }
    .left .top, .left .social { margin-bottom: 0; }
    .left .social h3.title-left-blog { width: fit-content; float: left; }
    .left .social .social-sharing { width: 50%; display: inline-block; margin-bottom: 0; margin-left: 10px; }
    .left .social-sharing ul li { display: inline-block; margin: 0; margin-bottom: 0; height: 32px; width: 40px; }
    .social .social-sharing li:before { width: 30px; height: 32px; }
    #module-vsihelpcenter-helpcenterarticle #wrapper #content { margin-bottom: 0; }
    #module-vsihelpcenter-helpcenterarticle #helpcenter-wrapper .left.mobile .article-relate { display: inline-block; width: 60%; padding-left: 30px; }
    #module-vsihelpcenter-helpcenterarticle #helpcenter-wrapper .left.mobile .top { width: 100%; border-right: 0px solid #707070; }
    #module-vsihelpcenter-helpcenterarticle #helpcenter-wrapper .left.mobile { padding: 0 30px; margin-bottom: 30px; }
    #module-vsihelpcenter-helpcenterarticle #helpcenter-wrapper .left.mobile .top { margin-bottom: 30px; }
}
@media(max-width:767px) {
    #header-helpcenter .header-top .back-home a { font-size: 16px; }
    body#module-vsihelpcenter-helpcenterhome .article-block-content { padding: 0 15px; }
    #header-helpcenter .header-top .back-home .fa.fa-home { color: #fff; font-size: 30px; }
    #header-helpcenter .header-top .back-home .back-home-desktop { display: none; }
    #header-helpcenter .header-top .back-home .back-home-mobile { display: block; background: transparent; padding: 0; }
    #header-helpcenter .header-top .back-home { float: left; width: 50%; text-align: right; padding-right: 25px; }
    .lang-select { display: inline-block; float: left; padding-left: 0; }
    .lang-select .current { padding: 15px 25px 0; background: transparent; padding-right: 0; }
    #header-helpcenter .header-top { top: unset; bottom: 10px; }
    .lang-select ul { min-width: 160px; right: 0; top: 35px; }
    .lang-select .current img { float: left; }
    .lang-select .current img, .lang-select ul img { max-width: 30px; }
    .header-title { margin-bottom: 0; }
    .header-title .logo img { max-width: unset; min-height: unset; width: auto !important; height: 20px; }
    #header-helpcenter .header-title .title h1 { font-size: 30px; }
    .header-title .logo:after { height: 25px; }
    #header-helpcenter .subtitle h2 { font-size: 20px; }
    .search-tool .seaarch-helpcenter { position: relative; width: 100%; }
    .search-tool input { display: none; position: absolute; top: 18px; right: unset; width: 300px; min-width: unset; font-size: 12px; height: 40px; left: 50%; transform: translate(-50%, 0); }
    .search-tool button { color: #fff; font-size: 22px; top: -15px; right: unset; left: 50%; transform: translate(-50%, 0); }
    .search-tool button:hover i { color: #fff; }
    .popup-search { left: 50%; top: 62px; width: calc(100% - 30px); transform: translate(-50%, 0); }
    .search-tool { margin: 0; padding: 15px 0; }
    #header-helpcenter { padding: 10px 0 15px; position: relative; }
    .#header-helpcenter .header-top { top: unset; bottom: 10px; }
    body#module-vsihelpcenter-helpcenterhome #helpcenter-wrapper { background-position-y: 110%; }
    .article-content .left, .article-content .right { width: 100%; margin: 0; margin-bottom: 35px; }
    .article-block-content h2 { margin-bottom: 30px; }
    #helpcenter-wrapper .left { width: 100%; }
    .left .image-category { float: left; margin-right: 30px; margin-bottom: 5px; }
    .left .image-category img { max-width: 130px; }
    .left .category-description, .article-block-content .article-content, .block-article-right .article-block-content { padding: 0; }
    .block-article-right { width: 100%; clear: both; border: none; }
    .block-article-right .article-block-content { min-height: 100%; padding-top: 40px; }
    body#module-vsihelpcenter-helpcenterarticle .image-category { margin: 0; }
    body#module-vsihelpcenter-helpcenterarticle .image-category img { max-width: 175px; }
    .left .social .social-sharing { margin-left: 0; display: block; }
    h3.title-left-blog { margin-bottom: 10px; }
    body#module-vsihelpcenter-helpcenterarticle .image-category { margin: 0; float: unset; margin-bottom: 10px; }
    body[id^="module-vsihelpcenter"] #wrapper .container .article-category { margin-top: 50px; }
    .left .category-description .title h3, .left .category-description .title h2 { margin-bottom: 0; }
    #detail-product { flex-direction: column; }
    #detail-product .product-data, #detail-product .product-image { width: 100%; }
    #detail-product .product-data { padding-right: 0; }
    #detail-product .product-image { justify-content: center; display: flex; padding: 20px 0; }
    #detail-product .product-image img { max-width: 220px; }
    #module-vsihelpcenter-helpcenterarticle #main>#content .container h2.full-article-title {
        font-size: 25px;
        padding: 0 0px;
    }
}
@media(max-width:575px) {
    #header-helpcenter .header-title .title h1 { font-size: 25px; }
    body#module-vsihelpcenter-helpcenterhome .article-block-content .article-content { padding: 0 15px; }
    .article-content .left, .article-content .right { width: 100%; margin-right: 0; margin-left: 0; clear: left; }
    .article-category .category-block { padding: 0px 15px; width: 50%; float: left; display: inline-block; margin-bottom: 30px; }
    body#module-vsihelpcenter-helpcenterhome #helpcenter-wrapper { background: unset; }
    body[id^="module-vsihelpcenter-"] section#content { margin-bottom: 0; }
    .article-block-category { margin-bottom: 0; }
    .article-category.row { padding: 30px 15px 0; margin-top: 15px; }
    .article-block-category h2 { color: #fff; }
    #module-vsihelpcenter-helpcenterarticle #helpcenter-wrapper .left.mobile .top, .left .social .social-sharing { width: 100%; border: none; }
    #module-vsihelpcenter-helpcenterarticle #helpcenter-wrapper .left.mobile .article-relate { width: 100%; padding-left: 0; margin-top: 30px; }
    .left .social { margin-top: 20px; margin-bottom: 20px; }
    .left .social h3.title-left-blog { margin-right: 10px; font-size: 16px; }
    #product-add-to-cart { flex-direction: column; }
    #product-add-to-cart .info-product { text-align: center; }
    body#module-vsihelpcenter-helpcenterarticle .image-category { display: flex; justify-content: center; }
    #product-add-to-cart .product-add-to-cart { margin-top: 0; }
    body[id^="module-vsihelpcenter"] #wrapper .container .article-category { margin-top: 20px; }
    #product-add-to-cart .info-product .current-price { justify-content: center; }
    #helpcenter-wrapper .info-product .current-price .product-discount { display: flex; justify-content: center; }
}
@media(max-width:479px) {
    .header-title { margin-bottom: 5px; }
    #header-helpcenter .subtitle { display: none; }
    #header-helpcenter .header-title .title h1 { font-size: 18px; padding-left: 10px; }
    .header-title .logo img { height: 12px; }
    #content-wrapper #header-helpcenter .container { padding: 0 20px; }
    .header-title .logo { padding-right: 10px; }
    .header-title .logo:after { height: 20px; width: 1px; }
    .top-content a { padding: 5px 6px; margin-right: 20px; }
    .top-content a .back-title { display: none; }
    .top-content { padding-bottom: 20px; margin-bottom: 30px; }
    #module-vsihelpcenter-helpcenterarticle section#content #helpcenter-wrapper { margin-top: 20px; }
    .article-category .category-block { width: 100%; }
    .article-category .category-block img { max-width: 195px; }
    .article-category .title-ategory { margin-top: 20px; text-align: center; margin-bottom: 20px; }
    .article-block-content h2, .article-block-category h2 { font-size: 35px; }
    .article-block-content { margin-top: 30px; }
    .left .image-category { margin-right: 0; width: 100%; display: flex; justify-content: center; }
    .left .image-category img { max-width: 180px; }
    .left .category-description { clear: both; padding-top: 20px; text-align: center; }
    #helpcenter-wrapper .content-right .row .widget-ArticleImage { margin-right: 0; float: unset; display: flex; justify-content: center; max-width: unset; }
    .content-right .row .widget-ArticleImage img { max-width: 300px; }
    #helpcenter-wrapper .content-right .row.even .widget-ArticleImage { display: none; }
}
@media(max-width:420px) {
    #helpcenter-wrapper .info-product .current-price .product-discount { display: flex; justify-content: center; flex-direction: column; align-items: center; }
    #helpcenter-wrapper #product-add-to-cart .info-product .current-price .product-discount .regular-price { width: fit-content; margin: 0; }
    #product-add-to-cart .info-product .current-price .discount-amount { font-size: 15px; }
    #module-vsihelpcenter-helpcenterarticle section#content #helpcenter-wrapper .product-actions.col-md-6.col-sm-6.col-lg-12 { padding: 0; }
    #module-vsihelpcenter-helpcenterarticle #helpcenter-wrapper .left.mobile { padding: 0 10px; }
}

/*ming*/
body#module-vsihelpcenter-helpcenterhome #helpcenter-wrapper.newcontent2023 { background: none; }
body#module-vsihelpcenter-helpcenterhome #helpcenter-wrapper.newcontent2023 .article-block-category .article-category h2, body#module-vsihelpcenter-helpcenterhome #helpcenter-wrapper.newcontent2023 .article-block-category .article-category h3 { color: #1F3C64; }
div#helpcenter-wrapper.newcontent2023 .article-block-content { margin-bottom: 100px; }
.article-block-category h2 span.bold { margin-left: 10px; }
ul.ul_sub_category li.sub_category_list span { text-transform: capitalize; }
.block-article-right .article-block-content .article-block p.content { display: none; }
.block-article-right .article-block-content .article-block { padding: 20px 30px 20px 30px; }
.block-article-right .article-block-content .article-block span.sign-arrow { display: none; }
ul.ul_sub_category li.sub_category_list.active { background: #1f3c64; color: white; }
ul.ul_sub_category li.sub_category_list.active p { color: white; }
.article-block-category { margin-top: 30px; }
#helpcenter-wrapper .left .category-description .title p { font-size: 30px; display: inline-block; color: #1F3C64; text-transform: capitalize; margin-bottom: 5px; font-weight: bold; margin-bottom: 10px; }
.article-content .title-article { color: #1F3C64; }
#helpcenter-wrapper .left .category-description p a { color: #1F3C64; }
ul.ul_sub_category li.sub_category_list p { color: #1F3C64; }
#detail-product .product-data h3 { color: #1F3C64; }
.content-right .widget-ArticleHtml h2 { color: #1F3C64; }
#module-vsihelpcenter-helpcenterarticle #main>#content .container h2.full-article-title { color: #1F3C64; }
#product-add-to-cart .info-product .current-price>span { color: #1F3C64; }
h3.title-left-blog { color: #1F3C64; }
h3.article-current { color: #1F3C64;font-size: 16px !important; }
#helpcenter-wrapper .left .category-description p { color: #2F5C88; }
ul.page-list-left a.link-pagination { color: #2F5C88; }
h3.title-left-blog { color: #1F3C64; font-family: Poppins-Bold !important; }
.left .social-sharing ul { display: flex; flex-direction: row; }
.left .social-sharing ul li { display: block; margin: 0; margin-bottom: 20px; height: 45px; width: 45px; margin-right: 10px; }
.article-list ul.article-list-item li.article a { color: #2F5C88; }
.content-right .widget-ArticleHtml p { color: #2F5C88; }
#detail-product .product-data .description { color: #2F5C88; font-size: 14px; }
#detail-product .product-data .description { color: #2F5C88; }
#product-add-to-cart .popup-shipping-button { color: #2F5C88; text-decoration: underline; text-underline-position: under; cursor: pointer; margin-bottom: 30px; }
#shipping-modal .price-shipping .col-md-4.col-xs-4.left { text-align: center; }
#helpcenter-wrapper .left .category-description .title p { font-size: 30px; display: inline-block; color: #1F3C64; text-transform: capitalize; margin-bottom: 5px; font-weight: bold; margin-bottom: 10px; }
.article-content .title-article { color: #1F3C64; }
#helpcenter-wrapper .left .category-description p a { color: #1F3C64; }
ul.ul_sub_category li.sub_category_list p { color: #1F3C64; }
#detail-product .product-data h3 { color: #1F3C64; }
.content-right .widget-ArticleHtml h2 { color: #1F3C64; }
#module-vsihelpcenter-helpcenterarticle #main>#content .container h2.full-article-title { color: #1F3C64; }
#product-add-to-cart .info-product .current-price>span { color: #1F3C64; }
h3.title-left-blog { color: #1F3C64; }
#helpcenter-wrapper .left .category-description p { color: #2F5C88; }
ul.page-list-left a.link-pagination { color: #2F5C88; }
h3.title-left-blog { color: #1F3C64; font-family: Poppins-Bold !important; }
.left .social-sharing ul { display: flex; flex-direction: row; }
.left .social-sharing ul li { display: block; margin: 0; margin-bottom: 20px; height: 45px; width: 45px; margin-right: 10px; }
.article-content .article-block p.content { color: #2F5C88; }
#module-vsihelpcenter-helpcenterarticle section#content #helpcenter-wrapper { margin-top: 30px; margin-bottom: 50px; }

#module-vsihelpcenter-helpcenterarticle #product-add-to-cart .product-quantity {
    max-width: 100%;
    min-width: 100%;
}
#module-vsihelpcenter-helpcenterarticle #product-add-to-cart .product-quantity .add {
    width: 150px;
}
#module-vsihelpcenter-helpcenterarticle #product-add-to-cart .product-quantity .add .add-to-cart {
    padding-left: 50px;
}
body#module-vsihelpcenter-helpcenterarticle .product-add-to-cart .add .add-to-cart i {
    left: 10px;
    top: 11px;
    width: 25px;
    height: 25px;
    position: absolute;
}
body#module-vsihelpcenter-helpcenterarticle .product-add-to-cart .add .add-to-cart i:before {
    width: 25px;
    height: 25px;
    background-size: 25px;
}

#helpcenter-wrapper .left .category-description .title p {
    font-size: 30px;
    display: inline-block;
    color: #1F3C64;
    text-transform: capitalize;
    margin-bottom: 5px;
    font-weight: bold;
    margin-bottom: 10px;
    font-family: 'Poppins-Bold';
}
.search-tool button {
    top: 10px;
}
.left .image-category img {
    max-width: 250px;
    border-radius: 20px;
}
.block-article-right {
    border-left: 2px solid #ebebeb;
}
#helpcenter-wrapper .left .category-description p {
    color: #1f3c64;
    font-size: 16px;
    line-height: 1.6;
}
.left .category-description .title h3, .left .category-description .title h2 {
    font-size: 30px;
    display: inline-block;
    color: #1F3C64;
    text-transform: capitalize;
    margin-bottom: 5px;
    line-height: 1.3;
}
ul.ul_sub_category li.sub_category_list {
    padding: 10px 30px;
    border: 1px solid #ddd;
    background: #ddd;
    color: #252525;
    border-radius: 30px;
}
ul.ul_sub_category li.sub_category_list:hover {
    border: 1px solid #1f3c64;
    background: white;
}

ul.ul_sub_category li.sub_category_list.active:hover {
    background: #1f3c64;
    color: white;
}

sub-cate .article-block-category h2 {
    font-size: 30px;
    line-height: 1.3;
}
.article-block-category {
    margin-top: 0px;
    margin-bottom: 30px;
}
.block-article-right .article-block-content .article-block h3.title-article {
    margin: 0;
}
.block-article-right .article-block-content .article-block {
    padding: 20px 30px;
    border-radius: 10px;
    margin-bottom: 30px;
    box-shadow: 1px 1px 5px 3px #ebebeb;
    border: 1px solid #f6f6f6;
}
.container.category-main {
    margin-top: 100px;
    padding-bottom: 50px;
}
body#module-vsihelpcenter-helpcentercategory #helpcenter-wrapper .left.col-md-4 {
    padding-right: 45px;
}
body[id^="module-vsihelpcenter-"] #wrapper{
    padding-top:0px ;
}
body[id^="module-vsihelpcenter-"] div#content {
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 50px;
}
body[id^="module-vsihelpcenter-"] #wrapper>.container {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
}
body#module-vsihelpcenter-helpcenterarticle div#helpcenter-wrapper {
    margin-top: 0;
}
#module-vsihelpcenter-helpcenterarticle #wrapper #content {
    text-align: left;
    padding-top: 30px;
}
.content-right {
    padding-left: 30px;
    border-left: 1px solid #e7e7e7;
}
.article-list ul.article-list-item li.article a {
    color: #1f3c64;
}
.article-list ul.article-list-item li.article a {
    color: #1f3c64;
    text-decoration: underline;
    font-size: 14px;
    line-height: 1.4;
}
ul.article-list-item li {
    margin-bottom: 10px;
}
.article-list ul.article-list-item li.article a:hover {
    color: #1f3c64;
    font-weight: normal;
}
h3.article-current {
    color: #1F3C64;
    font-size: 16px !important;
    margin-bottom: 10px;
}
.top-content a {
    float: left;
    margin-right: 50px;
    background: #fff;
    border: 1px solid #1f3c64;
    border-radius: 50px;
    text-transform: uppercase;
    color: #1f3c64;
    padding: 10px 25px;
    font-weight: bold;
    line-height: 1.6;
    font-size: 16px;
}
#module-vsihelpcenter-helpcenterarticle #main>#content .nav-article.container a span.material-icons {
    line-height: normal;
    margin-top: -2px;
}
#module-vsihelpcenter-helpcenterarticle #main>#content .container h2.full-article-title {
    color: #1F3C64;
    font-size: 30px;
    line-height: 1.3;
}
.top-content {
    padding-bottom: 30px;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 30px;
}
#detail-product .product-data .description {
    color: #1f3c64;
}
#detail-product .product-data .description, 
#detail-product .product-data .description p, 
#detail-product .product-data .description a,
#detail-product .product-data .description div {
    color: #1f3c64 !important;
    font-size: 14px !important;
    line-height: 1.4;
    margin-bottom: 10px !important;
    background: transparent !important;
}
#detail-product .product-data h3 {
    color: #1F3C64;
    font-size: 18px;
}
#detail-product {
    display: flex;
    flex-direction: row-reverse;
    padding: 0;
}
.content-right .row:last-child {
    margin-bottom: 0;
    padding: 20px;
}
#detail-product .product-data {
    width: 70%;
    padding-right: 0px;
    padding-left: 20px;
}
#product-add-to-cart {
    align-items: flex-start;
}
#detail-product .product-image {
    background: #fff;
    padding: 20px;
    border-radius: 20px;
    width: 30%;
    text-align: left;
    align-items: center;
    justify-content: flex-start;
    display: flex;
    margin-left: 0;
}
body #content .hc-art-content .hc-art-content-detail p {
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 1.6;
}
#product-add-to-cart .product-prices.js-product-prices {
    margin-top: 0;
}
#product-add-to-cart .info-product.col-md-6.col-lg-12.col-sm-6 {
    padding: 0;
}
#product-add-to-cart .product-actions.col-md-6.col-sm-6.col-lg-12 form#add-to-cart-or-refresh {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
#product-add-to-cart .product-actions.col-md-6.col-sm-6.col-lg-12 form#add-to-cart-or-refresh section.product-discounts.js-product-discounts {
    margin-bottom: 0;
}
#product-add-to-cart .product-actions.col-md-6.col-sm-6.col-lg-12 {
    width: 70%;
    padding-right: 0;
}
#product-add-to-cart .info-product.col-md-6.col-lg-12.col-sm-6 {
    padding: 0;
    width: 30%;
}
#product-add-to-cart .product-add-to-cart span.control-label {
    display: none;
}
.wishlist-button-add {
    display: none !important;
}
#module-vsihelpcenter-helpcenterarticle #product-add-to-cart .product-quantity .add .add-to-cart {
    padding-left: 50px;
    height: 50px;
    width: 100%;
}
#module-vsihelpcenter-helpcenterarticle #product-add-to-cart .product-quantity .add {
    width: 50%;
    position: relative;
    margin-bottom: 0;
    height: 50px;
    max-width: 200px;
    margin-right: 0;
    margin-left: 20px;
    justify-content: flex-end;
}
#module-vsihelpcenter-helpcenterarticle .product-actions .control-label {
    font-size: 12px;
}
#module-vsihelpcenter-helpcenterarticle #product-add-to-cart .product-quantity .qty {
    width: auto;
    margin-left: auto;
    margin-bottom: 0;
    margin-right: 0px;
    max-width: 150px;
}
body#module-vsihelpcenter-helpcenterarticle .product-add-to-cart .add .add-to-cart i {
    color: transparent;
}
#module-vsihelpcenter-helpcenterarticle #product-add-to-cart .product-quantity .qty .input-group {
    height: 50px;
    box-shadow: none;
    position: relative;
    border: 1px solid #e8e8e8;
    border-radius: 30px;
    background: white;
    width: 100%;
}
#module-vsihelpcenter-helpcenterarticle #product-add-to-cart .product-quantity .qty #quantity_wanted {
    padding-left: 50px;
    border: none;
    padding: 0 15px;
    width: 100%;
    background: transparent;
    text-align: center;
    max-width: 100%;
    min-width: auto;
}
#product-add-to-cart .product-quantity .qty .input-group-btn-vertical {
    left: 15px;
    top: 0%;
    transform: translate(0, -50%);
    z-index: 99;
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
}
#product-add-to-cart .product-quantity .qty button.btn.btn-touchspin.js-touchspin.bootstrap-touchspin-down {
    left: 0;
    width: 20px;
    position: absolute;
    background: transparent;
    z-index: 99;
    padding: 0;
    right: 0;
    border: none;
    top: -35px;
}
#product-add-to-cart .product-quantity .qty button.btn.btn-touchspin.js-touchspin.bootstrap-touchspin-up {
    width: 20px;
    position: absolute;
    left: unset;
    background: transparent;
    z-index: 99;
    right: 0;
    border: none;
    font-size: 20px;
    right: 30px;
    left: unset;
    top: -35px;
}
#module-vsihelpcenter-helpcenterarticle #product-add-to-cart .product-quantity {
    max-width: 100%;
    min-width: 100%;
    align-items: center;
}
body#module-vsihelpcenter-helpcenterhome .article-block-content {
    margin-top: 100px;
}
body#module-vsihelpcenter-helpcenterarticle .product-add-to-cart .add .add-to-cart i:before {
    left: 23px;
}
body#module-vsihelpcenter-helpcenterhome #helpcenter-wrapper.newcontent2023 h2 {
    margin-bottom: 0;
}
body#module-vsihelpcenter-helpcenterhome #helpcenter-wrapper.newcontent2023 .article-block-content h2 {
    margin-bottom: 70px;
}
body#module-vsihelpcenter-helpcenterhome section#wrapper {
    overflow: hidden;
}
#module-vsihelpcenter-helpcenterarticle #wrapper #content .row.row-detail-product {
    margin-bottom: 50px;
}
#module-vsihelpcenter-helpcenterarticle #wrap .product_additional_info.col-md-6.col-sm-6.col-lg-12 {
    display: none;
}
#product-add-to-cart .info-product .current-price .product-discount .regular-price,
#product-add-to-cart .info-product .current-price .discount-amount {
    font-size: 12px;
}
#helpcenter-wrapper .product-prices .product-price .current-price {
    font-size: 16px;
    margin-bottom: 0;
}
#helpcenter-wrapper .product-prices .product-price .current-price span.current-price-value {
    font-size: 18px;
    line-height: normal;
}
#product-add-to-cart .product_additional_info.col-md-6.col-sm-6.col-lg-12 {
    display: none;
}
#detail-product .product-data .description ul {
    padding-left: 20px;
}
#helpcenter-wrapper .info-product .current-price .product-discount {
    padding: 0px 0 0;
}
#helpcenter-wrapper .product-prices .product-price {
    margin: 0px 0 0;
}
#header-helpcenter .all-tool {
    display: flex;
    align-items: center;
    justify-content: center;
}
#header-helpcenter .all-tool .home-tool {
    display: none;
}
.header-title {
    margin-bottom: 20px;
}
.search-tool {
    margin: 20px 0 50px;
}
#header-helpcenter {
    padding-top: 50px;
}
#header-helpcenter .header-top .back-home {
    text-align: left;
    padding-top: 0;
}
body#module-vsihelpcenter-helpcenterhome div#content .article-block-content .article-block {
    border: 1px solid #ebebeb;
    margin-bottom: 20px;
    box-shadow: 0px 0px 6px 3px #f6f6f6;
}
.article-category .category-block img {
    width: 100%;
    box-shadow: 0px 3px 22px 0px rgb(0 0 0 / 30%);
    border-radius: 20px;
}
.article-category .category-block {
    padding: 0 30px;
    text-transform: uppercase;
}
.article-block-category {
    margin-top: 0px;
    margin-bottom: 30px;
    margin-left: -30px;
    margin-right: -30px;
}
#detail-product .product-data .description ul {
    list-style: disc;
}
.hc-art-video, .hc-art-content {
    margin-bottom: 10px;
}
@media(max-width:767px) {
    div#header-helpcenter .header-title a.logo img {
        border-radius: 0 !important;
    }
    div#header-helpcenter .subtitle {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    #header-helpcenter .header-top .back-home {
        display: none;
    }
    div#header-helpcenter .all-tool {
        display: flex;
        margin: auto;
        align-items: center;
        justify-content: center;
    }
    #header-helpcenter .all-tool .home-tool {
        display: inline-flex;
    }
    div#header-helpcenter .all-tool .home-tool i.fa.fa-home {
        font-size: 25px;
        color: white;

    }
    div#header-helpcenter .all-tool .search-tool {
        padding: 0 10px;
        margin: 0;
    }
    div#header-helpcenter .all-tool .search-tool button.search-article {
        transform: translate(0%, 0);
        position: static;
        padding: 0;
        font-size: 16px;
    }
    div#header-helpcenter .all-tool .search-tool button.search-article i.fa.fa-search.search {
        font-size: 21px;
    }
    div#header-helpcenter .all-tool .back-home.col-md-6 {
        padding: 0 5px;
    }
    .search-tool input {
        display: none;
        position: absolute;
        top: 25px;
        right: unset;
        width: 300px;
        min-width: unset;
        font-size: 12px;
        height: 40px;
        left: 50%;
        transform: translate(-50%, 0);
        margin-left: -20px;
    }

    body#module-vsihelpcenter-helpcentercategory #helpcenter-wrapper .left.col-md-4 {
        padding-right: 0;
        padding-left: 0;
    }
    #header-helpcenter {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    #header-helpcenter .header-title {
        margin-bottom: 20px;
    }
    div#header-helpcenter .subtitle {
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 20px;
    }
    body#module-vsihelpcenter-helpcenterhome #helpcenter-wrapper {
        margin-top: 0px;
    }
    body#module-vsihelpcenter-helpcenterhome div#content {
        padding: 0 20px;
    }
    body#module-vsihelpcenter-helpcenterhome .article-block-category {
        margin-top: 30px;
        margin-bottom: 30px;
        margin-left: -15px;
        margin-right: -15px;
    }
    body#module-vsihelpcenter-helpcenterhome .article-block-category .article-category.row {
        margin-top: 30px;
    }
    body#module-vsihelpcenter-helpcenterhome div#content .article-block-content {
        margin-top: 50px;
        background: #ffffff;
        margin-left: -20px;
        margin-right: -20px;
        padding-top: 50px;
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 0;
        padding-bottom: 30px;
    }
    body#module-vsihelpcenter-helpcenterhome .article-block-content .article-content {
        padding: 0 0px;
    }
    body#module-vsihelpcenter-helpcenterhome div#content .article-block-content .article-block {
        border: 1px solid #ebebeb;
        margin-bottom: 20px;
        box-shadow: 0px 0px 6px 3px #f6f6f6;
    }
    body#module-vsihelpcenter-helpcenterhome #helpcenter-wrapper.newcontent2023 .article-block-content h2 {
        margin-bottom: 50px;
    }
    body#module-vsihelpcenter-helpcentercategory div#helpcenter-wrapper {
        margin-top: 0;
    }
    body#module-vsihelpcenter-helpcentercategory #helpcenter-wrapper .left.col-md-4 {
        margin-bottom: 50px;
        display: flex;
        flex-direction: row;
    }
    body#module-vsihelpcenter-helpcentercategory #helpcenter-wrapper .left.col-md-4 .image-category {
        margin: 0;
    }
    body#module-vsihelpcenter-helpcentercategory #helpcenter-wrapper .left.col-md-4 .image-category {
        margin: 0;
        width: 25%;
    }
    body#module-vsihelpcenter-helpcentercategory #helpcenter-wrapper .left.col-md-4 .category-description {
        width: 75%;
        padding-left: 20px;
    }
    body#module-vsihelpcenter-helpcentercategory #helpcenter-wrapper .left.col-md-4 .category-description .title h3, body#module-vsihelpcenter-helpcentercategory #helpcenter-wrapper .left.col-md-4 .category-description .title h2 {
        font-size: 25px;
    }
    .left .category-description .short-description {
        color: #1F3C64;
        font-size: 14px;
        line-height: 1.4;
    }
    body#module-vsihelpcenter-helpcentercategory div#helpcenter-wrapper .container {
        padding: 0 20px !important;
        width: 100%;
        margin: 0;
    }
    .block-article-right {
        border-left: 0px solid #ebebeb;
        padding: 0;
    }
    body#module-vsihelpcenter-helpcentercategory div#helpcenter-wrapper h2 {
        font-size: 25px;
        margin: 0;
    }
    body#module-vsihelpcenter-helpcentercategory div#helpcenter-wrapper .article-category.row {
        margin-top: 20px;
    }
    ul.ul_sub_category li.sub_category_list {
        padding: 5px 20px;
        border: 1px solid #ddd;
        background: #ddd;
        color: #252525;
        border-radius: 30px;
    }
    ul.ul_sub_category li.sub_category_list p {
        color: #1F3C64;
        font-size: 14px;
    }
    .block-article-right .article-block-content {
        min-height: 100%;
        padding-top: 0px;
    }
    .article-content .title-article {
        font-size: 16px;
    }
    .container.category-main {
        margin-top: 30px;
    }
    .container.category-main .article-block-category.article-block-category-main {
        margin-bottom: 0;
    }
    .container.category-main h2 {
        color: white;
    }
    #helpcenter-wrapper .left .category-description p {
        font-size: 14px;
        line-height: 1.6;
    }
    body#module-vsihelpcenter-helpcentercategory #helpcenter-wrapper{
        background-image: none;
    }
    body#module-vsihelpcenter-helpcentercategory div#helpcenter-wrapper .container.category-main {
        margin-top: 30px;
        background: #1f3c64;
        padding-top: 50px !important;
        display: flex;
        padding-bottom: 50px !important;
    }
    .block-article-right .article-block-content .article-block {
        padding: 20px 30px;
        border-radius: 10px;
        margin-bottom: 20px;
        box-shadow: 1px 1px 5px 3px #ebebeb;
        border: 1px solid #f6f6f6;
        background: white;
    }
    .block-article-right .article-block-content {
        min-height: auto;
        padding-top: 0px;
    }
    #helpcenter-wrapper .left .category-description .title p {
        font-size: 20px;
    }
    body#module-vsihelpcenter-helpcentercategory div#helpcenter-wrapper h2 {
        font-size: 20px;
        margin: 0;
    }
    body#module-vsihelpcenter-helpcentercategory .container.container-sub-cate .article-block-category {
        margin-bottom: 20px;
    }
    #module-vsihelpcenter-helpcenterarticle #main>#content .container h2.full-article-title {
        font-size: 16px;
        line-height: 1.3;
        padding-left: 20px;
    }
    #module-vsihelpcenter-helpcenterarticle #wrapper #content {
        text-align: left;
        padding-top: 20px;
    }
    body#module-vsihelpcenter-helpcenterarticle div#helpcenter-wrapper .top-content {
        padding-bottom: 15px;
        margin-bottom: 10px;
    }
    body#module-vsihelpcenter-helpcenterarticle div#helpcenter-wrapper .top-content a {
        margin: 0;
        padding: 5px;
        line-height: 16px;
    }
    body#module-vsihelpcenter-helpcenterarticle div#helpcenter-wrapper .top-content a span.back-title {
        font-size: 12px;
        display: none;
    }
    body#module-vsihelpcenter-helpcenterarticle .nav-article.container {
        padding: 0 20px !important;
    }
    .content-right {
        padding-left: 0px;
        border-left: 0px solid #e7e7e7;
        padding-right: 0;
    }
    .hc-art-video, .hc-art-content {
        margin-bottom: 0px;
    }
    body #content .hc-art-content .hc-art-content-detail p ,
    body #content .hc-art-content .hc-art-content-detail a{
        font-size: 13px;
        margin-bottom: 10px;
        line-height: 1.4;
    }
    #module-vsihelpcenter-helpcenterarticle #wrapper #content .row.row-detail-product {
        margin-bottom: 50px;
        background: white;
    }
    #detail-product .product-data .row.align-items-center.pt5.pb5 {
        padding: 0;
    }
    body#module-vsihelpcenter-helpcenterarticle .product-add-to-cart .add .add-to-cart i:before {
        left: 6px;
    }
    #product-add-to-cart .product-actions.col-md-6.col-sm-6.col-lg-12 {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
    }
    #helpcenter-wrapper #product-add-to-cart .product-add-to-cart {
        flex-wrap: wrap;
        justify-content: center;
        padding-top: 10px;
    }

    #module-vsihelpcenter-helpcenterarticle #product-add-to-cart .product-quantity {
        max-width: 100%;
        min-width: 100%;
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        gap: 0px;
    }
    #module-vsihelpcenter-helpcenterarticle #product-add-to-cart .product-quantity .qty {
        width: 40%;
        margin-left: auto;
        margin-bottom: 0;
        margin-right: 0px;
        max-width: max-content;
        margin-left: 0;
    }
    body#module-vsihelpcenter-helpcenterarticle #product-add-to-cart .product-quantity .add {
        min-width: unset;
        right: 0;
        width: 60%;
    }
    #product-add-to-cart .info-product.col-md-6.col-lg-12.col-sm-6 {
        padding: 0;
        width: 100%;
    }
    #detail-product {
        display: flex;
        flex-direction: column-reverse;
        padding: 0;
    }
    #detail-product .product-image {
        background: #fff;
        padding: 0px;
        border-radius: 20px;
        width: 100%;
        text-align: left;
        align-items: center;
        justify-content: flex-start;
        display: flex;
        margin-left: 0;
        max-width: 100px;
        margin: auto;
    }
    #detail-product .product-data {
        width: 100%;
        padding-right: 0px;
        padding-left: 0;
    }
    #helpcenter-wrapper #product-add-to-cart {
        flex-wrap: wrap;
        padding-top: 0;
    }
    #helpcenter-wrapper .product-prices .product-price .current-price {
        font-size: 16px;
        margin-bottom: 0;
        display: flex;
        flex-direction: row;
        justify-items: flex-start;
        text-align: left;
    }
    #helpcenter-wrapper .info-product .current-price .product-discount {
        display: flex;
        justify-content: flex-start;
        flex-direction: row;
        align-items: center;
        align-items: center;
        text-align: left;
    }
    body#module-vsihelpcenter-helpcenterarticle .product-add-to-cart .add .add-to-cart i:before {
        left: 0;
    }
    #module-vsihelpcenter-helpcenterarticle #product-add-to-cart .product-quantity .add .add-to-cart {
        padding-left: 25px;
        height: 50px;
    }
    #detail-product .product-data h3 {
        color: #1F3C64;
        font-size: 16px;
    }
    #detail-product .product-data .description, 
    #detail-product .product-data .description p, 
    #detail-product .product-data .description a ,
    #detail-product .product-data .description span{
        color: #1f3c64;
        font-size: 12px !important;
        line-height: 1.6;
        margin-bottom: 10px !important;
    }
    #detail-product .product-image {
        margin-bottom: 20px;
        width: 100%;
        max-width: max-content;
    }
    #module-vsihelpcenter-helpcenterarticle #main>#content .nav-article.container a span.material-icons {
        font-size: 16px;
    }
    .hc-art-content .hc-art-title h2.elementor-heading-title {
        font-size: 16px;
    }
    #helpcenter-wrapper .product-prices .product-price .current-price span.current-price-value {
        font-size: 16px;
        line-height: normal;
    }
    #product-add-to-cart .info-product .current-price .product-discount .regular-price, #product-add-to-cart .info-product .current-price .discount-amount {
        font-size: 10px;
    }
    body#module-vsihelpcenter-helpcenterarticle .image-category {
        margin: 0;
        float: unset;
        margin-bottom: 0px;
    }
    #module-vsihelpcenter-helpcenterarticle #product-add-to-cart .product-quantity .add .add-to-cart {
        width: 100%;
    }
    body#module-vsihelpcenter-helpcenterarticle #product-add-to-cart .product-quantity .add {
        min-width: unset;
        right: 0;
        width: 60%;
        margin-left: 10px;
        margin-right: 0;
        max-width: 60%;
    }
    #module-vsihelpcenter-helpcenterarticle #helpcenter-wrapper .left.mobile {
        display: flex;
        padding: 0;
        margin-top: 0;
        margin-bottom: 0;
    }
    #module-vsihelpcenter-helpcenterarticle #helpcenter-wrapper .left.mobile .top {
        margin-bottom: 0px;
    }
    #module-vsihelpcenter-helpcenterarticle #helpcenter-wrapper .left.mobile .top .image-category {
        margin: auto;
        text-align: center;
        margin-bottom: 20px;
    }

    .left .social-sharing ul li {
        display: flex;
        margin: 0;
        margin-bottom: 20px;
        height: 45px;
        width: 45px;
        margin-right: 10px;
        align-items: center;
        justify-content: center;
    }
    .social .social-sharing li:before {
        width: 20px;
        height: 22px;
    }
    body#module-vsihelpcenter-helpcenterarticle .product-add-to-cart .add .add-to-cart i:before {
        left: 10px;
        width: 20px;
        height: 20px;
        background-size: 20px;
        top: 6px;
    }
    .popup-search {
        left: calc(50% - 20px);
        top: 75px;
        width: calc(100% + 30px);
        transform: translate(-50%, 0);
        min-width: 300px;
        border: 1px solid #d5d5d5;
    }
    
}
@media(max-width:575px) {
    .container.container-sub-cate .article-block-category { background: white; padding: 0; }
    .container.container-sub-cate .article-block-category h2 { color: #1F3C64; line-height: 34px; }
    body[id^="module-vsihelpcenter"] #wrapper .container .article-category { padding: 0; }
    .container.category-main { padding: 0 !important; }

    body#module-vsihelpcenter-helpcenterhome .article-block-category .article-category.row {
        margin-top: 30px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .article-category .title-ategory {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .article-category .title-ategory h2 {
        padding-left: 5px;
    }
    body#module-vsihelpcenter-helpcenterhome div#content .article-block-content {
        padding-top: 30px;
    }
    body#module-vsihelpcenter-helpcenterhome #helpcenter-wrapper.newcontent2023 .article-block-content h2 {
        margin-bottom: 30px;
    }
    .article-content .title-article {
        font-size: 16px;
        margin-bottom: 5px;
        height: auto;
        line-height: 1.4;
    }
    .article-content .content {
        font-size: 14px;
        margin-bottom: 0;
        line-height: 1.4;
    }
    body#module-vsihelpcenter-helpcenterhome div#content .article-block-content {
        margin-top: 0px;
    }
    body#module-vsihelpcenter-helpcentercategory .container.container-sub-cate .article-block-category {
        background: transparent;
        padding: 0;
    }
    .block-article-right .article-block-content .article-block {
        padding: 20px 20px;
        border-radius: 10px;
        margin-bottom: 20px;
        box-shadow: 1px 1px 5px 3px #ebebeb;
        border: 1px solid #f6f6f6;
        background: white;
    }
    body#module-vsihelpcenter-helpcentercategory #helpcenter-wrapper .left.col-md-4 {
        margin-bottom: 50px;
        display: flex;
        flex-direction: column;
    }
    body#module-vsihelpcenter-helpcentercategory #helpcenter-wrapper .left.col-md-4 .category-description {
        width: 100%;
        padding-left: 0px;
        margin-top: 20px;
        padding-top: 0;
    }
    body#module-vsihelpcenter-helpcentercategory #helpcenter-wrapper .left.col-md-4 .image-category {
        margin: 0;
        width: 100%;
        display: flex;
        margin: auto;
        align-items: center;
        justify-content: center;
    }
    body#module-vsihelpcenter-helpcentercategory div#content {
        padding-top: 0px !important;
    }
    #helpcenter-wrapper .left .category-description p {
        font-size: 14px;
        line-height: 1.6;
        text-align: justify;
    }
    body#module-vsihelpcenter-helpcentercategory #helpcenter-wrapper .left.col-md-4 {
        margin-bottom: 30px;
        display: flex;
        flex-direction: column;
        background: white;
        margin-left: -20px;
        margin-right: -20px;
        padding: 40px 20px 20px;
        width: calc(100% + 40px);
        margin-top: 0;
    }
    body#module-vsihelpcenter-helpcentercategory div#helpcenter-wrapper .container.category-main {
        margin-top: 30px;
        padding-top: 30px !important;
        padding-bottom: 20px !important;
    }
    .article-category .category-block {
        padding: 0px 15px;
        width: 100%;
    }
    body#module-vsihelpcenter-helpcentercategory div#helpcenter-wrapper .article-category.row img.category-img {
        max-width: 300px;
    }
    body#module-vsihelpcenter-helpcentercategory div#helpcenter-wrapper .article-category.row {
        margin-top: 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        justify-content: center;
        margin-left: auto;
        max-width: 100%;
    }
    .container.category-main .article-block-category.article-block-category-main {
        margin-bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        max-width: 100%;
        margin: auto;
    }
    .article-category .category-block {
        margin-bottom: 5px;
    }
    .left .image-category img {
        max-width: 150px;
    }
    body#module-vsihelpcenter-helpcenterarticle #product-add-to-cart .product-quantity .add {
        min-width: unset;
        right: 0;
        width: 60%;
        margin-left: 10px;
        margin-right: 0;
        max-width: 60%;
    }
}
@media(max-width:517px) {
    body#module-vsihelpcenter-helpcenterhome #helpcenter-wrapper.newcontent2023 .article-block-category .article-category h2, body#module-vsihelpcenter-helpcenterhome #helpcenter-wrapper.newcontent2023 .article-block-category .article-category h3 { color: #fff; }
    .article-block-content h2, .article-block-category h2 { font-size: 30px; }
    body#module-vsihelpcenter-helpcenterhome #helpcenter-wrapper.newcontent2023 .article-block-category .article-category h3,
    body#module-vsihelpcenter-helpcenterhome #helpcenter-wrapper.newcontent2023 .article-block-category .article-category h2{
        color: #1F3C64;
    }
}
@media(max-width:479px) {
    .left .image-category img {
        max-width: 150px;
    }
    #product-add-to-cart .product-quantity { max-width: 100%; min-width: 100%; }
}
@media(max-width:420px) {
    #helpcenter-wrapper .info-product .current-price .product-discount {
        display: flex;
        justify-content: flex-start;
        flex-direction: row;
        align-items: center;
        align-items: center;
        text-align: left;
    }
    #module-vsihelpcenter-helpcenterarticle #helpcenter-wrapper .left.mobile .top .image-category {
        margin: auto;
        text-align: center;
        margin-bottom: 0px;
    }
}


/*end ming*/