/*
Theme Name: Bizmo
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

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

:root{
	--border-color: #a0a0a0;
}
/* Global */
.page-wrapper{
	padding-top: 0;
}
.wpforms-container .wpforms-field{
	padding: 0px 0 20px !important;
}
.wpforms-container .wpforms-field.wpforms-field-layout{
	padding-bottom: 0 !important;
}
.fz50{
	font-size: 50px !important;
}
.fz40{
	font-size: 40px;
}
.fz34{
	font-size: 34px !important;
}
.fz32{
	font-size: 32px !important;
}
.fz30{
	font-size: 30px !important;
}
.fz24{
	font-size: 24px !important;
}
.fz20{
	font-size: 20px !important;
}
.fz14{
	font-size: 14px;
}
.fw700{
	font-weight: 700;
}
.pl0{
	padding-left: 0 !important;
}
.pr0{
	padding-right: 0 !important;
}
.lh15{
	line-height: 1.5 !important;
}
.mb15{
	margin-bottom: 15px !important;
}
.mb40{
	margin-bottom: 40px !important;
}
.bg-gray {
  background-color: #f6f7f8;
}
.bg-primary{
	background: var(--primary-color);
}
.dtn-btn{
	background-color: var(--primary-color) !important;
	border: none;
	position: relative;
	font-weight: 500 !important;
}
.dtn-btn:before, .dtn-btn:after {
    content: '';
    background-color: rgba(255, 255, 255, 0.2);
    height: 50%;
    width: 0;
    position: absolute;
    transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.dtn-btn:before {
    top: 0;
    left: 0;
    right: auto;
}
.dtn-btn:after {
    bottom: 0;
    right: 0;
    left: auto;
}
.dtn-btn:hover:before, .dtn-btn:hover:after{
	width: 100%;
}
.dtn-btn span{
	position: relative;
	padding-right: 30px;
}
.dtn-btn span:after{
	content: '';
	display: block;
	width: 25px;
	height: 1px;
	background-color: white;
	position: absolute;
	right: 0;
	top: 50%;
	transform: scaleX(0.25);
  transform-origin: center right;
  transition: all 0.3s ease;
}
.dtn-btn:hover span:after{
	transform: scaleX(1);
}
.flickity-button-icon{
	width: 35px !important;
	max-width: 35px !important;
	height: 45px !important;
	padding: 0 !important;
}
.flickity-button{
	opacity: 1 !important;
}
.flickity-page-dots .dot{
	background: var(--primary-color) !important;
	border-color: var(--primary-color) !important;
	opacity: 1 !important;
	width: 14px;
	height: 14px;
	margin: 0 10px;
}
.flickity-page-dots .dot.is-selected{
	position: relative;
	z-index: 1;
}
.flickity-page-dots .dot.is-selected:after{
	content: '';
	display: block;
	width: 24px;
	height: 24px;
	background: var(--primary-color);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 0;
	border-radius: 50em;
	opacity: .5;
}
/* End Global */

/* Header */
#top-bar{
	transition: all .3s ease-in-out;
	overflow: hidden;
}
#top-bar .flex-center{
	width: 100%;
  text-align: center;
}
#top-bar .flex-center .html_topbar_left{
	width: 100% !important;
}
.topbar-hide-notice{
	position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
	cursor: pointer;
}
.topbar-hide-notice svg path{
	fill: white;
}
/* End Header */
/* Homepage */
.dtn-home-intro__right{
	border-left: 2px solid var(--border-color);
}
.dtn-home-intro__right > .col-inner{
	padding: 20px 0;
}
.dtn-about-exp-col > .col-inner{
	padding-right: 20px;
  border-right: 10px solid var(--primary-color);
}
.dtn-about-exp__num{
	font-size: 70px;
	line-height: 70px;
  font-weight: 700;
  margin-bottom: 0;
  color: rgba(191, 191, 191, 0.3);
}
.dtn-about-exp__text{
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 0;
}
.dtn-home-service__item{
	cursor: pointer;
}
.dtn-home-service__item .box-image img, .dtn-about-us-slide img, .dtn-glob-img .img-inner img{
	transition: all 1s ease-in-out;
	-webkit-transition: all 1s ease-in-out;
}
.dtn-home-service__item:hover .box-image img, .dtn-about-us-slide .flickity-slider .img:hover img, .dtn-glob-img:hover .img-inner img{
	transform: scale(1.2);
	transition: all 1s ease-in-out;
	-webkit-transition: all 1s ease-in-out;
}
.dtn-home-service__item .box-image > a > div, .dtn-about-us-slide .flickity-slider .img .img-inner, .dtn-glob-img .img-inner{
	position: relative;
}
.dtn-home-service__item .box-image > a > div:before, .dtn-home-service__item .box-image > a > div:after, .dtn-about-us-slide .flickity-slider .img .img-inner:before, .dtn-about-us-slide .flickity-slider .img .img-inner:after, .dtn-glob-img .img-inner:before, .dtn-glob-img .img-inner:after{
	content: "";
    position: absolute;
    height: 0;
    width: 0;
    background-color: rgba(255, 255, 255, 0.15);
    transition: all .8s ease-in-out 0s;
    -webkit-transition: all .8s ease-in-out 0s;
    -ms-transition: all .8s ease-in-out 0s;
}
.dtn-home-service__item:hover .box-image > a > div:before, .dtn-home-service__item:hover .box-image > a > div:after, .dtn-about-us-slide .flickity-slider .img:hover .img-inner:before, .dtn-about-us-slide .flickity-slider .img:hover .img-inner:after, .dtn-glob-img:hover .img-inner:before, .dtn-glob-img:hover .img-inner:after{
	width: 100%;
	height: 100%;
}
.dtn-home-service__item .box-image > a > div:before, .dtn-about-us-slide .flickity-slider .img .img-inner:before, .dtn-glob-img .img-inner:before{
	  top: 0;
    left: 0;
    z-index: 1;
}
.dtn-home-service__item .box-image > a > div:after, .dtn-about-us-slide .flickity-slider .img .img-inner:after, .dtn-glob-img .img-inner:after{
	bottom: 0;
    right: 0;
    z-index: 2;
}
.dtn-wwa-content{
	padding-left: 30px;
	border-left: 2px solid var(--border-color);
}
.dtn-wwa-left{
	padding-right: 0 !important;
}
.dtn-wwa-right{
	padding-left: 70px !important;
}
.dtn-wwa-img{
	padding-left: 15px;
	position: relative;
}
.dtn-wwa-img:before{
	content: "";
  position: absolute;
  left: 0px;
  width: calc(100% - 15px);
  height: 100%;
  border: 10px solid var(--primary-color);
  background: var(--primary-color);
  bottom: -15px;
  z-index: 0;
}
.dtn-home-fact-content > .col-inner{
	position: relative;
  padding: 80px 30px 80px 50px;
  border: 10px solid #fff;
  border-left: 0px;
}
.dtn-home-fact-content > .col-inner:before, .dtn-home-fact-content > .col-inner:after{
	content: "";
  position: absolute;
  background-color: #fff;
  left: -10px;
  width: 10px;
  height: 140px;
}
.dtn-home-fact-content > .col-inner:before{
	top: -10px;
}
.dtn-home-fact-content > .col-inner:after{
	bottom: -10px;
}
.dtn-count-up-item{
	text-align: center;
	color: white;
}
.count-up-num{
	line-height: 40px;
}
.dtn-support-item .icon{
	background: var(--primary-color);
  padding: 22px;
  border-radius: 10px;
}
.dtn-home-blogs, .dtn-about-us-history{
	background: url(/wp-content/uploads/2024/05/bkg-banner-section.png);
  background-repeat: revert !important;
  background-attachment: fixed;
  background-size: 10% !important;
}
.dtn-home-blogs-list .post-item .box-label .box-text{
	background-color: var(--fs-color-primary);
  opacity: 1;
  padding: 20px;
  position: absolute;
  width: 40%;
  bottom: 20px;
  left: 20px;
	margin: 0;
	min-height: 120px;
}
.dtn-home-blogs-list .post-item .box-label .box-text h5 a{
	color: #fff;
  font-size: 18px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
	line-height: 1.5;
}
.dtn-home-blogs-list .post-item .is-divider{
	display: none;
}
.dtn-home-blogs-list .post-item .post-meta {
	color: #fff;
  font-size: 14px;
	opacity: 1;
}
.dtn-wwd-progress-bar__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
}
.dtn-wwd-progress-bar {
    margin-bottom: 18px;
}
.dtn-wwd-progress-bar__title-text {
    font-size: 14px;
    font-weight: 600;
}
.dtn-wwd-progress-bar__status-bar {
    height: 100%;
    width: 0%;
    background-color: var(--primary-color);
    border-radius: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.dtn-wwd-progress-bar__percent {
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    text-transform: none;
    font-style: normal;
    text-decoration: none;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-right: 10px;
    display: flex;
}
.dtn-wwd-progress-bar__wrapper {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    height: 30px;
    background-color: #e9eaeb;
    border-radius: 0px 0px 0px 0px;
}
.dtn-wwd-progress-bar:nth-child(1) .dtn-wwd-progress-bar__status-bar {
    -webkit-transition: width ease 200ms;
    transition: width ease 200ms;
}
.dtn-wwd-progress-bar:nth-child(2) .dtn-wwd-progress-bar__status-bar {
    -webkit-transition: width ease 250ms;
    transition: width ease 250ms;
}
.dtn-wwd-progress-bar:nth-child(3) .dtn-wwd-progress-bar__status-bar {
    -webkit-transition: width ease 300ms;
    transition: width ease 300ms;
}
.dtn-wwd-progress-bar:nth-child(4) .dtn-wwd-progress-bar__status-bar {
    -webkit-transition: width ease 350ms;
    transition: width ease 350ms;
}
.dtn-view-button {
	display: inline-flex !important;
  align-items: center;
  margin: 10px 0 0 !important;
}
.dtn-home-projects .box-text {
	padding: 15px;
}
.product-small .price{
	margin-top: 10px;
	color: white;
}
 .woocommerce-loop-product__title a {
	font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 10px;
	color: white;
	overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}
.woocommerce-loop-product__link:hover{
	color: white;
}
/* End homepage */
/* Single product */
.dtn-prd-bread .breadcrumbs a, .dtn-prd-bread .breadcrumbs span, .dtn-prd-bread .breadcrumbs .divider{
	color: white;
	opacity: 1;
	font-weight: 500;
	font-size: 14px;
}
.dtn-prd-bread .breadcrumbs p{
	margin-bottom: 0;
}
.dtn-prd-bread .separator{
	margin: 0 10px;
}
.dtn-prd-bread .product-breadcrumb-container{
	padding: 20px 0;
}
.dtn-single-prd-content > .col-inner{
	position: sticky;
	top: 15px;
}
.dtn-single-prd-content .product-title.entry-title{
	font-size: 28px;
	padding-bottom: 15px;
  border-bottom: 1px dotted #dee2e6;
}
.product-page-price{
  font-weight: 700;
  color: var(--primary-color);
  display: inline-block !important;
  border-bottom: 1px dotted var(--primary-color);
  padding-bottom: 5px;
}
.related-products-wrapper, .product-section {
	border-top: 0;
}
.product-section .entry-content{
	padding: 0;
}
.related-products-wrapper .product-small.box .box-text-products{
	position: absolute;
  bottom: 0;
  left: 0;
  padding: 15px;
}
.related-products-wrapper .slider-nav-reveal{
	overflow: visible;
}
.related-products-wrapper .slider-nav-reveal .flickity-prev-next-button.previous{
	left: -35px !important;
  background: transparent;
  box-shadow: none;
}
.related-products-wrapper .slider-nav-reveal .flickity-prev-next-button.next{
	right: -35px !important;
  background: transparent;
  box-shadow: none;
}
.related-products-wrapper .flickity-button-icon{
	width: 25px !important;
  max-width: 25px !important;
  height: 35px !important;
}
/* Footer */
.absolute-footer, .absolute-footer a {
  border-top: 1px dashed lightgray;
  padding: 15px 0;
	color: black;
	transition: all .3s ease-in-out;
}
.absolute-footer a{
	border-top: 0;
}
.absolute-footer a:hover{
	color: var(--primary-color);
}
.dtn-product-section__title{
	font-weight: 700;
  font-size: 16px;
  text-decoration: underline;
	margin-bottom: 15px;
}
.dtn-toggle-icon{
	position: relative;
  margin-right: 15px;
  width: 10px;
  height: 10px;
  -webkit-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
	display: inline-block;
}
.dtn-toggle-icon:before, .dtn-toggle-icon:after{
	content: "";
  position: absolute;
  background: #00bed8;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  top: 50%;
  left: 50%;
}
.dtn-toggle-icon:before{
	width: 2px;
  height: 10px;
}
.dtn-toggle-icon:after{
	height: 2px;
	width: 10px;
}
.dtn-toggle-btn{
	border: 1px solid var(--primary-color);
  color: var(--primary-color);
  text-transform: math-auto;
  font-weight: 500;
	cursor: pointer;
	margin: 15px 0 0;
}
.dtn-prd-sections__description.closed .dtn-toggle-btn:hover .dtn-toggle-icon{
	transform: rotate(45deg);
}

.dtn-prd-sections__description:not(.closed) .dtn-toggle-icon:before{
	display: none;
}
.dtn-toggle-btn > span{
	user-select: none;
}

.dtn-prd-sections__description.closed > .panel.entry-content{
	height: 130px;
	overflow: hidden;
	position: relative;
}
.dtn-prd-sections__description.closed .panel.entry-content:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    pointer-events: none;
    background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4) 15%, #fff);
}
.dtn-footer-text p, .dtn-footer-text a{
	font-size: 14px;
	line-height: 28px;
	margin-bottom: 0;
}
.dtn-footer-socials{
	margin-top: 15px;
}
.dtn-footer-socials .button{
	margin-bottom: 0;
}
.dtn-footer-main{
	border-top: 1px dashed #e0d9d6;
}
/* End Single Product */

/* Blog Single */
.blog-single.page-wrapper{
	padding-top: 0;
}
.dtn-single-blog-header{
	padding: 90px 0;
  background-image: url(https://bizmovn.vn/wp-content/uploads/2024/05/h-prl-one_bg.webp);
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
}
.dtn-single-blog-header:before{
	content:'';
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,.5);
	z-index: 0;
}
.dtn-single-blog-category{
	font-size: 30px;
  text-transform: uppercase;
  font-weight: 700;
  color: white;
  margin-bottom: 20px;
}
.dtn-single-blog-header .rank-math-breadcrumb p, .dtn-single-blog-header .rank-math-breadcrumb a, .dtn-single-blog-header .rank-math-breadcrumb span{
	color: white;
	font-size: 14px;
}
.dtn-single-blog-header-container{
	z-index: 2;
}
.dtn-entry-header-text {
	padding: 20px 0 0;
}
.dtn-entry-header-text h1{
	font-size: 24px;
	line-height: 1.3;
}
.dtn-single-blog-main-row{
	margin-top: 70px !important;
}
.dtn-entry-header-text .entry-divider {
	display: none;
}
.dtn-entry-header-text .entry-meta{
	text-transform: math-auto;
	font-weight: 700;
	font-size: 14px;
	color: black;
}
.cat-links{
	margin-left: 20px;
}
.cat-links a{
	color: black;
	margin-left: 5px;
}
.cat-links svg{
	height: 14px;
}
.dtn-recent-posts-wrapper{
	margin: 0 0 30px;
  position: relative;
  padding: 16px 26px 28px;
  border: 1px solid #e3e7e8;
  background: #fff;
}
.dtn-recent-posts__item{
	display: flex;
	align-items: center;
	padding: 15px 0 15px 0px;
}
.dtn-recent-posts__item:not(:last-child){
	border-bottom: 1px solid #ebebeb;
}
.dtn-recent-posts__item .dtn-recent-posts__number:before{
	content: '1';
	font-size: 30px;
	line-height: 1;
	color: #cdcfd0;
	width: 30px;
  display: block;
}
.dtn-recent-posts__item:nth-child(2) .dtn-recent-posts__number:before{
	content: '2';
}
.dtn-recent-posts__item:nth-child(3) .dtn-recent-posts__number:before{
	content: '3';
}
.dtn-recent-posts__item:nth-child(4) .dtn-recent-posts__number:before{
	content: '4';
}
.dtn-recent-posts__number{
	width: 30px;
	height: 30px;
	border-right: 1px solid #e3e7e8;
}
.dtn-recent-posts__title{
	padding-left: 15px;
}
.dtn-recent-posts__title a{
	font-size: 14px;
	font-weight: 700;
	color: black;
}
.dtn-recent-posts-heading{
	font-size: 18px;
  margin-bottom: 20px;
  padding-bottom: 13px;
  border-bottom: 2px solid #00bed8;
  line-height: 1.2;
}
.dtn-recent-posts__category{
	display: block;
	color: #828d91;
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
}
/* End Blog Single */

/* Blog Archives */
.dtn-blog-archives .post-item .box-text a.button{
	position: relative;
    font-weight: 500 !important;
    background: var(--primary-color);
    color: white;
    padding: 0px 20px;
    font-size: 16px;
    width: 200px;
}
.dtn-blog-archives .post-item .box-text a.button:before, .dtn-blog-archives .post-item .box-text a.button:after{
	   content: '';
    background-color: rgba(255, 255, 255, 0.2);
    height: 50%;
    width: 0;
    position: absolute;
    transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.dtn-blog-archives .post-item .box-text a.button:before{
	top: 0;
    left: 0;
    right: auto;
}
.dtn-blog-archives .post-item .box-text a.button:after{
	bottom: 0;
    right: 0;
    left: auto;
}
.dtn-blog-archives .post-item .box-text a.button:hover:before, .dtn-blog-archives .post-item .box-text a.button:hover:after{
	width: 100%;
}
.dtn-blog-archives .post-item .is-divider{
	display: none;
}
.dtn-blog-archives .post-item .box-text .post-title a{
	font-size: 20px;
	overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.dtn-blog-archives .post-item .box-text .post-title{
	margin-bottom: 15px;
}
.dtn-blog-archives .post-item .from_the_blog_excerpt {
	overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
/* End blog archives */
/* Product Category */
.dtn-prd-category-header{
	background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
	padding: 90px 0;
}
.dtn-prd-category-header .shop-page-title{
	color: white;
	font-size: 34px;
	text-transform: uppercase;
}
.dtn-prd-category-header .rank-math-breadcrumb *{
	font-size: 14px;
	opacity: 1;
	color: white;
}
.dtn-prd-category-header .container{
	position: relative;
	z-index: 1;
}
.dtn-prd-category-header:before{
	content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.4;
}
.category-page-row{
	padding-top: 50px;
}
.shop-container .products.row > .product-small{
	padding: 0 15px 30px;
}
@media screen and (min-width: 1024px){
	.category-page-row .product-small.box .box-text{
		position: absolute;
		left: 0;
		bottom: 0;
		padding: 15px;
	}
}
/* End Category */

/* Contact page */
.contact__page-form input, .contact__page-form textarea{
	border: 1px solid #e7e7e7 !important;
	border-radius: 0 !important;
}
.contact__page-form input::placeholder, .contact__page-form textarea::placeholder{
	opacity: .8 !important;
}
/* End contact */

/* About us */
.dtn-about-us-title .page-title-inner {
	flex-direction: column;
	justify-content: flex-start;
}
.dtn-about-us-title .page-title-inner .title-wrapper {
	width: 100%;
	text-align: left !important;
}
.dtn-about-us-title .page-title-inner .title-wrapper h1{
	font-size: 34px;
	text-transform: uppercase;
}
.dtn-about-us-title .page-title-inner .title-content {
	margin-left: 0;
	text-align: left !important;
	width: 100%;
}
.dtn-about-us-title .page-title-inner .title-content .page-breadcrumbs{
	font-size: 14px;
	font-weight: 500;
}
.dtn-about-us-slide > .col-inner{
	padding-left: 50px;
}
.dtn-about-us-slide > .col-inner:after{
	content: "";
    position: absolute;
    width: calc(100% - 50px);
    height: 100%;
    border: 10px solid var(--primary-color);
    left: 0;
    bottom: -50px;
    z-index: -1;
}
.dtn-about-us-slide .flickity-prev-next-button{
	top: unset;
	left: unset;
	right: -17px;
	height: 35px;
	width: 35px;
	bottom: 15px;
	background: var(--primary-color) !important;
}
.dtn-about-us-slide .flickity-prev-next-button.next{
	bottom: 40px;
}
.dtn-about-us-slide .flickity-prev-next-button .flickity-button-icon{
	padding: 10px !important;
	opacity: 1 !important;
}
.dtn-abou-us-team__item > .col-inner{
	padding-bottom: 20px;
}
.dtn-abou-us-team__item > .col-inner:before, .dtn-abou-us-team__item > .col-inner:after{
	  content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: var(--primary-color);
}
.dtn-abou-us-team__item > .col-inner:before{
	width: 4px;
   height: 40px;
}
.dtn-abou-us-team__item > .col-inner:after{
	    width: 40px;
    height: 4px;
}
.dtn-about-us-activity__item{
	padding: 20px;
	border: 2px solid white;
}
.dtn-about-us-activity-col > .col-inner{
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.dtn-about-us-history__item > .col-inner{
	height: 100%;
}
.dtn-about-us-history__txt{
	  padding: 30px;
    background: white;
    position: absolute;
    top: 50%;
	width: 100%;
    left: -70px;
    transform: translateY(-50%);
}
.item__left .dtn-about-us-history__txt{
	left: unset;
	right: -70px;
	z-index: 1;
	background: var(--primary-color);
} 
.item__left .dtn-about-us-history__txt *{
	color: white;
	text-align: right;
}
/* End About us */
/* Mobile */
@media screen and (max-width: 767px){
	.fz50, .fz34, .fz32{
		font-size: 22px !important;
	}
	.fz24 {
		font-size: 20px !important;
	}
	.fzmb14{
		font-size: 14px !important;
	}
	.mb40{
		margin-bottom: 20px !important;
	}
	.topbar-hide-notice {
		right: -20px;
	}
	.topbar-hide-notice svg{
		width: 10px;
		height: 10px;
	}
	.product-gallery-stacked-thumbnails{
		display: none !important;
	}
	.dtn-home-intro__left {
		padding-left: 15px !important;
	}
	.dtn-home-intro__right{
		border-left: none !important;
	}
	.dtn-about-exp__num{
		font-size: 40px;
		line-height: 40px;
	}
	.dtn-home-service{
		flex-wrap: nowrap;
		overflow-x: auto;
		-ms-overflow-style: -ms-autohiding-scrollbar;
    scrollbar-width: none;
	}
	.dtn-home-service > .col{
		max-width: 80%;
		flex-basis: 80%;
		min-width: 80%;
	}
	.dtn-wwa-right{
		padding-left: 30px !important;
		padding-top: 40px;
	}
	.dtn-wwa-img{
		width: calc(100% - 15px) !important;
	}
	.count-up-text {
		font-size: 12px;
	}
	.dtn-home-fact-stat{
		padding-bottom: 0;
	}
	.dtn-home-fact-content > .col-inner{
		padding: 50px 20px 20px;
		border: none;
	}
	.dtn-home-fact-content > .col-inner:before, .dtn-home-fact-content > .col-inner:after{
		content: none;
	}
	.dtn-home-blogs-list .post-item .box-label .box-text h5 a , .dtn-home-projects .box-text a{
		color: black;
		font-size: 14px;
		text-shadow: none;
	}
	.dtn-home-projects .product-small .price{
		color: black;
		text-shadow: none;
	}
	.dtn-home-blogs-list .post-item .post-meta{
		font-size: 12px;
		color: black;
	}
	.dtn-home-blogs-list .post-item .box-label .box-text, .dtn-home-projects .box-text{
		position: relative;
		bottom: unset;
		left: unset;
		background: transparent;
		width: 100%;
		padding: 10px 0;
		min-height: 85px;
	}
	.dtn-home-blogs-list .col.post-item, .dtn-home-projects .col{
		padding-bottom: 15px;
	}
	.dtn-home-blogs-list .col.post-item:nth-child(odd) , .dtn-home-projects .col:nth-child(odd){
		padding-right: 7.5px;
	}
	.dtn-home-blogs-list .col.post-item:nth-child(even), .dtn-home-projects .col:nth-child(even){
		padding-left: 7.5px;
	}
	.dtn-culture-video{
		padding-bottom: 30px !important;
	}
	.dtn-view-button{
		display: none !important;
	}
	#main-menu{
		background: white;
	}
	.off-canvas-left .mfp-content{
		background: white;
		width: 100%;
	}
	#main-menu .menu-item a{
		color: black;
		font-size: 14px;
	}
	.dtn-mobile-menu__logo img{
		height: 40px;
	}
	#main-menu .html_topbar_right{
		padding: 0 20px 20px;
	}
	/* 	Footer */
	.dtn-footer-accord .accordion-title{
		font-size: 16px;
		color: black;
		font-weight: 700;
		border-top: 0;
		padding: 10px 0;
	}
	.dtn-footer-accord .accordion-title .toggle{
		margin: 0;
		left: unset;
		right: 0;
		opacity: 1;
	}
	.dtn-footer-accord .accordion-title.active{
		border-bottom: 2px solid var(--primary-color);
		background-color: transparent;
	}
	.dtn-footer-accord .accordion-inner{
		padding: 15px 10px;
	}
	.off-canvas-left.main-menu-overlay{
		background: transparent;
	}
	.dtn-single-blog-header-container{
		padding: 0 15px;
	}
	
/* Category */
	.category-page-row .woocommerce-loop-product__title a, .category-page-row .product-small .price{
		color: black;
	}
	.dtn-prd-category-header, .dtn-product-header-section{
		padding: 20px 0 !important;
	}
	.dtn-prd-bread .rank-math-breadcrumb p{
		margin-bottom: 0;
	}
	.dtn-prd-bread .rank-math-breadcrumb *, .dtn-prd-category-header .rank-math-breadcrumb *{
		font-size: 10px !important;
		text-align: left;
	}
	.dtn-prd-category-header .shop-page-title{
		font-size: 20px;
		text-align: left;
	}
/* 	About us */
	.dtn-about-us-slide{
		margin-bottom: 50px;
	}
	.dtn-about-us-slide .flickity-prev-next-button{
		display: block;
		right: 10px;
	}
	.dtn-about-us-activity__item{
		text-align: left !important;
		margin-bottom: 30px;
	}
	.dtn-about-us-history__txt{
		position: relative;
		transform: unset !important;
		left: unset !important;
		top: unset !important;
		right: unset !important;
	}
	.dtn-home-blogs, .dtn-about-us-history{
		background-size: 55% !important;
	}
	.dtn-about-us-title .page-title-inner{
		min-height: 150px !important;
	}
	.dtn-about-us-title .page-title-inner .title-wrapper h1{
	font-size: 20px;
	text-transform: uppercase;
}
.dtn-about-us-title .page-title-inner .title-content .page-breadcrumbs{
	font-size: 14px;
	font-weight: 500;
}
}

/* -------- BẠN DÁN ĐOẠN CODE MỚI VÀO ĐÂY (DƯỚI CÙNG) -------- */

@media screen and (min-width: 1024px) {
    .category-page-row .product-small.box .box-text {
        position: relative !important;
        bottom: auto !important;
        left: auto !important;
        width: 100%;
        padding-top: 10px;
    }
}

.woocommerce-loop-product__title a,
.product-small .price {
    color: #333333 !important;
    text-shadow: none !important;
}

.woocommerce-loop-product__title a:hover {
    color: #00bed8 !important;
}
/* Sửa lỗi chữ đè ảnh phần Sản phẩm tương tự (Fix lỗi ẩn ảnh) */
.related-products-wrapper .product-small.box .box-text-products,
.related-products-wrapper .product-small.box .box-text {
    position: relative !important;
    bottom: auto !important;
    left: auto !important;
    width: 100% !important;
    padding-top: 15px !important;
    background-color: transparent !important;
}

/* Đảm bảo khung ảnh hiển thị bình thường, không bị xẹp */
.related-products-wrapper .product-small.box {
    display: block !important; 
}