/*
Theme Name: Flatsome Child

Description: This is a child theme for Flatsome Theme

Author: UX Themes

Template: flatsome

Version: 3.19.7.1
*/
@import url("https://fonts.googleapis.com/css2?family=Handlee&display=swap");
:root {
	--special-font: "Handlee", cursive;
	--thm-black: #255946;
	--success-color: #49a760;
}
.pb-0 {
	padding-bottom: 0;
}
.pt-0 {
	padding-top: 0;
}
.pl-0 {
	padding-left: 0;
}
.d-flex {
	display: flex;
}
.d-flex .col-inner {
	display: flex;
	align-items: center;
	justify-content: space-evenly;
}
.text-center {
	text-align: center;
}
.main-header__info-phone {
	padding: 19px 17px !important;
}
.main-header__info-phone:hover {
	background-color: var(--thm-black);
}
.main-header__info-phone {
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	background-color: var(--primary-color);
	border-radius: 5px;
	/* padding: 18px 17px; */
	-webkit-transition: all 500ms ease !important;
	transition: all 500ms ease !important;
}
.main-header__info-phone > i {
	font-size: 32px;
	color: #fff;
}
.agrikon-icon-phone-call:before {
	content: "\e903";
}
.agrikon-icon-agriculture-2 {
	font-family: "agrikon-icon" !important;
	speak: never;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.agrikon-icon-agriculture-2:before {
	content: "\e914";
}
.call-to-action__icon {
	font-size: 63px;
	margin-right: 30px;
	color: var(--primary-color);
}
[class^="agrikon-icon-"],
[class*=" agrikon-icon-"] {
	font-family: "agrikon-icon" !important;
	speak: never;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.stuck .header-main {
	height: 100px !important;
}
.main-header__info-phone-content .main-header__info-phone-text {
	display: block;
	color: #fff;
	/* font-size: 12px; */
	font-weight: 500;
	line-height: 1;
	margin-bottom: 7px;
}
.main-header__info-phone-content .main-header__info-phone-title {
	font-size: 16px;
	font-weight: 800;
	margin: 0;
	line-height: 1;
	color: #fff;
	display: block;
}
.header-nav.nav-left {
	justify-content: space-evenly;
}
.header-top {
	background-color: #f0efec !important;
}
.html_topbar_left p {
	font-size: 12px;
	font-weight: 500;
	color: #6e7673;
	margin: 0;
}
.social-icons.follow-icons {
	color: #6e7673;
	font-size: 12px;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	line-height: 38px;
}
.social-icons a + a {
	margin-left: 20px !important;
}
.top-bar-nav.nav-right li a i {
	font-size: 14px !important;
	color: #49a760;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	margin-right: 10px;
}
.header-contact a span {
	color: #6e7673;
	font-size: 12px;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-weight: 500;
	text-transform: math-auto;
}
.text-welcome {
	display: block;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	color: #fff;
	margin-bottom: 30px;
}
.page_title {
	margin: 0;
	line-height: 1;
	font-family: var(--special-font);
	color: #fff;
	font-size: 70px !important;
	font-weight: 700;
	margin-top: 30px;
}
.custom-title-about-us {
	text-transform: uppercase;
	align-items: center;
	justify-content: center;
}
.custom-title-about-us a {
	opacity: 0.7;
	color: inherit !important;
}
.breadcrumb_link_seperator {
	margin: 0px 10px;
}
.p_about_us {
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	font-size: 13px;
}
.welcome-title-h2 {
	margin: 0;
	color: #fff !important;
	font-family: var(--special-font);
	font-size: 100px !important;
	line-height: 1.1 !important;
	margin-top: 15px;
	font-weight: 700 !important;
}
.welcome-title-h2 p {
	margin: 0;
}
.welcome-title-h2 .title-shape::after {
	content: "";
	width: 108px;
	height: 101px;
	background-repeat: no-repeat;
	position: absolute;
	background-image: url("../../uploads/2025/02/banner-1-shape-1.png");
	top: 20px;
	left: 36%;
}

.text-welcome-desc {
	margin: 0;
	font-size: 18px !important;
	line-height: 1.78;
	font-weight: 500;
	color: #fff;
	margin-bottom: 40px;
	margin-top: 25px;
}
.thm-btn {
	display: inline-block;
	vertical-align: middle;
	-webkit-appearance: none;
	border: none;
	outline: none !important;
	color: #fff;
	font-size: 16px;
	border-radius: 5px;
	font-weight: 700;
	font-family: var(--thm-font);
	padding: 16.5px 39.5px;
	-webkit-transition: 500ms;
	transition: 500ms;
	color: #fff;
	text-transform: capitalize;
}
.button-group-content-service {
	background-color: white;
	width: calc(100% - 100px);
	position: absolute;
	left: 200px;
	bottom: 7%;
	-webkit-transform: translateX(-50%) translateY(50%);
	transform: translateX(-50%) translateY(50%);
	border-radius: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}
.button-group-content-service:hover {
	box-shadow: 0 10px 60px 0 rgba(0, 0, 0, 0.05);
}
.button-group-content-service h3 {
	text-align: center;
}
.button-group-content-service h3 a {
	font-size: 22px !important;
	margin: 0;
	font-weight: 600;
	color: var(--thm-black);
	text-align: center;
}
.button-group-content-service h3 a:hover {
	color: var(--primary-color);
}
.bg_adding::after {
	background-image: url("../../uploads/2025/02/ripped-paper-primary-up.png");
	transform: rotate(180deg);
}
.group-content-service {
	padding: 120px 0px 0px 0px;
}
.block-title .text-welcome {
	color: #949494;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 1em;
	letter-spacing: 1.5px;
	margin-bottom: 5px;
}
.block-title h3 {
	margin: 0;
	font-size: 35px !important;
	font-weight: bold;
	color: #255946;
	line-height: 1.3;
}
.img_welcome_ab {
	position: absolute;
	top: 78%;
	right: 50%;
}
.list_img_welcome img {
	border-radius: 10px;
}
.about-one {
	margin: 0;
	line-height: 1;
	font-family: var(--special-font) !important;
	margin: 20px 0px;
	font-size: 26px;
	line-height: 1.2em;
}
.about-one-summary {
	color: #6e7673 !important;
	font-size: 16px !important;
	line-height: 2.125;
}
.about-one-box {
	margin: 0;
	color: #42306a;
	font-size: 22px;
	line-height: 1.2;
	font-weight: bold;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	cursor: pointer;
}
.about-one-box:hover {
	color: #49a760;
}
.agrikon-icon-farmer:before {
	content: "\e906";
}
.agrikon-icon-farmer {
	font-size: 60px;
	color: #49a760;
}
.agrikon-icon-farmer:hover {
	color: #42306a;
}
.group-box-one {
	display: flex;
	/* justify-content: space-between; */
	align-items: center;
}
.group-box-one .icon-box {
	margin-right: 15px;
}
.gr_btn_discover_more a {
	padding: 15px 29px;
}
.gr_btn_discover_more .col-inner {
	padding-left: 0 !important;
}
.gr_btn_discover_more .col-inner {
	display: flex;
}
.btn_discover_more:hover {
	background-color: var(--fs-color-success);
}
.btn_send_message:hover {
	/* background-color: var(--fs-color-primary); */
	background-color: #efb443;
}
.content-left-welcome {
	/* position: absolute;
	left: 46%;
	top: 9%; */
	margin-left: -200px;
	margin-top: 70px;
}
.content-left-welcome .col-inner {
	padding-left: 40px;
	padding-top: 50px;
}
.col-professsional .col-inner {
	padding: 0;
}
.pt-0 .col-inner {
	padding-top: 0;
}
.about_one_8900 {
	background-image: url("../../uploads/2025/02/about-circle.png");
	width: 219px;
	height: 219px;
	position: absolute;
	top: 8%;
	left: -22%;
}
.trusted-badge {
	position: absolute;
	width: 219px;
	height: 219px;
	top: 10%;
	left: -14%;
}

.badge-image {
	position: relative;
	width: 100%;
	height: 100%;
	background-image: url("../../uploads/2025/02/about-circle.png");
}

.badge-image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.badge-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	width: 100%;
}

.badge-text {
	display: block;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.2em;
	color: #fff;
	text-transform: uppercase;
	line-height: 1;
}

.badge-number {
	display: block;
	font-size: 40px;
	color: #ffffff;
	font-family: "Handlee", Sans-serif;
	font-weight: 700;
	margin-top: 10px;
}
.content-project {
	padding: 0;
}
.content-project-1 {
	background-color: white;
	margin: 0px 5px;
}
.content-desc-project {
	padding-bottom: 45px;
	padding-left: 50px;
	padding-right: 50px;
}
.service-two__card-icon {
	width: 110px;
	height: 110px;
	background-color: #49a760;
	border: 6px solid #fff;
	margin-left: auto;
	margin-right: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	font-size: 50px;
	color: #fff;
	border-radius: 50%;
	position: relative;
	top: -39px;
	margin-bottom: -39px;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}
.group_content_post_home {
	padding: 0px 25px 25px;
	background-color: white;
}
.author_post_home {
	display: flex;
	align-items: center;
}
.dated_post_home .service-two__card-icon {
	width: 60px;
	height: 60px;
	font-size: 14px;
	top: -30px !important;
	left: 100px !important;
	border: 4px solid #fff;
}
.name_author_post_home {
	margin-left: 10px;
}
.name_author_post_home a {
	line-height: 1;
	color: #6e7673;
	font-size: 14px;
	font-weight: 600;
}
.title_post_home h3 a:hover {
	color: var(--success-color) !important;
}
.btn_post_home span {
	font-size: 12px;
}
.icon_author_post_home i {
	color: var(--success-color);
}
.service-two__card-icon:hover {
	background-color: var(--primary-color);
}
.content-project:hover {
	-webkit-box-shadow: 0 4px 0 0 var(--primary-color);
	box-shadow: 0 4px 0 0 var(--primary-color);
	-webkit-transition: all 500ms ease;
}

.img-content-project img {
	border-radius: 10px;
}
.title-content-project {
	color: var(--thm-black);
	font-size: 18px;
	font-weight: 700;
	margin: 0;
	margin-top: 20px;
	margin-bottom: 10px;
	text-align: center;
}
.desc-content-project p {
	margin: 0;
	font-size: 16px;
	line-height: 1.875;
	color: #6e7673;
}
.latest_projects_swiper .swiper-wrapper .swiper-slide img {
	width: 585px;
	height: 430px;
}
.latest_projects_swiper .swiper-wrapper .swiper-slide {
	margin: 0px 10px;
}
.swiper-slide:hover .projects-one__content {
	opacity: 1 !important;
	-webkit-transform: translateY(0%) !important;
	transform: translateY(0%);
}
.projects-one__button:hover {
	background-color: #fff;
}
.projects-one__button:hover i {
	color: #255946 !important;
}
.main_projects .projects-one__content {
	position: absolute;
	top: 0;
	right: 0;
	left: 15px !important;
	bottom: 0;
	left: 0;
	background-color: rgba(var(--thm-primary-rgb), 0.9);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 30px;
	-webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease;
	transition: opacity 500ms ease, -webkit-transform 500ms ease;
	transition: transform 500ms ease, opacity 500ms ease;
	transition: transform 500ms ease, opacity 500ms ease,
		-webkit-transform 500ms ease;
	-webkit-transform: translateY(40%);
	width: 93%;
	opacity: 0;
}
.main_projects .projects-one__content:hover {
	opacity: 80% !important;
}
.main_projects .projects-author__name {
	position: absolute;
	top: 6%;
	left: 15%;
	color: #fff;
	font-size: 18px;
}
.main_projects .projects-one__button {
	position: absolute;
	top: 4%;
	left: 80%;
	width: 60px;
	height: 60px;
	font-size: 20px;
	padding: 14px 14px 10px 14px;
}
.main_projects .projects-one__button i {
	margin-left: 5px;
}
.main_projects .projects-one__content .title {
	margin-left: 30px;
	font-size: 30px;
	margin-bottom: 23px;
}
.projects-one__content {
	width: 320px;
	position: absolute;
	top: auto;
	bottom: 25px !important;
	left: 30px !important;
	right: auto;
	display: flex;
	align-items: center;
	border-radius: 5px;
	background-color: var(--primary-color) !important;
	opacity: 0;
	-webkit-transform: translateY(0%) !important;
	transition: transform 500ms ease, opacity 500ms ease,
		-webkit-transform 500ms ease;
	transform: translateY(0%) !important;
	padding: 45px 40px;
}
.projects-one__content .projects-one__content {
	background-color: rgba(var(--thm-primary-rgb), 0.9);
	padding: 30px;
	-webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease;
	transition: opacity 500ms ease, -webkit-transform 500ms ease;
	transition: transform 500ms ease, opacity 500ms ease;
	transition: transform 500ms ease, opacity 500ms ease,
		-webkit-transform 500ms ease;
	-webkit-transform: translateY(40%);
	transform: translateY(40%);
	/* opacity: 0; */
}
.projects-one__content h3 {
	font-size: 23px;
	margin: 0;
	color: #fff;
	font-weight: 700;
}
.projects-one__button {
	border: 2px solid white;
	padding: 10px 14px 10px 14px;
	border-radius: 50%;
}
.projects-one__content i {
	color: white;
}
.swiper-pagination-custom {
	bottom: -50px !important;
}
.swiper-pagination-custom .swiper-pagination-bullet {
	background-color: #1f4e3d;
	width: 13px;
	height: 13px;
}
.swiper-pagination-custom-testimonials {
	bottom: 50px !important;
}
.swiper-pagination-custom-testimonials .swiper-pagination-bullet {
	background-color: #1f4e3d !important;
	width: 13px;
	height: 13px;
}
/* Kích thước và style chung */
.swiper-pagination-custom-testimonials .swiper-pagination-bullet {
	width: 80px;
	height: 80px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	opacity: 1;
	border-radius: 50%;
	border: 2px solid white;
	margin: 0px 10px !important;
	margin-bottom: 30px !important;
}

/* Ảnh riêng cho từng bullet */
.swiper-pagination-custom-testimonials .swiper-pagination-bullet:nth-child(1) {
	background-image: url("../../uploads/2025/02/testimonials-avatar-1.jpg");
}

.swiper-pagination-custom-testimonials .swiper-pagination-bullet:nth-child(2) {
	background-image: url("../../uploads/2025/02/testimonials-avatar-2.jpg");
}

.swiper-pagination-custom-testimonials .swiper-pagination-bullet:nth-child(3) {
	background-image: url("../../uploads/2025/02/testimonials-avatar-3.jpg");
}
.swiper-pagination-custom-testimonials .swiper-pagination-bullet-active {
	border: 2px solid #49a760;
}
.list_testimonials_swiper .testimonials-one__icons {
	padding: 30px 0px;
}
.bg_gray {
	background-color: #f6f5f2;
}
.row.bg_gray {
	padding: 100px;
	margin-top: -200px;
	border-radius: 6px;
}
.row.bg_gray_about_us {
	margin-top: 0;
}
.avatar-meet-the-team img {
	width: 300px;
	height: 342px;
}
.info-meet-the-team h3.name {
	color: #255946;
	font-weight: 700;
	font-size: 20px;
}
.info-meet-the-team span.subtitle {
	margin: 0;
	font-size: 14px !important;
	line-height: 1;
	font-weight: 600;
	color: #6e7673;
	text-transform: unset;
	letter-spacing: unset;
	margin-top: 10px;
}
.info-meet-the-team .name-customers {
	padding-top: 20px !important;
}
.swiper-button-next-custom {
	left: -48% !important;
	top: 69% !important;
}
.swiper-button-prev-custom {
	left: -40%;
	top: 69%;
}
.swiper-button-next-custom::before {
	content: "\e905";
	font-family: "agrikon-icon" !important;
	speak: never;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.swiper-button-next-custom,
.swiper-button-prev-custom {
	z-index: 100;
	width: 63px;
	height: 63px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 20px;
	color: var(--thm-black);
	border: 2px solid var(--thm-black);
	border-radius: 50%;
	opacity: 0.3;
	margin: 0;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	outline: none;
	-moz-appearance: none;
}
.swiper-button-next-custom::after,
.swiper-button-prev-custom::after {
	content: unset !important;
}
.swiper-button-prev-custom::before {
	content: "\e916";
	font-family: "agrikon-icon" !important;
	speak: never;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

.html_topbar_right .agrikon-icon-phone-call {
	font-size: 32px !important;
}

/* .row.bg_yellow::after {
content: "";
position: absolute;
bottom: 165px;
left: -300px;
width: 100%;
height: 30%;
background: url("/phanbon_GFC/wp-content/uploads/2025/02/ripped-paper-primary-up.png")
no-repeat center top;
transform: rotate(180deg);
} */
.bg_adding .section-content::after {
	content: "";
	position: absolute;
	bottom: 165px;
	/* left: -300px; */
	width: 100%;
	height: 101%;
	background: url("../../uploads/2025/02/ripped-paper-primary-up-1.png")
		no-repeat center top;
	transform: rotate(180deg);
}
/* .bg_adding .section-bg::after {
content: "";
position: absolute;
bottom: 165px;
left: -300px;
width: 100%;
height: 30%; 
background: url("/phanbon_GFC/wp-content/uploads/2025/02/ripped-paper-primary-up.png")
no-repeat center top;
transform: rotate(180deg);
} */
.list_services_product {
	margin-top: -300px;
}
.row.bg_gray::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50px;
	width: 100%;
	height: 30%; /* Điều chỉnh chiều cao */
	background: url("../../uploads/2025/02/home-1-blog-bg.png")
		no-repeat left bottom;
}
.row.bg_gray_about_us {
	content: "";
	/* position: absolute; */
	bottom: 0;
	left: 0;
	width: 100%;
	height: 30%; /* Điều chỉnh chiều cao */
	background: url("../../uploads/2025/02/home-1-blog-bg.png")
		no-repeat left bottom;
}
.testimonials_section .section-content::after {
	content: "";
	position: absolute;
	bottom: 477px;
	/* left: -300px; */
	width: 100%;
	height: 101%;
	background: url("../../uploads/2025/02/ripped-paper-testimonials.png")
		no-repeat center top;
	transform: rotate(180deg);
}
.testimonials_section .section-content::before {
	content: "";
	position: absolute;
	top: 475px;
	/* left: -300px; */
	width: 100%;
	height: 101%;
	background: url("../../uploads/2025/02/ripped-paper-testimonials.png")
		no-repeat center top;
	transform: rotate(360deg);
}
.feedback-customers {
	padding: 30px 0px;
}
.title_high_quality {
	margin: 0;
	font-size: 60px !important;
	font-family: var(--special-font);
	margin-bottom: 20px !important;
	color: #fff;
	font-weight: 700;
}
.title_high_quality_about_us {
	font-family: var(--special-font);
	font-size: 40px !important;
	font-weight: 700 !important;
	color: #fff;
}
.icon-custom-banner-about-us {
	bottom: 27% !important;
}
.img_providing_high {
	position: absolute !important;
	top: -8%;
}
.custom-img-textbox {
	top: 48%;
}
.testimonials-one__icons i {
	font-size: 22px;
	color: var(--primary-color);
}
.fa-star:before {
	content: "\f005";
}
.feedback-customers p {
	font-size: 22px !important;
	max-width: 922px;
	margin-left: auto;
	margin-right: auto;
	color: #fff;
	line-height: 1.917;
	text-align: center;
}
/*  */
.list_testimonials_swiper .testimonials-one__icons {
	text-align: center;
}
.testimonials-left h2 {
	position: absolute;
	left: -50%;
	-webkit-transform: translateY(-50%) rotate(-90deg);
	transform: translateY(-50%) rotate(-90deg);
	color: var(--primary-color);
	text-transform: uppercase;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.2em;
	bottom: 120px;
}
.name-customers {
	padding-top: 70px;
}
.name-customers .name {
	margin: 0;
	font-size: 22px;
	color: #fff;
	font-weight: 700;
	line-height: 1;
}
.name-customers .subtitle {
	display: block;
	color: #b5c3be;
	font-weight: 600;
	font-size: 14px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	line-height: 1;
	margin-top: 10px;
}

.avatar_post_home img {
	border-radius: 10px;
}
.elementor-icon i {
	font-size: 60px;
	color: var(--success-color);
	border-color: var(--success-color);
}
.we_care_about h3 {
	font-size: 30px;
	font-weight: bold;
	color: #255946;
}
.elementor-widget-container-space {
	background-color: var(--primary-color);
	/* margin: 0px 40px 0px 0px;
	padding: 0px 10px 0px 10px; */
	border-radius: 5px 5px 5px 5px;
	--spacer-size: 118px;
	width: 20px;
}
.elementor-widget-container-space .elementor-spacer-inner {
	height: var(--spacer-size);
}
img {
	border-radius: 10px;
}
.br-50 img {
	border-radius: 50%;
}
.contact-form {
	max-width: 600px;
	margin: 0 auto;
	padding: 20px 20px 20px 0px;
}
.wpcf7-form-control-wrap input,
.wpcf7-form-control-wrap textarea {
	background-color: #f6f5f2;
	border-style: solid;
	border-width: 0px 0px 0px 0px;
	border-radius: 5px 5px 5px 5px;
	padding: 18px 20px 18px 30px;
	display: block;
	border: none;
	outline: none;
	width: 100%;
	background-color: #f6f5f2;
	border-radius: 5px;
	padding-left: 20px;
	padding-right: 20px;
	height: 60px;
	font-size: 14px;
	color: #6e7673;
	margin-bottom: 20px;
}
.subscribe-form .wpcf7-form-control-wrap input[type="email"] {
	height: 53px;
}
.wpcf7-form-control-wrap input[type="text"],
.wpcf7-form-control-wrap input[type="email"],
.wpcf7-form-control-wrap input[type="tel"] {
	height: 71px;
}
.wpcf7-form-control-wrap textarea {
	height: 199px;
}

.swiper-list-brands img {
	filter: grayscale(1);
	t-transition: 500ms;
	transition: 500ms;
	opacity: 0.3;
}
.swiper-list-brands img:hover {
	filter: grayscale(0);
	opacity: 1;
	-webkit-transition: 500ms;
	transition: 500ms;
}
.subscribe-form {
	max-width: 400px;
	position: relative;
	margin: 0 auto;
}

.email-input {
	width: 100%;
	padding: 12px 45px 12px 16px;
	border-radius: 8px;
	border: none;
	background-color: rgba(255, 255, 255, 0.9);
	font-size: 15px;
	color: #333;
}

.email-input:focus {
	outline: none;
	box-shadow: 0 0 0 2px #047857;
}

.email-input::placeholder {
	color: #6b7280;
}

.submit-btn {
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	background: none;
	border: none;
	color: #047857;
	font-size: 20px;
	cursor: pointer;
	padding: 0;
	line-height: 1;
}

.submit-btn:hover {
	color: #065f46;
}

/* Optional: Add styles for the form container if you want the green background */
/* .form-container {
background-color: #047857;
padding: 20px;
border-radius: 8px;
}

.wpcf7-not-valid-tip {
font-size: 12px;
color: #fecaca;
margin-top: 4px;
}

.wpcf7-response-output {
margin-top: 10px;
padding: 8px;
border-radius: 4px;
font-size: 14px;
color: white;
border: 1px solid rgba(255, 255, 255, 0.3);
} */
.wpcf7-submit-email {
	position: absolute;
	left: 80%;
	top: 0;
	font-size: 20px;
	color: #49a760;
}
.text-footer {
	font-size: 15px;
	line-height: 2.15em;
	color: #b5c3be;
}
.title-footer-menu {
	font-size: 18px;
	font-weight: bold;
	line-height: 1em;
	color: #ffffff;
}
.list_menu_footer .ux-menu-link__link span {
	font-size: 15px;
	color: #b5c3be;
	transition: color 0.3s;
}
.list_menu_footer .ux-menu-link__link:hover span {
	color: #efb443;
}
.list_menu_footer .ux-menu-link__link:hover i {
	color: #2dacdd;
}
.list_posts_footer .post-title a {
	margin: 0;
	font-size: 15px;
	color: #fff;
	font-weight: 500;
	line-height: 2.133;
}
.list_posts_footer .post-meta {
	font-size: 13px;
	color: var(--primary-color);
	font-weight: 700;
	line-height: 1;
	text-align: left;
}
.list_posts_footer .is-divider {
	display: none;
}
.list_menu_contact_footer i {
	color: var(--primary-color);
}
.list_menu_contact_footer .ux-menu-link__link:hover span {
	color: var(--primary-color);
	transition: color 0.3s;
}
.list_menu_contact_footer .ux-menu-link__link:hover i {
	color: white !important;
	transition: color 0.3s;
}

.list_menu_contact_footer .ux-menu-link:not(:last-of-type) .ux-menu-link__link {
	border-color: #ffffff1a;
}
.list_menu_contact_footer .ux-menu-link__text {
	font-size: 15px;
	line-height: 2.3em;
	color: #b5c3be;
	transition: color 0.3s;
}
.elementor-icon-list-items {
	margin: 20px 0;
}
.elementor-icon-list-items {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.elementor-icon-list-items li i {
	color: #efb443;
	transition: color 0.3s;
	font-size: 18px;
}
.elementor-icon-list-items li {
	margin-left: 0 !important;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.2em;
	color: #255946;
}
.elementor-icon-list-items .elementor-icon-list-icon {
	margin-right: 10px;
}
.elementor-widget-container-p {
	font-size: 18px;
	line-height: 2.15em;
}

/* section {
height: 100vh;
background: #fefae0;
display: grid;
place-items: center;
font-size: 90px;
} */

.odometer-inside {
	color: #49a760;
	font-family: var(--special-font);
	font-size: 70px;
	font-weight: 700 !important;
	line-height: 1.1em;
}
.stats-container .stat .type {
	color: #255946;
	font-family: "Inter", Sans-serif;
	font-weight: 700;
}

.stats-container {
	border-style: solid;
	border-width: 1px 0px 1px 0px;
	border-color: #cfcfcf;
	margin-top: 0px;
	margin-bottom: 30px;
	padding: 10px 0px 20px 0px;
}

.stats-container {
	display: grid;
	gap: 24px;
	grid-template-columns: 1fr 1fr 1fr;
	margin: 30px auto;
	max-width: 1000px;
	padding-inline: 16px;
}

.stats-container .stat .odometer {
	font-size: 50px;
	font-weight: bold;
	display: inline-block;
}

.stats-container .stat .type {
	font-size: 20px;
}

.odometer.plus {
	position: relative;
}
.z-index-10 img {
	z-index: 10;
}
.elementor-widget-container-square {
	background-color: #49a760;
	padding: 32px 32px 32px 32px;
	border-radius: 5px 5px 5px 5px;
	width: 89px;
	height: 230px;
	position: absolute;
	top: 69%;
	left: 5%;
	z-index: 1;
}
.elementor-widget-container-circle {
	background-color: var(--primary-color);
	padding: 50px 50px 0px 50px;
	border-radius: 100% 100% 100% 100%;
	width: 100px;
	height: 100px;
	position: absolute;
	top: -5%;
	left: 87%;
	z-index: 1;
}
.elementor-widget-container-circle .elementor-spacer {
	--spacer-size: 50px;
}
.elementor-widget-container-circle .elementor-spacer .elementor-spacer-inner {
	height: var(--spacer-size);
}
.elementor-widget-container-square .elementor-spacer {
	--spacer-size: 50px;
}
.elementor-widget-container-square .elementor-spacer .elementor-spacer-inner {
	height: var(--spacer-size);
}
.col-custom-img-before-after {
	padding: 20px 30px;
	background-color: #47a25d;
}
.bafg-slider-title {
	text-transform: capitalize;
	color: white;
	font-size: 1.5rem !important;
	font-weight: 700;
	text-align: center;
}
.bafg-slider-description {
	color: white;
	text-align: center;
	font-size: 16px !important;
	padding: 0px 40px;
}
.bafg-slider-info-wraper {
	padding: 30px;
}
.accordion-custom i {
	font-size: 18px;
}
.accordion-title {
	border: 1px solid #ddd !important;
}
.accordion-custom .icon-angle-down:before {
	content: "\f067"; /* Thêm mã Unicode cho icon dấu cộng (fa-plus) */
	font-family: "Font Awesome 5 Free"; /* Đảm bảo rằng bạn sử dụng Font Awesome */
	font-weight: 900; /* Chọn font-weight cho icon */
	width: 14px;
	height: 16px;
}

.accordion-custom .accordion-title.active .icon-angle-down:before {
	content: "\f068";
	font-family: "Font Awesome 5 Free"; /* Đảm bảo rằng bạn sử dụng Font Awesome */
	font-weight: 900; /* Chọn font-weight cho icon */
	width: 14px;
	height: 16px;
}
.heading-title-about-us h3 {
	font-family: var(--special-font);
	font-size: 70px !important;
	font-weight: 700;
	line-height: 1.1em;
}
.opa-42 .overlay,
.banner-about-2 .overlay,
.banner-home .overlay {
	/* opacity: 0.42; */
	opacity: 0.8;
}

.banner.has-hover.banner-home {
	background-image: url("../../uploads/2025/02/cta-1-bg.jpg");
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	transition: background 0.3s, border-radius 0.3s, opacity 0.3s, transform 0.3s; /* Thêm hiệu ứng cho transform */
}
.banner.has-hover.banner-about-2 {
	background-image: url("../../uploads/2025/02/cta-1-bg.jpg");
	/* background-image: url("/phanbon_GFC/wp-content/uploads/2025/02/organic-news-19-e1614194428457.jpg"); */

	/* Create the parallax scrolling effect */
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	transition: background 0.3s, border-radius 0.3s, opacity 0.3s, transform 0.3s; /* Thêm hiệu ứng cho transform */
}
.banner.has-hover.opa-42 {
	/* Set a specific height */
	/* min-height: 500px; */
	background-image: url("../../uploads/2025/02/organic-news-19-e1614194428457.jpg");
	/* Create the parallax scrolling effect */
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	transition: background 0.3s, border-radius 0.3s, opacity 0.3s, transform 0.3s; /* Thêm hiệu ứng cho transform */
}
.image-tools.grid-tools {
	display: none;
}
#main {
	background-color: #f9fafb;
}
.custom-page-title-new .section {
	padding-bottom: 0;
}
.custom-page-product .box-image img {
	/* background-color: gray; */
	object-fit: scale-down;
}
.custom-page-product .product-cat {
	display: none;
}
.shop-page-title.category-page-title {
	display: none;
}
.custom-page-product .name.product-title {
	margin: 0;
	color: var(--thm-black);
	font-size: 18px !important;
	font-weight: 700;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	text-align: center;
}
.custom-page-product .name.product-title a:hover {
	color: var(--primary-color);
}
.custom-page-product .price .woocommerce-Price-amount {
	color: var(--success-color);
	font-size: 18px;
	font-weight: 700;
}
.custom-page-product .price {
	text-align: center;
	margin-top: 10px;
}
.custom-page-product .product-small {
	border-radius: 10px;
}
.custom-page-product .product-small.type-product .col-inner {
	background-color: white;
}
.custom-page-product .product-small.type-product .col-inner:hover {
	border: 1px solid var(--primary-color);
	transition: all 500ms ease;
	box-shadow: 0 0 68px 0 rgba(174, 175, 175, 0.17);
}
.custom-page-product .badge-circle {
	margin-left: 10px;
	width: 55px !important;
	height: 55px !important;
}
.custom-page-product .badge-circle .badge-inner {
	font-size: 13px;
	background-color: var(--primary-color) !important;
}
.custom-star-rating {
	display: flex;
	gap: 3px;
	font-size: 18px;
	color: #ffd700; /* Màu vàng */
}

.custom-star-rating .star.filled {
	color: #ffd700; /* Màu vàng cho sao đầy */
}
.custom-star-rating {
	position: absolute;
	bottom: 631%;
	left: 33%;
}
.product-brand {
	position: absolute;
	top: -200%;

	left: 75%;
}
.product-brand a {
	padding: 5px 10px;
	font-size: 12px;
	min-width: 57px;
	margin-bottom: 3px;
	color: #fff;
	border-radius: 5px;
	background-color: var(--success-color);
	-webkit-transition: background-color 500ms ease;
	transition: background-color 500ms ease;
}
.sale-badge {
	background-color: #f44336; /* Màu nền đỏ */
	color: white;
	padding: 5px 10px;
	border-radius: 5px;
	font-weight: bold;
}

.sale-percentage {
	color: #ff9800; /* Màu vàng cho phần trăm */
	font-size: 14px;
	font-weight: bold;
}
.wishlist-icon {
	display: none;
}
.add-to-cart-button a::before {
	content: "\e902";
	font-size: 18px;
	font-family: "agrikon-icon" !important;
	color: var(--success-color);
}
.add-to-cart-button a:hover,
.yith-wcwl-add-button a:hover {
	background-color: var(--success-color) !important;
}
.add-to-cart-button a:hover::before {
	color: white;
}
.add-to-cart-button a,
.wishlist-wrapper a {
	display: flex;
	position: relative;
	width: 40px;
	height: 40px;
	margin: 0;
	padding: 0 !important;
	font-size: 0 !important;
	font-weight: normal;
	background-color: transparent;
	outline: none;
	flex: 0 0 40px;
	justify-content: center;
	align-items: center;
	border: 1px solid #f6f5f1 !important;
	color: #255946;
	border-radius: 100%;
}
.yith-wcwl-add-button span {
	display: none;
}
.group-icon-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
}
.yith-wcwl-add-to-wishlist {
	margin-top: 14px !important;
	margin-right: 10px;
}
.widget_product_search .search-field {
	display: flex;
	position: relative;
	width: 100%;
	height: 90px;
	padding: 0;
	border-radius: 5px;
	background-color: var(--primary-color);
	align-items: center;
	justify-content: center;
	padding-left: 20px;
	color: white;
}
input[type="search"]:focus {
	background-color: var(--primary-color) !important;
	box-shadow: unsetcc;
	color: white !important;
	opacity: 1 !important;
	outline: 0;
}
#woocommerce-product-search-field-1::placeholder {
	color: white;
}
.widget_product_search .search-field input[type="search"]:focus {
	display: flex;
	position: relative;
	width: 100%;
	height: 90px;
	padding: 0;
	border-radius: 5px;
	background-color: var(--primary-color);
	align-items: center;
	justify-content: center;
}
.widget_product_search .ux-search-submit {
	display: none;
}
.widget_price_filter,
.widget_product_categories,
.widget_top_rated_products {
	background-color: #f6f5f2;
	border-radius: 5px;
	margin-bottom: 30px;
	padding: 30px;
}
.widget_price_filter .is-divider,
.widget_product_categories .is-divider,
.widget_top_rated_products .is-divider,
.product-single .product-title-container .is-divider {
	display: none;
}
.widget_price_filter .widget-title,
.widget_product_categories .widget-title,
.widget_top_rated_products .widget-title {
	color: var(--thm-black);
	font-weight: 700;
	font-size: 20px;
	text-transform: math-auto;
	margin-bottom: 10px;
}
.widget_price_filter .ui-slider .ui-slider-handle {
	height: 18px !important;
	width: 18px !important ;
}
.widget_price_filter .price_slider_wrapper {
	margin-top: 10px;
}
.widget_price_filter .ui-slider .ui-slider-handle,
.widget_price_filter .ui-slider .ui-slider-range {
	background-color: var(--thm-black) !important;
	opacity: 1;
}
.widget_price_filter .ui-slider .ui-slider-range {
	height: 10px;
}
.widget_price_filter .price_label {
	text-align: right;
	line-height: 2.4;
	font-size: 16px;
}
.widget_price_filter .price_label .from,
.widget_price_filter .price_label .to {
	color: var(--success-color);
}
.widget_price_filter .price_slider_amount .button {
	margin-top: 10px;
	padding: 7px 13px;
	background: var(--primary-color);
	font-size: 1.15em;
	font-size: 11px;
	line-height: 1.5;
	border-radius: 5px;
}
.widget_price_filter .price_slider {
	margin: 20px 0px;
}
.widget_price_filter span {
	font-weight: 400;
}
.widget > ul > li + li {
	border-top: unset !important;
}
.widget_product_categories .widget-title {
}
.widget_product_categories .product-categories,
.widget_top_rated_products .product_list_widget {
	margin-top: 10px;
}
.widget_product_categories .product-categories li {
	margin: 0px;
	font-size: 15px !important;
	font-weight: inherit;
	line-height: 1.6;
	font-weight: 500;
}
.widget_product_categories .product-categories li a {
	color: inherit;
}
.widget_top_rated_products .woocommerce-Price-amount bdi {
	color: var(--success-color) !important;
}
.product-single .product-title-container .is-divider {
	/* d */
}
.product_meta .sku_wrapper,
.tagged_as,
.posted_in,
.brands {
	font-weight: 700;
	margin-bottom: 5px;
	text-transform: capitalize;
	color: var(--thm-black);
	font-size: 18px;
}
.product_meta .sku,
.posted_in a,
.tagged_as a,
.brands a {
	color: #6e7673;
	font-size: 16px;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	margin-left: 5px;
	font-weight: 400;
}
.product_meta > span {
	border-top: unset;
}
.product-single h1 {
	margin: 0 0 20px;
	font-size: 40px;
	font-weight: 700;
}
.product-single .product-page-price bdi {
	color: var(--primary-color);
	font-size: 28px;
}
.quantity .button.minus,
.quantity .button.plus {
	border: none !important;
	background-color: #f6f5f2;
	padding: 0 20px;
	border-radius: 8px;
}
.ux-quantity .input-text.qty {
	border: none;
	background-color: #f6f5f2;
	box-shadow: unset;
	padding: 30px 0px;
}
.custom_add_to_cart_button {
	text-transform: math-auto;
	margin: 0 10px;
	color: #fff;
	background-color: var(--thm-black) !important;
	padding: 6px 20px;
	border-radius: 10px;
}
.custom_add_to_cart_button:hover {
	background-color: var(--primary-color) !important;
}
.custom_add_to_cart_button::before {
	content: "\e902";
	font-weight: 400;
	margin-right: 10px;
	font-family: "agrikon-icon" !important;
	font-size: 18px;
}
.related_product {
	color: var(--thm-black);
	font-weight: 700;
	font-size: 2rem;
}
.woocommerce-product-gallery__wrapper .custom-star-rating,
.product_related_custom .custom-star-rating {
	display: none;
}
.product-single .badge-circle {
	margin-left: 20px;
}
.mt-10 {
	margin-top: 10px;
}
.tab-single-product-custom .tab {
	padding: 10px 15px;
	font-size: 14px;
	font-weight: 700;
	color: var(--thm-black);
	letter-spacing: 0.4px;
	padding: 9px 35px;
}
.tab-single-product-custom li {
	margin-right: 10px;
	margin-left: 0;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	background-color: #fff;
}
.tab-single-product-custom li.active {
	border-color: var(--thm-primary);
	background-color: var(--primary-color);
	border: unset;
}
.tab-single-product-custom li.active a {
	color: white;
}
.tab-single-product-custom .nav-line > li > a:before {
	background-color: unset;
}
.wishlist_custom_detail_product a {
	text-transform: math-auto;
	margin: 0 10px;
	color: #fff;
	background-color: var(--thm-black) !important;
	/* padding: 6px 20px; */
	border-radius: 10px;
	padding: 20px 15px;
}
.wishlist_custom_detail_product .yith-wcwl-add-button span {
	display: unset;
}
.wishlist_custom_detail_product .yith-wcwl-add-button a:hover {
	background-color: var(--primary-color) !important;
}
.main_projects .col img {
	width: 400px;
	height: 500px;
	object-fit: cover;
}
.text-box-banner-single-post {
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
	top: 26%;
}
.post_home_custom img {
	width: 393px;
	height: 211px;
}
.post_home_custom .dated_post_home .service-two__card-icon {
	left: 140px !important;
}
.post_home_custom .description_post_home {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 58px;
}
/* .post_home_custom .btn_post_home {
padding-top: 24px;
} */
.html_topbar_right {
	margin-left: 20px !important;
}
.msg_box_custom {
	font-size: 30px;
	font-weight: 700;
}
.msg_box_custom,
.msg_box_custom,
.message-box-bg-overlay {
	border-radius: 10px !important;
}
.msg_box_custom p {
	background-color: var(--thm-base);
	color: #fff;
	font-family: var(--special-font);
	padding: 30px;
	line-height: 1.4;
	margin-top: 20px;
	margin-bottom: 20px;
	border-radius: 5px;
}
.list_more_benefits ul li {
	margin: 10px 0px;
}

.list-service-detail {
	transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
	padding: 30px;
	background-color: #f6f5f2;
}
.list-service-detail ul li {
	list-style: none;
	padding: 10px 0px;
	border-bottom: 1px solid #e9e7e2;
}
.list-service-detail ul li:last-child {
	border-bottom: none;
}
.list-service-detail ul li a {
	font-size: 18px;
	font-weight: 500;
	line-height: 50px;
	color: #255946;
}
.list-service-detail ul li a:hover {
	color: var(--success-color);
}
.heading-h3 {
	font-family: "Handlee", Sans-serif;
	font-size: 46px !important;
	color: #ffffff;
	font-weight: 700 !important;
}
.banner-op-9 .overlay {
	opacity: 90%;
}
.banner-op-9 img,
.banner-op-9,
.banner-op-9 .banner-bg {
	border-radius: 10px;
}
ul li,
li {
	list-style: none;
}
.organic_product_i i {
	top: 50%;

	width: 60px;
	height: 60px;
	font-size: 20px;
	/* background-color: var(--thm-black); */
	background-color: var(--primary-color);
	display: flex;
	border-radius: 50%;
	margin-right: 20px;
}
.lh-30 {
	line-height: 30px;
}
.organic_product_i .agrikon-icon-right-arrow p strong {
}
.organic_product_i .agrikon-icon-right-arrow:before {
	margin-left: 20px;
	margin-top: 18px;
	color: white;
	transition: transform 0.3s ease, background-color 0.3s ease; /* Thêm transition cho transform và background-color */
}
.organic_product_i:hover .agrikon-icon-right-arrow {
	background-color: var(--thm-black);
}
.organic_product_i .agrikon-icon-right-arrow:hover:before {
	/* -webkit-transform: translateY(-50%) rotate(360deg); */
	transform: translateY(-50%) rotate(360deg);
	margin-top: 33px;
}
/* .organic_product_i p {
display: flex;
align-items: center;
} */
.services_detail_heading .elementor-heading-title {
	font-size: 40px;
	font-weight: bold;
	color: var(--thm-black);
}
.more_benefits h4 {
	font-weight: 700;
	font-style: normal;
	font-size: 24px;
	font-weight: bold;
}


.gtranslate_wrapper img {
	border-radius: 0 !important;
}

@media (max-width: 767px) { 
	.text-welcome {
		font-size: 13px;
	}
	
	.welcome-title-h2 {
		font-size: 50px !important;
	}
	
	.group-content-service {
		padding: 20px 0px 0px 0px;
	}
	
	.content-left-welcome {
		margin-left: 0px;
		margin-top: 70px;
	}
	
	.content-left-welcome .col-inner{
		padding: 10px;
	}
	
	.block-title h3{
		font-size: 28px;
	}
	.gr_btn_discover_more a {
		padding: 12px 14px;
		font-size: 14px;
	}
	
	.group-box-one .icon-box {
		margin-right: 15px;
		margin: 0;
		margin-right: 15px;
	}
	.about-one-box {
		font-size: 16px;
	}
	
	.row.bg_gray {
		padding: 10px;
	}
	
	.page_title {
		font-size: 65px !important;
	}
	
	.title_high_quality_about_us {
		font-size: 27px !important;
	}
	
	.product-brand {
		display: none;
	}

	#banner-1811163496 #text-box-880688957 {
		width: 90%;
	}
	
	#banner-1811163496 .page_title {
        font-size: 35px !important;
    }

	#text-1912115163 {
		display: none;
	}
	
	#banner-1811163496 {
		padding-top: 300px !important;
	}
	
	#banner-1811163496 .y75 {
        bottom: 35%;
    }
	
	#banner-1811163496 img {
		border-radius: 0;
	}
}