/* Fonts */


@font-face {


	font-family: 'UTMYenTu';


	src: url('../fonts/UTMYenTu.woff');


	font-display: swap;


}





@font-face {


	font-family: 'SVN-Poppins';


	src: url('../fonts/SVN-Poppins/SVN-PoppinsRegular.woff');


	font-display: swap;


}





@font-face {


	font-family: 'SVN-Poppins';


	src: url('../fonts/SVN-Poppins/SVN-PoppinsBold.woff');


	font-weight: bold;


	font-display: swap;


}





@font-face {


	font-family: 'Mu';


	src: url('../fonts/Mulish/Mulish-Regular.woff');


	font-display: swap;


}





@font-face {


	font-family: 'Mu-Light';


	src: url('../fonts/Mulish/Mulish-Light.woff');


	font-weight: 300;


	font-display: swap;


}





@font-face {


	font-family: 'Mu-Med';


	src: url('../fonts/Mulish/Mulish-Medium.woff');


	font-weight: 500;


	font-display: swap;


}





@font-face {


	font-family: 'Mu-Semi';


	src: url('../fonts/Mulish/Mulish-SemiBold.woff');


	font-weight: 600;


	font-display: swap;


}





@font-face {


	font-family: 'Mu-Bold';


	src: url('../fonts/Mulish/Mulish-Bold.woff');


	font-weight: bold;


	font-display: swap;


}





@font-face {


	font-family: 'Mu-Extra';


	src: url('../fonts/Mulish/Mulish-ExtraBold.woff');


	font-weight: 800;


	font-display: swap;


}





@font-face {


	font-family: 'Mu-Black';


	src: url('../fonts/Mulish/Mulish-Black.woff');


	font-weight: 900;


	font-display: swap;


}





@font-face {


	font-family: 'Gil-Bold';


	src: url('../fonts/SVN-GilroyBold.woff2') format('woff2'),


		url('../fonts/SVN-GilroyBold.woff') format('woff');


	font-weight: bold;


	font-style: normal;


	font-display: swap;


}





@font-face {


	font-family: 'Gil-Heavy';


	src: url('../fonts/SVN-GilroyHeavy.woff2') format('woff2'),


		url('../fonts/SVN-GilroyHeavy.woff') format('woff');


	font-weight: 900;


	font-style: normal;


	font-display: swap;


}





@font-face {


	font-family: 'Gil-Light';


	src: url('../fonts/SVN-GilroyLight.woff2') format('woff2'),


		url('../fonts/SVN-GilroyLight.woff') format('woff');


	font-weight: 300;


	font-style: normal;


	font-display: swap;


}





@font-face {


	font-family: 'Gil';


	src: url('../fonts/SVN-Gilroy.woff2') format('woff2'),


		url('../fonts/SVN-Gilroy.woff') format('woff');


	font-weight: normal;


	font-style: normal;


	font-display: swap;


}





@font-face {


	font-family: 'Gil-XBold';


	src: url('../fonts/SVN-GilroyXBold.woff2') format('woff2'),


		url('../fonts/SVN-GilroyXBold.woff') format('woff');


	font-weight: bold;


	font-style: normal;


	font-display: swap;


}





@font-face {


	font-family: 'Helvetica Neue-Bold';


	src: url('../fonts/HelveticaNeue-Bold.woff2') format('woff2'),


		url('../fonts/HelveticaNeue-Bold.woff') format('woff');


	font-weight: bold;


	font-style: normal;


	font-display: swap;


}





@font-face {


	font-family: 'Helvetica Neue-Med';


	src: url('../fonts/HelveticaNeue-Medium.woff2') format('woff2'),


		url('../fonts/HelveticaNeue-Medium.woff') format('woff');


	font-weight: 500;


	font-style: normal;


	font-display: swap;


}





@font-face {


	font-family: 'Fz Photograph';


	src: url('../fonts/FzPhotograph.woff2') format('woff2'),


		url('../fonts/FzPhotograph.woff') format('woff');


	font-weight: normal;


	font-style: normal;


	font-display: swap;


}





:root {


	--color-main: #62B341;


	--color-social: #F9D14E;


	--color-hover: #FF7D04;


	--color-text: #2557ae;


}





body {


	font-size: 14px;


	line-height: 1.5;


	font-family: Mu, Arial;


	max-width: 1920px;


	margin: 0 auto;


	/* background: #fff9e9; */


	color: #111;


	top: 0 !important;


}





p {


	margin: 0 0 0.5rem 0;


}





ul::-webkit-scrollbar-track,


div::-webkit-scrollbar-track {


	border-radius: 5px;


}





ul::-webkit-scrollbar,


div::-webkit-scrollbar {


	width: 3px;


	height: 3px;


}





ul::-webkit-scrollbar-thumb,


div::-webkit-scrollbar-thumb {


	background-color: rgba(0, 0, 0, 0.5);


	border-radius: 5px;


}





.max-width,


.wrap-content {


	width: 100%;


	max-width: 1330px;


	margin: auto;


	padding: 0 15px;


}





.wrap-content2 {


	width: 100%;


	max-width: 1287px;


	margin: auto;


}





.mw-700 {


	max-width: 700px;


}





img {


	max-width: 100%;


	display: inline-block;


}





* {


	box-sizing: border-box;


}





.google-translate {


	position: relative;


	width: 160px;


}





.google-translate .dropdown #dropdown-translate {


	width: 100%;


	border: none;


	border-radius: 5px;


	padding: 7px 7px 7px 35px;


	background: url(../images/ic-gg-trans.png) no-repeat left 8px center, #fff;


	margin: 0;


	font-size: 14px;


	font-weight: bold;


}





.google-translate .dropdown .nav-link {


	padding: 0;


	display: flex;


	justify-content: space-between;


	align-items: center;


	color: #000;


}





.skiptranslate {


	display: none;


}





a {


	text-decoration: none;


}





.social-plugin {


	display: flex;


	margin-top: 10px;


	position: relative;


	z-index: 1;


}





.scale-img {


	/* overflow: hidden; */


	display: block;


}





.scale-img img {


	transition: all 0.5s;


}





.scale-img:hover img {


	transform: scale(1.1, 1.1);


}





.pulse-img:hover img {


	animation: pulse-animation 1.5s linear infinite;


}





.hover-img {


	position: relative;


	overflow: hidden;


	display: block;


}





.text-split,


.text-split-2 {


	overflow: hidden;


	text-overflow: ellipsis;


	white-space: normal;


	-webkit-box-orient: vertical;


	display: -webkit-box;


	-webkit-line-clamp: 3;


}





.text-split-2 {


	-webkit-line-clamp: 2;


}





.p-relative {


	position: relative;


}





.social {


	flex-wrap: wrap;


	gap: 5px;


}





.button {


	display: inline-block;


	padding: 11px 40px;


	background: var(--color-main);


	color: #fff;


	border-radius: 25px;


	border: none;


	font-size: 16px;


	text-transform: capitalize;


	font-weight: 500;


	/* background: #62B341; */


	background: -moz-linear-gradient(-90deg, #62B341 0, #177A66 100%);


	background: -webkit-gradient(linear, -90deg, color-stop(0, 62B341), color-stop(100%, 177A66));


	background: -webkit-linear-gradient(-90deg, #62B341 0, #177A66 100%);


	background: -o-linear-gradient(-90deg, #62B341 0, #177A66 100%);


	background: -ms-linear-gradient(-90deg, #62B341 0, #177A66 100%);


	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1');


	background: linear-gradient(-90deg, #62B341 0, #177A66 100%);


}





.button:hover {


	background: var(--color-main);


	color: #fff !important;


}





/* @keyframe */


@keyframes spin {


	to {


		transform: rotate(360deg);


	}


}





@keyframes blink {


	0% {


		opacity: 1;


	}





	50% {


		opacity: 0;


	}





	100% {


		opacity: 1;


	}


}





@keyframes shake-anim {


	0% {


		transform: rotate(0) scale(1) skew(1deg);


	}





	10%,


	30% {


		-moz-transform: rotate(-25deg) scale(1) skew(1deg);


	}





	20%,


	40% {


		-moz-transform: rotate(25deg) scale(1) skew(1deg);


	}





	100%,


	50% {


		-moz-transform: rotate(0) scale(1) skew(1deg);


	}


}





@keyframes rotate {


	from {


		transform: rotate(0);


	}





	to {


		transform: rotate(360deg);


	}


}





@keyframes fadeup {


	from {


		opacity: 0;


		transform: translateX(-20px);


	}





	to {


		opacity: 1;


		transform: translateX(0);


	}


}





@keyframes pulse-animation {





	0%,


	100% {


		transform: scale3d(1, 1, 1);


	}





	50% {


		transform: scale3d(0.9, 0.9, 0.9);


	}


}





@keyframes border-animation {


	0% {


		transform: scale3d(0.6, 0.6, 0.6);


		opacity: 0;


	}





	20% {


		transform: scale3d(1.2, 1.2, 1.2);


		opacity: 1;


	}





	100% {


		transform: scale3d(1.4, 1.4, 1.4);


		opacity: 0;


	}


}





@keyframes spin {


	0% {


		transform: rotate(0deg);


	}





	100% {


		transform: rotate(360deg);


	}


}





/* Transition All */


.transition,


.btn-frame .kenit-alo-circle-fill,


.control-owl button,


.carousel-comment-media .carousel-control a span,


.menu ul li a.has-child:after,


.menu ul li ul,


.menu ul li:hover>ul,


.scale-img img,


.scale-img:hover>img,


.support-online .kenit-alo-circle-fill {


	transition: 0.3s all;


}





.gutter-x-20 {


	--bs-gutter-x: 20px;


}





.gutter-x-5 {


	--bs-gutter-x: 5px;


}





/*   Header   */


.header {


	background: #62B341;


	background: -moz-linear-gradient(-90deg, #62B341 0, #177A66 100%);


	background: -webkit-gradient(linear, -90deg, color-stop(0, 62B341), color-stop(100%, 177A66));


	background: -webkit-linear-gradient(-90deg, #62B341 0, #177A66 100%);


	background: -o-linear-gradient(-90deg, #62B341 0, #177A66 100%);


	background: -ms-linear-gradient(-90deg, #62B341 0, #177A66 100%);


	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1');


	background: linear-gradient(-90deg, #62B341 0, #177A66 100%);


	color: #fff;


	padding: 5px 0;


}





.header .info-header {


	padding: 1px 2px 1px 30px;


	font-size: 15px;


	font-weight: bold;


	font-style: italic;


	line-height: 23px;


}





.info-header.email {


	background: url(../images/mail-24.png) no-repeat left center;


}





.info-header.hotline {


	background: url(../images/phone-22.png) no-repeat left 2px center;


}





.info-header.address {


	background: url(../images/map-24.png) no-repeat left center;


}





.flex-header {


	display: flex;


	justify-content: space-between;


	align-items: center;


}





.cart-head {


	border: 1px solid #fff;


	padding: 10px;


	border-radius: 5px;


	position: relative;


	color: #fff;


}





.cart-head:hover {


	color: #fed402;


}





.cart-head i {


	font-size: 20px;


}





.cart-head .count-cart {


	position: absolute;


	z-index: 999;


	color: #fff;


	background: #f00;


	border-radius: 50%;


	top: -10px;


	right: 20px;


	width: 20px;


	height: 20px;


	text-align: center;


}





.menu-head {


	display: flex;


	gap: 20px;


	justify-content: space-between;


	align-items: center;


}





.menu-head a {


	color: #fff;


}





.menu-head a:hover {


	color: #fed402;


}





.line-head {


	width: 130px;


}





/* slideshow */


.slideshow {


	position: relative;


}





.slideshow .swiper-slideshow-thumb {


	position: absolute;


	right: 5%;


	width: 700px;


	bottom: 8%;


	padding: 0 3%;


	max-width: 50%;


}





.slideshow .swiper-slideshow-thumb .swiper-slide {


	opacity: 0;


}





.slideshow .swiper-slideshow-thumb .swiper-slide.swiper-slide-fully-visible {


	opacity: 1;


}





.slideshow .thumb {


	border: 5px solid #fff;


	margin: 5px;


	border-radius: 12px;


	overflow: hidden;


	-moz-transform: skewX(-20deg) skewY(0deg);


	-webkit-transform: skew(-20deg, 0deg);


	-o-transform: skew(-20deg, 0deg);


	-ms-transform: skew(-20deg, 0deg);


	transform: skew(-20deg, 0deg);


	cursor: pointer;


	background: #fff;


}





.swiper-slide-thumb-active .thumb {


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


	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=0, Color=#fff)";


	-moz-box-shadow: 0 0 5px #fff;


	-webkit-box-shadow: 0 0 5px #fff;


	box-shadow: 0 0 5px #fff;


	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#fff);


}





.slideshow .thumb img {


	-moz-transform: skewX(20deg) skewY(0deg);


	-webkit-transform: skew(20deg, 0deg);


	-o-transform: skew(20deg, 0deg);


	-ms-transform: skew(20deg, 0deg);


	transform: skew(20deg, 0deg);


	margin: 0 -20%;


	width: 140%;


	display: block;


	max-width: 140%;


}





/* Search */


.search {


	max-width: 100%;


	width: 165px;


	background: #fff;


	position: relative;


	border-radius: 10px;


	border: 1px solid #ccc;


	padding: 3px;


	border-radius: 20px;


}





.search input {


	width: calc(100% - 35px);


	font-size: 13px;


	color: #333;


	background: none;


	border: none;


	padding: 4px 10px;


}





.search input:focus {


	border: none;


	box-shadow: none;


}





.search label {


	height: 35px;


	cursor: pointer;


	text-align: center;


	font-size: 16px;


	background: #f00;


	color: #fff;


	border-radius: 10px;


	margin-right: 3px;


	padding: 5px 10px;


}





.search label i {


	font-weight: bold;


	color: #999;


}





.search p {


	width: 32px;


	height: 32px;


	cursor: pointer;


	line-height: 32px;


	text-align: center;


	font-size: 14px;


	background: var(--color-main);


	border-radius: 20px;


}





.search p i {


	font-weight: 400;


	color: #fff;


}





.box-search {


	padding: 10px;


	border-bottom: 1px solid #f1f1f1;


	display: flex;


	justify-content: space-between;


	align-items: center;


}





.ds-item-search {


	width: calc(100% - 70px);


}





.ds-item-search a {


	font-size: 14px;


	color: #333;


}





.show-search {


	position: absolute;


	z-index: 9999;


	top: 100%;


	background: #fff;


	width: 100%;


	border-radius: 10px;


	box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3);


}





.box-search .price-product {


	width: 100%;


	margin: 0px;


	text-align: left;


}





.box-search .price-product .price-new {


	color: #f00;


	font-size: 14px;


	font-weight: bold;


}





.box-search .price-product .price-old {


	color: #999;


	text-decoration-line: line-through;


}





.company {


	border-bottom: 1px solid #f1f1f1;


	padding-bottom: 10px;


}





.company p {


	margin-bottom: 5px;


	font-size: 13px;


}





.company p span {


	color: #007bff;


}





.head-menu {


	display: flex;


	justify-content: center;


	flex-wrap: wrap;


}





.head-menu img {


	max-width: 80px;


}





/*   SLider */


.control-owl {


	position: absolute;


	width: 100%;


	z-index: 2;


	left: 0px;


	top: calc(50% - 22.5px);


}





.control-owl button {


	opacity: 0.5;


	top: 0px;


	position: absolute;


	outline: none;


	border: 2px solid #fff;


	padding: 0px;


	margin: 0px;


	display: block;


	cursor: pointer;


	color: #ffffff;


	width: 30px;


	height: 30px;


	border-radius: 50%;


	overflow: hidden;


	text-align: center;


	font-size: 25px;


	margin: 0px;


	background-color: #00a3ff;


	display: flex;


	align-items: center;


	justify-content: center;


}





.control-owl button:hover {


	opacity: 1;


}





.control-owl button.owl-prev {


	left: 20px;


}





.control-owl button.owl-next {


	right: 20px;


}





/* DT */


.item-partner {


	border: 1px solid #eee;


	display: block;


	background: #fff;


	border-radius: 10px;


	margin: 1px 0px;


	position: relative;


}





.box-photo-ct {


	border-radius: 20px;


	overflow: hidden;


}





.title-detail {


	position: relative;


	margin: 0px 0px 30px 0px;


	align-items: baseline;


	gap: 15px;


	justify-content: space-between;


	text-align: center;


}





.title-detail h1,


.title-detail .name {


	font-size: 24px;


	color: #333;


	font-weight: 700;


	text-align: left;


	line-height: 1.5;


	margin: 0;


	text-transform: uppercase;


}





.title-main {


	position: relative;


	text-align: center;


	margin: 0 0 30px 0;


	font-size: 16px;


}





.title-main .name {


	font-size: clamp(28px, calc(44 / 1200 * 100vw), 44px);


	font-weight: 900;


	text-transform: uppercase;


	display: inline-block;


	margin: 0;


	color: var(--color-main);


	line-height: 1.5;


}





.title-main .name span {


	color: #111;


}





.tt-week {


	font-size: 25px;


	text-align: center;


	margin: 20px 0px;


	color: #fff;


	font-weight: 700;


	text-transform: uppercase;


}





.title-cat-main {


	display: flex;


	flex-wrap: wrap;


	justify-content: center;


	gap: 20px;


}





.title-cat-main span {


	display: block;


	color: #999;


	background: linear-gradient(64.85deg, #fca600 23.67%, #ffd41d 106.12%);


	background-color: #fff;


	padding: 10px;


	border-radius: 10px;


	cursor: pointer;


}





.title-cat-main span:hover,


.title-cat-main span.active {


	background: linear-gradient(64.85deg, #ffd41d 23.67%, #fca600 106.12%);


	color: #000;


}





.title-list-main {


	display: flex;


	gap: 5px 25px;


	align-items: center;


	justify-content: center;


	margin: 20px 0 30px 0;


	flex-wrap: wrap;


}





.title-list-main .name,


.more {


	font-size: 18px;


	font-weight: 500;


	text-transform: capitalize;


	padding: 9px 30px;


	position: relative;


	background: var(--color-main);


	background: -moz-linear-gradient(-90deg, #62B341 0, #177A66 100%);


	background: -webkit-gradient(linear, -90deg, color-stop(0, 62B341), color-stop(100%, 177A66));


	background: -webkit-linear-gradient(-90deg, #62B341 0, #177A66 100%);


	background: -o-linear-gradient(-90deg, #62B341 0, #177A66 100%);


	background: -ms-linear-gradient(-90deg, #62B341 0, #177A66 100%);


	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1');


	background: linear-gradient(-90deg, #62B341 0, #177A66 100%);


	cursor: pointer;


	border-radius: 30px;


	z-index: 1;


	display: inline-block;


	color: #000;


}





.title-list-main .name:hover,


.more:hover {


	color: var(--color-main);


}





.title-list-main .name.active:before,


.more:hover:before {


	content: none;


}





.title-list-main .name.active,


.more:hover {


	color: #fff;


}





.title-list-main .name:before,


.more:before {


	content: "";


	position: absolute;


	background: #fff;


	left: 0;


	top: 0;


	right: 0;


	bottom: 0;


	margin: 1px;


	z-index: -1;


	border-radius: 30px;


}





/* News */


.grid-tintuc {


	display: -webkit-box;


	display: -moz-box;


	display: -ms-flexbox;


	display: -webkit-flex;


	display: flex;


	flex-flow: row wrap;


	-webkit-flex-flow: row wrap;


	justify-content: space-between;


}





.news {


	display: block;


	margin-bottom: 20px;


	display: block;


}





.pic-news {


	border-radius: 10px;


	display: block;


	overflow: hidden;


	position: relative;


}





.pic-news img {


	width: 100%;


}





a.views {


	display: inline-block;


	text-decoration: none;


	margin-top: 10px;


	border: solid 1px #ccc;


	padding: 7px 20px;


	border-radius: 20px;


	color: #000;


	font-size: 16px;


}





a.views:hover {


	border: solid 1px #fed402;


	color: #fed402;


}





.info-news {


	padding: 60px 0;


	background: url(../images/bg-news.jpg) no-repeat center center / cover;


}





.info-news h3 {}





.name-news {


	color: #1b1b1b;


	font-size: 18px;


	line-height: 22px;


	max-height: 40px;


	-webkit-line-clamp: 2 !important;


	font-weight: 400;


}





a.name-news.name1 {


	font-size: 25px;


	line-height: 32px;


	max-height: 64px;


}





.name-news:hover {


	color: #fed402;


}





.time-news {


	color: #fed402;


	margin-bottom: 0px;


	font-size: 12px;


	margin: 7px 0;


	font-style: italic;


	font-weight: 500;


}





.desc-news {


	color: #333333;


	margin: 0px;


}





.share {


	padding: 17px 10px 10px 10px;


	line-height: normal;


	background: rgba(128, 128, 128, 0.15);


	margin-top: 15px;


	border-radius: 5px;


	z-index: 9;


	position: relative;


}





.share b {


	display: block;


	margin-bottom: 5px;


}





.othernews b {


	margin-bottom: 10px;


}





.list-news-other {


	padding-left: 17px;


	list-style: square;


}





.list-news-other li {


	margin-bottom: 2px;


}





.list-news-other li a {


	text-transform: none;


	color: #333333;


}





.list-news-other li a:hover {


	color: #fed402;


}





/* Toc */


.box-readmore {


	padding: 8px 15px;


	border: 1px solid #dedede;


	margin-bottom: 2rem;


	border-radius: 5px;


	background-color: #eeeeee;


}





.tt-toc {


	position: relative;


	font-size: 18px;


	text-transform: uppercase;


	display: flex;


	justify-content: space-between;


	align-items: center;


	cursor: pointer;


}





.box-readmore li ul>li {


	margin: 0;


	margin-bottom: 8px;


}





.box-readmore li ul>li:before {


	/* content: counters(item, '.') ' '; */


}





.box-readmore ul {


	list-style-type: none;


	counter-reset: item;


	margin-bottom: 0px;


	padding-left: 20px;


	margin-top: 8px;


	display: none;


}





.box-readmore>ul {


	padding-left: 0;


}





.box-readmore ul li {


	display: table;


	counter-increment: item;


	margin-bottom: 5px;


}





.box-readmore ul li:before {


	/* content: counters(item, '.') '. '; */


	display: table-cell;


	padding-right: 5px;


}





.box-readmore ul li a {


	color: #333333;


	cursor: pointer;


	font-weight: 600;


}





.box-readmore ul li a:hover {


	color: #767676;


}





/* Partner */


.info-partner {


	background: #f8f8f8;


	padding: 15px 0px;


}





/* Footer */


.info-footer .flex-footer {


	display: flex;


	justify-content: space-between;


	flex-wrap: wrap;


}





.flex-footer .mn-ft {


	margin: 10px 0px;


	padding: 0 0 0 20px;


}





.mn-ft li {


	/* color: #111; */


	margin: 11px 0;


}





.info-footer .border-top {


	border-color: #fdf3d385 !important;


}





.info-footer {


	padding: 30px 0px;


	background: url(../images/bg-footer.jpg) no-repeat center center / cover, #000;


	color: #fff;


}





.tags-ft {


	font-size: 16px;


	padding: 12px 0;


}





.tags-ft .item {


	background: #ffffff9e;


	font-size: 17px;


	line-height: 28px;


	padding: 5px 20px;


	border-radius: 5px;


	border: 1px solid #FDF3D3;


}





.info-footer a {


	color: #fff;


}





.info-footer a:hover {


	color: var(--color-hover);


}





.title-footer {


	margin-bottom: 0.75rem;


	font-size: 15px;


	font-weight: bold;


	text-transform: uppercase;


	position: relative;


	padding: 0 0 0 10px;


}





.title-footer:after {


	content: "";


	display: block;


	width: 1px;


	top: 5px;


	background: #FF6002;


	left: 0;


	/* margin: 5px 0; */


	position: absolute;


	bottom: 5px;


}





.info-footer .box-footer {


	margin: 15px 0;


}





.hotline-ft .item i {


	color: var(--color-main);


	font-size: 10px;


	vertical-align: middle;


	margin: 0 5px 3px 0;


}





.info-footer .ft-1 {


	width: 26%;


}





.info-footer .ft-2 {


	width: 28%;


}





.info-footer .ft-3 {


	width: 13%;


}





.info-footer .ft-4 {


	width: 24%;


}





.map-footer {


	position: relative;


	width: 100%;


	height: 200px;


}





.map-footer iframe {


	position: absolute;


	width: 100%;


	height: 100%;


}





.footer-powered {


	padding: 15px 0px;


	color: #fff;


	background: #62B341;


	background: -moz-linear-gradient(-90deg, #62B341 0, #177A66 100%);


	background: -webkit-gradient(linear, -90deg, color-stop(0, 62B341), color-stop(100%, 177A66));


	background: -webkit-linear-gradient(-90deg, #62B341 0, #177A66 100%);


	background: -o-linear-gradient(-90deg, #62B341 0, #177A66 100%);


	background: -ms-linear-gradient(-90deg, #62B341 0, #177A66 100%);


	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1');


	background: linear-gradient(-90deg, #62B341 0, #177A66 100%);


}





.flex-powered {


	display: flex;


	justify-content: center;


	align-items: center;


}





.statistic span {


	position: relative;


	padding: 0px 5px;


}





/* Tags */


.title-tags {


	position: relative;


	font-size: 1em;


	font-weight: 600;


	padding-bottom: 15px;


	margin-bottom: 15px;


	color: #777;


}





.title-tags:after {


	content: '';


	position: absolute;


	left: 0px;


	bottom: 0px;


	background-color: rgba(0, 0, 0, 0.1);


	display: block;


	height: 3px;


	width: 30px;


}





.flex-tags {


	display: flex;


	gap: 5px;


}





.flex-tags a {


	color: #333;


	border: 1px solid;


	border-radius: 3px;


	display: inline-block;


	opacity: 0.8;


	padding: 2px 5px;


}





.flex-tags a:hover {


	background-color: #f00;


	border-color: #f00;


	color: #fff;


	opacity: 1;


}





/*   TC   */


.item-criteria a {


	display: flex;


	align-items: center;


	color: #333;


}





.item-criteria a .ds-criteria {


	width: calc(100% - 60px);


	margin-left: 10px;


}





.item-criteria a .ds-criteria h3 {


	-webkit-line-clamp: 2;


	font-size: 16px;


	color: var(--color-main);


}





.item-criteria a .ds-criteria p {


	-webkit-line-clamp: 2;


	margin: 0px;


}





/* About */


.about {


	background: url(../images/bg-gt-r.png) no-repeat top 10% right 5%, url(../images/bg-gt-l.png) no-repeat bottom 5% left, url(../images/bor-gt-r.png) no-repeat bottom 30px right 30px, url(../images/bor-gt-l.png) no-repeat top 30px left 30px, url(../images/vector1.png), var(--color-social);


	padding: 60px 0;


	position: relative;


	z-index: 9;


}





.hotline-ind {


	background: url(../images/vector1.png), var(--color-main);


	background-blend-mode: soft-light;


	border-radius: 20px;


	border: 1px solid #FFEEB4;


	border-bottom-width: 4px;


	color: #fff;


	padding: 15px 6%;


	font-size: 24px;


	-moz-transform: translate(0, -70px);


	/* FF3.5+ */


	-webkit-transform: translate(0, -70px);


	/*Saf3.1+, Chrome*/


	-o-transform: translate(0, -70px);


	/* Opera 10.5 */


	-ms-transform: translate(0, -70px);


	/* IE 9 */


	transform: translate(0, -70px);


	margin: -110px 0 0 0;


}





.hotline-ind .hotline {


	border-top: 1px solid #FD9998;


	margin: 10px 0 0 0;


	padding: 20px 0 5px 0;


}





.hotline-ind .hotline .item {


	padding: 0 0 0 44px;


	background: url(../images/phone-36.png) no-repeat left center;


}





.hotline-ind .hotline .item i {


	font-size: 20px;


}





.hotline-ind .title {


	font-size: 17px;


	font-weight: 500;


	font-style: italic;


}





.hotline-ind .title .name {


	font-size: 28px;


	font-weight: bold;


	font-style: normal;


}





.flex-about {


	display: flex;


	justify-content: space-between;


	align-items: center;


}





.content-about {


	width: 42%;


	font-size: 15px;


}





.lk-about:after {


	content: "";


}





.lk-about .hotline {


	position: relative;


	padding: 0 0 0 65px;


	color: #000;


	font-weight: 500;


	font-style: italic;


	font-size: 14px;


}





.lk-about .hotline .phone {


	font-size: 24px;


	font-weight: 800;


	padding: 0 5px 0 0;


}





.lk-about .hotline .icon {


	position: absolute;


	border-radius: 50%;


	width: 53px;


	font-size: 20px;


	background: #fff;


	text-align: center;


	aspect-ratio: 1;


	padding: 11px;


	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=0, Color=#000000)";


	/*IE 8*/


	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);


	/*FF 3.5+*/


	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);


	/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/


	box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);


	/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */


	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color=#000000);


	/*IE 5.5-7*/


	left: 0;


	top: 0;


}





.lk-about .hotline .icon i,


.lk-about .hotline .phone,


.title-main .name {


	background: #62B341;


	background: -moz-linear-gradient(-90deg, #62B341 0, #177A66 100%);


	background: -webkit-gradient(linear, -90deg, color-stop(0, 62B341), color-stop(100%, 177A66));


	background: -webkit-linear-gradient(-90deg, #62B341 0, #177A66 100%);


	background: -o-linear-gradient(-90deg, #62B341 0, #177A66 100%);


	background: -ms-linear-gradient(-90deg, #62B341 0, #177A66 100%);


	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1');


	background: linear-gradient(-90deg, #62B341 0, #177A66 100%);


	-webkit-background-clip: text;


	-webkit-text-fill-color: transparent;


	display: inline-block;


}





.content-about .desc {


	font-size: 17px;


}





.photo-about {


	width: 52%;


}





.photo-about .video {


	width: 100%;


	aspect-ratio: 64/45;


	position: relative;


	overflow: hidden;


	border-radius: 20px;


}





.title-about {


	font-family: 'SVN-Poppins';


	font-weight: bold;


	text-transform: uppercase;


}





.title-about .tt {


	font-size: 34px;


	line-height: 1;


}





.title-about .name {


	font-size: 90px;


	color: var(--color-main);


	font-weight: bold;


	font-family: SVN-Poppins;


	text-transform: uppercase;


	line-height: 1.2;


	margin: 0;


	display: inline-block;


	background: #62B341;


	background: -moz-linear-gradient(-90deg, #62B341 0, #177A66 100%);


	background: -webkit-gradient(linear, -90deg, color-stop(0, 62B341), color-stop(100%, 177A66));


	background: -webkit-linear-gradient(-90deg, #62B341 0, #177A66 100%);


	background: -o-linear-gradient(-90deg, #62B341 0, #177A66 100%);


	background: -ms-linear-gradient(-90deg, #62B341 0, #177A66 100%);


	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1');


	background: linear-gradient(-90deg, #62B341 0, #177A66 100%);


	-webkit-background-clip: text;


	-webkit-text-fill-color: transparent;


}





.title-about h3 {


	font-size: 30;


	color: #333;


	text-transform: uppercase;


}





.view-about {


	display: block;


	font-size: 15px;


	text-transform: uppercase;


	margin: 30px 0px 20px;


	color: #333;


	text-align: center;


}





.view-about span {


	position: relative;


	z-index: 1;


}





.view-about span:hover {


	color: #f00;


}





.view-about span:after {


	content: '';


	width: 50px;


	height: 50px;


	border-radius: 50%;


	background: #c2d2a7;


	position: absolute;


	z-index: -1;


	left: 4%;


	top: 50%;


	transform: translateY(-50%) translateX(-50%);


}





/* Service */


.item-service {


	position: relative;


	overflow: hidden;


	border-radius: 16px;


}





.item-service .info {


	position: absolute;


	pointer-events: none;


	left: 0px;


	right: 0px;


	bottom: 0px;


	color: #fff;


	text-transform: uppercase;


	padding: 20px;


	font-size: 17px;


	margin: 0px;


	display: flex;


	align-items: flex-end;


	justify-content: center;


	text-align: center;


	top: 0;


	background: -moz-linear-gradient(#0000 30%, #000d 95%);


	/* FF3.6+ */


	background: -webkit-gradient(linear, color-stop(30%, 0000), color-stop(95%, 000d));


	/* Chrome,Safari4+ */


	background: -webkit-linear-gradient(#0000 30%, #000d 95%);


	/* Chrome10+,Safari5.1+ */


	background: -o-linear-gradient(#0000 30%, #000d 95%);


	/* Opera 11.10+ */


	background: -ms-linear-gradient(#0000 30%, #000d 95%);


	/* IE10+ */


	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1');


	/* for IE */


	background: linear-gradient(#0000 30%, #000d 95%);


	/* W3C */


}





.item-service .name {


	font-size: 16px;


	font-weight: bold;


	font-family: 'UTMCopperplate';


	margin: 0;


}





/* Video */


.flex-video {


	display: flex;


	justify-content: space-between;


}





.bottom {


	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=0, Color=#62B341)";


	-moz-box-shadow: 0 0 10px rgba(98, 179, 65, 0.1);


	-webkit-box-shadow: 0 0 10px rgba(98, 179, 65, 0.1);


	box-shadow: 0 0 10px rgba(98, 179, 65, 0.1);


	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color=#62B341);


	border-radius: 10px;


	position: relative;


	overflow: hidden;


	align-items: center;


}





.wr-video {


	width: 40%;


	flex-grow: 1;


}





.wr-video .item-video .img img {


	height: 560px;


	object-fit: cover;


}





.wr-form {


	width: 52.308%;


}





.frm_newsletter {


	padding: 45px 6.7%;


	margin: auto 0;


}





.frm_newsletter .form-control {


	padding: 12px 35px 12px 15px;


	font-size: 15px;


	line-height: 1.6;


	position: relative;


}





.frm_newsletter .form-control#fullname-contact {


	background: url(../images/user-16.png) no-repeat right 15px center;


}





.frm_newsletter .form-control#phone-contact {


	background: url(../images/phone-16.png) no-repeat right 15px center;


}





.frm_newsletter .form-control#email-contact {


	background: url(../images/mail-16.png) no-repeat right 15px center;


}





.frm_newsletter .form-control#content-contact {


	background: url(../images/note-16.png) no-repeat right 15px top 10px;


}





.frm_newsletter .button {


	border-radius: 5px;


	text-transform: uppercase;


	font-weight: bold;


	font-size: 15px;


	line-height: 1.6;


	margin: 10px 0 0 0;


}





.video-main {


	position: relative;


}





.list-video {


	margin-top: 10px;


	width: 100%;


	border-radius: 5px;


	border: 1px solid #ddd;


}





.item-video .img span {


	position: absolute;


	left: 50%;


	top: 50%;


	transform: translateX(-50%) translateY(-50%);


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


	border-radius: 50%;


	width: 77px;


	aspect-ratio: 1;


	display: flex;


	justify-content: center;


	align-items: center;


	color: #f00;


	background: url(../images/btn-play.png) no-repeat center center / 100% 100%;


	font-size: 27px;


	cursor: pointer;


	transition: all 1s;


	max-width: 15%;


}





.item-video:hover span {


	transform: translateX(-50%) translateY(-50%) rotate(360deg);


}





.item-video h3 {


	text-align: center;


	font-size: 16px;


	margin-top: 10px;


}





.info-visao {


	padding: 60px 0;


	background: url(../images/bg-tc.jpg) no-repeat center center / cover;


	color: #fff;


}





.item-visao .content {


	display: flex;


	gap: 15px;


	align-items: flex-start;


}





.item-visao .info {


	width: calc(100% - 85px);


}





.item-visao .img {


	width: 70px;


}





.item-visao .name {


	font-size: 15px;


	font-weight: 600;


	margin: 0 0 5px 0;


}





.info-visao .name {


	color: #fff;


	-webkit-text-fill-color: unset;


	background-clip: unset;


	background: none;


}





/* Sort */


.sort-select {


	display: flex;


	justify-content: end;


	/* margin: 20px 0px; */


	position: relative;


}





.sort-select .click-sort {


	border: 1px solid #e0e0e0;


	border-radius: 4px;


	cursor: pointer;


	font-size: 14px;


	padding: 6px 10px 6px 8px;


	margin: 0px;


}





.sort-select-main {


	display: grid;


	background-color: #fff;


	border-radius: 4px;


	box-shadow: 0 4px 6px rgb(0 0 0 / 20%);


	position: absolute;


	padding: 0 7px;


	top: 30px;


	right: 0;


	width: 160px;


	z-index: 2;


}





.sort-select-main p {


	border-bottom: 1px solid #f1f1f1;


	margin: 0px;


	order: 2;


}





.sort-select-main p:has(.check) {


	order: 1;


}





.sort a {


	color: #000;


	font-size: 14px;


	line-height: 17px;


	padding: 11px 3px;


	display: block;


	cursor: pointer;


}





.sort a.check i {


	box-sizing: border-box;


	position: relative;


	display: inline-block;


	transform: scale(var(--ggs, 1));


	width: 22px;


	height: 16px;


	border: 2px solid transparent;


	border-radius: 100px;


	vertical-align: middle;


}





.sort a.check i::after {


	content: '';


	display: block;


	box-sizing: border-box;


	position: absolute;


	left: 3px;


	top: -4px;


	width: 6px;


	height: 10px;


	border-width: 0 2px 2px 0;


	border-style: solid;


	transform-origin: bottom left;


	transform: rotate(45deg);


}





.sort-select .sort-show {


	padding-right: 12px;


	position: relative;


}





.sort-select .sort-show::before {


	content: '';


	border-left: 4px solid transparent;


	border-right: 4px solid transparent;


	border-top: 4px solid #333;


	content: '';


	height: 0;


	position: absolute;


	top: 6px;


	right: 0;


	width: 0;


}





/* Product */


.filter {


	position: absolute;


	right: 0px;


	top: 0px;


	padding: 5px 10px;


	background: #f1f1f1;


	display: flex;


	justify-content: space-between;


	align-items: center;


	margin-bottom: 10px;


	text-transform: uppercase;


	border-radius: 5px;


	cursor: pointer;


	border: 1px solid #ddd;


	display: none;


}





.flex-product-main {


	display: flex;


	gap: 20px;


}





.flex-product-main .left-product {


	width: 250px;


	border: 1px solid #f1f1f1;


	padding: 20px;


	border-radius: 5px;


}





.flex-product-main .right-product {


	width: calc(100% - 250px);


	flex-grow: 1;


}





.wrap-product-sale {


	background-color: #ffa09e;


	border-radius: 10px;


	overflow: hidden;


}





.wr-search p {


	font-weight: bold;


	text-transform: uppercase;


}





.info-main {


	margin: 60px 0;


}





.product-list {


	padding: 60px 0;


}





.product-list:nth-child(2n+1) {


	background: url(../images/bg-sp.jpg) no-repeat center center/ cover;


}





.product {


	display: block;


	position: relative;


	text-align: center;


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


}





.product .pic-product {


	background: #fff;


	margin-bottom: 15px;


	display: block;


	position: relative;


	overflow: hidden;


	border-radius: 15px;


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


}





.product:hover .pic-product {


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


}





.product .pic-product img {


	width: 100%;


	-webkit-transform-style: preserve-3d;


	height: 100%;


	object-fit: cover;


	border-radius: 5px;


}





.product .pic-product>a {


	display: flex;


	width: 100%;


	align-items: center;


	justify-content: center;


	text-align: center;


	border-radius: 5px;


}





.first_img {


	position: absolute;


	top: 0;


	transition: all 0.5s ease;


	height: 100%;


}





.product:hover .first_img {


	transform: scale(0);


}





.second_img {


	display: block;


	position: absolute;


	top: 0;


	right: 100%;


	transition: all 0.5s ease;


	height: 100%;


}





.product:hover .second_img {


	right: 0;


	top: 0;


	transition: all 0.5s ease;


}





.product .name-product {


	margin-bottom: 5px;


	font-weight: 600;


	font-size: 17px;


	color: #111;


	line-height: 1.5;


	margin: 0;


	height: 51px;


}





.product .name-product a {


	font-size: 15px;


	color: #232323;


	font-weight: 500;


}





.product .name-product a:hover {


	color: #ff2e00;


}





.product .name-product .text-split {


	-webkit-line-clamp: 2;


}





.product .price-product {


	margin-bottom: 10px;


	color: var(--color-main);


	display: flex;


	flex-wrap: wrap;


	gap: 5px;


	justify-content: space-evenly;


	font-size: 16px;


	font-weight: 500;


}





.product .price-new {


	font-size: 16px;


	font-weight: 500;


	color: var(--color-main);


	display: inline-block;


	text-transform: capitalize;


}





.product .price-old {


	padding: 0 10px;


	font-size: 14px;


	text-decoration: line-through;


	display: block;


	color: #999;


	text-transform: uppercase;


}





.product .price-per {


	background: #ff2e00;


	font-size: 13px;


	text-align: center;


	font-weight: 700;


	position: absolute;


	top: 10px;


	right: 10px;


	color: #fff;


	padding: 5px 10px;


	border-radius: 5px;


}





.box-cat {


	text-align: center;


}





.box-cat h3 {


	font-size: 14px;


	color: #333;


	margin-top: 10px;


}





.box-cat:hover h3 {


	color: #f00;


}





.cart-product {


	margin: 5px 0 0 0px;


}





.cart-product span {


	cursor: pointer;


	color: #fff;


	text-align: center;


	padding: 0px 5px;


	border-radius: 5px;


	display: inline-block;


	line-height: 34px;


	font-size: 13px;


	font-weight: 700;


}





.cart-add {


	margin-left: 10px;


	background-color: #00a5d9;


	width: 155px;


}





.cart-add:hover {


	background-color: #fed402;


}





.cart-buy {


	background-color: #ff2e00;


	width: 93px;


	height: 33px;


}





.cart-buy:hover {


	background-color: #fed402;


}





.grid-product {


	display: grid;


	grid-template-columns: repeat(4, 1fr);


	gap: 20px;


}





.grid-product>* {


	max-width: 100%;


	/* Giới hạn kích thước */


	min-width: 0;


	/* Ngăn phần tử mở rộng quá mức */


}





.grid-product .product .product-info {


	margin-top: 10px;


	color: #333;


}





.grid-product .product .product-info h3 {


	font-size: 17px;


	color: #333;


}





.grid-product .product .product-info .price span {


	color: #f00;


}





.grid-product .product .pic-product {


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


}





/* product detail */


.grid-pro-detail {


	display: flex;


	justify-content: space-between;


	align-items: start;


}





.grid-pro-detail .left-pro-detail {


	width: 50%;


}





.grid-pro-detail .right-pro-detail {


	width: 45%;


}





.detail-product {


	display: flex;


	justify-content: space-between;


}





.detail-product .left-pro-detail {


	width: 40%;


	border: 1px solid #ddd;


}





.detail-product .right-pro-detail {


	width: 57%;


}





.detail-product .right-pro-detail ul {


	list-style: none;


	padding: 0px;


}





.detail-product .right-pro-detail ul li {


	margin-bottom: 20px;


}





.detail-product .right-pro-detail ul li .title-pro-detail {


	font-size: 18px;


}





.detail-product .right-pro-detail ul li .attr-content-pro-detail {


	display: inline-block;


	margin-bottom: 0px;


}





.detail-product .right-pro-detail ul li .attr-content-pro-detail .price-new-pro-detail {


	font-weight: 700;


	font-size: 20px;


	color: #f00;


}





.tabs-pro-detail .tab-content {


	border: 1px solid #ddd;


	border-top: none;


	padding: 20px;


}





.nav-tabs li a {


	text-transform: uppercase;


	font-weight: 500;


	color: #333;


}





.nav-tabs .nav-item.show .nav-link,


.nav-tabs .nav-link.active,


.nav-tabs .nav-link:hover {


	color: #f00;


}





/* css block actions  */


.ul-actions {


	display: flex;


	justify-content: center;


	margin: 20px;


	gap: 15px;


	align-items: flex-start;


}





.ul-actions li,


.ul-actions>div {


	list-style-type: none;


	margin: 0;


	padding: 0;


	width: 80px;


	text-align: center;


}





.ul-actions .active .box__tabr,


.ul-actions .box__tabr:hover {


	border-color: #fd6e1d;


}





.ul-actions .box__tabr {


	align-items: center;


	border: 1px solid #e0e0e0;


	border-radius: 2px;


	display: flex;


	justify-content: center;


	min-height: 55px;


	padding: 4px;


	height: 60px;


	width: 80px;


}





.icon-action {


	background-image: url('../images/icon_chitiet@2x-min.png');


	background-repeat: no-repeat;


	display: inline-block;


	height: 30px;


	width: 30px;


	line-height: 30px;


	vertical-align: middle;


	background-size: 300px 180px;


}





.icon-dnb {


	background-position: 0 0;


	height: 28px;


	width: 28px;


}





.icon-tskt {


	background-position: -105px 0;


	height: 30px;


	width: 30px;


}





.icon-ttsp {


	background-position: -140px 0;


	height: 19px;


	width: 23px;


}





.ul-actions p {


	font-size: 14px;


	line-height: 1.3;


	margin-top: 5px;


	white-space: normal;


	color: #000;


}





/* modal-detail */


.modal-detail::-webkit-scrollbar {


	width: 10px;


}





.modal-detail::-webkit-scrollbar-thumb {


	width: 10px;


	background: #4d90e0;


	border-radius: 10px;


	height: 50px;


}





.modal-detail {


	position: fixed;


	z-index: 999;


	background: #000000c4;


	top: 0px;


	left: 0px;


	width: 100%;


	height: 100%;


	overflow-y: scroll;


}





.content-modal-detail {


	background: #fff;


	max-width: 1200px;


	margin: 0px auto;


	min-height: 100vh;


}





.content-modal-detail .tabs {


	display: flex;


	cursor: pointer;


	padding: 0;


	list-style: none;


	justify-content: center;


	border-bottom: 1px solid #e0e0e0;


	position: sticky;


	top: 0px;


	background: #fff;


	z-index: 99;


}





.content-modal-detail .tabs li {


	padding: 20px 20px;


	margin-right: 5px;


	font-weight: bold;


	position: relative;


	border-bottom: 4px solid #fff;


}





.content-modal-detail .tabs li.active {


	color: #2d9cdb;


	border-bottom: 4px solid #2d9cdb;


}





.content-modal-detail .tab-content {


	padding: 20px;


	max-width: 900px;


	margin: 0px auto;


}





.content-modal-detail .tab-content.active {


	display: block;


}





.close-tab {


	position: fixed;


	top: 15px;


	right: 20px;


	z-index: 10;


}





.btn-closemenu {


	position: fixed;


	top: 10px;


	right: 20px;


	background-color: #fff;


	border: 1px solid #e0e0e0;


	border-radius: 4px;


	color: #333;


	cursor: pointer;


	line-height: 21px;


	padding: 7px;


	text-align: right;


	width: 72px;


}





.btn-closemenu::before {


	transform: rotate(45deg);


}





.btn-closemenu::after {


	transform: rotate(-45deg);


}





.btn-closemenu::before,


.btn-closemenu::after {


	background-color: #333;


	content: '';


	left: 13px;


	height: 14px;


	position: absolute;


	top: 10px;


	width: 1px;


}





.cursor-pointer {


	cursor: pointer;


}





/* Contact */


.contact-map {


	position: relative;


	height: 500px;


	margin-top: 30px;


}





.contact-map iframe {


	position: absolute;


	left: 0px;


	top: 0px;


	width: 100%;


	height: 100%;


}





.contact-text {


	max-width: 800px;


	margin: auto;


	margin-bottom: 30px;


	/* border-radius: 50px; */


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





	/* padding: 30px 50px; */


}





.box-frm {


	position: relative;


}





form.contact-form {


	box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.1), 5px 10px 20px rgba(0, 0, 0, 0.1);


	padding: 30px;


	border-radius: 20px;


	max-width: 800px;


	margin: auto;


	margin-bottom: 30px;


	background: #fff;


}





.contact-input input,


.contact-input textarea {


	border-radius: 0;


	border-top: none;


	border-left: none;


	border-right: none;


	border-bottom: 1px dotted #045b8a;


}





.btn-send {


	margin: auto;


	/* width: 150px; */


	border-radius: 50px;


	display: block;


	text-transform: uppercase;


	font-weight: 700;


	padding: 10px 25px;


}





.item-tieuchi {


	margin: 20px 0;


}





.item-tieuchi .content {


	display: flex;


	gap: 10px 15px;


	align-items: center;


	color: #111;


}





.item-tieuchi .img {


	width: 87px;


	background: url(../images/bg-img-tc.png) no-repeat center center;


	padding: 21px;


}





.item-tieuchi .info {


	width: calc(100% - 102px);


	font-size: 15px;


	font-weight: 300;


}





.item-tieuchi .name {


	font-weight: bold;


	font-size: 18px;


}





.quytrinh {


	padding: 50px 0;


	background: url(../images/quytrinh.jpg) no-repeat center center / cover;


}





.quytrinh .swiper:before {


	content: "";


	width: 100%;


	height: 2px;


	display: block;


	position: absolute;


	left: 0;


	top: calc(50% - 1px);


	background: #ffffffb3;


}





.item-quytrinh {


	margin: 15px 0;


	text-align: center;


}





.item-quytrinh .content {


	display: flex;


	flex-direction: column;


	align-items: center;


	justify-content: space-between;


	gap: 12px;


}





.item-quytrinh.item-1 .content {


	flex-direction: column-reverse;


}





.item-quytrinh .img {


	width: 102px;


	background: url(../images/bg-img-qt.png);


	padding: 25px 26px;


	max-width: 100%;


}





.item-quytrinh .dot {


	width: 18px;


	border: 2px solid #fff;


	background: var(--color-main);


	aspect-ratio: 1;


	border-radius: 50%;


}





.item-quytrinh .info {


	height: 100px;


	display: flex;


	flex-direction: column;


	align-items: center;


	justify-content: center;


}





.item-quytrinh .name {


	font-size: 20px;


	font-weight: 600;


	margin: 0 0 5px 0;


	-webkit-line-clamp: 1;


	color: #111;


}





.item-quytrinh .desc {


	position: relative;


}





.item-quytrinh .desc:before {


	width: 30px;


	height: 2px;


	background: #A78206;


	display: block;


	content: "";


	margin: 0px auto 5px auto;


	border-radius: 2px;


}





.grid-album {


	display: grid;


	gap: 20px;


	grid-template-columns: 33fr 24fr 24fr 33fr;


}





.grid-album .item-0,


.grid-album .item-2 {


	aspect-ratio: 33/26;


}





.grid-album .item-1 {


	grid-column: span 2;


	grid-row: span 2;


}





.grid-album .item-3,


.grid-album .item-4 {


	grid-row: span 2;


	aspect-ratio: 3/4;


}





.grid-album .item-5,


.grid-album .item-6 {


	aspect-ratio: 24/27;


}





.item-album {


	background: #fff;


	overflow: hidden;


	border-radius: 16px;


	position: relative;


}





.grid-album .item-album .content,


.grid-album .item-album .img,


.grid-album .item-album .img img {


	height: 100%;


	object-fit: cover;


}





.item-album .info {


	position: absolute;


	left: 0;


	bottom: 0;


	right: 0;


	padding: 15px;


	text-align: center;


	background: #0009;


	opacity: 0;


	transition: all 0.5s;


	pointer-events: none;


}





.item-album:hover .info {


	opacity: 1;


}





.item-album .name {


	color: #fff;


	font-size: 19px;


	margin: 0;


}





.social-main {


	padding: 60px 0;


	position: relative;


	background-blend-mode: color;


	z-index: 1;


}





.social-main .social {


	gap: 10px;


	justify-content: center;


}





.social-main .title-main {


	-ms-filter: brightness(0) invert(1);


	-webkit-filter: brightness(0) invert(1);


	-moz-filter: brightness(0) invert(1);


	-o-filter: brightness(0) invert(1);


	filter: brightness(0) invert(1);


}





.social-main:after {


	content: "";


	background: url(../images/bg-social-r.png) no-repeat center / 100%;


	width: 208px;


	height: 94px;


	position: absolute;


	right: 20px;


	bottom: 30px;


	z-index: -1;


	max-width: 20%;


}





.social-main:before {


	content: "";


	background: url(../images/bg-social-l.png) no-repeat center / 100%;


	width: 172px;


	height: 62px;


	position: absolute;


	left: 15px;


	top: 65px;


	z-index: -1;


	max-width: 15%;


}





/*  breadCrumbs */


.breadCrumbs {


	padding: 112px 0px 12px 0px;


	background: #ddd;


}





.breadCrumbs ol {


	margin: 0px;


}





.breadCrumbs ol li a {


	color: #333;


}





.breadCrumbs ol li a:hover {


	color: #f00;


}





/* paging */


.paging-product {


	position: relative;


}





.pagination {


	margin: 20px 0px 0 0;


	flex-wrap: wrap;


	justify-content: center;


}





.pagination li span {


	cursor: pointer;


}





.pagination .page-link {


	margin: 3px !important;


	height: 40px;


	aspect-ratio: 1;


	text-align: center;


	font-size: 14px;


	font-weight: bold;


	line-height: 1.4;


	padding: 10px;


	color: #000;


	border-radius: 50% !important;


}





.page-item.active .page-link {


	background: var(--color-main);


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


	background: -moz-linear-gradient(-90deg, #62B341 0, #177A66 100%);


	background: -webkit-gradient(linear, -90deg, color-stop(0, 62B341), color-stop(100%, 177A66));


	background: -webkit-linear-gradient(-90deg, #62B341 0, #177A66 100%);


	background: -o-linear-gradient(-90deg, #62B341 0, #177A66 100%);


	background: -ms-linear-gradient(-90deg, #62B341 0, #177A66 100%);


	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1');


	background: linear-gradient(-90deg, #62B341 0, #177A66 100%);


}





.btn-frame {


	display: block;


	width: 50px;


	height: 50px;


	position: fixed;


	right: 20px;


	z-index: 10;


	cursor: pointer;


}





.btn-frame i {


	width: 50px;


	height: 50px;


	border-radius: 50%;


	background: #1182fc;


	position: relative;


	z-index: 1;


	display: flex;


	align-items: center;


	justify-content: center;


}





.btn-frame i img {


	vertical-align: middle;


	width: 70%;


}





.btn-frame .animated.infinite {


	animation-iteration-count: infinite;


}





.btn-frame .kenit-alo-circle {


	width: 60px;


	height: 60px;


	top: -5px;


	right: -5px;


	position: absolute;


	background-color: transparent;


	border-radius: 100%;


	border: 2px solid rgba(7, 41, 103, 0.8);


	opacity: 0.1;


	border-color: #1182fc;


	opacity: 0.5;


}





.btn-frame .zoomIn {


	animation-name: zoomIn;


}





.btn-frame .animated {


	animation-duration: 1s;


	animation-fill-mode: both;


}





.btn-frame .kenit-alo-circle-fill {


	width: 70px;


	height: 70px;


	top: -10px;


	right: -10px;


	position: absolute;


	border-radius: 100%;


	border: 2px solid transparent;


	background-color: rgba(7, 41, 103, 0.35);


	opacity: 0.4;


}





.btn-frame .pulse {


	animation-name: pulse;


}





.grid-properties {


	display: flex;


	gap: 10px;


}





.grid-properties span {


	position: relative;


	border: 1px solid #ddd;


	padding: 5px 15px;


	cursor: pointer;


}





.grid-properties span:hover,


.grid-properties span.active {


	border: 1px solid #f00;


	color: #f00;


}





.grid-properties span:hover:after,


.grid-properties span.active:after {


	content: '';


	border: 0.9375rem solid transparent;


	border-bottom: 0.9375rem solid var(#d0011b, #ee4d2d);


	bottom: 0;


	position: absolute;


	right: -0.9375rem;


}





.grid-properties span.outstock {


	pointer-events: none;


	background-color: #fafafa;


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


	cursor: not-allowed;


}





/* scrollToTop */


.scrollToTop {


	width: 41px;


	height: 41px;


	text-align: center;


	font-weight: bold;


	color: #444;


	text-decoration: none;


	position: fixed;


	bottom: 65px;


	right: 25px;


	display: none;


	z-index: 10;


	cursor: pointer;


}





/* Hidden Google Captcha */


.grecaptcha-badge {


	display: none !important;


	width: 0px !important;


	height: 0px !important;


	visibility: hidden !important;


	overflow: hidden;


}





[x-cloak] {


	display: none !important;


}





/* CSSS T */


a.views_dm {


	width: 140px;


	height: 38px;


}





.effect_button {


	transform-style: preserve-3d;


	transform: translateZ(-25px);


	transition: transform 0.25s;


	position: relative;


	display: inline-flex;


	z-index: 1;


}





.effect_button:after,


.effect_button:before {


	position: absolute;


	content: 'xem thêm';


	height: 100%;


	width: 100%;


	display: flex;


	align-items: center;


	justify-content: center;


	border: 1px solid #f00;


	box-sizing: border-box;


	border-radius: 5px;


	z-index: -1;


	text-transform: uppercase;


	font-weight: 700;


	font-size: 15px;


}





.effect_button:before {


	color: #fff;


	background: #f00;


	transform: rotateY(0deg) translateZ(25px);


}





.effect_button:after {


	color: #f00;


	transform: rotateX(90deg) translateZ(25px);


}





.effect_button:hover {


	transform: translateZ(-25px) rotateX(-90deg);


}





/* News */


.grid-news {


	display: grid;


	grid-template-columns: repeat(3, 1fr);


	gap: 24px;


}





.item-news {


	transition-property: all;


	/* transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); */


	transition-duration: 500ms;


}





.item-news .content {


	display: flex;


	flex-flow: column;


	gap: 15px;


}





.item-news:hover {


	transform: translateY(-0.25rem);


	/* box-shadow: 0px 0px 10px rgb(0 0 0 / 19%); */


}





.item-news .info {


	width: 100%;


	font-size: 15px;


	display: flex;


	flex-direction: column;


	gap: 10px;


}





.item-news .view_more {


	font-size: 16px;


	color: #f00;


	margin: 5px 0 0 0;


	display: inline-block;


}





.item-news .view_more:hover {


	color: var(--color-hover);


}





.item-news-ind .img {


	border-radius: 10px;


}





.item-news-ind .info {


	position: relative;


	margin: -100px 22px 15px 22px;


	width: auto;


	background: #fff;


	padding: 30px 20px 20px 20px;


	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=0, Color=#000000)";


	/*IE 8*/


	-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);


	/*FF 3.5+*/


	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);


	/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/


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


	/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */


	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=135, Color=#000000);


	/*IE 5.5-7*/


	border-radius: 0 5px 0 0;


}





.item-news .time {


	display: block;


	line-height: 25px;


	color: #999;


	font-size: 13px;


	margin: 10px 0px 0px;


	/* font-style: italic; */


}





.item-news-ind .time {


	position: absolute;


	top: -35px;


	left: 0;


	text-align: center;


	padding: 10px 45px;


	color: #fff;


	font-weight: 500;


	border-radius: 8px 8px 0px 0;


	font-size: 16px;


	background: #62B341;


	background: -moz-linear-gradient(-90deg, #62B341 0, #177A66 100%);


	background: -webkit-gradient(linear, -90deg, color-stop(0, 62B341), color-stop(100%, 177A66));


	background: -webkit-linear-gradient(-90deg, #62B341 0, #177A66 100%);


	background: -o-linear-gradient(-90deg, #62B341 0, #177A66 100%);


	background: -ms-linear-gradient(-90deg, #62B341 0, #177A66 100%);


	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1');


	background: linear-gradient(-90deg, #62B341 0, #177A66 100%);


}





.item-news.item-news-ind .name {


	/* margin-left: 80px; */


}





.item-news-ind .time .d {


	font-size: 28px;


	font-weight: bold;


	border-bottom: 1px solid #fff;


	padding: 0 0 5px 0;


	margin: 0 0 2px 0;


}





.item-news .name {


	font-size: 20px;


	margin: 0;


	color: #000;


	font-weight: 600;


	/* text-transform: uppercase; */


	-webkit-line-clamp: 2 !important;


	line-height: 1.4;


}





.desc {


	color: #111;


}





.item-news h3:hover,


.item-news-all .name:hover {


	color: #f00;


}





.item-news-all a {


	display: flex;


	justify-content: space-between;


}





.item-news-all a .ds-news {


	width: calc(100% - 110px);


}





.item-news-all .name {


	text-transform: capitalize;


	font-size: 15px;


	line-height: 1.5;


	color: #000;


}





.flex-news-detail {


	display: flex;


	justify-content: space-between;


	align-items: start;


	flex-wrap: wrap;


}





.news-left {


	width: 68%;


}





.news-right {


	position: sticky;


	top: 20px;


	width: 30%;


	background: #f1f1f1cc;


	padding: 20px;


	box-shadow: 0px 0px 5px #99999978;


}





a.btn_link {


	position: relative;


	margin: 5px;


	height: 36px;


	width: 140px;


}





.btn_link.effect_button:first-child:after,


.btn_link.effect_button:first-child:before {


	content: 'facebook';


}





.btn_link.effect_button:first-child:after,


.btn_link.effect_button:first-child:before,


.btn_link.effect_button:nth-child(2):after,


.btn_link.effect_button:nth-child(2):before {


	border-width: 1px;


	border-style: solid;


	--tw-border-opacity: 1;


	border-color: rgb(0 165 217 / var(--tw-border-opacity));


	--tw-bg-opacity: 1;


	background-color: rgb(0 165 217 / var(--tw-bg-opacity));


}





.btn_link.effect_button:nth-child(2):after,


.btn_link.effect_button:nth-child(2):before {


	content: 'google map';


}





div.slick.in-page:not(.slick-initialized) {


	display: flex;


	gap: 10px;


	overflow: hidden;


	white-space: nowrap;


}





.attr-pro-detail {


	margin: auto;


	padding: 0;


}





.baonoidung iframe {


	max-width: 100% !important;


}





.baonoidung img {


	height: auto !important;


}





.baonoidung * {


	max-width: 100% !important;


}





.baonoidung table {


	overflow-y: auto;


}





div.desc-pro-detail ul li {


	margin-bottom: 0.75rem;


	list-style-type: circle;


}





div.desc-pro-detail ul li:last-child {


	margin-bottom: 0 !important;


}





div.baonoidung ul li {


	margin-bottom: 0.75rem;


	list-style-type: disc;


}





div.baonoidung ol li {


	margin-bottom: 0.75rem;


	list-style-type: decimal;


}





.price-new-pro-detail {


	font-weight: 700;


	font-size: 20px;


	color: #ff2e00;


}





.price-old-pro-detail {


	font-weight: 500;


	color: #666;


	text-decoration: line-through;


	padding-left: 10px;


}





.color-pro-detail.active,


.size-pro-detail.active,


.size-pro-detail:hover {


	color: #fff !important;


	background: #232323;


}





.quantity-pro-detail {


	width: 100%;


	max-width: 110px;


	line-height: normal;


	display: flex;


	align-items: center;


	justify-content: space-between;


	text-align: center;


	margin-right: 20px;


	font-weight: 500;


}





.quantity-pro-detail span {


	line-height: 40px;


	padding: 0;


	width: 30px;


	height: 40px;


	color: #000;


	cursor: pointer;


	font-size: 22px;


}





.quantity-pro-detail span.quantity-plus-pro-detail {


	border-left: 0;


}





.quantity-pro-detail span.quantity-minus-pro-detail {


	border-right: 0;


}





.quantity-pro-detail input {


	height: 40px;


	width: calc(100% - 60px);


	text-align: center;


	font-size: 20px;


	padding: 5px;


	font-weight: 700;


}





.cart-pro-detail {


	margin-bottom: 1rem;


	display: flex;


	align-items: center;


	justify-content: flex-start;


}





.cart-pro-detail a {


	text-align: center;


	color: #fff;


	padding: 8px 15px;


	cursor: pointer;


	border-radius: 5px;


	font-weight: bold;


}





.cart-pro-detail a.addnow {


	margin-right: 10px;


	color: #fff;


	border-radius: 5px;


}





.cart-pro-detail a.addnow:hover {


	background-color: #f00;


	color: #fff;


	border-color: #f00;


}





.cart-pro-detail a.buynow {


	background-color: #000;


}





.cart-pro-detail a.buynow:hover {


	background-color: #f00;


	color: #fff;


}





.cart-pro-detail a i {


	vertical-align: top;


	margin-top: 3px;


	margin-right: 8px;


}





/* Swipper */


.swiper .swiper-wrapper {


	width: inherit;


	height: inherit;


}





.swiper.swiper-initialized .swiper-wrapper {


	margin: 0;


	width: 100%;


	height: 100%;


}





.swiper.swiper-initialized .swiper-slide {


	padding: 0;


	margin: 0px;


	overflow: hidden;


}





/* Popup */


.modal-title {


	font-size: 20px;


}





/* CSS cho loading */


.loading-overlay {


	display: none;


	position: absolute;


	top: 0;


	left: 0;


	width: 100%;


	height: 100%;


	background: rgba(255, 255, 255, 0.7);


	justify-content: center;


	align-items: center;


	z-index: 999;


}





.loading {


	width: 50px;


	height: 50px;


	border: 5px solid rgba(0, 0, 0, 0.1);


	border-radius: 50%;


	border-top: 5px solid #3498db;


	animation: spin 1s linear infinite;


}





/* TRANG PHAN BON */





.content-about1 {


	width: 46.93084693%;


}





.photo-about1 {


	width: 48.48484848%;


	height: 535px;


	position: relative;


}





.title-about1 {


	padding-left: 25px;


	border-left: 3px solid #007445;


	margin-bottom: 25px;


}





.title-about1 h3 {


	font-family: "Mu-Bold";


	font-size: 18px;


	color: #151515;


	margin-bottom: 0;


	text-transform: uppercase;


}





.title-about1 h2 {


	font-family: "Gil-XBold";


	font-size: 50px;


	margin-bottom: 0;


	text-transform: uppercase;


	background: linear-gradient(270deg, #61B241 0%, #066B54 100%);


	-webkit-background-clip: text;


	-webkit-text-fill-color: transparent;


	background-clip: text;


	text-fill-color: transparent;


	width: fit-content;


}





.title-about1 p {


	font-family: "Mu-Semi";


	font-size: 20px;


	color: #161616;


	margin-bottom: 0;


	text-transform: capitalize;


}





.desc-info1 p {


	font-family: "Mu";


	font-size: 14px;


	color: #151515;


	line-height: 2.0;


}





.gtImg1 {


	position: absolute;


	top: 0;


	left: 0;


	z-index: 1;


}





.gtImg1,


.gtImg1 img {


	border-radius: 15px;


}








.gtImg2 {


	position: absolute;


	bottom: 0;


	right: 0;


	border: 3px solid white;


	z-index: 1;


	box-shadow: -4.46281px 4.46281px 11.157px rgba(0, 0, 0, 0.25);


}





.gtImg2,


.gtImg2 img {


	border-radius: 15px;


}





.intro_deco1 {


	position: absolute;


	top: 55px;


	right: 40px;


	pointer-events: none;


}





.title-main2 {


	margin-bottom: 40px;


}





.title-main2 h2 {


	font-family: 'Gil-XBold';


	font-size: 50px;


	text-align: center;


	text-transform: uppercase;


	background: linear-gradient(270deg, #61B241 0%, #066B54 100%);


	-webkit-background-clip: text;


	-webkit-text-fill-color: transparent;


	background-clip: text;


	text-fill-color: transparent;


	width: fit-content;


	margin: 0 auto;


	line-height: 1.5;


}





.title-main2 p {


	font-family: 'Mu-Semi';


	font-size: 20px;


	text-align: center;


	color: #161616;


	margin-bottom: 0;


	text-transform: capitalize;


}





.info-sub {


	padding: 60px 0;


}





.grey_bgr {


	background: #F5F5F5;


}





.grid-product1 {


	display: grid;


	grid-template-columns: repeat(2, minmax(0, 1fr));


	gap: 25px;


}





.product_item1 {


	background: #FFFFFF;


	box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);


	border-radius: 15px;


	padding: 15px;


	display: flex;


	align-items: center;


	gap: 15px;


}





.product-img1,


.product-img1 img {


	border-radius: 15px;


	min-width: 252px;


	overflow: hidden;


}





.product_name1 {


	font-family: "Mu-Bold";


	font-size: 15px;


	color: #151515;


	display: -webkit-box;


	-webkit-box-orient: vertical;


	-webkit-line-clamp: 1;


	overflow: hidden;


	text-overflow: ellipsis;


	text-transform: uppercase;


	line-height: 1.5;


}





.product_name1:hover {


	color: red;


}





.product_detail1 {


	font-family: "Mu";


	font-size: 14px;


	color: #2D2D2D;


	display: -webkit-box;


	-webkit-box-orient: vertical;


	-webkit-line-clamp: 8;


	overflow: hidden;


	text-overflow: ellipsis;


}





.product_item1 .price-product {


	margin-bottom: 10px;


	display: flex;


	flex-wrap: wrap;


	gap: 5px;


}





.product_item1 .price-new {


	font-size: 14px;


	font-family: "Mu-Semi";


	color: #C7181E;


}





.price-font {


	font-size: 14px;


	font-family: "Mu";


	color: #2D2D2D;


}





.product_item1 .price-old {


	padding: 0 10px;


	font-size: 14px;


	font-family: "Mu-Semi";


	text-decoration: line-through;


	display: block;


	color: #999;


}





.dv_item1 {


	display: flex;


	flex-direction: column;


	gap: 15px;


}





.dv-img1,


.dv-img1 img {


	border-radius: 15px;


	overflow: hidden;


}





.dv_name1 {


	display: flex;


	align-items: center;


}





.dv_num1 {


	background: #F58213;


	border-radius: 50%;


	min-width: 55px;


	height: 55px;


	display: flex;


	align-items: center;


	justify-content: center;


	font-family: "Gil-Bold";


	font-size: 23px;


	color: white;


	z-index: 1;


	position: relative;


}





.dv_namesub1 {


	background: url("../images/dv_name1.png") no-repeat center / 100% 100%;


	height: 51px;


	display: flex;


	align-items: center;


	padding: 0 40px;


	margin-left: -20px;


}





.dv_name1 h3 {


	font-family: "Gil-Bold";


	font-size: 20px;


	color: white;


	text-transform: uppercase;


	display: -webkit-box;


	-webkit-box-orient: vertical;


	-webkit-line-clamp: 1;


	overflow: hidden;


	text-overflow: ellipsis;


	margin-bottom: 0;


}





.dv_item1 p {


	font-family: "Mu";


	font-size: 14px;


	color: #2D2D2D;


	margin-bottom: 0;


	line-height: 2.0;


	display: -webkit-box;


	-webkit-box-orient: vertical;


	-webkit-line-clamp: 3;


	overflow: hidden;


	text-overflow: ellipsis;


}





.dv_line1 {


	background: #E2E2E2;


	width: 100%;


	height: 1px;


}





.dv_view1 {


	display: flex;


	align-items: center;


	gap: 10px;


	font-family: "Mu-Semi";


	font-size: 15px;


	color: #C7181E;


	width: fit-content;


}





.dv_view1:hover {


	color: orange;


}





.tt_item1 {


	display: flex;


	flex-direction: column;


}





.tt-img1,


.tt-img1 img {


	border-radius: 10px;


	overflow: hidden;


}





.tt_info1 {


	background: #FFFFFF;


	box-shadow: -4px 4px 10px rgba(0, 0, 0, 0.1);


	padding: 0 30px 30px 20px;


	border-radius: 0 0 10px 10px;


	margin-top: -60px;


	z-index: 1;


	position: relative;


	margin-left: 25px;


}





.tt_name1 {


	font-family: "Mu-Bold";


	font-size: 17px;


	color: #2D2D2D;


	text-transform: capitalize;


	display: -webkit-box;


	-webkit-box-orient: vertical;


	-webkit-line-clamp: 2;


	overflow: hidden;


	text-overflow: ellipsis;


	margin-bottom: 10px;


}





.tt_name1:hover {


	color: red;


}





.tt_item1 p {


	font-family: "Mu";


	font-size: 14px;


	color: #2D2D2D;


	text-transform: capitalize;


	display: -webkit-box;


	-webkit-box-orient: vertical;


	-webkit-line-clamp: 2;


	overflow: hidden;


	text-overflow: ellipsis;


	margin-bottom: 10px;


}





.tt_time1 {


	background: linear-gradient(270deg, #61B241 0%, #066B54 100%);


	width: fit-content;


	height: 42px;


	padding: 0 25px;


	font-family: "Gil";


	font-size: 15px;


	color: white;


	border-radius: 0 15px 0 0;


	display: flex;


	gap: 8px;


	align-items: center;


	margin-bottom: 15px;


	margin-left: -20px;


	margin-top: -20px;


}





/* TRANG XUAT NHAP KHAU */





.content-about2 {


	width: 49%;


}





.photo-about2 {


	width: 49.37888199%;


	padding: 20px 15px 10px 15px;


	position: relative;


}





.content-about2 .title-about1 h2 {


	font-size: 40px;


}





.gtImg3,


.gtImg3 img {


	border-radius: 15px;


}





.intro_deco2 {


	position: absolute;


	top: 0;


	right: 0;


	pointer-events: none;


}





.intro_deco3 {


	position: absolute;


	bottom: 0;


	left: 0;


	pointer-events: none;


}





.dich-vu2 {


	background-image: url('../images/dv_bgr2.png');


	background-position: center top;


	background-repeat: no-repeat;


}





.title-main3 {


	margin-bottom: 40px;


}





.title-main3 h2 {


	font-family: 'Gil-XBold';


	font-size: 50px;


	text-align: center;


	text-transform: uppercase;


	color: white;


	line-height: 1.5;


}





.title-main3 p {


	font-family: 'Mu-Semi';


	font-size: 20px;


	text-align: center;


	color: white;


	margin-bottom: 0;


}





.dv-img2 {


	position: relative;


}





.dv_item2,


.dv-img2,


.dv-img2 img {


	border-radius: 15px;


	overflow: hidden;


}





.dv_info2 {


	position: absolute;


	bottom: 0;


	left: 0;


	width: 100%;


	padding: 20px;


}





.dv_name2 {


	background: #FFFFFF;


	border-radius: 7px;


	display: flex;


	text-align: center;


	font-family: 'Gil-Bold';


	font-size: 22px;


	text-transform: uppercase;


	color: #161616;


	justify-content: center;


	padding: 15px 0;


}





.dv_name2:hover {


	color: orange;


}





/* TRANG BAT DONG SAN */





.content-about3 {


	width: 46.73913043%;


}





.photo-about3 {


	width: 49.45652174%;


}





.flex-about3 {


	display: flex;


	justify-content: space-between;


	align-items: center;


	margin-bottom: 45px;


}








.dv_info3 {


	position: absolute;


	bottom: 0;


	right: 0;


	width: fit-content;


	padding: 15px 10px 15px 20px;


	background: linear-gradient(270deg, #61B241 0%, #066B54 100%);


	border-radius: 15px 0 0 0;


	display: flex;


	align-items: center;


	justify-content: space-between;


	gap: 20px;


}





.dv_name3 {


	font-family: 'Gil-Bold';


	font-size: 20px;


	text-transform: uppercase;


	color: white;


	display: -webkit-box;


	-webkit-box-orient: vertical;


	-webkit-line-clamp: 1;


	overflow: hidden;


	text-overflow: ellipsis;


}





.dv_view3 {


	font-family: 'Mu';


	font-size: 15px;


	color: white;


	margin-bottom: 0;


}





.dv_name3:hover,


.dv_view3:hover {


	color: orange;


}





.grid-product2 {


	display: grid;


	grid-template-columns: repeat(1, 1fr);


	gap: 50px;


}





.product_item2 {


	padding: 25px;


	display: flex;


	align-items: center;


	gap: 45px;


	background: #FFFFFF;


	border-radius: 15px;


}





.product_info2 {


	width: 46.66117065%;


}





.product_item2-left {


	width: 48.50444624%;


}





.product_item2-left a {


	border-radius: 15px;


	overflow: hidden;


}





.product_name2 {


	font-family: "Mu-Bold";


	font-size: 22px;


	color: #151515;


	display: -webkit-box;


	-webkit-box-orient: vertical;


	-webkit-line-clamp: 1;


	overflow: hidden;


	text-overflow: ellipsis;


	text-transform: uppercase;


	line-height: 1.5;


}





.product_name2:hover {


	color: red;


}





.product_detail2 {


	font-family: "Mu";


	font-size: 15px;


	color: #151515;


	display: -webkit-box;


	-webkit-box-orient: vertical;


	-webkit-line-clamp: 15;


	overflow: hidden;


	text-overflow: ellipsis;


	margin-bottom: 25px;


}





.product_item2 .price-product {


	margin-bottom: 10px;


	display: flex;


	flex-wrap: wrap;


	gap: 5px;


}





.product_item2 .price-new {


	font-size: 14px;


	font-family: "Mu-Semi";


	color: #C7181E;


}





.product_item2 .price-old {


	padding: 0 10px;


	font-size: 14px;


	font-family: "Mu-Semi";


	text-decoration: line-through;


	display: block;


	color: #999;


}





.product_item2_reverse {


	flex-direction: row-reverse;


}





.padding_search {


	padding: 112px 0;


}