﻿.form-check-label { color: rgb(74, 74, 74) }

.button-select { margin-top: 3px; font-size: 14px; padding: 8px 7.8px; border: 1px solid #f4f5f7; border-radius: 4px; transition: all 0.5s; width: 100%; text-align: left; font-weight: 600; /*white-space: nowrap;*/ }

    .button-select.is-checked { background-color: rgba(79, 190, 244, 0.24); color: rgb(0, 0, 0); border: 1px solid rgba(79, 190, 244, 0.24); }

    .button-select:hover { background-color: rgba(79, 190, 244, 0.24); color: rgb(0, 0, 0); border: 1px solid rgba(79, 190, 244, 0.24); }

input[type="radio"]:checked + label { font-weight: 600; color: rgb(31, 126, 208); }

.form-check { margin-bottom: 7px; }

.image-product { border-radius: 4px; transition: all 0.5s; }

.title-product { padding-top: 5px; color: rgb(68, 68, 68); font-size: 16px !important; font-weight: 600; line-height: 1.2 !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 0 !important; text-align: left !important; }

.title-trademark { font-family: 'Oswald', sans-serif; padding-top: 5px; color: rgb(68, 68, 68); font-size: 16px !important; font-weight: 600; line-height: 1.2 !important; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 0 !important; text-align: center !important; }

.list-icon a i { color: #28a745; }

.image-wraper { border-radius: 4px; width: 100%; position: relative; overflow: hidden; }

.product-image { width: 100%; height: 100%; padding-top: 66.66%; position: relative; }

    .product-image .f-carousel__dots { bottom: 0; }

.item-product .product-image:before, .news-tag .image-wraper2:before, .news-tag .items-product:after, .area-info_productContainer__1s0AT .product-image:after { position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); }

.item-product:hover .product-image:before, .news-tag:hover .image-wraper2:before, .news-tag:hover .items-product:after, .area-info_productContainer__1s0AT:hover .product-image:after { -webkit-animation: shine .75s; animation: shine .75s; }

.item-product { border: 1px solid rgb(236, 236, 236); /*margin-bottom: 40px;*/ cursor: pointer; transition: all 0.5s; position: relative; }

    .item-product:hover .image-product { transform: scale(1.1); }

    .item-product:hover { box-shadow: 0 0.0625rem 20px 0 rgb(0 0 0 / 30%); }

    .item-product img:not(.img-tieuchuan) { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; text-align: center; }

.address-product { color: #22313f; font-size: 15px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; margin-top: 4px; margin-bottom: 0 !important; }

.address-trademark { color: rgb(34, 49, 63); font-size: 15px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-top: 4px; margin-bottom: 5px !important; text-align: left !important; line-height: 1.2; }

.footer-widget p { /*margin-bottom: 27px;*/ }

.animate-border { position: relative; display: block; width: 115px; height: 3px; background: #007bff; }

    .animate-border:after { position: absolute; content: ""; width: 35px; height: 3px; left: 0; bottom: 0; border-left: 10px solid #fff; border-right: 10px solid #fff; -webkit-animation: animborder 2s linear infinite; animation: animborder 2s linear infinite; }

#page-title { background-color: RGB(247, 249, 251); /*padding-top: 5.625rem;*/ }

.faq-section .mb-0 > a { display: block; position: relative; }

    .faq-section .mb-0 > a:after { content: "\f0da"; font-family: "Font Awesome 5 Pro"; font-size: 20px; height: auto; position: absolute; top: 8px; border: 0; right: 0; font-weight: 900; color: #fff; }

    .faq-section .mb-0 > a[aria-expanded="true"]:after { content: "\f0dd"; top: 4px; }

.customColor { background-color: rgb(27, 130, 236); border-radius: 4px !important; position: relative; margin-top: 10px; padding-right: 10px; }

    .customColor a { padding: 8px 12px 8px 10px; color: #fff !important; line-height: 21px; }

    .customColor h5 { color: #fff; }

.category-left { border: 1px solid rgb(236, 236, 236); padding: 10px; background: #fff; border-radius: 8px; }

.category-right { border: 1px solid rgb(236, 236, 236); padding: 10px; background: #fff; border-radius: 8px; height: auto; margin-bottom: 15px; }

.category-news { padding: 20px; background: #fff; border-radius: 8px; border: 1px solid rgb(236, 236, 236); }

.category-right { padding: 10px; background: #fff; border-radius: 8px; }

@-webkit-keyframes animborder {
    0% { -webkit-transform: translateX(0px); transform: translateX(0px); }

    100% { -webkit-transform: translateX(113px); transform: translateX(113px); }
}

@keyframes animborder {
    0% { -webkit-transform: translateX(0px); transform: translateX(0px); }

    100% { -webkit-transform: translateX(113px); transform: translateX(113px); }
}

.animate-border.border-white:after { border-color: #fff; }

.animate-border.border-yellow:after { border-color: #F5B02E; }

.animate-border.border-orange:after { border-right-color: #007bff; border-left-color: #007bff; }

.animate-border.border-ash:after { border-right-color: #EEF0EF; border-left-color: #EEF0EF; }

.animate-border.border-offwhite:after { border-right-color: #F7F9F8; border-left-color: #F7F9F8; }

/* Animated heading border */
@keyframes primary-short {
    0% { width: 15%; }

    50% { width: 90%; }

    100% { width: 10%; }
}

@keyframes primary-long {
    0% { width: 80%; }

    50% { width: 0%; }

    100% { width: 80%; }
}

.dk-footer { padding: 35px 0 25px; background-color: rgb(27, 130, 236); position: relative; z-index: 2; }

    .dk-footer .contact-us { margin-top: 0; margin-bottom: 30px; padding-left: 80px; }

        .dk-footer .contact-us .contact-info { margin-left: 50px; }

        .dk-footer .contact-us.contact-us-last { margin-left: -80px; }

    .dk-footer .contact-icon i { font-size: 24px; top: -15px; position: relative; color: #007bff; }

.dk-footer-box-info { display: flex; /*flex-direction: column;*/ align-items: baseline; justify-content: center; }

    .dk-footer-box-info img { max-width: 150px; }

    .dk-footer-box-info .footer-social-link h3 { color: #fff; font-size: 15px; margin-bottom: 10px; }

    .dk-footer-box-info .footer-social-link ul { list-style-type: none; padding: 0; margin: 0; }

    .dk-footer-box-info .footer-social-link li { display: inline-block; }

    .dk-footer-box-info .footer-social-link a i { display: block; width: 40px; height: 40px; border-radius: 50%; text-align: center; line-height: 40px; background: #000; margin-right: 5px; color: #fff; }

        .dk-footer-box-info .footer-social-link a i.fa-facebook { background-color: #3B5998; }

        .dk-footer-box-info .footer-social-link a i.fa-twitter { background-color: #55ACEE; }

        .dk-footer-box-info .footer-social-link a i.fa-google-plus { background-color: #DD4B39; }

        .dk-footer-box-info .footer-social-link a i.fa-linkedin { background-color: #0976B4; }

        .dk-footer-box-info .footer-social-link a i.fa-instagram { background-color: #B7242A; }

.footer-awarad { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }

    .footer-awarad p { color: #fff; font-size: 24px; font-weight: 700; margin-left: 20px; padding-top: 15px; }

.footer-info-text { margin: 10px 0 15px; }

.footer-left-widget { /*padding-left: 40px;*/ }

.footer-right-widget { /*padding-left: 40px;*/ }

.footer-widget .section-heading { margin-bottom: 15px; }

.footer-widget h3 { margin-top: 10px; font-size: 18px; color: rgb(255, 255, 255); position: relative; margin-bottom: 0; text-transform: uppercase; font-weight: 700; }

.footer-widget ul { /* width: 50%; */ /*float: left;*/ list-style: none; margin: 0; padding: 0; }

.footer-widget li { margin-bottom: 10px; }

.footer-widget p { margin-bottom: 10px; color: #fff }

.footer-widget a { color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

/*.footer-widget a:hover { color: #007bff; }*/

.footer-widget:after { content: ""; display: block; clear: both; }

.font-weight-bold { font-weight: 700; color: #965306; }

.form-control { border: 1px solid rgb(236, 236, 236); }

.dk-footer-form { position: relative; }

    .dk-footer-form input[type=email] { padding: 14px 28px; border-radius: 50px; background: #2E2E2E; border: 1px solid #2E2E2E; }

    .dk-footer-form input::-webkit-input-placeholder, .dk-footer-form input::-moz-placeholder, .dk-footer-form input:-ms-input-placeholder, .dk-footer-form input::-ms-input-placeholder, .dk-footer-form input::-webkit-input-placeholder { color: #878787; font-size: 14px; }

    .dk-footer-form input::-webkit-input-placeholder, .dk-footer-form input::-moz-placeholder, .dk-footer-form input:-ms-input-placeholder, .dk-footer-form input::-ms-input-placeholder, .dk-footer-form input::placeholder { color: #878787; font-size: 14px; }

    .dk-footer-form button[type=submit] { position: absolute; top: 0; right: 0; padding: 12px 24px 12px 17px; border-top-right-radius: 25px; border-bottom-right-radius: 25px; border: 1px solid #007bff; background: #007bff; color: #fff; }

    .dk-footer-form button:hover { cursor: pointer; }

.nav-link { }

    .nav-link .news-title { }

        .nav-link .news-title h2 { transition: all ease-in-out 0.5s; font-size: 14px; color: #555; }

            .nav-link .news-title h2:after { transition: all ease-in-out 0.5s; width: 0; }

    .nav-link.active { }

        .nav-link.active .news-title { }

            .nav-link.active .news-title h2 { color: rgb(31, 126, 208); font-size: 16px; }

                .nav-link.active .news-title h2:after { width: 100%; }


/* ==========================

    Contact

=============================*/
.contact-us { position: relative; z-index: 2; margin-top: 65px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }

.contact-icon { position: absolute; }

    .contact-icon i { font-size: 36px; top: -5px; position: relative; color: #007bff; }

.contact-info { margin-left: 75px; color: #fff; }

    .contact-info h3 { font-size: 20px; color: #fff; margin-bottom: 0; }
    
.back-to-top { position: relative; z-index: 2; transition: all 0.5s; opacity: 0; visibility: hidden; }

    .back-to-top .btn-dark { width: 35px; height: 35px; border-radius: 50%; padding: 0; position: fixed; bottom: 20px; right: 20px; background: #2e2e2e; border: none; z-index: 999; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }

        .back-to-top .btn-dark:hover { cursor: pointer; background: #FA6742; border-color: #FA6742; }

.footer-info-text { font-size: 15px; line-height: 1.5; }

.show { opacity: 1; visibility: visible; }

.fruit-title h5 { font-size: 1.5rem; font-weight: 700; color: rgb(27, 130, 236); margin-bottom: 20px; margin-top: 10px; }

.note i { color: rgb(31, 126, 208); width: 15px; text-align: center; font-size: 15px; }

.item-cert { cursor: pointer; display: inline-flex; background: RGB(247, 249, 251); padding: 5px 8px; border-radius: 27px; margin-right: 8px; margin-bottom: 10px; }

    .item-cert img { width: 21px; height: 21px; margin-right: 5px; }

.cert { margin-top: 12px; }

.copy-link { color: grey; cursor: pointer; margin-bottom: 10px; display: inline-block; }

.copy-link { transition: all .3s ease-in-out; line-height: 24px; padding: 5px 10px 5px 0; }

    .copy-link:hover { color: #fff; box-shadow: inset 200px 0 0 0 rgb(27, 130, 236); padding: 5px 10px; }

#DanhSachDoanhNghiep { }

    #DanhSachDoanhNghiep li { padding: 10px; background-color: rgb(255, 255, 255); cursor: pointer; border-radius: 6px; margin-bottom: 7px; border: 1px solid rgba(225, 225, 225, 0.71); }

        #DanhSachDoanhNghiep li img { border-radius: 4px; height: 50px; object-fit: contain; margin: 0; }

        #DanhSachDoanhNghiep li h5 { font-weight: 700; margin: 0; }

    #DanhSachDoanhNghiep .chitiet-doanhnghiep { margin-left: 5px; }

        #DanhSachDoanhNghiep .chitiet-doanhnghiep p { margin: 0; }

.block-right { background: RGB(247, 249, 251); border-radius: 4px; padding: 10px 14px; }

    .block-right h4 { font-size: 16px; font-weight: 700; margin-bottom: 10px; }

    .block-right img { /*width: 40px; height: auto;*/ }

.block-right-img { overflow: hidden; border-radius: 12px; position: relative; min-width: 40px; max-height: 40px; }

.block-right span { /*font-size: 12px; color: grey;*/ }

.block-right h5 { line-height: 1.25em; }

.block-right-des { }

.infor-product { font-size: 18px; font-weight: 600; margin-bottom: 18px; }

.block-content *:not(i) { font-family: K2D; }

.block-content p { line-height: 1.5; text-align: justify; font-size: 15px; margin-bottom: 1rem; }

.block-content h1, .block-content h2, .block-content h3, .block-content h4, .block-content h5, .block-content h6 { margin: 10px 0; font-weight: 600; }

.block-content img { /*margin-bottom: 10px; */ margin: auto; }

.block-content hr { margin: 15px 0; height: 4px; background: rgb(222, 222, 222); border: 0; }

.block-content h2 { font-size: 22px; }

.block-content h3 { font-size: 20px; }

.block-content h4 { font-size: 18px; }

.block-content ol, .block-content ul { padding-left: 2rem; margin-bottom: 1rem; }

.block-content ol { list-style: decimal; }

.block-content ul { list-style: disc; }

.category-center { }

    .category-center p { margin-bottom: 0; }

.product-content * { /*line-height: 1.5 !important;*/ }

.product-content p { /* margin: 0 !important; */ }

.product-content h3 { font-weight: 400; font-size: 15px !important; margin: 0 !important; }

    .product-content h3.seasons { }

        .product-content h3.seasons > span { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

            .product-content h3.seasons > span:first-child { }

.product-content img { margin-left: 0; margin-right: 5px; }

.sp-dn { }

    .sp-dn .product-content p { margin: 0 !important; }

figure.image { display: table; clear: both; text-align: center; margin: .9em auto; min-width: 50px; }

.block-content .table { max-width: 100%; margin: .9em auto; display: table; }

    .block-content .table table { border-collapse: collapse; border-spacing: 0; width: 100%; height: 100%; border: 1px double rgb(179, 179, 179); }

        .block-content .table table td, .block-content .table table th { min-width: 2em; padding: .4em; border: 1px solid rgb(191, 191, 191); }



#price { counter-reset: section; position: relative; display: flex; width: 100%; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; margin-bottom: 30px; }

    #price .dashed { border-right: 1px solid #ccc; width: 0; height: 10px; position: relative; }

        #price .dashed:before { counter-increment: section; content: counter(section); position: absolute; top: 8px; left: -5px; right: 0; display: block; margin: auto; width: 10px; bottom: 0; text-align: center; }

.sp-lienquan { background: rgb(247 249 251); }

.card { padding: 20px; border: 1px solid rgb(236, 236, 236); }

.detail-category-right { background: #fff; padding: 15px 10px; }

    .detail-category-right .block-right { background: #fff; padding: 0; }

        .detail-category-right .block-right h4 { background: #fff; padding: 0; margin-bottom: 18px; }

.item-image-cert { width: 18px; height: 18px; position: relative; margin-right: 8px; }

.total-product { color: #22313f; font-size: 15px; margin-bottom: 3px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 0 !important; }

.seasons { font-size: 15px !important; }

.item-news .total-product { min-height: 63px; }

.block-image { height: 100%; width: 100%; }

.block-image-left { width: 100%; height: 100%; }

.block-image img { height: 100%; object-fit: cover; }

.checkCopy { display: inline-block; margin-top: 5px; color: #007bff; }

.detail-category .product-image { width: 100%; }

.detail-category .description { line-height: 24px; font-style: italic; font-weight: 600; margin-bottom: 5px; }

.item-list-product img { width: 100%; height: 150px; border-radius: 8px; object-fit: cover; }

.item-list-product { margin-bottom: 10px; }

.detail-category .item-list-product { cursor: pointer; background-color: RGB(247, 249, 251); padding: 10px; border-radius: 10px; }

.date-list-product { margin-bottom: 15px; }

    .date-list-product span { font-size: 12px; color: #737373; }

.item-list-product img { transition: all 0.5s; }

.item-list-product:hover img { opacity: 0.6; }

.detail-category { font-family: K2D,sans-serif; }

.fromMonth { color: rgb(74, 74, 74); }

.toMonth { color: rgb(74, 74, 74); }

.selector { position: relative; width: 100%; color: rgb(110, 110, 110); }

    .selector ul { position: relative; display: block; overflow: auto; min-width: 138px; max-height: 200px; background: #fff; list-style: none; white-space: inherit; padding-right: 17px; width: calc(100% + 17px) }

    .selector li { position: relative; padding: 3px 20px 3px 25px; cursor: pointer }

        .selector li:before { position: absolute; top: 50%; left: 0; top: 4px; display: inline-block; margin-right: 9px; width: 17px; height: 17px; background-color: #f4f4f4; border: 1px solid #d5d5d5; content: "" }

        .selector li[data-selected="1"]:before { border: 1px solid #d7d7d7; background-color: #fff }

        .selector li[data-selected="1"]:after { position: absolute; top: 50%; left: 3px; top: 11px; display: inline-block; width: 4px; height: 10px; border-right: 2px solid; border-bottom: 2px solid; background: none; color: #39c9a9; content: ""; -webkit-transform: rotate(40deg) translateY(-50%); transform: rotate(40deg) translateY(-50%) }

        .selector li:hover { color: #aaa }

        .selector li .total { position: absolute; right: 0; color: #d7d7d7 }

    .selector .price-slider { text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; padding-top: 17px }


        .selector .price-slider:before { position: absolute; top: 50%; left: 0; margin-top: 0; color: rgb(141, 196, 244); content: attr(data-currency); -webkit-transform: translateY(-50%); transform: translateY(-50%) }

    .selector #slider-range { width: 100%; margin-bottom: 2px; border: none; background: rgb(141, 196, 244); height: 5px; cursor: pointer; }

    .selector .ui-slider-handle { cursor: pointer; transform: translateX(-8px); border-radius: 50%; background-color: rgb(48, 139, 219); border: none; top: 10px; width: 16px; height: 16px; outline: none; display: inline-block; position: absolute; z-index: 9; }


@media (min-width: 768px) {
    .selector #slider-range { width: 100% }

    .selector .price-slider { padding-top: 8px }

    .selector .ui-slider-handle { top: 3px; width: 16px; height: 16px }
}

.selector .ui-slider-range { background-color: #d7d7d7 }

.selector .slider-price { color: rgb(68, 68, 68); font-weight: 600; position: relative; display: inline-block; padding: 5px 7px 5px 5px; width: 45%; background-color: rgba(88, 193, 244, 0.31); line-height: 28px; text-align: center }

    .selector .slider-price:before { /*width: 72px; position: absolute;*/ top: 50%; left: 5px; margin-top: 0; color: rgb(48, 139, 219); content: attr(data-currency); -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: left; margin-right: 2px; }

.selector .show-all { position: relative; padding-left: 25px; color: #39c9a9; cursor: pointer; line-height: 28px }

    .selector .show-all:after, .selector .show-all:before { content: ""; position: absolute; top: 50%; left: 4px; margin-top: -1px; color: #39c9a9; width: 10px; border-bottom: 1px solid }

    .selector .show-all:after { -webkit-transform: rotate(90deg); transform: rotate(90deg) }

.selector.open ul { max-height: none }

.selector.open .show-all:after { display: none }


* { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

@media (min-width: 576px) {
    .dk-footer-box-info .footer-left-widget br { display: none; }
}

@media (max-width: 576px) {
    /*.product-image { padding-top: 100%; }*/
    .title-product { height: auto; }

    .item-product { }

        .item-product > .row { }

            .item-product > .row > [class*="col"] { }

                .item-product > .row > [class*="col"]:nth-child(2) { padding-left: 0; }
}

@media (max-width: 991px) {

    #DanhSachDoanhNghiep { }

        #DanhSachDoanhNghiep li { }

            #DanhSachDoanhNghiep li img { }

        #DanhSachDoanhNghiep .chitiet-doanhnghiep { /*width: calc(100% - 110px);*/ }

            #DanhSachDoanhNghiep .chitiet-doanhnghiep h5 { }

            #DanhSachDoanhNghiep .chitiet-doanhnghiep p { }
}

@media (max-width: 768px) {
    .content { margin-bottom: 20px; }

    .item-image-enterprise { height: auto !important; }
}

@media (min-width: 992px) {
}

@media (min-width:768px) and (max-width:991px) {
    /*.footer-widget { padding-left: 40px; text-align: left; }*/
}


@media (min-width:576px) and (max-width:767px) {
    .dk-footer-box-info .footer-left-widget { text-align: left; }

    .dk-footer-box-info .col-lg-3 { }

        .dk-footer-box-info .col-lg-3 a { float: right; }

    .dk-footer-box-info .col-lg-9 .footer-left-widget { }

    .footer-right-widget { text-align: left; padding-left: 0; }
}

@media (min-width:768px) and (max-width:991px) {
    .dk-footer-box-info .footer-left-widget { text-align: left; }

    .dk-footer-box-info .col-lg-3 { }

        .dk-footer-box-info .col-lg-3 a { float: right; }

    .dk-footer-box-info .col-lg-9 .footer-left-widget { }

    .footer-right-widget { text-align: left; padding-left: 65px; }
}

@media (min-width:992px) and (max-width:1199px) {
    .item-product-content p { -webkit-line-clamp: 2; }

    .dk-footer-box-info .footer-left-widget { text-align: left; }

    .dk-footer-box-info .col-lg-3 { }

        .dk-footer-box-info .col-lg-3 a { float: right; }

    .dk-footer-box-info .col-lg-9 .footer-left-widget { }

    .footer-right-widget { text-align: left; padding-left: 70px; }
}

@media (min-width: 1200px) {
}

.mainCarousel { margin: 0 auto 1rem auto; --carousel-button-color: #170724; --carousel-button-bg: #fff; --carousel-button-shadow: 0 2px 1px -1px rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%); --carousel-button-svg-width: 20px; --carousel-button-svg-height: 20px; --carousel-button-svg-stroke-width: 2.5; }

    .mainCarousel .f-carousel__slide { width: 100%; padding: 0; display: flex; justify-content: center; align-items: center; }

        .mainCarousel .f-carousel__slide img { max-height: 220px; object-fit: cover; border-radius: 4px; width: 100%; }

    .mainCarousel .f-carousel__button.is-prev { left: -1.5rem; }

    .mainCarousel .f-carousel__button.is-next { right: -1.5rem; }

    .mainCarousel .f-carousel__button:focus { outline: none; box-shadow: 0 0 0 4px #A78BFA; }

#thumbCarousel .carousel__slide { opacity: 0.5; padding: 0; margin: 0.25rem; width: 96px; height: 64px; }

    #thumbCarousel .carousel__slide img { width: 100%; height: 100%; object-fit: contain; border-radius: 4px; }

    #thumbCarousel .carousel__slide.is-nav-selected { opacity: 1; }

.block-image-left img { width: 100%; height: 220px; object-fit: contain; border-radius: 4px; }

.detail-category .carousel__nav { display: none; }

.title-list-product h3 { font-weight: bold; font-size: 16px; line-height: 26px; }

.image-enterprise { height: 100%; }

.item-image-enterprise { height: 300px; }

.block-enterprise img { height: 100% !important; cursor: zoom-in; object-fit: contain }

.block-treeview { word-wrap: break-word; }

    .block-treeview .k-treeview-leaf { width: calc(100% - 24px); }

        .block-treeview .k-treeview-leaf .treeview-template-text { }

.category-left .type-product-brand { white-space: normal !important; padding-right: 0 !important; padding-left: 0 !important; }
