@charset "UTF-8";
/*--------- Abstracts variable ---------- */
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");


:root {
	--Black: #000000;
	--White: #ffffff;
	--body-text: #6e7673;
	--Primary: #0d401c;
	--Secondary: #f8c32c;
	--Third: #8a9b8e;
	--Text: #6e7673;
	--Text-2: #072010;
	--Text-3: #eeeeee;
	--Text-4: #278d45;
	--Text-5: #222222;
	--Text-6: #ededed;
	--Text-7: #093416;
	--Bg: #235130;
	--Bg-1: rgb(13, 64, 28, 0.1);
	--Bg-2: rgb(4, 18, 8, 0.4);
	--Bg-3: rgb(13, 64, 28, 0.05);
	--Bg-4: #6c512f;
	--Bg-5: #3d6649;
	--Bg-6: #f8f8f8;
	--Bg-7: rgb(13, 64, 28, 0.12);
	--Bg-8: #f2f5de;
	--Bg-9: rgb(13, 64, 28, 0.13);
	--Bg-10: rgb(13, 64, 28, 0.05);
	--Bg-11: #1c6932;
	--Bg-12: rgba(255, 255, 255, 0.07);
	--Bg-13: rgb(13, 64, 28, 0.7);
	--Bg-14: rgb(4, 18, 8, 0.3);
	--Bg-15: rgb(255, 255, 255, 0.25);
	--Bg-16: #e9e0ce;
	--Bg-17: rgb(13, 64, 28, 0.07);
	--Border: rgb(13, 64, 28, 0.15);
	--Border-2: #6a5030;
	--Border-3: rgb(255, 255, 255, 0.2);
	--Border-4: #dbe3dd;
	--Border-5: rgba(255, 255, 255, 0.15);
	--Border-6: #e9e4df;
	--Border-7: rgba(255, 255, 255, 0.5);
	--Border-8: rgb(243, 240, 235, 0.25);
	--Border-9: rgb(4, 18, 8, 0.25);
	--Border-10: rgba(255, 255, 255, 0.3);
	--Border-11: #d1d6cc;
	--Border-12: rgb(13, 64, 28, 0.2);
	--Border-13: rgb(82, 50, 10, 0.23);
	--Border-14: #3b6345;
	--Border-15: rgb(13, 64, 28, 0.5);
	--Color-1: #d11b1b;
	--Color-2: #acd373;
	--Color-3: #f26522;
	--Color-4: #8560a8;
	--Color-5: #95bfa1;
	--Color-6: rgb(255, 255, 255, 0.4);
	--Color-7: #156b2f;
	--Color-8: #1cbbb4;
	--Color-9: #bd8cbf;
	--Color-10: #f26c4f;
	--Color-11: #ed1c24;
	--Color-12: #00aeef;
	--Color-13: #39b54a;
}

/*---------- Reset css styles ----------- */
/* Reset Browsers
-------------------------------------------------------------- */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font: inherit;
	vertical-align: baseline;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

html {
	margin-right: 0 !important;
	font-size: 62.5%;
	scroll-behavior: smooth;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	background: var(--White);
	line-height: 1;
	padding: 0 !important;
}

body::-webkit-scrollbar {
	width: 3px;
}

body::-webkit-scrollbar-track {
	background-color: #f1f1f1;
}

body::-webkit-scrollbar-thumb {
	background-color: var(--Secondary);
	border-radius: 6px;
}

body.no-scroll {
	overflow: hidden;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}

ol,
ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: none;
}

a img {
	border: 0;
}

img {
	max-width: 100%;
	height: auto;
}

select {
	max-width: 100%;
}

/* General
-------------------------------------------------------------- */
body,
button,
input,
select,
textarea {
	 font-family: "Roboto", sans-serif;
	font-size: 15px;
	font-weight: 400;
	color: var(--body-text);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	overflow-x: hidden;
	overflow-y: auto;
}

img {
	height: auto;
	max-width: 100%;
	vertical-align: middle;
	-ms-interpolation-mode: bicubic;
}

p {
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
}

strong,
b,
cite {
	font-weight: bold;
}

dfn,
cite,
em,
i,
blockquote {
	font-style: italic;
}

abbr,
acronym {
	border-bottom: 1px dotted #e0e0e0;
	cursor: help;
}

.btn-link:focus,
.btn-link:hover,
mark,
ins {
	text-decoration: none;
}

sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

small {
	font-size: 75%;
}

big {
	font-size: 125%;
}

address {
	font-style: italic;
	margin: 0 0 20px;
}

code,
kbd,
tt,
var,
samp,
pre {
	margin: 20px 0;
	padding: 4px 12px;
	background: #f5f5f5;
	border: 1px solid #e0e0e0;
	overflow-x: auto;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
	border-radius: 0;
	height: auto;
}

svg,
svg path {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/* Elements
-------------------------------------------------------------- */
html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

hr {
	margin-bottom: 20px;
	border: dashed 1px #ccc;
}

/* List */
ul,
ol {
	padding: 0;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li>ul,
li>ol {
	margin-bottom: 0;
}

li {
	list-style: none;
}

ul li,
ol li {
	padding: 0;
}

dl,
dd {
	margin: 0 0 20px;
}

dt {
	font-weight: bold;
}

del,
.disable {
	text-decoration: line-through;
	filter: alpha(opacity=50);
	opacity: 0.5;
}

/* Table */
table,
th,
td {
	border: 1px solid #343444;
}

table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin: 0 0 30px;
	table-layout: fixed;
	width: 100%;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

th {
	border-width: 0 1px 1px 0;
	font-weight: bold;
}

td {
	border-width: 0 1px 1px 0;
}

th,
td {
	padding: 8px 12px;
}

/* Media */
embed,
object,
video {
	margin-bottom: 20px;
	max-width: 100%;
	vertical-align: middle;
}

p>embed,
p>iframe,
p>object,
p>video {
	margin-bottom: 0;
}

/* Forms
-------------------------------------------------------------- */
/* Fixes */
button,
input {
	line-height: normal;
}

button,
input,
select,
textarea {
	font-size: 100%;
	line-height: inherit;
	margin: 0;
	vertical-align: baseline;
}

textarea {
	overflow: auto;
	/* Removes default vertical scrollbar in IE6/7/8/9 */
	vertical-align: top;
	/* Improves readability and alignment in all browsers */
}

input[type=checkbox] {
	display: inline;
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
	line-height: 1;
	cursor: pointer;
	border: 0;
}

input[type=checkbox],
input[type=radio] {
	padding: 0;
	width: 20px;
	height: 20px;
	border-radius: 6px;
	background: rgba(0, 0, 0, 0);
	cursor: pointer;
	vertical-align: sub;
	/* Addresses excess padding in IE8/9 */
}

input[type=checkbox].tf-check-rounded,
input[type=radio].tf-check-rounded {
	position: relative;
	border: 1px solid var(--Black);
	border-radius: 8px;
	background: none;
	cursor: pointer;
	outline: 0;
	height: 14px;
	width: 14px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

input[type=checkbox].tf-check-rounded::before,
input[type=radio].tf-check-rounded::before {
	content: "";
	position: absolute;
	border-radius: 8px;
	width: 8px;
	height: 8px;
	background-color: var(--Black);
	opacity: 0;
}

input[type=checkbox].tf-check-rounded:checked,
input[type=radio].tf-check-rounded:checked {
	border-color: var(--Black);
}

input[type=checkbox].tf-check-rounded:checked::before,
input[type=radio].tf-check-rounded:checked::before {
	opacity: 1;
}


input[type=search]::-webkit-search-decoration {
	/* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/* Remove chrome yellow autofill */
input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px #f7f7f7 inset;
}

/* Reset search styling */
input[type=search] {
	outline: 0;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
	display: none;
}

/* Placeholder color */
::-webkit-input-placeholder {
	color: #171412;
}

::-moz-placeholder {
	color: #171412;
	opacity: 1;
}

/* Since FF19 lowers the opacity of the placeholder by default */
:-ms-input-placeholder {
	color: #171412;
}

/* Typography
-------------------------------------------------------------- */
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
	 font-family: "Roboto", sans-serif;
	color: var(--Text-2);
	margin: 0;
	text-rendering: optimizeLegibility;
}

h1,
.h1 {
	font-size: 90px;
	line-height: 100px;
}

h2,
.h2 {
	font-size: 40px;
	line-height: 55px;
}

h3,
.h3 {
	font-size: 30px;
	line-height: 40px;
}

h4,
.h4 {
	font-size: 23px;
	line-height: 33px;
}

h5,
.h5 {
	font-size: 20px;
	line-height: 30px;
}

h6,
.h6 {
	font-size: 16px;
	line-height: 28px;
}

.text-main {
	color: var(--Text) !important;
}

.text-main-2 {
	color: var(--Text-2) !important;
}

.text-upper {
	text-transform: uppercase;
}

.fw-7 {
	font-weight: 700;
}

.fw-6 {
	font-weight: 600;
}

.fw-5 {
	font-weight: 500;
}

.fs-45 {
	font-size: 45px;
}

.fs-35 {
	font-size: 35px;
}

.fs-30 {
	font-size: 30px;
}

.fs-24 {
	font-size: 24px;
}

.fs-23 {
	font-size: 23px;
}

.fs-20 {
	font-size: 20px;
}

.fs-22 {
	font-size: 22px;
}

.fs-21 {
	font-size: 21px;
}

.fs-18 {
	font-size: 18px;
}

.fs-17 {
	font-size: 17px;
}

.fs-15 {
	font-size: 15px;
}

.fs-14 {
	font-size: 14px;
}

.fw-5 {
	font-weight: 500;
}

/* link style
-------------------------------------------------------------- */
a {
	text-decoration: none;
	color: var(--Text-2);
	cursor: pointer;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

a:hover,
a:focus {
	color: var(--Bg);
	outline: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

a.hover-text-primary:hover {
	color: var(--Primary) !important;
}

a.hover-text-secondary:hover {
	color: var(--Secondary) !important;
}

a.hover-text-4:hover {
	color: var(--Text-4) !important;
}

a.text-white {
	color: var(--White);
}

/* crop-container
-------------------------------------------------------------- */
.crop-container {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding-right: 15px;
	padding-left: 15px;
	width: 1320px;
	max-width: 100%;
}

.crop-container .row {
	margin-left: -15px !important;
	margin-right: -15px !important;
}

.crop-container .row>* {
	padding-left: 15px !important;
	padding-right: 15px !important;
}

.crop-container.full {
	width: 100%;
}

.crop-container.w-1780 {
	width: 100%;
	max-width: 1810px;
}

.crop-container.w-1290 {
	width: 100%;
	max-width: 1320px;
}

.crop-container.w-1620 {
	width: 100%;
	max-width: 1650px;
}
.custom-padding-top-100{
	padding: 100px 0px;
}

.custom-padding-bottom-100{
	padding-bottom: 100px;
}
.bg-gradient {
	background-color: var(--Secondary);
    padding: 18px 18px 20px 19px;
    border-radius: 20px;
}

.custom-padding .counter span{
	font-size:50px;
	color: var(--Black);
}
/* Extra classes
-------------------------------------------------------------- */
#wrapper {
	width: 100vw;
}

.hidden {
	display: none;
}

.block {
	display: block;
}

.relative {
	position: relative;
}

.absolute {
	position: absolute;
}

.fixed {
	position: fixed !important;
}

.position-unset {
	position: unset !important;
}

.z-5 {
	z-index: 5;
}

.flex {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.mb-80 {
	margin-bottom: 80px;
}

.mb-50 {
	margin-bottom: 50px;
}

.mb-42 {
	margin-bottom: 42px;
}

.mb-40 {
	margin-bottom: 40px;
}

.mb-35 {
	margin-bottom: 35px;
}

.mb-30 {
	margin-bottom: 30px;
}

.mb-25 {
	margin-bottom: 25px;
}

.mb-20 {
	margin-bottom: 20px;
}

.mb-10 {
	margin-bottom: 10px;
}

.lt-sp-01 {
	letter-spacing: 0.1px;
}

.overflow-x-auto {
	overflow-x: auto;
}

.overflow-x-auto::-webkit-scrollbar {
	height: 2px;
}

.overflow-x-auto::-webkit-scrollbar-thumb {
	background: var(--Border);
	border-radius: 999px;
}

.overflow-y-auto {
	overflow-y: auto;
}

.overflow-y-auto::-webkit-scrollbar {
	width: 2px;
}

.overflow-y-auto::-webkit-scrollbar-thumb {
	background: var(--Border);
	border-radius: 999px;
}

.justify-center {
	justify-content: center;
}

.item-center {
	align-items: center;
}

.swiper-slide {
	height: auto;
}

.swiper-slide>* {
	height: 100%;
}

.pt-0 {
	padding-top: 0px;
}

.text-line-clamp-3 {
	display: -webkit-box;
	/* Giới hạn số dòng là 4 */
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.wrap-reverse {
	flex-wrap: wrap-reverse;
}

.overflow-hidden {
	overflow: hidden;
}

.sticky-top {
	position: sticky;
	top: 0;
	z-index: 10;
}

.text-left {
	text-align: left;
}

.link {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.link:hover {
	color: var(--Secondary) !important;
}

.link-2 {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.link-2:hover {
	color: var(--Primary) !important;
}

.text-secondary {
	color: var(--Primary) !important;
}

.flat-spacing-1 {
	padding-top: 120px;
	padding-bottom: 120px;
}

.container-2 {
	max-width: 750px;
	width: 100%;
	margin: auto;
}

.text-md {
	font-size: 18px;
	line-height: 28px;
}

.text-def {
	font-size: 16px;
	line-height: 24px;
}

.text-small {
	font-size: 14px;
	line-height: 22px;
}

.text-small-2 {
	font-size: 12px;
	line-height: 16px;
}

.text-lg {
	font-size: 24px;
	line-height: 32px;
}

.cs-pointer {
	cursor: pointer;
}

.gap-10 {
	gap: 10px !important;
}

/*------------ Components ---------------- */


.header .fixed-header.style-absolute {
	position: fixed;
	z-index: 299;
	top: -1px;
	left: 0;
	transform: translateY(-100%);
	transition: 0.6s cubic-bezier(0.43, 0.46, 0.64, 0.66) !important;
	width: 100%;
	background-color: var(--White);
	opacity: 0;
	pointer-events: none;
	box-shadow: 0 3px 100px rgba(2, 21, 78, 0.09);
}

.header .fixed-header.style-absolute.visible {
	pointer-events: all;
	transform: translateY(0%);
	opacity: 1;
	backdrop-filter: blur(10px);
}

.header .fixed-header.style-absolute.style-2 {
	z-index: 9999;
}

.header .fixed-header.style-absolute.style-2 .nav-list .item>a {
	line-height: 80px !important;
	color: var(--Text-2) !important;
}

.header .fixed-header.style-absolute .nav-list .item a {
	line-height: 80px;
}

.header .fixed-header .header-item.children {
	bottom: -20px;
	width: 100%;
}

.header .fixed-header .header-item.children img {
	width: 100%;
}

.header.has-item-bot {
	position: relative;
	margin-bottom: -10px;
}

.header.has-item-bot .header-item {
	position: absolute;
	bottom: -5px;
	width: 100%;
	z-index: 3;
}

.header.has-item-bot .header-item img {
	width: 100%;
}

.header .header-inner {
	position: relative;
	z-index: 5;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.header .header-inner .header-left {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
}

.header .header-inner .header-left .logo-site {
	padding-right: 108px;
	padding-top: 6px;
}

.header .header-inner .header-left .logo-site img {
	max-width: 208px;
}

.header .header-inner .nav-list {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 45px;
}

.header .header-inner .nav-list .item {
	position: relative;
}

.header .header-inner .nav-list .item a {
	 font-family: "Roboto", sans-serif;
	font-weight: 500;
	line-height: 120px;
	display: block;
	font-size: 18px;
}

.header .header-inner .nav-list .item:hover .sub-nav {
	visibility: visible;
	opacity: 1;
	-webkit-transform: perspective(500px) rotateY(0);
	-khtml-transform: perspective(500px) rotateY(0);
	-moz-transform: perspective(500px) rotateY(0);
	-ms-transform: perspective(500px) rotateY(0);
	-o-transform: perspective(500px) rotateY(0);
	transform: perspective(500px) rotateY(0);
}

.header .header-inner .nav-list .item.current-menu::before {
	top: 50%;
	transform: translateY(-50%);
	visibility: visible;
	opacity: 1;
}

.header .header-inner .nav-list .item .sub-nav {
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	position: absolute;
	min-width: 200px;
	transform: translateY(20px);
	z-index: 50;
	background-color: var(--Bg);
	border-radius: 8px;
	padding: 10px 0px 10px 20px;
	-webkit-transform: perspective(500px) rotateY(20deg);
	-khtml-transform: perspective(500px) rotateY(20deg);
	-moz-transform: perspective(500px) rotateY(20deg);
	-ms-transform: perspective(500px) rotateY(20deg);
	-o-transform: perspective(500px) rotateY(20deg);
	transform: perspective(500px) rotateY(20deg);
	transform-origin: -50% 0%;
	-webkit-box-shadow: 0px 10px 40px 0px rgba(27, 26, 26, 0.09);
	-khtml-box-shadow: 0px 10px 40px 0px rgba(27, 26, 26, 0.09);
	-moz-box-shadow: 0px 10px 40px 0px rgba(27, 26, 26, 0.09);
	-ms-box-shadow: 0px 10px 40px 0px rgba(27, 26, 26, 0.09);
	-o-box-shadow: 0px 10px 40px 0px rgba(27, 26, 26, 0.09);
	box-shadow: 0px 10px 40px 0px rgba(27, 26, 26, 0.09);
	-webkit-transition: all 0.25s cubic-bezier(0, 0, 0.76, 1);
	-khtml-transition: all 0.25s cubic-bezier(0, 0, 0.76, 1);
	-moz-transition: all 0.25s cubic-bezier(0, 0, 0.76, 1);
	-ms-transition: all 0.25s cubic-bezier(0, 0, 0.76, 1);
	-o-transition: all 0.25s cubic-bezier(0, 0, 0.76, 1);
	transition: all 0.25s cubic-bezier(0, 0, 0.76, 1);
}

.header .header-inner .nav-list .item .sub-nav li.current-item a {
	color: var(--Secondary);
}

.header .header-inner .nav-list .item .sub-nav li.current-item a span::before {
	width: 100%;
}

.header .header-inner .nav-list .item .sub-nav li a {
	display: inline-block;
	line-height: 40px;
	font-size: 15px;
	color: var(--White);
	width: 100%;
}

.header .header-inner .nav-list .item .sub-nav li a span {
	position: relative;
}

.header .header-inner .nav-list .item .sub-nav li a span::before {
	content: "";
	position: absolute;
	left: auto;
	right: 0;
	bottom: -2px;
	height: 1px;
	width: 0%;
	background-color: var(--Secondary);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.header .header-inner .nav-list .item .sub-nav li a:hover {
	color: var(--Secondary);
}

.header .header-inner .nav-list .item .sub-nav li a:hover span::before {
	left: 0;
	right: auto;
	width: 100%;
}

.header .header-inner .header-right {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 43px;
	padding-right: 12px;
}

.header .header-inner .header-right .icon-wrap {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.header .header-inner .header-right .icon-wrap .icon {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 55px;
	height: 55px;
	border-radius: 8px;
	border: 1px solid var(--Border);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.header .header-inner .header-right .icon-wrap .icon i {
	color: var(--Primary);
}

.header .header-inner .header-right .icon-wrap .icon:hover {
	background-color: var(--Bg-1);
	border-color: var(--Bg-1);
}

.header .header-inner .header-right .icon-wrap .icon.wg-bag {
	position: relative;
}

.header .header-inner .header-right .icon-wrap .icon.wg-bag i {
	font-size: 24px;
}

.header .header-inner .header-right .icon-wrap .icon.wg-bag::after {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	content: "3";
	position: absolute;
	width: 24px;
	height: 24px;
	border-radius: 8px;
	background-color: var(--Secondary);
	color: var(--Text-5);
	font-weight: 600;
	font-size: 14px;
	top: -9px;
	right: -7px;
}

.header .header-inner .header-right .wg-welcome {
	width: 60px;
	height: 59px;
	border-radius: 8px;
	background-color: var(--Primary);
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.header .header-inner .header-right .wg-welcome:hover {
	background-color: var(--Secondary);
}

.header .header-inner .header-right .wg-welcome:hover i {
	color: var(--Primary);
}

.header .header-inner .header-right .wg-welcome i {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	color: var(--White);
}

.header.style-4 .header-inner a {
	font-size: 18px;
	font-weight: 600;
	color: var(--Text-2);
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 13px;
}

.header.style-4 .header-inner a:hover {
	color: var(--Text-4);
}

.header.style-4 .header-inner a i {
	color: var(--Text-4);
}

.header.style-4 .header-inner a.wg-category .fa-angle-down {
	color: var(--Text-2);
}

.header.scrollHeader {
	position: sticky;
	z-index: 99999;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.header.scrollHeader::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 80%;
	background-color: var(--White);
}

.mobile-button {
	position: relative;
	width: 26px;
	height: 26px;
	background-color: transparent;
	cursor: pointer;
	display: none;
}

.mobile-button span {
	position: absolute;
	width: 100%;
	height: 2px;
	left: 0;
	top: 12px;
	background-color: var(--Primary);
}

.mobile-button::before {
	content: "";
	position: absolute;
	top: 5px;
	height: 2px;
	width: 100%;
	left: 0;
	background-color: var(--Primary);
}

.mobile-button::after {
	content: "";
	position: absolute;
	bottom: 5px;
	height: 2px;
	width: 100%;
	left: 0;
	background-color: var(--Primary);
}

.mobile-nav-wrap {
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	z-index: 9999999;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.mobile-nav-wrap.active {
	opacity: 1;
	visibility: visible;
}

.mobile-nav-wrap.active .inner-mobile-nav {
	left: 0 !important;
}

.mobile-nav-wrap .group-icon {
	display: flex;
	align-items: center;
	gap: 10px;
}

.mobile-nav-wrap .group-icon .site-nav-icon {
	padding: 0 15px;
	line-height: 35px;
	border: 1px solid #f2f2f2;
	gap: 8px;
	background-color: #f2f2f2;
	color: var(--main);
	border-radius: 3px;
	display: inline-flex;
	align-items: center;
	font-weight: 500;
}

.mobile-nav-wrap .group-icon .site-nav-icon i {
	font-size: 14px;
}

.mobile-nav-wrap .overlay-mobile-nav {
	z-index: 300;
	content: "";
	position: fixed;
	left: 0;
	top: 0;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.8) 100%);
	width: 100%;
	height: 100%;
	z-index: 1000;
}

.mobile-nav-wrap .inner-mobile-nav {
	z-index: 300;
	position: fixed;
	padding: 15px;
	z-index: 1001;
	height: 100%;
	width: 320px;
	background-color: var(--Primary);
	left: -320px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 30px;
}

.mobile-nav-wrap .inner-mobile-nav .logo {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 40px;
}

.mobile-nav-wrap .inner-mobile-nav .logo img {
	max-width: 173px;
}

.mobile-nav-wrap .inner-mobile-nav .logo .mobile-nav-close {
	top: 20px;
	right: 20px;
	position: absolute;
	cursor: pointer;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	color: var(--White);
}

.mobile-nav-wrap .inner-mobile-nav .logo .mobile-nav-close:hover {
	color: var(--Secondary);
}

.mobile-nav-wrap .inner-mobile-nav .mobile-main-nav #menu-mobile-menu .menu-item-has-children-mobile {
	padding-bottom: 10px;
	padding-top: 10px;
}

.mobile-nav-wrap .inner-mobile-nav .mobile-main-nav #menu-mobile-menu .menu-item-has-children-mobile a {
	 font-family: "Roboto", sans-serif;
	font-weight: 500;
	color: var(--White);
}

.mobile-nav-wrap .inner-mobile-nav .mobile-main-nav #menu-mobile-menu .menu-item-has-children-mobile.active .item-menu-mobile {
	color: var(--Secondary);
}

.mobile-nav-wrap .inner-mobile-nav .mobile-main-nav #menu-mobile-menu .menu-item-has-children-mobile.active i {
	transform: rotate(-180deg);
}

.mobile-nav-wrap .inner-mobile-nav .mobile-main-nav #menu-mobile-menu .menu-item-has-children-mobile .item-menu-mobile {
	justify-content: space-between;
	display: flex;
	margin-bottom: 15px;
	position: relative;
	transition-timing-function: linear;
	font-size: 18px;
}

.mobile-nav-wrap .inner-mobile-nav .mobile-main-nav #menu-mobile-menu .menu-item-has-children-mobile .item-menu-mobile:hover {
	color: var(--Secondary);
}

.mobile-nav-wrap .inner-mobile-nav .mobile-main-nav #menu-mobile-menu .menu-item-has-children-mobile .item-menu-mobile:hover i {
	color: var(--Secondary);
}

.mobile-nav-wrap .inner-mobile-nav .mobile-main-nav #menu-mobile-menu .menu-item-has-children-mobile .item-menu-mobile.current {
	color: var(--Secondary);
}

.mobile-nav-wrap .inner-mobile-nav .mobile-main-nav #menu-mobile-menu .menu-item-has-children-mobile .item-menu-mobile i {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	font-size: 22px;
}

.mobile-nav-wrap .inner-mobile-nav .mobile-main-nav #menu-mobile-menu .menu-item-has-children-mobile .sub-menu-mobile {
	display: none;
}

.mobile-nav-wrap .inner-mobile-nav .mobile-main-nav #menu-mobile-menu .menu-item-has-children-mobile .sub-menu-mobile .menu-item a {
	padding-left: 15px;
	display: block;
	line-height: 40px;
}

.mobile-nav-wrap .inner-mobile-nav .mobile-main-nav #menu-mobile-menu .menu-item-has-children-mobile .sub-menu-mobile .menu-item a::before {
	content: "\e90e";
	position: relative;
	top: 2px;
	left: -10px;
	font-family: "icomoon";
	color: var(--Secondary);
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.mobile-nav-wrap .inner-mobile-nav .mobile-main-nav #menu-mobile-menu .menu-item-has-children-mobile .sub-menu-mobile .menu-item a:hover {
	color: var(--Secondary);
}

.mobile-nav-wrap .inner-mobile-nav .mobile-main-nav #menu-mobile-menu .menu-item-has-children-mobile .sub-menu-mobile .menu-item a:hover::before {
	left: -5px;
	visibility: visible;
	opacity: 1;
}

.mobile-nav-wrap .inner-mobile-nav .mobile-main-nav #menu-mobile-menu .menu-item-has-children-mobile .sub-menu-mobile .menu-item.current a {
	color: var(--Secondary);
}

.mobile-nav-wrap .inner-mobile-nav .mobile-main-nav #menu-mobile-menu .menu-item-has-children-mobile .sub-menu-mobile .menu-item.current a::before {
	left: -5px;
	visibility: visible;
	opacity: 1;
}

.mobile-nav-wrap .inner-mobile-nav .infor-list {
	margin-bottom: 30px;
}

.mobile-nav-wrap .inner-mobile-nav .infor-list li a {
	color: var(--White);
}

.mobile-nav-wrap .inner-mobile-nav .infor-list li:not(:last-child) {
	margin-bottom: 10px;
}

.mobile-nav-wrap .inner-mobile-nav .infor-list li h5 {
	font-size: 16px;
	line-height: 22px;
	color: var(--White);
	text-transform: uppercase;
}

.mobile-nav-wrap .inner-mobile-nav .infor-list li p {
	font-size: 14px;
	line-height: 20px;
	color: var(--White);
}

.box-welcome {
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	top: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	visibility: hidden;
	opacity: 0;
}

.box-welcome .tf-overlay {
	z-index: 100;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	position: absolute;
}

.box-welcome.active {
	visibility: visible;
	opacity: 1;
}

.box-welcome.active .welcome-wrap {
	visibility: visible;
	opacity: 1;
	transform: translateX(0px);
}

.welcome-wrap {
	position: fixed;
	right: 90px;
	top: 220px;
	width: 447px;
	background-color: var(--Bg-11);
	z-index: 100;
	border-radius: 8px;
	overflow: hidden;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	visibility: hidden;
	opacity: 0;
	transform: translateX(100px);
}

.welcome-wrap::after {
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	right: 0px;
	top: 0px;
	background: linear-gradient(to top, #0d401c, #1c6932);
	z-index: 51;
}

.welcome-wrap .content {
	position: relative;
	z-index: 52;
	right: 0px;
	top: 0px;
	padding: 55px 35px;
}

.welcome-wrap .content .btn-close-welcome {
	width: 34px;
	height: 34px;
	position: absolute;
	top: 22px;
	right: 23px;
	cursor: pointer;
	background-color: var(--Primary);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	pointer-events: all;
}

.welcome-wrap .content .btn-close-welcome i {
	color: var(--White);
}

.welcome-wrap .content .btn-close-welcome:hover {
	background-color: var(--Secondary);
}

.welcome-wrap .content .title {
	color: var(--Secondary);
}

.welcome-wrap .content .text {
	color: var(--Text-3);
	margin-bottom: 20px;
	padding-bottom: 20px;
	position: relative;
}

.welcome-wrap .content .text::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	border-bottom: 1px dashed var(--Border-5);
}

.welcome-wrap .content .infor-list {
	margin-bottom: 20px;
}

.welcome-wrap .content .infor-list .item {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	gap: 15px;
}

.welcome-wrap .content .infor-list .item:not(:last-child) {
	margin-bottom: 15px;
}

.welcome-wrap .content .infor-list .item i {
	color: var(--Secondary);
}

.welcome-wrap .content .infor-list .item p {
	 font-family: "Roboto", sans-serif;
	color: var(--White);
}

.welcome-wrap .content .wg-social .list {
	justify-content: flex-start;
}

.header-wrap {
	width: 100%;
	z-index: 3;
	top: 48px;
	padding: 0px 30px;
}

.bg-page {
	top: 0;
	width: 100%;
}

.bg-page img {
	width: 100%;
	object-fit: cover;
	object-position: bottom;
	height: 824px;
}

.crop-topbar-shop {
	background-color: var(--Primary);
	position: relative;
	z-index: 201;
	padding: 7px 0px 12px;
}

.crop-topbar-shop .s-img-item {
	position: absolute;
	width: 100%;
}

.crop-topbar-shop .s-img-item img {
	width: 100%;
}

.crop-topbar-shop .s-img-item.item-1 {
	bottom: -3px;
	left: 0;
	z-index: 1;
}

.crop-topbar-shop .s-img-item.item-1 img {
	width: 100%;
	height: 10px;
	object-fit: cover;
	object-position: top;
}

.crop-topbar-shop .topbar-inner {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	z-index: 2;
}

.crop-topbar-shop .topbar-left {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	gap: 14px;
}

.crop-topbar-shop .topbar-left .icon {
	width: 38px;
	height: 38px;
	background-color: var(--Border-5);
	transform: rotate(-15deg);
}

.crop-topbar-shop .topbar-left .icon i {
	animation: tf-ani-tada 2s infinite;
	color: var(--Secondary);
}

.crop-topbar-shop .topbar-left p {
	letter-spacing: 0.1px;
	color: var(--White);
}

.crop-topbar-shop .topbar-right ul {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
}

.crop-topbar-shop .topbar-right ul li {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	gap: 14px;
}

.crop-topbar-shop .topbar-right ul li:not(:last-child) {
	padding-right: 50px;
	position: relative;
}

.crop-topbar-shop .topbar-right ul li:not(:last-child)::after {
	position: absolute;
	content: "";
	width: 1px;
	height: 33px;
	right: 25px;
	top: -3px;
	background-color: var(--Border-5);
}

.crop-topbar-shop .topbar-right ul li .icon i {
	color: var(--Secondary);
}

.crop-topbar-shop .topbar-right ul li a {
	color: var(--White);
	font-size: 16px;
	line-height: 26px;
}

.crop-topbar-shop::after {
	content: "";
	background-image: -moz-linear-gradient(-92deg, rgb(28, 105, 50) 0%, rgb(21, 85, 39) 38%, rgb(13, 64, 28) 100%);
	background-image: -webkit-linear-gradient(-92deg, rgb(28, 105, 50) 0%, rgb(21, 85, 39) 38%, rgb(13, 64, 28) 100%);
	background-image: -ms-linear-gradient(-92deg, rgb(28, 105, 50) 0%, rgb(21, 85, 39) 38%, rgb(13, 64, 28) 100%);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}


/*------------ footer ---------------- */
.footer {
	background-color: var(--Primary);
	padding-top: 123px;
	position: relative;
}

.footer .footer-top {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px dashed var(--Border-5);
	padding-bottom: 30px;
	margin-bottom: 63px;
}

.footer .footer-top .footer-left .logo img {
	width: 100%;
	max-width: 225px;
}

.footer .footer-top .footer-center p {
	color: var(--White);
	font-size: 35px;
	line-height: 35px;
}

.footer .footer-top .footer-right {
	position: relative;
	z-index: 2;
}

.footer .footer-inner {
	margin-bottom: 43px;
	position: relative;
	z-index: 5;
}


.footer .footer-inner .footer-inner-wrap .footer-title {
	color: var(--White);
	font-weight: 600;
	margin-bottom: 31px;
}

.footer .footer-inner .footer-inner-wrap .footer-title.mb-23 {
	margin-bottom: 23px;
}

.footer .footer-inner .footer-inner-wrap .footer-title.mb-28 {
	margin-bottom: 28px;
}

.footer .footer-inner .footer-inner-wrap .contact-list li {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	gap: 16px;
}

.footer .footer-inner .footer-inner-wrap .contact-list li:not(:last-child) {
	margin-bottom: 14px;
}

.footer .footer-inner .footer-inner-wrap .contact-list li i {
	color: var(--Secondary);
}

.footer .footer-inner .footer-inner-wrap .contact-list li p {
	color: var(--White);
	 font-family: "Roboto", sans-serif;
	letter-spacing: 0.1px;
}

.footer .footer-inner .footer-inner-wrap .contact-list li p.address {
	letter-spacing: 0.2px;
}

.footer .footer-inner .footer-inner-wrap .new-post-list {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	gap: 19px;
}

.footer .footer-inner .footer-inner-wrap .new-post-list li {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 23px;
}

.footer .footer-inner .footer-inner-wrap .new-post-list li .image {
	max-width: 63px;
	border-radius: 10px;
	overflow: hidden;
}

.footer .footer-inner .footer-inner-wrap .new-post-list li .content {
	flex-direction: column;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	gap: 8px;
}

.footer .footer-inner .footer-inner-wrap .new-post-list li .content .title-post {
	color: var(--White);
	font-weight: 500;
	 font-family: "Roboto", sans-serif;
	font-size: 16px;
	line-height: 26px;
}

.footer .footer-inner .footer-inner-wrap .new-post-list li .content p {
	 font-family: "Roboto", sans-serif;
	color: var(--Secondary);
	font-size: 14px;
}

.footer .footer-inner .footer-inner-wrap .link-list {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.footer .footer-inner .footer-inner-wrap .link-list li {
	position: relative;
	overflow: hidden;
}

.footer .footer-inner .footer-inner-wrap .link-list li a {
	display: inline-flex;
	color: var(--White);
	 font-family: "Roboto", sans-serif;
	-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
	-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
	-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
	-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
	-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
	position: relative;
	font-size: 16px;
	overflow: hidden;
}

.footer .footer-inner .footer-inner-wrap .link-list li a:hover {
	padding-left: 22px;
	color: var(--Secondary);
}

.footer .footer-inner .footer-inner-wrap .link-list li a:hover svg {
	left: 0px;
	visibility: visible;
	opacity: 1;
}

.footer .footer-inner .footer-inner-wrap .link-list li a:hover svg path {
	fill: var(--Secondary);
}

.footer .footer-inner .footer-inner-wrap .link-list li svg {
	position: absolute;
	left: -22px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
	-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
	-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
	-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
	-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
	visibility: hidden;
	opacity: 0;
}

.footer .footer-inner .footer-inner-wrap .link-list li svg path {
	fill: var(--White);
}

.footer .footer-bottom {
	border-top: 1px dashed var(--Border-5);
	padding-top: 29px;
	padding-bottom: 29px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	z-index: 5;
	gap: 20px;
	flex-wrap: wrap;
}

.footer .footer-bottom .no-copy {
	color: var(--White);
	text-align: center;
}

.footer .footer-bottom .no-copy a {
	position: relative;
	color: var(--Secondary);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.footer .footer-bottom .no-copy a:hover::after {
	width: 100%;
	left: 0;
	right: auto;
}

.footer .footer-bottom .no-copy a:after {
	content: "";
	position: absolute;
	left: auto;
	right: 0;
	bottom: 0;
	width: 0;
	background-color: var(--Secondary);
	height: 1px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.footer .footer-bottom .policy-list {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px 37px;
	flex-wrap: wrap;
}

.footer .footer-bottom .policy-list li {
	position: relative;
}

.footer .footer-bottom .policy-list li:not(:last-child)::after {
	content: "\e90e";
	font-family: "icomoon";
	position: absolute;
	right: -25px;
	color: var(--Secondary);
}

.footer .footer-bottom .policy-list li a {
	color: var(--White);
	 font-family: "Roboto", sans-serif;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	font-size: 16px;
}

.footer .footer-bottom .policy-list li a:hover {
	color: var(--Secondary);
}

.footer .img-item {
	position: absolute;
}

.footer .img-item.item-1 {
	top: -22px;
	width: 100%;
	left: 0;
	max-width: unset !important;
}

.footer .img-item.item-1 img {
	height: 23px;
	object-fit: cover;
	width: 100%;
}

.footer .img-item.item-2 {
	bottom: 0;
	right: 0;
	z-index: 0;
}

.footer.style-2 {
	padding-top: 106px;
	z-index: 1;
	position: relative;
}

.footer.style-2 .img-item.item-1 {
	top: -10px;
	width: 100%;
	max-width: unset;
}

.footer.style-2 .img-item.item-1 img {
	max-width: unset;
	width: 100%;
	height: 73px;
}

.footer.style-2 .footer-top {
	padding-bottom: 39px;
	margin-bottom: 64px;
	border: unset;
	position: relative;
}

.footer.style-2 .footer-top::after {
	content: "";
	max-width: 1290px;
	width: 100%;
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
	bottom: 0;
	border-bottom: 1px dashed var(--Border-5);
}

.footer.style-2 .footer-top .footer-left {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	gap: 44px;
}

.footer.style-2 .footer-top .footer-left .icon {
	width: 87px;
	height: 87px;
	transform: rotate(-30deg);
}

.footer.style-2 .footer-top .footer-left .icon i {
	animation: tf-ani-tada 2s infinite;
	font-size: 31px;
	color: var(--White);
}

.footer.style-2 .footer-top .footer-left .content {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.footer.style-2 .footer-top .footer-left .content .title {
	color: var(--White);
}

.footer.style-2 .footer-top .footer-left .content .sub {
	color: var(--White);
}

.footer.style-2 .footer-top .footer-right {
	max-width: 543px;
	height: 100%;
	margin-left: auto;
	width: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
}

.footer.style-2 .footer-top .footer-right input {
	padding: 14px 53px 12px 30px;
}

.footer.style-2 .footer-top .footer-right .btn-send {
	right: 17px;
	top: 8px;
}

.footer.style-2 .footer-inner {
	margin-bottom: 59px;
}

.footer.style-2 .footer-inner .footer-title {
	padding-bottom: 14px;
	margin-bottom: 29px;
	position: relative;
}

.footer.style-2 .footer-inner .footer-title::after {
	content: "";
	position: absolute;
	width: 60px;
	height: 3px;
	background-color: var(--Secondary);
	bottom: 0;
	left: 0;
}

.footer.style-2 .footer-inner .footer-inner-wrap .logo {
	max-width: 180px;
	margin-bottom: 32px;
}

.footer.style-2 .footer-inner .footer-inner-wrap .text {
	color: var(--White);
	margin-bottom: 32px;
}

.footer.style-2 .footer-inner .footer-inner-wrap .wg-social ul {
	justify-content: flex-start;
	gap: 8px;
}

.footer.style-2 .footer-inner .footer-inner-wrap .wg-social li a {
	width: 44px;
	height: 44px;
}

.footer.style-2 .footer-bottom {
	padding-bottom: 33px;
}


/*------------ button ---------------- */

.btn-sm-3{
	background-color: #0d401c;
	color: #fff;
	padding: 10px 15px;
	border-radius: 8px;
	font-size: 16px;
	 font-family: "Roboto", sans-serif;	
}

.btn-sm-3:hover{
	background-color: #f8c32c;
	color: #000;
	padding: 10px 15px;
	border-radius: 8px;
	font-size: 16px;
	 font-family: "Roboto", sans-serif;	
}

.crop-button {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 34px;
	background-color: var(--Primary);
	color: var(--White);
	padding: 6px 5px 6px 35px;
	border-radius: 8px;
	position: relative;
	z-index: 1;
	width: max-content;
	font-weight: 500;
	font-size: 16px;
	 font-family: "Roboto", sans-serif;
	overflow: hidden;
}

.crop-button.gap-37 {
	gap: 37px;
}

.crop-button.gap-34 {
	gap: 34px;
}

.crop-button.gap-30 {
	gap: 30px;
}

.crop-button .icon {
	width: 43px;
	height: 43px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	background-color: var(--Secondary);
	border-radius: 8px;
	position: relative;
}

.crop-button .icon i {
	position: relative;
	z-index: 2;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	color: var(--Primary);
	font-size: 23px;
}

.crop-button .icon i.fs-14 {
	font-size: 14px;
}

.crop-button .icon::before {
	content: none;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 8px;
	width: 0%;
	height: 100%;
	z-index: 0;
	background-color: var(--Primary);
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.crop-button.style-2 {
	padding: 20px 35px;
	width: max-content;
	gap: 15px;
	background-color: var(--White);
	color: var(--Primary);
	border: 1px solid var(--Border-4);
	font-weight: 500;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.crop-button.style-2::after {
	content: none;
}

.crop-button.style-2:hover {
	box-shadow: 0px 67px 2px 0px var(--Secondary) inset;
	border-color: var(--Secondary);
}

.crop-button.style-2.type-2 {
	background-color: var(--Primary);
	color: var(--White);
	padding: 16px 27px;
	font-weight: 400;
	gap: 11px;
}

.crop-button.style-2.type-3 {
	background-color: var(--Bg-6);
	border-color: var(--Bg-6);
	color: var(--White);
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
}

.crop-button.style-2.type-3:hover {
	box-shadow: 0px 67px 2px 0px var(--Text-4) inset;
	border-color: var(--Text-4);
}

.crop-button:hover {
	background-color: transparent;
}

.crop-button:hover .text-style {
	color: var(--Primary);
	transform: translateX(5px);
}

.crop-button:hover::after {
	transform: scale(30);
}

.crop-button .text-style {
	color: var(--White);
	transform: translateX(0px);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.crop-button .text-style.cl-primary {
	color: var(--Primary);
}

.crop-button.scale-40:hover::after {
	transform: scale(40);
}

.crop-button.scale-50:hover {
	transition-delay: 0.1s;
}

.crop-button.scale-50:hover::after {
	transform: scale(50);
}

.crop-button::after {
	content: "";
	position: absolute;
	width: 22px;
	height: 22px;
	right: 14px;
	top: 17px;
	border-radius: 8px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	z-index: -1;
	background-color: var(--Secondary);
	transform: scale(1);
}

.crop-button.full {
	width: 100%;
	justify-content: space-between;
}

.crop-button.bg-white {
	background-color: var(--White);
	color: var(--Text-2);
}

.crop-button.gap-35 {
	gap: 35px;
}

.crop-button.style-3 {
	background-color: var(--Bg-6);
	padding: 19px 35px 18px 35px;
}

.crop-button.style-3:hover {
	background-color: transparent;
}

.crop-button.style-3.pd-defalt {
	padding: 6px 5px 6px 35px;
}

.crop-button-read {
	display: block;
	padding-bottom: 10px;
	position: relative;
	 font-family: "Roboto", sans-serif;
	color: var(--Primary);
	width: max-content;
	font-weight: 500;
	letter-spacing: 0.5px;
}

.crop-button-read:hover {
	color: var(--Secondary);
}

.crop-button-read:hover::after {
	width: 0%;
	left: auto;
	right: 0;
}

.crop-button-read.hover-text-4:hover {
	color: var(--Text-4);
}

.crop-button-read::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: auto;
	height: 2px;
	width: 100%;
	background-color: var(--Secondary);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.crop-button-read.text-white {
	color: var(--White);
}

.crop-button-nor {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 15px 35px 15px 35px;
	background-color: var(--Primary);
	color: var(--White);
	font-size: 16px;
	font-weight: 500;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border-radius: 8px;
	line-height: 24px;
	gap: 10px;
}

.crop-button-nor:hover {
	background-color: var(--Secondary);
}

.crop-button-nor.style-2 {
	border: 1px solid #d0d0d0;
	background-color: transparent;
	color: var(--Text-2);
}

.crop-button-nor.style-2:hover {
	background-color: var(--Bg);
	color: var(--White);
}

.crop-button-nor.style-small {
	padding: 10px 24px;
}

/*------------ range slider ---------------- */
/*range-slider
    ---------------------*/
.range-slider #range-two-val {
	margin-bottom: 10px;
	height: 1px;
	box-shadow: none;
	border: 0;
	background-color: var(--Border-12);
	margin-bottom: 21px;
}

.range-slider #range-two-val .noUi-connects .noUi-connect {
	background-color: var(--Primary);
}

.range-slider #range-two-val .noUi-origin .noUi-handle {
	cursor: pointer;
	width: 9px;
	height: 9px;
	border-radius: 8px;
	background-color: var(--Text-4);
	border: none;
	box-shadow: none;
	top: 0;
	right: -9px;
	transform: translate(-50%, -50%);
}

.range-slider #range-two-val .noUi-origin .noUi-handle:active {
	width: 17px !important;
	height: 17px !important;
	border: 4px solid var(--Text-4) !important;
	right: -17px !important;
}

.range-slider #range-two-val .noUi-origin .noUi-handle::after,
.range-slider #range-two-val .noUi-origin .noUi-handle::before {
	display: none;
}

.range-slider .bottom {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
}

.range-slider .bottom .price-wrap {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 2px;
}

.range-slider .bottom .price-wrap .text {
	font-size: 16px;
	line-height: 26px;
}

.range-slider .bottom .price-wrap .value {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	gap: 15px;
	 font-family: "Roboto", sans-serif;
	position: relative;
}

.range-slider .bottom .price-wrap .line {
	display: block;
	width: 15px;
	height: 1px;
	background-color: var(--Text);
}

.range-slider .bottom .btn-filter {
	line-height: 26px;
	padding-bottom: 0px;
}

.range-slider .bottom .btn-filter::after {
	background-color: var(--Text-2);
	bottom: 3px;
}

/*------------ form ---------------- */
form {
	position: relative;
	z-index: 30;
}

form textarea,
form input[type=text],
form input[type=file],
form input[type=password],
form input[type=datetime],
form input[type=datetime-local],
form input[type=date],
form input[type=month],
form input[type=time],
form input[type=week],
form input[type=number],
form input[type=email],
form input[type=url],
form input[type=search],
form input[type=tel],
form input[type=color] {
	outline: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	width: 100%;
	padding: 8px 19px;
	font-size: 14px;
	font-weight: 400;
	line-height: 28px;
	background: var(--Bg-3);
	border: 1px solid transparent;
	border-radius: 8px;
	color: var(--Text-2);
	overflow: hidden;
	margin-bottom: 0;
}

form textarea::placeholder,
form input[type=text]::placeholder,
form input[type=password]::placeholder,
form input[type=datetime]::placeholder,
form input[type=datetime-local]::placeholder,
form input[type=date]::placeholder,
form input[type=month]::placeholder,
form input[type=time]::placeholder,
form input[type=week]::placeholder,
form input[type=number]::placeholder,
form input[type=email]::placeholder,
form input[type=url]::placeholder,
form input[type=search]::placeholder,
form input[type=tel]::placeholder,
form input[type=color]::placeholder {
	font-size: 16px;
	font-weight: 400;
	line-height: 28px;
	color: var(--Soft-Text);
	 font-family: "Roboto", sans-serif;
}

form textarea.style-1,
form input[type=text].style-1,
form input[type=password].style-1,
form input[type=datetime].style-1,
form input[type=datetime-local].style-1,
form input[type=date].style-1,
form input[type=month].style-1,
form input[type=time].style-1,
form input[type=week].style-1,
form input[type=number].style-1,
form input[type=email].style-1,
form input[type=url].style-1,
form input[type=search].style-1,
form input[type=tel].style-1,
form input[type=color].style-1 {
	background-color: var(--Bg-4) !important;
	color: var(--White);
	font-weight: 400;
	padding: 15px 19px 10px 19px;
}

form textarea.style-1::placeholder,
form input[type=text].style-1::placeholder,
form input[type=password].style-1::placeholder,
form input[type=datetime].style-1::placeholder,
form input[type=datetime-local].style-1::placeholder,
form input[type=date].style-1::placeholder,
form input[type=month].style-1::placeholder,
form input[type=time].style-1::placeholder,
form input[type=week].style-1::placeholder,
form input[type=number].style-1::placeholder,
form input[type=email].style-1::placeholder,
form input[type=url].style-1::placeholder,
form input[type=search].style-1::placeholder,
form input[type=tel].style-1::placeholder,
form input[type=color].style-1::placeholder {
	font-weight: 400;
}

form textarea.style-1:focus,
form input[type=text].style-1:focus,
form input[type=password].style-1:focus,
form input[type=datetime].style-1:focus,
form input[type=datetime-local].style-1:focus,
form input[type=date].style-1:focus,
form input[type=month].style-1:focus,
form input[type=time].style-1:focus,
form input[type=week].style-1:focus,
form input[type=number].style-1:focus,
form input[type=email].style-1:focus,
form input[type=url].style-1:focus,
form input[type=search].style-1:focus,
form input[type=tel].style-1:focus,
form input[type=color].style-1:focus {
	border: 1px solid transparent;
	background: transparent;
}

form textarea.style-2,
form input[type=text].style-2,
form input[type=password].style-2,
form input[type=datetime].style-2,
form input[type=datetime-local].style-2,
form input[type=date].style-2,
form input[type=month].style-2,
form input[type=time].style-2,
form input[type=week].style-2,
form input[type=number].style-2,
form input[type=email].style-2,
form input[type=url].style-2,
form input[type=search].style-2,
form input[type=tel].style-2,
form input[type=color].style-2 {
	background-color: var(--Bg-5) !important;
	color: var(--White);
	font-weight: 400;
	line-height: 25px;
	padding: 14px 19px;
}

form textarea.style-2::placeholder,
form input[type=text].style-2::placeholder,
form input[type=password].style-2::placeholder,
form input[type=datetime].style-2::placeholder,
form input[type=datetime-local].style-2::placeholder,
form input[type=date].style-2::placeholder,
form input[type=month].style-2::placeholder,
form input[type=time].style-2::placeholder,
form input[type=week].style-2::placeholder,
form input[type=number].style-2::placeholder,
form input[type=email].style-2::placeholder,
form input[type=url].style-2::placeholder,
form input[type=search].style-2::placeholder,
form input[type=tel].style-2::placeholder,
form input[type=color].style-2::placeholder {
	font-weight: 400;
}

form textarea.style-2:focus,
form input[type=text].style-2:focus,
form input[type=password].style-2:focus,
form input[type=datetime].style-2:focus,
form input[type=datetime-local].style-2:focus,
form input[type=date].style-2:focus,
form input[type=month].style-2:focus,
form input[type=time].style-2:focus,
form input[type=week].style-2:focus,
form input[type=number].style-2:focus,
form input[type=email].style-2:focus,
form input[type=url].style-2:focus,
form input[type=search].style-2:focus,
form input[type=tel].style-2:focus,
form input[type=color].style-2:focus {
	border: 1px solid transparent;
	background: transparent;
}

form textarea:focus,
form input[type=text]:focus,
form input[type=password]:focus,
form input[type=datetime]:focus,
form input[type=datetime-local]:focus,
form input[type=date]:focus,
form input[type=month]:focus,
form input[type=time]:focus,
form input[type=week]:focus,
form input[type=number]:focus,
form input[type=email]:focus,
form input[type=url]:focus,
form input[type=search]:focus,
form input[type=tel]:focus,
form input[type=color]:focus {
	border: 1px solid var(--Primary);
	background: var(--White);
}

form button,
form input[type=button],
form input[type=reset],
form input[type=submit] {
	background-color: transparent;
	overflow: hidden;
	padding: 0;
}

form textarea {
	height: 218px;
}

form .cols {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 22px 30px;
	width: 100%;
}

form .cols.cols-two>* {
	width: 50%;
}

form .cols.style-2 {
	gap: 15px;
}

form .cols.mb-15 {
	margin-bottom: 15px;
}

fieldset {
	margin-bottom: 0px;
	width: 100%;
}

.form-email {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 100%;
}

.form-email .btn-send {
	width: 43px;
	height: 43px;
	background: var(--Secondary);
	border-radius: 8px;
	position: absolute;
	right: 6px;
}

.form-email .btn-send i {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	color: var(--White);
}

.form-email .btn-send:hover i {
	color: var(--Primary);
}

.form-email.style-2 {
	flex-wrap: wrap;
}

.form-email.style-2 input {
	padding: 16px 19px 12px 18px !important;
}

.form-email.style-2 .email {
	margin-bottom: 16px;
}

.form-email.style-2 .crop-button {
	padding: 6px 7px 6px 33px;
}

.form-email.style-3 input {
	background-color: var(--White);
}

.form-email.style-3 .btn-send {
	background-color: transparent;
}

.form-email.style-3 .btn-send i {
	color: var(--Text-4);
}

.form-email.style-4 input {
	background-color: var(--White);
	padding: 12px 19px;
	color: var(--Primary);
	 font-family: "Roboto", sans-serif;
	font-weight: 600;
}

.form-email.style-4 input:focus {
	border: 1px solid var(--White);
}

.form-email.style-4 input::placeholder {
	color: var(--Primary);
	 font-family: "Roboto", sans-serif;
	font-weight: 600;
}

.form-email.style-4 .btn-send {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.form-email.style-4 .btn-send:hover {
	background-color: var(--Text-4);
}

.form-email.style-4 .btn-send:hover i {
	color: var(--White);
}

.form-email.style-4 .btn-send i {
	color: var(--Bg-6);
}

.checkbox-item.mb-10 {
	margin-bottom: 10px;
}

.checkbox-item label {
	padding-left: 32px;
	cursor: pointer;
	position: relative;
}

.checkbox-item label .checkbox-item {
	position: absolute;
	opacity: 0;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
	background: var(--White) !important;
}

.checkbox-item label .checkbox-item:checked~.btn-checkbox {
	background-color: var(--Secondary);
}

.checkbox-item label .checkbox-item:checked~.btn-checkbox:after {
	display: block;
}

.checkbox-item label .checkbox-item:checked~.btn-radio:after {
	display: block;
}

.checkbox-item label .text {
	font-size: 16px;
	font-weight: 400;
	line-height: 19.6px;
	color: var(--White);
}

.checkbox-item label .btn-checkbox {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 19px;
	height: 20px;
	background-color: transparent;
	border: 2px solid var(--Secondary);
	border-radius: 8px;
}

.checkbox-item label .btn-checkbox:after {
	content: "\e9c5";
	font-family: "icomoon" !important;
	position: absolute;
	font-size: 14px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: none;
	color: var(--Text-2);
}

.form-send-message .flat-alert {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	gap: 5px;
}

.form-send-message .flat-alert.msg-success {
	color: #ffffff;
}

.form-send-message .flat-alert.msg-success i {
	color: #ffffff;
}

.form-send-message .flat-alert.msg-error {
	color: #ffffff;
}

.form-send-message input,
.form-send-message textarea {
	background: var(--Border-3) !important;
	color: var(--White) !important;
	padding: 10px 19px !important;
}

.form-send-message input:focus,
.form-send-message textarea:focus {
	border: 1px solid var(--White) !important;
	background: var(--White) !important;
	color: var(--Text-2) !important;
}

.form-send-message select {
	width: 100%;
	padding: 20px 10px 19px 25px;
	letter-spacing: 1.2px;
	border: 1px solid var(--Primary);
	background: var(--Border-3) !important;
	color: var(--White);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 27.5px;
	position: relative;
}

.form-send-message select option {
	background-color: var(--Primary);
	border-radius: 8px;
}

.form-send-message select:focus {
	border-color: var(--Primary) !important;
}

.form-send-message select:focus.fieldset::after {
	transform: rotate(180deg);
}

.form-send-message select:focus-visible {
	outline: none;
}

.form-send-message fieldset.dropdown {
	position: relative;
}

.form-send-message fieldset.dropdown::after {
	content: "\e9c8";
	position: absolute;
	font-family: "icomoon";
	right: 17px;
	top: 17px;
	font-size: 16px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	color: var(--White);
}

.form-send-message .checkbox-item {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 20px 10px;
}

.form-send-message.style-2 .flat-alert.msg-success {
	color: #072010;
}

.form-send-message.style-2 .flat-alert.msg-success i {
	color: var(--Black);
}

.form-send-message.style-2 .flat-alert.msg-error {
	color: #072010;
}

.form-send-message.style-2 input,
.form-send-message.style-2 textarea {
	background: var(--Bg-10) !important;
	color: var(--Text-2) !important;
}

.form-send-message.style-2 input:focus,
.form-send-message.style-2 textarea:focus {
	border: 1px solid var(--Primary) !important;
	background: var(--White) !important;
}

.form-send-message.style-2 select {
	width: 100%;
	padding: 17px 10px 16px 16px;
	border: 1px solid var(--Bg-10);
	background: var(--Bg-10) !important;
	color: var(--Text-2);
}

.form-send-message.style-2 select.lt-sp-07 {
	letter-spacing: 0.7px;
}

.form-send-message.style-2 select option {
	background-color: var(--Bg-10);
}

.form-send-message.style-2 select:focus {
	border-color: var(--Primary) !important;
}

.form-send-message.style-2 select:focus-visible {
	outline: none;
}

.form-send-message.style-2 .checkbox-item .text {
	color: var(--Text-2);
}

.form-send-message.style-2 .checkbox-item .btn-checkbox {
	top: 40%;
}

.form-send-message.style-2 .checkbox-item .btn-checkbox::after {
	color: var(--Text-2);
}

.form-send-message.style-2 .checkbox-item .crop-button {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.form-book .choose-date,
.form-book .choose-date-2 {
	position: relative;
}

.form-book .choose-date label,
.form-book .choose-date-2 label {
	position: absolute;
	left: 22px;
	top: 51%;
	letter-spacing: 0.5px;
	transform: translateY(-50%);
	color: var(--Text-2);
	z-index: 1;
}

.form-book .choose-date input,
.form-book .choose-date-2 input {
	position: relative;
	z-index: 0;
	color: transparent;
	padding: 15px 19px 11px 16px;
}

.form-book .choose-date input:focus,
.form-book .choose-date-2 input:focus {
	color: var(--Text-2);
	z-index: 2;
}

.form-book .choose-date.has-value label,
.form-book .choose-date-2.has-value label {
	z-index: -1;
	color: transparent;
}

.form-book .choose-date.has-value input,
.form-book .choose-date-2.has-value input {
	color: var(--Text-2);
}

.form-book fieldset.mb-15 {
	margin-bottom: 15px;
}

.form-book fieldset.mb-35 {
	margin-bottom: 35px;
}

.form-book fieldset input {
	background-color: var(--White);
	padding: 12px 19px;
}

.form-book fieldset input:focus {
	border-color: var(--White);
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

#subscribe-msg {
	color: var(--Color-11);
}

#subscribe-msg .notification_ok {
	font-weight: 500;
	color: var(--Color-11);
}

#subscribe-msg .notification_error {
	font-weight: 500;
	color: var(--Color-11);
}

.coupon-wrap {
	border: 1px solid #dde3dd;
	padding: 20px 15px;
	display: grid;
	gap: 20px;
}

.coupon-wrap .title {
	font-size: 20px;
	line-height: 30px;
	color: var(--Text-2);
}

.form-coupon {
	position: relative;
}

.form-coupon .button-submit {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.form-coupon .button-submit button {
	padding: 0px 24px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	color: black;
	font-size: 14px;
	letter-spacing: 0.05em;
	line-height: 50px;
	font-weight: 500;
}


.tf-select-2 {
	display: inline-block;
	padding: 8px 19px;
	font-size: 14px;
	font-weight: 400;
	line-height: 28px;
	background: var(--Bg-3);
	border: 1px solid transparent;
	border-radius: 27.5px;
	color: var(--Text-2);
	-webkit-transition: all 0.3sease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	outline: none;
	appearance: unset;
}

.tf-select-2:focus {
	border: 1px solid var(--Primary);
	background: var(--White);
}

.wd-form-address {
	margin-top: 40px;
	border-radius: 10px;
	padding: 15px;
	border: 1px solid var(--Border);
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.wd-form-address .form-content {
	display: grid;
	gap: 15px;
}

.form-password-change {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.form-password-change .form-content {
	display: grid;
	gap: 15px;
}

/*------------ slider ---------------- */
.page-title-home-1 {
	position: relative;
}

.page-title-home-1 .swiper-slide-active .slide-home-1 .content .fade-item-1 {
	transform: translateY(0);
	visibility: visible;
	opacity: 1;
	transition-delay: 0.2s;
}

.page-title-home-1 .swiper-slide-active .slide-home-1 .content .fade-item-2 {
	transform: translateY(0);
	visibility: visible;
	opacity: 1;
	transition-delay: 0.3s;
}

.page-title-home-1 .swiper-slide-active .slide-home-1 .content .fade-item-3 {
	transform: translateY(0);
	visibility: visible;
	opacity: 1;
	transition-delay: 0.4s;
}

.page-title-home-1 .swiper-slide-active .slide-home-1 .content .fade-item-4 {
	transform: translateY(0);
	visibility: visible;
	opacity: 1;
	transition-delay: 0.5s;
}

.page-title-home-1 .swiper-slide-active .slide-home-1 .content .fade-item-5 {
	transform: translateY(0);
	visibility: visible;
	opacity: 1;
	transition-delay: 0.6s;
}

.page-title-home-1 .btn-slide-home-1 {
	position: absolute;
	z-index: 3;
}

.page-title-home-1 .btn-slide-home-1:hover svg path {
	fill: #f8c32c;
}

.page-title-home-1 .btn-slide-home-1.btn-next {
	right: 70px;
	top: 50%;
	transform: translateY(-50%);
}

.page-title-home-1 .btn-slide-home-1.btn-prev {
	left: 70px;
	top: 50%;
	transform: translateY(-50%);
}

.page-title-home-1 .img-item-1 {
	position: absolute;
	z-index: 3;
	top: -25px;
	width: 100%;
}

.page-title-home-1 .img-item-1 img {
	width: 100%;
	height: 60px;
}

.slide-home-1 {
	position: relative;
	z-index: 0;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
}

.slide-home-1 .image {
	width: 100%;
}

.slide-home-1 .image img {
	width: 100%;
	height: 673px;
	object-fit: cover;
}

.slide-home-1 .content-wrap {
	width: 100%;
	position: absolute;
	z-index: 2;
	top: 0;
	padding: 220px 0px 100px 0px;
}

.slide-home-1 .content-wrap .content {
	max-width: 1290px;
	margin: 0px auto;
}

.slide-home-1 .content-wrap .content .sub-title {
	font-size: 23px;
	color: var(--Secondary);
	margin-bottom: 16px;
}

.slide-home-1 .content-wrap .content .title {
	font-weight: 700;
    line-height: 68px;
    font-size: 50px;
    color: var(--White);
	margin-top:20px;
}

.slide-home-1 .content-wrap .content .img-item {
	margin-bottom: 25px;
}

.slide-home-1 .content-wrap .content .text {
	color: var(--Text-3);
	margin-bottom: 43px;
	letter-spacing: 1px;
}

.slide-home-1 .content-wrap .content .crop-button {
	gap: 33px;
}

.slide-home-1::after {
	top: 0;
	left: 0;
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	z-index: 0;
	background-color: var(--Bg-2);
}

.slider-home-1 .swiper-slide-active .content .fade-item-2 {
	transform: translateX(0);
	visibility: visible;
	opacity: 1;
	transition-delay: 0.3s;
}

.slider-home-1 .swiper-slide-active .content .fade-item-3 {
	width: 100%;
	transition-delay: 0.5s;
}

.slider-home-1 .swiper-slide-active .content .access-trainsition {
	transition-delay: 0.6s;
	clip-path: inset(0 0 0 0);
}

.slider-home-1 .swiper-slide-active .content .sub-title .tf-fade-right-visible {
	transition-delay: 0.2s;
	transform: translateX(0px);
	visibility: visible;
	opacity: 1;
}

.slider-home-1 .swiper-slide-active .content .fade-item-4 {
	transform: translateX(0);
	visibility: visible;
	opacity: 1;
	transition-delay: 0.6s;
}

.slider-home-1 .swiper-slide-active .content .fade-item-5 {
	transform: translateY(0);
	visibility: visible;
	opacity: 1;
	transition-delay: 0.7s;
}


.btn-next.style-2,
.btn-prev.style-2 {
	width: 50px;
	height: 50px;
	border-radius: 8px;
	background-color: var(--Secondary);
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.btn-next.style-2 i,
.btn-prev.style-2 i {
	color: var(--Bg-6);
	font-size: 25px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.btn-next.style-2:hover,
.btn-prev.style-2:hover {
	background-color: var(--Text-4);
}

.btn-next.style-2:hover i,
.btn-prev.style-2:hover i {
	color: var(--White);
}


/* CSS change effect slide--- */
.slider-home-1 .swiper-slide,
.slider-home-2 .swiper-slide,
.slider-home-3 .swiper-slide {
	transition: transform 0.8s ease-in, opacity 0.8s ease-in;
	transform-origin: center;
	opacity: 0;
}

.slider-home-1 .swiper-slide-active,
.slider-home-2 .swiper-slide-active,
.slider-home-3 .swiper-slide-active {
	z-index: 10;
	opacity: 1;
	transform: scale(1);
}

.slider-home-1 .swiper-slide-prev,
.slider-home-1 .swiper-slide-next,
.slider-home-2 .swiper-slide-prev,
.slider-home-2 .swiper-slide-next,
.slider-home-3 .swiper-slide-prev,
.slider-home-3 .swiper-slide-next {
	opacity: 0.5;
	transform: scale(0.9);
}

.slider-home-1 .swiper-slide-prev~.swiper-slide,
.slider-home-1 .swiper-slide-next~.swiper-slide,
.slider-home-2 .swiper-slide-prev~.swiper-slide,
.slider-home-2 .swiper-slide-next~.swiper-slide,
.slider-home-3 .swiper-slide-prev~.swiper-slide,
.slider-home-3 .swiper-slide-next~.swiper-slide {
	opacity: 0.2;
	transform: scale(0.8);
}


/*------------ animation ---------------- */
.fade-item {
	transform: translateY(100px);
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.tf-fade-right {
	transform: translateX(30px);
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.tf-fade-left {
	transform: translateX(-30px);
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.tf-fade-bottom {
	transform: translateY(30px);
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.tf-fade-top {
	transform: translateY(-30px);
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.tf-animate-w {
	width: 0%;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

.rollInRight {
	animation-name: rollInRight;
	animation-duration: 1s;
	animation-fill-mode: both;
}

.tf-animate-zoom-in-out {
	-webkit-animation: tf-animate-zoom-in-out 60s linear infinite;
	-khtml-animation: tf-animate-zoom-in-out 60s linear infinite;
	-moz-animation: tf-animate-zoom-in-out 60s linear infinite;
	-ms-animation: tf-animate-zoom-in-out 60s linear infinite;
	-o-animation: tf-animate-zoom-in-out 60s linear infinite;
	animation: tf-animate-zoom-in-out 60s linear infinite;
}

.clip-text-bg-vertical {
	-webkit-animation: BackgroundAnimatedVertical 10s linear infinite;
	-moz-animation: BackgroundAnimatedVertical 10s linear infinite;
	-ms-animation: BackgroundAnimatedVertical 10s linear infinite;
	-o-animation: BackgroundAnimatedVertical 10s linear infinite;
	animation: BackgroundAnimatedVertical 10s linear infinite;
}

.up-down-move {
	animation-duration: 2.3s;
	animation-iteration-count: infinite;
	transform-origin: bottom;
	animation-name: up-down-move;
	animation-timing-function: linear;
}

.tf-trainsition-draw-left {
	clip-path: inset(0 100% 0 0);
	-webkit-transition: 0.6s cubic-bezier(0.63, 0.25, 0.25, 1);
	-khtml-transition: 0.6s cubic-bezier(0.63, 0.25, 0.25, 1);
	-moz-transition: 0.6s cubic-bezier(0.63, 0.25, 0.25, 1);
	-ms-transition: 0.6s cubic-bezier(0.63, 0.25, 0.25, 1);
	-o-transition: 0.6s cubic-bezier(0.63, 0.25, 0.25, 1);
	transition: 0.6s cubic-bezier(0.63, 0.25, 0.25, 1);
}

.tf-animate-spin-reverse {
	-webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
	-khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
	-moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
	-ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
	-o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
	transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
	-webkit-animation: spin-reverse 30s infinite linear;
	-khtml-animation: spin-reverse 30s infinite linear;
	-moz-animation: spin-reverse 30s infinite linear;
	-ms-animation: spin-reverse 30s infinite linear;
	-o-animation: spin-reverse 30s infinite linear;
	animation: spin-reverse 30s infinite linear;
}

.scroll-element,
.scroll-element-2,
.scroll-element-3,
.scroll-element-4 {
	transition: transform 1s ease;
}

.tf-animation-pulse {
	animation-name: tf-animation-pulse;
	animation-duration: var(--animation-duration, 1750ms);
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

.tf-rotate-back-and-forth {
	-webkit-animation: rotate-back-and-forth 15s infinite linear;
	-khtml-animation: rotate-back-and-forth 15s infinite linear;
	-moz-animation: rotate-back-and-forth 15s infinite linear;
	-ms-animation: rotate-back-and-forth 15s infinite linear;
	-o-animation: rotate-back-and-forth 15s infinite linear;
	animation: rotate-back-and-forth 15s infinite linear;
}

.tf-animate-1 {
	clip-path: inset(0 100% 0 0);
	-webkit-transition: 0.6s cubic-bezier(0.63, 0.25, 0.25, 1);
	-khtml-transition: 0.6s cubic-bezier(0.63, 0.25, 0.25, 1);
	-moz-transition: 0.6s cubic-bezier(0.63, 0.25, 0.25, 1);
	-ms-transition: 0.6s cubic-bezier(0.63, 0.25, 0.25, 1);
	-o-transition: 0.6s cubic-bezier(0.63, 0.25, 0.25, 1);
	transition: 0.6s cubic-bezier(0.63, 0.25, 0.25, 1);
}

.tf-animate-1.active-animate {
	clip-path: inset(0 0 0 0);
	animation-delay: 0.5s;
}

.tf-animate-1.transition-1s {
	-webkit-transition: 1s cubic-bezier(0.63, 0.25, 0.25, 1);
	-khtml-transition: 1s cubic-bezier(0.63, 0.25, 0.25, 1);
	-moz-transition: 1s cubic-bezier(0.63, 0.25, 0.25, 1);
	-ms-transition: 1s cubic-bezier(0.63, 0.25, 0.25, 1);
	-o-transition: 1s cubic-bezier(0.63, 0.25, 0.25, 1);
	transition: 1s cubic-bezier(0.63, 0.25, 0.25, 1);
}

.tf-animate-2 {
	clip-path: inset(0 0 100% 0);
	-webkit-transition: 0.6s cubic-bezier(0.63, 0.25, 0.25, 1);
	-khtml-transition: 0.6s cubic-bezier(0.63, 0.25, 0.25, 1);
	-moz-transition: 0.6s cubic-bezier(0.63, 0.25, 0.25, 1);
	-ms-transition: 0.6s cubic-bezier(0.63, 0.25, 0.25, 1);
	-o-transition: 0.6s cubic-bezier(0.63, 0.25, 0.25, 1);
	transition: 0.6s cubic-bezier(0.63, 0.25, 0.25, 1);
}

.tf-animate-2.active-animate {
	clip-path: inset(0 0 0 0);
	animation-delay: 0.7s;
}

.tf-animate-3 {
	clip-path: inset(100% 0 0 0);
	-webkit-transition: 0.6s cubic-bezier(0.63, 0.25, 0.25, 1);
	-khtml-transition: 0.6s cubic-bezier(0.63, 0.25, 0.25, 1);
	-moz-transition: 0.6s cubic-bezier(0.63, 0.25, 0.25, 1);
	-ms-transition: 0.6s cubic-bezier(0.63, 0.25, 0.25, 1);
	-o-transition: 0.6s cubic-bezier(0.63, 0.25, 0.25, 1);
	transition: 0.6s cubic-bezier(0.63, 0.25, 0.25, 1);
}

.tf-animate-3.active-animate {
	clip-path: inset(0 0 0 0);
	animation-delay: 0.5s;
}

.tf-animate-4 {
	clip-path: inset(0 0 0 100%);
	-webkit-transition: 0.6s cubic-bezier(0.63, 0.25, 0.25, 1);
	-khtml-transition: 0.6s cubic-bezier(0.63, 0.25, 0.25, 1);
	-moz-transition: 0.6s cubic-bezier(0.63, 0.25, 0.25, 1);
	-ms-transition: 0.6s cubic-bezier(0.63, 0.25, 0.25, 1);
	-o-transition: 0.6s cubic-bezier(0.63, 0.25, 0.25, 1);
	transition: 0.6s cubic-bezier(0.63, 0.25, 0.25, 1);
}

.tf-animate-4.active-animate {
	clip-path: inset(0 0 0 0);
	animation-delay: 0.5s;
}

.nhapNhap {
	animation: nhapNhay 8s infinite linear alternate;
}

.tf-animate__box,
.tf-animate__box-2,
.tf-animate__rotate-left,
.tf-animate__rotate-right {
	visibility: hidden;
}

.tf-animate__box.animate__animated,
.tf-animate__box-2.animate__animated,
.tf-animate__rotate-left.animate__animated,
.tf-animate__rotate-right.animate__animated {
	visibility: visible;
}

.tf-heartBeat {
	animation: heartBeat 3s ease-in-out infinite;
}

@keyframes rotate {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@keyframes ripple {
	0% {
		width: 86.09px;
		height: 86.09px;
		opacity: 1;
	}

	100% {
		width: 109.04px;
		height: 109.04px;
		opacity: 0;
	}
}

@keyframes ripple-1 {
	0% {
		width: 86.09px;
		height: 86.09px;
		opacity: 1;
	}

	100% {
		width: 132px;
		height: 132px;
		opacity: 0;
	}
}

@keyframes rollInRight {
	0% {
		opacity: 0;
		transform: translateX(100%) rotate(120deg);
	}

	100% {
		opacity: 1;
		transform: translateX(0) rotate(0deg);
	}
}

@keyframes ring {
	0% {
		transform: rotate(0) translateX(0);
	}

	25% {
		transform: rotate(-20deg) translateX(0.2em);
	}

	50% {
		transform: rotate(20deg) translateX(-0.2em);
	}

	75% {
		transform: rotate(-10deg) translateX(0.1em);
	}

	100% {
		transform: rotate(10deg) translateX(-0.1em);
	}
}

@keyframes tf-ani-tada {

	0%,
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}

	10%,
	20% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
	}

	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
	}

	40%,
	60%,
	80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
	}
}

@keyframes tf-animate-zoom-in-out {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.2);
	}

	100% {
		transform: scale(1);
	}
}

@keyframes BackgroundAnimatedVertical {
	0% {
		background-position: 50% 0;
	}

	100% {
		background-position: 50% 100%;
	}
}

@keyframes up-down-move {
	0% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-15px);
	}

	100% {
		transform: translateY(0);
	}
}

@keyframes spin-reverse {
	0% {
		transform: rotate(360deg);
	}

	100% {
		transform: rotate(0deg);
	}
}

@keyframes dotAnimationTopToBot {
	0% {
		top: 22%;
	}

	50% {
		top: 100%;
	}

	100% {
		top: 0%;
	}
}

@keyframes dotAnimationBotToTop {
	0% {
		bottom: 24%;
	}

	50% {
		bottom: 100%;
	}

	100% {
		bottom: 0%;
	}
}

@keyframes rotate-back-and-forth {
	0% {
		transform: rotate(0deg);
	}

	25% {
		transform: rotate(15deg);
	}

	50% {
		transform: rotate(0deg);
	}

	75% {
		transform: rotate(-15deg);
	}

	100% {
		transform: rotate(0deg);
	}
}

@keyframes tf-animation-pulse {
	25% {
		transform: scale(1.1);
	}

	75% {
		transform: scale(0.9);
	}
}

@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}

@keyframes shine {
	100% {
		left: 125%;
	}
}

@keyframes iconBounce {

	0%,
	100%,
	20%,
	50%,
	80% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}

	40% {
		-webkit-transform: translateY(-8px);
		-ms-transform: translateY(-8px);
		transform: translateY(-8px);
	}

	60% {
		-webkit-transform: translateY(-5px);
		-ms-transform: translateY(-5px);
		transform: translateY(-5px);
	}
}

@keyframes goTopToBottom {
	49% {
		transform: translateY(-100%);
	}

	50% {
		opacity: 0;
		transform: translateY(100%);
	}

	51% {
		opacity: 1;
	}
}

@keyframes preload {

	from,
	20%,
	40%,
	60%,
	80%,
	to {
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	0% {
		opacity: 0;
		transform: scale3d(0.3, 0.3, 0.3);
	}

	20% {
		transform: scale3d(1.1, 1.1, 1.1);
	}

	40% {
		transform: scale3d(0.9, 0.9, 0.9);
	}

	60% {
		opacity: 1;
		transform: scale3d(1.03, 1.03, 1.03);
	}

	80% {
		transform: scale3d(0.97, 0.97, 0.97);
	}

	to {
		opacity: 1;
		transform: scale3d(1, 1, 1);
	}
}

@keyframes tf-spin {
	0% {
		transform: rotate(0deg);
		box-shadow: 0 2px 0 #0d401c;
	}

	50% {
		transform: rotate(180deg);
		box-shadow: 0 2px 0 #0d401c;
	}

	100% {
		transform: rotate(360deg);
		box-shadow: 0 2px 0 #0d401c;
	}
}

@keyframes nhapNhay {
	0% {
		opacity: 0;
	}

	25% {
		opacity: 1;
	}

	50% {
		opacity: 0;
	}

	75% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@keyframes heartBeat {

	0%,
	100% {
		transform: scale(1);
	}

	30% {
		transform: scale(1.1);
	}

	60% {
		transform: scale(1);
	}
}

/*------------ hover ---------------- */
.img-hover .hover-item {
	overflow: hidden;
}

.img-hover .hover-item img {
	width: 100%;
	transform: scale(1.1);
	transition: all 1s ease-in-out;
}

.img-hover .hover-item-2 {
	overflow: hidden;
}

.img-hover .hover-item-2 img {
	width: 100%;
	transform: scale(1.1);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.img-hover:hover .hover-item img {
	transform: scale(1.15);
}

.img-hover:hover .hover-item-2 img {
	transform: scale(1.2);
}

.custom-hover .hover-icon .icon,
.custom-hover .hover-icon.icon {
	transition: all 0.8s ease-in-out;
}

.custom-hover .hover-icon-2 .icon,
.custom-hover .hover-icon-2.icon {
	transition: all 0.8s ease-in-out;
}

.custom-hover:hover .hover-icon .icon,
.custom-hover:hover .hover-icon.icon {
	transform: rotateY(360deg);
}

.custom-hover:hover .hover-icon-2 .icon,
.custom-hover:hover .hover-icon-2.icon {
	transform: rotateY(180deg);
}

.custom-img-hover .hover01 img {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

.custom-img-hover .hover06 img {
	-webkit-transform: rotate(15deg) scale(1.4);
	transform: rotate(15deg) scale(1.4);
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

.custom-img-hover .hover14 {
	position: relative;
}

.custom-img-hover .hover14::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: "";
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}

.custom-img-hover:hover .hover01 img {
	-webkit-transform: scale(1);
	transform: scale(1);
}

.custom-img-hover:hover .hover06 img {
	-webkit-transform: rotate(0) scale(1);
	transform: rotate(0) scale(1);
}

.custom-img-hover:hover .hover14::before {
	-webkit-animation: shine 0.75s;
	animation: shine 0.75s;
}


/*------------ widgets ---------------- */

.wg-counter {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 0px;
}

.wg-counter.p-0 {
	padding: 0px;
}

.wg-counter .counter-item {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: column;
	max-width: 300px;
	width: 100%;
}

.wg-counter .counter-item:not(:last-child) {
	border-right: 1px dashed var(--Border-2);
}

.wg-counter .icon {
	color: var(--Black);
	margin-bottom: 38px;
}

.wg-counter .icon i {
	font-size: 35px;
	color: var(--Blacks);
}

.wg-counter .counter {
	height: 100%;
	margin-bottom: 20px;
}

.wg-counter .counter .sub-odo {
	position: relative;
	bottom: -14px;
	font-size: 55px;
	line-height: 55px;
	font-weight: 700;
	 font-family: "Roboto", sans-serif;
}

.wg-counter .counter .sub-odo.color-secondary {
	color: var(--Secondary);
}

.wg-counter .odometer {
	left: -12px;
}

.odometer {
  font-size: 36px;
  font-weight: bold;
  color: #f8c32c;
}

.wg-counter .odometer.fs-65 span {
	font-size: 65px;
}

.wg-counter .odometer .odometer-value {
	width: 100%;
	text-align: right !important;
}

.wg-counter .odometer .odometer-digit {
	vertical-align: unset !important;
}

.wg-counter .odometer span {
	color: var(--Black);
	font-size: 55px;
	 font-family: "Roboto", sans-serif;
	line-height: 50px;
	font-weight: 700;
}


.wg-counter.style-2 {
	max-width: 440px;
	width: 100%;
	background-color: var(--Secondary);
	padding: 18px 18px 20px 19px;
	border-radius: 20px;
}

.wg-counter.style-2 .has-border {
	width: 100%;
	padding: 36px 30px 31px 32px;
	border-radius: 15px;
	border: 1px dashed var(--Border-7);
	position: relative;
}

.wg-counter.style-2 .counter-item {
	align-items: flex-start;
}

.wg-counter.style-2 .counter-item .sub-odo {
	color: #000;
	font-size: 55px;
	 font-family: "Roboto", sans-serif;
	line-height: 50px;
	font-weight: 700;
	left: -17px;
}

.wg-counter.style-2 .counter-item .icon {
	position: absolute;
	top: 20px;
	right: 18px;
	background-color: var(--Bg-6);
	width: 54px;
	height: 54px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.wg-counter.style-2 .counter-item .icon i {
	font-size: 32px;
	transform: rotate(45deg);
}

.wg-counter.style-2 .counter-item .title {
	color: #000;
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 13px;
}

.wg-counter.style-2 .counter-item .text {
	color: #000;
}

.wg-counter.style-2 .counter {
	margin-top: -10px;
	margin-bottom: 10px;
}

.wg-counter.style-2 .odometer span {
	color: #000;
}

.wg-counter.style-3 {
	background-color: var(--Text-4);
	max-width: 198px;
	width: 100%;
	border-radius: 20px;
	padding: 12px;
	background: url("../images/item/counter.jpg") center center;
}

.wg-counter.style-3 .has-border {
	width: 100%;
	padding: 20px 0px;
	border-radius: 20px;
	border: 1px dashed var(--Border-8);
}

.wg-counter.style-3 .icon {
	background-color: var(--Primary);
	width: 53px;
	height: 53px;
	margin-bottom: 1px;
}

.wg-counter.style-3 .icon i {
	font-size: 22px;
}

.wg-counter.style-3 .odometer {
	left: -3px;
}

.wg-counter.style-3 .counter {
	margin-bottom: 3px;
}

.wg-counter.style-3 .sub-odo {
	font-size: 55px;
	line-height: 55px;
	font-weight: 700;
	left: -8px;
	color: var(--Secondary);
}

.wg-counter.style-3 .title {
	color: var(--White);
	font-weight: 500;
	margin-bottom: 9px;
}

.wg-counter.style-4 {
	background: unset;
}

.wg-counter.style-4 .counter-item {
	max-width: 222px;
}

.wg-counter.style-4 .odometer span {
	color: var(--Text-4);
}

.wg-counter.style-4 .title {
	font-size: 20px;
	color: var(--Text-2);
	margin-bottom: 20px;
}

.wg-counter.style-4 .icon-img {
	max-width: 140px;
}

.wg-counter.style-4 .icon-img img {
	height: 9px;
}

.wg-counter.style-5 {
	max-width: 280px;
	background-color: transparent;
	gap: 25px;
}

.wg-counter.style-5 .icon {
	background-color: var(--Text-4);
	width: 57px;
	height: 57px;
}

.wg-counter.style-5 .icon i {
	font-size: 20px;
}

.wg-counter.style-5 .counter-item .counter span {
	font-size: 55px;
}

.wg-counter.style-5 .counter-item .counter .sub-odo {
	line-height: 0px;
	bottom: -12px;
	left: -17px;
}

.wg-counter.style-6.style-5 {
	justify-content: flex-end;
	align-items: center;
	max-width: unset;
	gap: 20px;
}

.wg-counter.style-6.style-5 .icon {
	margin-bottom: 0px;
	background-color: var(--Secondary);
}

.wg-counter.style-6.style-5 .icon i {
	color: var(--Bg-6);
}

.wg-counter.style-6.style-5 .counter-item {
	font-weight: 500;
	color: var(--Text-2);
	justify-content: flex-start;
	align-items: start;
}

.wg-counter.style-6.style-5 .counter-item .odometer span {
	color: var(--Text-4);
}

.wg-counter.style-6.style-5 .counter-item .sub-odo {
	color: var(--Text-4);
}

.icon-wheat-grains {
	color: var(--Secondary);
}

i.fs-16 {
	font-size: 16px;
}

i.fs-12 {
	font-size: 12px;
}


.card-product {
	width: 100%;
	border-radius: 8px;
	padding: 28px 35px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	background-color: var(--White);
	position: relative;
	display: flex;
	flex-direction: column;
}

.card-product:hover {
	box-shadow: 0px 25px 32.2px 2.8px rgba(0, 0, 0, 0.06);
	background-color: #f8c32c;
}

.card-product .trendy-list {
	position: absolute;
	top: 10px;
	right: 13px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
}

.card-product .trendy-list .trendy-item p {
	display: block;
	padding: 5px 25px;
	border-radius: 7px;
	color: var(--White);
	font-weight: 600;
	 font-family: "Roboto", sans-serif;
}

.card-product .trendy-list .trendy-item p.color-1 {
	background-color: var(--Color-1);
}

.card-product .trendy-list .trendy-item p.color-2 {
	background-color: var(--Text-4);
}

.card-product .trendy-list .trendy-item p.color-3 {
	background-color: var(--Color-3);
}

.card-product .trendy-list .trendy-item p.color-4 {
	background-color: var(--Color-4);
}

.card-product .image {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 30px;
	margin-bottom: 35px;
	height: 100%;
}

.card-product .image img {
	max-width: 194px;
	width: 100%;
}

.card-product .name-product {
	color: #fff;
	font-weight: 600;
	font-size: 25px;
	display: block;
	margin-bottom: 10px;
}

.card-product .pricing-star {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 20px;
	margin-bottom: 25px;
}

.card-product .product-btn-list {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	gap: 10px;
}

.card-product .product-btn-list .icon {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 51px;
	height: 51px;
	border: 1px solid var(--Border);
	border-radius: 8px;
}

.card-product .product-btn-list .icon i {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	color: var(--Primary);
}

.card-product .product-btn-list .icon:hover {
	background-color: var(--Primary);
	border-color: var(--Primary);
}

.card-product .product-btn-list .icon:hover i {
	color: var(--White);
}

.card-product.style-2 {
	/* max-width: 270px; */
	width: 100%;
	padding: 15px;
	justify-content: flex-end;
}

.card-product.style-2.mw-unset {
	max-width: unset;
}

.card-product.style-2.type-2 {
	padding: 30px 25px 49px 37px;
}

.card-product.style-2.type-2 .image {
	margin-bottom: 52px;
}

.card-product.style-2.type-2 .image img {
	max-width: 215px;
}

.card-product.style-2.type-2 .trendy-list {
	top: 27px;
	right: 34px;
}

.card-product.style-2.type-2 .trendy-list p {
	padding: 5px 27px;
	font-size: 16px;
}

.card-product.style-2.type-2 .name-product {
	font-size: 20px;
}

.card-product.style-2.type-2 .price-wrap {
	gap: 18px;
}

.card-product.style-2.type-2 .price-wrap span {
	font-size: 20px;
}

.card-product.style-2.type-2 .product-btn-list .icon {
	width: 51px;
	height: 51px;
}

.card-product.style-2.type-2 .pricing-star {
	margin-bottom: 29px;
}

.card-product.style-2.mw-unset {
	max-width: unset;
}

.card-product.style-2 .trendy-list {
	gap: 6px;
}

.card-product.style-2 .trendy-item p {
	padding: 2px 15px;
	font-size: 14px;
	font-weight: 500;
}

.card-product.style-2 .image {
	height: unset;
}

.card-product.style-2 .image img {
	max-width: unset;
	width: unset;
}

.card-product.style-2 .name-product {
	font-size: 25px;
}

.card-product.style-2 .price-wrap span {
	font-size: 16px;
	 font-family: "Roboto", sans-serif;
}

.card-product.style-2 .wg-rating {
	position: relative;
	top: -2px;
}

.card-product.style-2 .product-btn-list {
	position: relative;
}

.card-product.style-2 .product-btn-list .tt-text {
	position: absolute;
	top: -35px;
	white-space: nowrap;
	pointer-events: visible;
	z-index: 1;
	pointer-events: none;
	padding: 0px 7px;
	transform: translateY(10px);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	visibility: hidden;
	opacity: 0;
}

.card-product.style-2 .product-btn-list .tt-text p {
	position: relative;
	z-index: 2;
	color: var(--White) !important;
}

.card-product.style-2 .product-btn-list .tt-text::after {
	content: "";
	border-radius: 5px;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: var(--Black);
	left: 0;
	top: 0;
	z-index: 1;
}

.card-product.style-2 .product-btn-list .tt-text::before {
	content: "";
	position: absolute;
	width: 10px;
	transform: rotate(45deg) translateX(-50%);
	height: 10px;
	background-color: var(--Black);
	left: 50%;
	top: 24px;
	z-index: 2;
}

.card-product.style-2 .product-btn-list .icon {
	width: 41px;
	height: 41px;
}

.card-product.style-2 .product-btn-list .icon:hover .tt-text {
	visibility: visible;
	opacity: 1;
	transform: translateY(0px);
	transition-delay: 0.3s;
}

.box-icon {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	flex-direction: column;
	position: relative;
}

.box-icon::after {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 1px;
	height: 100%;
	border-right: 1px dashed var(--Border-3);
}

.box-icon .icon {
	width: 71px;
	height: 71px;
	margin-bottom: 20px;
}

.box-icon .icon.mb-30 {
	margin-bottom: 30px;
}

.box-icon .icon.mb-29 {
	margin-bottom: 29px;
}

.box-icon .icon i {
	font-size: 24px;
	color: var(--Bg-6);
}

.box-icon .caption {
	color: var(--White);
	font-size: 20px;
	margin-bottom: 20px;
}

.box-icon .caption.mb-17 {
	margin-bottom: 17px;
}

.box-icon .text {
	color: var(--Text-3);
}

.box-icon.style-2 {
	max-width: 410px;
	width: 100%;
	border-right: unset !important;
}

.box-icon.style-2::after {
	border-right: 1px dashed var(--Border-13);
	right: -14px;
}

.box-icon.style-2 .icon {
	margin-bottom: 28px;
}

.box-icon.style-2 .caption {
	color: var(--Text-2);
	margin-bottom: 17px;
}

.box-icon.style-2 .text {
	color: var(--Text);
}

.box-icon.style-3 {
	flex-direction: row;
	gap: 12px;
	/* max-width: 257px; */
	border-radius: 8px;
	border: 1px solid var(--Bg-9);
	padding: 35px 15px 35px 35px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.box-icon.style-3:hover {
	border-color: var(--Primary);
}

.box-icon.style-3::after {
	content: none;
}

.box-icon.style-3 .icon {
	width: unset;
	height: unset;
	margin-bottom: unset;
}

.box-icon.style-3 .icon i {
	color: var(--Text-4);
	font-size: 35px;
}

.box-icon.style-3 .caption {
	color: var(--Text-2);
	margin-bottom: unset;
	text-align: left;
	line-height: 24px;
}

.box-icon.style-4 {
	max-width: 270px;
}

.box-icon.style-4 .icon {
	background-color: var(--Text-4);
	width: 80px;
	height: 80px;
	margin-bottom: 31px;
}

.box-icon.style-4 .caption {
	margin-bottom: 25px;
	color: var(--Text-2);
}

.box-icon.style-4 .text {
	color: var(--Text);
}

.box-icon.style-5 {
	max-width: 291px;
	background-color: var(--Secondary);
	border-radius: 8px;
	align-items: flex-start;
	padding: 50px 38px;
}

.box-icon.style-5 .icon {
	width: 65px;
	height: 65px;
	background-color: var(--Bg-6);
	transform: rotate(45deg);
}

.box-icon.style-5 .icon i {
	color: var(--White);
	font-size: 28px;
}

.box-icon.style-5 .text {
	font-size: 30px;
	color: var(--Bg-6);
	text-align: left;
	line-height: 40px;
}

.box-icon.style-6 {
	background-color: var(--Primary);
	max-width: 383px;
	width: 100%;
	border-radius: 8px;
	margin-top: 48px;
	margin-bottom: -65px;
	padding: 0px 15px 47px;
}

.box-icon.style-6 .icon {
	width: 125px;
	height: 125px;
	margin-top: -38px;
	margin-bottom: 47px;
}

.box-icon.style-6 .icon i {
	font-size: 57px;
}

.box-icon.style-6 .icon i.fs-67 {
	font-size: 67px;
}

.box-icon.style-6 .caption {
	padding-bottom: 29px;
	margin-bottom: 23px;
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
	letter-spacing: 0.5px;
}

.box-icon.style-6 .caption::after {
	content: "";
	position: absolute;
	width: 65px;
	height: 3px;
	background-color: var(--Secondary);
	bottom: 0;
}

.box-icon.style-6 .text {
	margin-bottom: 35px;
}

.box-icon.style-6 .btn-read svg {
	width: 58px;
}

.box-icon.style-6 .btn-read:hover svg path {
	fill: #f8c32c;
}


.box-portfolio {
	position: relative;
	z-index: 0;
	overflow: hidden;
	border-radius: 8px;
}

.box-portfolio .image {
	border-radius: 8px;
	overflow: hidden;
}

.box-portfolio .content {
	bottom: -140px;
	left: 35px;
	right: 35px;
	position: absolute;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	top: auto;
	z-index: 2;
}

.box-portfolio .content .sub {
	color: var(--Secondary);
	font-size: 25px;
	margin-bottom: 20px;
	letter-spacing: 1.4px;
}

.box-portfolio .content .title {
	color: var(--White);
	margin-bottom: 25px;
	padding-bottom: 25px;
	display: block;
	position: relative;
}

.box-portfolio .content .title::after {
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 57px;
	height: 2px;
	background-color: var(--Secondary);
}

.box-portfolio .content .text {
	color: var(--Text-3);
	visibility: hidden;
	opacity: 0;
	transform: translateY(20px);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.box-portfolio .content .bot {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: flex-end;
}

.box-portfolio .content .btn-read {
	visibility: hidden;
	opacity: 0;
	transform: translateY(20px);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.box-portfolio .content .btn-read i {
	font-size: 24px;
}

.box-portfolio .content .btn-read:hover {
	background-color: var(--Text-4);
	color: var(--White);
}

.box-portfolio::after {
	border-radius: 8px;
	content: "";
	position: absolute;
	width: 100%;
	height: 278px;
	bottom: 0;
	left: 0;
	background: linear-gradient(to top, rgba(13, 21, 15, 0.749), transparent);
	z-index: 1;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.box-portfolio::before {
	border-radius: 8px;
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0%;
	z-index: 1;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	background-color: rgb(13, 21, 15);
	opacity: 0.502;
}

.box-portfolio:hover::before {
	height: 100%;
}

.box-portfolio:hover .image img {
	filter: blur(0.8px);
}

.box-portfolio:hover .content {
	bottom: 35px;
}

.box-portfolio:hover .content .text {
	visibility: visible;
	opacity: 1;
	transform: translateY(0px);
}

.box-portfolio:hover .content .btn-read {
	visibility: visible;
	opacity: 1;
	transform: translateY(0px);
}

.box-portfolio.style-4 {
	position: relative;
}

.box-portfolio.style-4 .content {
	background-color: var(--White);
	border-radius: 8px;
	top: 265px;
	bottom: 20px;
	left: 20px;
	right: 23px;
	text-align: center;
	padding: 0px 35px 10px;
	height: 81px;
}

.box-portfolio.style-4 .content .icon {
	margin-bottom: 22px;
	visibility: hidden;
	opacity: 0;
	transform: scale(0);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.box-portfolio.style-4 .content .icon i {
	color: var(--Text-4);
	font-size: 61px;
}

.box-portfolio.style-4 .content .title {
	color: var(--Text-2);
	margin-bottom: 23px;
	padding-bottom: 29px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: -55px;
	white-space: nowrap;
}

.box-portfolio.style-4 .content .title::after {
	visibility: hidden;
	opacity: 0;
	transform: translateY(20px);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	left: unset;
	width: 64px;
	height: 3px;
}

.box-portfolio.style-4 .content .text {
	color: var(--Text);
	margin-bottom: 20px;
	transform: translateY(15px);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	visibility: hidden;
	opacity: 0;
}

.box-portfolio.style-4 .content .bot {
	justify-content: center;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	transform: translateY(15px);
	visibility: hidden;
	opacity: 0;
}

.box-portfolio.style-4 .content .bot a {
	background-color: var(--Primary);
	color: var(--White);
	display: block;
	padding: 12px 20px;
	border-radius: 8px;
	letter-spacing: 0.5px;
}

.box-portfolio.style-4 .content .bot a:hover {
	background-color: var(--Text-4);
}

.box-portfolio.style-4:hover .content {
	padding: 17px 15px 10px;
	top: 20px;
	height: calc(100% - 40px);
}

.box-portfolio.style-4:hover .content .title {
	margin-top: 0px !important;
	letter-spacing: 0.5px;
}

.box-portfolio.style-4:hover .content .title::after {
	visibility: visible;
	opacity: 1;
	transform: translateY(0px);
}

.box-portfolio.style-4:hover .content .icon {
	visibility: visible;
	opacity: 1;
	transition-delay: 0.1s;
	transform: scale(1);
	margin-bottom: 35px;
}

.box-portfolio.style-4:hover .content .text {
	transition-delay: 0.2s;
	transform: translateY(0px);
	visibility: visible;
	opacity: 1;
}

.box-portfolio.style-4:hover .content .bot {
	transition-delay: 0.3s;
	transform: translateY(0px);
	visibility: visible;
	opacity: 1;
}

.box-portfolio.style-4::after {
	background: linear-gradient(to top, rgba(13, 64, 28, 0.89), transparent);
}

.box-portfolio.style-3:hover .content-2 {
	background-color: var(--Primary);
}

.box-portfolio.style-3:hover .content-2 .text {
	color: var(--White);
}

.box-portfolio.style-3:hover .content-2 .crop-button-read {
	color: var(--White);
}

.box-portfolio.style-3::after {
	content: none;
}

.box-portfolio.style-3::before {
	content: none;
}

.box-portfolio.style-3 .image {
	max-height: 410px;
	position: relative;
	border-radius: 20px 20px 0px 0px;
}

.box-portfolio.style-3 .image::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 278px;
	bottom: 0;
	left: 0;
	background: linear-gradient(to top, rgba(13, 21, 15, 0.749), transparent);
	z-index: 1;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.box-portfolio.style-3 .image img {
	width: 100%;
}

.box-portfolio.style-3 .image .content {
	bottom: 28px !important;
	text-align: center;
}

.box-portfolio.style-3 .image .content .sub {
	margin-bottom: 5px;
}

.box-portfolio.style-3 .image .content .title {
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-size: 20px;
	line-height: 30px;
}

.box-portfolio.style-3 .image .content .title::after {
	content: none;
}

.box-portfolio.style-3 .content-2 {
	padding: 25px 25px 40px 25px;
	text-align: center;
	background-color: var(--Bg-8);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.box-portfolio.style-3 .content-2 .text {
	margin-bottom: 28px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.box-portfolio.style-5 .image img {
	width: 100%;
}

.box-portfolio.style-5 .content {
	bottom: -90px;
	left: 42px;
	right: 46px;
}

.box-portfolio.style-5 .content .bot {
	margin-top: 0px;
}

.box-portfolio.style-5 .content .title {
	margin-bottom: 48px;
	padding-bottom: 23px;
}

.box-portfolio.style-5:hover .content {
	bottom: 43px;
}

.box-portfolio.style-5:hover .content .sub {
	margin-bottom: 17px;
}

.box-portfolio.style-5:hover .content .title {
	margin-bottom: 28px;
	padding-bottom: 23px;
}

.box-portfolio.style-5:hover .content .bot {
	margin-top: 0px;
}

.box-portfolio.style-6 .image img {
	width: 100%;
}

.box-portfolio-style-2 {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	border-radius: 8px;
	overflow: hidden;
}

.box-portfolio-style-2 .image {
	width: 100%;
}

.box-portfolio-style-2 .content {
	max-width: 481px;
	width: 100%;
	background-color: var(--Primary);
	padding: 77px 40px 0px 48px;
}

.box-portfolio-style-2 .content .sub {
	color: var(--Secondary);
	font-size: 25px;
	margin-bottom: 14px;
	letter-spacing: 1.3px;
}

.box-portfolio-style-2 .content .title {
	color: var(--White);
	margin-bottom: 30px;
	padding-bottom: 19px;
	display: block;
	position: relative;
	line-height: 30px;
}

.box-portfolio-style-2 .content .title::after {
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 57px;
	height: 2px;
	background-color: var(--Secondary);
}

.box-portfolio-style-2 .content .text {
	color: var(--Text-3);
	margin-bottom: 41px;
}

.box-portfolio-style-2 .content .bot {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: flex-end;
}

.box-portfolio-style-2 .content .btn-read i {
	font-size: 24px;
}

.box-portfolio-style-2 .content .btn-read:hover {
	background-color: var(--Text-4);
	color: var(--White);
}

.box-portfolio-2 {
	position: relative;
	overflow: hidden;
}

.box-portfolio-2:hover .content {
	visibility: visible;
	opacity: 1;
	transform: translate(0px, 0px);
}

.box-portfolio-2 .image {
	border-radius: 8px;
	overflow: hidden;
	max-height: 465px;
	height: 100%;
}

.box-portfolio-2 .image img {
	width: 100%;
}

.box-portfolio-2 .content {
	position: absolute;
	top: 55px;
	bottom: 29px;
	left: 25px;
	max-width: 430px;
	width: 100%;
	background-color: var(--White);
	border-radius: 8px;
	padding: 60px 50px;
	z-index: 1;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	transform: translate(-50px, -50px);
	visibility: hidden;
	opacity: 0;
}

.box-portfolio-2 .content::after {
	content: "";
	position: absolute;
	top: 15px;
	left: 15px;
	right: 15px;
	bottom: 15px;
	border-radius: 15px;
	border: 1px dashed var(--Border);
	z-index: -1;
}

.box-portfolio-2 .content .sub {
	font-size: 25px;
	color: var(--Text-4);
	margin-bottom: 20px;
}

.box-portfolio-2 .content .title {
	display: block;
	margin-bottom: 20px;
	padding-bottom: 20px;
	position: relative;
}

.box-portfolio-2 .content .title::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 57px;
	height: 2px;
	background-color: var(--Secondary);
}

.box-portfolio-2 .content .text {
	margin-bottom: 40px;
}


.clip-color-text {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
}

.clip-color-text p {
	font-size: 120px;
	line-height: 130px;
	background-image: url("../images/home/clip-text.webp");
	background-repeat: no-repeat;
	background-size: cover;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	width: max-content;
}

/* .box-icon-list.style-2 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 37px;
} */
.box-icon-list.style-2 .box-icon {
	padding: 0px;
	border: unset;
	flex-direction: column;
}

.box-icon-list.style-2 .box-icon .icon {
	width: 79px;
	height: 79px;
	background-color: var(--White);
	border: 2px solid var(--Primary);
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.box-icon-list.style-2 .box-icon .icon i {
	color: var(--Primary);
}

.box-icon-list.style-2 .box-icon .icon::after {
	content: "";
	position: absolute;
	height: 100%;
	background-color: var(--Primary);
	left: 50%;

}

.box-icon-list.style-2 .box-icon .caption {
	color: var(--Text-2);
	font-size: 16px;
	text-align: center;
	line-height: 26px;
}

.box-text {
	border-radius: 8px;
	background-color: var(--Bg-6);
	position: relative;
	padding: 48px 55px 57px 55px;
}

.box-text::after {
	content: "";
	position: absolute;
	top: 16px;
	right: 19px;
	left: 19px;
	bottom: 16px;
	border-radius: 15px;
	border: 1px dashed var(--Black);
	z-index: 0;
}

.box-text p {
	font-size: 26px;
	text-align: center;
}

.box-text p.title {
	font-size:30px;
	line-height: 55px;
	color: var(--Secondary);
	margin-bottom: 8px;
}

.box-text p.text {
	font-size:19px;
	color: var(--Black);
	line-height: 36px;
}


/*------------ sections ---------------- */
.main-content.pb-0 {
	padding-bottom: 0px;
}

.main-content.pt-0 {
	padding-top: 0px;
}

.main-content.page-index {
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: -23px;
}

.main-content.mb--20 {
	margin-bottom: -20px;
}


.main-content.page-event-detail .slider-event-detail {
	margin-bottom: 43px;
}

.main-content.page-event-detail .tour-infor {
	background-color: var(--Bg-8);
	border-radius: 8px;
	padding: 51px 45px 51px 47px;
	position: relative;
	margin-bottom: 51px;
}

.main-content.page-event-detail .tour-infor .icon {
	display: flex;
    justify-content: center; /* Horizontally center */
    align-items: center; /* Vertically center */
	width: 65px;
	height: 65px;
	background-color: var(--Primary);
	transform: rotate(30deg);
	position: absolute;
	top: 30px;
	right: 30px;
}

.main-content.page-event-detail .tour-infor .icon i {
	font-size: 29px;
	color: var(--White);
}

.main-content.page-event-detail .tour-infor .title-2 {
	margin-bottom: 29px;
}

.main-content.page-event-detail .tour-infor .tour-infor-list {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	gap: 13px;
}

.main-content.page-event-detail .tour-infor .tour-infor-list li {
	position: relative;
}

.main-content.page-event-detail .tour-infor .tour-infor-list li::after {
	content: "";
	position: absolute;
	width: 7px;
	height: 7px;
	border-radius: 8px;
	background-color: var(--Text-4);
	left: 0;
	top: 9px;
}

.main-content.page-event-detail .tour-infor .tour-infor-list li p {
	padding-left: 22px;
	letter-spacing: 0.1px;
	color: var(--Text-2);
}

.main-content.page-event-detail .tour-schedule .list {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
}

.main-content.page-event-detail .tour-schedule .list li {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 45px;
}

.main-content.page-event-detail .tour-schedule .list li:not(:last-child) {
	padding-bottom: 31px;
	border-bottom: 1px dashed var(--Border-12);
}

.main-content.page-event-detail .tour-schedule .list li:not(:first-child) {
	padding-top: 29px;
}

.main-content.page-event-detail .tour-schedule .list li .image {
	border-radius: 8px;
	overflow: hidden;
	width: 100%;
	height: 100%;
	max-width: 166px;
	max-height: 166px;
	flex-shrink: 0;
}

.main-content.page-event-detail .tour-schedule .list li .image img {
	width: 100%;
	height: 166px;
	object-fit: cover;
}

.main-content.page-event-detail .tour-schedule .list li .text-wrap {
	display: flex;
	flex-direction: column;
	margin-top: -9px;
	gap: 10px;
}

.main-content.page-event-detail .tour-schedule .list li .text-wrap .name-tour {
	font-size: 26px;
	line-height: 50px;
	color: var(--Text-2);
	font-weight: 600;
	 font-family: "Roboto", sans-serif;
}

.main-content.page-event-detail .content {
	max-width: 830px;
	width: 100%;
	margin-right: auto;
}

.main-content.page-event-detail .content .title {
	margin-bottom: 21px;
	line-height: 50px;
}

.main-content.page-event-detail .content .title.s2 {
	margin-bottom: 82px;
}

.main-content.page-event-detail .content .text-1 {
	margin-bottom: 16px;
}

.main-content.page-event-detail .content .text-2 {
	margin-bottom: 49px;
}

.main-content.page-faq {
	padding: 127px 0px 106px;
}

.main-content.page-faq .content {
	max-width: 830px;
	width: 100%;
	margin-left: auto;
}

.main-content.page-faq .content .title {
	line-height: 50px;
	margin-top: -13px;
	margin-bottom: 17px;
}

.main-content.page-faq .content .text {
	margin-bottom: 40px;
}

.main-content.page-faq .content .widget-content-tab {
	margin-bottom: 80px;
}

.main-content.page-faq .content .widget-content-tab .accordion-item {
	border: unset;
}

.main-content.page-faq .content .widget-content-tab .accordion-item:not(:last-child) {
	margin-bottom: 9px;
}

.main-content.page-faq .content .widget-content-tab .accordion-item .accordion-body {
	padding: 30px 30px 34px 30px;
}

.main-content.page-faq .content .bot {
	background-color: var(--Text-4);
	border-radius: 8px;
	position: relative;
	padding: 74px 0px 80px 70px;
}

.main-content.page-faq .content .bot p {
	color: var(--White);
	 font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-size: 20px;
}

.main-content.page-faq .content .bot p.question {
	line-height: 50px;
	font-weight: 700;
	font-size: 40px;
	margin-bottom: 38px;
	letter-spacing: 0.8px;
}

.main-content.page-faq .content .bot p.sub {
	margin-bottom: 6px;
}

.main-content.page-faq .content .img-item {
	position: absolute;
}

.main-content.page-faq .content .img-item.item-1 {
	bottom: 0;
	right: 46px;
}

.main-content.page-faq .content .img-item.item-2 {
	bottom: 0;
	left: 0;
}

.main-content.page-our-commitments {
	padding: 104px 0px 106px;
}

.main-content.page-our-commitments .custom_product_sol {
	position: relative;
	padding: 0px;
	padding-bottom: 46px;
}

.main-content.page-our-commitments .custom_product_sol .box-icon-list {
	margin-bottom: 71px;
}

.main-content.page-our-commitments .custom_product_sol .img-item {
	position: relative;
}

.main-content.page-our-commitments .custom_product_sol .img-item.item-4 {
	margin-bottom: 29px;
}

.main-content.page-our-commitments .custom_product_sol .img-item.item-3 {
	top: 54%;
	left: -98px;
}

.main-content.page-our-commitments .custom_product_sol .sub {
	margin-bottom: 70px;
	font-size: 23px;
	line-height: 30px;
}

.main-content.page-our-commitments .custom_product_sol .heading {
	margin-bottom: 20px;
}

.main-content.page-our-commitments .custom_product_sol .heading p {
	font-size: 45px;
	line-height: 55px;
	 font-family: "Roboto", sans-serif;
	font-weight: 700;
	color: var(--Text-2);
	margin-bottom: 21px;
}

.main-content.page-our-commitments .custom_product_sol .content-section {
	z-index: 1;
}

.main-content.page-our-commitments .custom_product_sol .s-img-item {
	position: absolute;
	bottom: 0;
	z-index: 0;
}

.main-content.page-our-commitments .custom_product_sol .s-img-item.item-2 {
	bottom: -20px;
}

.main-content.page-our-commitments .custom_product_sol .video-wrap {
	z-index: 2;
	margin-bottom: -90px;
}

.main-content.page-our-commitments .s-benefit {
	margin: 0px;
	background-color: var(--Bg-11);
	position: relative;
}

.main-content.page-our-commitments .s-benefit .benefit-list {
	max-width: unset;
	border-radius: unset;
	z-index: 1;
	background-color: unset;
}

.main-content.page-our-commitments .s-benefit .benefit-list::after {
	content: none;
}

.main-content.page-our-commitments .s-benefit .benefit-list::before {
	content: none;
}

.main-content.page-our-commitments .s-benefit::after {
	position: absolute;
	content: "";
	background: linear-gradient(to top, #0d401c, #1c6932);
	width: 100%;
	height: 100%;
	z-index: 0;
	top: 0;
	left: 0;
}

.main-content.page-our-commitments .s-benefit .box-icon:not(:last-child)::after {
	right: 0px;
}

.main-content.page-our-service {
	padding: 115px 0px 106px;
}

.main-content.page-our-service .s-testimonial-2 {
	position: relative;
	padding: 120px 0px 417px;
}

.main-content.page-our-service .s-testimonial-2 .s-img-item.item-1 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.main-content.page-our-service .s-testimonial-2 .s-img-item.item-1 img {
	width: 100%;
	height: 200px;
	object-fit: cover;
	object-position: bottom;
}

.main-content.page-our-service .s-testimonial-2 .s-img-item.item-2 {
	position: absolute;
	bottom: -20px;
	left: 0;
	width: 100%;
}

.main-content.page-our-service .s-testimonial-2 .s-img-item.item-2 img {
	width: 100%;
}

.main-content.page-our-service .custom-contact-us {
	margin-bottom: unset;
	background-color: transparent;
}

.main-content.page-our-service .custom-contact-us .section-wrap {
	top: unset;
}

.main-content.page-our-service .custom-contact-us .content-left .image {
	max-height: unset !important;
}

.main-content.page-our-service .s-partner {
	padding-top: 100px;
}

.main-content.page-portfolio-details {
	padding: 0px 0px 109px;
}

.main-content.page-portfolio-details .slider-portfolio {
	margin-bottom: 63px;
	padding-top: 25px;
}

.main-content.page-portfolio-details .content {
	max-width: 830px;
	width: 100%;
	margin-right: auto;
}

.main-content.page-portfolio-details .content .title-2 {
	color: var(--Text-2);
	margin-bottom: 27px;
}

.main-content.page-portfolio-details .content .bot {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-right: 59px;
}

.main-content.page-portfolio-details .content .bot .btn-project {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	gap: 20px;
}

.main-content.page-portfolio-details .content .bot .btn-project:hover p {
	color: var(--Text-4);
}

.main-content.page-portfolio-details .content .bot .btn-project .image {
	border-radius: 5px;
	max-height: 78px;
	max-width: 78px;
}

.main-content.page-portfolio-details .content .bot .btn-project p {
	font-weight: 600;
	font-size: 14px;
	letter-spacing: 1.4px;
	color: var(--Text-2);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.main-content.page-portfolio-details .wrap {
	border-bottom: 1px solid var(--Bg-9);
	padding-bottom: 41px;
	margin-bottom: 48px;
}

.main-content.page-portfolio-details .wrap.s2 {
	padding-bottom: 49px;
}

.main-content.page-portfolio-details .wrap.s3 {
	margin-bottom: 50px;
}

.main-content.page-portfolio-details .s1 .title {
	position: relative;
	margin-bottom: 37px;
	border-bottom: 1px solid var(--Bg-9);
	padding-bottom: 22px;
}

.main-content.page-portfolio-details .s1 .title::after {
	content: "";
	position: absolute;
	width: 153px;
	height: 3px;
	bottom: 0;
	left: 0;
	background-color: var(--Secondary);
}

.main-content.page-portfolio-details .s1 .text-1 {
	margin-bottom: 16px;
}

.main-content.page-portfolio-details .s2 .text-3 {
	margin-bottom: 42px;
}

.main-content.page-portfolio-details .s2 .tips {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
}

.main-content.page-portfolio-details .s3 .text-3 {
	margin-bottom: 20px;
}

.main-content.page-portfolio-details .s3 .benefit {
	margin-bottom: 20px;
}

.main-content.page-portfolio-details .s3 .benefit ul li {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	gap: 14px;
}

.main-content.page-portfolio-details .s3 .benefit ul li .icon i {
	font-size: 18px;
	color: var(--Text-4);
}

.main-content.page-portfolio-details .s3 .benefit ul li p {
	font-style: "Work Sans", sans-serif;
	font-weight: 600;
	font-size: 18px;
	line-height: 42px;
	color: var(--Text-2);
}

.main-content.page-portfolio-details .tf-sidebar {
	margin-top: 12px;
}

.main-content.page-service-detail {
	padding: 123px 0px 106px;
}

.main-content.page-service-detail .slider-service-detail {
	margin-bottom: 40px;
}

.main-content.page-service-detail .content {
	max-width: 830px;
	width: 100%;
	margin-right: auto;
}

.main-content.page-service-detail .content .title {
	padding-bottom: 21px;
	margin-bottom: 32px;
	border-bottom: 1px solid var(--Border);
	position: relative;
}

.main-content.page-service-detail .content .title::after {
	content: "";
	position: absolute;
	width: 155px;
	height: 3px;
	background-color: var(--Secondary);
	bottom: 0;
	left: 0;
}

.main-content.page-service-detail .content .quote {
	background-color: var(--Secondary);
	border-radius: 8px;
	padding: 35px 40px 35px 42px;
	margin-bottom: 38px;
}

.main-content.page-service-detail .content .quote p {
	font-size: 26px;
	line-height: 33px;
	color: var(--Bg-6);
}

.main-content.page-service-detail .content .text {
	margin-bottom: 26px;
}

.main-content.page-service-detail .content .text.text-2 {
	margin-bottom: 33px;
	padding-bottom: 42px;
	border-bottom: 1px solid var(--Bg-9);
}

.main-content.page-service-detail .content .text.text-3 {
	margin-bottom: 41px;
}

.main-content.page-service-detail .content .offer-list {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	margin-bottom: 32px;
	gap: 52px;
}

.main-content.page-service-detail .content .title-2 {
	 font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-size: 26px;
	line-height: 50px;
	color: var(--Text-2);
	margin-bottom: 34px;
}

.main-content.page-service-detail .content .solution {
	margin-bottom: 33px;
}

.main-content.page-service-detail .content .benefit {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 32px;
	padding-bottom: 49px;
	border-bottom: 1px solid var(--Bg-9);
}

.main-content.page-service-detail .content .box-icon {
	padding: 31px 15px 32px 35px;
	gap: 21px;
}

.main-content.page-service-detail .content .box-icon .caption {
	font-size: 18px;
	line-height: 28px;
	font-weight: normal;
}

.main-content.page-service-detail .content .box-icon i {
	font-size: 45px;
}

.main-content.page-service-detail .content .box-icon i.fs-40 {
	font-size: 40px;
}

.main-content.page-service-detail .content .tf-accordion {
	max-width: unset;
	margin-right: unset;
}

.main-content.page-gallery {
	padding: 116px 0px 111px;
}

.main-content.page-our-events {
	padding: 115px 0px 106px;
}

.main-content.page-portfolio-1 {
	padding: 120px 0px 68px;
}

.main-content.page-portfolio-1.style-2 {
	padding: 113px 0px 68px;
}

.main-content.page-testimonial {
	padding: 113px 0px 106px;
}

.main-content.page-shop-product {
	padding-top: 119px;
}


.heading-section {
	margin-bottom: 30px;
}

.heading-section.mb-81 {
	margin-bottom: 81px;
}

.heading-section.mb-26 {
	margin-bottom: 26px;
}

.heading-section.mb-35 {
	margin-bottom: 35px;
}

.heading-section .sub-title {
	color: var(--Text-4);
	 font-family: "Roboto", sans-serif;
	font-size: 23px;
	line-height: 26px;
	margin-bottom: 16px;
}

.heading-section .sub-title.fs-35 {
	font-size: 35px;
}

.heading-section .title {
	font-size: 45px;
	line-height: 55px;
	 font-family: "Roboto", sans-serif;
	color: var(--Text-2);
	font-weight: 700;
}

.heading-section .title.mb-21 {
	margin-bottom: 21px;
}

.heading-section .img-item .mb-25 {
	margin-bottom: 25px;
}

.heading-section.has-text .title {
	margin-bottom: 15px;
}

.heading-section.has-text .title.mb-24 {
	margin-bottom: 24px;
}

.heading-section.has-text .title.mb-18 {
	margin-bottom: 18px;
}

.heading-section.has-text .text {
	color: var(--Text-2);
	margin-bottom: 26px;
	letter-spacing: 0.1px;
}

.heading-section.style-2 {
	margin-bottom: 26px;
}

.heading-section.style-2.mb-43 {
	margin-bottom: 43px;
}

.heading-section.style-2 .img-item {
	margin-bottom: 16px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
}

.heading-section.style-2 .img-item .item {
	margin-right: 19px;
}

.heading-section.style-2 .img-item .item.mr-16 {
	margin-right: 16px;
}

.heading-section.style-2 .img-item .item.mr-25 {
	margin-right: 25px;
}

.heading-section.style-2 .img-item .sub-title {
	margin-bottom: 0px;
}

.heading-section.style-3 .sub-title {
	color: var(--Secondary);
}

.heading-section.style-3 .title {
	color: var(--White);
}

.heading-section.style-3 .text {
	color: var(--Text-3);
}

.heading-section.style-4 .img-item {
	margin-bottom: 20px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
}

.heading-section.style-4 .img-item.mb-25 {
	margin-bottom: 25px;
}

.heading-section.style-4 .img-item .item {
	margin-right: 15px;
}

.heading-section.style-4 .img-item .item.mr-23 {
	margin-right: 23px;
}

.heading-section.style-4 .img-item .sub-title {
	margin-bottom: 0px;
}

.s-sub {
	margin-bottom: 79px;
}


.inq-break-page {
	height: 425px;
	background-color: var(--Secondary);
	position: relative;
	z-index: 3;
}

.inq-break-page .img-item {
	position: absolute;
}

.inq-break-page .img-item.item-1 {
	top: -20px;
	left: 0;
	width: 100%;
}

.inq-break-page .img-item.item-1 img {
	height: 23px;
	width: 100%;
	object-fit: cover;
}

.inq-break-page .img-item.item-2 {
	right: 0;
	bottom: 0;
}

.inq-break-page .img-item.item-3 {
	bottom: -40px;
	left: 0;
	width: 100%;
}

.inq-break-page .img-item.item-3 img {
	width: 100%;
	height: 60px;
}

.inq-break-page.style-2 {
	height: 580px;
	position: relative;
	z-index: 0;
}

.inq-break-page.style-2 .content {
	position: absolute;
	top: 0;
	z-index: 3;
	padding: 156px 0px 0px;
	width: 100%;
}

.inq-break-page.style-2 .content h1 {
	color: var(--White);
	padding: 0px 15px;
}

.inq-break-page.style-2::after {
	z-index: 0;
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	background: url("../images/home/we-delivered.webp");
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

.inq-break-page.style-2::before {
	background-color: var(--Bg-14);

	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 1;
}

.inq-break-page.style-3 {
	background-color: transparent;
	height: auto;
}

.inq-break-page.style-3 .image {
	position: relative;
	z-index: 1;
	height: 100%;
}

.inq-break-page.style-3 .image img {
	height: 100%;
	width: 100%;
}

.inq-break-page.style-3 .content {
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.inq-break-page.style-3 .content .text {
	color: var(--White);
}

.inq-break-page.style-3 .content .img-item {
	position: relative;
}

.s-box-portfolio {
	position: relative;
	z-index: 4;
	margin-top: -344px;
}

.mission-vission {
	padding-top: 130px;
	padding-bottom: 70px;
}


.about-us-box {
	padding-top: 130px;
	padding-bottom: 70px;
}

.about-us-box .main-section {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	gap: 30px;
}

.about-us-box .main-section .content-left {
	max-width: 820px;
	width: 100%;
	flex-shrink: 0;
}

.about-us-box .main-section .content-left .heading-section {
	margin-bottom: 25px;
}

.about-us-box .main-section .content-left .text-1 {
	margin-bottom: 16px;
}

.about-us-box .main-section .content-left .text-2 {
	margin-bottom: 42px;
}

.about-us-box .main-section .content-left .btn-read-more {
	margin-bottom: 50px;
}

.about-us-box .main-section .content-left .image {
	border-radius: 8px;
	overflow: hidden;
}

.about-us-box .main-section .content-right {
	width: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.about-us-box .main-section .content-right .box-trust {
	height: 100%;
	border-radius: 8px;
	padding: 19px;
	background-color: var(--Primary);
}

.about-us-box .main-section .content-right .box-trust .has-border {
	border-radius: 15px;
	border: 1px dashed var(--Border-3);
	padding: 57px 34px 50px;
	height: 100%;
}

.about-us-box .main-section .content-right .box-trust .benefit-list {
	border-bottom: 1px solid var(--Border-3);
	padding-bottom: 27px;
	margin-bottom: 34px;
}

.about-us-box .main-section .content-right .box-trust .benefit-list li {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	gap: 16px;
}

.about-us-box .main-section .content-right .box-trust .benefit-list li:not(:last-child) {
	margin-bottom: 14px;
}

.about-us-box .main-section .content-right .box-trust .benefit-list li i {
	color: var(--Secondary);
	font-size: 18px;
}

.about-us-box .main-section .content-right .box-trust .benefit-list li p {
	color: var(--White);
	font-size: 18px;
}

.about-us-box .main-section .content-right .box-trust .box-icon-list {
	margin-bottom: 50px;
}

.about-us-box .main-section .content-right .box-trust .box-icon-list li:not(:last-child) {
	margin-bottom: 25px;
}

.about-us-box .main-section .content-right .box-trust .box-icon-list li .box-icon {
	padding: 0px;
	border: unset;
	max-width: unset;
	justify-content: flex-start;
	gap: 15px;
}

.about-us-box .main-section .content-right .box-trust .box-icon-list li .box-icon .icon {
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	/* ताकि image गोल आकार से बाहर न जाए */
	width: 79px;
	height: 79px;
	background-color: var(--Text-7);
}

.about-us-box .main-section .content-right .box-trust .box-icon-list li .box-icon .icon i {
	color: var(--Secondary);
}

.about-us-box .main-section .content-right .box-trust .box-icon-list li .box-icon .icon i.icon-farmer {
	font-size: 48px;
}

.about-us-box .main-section .content-right .box-trust .box-icon-list li .box-icon .caption {
	color: var(--White);
	line-height: 28px;
	font-size: 19px;
}

.about-us-box .main-section .content-right .box-trust .crop-button-read {
	margin-left: 22px;
}

.p_sol {
	background-color: var(--Bg-8);
	position: relative;
	padding-top: 117px;
	z-index: 1;
}

.p_sol .s-img-item.item-2 {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 0;
}

.p_sol .s-img-item.item-3 {
	position: absolute;
	bottom: -30px;
	height: 60px;
	width: 100%;
}

.p_sol .heading-section {
	z-index: 2;
	position: relative;
	padding-bottom: 30px;
}

.p_sol .box-icon {
	position: relative;
	z-index: 2;
}

.selling_products {
	position: relative;
	margin-top: 30px;
}

.selling_products.mt-0 {
	margin-top: 0px;
}

.selling_products.tf-pt-0 .crop-container {
	padding-top: 0px;
}

.selling_products .crop-container {
	padding-top: 30px;
}

.selling_products .s-img-item.z-3 {
	z-index: 3;
}

.selling_products .s-img-item.item-1 {
	position: absolute;
	top: -30px;
	width: 100%;
}

.selling_products .s-img-item.item-1.t--40 {
	top: -40px;
}

.selling_products .s-img-item.item-1 img {
	height: 60px;
	width: 100%;
}

.selling_products .s-img-item.item-bottom {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

.selling_products .s-img-item.item-bottom img {
	height: 60px;
	width: 100%;
}


.custom-contact-us {
	margin-bottom: -50px;
	background-color: var(--Bg-8);
	position: relative;
}

.custom-contact-us .image {
	border-radius: 8px;
	overflow: hidden;
	position: relative;
	z-index: 2;
}

.custom-contact-us .image .img-item {
	position: absolute;
	bottom: 0;
	right: 0;
}

.custom-contact-us .contact-list {
	background-color: var(--Secondary);
	border-radius: 8px;
	padding: 57px 50px 56px 50px;
	position: relative;
	z-index: 1;
	gap: 23px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
}

.custom-contact-us .contact-list::after {
	content: "";
	position: absolute;
	top: 19px;
	right: 19px;
	bottom: 19px;
	left: 19px;
	border-radius: 15px;
	border: 1px dashed var(--Border-7);
	z-index: 0;
}

.custom-contact-us .contact-list li {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	position: relative;
	z-index: 1;
	gap: 29px;
}

.custom-contact-us .contact-list li .icon {
	display: flex;
    align-items: center; /* Ensures vertical centering */
    justify-content: center; /* Ensures horizontal centering */
    text-align: center;
    border-radius: 8px;
    width: 56px;
    height: 56px;
    background-color: var(--Black);
}

.custom-contact-us .contact-list li .icon i {

	color: var(--White);
	font-size: 20px;
}

.custom-contact-us .contact-list li .infor {
	gap: 8px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
}

.custom-contact-us .contact-list li p {
	color: var(--Black);
	font-size: 16px;
}

.custom-contact-us .contact-list li p.title {
	color: var(--Black);
	 font-family: "Roboto", sans-serif;
	font-size: 18px;
	line-height: 26px;
	font-weight: 500;
}

.custom-contact-us .content-section {
	height: 100%;
	background-color: var(--Primary);
	border-radius: 8px;
	padding: 92px 54px 77px 51px;
	position: relative;
	z-index: 1;
}

.custom-contact-us .content-section .heading-section.mb-50 {
	margin-bottom: 50px;
}

.custom-contact-us .content-section .img-item.item-1 {
	position: absolute;
	top: 20px;
	right: 25px;
}

.custom-contact-us .content-section .form-send-message input {
	padding: 15px 19px 11px 22px !important;
}

.custom-contact-us .section-wrap {
	position: relative;
	top: -136px;
	bottom: 0;
}

.custom-contact-us .section-wrap .image {
	max-height: 283px;
	height: 100%;
	width: 100%;
}

.custom-contact-us .section-wrap .image.mh-unset {
	max-height: unset;
}

.custom-contact-us .section-wrap .image .img {
	max-height: 283px;
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.custom-contact-us.style-2 {
	padding-top: 200px;
	padding-bottom: 100px;
	margin-bottom: 0px;
	background-image: url("../images/item/yellow-field.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom;
	/* -- */
}

.custom-contact-us.style-2.pt-147 {
	padding-top: 147px;
}

.custom-contact-us.style-2.pt-138 {
	padding-top: 138px;
}

.custom-contact-us.style-2.pt-118 {
	padding-top: 118px;
}

.custom-contact-us.style-2.pt-124 {
	padding-top: 124px;
}

.custom-contact-us.style-2.pb-80 {
	padding-bottom: 80px;
}

.custom-contact-us.style-2.pb-82 {
	padding-bottom: 82px;
}

.custom-contact-us.style-2.pb-88 {
	padding-bottom: 88px;
}

.custom-contact-us.style-2.pb-78 {
	padding-bottom: 78px;
}

.custom-contact-us.style-2 .box-map {
	margin-bottom: 30px;
}

.custom-contact-us.style-2 .section-wrap {
	position: unset;
	top: unset;
}

.custom-contact-us.style-2 .content-section {
	padding: 26px 54px 77px 49px;
	background-color: transparent;
}

.custom-contact-us.style-2.bg-white {
	background-color: var(--White);
}

.custom-contact-us.style-3 {
	margin-top: -293px;
}


.custom_product_sol {
	position: relative;
	z-index: 0;
	padding: 103px 0px 112px;
}

.custom_product_sol .clip-color-text {
	margin-bottom: 18px;
}

.custom_product_sol .content-section {
	position: relative;
}

.custom_product_sol .content-section .sub {
	letter-spacing: 0.3px;
	margin-bottom: 73px;
}

.custom_product_sol .content-section .img-item.item-3 {
	position: absolute;
	left: 0;
	top: 19%;
	left: -109px;
}

.custom_product_sol .content-section .sub {
	color: var(--Text-2);
}

.custom_product_sol .content-section .slider-box-icon {
	max-width: 916px;
	width: 100%;
	margin: 0px auto 67px;
}

.custom_product_sol .img-item {
	position: absolute;
}

.custom_product_sol .img-item.item-1 {
	top: -30px;
	right: -4px;
}

.custom_product_sol .img-item.item-2 {
	bottom: -94px;
	left: -4px;
}

.custom_product_sol.style-2 {
	position: relative;
	padding: 108px 0px 165px;
}

.custom_product_sol.style-2 .content-section {
	z-index: 2;
}

.custom_product_sol.style-2 .content-section .img-item.item-3 {
	top: 34%;
	left: -35px;
}

.custom_product_sol.style-2::after {
	content: "";
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 300px;
	background-image: url("../images/item/gree-field.jpg");
	background-position: center;
	background-size: cover;
	z-index: 0;
}


.hidden {
	display: none;
}


.btn-loadMore.mt-20 {
	margin-top: 20px;
}

.more-portfolio.item {
	margin: 30px 0px 0px;
}


.s-farm-tour {
	padding-top: 105px;
}


.s-provide {
	padding-top: 121px;
	padding-bottom: 46px;
}


.portfolio-wrap {
	max-width: 1290px;
	margin: 0 auto;
}

.grid-isotope-1 {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
}

.grid-isotope-1 .item {
	width: 100%;
	padding: 15px 0px;
}

.grid-isotope-3 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}

.grid-isotope-3 .item {
	width: 33.333333333%;
	padding: 15px;
}

.btn-sidebar-account {
	position: fixed;
	top: 30%;
	left: 0;
	z-index: 100;
}

.btn-sidebar-account button {
	width: 38px;
	height: 38px;
	display: flex;
	border: 1px solid var(--Border);
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	justify-content: center;
	align-items: center;
	background-color: var(--White);
}

.btn-sidebar-account button .icon {
	width: 17px;
}

.btn-sidebar-account.right {
	right: 0;
	left: auto;
}

.btn-sidebar-account {
	top: 20%;
}


.list-account-address {
	display: grid;
	gap: 40px 30px;
}

.show-form-address,
.edit-form-address {
	display: none;
}

/*------------ blog ---------------- */
.page-title {
	padding: 150px 0px 50px;
	position: relative;
	z-index: 0;
	/* background-image: url("../images/page-title/blog-full-w.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed; */
	overflow: hidden;
  }
  .page-title .rellax {
	position: absolute;
	top: -15px;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
  }
  .page-title .rellax img {
	min-height: 800px;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: bottom;
  }
  .page-title.style-2 {
	padding: 100px 0px 50px;
  }
  .page-title::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	background-color: var(--Bg-2);
  }
  .page-title .content-wrap {
	position: relative;
	z-index: 1;
  }
  .page-title .content.center {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
  }
  .page-title .content .sub-title {
	 font-family: "Roboto", sans-serif;
	color: var(--Secondary);
	font-size: 23px;
	margin-bottom: 9px;
  }
  .page-title .content .title {
	font-family: "Roboto", sans-serif;
	text-transform: uppercase;
	color: var(--White);
	font-weight: 700;
	font-size:50px;
	margin-bottom: 2px;
  }
  .page-title .content .icon-img {
	margin-bottom: 87px;
  }
  .page-title .content .breadcrumb {
	position: relative;
	z-index: 2;
	margin-bottom: 0px;
	gap: 7px;
  }
  .page-title .content .breadcrumb i {
	color: var(--White);
	font-size: 24px;
	position: relative;
	top: -2px;
  }
  .page-title .content .breadcrumb a {
	color: var(--White);
	 font-family: "Roboto", sans-serif;
	font-size: 20px;
  }
  .page-title .content .breadcrumb a:hover {
	color: var(--Secondary);
  }
  .page-title .content .breadcrumb a:last-child {
	cursor: default;
  }
  .page-title .img-item {
	position: absolute;
	width: 100%;
	z-index: 1;
  }
  .page-title .img-item img {
	width: 100%;
  }
  .page-title .img-item.item-1 {
	top: -24px;
	left: 0;
  }
  .page-title .img-item.item-2 {
	bottom: -1px;
	left: 0;
  }

/*-------------- Responsive ----------------- */
@media (min-width: 1900px) {
	.slider-s-project {
		overflow: visible;
	}
}

@media (min-width: 576px) {
	.tf-cols .cols-sm-6 {
		width: calc(50% - 15px);
	}
}

@media (min-width: 768px) {
	.list-account-address {
		grid-template-columns: repeat(2, 1fr);
	}

	.tf-cols {
		gap: 30px;
	}

	.tf-cols .cols-md-6 {
		width: calc(50% - 15px);
	}
}

@media (min-width: 992px) {
	.tf-cols .cols-lg-6 {
		width: calc(50% - 15px);
	}

	.coupon-wrap {
		padding: 23px 30px 35px 30px;
	}

	.tf-table-page-cart thead th:first-child {
		width: 270px;
	}

	.modal-log .modal-dialog {
		max-width: 870px;
	}
}

@media (min-width: 1200px) {
	.modal-addcart .modal-dialog .modal-content {
		padding: 50px;
		gap: 30px;
	}

	.mini-cart-list {
		gap: 20px;
	}

	.box-order {
		padding: 30px 35px 25px 35px;
	}

	.tf-table-page-cart thead th:first-child {
		width: 360px;
	}

	.tf-table-page-cart tr td {
		padding: 25px 0px;
	}

	.tf-table-page-cart tr td:first-child {
		padding: 25px 15px 25px 0px;
	}
}

@media (min-width: 992px) and (max-width: 1439px) {

	.main-content.page-service-detail .content .benefit {
		gap: 15px;
	}

	.main-content.page-service-detail .content .box-icon {
		gap: 10px;
		padding: 30px;
	}
}

@media (min-width: 768px) and (max-width: 1439px) {
	.footer.style-2 .tf-accordion-content {
		display: flex !important;
		flex-direction: column;
	}

	.custom_collapse-content {
		display: flex !important;
		flex-direction: column;
	}
}

@media (min-width: 992px) and (max-width: 1300px) {
	.p_sol .box-icon .caption {
		display: -webkit-box;
		/* Giới hạn số dòng là 4 */
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		padding-bottom: 0px;
	}

	.p_sol .box-icon .caption::after {
		content: none;
	}

	.p_sol .box-icon .icon {
		width: 100px;
		height: 100px;
	}

	.p_sol .box-icon .icon i {
		font-size: 50px !important;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.main-content.page-blog-single .meta-list {
		gap: 15px;
	}

	.main-content.page-blog-single .meta-list li:not(:last-child)::after {
		right: -4px;
	}

	.box-portfolio.style-4 .content {
		height: 65px;
	}

	.box-portfolio.style-4 .content .title {
		font-size: 18px;
		margin-top: -60px;
	}

	.box-portfolio.style-4:hover .content .icon {
		margin-bottom: 15px;
	}

	.box-portfolio.style-4:hover .content .title {
		margin-bottom: 15px;
		padding-bottom: 20px;
	}

	.box-portfolio.style-4:hover .content .text {
		margin-bottom: 20px;
		display: -webkit-box;
		/* Giới hạn số dòng là 4 */
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

@media (max-width: 1800px) {

	.scroll-element,
	.scroll-element-2,
	.scroll-element-3,
	.scroll-element-4 {
		transform: translate(0, 0) !important;
	}

	.scale-1-1 {
		transform: scale(1);
	}

	.s-question .image img {
		object-fit: cover;
	}

	.inq-break-page.style-3 br {
		display: block;
	}

	.inq-break-page.style-3 .image img {
		min-height: 500px;
		object-fit: cover;
	}

	.p_sol-2 {
		overflow: hidden;
	}

	.p_sol-2 .content-section {
		padding: 47px 92px 50px 190px;
	}

	.s-blog-post .btn-s-blog-post.btn-next {
		right: 50px !important;
	}

	.s-blog-post .btn-s-blog-post.btn-prev {
		left: 50px !important;
	}
}

@media (max-width: 1600px) {
	.custom_product_sol .img-item.item-1 {
		right: 0px;
	}

	.s-banner.style-2 .image img {
		min-height: 450px;
		max-height: unset;
	}

	.main-content.page-our-commitments .video-wrap {
		width: 100%;
	}

	.main-content.page-our-commitments .s-other-commitment .s-img-item.item-2 {
		max-width: 150px;
		bottom: unset;
		left: unset;
	}

	.p_sol-2 .content-section {
		max-width: unset;
		width: 33.333%;
		flex-shrink: unset;
		padding: 30px 15px;
	}

	.p_sol-2 .slider-wrap {
		width: 66.667%;
	}

	.about-us-box-2 {
		overflow: hidden;
	}

	.about-us-box-2 .content {
		padding: 0px 40px !important;
	}

	.bg-page .image img {
		height: 720px;
		object-fit: cover;
		object-position: bottom;
	}

	.s-benefit {
		margin-top: 0px;
		padding-top: 100px;
	}

	.s-blog-post .btn-s-blog-post {
		display: none;
	}

	.selling_products .crop-container {
		padding-top: 0px;
	}

	.s-counter {
		padding: 60px 0px 65px 0px;
	}

	.s-testimonial {
		padding-bottom: 80px;
	}

	.s-testimonial .image {
		position: absolute;
		width: 100%;
		left: -75px;
	}

	.s-testimonial .image img {
		height: unset !important;
	}

	.s-testimonial .content-section {
		margin-left: auto;
	}

	.s-our-commitment .main-section {
		gap: 30px;
	}

	.s-our-commitment .main-section .content-section {
		width: 50%;
	}

	.s-our-commitment .main-section .content-section .box-icon .caption {
		display: -webkit-box;
		/* Giới hạn số dòng là 4 */
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.s-our-commitment .main-section .image-wrap {
		width: 70%;
	}

	.s-our-commitment .main-section .image-wrap .image {
		max-width: unset;
		width: unset;
		height: 100%;
	}

	.s-our-commitment .main-section .image-wrap img {
		object-fit: cover;
		height: 100%;
	}

	.page-title-home-1 .btn-slide-home-1.btn-prev {
		right: 70px;
		left: unset;
		top: 55%;
	}

	.slide-home-1 .content-wrap {
		padding: 121px 20px 100px 20px;
	}

	.slide-home-1 .content-wrap br {
		display: block !important;
	}

	.header .header-inner {
		gap: 20px;
	}

	.header .header-inner .header-left .logo-site {
		padding-top: 0px;
		padding-right: 60px;
	}

	.header .header-inner .header-left .nav-list {
		gap: 34px;
	}
}

@media (max-width: 1439px) {
	.blog-single .content .entry-image-2 {
		gap: 30px;
	}

	.blog-single .entry-video .video-wrap {
		width: calc(50% - 30px);
	}

	.blog-single .entry-video .video-wrap img {
		height: 100%;
		object-fit: cover;
	}

	.blog-single .entry-video .benefit-list {
		width: 50%;
	}

	.s-testimonial.style-2 {
		overflow: hidden;
	}

	.s-testimonial.style-2 .wrap {
		margin-right: unset;
	}

	.main-content.page-testimonial {
		overflow: hidden;
	}

	.s-review .wg-counter {
		top: 20px;
		left: 10px;
	}

	.s-review .img-item.item-1 {
		max-width: 250px;
		top: -110px;
	}

	.s-review .content-section {
		padding: 0px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		height: 100%;
	}

	.btn-slider-provide {
		display: none !important;
	}

	.s-happy-farm .image-wrap {
		width: 50%;
	}

	.clip-color-text br {
		display: block;
	}

	.inq-break-page.style-2 br {
		display: block;
	}

	.header .header-inner .header-left .nav-list {
		gap: 25px;
	}

	.header .header-inner .header-left .nav-list .item::before {
		left: -17px !important;
		font-size: 20px !important;
	}

	.header .header-inner .header-right {
		padding-right: 0px;
		gap: 20px;
	}

	.header .header-inner .header-right .crop-button {
		gap: 20px;
		padding: 6px 5px 6px 28px;
	}

	.header .header-inner .header-right .icon-wrap {
		gap: 5px;
	}

	.header .wg-welcome {
		display: none !important;
	}

	.page-title .img-item img {
		width: 100%;
		height: 50px;
		max-width: 1920px;
		object-fit: cover;
	}

	.page-title .img-item.item-2 img {
		object-position: right;
	}

	.page-title .img-item.item-1 img {
		object-fit: cover;
	}

	.footer .img-item.item-1 {
		width: 100%;
	}

	.footer .img-item.item-1 img {
		height: 23px;
		max-width: 1920px;
		object-fit: cover;
	}
}

@media (max-width: 1300px) {

	.custom-contact-us .contact-list {
		padding: 35px;
	}

	.s-testimonial .image {
		left: -125px;
	}

	.s-project .heading-side {
		padding: 115px 0px 350px;
	}

	.s-project .slider-s-project {
		margin-top: -300px !important;
	}

	.s-why-us .box-video {
		top: 10px !important;
		left: 10px !important;
	}

	.box-portfolio.style-4:hover .content {
		padding: 30px;
	}
}

@media (max-width: 1199px) {
	.flat-spacing-1 {
		padding-top: 80px;
		padding-bottom: 80px;
	}

	.crop-topbar {
		display: none;
	}

	.s-our-agriculture.style-3 .s-img-item.item-1 {
		display: none;
	}

	.crop-topbar-shop .topbar-left {
		display: none;
	}

	.crop-topbar-shop .topbar-right {
		width: 100%;
	}

	.crop-topbar-shop .topbar-right ul {
		justify-content: space-between;
		gap: 15px;
	}

	.crop-topbar-shop .topbar-right ul li {
		padding: 0px !important;
	}

	.crop-topbar-shop .topbar-right ul li::after {
		content: none !important;
	}

	.crop-topbar-shop .s-img-item.item-1 {
		width: 100%;
	}

	.crop-topbar-shop .s-img-item.item-1 img {
		width: 100%;
		object-fit: cover;
		height: 10px;
	}


	.main-content.page-faq .content .bot {
		padding: 74px 0px 80px 37px;
	}

	.main-content.page-faq .content .bot .img-item.item-1 {
		right: 0px;
	}

	.main-content.page-our-commitments .video-wrap {
		min-height: 400px;
	}

	.main-content.page-our-commitments .video-wrap img {
		min-height: 400px;
		height: 100%;
	}


	.box-event.style-2 {
		padding-left: 0px;
		padding-right: 0px;
		height: 100%;
	}

	.custom_product_sol .img-item.item-3 {
		left: 0 !important;
		top: -7% !important;
	}

	.p_sol-2 {
		flex-wrap: wrap;
	}

	.p_sol-2 .content-section {
		width: 100%;
	}

	.p_sol-2 .slider-wrap {
		width: 100%;
		padding: 0px 15px;
	}


	.bg-page .image img {
		height: 620px;
	}


	.s-why-us .main-section .content-section {
		padding-top: 30px;
	}

	.s-why-us .bot {
		margin-top: -100px;
		margin-left: 20px;
	}

	.footer .footer-inner .footer-inner-wrap .footer-title {
		margin-bottom: 20px !important;
	}

	.footer .footer-inner .footer-inner-wrap .contact-list li {
		gap: 8px;
	}

	.footer .footer-inner .footer-inner-wrap .contact-list li p {
		line-height: 20px;
	}

	.footer .footer-inner .footer-inner-wrap .new-post-list .item {
		gap: 8px;
	}

	.header-wrap {
		padding: 0px 15px;
		top: 15px;
	}

	.page-title-home-2 {
		margin-top: 15px;
		padding: 0px 15px;
	}

	.header {
		padding: 15px 0px;
	}

	.header .logo-site {
		padding-right: 0px !important;
	}

	.header .main-nav {
		display: none;
	}

	.header .mobile-button {
		display: block;
	}

	.header .fixed-header {
		padding: 15px 0px 0px;
	}

	.header.style-2 .header-inner {
		padding: 15px 0px;
	}

	.header.style-2 .header-inner .header-right {
		gap: 15px;
	}

	.header.style-2 .header-left {
		padding-left: 0px !important;
	}

	.header.style-2 .header-left .logo {
		display: block;
	}

	.header.style-2 .main-nav {
		display: none;
	}

	.header.style-2 .mobile-button {
		display: block;
	}

	.header.style-2 .fixed-header .header-inner {
		padding: 0px;
	}

	.header.style-2 .fixed-header .mobile-button::after,
	.header.style-2 .fixed-header .mobile-button::before {
		background-color: var(--Primary);
	}

	.header.style-2 .fixed-header .mobile-button span {
		background-color: var(--Primary);
	}

	.crop-topbar .topbar-inner .topbar-right .social-list {
		display: none;
	}
}

@media (max-width: 1024px) {
	.crop-topbar.style-3 .topbar-left {
		display: none;
	}

	.crop-topbar.style-3 .topbar-right {
		width: 100%;
		justify-content: space-between;
	}

	.footer .footer-bottom {
		justify-content: center;
		gap: 10px;
	}

}

@media (max-width: 991px) {

	.s-counter .wg-counter > * {
        width: 50%;
        max-width: unset;
        border: unset !important;
        padding: 0px 15px;
    }

	.coupon-wrap {
		margin-bottom: 30px;
	}

	.flat-spacing-1 {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.tf-sticky-btn .name-product {
		display: none;
	}

	.custom_product_sol-2 .img-item.item-1 {
		max-width: 100px;
		z-index: 1;
		left: 20px;
		top: -13%;
	}

	.tf-sidebar .sidebar-item .sb-content {
		padding: 30px;
	}

	.blog-single .content {
		margin-right: unset;
		padding-bottom: 30px;
	}

	.main-customer {
		padding-bottom: 30px;
	}

	.tf-header-shop {
		padding: 10px 0px;
	}

	.tf-header-shop .call-us {
		display: none !important;
	}

	.tf-header-shop .header-topbar {
		padding-bottom: 0px;
		border: unset;
	}

	.tf-header-shop .header-topbar .wg-category {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.tf-header-shop .header-inner {
		display: none;
	}

	.tf-header-shop .style-absolute {
		padding: 20px 0px;
	}

	.tf-header-shop .style-absolute .header-inner {
		display: flex;
	}

	.tf-header-shop .style-absolute .header-inner .icon-wrap .icon {
		width: 40px;
		height: 40px;
	}

	.tf-header-shop .your-cart {
		display: none;
	}

	.tf-header-shop .icon-wrap {
		margin-left: 20px !important;
		gap: 8px;
	}

	.tf-header-shop .icon-wrap .icon {
		width: 40px;
		height: 40px;
	}

	.tf-header-shop .icon-wrap .icon i {
		font-size: 15px !important;
	}

	.slider-service-detail .image img {
		min-height: 450px;
		object-fit: cover;
	}

	.slider-service-detail .btn-service-detail:hover.btn-next {
		right: 10px;
	}

	.slider-service-detail .btn-service-detail:hover.btn-prev {
		left: 10px;
	}

	.main-content.page-service-detail {
		padding: 80px 0px;
	}

	.main-content.page-service-detail .content {
		max-width: unset;
		margin-right: unset;
		padding-bottom: 40px;
	}

	.main-content.page-service-detail .box-icon {
		max-width: unset;
	}

	.main-content.page-portfolio-details {
		padding-bottom: 60px;
	}

	.main-content.page-portfolio-details .content {
		padding-bottom: 30px;
	}

	.main-content.page-portfolio-details .content .title {
		line-height: 40px;
	}

	.main-content.page-portfolio-details .content .title-2 {
		margin-bottom: 20px;
		line-height: 36px;
	}

	.main-content.page-portfolio-details .content .bot {
		margin-right: unset;
	}

	.main-content.page-portfolio-details .s1 {
		margin-bottom: 30px;
		padding-bottom: 30px;
	}

	.main-content.page-portfolio-details .s1 .title {
		margin-bottom: 30px;
		padding-bottom: 20px;
	}

	.main-content.page-portfolio-details .s1 .text-1 {
		margin-bottom: 10px;
	}

	.main-content.page-portfolio-details .s2 {
		margin-bottom: 30px;
		padding-bottom: 30px;
	}

	.main-content.page-portfolio-details .s2 .text-3 {
		margin-bottom: 30px;
	}

	.main-content.page-portfolio-details .s3 {
		margin-bottom: 30px;
		padding-bottom: 35px;
	}

	.main-content.page-portfolio-details .s3 .title-2 {
		margin-bottom: 10px;
	}

	.slider-portfolio {
		padding-top: 0px !important;
		margin-top: 30px;
		margin-bottom: 30px !important;
	}

	.grid-layout-3 {
		gap: 30px;
	}

	.box-farmer .image img {
		max-height: 450px;
		object-fit: cover;
		object-position: top;
	}

	.box-farmer.pb-30 {
		padding-bottom: 30px;
	}

	.box-farmer .say-hi {
		top: 10px;
		left: 10px;
	}

	.s-we-are {
		padding: 60px 0px;
	}

	.s-we-are .s-img-item.item-1 img {
		height: 15px;
		object-fit: cover;
	}

	.we-are-wrap {
		gap: 20px;
		padding: 0px;
	}

	.we-are-wrap .content {
		gap: 5px;
	}

	.s-other-event {
		padding-bottom: 15px;
	}

	.our-event-item {
		flex-wrap: wrap;
		gap: 0px;
		padding: 20px;
	}

	.our-event-item .image {
		width: 100%;
	}

	.our-event-item .image img {
		min-height: 450px;
	}

	.our-event-item .content {
		padding-top: 30px;
	}

	.our-event-item .content .title {
		margin-bottom: 15px;
	}

	.our-event-item .content .infor-event {
		margin-bottom: 10px;
	}

	.our-event-item .content .sub {
		margin-bottom: 20px;
	}

	.main-content.page-contact-us .custom-contact-us {
		padding-top: 60px;
	}

	.main-content.page-contact-us .custom-contact-us .contact-list li {
		gap: 15px;
	}

	.main-content.page-event-detail .content {
		max-width: unset;
		margin: unset;
		padding-bottom: 30px;
	}

	.main-content.page-event-detail .content .title {
		margin-bottom: 10px;
	}

	.main-content.page-event-detail .content .title.s2 {
		margin-bottom: 20px;
	}

	.main-content.page-event-detail .content .text-2 {
		margin-bottom: 30px;
	}

	.main-content.page-event-detail .slider-event-detail {
		margin-bottom: 20px;
	}

	.main-content.page-event-detail .tour-infor {
		padding: 30px;
		margin-bottom: 30px;
	}

	.main-content.page-event-detail .tour-schedule .list li {
		gap: 15px;
	}

	.main-content.page-event-detail .tour-schedule .list li .text-wrap {
		gap: 0px;
	}

	.main-content.page-event-detail .tour-schedule .list li .text-wrap .name-tour {
		line-height: 30px;
	}

	.main-content.page-event-detail .tour-schedule .list li .image {
		max-width: 120px;
		max-height: 120px;
	}

	.main-content.page-faq {
		padding: 60px 0px;
	}

	.main-content.page-faq .tf-sidebar-2 {
		padding-bottom: 30px;
	}

	.main-content.page-faq .content {
		max-width: unset;
		margin-left: unset;
	}

	.main-content.page-our-commitments .custom_product_sol .item-3 {
		display: none;
	}

	.main-content.page-our-commitments .s-other-commitment {
		padding-top: 125px;
	}

	.main-content.page-our-commitments .s-other-commitment .content .img-item {
		margin-bottom: 5px;
	}

	.main-content.page-our-commitments .s-other-commitment .content .title {
		margin-bottom: 10px;
	}

	.main-content.page-our-commitments .s-other-commitment .item-1 {
		display: none;
	}

	.main-content.page-our-commitments .s-other-commitment .other-list li:not(:last-child) {
		margin-bottom: 10px;
	}

	.main-content.page-our-commitments .s-other-commitment .image-wrap {
		margin: unset;
		max-width: unset;
		border-radius: 8px;
		margin-bottom: 20px;
	}

	.main-content.page-our-commitments .s-other-commitment .image-wrap img {
		width: 100%;
		object-fit: cover;
		object-position: center;
		min-height: 450px;
		max-height: 550px;
	}

	.footer.style-2 .footer-top .footer-left {
		gap: 20px;
	}

	.footer.style-2 .footer-top .footer-right {
		margin-left: unset;
	}

	.custom-contact-us.style-2.pb-80 {
		padding-bottom: 50px;
	}

	.custom-contact-us.style-2.pt-147 {
		padding-top: 100px;
	}

	.s-testimonial-2 {
		padding-top: 55px;
		padding-bottom: 55px;
	}

	.custom_product_sol .content-section .sub {
		margin-bottom: 40px;
	}

	.custom_product_sol .content-section .slider-box-icon {
		margin: 0px auto 40px;
	}

	.custom_product_sol .content-section .slider-box-icon .box-icon {
		max-width: 150px;
		width: 100%;
		flex-shrink: 0;
	}

	.custom_product_sol .img-item.item-3 {
		max-width: 110px;
	}

	.custom_product_sol.style-2 {
		z-index: 2;
	}

	.custom_product_sol.style-2 .img-item.item-3 {
		max-width: 110px !important;
		top: -20% !important;
	}

	.p_sol-2 {
		flex-wrap: wrap;
	}

	.p_sol-2 .content-section {
		padding: 0px 15px 15px;
	}

	.p_sol-2 .content-section .text {
		margin-bottom: 20px;
	}

	.p_sol-2 .content-section .crop-button {
		margin-bottom: 20px;
	}


	.bg-page .image img {
		height: 580px;
	}

	.s-partner {
		padding: 60px 0px !important;
	}

	.custom-contact-us {
		margin-bottom: unset;
	}

	.custom-contact-us .section-wrap {
		top: 0;
	}

	.custom-contact-us .image img:not(.img-item) {
		width: 100%;
		height: 500px;
		object-fit: cover;
	}

	.custom-contact-us .contact-list {
		margin-bottom: 30px;
	}

	.custom-contact-us .contact-list br {
		display: block;
	}

	.box-event .image img {
		height: 550px;
		object-fit: cover;
	}

	.inq-break-page.style-2 br {
		display: none;
	}

	.s-project .heading-side {
		padding: 80px 0px 250px;
	}

	.s-project .slider-s-project {
		margin-top: -190px !important;
	}

	.s-project .s-img-item.item-2 {
		pointer-events: none;
	}

	.p_sol {
		padding-top: 100px;
		padding-bottom: 90px;
	}

	.p_sol .heading-section {
		padding-bottom: 0px;
	}

	.p_sol .box-icon {
		max-width: unset;
		margin-bottom: 30px;
	}

	.p_sol .s-img-item {
		pointer-events: none;
	}

	.p_sol .s-img-item.item-3 {
		width: 100%;
		height: 30px;
		bottom: -15px;
	}

	.p_sol .s-img-item.item-3 img {
		height: 30px;
		width: 100%;
		object-fit: cover;
		object-position: top;
	}

	.heading-section {
		margin-bottom: 15px !important;
	}

	.heading-section .img-item {
		margin-bottom: 5px !important;
	}

	.heading-section .sub-title {
		margin-bottom: 0px;
	}

	.heading-section.has-text .title {
		margin-bottom: 0px;
	}

	.heading-section.has-text .text {
		margin-bottom: 15px;
	}

	.about-us-box {
		padding-top: 80px;
		padding-bottom: 35px;
	}

	.about-us-box .main-section {
		gap: 60px;
		flex-wrap: wrap;
	}

	.about-us-box .main-section .heading-section {
		margin-bottom: 10px !important;
	}

	.about-us-box .main-section .content-left {
		width: 100% !important;
	}

	.about-us-box .main-section .content-left .text-1 {
		margin-bottom: 5px;
	}

	.about-us-box .main-section .content-left .text-2 {
		margin-bottom: 15px;
	}

	.about-us-box .main-section .content-left .crop-button {
		margin-bottom: 35px;
	}

	.about-us-box .content-right {
		width: 100% !important;
	}

	.box-portfolio.style-4 .image img {
		width: 100%;
		height: 500px;
		object-fit: cover;
	}

	.box-portfolio.style-4.mb-s-991 {
		margin-bottom: 30px;
	}

	.box-portfolio.style-5 .content {
		bottom: -120px;
		left: 30px;
	}

	.box-portfolio.style-5 .content .text {
		display: -webkit-box;
		/* Giới hạn số dòng là 4 */
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		padding-right: 15px;
	}

	.box-portfolio.style-5:hover .content .title {
		margin-bottom: 15px;
		padding-bottom: 15px;
	}

	.header .header-item img {
		height: 25px;
		object-fit: cover;
		object-position: bottom;
	}

	.page-title-home-1 .btn-slide-home-1 {
		right: 20px !important;
	}

	.page-title-home-1 .btn-slide-home-1.btn-next,
	.page-title-home-1 .btn-slide-home-1.btn-prev {
		transform: translateY(150px);
	}

	.page-title-home-1 .slide-home-1 .image img {
		height: 550px;
	}

	.page-title-home-1 .slide-home-1 .content-wrap {
		padding: 65px 15px;
	}

	.footer {
		padding-top: 100px;
	}

	.footer .footer-top {
		margin-bottom: 40px;
		gap: 20px;
		flex-wrap: wrap;
	}

	.footer .footer-top .footer-left {
		width: 100%;
	}

	.footer .footer-inner {
		margin-bottom: 10px;
	}

	.footer .footer-inner .footer-inner-wrap {
		margin-bottom: 30px;
	}

	.subscribe-wrap .has-border {
		padding: 20px;
		flex-wrap: wrap;
	}

	.subscribe-wrap .has-border .notice {
		flex-shrink: unset;
	}

	.subscribe-wrap .has-border .notice .content-inner {
		margin-top: 0px;
		max-width: unset;
		width: 100%;
		gap: 0px;
		justify-content: center;
	}

	.main-content {
		padding: 100px 0px;
	}

	.crop-topbar .topbar-inner .contact-list {
		gap: 10px;
		flex-wrap: wrap;
	}

	.crop-topbar .topbar-inner .contact-list .icon {
		display: none !important;
	}
}

@media (max-width: 850px) {
	.slider-s-project .box-portfolio.style-5 .content {
		bottom: -50px;
	}

	.slider-s-project .box-portfolio.style-5:hover .content {
		bottom: 40px;
	}
}

@media (max-width: 767px) {
	.order-meta-list {
		flex-wrap: wrap;
		gap: 20px;
	}

	.order-meta-list>* {
		width: calc(50% - 10px);
	}

	.form-coupon .button-submit button {
		padding: 0px 10px;
	}

	.form-def fieldset input {
		padding: 10px 15px;
	}

	.tf-table-page-cart thead th {
		width: 150px;
	}

	.tf-table-page-cart thead th:first-child {
		width: 350px;
	}

	.tf-table-page-cart thead th:last-child {
		width: 20px;
	}

	.grid-isotope-3 {
		grid-template-columns: repeat(1, 1fr);
	}

	.grid-isotope-3 .item {
		width: 100%;
		padding: 15px 0px;
	}

	.page-title .rellax {
		top: 0;
	}

	.page-title .rellax img {
		min-height: 600px;
	}

	.inq-break-page.style-2::after {
		background-attachment: unset;
	}

	.s-our-agriculture.style-3 .s-content-wrap .image-wrap {
		margin-left: 0px;
	}

	.s-welcome-to .box-text {
		padding: 30px;
	}

	.s-farm-event.s-project-2 .btn-right {
		justify-content: flex-start;
	}

	.s-farm-event.s-project-2 .content-section .text {
		margin-bottom: 10px;
	}

	.s-product-detail {
		padding-bottom: 60px;
	}

	.s-product-detail .tf-product-media-main {
		max-width: unset;
		width: 100%;
		max-height: unset;
	}

	.comment-wrap .author-wrap {
		gap: 15px;
		flex-wrap: wrap;
	}

	.main-content.page-portfolio-1 .menu-tab {
		justify-content: flex-start;
	}

	.s-review .wg-counter {
		max-width: 170px;
	}

	.s-review .wg-counter .title {
		margin-bottom: 0px;
	}

	.s-review .wg-counter .has-border {
		padding: 10px 0px;
	}

	.s-review .wg-counter .icon {
		width: 45px;
		height: 45px;
	}

	.s-review .wg-counter .icon i {
		font-size: 15px;
	}

	.s-review .wg-counter .counter {
		margin-bottom: 0px;
	}

	.s-review .wg-counter .counter .sub-odo {
		font-size: 40px;
		bottom: -9px;
		line-height: 40px;
	}

	.s-review .wg-counter .odometer span {
		font-size: 40px;
		line-height: 40px;
	}

	.s-review .img-item.item-1 {
		display: none;
	}

	.tf-sidebar {
		padding-bottom: 30px;
	}

	.main-content.page-service-detail .content .benefit .box-icon {
		width: calc(50% - 15px);
	}

	.tips {
		flex-wrap: wrap;
	}

	.tips .wg-tips {
		max-width: unset;
	}

	.slider-portfolio {
		padding: 0px 15px;
	}

	.slider-portfolio .gallery-item img {
		min-height: 400px;
		object-fit: cover;
	}

	.slider-portfolio .btn-portfolio.btn-next {
		right: 20px;
	}

	.slider-portfolio .btn-portfolio.btn-prev {
		left: 20px;
	}

	.grid-layout-3 {
		grid-template-columns: repeat(2, 1fr);
	}


	.we-are-wrap {
		flex-wrap: wrap;
		justify-content: center;
	}

	.we-are-wrap .content {
		justify-content: center;
		align-items: center;
		text-align: center;
	}

	.we-are-wrap .text {
		width: 70%;
	}

	.we-are-wrap.pb-30 {
		padding-bottom: 30px;
	}

	.block-quote.style-4 .quote {
		gap: 15px !important;
		flex-wrap: wrap;
	}

	.wg-gallery {
		grid-template-areas: "aa aa bb bb ""cc cc dd dd "" ee ee ff ff ""gg gg hh hh ";
	}

	.main-content.page-faq .img-item.item-1 {
		display: none;
	}

	.main-content.page-gallery {
		padding: 60px 0px;
	}

	.main-content.page-gallery .menu-tab {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		align-items: unset;
		justify-content: unset;
		margin-bottom: 20px;
	}

	.main-content.page-gallery .gallery-item .image {
		height: 100%;
	}

	.main-content.page-gallery .gallery-item .image img {
		height: 100%;
		object-fit: cover;
	}

	.box-about-us {
		padding-bottom: 30px;
	}

	

	.clip-color-text p {
		font-size: 60px;
		line-height: 90px;
	}

	.s-welcome-to .box-text {
		margin-bottom: 30px;
	}

	.inq-break-page.style-3 br {
		display: none;
	}

	.inq-break-page.style-3 .content {
		padding: 0px 15px;
	}

	.inq-break-page.style-3 .text {
		font-size: 60px;
		line-height: 70px;
	}

	.box-portfolio-2 .image img {
		min-height: 350px;
		object-fit: cover;
	}

	.box-portfolio-2 .content {
		padding: 30px;
		right: 20px;
		max-width: unset;
		width: calc(100% - 40px);
	}

	.box-portfolio-2 .content .title {
		line-height: 30px;
	}

	.box-portfolio-2 .content .text {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-line-clamp: 3;
		/* Giới hạn số dòng */
		line-clamp: 3;
		/* Hỗ trợ thêm */
	}

	.slider-project-2 {
		padding: 0px 15px;
	}

	.custom-contact-us.style-2 .content-section {
		padding: 0px;
	}

	.footer.style-2 {
		padding-top: 70px;
	}

	.footer.style-2 .footer-inner {
		margin-bottom: 20px;
	}

	.footer.style-2 .footer-inner .footer-inner-wrap .footer-title-mobile {
		position: relative;
	}

	.footer.style-2 .footer-inner .footer-inner-wrap .footer-title-mobile::after {
		position: absolute;
		content: "";
		right: 10px;
		top: 50%;
		transform: translateY(-50%);
		width: 12px;
		height: 1px;
		background-color: var(--White);
		transition: 0.25s ease-in-out;
		bottom: unset;
		left: unset;
	}

	.footer.style-2 .footer-inner .footer-inner-wrap .tf-accordion-content {
		display: none;
	}

	.footer.style-2 .footer-inner .footer-inner-wrap .tf-accordion-content li:not(:last-child) {
		margin-bottom: 15px;
	}

	.footer.style-2 .footer-top {
		margin-bottom: 40px;
	}

	.footer.style-2 .footer-top .footer-left {
		margin-bottom: 30px;
	}



	.footer .footer-inner .footer-inner-wrap .footer-title.footer-title-mobile {
		margin-bottom: 0px !important;
		padding-bottom: 10px;
	}

	.footer .footer-title-desktop {
		display: none !important;
	}

	.footer .footer-title-mobile {
		display: block !important;
		font-size: 20px !important;
	}

	.s-partner.style-2 {
		padding: 30px 0px !important;
	}

	.s-meet-farmer .heading-section {
		padding: 50px;
	}

	.s-happy-farm .bg-section>img {
		height: 260px;
		object-fit: cover;
		object-position: bottom;
	}

	h1 {
		font-size: 80px;
		line-height: 80px;
	}

	.s-what-we-do .content-wrap .we-do-list {
		padding: 131px 15px 50px 15px;
	}

	.s-what-we-do .content-wrap .we-do-list ul {
		gap: 30px;
	}

	.custom_product_sol {
		padding: 60px 0px 60px;
	}

	.custom_product_sol .clip-color-text {
		position: relative;
		z-index: 5;
	}

	.custom_product_sol br {
		display: none !important;
	}

	.custom_product_sol .img-item {
		max-width: 150px !important;
	}

	.custom_product_sol .img-item.item-2 {
		bottom: -50px;
		left: 0;
	}

	.custom_product_sol .img-item.item-1 {
		top: -40px;
	}


	.bg-page .image img {
		height: 480px;
	}

	.crop-topbar.style-2 .contact-list.mobile {
		justify-content: center;
		gap: 20px;
	}

	.crop-topbar.style-2 .contact-list.mobile li:first-child {
		display: none;
	}

	.s-blog-post {
		padding-top: 80px !important;
		padding-bottom: 30px !important;
	}

	.inq-break-page.style-2 {
		height: 500px;
	}

	.inq-break-page.style-2 .content {
		top: 50%;
		transform: translateY(-45%);
		padding: 0px;
	}

	.page-title-home-1 .slide-home-1 .image img {
		height: 500px;
	}

	.page-title-home-1 .slide-home-1 br {
		display: none !important;
	}

	.page-title-home-1 .slide-home-1 .sub-title {
		margin-bottom: 0px !important;
	}

	.page-title-home-1 .slide-home-1 .img-item {
		margin-bottom: 10px !important;
	}

	.page-title-home-1 .slide-home-1 .text {
		margin-bottom: 20px !important;
	}

	.footer .footer-inner .footer-inner-wrap .footer-title {
		margin-bottom: 15px !important;
	}

	.subscribe-wrap .has-border .notice {
		gap: 20px;
	}

	.main-content {
		padding: 80px 0px;
	}

	.page-title .content .icon-img {
		margin-bottom: 50px;
	}
}

@media (max-width: 650px) {
	.s-our-expertise .s-slider .pagination-slider-provide {
		display: flex;
		justify-content: center;
		margin-top: 20px;
	}

	.offer-list {
		flex-wrap: wrap;
		gap: 15px !important;
	}

	.offer-list .offer-wrap {
		max-width: unset;
	}

	.offer-list .caption {
		padding-bottom: 5px;
		margin-bottom: 15px;
	}

	.offer-list .text-2 {
		margin-bottom: 15px !important;
		padding-bottom: 25px !important;
	}

	.s-why-choose .content-section .benefit-list>* {
		width: 100%;
	}

	.about-us-box-2 .wg-counter.style-4 .counter {
		margin-bottom: 0px;
	}

	.about-us-box-2 .wg-counter.style-4 .counter-item .odometer span {
		font-size: 50px;
	}

	.about-us-box-2 .wg-counter.style-4 .counter-item .title {
		margin-bottom: 0px;
		font-size: 14px;
	}

	.article-blog-item.style-2.type-3 .entry-meta {
		flex-wrap: wrap !important;
		gap: 5px 15px !important;
	}

	.article-blog-item.style-2.type-3 .entry-meta li {
		width: unset;
	}

	.block-quote .has-border,
	.block-quote.style-2 .has-border {
		padding: 20px;
	}

	.block-quote .has-border .quote,
	.block-quote.style-2 .has-border .quote {
		gap: 10px;
	}

	.article-blog-item .content .entry-meta,
	.article-blog-item.type-2 .content .entry-meta {
		flex-wrap: wrap !important;
		gap: 10px 0px !important;
	}

	.article-blog-item .content .entry-meta .entry,
	.article-blog-item.type-2 .content .entry-meta .entry {
		width: 40%;
		justify-content: flex-start;
	}

	.article-blog-item .content .entry-meta .entry:not(:last-child)::after,
	.article-blog-item.type-2 .content .entry-meta .entry:not(:last-child)::after {
		content: "";
	}

	.header .header-inner .header-right {
		gap: 15px;
	}

	.header .header-inner .header-right .icon-wrap {
		display: none;
	}

	.header.style-3 .contact-wrap {
		display: none !important;
	}

	.topbar-right .social-list {
		padding: 10px 20px !important;
		gap: 15px !important;
	}
}

@media (max-width: 550px) {
	.order-meta-list {
		gap: 10px;
	}

	.order-meta-list>* {
		width: 100%;
	}

	.tf-cart-item .tf-cart-item_product {
		gap: 10px;
	}

	.tf-table-page-cart thead th {
		width: 150px;
	}

	.tf-table-page-cart thead th:first-child {
		width: 220px;
	}

	.tf-table-page-cart thead th:last-child {
		width: 20px;
	}

	.page-blog-single .block-quote .bot {
		padding-left: 0px;
	}

	.page-our-service .s-provide .grid-layout-3 {
		gap: 40px;
	}

	.page-our-service .s-provide .box-infor .text {
		margin-bottom: 15px;
	}

	.page-our-events .s-banner .slider-side {
		margin-top: 0px;
	}

	.page-our-events .s-video .content-section {
		margin-top: 20px;
	}

	.s-meet-farmer .heading-section {
		padding: 30px 20px;
	}

	.tf-sticky-btn .content {
		padding: 0;
	}

	.tf-sticky-btn .white-list-wrap {
		display: none;
	}

	.tf-sticky-btn .wrap-quantity {
		gap: 15px;
	}

	.crop-topbar.style-3 .topbar-right {
		gap: 10px;
	}

	.crop-topbar.style-3 .topbar-right .contact-list li:nth-child(2) {
		display: none;
	}

	.crop-topbar.style-3 .topbar-right .icon-wrap {
		gap: 20px;
		margin-right: 10px;
	}

	.crop-topbar.style-3 .topbar-right .icon-wrap::after {
		height: 20px;
	}

	.crop-topbar.style-3 .topbar-right .icon-wrap .wg-bag::after {
		right: -15px;
	}

	.footer .footer-bottom .policy-list li::after {
		content: none !important;
	}

	.s-customer-say .testimonial {
		padding: 30px;
	}

	.s-customer-say .testimonial .author-wrap {
		margin-bottom: 15px;
	}

	.s-customer-say .testimonial .author-wrap .left {
		flex-wrap: wrap;
		gap: 15px;
	}

	.s-customer-say .testimonial .caption {
		margin-bottom: 15px;
	}

	.crop-topbar-shop .topbar-right ul {
		justify-content: space-around;
	}

	.crop-topbar-shop .topbar-right ul li:nth-child(1) {
		display: none;
	}

	.crop-topbar-shop .topbar-right ul li:nth-child(2) {
		display: none;
	}

	.main-content.page-service-detail .content .benefit {
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	.main-content.page-service-detail .content .benefit .box-icon {
		width: 100%;
	}

	.box-portfolio.style-3 {
		max-width: unset;
	}

	.main-content.page-portfolio-details .bot {
		gap: 15px;
	}

	.main-content.page-portfolio-details .bot .btn-project {
		gap: 15px !important;
	}

	.grid-layout-3 {
		grid-template-columns: repeat(1, 1fr);
	}

	.grid-layout-3.grid-portfolio {
		grid-template-columns: repeat(1, 1fr);
	}

	.we-are-wrap .text {
		width: 90%;
	}

	.wg-coming-soon {
		flex-wrap: wrap-reverse;
	}

	.crop-button.scale-50 {
		gap: 10px;
		padding: 6px 5px 6px 20px;
	}

	.btn-slide-home-3 {
		display: none;
	}

	.slide-home-3 .content-wrap .title {
		font-size: 10vw;
		line-height: 11vw;
	}

	.slide-home-3 .content-wrap br {
		display: none;
	}

	.s-happy-farm .heading-section .top {
		margin-bottom: 10px;
	}

	.s-happy-farm .heading-section .title {
		font-size: 35px;
		line-height: 40px;
		margin-bottom: 5px !important;
	}

	.about-us-box-2 .wg-counter.style-4 {
		gap: 20px;
		flex-wrap: wrap;
	}

	.about-us-box-2 .wg-counter.style-4 .counter-item {
		width: 100%;
	}


	.header.style-2 .header-inner .crop-button {
		display: none;
	}

	.custom-contact-us .content-section {
		padding: 30px 15px;
	}

	.form-send-message .cols {
		flex-wrap: wrap;
	}

	.s-faq {
		padding-bottom: 80px;
	}

	.s-banner {
		position: relative;
	}

	.s-banner .s-img-item.item-bottom {
		display: none;
	}

	.s-banner .heading-side {
		bottom: 20%;
		position: absolute;
		top: 0;
	}

	.s-banner .heading-side .image img {
		height: 500px;
		max-height: unset;
	}

	.s-banner .slider-side {
		margin-top: 0px;
	}

	.page-title-home-1 .slide-home-1 .content-wrap {
		margin-top: 80px;
		padding: 35px 15px;
	}

	.navbar img{
		width:150px;
	}
	.page-title .content .title{
		font-size:20px;
	}
	.box-text p.text {
		font-size:15px;
	}

	.page-title-home-1 .slide-home-1 .content-wrap .content .sub-title {
		font-size: 20px;
	}

	.page-title-home-1 .slide-home-1 .content-wrap .content .text {
		font-size: 14px;
		line-height: 20px;
	}

	.page-title-home-1 .btn-slide-home-1 img {
		max-width: 60px;
	}

	.block-quote .has-border .quote .icon {
		display: none;
	}

	.subscribe-wrap .notice .icon {
		display: none;
	}

	.crop-topbar .topbar-left {
		display: none !important;
	}

	.crop-topbar .topbar-right .contact-list {
		gap: 10px 30px !important;
	}
}

@media (max-width: 500px) {
	.header-right .crop-button {
		display: none;
	}
}

@media (max-width: 768px) {
    .wg-counter {
        flex-direction: column;
        align-items: center;
    }
}

@media (max-width: 450px) {
	.wg-counter .counter-item {
		margin-bottom: 30px;
        width: 100%;
    }
	.wg-counter .counter-item:not(:last-child){
		border-right: 1px dashed transparent;
	}

	.page-title .rellax img {
		min-height: 500px;
	}

	.tf-sticky-btn .content {
		justify-content: center;
		padding: 5px 0px;
	}

	.tf-sticky-btn .tf-atc-product {
		display: none;
	}

	.s-testimonial-3 .sub-title i {
		display: none;
	}

	.slider-home-1 .content-wrap {
		display: flex;
		flex-direction: column;
		justify-content: center;
		height: 100%;
	}

	.s-customer-say .testimonial .author-wrap .right {
		display: none;
	}

	.s-review .wg-counter {
		top: unset;
		bottom: 50px;
	}

	.s-box-wrap .box-icon {
		width: 100%;
	}

	.tf-header-shop .style-absolute .header-inner .header-right .icon-wrap {
		display: none;
	}

	.crop-topbar.style-2 .contact-list.mobile {
		flex-wrap: wrap-reverse;
		gap: 0px 15px;
	}

	.crop-topbar.style-2 .contact-list.mobile li .icon {
		display: none !important;
	}

	.header.style-2 .icon-wrap {
		display: none !important;
	}

	.heading-section .title {
		font-size: 40px;
		line-height: 50px;
	}

	.about-us-box .box-trust {
		padding: 15px !important;
	}

	.about-us-box .box-trust .box-icon-list {
		margin-bottom: 30px !important;
	}

	.about-us-box .box-trust .box-icon-list .caption {
		font-size: 16px !important;
		line-height: 26px !important;
	}

	.about-us-box .box-trust .benefit-list {
		padding-bottom: 15px !important;
		margin-bottom: 15px !important;
	}

	.about-us-box .box-trust li:not(:last-child) {
		margin-bottom: 8px !important;
	}

	.about-us-box .wg-counter {
		padding: 15px !important;
	}

	.about-us-box .wg-counter .icon {
		top: 10px !important;
		right: 10px !important;
	}

	.about-us-box .wg-counter .counter .odometer span {
		font-size: 50px;
	}

	.about-us-box .wg-counter .sub-odo {
		font-size: 40px !important;
		bottom: -6px;
	}

	.btn-slide-home-1 {
		display: none;
	}

	.s-filter-sorting {
		margin-bottom: 30px;
	}

	h1 {
		font-size: 60px;
		line-height: 60px;
	}

	.page-title .content .sub-title {
		line-height: 20px;
		margin-bottom: 5px;
	}

	.crop-topbar .topbar-inner {
		flex-wrap: wrap;
		gap: 10px;
		justify-content: center;
	}

	.crop-topbar .topbar-inner .topbar-left {
		width: 100%;
		justify-content: center;
		position: relative;
	}

	.crop-topbar .topbar-inner .topbar-left span {
		width: 100%;
		text-align: center;
	}

	.crop-topbar .topbar-inner .topbar-right .social-list {
		padding: 6px 17px !important;
	}
}


/*# sourceMappingURL=styles.css.map */
.ptb-100 {
	padding: 100px 0px;
}
.pb-100 {
	padding-bottom: 100px;
}
/* Owl Carousel Base Styles */
.carousel-container {
	position: relative;
	padding: 20px 0;
	max-width: 1200px;
	margin: 0 auto;
}

/* Product Card Styling */
.card-product {
	text-align: center;
	padding: 20px;
	background: #0d401c;
	border-radius: 10px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	transition: transform 0.3s ease-in-out;
}

.card-product:hover {
	transform: scale(1.05);
}

.card-product .image img {
	max-width: 100%;
	height: auto;
	border-radius: 10px;
}

.name-product {
	display: block;
	font-size: 18px;
	font-weight: bold;
	margin-top: 10px;
	color: #333;
}

.name-product:hover {
	color: #28a745;
}

.card-product p {
	font-size: 20px;
	color: #fff;
}

/* Navigation Buttons */
/* Navigation Buttons Wrapper */
/* Ensure Parent Wrapper is Relative */
.carousel-container {
	position: relative;
	width: 100%;
	margin: auto;
}

/* Ensure Navigation Wrapper is Positioned Properly */
.carousel-nav {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	transform: translateY(-50%);
	display: flex;
	justify-content: space-between;
	width: 100%;
	z-index: 10;
}

/* Navigation Buttons (Prev/Next) */
.owl-prev,
.owl-next {
	background: #f2f5de;
	border-radius: 8px;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
	cursor: pointer;
	pointer-events: all;
	font-size: 20px;
	transition: all 0.3s ease;
}

/* Positioning Prev Button to Left */
.owl-prev {
	position: absolute;
	left: -50px;
	/* Adjust distance from left */
}

/* Positioning Next Button to Right */
.owl-next {
	position: absolute;
	right: -50px;
	/* Adjust distance from right */
}

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

	/* Positioning Prev Button to Left */
	.owl-prev {
		position: absolute;
		left: 0px !important;
		/* Adjust distance from left */
	}

	/* Positioning Next Button to Right */
	.owl-next {
		position: absolute;
		right: 0px !important;
		/* Adjust distance from right */
	}
}

/* On Hover Effect */
.owl-prev:hover,
.owl-next:hover {
	background: #0d401c !important;
	/* Green Background on Hover */
	color: #fff;
}

.b-c-1 {
	position: relative;
	border: 4px solid #f8c32c;
}

.b-c-1::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url(../images/icons/grass-bottom.webp);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top left, top right, bottom left, bottom right;
	pointer-events: none;
	z-index: 1;
}

.bg-yellow {
	background: #f8c32c !important;
}

.shape-bottom-grass {
	position: relative;
}

.shape-bottom-grass::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url(../images/icons/grass-bottom.webp);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top left, top right, bottom left, bottom right;
	pointer-events: none;
	z-index: 1;
}

.blink-bx{
  display:none;
}

/* Blinking Button Wrapper */

.btn-sm-1{
  background: #0d401c;
  color: #fff;
  padding:10px;
  border-radius: 8px;
}
.btn-sm-2{
  background: #64b161;
  color: #fff;
  padding:10px;
  border-radius: 8px;
}
.blink-bx {
  position: fixed;
  bottom: 0; /* Button always at bottom */
  width: 100%;
  background-color: #fff;
  border-top: 3px solid #ccc;
  padding: 10px;
  text-align: center; /* Center the button */
  z-index: 1000; /* Ensure it stays on top */
}

/* Blinking Button Styling */
.blink-button {
  color: #fff !important;
  color: #000;
  border: none;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  border-radius: 5px;
  animation: blink 1s infinite;
}


#whatsappNowBtn {
    position: fixed;
    bottom: 150px;
    right: 30px;
    z-index: 1000;
    background-color: #64b161;
    padding: 20px;
    border-radius: 50%;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}
#whatsappNowBtn img {
    width: 40px;
    height: 40px;
}

#callNowBtn {
    position: fixed;
    bottom: 250px;
    right: 30px;
    z-index: 1000;
    background-color: #ffc107;
    padding: 20px;
    border-radius: 50%;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}
#callNowBtn img {
    width: 40px;
    height: 40px;
}


/* Blinking Animation */
@keyframes blink {
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}

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


.d-lg{
 display:none !important;
}
.d-sm{
 display:block !important;
}


  .wg-counter.style-2 .counter-item .title {
    font-size:15px;
  }

  #callNowBtn{
	bottom:150px;
  }
  .footer{
    padding-bottom:60px;
  }
  .blink-bx{
    display:block !important;
  }
  #whatsappNowBtn{
	display:none;
  }
}

/* scroll to top Begin */


#myBtn {
  display: none;
  position: fixed;
  bottom: 50px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color:#ffc107;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#myBtn:hover {
  background-color: #0d401c;
}

/* scroll to top End */
.b-r-8{
	border-radius:8px;
}

.btn-inq{
	border-radius:8px;
	background-color: #fff;
	display: block;
    padding: 12px 20px;
    border-radius: 8px;
    letter-spacing: 0.5px;
	font-size:20px;
	font-weight: 700;
}
.btn-inq:hover{
	background-color: #000;
	color: #fff;
}
.custom-nav .nav-link{
	color: #000;
	font-size:18px;
	font-weight: 400;
}

.custom-nav .navbar-nav {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 45px;
}

@media (max-width: 991px) {
	
	.navbar-toggler-icon {
		width:30px;
		height:30px;
	}
	.navbar-toggler{
		background-color: #0d401c;
	}
	.custom-nav .navbar-nav{
		gap:10px;
	}
	.slide-home-1 .content-wrap .content .title {
		font-size: 20px;
		line-height: 30px;
	}
}
/* article */
.ptb-100{
	padding:100px 0px;
}
.bg-gray{
	background-color: #f6f6f6;
}
.box-about-us .content {
	background-color: var(--Primary);
    text-align: center;
    padding: 45px 15px 50px;
	}
	.tf-btn-read {
  display: block;
  padding-bottom: 10px;
  position: relative;
  font-family: "Work Sans", sans-serif;
  color: var(--Primary);
  width: max-content;
  font-weight: 500;
  letter-spacing: 0.5px;
}
.tf-btn-read:hover {
  color: var(--Secondary);
}
.tf-btn-read:hover::after {
  width: 0%;
  left: auto;
  right: 0;
}
.tf-btn-read.hover-text-4:hover {
  color: var(--Text-4);
}
.tf-btn-read::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: auto;
  height: 2px;
  width: 100%;
  background-color: var(--Secondary);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.tf-btn-read.text-white {
  color: var(--White);
}
.box-about-us .content .title {
    color: var(--White);
    margin-bottom: 18px;
    display: block;
}
.box-about-us .content .text {
    color: var(--Text-3);
    margin-bottom: 40px;
}

.benefit-list-1 li .icon i {
    font-size: 25px;
    color: var(--Text-4);
}

.benefit-list-1 li .content .title {
    color: #000;
    font-size: 23px;
    line-height: 55px;
    font-weight: 600;
}
.eye {
	right: 20px;
	top: 20px;
	position: absolute;
	width: 15px;
	height: 15px;
}
/*----- Sign Up Page Start -----*/
.page-title.signup-title-bg {
	background-image: url(../img/title-bg/11.jpg);
}

.signin-section .signin-form {
	-webkit-box-shadow: 0 0 15px #d89ad240;
	box-shadow: 0 0 15px #d89ad240;
	padding: 50px;
	text-align: center;
}

.signin-section .signin-form i {
	font-size: 30px;
	background: #017ae2;
	color: #fff;
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 50px;
	margin-bottom: 20px;
}

.signin-section .signin-form h3 {
	font-size: 22px;
	margin-bottom: 35px;
}

.signin-section .signin-form form .form-group {
	margin-bottom: 20px;
}

.signin-section .signin-form form .form-group .form-control {
	height: 50px;
	padding: 20px;
	border: 1px solid #ddd;
	background: #fff8f8;
}

.signin-section .signin-form form .form-group ::-webkit-input-placeholder {
	color: #4a483e;
}

.signin-section .signin-form form .form-group :-ms-input-placeholder {
	color: #4a483e;
}

.signin-section .signin-form form .form-group ::-ms-input-placeholder {
	color: #4a483e;
}

.signin-section .signin-form form .form-group ::placeholder {
	color: #4a483e;
}

.signin-section .signin-form form .form-check {
	line-height: 1;
	margin-top: 30px;
	text-align: left;
}

.signin-section .signin-form form .form-check .form-check-input {
	margin-top: 0;
}

.signin-section .signin-form form .form-check label {
	font-size: 14px;
}

.signin-section .signin-form form .signin-btn {
	padding: 8px 50px;
	border: 1px solid #33333357;
	-webkit-transition: .5s;
	transition: .5s;
	border-radius: 5px;
}

.signin-section .signin-form form .signin-btn:hover {
	background-color: #017ae2;
	color: #fff;
}

.signin-section .signin-form span {
	display: block;
	padding: 25px 0 0;
	line-height: 1;
	margin: 30px 0 0;
	border-top: 1px solid #f1e3e3b8;
}

/*----- Sign In Page End -----*/

.signin-btn{
	font-size:18px;
	padding:20px 35px;
	background-color: #0d401c;
	color: #fff;
}
.dropdown-item{
	max-width:200px;
	color: #000;
	border-bottom:1px solid #000;
	background-color: #f8c32c;
	padding:15px;
    font-size: 18px;
    font-weight: 400;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{
	color: #000;
}
.navbar-nav .dropdown-menu {
    margin-top: 30px;
	min-width: 200px;
	padding:0px;
}
.text-left{
	text-align: left !important;
}

.box-about-us-1 .content {
    background-color: #fff;
    text-align: center;
    padding: 45px 15px 50px;
}
.box-about-us-1 {
    border: 1px dashed var(--Border-12);
    transition: all 0.3s ease;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* normal shadow */
    background-color: #fff; /* default background */
}

.box-about-us-1:hover {
    background-color: #f3f5f3;
    box-shadow: 0 8px 20px rgba(0,0,0,0.2); /* stronger shadow on hover */
    transform: translateY(-5px); /* optional, small lift effect */
}
.bg-light-1{
	background-color: var(--Bg-8);
}
.page-link{
color: #0d401c;
}
.active>.page-link, .page-link.active{
	background-color: #0d401c;
	border-color: #0d401c;
}
.pagination-lg {
    --bs-pagination-padding-x: 15px;
    --bs-pagination-padding-y: 15px;
    --bs-pagination-font-size: 15px;
    --bs-pagination-border-radius: var(--bs-border-radius-lg);
}
.d-lg{
 display:block;
}
.d-sm{
 display:none;
}
.text-pri{
	font-size:23px;
}