@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:wght@400;700&family=Poppins:wght@400;500;600;700&family=Roboto:wght@400;500;700&display=swap');

body {
	margin: 0;
	padding: 0;
	font-size: 16px;
	color: #191919;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	font-style: normal;
	/* background: #F2F2F2; */
}

a,
button {
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

*::-moz-selection {
	background: #d6b161;
	color: #fff;
	text-shadow: none;
}

::-moz-selection {
	background: #444;
	color: #fff;
	text-shadow: none;
}

::selection {
	background: #444;
	color: #fff;
	text-shadow: none;
}

*::-moz-placeholder {
	color: #555555;
	font-size: 14px;
	opacity: 1;
}

*::placeholder {
	color: #555555;
	font-size: 14px;
	opacity: 1;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin: 0;
	padding: 0;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

a {
	text-decoration: none;
	transition: .4s;
	-webkit-transition: all .4s ease-in-out;
}

a:hover {
	text-decoration: none;
	color: #82B60B;
}

button:focus {
	outline: none;
}

input:focus {
	outline: none;
}

p {
	color: #444;
	font-size: 15px;
	font-family: 'Poppins', sans-serif;
}

h4 {
	font-size: 18px;
	font-weight: 600;
	text-transform: capitalize;
	line-height: 1.2;
}

.section-padding {
	padding: 80px 0px;
}



/*Scroll Area*/
.scroll-area {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 1;
	display: none;
}

.scroll-area i {
	width: 35px;
	height: 40px;
	background-color: #f73859;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	color: #aeadad;
	font-size: 20px;
}

.scroll-area i:hover {
	background: #000;
}

/*Header*/

.site-header {
	background-color: #0b2b3b;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
	position: relative;
	z-index: 1050;
}

.navbar {
	padding: 0.75rem 0;
}

.navbar-brand img {
	height: 48px;
	width: auto;
	transition: transform 0.2s ease;
}

.navbar-brand img:hover {
	transform: scale(1.02);
}

/* 主导航链接样式 */
.header-nav .nav-link {
	color: #f1f5f9 !important;
	font-weight: 500;
	font-size: 1rem;
	padding: 0.5rem 1rem !important;
	margin: 0 0.125rem;
	border-radius: 40px;
	transition: all 0.2s ease;
}

.header-nav .nav-link:hover {
	background-color: rgba(255, 255, 255, 0.12);
	color: white !important;
}

/* ---------- 桌面端 hover 下拉菜单 (完美支持鼠标选中) ---------- */
/* 让下拉菜单默认隐藏但保留block布局，使用opacity/visibility控制，保证鼠标可进入 */
.navbar .dropdown-menu {
	display: block;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;
	transform: translateY(15px);
	background: #ffffff;
	border: none;
	border-radius: 20px;
	box-shadow: 0 20px 35px -12px rgba(0, 0, 0, 0.25);
	padding: 1.75rem 2rem;
	margin-top: 0.5rem;
	width: 1000px;
	max-width: 90vw;
	left: 50% !important;
	transform: translateX(-50%) translateY(15px);
	pointer-events: none;
}

/* hover 时显示菜单并允许交互 */
.navbar .dropdown:hover>.dropdown-menu {
	opacity: 1;
	visibility: visible;
	transform: translateX(-50%) translateY(0px);
	pointer-events: auto;
}

/* 增加平滑桥接区域，防止鼠标从导航移动到菜单时丢失hover */
.navbar .dropdown:after {
	content: '';
	position: absolute;
	bottom: -12px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent;
	pointer-events: auto;
}

.navbar .dropdown-menu:before {
	content: '';
	position: absolute;
	top: -14px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent;
	pointer-events: auto;
}

/* 大屏双栏布局 */
.dropdown-menu .dropdown-submenu {
	display: inline-block;
	width: 48%;
	float: left;
	margin-right: 2%;
	vertical-align: top;
}

.dropdown-menu.clearfix::after {
	content: "";
	display: table;
	clear: both;
}

/* 子菜单标题样式 */
.dropdown-submenu>.dropdown-item-title {
	font-weight: 700;
	color: #1e2a3a;
	background: transparent;
	border-radius: 12px;
	padding: 0.5rem 0.75rem;
	cursor: default;
	display: block;
	font-size: 1rem;
	margin-bottom: 0.25rem;
}

/* By Form 内嵌列表 */
.submenu-inner {
	margin-top: 0.5rem;
	padding-left: 0.75rem;
	border-left: 2px solid #e2e8f0;
}

.submenu-inner ul {
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
}

.submenu-inner ul li {
	margin-bottom: 0.5rem;
}

.submenu-inner ul li a {
	text-decoration: none;
	color: #2d3e50;
	font-size: 0.9rem;
	transition: all 0.15s;
	display: block;
	padding: 0.35rem 0.5rem;
	border-radius: 8px;
}

.submenu-inner ul li a:hover {
	background: #eef2ff;
	color: #0f6b8c;
	font-weight: 500;
	padding-left: 0.75rem;
}

/* Alloy 区块样式 */
.alloy-items {
	margin-bottom: 1.25rem;
}

.alloy-items p {
	font-weight: 700;
	margin-bottom: 0.5rem;
	font-size: 0.9rem;
	color: #1f3b4c !important;
	letter-spacing: 0.3px;
	border-left: 3px solid #2c9cd4;
	padding-left: 8px;
}

.alloys {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}

.alloys-tag {
	display: inline-block;
	padding: 0.3rem 0.9rem;
	background: #f1f5f9;
	border-radius: 40px;
	font-size: 0.8rem;
	font-weight: 500;
	color: #1e2f3c;
	text-decoration: none;
	transition: all 0.2s;
	cursor: pointer;
}

.alloys-tag:hover {
	background: #d4e2f0;
	color: #0b4b6b;
	transform: translateY(-2px);
}

/* 搜索按钮 */
.search-btn {
	background: rgba(255, 255, 255, 0.1);
	border: none;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	color: white;
	transition: 0.2s;
}

.search-btn:hover {
	background: rgba(255, 255, 255, 0.25);
	color: #f8fafc;
}

@media (max-width: 767.98px) {

	.navbar-collapse {
		background: #0f2e3b;
		border-radius: 28px;
		margin-top: 1rem;
		padding: 1rem 1rem;
	}

	.header-nav .nav-link {
		padding: 0.6rem 1rem !important;
	}
	.navbar .dropdown-menu {
		position: static !important;
		width: 100% !important;
		max-width: 100% !important;
		left: 0 !important;
		transform: none !important;
		box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
		margin-top: 0.5rem;
		border-radius: 20px;
		padding: 1rem;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		display: none;
	}
	.navbar .dropdown-menu.show-mobile {
		display: block !important;
		opacity: 1 !important;
		visibility: visible !important;
		pointer-events: auto !important;
	}
	.navbar .dropdown:hover>.dropdown-menu {
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transform: none;
	}
	.navbar .dropdown:after,
	.navbar .dropdown-menu:before {
		display: none;
	}
	.dropdown-submenu {
		display: block !important;
		width: 100% !important;
		float: none !important;
		margin-right: 0 !important;
		margin-bottom: 1rem;
		border-bottom: 1px solid #edf2f7;
		padding-bottom: 0.75rem;
	}
	.dropdown-submenu .submenu-inner,
	.dropdown-submenu .alloy-items-container {
		display: none;
		margin-top: 0.75rem;
		padding-left: 0.5rem;
	}
	.dropdown-submenu.open-sub .submenu-inner,
	.dropdown-submenu.open-sub .alloy-items-container {
		display: block;
	}
	.dropdown-submenu>.dropdown-item-title {
		cursor: pointer;
		background-color: #f8fafc;
		border-radius: 12px;
		padding: 0.65rem 0.75rem;
		margin-bottom: 0;
		display: flex;
		align-items: center;
		justify-content: space-between;
		user-select: none;
	}

	.dropdown-submenu>.dropdown-item-title::after {
		content: "\25BC";
		font-family: "Font Awesome 6 Free";
		font-weight: 900;
		font-size: 0.75rem;
		transition: transform 0.2s;
		color: #3b7c9e;
	}

	.dropdown-submenu.open-sub>.dropdown-item-title::after {
		transform: rotate(180deg);
	}
	.alloy-items-container {
		display: none;
		margin-top: 0.5rem;
	}

	.alloy-items {
		margin-bottom: 1rem;
	}
	.search-btn {
		margin-left: 0.5rem;
	}
}
@media (min-width: 768px) and (max-width: 980px) {
	.navbar .dropdown-menu {
		width: 100% !important;
		left: 0 !important;
		transform: translateX(0) translateY(15px) !important;
		max-width: 100vw;
	}

	.navbar .dropdown:hover>.dropdown-menu {
		transform: translateX(0) translateY(0px) !important;
	}

	.dropdown-submenu {
		width: 48%;
		margin-right: 2%;
	}
}

@media (min-width: 981px) {
	.navbar .dropdown-menu {
		width: 1000px;
		left: 50% !important;
		transform: translateX(-50%) translateY(15px);
	}

	.navbar .dropdown:hover>.dropdown-menu {
		transform: translateX(-50%) translateY(0px);
	}
}

.dropdown-menu::-webkit-scrollbar {
	width: 6px;
}

.dropdown-menu::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 10px;
}

.dropdown-menu::-webkit-scrollbar-thumb {
	background: #c1c9d2;
	border-radius: 10px;
}

.alloys-tag,
.submenu-inner a {
	cursor: pointer;
}



/* TOC sticky 容器 */
.toc-wrapper {
	top: 20px;
	max-height: calc(100vh - 40px);
}

.fw-semibold {
	background: #80b500;
	font-size: 24px;
	font-weight: 600;
}

/* TOC 滚动区域 */
.side-con {
	max-height: calc(100vh - 140px);
	overflow-y: auto;
}

/* TOC 列表 */
.toc-list {
	list-style: none;
	padding-left: 0;
	margin: 0;
}

.toc-list-item {
	border-left: 4px solid transparent;
	overflow: hidden;
	border-radius: 8px;
}

.toc-list-item.is-active {
	background: #e8f4fc;
	border-left-color: #dc3545;
}


.toc-link {
	display: block;
	padding: 12px 16px;
	color: #2c3e50;
	padding: 8px 10px;
	font-size: 14px;
	text-decoration: none;
	word-break: break-word;
	overflow-wrap: anywhere;
	white-space: normal;
}

.toc-link:hover {
	background: #f1f3f5;
	color: #0d6efd;
}

.toc-link.active {
	color: #dc3545;
	font-weight: 600;
}


.article-cont h3 {
	margin-top: 3rem;
	scroll-margin-top: 90px;
	margin: 0px 0 20px;
	padding-bottom: 10px;
	border-bottom: 2px solid #f0f0f0;
	font-size: 1.8rem;
	position: relative;
	scroll-margin-top: 20px;
}

.article-cont img {
	width: 100%;
}

.article-cont h3::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 80px;
	height: 2px;
	background-color: #80B500;
}

.article-cont h3 .anchor {
	margin-left: 8px;
	font-size: 0.8em;
	opacity: 0;
}

.article-cont h3:hover .anchor {
	opacity: 0.6;
}

.article-cont p {
	margin-bottom: 10px;
}

.article-cont p strong {
	color: #80B500;
}

.article-cont p a {
	border-bottom: 1px dashed red;
	color: #80B500;
	font-weight: 600;
	position: relative;
}

.article-cont p a::before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 10px;
	background-image: url(../images/page-link.png);
}


.page-header {
	margin-top: 30px;
}


.scroll-indicator {
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
	width: 30px;
	height: 50px;
	border: 2px solid rgba(255, 255, 255, 0.5);
	border-radius: 15px;
	display: flex;
	justify-content: center;
	opacity: 1;
	transition: opacity 0.5s ease;
}

.site-header.scrolled .scroll-indicator {
	opacity: 0;
}

.scroll-indicator::before {
	content: '';
	position: absolute;
	top: 10px;
	width: 6px;
	height: 12px;
	background: white;
	border-radius: 3px;
	animation: scroll 2s infinite;
}

.search-submit{
	margin-top: 10px;
}

@keyframes scroll {
	0% {
		transform: translateY(0);
		opacity: 1;
	}

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

.relatedTags {
	width: 100%;
	background: rgba(255, 255, 255, 0.05);
	line-height: 20px;
	margin: 0px 0;
	padding: 20px 2% 20px 0;
	overflow: hidden;
	display: inline-block;
	display: inline-block;
}

.relatedTags p {
	overflow: hidden;
	margin: 0;
	font-size: 14px;
	display: inline-block;
	vertical-align: middle;
	text-transform: capitalize;
	color: #80B500;
	font-weight: 600;
	/* font-family: "SenticoSansDT-Bold"; */
	text-transform: uppercase;
}

@media only screen and (max-width: 768px) {
	.relatedTags p {
		padding: 10px 0
	}
}

.re_main {
	display: block;
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
}

.re_main a {
	transition: all 0.3s ease 0s;
	margin: 2px 8px;
	color: #666;
	text-transform: capitalize;
	font-size: 14px;
	padding: 0px 10px 0;
	line-height: 30px;
	display: inline-block;
	overflow: hidden;
	position: relative;
	background: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #e5e5e5;
}

.re_main a::before {
	content: '';
	display: inline-block;
	margin: 0 10px 0 0;
	font-family: "fontawesome";
	width: 16px;
	height: 16px;
	background-image: url(../images/tag.png);
}

.relatedTags a:hover {
	color: #80B500;
	border: 1px solid #80B500;
}

.re_main a:hover::before {
	color: #80B500;
}


.page_turn {
	padding: 10px 0px 10px 0px;
	/* background:url(../images/hr.jpg) repeat-x top left; */
	;
	margin: 0px 0 0 0;
	display: inline-block;
	width: 100%;
	border-bottom: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
}

.page_turn li {
	display: block;
	margin-bottom: 0px;
	width: 100%;
	float: left;
}

.page_turn li p {
	display: inline-block;
	color: #222;
	font-size: 14px;
	text-transform: capitalize;
	margin-bottom: 0;
	color: #444;
	text-transform: capitalize;
}

.page_turn li a {
	transition: all 0.3s ease 0s;
	display: inline-block;
	color: #444;
	font-size: 14px;
	margin-left: 0px;
	padding: 5px 10px 5px 10px;
	text-transform: capitalize;
}

.page_turn li a:hover {
	color: #80B500;
	text-decoration: underline;
}



















/* .header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	box-shadow: 0 1px 5px #cac4c4;
}

.header-top {
	background: #FFFFFF;
	padding: 5px 0px;
}

.logo-d-none img {
	width: 100%;
} */




/* details>div {
	display: flex;
	flex-wrap: wrap;
	overflow: auto;
	height: 100%;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding: 0 20px;
	font-family: "Karla", sans-serif;
	line-height: 1.5;
}

details>div>img {
	align-self: flex-start;
	max-width: 100%;
	margin-top: 20px;
}

details>div>p {
	flex: 1;
}

details[open]>summary {
	color: red;
}

@media (min-width: 768px) {
	details[open]>div>p {
		opacity: 0;
		-webkit-animation-name: showContent;
		animation-name: showContent;
		-webkit-animation-duration: 0.6s;
		animation-duration: 0.6s;
		-webkit-animation-delay: 0.2s;
		animation-delay: 0.2s;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
		margin: 0;
		padding-left: 20px;
	}

	details[open]>div {
		-webkit-animation-name: slideDown;
		animation-name: slideDown;
		-webkit-animation-duration: 0.3s;
		animation-duration: 0.3s;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
	}

	details[open]>div>img {
		opacity: 0;
		height: 100%;
		margin: 0;
		-webkit-animation-name: showImage;
		animation-name: showImage;
		-webkit-animation-duration: 0.3s;
		animation-duration: 0.3s;
		-webkit-animation-delay: 0.15s;
		animation-delay: 0.15s;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
	}
}

@-webkit-keyframes slideDown {
	from {
		opacity: 0;
		height: 0;
		padding: 0;
	}

	to {
		opacity: 1;
		height: var(--contentHeight);
		padding: 20px;
	}
}

@keyframes slideDown {
	from {
		opacity: 0;
		height: 0;
		padding: 0;
	}

	to {
		opacity: 1;
		height: var(--contentHeight);
		padding: 20px;
	}
}

@-webkit-keyframes showImage {
	from {
		opacity: 0;
		-webkit-clip-path: inset(50% 0 50% 0);
		clip-path: inset(50% 0 50% 0);
		-webkit-transform: scale(0.4);
		transform: scale(0.4);
	}

	to {
		opacity: 1;
		-webkit-clip-path: inset(0 0 0 0);
		clip-path: inset(0 0 0 0);
	}
}

@keyframes showImage {
	from {
		opacity: 0;
		-webkit-clip-path: inset(50% 0 50% 0);
		clip-path: inset(50% 0 50% 0);
		-webkit-transform: scale(0.4);
		transform: scale(0.4);
	}

	to {
		opacity: 1;
		-webkit-clip-path: inset(0 0 0 0);
		clip-path: inset(0 0 0 0);
	}
}

@-webkit-keyframes showContent {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes showContent {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}
 */

/* .header-menu {
	position: relative;
}

.header-horizontal-menu .menu-content li {
	display: inline-block;
	position: relative;
}

.header-horizontal-menu .menu-content li a {
	display: block;
	padding: 0 30px;
	font-weight: 500;
	font-size: 16px;
	color: #312b2b;
	line-height: 68px;
	transition: all 0.3s linear;
}

.header-horizontal-menu .menu-content li.active>a,
.header-horizontal-menu .menu-content li:hover>a {
	color: #80B500;
}

.header-horizontal-menu .menu-content li .sub-menu {
	box-shadow: 0px 2px 8px 0.56px rgba(0, 0, 0, 0.1);
	background: #FFFFFF;
	position: absolute;
	top: 100%;
	width: 240px;
	left: 0;
	-webkit-transform-origin: 0% 0%;
	-webkit-transform-style: preserve-3d;
	transform: rotateX(-90deg);
	opacity: 0;
	visibility: hidden;
	z-index: 999;
	padding: 12px 0;
}

.header-horizontal-menu .menu-content li .sub-menu li {
	margin-left: 0;
	padding: 0;
	display: block;
	position: relative;
}

.header-horizontal-menu .menu-content li .sub-menu li a {
	color: #000;
	line-height: 40px;
	height: auto;
	display: block;
	letter-spacing: 0;
	font-size: 15px;
	padding: 0 25px;
	font-weight: 400;
	position: relative;
	font-weight: 600;
}

.header-horizontal-menu .menu-content li .sub-menu li a i {
	position: absolute;
	top: 0;
	right: 25px;
	line-height: 40px;
}

.header-horizontal-menu .menu-content li .sub-menu li:hover>a {
	color: #80B500;
}

.header-horizontal-menu .menu-content li .sub-menu li .sub-menu {
	top: 20px;
	left: 100%;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	opacity: 0;
	visibility: hidden;
}

.header-horizontal-menu .menu-content li .sub-menu li:hover .sub-menu {
	top: 0;
	opacity: 1;
	visibility: visible;
}
 */
/*///category menu*/

/* 
.emcomerce_category_menu {
	background: #fff;
	border: 1px solid #e1dcdc;
	border-radius: 5px;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.list_category_list_nav_title {
	background: #80B500;
	text-align: center;
}

.list_category_list_nav_title h2 {
	font-size: 18px;
	font-weight: 700;
	color: #ffffff;
	padding: 10px 20px;
	display: inline-block;
}

.list_category_list_nav_title h2 span {
	padding-right: 5px;
}

.list_category_list ul li.cate_drop::after {
	content: "\f285";
	clear: both;
	display: block;
	font-family: bootstrap-icons !important;
	font-size: 12px;
	position: absolute;
	right: 10px;
	top: 14px;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	color: #333;
}

.list_category_list ul li.cate_drop {
	position: relative;
}


.list_category_list ul li {
	display: inline-block;
	width: 100%;
	position: relative;
}

.list_category_list ul li a {
	text-transform: capitalize;
	padding: 10px 20px;
	display: inline-block;
	width: 100%;
	font-size: 15px;
	color: #1e1b39;
	font-weight: 400;
	border-bottom: 1px solid #eeeeee94;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	text-decoration: none;
}

.list_category_list ul li:hover>a {
	color: #7BAE00;
}

.list_category_list ul li.cate_drop>ul.sub-menu-cate {
	position: absolute;
	left: 100%;
	top: 40px;
	z-index: 999;
	background: #fff;
	width: 250px;
	box-shadow: 0px 0px 10px 0px #eee;
	-webkit-transition: all .4s ease-in-out;
	transition: all .2s ease-in-out;
	opacity: 0;
	visibility: hidden;
}

.list_category_list ul li.cate_mega .sub-menu-cate.mega-menu-cate {
	width: 700px;
	display: flex;
	padding-bottom: 20px;
}

.list_category_list ul li.cate_drop>ul.sub-menu-cate {
	position: absolute;
	left: 100%;
	top: 40px;
	z-index: 999;
	background: #fff;
	width: 250px;
	box-shadow: 0px 0px 10px 0px #eee;
	-webkit-transition: all .4s ease-in-out;
	transition: all .2s ease-in-out;
	opacity: 0;
	visibility: hidden;
}

.list_category_list ul li.cate_drop>ul.sub-menu-cate>li>ul {
	position: absolute;
	top: 40px;
	left: 250px;
	background: #fff;
	width: 100%;
	box-shadow: 0px 0px 10px 0px #eee;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	opacity: 0;
	visibility: hidden;
}

.list_category_list ul li.cate_drop>ul.sub-menu-cate {
	visibility: hidden;
}

.list_category_list ul li.cate_drop>ul.sub-menu-cate>li:hover>ul {
	opacity: 1;
	visibility: visible;
	top: 0;
}


.list_category_list ul li.cate_drop>ul.sub-menu-cate>li:hover>ul {
	opacity: 1;
	visibility: visible;
	top: 0;
}


.list_category_list ul li.cate_drop>ul.sub-menu-cate>li>ul {
	position: absolute;
	top: 40px;
	left: 250px;
	background: #fff;
	width: 100%;
	box-shadow: 0px 0px 10px 0px #eee;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	opacity: 0;
	visibility: hidden;
}

.list_category_list ul li.cate_drop::after {
	content: "\f285";
	clear: both;
	display: block;
	content: "➾";
	font-family: "Font Awesome 5 Free";
	font-weight: 400;
	font-size: 12px;
	position: absolute;
	right: 10px;
	top: 14px;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	color: #333;
	font-size: 15px;
}

.list_category_list ul li.cate_drop::after {
	content: "";
	clear: both;
	display: block;
	position: absolute;
}

.ltn__category_list ul li.cate_drop:hover::after {
	color: #7BAE00;
}

.list_category_list ul li.cate_drop:hover>ul.sub-menu-cate {
	opacity: 1;
	visibility: visible;
	top: 0;
}

.list_category_list ul li.cate_drop:hover::after {
	color: #7BAE00;
}

.list_category_list ul li.cate_drop::after {
	clear: both;
	display: block;
	content: "➾";
	font-family: "Font Awesome 5 Free";
	font-weight: 400;
	font-size: 12px;
	position: absolute;
	right: 10px;
	top: 14px;
	transition: all .4s ease-in-out;
	color: #333;
	font-size: 15px;
}

.w-500 {
	width: 500px !important;
}

.list_category_list ul li.cate_drop:hover>ul.sub-menu-cate {
	visibility: visible;
}

.list_category_list ul li.cate_drop>ul.sub-menu-cate {
	visibility: hidden;
}

.h-100 {
	height: 100% !important;
}

.list_category_list ul li.cate_drop:hover>ul.sub-menu-cate.mega-menu-cate {
	display: flex;
}

.list_category_list ul li.cate_drop:hover>ul.sub-menu-cate {
	opacity: 1;
	visibility: visible;
	top: 0;
}


.list_category_list ul li.cate_drop>ul.sub-menu-cate {
	position: absolute;
	left: 100%;
	top: 40px;
	z-index: 999;
	background: #fff;
	width: 250px;
	box-shadow: 0px 0px 10px 0px #eee;
	-webkit-transition: all .4s ease-in-out;
	transition: all .2s ease-in-out;
	opacity: 0;
	visibility: hidden;
}
 */

/*=========== Mobile  ==========*/
/* .mobile-toggle a {
	color: #666;
	line-height: 39px;
	font-size: 24px;
	padding: 10px;
	background: aliceblue;
	display: inline;
} */

/*OVERLY Start*/
/* .overlay {
	content: "";
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: #333;
	z-index: 99;
	visibility: visible;
	opacity: 0;
	visibility: hidden;
}

.overlay.open {
	opacity: 0.6;
	visibility: visible;
}
 */
/*END OVERLY*/
/* .mobile-off-canvas-menu {
	position: fixed;
	top: 0;
	left: -350px;
	background-color: #fff;
	color: #000;
	z-index: 999;
	width: 350px;
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.mobile-off-canvas-menu.open {
	left: 0;
}

.mobile-canvas-close {
	background: #80B500;
	padding: 0 35px;
}

.mobile-canvas-close p {
	color: #FFFFFF;
	line-height: 40px;
	height: 40px;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	pointer-events: none;
	position: relative;
}

.mobile-canvas-close p i {
	position: absolute;
	right: 0;
	top: 0;
	line-height: 40px;
	height: 40px;
	cursor: pointer;
	z-index: 6;
}

.mobile-main-menu .menu-content li {
	position: relative;
}

.mobile-main-menu .menu-content li a {
	display: block;
	color: #171716;
	font-size: 14px;
	font-weight: 500;
	padding: 5px 35px;
	padding-right: 50px;
	line-height: 30px;
	text-transform: capitalize;
	border-top: 1px solid #80B500;
}

.mobile-main-menu .menu-content li a i {
	display: none;
}

.mobile-main-menu .menu-content li .mobile-menu-expand {
	position: absolute;
	right: 35px;
	top: 13px;
	width: 15px;
	height: 15px;
	cursor: pointer;
}

.mobile-main-menu .menu-content li .mobile-menu-expand::before {
	position: absolute;
	content: '';
	width: 100%;
	height: 2px;
	background-color: #80B500;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.mobile-main-menu .menu-content li .mobile-menu-expand::after {
	position: absolute;
	content: '';
	width: 2px;
	height: 100%;
	background-color: #80B500;
	left: 50%;
	bottom: 0;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

.mobile-main-menu .menu-content li.active-expand>.mobile-menu-expand::after {
	height: 0;
}

.mobile-main-menu .menu-content li .sub-menu li a {
	font-weight: 400;
	padding-left: 50px;
}

.mobile-main-menu .menu-content li .sub-menu li .submenu-item li a,
.mobile-main-menu .menu-content li .sub-menu li .sub-menu li a {
	padding-left: 65px;
}

.mobile-main-menu .menu-content li .sub-menu li img {
	padding: 10px;
	padding-right: 20px;
}

.header-horizontal-menu .menu-content li:hover .sub-menu,
.header-horizontal-menu .menu-content li:hover .mega-sub-menu {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	transform: rotateX(0deg);
	opacity: 1;
	visibility: visible;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	background: #FFFFFF;
} */

/*list-area-cart-user*/
/* .list-area-cart-user ul {
	display: flex;
}

.list-area-cart-user ul li a {
	padding: 10px 0px;
	text-decoration: none;
	color: #FFFFFF;
	position: relative;
	font-size: 20px;
	width: 45px !important;
	height: 45px;
	display: inline-block;
	background: #80B500;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 9px;
	border-radius: 2px;
}

.list-area-cart-user ul li a span {
	position: absolute;
	top: -9px;
	right: 0px;
	width: 20px;
	height: 20px;
	background: #3b3c3b;
	border-radius: 50%;
	text-align: center;
	font-size: 13px;
}

.list-area-cart-user ul li a:hover {
	color: #5da613;
	background: #fff;
	transition: all .3s ease;
	box-sizing: border-box;
	box-shadow: 0 1px 6px 1px #9d9394;
	border: 1px solid #82f013;
}

.list-area-cart-user ul li a:hover span {
	color: #FFFFFF;
}

.search-form {
	position: absolute;
	top: 110%;
	right: -110%;
	width: 225px;
	max-width: 100%;
	background: #fff;
}

.search-form button {
	position: absolute;
	content: '';
	clear: both;
	background: none;
	border: none;
	top: 12px;
	right: 12px;
	color: #fff;
}

.header .search-form.active {
	right: 5rem;
	transition: .5s linear;
}
 */
/*///miniCART///*/
/* .mini-cart-side {
	width: 300px;
	max-width: 100%;
	position: absolute;
	background: #ffff;
	height: auto;
	z-index: 999;
	right: -110%;
	top: 98%;
	transition: all .3s ease;
	box-sizing: border-box;
	box-shadow: 0px 1px 3px 1px #b0adad;
	padding-bottom: 20px;

}

.header .mini-cart-side.active {
	right: 2rem;
	transition: .4s linear;
}

.cart-header {
	display: flex;
	justify-content: space-between;
	padding: 0 19px 0 21px;
	background: #80B500;
}

.clse {
	padding-top: 5px;
}

.clse a {
	color: #fff;
	font-size: 17px;

}

.clse a:hover {
	color: #000;
}

.cart-header h4 {
	padding: 8px 0px;
	color: #000;
	font-family: 'Poppins', sans-serif;
	font-weight: bold;
}

.shopping-box {
	display: flex;
	position: relative;
	padding: 5px;
	border-bottom: 1px solid #80B500;
}

.shopping-box img {
	width: 100px;
	height: auto;
}

.box-content {
	margin-top: 31px;

}

.box-content {
	margin-top: 31px;
	margin-left: 5px;
	color: #aeadad;
}

.box-content {
	margin-top: 31px;
	margin-left: 5px;
	color: #3e3c3c;
	;
}

.box-content span {
	font-size: 15px;
	padding-top: 1px;
	display: inline-block;
}

.remove {
	right: 15px;
	position: absolute;
	top: 30%;
}

.remove a {
	color: #000;
}

.min-price {
	display: flex;
	justify-content: space-around;
	padding-top: 10px;
}

.min-price h4 {
	color: #000;
}

.min-price span {
	color: #000;
}

.close-lgn {
	position: absolute;
	right: 23px;
	top: 9px;
}

.close-lgn a {
	color: #000;
	font-size: 17px;
}



.close-lgn a:hover {
	color: #77BE46;
}

.login-form {
	width: 300px;
	max-width: 100%;
	position: absolute;
	background: #ffff;
	height: auto;
	z-index: 999;
	right: -110%;
	top: 98%;
	transition: all .3s ease;
	box-sizing: border-box;
	border-radius: 20px;

}

.header .login-form.active {
	right: 2rem;
	transition: .4s linear;
}

.login-form-2 {
	max-width: 420px;
	margin: 0 auto;
}

.form-container {
	padding: 40px;
	box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.5);
}

.form-container .form-icon {
	color: #80B500;
	font-size: 55px;
	text-align: center;
	line-height: 100px;
	width: 100px;
	height: 100px;
	margin: 0 auto 15px;
	border-radius: 50px;
	box-shadow: 7px 7px 10px #7fa646, -7px -7px 10px #70bb3d;
}

.form-container .title {
	color: #000;
	font-size: 25px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: center;
	margin: 0 0 20px;
}

.form-container .form-horizontal .form-group {
	margin: 0 0 25px 0;
}

.form-container .form-horizontal .form-group label {
	font-size: 13px;
	font-weight: 500;
	text-transform: uppercase;
	color: #000;
	padding-bottom: 8px;
}

.form-container .form-horizontal .form-control {
	color: #000;
	background: #ecf0f3;
	font-size: 15px;
	height: 50px;
	padding: 20px;
	letter-spacing: 1px;
	border: none;
	border-radius: 50px;
	box-shadow: inset 6px 6px 6px #cbced1, inset -6px -6px 6px #fff;
	display: inline-block;
	transition: all 0.3s ease 0s;
}

.form-container .form-horizontal .form-control:focus {
	box-shadow: inset 6px 6px 6px #cbced1, inset -6px -6px 6px #fff;
	outline: none;
}

.form-container .form-horizontal .form-control::placeholder {
	color: #808080;
	font-size: 14px;
}

.form-container .form-horizontal .btn {
	color: #fff;
	background-color: #80B500;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	width: 100%;
	padding: 12px 15px 11px;
	border-radius: 20px;
	box-shadow: 6px 6px 6px #4d4d4d, -6px -6px 6px #605d5d;
	border: none;
	transition: all 0.5s ease 0s;
	font-family: 'Poppins', sans-serif;
}

.form-container .form-horizontal .btn:hover,
.form-container .form-horizontal .btn:focus {
	color: #fff;
	letter-spacing: 3px;
	box-shadow: none;
	outline: none;
} */

/*home-section start*/
/* .banner-slider-area {
	background: #F5F5F5;
	margin-top: 60px;
}

.slider-area-full {
	position: relative;
	z-index: 999;
}

.slider-single-full {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;

}

.silder-single {
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 130px;
	padding-bottom: 122px;
}

.slider-single-full h4 {
	color: #fff;
	padding-bottom: 10px;
}

.slider-single-full h2 {
	font-size: 40px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 10px;
	margin: 0 auto;
}

.slider-single-full h2 span {
	color: #000;
}

.slider-single-full p {
	color: #fff;
	font-weight: 500;
	margin: 0 auto;
	padding: 10px 0px;
}

.silder-single-img {
	background-position: 50%;
	background-size: cover;
	background-repeat: no-repeat;
}
 */
/*Animation*/
/* .active .silder-single h2,
.active .silder-single a,
.active .silder-single p,
.active .hero-slider-img img,
.active .hero-slider-img .image-2 {
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}

.active .silder-single p {
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}

.active .silder-single a {
	-webkit-animation-delay: 0.9s;
	animation-delay: 0.9s;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

.active .hero-slider-img img {
	-webkit-animation-delay: 0.8s;
	animation-delay: 0.8s;
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}

.active .hero-slider-img .image-2 {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

.silder-single:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #000;
	opacity: 0.2;
}

.hero-slider-full2 .owl-dots {
	display: block;
	position: absolute;
	bottom: 12px;
}

.hero-slider-full2 .owl-nav {
	display: none;
} */

/*button*/
.button-bar .btn {
	color: #fff;
	background-color: #7FAD39;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	padding: 10px 20px;
	border: none;
	border-radius: 0;
	overflow: hidden;
	position: relative;
	z-index: 1;
	transition: all 0.3s ease 0.1s;
}

.button-bar .btn:focus,
.button-bar .btn:hover {
	color: #fff;
	background-color: green;
	box-shadow: 0 0 15px -2px rgba(0, 0, 0, 0.5);
}

.button-bar .btn:before,
.button-bar .btn:after {
	content: '';
	background-color: green;
	height: 100%;
	width: 100%;
	transform: rotate(25deg);
	position: absolute;
	left: -60%;
	top: 60%;
	transition: all 0.5s ease 0s;
}

.button-bar .btn:after {
	left: 60%;
	top: -60%;
}

.button-bar .btn:focus:before,
.button-bar .btn:hover:before {
	background-color: #80B500;
	left: 60%;
	top: -60%;
}

.button-bar .btn:focus:after,
.button-bar .btn:hover:after {
	background-color: #80B500;
	left: -60%;
	top: 60%;
}


/*slider*/

/*////shopnow*/
/* .shop-box {
	background: green;
	text-align: center;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	overflow: hidden;
	position: relative;
}

.shop-box::before,
.shop-box::after {
	content: "";
	background: rgba(9, 8, 8, 0.5);
	width: 100%;
	height: 100%;
	transform: scale(0);
	position: absolute;
	top: 0;
	left: 0;
	transition: all 0.35s ease-in-out;
}

.shop-box:after {
	width: 280px;
	height: 280px;
	transform: translateX(50%) translateY(-50%) scale(0) rotate(10deg);
	left: 50%;
	top: 50%;
} */

.category-box {
	border-radius: 2%;
	margin: 10px 0px;
}

/* .shop-box:hover:before {
	transform: scale(1);
}

.shop-box:hover:after {
	transform: translateX(50%) translateY(-50%) scale(1) rotate(45deg);
}

.shop-box img {
	width: 100%;
	height: 100%;
	transition: all 0.5s ease;
}

.shop-box:hover img {
	opacity: 0.3;
}

.shop-box .box-content {
	color: green;
	width: 100%;
	padding: 0 20px;
	opacity: 0;
	transform: translateX(-50%) translateY(-50%);
	position: absolute;
	top: 35%;
	left: 50%;
	z-index: 2;
	transition: all .5s ease;
}

.shop-box:hover .box-content {
	opacity: 1;
}

.shop-box .title {
	font-size: 22px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0 0 3px;
}

.shop-box .post {
	color: #444;
	font-size: 14px;
	letter-spacing: 1px;
	margin: 0 0 12px;
	display: block;
}

.shop-box .icon {
	padding: 0;
	margin: 0;
	list-style: none;
}

.shop-box .icon li {
	display: inline-block;
	margin: 0 3px;
}

.shop-box .icon li a {
	color: #2d2828;
	background: #dae3de;
	font-size: 16px;
	height: 44px;
	width: 181px;
	display: block;
	transition: all 0.3s ease 0s;
	line-height: 44px;
	border-radius: 5px;
	text-transform: capitalize;
}

.shop-box .icon li a:hover {
	color: #fff;
	background: #7FAD39;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}

.shop-now {
	background: #fff;
} */

/* banner */

.banner-part {
	/* margin-top: 60px; */
	padding: 40px 20px;
	/* background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); */
	background-image: url(../images/b1.jpg);
}

.carousel-container {
	position: relative;
	overflow: hidden;
	border-radius: 12px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
	background: #fff;
	padding: 20px;
}

.carousel-track {
	display: flex;
	transition: transform 0.5s ease-in-out;
}

.carousel-slide {
	min-width: 100%;
	display: flex;
	justify-content: space-around;
}

.carousel-slide figure {
	flex: 0 0 30%;
	margin: 0 1.5%;
	overflow: hidden;
	border-radius: 8px;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
	transition: transform 0.3s ease;
}

.carousel-slide figure:hover {
	transform: translateY(-5px);
}

.carousel-slide img {
	width: 100%;
	height: 200px;
	object-fit: cover;
	display: block;
}

.carousel-btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: rgba(0, 0, 0, 0.5);
	color: white;
	border: none;
	padding: 15px 10px;
	cursor: pointer;
	font-size: 18px;
	transition: background 0.3s;
}

.carousel-btn:hover {
	background: rgba(0, 0, 0, 0.8);
}

.prev {
	left: 10px;
}

.next {
	right: 10px;
}


.text-content {
	background: white;
	padding: 30px;
	border-radius: 12px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.text-content h2 {
	color: #333;
	margin-bottom: 20px;
	font-size: 28px;
}

.text-content p {
	color: #666;
	line-height: 1.6;
	margin-bottom: 20px;
	font-size: 16px;
}

.text-content ul {
	list-style-type: none;
	margin-bottom: 25px;
}

.text-content ul li {
	padding: 8px 0;
	color: #555;
	position: relative;
	padding-left: 20px;
}

.text-content ul li:before {
	content: "✓";
	color: #80B500;
	position: absolute;
	left: 0;
}

.cta-button {
	background: linear-gradient(135deg, #80b500 0%, #567900 100%);
	color: white;
	border: none;
	padding: 12px 25px;
	border-radius: 30px;
	cursor: pointer;
	font-size: 16px;
	transition: transform 0.3s, box-shadow 0.3s;
}

.cta-button a {
	color: white;
}


.cta-button:hover {
	transform: translateY(-3px);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

/*///featuread-product*/
.product-area {
	background: #FFFFFF;

}

.product-slider {
	position: relative;
}

.section-heading {
	text-align: start;
	margin-bottom: 40px;
}

.section-heading h2 {
	color: #000;
	font-family: 'Noto Serif', serif;
	position: relative;

}

.section-heading h2::before {
	content: "";
	font-family: "Font Awesome 5 Free";
	background-image: url(../images/sheet-l.png);
	/* font-weight: 700;
    color: #80B500;
    font-size: 25px; */
	width: 36px;
	height: 25px;
	display: block;
	position: absolute;
	top: 6px;
	left: -40px;
}

/* .section-heading h2::after {
  position: absolute;
  top: 9px;
  height: 20px;
  font-size: 14px;
  line-height: 20px;
  content: "\f4d8";
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  color: #80B500;
  font-size: 25px;
  transform: rotate(40deg);
}
 */


/* index application */


.block_specialist_warp {
	position: relative;
	margin-bottom: 80px;
	margin-top: 60px;
	overflow: hidden;
	/* background: #f2f2f2; */
}

.block_specialist_main {
	position: relative;
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 20px;
	z-index: 2;
}

.block_hd {
	text-align: center;
	margin-bottom: 60px;
}

.block_title {
	font-size: 2.8rem;
	font-weight: 700;
	color: #333;
	position: relative;
	display: inline-block;
	padding-bottom: 15px;
}

.block_title::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100px;
	height: 4px;
	background: #80B500;
	border-radius: 2px;
}

.block_specialist_img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	pointer-events: none;
}

.block_specialist_img li {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0;
	visibility: hidden;
	transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
	transform: scale(1.1);
	filter: brightness(0.5);
}

.block_specialist_img li.active {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
	filter: brightness(0.7);
}


.block_specialist_list.d_flex {
	display: flex;
	width: 100%;
	height: 400px;
	position: relative;
	z-index: 3;
	list-style: none;
	padding: 0;
	margin: 0;
}

.block_specialist_slide {
	flex: 1;
	height: 100%;
	position: relative;
	overflow: hidden;
	transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	opacity: 1;
	border-right: 1px solid rgba(255, 255, 255, 0.1);
}


.block_specialist_slide:last-child {
	border-right: none;
}

.block_specialist_slide a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: inherit;
	position: relative;
}


.item_img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 2;
	transition: all 0.4s ease;
	opacity: 1;
}

.item_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.6s ease;
}

.block_specialist_slide:hover .item_img img {
	transform: scale(1.1);
}


.item_info {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 30px 20px;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
	color: white;
	z-index: 3;
	transform: translateY(0);
	transition: all 0.4s ease;
}

.item_info h3 {
	margin: 0;
	font-size: 1.3rem;
	font-weight: 600;
	color: white;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
	transition: all 0.3s ease;
}

.block_specialist_slide:hover .item_info h3 {
	color: #d4af37;
	transform: translateY(-10px);
	padding-bottom: 30px;
}


.item_info span {
	display: inline-block;
	color: #d4af37;
	font-weight: 500;
	font-size: 0.95rem;
	padding: 8px 20px;
	border: 2px solid #d4af37;
	border-radius: 4px;
	margin-top: 10px;
	opacity: 0;
	transform: translateY(20px);
	visibility: hidden;
	transition: all 0.4s ease 0.1s;
	position: absolute;
	bottom: 30px;
	left: 20px;
}

.block_specialist_slide:hover {
	flex: 2;
	z-index: 10;
}

.block_specialist_slide:hover .item_info span {
	opacity: 1;
	transform: translateY(0);
	visibility: visible;
}


.block_specialist_list.d_flex:hover .block_specialist_slide:not(:hover) .item_img {
	opacity: 0;
	visibility: hidden;
}


@media (max-width: 1200px) {
	.block_specialist_list.d_flex {
		height: 350px;
	}

	.item_info h3 {
		font-size: 1.2rem;
	}
}

@media (max-width: 992px) {
	.block_specialist_list.d_flex {
		height: 300px;
		flex-wrap: wrap;
	}

	.block_specialist_slide {
		flex: 0 0 25%;
		height: 50%;
	}

	.item_info {
		padding: 20px 15px;
	}

	.block_title {
		font-size: 2.2rem;
	}
}

@media (max-width: 768px) {
	.block_specialist_list.d_flex {
		height: auto;
		flex-direction: column;
	}

	.block_specialist_slide {
		flex: 0 0 auto;
		height: 200px;
		width: 100%;
		border-right: none;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	}

	.block_specialist_slide:hover {
		flex: 0 0 auto;
		height: 250px;
	}

	.block_specialist_warp {
		padding: 50px 0;
	}

	.block_hd {
		margin-bottom: 40px;
	}

	.block_title {
		font-size: 2rem;
	}


	.item_info span {
		opacity: 1;
		transform: translateY(0);
		visibility: visible;
		position: relative;
		bottom: auto;
		left: auto;
		margin-top: 10px;
	}
}

@media (max-width: 480px) {
	.block_specialist_main {
		padding: 0 15px;
	}

	.block_title {
		font-size: 1.8rem;
	}

	.block_title::after {
		width: 80px;
	}

	.item_info {
		padding: 15px;
	}

	.item_info h3 {
		font-size: 1.1rem;
	}
}


@keyframes slideUp {
	from {
		opacity: 0;
		transform: translateY(30px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.block_specialist_slide {
	animation: slideUp 0.6s ease forwards;
	opacity: 0;
}


.block_specialist_slide:nth-child(1) {
	animation-delay: 0.1s;
}

.block_specialist_slide:nth-child(2) {
	animation-delay: 0.2s;
}

.block_specialist_slide:nth-child(3) {
	animation-delay: 0.3s;
}

.block_specialist_slide:nth-child(4) {
	animation-delay: 0.4s;
}

.block_specialist_slide:nth-child(5) {
	animation-delay: 0.5s;
}

.block_specialist_slide:nth-child(6) {
	animation-delay: 0.6s;
}

.block_specialist_slide:nth-child(7) {
	animation-delay: 0.7s;
}

.block_specialist_slide:nth-child(8) {
	animation-delay: 0.8s;
}

/* index-choose-us */

.index-choose-us {
	padding: 40px 0 41px;
	background: url(../images/choose-us-bg.jpg) no-repeat center center;
}

.index-choose-us .title {
	text-align: center;
	color: #fff;

}

.index-choose-us .title h2 {
	font-weight: bold;
	font-size: 28px;
	line-height: 20px;
	text-transform: uppercase;
}

.index-choose-us .about-container {
	margin-top: 32px;
	position: relative
}


@media (min-width: 992px) {
	.video-container {
		position: relative;
		z-index: 1;
	}

	.video-container .image-part {
		position: absolute;
		right: -100px;
		top: 50%;
		transform: translateY(-50%);
		width: calc(100% + 100px);
		max-width: none;
	}

	.float-right {
		padding-left: 50px;
	}
}

.video-btn {
	position: absolute;
	width: 70px;
	height: 70px;
	text-align: center;
	line-height: 72px;
	color: #fff;
	left: 50%;
	top: 50%;
	margin-left: -35px;
	margin-top: -35px;
	cursor: pointer;
	z-index: 1;
	border-radius: 50%;
	overflow: hidden;
}


.index-choose-us .video-container .image-part {
	/*  height: 100%; 
	width: 100%; 
	position: relative;
	    overflow: hidden;*/
}

.image-part img {
	width: 100%;
}

.index-choose-us .company-name {
	font-size: 28px;
	font-weight: bold;
	line-height: 39px
}

.index-choose-us .company-desc {
	height: 180px;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 9;
	-webkit-box-orient: vertical;
	margin-top: 20px
}

.index-choose-us .float-right {
	/* width: 837px; */
	background-color: #fff;
	padding: 32px 50px 43px 147px;
	/* float: right; */
}

.index-choose-us .learn-more {
	display: inline-block;
	color: #e52a2a;
	margin-top: 16px
}

.index-choose-us .learn-more:hover {
	text-decoration: underline
}

.index-choose-us .company-pics {
	margin-top: 40px;
	font-size: 0;
	text-align: center
}

.index-choose-us .company-pics .item {

	background-color: #000000;
	color: #fff;
	text-align: left
}

.index-choose-us .company-pics .item:last-child {
	margin-right: 0
}

.index-choose-us .item .image-part {
	/* height: 200px; */
	position: relative;
	overflow: hidden;
	transition: all .3s ease;
}

.index-choose-us .item .image-part img {
	height: auto;
	width: 100%;
	-webkit-transition: transform .2s ease;
	-moz-transition: transform .2s ease;
	-o-transition: transform .2s ease;
	-ms-transition: transform .2s ease;
	transition: transform .2s ease;

}

.index-choose-us .item:hover .image-part img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}

.index-choose-us .pic-title {
	font-size: 18px;
	font-weight: bold;
	line-height: 22px;
	margin-top: 16px
}

.index-choose-us .pic-title,
.index-choose-us .pic-desc {
	padding: 0 16px
}

.index-choose-us .pic-desc {
	height: 110px;
	font-size: 14px;
	line-height: 22px;
	margin-top: 8px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical
}




/*product*/
/* .product-grid {
	font-family: 'Poppins', sans-serif;
	text-align: center;
	border: 1px solid #ebebeb;
}

.product-grid .product-image {
	border-radius: 10px;
	overflow: hidden;
	position: relative;
}

.product-grid-view {
	height: 250px;
	margin-top: 20px;
	display: flex;
}

.product-grid-view .product-image {
	width: 50% !important;
	background: #fff;
}

.product-grid-view .product-content {
	padding: 64px 118px 20px !important;
	background: #fff;
	width: 50% !important;
}

.product-grid-view .product-image img {
	width: 100%;
	height: auto;
	transition: all .3s ease 0s;
	max-width: 220px;

}



.product-grid:hover,
.product-grid-view:hover {
	border: 1px solid #7FAD39;
	transition: all 0.3s ease;
	box-shadow: 0 16px 32px 0 rgba(7, 28, 31, 0.1);
	box-sizing: border-box;
}


.product-grid .product-image a.image {
	display: block;
}

.product-grid .product-image img {
	width: 100%;
	height: auto;
	transition: all .3s ease 0s;
}

.product-grid:hover .product-image img {
	transform: rotate(10deg) scale(1.1);
}

.product-grid .product-sale-label,
.product-grid .product-new-label {
	color: #fff;
	background: #e55757;
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	padding: 4px 10px;
	border-radius: 30px;
	position: absolute;
	top: 10px;
	right: 10px;
	transition: all 0.3s ease-in-out;
}

.product-grid .product-new-label {
	background: #80B500 !important;
	font-size: 12px;
	right: auto;
	left: 10px;

} */



.section.product {
	padding: 60px 0;
	background-color: #f8f9fa;
}

.section.product .container {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 15px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}


.section.product .left {
	flex: 0 0 35%;
	max-width: 35%;
	padding-right: 30px;
	box-sizing: border-box;
}

.section.product .title-box h4 {
	font-size: 16px;
	color: #80B500;
	text-transform: uppercase;
	margin-bottom: 5px;
	font-weight: 500;
}

.section.product .title-box h3 {
	font-size: 28px;
	color: #333;
	margin-top: 0;
	margin-bottom: 15px;
	font-weight: 700;
}

.section.product .left h5 {
	font-size: 18px;
	line-height: 1.6;
	color: #666;
	margin-bottom: 30px;
	font-weight: 400;
}

.section.product .left .text {
	position: relative;
	padding: 60px 0 40px;
	overflow: hidden;
	margin-top: 30px;
}

.section.product .left .text::before {
	content: "";
	width: 54px;
	height: 54px;
	background: url(../images/copy.png) no-repeat center/100%;
	position: absolute;
	left: 0;
	top: 0;
}

.section.product .left .text::after {
	content: "";
	width: 29px;
	height: 29px;
	background: url(../images/copy-2.png) no-repeat center/100%;
	position: absolute;
	right: 0;
	bottom: 0;
}


.section.product .tabs {
	display: flex;
	flex-direction: column;
	margin-bottom: 15px;
}

.section.product .tabs .item {
	display: inline-block;
	padding: 12px 20px;
	margin-bottom: 8px;
	background-color: #fff;
	border-left: 4px solid transparent;
	color: #333;
	text-decoration: none;
	font-size: 16px;
	transition: all 0.3s ease;
	border-radius: 0 4px 4px 0;
	cursor: pointer;
}

.section.product .tabs .item:hover,
.section.product .tabs .item.active {
	background-color: #f7ffe5;
	border-left-color: #80b500;
	color: #80b500;
	font-weight: 500;
}



.section.product .text .swiper-slide {
	height: auto;
	display: flex;
	align-items: center;
}

.section.product .text p {
	font-size: 15px;
	line-height: 1.8;
	color: #555;
	margin: 0;
}

.section.product .right {
	flex: 0 0 65%;
	max-width: 65%;
}

.section.product .right ul {
	list-style: none;
	margin: 0;
	padding: 0;

}

.section.product .right ul li {

	display: inline-block;
	float: left;
	/* background: #fff; */
	border-radius: 8px;
	overflow: hidden;
	/* box-shadow: 0 3px 10px rgba(0,0,0,0.08); */
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}


.section.product .right img {
	width: 100%;
}

.section.product .right ul li:first-child {
	height: 100%;
	width: 30%;
}

.section.product .right ul li:nth-child(2) {
	width: 69%;
	border-top-left-radius: 70px;
}

.section.product .right ul li:nth-child(3) {
	width: 32%;
	border-top-left-radius: 70px;
}

.section.product .right ul li:nth-child(4) {
	width: 35%;
	height: 410px;
	background: #80B500;
}

.section.product .right ul li:nth-child(5) {
	width: 32%;
}


.section.product .right ul li a img {
	width: 100%;
	margin-bottom: 10px;
	/* display: block; */
}

.section.product .right ul li a h5 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 10px 0;
	background: rgba(0, 0, 0, 0.7);
	color: white;
	text-align: center;
	box-sizing: border-box;
}

.section.product .right ul li:nth-of-type(4) h3 {
	color: #FFFFFF;
	font-size: 36px;
}

.section.product .right ul li:nth-of-type(4) h4 {
	font-size: 18px;
	margin-top: 20px;
	color: rgba(224, 226, 230, 0.3);
	text-transform: uppercase;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;

}

.section.product .right ul li:nth-of-type(4) div {
	padding: 70px 45px;
}


.section.product .right ul li a {
	display: block;
	text-decoration: none;
	color: inherit;
	height: 100%;
	text-align: center;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
}

.section.product .right ul li a img {
	width: 100%;
	/* height: 120px; */
	object-fit: contain;
	margin-bottom: 10px;
	display: block;
	transition: transform 0.3s ease;
}

.section.product .right ul li a:hover img {
	transform: scale(1.05);
}

.section.product .right ul li a h5 {
	font-size: 16px;
	color: #fff;
	margin: 0;
	font-weight: 600;
	position: absolute;
	bottom: 2px;
	/* left: 15px; */
	right: 15px;
	padding: 10px 15px;
	background-color: rgba(0, 0, 0, 0.7);
	text-align: center;
	border-radius: 4px;
	opacity: 0;
	transform: translateY(10px);
	transition: opacity 0.3s ease, transform 0.3s ease;
	z-index: 2;
}


.section.product .right ul li a:hover h5 {
	opacity: 1;
	transform: translateY(0);
}


.section.product .right ul li a::after {
	content: '';
	position: absolute;
	top: 15px;
	left: 15px;
	right: 15px;
	bottom: 15px;
	background: rgba(0, 0, 0, 0);
	transition: background 0.3s ease;
	z-index: 1;
	pointer-events: none;
}

@media (max-width: 992px) {
	.section.product .container {
		flex-direction: column;
	}

	.section.product .left,
	.section.product .right {
		flex: 0 0 100%;
		max-width: 100%;
		padding-right: 0;
	}

	.section.product .left {
		margin-bottom: 40px;
	}

	.section.product .tabs {
		flex-direction: row;
		flex-wrap: wrap;
	}

	.section.product .tabs .item {
		margin-right: 10px;
		margin-bottom: 10px;
		border-left: none;
		border-bottom: 3px solid transparent;
		border-radius: 4px;
	}

	.section.product .tabs .item.active,
	.section.product .tabs .item:hover {
		border-left: none;
		border-bottom-color: #0066cc;
	}

	.section.product .right ul li:nth-child(4) {
		height: 350px;
	}

	.index-choose-us .company-pics .item {
		margin-bottom: 30px;
	}
}

@media (max-width: 768px) {
	.section.product .right ul li:nth-child(4) {
		height: 280px;
	}
}

/* product page */

.gallery-box {
	display: flex;
	gap: 12px;
}

.gallery-thumbs {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.gallery-thumbs img {
	width: 90px;
	height: 60px;
	object-fit: cover;
	border-radius: 6px;
	border: 2px solid transparent;
	cursor: pointer;
}

.gallery-thumbs img.active {
	border-color: #0d6efd;
}

.gallery-main {
	flex: 1;
	border: 1px solid #eee;
	border-radius: 10px;
	overflow: hidden;
}

.gallery-main img {
	width: 100%;
	display: none;
}

.gallery-main img.active {
	display: block;
}

.prolist-l h1 {
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
	color: #2c3e50;
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.prolist-l h1::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 70px;
	height: 4px;
	background: linear-gradient(90deg, #80b500, #618803);
	border-radius: 2px;
}

.prolist-l ul {
	padding-bottom: 10px;
}

.prolist-l ul li {
	line-height: 30px;
}

.prolist-l span a {
	color: #80B500;
	font-weight: 600;
}

.prolist-l span a:hover {
	border-bottom: 1px solid #80B500;
}

.prolist-l .btn-primary {
	padding: 0.8em 1.5em;
	border: 2px solid rgb(106, 163, 137);
	border-radius: 1em;
	background: rgb(205, 255, 232);

	color: #80B500;
	font-weight: 600;
}

.prolist-l .btn-primary:hover  {
	color: #000000;
}


.fenlei {
	position: relative;
}

.fenlei::before {
	content: '';
	display: inline-block;
	margin: 0 10px 0 0;
	font-family: "fontawesome";
	width: 16px;
	height: 16px;
	background-image: url(../images/tag.png);
}


@media (max-width: 768px) {
	.gallery-box {
		flex-direction: column;
	}

	.gallery-thumbs {
		flex-direction: row;
		justify-content: center;
		order: 2;
	}

	.gallery-thumbs img {
		width: 70px;
		height: 50px;
	}
}


.cp-content h3 {
	padding: 15px 0;
	position: relative;
}

.cp-content h3::before {
	content: "";
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right: 10px;
	background-image: url(../images/plate.png);
}


.cp-content p {
	line-height: 28px;
	margin: 10px 0;
	font-size:18px;
}

.cp-content p strong {
	color: #80B500;
}

.cp-content a {
	color: #80B500;
	text-decoration: underline;
	text-decoration-style: wavy;
	text-decoration-color: red;
	font-weight: 600;
}

.cp-content a:hover {
	color: #4A6800;
}

.cp-content p img {
    margin: 20px 0;
}

.cp-content ul li{
	list-style: none;
	font-size: 20px;
	line-height: 1.5rem;
	position: relative;
	padding-left: 1.5rem;
	margin-bottom: 0.22rem;
}
.cp-content ul li::before{
	content: '\2726';
	font-family: 'iconfont';
	font-size: 24px;
	color: #4A6800;
	position: absolute;
	left: 0;
	top: 0.01rem;
}




.sheet-category-list img{
	width: 100%;
}

.sheet-category-list{
	border-radius: 45px;
	background-color: #ffffff;
	    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.07);
	    display: flex;
	    justify-content: space-between;
	    align-items: center;
	    flex-wrap: wrap;
	    margin-bottom: 30px;
	    margin-top: 15px;
		padding: 30px;
}
.sheet-category-list h4{
	margin-bottom: 10px;
}

.sheet-category-list ul li{
	line-height: 40px;
	padding-left:0;
}
.sheet-category-list ul li:before{
	content:none;
}



.sheet-category-list button{
	padding: 10px 15px;
	background: #80B500;
	border-radius: 15px;
}

.sheet-category-list button a{
	color: #FFFFFF;
	text-decoration: none;
}
.sheet-category-list button:hover a{
	color: #000000;
}


.nav-card {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	gap: 20px;
	margin-bottom: 40px;
}

.nav-card-item {
	flex: 1;
	background-color: #f8f9fa;
	border-radius: 10px;
	overflow: hidden;
	transition: all 0.3s ease;
	border: 1px solid #e9ecef;
}

.nav-card-item:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.nav-card-item.prev:hover {
	border-color: #3498db;
}

.nav-card-item.next:hover {
	border-color: #e74c3c;
}

.nav-card-link {
	display: flex;
	align-items: center;
	text-decoration: none;
	color: inherit;
	height: 100%;
}

.nav-card-prev .nav-card-link {
	flex-direction: row;
}

.nav-card-next .nav-card-link {
	flex-direction: row-reverse;
}

.nav-card-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	min-width: 30px;
	height: 100%;
	background-color: #f1f5f9;
	font-size: 1.5rem;
}

.nav-card-prev .nav-card-icon {
	background-color: #e3f2fd;
	color: #3498db;
}

.nav-card-next .nav-card-icon {
	background-color: #ffebee;
	color: #e74c3c;
}

.nav-card-content {
	padding: 5px 10px;
	flex-grow: 1;
}

.nav-card-label {
	font-size: 0.9rem;
	color: #7f8c8d;
	margin-bottom: 8px;
	font-weight: 600;
}

.nav-card-title {
	font-size: 1.2rem;
	font-weight: 600;
	color: #2c3e50;
	line-height: 1.4;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
}



.external_links {
	display: inline-block;
	padding-left: 10px;
}

.links-grid-item-bg {
	overflow: hidden;
	font-size: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-transition-property: background-color, border-color, -webkit-filter;
	transition-property: background-color, border-color, -webkit-filter;
	-o-transition-property: filter, background-color, border-color;
	transition-property: filter, background-color, border-color;
	transition-property: filter, background-color, border-color, -webkit-filter;
	height: 4.5em;
	cursor: pointer;
}

.links-grid-item {
	display: inline-block;
	margin-bottom: 10px;
	word-break: break-word;
}

.links-twitter {
	background-color: #0077b5;
	color: #fff;
}

.links-twitter:hover {
	background-color: #05a4f7;
}

.links-pinterest {
	background-color: #1da1f2;
	color: #fff;
}

.links-pinterest:hover {
	background-color: #70c8f2;
}

.links-youtube {
	background-color: #3b5998;
	color: #fff;
}

.links-youtube:hover {
	background-color: #6491ee;
}

.links-icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-item-align: stretch;
	align-self: stretch;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 4.5em;
	position: relative;
}

.links-icon i {
	font-size: 1.7em;
}

.elementor-screen-only {
	position: absolute;
	top: -10000em;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.links-text {
	padding-left: .9em;
	background-image: linear-gradient(90deg, rgba(0, 0, 0, .12), transparent);
	font-size: 1.5em;
	padding-right: 1em;
	-ms-flex-item-align: stretch;
	align-self: stretch;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-weight: 100;
}



/* .product-grid .product-links{
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    transform: translateX(-50%);
    position: absolute;
    bottom: 40px;
    left: 50%;
    transition: all .3s ease 0s;
}
.product-grid .product-links li{
    margin: 0 2px;
    display: inline-block;
    opacity: 0;
}
.product-grid .product-links li:nth-child(1){ 
  transition: all 0.3s ease .1s; 
}
.product-grid .product-links li:nth-child(2){ 
  transition: all 0.3s ease .15s; 
}
.product-grid .product-links li:nth-child(3){
 transition: all 0.3s ease .2s; 
}
.product-grid .product-links li:last-child{
 transition: all .3s ease .25s; 
}

.product-grid .product-links li a{
    color: #000;
    background-color: #fff;
    font-size: 18px;
    line-height: 41px;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    display: block;
    transition: all 0.7s ease 0s;
}
.product-grid .product-links li a:hover {
    color: #fff;
    background: #80B500;
}
.product-grid:hover .product-links li{ 
  opacity: 1; 
} */


.product-grid .rating {
	background: green;
	width: 100%;
	padding: 5px 0;
	margin: 0;
	list-style: none;
	opacity: 0;
	position: absolute;
	bottom: -40px;
	left: 0;
	z-index: 1;
	transition: all 0.3s ease-in-out;
}

.product-grid .rating li {
	color: #FDD835;
	font-size: 13px;
	margin: 0 -2px;
}

.product-grid .rating li.disable {
	color: #d8d8d8;
}

.product-grid:hover .rating {
	opacity: 1;
	bottom: 0;
}

.product-grid .product-content {
	padding: 15px 15px 15px;
	background: #fff;
}

.product-grid .title {
	font-size: 17px;
	font-weight: 500;
	text-transform: capitalize;
	margin: 0px 0px 7px;
}

.product-grid .title a {
	color: #222;
	transition: all 0.3s ease 0s;
}

.product-grid .title a:hover {
	color: #80B500;
	text-decoration: underline;
}

.product-grid .moq {
	color: #80B500;
	font-size: 16px;
	font-weight: 700;
	margin-top: 10px;
}

.product-grid .moq span {
	color: #4F6F03;
	font-size: 15px;
	font-weight: 400;

}

.product-slider .owl-dots {
	display: none;

}

.owl-theme .owl-nav {
	margin-top: 10px;
	position: absolute;
	top: -118px;
	right: 12px;
	color: #83B33E;
}

.owl-theme .owl-nav [class*="owl-"] {
	color: green;
	font-size: 14px;
	margin: 0 21px;
	padding: 4px 7px;
	background: none !important;
	outline: none;
	border-radius: 3px;
	/* width: 40px; */
}

.owl-theme .owl-nav [class*="owl-"]:hover {
	background: #869791;
	color: #20310f;
	text-decoration: none;
}

.owl-prev,
.owl-next {
	position: relative;

}

.owl-next::before {
	position: absolute;
	width: 32px;
	height: 32px;
	content: '';
	border-radius: 50%;
	left: -13px;
	top: -4px;
	border: 2px solid #7FCA13;
	background: transparent;
}

.owl-next:hover::before {
	border: 2px solid green;
	transition: all 0.3s ease;
}

.owl-prev::before {
	position: absolute;
	width: 32px;
	height: 32px;
	content: '';
	border-radius: 50%;
	right: -13px;
	top: -4px;
	border: 2px solid #7AB342;
	background: transparent;
}

.owl-prev:hover::before {
	border: 2px solid green;
	transition: all 0.3s ease;
}


/* product list */
.product-list-items li {
	margin-bottom: 30px;
}


.pro-item .img {
	position: relative;
	padding-top: 75.6%;
	overflow: hidden;
	display: block;
	border-radius: 10px 65px 10px 10px;
}

.pro-item .img img {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.pro-item .txt {
	padding: 20px 20px 15px;
	margin: -30px 30px 0 0;
	background: url(../images/y-bg9.png) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-moz-box-shadow: 0 6px 9px rgba(61, 110, 177, .23);
	-webkit-box-shadow: 0 6px 9px rgba(61, 110, 177, .23);
	box-shadow: 0 6px 9px rgba(61, 110, 177, .23);
	position: relative;
	z-index: 1;

}

.pro-item .txt .tit {
	display: block;
	font-size: 20px;
	color: #2e2e2e;
	line-height: 36px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.pro-item .txt .tit::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 70px;
	height: 4px;
	background-color: #3d6eb1;
	background: -moz-linear-gradient(left, #80b500 0, #567900 100%);
	background: -webkit-linear-gradient(left, #80b500 0, #567900 100%);
	background: -o-linear-gradient(left, #80b500 0, #567900 100%);
	background: -ms-linear-gradient(left, #80b500 0, #567900 100%);
	background: linear-gradient(to right, #80b500 0, #567900 100%);
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.pro-item .txt p {
	font-size: 16px;
	color: #696969;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.pro-item .txt .more {
	position: absolute;
	width: 62px;
	height: 40px;
	border-radius: 0 40px 40px 0;
	background-color: #3d6eb1;
	background: -moz-linear-gradient(left, #567900 0, #80b500 100%);
	background: -webkit-linear-gradient(left, #567900 0, #80b500 100%);
	background: -o-linear-gradient(left, #567900 0, #80b500 100%);
	background: -ms-linear-gradient(left, #567900 0, #80b500 100%);
	background: linear-gradient(to right, #567900 0, #80b500 100%);
	bottom: 20px;
	right: -34px;
	-ms-transition: 0s;
	-moz-transition: 0s;
	-webkit-transition: 0s;
	-o-transition: 0s;
	transition: 0s;
}

.pro-item .txt .more::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 30px;
	height: 20px;
	margin-left: -15px;
	margin-top: -10px;
	background: url(../images/y-jt6.png) no-repeat center;
}

.pro-item:hover .txt a {
	color: #80B500;
}



/* product content */
.pro-content {
	background: #ffffff;
}

.prolist-content {
	margin-top: 30px;
}

.prolist-top {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.prolist-top h1 {
	max-width: 70%;
	padding-left: 10px;
	height: 45px;
	font-size: 36px;
	border-left: 3px solid #80B500;
	border-bottom: 1px solid #CCCCCC;
	overflow: hidden;
}

.prolist-content h2 {
	font-size: 28px;
	color: #191919;
	text-align: center;
	padding: 20px 0;
}

.prolist-content h2::before {
	content: "";
	display: inline-block;
	background: url(../images/ic1.png) no-repeat;
	width: 75px;
	height: 9px;
	vertical-align: middle;
	margin-right: 18px;
}

.prolist-content h2::after {
	content: "";
	display: inline-block;
	background: url(../images/ic2.png) no-repeat;
	width: 75px;
	height: 9px;
	vertical-align: middle;
	margin-left: 18px;
}

.advantage-list h3 {
	font-size: 24px;
	color: #000;
	font-weight: 600;
	margin-top: 20px;
	text-align: center;
	line-height: 1.6;
	text-transform: capitalize;
	position: relative;
}

.advantage-list h3::before {
	content: "";
	width: 12px;
	height: 12px;
	background-color: #5DA613;
	display: inline-block;
	position: relative;
	right: 10px;
}

.advantage-list h3::after {
	content: "";
	width: 12px;
	height: 12px;
	background-color: #5DA613;
	display: inline-block;
	position: relative;
	left: 10px;
}

.advantage-list ul {
	display: flex;
	flex-wrap: wrap;
	margin-top: 30px;
	justify-content: space-between;
}

.advantage-list li:first-child,
.advantage-list li:nth-child(3) {
	padding-right: 40px;
	border-right: 1px solid #eee;
}

.advantage-list li:nth-child(2),
.advantage-list li:nth-child(4) {
	width: calc(50% - 40px);
	margin-left: 40px;
}

.advantage-list li {
	width: 50%;
	box-sizing: border-box;
	position: relative;
	box-sizing: border-box;
	padding-left: 50px;
	display: inline-flex;
	padding-bottom: 30px;
}

.advantage-list span {
	font-size: 26px;
	font-weight: 600;
	position: absolute;
	left: 0;
	top: -4px;
}

.advantage-list li p strong {
	margin-bottom: 2px;
	/* display: block; */
}


.prolist-item {
	margin-bottom: 30px;
}

.prolist-item a {
	display: block;
	position: relative;
	overflow: hidden;
	position: relative;
	display: block;
}

.prolist-item img {
	width: 100%;
	padding: 23px;
	border: 2px solid #000;
	background-color: rgb(0 0 0 / .03);
	border-radius: 25%;
}

.prolist-item-p {
	margin-top: 20px;
}

.prolist-item:hover .prolist-item-p p {
	color: #80B500;
}

.prolist-item:hover img {
	border-radius: 0px;
}


.choose-us {
	display: flex;
	align-items: center;
	box-sizing: border-box;
	padding: 20px 18px;
	background-color: #fff;
	border-radius: 10px;
	border-bottom: 2px solid #80B500;
	box-shadow: 0 2px 6px 0 rgba(51, 51, 52, .2);
}

.choose h3 {
	text-align: center;
	margin-bottom: 45px;
	font-size: 24px;

	font-family: 'Roboto Slab', serif;
	font-size: 2.8rem;
	font-weight: 700;
	color: #80B500;
	text-shadow:
		1px 1px 0 #6a9503,
		2px 2px 0 #6a9503,
		3px 3px 0 #6a9503,
		4px 4px 0 #6a9503,
		5px 5px 0 #6a9503,
		6px 6px 5px rgba(0, 0, 0, 0.2);
	letter-spacing: 1px;
}

.choose-l {
	width: 90px;
	height: 90px;
	background-color: #f8f8f8;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: all .2s ease;
}

.choose-l i {
	font-size: 36px;
	color: #333;
	transition: all .2s ease;
}

.choose-r {
	flex: 1;
	margin-left: 20px;
}

.choose-r b {
	color: #80B500;
}

.choose-r p {
	margin-top: 10px;
	letter-spacing: 0.5px;
}

.choose-us:hover .choose-l {
	background-color: #eee;
}



.underline-title {
	font-family: 'Poppins', sans-serif;
	font-size: 28px;
	font-weight: 600;
	color: #2c3e50;
	position: relative;
	display: inline-block;
	padding-bottom: 15px;
	margin-bottom: 30px;
}

.underline-title::before,
.underline-title::after {
	content: '';
	position: absolute;
	bottom: 0;
	height: 3px;
	border-radius: 1.5px;
}

.underline-title::before {
	left: 0;
	right: 0;
	background: rgba(52, 152, 219, 0.2);
}

.underline-title::after {
	left: 0;
	width: 40%;
	background: #e74c3c;
	transition: width 0.5s ease;
}

.underline-title:hover::after {
	width: 100%;
}

.procontent p {
	margin-bottom: 10px;
}


.page-header {
	text-align: center;
	margin-bottom: 40px;
	/* background: linear-gradient(135deg, #3498db, #2c3e50);
	color: white; */
	/* border-radius: 10px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); */
}

.page-header h1 {
	font-size: 32px;
	margin-bottom: 10px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	color: #e74c3c;
	text-shadow: 0 1px 0 #c0392b, 0 2px 0 #c0392b, 0 3px 0 #c0392b, 0 4px 0 #c0392b, 0 5px 0 #c0392b, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25);
	letter-spacing: 2px;
}






/* 进度指示器 */
.progress-container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #f0f0f0;
	z-index: 1000;
	display: none;
}

.progress-bar {
	height: 100%;
	background: linear-gradient(90deg, #3498db, #2ecc71);
	width: 0%;
	transition: width 0.3s ease;
}

/* 移动端目录按钮 */
.mobile-toc-toggle {
	display: none;
	position: fixed;
	bottom: 30px;
	left: 30px;
	width: 50px;
	height: 50px;
	background-color: #2c3e50;
	color: white;
	border-radius: 50%;
	align-items: center;
	justify-content: center;
	font-size: 1.5rem;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
	cursor: pointer;
	z-index: 999;
}

@media (max-width: 992px) {
	.mobile-toc-toggle {
		display: flex;
	}

	.side-menu {
		position: fixed;
		top: 0;
		left: -100%;
		width: 300px;
		height: 100%;
		z-index: 1001;
		transition: left 0.4s ease;
		overflow-y: auto;
	}

	.side-menu.active {
		left: 0;
	}

	.side-menu-overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.5);
		z-index: 1000;
		opacity: 0;
		visibility: hidden;
		transition: all 0.4s ease;
	}

	.side-menu-overlay.active {
		opacity: 1;
		visibility: visible;
	}
}




.pro-table h3 i {
	color: #80B500;
}

.table-container {
	overflow-x: auto;
	margin-bottom: 25px;
}


.pro-table table {
	width: 100%;
	border-collapse: collapse;
	min-width: 600px;
	margin: 15px 0;
}

.pro-table thead {
	background-color: #80B500;
	color: white;
}

.pro-table thead th {
	padding: 18px 15px;
	text-align: left;
	font-weight: 600;
	font-size: 16px;
	border-right: 1px solid rgba(255, 255, 255, 0.1);
	position: relative;
}

.pro-table thead th:last-child {
	border-right: none;
}

.pro-table thead th i {
	margin-right: 8px;
	font-size: 14px;
}

.pro-table tbody tr {
	transition: all 0.2s ease;
}

.pro-table tbody tr:nth-child(even) {
	background-color: #f8fafc;
}

.pro-table tbody tr:hover {
	background-color: #F5FFDD;
	transform: translateY(-1px);
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05);
}

.pro-table tbody td {
	padding: 16px 15px;
	border-bottom: 1px solid #eaeaea;
	color: #2c3e50;
}

.pro-table tbody td:first-child {
	font-weight: 600;
	color: #2c3e50;
}


/*///category*/
.category-area {
	background: #EEE;
}

.ltn__category-item {
	margin-top: 2px;
	margin-bottom: 30px;
	transition: all 0.3s ease 0s;
	border: 1px solid #D1DAE0;
	background-color: #fff;
}

.ltn__category-item-3 {
	padding: 50px 0 25px;
	position: relative;
	box-shadow: none;
}

.ltn__category-item-name {
	padding: 15px 20px 5px;
}

.ltn__category-item-name h5 a {
	font-size: 16px;
	font-weight: 600;
	color: #000;
	padding: 10px 0;
	display: inline-block;
}

.ltn__category-item-3::before {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	width: 0%;
	height: 4px;
	background-color: #7FAD39;
	transition: all 0.5s ease 0s;
	opacity: 0;
	visibility: hidden;
}

.ltn__category-item-3:hover::before {
	width: 100%;
	opacity: 1;
	visibility: visible;
}

.ltn__category-item-img a img {
	width: 123px !important;
	height: 112px;
	margin: 0 auto;
	border-radius: 34px;
}

.category-area .owl-dots {
	display: none;
}

.owl-dots {
	display: none;
}

/*offer-area*/
.offer-area {
	background-position: 50% !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
}

.offer-area img {
	width: 100%;
	height: auto;
}

.book-deal {
	padding-top: 120px;
	padding-bottom: 120px;
}

.book-deal h2 {
	font-weight: 600;
	margin-bottom: 6px;
}

.book-deal h3 {
	font-size: 70px;
	font-weight: 900;
	color: #000;
	line-height: 1.2;
}

.book-deal h3 span {
	color: #B1F40D;
}

.book-deal p {
	color: #000;
}

/*///counter*/

.countdown {
	margin-top: 20px;
}

.countdown .tiles {
	z-index: 1;
}

.countdown #tiles>span {
	width: 40px;
	max-width: 92px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	background-color: #80B500;
	border-radius: 3px;
	box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.7);
	margin: 0px 6px;
	padding: 7px 0px;
	display: inline-block;
	position: relative;
	font-size: 20px;

}

.countdown #tiless>span {
	width: 40px;
	max-width: 92px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	background-color: #80B500;
	border-radius: 3px;
	box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.7);
	margin: 0px 6px;
	padding: 7px 0px;
	display: inline-block;
	position: relative;
	font-size: 20px;

}

.countdown #tilesss>span {
	width: 40px;
	max-width: 92px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	background-color: #80B500;
	border-radius: 3px;
	box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.7);
	margin: 0px 6px;
	padding: 7px 0px;
	display: inline-block;
	position: relative;
	font-size: 20px;

}


.countdown .labels {
	width: 100%;
	height: 25px;
}

.countdown .labels li {
	color: #000;
	text-shadow: 1px 1px 0px #000;
	text-align: center;
	text-transform: uppercase;
	display: inline-block;
	padding: 7px 5px;
}

/*product-item area*/
.details-area {
	background: white;
}

.product-item-area {
	background: #f2f2f2;
}

.ite-single2 {
	margin-top: 15px !important;
	padding: 12px 10px !important;
}

.item-single {
	display: flex;
	margin-top: 25px;
	padding: 30px 25px;
	border: 2px solid;
	border-color: #E5EAEE;
	margin-bottom: 30px;
	transition: all 0.3s ease 0s;
	background: #fff;
}

.item-single:hover {
	box-shadow: 0px 1px 16px #ece6e6;
	transition: all 0.3s ease;
}

.item-title {
	padding-bottom: 10px;
}

.item-title h3 {
	font-weight: 600;
	color: #071C1F;
	font-family: 'Noto Serif', serif;
	position: relative;
	font-size: 34px;
}

.item-title h3::before {
	position: absolute;
	width: 200px;
	height: 1px;
	background: #7FAD39;
	content: '';
	top: 44px;
}

.item-img a img {
	width: 100px;
	height: auto;
}

.item-img {
	max-width: 90px;
	margin-right: 20px;
}

.item-text {
	overflow: hidden;
	padding-left: 20px;
	line-height: 26px;
}

.item-price {
	margin-top: 7px;
	font-family: 'Noto Serif', serif;
}

.item-text a {
	color: #171515;
	font-size: 19px;
	font-weight: 400;

}

.item-text a:hover {
	color: #7FAD39;
}

.item-price del {
	color: #7FAD39;
	font-weight: bold;
	font-family: 'Noto Serif', serif;
}

.item-price span {
	color: #000;
	font-weight: 600;
}

.mt-stars {
	display: flex;
	list-style: none;
	padding: 0;
	margin: 0;
}

.mt-stars li i {
	color: orange;
	font-size: 13px;
}

.item-single-slider .owl-dots {
	display: block;
	margin-bottom: 0;
	position: absolute;
	bottom: -15px;
	right: 0;
	left: 0;
	margin: 0 auto;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
	background: #7FAD39;
}

/*items-start end*/

/* client area */
/* .client-area {
	background: #fff;
}

.top-icon,
.bottom-icon {
	display: block;
	font-size: 30px;
	color: #fdfeff;
	text-align: center;
	margin: 0 auto;
}

.testimonial {
	padding: 0 40px;
	position: relative;
	overflow: hidden;
	color: #fdfeff;
	z-index: 1;
}

.testimonial:after {
	content: "";
	width: 150px;
	height: 107%;
	background: #18CFBD;
	position: absolute;
	top: -20px;
	left: -60px;
	transform: matrix(1, 0, 0.5, 1, 150, 0);
	z-index: -1;
}

.testimonial .pic {
	width: 150px;
	height: 150px;
	border-radius: 50%;
	overflow: hidden;
	float: left;
	margin: 34px 25px 0 0;
	position: relative;
}

.testimonial .pic img {
	width: 100%;
	height: auto;
}

.testimonial .testimonial-content {
	width: 90%;
	padding: 30px 0;
}

.testimonial .testimonial-title {
	font-size: 30px;
	font-weight: 900;
	margin: 0 0 10px;
	text-transform: capitalize;
	color: #000;
}

.testimonial .description {
	font-size: 15px;
	line-height: 20px;
	color: #000;
}


.testimonial-client {
	margin: 20px 15px 0;
	border: 1px solid green;
}

.testimonial-client .pic {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	border: 5px solid #7FAD39;
	box-shadow: 2px 3px 6px -3px rgba(0, 0, 0, 0.35);
	position: relative;
	margin: 12px auto;
}

.testimonial-client .pic::after {
	content: "\f10d";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	width: 36px;
	height: 36px;
	line-height: 36px;
	border-radius: 50%;
	text-align: center;
	background: #7FAD39;
	font-size: 16px;
	color: #fff;
	position: absolute;
	top: 65px;
	left: 0;
}

.testimonial-client .pic img {
	width: 100%;
	height: auto;
	border-radius: 50%;
}

.testimonial-content ul {
	display: flex;
	justify-content: start;
}

.testimonial-content ul li {
	padding: 0px 5px;
}

.testimonial-content ul li i {
	color: #f7f70c;
	font-size: 12px;
}

.testimonial-client .testimonial-content {
	padding: 10px;
	margin-left: 20px;
}

.testimonial-client .description {
	font-size: 14px;
	color: #454841;
	line-height: 22px;
}

.testimonial-client .testimonial-title {
	font-size: 19px;
	color: #7FAD39;
	display: inline-block;
	padding-top: 10px;
}

.testimonial-client .post {
	font-size: 15px;
	font-style: italic;
	color: #b0b5b4;
	margin-top: 10px;
	font-weight: 400;
}

.client-slider .owl-nav {
	top: -67px !important;
	right: 12px;
}

.post-info {
	color: #fff;
}
 */
/* news */
.last-news {
	border-radius: 10px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	padding: 30px;
	margin-bottom: 30px;
}


.featured-news {
	position: relative;
	overflow: hidden;
	border-radius: 8px;
	margin-bottom: 20px;
	transition: transform 0.3s ease;
}

.featured-news:hover {
	transform: translateY(-5px);
}

.featured-img {
	width: 100%;
	/* height: 400px; */
	object-fit: cover;
	transition: transform 0.5s ease;
}

.featured-news:hover .featured-img {
	transform: scale(1.03);
}

.featured-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
	color: white;
	padding: 30px 20px 20px;
}

.featured-title {
	font-size: 1.8rem;
	font-weight: 700;
	margin-bottom: 10px;
	line-height: 1.3;
}

.featured-title a {
	color: #FFFFFF;
}

.featured-meta {
	font-size: 0.9rem;
	opacity: 0.9;
}

.featured-news:hover .featured-title a {
	color: #80B500;
}

.news-list {
	padding-left: 20px;
}

.news-item {
	border-bottom: 1px solid #eee;
	padding: 20px 0;
	transition: all 0.3s ease;
}


.news-item:last-child {
	border-bottom: none;
}

.news-item:hover {
	background-color: rgba(128, 181, 0, 0.1);
	padding-left: 10px;
}

.news-item:hover .news-title a {
	color: #80B500;
}

.news-category {
	display: inline-block;
	background-color: var(--primary-color);
	color: white;
	font-size: 0.75rem;
	padding: 3px 10px;
	border-radius: 20px;
	margin-bottom: 8px;
	font-weight: 600;
}

.news-title {
	font-size: 1.2rem;
	font-weight: 600;
	margin-bottom: 10px;
	line-height: 1.4;
}

.news-title a {
	color: #000000;
}

.news-meta {
	font-size: 0.85rem;
	color: var(--secondary-color);
}

.news-meta i {
	margin-right: 5px;
	color: #80b500;
}

/* 响应式调整 */
/* @media (max-width: 992px) {
	    .news-list {
	        padding-left: 0;
	        margin-top: 40px;
	    }
	    
	    .featured-img {
	        height: 350px;
	    }
	}
	
	@media (max-width: 768px) {
	    .featured-img {
	        height: 300px;
	    }
	    
	    .featured-title {
	        font-size: 1.5rem;
	    }
	}
	
	@media (max-width: 576px) {
	    .featured-img {
	        height: 250px;
	    }
	    
	    .featured-title {
	        font-size: 1.3rem;
	    }
	} */



.pagination-outer {
	text-align: center;
}

.pagination {
	display: inline-flex;
	position: relative;
}

.pagination li a.page-link {
	color: #fff;
	background-color: #000;
	font-size: 20px;
	font-weight: 500;
	line-height: 40px;
	height: 40px;
	width: 40px;
	padding: 0;
	margin: 0 8px 6px;
	border: none;
	border-left: 4px solid #80B500;
	border-right: 4px solid #80B500;
	border-radius: 30%;
	transition: all 0.3s ease 0s;
}

.pagination li a.page-link:hover,
.pagination li a.page-link:focus,
.pagination li.active a.page-link:hover,
.pagination li.active a.page-link {
	color: #fff;
	background: #000;
	border-left: 12px solid #80B500;
	border-right: 12px solid #80B500;
	box-shadow: 0 0 0 4px #fff, 0 0 10px -2px rgba(0, 0, 0, 0.7);
}





.blog-single {
	margin-bottom: 30px;
}

.blog-img {
	position: relative;
}

.blog-img img {
	width: 100%;
	height: auto;
	transition: all 0.3s ease;
}

.blog-meta ul {
	display: flex;
	background: #80B500;
	position: absolute;
	bottom: 0px;
	left: 76px;
	right: 0;
	text-align: center;
	justify-content: end;
	padding: 13px 0 9px;
	margin: 0;
}

.blog-meta ul::after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-bottom: 43px solid #80B500;
	border-left: 45px solid transparent;
	left: -45px;
	display: block;
	top: 0px;
}

.blog-meta ul .date::after {
	content: "";
	height: 14px;
	width: 1px;
	position: absolute;
	right: 0;
	transform: rotate(20deg) translateY(-55%);
	top: 50%;
	background: #ffffff;
}

.blog-meta ul li {
	font-size: 14px;
	font-weight: 500;
	text-transform: capitalize;
	margin-right: 5px;
	color: #ffffff;
	position: relative;
	padding-right: 4px;
}

.blog-meta ul .admin a {
	color: #ffffff;
	font-size: 14px;
	font-weight: 500;
}

.blog-content {
	padding: 32px 35px 32px;
	border: 1px solid #dbdbdb;
	transition: all .3s ease;
}

.blog-content:hover {
	box-shadow: 0px 10px 30px 0px rgb(235, 235, 235);
	transition: all .3s ease;
}

.blog-content h4 a {
	color: #403e3e;
	font-weight: 600;
	margin-bottom: 8px;
	display: inline-block;
	position: relative;
}

.blog-content h4 a::before {
	position: absolute;
	top: 0;
	left: -35px;
	width: 3px;
	height: 100%;
	background: #80B500;
	content: "";
}

.blog-content h4 a:hover {
	color: #80B500;
	transition: all .3s ease;
}

.blog-content p {
	margin-bottom: 5px;
}

.blog-content a i {
	visibility: hidden;

}

.blog-content a {
	font-weight: 500;
	color: #4e6d03;
	;
	transition: all 0.3s ease;
}

.blog-content a:hover i {
	visibility: visible;
	transform: translate(5px);
	transition: all 0.3s ease;
}

.blog-img {
	overflow: hidden;
	transition: all .3s ease;
}

.blog-single:hover .blog-img img {
	transform: scale(1.2) rotate(5deg);
	transition: all .3s ease;
}


.clear {
	clear: both;
}

/*///blog*/
.blog-area {
	background: #EEE;
}

.post-slide {
	padding: 0 15px;
}

.post-slide .post-img {
	overflow: hidden;
}

.post-slide .post-img img {
	width: 100%;
	height: auto;
	filter: grayscale(1%);
	opacity: 0.9;
	transform: scale(1, 1);
	transition: all 0.3s ease-in-out 0s;
}

.post-slide:hover .post-img img {
	transform: scale(1.2, 1.2);
	filter: none;
	opacity: 1;
}

.post-slide .post-content {
	padding: 20px 30px;
	position: relative;
	background: #fff;
}

.post-slide .post-date {
	min-width: 100px;
	min-height: 23px;
	line-height: 18px;
	text-align: center;
	background: #556677;
	position: absolute;
	top: -20px;
	left: 0;
}

.post-slide .month {
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	padding: 0 10px;
	background: #7FAD39;
	text-transform: uppercase;
}

.post-slide .date {
	color: #fff;
	font-size: 14px;
}

.post-slide .post-title {
	margin: 20px 0;
}

.post-slide .post-title a {
	color: #7FAD39;
	font-size: 22px;
	text-transform: capitalize;
	transition: all 0.50s ease 0s;

}

.post-slide .post-title a:hover {
	color: #333;
	text-decoration: none;
}

.post-slide .post-description {
	color: #999;
	font-size: 15px;
	line-height: 26px;
}

.post-slide .post-bar {
	padding: 15px 0;
	list-style: none;
	text-align: center;
	background: #7AA834;
}

.post-slide .post-bar li {
	display: inline-block;
	margin-right: 5px;
}

.post-slide .post-bar li a {
	text-transform: capitalize;
	font-size: 12px;
	color: #fff;
	transition: 0.2s ease;
}

.post-slide .post-bar li a:hover {
	text-decoration: none;
	color: #333;
}

.post-slide .post-bar li i {
	color: #fff;
	margin-right: 5px;
}

.post-list .right {
	background: #fff;
}

.post-list .right li h3 {
	font-size: 18px;
	color: #000;
	line-height: 34px;
	display: -webkit-box !important;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.post-list .right li {
	padding: 20px 15px;
	border-bottom: 1px solid #F5F7F8;
}

.post-list .right li a {
	display: flex;
	align-items: center;
}

.post-list .right li .date {
	color: #666;
	transition: all .5s ease;
}

.post-list.right li .date h4 {
	font-size: 48px;
}

.post-list .right li .date h5 {
	font-size: 16px;
	margin-top: 5px;
}

.post-list .right li .date h5 i {
	color: #80b500;
	padding-right: 10px;
	margin-bottom: 10px;
}

.post-list .right li .text {
	/* padding: 0 30px; */
	flex: 1;
}

.post-list .right li .text:hover h3 {
	color: #80B500;
}

.post-list .right li:last-child {
	border: 0;
}

.icon-xie:before {
	content: "\2192";
	color: #CDD2D5;
	font-size: 18px;
}

.common-btn {
	position: relative;
	margin: 0 auto;
	display: inline-block;
	z-index: 10;
}

.common-btn span {
	flex-shrink: 0;
	width: 52px;
	height: 52px;
	margin-right: 15px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid rgba(255, 255, 255, 0.33);
	border-radius: 50%;
	transition: all .5s ease;
	border-color: #CDD2D5;
}

.common-btn span i {
	font-size: 20px;
	color: #fff;
	font-weight: bold;
}

.common-btn.small span:after {
	transform-origin: 3px 25.5px;
	animation: view-more linear 3s infinite;
}

.common-btn span:after {
	content: '';
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #50B3FF;
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -0.03rem;
	margin-top: -0.04rem;
	transform: rotate(45deg);
	transform-origin: 3px 28.5px;
	animation: view-more linear 3s infinite;
	animation-play-state: paused;
}



.common-btn em {
	font-size: 16px;
	color: #fff;
}

.right li:hover .common-btn span:after {
	animation: view-more linear 3s infinite;
	animation-play-state: play;
}

.right li:hover .common-btn span i {
	color: #fff !important;
}

.common-btn:hover span:after {
	animation: view-more linear 3s infinite;
	animation-play-state: play;
}

.common-btn:hover span:after {
	animation: view-more linear 3s infinite;
	animation-play-state: play;
}

.common-btn.common-btn2:hover span {
	border-color: #80b500 !important;
	background: #80b500;
}

.common-btn.common-btn2:hover span i {
	color: #fff !important;
}

/*subscribe*/
.Newsletter-area {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
}

.subcribe-content {
	padding: 60px 0;
	color: #000;
}

.subcribe-content h3 {
	font-size: 35px;
	width: 70%;
	margin: 0 auto;
}

.subcribe-content h3 span {
	color: #E60A30;

}

.subcribe-content p {
	color: #000;
	text-align: center;
	padding-top: 5px;

	padding-left: 38px;
}

.subscribe {
	position: relative;
	overflow: hidden;
}

.subscribe input[type="search"] {
	border: 1px solid #80B500;
	padding: 18px 15px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-style: italic;
	color: #999999;
	font-size: 15px;
	width: 100%;
	border-radius: 3px;
}

.subscribe input[type="submit"] {
	background: #80B500;
	font-weight: 700;
	font-size: 14px;
	color: #FFF;
	text-transform: uppercase;
	border: none;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 35%;
	cursor: pointer;
	transition: all 0.3s ease;
}

.subscribe input[type="submit"]:hover {
	background: green;
	;
	transition: all 0.3s ease;
}

/*footer*/
.footer-area {
	padding-bottom: 20px;
	background: #052316;
}

.sld-area {
	display: flex;
}

.scoial-area {
	padding-top: 27px;
}

.scoial-area h4 {
	color: white;
}

.scoial-area ul li {
	float: left;
	overflow: hidden;
}

.scoial-area ul li a {
	padding: 10px 12px;
	color: #E60A30;
	font-size: 19px;
}

.scoial-area ul li a i {
	width: 40px;
	height: 40px;
	background-color: #fff;
	justify-content: center;
	text-align: center;
	align-content: center;
	line-height: 39px;
	font-size: 18px;
	border-radius: 50%;
	color: #7AA834;
}

.scoial-area ul li a i:hover {
	background: #7AA834;
	color: #fff;
}

.ft-description {
	padding-top: 15px;
}

.ft-description p {
	color: #fff;
}

.ft-head {
	padding-top: 31px;
}

.ft-head h3 {
	padding-bottom: 18px;
	margin-bottom: 20px;
	position: relative;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
}

.ft-head h3::after {
	position: absolute;
	content: "";
	width: 114px;
	height: 3px;
	background: #7AA834;
	left: 0;
	margin: auto;
	bottom: 0;
}

.scoial-area h4 {
	color: white;
	padding-bottom: 18px;
}

.footer-iteam ul li a {
	font-size: 13px;
	color: #fff;
	font-weight: 600;
	line-height: 25px;
	transition: all 0.3s ease;
	border-left: 2px solid transparent;
}

.footer-iteam ul li a:hover {
	padding-left: 5px;
	border-left: 2px solid gray;
	transition: all 0.3s ease;
}

.footer-iteam ul li a span {
	font-size: 16px;
	font-weight: 500;
	color: #7AA834;
	font-family: 'Roboto', sans-serif;
}

.subscribe {
	position: relative;
	overflow: hidden;
	width: 85%;

}

.subscribe input {
	color: white;
	font-size: 15px;
	font-weight: 400;
}

.subscribe input[type="email"] {
	font-size: 15px;
	font-weight: 500;
	padding: 11px 12px;
	width: 100%;
	outline: none;
	border: 1px solid #e5e5e5;
	background: #232C3E;
	border: none;
}

.subscribe a {
	border: none;
	text-transform: uppercase;
	top: 0px;
	right: 0;
	width: 20%;
	position: absolute;
	cursor: pointer;
	background: #e1b11e;
	display: block;
	height: 100%;
	overflow: hidden;
}

.subscribe a i {
	color: wheat;
	justify-content: center;
	align-items: center;
	display: flex;
	line-height: 37px;
	text-align: center;
	font-size: 20px;
}


.ft-bottom-left p {
	color: #fff;
}

.ft-bottom-left img {
	width: 240px;
	height: 25px;
}

.ft-bottom-left {
	text-align: left;
	justify-content: space-around;
}

.row2 {
	border-top: 1px solid #93b561;
	padding-top: 50px;
	margin-top: 40px;
}

.ft-bottom-right ul li {
	display: inline-block;
	padding-right: 10px;
}

.ft-bottom-right ul li a {
	color: #FFFFFF;
}


/*footer*/



/*prdocut-details*/
.home-page {
	padding-top: 300px;
	padding-bottom: 120px;
}

.home-img {
	background-size: cover !important;
	background-position: 50% !important;
	background-repeat: no-repeat !important;
	z-index: 1;
	position: relative;
}

.home-img::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #071C1F;
	opacity: 0.7;
	z-index: -1;
}

.page-content {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.page-text h4 {
	color: #80B500;
	font-weight: 600;
	font-family: 'Noto Serif', serif;
}

.page-text h2 {
	color: #fff;
	font-weight: 700;
	font-family: 'Noto Serif', serif;
	font-size: 50px;
	padding-top: 10px;
}

.page-add ul {
	display: flex;
}

.page-add ul li a {
	margin: 0px 20px;
	color: #fff;
	display: inline-block;
	font-weight: bold;
	position: relative;
}

.page-add ul li .page-active::after {
	content: '';
	position: absolute;
	height: 19px;
	width: 4px;
	background: #80B500;
	left: 60px;
	top: 3px;
}

.page-add ul li a:hover {
	color: #80B500;
}

/*detials-sider*/

.slider-1 img {
	width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.slider-nav img {
	height: 73px;
	margin: 0 auto;
	border: 1px solid #80B500;
}

.slider-for .prev-arrow {
	color: green;
	width: 30px;
	position: absolute;
	bottom: 50px;
	height: 30px;
	border-radius: 50%;
	line-height: 50px;
	justify-content: center;
	align-items: center;
	display: flex;
	border: 1px solid green;
	position: absolute;
	right: 10px;
	bottom: 39%;
	z-index: 1;
	cursor: pointer;
	transition: all .5s ease;
	font-size: 11px;
}

.slider-for .next-arrow {
	color: green;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	line-height: 50px;
	justify-content: center;
	align-items: center;
	display: flex;
	border: 1px solid green;
	position: absolute;
	left: 10px;
	bottom: 39%;
	cursor: pointer;
	transition: all .5s ease;
}

.slider-nav {
	cursor: pointer;
	padding: 10px 0px;

}

.slider-nav img:hover {
	box-shadow: 0px 2px 6px black;
	box-sizing: border-box;
}

.slick-next {
	right: 4px;
}

.slick-prev {
	left: 4px;
}

/*////qty*/
.product-qty {
	display: flex;
	margin-top: 20px;
	color: #000;
}

.product-qty .qtys {
	padding-top: 6px;
}

.counter-qty {
	margin: 0;
	display: flex;
	justify-content: center;
	margin-left: 11px;
}

.counter-qty input {
	width: 150px;
	border: 0;
	line-height: 30px;
	font-size: 17px;
	text-align: center;
	background: #80B500;
	color: #000;
	appearance: none;
	outline: 0;
	font-weight: bold;
}

.counter-qty span {
	display: block;
	font-size: 25px;
	padding: 0 10px;
	cursor: pointer;
	color: #80B500;
	user-select: none;
	border: 1px solid #80B500;
}

.detail-title {}

.detail-title h3 {
	color: #000;
	font-size: 18px;
	font-weight: 600;
	text-transform: capitalize;
}

.detail-rating {
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid gray;
}

.detail-rating ul {
	display: flex;
	justify-content: flex-start;
}

.detail-rating ul li {}

.detail-rating ul li {
	padding: 0 3px;
}

.detail-rating ul li i {
	font-size: 12px;
	color: #E6B90A;
}

.detail-stock h4 {
	color: #000;
	padding: 10px 0px;
}

.product-price {
	color: #000;
	font-size: 16px;
	font-weight: 500;
}

.product-price span.old-price {
	color: #80B500;
	text-decoration: line-through;
}

.slick-prev::before,
.slick-next::before {
	color: #000;
}

.detail-description p {
	color: #000;
	padding: 10px 0px;
}

.pro-detail-button {
	padding-top: 20px;
}

.pro-detail-button ul {
	display: flex;
}

.pro-detail-button ul li a {
	padding: 8px 17px;
	background: #80B500;
	margin: 0 6px;
	display: inline-block;
	color: #fff;
	border-radius: 3px;
}

.pro-detail-button ul li a:hover {
	background: green;
	color: #fff;
}

.pro-detail-button ul li a i {
	color: #fff;
}

.share-social {
	margin-top: 20px;
}

.share-social ul {
	display: flex;
	justify-content: flex-start;
}

.share-social ul li.text {
	color: #000;
	padding-top: 5px;
}

.share-social ul li a {
	padding: 0px 15px;
	display: inline-block;
}

.share-social ul li i {
	width: 35px;
	height: 35px;
	background-color: #80B500;
	text-align: center;
	line-height: 36px;
	font-size: 18px;
	border-radius: 3px;
	font-size: 14px;
	color: #fff;
	transition: all .3s ease;
}

.share-social ul li i:hover {
	background: #fff;
	color: #80B500;
	transition: all .3s ease;
	border: 1px solid #80B500;
}

.detail-sidebar {
	padding: 12px;
	box-shadow: 0px 0px 10px 1px gray;
}

.form-check {
	margin-bottom: 2.125rem;
}

.table> :not(:last-child)> :last-child>* {
	border-bottom-color: currentColor;
	color: #000;
	text-align: center;
}

/*tabs*/

.ui-tabs .ui-tabs-nav {
	padding: 1.2em 2.2em 0;
	margin: 0 auto;
	text-align: center;
	background: orange;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: 1px;
	padding-bottom: 9px;
	background: none;
}

.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	border-bottom-width: 0;
	padding: 0px;
	white-space: nowrap;
	border: none;
}


.tabs-description p {
	color: #000;
	font-size: 15px;
	font-weight: 400;
}

.ui-widget.ui-widget-content {
	border: none;
	background: #eae9e9;
	box-shadow: 0px 0px 7px 1px #a6a3a3;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	border: none;
	background: #172134;
	color: #fff;
	cursor: pointer;
}


#tabs ul li a {
	color: #fff;
	font-size: 17px;
	border: none;
	font-weight: 500;
}

.tabs-table table tbody tr td {
	color: #fff;
	font-size: 18px;
	font-weight: 400;
}

.single-review {
	padding: 20px 0px;
	box-sizing: border-box;
}

.single-cap-left span {
	font-size: 14px;
	color: #2a3c0a;
	font-weight: bold;
}

.single-review .review-thum img {
	width: 70px;
	height: auto;
	border-radius: 50%;
}

.single-cap-left h5 {
	font-weight: 400;
	color: #000;
	font-size: 17px;
}

.single-review {
	display: flex;
}

.singl-review-cap {
	display: flex;
	padding-left: 20px;
}

.single-cap-left {
	width: 87%;
}


.ui-tabs .ui-tabs-nav {
	padding: 1.2em 2.2em 0;
	margin: 0 auto;
	text-align: center;
	background: #f2f2f2;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
	background: #80B500;
}

.ratin-review {
	border-top: none;
	padding-top: 0;
	margin-top: 0;
}

.form-control {
	display: block;
	width: 100%;
	/* padding: .375rem .75rem; */
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #000;
	background-color: transparent;
	border: 1px solid #c1bfbf;
	border-radius: .25rem;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.form-group {
	margin-bottom: 20px;
}

.form-group label {
	color: #000;
	padding-bottom: 6px;
	text-transform: capitalize;
	font-weight: 400;
	font-family: 'Poppins', sans-serif;
}

.form-control:focus {
	background-color: transparent;
	border-color: #80B500;
	outline: 0;
	color: #000 !important;
	box-shadow: none;
}

.form-control::placeholder {
	color: #000;
}

/*star*/
.star {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAABQCAYAAAAZQFV3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABOFJREFUeNrsmEFoHFUYx9/MdHfTJRKzUhBaFiL1YghZCFQUIV6UQJuLWCgr8eKpIoiFSqsHQYrmYj14KHqxKAl6MbA5eCgKRVAMBhpCwIJQCETRQzTsNtnO7s74+17fbGc3M7OzZhUsHfjzdvd97/++973vff99Y/m+rwb5WL0Idz60h2nckTc8Nw2hncLmAnhtIB7i3VGan8VD8Dhebh+U8FOaX8Bh4EB48R8TQlai+QnkgMTxD/AYpFt9EULk0EyBD8Dn4BPT9TZ4CrwD6Wos4V+XrUdpXzQk4tUEkAFXwNUu+1fAWWO7anADLDLJTkCYpf0K3DQe3Ui5oUI6B8ShlyBstZfMMiXoX4MV8GZKQgnJcXA6nKPtGJoE/gZ8Cy6mIJPwnIJsL3ZTIB2h+U6WANZjyE6Aj8Cz3WT7TooJ7HUwneDdc+BaFFnc0SuCzQTCTWOT+iwfN6cjWJ6clo9NzOS5Bcb6IZTZj5pU+syEYNV8XzA2Y6lOCptyhGbDeDFPnJa6TlGZ5rxJ/nxkSRPCACR5EUyHf4sCNjOgENVn/ecVe+CEy8vLWgJmZ2fd1IRra2vxSbe5eYlmu1gsXo6zmZycTKcpkEn6vC61kM+FQYiUeDdvauP5Ay0ZjyIlgKVv9bVkiBwQVJRX2YwWkKLxrhxB+qYSPaxUKrESANHVrh2PlQAzqSbskAA6UkkA5B0SICvRSzb5ddrMWu4jh8umSLwckLVjSKClWJ6SwsrM76fwLpCAM4x1I9OGjhrN8+AkAyYSyGTDnhEHjCPxeYhBagmIIvtXJOBQkgSY5Z01/76umAy4lbpiG5IqzQuG6Alz9LLmf+IP5hh+AfmxnoSQdUgAg5a6JuuQgMiSFi7fJHkR9JQAbGbA/SoBi4uLWgLK5XIqCdBpkyQBZne3sTm4BGxsbLQlgM+DkYBsNjucyWQKaSXATvCuZFnWHIQqlxMVUOeMx/0RMsgBWgIgcyBVgqwwIwH0JUvAwsJChwQwuOQ4jrJtO/CsfQBc11We56lWqyXfOySALNgJdlmuWzNSB/P5vBKyyJnxMjxBs9mc2tvbEye+DN1l7uYhuaZvAXg1LaQyOOkRL3d3d8XLishHOEd1DMfHx7UEYLjCrCop2aXP2Mht4QxjoyWADi0BxGddZm80GjpWYSL5TfpkYnHAOBK/yxhoCZAl1et1PbharWrUajX9m/SJBESRJUlAr6fvW0CvZyyxOIQPN4kbnv1mlwQERGPhMbHli/Q5Yv5lSdDnSYelrlLWIQGRJS1cvjk1RdBTArCZAferBPT7IkjvcuP7t3pKADaxEpB5+r10FXv3x3kKqqUlgM+DkQB76OFhKzdycAnAo5KynTlraFTZQ4/gqH3ursd9EjLIAVoC7KGCAxFWNqSjWgLoS5aAfS+C7EzJcrLKOjSkrNwoFu0ToPz6n8pv3dFQXjPyRdA9CbDsk/ZDx5SQxWiAsg4X7vE361NedQsn/P0SELwIgmzaHiZMtpMcKK+pWlUuVF6j0v0iSMcw/+QFLQF+y13xbv/GpF4CWUt5tV+FTEsAY6MlgA4tASxlnaUo362yLGLlh2Lo1iCjj4nFAeNI/H9sDHbYxesEfcK//XvSoq9Fkf0/JCDqDWfV3I+TJGCLne19CzAvgtoS8OBF0APC6OdvAQYAj2xzC/IfXBsAAAAASUVORK5CYII=');
	background-position: left -2px;
	display: block;
	width: 20px;
	height: 16px;
	line-height: 16px;
	float: left;
	cursor: pointer;
	zoom: 1;
}

.fullStar {
	background-position: left -59px;
}

.stars {
	overflow: hidden;
}

.tmp_es {
	background-position: left -21px;
}

.tmp_fs {
	background-position: left -40px;
}

.add-a-review {
	display: flex;
	margin-bottom: 20px;

}

.add-a-review h3 {
	color: #000;
	font-weight: 700;
	font-family: 'Noto Serif', serif;
	font-size: 14px;
	padding-top: 10px;
}

.ratings_all {
	padding: 10px;
	font-size: 15px;
}

/*cart start*****************************************/
.cart-tabel {
	width: 100% !important;
}

.table-responsive table thead {}

.table_page table thead tr th {
	color: #000;
	font-size: 16px;
	font-weight: 600;
	text-transform: capitalize;
	border-bottom: 1px solid gray;
	border-top: 1px solid gray;
}

.table_page table tbody tr td,
.table_page table thead tr th {
	padding: 10px;
	text-align: center;
}

.product_thumb a img {
	width: 92px;
	height: 92px;
	border-radius: 3px;
}

#cart_area_two .plus-minus-input {
	justify-content: center;
}

.plus-minus-input {
	display: flex;
	align-items: center;
}

#cart_area_two .table_page table tbody tr td.product_quantity input {
	margin: 0 9px;
}

.table_page table tbody tr td.product_quantity input {
	height: 45px;
	padding: 0 5px 0 5px;
	background: none;
	border: 1px solid #58c80c;
	display: block;
	color: #000;
}

.table-responsive table tbody tr td {
	font-weight: 501;
	text-transform: capitalize;
	text-align: center;
	border-bottom: 1px solid #c1b7b7;
	color: #404040;
}

.product_name a {
	color: #000;
}

.product_name a:hover {
	color: #80B500;
}


.cart-page {
	background: #fff;
}

.erorr-text {
	text-align: center;
}

.erorr-text h1 {
	font-weight: 400;
	font-size: 200px;
	text-shadow: 2px 17px 5px rgba(17, 17, 16, 0.28);
	line-height: 165px;
	text-align: center;
}

.erorr-text form button {
	background: orange;
	color: #fff;
	padding: 1px 20px;
}

.erorr-text input {
	min-height: 47px;
	background: #fff;
	border: 1px solid #ddd;
}

.erorr-text h3 {
	padding-bottom: 30px;
	padding-top: 30px;
}

.product_quantity {
	display: table-cell;
}

.product_quantity span {
	border: 1px solid gray;
	color: #000;
	background: #80B500;
}

.cart-button a {
	background: #80B500;
	padding: 10px 15px;
	display: inline-block;
	border-radius: 4px;
	color: #fff;
	font-size: 15px;
}

.cart-button a:hover {
	background: green;
}

.product_remove a {
	color: #E60A30;
}

/*///checkout-page*/
.checkout-page {
	background: #EEEEEE;
}

.card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #EEEEEE;
	background-clip: border-box;
	border: 1px solid rgba(0, 0, 0, .125);
	border-radius: .25rem;
}

.card-title {
	color: #000;
}

.card-header {
	border-bottom: 1px solid #000;
}

/*about-page*/
.about-page {
	background: #fff;
}

.about-image img {
	width: 100%;
	height: auto;
	border-radius: 5px;
}

.about-content h6 {
	color: #80B500;
	font-family: 'Noto Serif', serif;
}

.about-content h3 {
	font-size: 56px;
	color: #000;
	font-family: 'Poppins', sans-serif;
}

.about-content p {
	color: #000;
	padding-top: 10px;

}

.about-content .name-content {
	padding-top: 10px;
}

.about-content .name-content h5 {
	color: green;
	font-family: 'Poppins', sans-serif;
	position: relative;
	margin-left: 10px;
}

.about-content .name-content h5::before {
	position: absolute;
	content: '';
	height: 24px;
	width: 3px;
	background: green;
	left: -10px;
}


.ab-content-l img {
	border-radius: 55px;
	/* padding: 15px; */
	width: 100%;
	margin-bottom: 30px;
}

.ab-content-r h1 {
	padding-bottom: 18px;
	margin-bottom: 20px;
	position: relative;
	color: #000;
	font-weight: bold;
}

.ab-content-r h1::after {
	position: absolute;
	content: "";
	width: 114px;
	height: 3px;
	background: #7AA834;
	left: 0;
	margin: auto;
	bottom: 0;
}

.ab-content-r ul li i {
	color: #80B500;
	padding-right: 8px;
}

.ab-content-r ul li {
	display: inline-block;
	float: left;
	width: 50%;
	line-height: 25px;
}

.ab-equipment h2 {
	text-align: center;
	padding-bottom: 30px;
	font-size: 1.6rem;

}



.ab-equipment p {
	text-align: center;
}

.ab-equipment img {
	width: 25%;
	float: left;
}


.timeline-section {
	position: relative;
	padding: 4rem 0;
	margin: 4rem 0;
	overflow: hidden;
}

.timeline-section::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('https://images.unsplash.com/photo-1451187580459-43490279c0fa?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2072&q=80');
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	opacity: 0.15;
	z-index: 0;
}

.timeline-section::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, rgba(106, 17, 203, 0.05) 0%, rgba(37, 117, 252, 0.05) 100%);
	z-index: 0;
}

.timeline-section .container {
	position: relative;
	z-index: 1;
}

.timeline-section .section-title {
	color: #444;
	text-shadow: 0 2px 4px rgba(255, 255, 255, 0.8);
}

.timeline {
	position: relative;
	/* max-width: 800px; */
	margin: 4rem auto;
}

.timeline::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	bottom: 0;
	width: 4px;
	background: linear-gradient(to bottom, #80b500, #547504);
	transform: translateX(-50%);
	z-index: 1;
}

.timeline-item {
	margin-bottom: 3rem;
	position: relative;
	width: 45%;
}

.timeline-item:nth-child(odd) {
	left: 0;
}

.timeline-item:nth-child(even) {
	left: 55%;
}

.timeline-content {
	background: rgba(255, 255, 255, 0.9);
	backdrop-filter: blur(5px);
	padding: 1.8rem;
	border-radius: 15px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
	position: relative;
	border: 1px solid rgba(255, 255, 255, 0.3);
	transition: var(--transition);
}

.timeline-content:hover {
	background: rgba(255, 255, 255, 0.95);
	transform: translateY(-5px);
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
}

.timeline-year {
	font-weight: 700;
	color: #444;
	margin-bottom: 0.5rem;
	display: block;
	font-size: 1.3rem;
}

.timeline-item::before {
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	background: var(--secondary-color);
	border-radius: 50%;
	top: 20px;
	border: 4px solid white;
	box-shadow: 0 0 0 3px rgba(37, 117, 252, 0.3);
	z-index: 2;
	transition: var(--transition);
}

.timeline-item:hover::before {
	background: var(--accent-color);
	transform: scale(1.2);
	box-shadow: 0 0 0 5px rgba(255, 78, 80, 0.3);
}

.timeline-item:nth-child(odd)::before {
	right: -12px;
	transform: translateX(50%);
}

.timeline-item:nth-child(even)::before {
	left: -12px;
	transform: translateX(-50%);
}

@media (max-width: 768px) {
	.timeline::before {
		left: 30px;
	}

	.timeline-item {
		width: 100%;
		left: 0 !important;
		padding-left: 70px;
	}

	.timeline-item::before {
		left: 20px !important;
	}

	/* 移动端调整背景图片效果 */
	.timeline-section::before {
		background-attachment: scroll;
		opacity: 0.1;
	}
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(30px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.animate {
	animation: fadeInUp 0.8s ease forwards;
}

.delay-1 {
	animation-delay: 0.2s;
}

.delay-2 {
	animation-delay: 0.4s;
}

.delay-3 {
	animation-delay: 0.6s;
}

.delay-4 {
	animation-delay: 0.8s;
}

.hidden {
	opacity: 0;
}

.site-text-primary {
	color: #80B500;
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 15px;
	position: relative;
	display: inline-block;
}

.wt-small-separator div {
	display: inline-block;
}

.left.wt-small-separator-outer h2 {
	margin-bottom: 40px;
	font-weight: 900;
}

.left.wt-small-separator-outer p {
	margin-bottom: 10px;
}

.about-information .sep-leaf-right {
	position: relative;
	margin-left: 50px;
}

.about-information .sep-leaf-right::before {
	content: '';
	background: #80B500;
	right: 0px;
	position: absolute;
	width: 40px;
	height: 3px;
	bottom: 7px;
}



.play-now .icon {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 65px;
	width: 65px;
	text-align: center;
	line-height: 65px;
	background-color: #80B500;
	color: #fff;
	z-index: 1;
	font-size: 20px;
	padding-left: 5px;
	display: block;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform-origin: center;
	transform-origin: center center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, 0.5);
	-moz-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, 0.5);
	-ms-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, 0.5);
	-o-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, 0.5);
	box-shadow: 0 5px 10px 0 rgba(255, 255, 255, 0.5);
}

.play-now .ripple,
.play-now .ripple:before,
.play-now .ripple:after {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 65px;
	width: 65px;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform-origin: center;
	transform-origin: center center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 0 0 rgb(128, 181, 0);
	-moz-box-shadow: 0 0 0 0 rgb(128, 181, 0);
	-ms-box-shadow: 0 0 0 0 rgb(128, 181, 0);
	-o-box-shadow: 0 0 0 0 rgb(128, 181, 0);
	box-shadow: 0 0 0 0 rgb(128, 181, 0);
	-webkit-animation: ripple 3s infinite;
	-moz-animation: ripple 3s infinite;
	-ms-animation: ripple 3s infinite;
	-o-animation: ripple 3s infinite;
	animation: ripple 3s infinite;
}

.play-now .ripple:before {
	-webkit-animation-delay: .9s;
	-moz-animation-delay: .9s;
	-ms-animation-delay: .9s;
	-o-animation-delay: .9s;
	animation-delay: .9s;
	content: "";
	position: absolute;
}

.play-now .ripple:after {
	-webkit-animation-delay: .6s;
	-moz-animation-delay: .6s;
	-ms-animation-delay: .6s;
	-o-animation-delay: .6s;
	animation-delay: .6s;
	content: "";
	position: absolute;
}

@-webkit-keyframes ripple {
	70% {
		box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
	}
}

@keyframes ripple {
	70% {
		box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
	}
}

.slider-play-icon .play-now {
	right: 30%;
	left: auto;
	top: 45%;
}

.video-section2-outer {
	padding-top: 45px;
	padding-bottom: 75px;
}

.video-section {
	position: relative;
	z-index: 1;
	display: flex;
}

.video-section2-outer.mfp-gallery {
	float: left;
	width: 100%;
	display: block;
}

.video3-section-blockquote {
	border-left: 4px solid #80B500;
	position: relative;
	padding-left: 80px;
	width: 100%;
	float: left;
}

.video3-section-blockquote .fa-quote-left {
	position: absolute;
	left: 10px;
	top: 0px;
	color: #80B500;
	font-size: 60px;
	opacity: 0.3;
}

.video3-section-blockquote .q-author-detail {

	line-height: 30px;
}

.video3-section-blockquote .q-author-name {
	color: #80B500;
}

.site-bg-primary {
	background: #80B500;
	margin-left: 15px;
	padding: 40px;
}

.cons-contact-form .row {
	padding: 30px 15px;
	background-color: #fff;
	margin: 0px;
	margin-right: 20px;
}

.cons-contact-form .row .form-group {
	border: 1px solid #ddd
}

.cons-contact-form .has-spinner {
	background-color: #191919;
	text-shadow: 0 0 0 #fff, 400px 0 0 #fff;
	color: #fff;
	padding: 15px 40px;
	letter-spacing: 1px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	display: inline-block;
	background-color: #191919;
	border: none;
	font-size: 14px;
	transition: all .3s ease !important;
}

.cons-contact-form .has-spinner:hover {
	background-color: #ededed;
	color: #111;
}


.cons-contact-form .has-spinner:hover {
	text-shadow: -400px 0 0 #111111, 0 0 0 #111111;
}

/*choose-area*/
.choose-area {
	background: #F2F2F2;
}

.choose-single {
	background: #fff;
	padding: 21px 27px 21px;
	border-radius: 5px;
	box-sizing: border-box;
	box-shadow: 0 0px 3px 1px #aea7a7;
}

.choose-single i {
	display: flex;
	justify-content: center;
	align-content: center;
	font-size: 35px;
	color: #A8CD50;
	background: transparent;
	width: 50px;
	height: 50px;
	margin: 10px 0;
	border: 1px solid #A8CD50;
	border-radius: 5%;
	padding: 32px;
	line-height: 0px;
}

.choose-single h4 a {
	color: #000;
	padding: 7px 0px;
	display: block;
}

.choose-single h4 a:hover {
	color: #A8CD50;
}

.choose-single p {
	color: #000;
}

/*team-area*/
/* .team-area {
	background: #fff;
}

.our-team2 {
	margin: 20px 0px !important;
}

.our-team {
	text-align: center;
	overflow: hidden;
	position: relative;
	margin: 15px 0px;
}

.our-team img {
	width: 100%;
	height: auto;
	transition: all 0.5s ease-in-out 0s;
}

.our-team:hover img {
	transform: scale(1.2);
}

.our-team .social {
	list-style: none;
	padding: 30px 15px;
	margin: 0;
	background: #80B500;
	border-bottom-right-radius: 50px;
	position: absolute;
	top: 0;
	left: -50%;
	transition: all 0.4s ease-in-out 0s;
}

.our-team:hover .social {
	left: 0;
}

.our-team .social li {
	display: block;
}

.our-team .social li a {
	display: block;
	padding: 5px 0;
	font-size: 16px;
	color: #fff;
	transition: all 0.3s ease-in-out 0s;
}

.our-team .social li:first-child a {
	padding-top: 0;
}

.our-team .social li:last-child a {
	padding-bottom: 0;
}

.our-team .social li a:hover {
	color: #000;
}

.our-team .team-content {
	width: 100%;
	padding: 15px 10px;
	background: rgba(0, 0, 0, 0.6);
	position: absolute;
	bottom: 0;
	left: 0;
}

.our-team .title {
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #80B500;
	margin: 0 0 5px 0;
}

.our-team .post {
	display: block;
	font-size: 14px;
	color: #fff;
} */

/*service-area*/

.section-heading.text-center .heading-bg {
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.service-box {
	padding: 45px 35px;
	position: relative;
	border: 1px solid #F9F9F9;
	background-image: -webkit-radial-gradient(#E6E6E6 1px, transparent 0);
	background-image: radial-gradient(#E6E6E6 1px, transparent 0);
	background-size: 15px 15px;
}

.service-title {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 20px;
	color: #5da613;
}

.service-action {
	margin-top: 40px;
	display: inline-block;
	width: 45px;
	height: 45px;
	text-align: center;
	line-height: 43px;
	border: 2px dashed #5da613;
	color: #5da613;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s
}

.service-area .col-lg-3 {
	padding: 0
}

.service-icon {
	position: absolute;
	bottom: 10px;
	right: 10px;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s
}

.service-box:hover .service-icon {
	opacity: 0.4;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"
}

.service-dark {
	background: #5da613;
	border: 1px solid #82f013;
}

.service-dark .service-title {
	color: #fff
}

.service-dark p {
	color: #ccddf6;
}

.service-box p {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.service-dark .service-action {
	border: 2px dashed #ccddf6;
	color: #ccddf6
}

.service-box:hover .service-action {
	background: #5da613;
	color: #fff
}

.service-box.service-dark:hover .service-action {
	background: #fff;
	color: #5da613
}

.service-inn {
	margin-top: 30px
}



/* .service-area {
    background: #f7f7f7;
}
.service-image{
  position: relative;
  z-index: 1;
}
.service-image img{
  width: 100%;
  height: auto;
}
.service-image::after {
  position: absolute;
  content: '';
  width: 200px;
  height: 100px;
  background: #80B503;
  top: -14px;
  left: -14px;
  z-index: -1;
}
.service-detail ul{
  padding-top: 20px;
}

.service-detail ul li {
  font-size: 17px;
  color: #000;
  font-family: 'Poppins', sans-serif;
  line-height: 30px;
  padding-top: 4px;
}
.service-detail ul li i {
  color: #60B500;
  font-size: 18px;
  padding-right: 13px;
  background: #515050;
  text-align: center;
  padding: 5px 9px;
  margin-right: 11px;
  border-radius: 3px;
}
.technology-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -moz-box-pack: center;
  justify-content: center;
  -moz-box-align: center;
  align-items: center;
  display: -moz-box;
  display: flex;
}
.video-btn {
  display: inline-block;
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  border-radius: 50%;
  color: #E60A30;
  position: relative;
  top: 3px;
  z-index: 1;
  background-color: #80B500;
}
.video-btn::after, .video-btn::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  background-color: #80B500;
}
.video-btn i {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
}
.video-btn i {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  position: absolute;
  top: 0;
  left: 3px;
  -moz-box-pack: center;
  justify-content: center;
  -moz-box-align: center;
  align-items: center;
  display: -moz-box;
  display: flex;
  width: 100%;
  height: 100%;
}
.video-btn::before {
  -webkit-animation: ripple 1.6s ease-out infinite;
  animation: ripple 1.6s ease-out infinite;
}
.video-btn::after {
  -webkit-animation: ripple 1.6s ease-out infinite;
  animation: ripple 1.6s ease-out infinite;
}

@keyframes ripple {
0%, 35% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
}
50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: .8;
}
100% {
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2);
}
} */

/*section2-area*/
/* .section2-area {
	background: #fff;

}

.service-single {
	margin: 20px 0px;
}

.service-single .service-img {
	position: relative;
	overflow: hidden;
}

.service-single .service-img a img {
	width: 100%;
	height: 100%;
	transition: all .6s ease;
}

.service-single .service-text {
	background: #f7f7f7;
	padding: 26px 20px 30px 20px;
	border-bottom: 1px solid green;
	border-radius: 5px;
}

.service-single .service-text h4 a {
	color: #000;
	padding-bottom: 6px;
	display: inline-block;
}

.service-single .service-text h4 a:hover {
	color: #80B503;
}

.service-single .service-text p {
	color: #000;
}

.service-single:hover .service-img a img {
	transform: scale(1.1);
	transition: all .6s ease;
}

.service-single:hover {
	box-shadow: 0px 0px 10px 0px gray;
}
 */
/*BOLOG PAGE*/

/* .blog-img {
	position: relative;
}

.blog-img img {
	width: 100%;

}

.post-slide2 {
	margin-bottom: 40px;
}

.blog-image img {
	width: 100%;
	height: auto;
	position: relative;
}

.blog-text2 h4 a {
	font-size: 20px;
	font-weight: 400;
}

.blog-text {
	padding-top: 20px;
}

.blog-text ul {
	border-top: 1px solid #e5e5e5;
	padding-top: 15px;
	display: flex;
	justify-content: start;
	margin-top: 5px;
	margin-bottom: 5px;
}

.blog-text ul li {
	margin-right: 20px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	color: #fff;
	font-size: 16px;
}

.blog-text ul li i {
	color: #E60A30;
	padding-right: 5px;
}

.subscribes {
	position: relative;
	overflow: hidden;
}

.subscribes input[type="search"] {
	border: 1px solid #e7e7e7;
	padding: 13px 15px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-style: italic;
	color: #999999;
	font-size: 15px;
	width: 100%;
	border-radius: 3px;
}

.subscribes input[type="submit"] {
	background: #80B500;
	font-weight: 700;
	font-size: 14px;
	color: #FFF;
	text-transform: uppercase;
	border: none;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 35%;
	cursor: pointer;
	transition: all 0.3s ease;
}

.subscribes input[type="submit"]:hover {
	background: #E60A00;
	transition: all 0.3s ease;
}

.blog-widget {
	padding-top: 25px;
	padding: 22px;
	margin-top: 30px;
	box-sizing: border-box;
	box-shadow: 0px 0px 10px 0px gray;
}

.f-single-item {
	display: flex;
	margin-bottom: 20px;
}

.f-single-item img {
	max-width: 100px;
	height: auto;
}

.f-blog-content {
	padding-left: 20px;
}

.f-blog-content a {
	font-size: 17px;
	font-weight: 400;
	line-height: 20px;
	padding-top: 10px;
	color: #000;
}

.f-blog-content a:hover {
	color: #80B500;
}

.f-blog-content p {
	color: #807b7b;
	font-weight: 300;
	font-style: italic;
	font-size: 13px;
}

.tagcloud a {
	border: 1px solid gray;
	margin: 0 26px 19px 0;
	font-weight: 400;
	color: #222;
	text-transform: uppercase;
	border-radius: 5px;
	width: 100%;
	display: block;
	padding: 10px 20px;
}

.tagcloud a:hover {
	background: #80B500;
	border-radius: 5px;
}

.wt-post-readmore {
	padding-bottom: 15px;
	padding-top: 10px;
}

.wt-post-readmore a {
	font-family: 'Roboto', serif;
	font-size: 14px;
	text-decoration: none;
	color: #fff;
	border: 1px solid #6fd5d5;
	padding: 5px 11px;
	display: inline-block;
}

.wt-post-readmore a:hover {
	color: #6fd5d5;
}

.site-button-link {
	display: inline-block;
	font-weight: 600;
}

.widget-list a {
	color: #000;
	font-size: 20px;
}

.widget-list:hover span,
.widget-list:hover a {
	color: #80B500;
}

.wt-pagintion {
	margin-top: 30px;
}

.wt-pagintion ul {
	display: flex;
	justify-content: start;
}

.wt-pagintion ul li a {
	color: #3c3a3a;
	padding: 10px 12px;
	font-size: 18px;
	border: 1px solid #728836;
}

.wt-pagintion ul li a:hover {
	background: #7AA834;
}

.wt-pagintion ul .active {
	background: #7AA834;
}

.content-list {
	font-size: 27px;
	font-family: Roboto;
	color: #383838;
	padding: 8px 0;
	margin-bottom: 0;
	border-bottom: 1px solid gray;
}

.wt-post-meta li {
	padding: 10px;
	display: inline-block;
	font-size: 14px;
	font-family: Roboto;
}

.content-list .value {
	float: right;
	width: 50%;
	font-size: 18px;
	text-align: end;
	color: #000;
	font-size: 20px;
}

.post-date {
	background-color: #E60A30;
	position: absolute;
	padding: 8px 15px; 
	color: #fff;
	right: 0;
	height: 36px;
	bottom: 0px;
	border-top-left-radius: 5px;
}

.wt-post-meta li {
	padding: 10px;
	display: inline-block;
	font-size: 14px;
	font-family: Roboto;
}

.blog-text2 h4 a {
	font-size: 20px;
	font-weight: 400;
	color: white;
	text-decoration: none;
	padding: 10px 0px;
	display: inline-block;
}

.blog-text2 h4 a:hover {
	color: #CD1837;
}

.content-heading h3 {
	color: #000;
	position: relative;
	margin-bottom: 18px;
	padding-bottom: 14px;
}

.content-heading h3::after {
	position: absolute;
	content: "";
	width: 100px;
	height: 1px;
	background: #80B500;
	left: 0;
	margin: auto;
	bottom: 0;
} */

/***************blog page**************/

/*service-details-page*/

/* .sr-details img {
	width: 100%;
	height: auto;
}

.sr-details-content {
	padding-top: 15px;
}
 */
/*...shop*/
/* .shop-page {
	background: #F5F5F5;
}

.ltn__shop-options {
	display: flex;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 30px;
	margin: 0;
	padding: 0;
}

.tab-pane.fade.show {
	transform: translateY(0rem);
}

.tab-pane.fade {
	transition: all 0.6s ease-out;
	transform: translateY(1rem);
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
	color: #fff !important;
	background-color: #80B500;
}

.nav-link {
	color: #80B500;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
	color: #80B500;
}

.showing-product-number span {
	color: #000;
	font-size: 17px;
	font-weight: bold;
}

.btn-secondary {
	color: #fff;
	background-color: #2e2e2f;
	border-color: gray;
} */

/* .dropdown-item {
	display: block;
	width: 100%;
	padding: .25rem 1rem;
	clear: both;
	font-weight: 400;
	color: #fff;
	text-align: inherit;
	text-decoration: none;
	white-space: nowrap;
	background-color: #595656;
	border: 1px solid #c6c2c2;
	background: #78b33d;
}

.dropdown-menu {

	min-width: 8rem;
	padding: 0px 2px;
	background-color: transparent;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: .25rem;
}

.dropdown-menu.show {
	display: block;
	position: absolute;
	inset: 0px 0px 0px 0px !important;
	margin: 0px;
	transform: translate(-7px, 38px) !important;
}
 */
/* .btn-check:focus+.btn-secondary,
.btn-secondary:focus {
	color: #fff;
	background-color: #80B500;
	border-color: #80B500;
	box-shadow: 0 0 0 .25rem rgba(175, 215, 152, 0.5);
}

.btn-secondary {
	color: #fff;
	background-color: #80B500;
	border-color: #5bd52f;
}
 */
/*color*/
/* .blog-widget ul li {
	list-style: none;
	display: inline-block;
	margin-top: 3px;
	margin-right: 5px;
	border: 1px solid gray;
}

.blog-widget ul li a {
	width: 40px;
	height: 22px;
	display: block;
}

.blog-widget ul .black {
	background-color: #2d2727;
}

.blog-widget ul .white {
	background-color: white;
}

.blog-widget ul .red {
	background-color: red;
}

.blog-widget ul .silver {
	background-color: silver;
}

.blog-widget ul .gray {
	background-color: gray;
}

.blog-widget ul .maroon {
	background-color: maroon;
}

.blog-widget ul .yellow {
	background-color: yellow;
}

.blog-widget ul .olive {
	background-color: olive;
}

.blog-widget ul .lime {
	background-color: lime;
}

.blog-widget ul .green {
	background-color: green;
}

.blog-widget ul .aqua {
	background-color: aqua;
}

.blog-widget ul .teal {
	background-color: teal;
}

.blog-widget ul .blue {
	background-color: blue;
}

.blog-widget ul .navy {
	background-color: navy;
}

.blog-widget ul .purple {
	background-color: purple;
}

.blog-widget ul .fuchsia {
	background-color: fuchsia;
}

.blog-widget ul .pink {
	background-color: pink;
}

.blog-widget ul .nude {
	background-color: red;
}

.blog-widget ul .orange {
	background-color: orange;
}
 */
/*/////range*/
/* .container-range {
	width: 100px;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.range {
	width: 100px;
}

.range__slider {
	width: 45%;
}

.range__value {
	width: 35%;
	margin-left: 45px;
	color: #fff;
}

.range__value {
	display: flex;
	align-items: flex-start;
	justify-content: center;
}

.range__value h5 {
	text-transform: uppercase;
	font-size: 15px;
	color: #000;
	margin-bottom: 5px;
	padding-top: 5px;
}

.range__value span {
	font-size: 19px;
	font-weight: 600;
	color: #000;
	margin-left: 10px;
}

.range__slider label {
	margin-bottom: 10px;
}

.range__slider [type="range"] {
	width: 300px;
	-webkit-appearance: none;
	height: 6px;
	border-radius: 6px;
	background: #f1f1f1;
	outline: none;
	padding: 0;
	margin: 0;
	display: block;
} */

/* custom thumb */
/* .range__slider [type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: #7a00ff;
	border: #f9ca24 5px solid;
	cursor: pointer;
	-webkit-transition: background .15s ease-in-out;
	transition: background .15s ease-in-out;
}

.range__slider [type="range"]::-webkit-slider-thumb:hover {
	background: #f0932b;
}

.range__slider [type="range"]::-moz-range-thumb {
	width: 20px;
	height: 20px;
	border: 0;
	border-radius: 50%;
	background: #5ff02b;
	border: #8ec43f 5px solid;
	cursor: pointer;
	-webkit-transition: background .15s ease-in-out;
	transition: background .15s ease-in-out;
}

.range__slider [type="range"]::-moz-range-thumb:hover {
	background: #f9ca24;
} */

/* remove border */
input::-moz-focus-inner,
input::-moz-focus-outer {
	border: 0;
}




/*call*/
/* .phone-contact {
	background-position: 50% !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	position: relative;
	z-index: 1;
}

.phone-contact::before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background: #7ac124;
	top: 0;
	left: 0;
	opacity: 0.3;
	z-index: -1;
}

.call-now {
	text-align: center;
	padding-top: 85px;
	padding-bottom: 100px;
}

.call-now h4 {
	color: #80B500;
	font-weight: bold;
	font-size: 22px;
	text-decoration: cadetblue;
	padding-bottom: 5px;
}

.call-now h3 {
	color: #fff;
	font-size: 34px;
	letter-spacing: 4px;
	font-family: 'Noto Serif', serif;
}
 */

/*contact-us-area*/

.contact-title {
	margin: auto;
	margin-bottom: 50px;
}

.contact-title span {
	color: #1f1c0c;
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 15px;
	display: inline-block;
	line-height: 1;
	position: relative;
}

.contact-title span::before {
	position: absolute;
	content: '';
	width: 3px;
	height: 100%;
	background: #1f1c0c;
	top: 0;
	left: -10px;
}

.contact-title h2 {
	font-size: 35px;
	font-weight: 600;
	margin-bottom: 15px;
}

.contact-title p {
	max-width: 720px;
	color: #4a483e;
	margin: 0 auto;
}



.contact-section .contact-card {
	text-align: center;
	padding: 30px 20px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 2px 16px 0px rgba(146, 184, 255, 0.3);
	box-shadow: 0px 2px 16px 0px rgba(146, 184, 255, 0.3);
	margin-bottom: 30px;
	-webkit-transition: .5s;
	transition: .5s;
}

.contact-section .contact-card:hover {
	background: #1f1c0c;
}

.contact-section .contact-card:hover i {
	background: #80B500;
	color: #1f1c0c;
}

.contact-section .contact-card:hover ul li a,
.contact-section .contact-card:hover ul li {
	color: #ffffff;
}

.contact-section .contact-card i {
	color: #80B500;
	background: #1f1c0c;
	font-size: 20px;
	width: 35px;
	height: 35px;
	border-radius: 30px;
	line-height: 35px;
	text-align: center;
	margin-bottom: 15px;
	-webkit-transition: .5s;
	transition: .5s;
}

.contact-section .contact-card ul {
	padding-left: 0;
	margin-bottom: 0;
}

.contact-section .contact-card ul li {
	list-style: none;
	color: #1f1c0c;
	font-weight: 500;
	line-height: 1;
	margin-bottom: 10px;
}

.contact-section .contact-card ul li a {
	color: #1f1c0c;
}

.contact-section .contact-card ul li:last-child {
	margin-bottom: 0;
}

.contact-section .contact-area h3 {
	margin-bottom: 20px;
}

.contact-section .contact-img {
	background-image: url(../image/contact-img.jpg);
	background-position: center center;
	background-size: cover;
	height: 100%;
	-webkit-box-shadow: 0px 2px 12px -5px rgba(146, 184, 255, 0.3);
	box-shadow: 0px 2px 12px -5px rgba(146, 184, 255, 0.3);
}

.contact-section .contact-area {
	padding: 50px;
	-webkit-box-shadow: 0px 2px 12px 0px rgba(146, 184, 255, 0.3);
	box-shadow: 0px 2px 12px 0px rgba(146, 184, 255, 0.3);
}

.contact-section .contact-area .form-group {
	margin-bottom: 25px;
}

.contact-section .contact-area .form-group .form-control {
	border: 1px solid #bebebe;
	border-radius: 30px;
	padding: 5px 20px;
	background: #f9efef;
	height: 50px;
}

.contact-section .contact-area .form-group .message-field {
	border: 1px solid #bebebe;
	background: #f9efef;
	border-radius: 30px;
	padding: 15px 20px;
	width: 100%;
}

.contact-section .contact-area .form-group .message-field:focus {
	outline: 0;
}

.contact-section .contact-area .form-group ::-webkit-input-placeholder {
	color: #1f1c0c;
	font-size: 15px;
}

.contact-section .contact-area .form-group :-ms-input-placeholder {
	color: #1f1c0c;
	font-size: 15px;
}

.contact-section .contact-area .form-group ::-ms-input-placeholder {
	color: #1f1c0c;
	font-size: 15px;
}

.contact-section .contact-area .form-group ::placeholder {
	color: #1f1c0c;
	font-size: 15px;
}

.contact-section .contact-area .form-group .list-unstyled {
	padding-left: 20px;
	color: red;
	margin-top: 5px;
}

.contact-section .contact-area .default-btn {
	background: #80B500;
	color: #1f1c0c;
	padding: 15px 30px;
	border-radius: 30px;
	-webkit-transition: .5s;
	transition: .5s;
	border: 1px solid #1f1c0c;
}

.contact-section .contact-area .default-btn:hover {
	background-color: #ffffff;
}

.contact-section .contact-area .text-danger {
	font-size: 20px;
	margin-top: 10px;
	padding-left: 20px;
}



/* .contact-us-area {}

.contact-box {
	border: 1px solid #f4f4f4;
	text-align: center;
	background: #fff;
	padding: 20px 0px 34px 0px;
	border-radius: 10px;
	box-shadow: 0px 0px 1px #575555;
	transition: all 0.3s ease;
}

.cnt-icon {
	margin-bottom: 7px;
}

.cnt-icon i {
	font-size: 63px;
	color: #80B500;
}

.cnt-text h3 {
	color: #000;
	padding-bottom: 5px;
}

.contact-box:hover {
	box-shadow: 0px 0px 10px #8ea66b;
	transition: all 0.3s ease;
}

.contuct-us-img {
	margin-top: 20px;
}

.contuct-us-img img {
	width: 100%;
	height: auto;
}
 */


/*eroore*/
/* .error-page {
	background: #fff;
	padding-bottom: 30px;
}

.error {
	width: 100%;
	height: auto;
	margin: 50px auto;
	text-align: center;
	margin-bottom: 0;
}



.error .p {
	height: 100%;
	color: #80B500;
	font-size: 280px;
	margin: 50px;
	display: inline-block;
	font-family: 'Noto Serif', serif;
	font-weight: 600;
}
 */

/* page-ms */
/* .page-ms {
	transform: translateY(-50px);
}

.error p.page-msg {
	text-align: center;
	color: #80B500;
	font-size: 30px;
}
 */

/*gallery-area*/
/* .gallery-area {
	background: #fff;
}
 */
.modal-img img {
	width: 100%;
	height: auto;
}

.modal-content {
	background-color: #ffff;
	border: 1px solid rgba(103, 206, 33, 0.2);
	border-radius: .3rem;
	outline: 0;
}

.modal-header {
	border-bottom: 1px solid #848484;
	justify-content: end;
}

.ltn-Feature-box ul {
	display: flex;
}

.ltn-Feature-box ul li {
	width: 25%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 15px;
	border-top: 1px dashed green;
	border-left: 1px dashed green;
	border-bottom: 1px dashed green;
}

.ltn-Feature-box ul li:last-child {
	border-right: 1px dashed green;
}

.ltn-Feature-box ul li.service-content .main-block {
	display: flex;
	align-items: center;
	justify-content: center;
}

.ltn-Feature-box ul li.service-content:hover .icon-block i {
	color: #7FAD39;
	transform: rotate(45deg);
	transition: all 0.3s ease;
}

.ltn-Feature-box ul li a {
	margin-right: 15px;
	line-height: 0;
	font-size: 38px;
	color: #000;
}

.ltn-Feature-box ul li span {
	font-size: 17px;
	font-weight: 500;
	text-transform: capitalize;
}

.ltn-Feature-box ul li p {
	color: #999;
	margin-bottom: 0;
	margin-top: 2px;
	text-transform: capitalize;
}

/*deal-bounus*/
/* .bonus-deal-area {
	background: #fff;
}

.bounus-single {
	display: flex;
	position: relative;
	border: 1px solid green;
	padding: 20px 3px;
	transition: all .3s ease;
}

.bounus-single .bounus-img img {
	width: 100%;
	height: auto;
	max-width: 262px;
} */

/* .special-tag {
	font-weight: 500;
	position: absolute;
	top: 10px;
	left: 10px;
	text-transform: capitalize;
	padding: 1px 8px;
	background: #3a9046;
	font-size: 11px;
	color: #fff;
	line-height: 16px;
	z-index: 9;
	border-radius: 5px;
} */

/* .owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
	background: #7FAD39;
	width: 29px;
	height: 6px;
}

.owl-theme .owl-dots .owl-dot span {
	width: 10px;
	height: 10px;
	margin: 5px 7px;
	background: #8E9F7C;
}

.bounus-slider {
	position: relative;
}

.bounus-slider .owl-nav {
	position: absolute !important;
	top: -55px !important;
	right: 0% !important;
	display: inline-flex;
}

 */

.faq-con summary {
	display: block;
	cursor: pointer;
	padding: 10px;

	font-family: "Space Mono", monospace;
	font-size: 22px;
	transition: .3s;
	border-bottom: 2px solid;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.faq-con details {
	margin-bottom: 0.5rem;
	border: 1px solid;
	position: relative;
}

.faq-con details::before {
	content: '\25BC';
	font-family: 'iconfont';
	font-size: 24px;
	color: #000000;
	position: absolute;
	right: 10px;
	top: 10px;
}

.faq-con details>div {

	display: flex;
	flex-wrap: wrap;
	overflow: auto;
	height: 100%;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding: 0 20px;
	font-family: "Karla", sans-serif;
	line-height: 1.5;
}

.faq-con details>div>p {
	flex: 1;
	color: #384769;
	letter-spacing: 0.5px;
	line-height: 30px;
}

.faq-con details[open] {
	background: #fafafa;
}

.faq-con details[open]::before {
	content: '\25B2';
	font-family: 'iconfont';
	font-size: 24px;
	color: #5da613;
	position: absolute;
	right: 10px;
	top: 10px;
}



.faq-con details[open]>summary {
	font-weight: 600;
	color: #7AA834;
}

@media (min-width: 768px) {
	.faq-con details[open]>div>p {
		opacity: 0;
		-webkit-animation-name: showContent;
		animation-name: showContent;
		-webkit-animation-duration: 0.6s;
		animation-duration: 0.6s;
		-webkit-animation-delay: 0.2s;
		animation-delay: 0.2s;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
		margin: 0;
		/* padding-left: 20px; */
	}

	.faq-con details[open]>div {
		-webkit-animation-name: slideDown;
		animation-name: slideDown;
		-webkit-animation-duration: 0.3s;
		animation-duration: 0.3s;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
	}

	.faq-con details[open]>div>img {
		opacity: 0;
		height: 100%;
		margin: 0;
		-webkit-animation-name: showImage;
		animation-name: showImage;
		-webkit-animation-duration: 0.3s;
		animation-duration: 0.3s;
		-webkit-animation-delay: 0.15s;
		animation-delay: 0.15s;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
	}
}

@-webkit-keyframes slideDown {
	from {
		opacity: 0;
		height: 0;
		padding: 0;
	}

	to {
		opacity: 1;
		height: var(--contentHeight);
		padding: 20px;
	}
}

@keyframes slideDown {
	from {
		opacity: 0;
		height: 0;
		padding: 0;
	}

	to {
		opacity: 1;
		height: var(--contentHeight);
		padding: 20px;
	}
}

@-webkit-keyframes showImage {
	from {
		opacity: 0;
		-webkit-clip-path: inset(50% 0 50% 0);
		clip-path: inset(50% 0 50% 0);
		-webkit-transform: scale(0.4);
		transform: scale(0.4);
	}

	to {
		opacity: 1;
		-webkit-clip-path: inset(0 0 0 0);
		clip-path: inset(0 0 0 0);
	}
}

@keyframes showImage {
	from {
		opacity: 0;
		-webkit-clip-path: inset(50% 0 50% 0);
		clip-path: inset(50% 0 50% 0);
		-webkit-transform: scale(0.4);
		transform: scale(0.4);
	}

	to {
		opacity: 1;
		-webkit-clip-path: inset(0 0 0 0);
		clip-path: inset(0 0 0 0);
	}
}

@-webkit-keyframes showContent {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes showContent {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}






.mesg-cont {
	background: url(../images/form-banner.jpg) no-repeat;
	background-size: cover;
	padding-top: 55px;
	padding-bottom: 46px;
}

.mesg-cont .mesg-left {
	float: left;
	width: 50%;
	padding-right: 10%;
	color: #fff;
	margin-top: 55px;
}

.mesg-cont .mesg-left .title {
	font-size: 44px;
	line-height: 1.3;
	display: block;
}

.mesg-cont .mesg-left .text {
	font-size: 14px;
	line-height: 2.2;
	margin-bottom: 45px;
	color: #80B500;
}

.mesg-cont .mesg-left ul li {
	font-size: 16px;
	position: relative;
	margin-bottom: 30px;
	padding-left: 15px;
}

.mesg-cont .mesg-left ul li:before {
	content: "";
	display: block;
	width: 6px;
	height: 30px;
	background: #80B500;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.mesg-cont .mesg-right {
	float: left;
	width: 50%;
}

.mesg-cont .mesg-right .text {
	color: #fff;
	position: relative;
	padding-left: 20px;
	margin-bottom: 30px;
}

.mesg-cont .mesg-right .text:before {
	display: block;
	content: "";
	width: 14px;
	height: 18px;
	background: url(../images/sd_icon.png) no-repeat;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 2px;
}

.mesg-cont .mesg-right li {
	margin-bottom: 12px;
	position: relative;
}

.mesg-cont .mesg-right li:before {
	content: "";
	display: block;
	width: 22px;
	height: 22px;
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
}

.mesg-cont .mesg-right li:first-child:before {
	background: url(../images/name_icon.png) no-repeat;
	background-size: cover;
}

.mesg-cont .mesg-right li:nth-child(2):before {
	background: url(../images/yx_icon.png) no-repeat;
	background-size: cover;
}

.mesg-cont .mesg-right li:nth-child(3):before {
	background: url(../images/tel_icon.png) no-repeat;
	background-size: cover;
}

.mesg-cont .mesg-right li:nth-child(4):before {
	background: url(../images/ly_icon.png) no-repeat;
	background-size: cover;
	top: 22%;
}

.mesg-cont .mesg-right li input {
	background: #fff;
	height: 50px;
	line-height: 50px;
	color: #26384a;
	padding: 0 50px;
	font-size: 16px;
	width: 100%;
}

.mesg-cont .mesg-right li textarea {
	background: #fff;
	color: #26384a;
	font-size: 16px;
	width: 100%;
	height: 150px;
	resize: none;
	padding: 20px 50px;
	display: block;
}

.mesg-cont .mesg-right li.form-xing {
	position: relative;
}

.mesg-cont .mesg-right li.form-xing:after {
	content: "*";
	position: absolute;
	left: 8px;
	top: 20px;
	color: #80B500;
	font-size: 15px;
	line-height: 1;
}

.mesg-cont .mesg-right .submit-btn {
	background: #80B500;
	color: #fff;
	font-size: 20px;
	text-transform: uppercase;
	padding: 12px 92px;
	border-radius: 4px;
	cursor: pointer;
	transition: all .6s ease;
}

.mesg-cont .mesg-right .submit-btn:hover {
	border-radius: 50px;
	transition: all .6s ease;
}


/*  */
.hot-pro h3,
.related-news h3 {
	font-size: 2.8rem;
	font-weight: 700;
	color: #2c3e50;
	font-style: italic;
	position: relative;
	padding-left: 20px;
	margin-bottom: 30px;
}

.hot-pro h3::before,
.related-news h3::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 5px;
	background: linear-gradient(to bottom, #80b500, #618803);
	border-radius: 2.5px;
}

.product-card {
	height: 100%;
	border: 1px solid #e5e5e5;
	border-radius: 10px;
	background: #fff;
	padding: 15px;
	text-align: center;
	transition: all 0.3s ease;
}

.product-card img {
	width: 100%;
	/* height: 180px; */
	object-fit: cover;
	border-radius: 6px;
	margin-bottom: 12px;
}

.product-card h4 {
	font-size: 1.05rem;
	font-weight: 600;
	margin-bottom: 6px;
}

.product-card h4 a {
	color: #444;
	font-size: 18px;
}

.product-card:hover h4 a {
	color: #80b500;
}

.product-card p {
	font-size: 0.9rem;
	color: #666;
	line-height: 1.5;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
}

.product-card:hover {
	box-shadow: 0 8px 22px rgba(0, 0, 0, 0.12);
	transform: translateY(-4px);
}

/* 调整左右按钮 */
.carousel-control-prev,
.carousel-control-next {
	width: 5%;
}



.construction-services .services-nav {
	width: 100%;
	box-shadow: rgba(0, 0, 0, .35) 0 5px 15px;
	padding: 5px 17px;
	background: #fff;
	border-left: 5px solid #990d16
}

.construction-services .services-nav ul li button {
	font-size: 18px;
	text-transform: uppercase;
	color: #111;
	font-weight: 500;
	font-family: Poppins;
	border-bottom: 1px solid #e1e1e1;
	padding-left: 0;
	padding-top: 18px;
	padding-bottom: 18px
}

.construction-services .services-nav ul li button.nav-link.active {
	background-color: transparent;
	color: #111;
	font-weight: 700;
	border-bottom: 3px solid
}

.construction-services .services-nav ul li,
.construction-services .services-nav ul li button {
	width: 100%;
	text-align: left
}

.construction-services .services-nav ul li button.nav-link.active {
	border-color: #80b500;
}

.construction-services .services-nav {
	width: 100%;
	box-shadow: rgba(0, 0, 0, .35) 0 5px 15px;
	padding: 5px 17px;
	background: #fff;
	border-left: 5px solid #80b500;
}


.services-nav {
	position: sticky;
	top: 30px;
}

.news-wrap-rule {
	height: 120px;
	overflow: hidden;
	position: relative;
	cursor: grab;
}

.news-wrap-rule {
	border-left-color: 2px solid #80B500;
}

.pic-list {
	list-style: none;
	margin-bottom: 30px;
	will-change: transform;
	/* box-shadow: 0 0 30px rgba(39,23,23,.1);
		padding: 40px;
			background-color: #fff; */


}

.pic-list li {
	padding: 5px 0;
	position: relative;
	padding-left: 23px;
}

.pic-list li::before {
	content: '\25C8';
	font-family: 'iconfont';
	font-size: 24px;
	color: #80B500;
	position: absolute;
	left: 0;
	top: -5px;
}


.pic-list a {
	color: #717171;
	text-decoration: none;
	font-weight: 300;
}

.pic-list a:hover {
	color: #c00000;
}

.related-list li .related-list-item {
	/* float: left; */
	background: #fff;
	/* width: 31%;
	  margin-right: 2%; */
	padding-bottom: 80px;
	margin-bottom: 30px;
	position: relative;
	border-radius: 20px;
	box-shadow: 0 0 30px rgba(39, 23, 23, .1);
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	transition: all .3s ease-out
}

.related-list li i {
	padding-right: 10px;
	color: #80B500;

}

.related-list li span {
	display: block;

	padding: 15px;
}

.related-list li img {
	width: 100%;
}

.related-list li h4 {
	padding: 10px 15px;

}

.related-list li h4 a {
	color: #444;
}

.related-list li p {
	/* 	margin-bottom: 45px; */
	padding: 0 15px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
}

.related-list li .more {
	position: absolute;
	right: -20px;
	bottom: -15px;
	color: #80B500;
}

.related-list li:hover .more {
	-webkit-animation: bounce 1s both;
	-moz-animation: bounce 1s both;
	-o-animation: bounce 1s both;
	animation: bounce 1s both
}

@media screen and (max-width: 1024px) {
	.related-list li .more {
		width: 150px;
	}
}

@media screen and (max-width: 768px) {
	.related-list li .more {
		right: 0px;
	}
}

.related-list-item:hover h4 a {
	color: #80B500;
}

/* 自定义导航样式 */
/* .nav-pills {
	flex-direction: column;
	gap: 10px;
}

.nav-pills .nav-link {
	text-align: left;
	padding: 18px 25px;
	font-size: 1.1rem;
	font-weight: 600;
	color: #2c3e50;
	background-color: #f8f9fa;
	border-radius: 8px;
	border: 2px solid transparent;
	transition: all 0.3s ease;
	margin-bottom: 8px;
	position: relative;
	overflow: hidden;
}

.nav-pills .nav-link:hover {
	background-color: #e9ecef;
	border-color: #dee2e6;
	transform: translateX(5px);
}

.nav-pills .nav-link.active {
	background-color: #3498db;
	color: white;
	border-color: #2980b9;
	transform: translateX(5px);
	box-shadow: 0 5px 15px rgba(52, 152, 219, 0.3);
}

.nav-pills .nav-link.active::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 5px;
	background-color: #1a5276;
} */

/* 标签页内容样式 */
.construction-services .tab-content>.tab-pane {
	position: relative;
}

.construction-services .tab-content>.tab-pane figure figcaption {
	width: 460px;
	/* height: 240px; */
	background: #2b292982;
	display: grid;
	justify-items: flex-start;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 23px 40px;
	color: #fff;
	margin-bottom: 15px;
	font-size: 22px;
	font-weight: 700;
	font-family: Poppins;
}

.construction-services .tab-content>.tab-pane figure {
	margin: 0;
}

figure figcaption .process {
	color: #fff;
	margin-bottom: 15px;
	font-size: 22px;
	font-weight: 700;
	font-family: Poppins
}

.construction-services .tab-content>.tab-pane figure figcaption p {
	color: #dddcdc
}

.prd-page p {
	font-family: Poppins;
	font-size: 16px;
	line-height: 30px;
	color: #444;
	font-weight: 400;
	margin-bottom: 30px;
	padding-right: 45px;
}


@media only screen and (min-width: 991px) and (max-width: 1200px) {
	.construction-services .tab-content>.tab-pane figure figcaption {
		width: 100%;
	}
}

/* .tab-content {
	border-left: 1px solid #e9ecef;
	padding-left: 40px;
}

.tab-pane {
	animation: fadeIn 0.5s ease;
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.tab-pane figure {
	position: relative;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

.tab-pane img {
	width: 100%;
	height: 375px;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.tab-pane figure:hover img {
	transform: scale(1.03);
}

.tab-pane figcaption {
	padding: 25px;
	background-color: #f8f9fa;
	border-top: 3px solid #3498db;
}

.tab-pane .process {
	font-size: 1.8rem;
	font-weight: 700;
	color: #2c3e50;
	margin-bottom: 15px;
	position: relative;
	display: inline-block;
}

.tab-pane .process::after {
	content: '';
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 50px;
	height: 3px;
	background-color: #3498db;
}

.tab-pane p {
	font-size: 1.1rem;
	color: #5a6c7d;
	line-height: 1.7;
}
 */
/* 响应式调整 */
@media (max-width: 992px) {
	.services-nav {
		position: static;
		margin-bottom: 30px;
	}

	.tab-content {
		border-left: none;
		padding-left: 0;
		border-top: 1px solid #e9ecef;
		padding-top: 30px;
	}

	.nav-pills .nav-link:hover,
	.nav-pills .nav-link.active {
		transform: translateY(-3px);
	}
}

@media (max-width: 768px) {
	.construction-services {
		padding: 25px 20px;
	}

	.nav-pills .nav-link {
		padding: 15px 20px;
		font-size: 1rem;
	}

	.tab-pane figcaption {
		padding: 20px;
	}

	.tab-pane .process {
		font-size: 1.5rem;
	}

	.tab-pane p {
		font-size: 1rem;
	}
}

/* 标题样式 */
.section-title {
	text-align: center;
	margin-bottom: 40px;
	color: #2c3e50;
}

.section-title h2 {
	font-size: 2.5rem;
	font-weight: 700;
	margin-bottom: 15px;
	position: relative;
	display: inline-block;
}

.section-title h2::after {
	content: '';
	position: absolute;
	bottom: -10px;
	left: 50%;
	transform: translateX(-50%);
	width: 80px;
	height: 4px;
	background-color: #3498db;
	border-radius: 2px;
}

.section-title p {
	font-size: 1.2rem;
	color: #7f8c8d;
	max-width: 800px;
	margin: 0 auto;
}

/* 指示器 */
.process-indicator {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 40px;
	padding-top: 20px;
	border-top: 1px solid #e9ecef;
}

.indicator-text {
	background-color: #f8f9fa;
	padding: 10px 25px;
	border-radius: 50px;
	font-weight: 600;
	color: #2c3e50;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
}

.current-process {
	color: #3498db;
	font-weight: 700;
}



/* application */

.application-item {
	background: #FFFFFF;
	border-radius: 20px;
	overflow: hidden;
	padding: 4px;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
	position: relative;
	margin-bottom: 30px;
}

.application-item img {
	border-radius: 18px;
	width: 100%;
}

.application-item p {
	width: 79.2%;
	background: #fff;
	padding: 4px;
	border-radius: 50px 0 30px 50px;
	position: absolute;
	right: 0;
	bottom: 0;
	box-shadow: 0 -5px 13px rgba(0, 0, 0, .6);
	transition: all ease .3s;
}

.application-item p a {
	font-size: 18px;
	color: #666;
	font-weight: 700;
	text-align: center;
	line-height: 30px;
	border: 1px solid #80B500;
	border-radius: 50px 0 30px 50px;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding: 11px 5%
}

.application-item:hover p,
.application-item:hover p a {
	width: 100%;
	border-radius: 0 0 20px 20px;
	white-space: normal;
}


.location li {
	display: inline-block;
}

.location li,
.location a {
	font-size: 16px;
	color: #666666;
}

.location li a::after {
	content: "";
	width: 9px;
	height: 12px;
	background: url(../images/icon-mbx.png) center no-repeat;
	background-size: auto;
	background-size: 100%;
	display: inline-block;
	margin: 0 10px;
}

.alpage1 {
	background: url(../images/application-bg.jpg) repeat;
	overflow: hidden;
	padding-bottom: 45px;
}

.alpage1 .fl {
	padding: 30px 0 0 10.6%;

}

.alpage1 .fl dl {
	margin: 27px 0 0;
}

.alpage1 .fl dd {
	width: 66.39%;
	float: left;
	padding: 10px 2% 0 0;
}

.alpage1 .fl dd h1 {
	    font-size: 32px;
    color: #80b500;
    font-weight: bold;
    line-height: 35px;
    -webkit-text-stroke: 1px #ffffff;
}

.alpage1 .fl dd .cs {
	margin: 20px 0;
}

.alpage1 .fl dd .cs p {
	font-size: 14px;
	color: #ffffff;
	line-height: 38px;
	margin: 5px 0;
	padding-left: 34px;
	position: relative;
}

.alpage1 .fl dd .cs p:before,
.alpage1 .fl dd .tel:before {
	content: "";
	width: 8px;
	height: 8px;
	background: #80b500;
	border-radius: 50%;
	display: block;
	position: absolute;
	left: 0;
	top: 15px;
}

.alpage1 .fl dd .cs p strong {
	color: #80b500;
}

.alpage1 .fl dd .tel {
	font-size: 15px;
	color: #999999;
	font-weight: bold;
	padding-left: 34px;
	margin-bottom: 30px;
	position: relative;
}

.alpage1 .fl dd .tel:before {
	top: 12px;
}

.alpage1 .fl dd .tel strong {
	font-size: 18px;
	color: #80b500;
}

.alpage1 .fl dt {
	width: 33.61%;
	background: #eeeeee;
	float: right;
	text-align: center;
	border-radius: 25px 0 0 25px;
	overflow: hidden;
}

.alpage1 .fl dt .tit {
	font-size: 16px;
	color: #80b500;
	font-weight: bold;
	line-height: 20px;
	background: url(../images/alpz-tit.png) left center no-repeat;
	display: inline-block;
	padding-left: 32px;
}

.alpage1 .fl dt ul {
	border-top: 6px solid #80b500;
	padding: 35px 0;
	box-shadow: 0 11px 44px rgba(0, 0, 0, 0.44);
}

.alpage1 .fl dt ul li:before {
	content: "";
	width: 19px;
	height: 18px;
	background: url(../images/alpz-cpzs.png) no-repeat;
	display: block;
	margin: 15px auto;
}

.alpage1 .fl dt ul li:first-child:before {
	display: none;
}

.alpage1 .fl dt ul li p a {
	font-size: 14px;
	color: #666666;
}

.alpage1 .fl dt ul li p {
	margin-top: 5px;
}

.alpage1 .fl dt ul li img {
	width: 60%;
}

/* .alpage1 .fr {background:#fff;} */
.alpage1 .fr img {
	width: 100%;
}

@media (max-width:980px) {
	.alpage1 {
		display: none;
	}

}

@media (min-width:980px) {
	.application-banner {
		display: none;
	}
}


.alpage1 .fl dd .btn-hover {
	width: 220px;
	height: 54px;
	font-size: 18px;
	line-height: 45px;
	background: #80b500;
	outline: none !important;
	border: 4px solid #e4ffa4;
	-webkit-border-radius: 100px;
	font-size: 20px;
	color: #ffffff;
	font-weight: bold;
	line-height: 54px;
	text-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
	padding: 0 20px;
	display: block;
	box-shadow: 0 6px 0 #80b500, 0 0 6px rgba(0, 0, 0, 0.1) inset;
	overflow: hidden;
	position: relative;
	transition: all 0.8s ease;
}

.alpage1 .fl dd .btn-hover::before {
	content: "";
	display: block;
	position: absolute;
	left: -100%;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: -webkit-linear-gradient(0deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, 0));
	transform: skewx(-25deg);
	-o-transform: skewx(-25deg);
	-moz-transform: skewx(-25deg);
	-webkit-transform: skewx(-25deg);
	transition: all 0.8s ease;
	opacity: 0.8;
}

.alpage1 .fl dd .btn-hover::after {
	content: "";
	width: 14px;
	height: 24px;
	background: url(../images/btn-jt.png) center no-repeat;
	background-size: auto;
	background-size: 100%;
	display: block;
	position: absolute;
	right: 28px;
	top: 50%;
	margin-top: -8px;
}

.application-section h2,
.application-section h3 {
	padding: 10px 0;
}

.application-section p {
	letter-spacing: 0.5px;
	font-size: 18px;
	margin: 10px 0;
}

.application-section p strong{
	color:#81b701;
}

.application-section img {
	width: 100%;
	padding: 10px 0;
}

.application-section h3 {
	font-size: 24px;
	position: relative;
    display: inline-block;        
    font-size: 1.8rem;
    font-weight: 600;
    color: #1e2b3c;
    letter-spacing: -0.01em;
    line-height: 1.3;
    padding-right: 2.4rem;        
    margin-bottom: 1.2rem;        
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
}
.application-section h3:after {
    content: " »";              
    position: absolute;
    right: 0;                    
    top: 50%;
    transform: translateY(-50%);
    font-size: 2.4rem;           
    font-weight: 500;
    color: #81b701;             
    letter-spacing: 0.1em;      
    opacity: 0.9;
    transition: all 0.2s ease;
    white-space: nowrap;        
} 

.application-section h3::before {
    content: "";
    position: absolute;
    left: -12px;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 28px;
    background: #81b701;
    border-radius: 4px;
    opacity: 0.85;
}


.application-section h2 {
	font-size: 30px;
	color: #3a4a64;
	line-height: 40px;
	margin-bottom: 30px;
	padding-left: 46px;
	background: url(../images/app-icon.png) no-repeat left 10px;
}

.related-case {
	width: 100%;
	background: url(../images/bg-zs.jpg) repeat;
	padding: 80px 0 60px;
}

.case-tit {
	margin-bottom: -18px;
	width: 180px;
	height: 74px;
	border-radius: 20px 20px 0 0;
	background: #ffffff;
	box-shadow: 0 0 5px #a7a7a7;
}

.case-tit h4 {
	color: #df571e;
	text-align: center;
	font-weight: 700;
	font-size: 20px;
	line-height: 40px;
}

.case-fl li {
	position: relative;
	float: left;
	overflow: hidden;
	margin-left: 3%;
	padding: 10px;
	width: 31.33%;
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 2px 5px #a7a7a7;
}

.case-fl li:first-child {
	margin-left: 0;
}

.case-fl li img {
	border-radius: 10px;
	width: 100%;
}

.case-fl li p {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
	overflow: hidden;
	margin: 10px;
	border-radius: 10px;
}

.case-fl li p a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 65% 2% 0;
	color: #fff;
	text-align: center;
	font-size: 16px;
	line-height: 24px;
	transition: all ease .5s;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.case-fl li p a:before {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
	display: block;
	width: 100%;
	height: 80px;
	background-image: linear-gradient(rgba(0, 0, 0, 0), #000);
	content: "";
}

.case-fl li:hover p a {
	padding: 30% 5% 0;
	background: rgba(0, 0, 0, .8);
	font-weight: 700;
	font-size: 20px;
	line-height: 30px;
	white-space: normal;
}

.case-fr div {
	margin-top: 55px;
	padding: 45px 30px 30px 30px;
	border-radius: 20px;
	background: url(../images/cppage-bg.jpg) repeat;
	box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);
}

.case-fr h4 {
	display: inline-block;
	margin-bottom: 15px;
	color: #80B500;
	font-weight: 700;
	font-size: 24px;
}

.case-fr ul li a {
	position: relative;
	display: block;
	padding: 20px 15px 20px 15px;
	font-size: 16px;
	color: #fff;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.case-fr ul li a::after {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -5px;
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #df571e;
	content: "";
}



/* FAQ Container */
.faq-section {
    max-width: 1100px;
    margin: 60px auto;
    padding: 20px;
}

.faq-title {
    text-align: center;
    margin-bottom: 40px;
}

.faq-title h1 {
    font-size: 36px;
    color: #1a1a1a;
    margin-bottom: 10px;
}

.faq-title p {
    color: #666;
    font-size: 16px;
}


/* FAQ Item */
.faq-item {
    background: #ffffff;
    margin-bottom: 18px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0,0,0,0.08);
}


/* Question */
.faq-question {
    width: 100%;
    padding: 20px 25px;
    background: #fff;
    border: none;
    text-align: left;
    font-size: 18px;
    font-weight: 600;
    color: #222;
    cursor: pointer;
    position: relative;
}


.faq-question::after {
    content: "+";
    position: absolute;
    right: 25px;
    font-size: 26px;
    color: #80B500;
}


.faq-question.active::after {
    content: "-";
}


/* Answer */
.faq-answer {
    display: none;
    padding: 0 25px 22px;
    color: #555;
    font-size: 15px;
}


.faq-answer p {
    margin-top: 15px;
}


/* Hover */
.faq-question:hover {
    color: #80B500;
}


/* Responsive */
@media(max-width:768px){

    .faq-title h1{
        font-size:28px;
    }

    .faq-question{
        font-size:16px;
        padding:18px;
    }

    .faq-answer{
        padding:0 18px 20px;
    }

}


/*page*/
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

.pagination>li {
    display: inline
}

.pagination>li>a,.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #428bca;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd
}

.pagination>li:first-child>a,.pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.pagination>li:last-child>a,.pagination>li:last-child>span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus {
    color: #2a6496;
    background-color: #eee;
    border-color: #ddd
}

.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #428bca;
    border-color: #428bca
}

.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd
}

.pagination-lg>li>a,.pagination-lg>li>span {
    padding: 10px 16px;
    font-size: 18px
}

.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.pagination-sm>li>a,.pagination-sm>li>span {
    padding: 5px 10px;
    font-size: 12px
}

.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

img{max-width: 100%;}
table{width: 100%!important;}

.language-selector {
position: relative;
display: inline-block;
margin-left: 20px;
}      
.language-selector input[type="checkbox"] {
display: none;
}
.language-btn {
display: flex;
align-items: center;
gap: 8px;
padding: 0 7px;
border: 2px solid #80B500;
border-radius: 2rem;
background: transparent;
cursor: pointer;
font-weight: 500;
color: #fff;
font-size: 18px;
transition: all 0.3s ease;
font-family: 'Barlow', sans-serif;
}
.language-btn:hover {
background: #80B500;
color: #222;
}
.language-btn i {
font-size: 12px;
transition: transform 0.3s ease;
}        
.language-selector input[type="checkbox"]:checked ~ .language-btn i {
transform: rotate(180deg);
}
.language-dropdown {
position: absolute;
top: 100%;
right: 0;
background: #80B500;
border-radius: 5px;
margin-top: 2px;
opacity: 0;
visibility: hidden;
transform: translateY(-10px);
transition: all 0.3s ease;
z-index: 9999;
box-shadow: 0 1rem 2.5rem rgba(0,0,0,.16);
pointer-events: none;
}        
.language-selector input[type="checkbox"]:checked ~ .language-dropdown {
opacity: 1;
visibility: visible;
transform: translateY(0);
pointer-events: auto;
}

.language-dropdown a {
display: block;
padding: 2px 12px;
text-decoration: none;
color: #fff;
border-bottom: 1px solid rgba(0,0,0,0.1);
font-size: 16px;
font-weight: 500;
font-family: 'Barlow', sans-serif;
transition: all 0.2s ease;
}
.language-dropdown a:last-child {
border-bottom: none;
}       
@media (min-width: 769px) {
.language-selector:hover .language-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

.language-selector input[type="checkbox"] {
    display: none !important;
}

.language-btn:hover i {
    transform: rotate(180deg);
}
}        
@media (max-width: 768px) {
.language-selector input[type="checkbox"]:checked ~ .language-btn {
    background: #ffd732;
}
}