/*

Theme Name: Flatsome Child

Description: This is a child theme for Flatsome Theme

Author: UX Themes

Template: flatsome

Version: 3.0

*/



/** Font Barlow **/

/*@import url("assets/fonts/Barlow/font-Barlow.css");*/



/** Font Barlow Condensed **/

/*@import url("assets/fonts/BarlowCondensed/font-BarlowCondensed.css");*/

@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');



.mb-1 {

    margin-bottom: 0.25rem !important;

}



.mb-2 {

    margin-bottom: 0.5rem !important;

}



.mb-3 {

    margin-bottom: 1rem !important;

}



.mb-4 {

    margin-bottom: 1.5rem !important;

}



.mb-5 {

    margin-bottom: 3rem !important;

}



/*************** ADD CUSTOM CSS HERE.   ***************/



.wpcf7-spinner {

    display: none;

}



input[type=email]:focus,

input[type=number]:focus,

input[type=password]:focus,

input[type=search]:focus,

input[type=tel]:focus,

input[type=text]:focus,

select:focus,

textarea:focus {

    box-shadow: none;

}



.featured-box .icon-box-img img {

    padding-top: 0;

}



body {

    font-size: 16px;

    font-weight: 400;

    font-family: "Quicksand", serif;

}



.nav > li > a,

.mobile-sidebar-levels-2 .nav > li > ul > li > a {

    font-size: 17px;

    font-weight: 500;

    font-family: "Quicksand", serif;

}



h1,h2,h3,h4,h5,h6,

.heading-font,

.off-canvas-center .nav-sidebar.nav-vertical > li > a {

    font-family: "Quicksand", serif;

}



.alt-font {

    font-family: "Quicksand", serif;

}



.overlay-icon {

    opacity: 1;

    background-color: #0c0c5b78 !important;

    border: unset;

    width: 60px;

    height: 60px;

    display: flex;

    justify-content: center;

    align-items: center;

    line-height: unset;

    border-radius: 30%;

    backdrop-filter: blur(10px);

    background: unset;

}



/** Header **/



.html2 ul li {

    margin: 0;

    list-style: none;

    display: inline-block;

}



.html3 img {

    width: 30px;

    height: 30px;

}



.header-nav ul li {

    list-style-type: none;

}



.header-nav-main.nav-left {

    justify-content: center;

}



.header-nav-main.nav-left .html_topbar_left {

    text-align: center;

    font-size: 15px;

}



li.header-search-form form.searchform {

    width: 100%;

}



.searchform .button.icon {

    border-top-right-radius: 30px;

    border-bottom-right-radius: 30px;

}



li.header-search-form form.searchform input {

    height: 35px;

    border-radius: 20px;

    padding-left: 20px;

    padding-right: 48px;

}



li.header-search-form form.searchform .flex-col:nth-child(2) {

    position: absolute;

    right: 0;

}



ul.header-nav.nav-right li.header-search-form form.searchform button {

    height: 35px;

    width: 35px;

    border-radius: 25px !important;

    /* background: linear-gradient(243.74deg, #78aa44 11.89%, #1D4C9F 85.65%); */

    border: 0px;

    background: var(--primary-color);

}



.html1 p {

    font-size: 14px;

    font-weight: 500;

    line-height: 23px;

}



.html_topbar_right .html2 {

    font-size: 14px;

    font-weight: 400;

    line-height: 26px;

}



.html_topbar_right .html2 i {

    padding-right: 3px;

}



.html_topbar_right .html2 li:nth-child(2) {

    padding-left: 15px;

    padding-right: 15px;

}



/** Nav Menu **/



.nav-spacing-xlarge > li {

    margin: 0 20px;

}



.nav.header-nav > li > a {

    padding-top: 0px;

    padding-bottom: 0px;

    line-height: 102px;

    font-weight: 600;

}



/** Breadcrumbs **/



.webrt-banner {

    height: 400px;

    display: flex;

    align-items: center;

}



.webrt-banner .wrap_banner {position: relative;/* padding-left: 30px; */}



.webrt-banner .wrap_banner::before {

    content: "";

    width: auto;

    height: 160px;

    position: absolute;

    border-left: 2px solid #F69709;

    top: -15px;

    left: 0;

    display: none;

}



.webrt-banner h1 {

    color: #FFF;

    font-size: 48px;

    font-weight: 600;

    line-height: 65px;

    margin-bottom: 10px;

    text-transform: uppercase;

}



.webrt-banner p {

    color: #89C6F6;

    font-size: 30px;

    font-weight: 500;

    line-height: 43.2px;

    /* font-family: "Barlow Condensed"; */

}



.breadcrumbs {

    color: #535353;

}



.product-info .breadcrumbs {

    display: none;

}



.webrt-page-title {

    background: #F8F8F8;

}



.webrt-page-title .page-title-inner {

    min-height: 50px;

    padding-top: 10px;

    padding-bottom: 10px;

}



/** Post cat **/



.post-item .box.box-normal {

    box-shadow: 0px 2px 6px 0px #0000001A;

}



.post-item .box-text {

    padding-left: 20px;

    padding-right: 20px;

}



/** Single Post **/



.entry-meta {

    font-size: 14px;

}



.entry-meta .posted-author {

    padding-right: 10px;

}



.entry-meta .posted-on,

.entry-meta .posted-share {

    padding-left: 10px;

    padding-right: 10px;

}



.entry-meta .posted-share a {

    font-size: 11px;

    width: 24px;

    min-width: 24px;

    height: 24px;

    min-height: 24px;

    line-height: 24px;

    border-width: 1px;

    margin-bottom: 0px;

}



.entry-meta .posted-view {

    padding-left: 10px;

}



.entry-meta .posted-author img {

    width: 30px;

    height: 30px;

    border-radius: 50%;

}



.post-item .box.box-push:hover h5.post-title a {

    color: #FFF;

}



.post-item .box.box-push:hover .is-divider {

    background: #FFF;

}



.box-push h5.post-title {

    font-size: 15px;

    font-weight: 600;

    line-height: 23px;

    letter-spacing: -0.02em;

    text-align: left;

}



.post-item .col-inner .post-meta::before {

    content: "\f133";

    font-family: "Font awesome 6 Pro";

    font-weight: 300;

    font-size: 12px;

    padding-right: 5px;

}



.post-item .box .post-title {

    font-size: 18px;

    font-weight: 700;

    line-height: 30px;

    letter-spacing: 0em;

}



.post-item .box.box-vertical h5.post-title {

    font-size: 25px;

}



.post-item .box .is-divider {

    display: none;

}



.related-post .heading {

    font-size: 25px;

    color: #444444;

    margin-bottom: 15px;

}



#post-list .post-item .col-inner {

    padding-bottom: 25px;

    border-bottom: 1px dashed #DDD;

}



.post-item .box-text a.button {

    color: var(--primary-color);

    height: 32px;

    font-size: 14px;

    font-weight: 400;

    letter-spacing: 0em;

    line-height: 32px;

    border-radius: 25px;

    padding: 0px 15px;

    border: 1px solid var(--primary-color);

    text-transform: none;

}



.post-item .box-text a.button::after {

    content: "\f061";

    font-family: "Font Awesome 6 Pro";

    font-size: 14px;

    padding-left: 5px;

}



.post-item .box-text a.button:hover {

    color: #FFF;

}



.post-related-wrap {

    padding-bottom: 0px;

}



.related-post .heading {

    font-size: 26px;

    font-style: normal;

    font-weight: 700;

    line-height: 40px;

    margin-bottom: 25px;

    border-bottom: 2px solid #DDD;

    position: relative;

}



.related-post .heading:before {

    content: "";

    width: 245px;

    height: 1px;

    position: absolute;

    border-bottom: 2px solid #FF7900;

    bottom: -2px;

    left: 0;

}



.related-post .flickity-prev-next-button {

    opacity: 1;

}



.related-post .flickity-prev-next-button.previous {

    left: -15px;

}



.related-post .flickity-prev-next-button.next {

    right: -15px;

}



/** Footer **/



#footer {

    color: #FFF;

    /* background: url("assets/images/bg_footer.png") no-repeat bottom / cover; */

    margin-top: 40px;

}



#footer a {

    color: #FFF;

}



#footer .footer-widgets-asea .col {

    padding-left: 0px;

    padding-right: 0px;

}



#footer h4,

#footer span.widget-title {

    display: block;

    color: #FFF;

    font-size: 24px;

    font-weight: 600;

    line-height: 28px;

    position: relative;

    padding-bottom: 15px;

    margin-bottom: 25px;

    font-family: "Barlow Condensed", sans-serif;

}



#footer h4::before,

#footer span.widget-title::before {

    content: "";

    width: 62px;

    height: 0px;

    position: absolute;

    border-bottom: 2px solid #FFF;

    bottom: 0;

    left: 0;

}



#footer .footer-widgets-asea:nth-child(1) {

    flex-basis: 35%;

    max-width: 35%;

}



#footer .footer-widgets-asea:nth-child(2)  {

    flex-basis: 20%;

    max-width: 20%;

}



#footer .footer-widgets-asea:nth-child(3) {

    flex-basis: 20%;

    max-width: 20%;

}



#footer .footer-widgets-asea:nth-child(4) {

    flex-basis: 25%;

    max-width: 25%;

}



.footer-widgets-asea ul li {

    margin: 0;

    padding-left: 25px;

    padding-bottom: 10px;

    list-style-type: none;

    position: relative;

}



.footer-widgets-asea:nth-child(1) ul li::before {

    content: "\f015";

    font-family: "Font Awesome 6 Pro";

    font-weight: 400;

    font-size: 15px;

    position: absolute;

    top: 3px;

    left: 0;

}



.footer-widgets-asea:nth-child(1) ul li:nth-child(2)::before {

    content: "\f3c5";

}



.footer-widgets-asea:nth-child(1) ul li:nth-child(3)::before {

    content: "\f095";

}



.footer-widgets-asea:nth-child(1) ul li:nth-child(4)::before {

    content: "\f0e0";

}



.footer-widgets-asea:nth-child(1) ul li:nth-child(5)::before {

    content: "\f0ac";

}



.footer-widgets-asea ul.menu li + li {

    border-top: none;

}



.footer-widgets-asea ul li::before {

    content: "\f111";

    font-family: "Font Awesome 6 Pro";

    font-weight: 900;

    font-size: 6px;

    color: #FFF;

    position: absolute;

    top: calc(50% - 8px);

    left: 0;

    opacity: 1;

}



.footer-widgets-asea ul.menu li a {

    padding: 3px 0px;

}



#footer .absolute-footer {

    /* background: transparent; */

}



.absolute-footer.dark {

    color: #FFF;

}



.title-footer p {

    font-size: 32px;

    font-weight: 700;

    line-height: 28px;

    font-family: "Barlow Condensed", sans-serif;

    background: -webkit-linear-gradient(180deg, #67B0E9 28.57%, #78aa44 96.43%);

    background-clip: border-box;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    -webkit-text-stroke: 0.5px #FFF;

}



#footer a.back-to-top {

    border: 0;

    color: #fff;

    font-size: 20px;

    line-height: 45px;

    width: 45px;

    height: 45px;

    min-width: 45px;

    min-height: 45px;

    margin: 0;

    bottom: 55px;

    background: #004AAF;

}



/** Menu **/



ul.header-nav.nav-uppercase >li.menu-item >a {

    text-transform: uppercase;

}



.nav-dropdown-has-arrow.nav-dropdown-has-border li.has-dropdown:before {

    border-bottom-color: rgb(0 0 0 / 1%);

}



.nav-dropdown-default .nav-column li>a,

.nav-dropdown.nav-dropdown-default>li>a {

    border-bottom: 1px dashed rgb(0 0 0 / 15%);

}



.nav-column>li>a,

.nav-dropdown>li>a,

.nav-vertical-fly-out>li>a,

.nav>li>a {

    color: #222;

}



.nav-dropdown-has-border .nav-dropdown {

    border: 0;

    padding: 10px;

    /* min-width: 290px; */

}



.nav-dropdown li {

    font-size: 14px;

}



li.current-dropdown>.nav-dropdown-full,

li.has-dropdown:hover>.nav-dropdown-full {

    display: block;

}



.nav-dropdown-full>li.nav-dropdown-col {

    width: 25%;

    float: left;

}



.nav-dropdown .menu-item-has-children>a,

.nav-dropdown .nav-dropdown-col>a,

.nav-dropdown .title>a {

    color: #222;

    font-size: 14px;

    font-weight: bold;

}



#main-menu ul.nav-sidebar .html.custom {

    color: #FFF;

    flex-flow: nowrap;

}



/** Menu sub-menu 3 **/



.nav-dropdown>li.nav-dropdown-col {

    display: block;

}



.nav-dropdown {

    border: 1px solid #ddd;

    padding: 0;

}

.nav-dropdown .nav-dropdown-col>a,

.nav-dropdown li a {

    font-weight: normal !important;

    text-transform: uppercase;

    font-size: 14px;

    font-weight: 500;

}



.nav-dropdown-default>li:hover>a,

.nav-dropdown .nav-dropdown-col>ul li:hover>a {

    color: #EC3922;

}



.nav-dropdown-default>li.menu-item-has-children>a {

    position: relative;

}



.nav-dropdown-default>li.menu-item-has-children>a::before {

    content: "\f105";

    font-family: "FontAwesome";

    font-size: 15px;

    position: absolute;

    top: 0px;

    right: 0px;

    line-height: 40px;

}



.nav-dropdown-has-arrow li.has-dropdown:before {

    border-width: 10px;

    margin-left: -10px;

}



.nav-dropdown .nav-dropdown-col>ul {

    margin-top:-40px;

    box-shadow: 1px 1px 15px rgba(0,0,0,.15);

    display:none;

    position: absolute;

    left: 100%;

    z-index: 9;

    background: white;

    min-width: 240px;

}



.nav-dropdown>li.nav-dropdown-col {

    width:100%;

    border-right:0;

}



.nav-dropdown .nav-dropdown-col>ul li a {

    padding:10px;

    text-transform: none;

    color:black;

}



.header-nav li.nav-dropdown-col:hover >ul {

    display:block !important;

}



/** Mega Menu **/



ul.nav.header-nav >li.mega-menu {

    position: initial;

}



li.mega-menu.current-dropdown>.nav-dropdown {

    left: 0px;

    margin-left: 0px !important;

}



.mega-menu ul.sub-menu li {

    width: 33.333%;

    float: left;

    padding-left: 42px;

    padding-right: 10px;

    position: relative;

    padding-top: 10px;

    padding-bottom: 20px;

}



.mega-menu .nav-dropdown-default .nav-column li>a,

.mega-menu .nav-dropdown.nav-dropdown-default>li>a {

    margin: 0;

    padding: 0;

    padding-bottom: 5px;

    border-bottom: 0;

}



ul.header-nav .sub-menu .tabbed-content h4 {

    font-size: 30px;

    color: #78aa44;

}



ul.header-nav .sub-menu .tabbed-content .tab-panels h4,

ul.header-nav .sub-menu .tabbed-content .box h4 {

    font-size: 25px;

}



ul.header-nav .sub-menu .nav-vertical.nav-line {

    width: 30%;

    padding-right: 30px;

}



ul.header-nav .sub-menu .nav-vertical.nav-line>li>a::before {

    display: none;

}



ul.header-nav .sub-menu .nav-vertical.nav-line>li>a {

    padding: 15px;

}



ul.header-nav .sub-menu .nav-vertical.nav-line>li.active>a {

    color: #78aa44;

    background: #DDD;

}



ul.header-nav .sub-menu .nav-vertical.nav-line>li.active>a::before {

    content: "";

    background: transparent;

    border-top: 30px solid transparent;

    border-bottom: 30px solid transparent;

    border-left: 25px solid #DDD;

    position: absolute;

    top: 0;

    right: -37px;

    display: block;

    opacity: 1;

}



ul.header-nav .sub-menu .nav-vertical.nav-line>li>a span {

    font-size: 18px;

}



ul.header-nav .sub-menu .nav-vertical.nav-line>li>a::after {

    content: "\f054";

    font-family: "Font Awesome 6 Pro";

    font-weight: 300;

    font-size: 16px;

    position: absolute;

    right: 0;

    top: calc(50% - 13px);

}



ul.header-nav .sub-menu .nav-vertical>li.active>a::after {

    display: none;

}



ul.header-nav .sub-menu .nav-vertical+.tab-panels {

    border-left: 0;

}



/** Home **/



.slider.slider-nav-simple .flickity-page-dots .dot {

    background: #2B72BB;

    border: 0;

    opacity: 1;

}



.slider.slider-nav-simple .flickity-page-dots .dot.is-selected {

    width: 35px;

    border-radius: 35px;

    background: #5C8DC0;

}



.slider.slider-nav-simple .flickity-button {

    opacity: 1;

}



.slider.slider-nav-simple .flickity-button.previous .flickity-button-icon,

.slider.slider-nav-simple .flickity-button.next .flickity-button-icon {

    color: #FFF;

    padding: 10px 8px;

    background: #2B72BB;

}



.slider.slider-nav-simple .flickity-button:hover .flickity-button-icon path {

    fill: #FFF;

}



.rt-section-slider .col-inner {

    position: relative;

}



.text-banner {

    width: 100%;

    bottom: 0;

    position: absolute;

}



.text-banner h4 {

    width: 100%;

    font-size: 50px;

    font-weight: 900;

    line-height: 120px;

    letter-spacing: 0.05em;

    color: rgba(255, 0, 0, 0);

    -webkit-text-stroke: 1px #FFF;

}



.title-white {

    color: #FFF !important;

}



.block__element_head .sp_block {

    font-size: 26px;

    font-weight: 900;

    line-height: 48px;

    text-transform: uppercase;

    position: relative;

    color: var(--primary-color);

}



.rt-section-1::before {

    content: "";

    width: 100%;

    height: 30px;

    background: url("assets/images/bg-line.png") no-repeat center / cover;

    position: absolute;

    z-index: 9;

    bottom: 0;

    left: 0;

}



.rt-section-1 .block__element_head .sp_block {

    color: #A4A4A4;

    font-size: 32px;

    font-weight: 400;

    line-height: 38.4px;

    letter-spacing: 0.13em;

}



.rt-section-4 .block__element_head .sp_block,

.rt-section-6 .block__element_head .sp_block {

    color: #A4A4A4;

    font-size: 24px;

    font-weight: 400;

    line-height: 28.8px;

    letter-spacing: 0.13em;

}



.block__element_head .sp_block::before {

    content: "";

    width: 33px;

    height: auto;

    position: absolute;

    border-top: 2px solid;

    left: -45px;

    top: calc(50% + 2px);

    border-color: var(--primary-color);

}



.rt-section-4 .block__element_head .sp_block::before,

.rt-section-6 .block__element_head .sp_block::before {

    display: none;

}



.block__element_head .sp_block::after {

    content: "";

    width: 33px;

    height: auto;

    position: absolute;

    border-top: 2px solid;

    right: -45px;

    top: calc(50% + 2px);

    border-color: var(--primary-color);

}



.rt-section-1 h3 {

    font-size: 48px;

    font-weight: 600;

    line-height: 57.6px;

    background: -webkit-linear-gradient(90deg, #78aa44 0%, #2B72BB 100%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}



.rt-section-1 h4 {

    color: #78aa44;

    font-size: 30px;

}



.btn-info {

    border: 0;

    padding: 0;

    background: transparent;

}



.btn-info:hover {

    box-shadow: none;

}



.btn-info span {

    font-size: 17px;

    font-weight: 500;

    line-height: 45px;

    padding: 0px 20px;

    background: linear-gradient(90deg, #FF6600 0%, #F69709 100%);

}



.btn-info .icon-angle-right {

    width: 40px;

    height: 45px;

    line-height: 45px;

    background: #134272;

    margin-left: -1px !important;

    top: 0px;

    vertical-align: top;

}



.btn-info .icon-angle-right::before {

    content: "\f061";

    font-family: "Font Awesome 6 Pro";

    font-weight: 900;

    font-size: 17px;

}



.btn-info .icon-angle-right::after {

    content: "";

    height: 45px;

    top: 0px;

    right: -15px;

    position: absolute;

    border-right: 15px solid transparent;

    border-bottom: 45px solid #134272;

}



/** rt-section-4 **/



.rt-section-4 h3 {

    text-transform: uppercase;

}



.rt-section-4 h4 {

    color: #78aa44;

    font-size: 26px;

    font-weight: 500;

    line-height: 30px;

}



.rt-section-4 p {

    color: #494949;

    text-align: justify;

}



/** rt-section-6 **/



.rt-section-4 h3,

.rt-section-6 h3 {

    font-size: 38px;

    font-weight: 600;

    line-height: 48px;

    background: -webkit-linear-gradient(90deg, #78aa44 0%, #2B72BB 100%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}



.rt-section-6 p {

    color: #494949;

}



.item-giaiphap .giaiphap_number {

    display: flex;

    justify-content: flex-start;

    align-items: center;

}



.item-giaiphap .giaiphap_number p {

    font-size: 64px;

    font-weight: 600;

    line-height: 85px;

    font-family: "Barlow Condensed";

    background: -webkit-linear-gradient(180deg, #F69709 0%, #EC3922 100%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}



.item-giaiphap .giaiphap_number h4 {

    color: #78aa44;

    font-size: 32px;

    font-weight: 600;

    line-height: 40px;

    margin-bottom: 0px;

    margin-left: 15px;

    position: relative;

}



.item-giaiphap .giaiphap_number h4::before {

    content: "";

    width: 66px;

    height: auto;

    position: absolute;

    border-bottom: 1.5px solid #1F88D9;

    bottom: -10px;

    left: 0;

}



.giaiphap_content p {

    color: #494949;

    font-size: 18px;

    font-weight: 400;

    line-height: 30px;

    text-align: justify;

}



.rt-section-9 .gallery-col .box-image {

    border-radius: 5px;

    box-shadow: 0px 0px 10px 0px #00000026;

}



.rt-section-10 p {

    margin: 0;

    padding: 0;

    line-height: 0;

}



/** Page **/



.gg-map p {

    line-height: 0;

    margin-bottom: 0;

}



/** Woocoommerce **/



.category-page-row {

    padding-top: 45px;

}



.page-title:not(.featured-title) + main .product-main,

.shop-container #product-sidebar {

    padding-top: 40px;

}



.cat_title h2 {

    color: var(--primary-color);

    font-size: 25px;

    font-weight: bold;

    line-height: 38.4px;

    position: relative;

    margin-bottom: 25px;

    padding-left: 18px;

    text-transform: uppercase;

}



.cat_title h2::before {

    content: "";

    width: 5px;

    height: 21px;

    background: var(--primary-color);

    position: absolute;

    top: 10px;

    left: 0;

}



.flex-col_woocommerce {

    display: flex;

    justify-content: space-between;

    align-items: center;

    border: 5px;

    background: #F8F8F8;

    padding: 0px 15px;

    margin-bottom: 20px;

}



.flex-col_woocommerce .woocommerce-result-count {

    margin: initial;

}



.flex-col_woocommerce .woocommerce-ordering select.orderby {

    border: 0px;

    box-shadow: none;

    background-color: #F8F8F8;

    height: 30px;

}



.col .product-small.box.box-normal {

    background: #FFF;

    border: 1px solid #DFDFDF;

}



.col .product-small.box.box-normal .price-wrapper .sku,

.col .product-small.box.box-normal .price-wrapper .tags {

    display: none;

}



.product-small.product.type-product .product-small.box .box-image {

    border: 1px solid #F0F0F0;

    background: #fff;

}



.product-small.product.type-product .product-small.box .product-title a {

    color: #6A6A6A;

    font-size: 17px;

    font-weight: 500;

    line-height: 21px;

    text-align: center;

}



.product-small.product.type-product .product-small.box .box-text-products {

    padding-left: 0;

    padding-right: 0;

    padding-bottom: 10px;

}



.product-small.product.type-product .product-small.box .price-wrapper .price {

    display: none;

}



.product_meta .sku_wrapper,

.product-small.product.type-product .product-small.box .price-wrapper .sku p {

    font-size: 20px;

    font-weight: 600;

    line-height: 32px;

    text-align: left;

}



.product-small.product.type-product .product-small.box .price-wrapper .tags {

    color: #6A6A6A;

    font-size: 17px;

    font-weight: 400;

    line-height: 27px;

    text-align: left;

}



.add-to-cart-button a.button {

    /* width: 100%; */

    height: 35px;

    border: 0;

    color: #FFF;

    font-size: 14px;

    font-weight: 500;

    line-height: 35px;

    border-radius: 0px;

    padding: 0px 20px;

    text-transform: uppercase;

    background: var(--primary-color);

    border-radius: 5px;

    margin-top: 5px;

}



.add-to-cart-button a.button::after {

    content: "\f095";

    font-family: "Font Awesome 6 Pro";

    font-size: 14px;

    padding-left: 5px;

    display: none;

}



.widget li > .woocommerce-Price-amount bdi,

.widget .amount-contact,

.price>.woocommerce-Price-amount>bdi,

.price .amount-contact {

    color: #e24642;

    font-weight: 700;

}



.product-info .hide-for-off-canvas {

    width: 100%;

    position: absolute;

    right: 0;

    top: 0;

}



.product-info .hide-for-off-canvas a.button {

    border-radius: 4px !important;

    background: #EC3922;

    border: 0;

    color: #FFF;

    font-size: 20px;

    padding: 0;

    min-width: 30px;

    min-height: 30px;

    line-height: 30px;

}



ul.product-tabs.nav-pills > li > a {

    line-height: unset;

    font-size: 15px;

    border-radius: 10px;

    height: 40px;

}



.related.related-products-wrapper {

    border-top: 0;

    padding-top: 25px;

    background: #F8F8F8;

}



.related.related-products-wrapper h3 {

    font-size: 28px;

    padding-left: 15px;

    padding-right: 15px;

}



.custom-price {

    font-size: 17px;

}



/** Sidebar **/



.widget_product_search .searchform input[type="search"] {

    box-shadow: none;

    width: 100%;

    box-shadow: none;

    border: 1px solid #E1E1E1;

}



.widget_product_search .searchform button {

    background: transparent;

    color: var(--primary-color);

    box-shadow: none;

    border: 0;

    position: absolute;

    right: 0;

    top: 0;

}



.widget_product_categories .widget-title {

    color: #FFF;

    height: 40px;

    width: 100%;

    display: block;

    font-size: 16px;

    font-weight: 600;

    line-height: 40px;

    text-align: center;

    background: var(--primary-color);

    border-top-left-radius: 10px;

    border-top-right-radius: 10px;

}



.widget_product_categories ul {

    border: 1px solid #E1E1E1;

}



.widget_product_categories ul li a {

    font-size: 15px;

    font-weight: 500;

    line-height: 25px;

    position: relative;

    padding: 0px 15px 0px 40px;

    height: 45px;

    display: flex;

    align-items: center;

}



.widget_product_categories ul li.active a,

.widget_product_categories ul li a:hover {

    color: var(--primary-color);

}



.widget_product_categories ul li a::before {

    content: "\f105";

    font-family: "Font Awesome 6 Pro";

    font-weight: 400;

    font-size: 16px;

    position: absolute;

    top: calc(50% - 11px);

    left: 15px;

}



.widget_product_categories ul.children {

    border: 0;

    margin: 0;

    padding: 0;

    padding-bottom: 12px;

}



.widget_product_categories ul ul.children li a {

    height: 30px;

    padding-left: 60px;

    line-height: 30px;

}



.widget_product_categories ul ul.children li a::before {

    left: 38px;

}



#menu-danh-muc-san-pham {

    border-top: 0;

    border: 1px solid #78aa44;

}



#menu-danh-muc-san-pham li {

    padding-left: 15px;

    padding-right: 15px;

}



#menu-danh-muc-san-pham li a {

    position: relative;

    padding-left: 5px;

    padding-top: 12px;

    padding-bottom: 12px;

}



#menu-danh-muc-san-pham ul.sub-menu {

    border-left: 0px;

    margin: 0 0 10px 0px;

    padding-left: 0px;

}



#menu-danh-muc-san-pham ul.sub-menu li a {

    padding-top: 5px;

    padding-bottom: 5px;

}



aside.widget_categories .widget-title,

aside.widget_nav_menu .widget-title,

aside.widget_products .widget-title,

aside.flatsome_recent_posts .widget-title {

    color: #FFF;

    display: block;

    height: 45px;

    line-height: 45px;

    text-align: center;

    background: var(--primary-color);

}



.widget .is-divider {

    display: none;

}



aside.widget_categories ul,

aside.widget_products ul,

aside.flatsome_recent_posts  ul {

    border-top: 0;

    padding-left: 15px;

    padding-right: 15px;

    border: 1px solid var(--primary-color);

}



.widget.widget_categories > ul > li > a {

    padding-top: 15px;

    padding-bottom: 15px;

}



.recent-blog-posts-li .recent-blog-posts {

    padding: 10px 0;

}



.recent-blog-posts-li .recent-blog-posts .badge {

    width: 80px;

    height: 65px;

}



.recent-blog-posts-li .recent-blog-posts a {

    font-size: 13px;

    margin-bottom: 0px;

    font-weight: 400;

}



.product-small.box .product-title a {

    height: 42px;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

}



table tbody td,

table tbody th {

    /* padding: 1rem; */

    /* vertical-align: top; */

    /* border: 1px solid #dee2e6; */

}



.product-footer .woocommerce-tabs .tabs {

    background: #f1f1f1;

    border-radius: 20px;

}



/** Page Download **/



.document-archive .inner_document_top h2 {

    color: #78aa44;

    font-size: 48px;

    font-weight: 600;

    line-height: 57.6px;

    position: relative;

    padding-left: 20px;

}



.document-archive .inner_document_top h2::before {

    content: "";

    width: auto;

    height: 33px;

    position: absolute;

    border-left: 5px solid #EC3922;

    left: 0;

    top: 15px;

}



.tab_document {

    margin-top: 40px;

}



.tab_document h4 {

    color: #78aa44;

    font-size: 24px;

    font-weight: 600;

    line-height: 35px;

    font-family: "Barlow";

    text-transform: uppercase;

    margin-bottom: 12px;

}



.tab_document ul li {

    list-style-type: none;

    display: inline-block;

    margin: 0;

}



.tab_document ul li a {

    background: #E9ECEF;

    height: 50px;

    line-height: 50px;

    padding: 0px 20px;

    display: block;

    font-family: "Barlow";

    font-size: 20px;

    font-weight: 600;

}



.tab_document ul li a.active {

    color: #FFF;

    background: #EC3922;

}



.inner_document_bottom {

    padding-top: 50px;

    padding-bottom: 10px;

}



.document-item .box.box-normal .box-image {

    box-shadow: 0px 0px 10px 0px #00000036;

}



.document-item .box.box-normal .box-image img {

    height: 430px;

    width: 100%;

    object-fit: cover;

    background: #FFF;

}



.document-item .box.box-normal .box-image img.demo {

    padding: 0px 20px;

    object-fit: contain;

}



.document-item .box.box-normal h5.post-title a {

    font-size: 20px;

    font-weight: 500;

}



.document-item .box.box-normal p {

    color: #818181;

    font-size: 16px;

    font-weight: 400;

    line-height: 35px;

    text-transform: uppercase;

}



@media only screen and (max-width: 48em) {

    /*************** ADD MOBILE ONLY CSS HERE  ***************/

    body {

        font-size: 15px;

    }

    .webrt-banner {

        height: 160px;

    }

    .webrt-banner .wrap_banner::before {

        height: 70px;

        top: -7px;

    }

    /** Home **/

    .text-banner h4 {

        font-size: 15px;

        line-height: 35px;

        -webkit-text-stroke: 0.5px #FFF;

    }

    .btn-info span {

        font-size: 14px;

        line-height: 40px;

        padding: 0px 15px;

    }

    .btn-info .icon-angle-right {

        width: 40px;

        height: 40px;

        line-height: 40px;

    }

    .btn-info .icon-angle-right::before {

        font-size: 14px;

    }

    .btn-info .icon-angle-right::after {

        height: 40px;

        border-bottom: 40px solid #134272;

    }

    .rt-section-1 .block__element_head .sp_block {

        font-size: 20px;

    }

    .rt-section-1 h3 {

        font-size: 25px;

        line-height: 38px;

    }

    .rt-section-10 iframe {

        height: 250px;

    }

    .block__element_head .sp_block::before {

        width: 20px;

        left: -30px;

    }

    .block__element_head .sp_block::after {

        width: 20px;

        right: -25px;

    }

    .rt-section-1 h4 {

        font-size: 20px;

        line-height: 25px;

    }

    .block__element_head .sp_block {

        font-size: 25px;

    }

    .rt-section-4 h3, .rt-section-6 h3 {

        font-size: 25px;

    }

    .rt-section-4 .block__element_head .sp_block,

    .rt-section-6 .block__element_head .sp_block {

        font-size: 18px;

    }

    .item-giaiphap .giaiphap_number h4 {

        font-size: 25px;

    }

    .item-giaiphap .giaiphap_number p {

        font-size: 50px;

    }

    .webrt-banner h1 {

        font-size: 25px;

        margin-bottom: 5px;

        line-height: 30px;

    }

    .webrt-banner p{

        font-size: 18px;

        line-height: 25px;

    }

    .cat_title h2 {

        font-size: 25px;

    }

    .product-small.product.type-product .product-small.box .product-title a,

    .product-small.product.type-product .product-small.box .price-wrapper .tags {

        font-size: 15px;

    }

    .product_meta .sku_wrapper,

    .product-small.product.type-product .product-small.box .price-wrapper .sku p {

        font-size: 16px;

    }

    .flex-col_woocommerce .woocommerce-result-count {

        display: block !important;

    }

    .flex-col_woocommerce .woocommerce-ordering select.orderby {

        width: 165px;

    }

    /** Footer **/

    #footer {

        background-size: cover;

    }

    #footer .footer-widgets-asea:nth-child(1),

    #footer .footer-widgets-asea:nth-child(2),

    #footer .footer-widgets-asea:nth-child(3),

    #footer .footer-widgets-asea:nth-child(4) {

        flex-basis: 100%;

        max-width: 100%;

    }

    /** Product **/

    .price > .woocommerce-Price-amount > bdi,

    .price .amount-contact {

        line-height: 25px;

    }

    .add-to-cart-button a.button {

        height: 25px;

        font-size: 13px;

        line-height: 29px;

    }

    .add-to-cart-button a.button::after {

        font-size: 12px;

    }

    form.cart .quantity {

        width: 100%;

    }

    form.cart .single_add_to_cart_button.button,

    form.cart .buy-now.button {

        width: calc(50% - 7px);

        margin: 0;

        padding-left: 5px;

        padding-right: 5px;

    }

    /** Page **/

    .gg-map p iframe {

        height: 220px;

    }

    .document-archive .inner_document_top h2 {

        font-size: 30px;

        line-height: 40px;

    }

    .document-archive .inner_document_top h2::before {

        height: 20px;

        top: 12px;

    }

    .document-item .box.box-normal .box-image img {

        height: 270px;

    }

    .tab_document ul li {

        margin-bottom: 5px;

    }

    .tab_document ul li a {

        height: 40px;

        line-height: 40px;

        font-size: 15px;

    }

    .tab_document h4 {

        font-size: 18px;

    }

    .col.post-item .box.box-vertical {

        box-shadow: 0px 2px 6px 0px #0000001A;

    }

    .html_topbar_right .html2 {

        color: #333;

    }

    .html_topbar_right .html2 li:nth-child(2) {

        display: none;

    }

    .product-footer .woocommerce-tabs .tabs > li {

        width: auto;

    }

}



/*home video*/

.home-videos .list-video .box-text-bottom {

    display: flex;

    margin-bottom: 20px;

}



.home-videos .list-video {

    height: 390px;

    overflow-y: scroll;

}



.home-videos .list-video .box-text-bottom .box-text {

    text-align: left;

    padding-top: 0;

    padding-bottom: 0;

    display: flex;

    justify-content: start;

    align-items: center;

}



.home-videos .list-video .box-text-bottom .box-image img {

    height: 113px;

    object-fit: cover;

    transition: all 0.4s;

}



.home-videos .list-video .box-text-bottom .box-image a {

    position: relative;

}



.home-videos .list-video .box-text-bottom .box-image a:after {

    content: "\e605";

    font-family: 'fl-icons';

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    color: #fff;

    width: 35px;

    height: 35px;

    text-align: center;

    line-height: 30px;

    border-radius: 50%;

    border: 2px solid;

    z-index: 99;

}



.home-videos .list-video .box-text-bottom .box-image a:before {

    content: "";

    background-color: #5c9f38bd;

    width: 50px;

    height: 50px;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    backdrop-filter: blur(10px);

    border-radius: 35%;

    z-index: 99;

}



.home-videos .list-video .box-text-bottom:hover .box-image img {

    transform: scale(1.1);

    transition: all 0.4s;

}



.home-videos .list-video .box-text-bottom .box-text .box-text-inner {

    margin: unset;

}



.home-videos .list-video .box-text-bottom .box-text .box-text-inner * {

    font-weight: 500;

}

.primary-video img {

    transition: all 0.4s;

    border-radius: 10px;

}



.primary-video:hover img {

    transform: scale(1.1);

}

.list-video::-webkit-scrollbar-track {



    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);



    background-color: #F5F5F5;



}







.list-video::-webkit-scrollbar-thumb {background-color: #0663a3;border: 2px solid #0663a3;}



.primary-video {

    padding-bottom: 0;

}



.list-video::-webkit-scrollbar {width: 4px;background-color: #F5F5F5;}

/*home video*/





.box-text-products .price-wrapper {

    display: none;

}



a:hover {

    color: var(--primary-color);

}

.add-to-cart-button a:hover {

    background: #121283bf!important;

}

.footer-1 > .row > div:first-child {

    width: 20%;

    max-width: 20%;

}



.footer-1 > .row > div:nth-child(2) {

    width: 60%;

    max-width: 60%;

    flex-basis: 60%;

}



.footer-1 > .row > div:nth-child(3) {

    width: 20%;

    max-width: 20%;

}



.footer-1 .widget_text {

    /* color: #000; */

}

.footer-1 .widget_text li {

    margin-bottom: 0;

}



.title-white * {

    color: #fff!Important;

}



.title-white .sp_block:after, .title-white .sp_block:before {

    border-color: #fff!important;

}



td:first-child, th:first-child {

    padding-left: 1rem;

}

.add-to-cart-button {

    margin-top: 10px;

}



.nav-pagination>li>.current, .nav-pagination>li>a:hover, .nav-pagination>li>span:hover {

    background-color: var(--primary-color);

    border-color: var(--primary-color);

}

ul.page-numbers.nav-pagination.links li:not(:first-child) {

    margin: 0 3px;

}



ul.page-numbers.nav-pagination.links li:first-child {

    margin-right: 3px;

}



ul.page-numbers.nav-pagination.links li:last-child {

    margin-left: 3px;

}



.nav-pagination>li>a, .nav-pagination>li>span {

    border-radius: 0px;

    border-width: 1px;

    font-weight: 500;

}

.widget .toggle {

    margin-right: 10px;

}

.product-main .custom-price {

    font-size: 20px;

}



.product-main .custom-price del {

    display: none;

}

.text-contact {

    color: #e24642;

    font-weight: 700;

}



.product-main .flex-box {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-top: 20px;

}



.product-main .flex-box .contact i {

    font-size: 15px;

}



.product-main .flex-box .contact a {

    display: inline-block;

    background: var(--primary-color);

    padding: 4px 10px;

    border-radius: 5px;

    color: #fff;

}



.product-info .price-wrapper {

    display: none;

}



.dev-detail-product-app .post-item .box .post-title {

    font-size: 20px;

}



.dev-detail-product-app .from_the_blog_excerpt {}



.solution-list .post-item .box-text {

    box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;

    border-bottom-right-radius: 15px;

    border-bottom-left-radius: 15px;

}

.solution-list .post-item .box .post-title {

    font-size: 21px;

}



.solution-list .post-item .from_the_blog_excerpt {

    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-box-orient: vertical;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    min-height: unset;

}

.related-list-solutions {

    margin-top: 30px;

}

li.has-dropdown.header-language-dropdown * {

    font-size: 14px;

}



li.has-dropdown.header-language-dropdown i.image-icon {

    position: relative;

    top: 2px;

}



.buy-now {

    width: auto;

    flex: unset!important;

}



.product-info form.cart a, .product-info form.cart button {

    border-radius: 5px;

}

.product-info .product-title {

    font-size: 23px;

}

.product-info {

    padding-top: 0;

}



.is-form, button.is-form, button[type=submit].is-form, input[type=button].is-form, input[type=reset].is-form, input[type=submit].is-form, .quantity input[type=number] {

    height: 35px;

    min-height: unset;

    width: 35px;

    line-height: 35px;

}



.quantity input[type=number] {

    width: 49px;

    min-width: unset;

    max-width: unset;

}

.open-video i.icon-play {

    border: 2px solid;

    border-radius: 50%;

    width: 40px;

    height: 40px;

    line-height: 40px;

    top: unset;

    border-color: #fff;

}

.woocommerce-variation-add-to-cart, form.cart {

    align-items: center;

}

li.header-search.header-search-dropdown.has-icon.has-dropdown.menu-item-has-children {

    background: var(--primary-color);

    width: 35px;

    height: 35px;

    border-radius: 50%;

    /* display: flex; */

    justify-content: center;

    /* margin: 0; */

    text-align: center;

    line-height: 41px;

}



li.header-search.header-search-dropdown.has-icon.has-dropdown.menu-item-has-children i {

    color: #fff;

}



.woocommerce-billing-fields__field-wrapper {

    display: flex;

    flex-wrap: wrap;

}



p#billing_email_field {

    order: 2;

}



p#billing_first_name_field {

    order: 1;

}



p#billing_phone_field {

    order: 3;

}



p#billing_address_1_field {

    order: 4;

}



p#billing_city_field {

    order: 5;

    width: 100%;

}

li.cart-item.has-icon i {

    color: var(--primary-color);

}

.primary-video .col-inner {

    position: relative;

}



.primary-video .col-inner h3 {

    position: absolute;

    bottom: 10px;

    background: #0c0c5b78 !important;

    width: auto;

    display: inline-block;

    left: 10px;

    color: #fff;

    padding: 5px 15px;

    font-size: 15px;

    margin: 0;

    backdrop-filter: blur(10px);

    border-radius: 5px;

}



.primary-video .open-video .image-zoom {

    overflow: hidden;

    border: 10px;

}

.home-solution .header-title {

    font-size: 16px;

    color: var(--primary-color);

}

.price-wrapper {

    text-align: center;

    margin-top: 10px;

    font-size: 16px;

    font-weight: bold;

}

div#shop-sidebar ul.woocommerce-widget-layered-nav-list li.wc-layered-nav-term a {

    padding-left: 25px;

    background-position: 0 center;

    background-repeat: no-repeat;

    background-size: 14px;

    opacity: 1;

    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDYwIDYwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIiBjbGFzcz0iIj48Zz4KPHBhdGggeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBkPSJNNDkuMDAxLDBIMTAuOTk5QzQuOTM0LDAsMCw0LjkzNCwwLDEwLjk5OXYzOC4wMDNDMCw1NS4wNjYsNC45MzQsNjAsMTAuOTk5LDYwaDM4LjAwMkM1NS4wNjUsNjAsNjAsNTUuMDY2LDYwLDQ5LjAwMSAgVjEwLjk5OUM2MCw0LjkzNCw1NS4wNjUsMCw0OS4wMDEsMHogTTU4LDQ5LjAwMUM1OCw1My45NjMsNTMuOTYzLDU4LDQ5LjAwMSw1OEgxMC45OTlDNi4wMzcsNTgsMiw1My45NjMsMiw0OS4wMDFWMTAuOTk5ICBDMiw2LjAzNyw2LjAzNywyLDEwLjk5OSwyaDM4LjAwMkM1My45NjMsMiw1OCw2LjAzNyw1OCwxMC45OTlWNDkuMDAxeiIgZmlsbD0iIzBkMWQ0MSIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgc3R5bGU9IiIgY2xhc3M9IiI+PC9wYXRoPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8L2c+PC9zdmc+);

    font-size: 14px;

}



div#shop-sidebar ul.woocommerce-widget-layered-nav-list li.wc-layered-nav-term a:hover, div#shop-sidebar ul.woocommerce-widget-layered-nav-list li.wc-layered-nav-term.chosen > a {

    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDUxLjEyMyA1MS4xMjMiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPgo8cGF0aCB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGQ9Ik00NS4xMjMsMEg2QzIuNjkxLDAsMCwyLjY5MiwwLDZ2MzkuMTIzYzAsMy4zMDksMi42OTEsNiw2LDZoMzkuMTIzYzMuMzA5LDAsNi0yLjY5MSw2LTZWNkM1MS4xMjMsMi42OTIsNDguNDMyLDAsNDUuMTIzLDB6ICAgTTQ5LjEyMyw0NS4xMjNjMCwyLjIwNi0xLjc5NCw0LTQsNEg2Yy0yLjIwNiwwLTQtMS43OTQtNC00VjZjMC0yLjIwNiwxLjc5NC00LDQtNGgzOS4xMjNjMi4yMDYsMCw0LDEuNzk0LDQsNFY0NS4xMjN6ICAgTTQxLjE2LDEzLjE5MkwyNS4wMzYsMzguOTljLTAuMTQ2LDAuMjMzLTAuMzgyLDAuMzk2LTAuNjUxLDAuNDUxYy0wLjA2NSwwLjAxMy0wLjEzMSwwLjAyLTAuMTk3LDAuMDIgIGMtMC4yMDYsMC0wLjQwOC0wLjA2My0wLjU3OC0wLjE4NGwtMTMuMzc2LTkuNDc5Yy0wLjQ1MS0wLjMxOS0wLjU1Ny0wLjk0My0wLjIzOC0xLjM5NGMwLjMxOS0wLjQ1LDAuOTQzLTAuNTU4LDEuMzk0LTAuMjM4ICBsMTIuNTEyLDguODY3bDE1LjU2Mi0yNC44OTljMC4yOTMtMC40NjksMC45MS0wLjYxMSwxLjM3OC0wLjMxOEM0MS4zMSwxMi4xMDcsNDEuNDUyLDEyLjcyNCw0MS4xNiwxMy4xOTJ6IiBmaWxsPSIjMGQxZDQxIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBzdHlsZT0iIj48L3BhdGg+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjwvZz48L3N2Zz4=);

}



div#shop-sidebar ul.woocommerce-widget-layered-nav-list li.wc-layered-nav-term a:hover, div#shop-sidebar ul.woocommerce-widget-layered-nav-list li.wc-layered-nav-term.chosen > a {

    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDUxLjEyMyA1MS4xMjMiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPgo8cGF0aCB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGQ9Ik00NS4xMjMsMEg2QzIuNjkxLDAsMCwyLjY5MiwwLDZ2MzkuMTIzYzAsMy4zMDksMi42OTEsNiw2LDZoMzkuMTIzYzMuMzA5LDAsNi0yLjY5MSw2LTZWNkM1MS4xMjMsMi42OTIsNDguNDMyLDAsNDUuMTIzLDB6ICAgTTQ5LjEyMyw0NS4xMjNjMCwyLjIwNi0xLjc5NCw0LTQsNEg2Yy0yLjIwNiwwLTQtMS43OTQtNC00VjZjMC0yLjIwNiwxLjc5NC00LDQtNGgzOS4xMjNjMi4yMDYsMCw0LDEuNzk0LDQsNFY0NS4xMjN6ICAgTTQxLjE2LDEzLjE5MkwyNS4wMzYsMzguOTljLTAuMTQ2LDAuMjMzLTAuMzgyLDAuMzk2LTAuNjUxLDAuNDUxYy0wLjA2NSwwLjAxMy0wLjEzMSwwLjAyLTAuMTk3LDAuMDIgIGMtMC4yMDYsMC0wLjQwOC0wLjA2My0wLjU3OC0wLjE4NGwtMTMuMzc2LTkuNDc5Yy0wLjQ1MS0wLjMxOS0wLjU1Ny0wLjk0My0wLjIzOC0xLjM5NGMwLjMxOS0wLjQ1LDAuOTQzLTAuNTU4LDEuMzk0LTAuMjM4ICBsMTIuNTEyLDguODY3bDE1LjU2Mi0yNC44OTljMC4yOTMtMC40NjksMC45MS0wLjYxMSwxLjM3OC0wLjMxOEM0MS4zMSwxMi4xMDcsNDEuNDUyLDEyLjcyNCw0MS4xNiwxMy4xOTJ6IiBmaWxsPSIjMGQxZDQxIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBzdHlsZT0iIj48L3BhdGg+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjwvZz48L3N2Zz4=);

}



div#shop-sidebar ul.woocommerce-widget-layered-nav-list li.wc-layered-nav-term.chosen a:before {

    display: none;

}

.nav-links a, .nav-links span {

    border-radius: unset;

    font-weight: 500;

    display: inline-block;

    height: 33px;

    line-height: 33px;

    min-width: 33px;

    padding: 0 7px;

    text-align: center;

    transition: all .3s;

    vertical-align: top;

    width: auto;

    font-size: 14px;

    border: 1px solid;

    border-width: 1px!important;

}



.nav-links .current, .nav-links a:hover, .nav-links span:hover {

    background: var(--primary-color);

    color: #fff;

}

.nav-links {

    text-align: center;

}

.header-language-dropdown > a:hover {

    color: #fff!important;

}

.woocommerce-mini-cart__buttons.buttons a.button.wc-forward:not(.checkout) {

    text-transform: uppercase!important;

}

.from_the_blog_excerpt {

    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    display: -webkit-box;

    min-height: 70px;

}

.dev-socials ul {

    list-style: none;

    padding: 0!Important;

    margin: 0;

}



.dev-socials ul li i {

    color: #fff;

    font-size: 17px;

}



.dev-socials ul li {

    display: inline-block;

    margin: 0 6px;

}



.dev-socials ul li:hover a {

    background: #fff;

    transition: all 0.4s;

}



.dev-socials ul li:hover a i {

    color: var(--primary-color);

}



.footer-secondary {

    padding: 5px 0;

}



.absolute-footer {

    padding-bottom: 10px;

}



.dev-socials ul li a {

    color: #FFF;

    display: inline-block;

    border: 1px solid #fff;

    width: 30px;

    height: 30px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 5px;

    transition: all 0.4s;

}

.product-small .box-image img.image-hover {

    display: none !important;

}

.product-small .show-on-hover {

    display: none;

    opacity: 0!important;

}

.product-small .box-image img {

    height: 275px;

    object-fit: contain;

    width: auto;

    display: inline-block;

    padding: 10px;

}



.dev_item .box-image {

    text-align: center;

}



.product-small.product.type-product .product-small.box .product-title a:hover{

    color: var(--primary-color)!important;

}

.devvn_checkout_tky_content > p {

    display: none;

}

.add-to-cart-button:not(.view-detail) {

    display: none;

}

.product-small:hover .box-image img {

    transform: scale(1.1);

}

.phongvt-contact {

    position: fixed;

    bottom: 20px;

    left: 20px;

    z-index: 99999;

}



.chat-zalo {

    background: #f58620;

    border-radius: 20px;

    padding: 0 18px;

    color: white;

    display: block;

    margin-bottom: 6px;

}



.chat-face {

    background: #125c9e;

    border-radius: 20px;

    padding: 0 18px;

    color: white;

    display: block;

    margin-bottom: 6px;

}



.phongvt-contact .hotline {

    background: #e82829 !important;

    border-radius: 20px;

    padding: 0 18px;

    color: white;

    display: block;

    margin-bottom: 6px;

}



.chat-zalo a, .chat-face a, .hotline a {

    font-size: 15px;

    color: white;

    font-weight: 400;

    text-transform: none;

    line-height: 0;

}



@media (max-width: 549px) {

    .phongvt-contact {

        display: none

    }

}

#phongvt-contact-footer-outer {

    position: fixed;

    width: 100%;

    z-index: 100 !important;

    bottom: 0;

    display: none;

}



#phongvt-contact-footer:after {

    content: "";

    position: absolute;

    pointer-events: none;

    background-image: url(/wp-content/uploads/2023/05/mb-footer-bg.svg);

    background-color: unset;

    background-position: center top;

    background-repeat: no-repeat;

    background-size: 100%;

    box-shadow: unset;

    height: 65px;

    width: 100%;

    margin-left: 0;

    margin-bottom: 0;

    left: 0;

    bottom: 0;

    z-index: -1;

}



#phongvt-contact-footer {

    border-bottom: 15px solid #fff;

    display: flex;

    max-width: 1200px;

    margin: auto;

    position: relative;

    padding-top: 5px;

}



#phongvt-contact-footer > a {

    position: relative;

    display: block;

    width: 25%;

    text-align: center;

    padding: 11px 0 0px 0;

    color: #313131;

}



#phongvt-contact-footer > span {

    display: block;

    width: 30px;

}



#phongvt-contact-footer span {

    display: block;

}



.phongvt-contact-footer-btn-label {

    padding: 0px 2px 0 2px;

    font-size: 11px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    font-weight: bold;

}



#phongvt-contact-footer > a img {

    height: 30px;

    width: 30px

}



#azt-contact-footer-btn-center {

    position: relative;

    background: transparent !important;

}



#phongvt-contact-footer-btn-center .phongvt-contact-footer-btn-label {

    position: absolute;

    left: 50%;

    bottom: 2px;

    transform: translateX(-50%);

}



#phongvt-contact-footer-btn-center .phongvt-contact-footer-btn-label > span {

    padding: 0px 8px;

    background-image: linear-gradient(92.83deg, #0E68C8 0, #02A4A5 100%);

    border-radius: 30px;

    color: white;

    display: inline-block;

}



.phongvt-contact-footer-btn-center-icon {

    left: 50%;

    position: absolute;

    transform: translateX(-50%);

    background-image: linear-gradient(92.83deg, #f90000 0, #950099 100%);

    width: 50px;

    height: 50px;

    border-radius: 50%;

    top: -28px;

    text-align: center;

    box-shadow: rgb(0 0 0 / 15%) 0 -3px 10px 0px;

    border: 2px solid #fff;

}



.phongvt-contact-footer-btn-center-icon img {

    max-width: 20px;

    height: auto !important;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}



.phone-vr-circle-fill {

    width: 50px;

    height: 50px;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    border-radius: 50%;

    box-shadow: 0 0 0 0 #0E68C8;

    border: 2px solid transparent;

    transition: all .5s;

    animation: zoom 1.3s infinite;

}



@keyframes zoom {

    0% {

    }

    70% {

        box-shadow: 0 0 0 15px transparent

    }

    100% {

        box-shadow: 0 0 0 0 transparent

    }

}

.solution-list .post-item .box .post-title a {

    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    display: -webkit-box;

    line-height: 25px;

    height: 50px;

}

.solution-related {

    margin-top: 45px;

}

body.search .webrt-banner {

    display: none;

}

.tax-solution-child .list-box {

    padding: 18px;

    background: #f5f6f6;

    border-radius: 10px;

    padding-bottom: 0px;

}



.tax-solution-child .list-box .cat_cell img {

    height: 200px;

    object-fit: cover;

    border-radius: 5px;

    transition: all 0.4s;

}



.tax-solution-child .list-box .cat_cell .tmb {

    overflow: hidden;

}

.tax-solution-child .list-box .child {

    border: 1px solid rgba(0,0,0,.1);

    background: #fff;

    border-radius: 5px;

}



.tax-solution-child .list-box .child .content {

    padding: 10px 10px 15px 10px;

}



.tax-solution-child .list-box .child .content h3 {

    margin: 0;

}



.tax-solution-child .list-box .child .content h3 a {

    font-size: 17px;

    font-weight: 500;

    text-decoration: underline;

    color: #217EF6;

}

.tax-solution-child .list-box .child:hover {

    box-shadow: 3px 3px 10px #0000001a;

    transform: scale(1.024);

    transition: all 0.4s;

}

.tax-solution-child .list-box .child:hover img {

    transform: scale(1.2);

    transition: all 0.4s;

}

.tax-solution .tax-solution-description .post-title {

    margin-top: 45px;

    margin-bottom: 20px;

}

.solution-list .col-inner .box-image {

    border-top-left-radius: 15px;

    border-top-right-radius: 15px;

}

footer#footer .textwidget a {

    /* color: #000; */

}

.solution-list .post-item .col-inner {

    /* width: 80%; */

    /* max-width: 80%; */

    /* flex-basis: 80%; */

    /* display: inline-block; */

}

.solution-list .post-item:nth-child(odd) {/* text-align: right; */}



.solution-list .post-item:nth-child(even) {

    /* text-align: left; */

}

.home-tax-solutions span.sp_block {

    color: var(--primary-color)!important;

}



.home-tax-solutions span.sp_block:before, .home-tax-solutions span.sp_block:after {

    border-color: var(--primary-color)!important;

}

/*.solution-list .col-inner .box-image img {*/

/*    height: 300px;*/

/*    width: auto;*/

/*    display: inline-block;*/

/*}*/

@media only screen and (max-width: 850px) {

    #phongvt-contact-footer-outer {

        display: block;

    }

    div#top-bar {

        display: none!important;

    }

    .header-wrapper {
        position: unset;
    }

    header#header.scroll {
        position: fixed;
        top: 0;
        left: 0;
        transition: all 1s;
    }
    
    header#header {
        transition: all 1s;
    }

}

@media only screen and (min-width: 850px) {

    .solution-list {

        /* width: 70%; */

        /* display: inline-block; */

    }

    .tax-box {

        text-align: center;

    }



    .tax-solution .tax-box .solution-list {

        width: 60%;

        display: inline-block;

    }

}

@media (max-width: 767px) {

    .product-small .box-image img {

        height: 200px;

    }

    .solution-list .post-item .col-inner {

        /* width: 80%!important; */

        /* max-width: 80%!important; */

        /* flex-basis: 100%!important; */

    }

    .carousel-cell.col:nth-child(odd) {

        padding-right: 5px;

    }

    .carousel-cell.col:nth-child(even) {

        padding-left: 5px;

    }

    .price-wrapper del {

        display: none;

    }

    .footer-1 > .row > div {

        width: 100%!important;

        max-width: 100%!important;

        flex-basis: 100%!important;

    }

    footer#footer {

        padding-bottom: 100px;

    }

    li.header-search-form form.searchform input {

        height: 40px;

    }

    .nav > li > a, .mobile-sidebar-levels-2 .nav > li > ul > li > a {

        font-size: 14px;

    }

    .home-videos {

        padding-top: 0!important;

    }

    #logo img {

        max-height: 55px !important;

    }

    .nav-sidebar .children .icon-image {

        height: unset!important;

        display: flex;

    }



    .nav-sidebar .children .icon-image img {

        margin-right: 4px;

    }

    .nav-sidebar li.has-child .image-icon {

        margin-left: 5px!important;

        top: -1px



    }

}



#button-contact-vr {

    position: fixed;

    bottom: 0;

    z-index: 9;

}

/*phone*/

#button-contact-vr .button-contact {

    position: relative;

    margin-top: -5px;

}

#button-contact-vr .button-contact .phone-vr {

    position: relative;

    visibility: visible;

    background-color: transparent;

    width: 90px;

    height: 90px;

    cursor: pointer;

    z-index: 11;

    -webkit-backface-visibility: hidden;

    -webkit-transform: translateZ(0);

    transition: visibility .5s;

    left: 0;

    bottom: 0;

    display: block;

}

.phone-vr-circle-fill {

    width: 65px;

    height: 65px;

    top: 12px;

    left: 12px;

    position: absolute;

    box-shadow: 0 0 0 0 #e31919;

    background-color: rgb(175 15 15 / 35%);

    border-radius: 50%;

    border: 2px solid transparent;

    -webkit-animation: phone-vr-circle-fill 2.3s infinite ease-in-out;

    animation: phone-vr-circle-fill 2.3s infinite ease-in-out;

    transition: all .5s;

    -webkit-transform-origin: 50% 50%;

    -ms-transform-origin: 50% 50%;

    transform-origin: 50% 50%;

    -webkit-animuiion: zoom 1.3s infinite;

    animation: zoom 1.3s infinite;

}

.phone-vr-img-circle {

    background-color: #e31919;

    width: 40px;

    height: 40px;

    line-height: 40px;

    top: 25px;

    left: 25px;

    position: absolute;

    border-radius: 50%;

    overflow: hidden;

    display: flex;

    justify-content: center;

    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;

    animation: phone-vr-circle-fill 1s infinite ease-in-out;

}

.phone-vr-img-circle a {

    display: block;

    line-height: 37px;

}

.phone-vr-img-circle img {

    max-height: 25px;

    max-width: 27px;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%,-50%);

    -moz-transform: translate(-50%,-50%);

    -webkit-transform: translate(-50%,-50%);

    -o-transform: translate(-50%,-50%);

}

@-webkit-keyframes phone-vr-circle-fill {

    0% {-webkit-transform: rotate(0) scale(1) skew(1deg);  }

    10% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}

    20% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}

    30% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}

    40% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}

    50% {-webkit-transform: rotate(0) scale(1) skew(1deg);}

    100% {-webkit-transform: rotate(0) scale(1) skew(1deg);}

}

@-webkit-keyframes zoom{0%{transform:scale(.9)}70%{transform:scale(1);box-shadow:0 0 0 15px transparent}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}}@keyframes zoom{0%{transform:scale(.9)}70%{transform:scale(1);box-shadow:0 0 0 15px transparent}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}}

.phone-bar a {

    position: absolute;

    bottom: 25px;

    left: 30px;

    z-index: -1;

    color: #fff;

    font-size: 16px;

    padding: 8px 15px 7px 50px;

    border-radius: 100px;

    white-space: nowrap;

    background: #e31919;

}

.phone-bar a:hover {

    opacity: 0.8;color: #fff;

}

@media(max-width: 736px){

    .phone-bar{display: none;}

}



#zalo-vr .phone-vr-circle-fill {

    box-shadow: 0 0 0 0 #2196F3;

    background-color: rgba(33, 150, 243, 0.7);

}

#zalo-vr .phone-vr-img-circle {

    background-color: #2196F3;

}

#viber-vr .phone-vr-circle-fill {

    box-shadow: 0 0 0 0 #714497;

    background-color: rgba(113, 68, 151, 0.8);

}

#viber-vr .phone-vr-img-circle {

    background-color: #714497;

}

#contact-vr .phone-vr-circle-fill {

    box-shadow: 0 0 0 0 #2196F3;

    background-color: rgba(33, 150, 243, 0.7);

}

#contact-vr .phone-vr-img-circle {

    background-color: #2196F3;

}

div#whatsapp-vr .phone-vr .phone-vr-circle-fill {

    box-shadow: 0 0 0 0 #1fd744;

    background-color: rgb(35 217 72 / 70%);

}

div#whatsapp-vr .phone-vr .phone-vr-img-circle {

    background: #1cd741;

}

div#whatsapp-vr .phone-vr .phone-vr-img-circle img {

    max-width: 100%;

    max-height: 100%;

    border-radius: 50%;

}



/*css all in one*/

#gom-all-in-one #phone-vr {

    transition: 0.7s all;

    -moz-transition: 0.7s all;

    -webkit-transition: 0.7s all;

}

#gom-all-in-one #zalo-vr {

    transition: 1s all;

    -moz-transition: 1s all;

    -webkit-transition: 1s all;

}

#gom-all-in-one #viber-vr {

    transition: 1.3s all;

    -moz-transition: 1.3s all;

    -webkit-transition: 1.3s all;

}

#gom-all-in-one #contact-vr {

    transition: 1.6s all;

    -moz-transition: 1.6s all;

    -webkit-transition: 1.6s all;

}

#button-contact-vr.active #gom-all-in-one .button-contact {

    margin-left: -100%;

}

#all-in-one-vr .phone-bar {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    left: 100%;

    color: #fff;

    padding: 5px 15px 5px 48px;

    border-radius: 50px;

    margin-left: -64px;

    width: max-content;

    cursor: pointer;

}

#popup-showroom-vr,

div#popup-form-contact-vr {

    display: none;

}

#popup-showroom-vr.active,

div#popup-form-contact-vr.active {

    display: block;

    position: fixed;

    width: 100%;

    height: 100vh;

    top: 0;

    left: 0;

    z-index: 99999;

}

.bg-popup-vr {

    position: absolute;

    left: 0;

    top: 0;

    background: rgb(51 51 51 / 50%);

    width: 100%;

    height: 100vh;

}

.content-popup-vr {

    background: #fff;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%,-50%);

    width: 95%;

    border-radius: 5px;

    box-shadow: 0 0 14px 5px rgb(0 0 0 / 49%);

    max-width: 600px;

    display: flex;

}

.content-popup-vr input, .content-popup-vr textarea {

    width: 100%;

    max-height: 100px;

    min-height: 38px;

    border: 1px solid #b1b1b1;

    margin-bottom: 10px;

    padding: 0 7px;

    background: #fff;

}

.content-popup-vr label {

    width: 100%;

}

.content-popup-vr input.wpcf7-form-control.wpcf7-submit {

    max-width: fit-content;

    padding: 5px 32px 2px;

    background: #2196f3;

    border: 0;

    color: #fff;

    font-size: 16px;

    border-radius: 5px;

    margin: 10px auto 0;

    display: block;

    box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 29%);

    font-weight: 400;min-height: auto;line-height: 30px;}

.content-popup-vr input.wpcf7-form-control.wpcf7-submit:hover {

    opacity: 0.7;

}

.content-popup-vr .close-popup-vr {

    font-family: sans-serif;

    width: 23px;

    height: 23px;

    background: black;

    position: absolute;

    top: -10px;

    right: -10px;

    color: #fff;

    text-align: center;

    line-height: 23px;

    font-size: 17px;

    border-radius: 50%;

    cursor: pointer;

}

.content-popup-vr .close-popup-vr:hover {

    background: #b50000;

}

.content-popup-vr .content-popup-div-vr {

    width: 100%;

    padding: 25px;

}

.content-popup-vr .content-popup-img-vr {

    width: 100%;

    max-width: 45%;

    border-radius: 10px 0 0 10px;

    overflow: hidden;

}

#loco-top, #loco-bottom {

    display: block;

}

#loco-top .content-popup-img-vr, div#popup-form-contact-vr #loco-bottom .content-popup-img-vr {

    max-width: 100%;

    text-align: center;

}

#contact-showroom.no-event a {

    pointer-events: none;

}

.content-popup-vr .content-popup-div-vr ul {color: #333;list-style: none;font-size: 15px;}

@media(max-width: 673px){

    div#popup-form-contact-vr .content-popup-vr {

        display: block;

    }

    div#popup-form-contact-vr .content-popup-vr .content-popup-img-vr {

        max-width: 100%;

        display: none;

    }

}



#mess-vr .phone-vr-circle-fill {

    box-shadow: 0 0 0 0 #2196F3;

    background-color: rgba(33, 150, 243, 0.7);

}

#mess-vr .phone-vr-img-circle {

    background-color: #2196F3;

}

.btnDevProduct {

    font-size: 14px;

    border-radius: 5px;

}

.dev-single-product .item {

    width: calc(50% - 5px);

    display: inline-block;

}

.dev-single-product .item:nth-child(odd) {

}



.dev-single-product {

    overflow: hidden;

    display: flex

;

    justify-content: space-between;

    flex-wrap: wrap;

}



.dev-single-product input.wpcf7-form-control.wpcf7-submit {

    margin: 0;

    border-radius: 5px;

    font-size: 14px;

}



.dev-single-product .item input, .dev-single-product .item texarea, .dev-single-product .item-full input, .dev-single-product .item textarea {

    font-size: 14px;

}



.dev-single-product .item input, .dev-single-product .item-full input {

    height: 40px;

}





.dev-single-product .item-full textarea {

    font-size: 14px;

}

.dev-single-product .item p > span, .dev-single-product .item-full p > span {

    width: 100%;

    display: inline-block;

}

.head-title {

    font-size: 22px;

    margin-bottom: 15px;

    font-weight: 700;

    width: 100%;

}



.dev-single-product .item-full {

    width: 100%;

}

.dev-submenu {

    background-color: rgba(12, 26, 51, 0.8);

    backdrop-filter: blur(10px);

    padding-inline: 20px !important;

    padding-block: 40px !important;

}



.dev-menu-item .col-inner {

    background: #00000021;

    padding: 15px;

    border-radius: 5px;

}

.dev-menu-item .ux-menu-link__link {

    color: #fff;

    font-size: 14px;

}



.dev-menu-item .ux-menu-link__link:hover {

    color: #5c9f38;

}

.sub-menu.nav-dropdown {

    padding: 0;

}

.dev-menu-item .menu-item:not(:first-child) a {border: unset!important;min-height: unset;padding-block: 2px;}



.dev-menu-item .menu-item:first-child a {border-color: #ffffff30;border-width: 2px;font-size: 15px;font-weight: 700;margin-bottom: 5px;min-height: unset;line-height: 18px;padding-bottom: 10px;}



.dev-menu-item .menu-item a {

    font-size: 14px;

}

.dev-menu-item .img-inner img {height: 80px;object-fit: contain;}

.tax-solution .solution-list .box-image img {

    height: 260px;

    object-fit: cover;

}

.related-list-solutions .image-zoom img {

    height: 200px;

    object-fit: cover;

}

.dev-tax .tax-item span {

    font-weight: bold;

    font-size: 16px;

}



.dev-tax .tax-item .tax-value {

    background: var(--primary-color);

    color: #fff;

    padding: 1px 8px;

    border-radius: 5px;

    font-size: 14px;

}



.dev-tax {

    margin-bottom: 10px;

    font-weight: bold;

}

.dev-tax .tax-item:not(:last-child):after {

    content: ',';

    margin: 5px;

}

.dev-tax > .tax-title {

    font-size: 18px;

}

.product-info .title-full {

    font-size: 16px;

    margin-bottom: 15px;

}

.section-slider-partner .col-inner .col-inner{
    padding: 0 !important;
}

.section-slider-partner .section.has-block{
    padding: 0;
}

.section-slider-partner .box-image img, .tax-solution .box-image img {

    height: 100px;

    object-fit: contain;

}

.widget_product_categories ul.children .children {
    padding-left: 25px;
}
.additional_information_tab {
    display: none !important;
}
header#header .header-wrapper .header-top, header#header .header-wrapper .header-main {
    display: block;
}
header#header.scroll .header-main {
    background: #fff;
    transition: background-color .3s, opacity .3s;
}

header#header:not(.scroll) .header-top {
    background-color: transparent!important;
}

header#header .header-main {
    transition: background-color .3s, opacity .3s;
}
header#header.scroll .header-main .nav.header-nav > li:not(.active) > a {
    color: #000!important;
}

header#header.scroll .header-main .nav.header-nav > li.active > a {
    color: #5d9f39;
}
header#header:not(.scroll) .header-wrapper {
    box-shadow: unset;
}
div#masthead #logo img {
    padding-top: 5px;
    padding-bottom: 5px;
}
.nav-line-bottom>li>a:before, .nav-line-grow>li>a:before, .nav-line>li>a:before {
    background: #fff;
}
div#top-bar {
    padding-block: 4px;
}
@media (min-width: 1366px){

    .dev-menu-item {

        flex-basis: 20%;

        max-width: 20%;

    }

}



@media (max-width: 767px){

    div#button-contact-vr {

        display: none;

    }

    .phone-vr-circle-fill {

        display: none!important;

    }

}