.box__product--name { margin-bottom: 10px; color: #333; font-weight: 600; line-height: normal; min-height: 34px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: break-word }
.box__product--price { display: flex; align-items: center; justify-content: center; gap: 20px; margin-top: 10px }
.box__product--null, .box__product--regular { color: #898989; font-weight: 600; line-height: normal }
.box__product--sale { color: #d4001b; text-align: right; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal }
.box__product--null:hover { color: var(--sec-color) }
.title-pro-detail { color: #333; font-size: 24px; font-style: normal; font-weight: 600; line-height: normal }
.section-tin-tuc .box__tintuc { align-items: unset }
.section-tin-tuc .box__tintuc--name { font-size: 17px }
.left-pro-detail, .right-pro-detail { flex: 0 0 50%; max-width: 50% }
.share-box { background: unset; padding: unset }
.section-tin-tuc .box__tintuc--btn { position: absolute; bottom: 0; right: 0; padding: 5px 10px; background: var(--main-color); color: #fff }
.titleMain p { text-align: center }
.gioithieu .d-flex { justify-content: space-between }
.box__product { border-radius: 10px; background: #fff; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15); margin: 15px 0; background: #fff }
.box__product--content { background: #fff }
.box__product--content article { max-height: 70%; overflow: hidden; position: relative }
.box__product--content article::after { content: ''; width: 100%; height: 20px; bottom: 0; left: 0; position: absolute; background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 100%) }
.gioithieu .d-flex { flex-wrap: wrap }
.ul-tabs-pro-detail { position: relative; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; list-style: none; margin-bottom: 20px; margin-top: 0; padding: 0 }
.ul-tabs-pro-detail li { font-family: var(--title-font); font-size: 16px; color: #222; display: flex; justify-content: center; align-items: center; position: relative; height: 40px; padding: 0 20px; margin: 0 5px 10px 5px; border-radius: 20px; cursor: pointer }
.ul-tabs-pro-detail li.active, .ul-tabs-pro-detail li:hover { color: #fff; background: var(--main-color) }
.content-tabs-pro-detail { display: none; position: relative }
.content-tabs-pro-detail.active { display: block }
#footer .title { font-family: var(--title-font); font-size: 18px; color: #fff; text-transform: uppercase; margin-bottom: 20px }
.ul-news li { color: #fff; font-size: 12px }
#footer .footerArticle--container { flex-direction: column; align-items: start }
#footer article { color: #fff }
.list__products { display: grid; grid-template-columns: repeat(5, 1fr); gap: 27px 21px }
.list__products .box__product { padding: 8px 8px 20px 8px; margin: 0 }
.brand-catalogy__list { display: grid; grid-template-columns: repeat(9, 1fr); gap: 10px }
.brand-catalogy__item img { height: 20px; max-width: none; min-width: 86px; object-fit: contain }
.brand-catalogy__item { text-align: center; align-items: center; border: 1px solid #e5e7eb; border-radius: 4px; display: flex; height: 34px; justify-content: center; padding: 2px 4px }
.list__brand-catalogy { margin-bottom: 20px }
.list__filter__pro ul { display: flex; list-style: none; gap: 16px; align-items: center }
.list__filter__pro ul li a { padding: 11px 17px; display: flex; align-items: center; gap: 6px; border-radius: 10px; border: 1px solid #e7e7e7; background: #f3f4f6; color: #333; font-weight: 500; line-height: normal }
.title__filter span { color: #333; font-size: 20px; font-style: normal; font-weight: 600; line-height: normal }
.list__filter__pro { margin: 2rem 0 }
.title__filter { margin-bottom: 17px }
.list__filter__pro ul li a.active { background: #fef2f2; border-color: #d4001b }
.attr-content-pro-detail.capacity-detail { border-radius: 10px; border: 1px solid #c6c6c6; background: #fff; text-align: center; position: relative; overflow: hidden }
.attr-content-pro-detail.capacity-detail a strong { color: #898989; text-align: center; font-weight: 500 !important }
.list__capacity { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 19px }
span.price-new-capacity { color: #898989; font-weight: 400; line-height: normal }
.attr-content-pro-detail.capacity-detail a { display: block; padding: 8px 0 }
.attr-content-pro-detail.capacity-detail.active { border-color: #d4001b }
.attr-content-pro-detail.capacity-detail.active a strong { color: #d4001b }
.attr-content-pro-detail.capacity-detail.active a span { color: #d4001b }
.attr-content-pro-detail.capacity-detail.active:before { color: #fff; content: ''; font-size: 10px; height: 16px; left: 0; padding-bottom: 2px; padding-left: 4px; position: absolute; top: 0; width: 20px; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDIwIDE2IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMCAxNkg4LjkzNjgxQzE1LjA0NTEgMTYgMjAgMTAuOTk0MyAyMCA0LjgyMzMxVjBIOC44NDY1NEMzLjk2MTg5IDAgMCA0LjAwMjUzIDAgOC45MzczVjE2WiIgZmlsbD0iI0Q0MDAxQiIvPgogIDxwYXRoIGQ9Ik01IDguODYxMjRMNy42ODU4IDEwLjcwMzRDNy42ODU4IDEwLjcwMzQgMTAuNTI2NSA1Ljk1NDU1IDE0IDNDMTQgMyA4LjY1NDIzIDEwLjkxODcgOC40OTkyOCAxM0w1IDguODYxMjRaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4=) no-repeat; background-position: center center }
.attr-content-pro-detail--color { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 19px }
.image__photo img { width: 34px; height: 34px; object-fit: cover }
label.color-pro-detail.text-decoration-none.active { border-radius: 10px; border: 1px solid #d4001b; background: #fff }
label.color-pro-detail.text-decoration-none.active:before { color: #fff; content: ''; font-size: 10px; height: 16px; left: 0; padding-bottom: 2px; padding-left: 4px; position: absolute; top: 0; width: 20px; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDIwIDE2IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMCAxNkg4LjkzNjgxQzE1LjA0NTEgMTYgMjAgMTAuOTk0MyAyMCA0LjgyMzMxVjBIOC44NDY1NEMzLjk2MTg5IDAgMCA0LjAwMjUzIDAgOC45MzczVjE2WiIgZmlsbD0iI0Q0MDAxQiIvPgogIDxwYXRoIGQ9Ik01IDguODYxMjRMNy42ODU4IDEwLjcwMzRDNy42ODU4IDEwLjcwMzQgMTAuNTI2NSA1Ljk1NDU1IDE0IDNDMTQgMyA4LjY1NDIzIDEwLjkxODcgOC40OTkyOCAxM0w1IDguODYxMjRaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4=) no-repeat; background-position: center center }
span.name__attr { color: #898989; font-weight: 500; line-height: normal }
.group__action__addCart { display: flex; gap: 14px; align-content: stretch }
.btn__addCartPro { width: 145px }
.btn__buyNowPro { width: calc(100% - 159px) }
.btn__buyNowPro a { border-radius: 10px; background: #d4001b; display: block; text-align: center; padding: 12px 0; cursor: pointer }
.btn__addCartPro a { display: block; border-radius: 10px; border: 1px solid #d4001b; background: #fff; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 5px }
.btn__addCartPro a span { color: #d4001b; text-align: center; font-weight: 400; line-height: normal }
a.btn-pro.addcart span { color: #fff; text-align: center; font-size: 20px; font-style: normal; font-weight: 600; line-height: normal; text-transform: uppercase }
a.btn-pro.addcart p { color: #fff; text-align: center; font-weight: 400; line-height: normal }
a.btn-pro.btn__changeNew { border-radius: 10px; background: #333; display: block; padding: 12px 0 }
a.btn-pro.btn__changeNew span { color: #fff; font-size: 20px; font-style: normal; font-weight: 600; line-height: normal; text-align: center; text-transform: uppercase }
.btn__changeNew__pro { text-align: center; margin-top: 14px }
a.btn-pro.btn__changeNew p { color: #fff; text-align: center; font-weight: 400; line-height: normal }
.form__sale__pro { border-radius: 15px; background: #fff; margin-bottom: 23px }
.header__title__sale { border-radius: 15px 15px 0 0; background: #fde2e2; padding: 12px 23px }
.header__title__sale span { gap: 8px; color: #d4001b; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; text-transform: uppercase; display: flex; align-items: center }
.content__sale__pro { padding: 9px 17px; border: 1px solid #c6c6c6; border-radius: 0 0 15px 15px; border-top: 0 }
.banner__catagory__item a { border-radius: 20px; overflow: hidden; display: block }
.banner__catagory__item { margin-top: 40px }
.info__product-detail--content { border-radius: 15px; border: 1px solid #c6c6c6; background: #fff; padding: 32px }
.info__product-detail--article { border-radius: 15px; border: 1px solid #c6c6c6; background: #fff; padding: 20px 0; height: 100% }
span.info__product-detail--content--title { color: #333; text-align: center; font-size: 24px; font-style: normal; font-weight: 600; line-height: normal; text-align: center }
span.info__product-detail--article--title { color: #333; font-size: 20px; font-style: normal; font-weight: 600; line-height: normal; padding: 24px; display: block; padding-top: unset }
.info__product-detail { border-top: 1px solid #dedede; padding-top: 71px }
div#info-pro-detail { max-height: 500px; overflow: hidden; position: relative }
.cps-block-content_btn-showmore { background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .91) 50%, #fff 55%); bottom: 0; display: block; left: 0; margin-bottom: 0; padding-top: 50px; position: absolute; right: 0; text-align: center; width: 100% }
a.btn-show-more.button__content-show-more { gap: 5px; color: #333; text-align: center; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; display: flex; justify-content: center; align-items: center }
.frefix__user__info__container { margin-top: 5rem }
.frefix__user__info__list-group { width: 100%; overflow: hidden; margin-top: 10px; border-radius: unset; padding-left: 10px; margin-bottom: 10px }
.frefix__user__info__list-group .list-group-item { margin-bottom: 5px; outline: #fff; border: unset; border-radius: 0; background: #181818; color: #fff; border-right: unset; box-shadow: unset; border-radius: 10px 0 0 10px }
.frefix__user__info__tab-content { margin-top: 0; padding: 10px 2rem; margin-bottom: 10px }
.frefix__user__info__form-user { margin-top: 20px }
.frefix__user__info__input-user { margin-bottom: 20px }
.frefix__user__info__input-user .input-group-prepend .input-group-text { background-color: #f8f9fa; border: 1px solid #ced4da }
.frefix__user__info__input-user .form-control { height: auto; padding: 10px; font-size: 14px }
.frefix__user__info__button-user { text-align: center }
.frefix__user__info__button-user .btn { width: 100%; padding: 10px; font-size: 16px }
.frefix__user__info__input-user .custom-control-label { margin-left: 10px }
.frefix__user__info__input-user .custom-radio { display: inline-block; margin-right: 20px }
.frefix__user__info__container { border: 1px solid #0000003b; border-radius: 10px; overflow: hidden; margin-bottom: 20px }
.tab-content.frefix__user__info__tab-content h3 { font-weight: 700; text-transform: uppercase }
.frefix__user__info__list-group .list-group-item.active { background: #fff; border-color: #fff; color: #000 }
.container.frefix__user__info__container .col-md-3 { background: #181818; padding-right: 0; padding-left: 0 }
.frefix__user__info__list-group .list-group-item:hover { background: #ffffff3d; transition: all .3s linear }
a.list-group-item.list-group-item-action.active:hover { color: #fff }
.btn-primary { background: #d4001b; border-color: #d4001b }
.btn-primary:hover { background: #07328ce3 }
a.btn__google { display: flex }
a.btn__google img { max-width: 25px }
a.btn__google { width: 80%; margin: 0 auto; margin-top: 10px; justify-content: center; border-radius: 4px !important; gap: 10px }
ul.technical-content li:nth-child(odd) { background: #f8f8f8 }
li.technical-content-item div { width: 50%; color: #333; text-align: start; font-weight: 400; line-height: normal }
li.technical-content-item p { color: #333; font-weight: 600; line-height: normal; width: 40% }
ul.technical-content li { padding: 14px 23px !important }
.btn__viewDetail__technical { text-align: center; margin: 40px 11px 0 11px }
.btn__viewDetail__technical a { display: block; border-radius: 15px; border: 1px solid #c6c6c6; color: #333; text-align: center; font-weight: 500; line-height: normal; padding: 15px }
.info__product-detail .row .col-md-4 { position: sticky; top: 0; height: 100% }
.btn__addCartPro a { cursor: pointer }
.footer__info__item-list li a:hover { color: #d4001b }
.technologyNews__item__title:hover { color: #d4001b }
.product__navControl__item:hover, .product__navSlide__link:hover { background: #181818 !important }
.product__navControl__item:hover a, .product__navSlide__link:hover { color: #fff; transition: all .3s linear }
a.box__product--pic img { border-radius: 5px }
.item-categories-outer a { background-position: 100% 100%; background-repeat: no-repeat; border-radius: 10px; box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .1), 0 2px 6px 2px rgba(60, 64, 67, .15); display: block; min-height: 125px; overflow: hidden; position: relative; -webkit-text-decoration: none; text-decoration: none; width: 100%; background-size: 90px; background-position: center bottom }
.list__product__Cat { display: flex; flex-wrap: wrap; gap: 10px; justify-content: flex-start; position: relative }
.item-categories-outer { width: 10% }
.item-categories-outer a span { color: #fff; display: block; font-size: 14px; font-weight: 600; margin-top: 5px; max-width: 114px; padding: 0 5px; width: 100%; word-break: break-word }
.menu ul.primary-menu>li>a:hover { color: #da233a }
.list__filter__pro ul li a { cursor: pointer }
.list__filter__pro ul li a.checked, .list__filter__pro ul li a:hover { border-color: #d91e36; background: #fef2f2 }
.keyword-autocomplete { position: absolute; top: 100%; left: 0; right: 0; width: 100%; background: #fff; border: 1px solid #00000033; max-height: calc(80px * 4); overflow-x: hidden; overflow-y: auto; border-top: unset }
.autocomplete_item { display: block }
.autocomplete_item a { padding: .2rem !important; display: flex !important; align-items: center; gap: .5rem }
.autocomplete_item a picture { min-width: 15%; max-width: 10% }
.autocomplete_item a section { flex-grow: 1; position: relative }
.autocomplete_item a h3 { font-size: 14px; color: #222; margin: 0 }
.autocomplete_item a p { float: none; width: 100%; text-align: left; line-height: unset; height: unset }
.autocomplete_item a p span { font-size: 14px }
.autocomplete_item a p span.price-per { top: 0; right: 0; z-index: 2; width: auto; height: auto; padding: 2.5px 5px; font-size: 10px; line-height: unset }
.box__search { position: relative; z-index: 99 }
form.form-search.search.w-clear.active { border-radius: 22px 22px 0 0 }
.list__products { display: grid; grid-template-columns: repeat(5, 1fr); gap: 27px 21px; margin-bottom: 30px }
.list__products .box__product { padding: 8px 8px 20px 8px; margin: 0 }
.brand-catalogy__list { display: grid; grid-template-columns: repeat(9, 1fr); gap: 10px }
a.brand-catalogy__item img { height: 20px; max-width: none; min-width: 86px; object-fit: contain }
a.brand-catalogy__item { text-align: center; align-items: center; border: 1px solid #e5e7eb; border-radius: 4px; display: flex; height: 34px; justify-content: center; padding: 2px 4px }
.list__brand-catalogy { margin-bottom: 20px }
.list__filter__pro ul { display: flex; list-style: none; gap: 16px; align-items: center }
.list__filter__pro ul li a { padding: 11px 17px; display: flex; align-items: center; gap: 6px; border-radius: 10px; border: 1px solid #e7e7e7; background: #f3f4f6; color: #333; font-weight: 500; line-height: normal }
.title__filter span { color: #333; font-size: 20px; font-style: normal; font-weight: 600; line-height: normal }
.list__filter__pro { margin: 2rem 0 }
.title__filter { margin-bottom: 17px }
.list__filter__pro ul li a.active { background: #fef2f2; border-color: #d4001b }
.attr-content-pro-detail.capacity-detail { border-radius: 10px; border: 1px solid #c6c6c6; background: #fff; text-align: center; position: relative; overflow: hidden }
.attr-content-pro-detail.capacity-detail a strong { color: #898989; text-align: center; font-weight: 500 !important }
.list__capacity { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 19px }
span.price-new-capacity { color: #898989; font-weight: 400; line-height: normal }
.attr-content-pro-detail.capacity-detail a { display: block; padding: 8px 0 }
.attr-content-pro-detail.capacity-detail.active { border-color: #d4001b }
.attr-content-pro-detail.capacity-detail.active a strong { color: #d4001b }
.attr-content-pro-detail.capacity-detail.active a span { color: #d4001b }
.attr-content-pro-detail.capacity-detail.active:before { color: #fff; content: ''; font-size: 10px; height: 16px; left: 0; padding-bottom: 2px; padding-left: 4px; position: absolute; top: 0; width: 20px; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDIwIDE2IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMCAxNkg4LjkzNjgxQzE1LjA0NTEgMTYgMjAgMTAuOTk0MyAyMCA0LjgyMzMxVjBIOC44NDY1NEMzLjk2MTg5IDAgMCA0LjAwMjUzIDAgOC45MzczVjE2WiIgZmlsbD0iI0Q0MDAxQiIvPgogIDxwYXRoIGQ9Ik01IDguODYxMjRMNy42ODU4IDEwLjcwMzRDNy42ODU4IDEwLjcwMzQgMTAuNTI2NSA1Ljk1NDU1IDE0IDNDMTQgMyA4LjY1NDIzIDEwLjkxODcgOC40OTkyOCAxM0w1IDguODYxMjRaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4=) no-repeat; background-position: center center }
.attr-content-pro-detail--color { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 19px }
.image__photo img { width: 34px; height: 34px; object-fit: cover }
label.color-pro-detail.text-decoration-none.active { border-radius: 10px; border: 1px solid #d4001b; background: #fff }
label.color-pro-detail.text-decoration-none.active:before { color: #fff; content: ''; font-size: 10px; height: 16px; left: 0; padding-bottom: 2px; padding-left: 4px; position: absolute; top: 0; width: 20px; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDIwIDE2IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMCAxNkg4LjkzNjgxQzE1LjA0NTEgMTYgMjAgMTAuOTk0MyAyMCA0LjgyMzMxVjBIOC44NDY1NEMzLjk2MTg5IDAgMCA0LjAwMjUzIDAgOC45MzczVjE2WiIgZmlsbD0iI0Q0MDAxQiIvPgogIDxwYXRoIGQ9Ik01IDguODYxMjRMNy42ODU4IDEwLjcwMzRDNy42ODU4IDEwLjcwMzQgMTAuNTI2NSA1Ljk1NDU1IDE0IDNDMTQgMyA4LjY1NDIzIDEwLjkxODcgOC40OTkyOCAxM0w1IDguODYxMjRaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4=) no-repeat; background-position: center center }
span.name__attr { color: #898989; font-weight: 500; line-height: normal }
.group__action__addCart { display: flex; gap: 14px; align-content: stretch }
.btn__addCartPro { width: 145px }
.btn__buyNowPro { width: calc(100% - 159px) }
.btn__buyNowPro a { border-radius: 10px; background: #d4001b; display: block; text-align: center; padding: 12px 0; cursor: pointer }
.btn__addCartPro a { display: block; border-radius: 10px; border: 1px solid #d4001b; background: #fff; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 5px }
.btn__addCartPro a span { color: #d4001b; text-align: center; font-weight: 400; line-height: normal }
a.btn-pro.addcart span { color: #fff; text-align: center; font-size: 20px; font-style: normal; font-weight: 600; line-height: normal; text-transform: uppercase }
a.btn-pro.addcart p { color: #fff; text-align: center; font-weight: 400; line-height: normal }
a.btn-pro.btn__changeNew { border-radius: 10px; background: #333; display: block; padding: 12px 0 }
a.btn-pro.btn__changeNew span { color: #fff; font-size: 20px; font-style: normal; font-weight: 600; line-height: normal; text-align: center; text-transform: uppercase }
.btn__changeNew__pro { text-align: center; margin-top: 14px }
a.btn-pro.btn__changeNew p { color: #fff; text-align: center; font-weight: 400; line-height: normal }
.form__sale__pro { border-radius: 15px; background: #fff; margin-bottom: 23px }
.header__title__sale { border-radius: 15px 15px 0 0; background: #fde2e2; padding: 12px 23px }
.header__title__sale span { gap: 8px; color: #d4001b; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; text-transform: uppercase; display: flex; align-items: center }
.content__sale__pro { padding: 9px 17px; border: 1px solid #c6c6c6; border-radius: 0 0 15px 15px; border-top: 0 }
.banner__catagory__item a { border-radius: 20px; overflow: hidden; display: block }
.banner__catagory__item { margin-top: 40px }
.info__product-detail--content { border-radius: 15px; border: 1px solid #c6c6c6; background: #fff; padding: 32px }
.info__product-detail--article { border-radius: 15px; border: 1px solid #c6c6c6; background: #fff; padding: 20px 0; height: 100% }
span.info__product-detail--content--title { color: #333; text-align: center; font-size: 24px; font-style: normal; font-weight: 600; line-height: normal; text-align: center }
span.info__product-detail--article--title { color: #333; font-size: 20px; font-style: normal; font-weight: 600; line-height: normal; padding: 24px; display: block; padding-top: unset }
.info__product-detail { border-top: 1px solid #dedede; padding-top: 71px; border-bottom: 1px solid #dedede }
div#info-pro-detail { max-height: 500px; overflow: hidden; position: relative }
.cps-block-content_btn-showmore { background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .91) 50%, #fff 55%); bottom: 0; display: block; left: 0; margin-bottom: 0; padding-top: 50px; position: absolute; right: 0; text-align: center; width: 100% }
a.btn-show-more.button__content-show-more { gap: 5px; color: #333; text-align: center; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; display: flex; justify-content: center; align-items: center }
.menu ul.primary-menu>li>a.active { color: #d4001b }
a.btn__primary.btn-secon:hover { color: #fff }
.frefix__user__info__container { margin-top: 5rem }
.frefix__user__info__list-group { width: 100%; overflow: hidden; margin-top: 10px; border-radius: unset; padding-left: 10px; margin-bottom: 10px }
.frefix__user__info__list-group .list-group-item { margin-bottom: 5px; outline: #fff; border: unset; border-radius: 0; background: #181818; color: #fff; border-right: unset; box-shadow: unset; border-radius: 10px 0 0 10px }
.frefix__user__info__tab-content { margin-top: 0; padding: 10px 2rem; margin-bottom: 10px }
.frefix__user__info__form-user { margin-top: 20px }
.frefix__user__info__input-user { margin-bottom: 20px }
.frefix__user__info__input-user .input-group-prepend .input-group-text { background-color: #f8f9fa; border: 1px solid #ced4da }
.frefix__user__info__input-user .form-control { height: auto; padding: 10px; font-size: 14px }
.frefix__user__info__button-user { text-align: center }
.frefix__user__info__button-user .btn { width: 100%; padding: 10px; font-size: 16px }
.frefix__user__info__input-user .custom-control-label { margin-left: 10px }
.frefix__user__info__input-user .custom-radio { display: inline-block; margin-right: 20px }
.frefix__user__info__container { border: 1px solid #0000003b; border-radius: 10px; overflow: hidden; margin-bottom: 20px }
.tab-content.frefix__user__info__tab-content h3 { font-weight: 700; text-transform: uppercase }
.frefix__user__info__list-group .list-group-item.active { background: #fff; border-color: #fff; color: #000 }
.container.frefix__user__info__container .col-md-3 { background: #181818; padding-right: 0; padding-left: 0 }
.frefix__user__info__list-group .list-group-item:hover { background: #ffffff3d; transition: all .3s linear }
a.list-group-item.list-group-item-action.active:hover { color: #fff }
.btn-primary { background: #181818; border-color: #181818 }
.btn-primary:hover { background: #07328ce3 }
a.btn__google { display: flex }
a.btn__google img { max-width: 25px }
a.btn__google { width: 80%; margin: 0 auto; margin-top: 10px; justify-content: center; border-radius: 4px !important; gap: 10px }
ul.technical-content li:nth-child(odd) { background: #f8f8f8 }
li.technical-content-item div { width: 50%; color: #333; text-align: start; font-weight: 400; line-height: normal }
li.technical-content-item p { color: #333; font-weight: 600; line-height: normal; width: 40% }
ul.technical-content li { padding: 14px 23px !important }
.btn__viewDetail__technical { text-align: center; margin: 40px 11px 0 11px }
.btn__viewDetail__technical a { display: block; border-radius: 15px; border: 1px solid #c6c6c6; color: #333; text-align: center; font-weight: 500; line-height: normal; padding: 15px }
.info__product-detail .row .col-md-4 { position: sticky; top: 0; height: 100% }
.btn__addCartPro a { cursor: pointer }
.footer__info__item-list li a:hover { color: #d4001b }
.technologyNews__item__title:hover { color: #d4001b }
.product__navControl__item:hover, .product__navSlide__link:hover { background: #181818 !important }
.product__navControl__item:hover a, .product__navSlide__link:hover { color: #fff; transition: all .3s linear }
a.box__product--pic img { border-radius: 5px }
.item-categories-outer a { background-position: 100% 100%; background-repeat: no-repeat; border-radius: 10px; box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .1), 0 2px 6px 2px rgba(60, 64, 67, .15); display: block; min-height: 125px; overflow: hidden; position: relative; -webkit-text-decoration: none; text-decoration: none; width: 100%; background-size: 90px; background-position: center bottom }
.list__product__Cat { display: flex; flex-wrap: wrap; gap: 10px; justify-content: flex-start; position: relative }
.item-categories-outer { width: 10% }
.item-categories-outer a span { color: #fff; display: block; font-size: 14px; font-weight: 600; margin-top: 5px; max-width: 114px; padding: 0 5px; width: 100%; word-break: break-word }
.menu ul.primary-menu>li>a:hover { color: #da233a }
.list__filter__pro ul li a { cursor: pointer }
.list__filter__pro ul li a.checked, .list__filter__pro ul li a:hover { border-color: #d91e36; background: #fef2f2 }
.priceProduct span { display: inline-block; }
.price-new { color: var(--color-blue); font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; text-transform: capitalize; }
.price-old { color: #b0b0b0; font-weight: 400; line-height: normal; text-decoration: line-through; padding-left: 10px; }
p.price-old-cart { text-decoration: line-through }
.img__color__pro.text-center { margin-top: 5px }
a.btn__primary:hover { color: #181818; background: #fff; box-shadow: 0 0 10px 0 #000 }
a.btn__primary:hover svg path { fill: #000 }
.btn__primary.btn-secon:hover { background: #fff; color: #000 !important }
.box__menu__list ul li a:hover { color: #181818; transition: all .3s linear }
.header__menu.sticky.animate__animated.animate__fadeInDown { position: fixed; top: 0; width: 100%; z-index: 999 }
.img__color__pro.text-center a { box-shadow: inset 0 2px 1px rgba(0, 0, 0, .25) }
.alert-warning { background: #b6b7b9; color: #fff; border-color: #b6b7b9 }
ul.technical-content { padding: 0 5px }
.keyword__autoComplete { display: flex; gap: 15px; align-items: center; margin: 28px 0; flex-wrap: wrap }
.keyword__autoComplete span { color: #333; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal }
.keyword__autoComplete__container { display: flex; gap: 15px; flex-wrap: wrap }
.keyword__autoComplete__container a { border-radius: 500px; border: 1px solid #898989; background: #fff; color: #898989; text-align: center; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; padding: 16px 25px }
.control__mobile { display: none }
a.btn__primary svg path { fill: #181818 }
.technologyNews__navControl a svg path { fill: #181818 }
.footer__criteria__item:hover { background: #b6b7b9 }
li.filter__pro__item a svg { width: 18px; height: 18px }
.slide__main .slick-dots { bottom: 0; right: 0; text-align: end }
.slide__main .slick-dots button:before { background-color: #fff; border: 1px solid #fff; border-radius: 50%; display: inline-block; height: 12px; width: 12px; color: transparent; opacity: 1; box-shadow: 0 0 2px 0 #000000b3 }
.slide__main .slick-dots button { width: 12px; height: 12px }
.slide__main .slick-dots li.slick-active button:before { color: transparent; background: #b6b7b9; opacity: 1; border-color: #b6b7b9 }
.product__navSlide__container .slick-track { margin-left: auto }
.slick-dotted.slick-slider { margin-bottom: 0 }
div#popup .modal-content { background: 0 0; border: unset }
div#popup .modal-dialog { border: unset; max-width: 600px }
div#popup .modal-content .modal-header { border: unset; position: absolute; top: 0; right: 10px; z-index: 999 }
.text-decoration-line-through { text-decoration: line-through }
#popup-cart.opened { width: 85% }
@media (max-width:1230px) {
	.mb15_1230 { margin-bottom: 15px }
	.header-mmenu, .header-mobi { display: block }
	.block-menu { background: #fff }
	.search-res .icon-search { color: #1e4071 }
	.search-res .icon-search.active { color: #fff; background: #1e4071 }
}
@media (max-width:991px) {
	.mb15_991 { margin-bottom: 15px }
	.mb10_991 { margin-bottom: 10px }
	.footerPowered .widthBox { flex-direction: column }
	.footerPowered .footer-copyright, .footerPowered .footer-statistic { text-align: center }
	.social_fixed { bottom: 95px }
	.social_fixed .support-online:not(.cart_item) { display: none }
	.social_fixed .support-online:not(.cart_item).itemCart { display: block }
	.product__price { text-align: center; flex-wrap: wrap }
	.product__price .price__pro_new { flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100%; margin-bottom: 5px }
	.product__price .price__pro_old { flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100% }
	.product__price .price__pro_new+.price__pro_old { margin-left: 0 }
	.left-pro-detail { flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100%; margin-bottom: 20px; padding-right: 0 }
	.right-pro-detail { flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100%; margin-bottom: 20px; padding-left: 0 }
	.gallery-thumb-pro { margin-top: 5px }
	.tabs-pro-detail .nav-tabs .nav-link { font-size: 13px !important }
	.section-main .form-search { width: 100% }
	.top-cart { margin-top: 2rem }
	.procart { padding: 8px 0 }
	.procart+.procart { border-top: 1px solid #f1f1f1 }
	.cart-sticky { position: sticky; top: 60px }
	.pic-procart { flex: 0 0 60px; -ms-flex: 0 0 60px; max-width: 60px }
	.pic-procart .del-procart { top: 0; left: 0; position: static; margin: 5px auto 0 auto }
	.cover-list-pro { border-radius: 0; box-shadow: none }
	.section-cart.bot, .section-cart.top { padding: 0 }
	.section-cart h4 { font-size: 15px; padding: 0 0 15px 0; margin-bottom: 15px }
	.section-cart>p { font-size: 13px; margin-bottom: 5px }
	.section-cart .list-procart { padding: 0; border: 0; border-radius: 0 }
	.title-cart { font-size: 15px }
	.quantity-pro-detail { max-width: 105px }
	.quantity-pro-detail span { width: 35px; height: 35px }
	.quantity-pro-detail span i { line-height: 35px; width: 35px; height: 35px }
	.quantity-pro-detail input { height: 35px; width: calc(100% - 70px) }
	.group-quantity-pro-detail { width: 105px }
	.group-cart-pro-detail { flex: 0 0 calc(100% - 105px); -ms-flex: 0 0 calc(100% - 105px); max-width: calc(100% - 105px) }
	.cart-pro-detail a { font-size: 12.5px; line-height: 33px }
	.cupponBox_info h3 { font-size: 14px }
}
@media (max-width:767px) {
	.box__product.slick-slide { padding: 5px }
	.box__product--sale { font-size: 14px }
	.box__product--null, .box__product--regular { font-size: 13px }
	.box__product--price { gap: 2px }
	h2.box__product--name { font-size: 13px }
	.mb15_767 { margin-bottom: 15px }
	.box__product--price { flex-direction: column; min-height: 34px }
	.titleMain h2 { font-size: 24px }
	.box.news--name { font-size: 14px }
	.box.news--content { padding: 10px 0 }
	.box.news--pic { border-radius: 5px }
	.gioithieu--title { font-size: 24px }
	.box__product { margin: 7px 0 }
	.row.product { margin-top: -7px; margin-bottom: -7px }
	.titleFooter h2 { font-size: 24px; text-align: center }
	.box__product.slick-slide { margin: 5px }
	.primary_nav { flex-direction: column; gap: 14px }
	.product__navControl { display: grid; grid-template-columns: repeat(2, 1fr); width: 100% }
	.slide__container { display: block; padding: 5px 0 }
	.slide__main { width: 100% !important }
	.slide__subs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; width: 100%; margin-top: 10px }
	.menu-slide.wrap-content { padding: 5px }
	.slide__sub { margin: 0 }
	.productBestseller__title { width: 100%; justify-content: center }
	.wrap-content_lg { padding: 5px }
	.product__navSlide { width: 80%; margin: 0 }
	.tagsSearch__item { font-size: 12px }
	.product__navSlide__item a { font-size: 12px; padding: 7px }
	.footer__criteria__container { grid-template-columns: repeat(2, 1fr); gap: 10px }
	.footer__info__container { grid-template-columns: 1fr; gap: 15px }
	.footer__copyright__container { flex-direction: column-reverse; margin-bottom: 55px; gap: 10px }
	.footer__criteria__item p { font-size: 13px }
	.footer__criteria__item-img { width: 30px }
	.footer__criteria__item-img img { width: 20px }
	.footer__criteria__item { flex-direction: column; padding: 12px; text-align: center }
	.technologyNews__wrapper { padding-bottom: 20px }
	.technologyNews__item__title { font-size: 14px }
	.technologyNews__title h2 { font-size: 20px }
	.list__products { grid-template-columns: repeat(2, 1fr); gap: 10px }
	.list__filter__pro ul { flex-wrap: wrap; gap: 10px }
	.faq__list__pro { margin-bottom: 15px }
	.faq__list__pro { padding: 10px }
	.accordion-header h3 a { font-size: 14px }
	.info__product-detail--content { padding: 10px }
	.info__product-detail--content--title { font-size: 20px }
	.faq__list__pro--title span { font-size: 18px }
	.faq__list__pro--title { margin-bottom: 10px }
	.title-pro-detail { font-size: 20px }
	.attr-content-pro-detail--color { grid-template-columns: 1fr 1fr; gap: 10px }
	.list__capacity { grid-template-columns: 1fr 1fr; gap: 10px }
	.group__action__addCart { flex-direction: column }
	.btn__buyNowPro { width: 100% }
	.btn__addCartPro { width: 100% }
	.btn__addCartPro a { padding: 5px }
	a.btn-pro.addcart span { font-size: 16px }
	a.btn-pro.addcart p { font-size: 12px }
	span.info__product-detail--content--title { font-size: 20px }
	.info__product-detail { padding-top: 15px }
	.price-new-pro-detail { font-size: 16px }
	.price-old-pro-detail { font-size: 13px; padding: 0 7px }
	.col-product { padding: 0 5px; margin-bottom: 10px }
	.row-product { margin: 20px -5px 0 -5px }
	.col-news { padding: 0 5px; margin-bottom: 10px }
	.row-news { margin: 15px -5px 0 -5px }
	.list-news-other { width: 100% }
	.info-procart { padding: 0 10px }
}
@media (max-width:576px) {
	.mb15_576 { margin-bottom: 15px }
	.social_fixed { bottom: 70px }
	.item-categories-outer { width: 70px !important }
	.item-categories-outer a { min-height: 90px !important; background-size: 40px !important }
	.item-categories-outer a span { font-size: 10px !important }
}
@media (max-width:375px) {
	.mb15_375 { margin-bottom: 15px }
}

/* about */
.dts-wrap-about { padding: 3rem 0 2rem; }
.title-desk { text-align: center; margin: 1rem 0 2rem; position: relative; }
.title-desk h3 { color: var(--color-blue); font-size: 36px; font-weight: 600; text-transform: capitalize; position: relative; z-index: 2; }
.title-desk span { position: absolute; z-index: 1; width: 100%; font-size: 48px; line-height: 50px; color: #fff; text-shadow: 1px 1px 0 rgba(42, 147, 253, 0.30), -1px 1px 0 rgba(42, 147, 253, 0.30), -1px -1px 0 rgba(42, 147, 253, 0.30), 1px -1px 0 rgba(42, 147, 253, 0.30); text-transform: uppercase; font-weight: 900; left: 50%; top: -1rem; transform: translate(-50%, 7px); }
.title-desk p { margin: 1rem auto 0; color: #333; font-size: 20px; font-weight: 500; max-width: 900px; text-transform: capitalize; }
.descAbout { text-align: center; -webkit-line-clamp: 5; color: #868686; font-size: 16px; margin-bottom: 2rem; }
.iconContact { text-align: center; }
.iconContact a { background: var(--color-blue); color: #fff; display: inline-block; padding: 12px 2rem; font-weight: 500; border-radius: 2rem; text-transform: capitalize; transition: all 0.5s; }
.iconContact a:hover { background: var(--color-red); }

/*dknt*/
.dts-wrap-dknt { padding: 2rem 0; }
.dts-wrap-dknt .wrap-content { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; }
.dkntLeft { width: 43%; }
.title-dknt { margin-bottom: 2rem; }
.title-dknt p, .title-dknt h2 { color: var(--color-red); font-size: 32px; font-weight: 700; text-transform: capitalize; }
.title-dknt p span, .title-dknt h2 span { display: block; color: var(--color-blue); }
.title-dknt b { color: #FF767C; font-size: 24px; font-weight: 600; text-transform: capitalize; }
form.validation-newsletter { margin-bottom: 2rem; }
.newsletter__container { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; gap: 1rem; }
.newsletter__button { width: 100%; height: 50px; max-width: 295px; position: relative; background: var(--color-blue); border-radius: 2rem; transition: all 0.4s; }
.newsletter__input input, .newsletter__input textarea { text-indent: 0; border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.20) !important; color: #B3B3B3; font-size: 15px !important; font-weight: 300 !important; border-radius: 0 !important; box-shadow: none !important; outline: none !important; }
.newsletter__input { width: calc((100% - 1rem)/2); }
.newsletter__input:nth-child(5) { width: 100%; }
.newsletter__input input::placeholder, .newsletter__input textarea::placeholder { color: #B3B3B3; font-weight: 300; line-height: normal; font-size: 15px !important; }
.newsletter__button input { position: absolute; width: 100%; background: 0 0; height: 100%; color: #fff; text-transform: capitalize; font-size: 15px; font-weight: 500; padding: 0 0 0 1rem; }
.newsletter__button svg { position: absolute; top: calc(50% - 8px); left: 1.5rem; transition: all 0.6s; }
.newsletter__button:hover svg { left: 2rem; }
.newsletter__button:hover { background: var(--color-red); }
.callIndex { display: flex; justify-content: flex-start; align-items: center; gap: 1rem; }
.infoCall { }
.infoCall b { color: #1E1E1E; font-size: 14px; font-weight: 600; display: block; }
.infoCall a { color: var(--color-blue); font-size: 24px; font-weight: 600; }
.dkntRight { width: 55%; max-width: 686px; position: relative; display: flex; align-items: flex-end; justify-content: flex-end; padding-bottom: 3rem; }
.picAb1 { width: 70%; max-width: 450px; border-radius: 10px; }
.picAb2 { width: 55%; max-width: 370px; position: absolute; bottom: 0; left: 0; border-radius: 10px; }

/* services */
.dts-wrap-listdv { padding: 2rem 0; }
.BoxListDv { display: flex; justify-content: space-around; align-items: stretch; flex-wrap: wrap; gap: 3rem 10rem; margin: 0px auto 2rem; position: relative; padding: 0 4rem; }
.itemListDv { width: calc((100% - 10rem)/2); max-width: 365px; text-align: center; position: relative; transition: all 0.6s; top: 0; padding: 1rem; }
.itemListDv:hover { top: -10px; box-shadow: rgb(42 147 253 / 25%) 0px 30px 60px -12px inset, rgb(42 147 253 / 30%) 0px 18px 36px -18px inset; border-radius: 1rem; }
.picListDv { max-width: 260px; width: 100%; margin: 0px auto 2rem; }
.nameListDv { color: var(--color-blue); font-size: 20px; line-height: 25px; font-weight: 500; text-transform: capitalize; margin-bottom: 1rem; }
.nameListDv span { -webkit-line-clamp: 2; min-height: 50px; }
.itemListDv p { color: #868686; font-size: 16px; font-weight: 300; line-height: 25px; text-transform: capitalize; }
.arrow_ab { position: absolute; }
.arr1 { top: 20%; left: 50%; transform: translate(-50%, -20%); }
.arr2 { top: 45%; right: 0; transform: translate(0%, -45%); }
.arr3 { bottom: 20%; left: 50%; transform: translate(-50%, -20%); }
.arr4 { bottom: 45%; left: 0; transform: translate(0%, -45%); }
.dts-wrap-chatluong { padding: 1rem 0 2rem; }
.dts-wrap-chatluong .wrap-content { display: flex; justify-content: space-between; align-items: flex-start; }
.chatluongLeft { width: 60%; }
.chatluongRight { width: 40%; position: relative; display: flex; max-width: 460px; }
.picCL2 { position: absolute; width: 60%; max-width: 260px; border-radius: 10px; top: 80%; left: -276px; transform: translate(-0%, -80%); }
.picCL1 { border-radius: 10px; }
.title-desk2 { position: relative; margin: 1rem 0 2rem; }
.title-desk2 h3 { color: var(--color-blue); font-size: 36px; font-weight: 600; text-transform: capitalize; position: relative; z-index: 2; }
.title-desk2 span { position: absolute; z-index: 1; font-size: 48px; line-height: 50px; color: #fff; text-shadow: 1px 1px 0 rgba(42, 147, 253, 0.30), -1px 1px 0 rgba(42, 147, 253, 0.30), -1px -1px 0 rgba(42, 147, 253, 0.30), 1px -1px 0 rgba(42, 147, 253, 0.30); text-transform: uppercase; font-weight: 900; left: 0%; top: -1rem; transform: translate(-0%, 7px); }
.descCluong { width: 100%; padding: 0 17rem 0 0; font-size: 16px; font-weight: 400; }
.descCluong p { margin-bottom: 1rem; }
.dts-wrap-useServices { padding: 3rem 0; }
.tit-useServices { text-align: center; margin-bottom: 2rem; color: #FFF; font-size: 32px; font-weight: 700;    /* 156.25% */ text-transform: capitalize; }
.tit-useServices span { display: block; color: var(--color-blue); }
.icon-contact2 { }
.icon-contact2 a { display: flex; justify-content: center; align-items: center; gap: 2rem; }
.icon-contact2-left { display: inline-block; background: var(--color-blue); color: #fff; font-size: 16px; font-weight: 600; padding: 1rem 2rem; border-radius: 10px; transition: all 0.5s; }
.icon-contact2-left:hover { background: var(--color-red); }
.icon-contact2-right { display: flex; color: #fff; justify-content: flex-start; align-items: center; gap: 1rem; }
.icon-contact2-right p { }
.icon-contact2-right p small { font-size: 14px; font-weight: 600; display: block; }
.icon-contact2-right p span { font-size: 24px; font-weight: 600; }
.dts-wrap-banggia { padding: 2rem 0; }
.BoxBanggia { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 2rem 1rem; margin-bottom: 2rem; }
.itemBg { width: calc((100% - 3rem)/4); text-align: center; padding: 1rem; transition: all 0.5s; position: relative; top: 0; cursor: pointer; }
.picBg { height: 74px; margin-bottom: 1rem; }
.nameBg { color: var(--color-blue); font-size: 20px; font-weight: 600; text-transform: capitalize; line-height: 25px; min-height: 50px; margin-bottom: 1rem; }
.infoDv span { color: #868686; font-size: 14px; font-weight: 400; text-transform: capitalize; }
.itemBg:hover { box-shadow: rgb(42 147 253 / 16%) 0px 3px 6px, rgb(42 147 253 / 23%) 0px 3px 6px; top: -5px; }

/* Product index */
.dts-wrap-pro-thanhly, .dts-wrap-pro-moi { padding: 1rem 0 2rem; }
.Listsp { margin-bottom: 2rem; }
.Listsp ul { padding: 0; margin: 0; list-style: none; display: flex; justify-content: center; align-items: stretch; flex-wrap: wrap; gap: 10px; }
.Listsp ul li { }
.Listsp ul li a { display: inline-block; padding: 8px 20px; border-radius: 3rem; border: 1px solid #CDCDCD; background: #FFF; color: #ACACAC; font-size: 15px; font-weight: 400; transition: all 0.5s; }
.Listsp ul li:first-child a, .Listsp ul li a:hover { background: var(--color-blue); color: #fff; border: 1px solid var(--color-blue); }
.product_slide { margin-bottom: 1rem; }
.ProductIn { width: 96%; max-width: 290px; margin: 0px auto 10px; padding: 5px 5px 10px; border: 1px solid #eee; border-radius: 10px; text-align: center; transition: all 0.4s; }
.picProduct { border-radius: 7px; margin-bottom: 1rem; }
.nameProduct { color: #333; text-align: center; font-size: 16px; line-height: 25px; font-weight: 500; min-height: 50px; text-transform: capitalize; -webkit-line-clamp: 2; margin-bottom: 10px; }
.nameProduct:hover { color: var(--color-blue); }
.ProductIn:hover { box-shadow: rgb(42 147 253 / 40%) 0px 2px 8px, rgb(42 147 253 / 50%) 0px 2px 3px; }
.product_slide .slick-prev:before, .product_slide .slick-next:before { font-family: var(--fa-style-family, "Font Awesome 6 Pro"); color: #00000033; font-size: 35px; font-weight: 600; opacity: 1; }
.product_slide .slick-prev:before { content: '\f053'; }
.product_slide .slick-next:before { content: '\f054'; }
.product_slide .slick-prev:hover:before, .product_slide .slick-next:hover:before { color: var(--color-blue); }

/* Khach hang */
.dts-wrap-khachhang { padding: 1rem 0 2rem; }
.itemKhach { width: 96%; max-width: 380px; margin: 0px auto; transition: all 0.5s; cursor: pointer; }
.infoKhach { border: 1px solid var(--color-blue); padding: 3rem 1rem 1.4rem; border-radius: 10px; position: relative; overflow: hidden; background: #fff; z-index: 2; }
.infoKhach > img { margin-bottom: 1.5rem; display: block; }
.infoKhach p { color: #878787; font-size: 16px; line-height: 25px;    /* 156.25% */ }
.infoKhach:before { content: ''; position: absolute; top: 0; right: 0; width: 96px; height: 68px; background: url(../images/quote.png) no-repeat 65% center, var(--color-blue); border-radius: 0px 10px 0px 500px; overflow: hidden; z-index: 1; transition: all 0.5s; }
.nameKhach { padding: 1rem 2rem 0 3rem; display: flex; justify-content: center; align-items: center; gap: 10px; position: relative; z-index: 1; }
.picKhach { width: 70px; border: 2px solid var(--color-blue); border-radius: 50%; overflow: hidden; }
.nameKhach h3 { color: #333; font-size: 18px; font-weight: 600; }
.nameKhach svg { position: absolute; top: -12px; left: 1rem; }
.itemKhach:hover .infoKhach { border: 1px solid var(--color-red); }
.itemKhach:hover .infoKhach:before { background: url(../images/quote.png) no-repeat 65% center, var(--color-red); }
.itemKhach:hover .nameKhach svg path { fill: var(--color-red); }

/* hinhanh */
.dts-wrap-album { padding: 1rem 0 2rem; }
.picAlbum { width: 96%; max-width: 280px; margin: 0px auto; border-radius: 10px; overflow: hidden; }
.album_slide .slick-prev:before, .album_slide .slick-next:before { font-family: var(--fa-style-family, "Font Awesome 6 Pro"); color: #00000033; font-size: 35px; font-weight: 600; opacity: 1; }
.album_slide .slick-prev:before { content: '\f053'; }
.album_slide .slick-next:before { content: '\f054'; }
.album_slide .slick-prev:hover:before, .album_slide .slick-next:hover:before { color: var(--color-blue); }

/* footer */
footer { background: #101015; }
.footer_wrapper { color: #fff; padding: 3rem 0; font-size: 16px; }
.footer_wrapper .wrap-content { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
.footer-col:nth-child(1) { width: 35%; }
.footer-col:nth-child(2) { width: 25%; }
.footer-col:nth-child(3) { width: 27%; }
.logo-ft { margin-bottom: 1.5rem; }
.logo-ft img { max-height: 113px; }
.info-ft { margin-bottom: 1.5rem; }
.list__social { padding: 0; margin: 0; list-style: none; display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 8px; }
.list__social li { transition: all 0.5s; }
.list__social li:hover { transform: rotate(10deg); }
.title-ft { font-size: 20px; font-weight: 600; padding-bottom: 1rem; margin-bottom: 1.5rem; position: relative; }
.title-ft:before { content: ''; width: 40px; height: 2px; background: #fff; position: absolute; bottom: 0; left: 0; }
.footer-ul { padding: 0; margin: 0; list-style: none; }
.footer-ul li { margin-bottom: 1rem; }
.footer-ul li a { text-transform: capitalize; transition: all 0.5s; }
.footer-ul li a:hover { color: var(--color-blue); padding-left: 5px; }
.copyright { padding: 1.5rem 0; color: #fff; font-size: 16px; border-top: 1px solid #ffffff38; }

/*template news*/
.BoxNewsTemplate { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 1.5rem; margin-bottom: 1rem; }
.ItemNews { width: calc((100% - 3rem)/3); border: 1px solid #eee; padding: 10px; border-radius: 10px; overflow: hidden; position: relative; top: 0; transition: all 0.5s; }
.ItemNews:hover { top: -5px; box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; }
.picNews { border-radius: 6px; margin-bottom: 10px; }
.nameNews { font-size: 18px; line-height: 25px; -webkit-line-clamp: 2; min-height: 50px; margin-bottom: 10px; }
.nameNews:hover { color: var(--color-blue); }
.ItemNews a { color: #333; }
.descNews { -webkit-line-clamp: 3; font-size: 15px; }

/*template product*/
.BoxProduct { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 1rem; margin-bottom: 1.5rem; }
.itemProduct { width: calc((100% - 3rem)/4); padding: 5px 5px 10px; border: 1px solid #eee; border-radius: 10px; text-align: center; transition: all 0.4s; }
.itemProduct:hover { box-shadow: rgb(42 147 253 / 40%) 0px 2px 8px, rgb(42 147 253 / 50%) 0px 2px 3px; }