/* Fonts */
:root {
	--default-font: "Poppins", sans-serif;
	--heading-font: "Poppins", sans-serif;
	--nav-font: "Poppins", sans-serif;
}

/* Global Colors - The following color variables are used throughout the website. Updating them here will change the color scheme of the entire website */
:root {
	--background-color: #ffffff; /* Background color for the entire website, including individual sections */
	--default-color: #1a1f24; /* Default color used for the majority of the text content across the entire website */
	--heading-color: #485664; /* Color for headings, subheadings and title throughout the website */
	--accent-color: #0ea2bd; /* Accent color that represents your brand on the website. It's used for buttons, links, and other elements that need to stand out */
	--surface-color: #ffffff; /* The surface color is used as a background of boxed elements within sections, such as cards, icon boxes, or other elements that require a visual separation from the global background. */
	--contrast-color: #ffffff; /* Contrast color for text, ensuring readability against backgrounds of accent, heading, or default colors. */
}

/* Nav Menu Colors - The following color variables are used specifically for the navigation menu. They are separate from the global colors to allow for more customization options */
:root {
	--nav-color: #485664; /* The default color of the main navmenu links */
	--nav-hover-color: #0ea2bd; /* Applied to main navmenu links when they are hovered over or active */
	--nav-mobile-background-color: #ffffff; /* Used as the background color for mobile navigation menu */
	--nav-dropdown-background-color: #ffffff; /* Used as the background color for dropdown items that appear when hovering over primary navigation items */
	--nav-dropdown-color: #485664; /* Used for navigation links of the dropdown items in the navigation menu. */
	--nav-dropdown-hover-color: #0ea2bd; /* Similar to --nav-hover-color, this color is applied to dropdown navigation links when they are hovered over. */
}

/* Color Presets - These classes override global colors when applied to any section or element, providing reuse of the sam color scheme. */

.light-background {
	--background-color: #eef0f2;
	--surface-color: #ffffff;
}

.dark-background {
	--background-color: #01690a;
	--default-color: #ffffff;
	--heading-color: #ffffff;
	--surface-color: #ffffff;
	--contrast-color: #ffffff;
}

/* Smooth scroll */
:root {
	scroll-behavior: smooth;
}

/*--------------------------------------------------------------
# General Styling & Shared Classes
--------------------------------------------------------------*/
body {
	color: var(--default-color);
	background-color: var(--background-color);
	font-family: var(--default-font);
	font-size: 16px !important;
}

a {
	color: var(--accent-color);
	text-decoration: none;
	transition: 0.3s;
}

	a:hover {
		color: color-mix(in srgb, var(--accent-color), transparent 25%);
		text-decoration: none;
	}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #000000;
	font-family: var(--heading-font);
}

/* Pulsating Play Button
------------------------------*/
.pulsating-play-btn {
	width: 94px;
	height: 94px;
	background: radial-gradient(var(--accent-color) 50%, color-mix(in srgb, var(--accent-color), transparent 75%) 52%);
	border-radius: 50%;
	display: block;
	position: relative;
	overflow: hidden;
}
p {
	font-size: 16px !important;
	line-height: 24px !important;
}
	.pulsating-play-btn:before {
		content: "";
		position: absolute;
		width: 120px;
		height: 120px;
		animation-delay: 0s;
		animation: pulsate-play-btn 2s;
		animation-direction: forwards;
		animation-iteration-count: infinite;
		animation-timing-function: steps;
		opacity: 1;
		border-radius: 50%;
		border: 5px solid color-mix(in srgb, var(--accent-color), transparent 30%);
		top: -15%;
		left: -15%;
		background: rgba(198, 16, 0, 0);
	}

	.pulsating-play-btn:after {
		content: "";
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translateX(-40%) translateY(-50%);
		width: 0;
		height: 0;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-left: 15px solid #fff;
		z-index: 100;
		transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}

	.pulsating-play-btn:hover:before {
		content: "";
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translateX(-40%) translateY(-50%);
		width: 0;
		height: 0;
		border: none;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-left: 15px solid #fff;
		z-index: 200;
		animation: none;
		border-radius: 0;
	}

	.pulsating-play-btn:hover:after {
		border-left: 15px solid var(--accent-color);
		transform: scale(20);
	}

@keyframes pulsate-play-btn {
	0% {
		transform: scale(0.6, 0.6);
		opacity: 1;
	}

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


/*--------------------------------------------------------------
# Global Header
--------------------------------------------------------------*/
.header {
	color: var(--default-color);
	background-color: var(--background-color);
	/*padding: 0px 0 9px;*/
	transition: all 0.5s;
	z-index: 997;
}

	.header .logo {
		line-height: 1;
	}

		.header .logo img {
			/* max-height: 36px; */
			/* margin-right: 8px; */
			/*margin-left: 20px;
			*/
		}

		.header .logo h1 {
			font-size: 32px;
			font-weight: 300;
			margin: 0;
			color: var(--heading-color);
		}

		.header .logo span {
			color: var(--accent-color);
			font-weight: 400;
			font-size: 34px;
			margin-left: 2px;
		}

	.header .btn-getstarted,
	.header .btn-getstarted:focus {
		color: var(--contrast-color);
		background: var(--accent-color);
		font-size:16px;
		padding: 8px 26px;
		margin: 0;
		border-radius: 4px;
		transition: 0.3s;
	}

		.header .btn-getstarted:hover,
		.header .btn-getstarted:focus:hover {
			color: var(--contrast-color);
			background: color-mix(in srgb, var(--accent-color), transparent 15%);
		}

li.nav-item.dropdown .dropdown-menu.show {
	z-index: 99999999;
}

@media (max-width: 1200px) {
	.header .logo {
		order: 0;
	}

		.header .logo h1 {
			width: auto !important;
			padding-top: 5px;
			padding-bottom: 10px;
		}

	.header {
		padding: 10px 0 !important;
	}

	.container-fluid {
		padding-right: 10px !important;
		padding-left: 10px !important;
	}

	.heading .d-flex {
		display: block !important;
	}

	.date .d-flex {
		display: block !important;
	}

	.textcont .d-flex {
		display: block !important;
		text-align: justify;
	}

	.col-lg-12 .d-flex {
		display: block !important;
	}

	.post1 {
		width: 100% !important;
		display: block !important;
	}

	.post2 {
		width: 100% !important;
		display: block !important;
	}

	.marketnws {
		width: 100% !important;
	}

	.srchtexbox {
		margin-left: 0px;
	}

	.tblcls {
		width: 100% !important;
	}

	#lang {
		display: none !important;
	}

	.nav-tabs {
		width: 100% !important;
	}

	.features .nav-link {
		margin-top: 15px !important;
	}

	.rlogo {
		width: 100px !important;
	}

	/* .sitname img{ */
	/* display:none!important; */
	/* } */

	.header .btn-getstarted {
		order: 2;
		margin: 0 15px 0 0;
		padding: 6px 20px;
	}

	.header .navmenu {
		order: 3;
	}
}

.scrolled .header {
	box-shadow: 0px 0 18px rgba(0, 0, 0, 0.1);
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Desktop Navigation */
@media (min-width: 1200px) {
	.navmenu {
		padding: 0;
	}

		.navmenu ul {
			margin: 0;
			padding: 0;
			display: flex;
			list-style: none;
			align-items: center;
		}

		.navmenu li {
			position: relative;
		}

		.navmenu > ul > li {
			white-space: nowrap;
			/* padding: 8px 29px; */
		}

			.navmenu > ul > li:last-child {
				padding-right: 0;
			}

		.navmenu a,
		.navmenu a:focus {
			color: #ffffff;
			font-size: 15px;
			padding: 0 2px;
			font-family: var(--nav-font);
			font-weight: 400;
			display: flex;
			align-items: center;
			justify-content: space-between;
			white-space: nowrap;
			transition: 0.3s;
			position: relative;
		}

			.navmenu a i,
			.navmenu a:focus i {
				font-size: 12px;
				line-height: 0;
				margin-left: 5px;
				transition: 0.3s;
			}

		.navmenu > ul > li > a:before {
			content: "";
			position: absolute;
			width: 100%;
			height: 2px;
			bottom: -6px;
			left: 0;
			background-color: #0ea2bd00;
			visibility: hidden;
			width: 0px;
		}

		.navmenu a:hover:before,
		.navmenu li:hover > a:before,
		.navmenu .active:before {
			visibility: visible;
			width: 100%;
		}

		.navmenu li:hover > a,
		.navmenu .active,
		.navmenu .active:focus {
		}

		.navmenu .dropdown ul {
			margin: 0;
			padding: 10px 0;
			background: var(--nav-dropdown-background-color);
			display: block;
			position: absolute;
			visibility: hidden;
			/*left: 14px;*/
			top: 130%;
			opacity: 0;
			/*transition: 0.3s;*/
			border-radius: 4px;
			z-index: 99;
			box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
			border: 1px solid #000000;
			padding: 5px;
		}

			.navmenu .dropdown ul li {
				min-width: 100%;
			}

			.navmenu .dropdown ul a {
				padding: 10px 20px;
				font-size: 18px;
				text-transform: none;
				color: #000000 !important;
				font-weight: 400;
			}

				.navmenu .dropdown ul a i {
					font-size: 12px;
				}

				.navmenu .dropdown ul a:hover, .navmenu .dropdown ul .active:hover, .navmenu .dropdown ul li:hover > a {
					color: #ffffff !important;
					background: #415F27;
					border-radius: 4px;
				}

		.navmenu li:hover > a,
		.navmenu .active,
		.navmenu .active:focus {
			color: #ffde3e;
		}

		.navmenu .dropdown:hover > ul {
			opacity: 1;
			top: 100%;
			visibility: visible;
		}

		.navmenu .dropdown .dropdown ul {
			top: 0;
			left: -90%;
			visibility: hidden;
		}

		.navmenu .dropdown .dropdown:hover > ul {
			opacity: 1;
			top: 0;
			left: -100%;
			visibility: visible;
		}
}

/* Mobile Navigation */
@media (max-width: 1199px) {

	#nav-bar ul {
		width: 90% !important;
	}

	#nav-bar li {
		float: none !important;
		display: block !important;
	}

		#nav-bar li a {
			color: #000000 !important;
			font-size: 16px !important;
			display: flex !important;
		}

	#navlft {
		margin-left: 0px !important;
	}


	.mobile-nav-toggle {
		color: var(--nav-color);
		font-size: 28px;
		line-height: 0;
		margin-right: 10px;
		cursor: pointer;
		transition: color 0.3s;
	}

	.navmenu {
		padding: 0;
		z-index: 9997;
	}

	.navmenu {
		background: #4b693100 !important;
	}

		.navmenu ul {
			display: none;
			position: absolute;
			inset: 60px 20px 20px 20px;
			padding: 10px 0;
			margin: 0;
			border-radius: 6px;
			background-color: var(--nav-mobile-background-color);
			border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
			box-shadow: none;
			overflow-y: auto;
			transition: 0.3s;
			z-index: 9998;
		}

		.navmenu a,
		.navmenu a:focus {
			color: var(--nav-dropdown-color);
			padding: 10px 20px;
			font-family: var(--nav-font);
			font-size: 17px;
			font-weight: 500;
			display: flex;
			align-items: center;
			justify-content: space-between;
			white-space: nowrap;
			transition: 0.3s;
		}

			.navmenu a i,
			.navmenu a:focus i {
				font-size: 12px;
				line-height: 0;
				margin-left: 5px;
				width: 30px;
				height: 30px;
				display: flex;
				align-items: center;
				justify-content: center;
				border-radius: 50%;
				transition: 0.3s;
				background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
			}

				.navmenu a i:hover,
				.navmenu a:focus i:hover {
					background-color: var(--accent-color);
					color: var(--contrast-color);
				}

			.navmenu a:hover,
			.navmenu .active,
			.navmenu .active:focus {
				color: var(--nav-dropdown-hover-color);
			}

				.navmenu .active i,
				.navmenu .active:focus i {
					background-color: var(--accent-color);
					color: var(--contrast-color);
					transform: rotate(180deg);
				}

		.navmenu .dropdown ul {
			position: static;
			display: none;
			z-index: 99;
			padding: 10px 0;
			margin: 10px 20px;
			background-color: var(--nav-dropdown-background-color);
			transition: all 0s ease-in-out;
		}

			.navmenu .dropdown ul ul {
				background-color: rgba(33, 37, 41, 0.1);
			}

		.navmenu .dropdown > .dropdown-active {
			display: block;
			background-color: rgba(33, 37, 41, 0.03);
		}

	.mobile-nav-active {
		overflow: hidden;
	}

		.mobile-nav-active .mobile-nav-toggle {
			color: #fff;
			position: absolute;
			font-size: 32px;
			top: 15px;
			right: 15px;
			margin-right: 0;
			z-index: 9999;
		}

		.mobile-nav-active .navmenu {
			position: fixed;
			overflow: hidden;
			inset: 0;
			background: rgba(33, 37, 41, 0.8) !important;
			transition: 0.3s;
		}

			.mobile-nav-active .navmenu > ul {
				display: block;
			}
}

/*--------------------------------------------------------------
# Global Footer
--------------------------------------------------------------*/
.footer {
	color: #54713b;
	background-color: #01690a!important;
	*/ font-size:16px;
	position: relative;
}

	.footer .footer-top {
		background-color: color-mix(in srgb, var(--background-color), white 5%);
		padding-top: 20px;
	}

	.footer .footer-about .logo {
		line-height: 1;
		/* margin-bottom: 25px; */
	}

		.footer .footer-about .logo img {
			/* max-height: 40px; */
			/* margin-right: 6px; */
		}

		.footer .footer-about .logo span {
			color: var(--heading-color);
			font-family: var(--heading-font);
			font-size: 26px;
			font-weight: 700;
			letter-spacing: 1px;
			border-radius: 10%;
			border: 1px solid #fff;
			background-color: white;
		}

	.footer .footer-about p {
		font-size:16px;
		font-family: var(--heading-font);
	}

	.footer h4 {
		font-size: 20px;
		font-weight: 600;
		position: relative;
		padding-bottom: 12px;
		margin-bottom: 15px;
	}

		.footer h4::after {
			content: "";
			position: absolute;
			display: block;
			width: 20px;
			height: 2px;
			background: #0ea2bd00;
			bottom: 0;
			left: 0;
		}

	.footer .footer-links {
		margin-bottom: 30px;
		color: #ffffff;
		font-size: 16px;
		font-weight: 400;
		padding-top: 40px;
		padding-bottom: 60px;
	}

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

.footerbgimg {
	background-image: url(../../assets/img/footerbg.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	margin-bottom: 0px !important;
}

.footer .footer-links ul i {
	padding-right: 2px;
	font-size: 12px;
	line-height: 0;
}

.footer .footer-links ul li {
	padding: 10px 0;
	display: flex;
	align-items: center;
}

	.footer .footer-links ul li:first-child {
		padding-top: 0;
	}

.footer .footer-links a i {
	color: #ffff;
	font-size: 25px;
	padding-right: 10px;
}

.footer .footer-links ul a {
	color: color-mix(in srgb, var(--default-color), transparent 30%);
	display: inline-block;
	line-height: 1;
}

.footer .footer-links h4 {
	color: #ffffff !important;
}

.footer .footer-links ul a:hover {
	color: var(--accent-color);
}

.footer .footer-contact p {
	margin-bottom: 5px;
}

.footer .copyright {
	padding: 5px 0;
	font-weight: 600;
	font-size:16px
}

	.footer .copyright p {
		margin-bottom: 0;
	}

.footer .credits {
	margin-top: 5px;
	font-size:16px;
}

.footer .social-links a {
	font-size:16px;
	display: inline-block;
	/* background: 
color-mix(in srgb, var(--default-color), transparent 90%); */
	color: #54713b;
	line-height: 1;
	padding: 8px 0;
	margin-right: 4px;
	border-radius: 4px;
	text-align: center;
	/* width: 36px; */
	/* height: 36px; */
	transition: 0.3s;
	font-weight: 600;
}

	.footer .social-links a:hover {
		text-decoration: none;
	}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
	position: fixed;
	inset: 0;
	z-index: 9999;
	overflow: hidden;
	background-color: var(--background-color);
	transition: all 0.6s ease-out;
	width: 100%;
	height: 100vh;
}

	#preloader:before,
	#preloader:after {
		content: "";
		position: absolute;
		border: 4px solid var(--accent-color);
		border-radius: 50%;
		animation: animate-preloader 2s cubic-bezier(0, 0.2, 0.8, 1) infinite;
	}

	#preloader:after {
		animation-delay: -0.5s;
	}

@keyframes animate-preloader {
	0% {
		width: 10px;
		height: 10px;
		top: calc(50% - 5px);
		left: calc(50% - 5px);
		opacity: 1;
	}

	100% {
		width: 72px;
		height: 72px;
		top: calc(50% - 36px);
		left: calc(50% - 36px);
		opacity: 0;
	}
}

/*--------------------------------------------------------------
# Scroll Top Button
--------------------------------------------------------------*/
.scroll-top {
	position: fixed;
	visibility: hidden;
	opacity: 0;
	right: 15px;
	bottom: 15px;
	z-index: 99999;
	background-color: var(--accent-color);
	width: 40px;
	height: 40px;
	border-radius: 4px;
	transition: all 0.4s;
}

	.scroll-top i {
		font-size: 24px;
		color: var(--contrast-color);
		line-height: 0;
	}

	.scroll-top:hover {
		background-color: color-mix(in srgb, var(--accent-color), transparent 20%);
		color: var(--contrast-color);
	}

	.scroll-top.active {
		visibility: visible;
		opacity: 1;
	}

/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
	[data-aos-delay] {
		transition-delay: 0 !important;
	}
	.w-25 {
		width: 100% !important;
	}
}

/*--------------------------------------------------------------
# Global Page Titles & Breadcrumbs
--------------------------------------------------------------*/
.page-title {
	--background-color: color-mix(in srgb, var(--default-color), transparent 96%);
	color: var(--default-color);
	background-color: var(--background-color);
	padding: 25px 0;
	position: relative;
}

	.page-title h1 {
		font-size: 28px;
		font-weight: 300;
	}

	.page-title .breadcrumbs ol {
		display: flex;
		flex-wrap: wrap;
		list-style: none;
		padding: 0;
		margin: 0;
		font-size:16px;
	}

		.page-title .breadcrumbs ol li + li {
			padding-left: 10px;
		}

			.page-title .breadcrumbs ol li + li::before {
				content: "/";
				display: inline-block;
				padding-right: 10px;
				color: color-mix(in srgb, var(--default-color), transparent 70%);
			}

/*--------------------------------------------------------------
# Global Sections
--------------------------------------------------------------*/
section,
.section {
	color: var(--default-color);
	background-color: var(--background-color);
	/* padding: 60px 0;*/
	padding: 25px 0;
	scroll-margin-top: 100px;
	overflow: clip;
}

@media (max-width: 1199px) {

	section,
	.section {
		scroll-margin-top: 66px;
	}
}

/*--------------------------------------------------------------
# Global Section Titles
--------------------------------------------------------------*/
.section-title {
	text-align: center;
	padding-bottom: 60px;
	position: relative;
}

	.section-title h2 {
		font-size: 35px;
		font-weight: 300;
		margin-bottom: 15px;
		font-weight: bold;
	}

	.section-title p {
		margin-bottom: 0;
	}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
.hero {
	width: 100%;
	min-height: 50vh;
	position: relative;
	padding: 120px 0 60px 0;
	display: flex;
	align-items: center;
	background: url("../img/hero-bg.png") center center;
	background-size: cover;
}

	.hero h1 {
		margin: 0 0 10px 0;
		font-size: 48px;
		font-weight: 300;
	}

		.hero h1 span {
			color: var(--accent-color);
		}

	.hero p {
		color: color-mix(in srgb, var(--default-color), transparent 30%);
		margin: 5px 0 30px 0;
		font-size: 20px;
		font-weight: 400;
	}

	.hero .btn-get-started {
		color: var(--contrast-color);
		background: var(--accent-color);
		font-family: var(--heading-font);
		font-weight: 400;
		font-size: 15px;
		/* letter-spacing: 1px; */
		display: inline-block;
		padding: 10px 28px;
		border-radius: 4px;
		transition: 0.5s;
	}

		.hero .btn-get-started:hover {
			color: var(--contrast-color);
			background: color-mix(in srgb, var(--accent-color), transparent 15%);
		}

	.hero .btn-watch-video {
		font-size: 16px;
		transition: 0.5s;
		margin-left: 25px;
		color: var(--default-color);
		font-weight: 500;
	}

		.hero .btn-watch-video i {
			color: var(--accent-color);
			font-size: 32px;
			transition: 0.3s;
			line-height: 0;
			margin-right: 8px;
		}

		.hero .btn-watch-video:hover {
			color: var(--accent-color);
		}

			.hero .btn-watch-video:hover i {
				color: color-mix(in srgb, var(--accent-color), transparent 15%);
			}

	.hero .animated {
		margin-bottom: 60px;
		animation: up-down 2s ease-in-out infinite alternate-reverse both;
	}

@media (min-width: 992px) {
	.hero .animated {
		max-width: 45%;
	}
}

@media (max-width: 991px) {
	.hero .animated {
		max-width: 60%;
	}
}

@media (max-width: 575px) {
	.hero .animated {
		max-width: 80%;
	}
}

@media (max-width: 640px) {
	.hero h1 {
		font-size: 28px;
		line-height: 36px;
	}

	.hero p {
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 30px;
	}

	.hero .btn-get-started,
	.hero .btn-watch-video {
		font-size: 13px;
	}
}

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

	100% {
		transform: translateY(-10px);
	}
}

/*--------------------------------------------------------------
# Featured Services Section
--------------------------------------------------------------*/
.featured-services .service-item {
	padding: 50px 30px;
	transition: all ease-in-out 0.4s;
	height: 100%;
}

	.featured-services .service-item .icon {
		margin-bottom: 10px;
	}

		.featured-services .service-item .icon i {
			color: var(--accent-color);
			font-size: 36px;
			transition: 0.3s;
		}

	.featured-services .service-item h4 {
		font-weight: 700;
		margin-bottom: 15px;
		font-size: 20px;
	}

		.featured-services .service-item h4 a {
			color: var(--heading-color);
			transition: ease-in-out 0.3s;
		}

	.featured-services .service-item p {
		line-height: 24px;
		font-size:16px;
		margin-bottom: 0;
	}

	.featured-services .service-item:hover {
		transform: translateY(-10px);
		background-color: var(--surface-color);
		box-shadow: 0px 5px 90px 0px rgba(0, 0, 0, 0.1);
	}

		.featured-services .service-item:hover h4 a {
			color: var(--accent-color);
		}

/*--------------------------------------------------------------
# About Section
--------------------------------------------------------------*/
.about .about-img {
	position: relative;
	margin: 60px 0 0 60px;
}

	.about .about-img:before {
		position: absolute;
		inset: -60px 0 0 -60px;
		content: "";
		background: url("../img/about-bg.png") top left;
		background-repeat: no-repeat;
		z-index: 1;
	}

	.about .about-img img {
		position: relative;
		z-index: 2;
	}

@media (max-width: 575px) {
	.about .about-img {
		margin: 30px 0 0 30px;
	}

		.about .about-img:before {
			inset: -30px 0 0 -30px;
		}

	.navmenu {
		background: #4b693100 !important;
	}

	.logbgfoot {
		position: unset !important;
	}

	.srchdesktop {
		display: none;
	}

	.post1 {
		width: 100% !important;
		display: block !important;
	}

	.buysellborder {
		border: 1px solid #e4e4e4;
		border-radius: 10px;
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.buysellrow img {
		margin: auto !important;
		/* width: auto; */
	}

	.post2 {
		width: 100% !important;
		display: block !important;
	}

	.heading .d-flex {
		display: block !important;
	}

	.searchmob {
		display: block !important;
		width: auto !important;
		margin-bottom: 5px;
	}

	.order-1 {
		order: 2 !important;
	}

	.header {
		padding: 0px 0 !important;
	}
}

.about h3 {
	font-weight: 300;
	font-size: 32px;
	margin-bottom: 20px;
}

@media (max-width: 768px) {
	.about h3 {
		font-size: 28px;
	}
}

.about .nav-pills {
	border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 85%);
}

	.about .nav-pills li + li {
		margin-left: 40px;
	}

.about .nav-link {
	background: none;
	font-size: 18px;
	font-weight: 400;
	color: var(--default-color);
	padding: 12px 0;
	margin-bottom: -2px;
	border-radius: 0;
}

	.about .nav-link.active {
		color: var(--accent-color);
		background: none;
		border-bottom: 3px solid var(--accent-color);
	}

@media (max-width: 575px) {
	.about .nav-link {
		font-size: 16px;
	}
}

.about .tab-content h4 {
	font-size: 18px;
	margin: 0;
	font-weight: 700;
	color: var(--default-color);
}

.about .tab-content i {
	font-size: 22px;
	line-height: 0;
	margin-right: 8px;
	color: var(--accent-color);
}

/*--------------------------------------------------------------
# Clients Section
--------------------------------------------------------------*/
.clients {
	padding: 20px 0;
}

	.clients .client-logo {
		display: flex;
		justify-content: center;
		align-items: center;
		overflow: hidden;
	}

		.clients .client-logo img {
			padding: 20px 40px;
			max-width: 90%;
			transition: 0.3s;
			opacity: 0.5;
			filter: grayscale(100);
		}

			.clients .client-logo img:hover {
				filter: none;
				opacity: 1;
			}

@media (max-width: 640px) {
	.clients .client-logo img {
		padding: 20px;
	}
}

/*--------------------------------------------------------------
# Call To Action Section
--------------------------------------------------------------*/
.call-to-action {
	padding: 0;
}

	.call-to-action .container {
		padding: 80px;
		background: color-mix(in srgb, var(--default-color), transparent 96%);
		border-radius: 15px;
	}

@media (max-width: 992px) {
	.call-to-action .container {
		padding: 60px;
	}
}

.call-to-action .content h3 {
	font-size: 48px;
	font-weight: 700;
}

	.call-to-action .content h3 em {
		font-style: normal;
		position: relative;
		z-index: 1;
	}

		.call-to-action .content h3 em:after {
			content: "";
			position: absolute;
			left: 0;
			right: 0;
			bottom: 10px;
			height: 10px;
			background: color-mix(in srgb, var(--accent-color), transparent 30%);
			z-index: -1;
		}

.call-to-action .content p {
	color: color-mix(in srgb, var(--default-color), transparent 20%);
	font-weight: 400;
	font-size: 18px;
}

.call-to-action .content .cta-btn {
	color: var(--contrast-color);
	font-weight: 500;
	font-size: 16px;
	display: inline-block;
	padding: 12px 40px;
	border-radius: 5px;
	transition: 0.5s;
	margin-top: 10px;
	background: var(--accent-color);
}

	.call-to-action .content .cta-btn:hover {
		background: color-mix(in srgb, var(--accent-color) 90%, black 15%);
	}

.call-to-action .img {
	position: relative;
}

	.call-to-action .img:before {
		content: "";
		position: absolute;
		inset: 0;
		background: color-mix(in srgb, var(--contrast-color), transparent 20%);
		border-radius: 15px;
		transform: rotate(6deg);
		z-index: 2;
	}

	.call-to-action .img:after {
		content: "";
		position: absolute;
		inset: 0;
		background: color-mix(in srgb, var(--default-color), transparent 95%);
		border-radius: 15px;
		transform: rotate(12deg);
		z-index: 1;
	}

	.call-to-action .img img {
		position: relative;
		z-index: 3;
		border-radius: 15px;
		z-index: 3;
	}

/*--------------------------------------------------------------
# Onfocus Section
--------------------------------------------------------------*/
.onfocus {
	padding: 0;
}

	.onfocus .video-play {
		min-height: 400px;
		background: linear-gradient(color-mix(in srgb, var(--background-color), transparent 90%), color-mix(in srgb, var(--background-color), transparent 75%)), url("../img/onfocus-video-bg.jpg") center center;
		background-size: cover;
	}

	.onfocus .content {
		background: linear-gradient(color-mix(in srgb, var(--background-color), transparent 90%), color-mix(in srgb, var(--background-color), transparent 75%)), url("../img/onfocus-content-bg.jpg") center center;
		background-size: cover;
		padding: 40px;
	}

@media (min-width: 768px) {
	.onfocus .content {
		padding: 80px;
	}

	.srchdesktop {
		display: block;
	}
}

.onfocus .content h3 {
	font-weight: 600;
	font-size: 32px;
}

.onfocus .content ul {
	list-style: none;
	padding: 0;
}

	.onfocus .content ul li {
		padding-bottom: 10px;
	}

	.onfocus .content ul i {
		font-size: 20px;
		padding-right: 4px;
		color: var(--accent-color);
	}

.onfocus .content p:last-child {
	margin-bottom: 0;
}

.onfocus .content .read-more {
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 1px;
	padding: 12px 24px;
	border-radius: 5px;
	transition: 0.3s;
	display: -nline-flex;
	align-items: center;
	justify-content: center;
	color: var(--contrast-color);
	background: var(--accent-color);
}

	.onfocus .content .read-more i {
		font-size: 18px;
		margin-left: 5px;
		line-height: 0;
		transition: 0.3s;
	}

	.onfocus .content .read-more:hover {
		background: color-mix(in srgb, var(--accent-color) 90%, black 15%);
		padding-right: 19px;
	}

		.onfocus .content .read-more:hover i {
			margin-left: 10px;
		}

.onfocus .pulsating-play-btn {
	position: absolute;
	left: calc(50% - 47px);
	top: calc(50% - 47px);
}

/*--------------------------------------------------------------
# Features Section
--------------------------------------------------------------*/
.features .nav-tabs {
	border: 0;
}

.features .nav-link {
	background-color: var(--surface-color);
	color: var(--color-secondary);
	border: 0;
	padding: 9px 27px;
	box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.1);
	border-radius: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	transition: 0s;
	cursor: pointer;
	height: 100%;
	border-radius: 5px;
	margin-left: 5px;
	border: 1px solid #cbcaca;
	font-size: 16px;
	/* font-weight: 700; */
	
	width: 128px;
	height: 40px;
}

	.features .nav-link i {
		font-size: 32px;
		line-height: 0;
	}

	.features .nav-link h4 {
		font-size: 20px;
		font-weight: 600;
		margin: 10px 0 0 0;
	}

	.features .nav-link:hover {
		color: var(--accent-color);
	}

	.features .nav-link:hover,
	.features .nav-link.active {
		transition: 0.3s;
		background: #0070c0;
		color: var(--contrast-color) !important;
		border-color: var(--accent-color);
		/*  */
		font-weight: 700;
	}

		.features .nav-link:hover h4,
		.features .nav-link.active h4 {
			color: var(--contrast-color);
		}

		.features .nav-link:hover i,
		.features .nav-link.active i {
			color: var(--contrast-color) !important;
		}

.features .tab-content {
	margin-top: 30px;
	/* padding-bottom: 15px; */
}

.features .tab-pane.active {
	animation: fadeIn 0.5s ease-out;
}

.features .tab-pane h3 {
	font-weight: 600;
	font-size: 28px;
}

.features .tab-pane ul {
	list-style: none;
	padding: 0;
}

	.features .tab-pane ul li {
		padding-bottom: 10px;
	}

	.features .tab-pane ul i {
		font-size: 24px;
		margin-right: 4px;
		color: var(--accent-color);
	}

.features .tab-pane p:last-child {
	margin-bottom: 0;
}

/*--------------------------------------------------------------
# Services Section
--------------------------------------------------------------*/
.services .img {
	border-radius: 8px;
	overflow: hidden;
}

	.services .img img {
		transition: 0.6s;
	}

.services .details {
	background: color-mix(in srgb, var(--surface-color), transparent 5%);
	padding: 50px 30px;
	margin: -100px 30px 0 30px;
	transition: all ease-in-out 0.3s;
	position: relative;
	text-align: center;
	border-radius: 8px;
	box-shadow: 0px 0 25px rgba(0, 0, 0, 0.1);
}

	.services .details .icon {
		margin: 0;
		width: 72px;
		height: 72px;
		background: var(--accent-color);
		color: var(--contrast-color);
		border: 6px solid var(--contrast-color);
		border-radius: 50px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 20px;
		font-size: 28px;
		transition: ease-in-out 0.3s;
		position: absolute;
		top: -36px;
		left: calc(50% - 36px);
	}

	.services .details h3 {
		font-weight: 700;
		margin: 10px 0 15px 0;
		font-size: 22px;
		transition: ease-in-out 0.3s;
	}

	.services .details p {
		color: color-mix(in srgb, var(--default-color), transparent 10%);
		line-height: 24px;
		font-size:16px;
		margin-bottom: 0;
	}

.services .service-item:hover .details h3 {
	color: var(--accent-color);
}

.services .service-item:hover .details .icon {
	background: var(--surface-color);
	border: 2px solid var(--accent-color);
}

	.services .service-item:hover .details .icon i {
		color: var(--accent-color);
	}

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


/*--------------------------------------------------------------
# Pricing Section
--------------------------------------------------------------*/
.pricing .pricing-item {
	background-color: var(--backgroun-color);
	padding: 60px 40px;
	box-shadow: 0 3px 20px -2px rgba(0, 0, 0, 0.1);
	height: 100%;
	display: flex;
	flex-direction: column;
	border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
	border-radius: 10px;
	overflow: hidden;
}

.pricing .pricing-header {
	background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.3)), url("../img/pricing-bg.jpg") center center;
	background-size: cover;
	text-align: center;
	padding: 40px;
	margin: -60px -40px 0;
}

.pricing h3 {
	font-weight: 600;
	margin-bottom: 5px;
	font-size: 36px;
	color: var(--contrast-color);
}

.pricing h4 {
	font-size: 48px;
	color: var(--contrast-color);
	font-weight: 400;
	margin-bottom: 0;
}

	.pricing h4 sup {
		font-size: 28px;
	}

	.pricing h4 span {
		color: color-mix(in srgb, var(--contrast-color), transparent 20%);
		font-size: 24px;
	}

.pricing ul {
	padding: 30px 0;
	list-style: none;
	color: color-mix(in srgb, var(--default-color), transparent 30%);
	text-align: left;
	line-height: 20px;
}

	.pricing ul li {
		padding: 10px 0;
		display: flex;
		align-items: center;
	}

	.pricing ul i {
		color: var(--accent-color);
		font-size: 36px;
		padding-right: 3px;
		line-height: 0;
	}

	.pricing ul .na {
		color: color-mix(in srgb, var(--default-color), transparent 60%);
	}

		.pricing ul .na i {
			color: color-mix(in srgb, var(--default-color), transparent 60%);
			font-size: 24px;
			padding-left: 4px;
		}

		.pricing ul .na span {
			text-decoration: line-through;
		}

.pricing .buy-btn {
	display: inline-block;
	padding: 12px 40px;
	border-radius: 6px;
	color: var(--default-color);
	transition: none;
	font-size: 16px;
	font-weight: 500;
	transition: 0.3s;
	border: 1px solid var(--default-color);
}

	.pricing .buy-btn:hover {
		background: var(--accent-color);
		color: var(--contrast-color);
		border-color: var(--accent-color);
	}

.pricing .featured {
	border-color: var(--accent-color);
}

	.pricing .featured .pricing-header {
		background: linear-gradient(color-mix(in srgb, var(--accent-color), transparent 10%), color-mix(in srgb, var(--accent-color), transparent 20%)), url("../img/pricing-bg.jpg") center center;
	}

	.pricing .featured .buy-btn {
		border-color: var(--accent-color);
		background: var(--accent-color);
		color: var(--contrast-color);
	}

/*--------------------------------------------------------------
# Faq Section
--------------------------------------------------------------*/
.faq .content h3 {
	font-weight: 400;
	font-size: 34px;
}

.faq .content p {
	color: color-mix(in srgb, var(--default-color), transparent 30%);
}

.faq .faq-container {
	margin-top: 15px;
}

	.faq .faq-container .faq-item {
		background-color: var(--surface-color);
		position: relative;
		padding: 20px;
		margin-bottom: 20px;
		box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.1);
		overflow: hidden;
	}

		.faq .faq-container .faq-item:last-child {
			margin-bottom: 0;
		}

		.faq .faq-container .faq-item h3 {
			font-weight: 600;
			font-size: 17px;
			line-height: 24px;
			margin: 0 30px 0 32px;
			transition: 0.3s;
			cursor: pointer;
		}

			.faq .faq-container .faq-item h3 span {
				color: var(--accent-color);
				padding-right: 5px;
			}

			.faq .faq-container .faq-item h3:hover {
				color: var(--accent-color);
			}

		.faq .faq-container .faq-item .faq-content {
			display: grid;
			grid-template-rows: 0fr;
			transition: 0.3s ease-in-out;
			visibility: hidden;
			opacity: 0;
		}

			.faq .faq-container .faq-item .faq-content p {
				margin-bottom: 0;
				overflow: hidden;
			}

		.faq .faq-container .faq-item .faq-icon {
			position: absolute;
			top: 22px;
			left: 20px;
			font-size: 22px;
			line-height: 0;
			transition: 0.3s;
			color: var(--accent-color);
		}

		.faq .faq-container .faq-item .faq-toggle {
			position: absolute;
			top: 20px;
			right: 20px;
			font-size: 16px;
			line-height: 0;
			transition: 0.3s;
			cursor: pointer;
		}

			.faq .faq-container .faq-item .faq-toggle:hover {
				color: var(--accent-color);
			}

	.faq .faq-container .faq-active h3 {
		color: var(--accent-color);
	}

	.faq .faq-container .faq-active .faq-content {
		grid-template-rows: 1fr;
		visibility: visible;
		opacity: 1;
		padding-top: 10px;
	}

	.faq .faq-container .faq-active .faq-toggle {
		transform: rotate(90deg);
		color: var(--accent-color);
	}


/*--------------------------------------------------------------
# Service Details Section
--------------------------------------------------------------*/
.service-details .services-list {
	background-color: var(--surface-color);
	padding: 10px 30px;
	border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
	margin-bottom: 20px;
}

	.service-details .services-list a {
		display: block;
		line-height: 1;
		padding: 8px 0 8px 15px;
		border-left: 3px solid color-mix(in srgb, var(--default-color), transparent 70%);
		margin: 20px 0;
		color: color-mix(in srgb, var(--default-color), transparent 20%);
		transition: 0.3s;
	}

		.service-details .services-list a.active {
			color: var(--heading-color);
			font-weight: 700;
			border-color: var(--accent-color);
		}

		.service-details .services-list a:hover {
			border-color: var(--accent-color);
		}

.service-details .services-img {
	margin-bottom: 20px;
}

.service-details h3 {
	font-size: 26px;
	font-weight: 700;
}

.service-details h4 {
	font-size: 20px;
	font-weight: 700;
}

.service-details p {
	font-size: 15px;
}

.service-details ul {
	list-style: none;
	padding: 0;
	font-size: 15px;
}

	.service-details ul li {
		padding: 5px 0;
		display: flex;
		align-items: center;
	}

	.service-details ul i {
		font-size: 20px;
		margin-right: 8px;
		color: var(--accent-color);
	}

/*--------------------------------------------------------------
# Starter Section Section
--------------------------------------------------------------*/
.starter-section {
	/* Add your styles here */
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widgets-container {
	background-color: var(--surface-color);
	padding: 30px;
	margin: 60px 0 30px 0;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.widget-title {
	color: var(--heading-color);
	font-size: 20px;
	font-weight: 700;
	padding: 0;
	margin: 0 0 20px 0;
}

.widget-item {
	margin-bottom: 40px;
}

	.widget-item:last-child {
		margin-bottom: 0;
	}

.search-widget form {
	background: var(--background-color);
	border: 1px solid color-mix(in srgb, var(--default-color), transparent 70%);
	padding: 3px 10px;
	position: relative;
	transition: 0.3s;
}

	.search-widget form input[type=text] {
		border: 0;
		padding: 4px;
		border-radius: 4px;
		width: calc(100% - 40px);
		background-color: var(--background-color);
		color: var(--default-color);
	}

		.search-widget form input[type=text]:focus {
			outline: none;
		}

	.search-widget form button {
		background: var(--accent-color);
		color: var(--contrast-color);
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		border: 0;
		font-size: 16px;
		padding: 0 15px;
		margin: -1px;
		transition: 0.3s;
		border-radius: 0 4px 4px 0;
		line-height: 0;
	}

		.search-widget form button i {
			line-height: 0;
		}

		.search-widget form button:hover {
			background: color-mix(in srgb, var(--accent-color), transparent 20%);
		}

	.search-widget form:is(:focus-within) {
		border-color: var(--accent-color);
	}

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

	.categories-widget ul li {
		padding-bottom: 10px;
	}

		.categories-widget ul li:last-child {
			padding-bottom: 0;
		}

	.categories-widget ul a {
		color: color-mix(in srgb, var(--default-color), transparent 20%);
		transition: 0.3s;
	}

		.categories-widget ul a:hover {
			color: var(--accent-color);
		}

		.categories-widget ul a span {
			padding-left: 5px;
			color: color-mix(in srgb, var(--default-color), transparent 50%);
			font-size:16px;
		}

.recent-posts-widget .post-item {
	display: flex;
	margin-bottom: 15px;
}

	.recent-posts-widget .post-item:last-child {
		margin-bottom: 0;
	}

	.recent-posts-widget .post-item img {
		width: 80px;
		margin-right: 15px;
	}

	.recent-posts-widget .post-item h4 {
		font-size: 15px;
		font-weight: bold;
		margin-bottom: 5px;
	}

		.recent-posts-widget .post-item h4 a {
			color: var(--default-color);
			transition: 0.3s;
		}

			.recent-posts-widget .post-item h4 a:hover {
				color: var(--accent-color);
			}

	.recent-posts-widget .post-item time {
		display: block;
		font-style: italic;
		font-size:16px;
		color: color-mix(in srgb, var(--default-color), transparent 50%);
	}

.tags-widget {
	margin-bottom: -10px;
}

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

		.tags-widget ul li {
			display: inline-block;
		}

		.tags-widget ul a {
			color: color-mix(in srgb, var(--default-color), transparent 30%);
			font-size:16px;
			padding: 6px 14px;
			margin: 0 6px 8px 0;
			border: 1px solid color-mix(in srgb, var(--default-color), transparent 60%);
			display: inline-block;
			transition: 0.3s;
		}

			.tags-widget ul a:hover {
				background: var(--accent-color);
				color: var(--contrast-color);
				border: 1px solid var(--accent-color);
			}

			.tags-widget ul a span {
				padding-left: 5px;
				color: color-mix(in srgb, var(--default-color), transparent 60%);
				font-size:16px;
			}







/* floated textbox css */


.floating-form {
	width: 320px;
}

/****  floating-Lable style start ****/
.floating-label {
	position: relative;
	margin-bottom: 20px;
}

.floating-input, .floating-select {
	font-size:16px;
	padding: 4px 4px;
	display: block;
	width: 100%;
	height: 40px;
	background-color: transparent;
	border: none;
	border-bottom: 1px solid #c4c4c4;
	border-radius: 5px;
	font-family: "Poppins", sans-serif !important;
}

	.floating-select:hover {
		border-radius: 5px;
		border: 1px solid #c4c4c4;
		border: 1px solid #494747;
	}

	.floating-input:hover {
		border-radius: 5px;
		border: 1px solid #c4c4c4;
	}

	.floating-input:focus, .floating-select:focus {
		outline: none;
		/*border-bottom: 2px solid #5264AE;*/
	}

label {
	color: #000;
	font-size:16px;
	
	font-weight: 400 !important;
	font-weight: normal;
	position: absolute;
	left: 5px;
	top: 9px;
	transition: 0.2s ease all;
	-moz-transition: 0.2s ease all;
	-webkit-transition: 0.2s ease all;
}

.floating-input:focus ~ label, .floating-input:not(:placeholder-shown) ~ label {
	top: -18px;
	font-size:16px;
	color: #5264AE;
}

.floating-select:focus ~ label, .floating-select:not([value=""]):valid ~ label {
	top: -18px;
	font-size:16px;
	color: #5264AE;
}

/* active state */
.floating-input:focus ~ .bar:before, .floating-input:focus ~ .bar:after, .floating-select:focus ~ .bar:before, .floating-select:focus ~ .bar:after {
	width: 50%;
}

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

.floating-textarea {
	min-height: 30px;
	max-height: 260px;
	overflow: hidden;
	overflow-x: hidden;
}

/* highlighter */
.highlight {
	position: absolute;
	height: 50%;
	width: 100%;
	top: 15%;
	left: 0;
	pointer-events: none;
	opacity: 0.5;
}

/* active state */
.floating-input:focus ~ .highlight, .floating-select:focus ~ .highlight {
	-webkit-animation: inputHighlighter 0.3s ease;
	-moz-animation: inputHighlighter 0.3s ease;
	animation: inputHighlighter 0.3s ease;
}

/* animation */
@-webkit-keyframes inputHighlighter {
	from {
		background: #5264AE;
	}

	to {
		width: 0;
		background: transparent;
	}
}

@-moz-keyframes inputHighlighter {
	from {
		background: #5264AE;
	}

	to {
		width: 0;
		background: transparent;
	}
}

@keyframes inputHighlighter {
	from {
		background: #5264AE;
	}

	to {
		width: 0;
		background: transparent;
	}
}

/****  floating-Lable style end ****/


/***   daniel - Fork me friend - style   ***/
.floating-credit {
	position: fixed;
	bottom: 10px;
	right: 10px;
	color: #aaa;
	font-size: 13px;
	font-family: arial,sans-serif;
}

	.floating-credit a {
		text-decoration: none;
		color: #000000;
		font-weight: bold;
	}

		.floating-credit a:hover {
			border-bottom: 1px dotted #f8f8f8;
		}

.floating-heading {
	color: #aaa;
	font-size: 20px;
	font-family: arial,sans-serif;
}
/***  daniel - Fork me friend - style  ***/



.accordion-item {
	border: var(--bs-accordion-border-width) solid #dee2e600 !important;
}

.accordion-collapse {
	border: 1px solid #494747;
	border-radius: 10px;
	padding: 10px;
}

.accordion-button:not(.collapsed) {
	color: var(--bs-accordion-active-color);
	background-color: #cfe2ff00 !important;
	box-shadow: inset 0 calc(-1* var(--bs-accordion-border-width)) 0 #dee2e600 !important;
}

.accordion-button {
	color: #000000 !important;
	font-weight: bold !important;
}

.navmenu {
	background: #4b6931;
}


/* Custom select css */

.multiselect-dropdown-list-wrapper label {
	position: initial !important;
}

.multiselect-dropdown span.placeholder {
	color: #ced4da00 !important;
}

.multiselect-dropdown {
	width: 100% !important;
	z-index: 500000;
	margin-top: 24px !important;
	z-index: 500000000000000 !important;
	border: solid 1px #ced4da00 !important;
	border-bottom: 1px solid #c4c4c4 !important;
	border-radius: 5px !important;
	position: absolute !important;
	width: 248px !important;
	font-size: 16px !important;
	background-position: right .15rem center !important;
}

	.multiselect-dropdown span.optext {
		background-color: #d3d3d300 !important;
	}

.multiselect-dropdown-list-wrapper {
	position: relative !important;
}

.placeholder {
	background-color: unset !important;
	opacity: .5 !important;
}

.multiselect-dropdown span.optext, .multiselect-dropdown span.placeholder {
	color: #000000 !important;
}

#field23 {
	display: none !important;
}




.accordion {
	--bs-accordion-color: var(--bs-body-color);
	--bs-accordion-bg: var(--bs-body-bg);
	--bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
	--bs-accordion-border-color: var(--bs-border-color);
	--bs-accordion-border-width: var(--bs-border-width);
	--bs-accordion-border-radius: var(--bs-border-radius);
	--bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
	--bs-accordion-btn-padding-x: 1.25rem;
	--bs-accordion-btn-padding-y: 1rem;
	--bs-accordion-btn-color: var(--bs-body-color);
	--bs-accordion-btn-bg: var(--bs-accordion-bg);
	--bs-accordion-btn-icon: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='#ffffff' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e) !important;
	--bs-accordion-btn-icon-width: 1.25rem;
	--bs-accordion-btn-icon-transform: rotate(-180deg);
	--bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
	--bs-accordion-btn-active-icon: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='#ffffff' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e) !important;
	--bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
	--bs-accordion-body-padding-x: 1.25rem;
	--bs-accordion-body-padding-y: 1rem;
	--bs-accordion-active-color: var(--bs-primary-text-emphasis);
	--bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}

.multiselect-dropdown-list-wrapper .multiselect-dropdown-search {
	margin-bottom: 5px;
	border: solid 1px #ced4da00 !important;
	border-bottom: 1px solid #c4c4c4 !important;
	border-radius: 5px !important;
	outline: none !important;
	font-size:16px;
}


.accordion-button:focus {
	box-shadow: none !important;
	border-color: rgba(0,0,0,.125) !important;
}




/* custom css */


.searchagri {
	border: 1px solid #B0EE88;
	border-radius: 5px;
	/*width: 520px;*/
}

.srchexplore {
	color: #194D09;
	background: #FFDE3E !important;
	font-family: var(--heading-font);
	font-weight: normal !important;
	font-size:16px;
	letter-spacing: 1px;
	display: inline-block;
	padding: 6px 28px;
	border-radius: 4px;
	transition: 0.5s;
	font-weight: bold;
	border: none;
	
	font-weight: 600 !important;
}

.srchtexbox {
	margin-top: 16px;
	margin-bottom: 16px;
	margin-left: 16px;
	/*height: 38px;*/
}

.srchexplore:hover {
	box-shadow: inset 0px -1px 4px 0px rgba(178,178,178,1);
}

.srchtexbox label { /* Edge 12-18 */
	color: #000000 !important;
	font-size: 16px !important;
	font-weight: 400;
	
}

.aptxt1 h3 {
	color: #415F27;
	/* padding-top: 11rem !important; */
	font-weight: 600;
}

.aptxt1 p {
	font-size: 18px !important;
	font-weight: normal !important;
}

.staticp .buyleadright {
	font-size: 18px;
	
}

.searchmob {
	display: none;
}

.accordion-button:not(.collapsed) {
	/* border-top-left-radius: 5px !important; */
	/* border-top-right-radius: 5px !important; */
	/* border-bottom-left-radius: 0px!important; */
	/* border-bottom-right-radius: 0px!important; */
}


.hdbtn {
	background: none;
	color: #366327;
	border: 1px solid #FFDE3E;
	font-size:16px;
	font-weight: 600;
	
	width: 110px;
	height: 38px;
}

	.hdbtn:hover {
		background: #ffde3e;
		color: #366327;
		border: 1px solid #e4c633;
		box-shadow: inset 0px -1px 4px 0px rgba(178, 178, 178, 1);
	}

.srchbtn {
	background: #0070C0;
	font-size: 16px;
	font-weight: 600;
	
	padding: 0px 0px 0px 0px;
	width: 128px;
	height: 40px;
}


/* second accordian css */

.accordion-group {
	margin: 1rem 0;
}

	.accordion-group .accordion {
		color: #232323 !important;
		background: #E5FFD4;
		border-radius: 5px;
		border: 1px solid #B0EE88;
		margin-bottom: 0;
		font-size: 16px;
		font-weight: 500;
	}

		.accordion-group .accordion label {
			position: initial;
			pointer-events: unset;
		}



		.accordion-group .accordion + .accordion {
			margin-top: 1rem;
		}

.ac-state {
	display: none;
}

.ac-trigger {
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
	padding: 1rem;
	border-radius: 1rem;
	font-size: 16px;
	font-weight: 500 !important;
}

	.ac-trigger:hover,
	.ac-trigger:focus {
		background-color: rgb(174 216 245 / 0%);
	}

.ac-title {
	font-size: 16px;
	font-weight: 500;
	font-family: "Poppins", sans-serif;
	color: black;
}

.ac-content {
	display: grid;
	grid-template-rows: 0fr;
	transition: grid-template-rows 300ms ease;
	/* padding: 7px; */
	font-size:16px;
	text-align: justify;
	
}

.ac-content-inner {
	overflow: hidden;
	padding: 0 1rem;
	/* padding-bottom: 10px; */
}

.ac-content img {
	display: block;
	margin: 0 auto;
}

.ac-state:not(:checked) ~ .ac-trigger .ac-icon-close {
	display: none;
}

.ac-state:checked ~ .ac-trigger {
	/* background-color: rgb(174 216 245); */
	/* box-shadow: 0 5px 5px -5px rgb(52 80 99); */
}

	.ac-state:checked ~ .ac-trigger .ac-icon-open {
		display: none;
	}

.ac-state:checked ~ .ac-content {
	grid-template-rows: 1fr;
}


.tblcls {
	border: 1px solid #C4C4C4;
	border-radius: 5px;
	padding: 1px;
	width: 50%;
	margin: auto;
	margin-bottom: 10px;
	overflow-x: auto;
}

	.tblcls table {
		margin-bottom: 0px;
		font-size:16px;
		
		font-weight: 600 !important;
	}

		.tblcls table thead th {
			text-align: center;
			border-right: 1px solid #e4e4e4;
			padding: 14px;
		}

			.tblcls table thead th:last-child {
				border-right: 1px solid #e4e4e400;
				;
			}

		.tblcls table tbody td {
			text-align: left;
			padding: 14px;
			border-right: 1px solid #e4e4e4;
			font-weight: normal;
		}

			.tblcls table tbody td:last-child {
				border-right: 1px solid #e4e4e400;
				;
			}


.tblcls1 {
	border: 1px solid #C4C4C4;
	border-radius: 5px;
	padding: 1px;
	width: 100%;
	margin: auto;
	margin-bottom: 10px;
	overflow-x: auto;
}

	.tblcls1 table {
		margin-bottom: 0px;
		font-size:16px;
		
		font-weight: 600 !important;
	}

		.tblcls1 table thead th {
			text-align: center;
			border-right: 1px solid #e4e4e4;
			padding: 14px;
		}

			.tblcls1 table thead th:last-child {
				border-right: 1px solid #e4e4e400;
				;
			}

		.tblcls1 table tbody td {
			text-align: center;
			padding: 14px;
			border-right: 1px solid #e4e4e4;
			font-weight: normal;
			text-align: left;
		}

			.tblcls1 table tbody td:last-child {
				border-right: 1px solid #e4e4e400;
				;
			}

			.tblcls1 table tbody td a {
				font-size:16px;
				
				font-weight: 400 !important;
				color: #1A56A6;
			}


.source {
	font-size:16px;
	
	font-weight: 600 !important;
	text-align: center;
	padding: 5px;
	padding-bottom: 20px;
}

.marketnws label {
	position: absolute !important;
	pointer-events: none !important;
}

.marketnws .floating-label {
	background: #ffffff;
}

.marketnewscont .heading {
	font-size:16px;
	
	font-weight: 400 !important;
	color: #1A56A6;
}

.marketnewscont .date {
	font-size:16px;
	
	font-weight: 400 !important;
	color: #727272;
}

.marketnewscont .textcont {
	font-size:16px;
	
	font-weight: 400 !important;
	color: #232323;
}

.marketnewscont .sourcemark {
	font-size:16px;
	
	font-weight: 400 !important;
	color: #232323;
}

	.marketnewscont .sourcemark a {
		font-size:16px;
		
		font-weight: 600 !important;
		color: #1A56A6;
	}

.search-box {
	position: relative;
}

.search-icon {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	color: #757575;
}

.floating-input:focus ~ .search-icon {
	color: #5264AE;
}

.page-wrapper {
	border-radius: 5px;
	border: 1px solid #efefe4;
	padding: 7px 17px 17px 17px;
	height: 500px;
	overflow: auto;
}


	/* width */
	.page-wrapper::-webkit-scrollbar {
		width: 6px;
	}

	/* Track */
	.page-wrapper::-webkit-scrollbar-track {
		background: #f1f1f1;
	}

	/* Handle */
	.page-wrapper::-webkit-scrollbar-thumb {
		background: linear-gradient(90deg, rgba(150,150,150,1) 0%, rgba(255,255,255,1) 100%);
		border-radius: 10px;
	}

		/* Handle on hover */
		.page-wrapper::-webkit-scrollbar-thumb:hover {
			background: #555;
		}




/*navbarcustom*/


#nav-bar {
	width: 100%;
	margin: 0 auto;
}

	#nav-bar ul {
		width: 100%;
		margin: 0;
		padding: 0;
		border: 1px solid #c2c2c2;
	}

	#nav-bar li {
		text-align: center;
		float: left;
		order: 1;
		flex-grow: 1;
		display: inline-block;
	}


	#nav-bar .dropdown li a {
		line-height: 30px;
		padding-left: 10px;
		padding-top: 5px;
		padding-bottom: 5px;
		border-top: 1px transparent;
		color: #000000 !important;
		display: block;
		text-decoration: none;
		text-align: left !important;
	}

		#nav-bar .dropdown li a:hover {
			border-top: 1px transparent;
			color: #ffffff !important;
			display: block;
			text-decoration: none;
			text-align: left !important;
		}

	#nav-bar li a {
		line-height: 40px;
		border-top: 1px transparent;
		color: white;
		display: block !important;
		text-decoration: none;
	}

		#nav-bar li a:hover {
			text-decoration: none;
		}

	#nav-bar li.active a {
		margin-top: -5px;
		text-decoration: none;
		height: 45px;
		position: relative;
		background: #fff;
		border-left: 1px solid #c2c2c2;
		border-right: 1px solid #c2c2c2;
		border-top: 1px solid #c2c2c2;
	}

.dropdown-item {
	font-size:16px;
	
	font-weight: 400;
}

	.dropdown-item:hover {
		background: #415F27;
		border-radius: 5px;
		color: #ffffff;
	}

.dropdown-menu {
	width: 165px;
	padding-left: 5px;
	padding-right: 5px;
}

.clear {
	font-size: 16px;
	color: #E24545;
	
	font-weight: 600;
	border: 1px solid #E24545;
}


.pagination {
	display: inline-block;
	border-radius: 5px;
	border: 1px solid #C4C4C4;
	height: 36px;
}

	.pagination a {
		color: #000000;
		float: left;
		padding: 6px 15px;
		text-decoration: none;
		transition: background-color .3s;
		font-size:16px;
		
		text-align: center;
	}

		.pagination a.active {
			background-color: #E5FFD4;
			color: #415F27;
			border-top-left-radius: 5px;
			border-bottom-left-radius: 5px;
		}

.breadcumb {
	font-size: 12px;
	padding-bottom: 22px;
	color: #212529;
	
	font-weight: 400;
}

	.breadcumb a {
		font-size:16px;
		padding-bottom: 22px;
		color: #0070c0;
		
		font-weight: 400;
	}

.middlehd {
	font-size: 16px !important;
	color: #212529;
	
	font-weight: 600;
}

.post1 {
	font-size:16px;
	color: #000000;
	
	font-weight: 600;
	width: 150px;
	padding-bottom: 10px
}

.post2 {
	font-size: 16px;
	color: #000000;
	font-weight: 400;
	width: 210px;
}

.post11 {
	font-size:16px;
	color: #000000;
	
	font-weight: 600;
	width: 150px !important;
	flex: none;
	padding-bottom: 10px;
}

.post22 {
	font-size:16px;
	color: #000000;
	
	font-weight: 400;
	/* width: 150px; */
	display: inline-flex;
	padding-bottom: 10px;
}

.buysellborder {
	border: 1px solid #e4e4e4;
	border-radius: 10px;
	padding-left: 45px;
	padding-right: 45px;
	padding-top: 28px;
}

	.buysellborder .separator {
		width: 90% !important;
		margin: auto;
		margin-top: 10px;
		margin-bottom: 20px;
	}

.commontxt {
	font-size: 16px !important;
	color: #194D09 !important;
	font-family: Source Sans Pro !important;
	font-weight: 600 !important;
}

.recentnews {
	background: #FAFAFA;
	height: 531px;
	border-radius: 5px;
	box-shadow: inset 0px -1px 4px 0px rgba(0,0,0,0.75);
}

	.recentnews h4 {
		font-size: 16px !important;
		color: #000000 !important;
		font-family: Source Sans Pro !important;
		font-weight: 600 !important;
		text-align: center;
		padding-top: 20px;
		padding-bottom: 15px;
	}

	.recentnews ul li {
		color: #1A56A6;
		font-weight: normal;
		padding-bottom: 20px;
	}

		.recentnews ul li a {
			color: #1A56A6;
			font-weight: normal;
		}

/* width */
.recentscroll::-webkit-scrollbar {
	width: 6px;
}

/* Track */
.recentscroll::-webkit-scrollbar-track {
	background: #f1f1f1;
}

/* Handle */
.recentscroll::-webkit-scrollbar-thumb {
	background: linear-gradient(90deg, rgba(150,150,150,1) 0%, rgba(255,255,255,1) 100%);
	border-radius: 10px;
}

	/* Handle on hover */
	.recentscroll::-webkit-scrollbar-thumb:hover {
		background: #555;
	}


/* logincss */

.loginbg {
	background-color: #c9f7ac !important;
	background-image: url(../../assets/img/logfooter.png);
	background-repeat: no-repeat;
	background-position: right 37px bottom !important;
	background-position: bottom right 37px !important;
	/* margin-bottom: 0px !important; */
	margin: 0px;
	padding: 0px;
	height: 100vh !important;
}

.logbgfoot {
	background: #ffffff;
	position: fixed !important;
	left: 0;
	bottom: 0;
	width: 100%;
}

.loghead {
	background: #ffffff00 !important;
	padding-top: 20px !important;
}

.logoleft {
	padding-left: 40px !important;
}

.loginmn {
	background: #f3f3f3;
	border: 2px solid #2F3524;
	border-radius: 5px;
	padding: 40px 50px 40px 50px;
}

	.loginmn h4 {
		font-size: 20px !important;
		color: #000000 !important;
		font-family: Source Sans Pro !important;
		font-weight: 700 !important;
		text-align: left;
	}

	.loginmn .floating-label {
		margin: 20px 0px 10px 0px;
	}

	.loginmn .forgot {
		font-size: 12px !important;
		color: #232323 !important;
		font-family: Source Sans Pro !important;
		font-weight: 400 !important;
	}

.logtext {
	font-size: 16px !important;
	font-family: Source Sans Pro !important;
	font-weight: 400 !important;
}

.logbtnoutline {
	color: #184C08 !important;
	padding: 10px !important;
	width: 100% !important;
	/* margin-bottom: 20px; */
	font-size: 16px !important;
	font-family: Source Sans Pro !important;
	font-weight: 600 !important;
	margin-top: 20px;
	background: #FFDE3E;
}

	.logbtnoutline:hover {
		box-shadow: inset 0px -1px 4px 0px rgba(178,178,178,1);
		color: #194D09;
		background: #FFDE3E !important;
	}

.creatbtnoutline {
	color: #184C08 !important;
	padding: 10px !important;
	width: 100% !important;
	/* margin-bottom: 20px; */
	font-size: 16px !important;
	font-family: Source Sans Pro !important;
	font-weight: 600 !important;
	margin-top: 0px;
	background: #ffffff;
	border: 1px solid #757575 !important;
}

	.creatbtnoutline:hover {
		box-shadow: inset 0px -1px 4px 0px rgba(178,178,178,1);
		color: #194D09;
		background: #FFDE3E !important;
		border: 0px solid #757575 !important;
	}

.back {
	background: #ffde3e00;
	color: #757575 !important;
	border: 1px solid #dadada;
}

.loginmnsection section {
	background: #ffffff00;
	background-image: url(../../assets/img/logbg2.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 0px 0;
}

.toggle-password {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
}

.far {
	font-size: 16px;
}

.normaltxt {
	font-size: 16px !important;
	font-family: Source Sans Pro !important;
	font-weight: 400 !important;
}


.commissionbtn {
	color: #184C08 !important;
	padding: 10px !important;
	width: 100% !important;
	/* margin-bottom: 20px; */
	font-size: 16px !important;
	font-family: Source Sans Pro !important;
	font-weight: 600 !important;
	margin-top: 0px;
	background: #ffffff;
	border: 1px solid #757575 !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
	padding-bottom: 8px !important;
	padding-top: 8px !important;
}

	.commissionbtn:hover {
		box-shadow: inset 0px -1px 4px 0px rgba(178,178,178,1);
		color: #194D09;
		background: #FFDE3E;
		border: 0px solid #757575;
	}

.updatecommissionbtn {
	padding: 10px !important;
	width: 100% !important;
	/* margin-bottom: 20px; */
	font-size: 16px !important;
	font-family: Source Sans Pro !important;
	font-weight: 600 !important;
	margin-top: 0px;
	background: #ffffff;
	padding-left: 20px !important;
	padding-right: 20px !important;
	padding-bottom: 8px !important;
	padding-top: 8px !important;
	color: #979797 !important;
	border: 1px solid #232323 !important;
}

	.updatecommissionbtn:hover {
		box-shadow: inset 0px -1px 4px 0px rgba(178,178,178,1);
		color: #194D09;
		background: #FFDE3E;
		border: 0px solid #757575;
	}


.profilebtn {
	width: auto !important;
	float: right;
	margin-right: 10px;
	color: #0070c0 !important;
	border: 1px solid #207ec1 !important;
	font-size: 16px !important;
	font-family: Source Sans Pro !important;
	font-weight: 600 !important;
}

.logoutbtn {
	width: auto !important;
	float: right;
	color: #c54242 !important;
	font-size: 16px !important;
	font-family: Source Sans Pro !important;
	font-weight: 600 !important;
	border: 1px solid #c74248 !important;
}

.addimportbtn {
	width: auto !important;
	font-size: 16px !important;
	font-family: Source Sans Pro !important;
	font-weight: 600 !important;
	border: 1px solid #546548 !important;
}

.addimport {
	background: #f3f3f3;
	border: 2px solid #2F3524;
	border-radius: 5px;
	padding: 0px 25px 0px 25px;
}

.innerborder {
	background: #f3f3f300;
	border: 2px solid #2f352400;
	border-radius: 5px;
}

.addimport .modal-content {
	background-color: #fff0;
	border: var(--bs-modal-border-width) solid rgb(0 0 0 / 0%);
}

.addimport h4 {
	font-size: 16px !important;
	color: #000000 !important;
	font-family: Source Sans Pro !important;
	font-weight: 700 !important;
	text-align: center;
}

.addimport .floating-label {
	margin: 30px 0px 10px 0px;
}

.addimport .forgot {
	font-size: 12px !important;
	color: #232323 !important;
	font-family: Source Sans Pro !important;
	font-weight: 400 !important;
}

.addimport .modal-header {
	border-bottom: var(--bs-modal-header-border-width) solid #dee2e600 !important;
}

.addimport .btn-close {
	width: 0.3em !important;
	height: 0.3em !important;
	color: #000000 !important;
	padding-top: 20px;
}

.floated {
	top: -18px !important;
	font-size: 16px !important;
	color: #5264AE !important;
}


.tags .floating-label {
	margin-top: 27px;
	border-bottom: 1px solid #c4c4c4;
	border-radius: 5px;
	border-top: none;
	border-left: 0px;
	border-right: 0;
}

.tags .floating-label {
	background-image: url(../../../assets/img/ri-search-line.png);
	background-repeat: no-repeat;
	background-position: right 10px center;
}


.tags-input-wrapper {
	height: 36px;
	padding-top: 5px;
	padding-left: 5px;
	overflow: auto;
}



	.tags-input-wrapper input {
		border: none;
		background: transparent;
		outline: none;
		width: 140px;
		margin-left: 8px;
		overflow: auto;
	}

	.tags-input-wrapper .tag {
		display: inline-block;
		background-color: #FCF6DA;
		color: #232323;
		border-radius: 8px;
		padding: 0px 3px 0px 7px;
		margin-right: 5px;
		margin-bottom: 5px;
		/* box-shadow: 0 5px 15px -2px rgba(250, 14, 126, .7); */
		border: 1px solid #C4C4C4;
		font-size:16px;
		font-weight: 400;
		
	}

		.tags-input-wrapper .tag a {
			margin: 0 7px 3px;
			display: inline-block;
			cursor: pointer;
			font-weight: bold;
		}

.markettbl table thead th {
	border-bottom: 1px solid #757575;
	text-align: left;
}

.markettbl table tbody td {
	text-align: left;
}

.marketnewsp p {
	font-size: 16px !important;
	font-weight: 400 !important;
	
	line-height: 24px !important;
	color: #000000 !important;
}

.markettblr {
	width: 100% !important;
}

.navinnerlink {
	border: var(--bs-card-border-width) solid rgb(75 105 49) !important;
	width: 100%;
	box-shadow: 0px 0px 3px 0px rgba(107,102,107,1);
	Copy Text;
}

	.navinnerlink .card-header {
		background: none;
		border-top: 5px solid #4b6931;
		border-bottom: 2px solid #f0f4ed;
		color: #4b6931;
		font-size:16px;
		font-weight: bold;
	}

	.navinnerlink .card-body {
		padding-left: 0px;
	}

		.navinnerlink .card-body ul li {
			color: #4b6931;
			padding-top: 10px;
			text-align: left;
		}

			.navinnerlink .card-body ul li a {
				font-size: 16px !important;
				color: #4b6931;
				
				font-weight: 400;
			}

				.navinnerlink .card-body ul li a:hover {
					text-decoration: underline;
				}

.topslid .nav-link {
	border: 1px solid #FFDE3E !important;
	color: #254B00 !important;
	font-family: 'Source Sans Pro' !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	width: 260px;
	margin-right: 15px;
}
.col-lg-12.order-1.order-lg-2.hero-img.features.topslid.aos-init.aos-animate {
	padding-top: 30px;
}
#nav-bar li:nth-child(2) ul {
	width: 420px;
}
/*.navmenu .dropdown:hover > ul {
	left: 65px;
}*/

	.topslid .nav-link:hover, .topslid .nav-link.active {
		transition: 0.3s;
		background: #ff6500 !important;
		color: #254B00 !important;
		border-color: var(--accent-color);
	}





/* end code of maininner1.css */






/*******************************************************ABOVE CODE ARE SET IN (maininner.css) BELLOW CODE ARE SET IN (main.csss) *******************************






/* main.css * Below/


/*--------------------------------------------------------------
# Global Header
--------------------------------------------------------------*/
.header {
	color: var(--default-color);
	background-color: var(--background-color);
	/*padding: 0px 0 9px;*/
	transition: all 0.5s;
	/*z-index: 999999999999;*/
}
div#myHeader {
	z-index: 999999999999;
}

.header .logo {
	line-height: 1;
	margin-right: 15px;
}

		.header .logo img {
			/* max-height: 36px; */
			/* margin-right: 8px; */
		}

		.header .logo h1 {
			font-size: 32px;
			font-weight: 300;
			width:auto;
			margin: 0;
			color: var(--heading-color);
		}

		.header .logo span {
			color: var(--accent-color);
			font-weight: 400;
			font-size: 34px;
			margin-left: 2px;
		}

	.header .btn-getstarted,
	.header .btn-getstarted:focus {
		color: var(--contrast-color);
		background: var(--accent-color);
		font-size:16px;
		padding: 8px 26px;
		margin: 0;
		border-radius: 4px;
		transition: 0.3s;
	}

		.header .btn-getstarted:hover,
		.header .btn-getstarted:focus:hover {
			color: var(--contrast-color);
			background: color-mix(in srgb, var(--accent-color), transparent 15%);
		}

@media (max-width: 1200px) {

	.header {
		padding: 0px 0 !important;
	}

	.container-fluid {
		padding-right: 10px !important;
		padding-left: 10px !important;
	}

	.prod {
		width: 100% !important;
	}

	#lang {
		display: none !important;
	}

	.nav-tabs {
		width: 100% !important;
	}

	.features .nav-link {
		margin-top: 15px !important;
	}

	.rlogo {
		width: 100px !important;
	}

	/* .sitname img{ */
	/* display:none!important; */
	/* } */

	.header .btn-getstarted {
		order: 2;
		margin: 0 15px 0 0;
		padding: 6px 20px;
	}

	.header .navmenu {
		order: 3;
	}
}

.scrolled .header {
	box-shadow: 0px 0 18px rgba(0, 0, 0, 0.1);
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Desktop Navigation */
@media (min-width: 1200px) {
	.navmenu {
		padding: 0;
	}

		.navmenu ul {
			margin: 0px;
			padding: 0;
			display: flex;
			list-style: none;
			align-items: center;
		}

		.navmenu li {
			position: relative;
		}

		.navmenu > ul > li {
			white-space: nowrap;
			/* padding: 8px 29px; */
		}

			.navmenu > ul > li:last-child {
				padding-right: 0;
			}

		.navmenu a,
		.navmenu a:focus {
			color: #ffffff;
			font-size:15px;
			padding: 0 2px;
			font-family: var(--nav-font);
			font-weight: 400;
			display: flex;
			align-items: center;
			justify-content: space-between;
			white-space: nowrap;
			transition: 0.3s;
			position: relative;
		}



			.navmenu a i,
			.navmenu a:focus i {
				font-size: 12px;
				line-height: 0;
				margin-left: 5px;
				transition: 0.3s;
			}

		.navmenu > ul > li > a:before {
			content: "";
			position: absolute;
			width: 100%;
			height: 2px;
			bottom: -6px;
			left: 0;
			background-color: #0ea2bd00;
			visibility: hidden;
			width: 0px;
		}

		.navmenu a:hover:before,
		.navmenu li:hover > a:before,
		.navmenu .active:before {
			visibility: visible;
			width: 100%;
		}

		.navmenu li:hover > a,
		.navmenu .active,
		.navmenu .active:focus {
			color: #ffde3e;
		}

		.navmenu .dropdown ul {
			margin: 0;
			padding: 10px 0;
			background: var(--nav-dropdown-background-color);
			display: block;
			position: absolute;
			visibility: hidden;
			/*left: 14px;*/
			top: 130%;
			opacity: 0;
			/*transition: 0.3s;*/
			border-radius: 4px;
			z-index: 99;
			box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
			border: 1px solid #000000;
			padding: 5px;
		}

			.navmenu .dropdown ul li {
				min-width: 100%;
			}

			.navmenu .dropdown ul a {
				padding: 10px 20px;
				font-size:16px;
				text-transform: none;
				color: #000000 !important;
				font-weight: 400;
				
			}

				.navmenu .dropdown ul a i {
					font-size: 12px;
				}

				.navmenu .dropdown ul a:hover,
				.navmenu .dropdown ul .active:hover,
				.navmenu .dropdown ul li:hover > a {
					color: #ffffff !important;
					background: #415F27;
					border-radius: 4px;
				}

		.navmenu .dropdown:hover > ul {
			opacity: 1;
			top: 100%;
			visibility: visible;
		}

		.navmenu .dropdown .dropdown ul {
			top: 0;
			left: 100%;
			visibility: hidden;
		}

		.navmenu .dropdown .dropdown:hover > ul {
			opacity: 1;
			top: 0;
			left: 100%;
			visibility: visible;
		}
}

/* Mobile Navigation */
@media (max-width: 1199px) {
	#nav-bar ul {
		width: 90% !important;
	}

	#nav-bar li {
		float: none !important;
		display: block !important;
	}

		#nav-bar li a {
			color: #000000 !important;
			font-size: 16px !important;
			display: flex !important;
		}

	#navlft {
		margin-left: 0px !important;
	}


	.mobile-nav-toggle {
		color: var(--nav-color);
		font-size: 28px;
		line-height: 0;
		margin-right: 10px;
		cursor: pointer;
		transition: color 0.3s;
	}

	.navmenu {
		padding: 0;
		z-index: 9997;
		background: #4b693100 !important;
	}

	.mheadng {
		padding-left: 12px !important;
	}

	.navmenu ul {
		display: none;
		position: absolute;
		inset: 60px 20px 20px 20px;
		padding: 10px 0;
		margin: 0;
		border-radius: 6px;
		background-color: var(--nav-mobile-background-color);
		border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
		box-shadow: none;
		overflow-y: auto;
		transition: 0.3s;
		z-index: 9998;
	}

	.navmenu a,
	.navmenu a:focus {
		color: var(--nav-dropdown-color);
		padding: 10px 20px;
		font-family: var(--nav-font);
		font-size: 17px;
		font-weight: 500;
		display: flex;
		align-items: center;
		justify-content: space-between;
		white-space: nowrap;
		transition: 0.3s;
	}

		.navmenu a i,
		.navmenu a:focus i {
			font-size: 12px;
			line-height: 0;
			margin-left: 5px;
			width: 30px;
			height: 30px;
			display: flex;
			align-items: center;
			justify-content: center;
			border-radius: 50%;
			transition: 0.3s;
			background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
		}

			.navmenu a i:hover,
			.navmenu a:focus i:hover {
				background-color: var(--accent-color);
				color: var(--contrast-color);
			}

		.navmenu a:hover,
		.navmenu .active,
		.navmenu .active:focus {
			color: var(--nav-dropdown-hover-color);
		}

			.navmenu .active i,
			.navmenu .active:focus i {
				background-color: var(--accent-color);
				color: var(--contrast-color);
				transform: rotate(180deg);
			}

	.navmenu .dropdown ul {
		position: static;
		display: none;
		z-index: 99;
		padding: 10px 0;
		margin: 10px 20px;
		background-color: var(--nav-dropdown-background-color);
		transition: all 0s ease-in-out;
	}

		.navmenu .dropdown ul ul {
			background-color: rgba(33, 37, 41, 0.1);
		}

	.navmenu .dropdown > .dropdown-active {
		display: block;
		background-color: rgba(33, 37, 41, 0.03);
	}

	.mobile-nav-active {
		overflow: hidden;
	}

		.mobile-nav-active .mobile-nav-toggle {
			color: #fff;
			position: absolute;
			font-size: 32px;
			top: 15px;
			right: 15px;
			margin-right: 0;
			z-index: 9999;
		}

		.mobile-nav-active .navmenu {
			position: fixed;
			overflow: hidden;
			inset: 0;
			background: rgba(33, 37, 41, 0.8) !important;
			transition: 0.3s;
		}

			.mobile-nav-active .navmenu > ul {
				display: block;
			}
}

/*--------------------------------------------------------------
# Global Footer
--------------------------------------------------------------*/
.footer {
	color: #54713b;
	background-color: #01690a !important;
	font-size: 16px;
	position: relative;
}

	.footer .footer-top {
		background-color: color-mix(in srgb, var(--background-color), white 5%);
		padding-top: 30px;
		/* margin-bottom: 20px; */
	}

	.footer .footer-about .logo {
		line-height: 1;
		/* margin-bottom: 25px; */
	}

		.footer .footer-about .logo img {
			/* max-height: 40px; */
			/* margin-right: 6px; */
		}

		.footer .footer-about .logo span {
			color: var(--heading-color);
			font-family: var(--heading-font);
			font-size: 26px;
			font-weight: 700;
			letter-spacing: 1px;
		}

	.footer .footer-about p {
		font-family: var(--heading-font);
		font-size: 15px !important;
	}

	.footer h4 {
		font-size: 20px;
		font-weight: 600;
		position: relative;
		padding-bottom: 12px;
		margin-bottom: 15px;
	}

		.footer h4::after {
			content: "";
			position: absolute;
			display: block;
			width: 20px;
			height: 2px;
			background: #0ea2bd00;
			bottom: 0;
			left: 0;
		}

	.footer .footer-links {
		margin-bottom: 30px;
		color: #ffffff;
		font-size: 16px !important;
		font-weight: 400;
		
		padding-top: 40px;
		padding-bottom: 30px;
	}

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

			.footer .footer-links ul i {
				padding-right: 2px;
				font-size: 12px;
				line-height: 0;
			}

			.footer .footer-links ul li {
				padding: 10px 0;
				display: flex;
				align-items: center;
			}

				.footer .footer-links ul li:first-child {
					padding-top: 0;
				}

		.footer .footer-links a i {
			color: #ffff;
			font-size: 20px;
			padding-right: 10px;
		}

		.footer .footer-links ul a {
			color: color-mix(in srgb, var(--default-color), transparent 30%);
			display: inline-block;
			line-height: 1;
		}

		.footer .footer-links h4 {
			margin-bottom: 0;
			color: #ffffff !important;
		}

		.footer .footer-links ul a:hover {
			color: var(--accent-color);
		}

	.footer .footer-contact p {
		margin-bottom: 5px;
		font-family: "Poppins", sans-serif !important;
	}

	.footer .copyright {
		background: #fff;
		padding: 5px 0;
		font-weight: 600;
		font-size: 16px;
	}

		.footer .copyright p {
			margin-bottom: 0;
		}

	.footer .credits {
		margin-top: 5px;
		font-size: 16px;
	}
.fixed-heading {
	padding-top: 0px;
}
main.main {
	padding-bottom: 0;
}

	.footer .social-links a {
		font-size:16px;
		display: inline-block;
		/* background: color-mix(in srgb, var(--default-color), transparent 90%); */
		color: #54713b;
		line-height: 1;
		padding: 8px 0;
		margin-right: 4px;
		border-radius: 4px;
		text-align: center;
		/* width: 36px; */
		/* height: 36px; */
		transition: 0.3s;
		font-weight: 600;
		/* Pulsating Play Button
------------------------------*/
		.pulsating-play-btn

{
	width: 94px;
	height: 94px;
	background: radial-gradient(var(--accent-color) 50%, color-mix(in srgb, var(--accent-color), transparent 75%) 52%);
	border-radius: 50%;
	display: block;
	position: relative;
	overflow: hidden;
}

.pulsating-play-btn:
before {
	content: "";
	position: absolute;
	width: 120px;
	height: 120px;
	animation-delay: 0s;
	animation: pulsate-play-btn 2s;
	animation-direction: forwards;
	animation-iteration-count: infinite;
	animation-timing-function: steps;
	opacity: 1;
	border-radius: 50%;
	border: 5px solid color-mix(in srgb, var(--accent-color), transparent 30%);
	top: -15%;
	left: -15%;
	background: rgba(198, 16, 0, 0);
}

.pulsating-play-btn:
after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-40%) translateY(-50%);
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 15px solid #fff;
	z-index: 100;
	transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.pulsating-play-btn:
hover:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-40%) translateY(-50%);
	width: 0;
	height: 0;
	border: none;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 15px solid #fff;
	z-index: 200;
	animation: none;
	border-radius: 0;
}

.pulsating-play-btn:
hover:after {
	border-left: 15px solid var(--accent-color);
	transform: scale(20);
}

@keyframes pulsate-play-btn {
	0% {
		transform: scale(0.6, 0.6);
		opacity: 1;
	}

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


/*--------------------------------------------------------------
# Global Header
--------------------------------------------------------------*/
.header {
	color: var(--default-color);
	background-color: var(--background-color);
	padding: 0px 0;
	transition: all 0.5s;
	z-index: 997;
}

	.header .logo {
		line-height: 1;
	}

		.header .logo
		img {
			/* max-height: 36px; */
			/* margin-right: 8px; */
		}

		.header .logo
		h1 {
			font-size: 32px;
			font-weight: 300;
			margin: 0;
			color: var(--heading-color);
		}

		.header .logo
		span {
			color: var(--accent-color);
			font-weight: 400;
			font-size: 34px;
			margin-left: 2px;
		}

	.header .btn-getstarted,
	.header .btn-getstarted:
	focus {
		color: var(--contrast-color);
		background: var(--accent-color);
		font-size:16px;
		padding: 8px 26px;
		margin: 0;
		border-radius: 4px;
		transition: 0.3s;
	}

		.header .btn-getstarted:
		hover,
		.header .btn-getstarted:focus:hover {
			color: var(--contrast-color);
			background: color-mix(in srgb, var(--accent-color), transparent 15%);
		}

@media (max-width: 1200px) {
	.header .logo {
		order: 0;
	}

		.header .logo h1 {
			width: auto !important;
			padding-top: 5px;
			padding-bottom: 10px;
		}

	.header {
		padding: 10px 0 !important;
	}
	/* #header img { */
	/* width: 100px!important; */
	/* } */
	#lang {
		display: none !important;
	}

	.nav-tabs {
		width: 100% !important;
	}

	.features .nav-link {
		margin-top: 15px !important;
	}

	.rlogo {
		width: 100px !important;
	}

	/* .sitname img{ */
	/* display:none!important; */
	/* } */

	.header .btn-getstarted {
		order: 2;
		margin: 0 15px 0 0;
		padding: 6px 20px;
	}

	.header .navmenu {
		order: 3;
	}
}

.scrolled .header {
	box-shadow: 0px 0 18px rgba(0, 0, 0, 0.1);
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Desktop Navigation */
@media (min-width: 1200px) {
	.navmenu {
		padding: 0;
	}

		.navmenu ul {
			margin: 0;
			padding: 0;
			display: flex;
			list-style: none;
			align-items: center;
		}

		.navmenu li {
			position: relative;
		}

		.navmenu > ul > li {
			white-space: nowrap;
			padding: 8px 29px;
		}

			.navmenu > ul > li:
			last-child {
				padding-right: 0;
			}

		.navmenu a,
		.navmenu a:
		focus {
			color: #ffffff;
			font-size:16px;
			padding: 0 2px;
			font-family: var(--nav-font);
			font-weight: 400;
			display: flex;
			align-items: center;
			justify-content: space-between;
			white-space: nowrap;
			transition: 0.3s;
			position: relative;
		}

			.navmenu a i,
			.navmenu a:
			focus i {
				font-size: 12px;
				line-height: 0;
				margin-left: 5px;
				transition: 0.3s;
			}

		.navmenu > ul > li > a:
		before {
			content: "";
			position: absolute;
			width: 100%;
			height: 2px;
			bottom: -6px;
			left: 0;
			background-color: #0ea2bd00;
			visibility: hidden;
			width: 0px;
		}

		.navmenu a:
		hover:before,
		.navmenu li:hover > a:before,
		.navmenu .active:before {
			visibility: visible;
			width: 100%;
		}

		.navmenu li:
		hover > a,
		.navmenu .active,
		.navmenu .active:focus {
		}

		.navmenu .dropdown ul {
			margin: 0;
			padding: 10px 0;
			background: var(--nav-dropdown-background-color);
			display: block;
			position: absolute;
			visibility: hidden;
			left: 14px;
			top: 130%;
			opacity: 0;
			/*transition: 0.3s;*/
			border-radius: 4px;
			z-index: 99;
			box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
		}

			.navmenu .dropdown ul li {
				min-width: 200px;
			}

			.navmenu .dropdown ul a {
				padding: 10px 20px;
				font-size: 15px;
				text-transform: none;
				color: var(--nav-dropdown-color);
			}

				.navmenu .dropdown ul a i {
					font-size: 12px;
				}

				.navmenu .dropdown ul a:
				hover,
				.navmenu .dropdown ul .active:hover,
				.navmenu .dropdown ul li:hover > a {
					color: var(--nav-dropdown-hover-color);
				}

		.navmenu .dropdown:
		hover > ul {
			opacity: 1;
			top: 100%;
			visibility: visible;
		}

		.navmenu .dropdown .dropdown ul {
			top: 0;
			left: -90%;
			visibility: hidden;
		}

		.navmenu .dropdown .dropdown:
		hover > ul {
			opacity: 1;
			top: 0;
			left: -100%;
			visibility: visible;
		}
}

/* Mobile Navigation */
@media (max-width: 1199px) {
	.mobile-nav-toggle {
		color: var(--nav-color);
		font-size: 28px;
		line-height: 0;
		margin-right: 10px;
		cursor: pointer;
		transition: color 0.3s;
	}

	.navmenu {
		padding: 0;
		z-index: 9997;
	}

		.navmenu ul {
			display: none;
			position: absolute;
			inset: 60px 20px 20px 20px;
			padding: 10px 0;
			margin: 0;
			border-radius: 6px;
			background-color: var(--nav-mobile-background-color);
			border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
			box-shadow: none;
			overflow-y: auto;
			transition: 0.3s;
			z-index: 9998;
		}

		.navmenu a,
		.navmenu a:
		focus {
			color: var(--nav-dropdown-color);
			padding: 10px 20px;
			font-family: var(--nav-font);
			font-size: 17px;
			font-weight: 500;
			display: flex;
			align-items: center;
			justify-content: space-between;
			white-space: nowrap;
			transition: 0.3s;
		}

			.navmenu a i,
			.navmenu a:
			focus i {
				font-size: 12px;
				line-height: 0;
				margin-left: 5px;
				width: 30px;
				height: 30px;
				display: flex;
				align-items: center;
				justify-content: center;
				border-radius: 50%;
				transition: 0.3s;
				background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
			}

				.navmenu a i:
				hover,
				.navmenu a:focus i:hover {
					background-color: var(--accent-color);
					color: var(--contrast-color);
				}

			.navmenu a:
			hover,
			.navmenu .active,
			.navmenu .active:focus {
				color: var(--nav-dropdown-hover-color);
			}

				.navmenu .active i,
				.navmenu .active:
				focus i {
					background-color: var(--accent-color);
					color: var(--contrast-color);
					transform: rotate(180deg);
				}

		.navmenu .dropdown ul {
			position: static;
			display: none;
			z-index: 99;
			padding: 10px 0;
			margin: 10px 20px;
			background-color: var(--nav-dropdown-background-color);
			transition: all 0s ease-in-out;
		}

			.navmenu .dropdown ul ul {
				background-color: rgba(33, 37, 41, 0.1);
			}

		.navmenu .dropdown > .dropdown-active {
			display: block;
			background-color: rgba(33, 37, 41, 0.03);
		}

	.mobile-nav-active {
		overflow: hidden;
	}

		.mobile-nav-active .mobile-nav-toggle {
			color: #fff;
			position: absolute;
			font-size: 32px;
			top: 15px;
			right: 15px;
			margin-right: 0;
			z-index: 9999;
		}

		.mobile-nav-active .navmenu {
			position: fixed;
			overflow: hidden;
			inset: 0;
			background: rgba(33, 37, 41, 0.8);
			transition: 0.3s;
		}

			.mobile-nav-active .navmenu > ul {
				display: block;
			}
}

/*--------------------------------------------------------------
# Global Footer
--------------------------------------------------------------*/
.footer {
	color: #54713b;
	/* background-color: #4b6931!important; */
	font-size:16px;
	position: relative;
}

	.footer .footer-top {
		background-color: color-mix(in srgb, var(--background-color), white 5%);
		padding-top: 50px;
	}

	.footer .footer-about .logo {
		line-height: 1;
		/* margin-bottom: 25px; */
	}

		.footer .footer-about .logo
		img {
			/* max-height: 40px; */
			/* margin-right: 6px; */
		}

		.footer .footer-about .logo
		span {
			color: var(--heading-color);
			font-family: var(--heading-font);
			font-size: 26px;
			font-weight: 700;
			letter-spacing: 1px;
		}

	.footer .footer-about
	p {
		font-size:16px;
		font-family: var(--heading-font);
	}

	.footer
	h4 {
		font-size: 16px;
		font-weight: 600;
		position: relative;
		padding-bottom: 12px;
		margin-bottom: 15px;
	}

		.footer
		h4::after {
			content: "";
			position: absolute;
			display: block;
			width: 20px;
			height: 2px;
			background: #0ea2bd00;
			bottom: 0;
			left: 0;
		}

	.footer .footer-links {
		margin-bottom: 30px;
		color: #ffffff;
		font-size: 13px;
	}

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

			.footer .footer-links
			ul i {
				padding-right: 2px;
				font-size: 12px;
				line-height: 0;
			}

			.footer .footer-links
			ul li {
				padding: 10px 0;
				display: flex;
				align-items: center;
			}

				.footer .footer-links
				ul li:first-child {
					padding-top: 0;
				}

		.footer .footer-links
		a i {
			color: #ffff;
			font-size: 20px;
			padding-right: 10px;
		}

		.footer .footer-links
		ul a {
			color: color-mix(in srgb, var(--default-color), transparent 30%);
			display: inline-block;
			line-height: 1;
		}

		.footer .footer-links
		h4 {
			color: #ffffff !important;
		}

		.footer .footer-links
		ul a:hover {
			color: var(--accent-color);
		}

	.footer .footer-contact
	p {
		margin-bottom: 5px;
	}

	.footer .copyright {
		padding: 5px 0;
		font-weight: 600;
		font-size:16px;
		
	}

		.footer .copyright
		p {
			margin-bottom: 0;
		}

	.footer .credits {
		margin-top: 5px;
		font-size: 13px;
	}

	.footer .social-links
	a {
		font-size:16px;
		display: inline-block;
		/* background: color-mix(in srgb, var(--default-color), transparent 90%); */
		color: #54713b;
		line-height: 1;
		padding: 8px 0;
		margin-right: 4px;
		border-radius: 4px;
		text-align: center;
		/* width: 36px; */
		/* height: 36px; */
		transition: 0.3s;
		font-weight: bold;
	}

		.footer .social-links
		a:hover {
			text-decoration: none;
		}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
	position: fixed;
	inset: 0;
	z-index: 9999;
	overflow: hidden;
	background-color: var(--background-color);
	transition: all 0.6s ease-out;
	width: 100%;
	height: 100vh;
}

	#preloader:
	before,
	#preloader:after {
		content: "";
		position: absolute;
		border: 4px solid var(--accent-color);
		border-radius: 50%;
		animation: animate-preloader 2s cubic-bezier(0, 0.2, 0.8, 1) infinite;
	}

	#preloader:
	after {
		animation-delay: -0.5s;
	}

@keyframes animate-preloader {
	0% {
		width: 10px;
		height: 10px;
		top: calc(50% - 5px);
		left: calc(50% - 5px);
		opacity: 1;
	}

	100% {
		width: 72px;
		height: 72px;
		top: calc(50% - 36px);
		left: calc(50% - 36px);
		opacity: 0;
	}
}

/*--------------------------------------------------------------
# Scroll Top Button
--------------------------------------------------------------*/
.scroll-top {
	position: fixed;
	visibility: hidden;
	opacity: 0;
	right: 15px;
	bottom: 15px;
	z-index: 99999;
	background-color: var(--accent-color);
	width: 40px;
	height: 40px;
	border-radius: 4px;
	transition: all 0.4s;
}

	.scroll-top
	i {
		font-size: 24px;
		color: var(--contrast-color);
		line-height: 0;
	}

	.scroll-top:
	hover {
		background-color: color-mix(in srgb, var(--accent-color), transparent 20%);
		color: var(--contrast-color);
	}

	.scroll-top.active {
		visibility: visible;
		opacity: 1;
	}

/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
	[data-aos-delay] {
		transition-delay: 0 !important;
	}
}

/*--------------------------------------------------------------
# Global Page Titles & Breadcrumbs
--------------------------------------------------------------*/
.page-title {
	--background-color: color-mix(in srgb, var(--default-color), transparent 96%);
	color: var(--default-color);
	background-color: var(--background-color);
	padding: 25px 0;
	position: relative;
}

	.page-title
	h1 {
		font-size: 28px;
		font-weight: 300;
	}

	.page-title .breadcrumbs
	ol {
		display: flex;
		flex-wrap: wrap;
		list-style: none;
		padding: 0;
		margin: 0;
		font-size:16px;
	}

		.page-title .breadcrumbs
		ol li + li {
			padding-left: 10px;
		}

			.page-title .breadcrumbs
			ol li + li::before {
				content: "/";
				display: inline-block;
				padding-right: 10px;
				color: color-mix(in srgb, var(--default-color), transparent 70%);
			}

/*--------------------------------------------------------------
# Global Sections
--------------------------------------------------------------*/
section,
.section {
	color: var(--default-color);
	background-color: var(--background-color);
	/*  padding: 60px 0;*/
	padding: 25px 0;
	scroll-margin-top: 100px;
	overflow: clip;
}

@media (max-width: 1199px) {

	section,
	.section {
		scroll-margin-top: 66px;
	}
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
.hero {
	--background-color: #211e32 !important;
	--default-color: var(--hero-color);
	--heading-color: var(--hero-color);
	--contrast-color: var(--hero-color);
	width: 100%;
	min-height: 80vh;
	position: relative;
	padding: 120px 0 60px 0;
	display: flex;
	align-items: center;
}

	.hero
	h1 {
		margin: 0;
		/* font-size: 48px; */
		font-size: 3rem !important;
		/* font-weight: 700; */
		line-height: 56px;
		padding-bottom: 1.5rem !important;
	}

	.hero
	p {
		/* color: color-mix(in srgb, var(--default-color), transparent 30%); */
		margin: 5px 0 30px 0;
		font-size: 22px;
		font-size: 1.25rem !important;
		/* line-height: 1.3; */
		/* font-weight: 600; */
		/* padding-bottom: 8px; */
		padding-bottom: 1.25rem !important;
		
		color: #b1b5d3;
	}

	.hero .btn-get-started {
		color: var(--contrast-color);
		background: var(--accent-color);
		font-family: var(--heading-font);
		font-weight: 500;
		font-size: 15px;
		letter-spacing: 1px;
		display: inline-block;
		padding: 10px 28px 12px 28px;
		border-radius: 50px;
		transition: 0.5s;
		background-color: rgb(82, 189, 149) !important;
		box-shadow: rgba(17, 17, 17, 0.04) 0px 2px 4px 0px, rgba(33, 33, 33, 0.08) 0px 8px 32px 0px;
		border-radius: 0.25rem;
		margin-left: 12px;
	}

		.hero .btn-get-started:
		hover {
			color: var(--contrast-color);
			background: color-mix(in srgb, var(--accent-color), transparent 15%);
		}

	.hero .btn-watch-video {
		font-size: 16px;
		transition: 0.5s;
		margin-left: 25px;
		color: var(--default-color);
		font-weight: 600;
	}

		.hero .btn-watch-video
		i {
			color: var(--contrast-color);
			font-size: 32px;
			transition: 0.3s;
			line-height: 0;
			margin-right: 8px;
		}

		.hero .btn-watch-video:
		hover {
			color: var(--accent-color);
		}

			.hero .btn-watch-video:
			hover i {
				color: color-mix(in srgb, var(--accent-color), transparent 15%);
			}

	.hero .animated {
		animation: up-down 2s ease-in-out infinite alternate-reverse both;
	}

@media (max-width: 468px) {
	.team .team-member .social {
		justify-content: center;
	}

	.info-item {
		margin-top: 0% !important;
		text-align: center;
	}

	.centeralize {
		margin-top: 0% !important;
		text-align: center;
	}

	.order-2 {
		text-align: center !important;
	}

		.order-2 .d-flex {
			display: block !important;
		}
}


/*--------------------------------------------------------------
# Global Section Titles
--------------------------------------------------------------*/
.section-title {
	text-align: center;
	padding-bottom: 60px;
	position: relative;
}

	.section-title
	h2 {
		font-size: 32px;
		font-weight: 600;
		margin-bottom: 15px;
		color: #2F4D15;
	}

		.section-title
		h2:after {
			content: "";
			position: relative;
			display: block;
			width: 315px;
			height: 3px;
			background: #FFDE3E;
			left: 0;
			right: 0;
			bottom: 0;
			top: 18px;
			margin: auto;
		}

.faqs
h2:after {
	content: "";
	position: relative;
	display: block;
	width: 588px;
	height: 3px;
	background: #FFDE3E;
	left: 0;
	right: 0;
	bottom: 0;
	top: 18px;
	margin: auto;
}

.section-title
p {
	margin-top: 50px;
	display: none;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
.hero {
	width: 100%;
	min-height: 50vh;
	position: relative;
	padding: 80px 0 60px 0;
	display: flex;
	align-items: center;
	background: url("../img/hero-bg.png") center center;
	background-size: cover;
}

	.hero
	h1 {
		margin: 0 0 10px 0;
		font-size: 64px !important;
		font-weight: bold;
		color: #415F27;
	}

		.hero
		h1 span {
			color: var(--accent-color);
		}

	.hero
	p {
		color: #2F4D15;
		margin: 5px 0 30px 0;
		font-size: 18px !important;
		font-weight: 600;
		line-height: 30px;
	}

	.hero .btn-get-started {
		color: #194D09;
		background: #FFDE3E !important;
		font-family: var(--heading-font);
		font-weight: 600 !important;
		font-size: 16px;
		letter-spacing: 1px;
		display: inline-block;
		padding: 10px 28px;
		border-radius: 4px;
		transition: 0.5s;
		font-weight: bold;
	}

	.hero .btn-get-started1 {
		color: #194D09;
		background: #ffde3e00 !important;
		font-family: var(--heading-font);
		font-weight: 600;
		font-size: 16px;
		letter-spacing: 1px;
		display: inline-block;
		padding: 10px 28px;
		border-radius: 4px;
		transition: 0.5s;
	}



	.hero .btn-get-started:
	hover {
		color: var(--contrast-color);
		background: color-mix(in srgb, var(--accent-color), transparent 15%);
	}

	.hero .btn-watch-video {
		font-size: 16px;
		transition: 0.5s;
		margin-left: 25px;
		color: var(--default-color);
		font-weight: 500;
	}

		.hero .btn-watch-video
		i {
			color: var(--accent-color);
			font-size: 32px;
			transition: 0.3s;
			line-height: 0;
			margin-right: 8px;
		}

		.hero .btn-watch-video:
		hover {
			color: var(--accent-color);
		}

			.hero .btn-watch-video:
			hover i {
				color: color-mix(in srgb, var(--accent-color), transparent 15%);
			}

	.hero .animated {
		margin-bottom: 60px;
		animation: up-down 2s ease-in-out infinite alternate-reverse both;
	}

@media (min-width: 992px) {
	.hero .animated {
		max-width: 100%;
	}
}

@media (max-width: 991px) {
	.hero .animated {
		max-width: 60%;
	}
}

@media (max-width: 575px) {
	.hero .animated {
		max-width: 80%;
	}
}

@media (max-width: 640px) {
	.hero h1 {
		font-size: 28px;
		line-height: 36px;
	}

	.hero p {
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 30px;
	}

	.hero .btn-get-started,
	.hero .btn-watch-video {
		font-size: 13px;
	}
}

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

	100% {
		transform: translateY(-10px);
	}
}

/*--------------------------------------------------------------
# Featured Services Section
--------------------------------------------------------------*/
.featured-services .service-item {
	padding: 50px 30px;
	transition: all ease-in-out 0.4s;
	height: 100%;
}

	.featured-services .service-item .icon {
		margin-bottom: 10px;
	}

		.featured-services .service-item .icon
		i {
			color: var(--accent-color);
			font-size: 36px;
			transition: 0.3s;
		}

	.featured-services .service-item
	h4 {
		font-weight: 700;
		margin-bottom: 15px;
		font-size: 20px;
	}

		.featured-services .service-item
		h4 a {
			color: var(--heading-color);
			transition: ease-in-out 0.3s;
		}

	.featured-services .service-item
	p {
		line-height: 24px;
		font-size:16px;
		margin-bottom: 0;
	}

	.featured-services .service-item:
	hover {
		transform: translateY(-10px);
		background-color: var(--surface-color);
		box-shadow: 0px 5px 90px 0px rgba(0, 0, 0, 0.1);
	}

		.featured-services .service-item:
		hover h4 a {
			color: var(--accent-color);
		}

/*--------------------------------------------------------------
# About Section
--------------------------------------------------------------*/
.about .about-img {
	position: relative;
	margin: 60px 0 0 60px;
}

	.about .about-img:
	before {
		position: absolute;
		inset: -60px 0 0 -60px;
		content: "";
		background: url("../img/about-bg.png") top left;
		background-repeat: no-repeat;
		z-index: 1;
	}

	.about .about-img
	img {
		position: relative;
		z-index: 2;
	}

@media (max-width: 575px) {
	.about .about-img {
		margin: 30px 0 0 30px;
	}

		.about .about-img:
		before {
			inset: -30px 0 0 -30px;
		}
}

.about
h3 {
	font-weight: 300;
	font-size: 32px;
	margin-bottom: 20px;
}

@media (max-width: 768px) {
	.about h3 {
		font-size: 28px;
	}
}

.about .nav-pills {
	border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 85%);
}

	.about .nav-pills
	li + li {
		margin-left: 40px;
	}

.about .nav-link {
	background: none;
	font-size: 18px;
	font-weight: 400;
	color: var(--default-color);
	padding: 12px 0;
	margin-bottom: -2px;
	border-radius: 0;
}

	.about .nav-link.active {
		color: var(--accent-color);
		background: none;
		border-bottom: 3px solid var(--accent-color);
	}

@media (max-width: 575px) {
	.about .nav-link {
		font-size: 16px;
	}
}

.about .tab-content
h4 {
	font-size: 18px;
	margin: 0;
	font-weight: 700;
	color: var(--default-color);
}

.about .tab-content
i {
	font-size: 22px;
	line-height: 0;
	margin-right: 8px;
	color: var(--accent-color);
}

/*--------------------------------------------------------------
# Clients Section
--------------------------------------------------------------*/
.clients {
	padding: 20px 0;
}

	.clients .client-logo {
		display: flex;
		justify-content: center;
		align-items: center;
		overflow: hidden;
	}

		.clients .client-logo
		img {
			padding: 20px 40px;
			max-width: 90%;
			transition: 0.3s;
			opacity: 0.5;
			filter: grayscale(100);
		}

			.clients .client-logo
			img:hover {
				filter: none;
				opacity: 1;
			}

@media (max-width: 640px) {
	.clients .client-logo img {
		padding: 20px;
	}
}

/*--------------------------------------------------------------
# Call To Action Section
--------------------------------------------------------------*/
.call-to-action {
	padding: 0;
}

	.call-to-action .container {
		padding: 80px;
		background: color-mix(in srgb, var(--default-color), transparent 96%);
		border-radius: 15px;
	}

@media (max-width: 992px) {
	.call-to-action .container {
		padding: 60px;
	}
}

.call-to-action .content
h3 {
	font-size: 48px;
	font-weight: 700;
}

	.call-to-action .content
	h3 em {
		font-style: normal;
		position: relative;
		z-index: 1;
	}

		.call-to-action .content
		h3 em:after {
			content: "";
			position: absolute;
			left: 0;
			right: 0;
			bottom: 10px;
			height: 10px;
			background: color-mix(in srgb, var(--accent-color), transparent 30%);
			z-index: -1;
		}

.call-to-action .content
p {
	color: color-mix(in srgb, var(--default-color), transparent 20%);
	font-weight: 400;
	font-size: 18px;
}

.call-to-action .content .cta-btn {
	color: var(--contrast-color);
	font-weight: 500;
	font-size: 16px;
	display: inline-block;
	padding: 12px 40px;
	border-radius: 5px;
	transition: 0.5s;
	margin-top: 10px;
	background: var(--accent-color);
}

	.call-to-action .content .cta-btn:
	hover {
		background: color-mix(in srgb, var(--accent-color) 90%, black 15%);
	}

.call-to-action .img {
	position: relative;
}

	.call-to-action .img:
	before {
		content: "";
		position: absolute;
		inset: 0;
		background: color-mix(in srgb, var(--contrast-color), transparent 20%);
		border-radius: 15px;
		transform: rotate(6deg);
		z-index: 2;
	}

	.call-to-action .img:
	after {
		content: "";
		position: absolute;
		inset: 0;
		background: color-mix(in srgb, var(--default-color), transparent 95%);
		border-radius: 15px;
		transform: rotate(12deg);
		z-index: 1;
	}

	.call-to-action .img
	img {
		position: relative;
		z-index: 3;
		border-radius: 15px;
		z-index: 3;
	}

/*--------------------------------------------------------------
# Onfocus Section
--------------------------------------------------------------*/
.onfocus {
	padding: 0;
}

	.onfocus .video-play {
		min-height: 400px;
		background: linear-gradient(color-mix(in srgb, var(--background-color), transparent 90%), color-mix(in srgb, var(--background-color), transparent 75%)), url("../img/onfocus-video-bg.jpg") center center;
		background-size: cover;
	}

	.onfocus .content {
		background: linear-gradient(color-mix(in srgb, var(--background-color), transparent 90%), color-mix(in srgb, var(--background-color), transparent 75%)), url("../img/onfocus-content-bg.jpg") center center;
		background-size: cover;
		padding: 40px;
	}

@media (min-width: 768px) {
	.onfocus .content {
		padding: 80px;
	}
}

.onfocus .content
h3 {
	font-weight: 600;
	font-size: 32px;
}

.onfocus .content
ul {
	list-style: none;
	padding: 0;
}

	.onfocus .content
	ul li {
		padding-bottom: 10px;
	}

	.onfocus .content
	ul i {
		font-size: 20px;
		padding-right: 4px;
		color: var(--accent-color);
	}

.onfocus .content
p:last-child {
	margin-bottom: 0;
}

.onfocus .content .read-more {
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 1px;
	padding: 12px 24px;
	border-radius: 5px;
	transition: 0.3s;
	display: -nline-flex;
	align-items: center;
	justify-content: center;
	color: var(--contrast-color);
	background: var(--accent-color);
}

	.onfocus .content .read-more
	i {
		font-size: 18px;
		margin-left: 5px;
		line-height: 0;
		transition: 0.3s;
	}

	.onfocus .content .read-more:
	hover {
		background: color-mix(in srgb, var(--accent-color) 90%, black 15%);
		padding-right: 19px;
	}

		.onfocus .content .read-more:
		hover i {
			margin-left: 10px;
		}

.onfocus .pulsating-play-btn {
	position: absolute;
	left: calc(50% - 47px);
	top: calc(50% - 47px);
}

/*--------------------------------------------------------------
# Features Section
--------------------------------------------------------------*/
.features .nav-tabs {
	border: 0;
}

.features .nav-link {
	background-color: var(--surface-color);
	color: var(--color-secondary);
	border: 0;
	padding: 9px 27px;
	box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.1);
	border-radius: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	transition: 0s;
	cursor: pointer;
	height: 100%;
	border-radius: 5px;
	margin-left: 5px;
	border: 1px solid #cbcaca;
}

	.features .nav-link
	i {
		font-size: 32px;
		line-height: 0;
	}

	.features .nav-link
	h4 {
		font-size: 20px;
		font-weight: 600;
		margin: 10px 0 0 0;
	}

	.features .nav-link:
	hover {
		color: var(--accent-color);
	}

	.features .nav-link:
	hover,
	.features .nav-link.active {
		transition: 0.3s;
		background: #0070c0;
		color: var(--contrast-color) !important;
		border-color: var(--accent-color);
	}

		.features .nav-link:
		hover h4,
		.features .nav-link.active h4 {
			color: var(--contrast-color);
		}

		.features .nav-link:
		hover i,
		.features .nav-link.active i {
			color: var(--contrast-color) !important;
		}

.features .tab-content {
	margin-top: 30px;
}

.features .tab-pane.active {
	animation: fadeIn 0.5s ease-out;
}

.features .tab-pane
h3 {
	font-weight: 600;
	font-size: 28px;
}

.features .tab-pane
ul {
	list-style: none;
	padding: 0;
}

	.features .tab-pane
	ul li {
		padding-bottom: 10px;
	}

	.features .tab-pane
	ul i {
		font-size: 24px;
		margin-right: 4px;
		color: var(--accent-color);
	}

.features .tab-pane
p:last-child {
	margin-bottom: 0;
}

/*--------------------------------------------------------------
# Services Section
--------------------------------------------------------------*/
.services .img {
	border-radius: 8px;
	overflow: hidden;
}

	.services .img
	img {
		transition: 0.6s;
	}

.services .details {
	background: color-mix(in srgb, var(--surface-color), transparent 5%);
	padding: 50px 30px;
	margin: -100px 30px 0 30px;
	transition: all ease-in-out 0.3s;
	position: relative;
	text-align: center;
	border-radius: 8px;
	box-shadow: 0px 0 25px rgba(0, 0, 0, 0.1);
}

	.services .details .icon {
		margin: 0;
		width: 72px;
		height: 72px;
		background: var(--accent-color);
		color: var(--contrast-color);
		border: 6px solid var(--contrast-color);
		border-radius: 50px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 20px;
		font-size: 28px;
		transition: ease-in-out 0.3s;
		position: absolute;
		top: -36px;
		left: calc(50% - 36px);
	}

	.services .details
	h3 {
		font-weight: 700;
		margin: 10px 0 15px 0;
		font-size: 22px;
		transition: ease-in-out 0.3s;
	}

	.services .details
	p {
		color: color-mix(in srgb, var(--default-color), transparent 10%);
		line-height: 24px;
		font-size:16px;
		margin-bottom: 0;
	}

.services .service-item:
hover .details h3 {
	color: var(--accent-color);
}

.services .service-item:
hover .details .icon {
	background: var(--surface-color);
	border: 2px solid var(--accent-color);
}

	.services .service-item:
	hover .details .icon i {
		color: var(--accent-color);
	}

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

/*--------------------------------------------------------------
# Testimonials Section
--------------------------------------------------------------*/
.testimonials {
	padding: 80px 0;
	position: relative;
}

	.testimonials:
	before {
		content: "";
		background: color-mix(in srgb, var(--background-color), transparent 30%);
		position: absolute;
		inset: 0;
		z-index: 2;
	}

	.testimonials .testimonials-bg {
		position: absolute;
		inset: 0;
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
		z-index: 1;
	}

	.testimonials .container {
		position: relative;
		z-index: 3;
	}

	.testimonials .testimonials-carousel,
	.testimonials .testimonials-slider {
		overflow: hidden;
	}

	.testimonials .testimonial-item {
		text-align: center;
	}

		.testimonials .testimonial-item .testimonial-img {
			width: 100px;
			border-radius: 50%;
			border: 6px solid color-mix(in srgb, var(--default-color), transparent 85%);
			margin: 0 auto;
		}

		.testimonials .testimonial-item
		h3 {
			font-size: 20px;
			font-weight: bold;
			margin: 10px 0 5px 0;
		}

		.testimonials .testimonial-item
		h4 {
			font-size:16px;
			margin: 0 0 15px 0;
			color: color-mix(in srgb, var(--default-color), transparent 40%);
		}

		.testimonials .testimonial-item .stars {
			margin-bottom: 15px;
		}

			.testimonials .testimonial-item .stars
			i {
				color: #ffc107;
				margin: 0 1px;
			}

		.testimonials .testimonial-item .quote-icon-left,
		.testimonials .testimonial-item .quote-icon-right {
			color: color-mix(in srgb, var(--default-color), transparent 40%);
			font-size: 26px;
			line-height: 0;
		}

		.testimonials .testimonial-item .quote-icon-left {
			display: inline-block;
			left: -5px;
			position: relative;
		}

		.testimonials .testimonial-item .quote-icon-right {
			display: inline-block;
			right: -5px;
			position: relative;
			top: 10px;
			transform: scale(-1, -1);
		}

		.testimonials .testimonial-item
		p {
			font-style: italic;
			margin: 0 auto 15px auto;
		}

	.testimonials .swiper-wrapper {
		height: auto;
	}

	.testimonials .swiper-pagination {
		margin-top: 20px;
		position: relative;
	}

		.testimonials .swiper-pagination .swiper-pagination-bullet {
			width: 12px;
			height: 12px;
			background-color: color-mix(in srgb, var(--default-color), transparent 50%);
			opacity: 0.5;
		}

		.testimonials .swiper-pagination .swiper-pagination-bullet-active {
			background-color: var(--default-color);
			opacity: 1;
		}

@media (min-width: 992px) {
	.testimonials .testimonial-item p {
		width: 80%;
	}
}

/*--------------------------------------------------------------
# Pricing Section
--------------------------------------------------------------*/
.pricing .pricing-item {
	background-color: var(--backgroun-color);
	padding: 60px 40px;
	box-shadow: 0 3px 20px -2px rgba(0, 0, 0, 0.1);
	height: 100%;
	display: flex;
	flex-direction: column;
	border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
	border-radius: 10px;
	overflow: hidden;
}

.pricing .pricing-header {
	background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.3)), url("../img/pricing-bg.jpg") center center;
	background-size: cover;
	text-align: center;
	padding: 40px;
	margin: -60px -40px 0;
}

.pricing
h3 {
	font-weight: 600;
	margin-bottom: 5px;
	font-size: 36px;
	color: var(--contrast-color);
}

.pricing
h4 {
	font-size: 48px;
	color: var(--contrast-color);
	font-weight: 400;
	margin-bottom: 0;
}

	.pricing
	h4 sup {
		font-size: 28px;
	}

	.pricing
	h4 span {
		color: color-mix(in srgb, var(--contrast-color), transparent 20%);
		font-size: 24px;
	}

.pricing
ul {
	padding: 30px 0;
	list-style: none;
	color: color-mix(in srgb, var(--default-color), transparent 30%);
	text-align: left;
	line-height: 20px;
}

	.pricing
	ul li {
		padding: 10px 0;
		display: flex;
		align-items: center;
	}

	.pricing
	ul i {
		color: var(--accent-color);
		font-size: 36px;
		padding-right: 3px;
		line-height: 0;
	}

	.pricing
	ul .na {
		color: color-mix(in srgb, var(--default-color), transparent 60%);
	}

		.pricing
		ul .na i {
			color: color-mix(in srgb, var(--default-color), transparent 60%);
			font-size: 24px;
			padding-left: 4px;
		}

		.pricing
		ul .na span {
			text-decoration: line-through;
		}

.pricing .buy-btn {
	display: inline-block;
	padding: 12px 40px;
	border-radius: 6px;
	color: var(--default-color);
	transition: none;
	font-size: 16px;
	font-weight: 500;
	transition: 0.3s;
	border: 1px solid var(--default-color);
}

	.pricing .buy-btn:
	hover {
		background: var(--accent-color);
		color: var(--contrast-color);
		border-color: var(--accent-color);
	}

.pricing .featured {
	border-color: var(--accent-color);
}

	.pricing .featured .pricing-header {
		background: linear-gradient(color-mix(in srgb, var(--accent-color), transparent 10%), color-mix(in srgb, var(--accent-color), transparent 20%)), url("../img/pricing-bg.jpg") center center;
	}

	.pricing .featured .buy-btn {
		border-color: var(--accent-color);
		background: var(--accent-color);
		color: var(--contrast-color);
	}

/*--------------------------------------------------------------
# Faq Section
--------------------------------------------------------------*/
.faq .content
h3 {
	font-weight: 400;
	font-size: 34px;
}

.faq .content
p {
	color: color-mix(in srgb, var(--default-color), transparent 30%);
}

.faq .faq-container {
	margin-top: 15px;
}

	.faq .faq-container .faq-item {
		background-color: var(--surface-color);
		position: relative;
		padding: 20px;
		margin-bottom: 20px;
		box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.1);
		overflow: hidden;
	}

		.faq .faq-container .faq-item:
		last-child {
			margin-bottom: 0;
		}

		.faq .faq-container .faq-item
		h3 {
			font-weight: 600;
			font-size: 17px;
			line-height: 24px;
			margin: 0 30px 0 32px;
			transition: 0.3s;
			cursor: pointer;
		}

			.faq .faq-container .faq-item
			h3 span {
				color: var(--accent-color);
				padding-right: 5px;
			}

			.faq .faq-container .faq-item
			h3:hover {
				color: var(--accent-color);
			}

		.faq .faq-container .faq-item .faq-content {
			display: grid;
			grid-template-rows: 0fr;
			transition: 0.3s ease-in-out;
			visibility: hidden;
			opacity: 0;
		}

			.faq .faq-container .faq-item .faq-content
			p {
				margin-bottom: 0;
				overflow: hidden;
			}

		.faq .faq-container .faq-item .faq-icon {
			position: absolute;
			top: 22px;
			left: 20px;
			font-size: 22px;
			line-height: 0;
			transition: 0.3s;
			color: var(--accent-color);
		}

		.faq .faq-container .faq-item .faq-toggle {
			position: absolute;
			top: 20px;
			right: 20px;
			font-size: 16px;
			line-height: 0;
			transition: 0.3s;
			cursor: pointer;
		}

			.faq .faq-container .faq-item .faq-toggle:
			hover {
				color: var(--accent-color);
			}

	.faq .faq-container .faq-active
	h3 {
		color: var(--accent-color);
	}

	.faq .faq-container .faq-active .faq-content {
		grid-template-rows: 1fr;
		visibility: visible;
		opacity: 1;
		padding-top: 10px;
	}

	.faq .faq-container .faq-active .faq-toggle {
		transform: rotate(90deg);
		color: var(--accent-color);
	}

/*--------------------------------------------------------------
# Portfolio Section
--------------------------------------------------------------*/
.portfolio .portfolio-filters {
	padding: 0;
	margin: 0 auto 20px auto;
	list-style: none;
	text-align: center;
}

	.portfolio .portfolio-filters
	li {
		cursor: pointer;
		display: inline-block;
		padding: 0;
		font-size: 18px;
		font-weight: 400;
		margin: 0 10px;
		line-height: 1;
		margin-bottom: 5px;
		transition: all 0.3s ease-in-out;
	}

		.portfolio .portfolio-filters
		li:hover,
		.portfolio .portfolio-filters li.filter-active {
			color: var(--accent-color);
		}

		.portfolio .portfolio-filters
		li:first-child {
			margin-left: 0;
		}

		.portfolio .portfolio-filters
		li:last-child {
			margin-right: 0;
		}

@media (max-width: 575px) {
	.portfolio .portfolio-filters li {
		font-size:16px;
		margin: 0 5px;
	}
}

.portfolio .portfolio-content {
	position: relative;
	overflow: hidden;
}

	.portfolio .portfolio-content
	img {
		transition: 0.3s;
	}

	.portfolio .portfolio-content .portfolio-info {
		opacity: 0;
		position: absolute;
		inset: 0;
		z-index: 3;
		transition: all ease-in-out 0.3s;
		background: rgba(0, 0, 0, 0.6);
		padding: 15px;
	}

		.portfolio .portfolio-content .portfolio-info
		h4 {
			font-size:16px;
			padding: 5px 10px;
			font-weight: 400;
			color: #ffffff;
			display: inline-block;
			background-color: var(--accent-color);
		}

		.portfolio .portfolio-content .portfolio-info
		p {
			position: absolute;
			bottom: 10px;
			text-align: center;
			display: inline-block;
			left: 0;
			right: 0;
			font-size: 16px;
			font-weight: 600;
			color: rgba(255, 255, 255, 0.8);
		}

		.portfolio .portfolio-content .portfolio-info .preview-link,
		.portfolio .portfolio-content .portfolio-info .details-link {
			position: absolute;
			left: calc(50% - 40px);
			font-size: 26px;
			top: calc(50% - 14px);
			color: #fff;
			transition: 0.3s;
			line-height: 1.2;
		}

			.portfolio .portfolio-content .portfolio-info .preview-link:
			hover,
			.portfolio .portfolio-content .portfolio-info .details-link:hover {
				color: var(--accent-color);
			}

		.portfolio .portfolio-content .portfolio-info .details-link {
			left: 50%;
			font-size: 34px;
			line-height: 0;
		}

	.portfolio .portfolio-content:
	hover .portfolio-info {
		opacity: 1;
	}

	.portfolio .portfolio-content:
	hover img {
		transform: scale(1.1);
	}

/*--------------------------------------------------------------
# Team Section
--------------------------------------------------------------*/
.team .team-member .member-img {
	border-radius: 8px;
	overflow: hidden;
}

.team .team-member .social {
	position: absolute;
	left: 0;
	top: -18px;
	right: 0;
	opacity: 0;
	transition: ease-in-out 0.3s;
	display: flex;
	align-items: center;
	justify-content: center;
}

	.team .team-member .social
	a {
		transition: color 0.3s;
		color: var(--contrast-color);
		background: var(--accent-color);
		margin: 0 5px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 36px;
		height: 36px;
		border-radius: 50%;
		transition: 0.3s;
	}

		.team .team-member .social
		a i {
			line-height: 0;
			font-size: 16px;
		}

		.team .team-member .social
		a:hover {
			background: color-mix(in srgb, var(--accent-color) 90%, black 15%);
		}

	.team .team-member .social
	i {
		font-size: 18px;
		margin: 0 2px;
	}

.team .team-member .member-info {
	background-color: var(--surface-color);
	padding: 30px 15px;
	text-align: center;
	box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
	background: var(--surface-color);
	margin: -50px 20px 0 20px;
	position: relative;
	border-radius: 8px;
}

	.team .team-member .member-info
	h4 {
		font-weight: 500;
		margin-bottom: 5px;
		font-size: 20px;
	}

	.team .team-member .member-info
	span {
		display: block;
		font-size: 16px;
		font-weight: 400;
		color: color-mix(in srgb, var(--default-color), transparent 30%);
	}

	.team .team-member .member-info
	p {
		font-style: italic;
		font-size:16px;
		line-height: 26px;
		color: color-mix(in srgb, var(--default-color), transparent 30%);
	}

.team .team-member:
hover .social {
	opacity: 1;
}

/*--------------------------------------------------------------
# Recent Posts Section
--------------------------------------------------------------*/
.recent-posts
article {
	background: var(--surface-color);
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
	padding: 30px;
	height: 100%;
	border-radius: 10px;
	overflow: hidden;
}

.recent-posts .post-img {
	max-height: 240px;
	margin: -30px -30px 15px -30px;
	overflow: hidden;
}

.recent-posts .post-category {
	font-size: 16px;
	color: color-mix(in srgb, var(--default-color), transparent 50%);
	margin-bottom: 10px;
}

.recent-posts .title {
	font-size: 20px;
	font-weight: 700;
	padding: 0;
	margin: 0 0 20px 0;
}

	.recent-posts .title
	a {
		color: var(--heading-color);
		transition: 0.3s;
	}

		.recent-posts .title
		a:hover {
			color: var(--accent-color);
		}

.recent-posts .post-author-img {
	width: 50px;
	border-radius: 50%;
	margin-right: 15px;
}

.recent-posts .post-author {
	font-weight: 600;
	margin-bottom: 5px;
}

.recent-posts .post-date {
	font-size:16px;
	color: color-mix(in srgb, var(--default-color), transparent 50%);
	margin-bottom: 0;
}

/*--------------------------------------------------------------
# Contact Section
--------------------------------------------------------------*/
.contact .info {
	background-color: var(--surface-color);
	padding: 40px;
	box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
	overflow: hidden;
}

	.contact .info
	h3 {
		font-weight: 600;
		font-size: 24px;
	}

	.contact .info
	p {
		color: color-mix(in srgb, var(--default-color), transparent 40%);
		margin-bottom: 30px;
		font-size: 15px;
	}

.contact .info-item + .info-item {
	padding-top: 20px;
	margin-top: 20px;
	border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
}

.contact .info-item
i {
	font-size: 24px;
	color: var(--accent-color);
	transition: all 0.3s ease-in-out;
	margin-right: 20px;
}

.contact .info-item
h4 {
	padding: 0;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 5px;
}

.contact .info-item
p {
	padding: 0;
	margin-bottom: 0;
	font-size:16px;
	color: color-mix(in srgb, var(--default-color), transparent 40%);
}

.contact .php-email-form {
	width: 100%;
}

	.contact .php-email-form .form-group {
		padding-bottom: 8px;
	}

	.contact .php-email-form
	input[type=text],
	.contact .php-email-form input[type=email],
	.contact .php-email-form textarea {
		border-radius: 0px;
		box-shadow: none;
		font-size:16px;
		background-color: color-mix(in srgb, var(--background-color), transparent 50%);
		border-color: color-mix(in srgb, var(--default-color), transparent 80%);
	}

		.contact .php-email-form
		input[type=text]:focus,
		.contact .php-email-form input[type=email]:focus,
		.contact .php-email-form textarea:focus {
			border-color: var(--accent-color);
		}

	.contact .php-email-form
	input[type=text],
	.contact .php-email-form input[type=email] {
		height: 48px;
		padding: 10px 15px;
	}

	.contact .php-email-form
	textarea {
		padding: 10px 12px;
		height: 290px;
	}

	.contact .php-email-form
	button[type=submit] {
		background: var(--accent-color);
		color: var(--contrast-color);
		border: 0;
		padding: 13px 50px;
		transition: 0.4s;
		border-radius: 4px;
	}

		.contact .php-email-form
		button[type=submit]:hover {
			background: color-mix(in srgb, var(--accent-color) 90%, black 15%);
		}

/*--------------------------------------------------------------
# Portfolio Details Section
--------------------------------------------------------------*/
.portfolio-details .portfolio-details-slider
img {
	width: 100%;
}

.portfolio-details .swiper-wrapper {
	height: auto;
}

.portfolio-details .swiper-button-prev,
.portfolio-details .swiper-button-next {
	width: 48px;
	height: 48px;
}

	.portfolio-details .swiper-button-prev:
	after,
	.portfolio-details .swiper-button-next:after {
		color: rgba(255, 255, 255, 0.8);
		background-color: rgba(0, 0, 0, 0.15);
		font-size: 24px;
		border-radius: 50%;
		width: 48px;
		height: 48px;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: 0.3s;
	}

	.portfolio-details .swiper-button-prev:
	hover:after,
	.portfolio-details .swiper-button-next:hover:after {
		background-color: rgba(0, 0, 0, 0.3);
	}

@media (max-width: 575px) {

	.portfolio-details .swiper-button-prev,
	.portfolio-details .swiper-button-next {
		display: none;
	}
}

.portfolio-details .swiper-pagination {
	margin-top: 20px;
	position: relative;
}

	.portfolio-details .swiper-pagination .swiper-pagination-bullet {
		width: 10px;
		height: 10px;
		background-color: color-mix(in srgb, var(--default-color), transparent 85%);
		opacity: 1;
	}

	.portfolio-details .swiper-pagination .swiper-pagination-bullet-active {
		background-color: var(--accent-color);
	}

.portfolio-details .portfolio-info
h3 {
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 20px;
	padding-bottom: 20px;
	position: relative;
}

	.portfolio-details .portfolio-info
	h3:after {
		content: "";
		position: absolute;
		display: block;
		width: 50px;
		height: 3px;
		background: var(--accent-color);
		left: 0;
		bottom: 0;
	}

.portfolio-details .portfolio-info
ul {
	list-style: none;
	padding: 0;
	font-size: 15px;
}

	.portfolio-details .portfolio-info
	ul li {
		display: flex;
		flex-direction: column;
		padding-bottom: 15px;
	}

	.portfolio-details .portfolio-info
	ul strong {
		text-transform: uppercase;
		font-weight: 400;
		color: color-mix(in srgb, var(--default-color), transparent 50%);
		font-size:16px;
	}

.portfolio-details .portfolio-info .btn-visit {
	padding: 8px 40px;
	background: var(--accent-color);
	color: var(--contrast-color);
	border-radius: 50px;
	transition: 0.3s;
}

	.portfolio-details .portfolio-info .btn-visit:
	hover {
		background: color-mix(in srgb, var(--accent-color), transparent 20%);
	}

.portfolio-details .portfolio-description
h2 {
	font-size: 26px;
	font-weight: 700;
	margin-bottom: 20px;
}

.portfolio-details .portfolio-description
p {
	padding: 0;
}

.portfolio-details .portfolio-description .testimonial-item {
	padding: 30px 30px 0 30px;
	position: relative;
	background: color-mix(in srgb, var(--default-color), transparent 97%);
	margin-bottom: 50px;
}

	.portfolio-details .portfolio-description .testimonial-item .testimonial-img {
		width: 90px;
		border-radius: 50px;
		border: 6px solid var(--background-color);
		float: left;
		margin: 0 10px 0 0;
	}

	.portfolio-details .portfolio-description .testimonial-item
	h3 {
		font-size: 18px;
		font-weight: bold;
		margin: 15px 0 5px 0;
		padding-top: 20px;
	}

	.portfolio-details .portfolio-description .testimonial-item
	h4 {
		font-size:16px;
		color: #6c757d;
		margin: 0;
	}

	.portfolio-details .portfolio-description .testimonial-item .quote-icon-left,
	.portfolio-details .portfolio-description .testimonial-item .quote-icon-right {
		color: color-mix(in srgb, var(--accent-color), transparent 50%);
		font-size: 26px;
		line-height: 0;
	}

	.portfolio-details .portfolio-description .testimonial-item .quote-icon-left {
		display: inline-block;
		left: -5px;
		position: relative;
	}

	.portfolio-details .portfolio-description .testimonial-item .quote-icon-right {
		display: inline-block;
		right: -5px;
		position: relative;
		top: 10px;
		transform: scale(-1, -1);
	}

	.portfolio-details .portfolio-description .testimonial-item
	p {
		font-style: italic;
		margin: 0 0 15px 0 0 0;
		padding: 0;
	}

/*--------------------------------------------------------------
# Service Details Section
--------------------------------------------------------------*/
.service-details .services-list {
	background-color: var(--surface-color);
	padding: 10px 30px;
	border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
	margin-bottom: 20px;
}

	.service-details .services-list
	a {
		display: block;
		line-height: 1;
		padding: 8px 0 8px 15px;
		border-left: 3px solid color-mix(in srgb, var(--default-color), transparent 70%);
		margin: 20px 0;
		color: color-mix(in srgb, var(--default-color), transparent 20%);
		transition: 0.3s;
	}

		.service-details .services-list
		a.active {
			color: var(--heading-color);
			font-weight: 700;
			border-color: var(--accent-color);
		}

		.service-details .services-list
		a:hover {
			border-color: var(--accent-color);
		}

.service-details .services-img {
	margin-bottom: 20px;
}

.service-details
h3 {
	font-size: 26px;
	font-weight: 700;
}

.service-details
h4 {
	font-size: 20px;
	font-weight: 700;
}

.service-details
p {
	font-size: 15px;
}

.service-details
ul {
	list-style: none;
	padding: 0;
	font-size: 15px;
}

	.service-details
	ul li {
		padding: 5px 0;
		display: flex;
		align-items: center;
	}

	.service-details
	ul i {
		font-size: 20px;
		margin-right: 8px;
		color: var(--accent-color);
	}

/*--------------------------------------------------------------
# Blog Posts Section
--------------------------------------------------------------*/
.blog-posts
article {
	background-color: var(--surface-color);
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
	padding: 30px;
	height: 100%;
	border-radius: 10px;
	overflow: hidden;
}

.blog-posts .post-img {
	max-height: 240px;
	margin: -30px -30px 15px -30px;
	overflow: hidden;
}

.blog-posts .post-category {
	font-size: 16px;
	color: color-mix(in srgb, var(--default-color), transparent 40%);
	margin-bottom: 10px;
}

.blog-posts .title {
	font-size: 20px;
	font-weight: 700;
	padding: 0;
	margin: 0 0 20px 0;
}

	.blog-posts .title
	a {
		color: var(--heading-color);
		transition: 0.3s;
	}

		.blog-posts .title
		a:hover {
			color: var(--accent-color);
		}

.blog-posts .post-author-img {
	width: 50px;
	border-radius: 50%;
	margin-right: 15px;
}

.blog-posts .post-author {
	font-weight: 600;
	margin-bottom: 5px;
}

.blog-posts .post-date {
	font-size:16px;
	color: color-mix(in srgb, var(--default-color), transparent 40%);
	margin-bottom: 0;
}

/*--------------------------------------------------------------
# Blog Pagination Section
--------------------------------------------------------------*/
.blog-pagination {
	padding-top: 0;
	color: color-mix(in srgb, var(--default-color), transparent 40%);
}

	.blog-pagination
	ul {
		display: flex;
		padding: 0;
		margin: 0;
		list-style: none;
	}

	.blog-pagination
	li {
		margin: 0 5px;
		transition: 0.3s;
	}

		.blog-pagination
		li a {
			color: color-mix(in srgb, var(--default-color), transparent 40%);
			padding: 7px 16px;
			display: flex;
			align-items: center;
			justify-content: center;
		}

			.blog-pagination
			li a.active,
			.blog-pagination li a:hover {
				background: var(--accent-color);
				color: var(--contrast-color);
			}

				.blog-pagination
				li a.active a,
				.blog-pagination li a:hover a {
					color: var(--contrast-color);
				}

/*--------------------------------------------------------------
# Blog Details Section
--------------------------------------------------------------*/
.blog-details {
	padding-bottom: 30px;
}

	.blog-details .article {
		background-color: var(--surface-color);
		padding: 30px;
		box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
	}

	.blog-details .post-img {
		margin: -30px -30px 20px -30px;
		overflow: hidden;
	}

	.blog-details .title {
		color: var(--heading-color);
		font-size: 28px;
		font-weight: 700;
		padding: 0;
		margin: 30px 0;
	}

	.blog-details .content {
		margin-top: 20px;
	}

		.blog-details .content
		h3 {
			font-size: 22px;
			margin-top: 30px;
			font-weight: bold;
		}

		.blog-details .content
		blockquote {
			overflow: hidden;
			background-color: color-mix(in srgb, var(--default-color), transparent 95%);
			padding: 60px;
			position: relative;
			text-align: center;
			margin: 20px 0;
		}

			.blog-details .content
			blockquote p {
				color: var(--default-color);
				line-height: 1.6;
				margin-bottom: 0;
				font-style: italic;
				font-weight: 500;
				font-size: 22px;
			}

			.blog-details .content
			blockquote:after {
				content: "";
				position: absolute;
				left: 0;
				top: 0;
				bottom: 0;
				width: 3px;
				background-color: var(--accent-color);
				margin-top: 20px;
				margin-bottom: 20px;
			}

	.blog-details .meta-top {
		margin-top: 20px;
		color: color-mix(in srgb, var(--default-color), transparent 40%);
	}

		.blog-details .meta-top
		ul {
			display: flex;
			flex-wrap: wrap;
			list-style: none;
			align-items: center;
			padding: 0;
			margin: 0;
		}

			.blog-details .meta-top
			ul li + li {
				padding-left: 20px;
			}

		.blog-details .meta-top
		i {
			font-size: 16px;
			margin-right: 8px;
			line-height: 0;
			color: color-mix(in srgb, var(--default-color), transparent 40%);
		}

		.blog-details .meta-top
		a {
			color: color-mix(in srgb, var(--default-color), transparent 40%);
			font-size:16px;
			display: inline-block;
			line-height: 1;
		}

	.blog-details .meta-bottom {
		padding-top: 10px;
		border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
	}

		.blog-details .meta-bottom
		i {
			color: color-mix(in srgb, var(--default-color), transparent 40%);
			display: inline;
		}

		.blog-details .meta-bottom
		a {
			color: color-mix(in srgb, var(--default-color), transparent 40%);
			transition: 0.3s;
		}

			.blog-details .meta-bottom
			a:hover {
				color: var(--accent-color);
			}

		.blog-details .meta-bottom .cats {
			list-style: none;
			display: inline;
			padding: 0 20px 0 0;
			font-size:16px;
		}

			.blog-details .meta-bottom .cats
			li {
				display: inline-block;
			}

		.blog-details .meta-bottom .tags {
			list-style: none;
			display: inline;
			padding: 0;
			font-size:16px;
		}

			.blog-details .meta-bottom .tags
			li {
				display: inline-block;
			}

				.blog-details .meta-bottom .tags
				li + li::before {
					padding-right: 6px;
					color: var(--default-color);
					content: ",";
				}

		.blog-details .meta-bottom .share {
			font-size: 16px;
		}

			.blog-details .meta-bottom .share
			i {
				padding-left: 5px;
			}

/*--------------------------------------------------------------
# Blog Author Section
--------------------------------------------------------------*/
.blog-author {
	padding: 10px 0 40px 0;
}

	.blog-author .author-container {
		background-color: var(--surface-color);
		padding: 20px;
		box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
	}

	.blog-author
	img {
		max-width: 120px;
		margin-right: 20px;
	}

	.blog-author
	h4 {
		font-weight: 600;
		font-size: 20px;
		margin-bottom: 0px;
		padding: 0;
		color: color-mix(in srgb, var(--default-color), transparent 20%);
	}

	.blog-author .social-links {
		margin: 0 10px 10px 0;
	}

		.blog-author .social-links
		a {
			color: color-mix(in srgb, var(--default-color), transparent 60%);
			margin-right: 5px;
		}

	.blog-author
	p {
		font-style: italic;
		color: color-mix(in srgb, var(--default-color), transparent 30%);
		margin-bottom: 0;
	}

/*--------------------------------------------------------------
# Blog Comments Section
--------------------------------------------------------------*/
.blog-comments {
	padding: 10px 0;
}

	.blog-comments .comments-count {
		font-weight: bold;
	}

	.blog-comments .comment {
		margin-top: 30px;
		position: relative;
	}

		.blog-comments .comment .comment-img {
			margin-right: 14px;
		}

			.blog-comments .comment .comment-img
			img {
				width: 60px;
			}

		.blog-comments .comment
		h5 {
			font-size: 16px;
			margin-bottom: 2px;
		}

			.blog-comments .comment
			h5 a {
				font-weight: bold;
				color: var(--default-color);
				transition: 0.3s;
			}

				.blog-comments .comment
				h5 a:hover {
					color: var(--accent-color);
				}

			.blog-comments .comment
			h5 .reply {
				padding-left: 10px;
				color: color-mix(in srgb, var(--default-color), transparent 20%);
			}

				.blog-comments .comment
				h5 .reply i {
					font-size: 20px;
				}

		.blog-comments .comment
		time {
			display: block;
			font-size:16px;
			color: color-mix(in srgb, var(--default-color), transparent 40%);
			margin-bottom: 5px;
		}

		.blog-comments .comment.comment-reply {
			padding-left: 40px;
		}

/*--------------------------------------------------------------
# Comment Form Section
--------------------------------------------------------------*/
.comment-form {
	padding-top: 10px;
}

	.comment-form
	form {
		background-color: var(--surface-color);
		margin-top: 30px;
		padding: 30px;
		box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
	}

		.comment-form
		form h4 {
			font-weight: bold;
			font-size: 22px;
		}

		.comment-form
		form p {
			font-size:16px;
		}

		.comment-form
		form input {
			background-color: var(--surface-color);
			color: var(--default-color);
			border: 1px solid color-mix(in srgb, var(--default-color), transparent 70%);
			font-size:16px;
			border-radius: 4px;
			padding: 10px 10px;
		}

			.comment-form
			form input:focus {
				color: var(--default-color);
				background-color: var(--surface-color);
				box-shadow: none;
				border-color: var(--accent-color);
			}

			.comment-form
			form input::placeholder {
				color: color-mix(in srgb, var(--default-color), transparent 50%);
			}

		.comment-form
		form textarea {
			background-color: var(--surface-color);
			color: var(--default-color);
			border: 1px solid color-mix(in srgb, var(--default-color), transparent 70%);
			border-radius: 4px;
			padding: 10px 10px;
			font-size:16px;
			height: 120px;
		}

			.comment-form
			form textarea:focus {
				color: var(--default-color);
				box-shadow: none;
				border-color: var(--accent-color);
				background-color: var(--surface-color);
			}

			.comment-form
			form textarea::placeholder {
				color: color-mix(in srgb, var(--default-color), transparent 50%);
			}

		.comment-form
		form .form-group {
			margin-bottom: 25px;
		}

		.comment-form
		form .btn-primary {
			border-radius: 4px;
			padding: 10px 20px;
			border: 0;
			background-color: var(--accent-color);
			color: var(--contrast-color);
		}

			.comment-form
			form .btn-primary:hover {
				color: var(--contrast-color);
				background-color: color-mix(in srgb, var(--accent-color), transparent 20%);
			}

/*--------------------------------------------------------------
# Starter Section Section
--------------------------------------------------------------*/
.starter-section {
	/* Add your styles here */
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widgets-container {
	background-color: var(--surface-color);
	padding: 30px;
	margin: 60px 0 30px 0;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.widget-title {
	color: var(--heading-color);
	font-size: 20px;
	font-weight: 700;
	padding: 0;
	margin: 0 0 20px 0;
}

.widget-item {
	margin-bottom: 40px;
}

	.widget-item:
	last-child {
		margin-bottom: 0;
	}

.search-widget
form {
	background: var(--background-color);
	border: 1px solid color-mix(in srgb, var(--default-color), transparent 70%);
	padding: 3px 10px;
	position: relative;
	transition: 0.3s;
}

	.search-widget
	form input[type=text] {
		border: 0;
		padding: 4px;
		border-radius: 4px;
		width: calc(100% - 40px);
		background-color: var(--background-color);
		color: var(--default-color);
	}

		.search-widget
		form input[type=text]:focus {
			outline: none;
		}

	.search-widget
	form button {
		background: var(--accent-color);
		color: var(--contrast-color);
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		border: 0;
		font-size: 16px;
		padding: 0 15px;
		margin: -1px;
		transition: 0.3s;
		border-radius: 0 4px 4px 0;
		line-height: 0;
	}

		.search-widget
		form button i {
			line-height: 0;
		}

		.search-widget
		form button:hover {
			background: color-mix(in srgb, var(--accent-color), transparent 20%);
		}

	.search-widget
	form:is(:focus-within) {
		border-color: var(--accent-color);
	}

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

	.categories-widget
	ul li {
		padding-bottom: 10px;
	}

		.categories-widget
		ul li:last-child {
			padding-bottom: 0;
		}

	.categories-widget
	ul a {
		color: color-mix(in srgb, var(--default-color), transparent 20%);
		transition: 0.3s;
	}

		.categories-widget
		ul a:hover {
			color: var(--accent-color);
		}

		.categories-widget
		ul a span {
			padding-left: 5px;
			color: color-mix(in srgb, var(--default-color), transparent 50%);
			font-size:16px;
		}

.recent-posts-widget .post-item {
	display: flex;
	margin-bottom: 15px;
}

	.recent-posts-widget .post-item:
	last-child {
		margin-bottom: 0;
	}

	.recent-posts-widget .post-item
	img {
		width: 80px;
		margin-right: 15px;
	}

	.recent-posts-widget .post-item
	h4 {
		font-size: 15px;
		font-weight: bold;
		margin-bottom: 5px;
	}

		.recent-posts-widget .post-item
		h4 a {
			color: var(--default-color);
			transition: 0.3s;
		}

			.recent-posts-widget .post-item
			h4 a:hover {
				color: var(--accent-color);
			}

	.recent-posts-widget .post-item
	time {
		display: block;
		font-style: italic;
		font-size:16px;
		color: color-mix(in srgb, var(--default-color), transparent 50%);
	}

.tags-widget {
	margin-bottom: -10px;
}

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

		.tags-widget
		ul li {
			display: inline-block;
		}

		.tags-widget
		ul a {
			color: color-mix(in srgb, var(--default-color), transparent 30%);
			font-size:16px;
			padding: 6px 14px;
			margin: 0 6px 8px 0;
			border: 1px solid color-mix(in srgb, var(--default-color), transparent 60%);
			display: inline-block;
			transition: 0.3s;
		}

			.tags-widget
			ul a:hover {
				background: var(--accent-color);
				color: var(--contrast-color);
				border: 1px solid var(--accent-color);
			}

			.tags-widget
			ul a span {
				padding-left: 5px;
				color: color-mix(in srgb, var(--default-color), transparent 60%);
				font-size:16px;
			}







/* floated textbox css */


.floating-form {
	width: 320px;
}

/****  floating-Lable style start ****/
.floating-label {
	position: relative;
	margin-bottom: 20px;
}

.floating-input, .floating-select {
	font-size:16px;
	padding: 4px 4px;
	display: block;
	width: 100%;
	height: 30px;
	background-color: transparent;
	border: none;
	border-bottom: 1px solid #c4c4c4;
	border-radius: 5px;
	
}

	.floating-input:focus, .floating-select:focus {
		outline: none;
		/*border-bottom: 2px solid #5264AE;*/
	}

label {
	color: #999;
	font-size:16px;
	font-weight: normal;
	position: absolute;
	left: 5px;
	top: 5px;
	transition: 0.2s ease all;
	-moz-transition: 0.2s ease all;
	-webkit-transition: 0.2s ease all;
}

.floating-input:
focus ~ label, .floating-input:not(:placeholder-shown) ~ label {
	top: -18px;
	font-size:16px;
	color: #5264AE;
}

.floating-select:
focus ~ label, .floating-select:not([value=""]):valid ~ label {
	top: -18px;
	font-size:16px;
	color: #5264AE;
}

/* active state */
.floating-input:
focus ~ .bar:before, .floating-input:focus ~ .bar:after, .floating-select:focus ~ .bar:before, .floating-select:focus ~ .bar:after {
	width: 50%;
}

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

.floating-textarea {
	min-height: 30px;
	max-height: 260px;
	overflow: hidden;
	overflow-x: hidden;
}

/* highlighter */
.highlight {
	position: absolute;
	height: 50%;
	width: 100%;
	top: 15%;
	left: 0;
	pointer-events: none;
	opacity: 0.5;
}

/* active state */
.floating-input:
focus ~ .highlight, .floating-select:focus ~ .highlight {
	-webkit-animation: inputHighlighter 0.3s ease;
	-moz-animation: inputHighlighter 0.3s ease;
	animation: inputHighlighter 0.3s ease;
}

/* animation */
@-webkit-keyframes inputHighlighter {
	from {
		background: #5264AE;
	}

	to {
		width: 0;
		background: transparent;
	}
}

@-moz-keyframes inputHighlighter {
	from {
		background: #5264AE;
	}

	to {
		width: 0;
		background: transparent;
	}
}

@keyframes inputHighlighter {
	from {
		background: #5264AE;
	}

	to {
		width: 0;
		background: transparent;
	}
}

/****  floating-Lable style end ****/


/***   daniel - Fork me friend - style   ***/
.floating-credit {
	position: fixed;
	bottom: 10px;
	right: 10px;
	color: #aaa;
	font-size: 13px;
	font-family: arial,sans-serif;
}

	.floating-credit
	a {
		text-decoration: none;
		color: #000000;
		font-weight: bold;
	}

		.floating-credit
		a:hover {
			border-bottom: 1px dotted #f8f8f8;
		}

.floating-heading {
	color: #aaa;
	font-size: 20px;
	font-family: arial,sans-serif;
}
/***  daniel - Fork me friend - style  ***/



.accordion-item {
	border: var(--bs-accordion-border-width) solid #dee2e600 !important;
	margin-bottom: 10px;
}

.accordion-collapse {
	border-bottom: 1px solid #B0EE88;
	border-left: 1px solid #B0EE88;
	border-right: 1px solid #B0EE88;
	border-radius: 5px;
	padding: 10px;
	background: #E5FFD4;
}

.accordion-button:not(.collapsed) {
	color: var(--bs-accordion-active-color);
	background-color: #cfe2ff00 !important;
	box-shadow: inset 0 calc(-1* var(--bs-accordion-border-width)) 0 #dee2e600 !important;
	background: #E5FFD4 !important;
	border-bottom: none;
	/* border-radius: 0; */
}

.accordion-button {
	color: #232323 !important;
	background: #E5FFD4;
	border-radius: 5px;
	border: 1px solid #B0EE88;
	margin-bottom: 0;
	font-size: 16px;
	:;
	font-weight: 500;
}

.navmenu {
	background: #4b6931 !important;
}


/* Custom select css */

.multiselect-dropdown-list-wrapper
label {
	position: initial !important;
}

.multiselect-dropdown
span.placeholder {
	color: #ced4da00 !important;
}

.multiselect-dropdown {
	width: 100% !important;
	z-index: 500000;
	margin-top: 24px !important;
	z-index: 500000000000000 !important;
	border: solid 1px #ced4da00 !important;
	border-bottom: 1px solid #c4c4c4 !important;
	border-radius: 5px !important;
	position: absolute !important;
	width: 248px !important;
	font-size: 16px !important;
	background-position: right .15rem center !important;
}

	.multiselect-dropdown
	span.optext {
		background-color: #d3d3d300 !important;
	}

.multiselect-dropdown-list-wrapper {
	position: relative !important;
}

.placeholder {
	background-color: unset !important;
	opacity: .5 !important;
}

.multiselect-dropdown
span.optext, .multiselect-dropdown span.placeholder {
	color: #000000 !important;
}

#field23 {
	display: none !important;
}




.accordion {
	--bs-accordion-color: var(--bs-body-color);
	--bs-accordion-bg: var(--bs-body-bg);
	--bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
	--bs-accordion-border-color: var(--bs-border-color);
	--bs-accordion-border-width: var(--bs-border-width);
	--bs-accordion-border-radius: var(--bs-border-radius);
	--bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
	--bs-accordion-btn-padding-x: 1.25rem;
	--bs-accordion-btn-padding-y: 1rem;
	--bs-accordion-btn-color: var(--bs-body-color);
	--bs-accordion-btn-bg: var(--bs-accordion-bg);
	--bs-accordion-btn-icon: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='#ffffff' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e) !important;
	--bs-accordion-btn-icon-width: 1.25rem;
	--bs-accordion-btn-icon-transform: rotate(-180deg);
	--bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
	--bs-accordion-btn-active-icon: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='#ffffff' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e) !important;
	--bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
	--bs-accordion-body-padding-x: 1.25rem;
	--bs-accordion-body-padding-y: 1rem;
	--bs-accordion-active-color: var(--bs-primary-text-emphasis);
	--bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}

.multiselect-dropdown-list-wrapper .multiselect-dropdown-search {
	margin-bottom: 5px;
	border: solid 1px #ced4da00 !important;
	border-bottom: 1px solid #c4c4c4 !important;
	border-radius: 5px !important;
	outline: none !important;
	font-size:16px;
}


.accordion-button:
focus {
	box-shadow: none !important;
	border-color: rgba(0,0,0,.125) !important;
}



.icon-box {
	padding: 9px 15px;
	position: relative;
	overflow: hidden;
	background: #ffffff00;
	/* box-shadow: 0 0 29px 0 rgba(0, 0, 0, 0.1); */
	transition: all 0.3s ease-in-out;
	/* border-radius: 8px; */
	z-index: 1;
	height: 100%;
	width: 100%;
	text-align: center;
	border-left: 1px solid #ffffff;
}

	.icon-box .title {
		font-weight: 700;
		margin-bottom: 15px;
		font-size: 17px;
		text-transform: uppercase;
	}

		.icon-box .title
		a {
			color: #ffffff;
			transition: 0.3s;
		}

	.icon-box .icon {
		margin-bottom: 10px;
		padding-top: 10px;
		display: inline-block;
		transition: all 0.3s ease-in-out;
		font-size: 40px;
		line-height: 1;
		color: #fff;
		/* border-left: 1px solid #ffffff; */
		font-weight: 700;
	}

	.icon-box:
	hover {
	}

		.icon-box:
		hover .title a,
		.icon-box:hover .icon {
			color: var(--contrast-color);
		}

.hero .icon-boxes {
	padding-bottom: 60px;
	z-index: 4;
}

.statbg {
	display: block;
	background: #B0EE89;
	background-image: url(../../assets/img/statbg.png);
	/* background-position: right top; */
	background-position: right 30px top;
	background-repeat: no-repeat;
	border-bottom-left-radius: 80px;
	border: 1px solid #000000;
	border-right: 0;
	box-shadow: inset 4px -4px 5px -3px rgb(0 0 0 / 22%);
}

.activ {
	background: #FFDE3E !important;
	border-left: none;
	border-radius: 15px;
}

	.activ .icon {
		color: #416027 !important;
		font-weight: bold;
	}

	.activ .title
	a {
		color: #416027 !important;
	}

.static {
	background: #425F27;
	border-radius: 17px;
}


.footer .footer-newsletter {
	background-color: #E5FFD4;
	padding: 75px 0;
	background-image: url(../../assets/img/newsleft.png), url(../../assets/img/newsright.png);
	background-position: right -9px top, left bottom;
	background-repeat: no-repeat;
}

	.footer .footer-newsletter
	h4 {
		font-size: 32px;
		color: #4B6931;
		font-weight: 600;
	}

	.footer .footer-newsletter
	p {
		font-size: 20px;
		line-height: 30px;
		color: #000000;
		font-weight: 400;
		
	}

	.footer .footer-newsletter .newsletter-form {
		margin-top: 30px;
		margin-bottom: 15px;
		padding: 6px 8px;
		position: relative;
		background-color: #ffffff;
		border: 1px solid #ffffff;
		box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.1);
		display: flex;
		transition: 0.3s;
		border-radius: 5px;
		/* width: 50%; */
	}

		.footer .footer-newsletter .newsletter-form:
		focus-within {
			border-color: var(--accent-color);
		}

		.footer .footer-newsletter .newsletter-form
		input[type=email] {
			border: 0;
			padding: 4px;
			width: 100%;
			/* background-color: color-mix(in srgb, var(--background-color), transparent 50%); */
			color: var(--default-color);
		}

			.footer .footer-newsletter .newsletter-form
			input[type=email]:focus-visible {
				outline: none;
			}

		.footer .footer-newsletter .newsletter-form
		input[type=submit] {
			border: 0;
			font-size: 16px;
			padding: 0 20px;
			margin: -7px -8px -7px 0;
			background: #FFDE3E;
			color: #194D09;
			transition: 0.3s;
			border-radius: 5px;
			border: 1px solid #4B6931;
			font-weight: bold;
		}

			.footer .footer-newsletter .newsletter-form
			input[type=submit]:hover {
				background: color-mix(in srgb, var(--accent-color), transparent 20%);
			}

.accordion-body {
	padding: 7px;
	font-size:16px;
	text-align: justify;
	
}

















/* Every Custom Css */

.hdbtn {
	background: none;
	color: #366327;
	border: 1px solid #FFDE3E;
}

.footerbgimg {
	background-image: url(../../assets/img/footerbg.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	margin-bottom: 0px !important;
}

.sectorbg {
	background-image: url(../../assets/img/sectorbg.png);
	background-repeat: no-repeat;
	background-position: top left;
	margin-bottom: 0px !important;
}

.simplytrade {
	background-image: url(../../assets/img/sectorbg-.png);
	background-repeat: no-repeat;
	background-position: top left;
	margin-bottom: 0px !important;
}

.simpletradebg {
	background-color: #FCF6DA;
	border-radius: 5px;
	border: 1px solid #000000;
}

.simpletradeimg {
	background-image: url(../../assets/img/tradbg.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	margin-bottom: 0px !important;
}

.insight
h3 {
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 15px;
	color: #000000;
	text-align: center;
	padding: 10px;
}

.trade
h3 {
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 15px;
	color: #000000;
	text-align: left;
	padding: 10px 0px;
}

.trade
p {
	text-align: justify;
	font-size:16px;
	font-weight: 400;
}


.btnoutline {
	color: #184C08;
	padding: 10px;
	width: 200px;
	margin-bottom: 20px;
	font-size:16px;
}

	.btnoutline:
	hover {
		color: #ffffff !important;
	}

.php-email-form {
	width: 65%;
	margin: auto;
}

.statics {
	position: relative !important;
	z-index: 5000000;
}

.aptxt {
	color: #2C4B11;
}

.buyleadleft {
	font-size:16px;
	width: 130px;
}

.spsleft {
	font-size:16px;
	width: 210px;
}

.buyleadleft
a {
	color: #1A56A6;
	font-size:16px;
}

.buyleadright
a {
	color: #1A56A6;
	font-size:16px;
}

.searchagri {
	border: 1px solid #B0EE88;
	border-radius: 5px;
	width: 520px;
}

.srchexplore {
	color: #194D09;
	background: #FFDE3E !important;
	font-family: var(--heading-font);
	font-weight: bold !important;
	font-size:16px;
	letter-spacing: 1px;
	display: inline-block;
	padding: 6px 28px;
	border-radius: 4px;
	transition: 0.5s;
	font-weight: bold;
	border: none;
}

.srchtexbox {
	margin-top: 16px;
	margin-bottom: 16px;
	margin-left: 7px;
}

	.srchtexbox
	label { /* Edge 12-18 */
		color: #000000 !important;
	}

.aptxt1
h3 {
	color: #415F27;
	padding-top: 11rem !important;
	font-weight: 600;
}

.aptxt1
p {
	font-size: 18px !important;
	font-weight: normal !important;
}

';;
;;
}

.footer .social-links a:hover {
	text-decoration: none;
}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
	position: fixed;
	inset: 0;
	z-index: 9999;
	overflow: hidden;
	background-color: var(--background-color);
	transition: all 0.6s ease-out;
	width: 100%;
	height: 100vh;
}

	#preloader:before,
	#preloader:after {
		content: "";
		position: absolute;
		border: 4px solid var(--accent-color);
		border-radius: 50%;
		animation: animate-preloader 2s cubic-bezier(0, 0.2, 0.8, 1) infinite;
	}

	#preloader:after {
		animation-delay: -0.5s;
	}

@keyframes animate-preloader {
	0% {
		width: 10px;
		height: 10px;
		top: calc(50% - 5px);
		left: calc(50% - 5px);
		opacity: 1;
	}

	100% {
		width: 72px;
		height: 72px;
		top: calc(50% - 36px);
		left: calc(50% - 36px);
		opacity: 0;
	}
}

/*--------------------------------------------------------------
# Scroll Top Button
--------------------------------------------------------------*/
.scroll-top {
	position: fixed;
	visibility: hidden;
	opacity: 0;
	right: 15px;
	bottom: 15px;
	z-index: 99999;
	background-color: #9bca3d;
	width: 40px;
	height: 40px;
	border-radius: 4px;
	transition: all 0.4s;
}

	.scroll-top i {
		font-size: 24px;
		color: var(--contrast-color);
		line-height: 0;
	}

	.scroll-top:hover {
		background-color: color-mix(in srgb, var(--accent-color), transparent 20%);
		color: var(--contrast-color);
	}

	.scroll-top.active {
		visibility: visible;
		opacity: 1;
	}

/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
	[data-aos-delay] {
		transition-delay: 0 !important;
	}
}

/*--------------------------------------------------------------
# Global Page Titles & Breadcrumbs
--------------------------------------------------------------*/
.page-title {
	--background-color: color-mix(in srgb, var(--default-color), transparent 96%);
	color: var(--default-color);
	background-color: var(--background-color);
	padding: 25px 0;
	position: relative;
}

	.page-title h1 {
		font-size: 28px;
		font-weight: 300;
	}

	.page-title .breadcrumbs ol {
		display: flex;
		flex-wrap: wrap;
		list-style: none;
		padding: 0;
		margin: 0;
		font-size:16px;
	}

		.page-title .breadcrumbs ol li + li {
			padding-left: 10px;
		}

			.page-title .breadcrumbs ol li + li::before {
				content: "/";
				display: inline-block;
				padding-right: 10px;
				color: color-mix(in srgb, var(--default-color), transparent 70%);
			}

/*--------------------------------------------------------------
# Global Sections
--------------------------------------------------------------*/
section,
.section {
	color: var(--default-color);
	background-color: var(--background-color);
	/* padding: 60px 0;*/
	padding: 25px 0;
	scroll-margin-top: 100px;
	overflow: clip;
}

@media (max-width: 1199px) {

	section,
	.section {
		scroll-margin-top: 66px;
	}
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
.hero {
	--background-color: #211e32 !important;
	--default-color: var(--hero-color);
	--heading-color: var(--hero-color);
	--contrast-color: var(--hero-color);
	width: 100%;
	min-height: 80vh;
	position: relative;
	padding: 120px 0 60px 0;
	display: flex;
	align-items: center;
}

	.hero h1 {
		margin: 0;
		/* font-size: 48px; */
		font-size: 3rem !important;
		/* font-weight: 700; */
		line-height: 56px;
		padding-bottom: 0.8rem !important;
	}

	.hero p {
		/* color: color-mix(in srgb, var(--default-color), transparent 30%); */
		margin: 5px 0 30px 0;
		font-size: 22px;
		/* font-size: 1.25rem !important; */
		/* line-height: 1.3; */
		/* font-weight: 600; */
		/* padding-bottom: 8px; */
		padding-bottom: 1.25rem !important;
		/*  */
		color: #b1b5d3;
	}

	.hero .btn-get-started {
		color: var(--contrast-color);
		background: var(--accent-color);
		font-family: var(--heading-font);
		font-weight: 500;
		font-size: 15px;
		/* letter-spacing: 1px; */
		display: inline-block;
		padding: 10px 28px 12px 28px;
		border-radius: 50px;
		transition: 0.5s;
		background-color: rgb(82, 189, 149) !important;
		box-shadow: rgba(17, 17, 17, 0.04) 0px 2px 4px 0px, rgba(33, 33, 33, 0.08) 0px 8px 32px 0px;
		border-radius: 0.25rem;
		margin-left: 12px;
	}

		.hero .btn-get-started:hover {
			color: var(--contrast-color);
			background: color-mix(in srgb, var(--accent-color), transparent 15%);
		}

	.hero .btn-watch-video {
		font-size: 16px;
		transition: 0.5s;
		margin-left: 25px;
		color: var(--default-color);
		font-weight: 600;
	}

		.hero .btn-watch-video i {
			color: var(--contrast-color);
			font-size: 32px;
			transition: 0.3s;
			line-height: 0;
			margin-right: 8px;
		}

		.hero .btn-watch-video:hover {
			color: var(--accent-color);
		}

			.hero .btn-watch-video:hover i {
				color: color-mix(in srgb, var(--accent-color), transparent 15%);
			}

	.hero .animated {
		animation: up-down 2s ease-in-out infinite alternate-reverse both;
	}



@media (max-width: 468px) {
	.team .team-member .social {
		justify-content: center;
	}

	.info-item {
		margin-top: 0% !important;
		text-align: center;
	}

	.centeralize {
		margin-top: 0% !important;
		text-align: center;
	}

	.order-2 {
		text-align: center !important;
	}

	.mheadng {
		padding-left: 12px !important;
	}

	.order-2 .d-flex {
		display: block !important;
	}

	.mheadng {
		padding-left: 12px !important;
	}
}


/*--------------------------------------------------------------
# Global Section Titles
--------------------------------------------------------------*/
.section-title {
	text-align: center;
	padding-bottom: 60px;
	position: relative;
}

	.section-title h2 {
		font-size: 32px;
		font-weight: 600;
		margin-bottom: 15px;
		color: #2F4D15;
	}

		.section-title h2:after {
			content: "";
			position: relative;
			display: block;
			width: 315px;
			height: 3px;
			background: #FFDE3E;
			left: 0;
			right: 0;
			bottom: 0;
			top: 18px;
			margin: auto;
		}

.faqs h2:after {
	content: "";
	position: relative;
	display: block;
	width: 588px;
	height: 3px;
	background: #FFDE3E;
	left: 0;
	right: 0;
	bottom: 0;
	top: 18px;
	margin: auto;
}

.section-title p {
	margin-top: 50px;
	display: none;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
.hero {
	width: 100%;
	min-height: 50vh;
	position: relative;
	/*padding: 20px 0 0px 0;*/
	padding: 0px 0 0px 0;
	display: flex;
	align-items: center;
	background: url("../img/hero-bg.png") center center;
	background-size: cover;
}

	.hero h1 {
		margin: 0 0 10px 0;
		font-size: 54px !important;
		font-weight: bold;
		color: #415F27;
	}

		.hero h1 span {
			color: var(--accent-color);
		}

	.hero p {
		color: #2F4D15;
		margin: 5px 0 0px 0;
		font-size: 16px;
		font-weight: 500;
		line-height: 30px;
	}

	.hero .btn-get-started {
		color: #194D09;
		background: #FFDE3E !important;
		font-family: var(--heading-font);
		font-weight: 600 !important;
		font-size: 16px;
		/* letter-spacing: 1px; */
		display: inline-block;
		padding: 10px 28px;
		border-radius: 4px;
		transition: 0.5s;
		font-weight: bold;
		margin-left: 0px;
	}

		.hero .btn-get-started:hover {
			box-shadow: inset 0px -1px 4px 0px rgba(178, 178, 178, 1);
		}

	.hero .btn-get-started1 {
		color: #194D09;
		background: #ffde3e00 !important;
		font-family: var(--heading-font);
		font-weight: 600;
		font-size: 16px;
		/* letter-spacing: 1px; */
		display: inline-block;
		padding: 10px 28px;
		border-radius: 4px;
		transition: 0.5s;
	}



	.hero .btn-get-started:hover {
		color: var(--contrast-color);
		background: color-mix(in srgb, var(--accent-color), transparent 15%);
	}

	.hero .btn-watch-video {
		font-size: 16px;
		transition: 0.5s;
		margin-left: 25px;
		color: var(--default-color);
		font-weight: 500;
	}

		.hero .btn-watch-video i {
			color: var(--accent-color);
			font-size: 32px;
			transition: 0.3s;
			line-height: 0;
			margin-right: 8px;
		}

		.hero .btn-watch-video:hover {
			color: var(--accent-color);
		}

			.hero .btn-watch-video:hover i {
				color: color-mix(in srgb, var(--accent-color), transparent 15%);
			}

	.hero .animated {
		margin-bottom: 60px;
		animation: up-down 2s ease-in-out infinite alternate-reverse both;
	}

@media (min-width: 992px) {
	.hero .animated {
		max-width: 100%;
	}
}

@media (max-width: 991px) {
	.hero .animated {
		max-width: 60%;
	}
}

@media (max-width: 575px) {
	.hero .animated {
		max-width: 100%;
	}
}

@media (max-width: 640px) {
	.hero h1 {
		font-size: 54px !important;
		line-height: 36px;
	}

	.hero p {
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 30px;
	}

	.hero .btn-get-started,
	.hero .btn-watch-video {
		font-size: 13px;
	}
}

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

	100% {
		transform: translateY(-10px);
	}
}

/*--------------------------------------------------------------
# Featured Services Section
--------------------------------------------------------------*/
.featured-services .service-item {
	padding: 50px 30px;
	transition: all ease-in-out 0.4s;
	height: 100%;
}

	.featured-services .service-item .icon {
		margin-bottom: 10px;
	}

		.featured-services .service-item .icon i {
			color: var(--accent-color);
			font-size: 36px;
			transition: 0.3s;
		}

	.featured-services .service-item h4 {
		font-weight: 700;
		margin-bottom: 15px;
		font-size: 20px;
	}

		.featured-services .service-item h4 a {
			color: var(--heading-color);
			transition: ease-in-out 0.3s;
		}

	.featured-services .service-item p {
		line-height: 24px;
		font-size:16px;
		margin-bottom: 0;
	}

	.featured-services .service-item:hover {
		transform: translateY(-10px);
		background-color: var(--surface-color);
		box-shadow: 0px 5px 90px 0px rgba(0, 0, 0, 0.1);
	}

		.featured-services .service-item:hover h4 a {
			color: var(--accent-color);
		}

/*--------------------------------------------------------------
# About Section
--------------------------------------------------------------*/
.about .about-img {
	position: relative;
	margin: 60px 0 0 60px;
}

	.about .about-img:before {
		position: absolute;
		inset: -60px 0 0 -60px;
		content: "";
		background: url("../img/about-bg.png") top left;
		background-repeat: no-repeat;
		z-index: 1;
	}

	.about .about-img img {
		position: relative;
		z-index: 2;
	}

@media (max-width: 575px) {
	.about .about-img {
		margin: 30px 0 0 30px;
	}

		.about .about-img:before {
			inset: -30px 0 0 -30px;
		}
}

.about h3 {
	font-weight: 300;
	font-size: 32px;
	margin-bottom: 20px;
}

@media (max-width: 768px) {
	.about h3 {
		font-size: 28px;
	}
}

.about .nav-pills {
	border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 85%);
}

	.about .nav-pills li + li {
		margin-left: 40px;
	}

.about .nav-link {
	background: none;
	font-size: 18px;
	font-weight: 400;
	color: var(--default-color);
	padding: 12px 0;
	margin-bottom: -2px;
	border-radius: 0;
}

	.about .nav-link.active {
		color: var(--accent-color);
		background: none;
		border-bottom: 3px solid var(--accent-color);
	}

@media (max-width: 575px) {
	.about .nav-link {
		font-size: 16px;
	}

	.statbg {
		margin-top: 0px !important;
	}

	.sectorbg {
		background-size: 12% !important;
	}

	.srchdesktop {
		display: none;
	}

	.searchmob {
		display: block !important;
		width: auto !important;
		margin-bottom: 5px;
		margin-top:5%;
	}
	/*.viewbtnbuylead {
		left: 32% !important;
		top: 76% !important;
		position: unset !important;
	}*/
	/*.viewbtnlead {
		left: 32% !important;
		top: 106% !important;
		position: unset !important;
	}*/
	#sps-container .col-lg-4 {
		padding-top: 8%;
	}
	.simpletradeimg {
		background-position: bottom -28px right!important;
	}
	#tblIndiaExport tbody tr {
		width: 272% !important;
	}
	#tblIndiaExport thead, #tblIndiaExport tfoot {
		width: 164% !important;
	}

		.order-1 {
			order: 2 !important;
		}

	.mobfilter {
		width: 50% !important;
	}

	.footer .footer-newsletter .newsletter-form input[type=submit] {
		margin: -7px -8px -7px 17px !important;
	}

	.footer .footer-newsletter {
		background-color: #E5FFD4;
		padding: 75px 0;
		background-image: url(../../assets/img/newsleft.png), url(../../assets/img/newsright.png) !important;
		background-position: right -9px bottom, left bottom !important;
		background-repeat: no-repeat;
		background-size: 15% !important;
	}
}

.about .tab-content h4 {
	font-size: 18px;
	margin: 0;
	font-weight: 700;
	color: var(--default-color);
}

.about .tab-content i {
	font-size: 22px;
	line-height: 0;
	margin-right: 8px;
	color: var(--accent-color);
}

/*--------------------------------------------------------------
# Clients Section
--------------------------------------------------------------*/
.clients {
	padding: 20px 0;
}

	.clients .client-logo {
		display: flex;
		justify-content: center;
		align-items: center;
		overflow: hidden;
	}

		.clients .client-logo img {
			padding: 20px 40px;
			max-width: 90%;
			transition: 0.3s;
			opacity: 0.5;
			filter: grayscale(100);
		}

			.clients .client-logo img:hover {
				filter: none;
				opacity: 1;
			}

@media (max-width: 640px) {
	.clients .client-logo img {
		padding: 20px;
	}
}

/*--------------------------------------------------------------
# Call To Action Section
--------------------------------------------------------------*/
.call-to-action {
	padding: 0;
}

	.call-to-action .container {
		padding: 80px;
		background: color-mix(in srgb, var(--default-color), transparent 96%);
		border-radius: 15px;
	}

@media (max-width: 992px) {
	.call-to-action .container {
		padding: 60px;
	}
}

.call-to-action .content h3 {
	font-size: 48px;
	font-weight: 700;
}

	.call-to-action .content h3 em {
		font-style: normal;
		position: relative;
		z-index: 1;
	}

		.call-to-action .content h3 em:after {
			content: "";
			position: absolute;
			left: 0;
			right: 0;
			bottom: 10px;
			height: 10px;
			background: color-mix(in srgb, var(--accent-color), transparent 30%);
			z-index: -1;
		}

.call-to-action .content p {
	color: color-mix(in srgb, var(--default-color), transparent 20%);
	font-weight: 400;
	font-size: 18px;
}

.call-to-action .content .cta-btn {
	color: var(--contrast-color);
	font-weight: 500;
	font-size: 16px;
	display: inline-block;
	padding: 12px 40px;
	border-radius: 5px;
	transition: 0.5s;
	margin-top: 10px;
	background: var(--accent-color);
}

	.call-to-action .content .cta-btn:hover {
		background: color-mix(in srgb, var(--accent-color) 90%, black 15%);
	}

.call-to-action .img {
	position: relative;
}

	.call-to-action .img:before {
		content: "";
		position: absolute;
		inset: 0;
		background: color-mix(in srgb, var(--contrast-color), transparent 20%);
		border-radius: 15px;
		transform: rotate(6deg);
		z-index: 2;
	}

	.call-to-action .img:after {
		content: "";
		position: absolute;
		inset: 0;
		background: color-mix(in srgb, var(--default-color), transparent 95%);
		border-radius: 15px;
		transform: rotate(12deg);
		z-index: 1;
	}

	.call-to-action .img img {
		position: relative;
		z-index: 3;
		border-radius: 15px;
		z-index: 3;
	}
#tblIndiaExport th, #tblIndiaExport td {
	border: 1px solid #000000 !important;
}
/*--------------------------------------------------------------
# Onfocus Section
--------------------------------------------------------------*/
.onfocus {
	padding: 0;
}

	.onfocus .video-play {
		min-height: 400px;
		background: linear-gradient(color-mix(in srgb, var(--background-color), transparent 90%), color-mix(in srgb, var(--background-color), transparent 75%)), url("../img/onfocus-video-bg.jpg") center center;
		background-size: cover;
	}

	.onfocus .content {
		background: linear-gradient(color-mix(in srgb, var(--background-color), transparent 90%), color-mix(in srgb, var(--background-color), transparent 75%)), url("../img/onfocus-content-bg.jpg") center center;
		background-size: cover;
		padding: 40px;
	}

@media (min-width: 768px) {
	.onfocus .content {
		padding: 80px;
	}
}

.onfocus .content h3 {
	font-weight: 600;
	font-size: 32px;
}

.onfocus .content ul {
	list-style: none;
	padding: 0;
}

	.onfocus .content ul li {
		padding-bottom: 10px;
	}

	.onfocus .content ul i {
		font-size: 20px;
		padding-right: 4px;
		color: var(--accent-color);
	}

.onfocus .content p:last-child {
	margin-bottom: 0;
}

.onfocus .content .read-more {
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 1px;
	padding: 12px 24px;
	border-radius: 5px;
	transition: 0.3s;
	display: -nline-flex;
	align-items: center;
	justify-content: center;
	color: var(--contrast-color);
	background: var(--accent-color);
}

	.onfocus .content .read-more i {
		font-size: 18px;
		margin-left: 5px;
		line-height: 0;
		transition: 0.3s;
	}

	.onfocus .content .read-more:hover {
		background: color-mix(in srgb, var(--accent-color) 90%, black 15%);
		padding-right: 19px;
	}

		.onfocus .content .read-more:hover i {
			margin-left: 10px;
		}

.onfocus .pulsating-play-btn {
	position: absolute;
	left: calc(50% - 47px);
	top: calc(50% - 47px);
}

/*--------------------------------------------------------------
# Features Section
--------------------------------------------------------------*/
.features .nav-tabs {
	border: 0;
}

.features .nav-link {
	background-color: var(--surface-color);
	color: var(--color-secondary);
	border: 0;
	padding: 9px 10px;
	box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.1);
	border-radius: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	transition: 0s;
	cursor: pointer;
	height: 100%;
	border-radius: 5px;
	margin-left: 5px;
	border: 1px solid #cbcaca;
}

	.features .nav-link i {
		font-size: 32px;
		line-height: 0;
	}

	.features .nav-link h4 {
		font-size: 20px;
		font-weight: 600;
		margin: 10px 0 0 0;
	}

	.features .nav-link:hover {
		color: var(--accent-color);
	}

	.features .nav-link:hover,
	.features .nav-link.active {
		transition: 0.3s;
		background: #0070c0;
		color: var(--contrast-color) !important;
		border-color: var(--accent-color);
	}

		.features .nav-link:hover h4,
		.features .nav-link.active h4 {
			color: var(--contrast-color);
		}

		.features .nav-link:hover i,
		.features .nav-link.active i {
			color: var(--contrast-color) !important;
		}

.features .tab-content {
	margin-top: 30px;
}

.features .tab-pane.active {
	animation: fadeIn 0.5s ease-out;
}

.features .tab-pane h3 {
	font-weight: 600;
	font-size: 28px;
}

.features .tab-pane ul {
	list-style: none;
	padding: 0;
}

	.features .tab-pane ul li {
		padding-bottom: 10px;
	}

	.features .tab-pane ul i {
		font-size: 24px;
		margin-right: 4px;
		color: var(--accent-color);
	}

.features .tab-pane p:last-child {
	margin-bottom: 0;
}

/*--------------------------------------------------------------
# Services Section
--------------------------------------------------------------*/
.services .img {
	border-radius: 8px;
	overflow: hidden;
}

	.services .img img {
		transition: 0.6s;
	}

.services .details {
	background: color-mix(in srgb, var(--surface-color), transparent 5%);
	padding: 50px 30px;
	margin: -100px 30px 0 30px;
	transition: all ease-in-out 0.3s;
	position: relative;
	text-align: center;
	border-radius: 8px;
	box-shadow: 0px 0 25px rgba(0, 0, 0, 0.1);
}

	.services .details .icon {
		margin: 0;
		width: 72px;
		height: 72px;
		background: var(--accent-color);
		color: var(--contrast-color);
		border: 6px solid var(--contrast-color);
		border-radius: 50px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 20px;
		font-size: 28px;
		transition: ease-in-out 0.3s;
		position: absolute;
		top: -36px;
		left: calc(50% - 36px);
	}

	.services .details h3 {
		font-weight: 700;
		margin: 10px 0 15px 0;
		font-size: 22px;
		transition: ease-in-out 0.3s;
	}

	.services .details p {
		color: color-mix(in srgb, var(--default-color), transparent 10%);
		line-height: 24px;
		font-size:16px;
		margin-bottom: 0;
	}

.services .service-item:hover .details h3 {
	color: var(--accent-color);
}

.services .service-item:hover .details .icon {
	background: var(--surface-color);
	border: 2px solid var(--accent-color);
}

	.services .service-item:hover .details .icon i {
		color: var(--accent-color);
	}

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

/*--------------------------------------------------------------
# Testimonials Section
--------------------------------------------------------------*/
.testimonials {
	padding: 80px 0;
	position: relative;
}

	.testimonials:before {
		content: "";
		background: color-mix(in srgb, var(--background-color), transparent 30%);
		position: absolute;
		inset: 0;
		z-index: 2;
	}

	.testimonials .testimonials-bg {
		position: absolute;
		inset: 0;
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
		z-index: 1;
	}

	.testimonials .container {
		position: relative;
		z-index: 3;
	}

	.testimonials .testimonials-carousel,
	.testimonials .testimonials-slider {
		overflow: hidden;
	}

	.testimonials .testimonial-item {
		text-align: center;
	}

		.testimonials .testimonial-item .testimonial-img {
			width: 100px;
			border-radius: 50%;
			border: 6px solid color-mix(in srgb, var(--default-color), transparent 85%);
			margin: 0 auto;
		}

		.testimonials .testimonial-item h3 {
			font-size: 20px;
			font-weight: bold;
			margin: 10px 0 5px 0;
		}

		.testimonials .testimonial-item h4 {
			font-size:16px;
			margin: 0 0 15px 0;
			color: color-mix(in srgb, var(--default-color), transparent 40%);
		}

		.testimonials .testimonial-item .stars {
			margin-bottom: 15px;
		}

			.testimonials .testimonial-item .stars i {
				color: #ffc107;
				margin: 0 1px;
			}

		.testimonials .testimonial-item .quote-icon-left,
		.testimonials .testimonial-item .quote-icon-right {
			color: color-mix(in srgb, var(--default-color), transparent 40%);
			font-size: 26px;
			line-height: 0;
		}

		.testimonials .testimonial-item .quote-icon-left {
			display: inline-block;
			left: -5px;
			position: relative;
		}

		.testimonials .testimonial-item .quote-icon-right {
			display: inline-block;
			right: -5px;
			position: relative;
			top: 10px;
			transform: scale(-1, -1);
		}

		.testimonials .testimonial-item p {
			font-style: italic;
			margin: 0 auto 15px auto;
		}

	.testimonials .swiper-wrapper {
		height: auto;
	}

	.testimonials .swiper-pagination {
		margin-top: 20px;
		position: relative;
	}

		.testimonials .swiper-pagination .swiper-pagination-bullet {
			width: 12px;
			height: 12px;
			background-color: color-mix(in srgb, var(--default-color), transparent 50%);
			opacity: 0.5;
		}

		.testimonials .swiper-pagination .swiper-pagination-bullet-active {
			background-color: var(--default-color);
			opacity: 1;
		}

@media (min-width: 992px) {
	.testimonials .testimonial-item p {
		width: 80%;
	}
}



/*--------------------------------------------------------------
# Faq Section
--------------------------------------------------------------*/
.faq .content h3 {
	font-weight: 400;
	font-size: 34px;
}

.faq .content p {
	color: color-mix(in srgb, var(--default-color), transparent 30%);
}

.faq .faq-container {
	margin-top: 15px;
}

	.faq .faq-container .faq-item {
		background-color: var(--surface-color);
		position: relative;
		padding: 20px;
		margin-bottom: 20px;
		box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.1);
		overflow: hidden;
	}

		.faq .faq-container .faq-item:last-child {
			margin-bottom: 0;
		}

		.faq .faq-container .faq-item h3 {
			font-weight: 600;
			font-size: 17px;
			line-height: 24px;
			margin: 0 30px 0 32px;
			transition: 0.3s;
			cursor: pointer;
		}

			.faq .faq-container .faq-item h3 span {
				color: var(--accent-color);
				padding-right: 5px;
			}

			.faq .faq-container .faq-item h3:hover {
				color: var(--accent-color);
			}

		.faq .faq-container .faq-item .faq-content {
			display: grid;
			grid-template-rows: 0fr;
			transition: 0.3s ease-in-out;
			visibility: hidden;
			opacity: 0;
		}

			.faq .faq-container .faq-item .faq-content p {
				margin-bottom: 0;
				overflow: hidden;
			}

		.faq .faq-container .faq-item .faq-icon {
			position: absolute;
			top: 22px;
			left: 20px;
			font-size: 22px;
			line-height: 0;
			transition: 0.3s;
			color: var(--accent-color);
		}

		.faq .faq-container .faq-item .faq-toggle {
			position: absolute;
			top: 20px;
			right: 20px;
			font-size: 16px;
			line-height: 0;
			transition: 0.3s;
			cursor: pointer;
		}

			.faq .faq-container .faq-item .faq-toggle:hover {
				color: var(--accent-color);
			}

	.faq .faq-container .faq-active h3 {
		color: var(--accent-color);
	}

	.faq .faq-container .faq-active .faq-content {
		grid-template-rows: 1fr;
		visibility: visible;
		opacity: 1;
		padding-top: 10px;
	}

	.faq .faq-container .faq-active .faq-toggle {
		transform: rotate(90deg);
		color: var(--accent-color);
	}

/*--------------------------------------------------------------
# Portfolio Section
--------------------------------------------------------------*/
.portfolio .portfolio-filters {
	padding: 0;
	margin: 0 auto 20px auto;
	list-style: none;
	text-align: center;
}

	.portfolio .portfolio-filters li {
		cursor: pointer;
		display: inline-block;
		padding: 0;
		font-size: 18px;
		font-weight: 400;
		margin: 0 10px;
		line-height: 1;
		margin-bottom: 5px;
		transition: all 0.3s ease-in-out;
	}

		.portfolio .portfolio-filters li:hover,
		.portfolio .portfolio-filters li.filter-active {
			color: var(--accent-color);
		}

		.portfolio .portfolio-filters li:first-child {
			margin-left: 0;
		}

		.portfolio .portfolio-filters li:last-child {
			margin-right: 0;
		}

@media (max-width: 575px) {
	.portfolio .portfolio-filters li {
		font-size:16px;
		margin: 0 5px;
	}
}

.portfolio .portfolio-content {
	position: relative;
	overflow: hidden;
}

	.portfolio .portfolio-content img {
		transition: 0.3s;
	}

	.portfolio .portfolio-content .portfolio-info {
		opacity: 0;
		position: absolute;
		inset: 0;
		z-index: 3;
		transition: all ease-in-out 0.3s;
		background: rgba(0, 0, 0, 0.6);
		padding: 15px;
	}

		.portfolio .portfolio-content .portfolio-info h4 {
			font-size:16px;
			padding: 5px 10px;
			font-weight: 400;
			color: #ffffff;
			display: inline-block;
			background-color: var(--accent-color);
		}

		.portfolio .portfolio-content .portfolio-info p {
			position: absolute;
			bottom: 10px;
			text-align: center;
			display: inline-block;
			left: 0;
			right: 0;
			font-size: 16px;
			font-weight: 600;
			color: rgba(255, 255, 255, 0.8);
		}

		.portfolio .portfolio-content .portfolio-info .preview-link,
		.portfolio .portfolio-content .portfolio-info .details-link {
			position: absolute;
			left: calc(50% - 40px);
			font-size: 26px;
			top: calc(50% - 14px);
			color: #fff;
			transition: 0.3s;
			line-height: 1.2;
		}

			.portfolio .portfolio-content .portfolio-info .preview-link:hover,
			.portfolio .portfolio-content .portfolio-info .details-link:hover {
				color: var(--accent-color);
			}

		.portfolio .portfolio-content .portfolio-info .details-link {
			left: 50%;
			font-size: 34px;
			line-height: 0;
		}

	.portfolio .portfolio-content:hover .portfolio-info {
		opacity: 1;
	}

	.portfolio .portfolio-content:hover img {
		transform: scale(1.1);
	}


/*--------------------------------------------------------------
# Portfolio Details Section
--------------------------------------------------------------*/
.portfolio-details .portfolio-details-slider img {
	width: 100%;
}

.portfolio-details .swiper-wrapper {
	height: auto;
}

.portfolio-details .swiper-button-prev,
.portfolio-details .swiper-button-next {
	width: 48px;
	height: 48px;
}

	.portfolio-details .swiper-button-prev:after,
	.portfolio-details .swiper-button-next:after {
		color: rgba(255, 255, 255, 0.8);
		background-color: rgba(0, 0, 0, 0.15);
		font-size: 24px;
		border-radius: 50%;
		width: 48px;
		height: 48px;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: 0.3s;
	}

	.portfolio-details .swiper-button-prev:hover:after,
	.portfolio-details .swiper-button-next:hover:after {
		background-color: rgba(0, 0, 0, 0.3);
	}

@media (max-width: 575px) {

	.portfolio-details .swiper-button-prev,
	.portfolio-details .swiper-button-next {
		display: none;
	}
}

.portfolio-details .swiper-pagination {
	margin-top: 20px;
	position: relative;
}

	.portfolio-details .swiper-pagination .swiper-pagination-bullet {
		width: 10px;
		height: 10px;
		background-color: color-mix(in srgb, var(--default-color), transparent 85%);
		opacity: 1;
	}

	.portfolio-details .swiper-pagination .swiper-pagination-bullet-active {
		background-color: var(--accent-color);
	}

.portfolio-details .portfolio-info h3 {
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 20px;
	padding-bottom: 20px;
	position: relative;
}

	.portfolio-details .portfolio-info h3:after {
		content: "";
		position: absolute;
		display: block;
		width: 50px;
		height: 3px;
		background: var(--accent-color);
		left: 0;
		bottom: 0;
	}

.portfolio-details .portfolio-info ul {
	list-style: none;
	padding: 0;
	font-size: 15px;
}

	.portfolio-details .portfolio-info ul li {
		display: flex;
		flex-direction: column;
		padding-bottom: 15px;
	}

	.portfolio-details .portfolio-info ul strong {
		text-transform: uppercase;
		font-weight: 400;
		color: color-mix(in srgb, var(--default-color), transparent 50%);
		font-size:16px;
	}

.portfolio-details .portfolio-info .btn-visit {
	padding: 8px 40px;
	background: var(--accent-color);
	color: var(--contrast-color);
	border-radius: 50px;
	transition: 0.3s;
}

	.portfolio-details .portfolio-info .btn-visit:hover {
		background: color-mix(in srgb, var(--accent-color), transparent 20%);
	}

.portfolio-details .portfolio-description h2 {
	font-size: 26px;
	font-weight: 700;
	margin-bottom: 20px;
}

.portfolio-details .portfolio-description p {
	padding: 0;
}

.portfolio-details .portfolio-description .testimonial-item {
	padding: 30px 30px 0 30px;
	position: relative;
	background: color-mix(in srgb, var(--default-color), transparent 97%);
	margin-bottom: 50px;
}

	.portfolio-details .portfolio-description .testimonial-item .testimonial-img {
		width: 90px;
		border-radius: 50px;
		border: 6px solid var(--background-color);
		float: left;
		margin: 0 10px 0 0;
	}

	.portfolio-details .portfolio-description .testimonial-item h3 {
		font-size: 18px;
		font-weight: bold;
		margin: 15px 0 5px 0;
		padding-top: 20px;
	}

	.portfolio-details .portfolio-description .testimonial-item h4 {
		font-size:16px;
		color: #6c757d;
		margin: 0;
	}

	.portfolio-details .portfolio-description .testimonial-item .quote-icon-left,
	.portfolio-details .portfolio-description .testimonial-item .quote-icon-right {
		color: color-mix(in srgb, var(--accent-color), transparent 50%);
		font-size: 26px;
		line-height: 0;
	}

	.portfolio-details .portfolio-description .testimonial-item .quote-icon-left {
		display: inline-block;
		left: -5px;
		position: relative;
	}

	.portfolio-details .portfolio-description .testimonial-item .quote-icon-right {
		display: inline-block;
		right: -5px;
		position: relative;
		top: 10px;
		transform: scale(-1, -1);
	}

	.portfolio-details .portfolio-description .testimonial-item p {
		font-style: italic;
		margin: 0 0 15px 0 0 0;
		padding: 0;
	}


/*--------------------------------------------------------------
# Starter Section Section
--------------------------------------------------------------*/
.starter-section {
	/* Add your styles here */
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widgets-container {
	background-color: var(--surface-color);
	padding: 30px;
	margin: 60px 0 30px 0;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.widget-title {
	color: var(--heading-color);
	font-size: 20px;
	font-weight: 700;
	padding: 0;
	margin: 0 0 20px 0;
}

.widget-item {
	margin-bottom: 40px;
}

	.widget-item:last-child {
		margin-bottom: 0;
	}

.search-widget form {
	background: var(--background-color);
	border: 1px solid color-mix(in srgb, var(--default-color), transparent 70%);
	padding: 3px 10px;
	position: relative;
	transition: 0.3s;
}

	.search-widget form input[type=text] {
		border: 0;
		padding: 4px;
		border-radius: 4px;
		width: calc(100% - 40px);
		background-color: var(--background-color);
		color: var(--default-color);
	}

		.search-widget form input[type=text]:focus {
			outline: none;
		}

	.search-widget form button {
		background: var(--accent-color);
		color: var(--contrast-color);
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		border: 0;
		font-size: 16px;
		padding: 0 15px;
		margin: -1px;
		transition: 0.3s;
		border-radius: 0 4px 4px 0;
		line-height: 0;
	}

		.search-widget form button i {
			line-height: 0;
		}

		.search-widget form button:hover {
			background: color-mix(in srgb, var(--accent-color), transparent 20%);
		}

	.search-widget form:is(:focus-within) {
		border-color: var(--accent-color);
	}

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

	.categories-widget ul li {
		padding-bottom: 10px;
	}

		.categories-widget ul li:last-child {
			padding-bottom: 0;
		}

	.categories-widget ul a {
		color: color-mix(in srgb, var(--default-color), transparent 20%);
		transition: 0.3s;
	}

		.categories-widget ul a:hover {
			color: var(--accent-color);
		}

		.categories-widget ul a span {
			padding-left: 5px;
			color: color-mix(in srgb, var(--default-color), transparent 50%);
			font-size:16px;
		}

.recent-posts-widget .post-item {
	display: flex;
	margin-bottom: 15px;
}

	.recent-posts-widget .post-item:last-child {
		margin-bottom: 0;
	}

	.recent-posts-widget .post-item img {
		width: 80px;
		margin-right: 15px;
	}

	.recent-posts-widget .post-item h4 {
		font-size: 15px;
		font-weight: bold;
		margin-bottom: 5px;
	}

		.recent-posts-widget .post-item h4 a {
			color: var(--default-color);
			transition: 0.3s;
		}

			.recent-posts-widget .post-item h4 a:hover {
				color: var(--accent-color);
			}

	.recent-posts-widget .post-item time {
		display: block;
		font-style: italic;
		font-size:16px;
		color: color-mix(in srgb, var(--default-color), transparent 50%);
	}

.tags-widget {
	margin-bottom: -10px;
}

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

		.tags-widget ul li {
			display: inline-block;
		}

		.tags-widget ul a {
			color: color-mix(in srgb, var(--default-color), transparent 30%);
			font-size:16px;
			padding: 6px 14px;
			margin: 0 6px 8px 0;
			border: 1px solid color-mix(in srgb, var(--default-color), transparent 60%);
			display: inline-block;
			transition: 0.3s;
		}

			.tags-widget ul a:hover {
				background: var(--accent-color);
				color: var(--contrast-color);
				border: 1px solid var(--accent-color);
			}

			.tags-widget ul a span {
				padding-left: 5px;
				color: color-mix(in srgb, var(--default-color), transparent 60%);
				font-size:16px;
			}







/* floated textbox css */


.floating-form {
	width: 320px;
}

/****  floating-Lable style start ****/
.floating-label {
	position: relative;
	margin-bottom: 20px;
}

.floating-input, .floating-select {
	font-size: 16px !important;
	padding: 4px 4px;
	display: block;
	width: 100%;
	/* height:30px; */
	background-color: transparent;
	border: none;
	border-bottom: 1px solid #494747;
	border-radius: 5px;
	/*  */

	font-weight: normal;
	/* font-weight: bold; */
}
.select2-container--bootstrap-5 .select2-selection {
	border-bottom: 1px solid #494747 !important;
}
.table th b {
	font-weight: 600;
}
	.floating-input:focus, .floating-select:focus {
		outline: none;
		/*border-bottom: 2px solid #5264AE;*/
	}

label {
	color: #000;
	font-size:16px;
	font-weight: normal;
	position: absolute;
	left: 5px;
	/* top:5px; */
	transition: 0.2s ease all;
	-moz-transition: 0.2s ease all;
	-webkit-transition: 0.2s ease all;
}

.floating-input:focus ~ label, .floating-input:not(:placeholder-shown) ~ label {
	top: -18px;
	font-size:16px;
	color: #5264AE;
	    color: #000;
}

.floating-select:focus ~ label, .floating-select:not([value=""]):valid ~ label {
	top: -26px;
	font-size:16px;
	color: #5264AE;

}

/* active state */
.floating-input:focus ~ .bar:before, .floating-input:focus ~ .bar:after, .floating-select:focus ~ .bar:before, .floating-select:focus ~ .bar:after {
	width: 50%;
}

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

.floating-textarea {
	min-height: 30px;
	max-height: 260px;
	overflow: hidden;
	overflow-x: hidden;
}

/* highlighter */
.highlight {
	position: absolute;
	height: 41%;
	width: 100%;
	top: 15%;
	left: 0;
	pointer-events: none;
	opacity: 0.5;
}

/* active state */
.floating-input:focus ~ .highlight, .floating-select:focus ~ .highlight {
	-webkit-animation: inputHighlighter 0.3s ease;
	-moz-animation: inputHighlighter 0.3s ease;
	animation: inputHighlighter 0.3s ease;
}

/* animation */
@-webkit-keyframes inputHighlighter {
	from {
		background: #5264AE;
	}

	to {
		width: 0;
		background: transparent;
	}
}

@-moz-keyframes inputHighlighter {
	from {
		background: #5264AE;
	}

	to {
		width: 0;
		background: transparent;
	}
}

@keyframes inputHighlighter {
	from {
		background: #5264AE;
	}

	to {
		width: 0;
		background: transparent;
	}
}

/****  floating-Lable style end ****/


/***   daniel - Fork me friend - style   ***/
.floating-credit {
	position: fixed;
	bottom: 10px;
	right: 10px;
	color: #aaa;
	font-size: 13px;
	font-family: arial,sans-serif;
}

	.floating-credit a {
		text-decoration: none;
		color: #000000;
		font-weight: bold;
	}

		.floating-credit a:hover {
			border-bottom: 1px dotted #f8f8f8;
		}

.floating-heading {
	color: #aaa;
	font-size: 20px;
	font-family: arial,sans-serif;
}
/***  daniel - Fork me friend - style  ***/



.accordihome .accordion-item {
	border: var(--bs-accordion-border-width) solid #dee2e600 !important;
	margin-bottom: 10px;
}

.accordihome .accordion-collapse {
	border-bottom: 1px solid #B0EE88;
	border-left: 1px solid #B0EE88;
	border-right: 1px solid #B0EE88;
	border-radius: 5px;
	padding: 10px;
	background: #E5FFD4;
	border-top-left-radius: 0px !important;
	border-top-right-radius: 0px !important;
	border-top: none;
}

.accordihome .accordion-button:not(.collapsed) {
	color: var(--bs-accordion-active-color);
	background-color: #cfe2ff00 !important;
	box-shadow: inset 0 calc(-1* var(--bs-accordion-border-width)) 0 #dee2e600 !important;
	background: #E5FFD4 !important;
	border-bottom: none;
	border-radius: 0 !important;
}

.accordihome .accordion-button {
	color: #232323 !important;
	background: #E5FFD4 !important;
	border-radius: 5px !important;
	border: 1px solid #B0EE88;
	margin-bottom: 0;
	font-size: 16px;
	font-weight: 500 !important;
	/* padding-left: 0px; */
}

.navmenu {
	background: #01690a;
}


/* Custom select css */

.multiselect-dropdown-list-wrapper label {
	position: initial !important;
}

.multiselect-dropdown span.placeholder {
	color: #ced4da00 !important;
}

.multiselect-dropdown {
	width: 100% !important;
	z-index: 500000;
	margin-top: 24px !important;
	z-index: 500000000000000 !important;
	border: solid 1px #ced4da00 !important;
	border-bottom: 1px solid #c4c4c4 !important;
	border-radius: 5px !important;
	position: absolute !important;
	width: 248px !important;
	font-size: 16px !important;
	background-position: right .15rem center !important;
}

	.multiselect-dropdown span.optext {
		background-color: #d3d3d300 !important;
	}

.multiselect-dropdown-list-wrapper {
	position: relative !important;
}

.placeholder {
	background-color: unset !important;
	opacity: .5 !important;
}

.multiselect-dropdown span.optext, .multiselect-dropdown span.placeholder {
	color: #000000 !important;
}

#field23 {
	display: none !important;
}




.accordion {
	--bs-accordion-color: var(--bs-body-color);
	--bs-accordion-bg: var(--bs-body-bg);
	--bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
	--bs-accordion-border-color: var(--bs-border-color);
	--bs-accordion-border-width: var(--bs-border-width);
	--bs-accordion-border-radius: var(--bs-border-radius);
	--bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
	--bs-accordion-btn-padding-x: 1.25rem;
	--bs-accordion-btn-padding-y: 1rem;
	--bs-accordion-btn-color: var(--bs-body-color);
	--bs-accordion-btn-bg: var(--bs-accordion-bg);
	--bs-accordion-btn-icon: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='#ffffff' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e) !important;
	--bs-accordion-btn-icon-width: 1.25rem;
	--bs-accordion-btn-icon-transform: rotate(-180deg);
	--bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
	--bs-accordion-btn-active-icon: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='#ffffff' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e) !important;
	--bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
	--bs-accordion-body-padding-x: 1.25rem;
	--bs-accordion-body-padding-y: 1rem;
	--bs-accordion-active-color: var(--bs-primary-text-emphasis);
	--bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}

.multiselect-dropdown-list-wrapper .multiselect-dropdown-search {
	margin-bottom: 5px;
	border: solid 1px #ced4da00 !important;
	border-bottom: 1px solid #c4c4c4 !important;
	border-radius: 5px !important;
	outline: none !important;
	font-size:16px;
}


.accordion-button:focus {
	box-shadow: none !important;
	border-color: rgba(0,0,0,.125) !important;
}



.icon-box {
	padding: 9px 15px;
	position: relative;
	overflow: hidden;
	background: #ffffff00;
	/* box-shadow: 0 0 29px 0 rgba(0, 0, 0, 0.1); */
	transition: all 0.3s ease-in-out;
	/* border-radius: 8px; */
	z-index: 1;
	height: 100%;
	width: 100%;
	text-align: center;
	border-left: 1px solid #ffffff;
	margin-top: -5px !important;
}

	.icon-box:hover {
		background: #FFDE3E !important;
		border-left: none;
		border-radius: 15px;
	}

		.icon-box:hover .title a {
			color: #416027 !important;
		}

		.icon-box:hover .icon {
			color: #416027 !important;
		}

	.icon-box .title {
		font-weight: 700;
		margin-bottom: 15px;
		font-size: 17px;
		text-transform: uppercase;
	}

		.icon-box .title a {
			color: #ffffff;
			transition: 0.3s;
		}

	.icon-box .icon {
		margin-bottom: 10px;
		padding-top: 10px;
		display: inline-block;
		transition: all 0.3s ease-in-out;
		font-size: 40px;
		line-height: 1;
		color: #fff;
		/* border-left: 1px solid #ffffff; */
		font-weight: 700;
	}

	.icon-box:hover {
	}

		.icon-box:hover .title a,
		.icon-box:hover .icon {
			color: var(--contrast-color);
		}

.hero .icon-boxes {
	padding-bottom: 60px;
	z-index: 4;
}

.statbg {
	display: block;
	background: #B0EE89;
	background-image: url(../../assets/img/statbg.png);
	/* background-position: right top; */
	background-position: right 30px top;
	background-repeat: no-repeat;
	border-bottom-left-radius: 80px;
	border: 1px solid #000000;
	border-right: 0;
	box-shadow: inset 4px -4px 5px -3px rgb(0 0 0 / 22%);
}

.activ {
	background: #FFDE3E !important;
	border-left: none;
	border-radius: 15px;
	margin-top: -5px;
}

	.activ .icon {
		color: #416027 !important;
		font-weight: bold;
	}

	.activ .title a {
		color: #416027 !important;
	}

.static {
	background: #425F27;
	border-radius: 17px;
}


.footer .footer-newsletter {
	background-color: #E5FFD4;
	
	padding-top:20px;
	padding-bottom:160px;
	background-image: url(../../assets/img/newsleft.png), url(../../assets/img/newsright.png);
	background-position: right -9px top, left bottom;
	background-repeat: no-repeat;
}

	.footer .footer-newsletter h4 {
		font-size: 32px;
		color: #4B6931;
		font-weight: 600;
	}

	.footer .footer-newsletter p {
		font-size: 20px;
		line-height: 30px;
		color: #000000;
		font-weight: 400;
		
	}

	.footer .footer-newsletter .newsletter-form {
		margin-top: 30px;
		margin-bottom: 15px;
		padding: 6px 8px;
		position: relative;
		background-color: #ffffff;
		border: 1px solid #ffffff;
		box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.1);
		/* display: flex; */
		transition: 0.3s;
		border-radius: 5px;
		width: 65%;
		border-bottom: 1px solid #c4c4c4;
		border-radius: 5px;
		margin-left: 25px;
	}

		.footer .footer-newsletter .newsletter-form:focus-within {
			box-shadow: 0px 0px 10px 0px rgba(97,97,97,1);
		}

		.footer .footer-newsletter .newsletter-form:hover {
		}


		.footer .footer-newsletter .newsletter-form input[type=email] {
			border: 0;
			padding: 4px;
			width: 100%;
			/* background-color: color-mix(in srgb, var(--background-color), transparent 50%); */
			color: #000000;
			
			text-align: left;
			font-size: 16px;
		}

			.footer .footer-newsletter .newsletter-form input[type=email]:focus-visible {
				outline: none;
			}

		.footer .footer-newsletter .newsletter-form input[type=submit] {
			border: 0;
			padding: 8px 20px;
			margin: -7px -8px -7px 20px;
			background: #FFDE3E;
			color: #194D09;
			transition: 0.3s;
			border-radius: 5px;
			border: 1px solid #ffc107;
			font-weight: bold;
			position: absolute !important;
			color: #184C08;
			padding: 10px;
			width: 111px;
			/* margin-bottom: 20px; */
			font-size:16px;
			
			font-weight: 600;
		}

	.footer .footer-newsletter input[type=submit]:hover {
		box-shadow: inset 0px -1px 4px 0px rgba(178, 178, 178, 1);
		color: #194D09;
		background: #FFDE3E !important;
	}

.accordion-body {
	padding: 7px;
	font-size: 16px;
	text-align: justify;
	
}

















/* Every Custom Css */


.hdbtn {
	background: none;
	color: #366327;
	border: 1px solid #FFDE3E;
	font-size:16px;
	font-weight: 600;
	
	width: 110px;
	height: 38px;
}

	.hdbtn:hover {
		background: #ffde3e;
		color: #366327;
		border: 1px solid #e4c633;
		box-shadow: inset 0px -1px 4px 0px rgba(178,178,178,1);
	}

.footerbgimg {
	background-image: url(../../assets/img/footerbg.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	margin-bottom: 0px !important;
}

.sectorbg {
	background-image: url(../../assets/img/sectorbg.png);
	background-repeat: no-repeat;
	background-position: top left;
	margin-bottom: 0px !important;
}

.simplytrade {
	background-image: url(../../assets/img/sectorbg-.png);
	background-repeat: no-repeat;
	background-position: top left;
	margin-bottom: 0px !important;
}

.simpletradebg {
	background-color: #FCF6DA;
	border-radius: 5px;
	border: 1px solid #000000;
	/*border-bottom-right-radius: 90px;*/
}

.simpletradeimg {
	background-image: url(../../assets/img/benifit_footer.png);
	background-repeat: no-repeat;
	background-size:contain;
	background-position: bottom -3px right;
	margin-bottom: 0px !important;
}

.insight h3 {
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 15px;
	color: #000000;
	text-align: center;
	padding: 10px;
}

.trade h3 {
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 15px;
	color: #000000;
	text-align: left;
	padding: 10px 0px;
}

.trade p {
	text-align: left;
	font-size: 16px;
	font-weight: 400;
}


.btnoutline {
	color: #184C08;
	padding: 10px;
	width: 250px;
	/* margin-bottom: 20px; */
	font-size: 16px;
	
	font-weight: 600;
}


	.btnoutline:hover {
		box-shadow: inset 0px -1px 4px 0px rgba(178,178,178,1);
		color: #194D09;
		background: #FFDE3E !important;
	}

.viewall {
	color: #184C08;
	padding: 10px;
	/* margin-bottom: 20px; */
	font-size:16px;
	
	font-weight: 600;
}


	.viewall:hover {
		box-shadow: inset 0px -1px 4px 0px rgba(178,178,178,1);
		color: #194D09;
		background: #FFDE3E !important;
	}

.php-email-form {
	width: 65%;
	margin: auto;
}


.statics {
	position: relative !important;
	z-index: 5000000;
}

.aptxt {
	color: #2C4B11;
}

.buyleadleft {
	font-size: 16px;
	width: 205px;
}

.spsleft {
	font-size:16px;
	width: 210px;
	
}

.spsleftright {
	font-size:16px;
	width: 210px;
	
}

.buyleadleft a {
	color: #1A56A6;
	font-size:16px;
	/**
* Template Name: HeroBiz
* Template URL: https://bootstrapmade.com/herobiz-bootstrap-business-template/
* Updated: Jun 29 2024 with Bootstrap v5.3.3
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/
	/*--------------------------------------------------------------
# Font & Color Variables
# Help: https://bootstrapmade.com/color-system/
--------------------------------------------------------------*/
	/* Fonts */
	: root

{
	--default-font: "Poppins", sans-serif;
	--heading-font: "Poppins", sans-serif;
	--nav-font: "Poppins", sans-serif;
}

/* Global Colors - The following color variables are used throughout the website. Updating them here will change the color scheme of the entire website */
:
root {
	--background-color: #ffffff; /* Background color for the entire website, including individual sections */
	--default-color: #1a1f24; /* Default color used for the majority of the text content across the entire website */
	--heading-color: #485664; /* Color for headings, subheadings and title throughout the website */
	--accent-color: #0ea2bd; /* Accent color that represents your brand on the website. It's used for buttons, links, and other elements that need to stand out */
	--surface-color: #ffffff; /* The surface color is used as a background of boxed elements within sections, such as cards, icon boxes, or other elements that require a visual separation from the global background. */
	--contrast-color: #ffffff; /* Contrast color for text, ensuring readability against backgrounds of accent, heading, or default colors. */
}

/* Nav Menu Colors - The following color variables are used specifically for the navigation menu. They are separate from the global colors to allow for more customization options */
:
root {
	--nav-color: #485664; /* The default color of the main navmenu links */
	--nav-hover-color: #0ea2bd; /* Applied to main navmenu links when they are hovered over or active */
	--nav-mobile-background-color: #ffffff; /* Used as the background color for mobile navigation menu */
	--nav-dropdown-background-color: #ffffff; /* Used as the background color for dropdown items that appear when hovering over primary navigation items */
	--nav-dropdown-color: #485664; /* Used for navigation links of the dropdown items in the navigation menu. */
	--nav-dropdown-hover-color: #0ea2bd; /* Similar to --nav-hover-color, this color is applied to dropdown navigation links when they are hovered over. */
}

/* Color Presets - These classes override global colors when applied to any section or element, providing reuse of the sam color scheme. */

.light-background {
	--background-color: #eef0f2;
	--surface-color: #ffffff;
}

.dark-background {
	--background-color: #4b6931;
	--default-color: #ffffff;
	--heading-color: #ffffff;
	--surface-color: #ffffff;
	--contrast-color: #ffffff;
}

/* Smooth scroll */
:
root {
	scroll-behavior: smooth;
}

/*--------------------------------------------------------------
# General Styling & Shared Classes
--------------------------------------------------------------*/
body {
	color: var(--default-color);
	background-color: var(--background-color);
	font-family: var(--default-font);
}

a {
	color: var(--accent-color);
	text-decoration: none;
	transition: 0.3s;
}

	a:hover {
		color: color-mix(in srgb, var(--accent-color), transparent 25%);
		text-decoration: none;
	}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #000000;
	font-family: var(--heading-font);
}

/* Pulsating Play Button
------------------------------*/
.pulsating-play-btn {
	width: 94px;
	height: 94px;
	background: radial-gradient(var(--accent-color) 50%, color-mix(in srgb, var(--accent-color), transparent 75%) 52%);
	border-radius: 50%;
	display: block;
	position: relative;
	overflow: hidden;
}

	.pulsating-play-btn:
	before {
		content: "";
		position: absolute;
		width: 120px;
		height: 120px;
		animation-delay: 0s;
		animation: pulsate-play-btn 2s;
		animation-direction: forwards;
		animation-iteration-count: infinite;
		animation-timing-function: steps;
		opacity: 1;
		border-radius: 50%;
		border: 5px solid color-mix(in srgb, var(--accent-color), transparent 30%);
		top: -15%;
		left: -15%;
		background: rgba(198, 16, 0, 0);
	}

	.pulsating-play-btn:
	after {
		content: "";
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translateX(-40%) translateY(-50%);
		width: 0;
		height: 0;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-left: 15px solid #fff;
		z-index: 100;
		transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}

	.pulsating-play-btn:
	hover:before {
		content: "";
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translateX(-40%) translateY(-50%);
		width: 0;
		height: 0;
		border: none;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-left: 15px solid #fff;
		z-index: 200;
		animation: none;
		border-radius: 0;
	}

	.pulsating-play-btn:
	hover:after {
		border-left: 15px solid var(--accent-color);
		transform: scale(20);
	}

@keyframes pulsate-play-btn {
	0% {
		transform: scale(0.6, 0.6);
		opacity: 1;
	}

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


/*--------------------------------------------------------------
# Global Header
--------------------------------------------------------------*/
.header {
	color: var(--default-color);
	background-color: var(--background-color);
	padding: 0px 0;
	transition: all 0.5s;
	z-index: 997;
}

	.header .logo {
		line-height: 1;
	}

		.header .logo
		img {
			/* max-height: 36px; */
			/* margin-right: 8px; */
		}

		.header .logo
		h1 {
			font-size: 32px;
			font-weight: 300;
			margin: 0;
			color: var(--heading-color);
		}

		.header .logo
		span {
			color: var(--accent-color);
			font-weight: 400;
			font-size: 34px;
			margin-left: 2px;
		}

	.header .btn-getstarted,
	.header .btn-getstarted:
	focus {
		color: var(--contrast-color);
		background: var(--accent-color);
		font-size:16px;
		padding: 8px 26px;
		margin: 0;
		border-radius: 4px;
		transition: 0.3s;
	}

		.header .btn-getstarted:
		hover,
		.header .btn-getstarted:focus:hover {
			color: var(--contrast-color);
			background: color-mix(in srgb, var(--accent-color), transparent 15%);
		}

@media (max-width: 1200px) {
	.header .logo {
		order: 0;
	}

		.header .logo h1 {
			width: 98px !important;
			padding-top: 5px;
			padding-bottom: 10px;
		}

	.container-fluid {
		padding-right: 10px !important;
		padding-left: 10px !important;
	}

	.header {
		padding: 0px 0 !important;
	}
	/* #header img { */
	/* width: 100px!important; */
	/* } */
	#lang {
		display: none !important;
	}

	.nav-tabs {
		width: 100% !important;
	}

	.features .nav-link {
		margin-top: 15px !important;
	}

	.rlogo {
		width: 100px !important;
	}

	/* .sitname img{ */
	/* display:none!important; */
	/* } */

	.header .btn-getstarted {
		order: 2;
		margin: 0 15px 0 0;
		padding: 6px 20px;
	}

	.header .navmenu {
		order: 3;
	}
}

.scrolled .header {
	box-shadow: 0px 0 18px rgba(0, 0, 0, 0.1);
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Desktop Navigation */
@media (min-width: 1200px) {
	.navmenu {
		padding: 0;
	}

		.navmenu ul {
			margin: 0;
			padding: 0;
			display: flex;
			list-style: none;
			align-items: center;
		}

		.navmenu li {
			position: relative;
		}

		.navmenu > ul > li {
			white-space: nowrap;
			padding: 8px 29px;
		}

			.navmenu > ul > li:
			last-child {
				padding-right: 0;
			}

		.navmenu a,
		.navmenu a:
		focus {
			color: #ffffff;
			font-size:16px;
			padding: 0 2px;
			font-family: var(--nav-font);
			font-weight: 400;
			display: flex;
			align-items: center;
			justify-content: space-between;
			white-space: nowrap;
			transition: 0.3s;
			position: relative;
		}

			.navmenu a i,
			.navmenu a:
			focus i {
				font-size: 12px;
				line-height: 0;
				margin-left: 5px;
				transition: 0.3s;
			}

		.navmenu > ul > li > a:
		before {
			content: "";
			position: absolute;
			width: 100%;
			height: 2px;
			bottom: -6px;
			left: 0;
			background-color: #0ea2bd00;
			visibility: hidden;
			width: 0px;
		}

		.navmenu a:
		hover:before,
		.navmenu li:hover > a:before,
		.navmenu .active:before {
			visibility: visible;
			width: 100%;
		}

		.navmenu li:
		hover > a,
		.navmenu .active,
		.navmenu .active:focus {
		}

		.navmenu .dropdown ul {
			margin: 0;
			padding: 10px 0;
			background: var(--nav-dropdown-background-color);
			display: block;
			position: absolute;
			visibility: hidden;
			left: 14px;
			top: 130%;
			opacity: 0;
			/*transition: 0.3s;*/
			border-radius: 4px;
			z-index: 99;
			box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
		}

			.navmenu .dropdown ul li {
				min-width: 200px;
			}

			.navmenu .dropdown ul a {
				padding: 10px 20px;
				font-size: 15px;
				text-transform: none;
				color: var(--nav-dropdown-color);
			}

				.navmenu .dropdown ul a i {
					font-size: 12px;
				}

				.navmenu .dropdown ul a:
				hover,
				.navmenu .dropdown ul .active:hover,
				.navmenu .dropdown ul li:hover > a {
					color: var(--nav-dropdown-hover-color);
				}

		.navmenu .dropdown:
		hover > ul {
			opacity: 1;
			top: 100%;
			visibility: visible;
		}

		.navmenu .dropdown .dropdown ul {
			top: 0;
			left: -90%;
			visibility: hidden;
		}

		.navmenu .dropdown .dropdown:
		hover > ul {
			opacity: 1;
			top: 0;
			left: -100%;
			visibility: visible;
		}
}

/* Mobile Navigation */
@media (max-width: 1199px) {
	.mobile-nav-toggle {
		color: var(--nav-color);
		font-size: 28px;
		line-height: 0;
		margin-right: 10px;
		cursor: pointer;
		transition: color 0.3s;
	}

	.navmenu {
		padding: 0;
		z-index: 9997;
	}

		.navmenu ul {
			display: none;
			position: absolute;
			inset: 60px 20px 20px 20px;
			padding: 10px 0;
			margin: 0;
			border-radius: 6px;
			background-color: var(--nav-mobile-background-color);
			border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
			box-shadow: none;
			overflow-y: auto;
			transition: 0.3s;
			z-index: 9998;
		}

		.navmenu a,
		.navmenu a:
		focus {
			color: var(--nav-dropdown-color);
			padding: 10px 20px;
			font-family: var(--nav-font);
			font-size: 17px;
			font-weight: 500;
			display: flex;
			align-items: center;
			justify-content: space-between;
			white-space: nowrap;
			transition: 0.3s;
		}

			.navmenu a i,
			.navmenu a:
			focus i {
				font-size: 12px;
				line-height: 0;
				margin-left: 5px;
				width: 30px;
				height: 30px;
				display: flex;
				align-items: center;
				justify-content: center;
				border-radius: 50%;
				transition: 0.3s;
				background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
			}

				.navmenu a i:
				hover,
				.navmenu a:focus i:hover {
					background-color: var(--accent-color);
					color: var(--contrast-color);
				}

			.navmenu a:
			hover,
			.navmenu .active,
			.navmenu .active:focus {
				color: var(--nav-dropdown-hover-color);
			}

				.navmenu .active i,
				.navmenu .active:
				focus i {
					background-color: var(--accent-color);
					color: var(--contrast-color);
					transform: rotate(180deg);
				}

		.navmenu .dropdown ul {
			position: static;
			display: none;
			z-index: 99;
			padding: 10px 0;
			margin: 10px 20px;
			background-color: var(--nav-dropdown-background-color);
			transition: all 0s ease-in-out;
		}

			.navmenu .dropdown ul ul {
				background-color: rgba(33, 37, 41, 0.1);
			}

		.navmenu .dropdown > .dropdown-active {
			display: block;
			background-color: rgba(33, 37, 41, 0.03);
		}

	.mobile-nav-active {
		overflow: hidden;
	}

		.mobile-nav-active .mobile-nav-toggle {
			color: #fff;
			position: absolute;
			font-size: 32px;
			top: 15px;
			right: 15px;
			margin-right: 0;
			z-index: 9999;
		}

		.mobile-nav-active .navmenu {
			position: fixed;
			overflow: hidden;
			inset: 0;
			background: rgba(33, 37, 41, 0.8);
			transition: 0.3s;
		}

			.mobile-nav-active .navmenu > ul {
				display: block;
			}
}

/*--------------------------------------------------------------
# Global Footer
--------------------------------------------------------------*/
.footer {
	color: #54713b;
	/* background-color: #4b6931!important; */
	font-size:16px;
	position: relative;
}

	.footer .footer-top {
		background-color: color-mix(in srgb, var(--background-color), white 5%);
		padding-top: 50px;
	}

	.footer .footer-about .logo {
		line-height: 1;
		/* margin-bottom: 25px; */
	}

		.footer .footer-about .logo
		img {
			/* max-height: 40px; */
			/* margin-right: 6px; */
		}

		.footer .footer-about .logo
		span {
			color: var(--heading-color);
			font-family: var(--heading-font);
			font-size: 26px;
			font-weight: 700;
			letter-spacing: 1px;
		}

	.footer .footer-about
	p {
		font-size:16px;
		font-family: var(--heading-font);
	}

	.footer
	h4 {
		font-size: 16px;
		font-weight: 600;
		position: relative;
		padding-bottom: 12px;
		margin-bottom: 15px;
	}

		.footer
		h4::after {
			content: "";
			position: absolute;
			display: block;
			width: 20px;
			height: 2px;
			background: #0ea2bd00;
			bottom: 0;
			left: 0;
		}

	.footer .footer-links {
		margin-bottom: 30px;
		color: #ffffff;
		font-size: 13px;
	}

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

			.footer .footer-links
			ul i {
				padding-right: 2px;
				font-size: 12px;
				line-height: 0;
			}

			.footer .footer-links
			ul li {
				padding: 10px 0;
				display: flex;
				align-items: center;
			}

				.footer .footer-links
				ul li:first-child {
					padding-top: 0;
				}

		.footer .footer-links
		a i {
			color: #ffff;
			font-size: 20px;
			padding-right: 10px;
		}

		.footer .footer-links
		ul a {
			color: color-mix(in srgb, var(--default-color), transparent 30%);
			display: inline-block;
			line-height: 1;
		}

		.footer .footer-links
		h4 {
			color: #ffffff !important;
		}

		.footer .footer-links
		ul a:hover {
			color: var(--accent-color);
		}

	.footer .footer-contact
	p {
		margin-bottom: 5px;
	}

	.footer .copyright {
		padding: 5px 0;
		font-weight: 600;
		font-size:16px;
		
	}

		.footer .copyright
		p {
			margin-bottom: 0;
		}

	.footer .credits {
		margin-top: 5px;
		font-size: 13px;
	}

	.footer .social-links
	a {
		font-size:16px;
		display: inline-block;
		/* background: color-mix(in srgb, var(--default-color), transparent 90%); */
		color: #54713b;
		line-height: 1;
		padding: 8px 0;
		margin-right: 4px;
		border-radius: 4px;
		text-align: center;
		/* width: 36px; */
		/* height: 36px; */
		transition: 0.3s;
		font-weight: 600;
		/**
* Template Name: HeroBiz
* Template URL: https://bootstrapmade.com/herobiz-bootstrap-business-template/
* Updated: Jun 29 2024 with Bootstrap v5.3.3
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/
		/*--------------------------------------------------------------
# Font & Color Variables
# Help: https://bootstrapmade.com/color-system/
--------------------------------------------------------------*/
		/* Fonts */
		: root

{
	--default-font: "Poppins", sans-serif;
	--heading-font: "Poppins", sans-serif;
	--nav-font: "Poppins", sans-serif;
}

/* Global Colors - The following color variables are used throughout the website. Updating them here will change the color scheme of the entire website */
:
root {
	--background-color: #ffffff; /* Background color for the entire website, including individual sections */
	--default-color: #1a1f24; /* Default color used for the majority of the text content across the entire website */
	--heading-color: #485664; /* Color for headings, subheadings and title throughout the website */
	--accent-color: #0ea2bd; /* Accent color that represents your brand on the website. It's used for buttons, links, and other elements that need to stand out */
	--surface-color: #ffffff; /* The surface color is used as a background of boxed elements within sections, such as cards, icon boxes, or other elements that require a visual separation from the global background. */
	--contrast-color: #ffffff; /* Contrast color for text, ensuring readability against backgrounds of accent, heading, or default colors. */
}

/* Nav Menu Colors - The following color variables are used specifically for the navigation menu. They are separate from the global colors to allow for more customization options */
:
root {
	--nav-color: #485664; /* The default color of the main navmenu links */
	--nav-hover-color: #0ea2bd; /* Applied to main navmenu links when they are hovered over or active */
	--nav-mobile-background-color: #ffffff; /* Used as the background color for mobile navigation menu */
	--nav-dropdown-background-color: #ffffff; /* Used as the background color for dropdown items that appear when hovering over primary navigation items */
	--nav-dropdown-color: #485664; /* Used for navigation links of the dropdown items in the navigation menu. */
	--nav-dropdown-hover-color: #0ea2bd; /* Similar to --nav-hover-color, this color is applied to dropdown navigation links when they are hovered over. */
}

/* Color Presets - These classes override global colors when applied to any section or element, providing reuse of the sam color scheme. */

.light-background {
	--background-color: #eef0f2;
	--surface-color: #ffffff;
}

.dark-background {
	--background-color: #4b6931;
	--default-color: #ffffff;
	--heading-color: #ffffff;
	--surface-color: #ffffff;
	--contrast-color: #ffffff;
}

/* Smooth scroll */
:
root {
	scroll-behavior: smooth;
}

/*--------------------------------------------------------------
# General Styling & Shared Classes
--------------------------------------------------------------*/
body {
	color: var(--default-color);
	background-color: var(--background-color);
	font-family: var(--default-font);
}

a {
	color: var(--accent-color);
	text-decoration: none;
	transition: 0.3s;
}

	a:hover {
		color: color-mix(in srgb, var(--accent-color), transparent 25%);
		text-decoration: none;
	}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #000000;
	font-family: var(--heading-font);
}

/* Pulsating Play Button
------------------------------*/
.pulsating-play-btn {
	width: 94px;
	height: 94px;
	background: radial-gradient(var(--accent-color) 50%, color-mix(in srgb, var(--accent-color), transparent 75%) 52%);
	border-radius: 50%;
	display: block;
	position: relative;
	overflow: hidden;
}

	.pulsating-play-btn:
	before {
		content: "";
		position: absolute;
		width: 120px;
		height: 120px;
		animation-delay: 0s;
		animation: pulsate-play-btn 2s;
		animation-direction: forwards;
		animation-iteration-count: infinite;
		animation-timing-function: steps;
		opacity: 1;
		border-radius: 50%;
		border: 5px solid color-mix(in srgb, var(--accent-color), transparent 30%);
		top: -15%;
		left: -15%;
		background: rgba(198, 16, 0, 0);
	}

	.pulsating-play-btn:
	after {
		content: "";
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translateX(-40%) translateY(-50%);
		width: 0;
		height: 0;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-left: 15px solid #fff;
		z-index: 100;
		transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}

	.pulsating-play-btn:
	hover:before {
		content: "";
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translateX(-40%) translateY(-50%);
		width: 0;
		height: 0;
		border: none;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-left: 15px solid #fff;
		z-index: 200;
		animation: none;
		border-radius: 0;
	}

	.pulsating-play-btn:
	hover:after {
		border-left: 15px solid var(--accent-color);
		transform: scale(20);
	}

@keyframes pulsate-play-btn {
	0% {
		transform: scale(0.6, 0.6);
		opacity: 1;
	}

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


/*--------------------------------------------------------------
# Global Header
--------------------------------------------------------------*/
.header {
	color: var(--default-color);
	background-color: var(--background-color);
	padding: 0px 0;
	transition: all 0.5s;
	z-index: 997;
}

	.header .logo {
		line-height: 1;
	}

		.header .logo
		img {
			/* max-height: 36px; */
			/* margin-right: 8px; */
		}

		.header .logo
		h1 {
			font-size: 32px;
			font-weight: 300;
			margin: 0;
			color: var(--heading-color);
		}

		.header .logo
		span {
			color: var(--accent-color);
			font-weight: 400;
			font-size: 34px;
			margin-left: 2px;
		}

	.header .btn-getstarted,
	.header .btn-getstarted:
	focus {
		color: var(--contrast-color);
		background: var(--accent-color);
		font-size:16px;
		padding: 8px 26px;
		margin: 0;
		border-radius: 4px;
		transition: 0.3s;
	}

		.header .btn-getstarted:
		hover,
		.header .btn-getstarted:focus:hover {
			color: var(--contrast-color);
			background: color-mix(in srgb, var(--accent-color), transparent 15%);
		}

@media (max-width: 1200px) {
	.header .logo {
		order: 0;
	}

		.header .logo h1 {
			width: 98px !important;
			padding-top: 5px;
			padding-bottom: 10px;
		}

	.header {
		padding: 10px 0 !important;
	}
	/* #header img { */
	/* width: 100px!important; */
	/* } */
	#lang {
		display: none !important;
	}

	.nav-tabs {
		width: 100% !important;
	}

	.features .nav-link {
		margin-top: 15px !important;
	}

	.rlogo {
		width: 100px !important;
	}

	/* .sitname img{ */
	/* display:none!important; */
	/* } */

	.header .btn-getstarted {
		order: 2;
		margin: 0 15px 0 0;
		padding: 6px 20px;
	}

	.header .navmenu {
		order: 3;
	}
}

.scrolled .header {
	box-shadow: 0px 0 18px rgba(0, 0, 0, 0.1);
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Desktop Navigation */
@media (min-width: 1200px) {
	.navmenu {
		padding: 0;
	}

		.navmenu ul {
			margin: 0;
			padding: 0;
			display: flex;
			list-style: none;
			align-items: center;
		}

		.navmenu li {
			position: relative;
		}

		.navmenu > ul > li {
			white-space: nowrap;
			padding: 8px 29px;
		}

			.navmenu > ul > li:
			last-child {
				padding-right: 0;
			}

		.navmenu a,
		.navmenu a:
		focus {
			color: #ffffff;
			font-size:16px;
			padding: 0 2px;
			font-family: var(--nav-font);
			font-weight: 400;
			display: flex;
			align-items: center;
			justify-content: space-between;
			white-space: nowrap;
			transition: 0.3s;
			position: relative;
		}

			.navmenu a i,
			.navmenu a:
			focus i {
				font-size: 12px;
				line-height: 0;
				margin-left: 5px;
				transition: 0.3s;
			}

		.navmenu > ul > li > a:
		before {
			content: "";
			position: absolute;
			width: 100%;
			height: 2px;
			bottom: -6px;
			left: 0;
			background-color: #0ea2bd00;
			visibility: hidden;
			width: 0px;
		}

		.navmenu a:
		hover:before,
		.navmenu li:hover > a:before,
		.navmenu .active:before {
			visibility: visible;
			width: 100%;
		}

		.navmenu li:
		hover > a,
		.navmenu .active,
		.navmenu .active:focus {
		}

		.navmenu .dropdown ul {
			margin: 0;
			padding: 10px 0;
			background: var(--nav-dropdown-background-color);
			display: block;
			position: absolute;
			visibility: hidden;
			left: 14px;
			top: 130%;
			opacity: 0;
			/*transition: 0.3s;*/
			border-radius: 4px;
			z-index: 99;
			box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
		}

			.navmenu .dropdown ul li {
				min-width: 200px;
			}

			.navmenu .dropdown ul a {
				padding: 10px 20px;
				font-size: 15px;
				text-transform: none;
				color: var(--nav-dropdown-color);
			}

				.navmenu .dropdown ul a i {
					font-size: 12px;
				}

				.navmenu .dropdown ul a:
				hover,
				.navmenu .dropdown ul .active:hover,
				.navmenu .dropdown ul li:hover > a {
					color: var(--nav-dropdown-hover-color);
				}

		.navmenu .dropdown:
		hover > ul {
			opacity: 1;
			top: 100%;
			visibility: visible;
		}

		.navmenu .dropdown .dropdown ul {
			top: 0;
			left: -90%;
			visibility: hidden;
		}

		.navmenu .dropdown .dropdown:
		hover > ul {
			opacity: 1;
			top: 0;
			left: -100%;
			visibility: visible;
		}
}

/* Mobile Navigation */
@media (max-width: 1199px) {
	.mobile-nav-toggle {
		color: var(--nav-color);
		font-size: 28px;
		line-height: 0;
		margin-right: 10px;
		cursor: pointer;
		transition: color 0.3s;
	}

	.navmenu {
		padding: 0;
		z-index: 9997;
	}

		.navmenu ul {
			display: none;
			position: absolute;
			inset: 60px 20px 20px 20px;
			padding: 10px 0;
			margin: 0;
			border-radius: 6px;
			background-color: var(--nav-mobile-background-color);
			border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
			box-shadow: none;
			overflow-y: auto;
			transition: 0.3s;
			z-index: 9998;
		}

		.navmenu a,
		.navmenu a:
		focus {
			color: var(--nav-dropdown-color);
			padding: 10px 20px;
			font-family: var(--nav-font);
			font-size: 17px;
			font-weight: 500;
			display: flex;
			align-items: center;
			justify-content: space-between;
			white-space: nowrap;
			transition: 0.3s;
		}

			.navmenu a i,
			.navmenu a:
			focus i {
				font-size: 12px;
				line-height: 0;
				margin-left: 5px;
				width: 30px;
				height: 30px;
				display: flex;
				align-items: center;
				justify-content: center;
				border-radius: 50%;
				transition: 0.3s;
				background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
			}

				.navmenu a i:
				hover,
				.navmenu a:focus i:hover {
					background-color: var(--accent-color);
					color: var(--contrast-color);
				}

			.navmenu a:
			hover,
			.navmenu .active,
			.navmenu .active:focus {
				color: var(--nav-dropdown-hover-color);
			}

				.navmenu .active i,
				.navmenu .active:
				focus i {
					background-color: var(--accent-color);
					color: var(--contrast-color);
					transform: rotate(180deg);
				}

		.navmenu .dropdown ul {
			position: static;
			display: none;
			z-index: 99;
			padding: 10px 0;
			margin: 10px 20px;
			background-color: var(--nav-dropdown-background-color);
			transition: all 0s ease-in-out;
		}

			.navmenu .dropdown ul ul {
				background-color: rgba(33, 37, 41, 0.1);
			}

		.navmenu .dropdown > .dropdown-active {
			display: block;
			background-color: rgba(33, 37, 41, 0.03);
		}

	.mobile-nav-active {
		overflow: hidden;
	}

		.mobile-nav-active .mobile-nav-toggle {
			color: #fff;
			position: absolute;
			font-size: 32px;
			top: 15px;
			right: 15px;
			margin-right: 0;
			z-index: 9999;
		}

		.mobile-nav-active .navmenu {
			position: fixed;
			overflow: hidden;
			inset: 0;
			background: rgba(33, 37, 41, 0.8);
			transition: 0.3s;
		}

			.mobile-nav-active .navmenu > ul {
				display: block;
			}
}

/*--------------------------------------------------------------
# Global Footer
--------------------------------------------------------------*/
.footer {
	color: #54713b;
	/* background-color: #4b6931!important; */
	font-size:16px;
	position: relative;
}

	.footer .footer-top {
		background-color: color-mix(in srgb, var(--background-color), white 5%);
		padding-top: 50px;
	}

	.footer .footer-about .logo {
		line-height: 1;
		/* margin-bottom: 25px; */
	}

		.footer .footer-about .logo
		img {
			/* max-height: 40px; */
			/* margin-right: 6px; */
		}

		.footer .footer-about .logo
		span {
			color: var(--heading-color);
			font-family: var(--heading-font);
			font-size: 26px;
			font-weight: 700;
			letter-spacing: 1px;
		}

	.footer .footer-about
	p {
		font-size:16px;
		font-family: var(--heading-font);
	}

	.footer
	h4 {
		font-size: 16px;
		font-weight: 600;
		position: relative;
		padding-bottom: 12px;
		margin-bottom: 15px;
	}

		.footer
		h4::after {
			content: "";
			position: absolute;
			display: block;
			width: 20px;
			height: 2px;
			background: #0ea2bd00;
			bottom: 0;
			left: 0;
		}

	.footer .footer-links {
		margin-bottom: 30px;
		color: #ffffff;
		font-size: 13px;
	}

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

			.footer .footer-links
			ul i {
				padding-right: 2px;
				font-size: 12px;
				line-height: 0;
			}

			.footer .footer-links
			ul li {
				padding: 10px 0;
				display: flex;
				align-items: center;
			}

				.footer .footer-links
				ul li:first-child {
					padding-top: 0;
				}

		.footer .footer-links
		a i {
			color: #ffff;
			font-size: 20px;
			padding-right: 10px;
		}

		.footer .footer-links
		ul a {
			color: color-mix(in srgb, var(--default-color), transparent 30%);
			display: inline-block;
			line-height: 1;
		}

		.footer .footer-links
		h4 {
			color: #ffffff !important;
		}

		.footer .footer-links
		ul a:hover {
			color: var(--accent-color);
		}

	.footer .footer-contact
	p {
		margin-bottom: 5px;
	}

	.footer .copyright {
		padding: 5px 0;
		font-weight: 600;
		font-size:16px;
		
	}

		.footer .copyright
		p {
			margin-bottom: 0;
		}

	.footer .credits {
		margin-top: 5px;
		font-size: 13px;
	}

	.footer .social-links
	a {
		font-size:16px;
		display: inline-block;
		/* background: color-mix(in srgb, var(--default-color), transparent 90%); */
		color: #54713b;
		line-height: 1;
		padding: 8px 0;
		margin-right: 4px;
		border-radius: 4px;
		text-align: center;
		/* width: 36px; */
		/* height: 36px; */
		transition: 0.3s;
		font-weight: bold;
	}

		.footer .social-links
		a:hover {
			text-decoration: none;
		}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
	position: fixed;
	inset: 0;
	z-index: 9999;
	overflow: hidden;
	background-color: var(--background-color);
	transition: all 0.6s ease-out;
	width: 100%;
	height: 100vh;
}

	#preloader:
	before,
	#preloader:after {
		content: "";
		position: absolute;
		border: 4px solid var(--accent-color);
		border-radius: 50%;
		animation: animate-preloader 2s cubic-bezier(0, 0.2, 0.8, 1) infinite;
	}

	#preloader:
	after {
		animation-delay: -0.5s;
	}

@keyframes animate-preloader {
	0% {
		width: 10px;
		height: 10px;
		top: calc(50% - 5px);
		left: calc(50% - 5px);
		opacity: 1;
	}

	100% {
		width: 72px;
		height: 72px;
		top: calc(50% - 36px);
		left: calc(50% - 36px);
		opacity: 0;
	}
}

/*--------------------------------------------------------------
# Scroll Top Button
--------------------------------------------------------------*/
.scroll-top {
	position: fixed;
	visibility: hidden;
	opacity: 0;
	right: 15px;
	bottom: 15px;
	z-index: 99999;
	background-color: var(--accent-color);
	width: 40px;
	height: 40px;
	border-radius: 4px;
	transition: all 0.4s;
}

	.scroll-top
	i {
		font-size: 24px;
		color: var(--contrast-color);
		line-height: 0;
	}

	.scroll-top:
	hover {
		background-color: color-mix(in srgb, var(--accent-color), transparent 20%);
		color: var(--contrast-color);
	}

	.scroll-top.active {
		visibility: visible;
		opacity: 1;
	}

/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
	[data-aos-delay] {
		transition-delay: 0 !important;
	}
}

/*--------------------------------------------------------------
# Global Page Titles & Breadcrumbs
--------------------------------------------------------------*/
.page-title {
	--background-color: color-mix(in srgb, var(--default-color), transparent 96%);
	color: var(--default-color);
	background-color: var(--background-color);
	padding: 25px 0;
	position: relative;
}

	.page-title
	h1 {
		font-size: 28px;
		font-weight: 300;
	}

	.page-title .breadcrumbs
	ol {
		display: flex;
		flex-wrap: wrap;
		list-style: none;
		padding: 0;
		margin: 0;
		font-size:16px;
	}

		.page-title .breadcrumbs
		ol li + li {
			padding-left: 10px;
		}

			.page-title .breadcrumbs
			ol li + li::before {
				content: "/";
				display: inline-block;
				padding-right: 10px;
				color: color-mix(in srgb, var(--default-color), transparent 70%);
			}

/*--------------------------------------------------------------
# Global Sections
--------------------------------------------------------------*/
section,
.section {
	color: var(--default-color);
	background-color: var(--background-color);
	/*padding: 60px 0;*/
	padding: 25px 0;
	scroll-margin-top: 100px;
	overflow: clip;
}

@media (max-width: 1199px) {

	section,
	.section {
		scroll-margin-top: 66px;
	}
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
.hero {
	--background-color: #211e32 !important;
	--default-color: var(--hero-color);
	--heading-color: var(--hero-color);
	--contrast-color: var(--hero-color);
	width: 100%;
	min-height: 80vh;
	position: relative;
	padding: 120px 0 60px 0;
	display: flex;
	align-items: center;
}

	.hero
	h1 {
		margin: 0;
		/* font-size: 48px; */
		font-size: 3rem !important;
		/* font-weight: 700; */
		line-height: 56px;
		padding-bottom: 1.5rem !important;
	}

	.hero
	p {
		/* color: color-mix(in srgb, var(--default-color), transparent 30%); */
		margin: 5px 0 30px 0;
		font-size: 22px;
		font-size: 1.25rem !important;
		/* line-height: 1.3; */
		/* font-weight: 600; */
		/* padding-bottom: 8px; */
		padding-bottom: 1.25rem !important;
		
		color: #b1b5d3;
	}

	.hero .btn-get-started {
		color: var(--contrast-color);
		background: var(--accent-color);
		font-family: var(--heading-font);
		font-weight: 500;
		font-size: 15px;
		letter-spacing: 1px;
		display: inline-block;
		padding: 10px 28px 12px 28px;
		border-radius: 50px;
		transition: 0.5s;
		background-color: rgb(82, 189, 149) !important;
		box-shadow: rgba(17, 17, 17, 0.04) 0px 2px 4px 0px, rgba(33, 33, 33, 0.08) 0px 8px 32px 0px;
		border-radius: 0.25rem;
		margin-left: 12px;
	}

		.hero .btn-get-started:
		hover {
			color: var(--contrast-color);
			background: color-mix(in srgb, var(--accent-color), transparent 15%);
		}

	.hero .btn-watch-video {
		font-size: 16px;
		transition: 0.5s;
		margin-left: 25px;
		color: var(--default-color);
		font-weight: 600;
	}

		.hero .btn-watch-video
		i {
			color: var(--contrast-color);
			font-size: 32px;
			transition: 0.3s;
			line-height: 0;
			margin-right: 8px;
		}

		.hero .btn-watch-video:
		hover {
			color: var(--accent-color);
		}

			.hero .btn-watch-video:
			hover i {
				color: color-mix(in srgb, var(--accent-color), transparent 15%);
			}

	.hero .animated {
		animation: up-down 2s ease-in-out infinite alternate-reverse both;
	}

@media (max-width: 468px) {
	.team .team-member .social {
		justify-content: center;
	}

	.info-item {
		margin-top: 0% !important;
		text-align: center;
	}

	.centeralize {
		margin-top: 0% !important;
		text-align: center;
	}

	.order-2 {
		text-align: center !important;
	}

		.order-2 .d-flex {
			display: block !important;
		}
}


/*--------------------------------------------------------------
# Global Section Titles
--------------------------------------------------------------*/
.section-title {
	text-align: center;
	padding-bottom: 60px;
	position: relative;
}

	.section-title
	h2 {
		font-size: 32px;
		font-weight: 600;
		margin-bottom: 15px;
		color: #2F4D15;
	}

		.section-title
		h2:after {
			content: "";
			position: relative;
			display: block;
			width: 315px;
			height: 3px;
			background: #FFDE3E;
			left: 0;
			right: 0;
			bottom: 0;
			top: 18px;
			margin: auto;
		}

.faqs
h2:after {
	content: "";
	position: relative;
	display: block;
	width: 588px;
	height: 3px;
	background: #FFDE3E;
	left: 0;
	right: 0;
	bottom: 0;
	top: 18px;
	margin: auto;
}

.section-title
p {
	margin-top: 50px;
	display: none;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
.hero {
	width: 100%;
	min-height: 50vh;
	position: relative;
	padding: 80px 0 60px 0;
	display: flex;
	align-items: center;
	background: url("../img/hero-bg.png") center center;
	background-size: cover;
}

	.hero
	h1 {
		margin: 0 0 10px 0;
		font-size: 64px !important;
		font-weight: bold;
		color: #415F27;
	}

		.hero
		h1 span {
			color: var(--accent-color);
		}

	.hero
	p {
		color: #2F4D15;
		margin: 5px 0 30px 0;
		font-size: 18px !important;
		font-weight: 600;
		line-height: 30px;
	}

	.hero .btn-get-started {
		color: #194D09;
		background: #FFDE3E !important;
		font-family: var(--heading-font);
		font-weight: 600 !important;
		font-size: 16px;
		letter-spacing: 1px;
		display: inline-block;
		padding: 10px 28px;
		border-radius: 4px;
		transition: 0.5s;
		font-weight: bold;
	}

	.hero .btn-get-started1 {
		color: #194D09;
		background: #ffde3e00 !important;
		font-family: var(--heading-font);
		font-weight: 600;
		font-size: 16px;
		letter-spacing: 1px;
		display: inline-block;
		padding: 10px 28px;
		border-radius: 4px;
		transition: 0.5s;
	}



	.hero .btn-get-started:
	hover {
		color: var(--contrast-color);
		background: color-mix(in srgb, var(--accent-color), transparent 15%);
	}

	.hero .btn-watch-video {
		font-size: 16px;
		transition: 0.5s;
		margin-left: 25px;
		color: var(--default-color);
		font-weight: 500;
	}

		.hero .btn-watch-video
		i {
			color: var(--accent-color);
			font-size: 32px;
			transition: 0.3s;
			line-height: 0;
			margin-right: 8px;
		}

		.hero .btn-watch-video:
		hover {
			color: var(--accent-color);
		}

			.hero .btn-watch-video:
			hover i {
				color: color-mix(in srgb, var(--accent-color), transparent 15%);
			}

	.hero .animated {
		margin-bottom: 60px;
		animation: up-down 2s ease-in-out infinite alternate-reverse both;
	}

@media (min-width: 992px) {
	.hero .animated {
		max-width: 100%;
	}
}

@media (max-width: 991px) {
	.hero .animated {
		max-width: 60%;
	}
}

@media (max-width: 575px) {
	.hero .animated {
		max-width: 80%;
	}
}

@media (max-width: 640px) {
	.hero h1 {
		font-size: 28px;
		line-height: 36px;
	}

	.hero p {
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 30px;
	}

	.hero .btn-get-started,
	.hero .btn-watch-video {
		font-size: 13px;
	}
}

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

	100% {
		transform: translateY(-10px);
	}
}

/*--------------------------------------------------------------
# Featured Services Section
--------------------------------------------------------------*/
.featured-services .service-item {
	padding: 50px 30px;
	transition: all ease-in-out 0.4s;
	height: 100%;
}

	.featured-services .service-item .icon {
		margin-bottom: 10px;
	}

		.featured-services .service-item .icon
		i {
			color: var(--accent-color);
			font-size: 36px;
			transition: 0.3s;
		}

	.featured-services .service-item
	h4 {
		font-weight: 700;
		margin-bottom: 15px;
		font-size: 20px;
	}

		.featured-services .service-item
		h4 a {
			color: var(--heading-color);
			transition: ease-in-out 0.3s;
		}

	.featured-services .service-item
	p {
		line-height: 24px;
		font-size:16px;
		margin-bottom: 0;
	}

	.featured-services .service-item:
	hover {
		transform: translateY(-10px);
		background-color: var(--surface-color);
		box-shadow: 0px 5px 90px 0px rgba(0, 0, 0, 0.1);
	}

		.featured-services .service-item:
		hover h4 a {
			color: var(--accent-color);
		}

/*--------------------------------------------------------------
# About Section
--------------------------------------------------------------*/
.about .about-img {
	position: relative;
	margin: 60px 0 0 60px;
}

	.about .about-img:
	before {
		position: absolute;
		inset: -60px 0 0 -60px;
		content: "";
		background: url("../img/about-bg.png") top left;
		background-repeat: no-repeat;
		z-index: 1;
	}

	.about .about-img
	img {
		position: relative;
		z-index: 2;
	}

@media (max-width: 575px) {
	.about .about-img {
		margin: 30px 0 0 30px;
	}

		.about .about-img:
		before {
			inset: -30px 0 0 -30px;
		}
}

.about
h3 {
	font-weight: 300;
	font-size: 32px;
	margin-bottom: 20px;
}

@media (max-width: 768px) {
	.about h3 {
		font-size: 28px;
	}
}

.about .nav-pills {
	border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 85%);
}

	.about .nav-pills
	li + li {
		margin-left: 40px;
	}

.about .nav-link {
	background: none;
	font-size: 18px;
	font-weight: 400;
	color: var(--default-color);
	padding: 12px 0;
	margin-bottom: -2px;
	border-radius: 0;
}

	.about .nav-link.active {
		color: var(--accent-color);
		background: none;
		border-bottom: 3px solid var(--accent-color);
	}

@media (max-width: 575px) {
	.about .nav-link {
		font-size: 16px;
	}
}

.about .tab-content
h4 {
	font-size: 18px;
	margin: 0;
	font-weight: 700;
	color: var(--default-color);
}

.about .tab-content
i {
	font-size: 22px;
	line-height: 0;
	margin-right: 8px;
	color: var(--accent-color);
}

/*--------------------------------------------------------------
# Clients Section
--------------------------------------------------------------*/
.clients {
	padding: 20px 0;
}

	.clients .client-logo {
		display: flex;
		justify-content: center;
		align-items: center;
		overflow: hidden;
	}

		.clients .client-logo
		img {
			padding: 20px 40px;
			max-width: 90%;
			transition: 0.3s;
			opacity: 0.5;
			filter: grayscale(100);
		}

			.clients .client-logo
			img:hover {
				filter: none;
				opacity: 1;
			}

@media (max-width: 640px) {
	.clients .client-logo img {
		padding: 20px;
	}
}


/*--------------------------------------------------------------
# Onfocus Section
--------------------------------------------------------------*/
.onfocus {
	padding: 0;
}

	.onfocus .video-play {
		min-height: 400px;
		background: linear-gradient(color-mix(in srgb, var(--background-color), transparent 90%), color-mix(in srgb, var(--background-color), transparent 75%)), url("../img/onfocus-video-bg.jpg") center center;
		background-size: cover;
	}

	.onfocus .content {
		background: linear-gradient(color-mix(in srgb, var(--background-color), transparent 90%), color-mix(in srgb, var(--background-color), transparent 75%)), url("../img/onfocus-content-bg.jpg") center center;
		background-size: cover;
		padding: 40px;
	}

@media (min-width: 768px) {
	.onfocus .content {
		padding: 80px;
	}
}

.onfocus .content
h3 {
	font-weight: 600;
	font-size: 32px;
}

.onfocus .content
ul {
	list-style: none;
	padding: 0;
}

	.onfocus .content
	ul li {
		padding-bottom: 10px;
	}

	.onfocus .content
	ul i {
		font-size: 20px;
		padding-right: 4px;
		color: var(--accent-color);
	}

.onfocus .content
p:last-child {
	margin-bottom: 0;
}

.onfocus .content .read-more {
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 1px;
	padding: 12px 24px;
	border-radius: 5px;
	transition: 0.3s;
	display: -nline-flex;
	align-items: center;
	justify-content: center;
	color: var(--contrast-color);
	background: var(--accent-color);
}

	.onfocus .content .read-more
	i {
		font-size: 18px;
		margin-left: 5px;
		line-height: 0;
		transition: 0.3s;
	}

	.onfocus .content .read-more:
	hover {
		background: color-mix(in srgb, var(--accent-color) 90%, black 15%);
		padding-right: 19px;
	}

		.onfocus .content .read-more:
		hover i {
			margin-left: 10px;
		}

.onfocus .pulsating-play-btn {
	position: absolute;
	left: calc(50% - 47px);
	top: calc(50% - 47px);
}

/*--------------------------------------------------------------
# Features Section
--------------------------------------------------------------*/
.features .nav-tabs {
	border: 0;
}

.features .nav-link {
	background-color: var(--surface-color);
	color: var(--color-secondary);
	border: 0;
	padding: 9px 27px;
	box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.1);
	border-radius: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	transition: 0s;
	cursor: pointer;
	height: 100%;
	border-radius: 5px;
	margin-left: 5px;
	border: 1px solid #cbcaca;
}

	.features .nav-link
	i {
		font-size: 32px;
		line-height: 0;
	}

	.features .nav-link
	h4 {
		font-size: 20px;
		font-weight: 600;
		margin: 10px 0 0 0;
	}

	.features .nav-link:
	hover {
		color: var(--accent-color);
	}

	.features .nav-link:
	hover,
	.features .nav-link.active {
		transition: 0.3s;
		background: #0070c0;
		color: var(--contrast-color) !important;
		border-color: var(--accent-color);
	}

		.features .nav-link:
		hover h4,
		.features .nav-link.active h4 {
			color: var(--contrast-color);
		}

		.features .nav-link:
		hover i,
		.features .nav-link.active i {
			color: var(--contrast-color) !important;
		}

.features .tab-content {
	margin-top: 30px;
}

.features .tab-pane.active {
	animation: fadeIn 0.5s ease-out;
}

.features .tab-pane
h3 {
	font-weight: 600;
	font-size: 28px;
}

.features .tab-pane
ul {
	list-style: none;
	padding: 0;
}

	.features .tab-pane
	ul li {
		padding-bottom: 10px;
	}

	.features .tab-pane
	ul i {
		font-size: 24px;
		margin-right: 4px;
		color: var(--accent-color);
	}

.features .tab-pane
p:last-child {
	margin-bottom: 0;
}

/*--------------------------------------------------------------
# Services Section
--------------------------------------------------------------*/
.services .img {
	border-radius: 8px;
	overflow: hidden;
}

	.services .img
	img {
		transition: 0.6s;
	}

.services .details {
	background: color-mix(in srgb, var(--surface-color), transparent 5%);
	padding: 50px 30px;
	margin: -100px 30px 0 30px;
	transition: all ease-in-out 0.3s;
	position: relative;
	text-align: center;
	border-radius: 8px;
	box-shadow: 0px 0 25px rgba(0, 0, 0, 0.1);
}

	.services .details .icon {
		margin: 0;
		width: 72px;
		height: 72px;
		background: var(--accent-color);
		color: var(--contrast-color);
		border: 6px solid var(--contrast-color);
		border-radius: 50px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 20px;
		font-size: 28px;
		transition: ease-in-out 0.3s;
		position: absolute;
		top: -36px;
		left: calc(50% - 36px);
	}

	.services .details
	h3 {
		font-weight: 700;
		margin: 10px 0 15px 0;
		font-size: 22px;
		transition: ease-in-out 0.3s;
	}

	.services .details
	p {
		color: color-mix(in srgb, var(--default-color), transparent 10%);
		line-height: 24px;
		font-size:16px;
		margin-bottom: 0;
	}

.services .service-item:
hover .details h3 {
	color: var(--accent-color);
}

.services .service-item:
hover .details .icon {
	background: var(--surface-color);
	border: 2px solid var(--accent-color);
}

	.services .service-item:
	hover .details .icon i {
		color: var(--accent-color);
	}

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

/*--------------------------------------------------------------
# Testimonials Section
--------------------------------------------------------------*/
.testimonials {
	padding: 80px 0;
	position: relative;
}

	.testimonials:
	before {
		content: "";
		background: color-mix(in srgb, var(--background-color), transparent 30%);
		position: absolute;
		inset: 0;
		z-index: 2;
	}

	.testimonials .testimonials-bg {
		position: absolute;
		inset: 0;
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
		z-index: 1;
	}

	.testimonials .container {
		position: relative;
		z-index: 3;
	}

	.testimonials .testimonials-carousel,
	.testimonials .testimonials-slider {
		overflow: hidden;
	}

	.testimonials .testimonial-item {
		text-align: center;
	}

		.testimonials .testimonial-item .testimonial-img {
			width: 100px;
			border-radius: 50%;
			border: 6px solid color-mix(in srgb, var(--default-color), transparent 85%);
			margin: 0 auto;
		}

		.testimonials .testimonial-item
		h3 {
			font-size: 20px;
			font-weight: bold;
			margin: 10px 0 5px 0;
		}

		.testimonials .testimonial-item
		h4 {
			font-size:16px;
			margin: 0 0 15px 0;
			color: color-mix(in srgb, var(--default-color), transparent 40%);
		}

		.testimonials .testimonial-item .stars {
			margin-bottom: 15px;
		}

			.testimonials .testimonial-item .stars
			i {
				color: #ffc107;
				margin: 0 1px;
			}

		.testimonials .testimonial-item .quote-icon-left,
		.testimonials .testimonial-item .quote-icon-right {
			color: color-mix(in srgb, var(--default-color), transparent 40%);
			font-size: 26px;
			line-height: 0;
		}

		.testimonials .testimonial-item .quote-icon-left {
			display: inline-block;
			left: -5px;
			position: relative;
		}

		.testimonials .testimonial-item .quote-icon-right {
			display: inline-block;
			right: -5px;
			position: relative;
			top: 10px;
			transform: scale(-1, -1);
		}

		.testimonials .testimonial-item
		p {
			font-style: italic;
			margin: 0 auto 15px auto;
		}

	.testimonials .swiper-wrapper {
		height: auto;
	}

	.testimonials .swiper-pagination {
		margin-top: 20px;
		position: relative;
	}

		.testimonials .swiper-pagination .swiper-pagination-bullet {
			width: 12px;
			height: 12px;
			background-color: color-mix(in srgb, var(--default-color), transparent 50%);
			opacity: 0.5;
		}

		.testimonials .swiper-pagination .swiper-pagination-bullet-active {
			background-color: var(--default-color);
			opacity: 1;
		}

@media (min-width: 992px) {
	.testimonials .testimonial-item p {
		width: 80%;
	}
}

/*--------------------------------------------------------------
# Pricing Section
--------------------------------------------------------------*/
.pricing .pricing-item {
	background-color: var(--backgroun-color);
	padding: 60px 40px;
	box-shadow: 0 3px 20px -2px rgba(0, 0, 0, 0.1);
	height: 100%;
	display: flex;
	flex-direction: column;
	border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
	border-radius: 10px;
	overflow: hidden;
}

.pricing .pricing-header {
	background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.3)), url("../img/pricing-bg.jpg") center center;
	background-size: cover;
	text-align: center;
	padding: 40px;
	margin: -60px -40px 0;
}

.pricing
h3 {
	font-weight: 600;
	margin-bottom: 5px;
	font-size: 36px;
	color: var(--contrast-color);
}

.pricing
h4 {
	font-size: 48px;
	color: var(--contrast-color);
	font-weight: 400;
	margin-bottom: 0;
}

	.pricing
	h4 sup {
		font-size: 28px;
	}

	.pricing
	h4 span {
		color: color-mix(in srgb, var(--contrast-color), transparent 20%);
		font-size: 24px;
	}

.pricing
ul {
	padding: 30px 0;
	list-style: none;
	color: color-mix(in srgb, var(--default-color), transparent 30%);
	text-align: left;
	line-height: 20px;
}

	.pricing
	ul li {
		padding: 10px 0;
		display: flex;
		align-items: center;
	}

	.pricing
	ul i {
		color: var(--accent-color);
		font-size: 36px;
		padding-right: 3px;
		line-height: 0;
	}

	.pricing
	ul .na {
		color: color-mix(in srgb, var(--default-color), transparent 60%);
	}

		.pricing
		ul .na i {
			color: color-mix(in srgb, var(--default-color), transparent 60%);
			font-size: 24px;
			padding-left: 4px;
		}

		.pricing
		ul .na span {
			text-decoration: line-through;
		}

.pricing .buy-btn {
	display: inline-block;
	padding: 12px 40px;
	border-radius: 6px;
	color: var(--default-color);
	transition: none;
	font-size: 16px;
	font-weight: 500;
	transition: 0.3s;
	border: 1px solid var(--default-color);
}

	.pricing .buy-btn:
	hover {
		background: var(--accent-color);
		color: var(--contrast-color);
		border-color: var(--accent-color);
	}

.pricing .featured {
	border-color: var(--accent-color);
}

	.pricing .featured .pricing-header {
		background: linear-gradient(color-mix(in srgb, var(--accent-color), transparent 10%), color-mix(in srgb, var(--accent-color), transparent 20%)), url("../img/pricing-bg.jpg") center center;
	}

	.pricing .featured .buy-btn {
		border-color: var(--accent-color);
		background: var(--accent-color);
		color: var(--contrast-color);
	}

/*--------------------------------------------------------------
# Faq Section
--------------------------------------------------------------*/
.faq .content
h3 {
	font-weight: 400;
	font-size: 34px;
}

.faq .content
p {
	color: color-mix(in srgb, var(--default-color), transparent 30%);
}

.faq .faq-container {
	margin-top: 15px;
}

	.faq .faq-container .faq-item {
		background-color: var(--surface-color);
		position: relative;
		padding: 20px;
		margin-bottom: 20px;
		box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.1);
		overflow: hidden;
	}

		.faq .faq-container .faq-item:
		last-child {
			margin-bottom: 0;
		}

		.faq .faq-container .faq-item
		h3 {
			font-weight: 600;
			font-size: 17px;
			line-height: 24px;
			margin: 0 30px 0 32px;
			transition: 0.3s;
			cursor: pointer;
		}

			.faq .faq-container .faq-item
			h3 span {
				color: var(--accent-color);
				padding-right: 5px;
			}

			.faq .faq-container .faq-item
			h3:hover {
				color: var(--accent-color);
			}

		.faq .faq-container .faq-item .faq-content {
			display: grid;
			grid-template-rows: 0fr;
			transition: 0.3s ease-in-out;
			visibility: hidden;
			opacity: 0;
		}

			.faq .faq-container .faq-item .faq-content
			p {
				margin-bottom: 0;
				overflow: hidden;
			}

		.faq .faq-container .faq-item .faq-icon {
			position: absolute;
			top: 22px;
			left: 20px;
			font-size: 22px;
			line-height: 0;
			transition: 0.3s;
			color: var(--accent-color);
		}

		.faq .faq-container .faq-item .faq-toggle {
			position: absolute;
			top: 20px;
			right: 20px;
			font-size: 16px;
			line-height: 0;
			transition: 0.3s;
			cursor: pointer;
		}

			.faq .faq-container .faq-item .faq-toggle:
			hover {
				color: var(--accent-color);
			}

	.faq .faq-container .faq-active
	h3 {
		color: var(--accent-color);
	}

	.faq .faq-container .faq-active .faq-content {
		grid-template-rows: 1fr;
		visibility: visible;
		opacity: 1;
		padding-top: 10px;
	}

	.faq .faq-container .faq-active .faq-toggle {
		transform: rotate(90deg);
		color: var(--accent-color);
	}




/*--------------------------------------------------------------
# Starter Section Section
--------------------------------------------------------------*/
.starter-section {
	/* Add your styles here */
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widgets-container {
	background-color: var(--surface-color);
	padding: 30px;
	margin: 60px 0 30px 0;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.widget-title {
	color: var(--heading-color);
	font-size: 20px;
	font-weight: 700;
	padding: 0;
	margin: 0 0 20px 0;
}

.widget-item {
	margin-bottom: 40px;
}

	.widget-item:
	last-child {
		margin-bottom: 0;
	}

.search-widget
form {
	background: var(--background-color);
	border: 1px solid color-mix(in srgb, var(--default-color), transparent 70%);
	padding: 3px 10px;
	position: relative;
	transition: 0.3s;
}

	.search-widget
	form input[type=text] {
		border: 0;
		padding: 4px;
		border-radius: 4px;
		width: calc(100% - 40px);
		background-color: var(--background-color);
		color: var(--default-color);
	}

		.search-widget
		form input[type=text]:focus {
			outline: none;
		}

	.search-widget
	form button {
		background: var(--accent-color);
		color: var(--contrast-color);
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		border: 0;
		font-size: 16px;
		padding: 0 15px;
		margin: -1px;
		transition: 0.3s;
		border-radius: 0 4px 4px 0;
		line-height: 0;
	}

		.search-widget
		form button i {
			line-height: 0;
		}

		.search-widget
		form button:hover {
			background: color-mix(in srgb, var(--accent-color), transparent 20%);
		}

	.search-widget
	form:is(:focus-within) {
		border-color: var(--accent-color);
	}

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

	.categories-widget
	ul li {
		padding-bottom: 10px;
	}

		.categories-widget
		ul li:last-child {
			padding-bottom: 0;
		}

	.categories-widget
	ul a {
		color: color-mix(in srgb, var(--default-color), transparent 20%);
		transition: 0.3s;
	}

		.categories-widget
		ul a:hover {
			color: var(--accent-color);
		}

		.categories-widget
		ul a span {
			padding-left: 5px;
			color: color-mix(in srgb, var(--default-color), transparent 50%);
			font-size:16px;
		}

.recent-posts-widget .post-item {
	display: flex;
	margin-bottom: 15px;
}

	.recent-posts-widget .post-item:
	last-child {
		margin-bottom: 0;
	}

	.recent-posts-widget .post-item
	img {
		width: 80px;
		margin-right: 15px;
	}

	.recent-posts-widget .post-item
	h4 {
		font-size: 15px;
		font-weight: bold;
		margin-bottom: 5px;
	}

		.recent-posts-widget .post-item
		h4 a {
			color: var(--default-color);
			transition: 0.3s;
		}

			.recent-posts-widget .post-item
			h4 a:hover {
				color: var(--accent-color);
			}

	.recent-posts-widget .post-item
	time {
		display: block;
		font-style: italic;
		font-size:16px;
		color: color-mix(in srgb, var(--default-color), transparent 50%);
	}

.tags-widget {
	margin-bottom: -10px;
}

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

		.tags-widget
		ul li {
			display: inline-block;
		}

		.tags-widget
		ul a {
			color: color-mix(in srgb, var(--default-color), transparent 30%);
			font-size:16px;
			padding: 6px 14px;
			margin: 0 6px 8px 0;
			border: 1px solid color-mix(in srgb, var(--default-color), transparent 60%);
			display: inline-block;
			transition: 0.3s;
		}

			.tags-widget
			ul a:hover {
				background: var(--accent-color);
				color: var(--contrast-color);
				border: 1px solid var(--accent-color);
			}

			.tags-widget
			ul a span {
				padding-left: 5px;
				color: color-mix(in srgb, var(--default-color), transparent 60%);
				font-size:16px;
			}







/* floated textbox css */


.floating-form {
	width: 320px;
}

/****  floating-Lable style start ****/
.floating-label {
	position: relative;
	margin-bottom: 20px;
}

.floating-input, .floating-select {
	font-size:16px;
	padding: 4px 4px;
	display: block;
	width: 100%;
	height: 30px;
	background-color: transparent;
	border: none;
	border-bottom: 1px solid #c4c4c4;
	border-radius: 5px;
	
}

	.floating-input:
	focus, .floating-select:focus {
		outline: none;
		/*border-bottom: 2px solid #5264AE;*/
	}

label {
	color: #999;
	font-size:16px;
	font-weight: normal;
	position: absolute;
	left: 5px;
	top: 5px;
	transition: 0.2s ease all;
	-moz-transition: 0.2s ease all;
	-webkit-transition: 0.2s ease all;
}

.floating-input:
focus ~ label, .floating-input:not(:placeholder-shown) ~ label {
	top: -18px;
	font-size:16px;
	color: #5264AE;
}

.floating-select:
focus ~ label, .floating-select:not([value=""]):valid ~ label {
	top: -18px;
	font-size:16px;
	color: #5264AE;
}

/* active state */
.floating-input:
focus ~ .bar:before, .floating-input:focus ~ .bar:after, .floating-select:focus ~ .bar:before, .floating-select:focus ~ .bar:after {
	width: 50%;
}

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

.floating-textarea {
	min-height: 30px;
	max-height: 260px;
	overflow: hidden;
	overflow-x: hidden;
}

/* highlighter */
.highlight {
	position: absolute;
	height: 50%;
	width: 100%;
	top: 15%;
	left: 0;
	pointer-events: none;
	opacity: 0.5;
}

/* active state */
.floating-input:
focus ~ .highlight, .floating-select:focus ~ .highlight {
	-webkit-animation: inputHighlighter 0.3s ease;
	-moz-animation: inputHighlighter 0.3s ease;
	animation: inputHighlighter 0.3s ease;
}

/* animation */
@-webkit-keyframes inputHighlighter {
	from {
		background: #5264AE;
	}

	to {
		width: 0;
		background: transparent;
	}
}

@-moz-keyframes inputHighlighter {
	from {
		background: #5264AE;
	}

	to {
		width: 0;
		background: transparent;
	}
}

@keyframes inputHighlighter {
	from {
		background: #5264AE;
	}

	to {
		width: 0;
		background: transparent;
	}
}

/****  floating-Lable style end ****/


/***   daniel - Fork me friend - style   ***/
.floating-credit {
	position: fixed;
	bottom: 10px;
	right: 10px;
	color: #aaa;
	font-size: 13px;
	font-family: arial,sans-serif;
}

	.floating-credit
	a {
		text-decoration: none;
		color: #000000;
		font-weight: bold;
	}

		.floating-credit
		a:hover {
			border-bottom: 1px dotted #f8f8f8;
		}

.floating-heading {
	color: #aaa;
	font-size: 20px;
	font-family: arial,sans-serif;
}
/***  daniel - Fork me friend - style  ***/



.accordihom .accordion-item {
	border: var(--bs-accordion-border-width) solid #dee2e600 !important;
	margin-bottom: 10px;
}

.accordihom .accordion-collapse {
	border-bottom: 1px solid #B0EE88;
	border-left: 1px solid #B0EE88;
	border-right: 1px solid #B0EE88;
	border-radius: 5px;
	padding: 10px;
	background: #E5FFD4;
}

.accordihom .accordion-button:not(.collapsed) {
	color: var(--bs-accordion-active-color);
	background-color: #cfe2ff00 !important;
	box-shadow: inset 0 calc(-1* var(--bs-accordion-border-width)) 0 #dee2e600 !important;
	background: #E5FFD4 !important;
	border-bottom: none;
	/* border-radius: 0; */
}

.accordihome .accordion-button {
	color: #232323 !important;
	background: #E5FFD4 !important;
	border-radius: 5px !important;
	border: 1px solid #B0EE88 !important;
	margin-bottom: 0 !important;
	font-size: 16px !important;
	:;
	font-weight: 500 !important;
}

.navmenu {
	background: #4b6931 !important;
}


/* Custom select css */

.multiselect-dropdown-list-wrapper
label {
	position: initial !important;
}

.multiselect-dropdown
span.placeholder {
	color: #ced4da00 !important;
}

.multiselect-dropdown {
	width: 100% !important;
	z-index: 500000;
	margin-top: 24px !important;
	z-index: 500000000000000 !important;
	border: solid 1px #ced4da00 !important;
	border-bottom: 1px solid #c4c4c4 !important;
	border-radius: 5px !important;
	position: absolute !important;
	width: 248px !important;
	font-size: 16px !important;
	background-position: right .15rem center !important;
}
ul.topnav li a {
	font-size: 16px;
	font-family: "Poppins", sans-serif !important;
}

	.multiselect-dropdown
	span.optext {
		background-color: #d3d3d300 !important;
	}

.multiselect-dropdown-list-wrapper {
	position: relative !important;
}

.placeholder {
	background-color: unset !important;
	opacity: .5 !important;
	text-align: left;
}

.multiselect-dropdown
span.optext, .multiselect-dropdown span.placeholder {
	color: #000000 !important;
}

#field23 {
	display: none !important;
}




.accordihome .accordion {
	--bs-accordion-color: var(--bs-body-color);
	--bs-accordion-bg: var(--bs-body-bg);
	--bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
	--bs-accordion-border-color: var(--bs-border-color);
	--bs-accordion-border-width: var(--bs-border-width);
	--bs-accordion-border-radius: var(--bs-border-radius);
	--bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
	--bs-accordion-btn-padding-x: 1.25rem;
	--bs-accordion-btn-padding-y: 1rem;
	--bs-accordion-btn-color: var(--bs-body-color);
	--bs-accordion-btn-bg: var(--bs-accordion-bg);
	--bs-accordion-btn-icon: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='#ffffff' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e) !important;
	--bs-accordion-btn-icon-width: 1.25rem;
	--bs-accordion-btn-icon-transform: rotate(-180deg);
	--bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
	--bs-accordion-btn-active-icon: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='#ffffff' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e) !important;
	--bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
	--bs-accordion-body-padding-x: 1.25rem;
	--bs-accordion-body-padding-y: 1rem;
	--bs-accordion-active-color: var(--bs-primary-text-emphasis);
	--bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}

.multiselect-dropdown-list-wrapper .multiselect-dropdown-search {
	margin-bottom: 5px;
	border: solid 1px #ced4da00 !important;
	border-bottom: 1px solid #c4c4c4 !important;
	border-radius: 5px !important;
	outline: none !important;
	font-size:16px;
}


.accordihome .accordion-button:
focus {
	box-shadow: none !important;
	border-color: rgba(0,0,0,.125) !important;
}



.icon-box {
	padding: 9px 15px;
	position: relative;
	overflow: hidden;
	background: #ffffff00;
	/* box-shadow: 0 0 29px 0 rgba(0, 0, 0, 0.1); */
	transition: all 0.3s ease-in-out;
	/* border-radius: 8px; */
	z-index: 1;
	height: 100%;
	width: 100%;
	text-align: center;
	border-left: 1px solid #ffffff;
}

	.icon-box .title {
		font-weight: 700;
		margin-bottom: 15px;
		font-size: 17px;
		text-transform: uppercase;
	}

		.icon-box .title
		a {
			color: #ffffff;
			transition: 0.3s;
		}

	.icon-box .icon {
		margin-bottom: 10px;
		padding-top: 10px;
		display: inline-block;
		transition: all 0.3s ease-in-out;
		font-size: 40px;
		line-height: 1;
		color: #fff;
		/* border-left: 1px solid #ffffff; */
		font-weight: 700;
	}

	.icon-box:
	hover {
	}

		.icon-box:
		hover .title a,
		.icon-box:hover .icon {
			color: var(--contrast-color);
		}

.hero .icon-boxes {
	padding-bottom: 60px;
	z-index: 4;
}

.statbg {
	display: block;
	background: #B0EE89;
	background-image: url(../../assets/img/statbg.png);
	/* background-position: right top; */
	background-position: right 30px top;
	background-repeat: no-repeat;
	border-bottom-left-radius: 80px;
	border: 1px solid #000000;
	border-right: 0;
	box-shadow: inset 4px -4px 5px -3px rgb(0 0 0 / 22%);
}

.activ {
	background: #FFDE3E !important;
	border-left: none;
	border-radius: 15px;
}

	.activ .icon {
		color: #416027 !important;
		font-weight: bold;
	}

	.activ .title
	a {
		color: #416027 !important;
	}

.static {
	background: #425F27;
	border-radius: 17px;
}


.footer .footer-newsletter {
	background-color: #E5FFD4;
	padding: 75px 0;
	background-image: url(../../assets/img/newsleft.png), url(../../assets/img/newsright.png);
	background-position: right -9px top, left bottom;
	background-repeat: no-repeat;
}

	.footer .footer-newsletter
	h4 {
		font-size: 32px;
		color: #4B6931;
		font-weight: 600;
	}

	.footer .footer-newsletter
	p {
		font-size: 20px;
		line-height: 30px;
		color: #000000;
		font-weight: 400;
		
	}

	.footer .footer-newsletter .newsletter-form {
		margin-top: 30px;
		margin-bottom: 15px;
		padding: 6px 8px;
		position: relative;
		background-color: #ffffff;
		border: 1px solid #ffffff;
		box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.1);
		display: flex;
		transition: 0.3s;
		border-radius: 5px;
		/* width: 50%; */
	}

		.footer .footer-newsletter .newsletter-form:
		focus-within {
			border-color: var(--accent-color);
		}

		.footer .footer-newsletter .newsletter-form
		input[type=email] {
			border: 0;
			padding: 4px;
			width: 100%;
			/* background-color: color-mix(in srgb, var(--background-color), transparent 50%); */
			color: var(--default-color);
		}

			.footer .footer-newsletter .newsletter-form
			input[type=email]:focus-visible {
				outline: none;
			}

		.footer .footer-newsletter .newsletter-form
		input[type=submit] {
			border: 0;
			font-size: 16px;
			padding: 0 20px;
			margin: -7px -8px -7px 0;
			background: #FFDE3E;
			color: #194D09;
			transition: 0.3s;
			border-radius: 5px;
			border: 1px solid #4B6931;
			font-weight: bold;
		}

			.footer .footer-newsletter .newsletter-form
			input[type=submit]:hover {
				background: color-mix(in srgb, var(--accent-color), transparent 20%);
			}

.accordion-body {
	padding: 7px;
	font-size:16px;
	text-align: justify;
	
}

















/* Every Custom Css */

.hdbtn {
	background: none;
	color: #366327;
	border: 1px solid #FFDE3E;
}

.footerbgimg {
	background-image: url(../../assets/img/footerbg.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	margin-bottom: 0px !important;
}

.sectorbg {
	background-image: url(../../assets/img/sectorbg.png);
	background-repeat: no-repeat;
	background-position: top left;
	margin-bottom: 0px !important;
}

.simplytrade {
	background-image: url(../../assets/img/sectorbg-.png);
	background-repeat: no-repeat;
	background-position: top left;
	margin-bottom: 0px !important;
}

.simpletradebg {
	background-color: #FCF6DA;
	border-radius: 5px;
	border: 1px solid #000000;
}

.simpletradeimg {
	background-image: url(../../assets/img/benifit_footer.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	margin-bottom: 0px !important;
}

.insight
h3 {
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 15px;
	color: #000000;
	text-align: center;
	padding: 10px;
}

.trade
h3 {
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 15px;
	color: #000000;
	text-align: left;
	padding: 10px 0px;
}

#hero .p-0 {
	padding: unset !important;
}

.trade
p {
	text-align: justify;
	font-size:16px;
	font-weight: 400;
}


.btnoutline {
	color: #184C08;
	padding: 10px;
	width: 200px;
	margin-bottom: 20px;
	font-size:16px;
}

	.btnoutline:
	hover {
		color: #ffffff !important;
	}

.php-email-form {
	width: 65%;
	margin: auto;
}

.statics {
	position: relative !important;
	z-index: 5000000;
}

.aptxt {
	color: #2C4B11;
}

.buyleadleft {
	font-size:16px;
	width: 130px;
}

.spsleft {
	font-size:16px;
	width: 210px;
}

.buyleadleft
a {
	color: #1A56A6;
	font-size:16px;
}

.buyleadright
a {
	color: #1A56A6;
	font-size:16px;
}

.searchagri {
	border: 1px solid #B0EE88;
	border-radius: 5px;
	width: 520px;
}

.srchexplore {
	color: #194D09;
	background: #FFDE3E !important;
	font-family: var(--heading-font);
	font-weight: bold !important;
	font-size:16px;
	letter-spacing: 1px;
	display: inline-block;
	padding: 6px 28px;
	border-radius: 4px;
	transition: 0.5s;
	font-weight: bold;
	border: none;
}

.srchtexbox {
	margin-top: 16px;
	margin-bottom: 16px;
	margin-left: 7px;
}

	.srchtexbox
	label { /* Edge 12-18 */
		color: #000000 !important;
	}

.aptxt1
h3 {
	color: #415F27;
	padding-top: 11rem !important;
	font-weight: 600;
}

.aptxt1
p {
	font-size: 18px !important;
	font-weight: normal !important;
}

';;
;;
}

.footer .social-links a:hover {
	text-decoration: none;
}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
	position: fixed;
	inset: 0;
	z-index: 9999;
	overflow: hidden;
	background-color: var(--background-color);
	transition: all 0.6s ease-out;
	width: 100%;
	height: 100vh;
}

	#preloader:before,
	#preloader:after {
		content: "";
		position: absolute;
		border: 4px solid var(--accent-color);
		border-radius: 50%;
		animation: animate-preloader 2s cubic-bezier(0, 0.2, 0.8, 1) infinite;
	}

	#preloader:after {
		animation-delay: -0.5s;
	}

@keyframes animate-preloader {
	0% {
		width: 10px;
		height: 10px;
		top: calc(50% - 5px);
		left: calc(50% - 5px);
		opacity: 1;
	}

	100% {
		width: 72px;
		height: 72px;
		top: calc(50% - 36px);
		left: calc(50% - 36px);
		opacity: 0;
	}
}

/*--------------------------------------------------------------
# Scroll Top Button
--------------------------------------------------------------*/
.scroll-top {
	position: fixed;
	visibility: hidden;
	opacity: 0;
	right: 15px;
	bottom: 15px;
	z-index: 99999;
	background-color: var(--accent-color);
	width: 40px;
	height: 40px;
	border-radius: 4px;
	transition: all 0.4s;
}

	.scroll-top i {
		font-size: 24px;
		color: var(--contrast-color);
		line-height: 0;
	}

	.scroll-top:hover {
		background-color: color-mix(in srgb, var(--accent-color), transparent 20%);
		color: var(--contrast-color);
	}

	.scroll-top.active {
		visibility: visible;
		opacity: 1;
	}

/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
	[data-aos-delay] {
		transition-delay: 0 !important;
	}
}

/*--------------------------------------------------------------
# Global Page Titles & Breadcrumbs
--------------------------------------------------------------*/
.page-title {
	--background-color: color-mix(in srgb, var(--default-color), transparent 96%);
	color: var(--default-color);
	background-color: var(--background-color);
	padding: 25px 0;
	position: relative;
}

	.page-title h1 {
		font-size: 28px;
		font-weight: 300;
	}

	.page-title .breadcrumbs ol {
		display: flex;
		flex-wrap: wrap;
		list-style: none;
		padding: 0;
		margin: 0;
		font-size:16px;
	}

		.page-title .breadcrumbs ol li + li {
			padding-left: 10px;
		}

			.page-title .breadcrumbs ol li + li::before {
				content: "/";
				display: inline-block;
				padding-right: 10px;
				color: color-mix(in srgb, var(--default-color), transparent 70%);
			}

/*--------------------------------------------------------------
# Global Sections
--------------------------------------------------------------*/
section,
.section {
	color: var(--default-color);
	background-color: var(--background-color);
	/*	padding: 60px 0;*/
	padding: 25px 0;
	scroll-margin-top: 100px;
	overflow: clip;
}

@media (max-width: 1199px) {

	section,
	.section {
		scroll-margin-top: 66px;
	}
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
.hero {
	--background-color: #211e32 !important;
	--default-color: var(--hero-color);
	--heading-color: var(--hero-color);
	--contrast-color: var(--hero-color);
	width: 100%;
	min-height: 80vh;
	position: relative;
	padding: 120px 0 60px 0;
	display: flex;
	align-items: center;
}

	.hero h1 {
		margin: 0;
		/* font-size: 48px; */
		font-size: 3rem !important;
		/* font-weight: 700; */
		line-height: 56px;
		padding-bottom: 1.5rem !important;
	}

	.hero p {
		/* color: color-mix(in srgb, var(--default-color), transparent 30%); */
		margin: 5px 0 30px 0;
		font-size: 22px;
		font-size: 1.25rem !important;
		/* line-height: 1.3; */
		/* font-weight: 600; */
		/* padding-bottom: 8px; */
		padding-bottom: 1.25rem !important;
		
		color: #b1b5d3;
	}

	.hero .btn-get-started {
		color: var(--contrast-color);
		background: var(--accent-color);
		font-family: var(--heading-font);
		font-weight: 500;
		font-size: 15px;
		/* letter-spacing: 1px; */
		display: inline-block;
		padding: 10px 28px 12px 28px;
		border-radius: 50px;
		transition: 0.5s;
		background-color: rgb(82, 189, 149) !important;
		box-shadow: rgba(17, 17, 17, 0.04) 0px 2px 4px 0px, rgba(33, 33, 33, 0.08) 0px 8px 32px 0px;
		border-radius: 0.25rem;
		margin-left: 12px;
	}

		.hero .btn-get-started:hover {
			color: var(--contrast-color);
			background: color-mix(in srgb, var(--accent-color), transparent 15%);
		}

	.hero .btn-watch-video {
		font-size: 16px;
		transition: 0.5s;
		margin-left: 25px;
		color: var(--default-color);
		font-weight: 600;
	}

		.hero .btn-watch-video i {
			color: var(--contrast-color);
			font-size: 32px;
			transition: 0.3s;
			line-height: 0;
			margin-right: 8px;
		}

		.hero .btn-watch-video:hover {
			color: var(--accent-color);
		}

			.hero .btn-watch-video:hover i {
				color: color-mix(in srgb, var(--accent-color), transparent 15%);
			}

	.hero .animated {
		animation: up-down 2s ease-in-out infinite alternate-reverse both;
	}



@media (max-width: 468px) {
	.team .team-member .social {
		justify-content: center;
	}

	.info-item {
		margin-top: 0% !important;
		text-align: center;
	}

	.centeralize {
		margin-top: 0% !important;
		text-align: center;
	}

	.order-2 {
		text-align: center !important;
	}

		.order-2 .d-flex {
			display: block !important;
		}
}


/*--------------------------------------------------------------
# Global Section Titles
--------------------------------------------------------------*/
.section-title {
	text-align: center;
	padding-bottom: 60px;
	position: relative;
}

	.section-title h2 {
		font-size: 32px;
		font-weight: 600;
		margin-bottom: 15px;
		color: #2F4D15;
	}

		.section-title h2:after {
			content: "";
			position: relative;
			display: block;
			width: 315px;
			height: 3px;
			background: #FFDE3E;
			left: 0;
			right: 0;
			bottom: 0;
			top: 18px;
			margin: auto;
		}

.faqs h2:after {
	content: "";
	position: relative;
	display: block;
	width: 588px;
	height: 3px;
	background: #FFDE3E;
	left: 0;
	right: 0;
	bottom: 0;
	top: 18px;
	margin: auto;
}

.section-title p {
	margin-top: 50px;
	display: none;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
.hero {
	width: 100%;
	min-height: 50vh;
	position: relative;
	padding: 80px 0 60px 0;
	display: flex;
	align-items: center;
	background: url("../img/hero-bg.png") center center;
	background-size: cover;
}

	.hero h1 {
		margin: 0 0 10px 0;
		font-size: 64px !important;
		font-weight: bold;
		color: #415F27;
	}

		.hero h1 span {
			color: var(--accent-color);
		}

	.hero p {
		color: #2F4D15;
		margin: 5px 0 30px 0;
		font-size: 18px !important;
		font-weight: 600;
		line-height: 30px;
	}

	.hero .btn-get-started {
		color: #194D09;
		background: #FFDE3E !important;
		font-family: var(--heading-font);
		font-weight: 600 !important;
		font-size: 16px;
		/* letter-spacing: 1px; */
		display: inline-block;
		padding: 10px 28px;
		border-radius: 4px;
		transition: 0.5s;
		font-weight: bold;
	}

	.hero .btn-get-started1 {
		color: #194D09;
		background: #ffde3e00 !important;
		font-family: var(--heading-font);
		font-weight: 600;
		font-size: 16px;
		/* letter-spacing: 1px; */
		display: inline-block;
		padding: 10px 28px;
		border-radius: 4px;
		transition: 0.5s;
	}



	.hero .btn-get-started:hover {
		color: var(--contrast-color);
		background: color-mix(in srgb, var(--accent-color), transparent 15%);
	}

	.hero .btn-watch-video {
		font-size: 16px;
		transition: 0.5s;
		margin-left: 25px;
		color: var(--default-color);
		font-weight: 500;
	}

		.hero .btn-watch-video i {
			color: var(--accent-color);
			font-size: 32px;
			transition: 0.3s;
			line-height: 0;
			margin-right: 8px;
		}

		.hero .btn-watch-video:hover {
			color: var(--accent-color);
		}

			.hero .btn-watch-video:hover i {
				color: color-mix(in srgb, var(--accent-color), transparent 15%);
			}

	.hero .animated {
		margin-bottom: 60px;
		animation: up-down 2s ease-in-out infinite alternate-reverse both;
	}

@media (min-width: 992px) {
	.hero .animated {
		max-width: 100%;
	}

	.footer .footer-newsletter .newsletter-form {
		width: 69% !important;
	}
}

@media (max-width: 1600px) {

	.footer .footer-newsletter .newsletter-form {
		width: 69% !important;
	}
}

@media (max-width: 991px) {
	.hero .animated {
		max-width: 60%;
	}
}

@media (max-width: 575px) {
	.hero .animated {
		max-width: 100%;
	}
}

@media (max-width: 640px) {
	.hero h1 {
		font-size: 28px;
		line-height: 36px;
	}

	.hero p {
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 30px;
	}

	.hero .btn-get-started,
	.hero .btn-watch-video {
		font-size: 13px;
	}
}

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

	100% {
		transform: translateY(-10px);
	}
}

/*--------------------------------------------------------------
# Featured Services Section
--------------------------------------------------------------*/
.featured-services .service-item {
	padding: 50px 30px;
	transition: all ease-in-out 0.4s;
	height: 100%;
}

	.featured-services .service-item .icon {
		margin-bottom: 10px;
	}

		.featured-services .service-item .icon i {
			color: var(--accent-color);
			font-size: 36px;
			transition: 0.3s;
		}

	.featured-services .service-item h4 {
		font-weight: 700;
		margin-bottom: 15px;
		font-size: 20px;
	}

		.featured-services .service-item h4 a {
			color: var(--heading-color);
			transition: ease-in-out 0.3s;
		}

	.featured-services .service-item p {
		line-height: 24px;
		font-size:16px;
		margin-bottom: 0;
	}

	.featured-services .service-item:hover {
		transform: translateY(-10px);
		background-color: var(--surface-color);
		box-shadow: 0px 5px 90px 0px rgba(0, 0, 0, 0.1);
	}

		.featured-services .service-item:hover h4 a {
			color: var(--accent-color);
		}

/*--------------------------------------------------------------
# About Section
--------------------------------------------------------------*/
.about .about-img {
	position: relative;
	margin: 60px 0 0 60px;
}

	.about .about-img:before {
		position: absolute;
		inset: -60px 0 0 -60px;
		content: "";
		background: url("../img/about-bg.png") top left;
		background-repeat: no-repeat;
		z-index: 1;
	}

	.about .about-img img {
		position: relative;
		z-index: 2;
	}

@media (max-width: 575px) {
	.about .about-img {
		margin: 30px 0 0 30px;
	}

		.about .about-img:before {
			inset: -30px 0 0 -30px;
		}
}

.about h3 {
	font-weight: 300;
	font-size: 32px;
	margin-bottom: 20px;
}

@media (max-width: 768px) {
	.about h3 {
		font-size: 28px;
	}
}

.about .nav-pills {
	border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 85%);
}

	.about .nav-pills li + li {
		margin-left: 40px;
	}

.about .nav-link {
	background: none;
	font-size: 18px;
	font-weight: 400;
	color: var(--default-color);
	padding: 12px 0;
	margin-bottom: -2px;
	border-radius: 0;
}

	.about .nav-link.active {
		color: var(--accent-color);
		background: none;
		border-bottom: 3px solid var(--accent-color);
	}

@media (max-width: 575px) {
	.about .nav-link {
		font-size: 16px;
	}

	.statbg {
		margin-top: 0px !important;
	}

	.sectorbg {
		background-size: 12% !important;
	}

	.mhead {
		padding-left: 3rem !important;
	}

	.srchdesktop {
		display: none;
	}

	.searchmob {
		display: block !important;
		width: auto !important;
		margin-bottom: 5px;
	}

	.order-1 {
		order: 2 !important;
	}

	.mobfilter {
		width: 50% !important;
	}

	.footer .footer-newsletter .newsletter-form input[type=submit] {
		margin: -7px -8px -7px 55px !important;
	}

	.footer .footer-newsletter {
		background-color: #E5FFD4;
		padding: 75px 0;
		background-image: url(../../assets/img/newsleft.png), url(../../assets/img/newsright.png) !important;
		background-position: right -9px bottom, left bottom;
		background-repeat: no-repeat;
		background-size: 15% !important;
	}
}

.about .tab-content h4 {
	font-size: 18px;
	margin: 0;
	font-weight: 700;
	color: var(--default-color);
}

.about .tab-content i {
	font-size: 22px;
	line-height: 0;
	margin-right: 8px;
	color: var(--accent-color);
}

/*--------------------------------------------------------------
# Clients Section
--------------------------------------------------------------*/
.clients {
	padding: 20px 0;
}

	.clients .client-logo {
		display: flex;
		justify-content: center;
		align-items: center;
		overflow: hidden;
	}

		.clients .client-logo img {
			padding: 20px 40px;
			max-width: 90%;
			transition: 0.3s;
			opacity: 0.5;
			filter: grayscale(100);
		}

			.clients .client-logo img:hover {
				filter: none;
				opacity: 1;
			}

@media (max-width: 640px) {
	.clients .client-logo img {
		padding: 20px;
	}
}

/*--------------------------------------------------------------
# Call To Action Section
--------------------------------------------------------------*/
.call-to-action {
	padding: 0;
}

	.call-to-action .container {
		padding: 80px;
		background: color-mix(in srgb, var(--default-color), transparent 96%);
		border-radius: 15px;
	}

@media (max-width: 992px) {
	.call-to-action .container {
		padding: 60px;
	}
}

.call-to-action .content h3 {
	font-size: 48px;
	font-weight: 700;
}

	.call-to-action .content h3 em {
		font-style: normal;
		position: relative;
		z-index: 1;
	}

		.call-to-action .content h3 em:after {
			content: "";
			position: absolute;
			left: 0;
			right: 0;
			bottom: 10px;
			height: 10px;
			background: color-mix(in srgb, var(--accent-color), transparent 30%);
			z-index: -1;
		}

.call-to-action .content p {
	color: color-mix(in srgb, var(--default-color), transparent 20%);
	font-weight: 400;
	font-size: 18px;
}

.call-to-action .content .cta-btn {
	color: var(--contrast-color);
	font-weight: 500;
	font-size: 16px;
	display: inline-block;
	padding: 12px 40px;
	border-radius: 5px;
	transition: 0.5s;
	margin-top: 10px;
	background: var(--accent-color);
}

	.call-to-action .content .cta-btn:hover {
		background: color-mix(in srgb, var(--accent-color) 90%, black 15%);
	}

.call-to-action .img {
	position: relative;
}

	.call-to-action .img:before {
		content: "";
		position: absolute;
		inset: 0;
		background: color-mix(in srgb, var(--contrast-color), transparent 20%);
		border-radius: 15px;
		transform: rotate(6deg);
		z-index: 2;
	}

	.call-to-action .img:after {
		content: "";
		position: absolute;
		inset: 0;
		background: color-mix(in srgb, var(--default-color), transparent 95%);
		border-radius: 15px;
		transform: rotate(12deg);
		z-index: 1;
	}

	.call-to-action .img img {
		position: relative;
		z-index: 3;
		border-radius: 15px;
		z-index: 3;
	}

/*--------------------------------------------------------------
# Onfocus Section
--------------------------------------------------------------*/
.onfocus {
	padding: 0;
}

	.onfocus .video-play {
		min-height: 400px;
		background: linear-gradient(color-mix(in srgb, var(--background-color), transparent 90%), color-mix(in srgb, var(--background-color), transparent 75%)), url("../img/onfocus-video-bg.jpg") center center;
		background-size: cover;
	}

	.onfocus .content {
		background: linear-gradient(color-mix(in srgb, var(--background-color), transparent 90%), color-mix(in srgb, var(--background-color), transparent 75%)), url("../img/onfocus-content-bg.jpg") center center;
		background-size: cover;
		padding: 40px;
	}

@media (min-width: 768px) {
	.onfocus .content {
		padding: 80px;
	}
}

.onfocus .content h3 {
	font-weight: 600;
	font-size: 32px;
}

.onfocus .content ul {
	list-style: none;
	padding: 0;
}

	.onfocus .content ul li {
		padding-bottom: 10px;
	}

	.onfocus .content ul i {
		font-size: 20px;
		padding-right: 4px;
		color: var(--accent-color);
	}

.onfocus .content p:last-child {
	margin-bottom: 0;
}

.onfocus .content .read-more {
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 1px;
	padding: 12px 24px;
	border-radius: 5px;
	transition: 0.3s;
	display: -nline-flex;
	align-items: center;
	justify-content: center;
	color: var(--contrast-color);
	background: var(--accent-color);
}

	.onfocus .content .read-more i {
		font-size: 18px;
		margin-left: 5px;
		line-height: 0;
		transition: 0.3s;
	}

	.onfocus .content .read-more:hover {
		background: color-mix(in srgb, var(--accent-color) 90%, black 15%);
		padding-right: 19px;
	}

		.onfocus .content .read-more:hover i {
			margin-left: 10px;
		}

.onfocus .pulsating-play-btn {
	position: absolute;
	left: calc(50% - 47px);
	top: calc(50% - 47px);
}

/*--------------------------------------------------------------
# Features Section
--------------------------------------------------------------*/
.features .nav-tabs {
	border: 0;
}

.features .nav-link {
	background-color: var(--surface-color);
	color: var(--color-secondary);
	border: 0;
	padding: 9px 27px;
	box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.1);
	border-radius: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	transition: 0s;
	cursor: pointer;
	height: 100%;
	border-radius: 5px;
	margin-left: 5px;
	border: 1px solid #cbcaca;
}

	.features .nav-link i {
		font-size: 32px;
		line-height: 0;
	}

	.features .nav-link h4 {
		font-size: 20px;
		font-weight: 600;
		margin: 10px 0 0 0;
	}

	.features .nav-link:hover {
		color: var(--accent-color);
	}

	.features .nav-link:hover,
	.features .nav-link.active {
		transition: 0.3s;
		background: #0070c0;
		color: var(--contrast-color) !important;
		border-color: var(--accent-color);
	}

		.features .nav-link:hover h4,
		.features .nav-link.active h4 {
			color: var(--contrast-color);
		}

		.features .nav-link:hover i,
		.features .nav-link.active i {
			color: var(--contrast-color) !important;
		}

.features .tab-content {
	margin-top: 30px;
}

.features .tab-pane.active {
	animation: fadeIn 0.5s ease-out;
}

.features .tab-pane h3 {
	font-weight: 600;
	font-size: 28px;
}

.features .tab-pane ul {
	list-style: none;
	padding: 0;
}

	.features .tab-pane ul li {
		padding-bottom: 10px;
	}

	.features .tab-pane ul i {
		font-size: 24px;
		margin-right: 4px;
		color: var(--accent-color);
	}

.features .tab-pane p:last-child {
	margin-bottom: 0;
}

/*--------------------------------------------------------------
# Services Section
--------------------------------------------------------------*/
.services .img {
	border-radius: 8px;
	overflow: hidden;
}

	.services .img img {
		transition: 0.6s;
	}

.services .details {
	background: color-mix(in srgb, var(--surface-color), transparent 5%);
	padding: 50px 30px;
	margin: -100px 30px 0 30px;
	transition: all ease-in-out 0.3s;
	position: relative;
	text-align: center;
	border-radius: 8px;
	box-shadow: 0px 0 25px rgba(0, 0, 0, 0.1);
}

	.services .details .icon {
		margin: 0;
		width: 72px;
		height: 72px;
		background: var(--accent-color);
		color: var(--contrast-color);
		border: 6px solid var(--contrast-color);
		border-radius: 50px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 20px;
		font-size: 28px;
		transition: ease-in-out 0.3s;
		position: absolute;
		top: -36px;
		left: calc(50% - 36px);
	}

	.services .details h3 {
		font-weight: 700;
		margin: 10px 0 15px 0;
		font-size: 22px;
		transition: ease-in-out 0.3s;
	}

	.services .details p {
		color: color-mix(in srgb, var(--default-color), transparent 10%);
		line-height: 24px;
		font-size:16px;
		margin-bottom: 0;
	}

.services .service-item:hover .details h3 {
	color: var(--accent-color);
}

.services .service-item:hover .details .icon {
	background: var(--surface-color);
	border: 2px solid var(--accent-color);
}

	.services .service-item:hover .details .icon i {
		color: var(--accent-color);
	}

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


/*--------------------------------------------------------------
# Pricing Section
--------------------------------------------------------------*/
.pricing .pricing-item {
	background-color: var(--backgroun-color);
	padding: 60px 40px;
	box-shadow: 0 3px 20px -2px rgba(0, 0, 0, 0.1);
	height: 100%;
	display: flex;
	flex-direction: column;
	border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
	border-radius: 10px;
	overflow: hidden;
}

.pricing .pricing-header {
	background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.3)), url("../img/pricing-bg.jpg") center center;
	background-size: cover;
	text-align: center;
	padding: 40px;
	margin: -60px -40px 0;
}

.pricing h3 {
	font-weight: 600;
	margin-bottom: 5px;
	font-size: 36px;
	color: var(--contrast-color);
}

.pricing h4 {
	font-size: 48px;
	color: var(--contrast-color);
	font-weight: 400;
	margin-bottom: 0;
}

	.pricing h4 sup {
		font-size: 28px;
	}

	.pricing h4 span {
		color: color-mix(in srgb, var(--contrast-color), transparent 20%);
		font-size: 24px;
	}

.pricing ul {
	padding: 30px 0;
	list-style: none;
	color: color-mix(in srgb, var(--default-color), transparent 30%);
	text-align: left;
	line-height: 20px;
}

	.pricing ul li {
		padding: 10px 0;
		display: flex;
		align-items: center;
	}

	.pricing ul i {
		color: var(--accent-color);
		font-size: 36px;
		padding-right: 3px;
		line-height: 0;
	}

	.pricing ul .na {
		color: color-mix(in srgb, var(--default-color), transparent 60%);
	}

		.pricing ul .na i {
			color: color-mix(in srgb, var(--default-color), transparent 60%);
			font-size: 24px;
			padding-left: 4px;
		}

		.pricing ul .na span {
			text-decoration: line-through;
		}

.pricing .buy-btn {
	display: inline-block;
	padding: 12px 40px;
	border-radius: 6px;
	color: var(--default-color);
	transition: none;
	font-size: 16px;
	font-weight: 500;
	transition: 0.3s;
	border: 1px solid var(--default-color);
}

	.pricing .buy-btn:hover {
		background: var(--accent-color);
		color: var(--contrast-color);
		border-color: var(--accent-color);
	}

.pricing .featured {
	border-color: var(--accent-color);
}

	.pricing .featured .pricing-header {
		background: linear-gradient(color-mix(in srgb, var(--accent-color), transparent 10%), color-mix(in srgb, var(--accent-color), transparent 20%)), url("../img/pricing-bg.jpg") center center;
	}

	.pricing .featured .buy-btn {
		border-color: var(--accent-color);
		background: var(--accent-color);
		color: var(--contrast-color);
	}

/*--------------------------------------------------------------
# Faq Section
--------------------------------------------------------------*/
.faq .content h3 {
	font-weight: 400;
	font-size: 34px;
}

.faq .content p {
	color: color-mix(in srgb, var(--default-color), transparent 30%);
}

.faq .faq-container {
	margin-top: 15px;
}

	.faq .faq-container .faq-item {
		background-color: var(--surface-color);
		position: relative;
		padding: 20px;
		margin-bottom: 20px;
		box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.1);
		overflow: hidden;
	}

		.faq .faq-container .faq-item:last-child {
			margin-bottom: 0;
		}

		.faq .faq-container .faq-item h3 {
			font-weight: 600;
			font-size: 17px;
			line-height: 24px;
			margin: 0 30px 0 32px;
			transition: 0.3s;
			cursor: pointer;
		}

			.faq .faq-container .faq-item h3 span {
				color: var(--accent-color);
				padding-right: 5px;
			}

			.faq .faq-container .faq-item h3:hover {
				color: var(--accent-color);
			}

		.faq .faq-container .faq-item .faq-content {
			display: grid;
			grid-template-rows: 0fr;
			transition: 0.3s ease-in-out;
			visibility: hidden;
			opacity: 0;
		}

			.faq .faq-container .faq-item .faq-content p {
				margin-bottom: 0;
				overflow: hidden;
			}

		.faq .faq-container .faq-item .faq-icon {
			position: absolute;
			top: 22px;
			left: 20px;
			font-size: 22px;
			line-height: 0;
			transition: 0.3s;
			color: var(--accent-color);
		}

		.faq .faq-container .faq-item .faq-toggle {
			position: absolute;
			top: 20px;
			right: 20px;
			font-size: 16px;
			line-height: 0;
			transition: 0.3s;
			cursor: pointer;
		}

			.faq .faq-container .faq-item .faq-toggle:hover {
				color: var(--accent-color);
			}

	.faq .faq-container .faq-active h3 {
		color: var(--accent-color);
	}

	.faq .faq-container .faq-active .faq-content {
		grid-template-rows: 1fr;
		visibility: visible;
		opacity: 1;
		padding-top: 10px;
	}

	.faq .faq-container .faq-active .faq-toggle {
		transform: rotate(90deg);
		color: var(--accent-color);
	}


/*--------------------------------------------------------------
# Service Details Section
--------------------------------------------------------------*/
.service-details .services-list {
	background-color: var(--surface-color);
	padding: 10px 30px;
	border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
	margin-bottom: 20px;
}

	.service-details .services-list a {
		display: block;
		line-height: 1;
		padding: 8px 0 8px 15px;
		border-left: 3px solid color-mix(in srgb, var(--default-color), transparent 70%);
		margin: 20px 0;
		color: color-mix(in srgb, var(--default-color), transparent 20%);
		transition: 0.3s;
	}

		.service-details .services-list a.active {
			color: var(--heading-color);
			font-weight: 700;
			border-color: var(--accent-color);
		}

		.service-details .services-list a:hover {
			border-color: var(--accent-color);
		}

.service-details .services-img {
	margin-bottom: 20px;
}

.service-details h3 {
	font-size: 26px;
	font-weight: 700;
}

.service-details h4 {
	font-size: 20px;
	font-weight: 700;
}

.service-details p {
	font-size: 15px;
}

.service-details ul {
	list-style: none;
	padding: 0;
	font-size: 15px;
}

	.service-details ul li {
		padding: 5px 0;
		display: flex;
		align-items: center;
	}

	.service-details ul i {
		font-size: 20px;
		margin-right: 8px;
		color: var(--accent-color);
	}






.tags-widget {
	margin-bottom: -10px;
}

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

		.tags-widget ul li {
			display: inline-block;
		}

		.tags-widget ul a {
			color: color-mix(in srgb, var(--default-color), transparent 30%);
			font-size:16px;
			padding: 6px 14px;
			margin: 0 6px 8px 0;
			border: 1px solid color-mix(in srgb, var(--default-color), transparent 60%);
			display: inline-block;
			transition: 0.3s;
		}

			.tags-widget ul a:hover {
				background: var(--accent-color);
				color: var(--contrast-color);
				border: 1px solid var(--accent-color);
			}

			.tags-widget ul a span {
				padding-left: 5px;
				color: color-mix(in srgb, var(--default-color), transparent 60%);
				font-size:16px;
			}







/* floated textbox css */


.floating-form {
	width: 320px;
}

/****  floating-Lable style start ****/
.floating-label {
	position: relative;
	margin-bottom: 20px;
}

.floating-input, .floating-select {
	font-size:16px;
	padding: 4px 4px;
	display: block;
	width: 100%;
	height: 30px;
	background-color: transparent;
	border: none;
	border-bottom: 1px solid #c4c4c4;
	border-radius: 5px;
	
}

	.floating-input:focus, .floating-select:focus {
		outline: none;
		/*border-bottom: 2px solid #5264AE;*/
	}

label {
	color: #999;
	font-size:16px;
	font-weight: normal;
	position: absolute;
	left: 5px;
	top: 5px;
	transition: 0.2s ease all;
	-moz-transition: 0.2s ease all;
	-webkit-transition: 0.2s ease all;
}

.floating-input:focus ~ label, .floating-input:not(:placeholder-shown) ~ label {
	top: -18px;
	font-size:16px;
	color: #5264AE;
}

.floating-select:focus ~ label, .floating-select:not([value=""]):valid ~ label {
	top: -18px;
	font-size:16px;
	color: #5264AE;
}

/* active state */
.floating-input:focus ~ .bar:before, .floating-input:focus ~ .bar:after, .floating-select:focus ~ .bar:before, .floating-select:focus ~ .bar:after {
	width: 50%;
}

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

.floating-textarea {
	min-height: 30px;
	max-height: 260px;
	overflow: hidden;
	overflow-x: hidden;
}

/* highlighter */
.highlight {
	position: absolute;
	height: 50%;
	width: 100%;
	top: 15%;
	left: 0;
	pointer-events: none;
	opacity: 0.5;
}

/* active state */
.floating-input:focus ~ .highlight, .floating-select:focus ~ .highlight {
	-webkit-animation: inputHighlighter 0.3s ease;
	-moz-animation: inputHighlighter 0.3s ease;
	animation: inputHighlighter 0.3s ease;
}

/* animation */
@-webkit-keyframes inputHighlighter {
	from {
		background: #5264AE;
	}

	to {
		width: 0;
		background: transparent;
	}
}

@-moz-keyframes inputHighlighter {
	from {
		background: #5264AE;
	}

	to {
		width: 0;
		background: transparent;
	}
}

@keyframes inputHighlighter {
	from {
		background: #5264AE;
	}

	to {
		width: 0;
		background: transparent;
	}
}

/****  floating-Lable style end ****/


/***   daniel - Fork me friend - style   ***/
.floating-credit {
	position: fixed;
	bottom: 10px;
	right: 10px;
	color: #aaa;
	font-size: 13px;
	font-family: arial,sans-serif;
}

	.floating-credit a {
		text-decoration: none;
		color: #000000;
		font-weight: bold;
	}

		.floating-credit a:hover {
			border-bottom: 1px dotted #f8f8f8;
		}

.floating-heading {
	color: #aaa;
	font-size: 20px;
	font-family: arial,sans-serif;
}
/***  daniel - Fork me friend - style  ***/



.accordihome .accordion-item {
	border: var(--bs-accordion-border-width) solid #dee2e600 !important;
	margin-bottom: 10px;
}

.accordihome .accordion-collapse {
	border-bottom: 1px solid #B0EE88 !important;
	border-left: 1px solid #B0EE88 !important;
	border-right: 1px solid #B0EE88 !important;
	border-radius: 5px !important;
	padding: 10px !important;
	background: #E5FFD4 !important;
	border-top-left-radius: 0px !important;
	border-top-right-radius: 0px !important;
}

.accordihome .accordion-button:not(.collapsed) {
	color: var(--bs-accordion-active-color) !important;
	background-color: #cfe2ff00 !important;
	box-shadow: inset 0 calc(-1* var(--bs-accordion-border-width)) 0 #dee2e600 !important;
	background: #E5FFD4 !important;
	border-bottom: none !important;
	/* border-radius: 0; */
}

.accordihome .accordion-button {
	color: #232323 !important;
	background: #E5FFD4 !important;
	border-radius: 5px !important;
	border: 1px solid #B0EE88 !important;
	margin-bottom: 0 !important;
	font-size: 16px !important;
	font-weight: 500 !important;
}

.navmenu {
	background: #4b6931 !important;
}


/* Custom select css */

.multiselect-dropdown-list-wrapper label {
	position: initial !important;
}

.multiselect-dropdown span.placeholder {
	color: #ced4da00 !important;
}

.multiselect-dropdown {
	width: 100% !important;
	z-index: 500000;
	margin-top: 24px !important;
	z-index: 500000000000000 !important;
	border: solid 1px #ced4da00 !important;
	border-bottom: 1px solid #c4c4c4 !important;
	border-radius: 5px !important;
	position: absolute !important;
	width: 248px !important;
	font-size: 16px !important;
	background-position: right .15rem center !important;
}

	.multiselect-dropdown span.optext {
		background-color: #d3d3d300 !important;
	}

.multiselect-dropdown-list-wrapper {
	position: relative !important;
}

.placeholder {
	background-color: unset !important;
	opacity: .5 !important;
}

.multiselect-dropdown span.optext, .multiselect-dropdown span.placeholder {
	color: #000000 !important;
}

#field23 {
	display: none !important;
}




.accordihome .accordion {
	--bs-accordion-color: var(--bs-body-color);
	--bs-accordion-bg: var(--bs-body-bg);
	--bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
	--bs-accordion-border-color: var(--bs-border-color);
	--bs-accordion-border-width: var(--bs-border-width);
	--bs-accordion-border-radius: var(--bs-border-radius);
	--bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
	--bs-accordion-btn-padding-x: 1.25rem;
	--bs-accordion-btn-padding-y: 1rem;
	--bs-accordion-btn-color: var(--bs-body-color);
	--bs-accordion-btn-bg: var(--bs-accordion-bg);
	--bs-accordion-btn-icon: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='#ffffff' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e) !important;
	--bs-accordion-btn-icon-width: 1.25rem;
	--bs-accordion-btn-icon-transform: rotate(-180deg);
	--bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
	--bs-accordion-btn-active-icon: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='#ffffff' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e) !important;
	--bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
	--bs-accordion-body-padding-x: 1.25rem;
	--bs-accordion-body-padding-y: 1rem;
	--bs-accordion-active-color: var(--bs-primary-text-emphasis);
	--bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}

.multiselect-dropdown-list-wrapper .multiselect-dropdown-search {
	margin-bottom: 5px;
	border: solid 1px #ced4da00 !important;
	border-bottom: 1px solid #c4c4c4 !important;
	border-radius: 5px !important;
	outline: none !important;
	font-size:16px;
}


.accordihome .accordion-button:focus {
	box-shadow: none !important;
	border-color: rgba(0,0,0,.125) !important;
}



.icon-box {
	padding: 9px 15px;
	position: relative;
	overflow: hidden;
	background: #ffffff00;
	/* box-shadow: 0 0 29px 0 rgba(0, 0, 0, 0.1); */
	transition: all 0.3s ease-in-out;
	/* border-radius: 8px; */
	z-index: 1;
	height: 100%;
	width: 100%;
	text-align: center;
	border-left: 1px solid #ffffff;
}

	.icon-box .title {
		font-weight: 700;
		margin-bottom: 15px;
		font-size: 17px;
		text-transform: uppercase;
	}

		.icon-box .title a {
			color: #ffffff;
			transition: 0.3s;
		}

	.icon-box .icon {
		margin-bottom: 10px;
		padding-top: 10px;
		display: inline-block;
		transition: all 0.3s ease-in-out;
		font-size: 40px;
		line-height: 1;
		color: #fff;
		/* border-left: 1px solid #ffffff; */
		font-weight: 700;
	}

	.icon-box:hover {
	}

		.icon-box:hover .title a,
		.icon-box:hover .icon {
			color: var(--contrast-color);
		}

.hero .icon-boxes {
	padding-bottom: 60px;
	z-index: 4;
}

.statbg {
	display: block;
	background: #B0EE89;
	background-image: url(../../assets/img/statbg.png);
	/* background-position: right top; */
	background-position: right 30px top;
	background-repeat: no-repeat;
	border-bottom-left-radius: 80px;
	border: 1px solid #000000;
	border-right: 0;
	box-shadow: inset 4px -4px 5px -3px rgb(0 0 0 / 22%);
}

.activ {
	background: #FFDE3E !important;
	border-left: none;
	border-radius: 15px;
}

	.activ .icon {
		color: #416027 !important;
		font-weight: bold;
	}

	.activ .title a {
		color: #416027 !important;
	}

.static {
	background: #425F27;
	border-radius: 17px;
}


.footer .footer-newsletter {
	background-color: #E5FFD4;
	padding: 75px 0;
	background-image: url(../../assets/img/newsleft.png), url(../../assets/img/newsright.png);
	background-position: right -9px top, left bottom;
	background-repeat: no-repeat;
}

	.footer .footer-newsletter h4 {
		font-size: 32px;
		color: #4B6931;
		font-weight: 600;
	}

	.footer .footer-newsletter p {
		font-size: 20px;
		line-height: 30px;
		color: #000000;
		font-weight: 400;
		
	}

	.footer .footer-newsletter .newsletter-form {
		margin-top: 30px;
		margin-bottom: 15px;
		padding: 6px 8px;
		position: relative;
		background-color: #ffffff;
		border: 1px solid #ffffff;
		box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.1);
		display: flex;
		transition: 0.3s;
		border-radius: 5px;
		/* width: 50%; */
	}

		.footer .footer-newsletter .newsletter-form:focus-within {
			border-color: var(--accent-color);
		}

		.footer .footer-newsletter .newsletter-form input[type=email] {
			border: 0;
			padding: 4px;
			width: 100%;
			/* background-color: color-mix(in srgb, var(--background-color), transparent 50%); */
			color: var(--default-color);
		}

			.footer .footer-newsletter .newsletter-form input[type=email]:focus-visible {
				outline: none;
			}

		.footer .footer-newsletter .newsletter-form input[type=submit] {
			border: 0;
			font-size: 16px;
			padding: 0 20px;
			margin: -7px -8px -7px 0;
			background: #FFDE3E;
			color: #194D09;
			transition: 0.3s;
			border-radius: 5px;
			border: 1px solid #4B6931;
			font-weight: bold;
		}

			.footer .footer-newsletter .newsletter-form input[type=submit]:hover {
				background: color-mix(in srgb, var(--accent-color), transparent 20%);
			}

.accordihome .accordion-body {
	padding: 7px;
	font-size:16px;
	text-align: justify;
	
}



/* Every Custom Css */

.hdbtn {
	background: none;
	color: #366327;
	border: 1px solid #FFDE3E;
}

.footerbgimg {
	background-image: url(../../assets/img/footerbg.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	margin-bottom: 0px !important;
}

.sectorbg {
	background-image: url(../../assets/img/sectorbg.png);
	background-repeat: no-repeat;
	background-position: top left;
	margin-bottom: 0px !important;
}

.simplytrade {
	background-image: url(../../assets/img/sectorbg-.png);
	background-repeat: no-repeat;
	background-position: top left;
	margin-bottom: 0px !important;
}

.simpletradebg {
	background-color: #FCF6DA;
	border-radius: 5px;
	border: 1px solid #000000;
}

.simpletradeimg {
	background-image: url(../../assets/img/benifit_footer.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	margin-bottom: 0px !important;
}

.insight h3 {
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 15px;
	color: #000000;
	text-align: center;
	padding: 10px;
}

.trade h3 {
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 15px;
	color: #000000;
	text-align: left;
	padding: 10px 0px;
}

.trade p {
	text-align: justify;
	font-size:16px;
	font-weight: 400;
}


.btnoutline {
	color: #184C08;
	padding: 10px;
	width: 200px;
	margin-bottom: 20px;
	font-size:16px;
}

	.btnoutline:hover {
		color: #ffffff !important;
	}

.php-email-form {
	width: 65%;
	margin: auto;
}

.statics {
	position: relative !important;
	z-index: 5000000;
}

.aptxt {
	color: #2C4B11;
}

.buyleadleft {
	font-size:16px;
	width: 130px;
}

.spsleft {
	font-size:16px;
	width: 210px;
}

.buyleadleft a {
	color: #1A56A6;
	font-size:16px;
}

.buyleadright a {
	color: #1A56A6;
	font-size:16px;
}

.searchagri {
	border: 1px solid #B0EE88;
	border-radius: 5px;
	width: 520px;
}

.srchexplore {
	color: #194D09;
	background: #FFDE3E !important;
	font-family: var(--heading-font);
	font-weight: normal !important;
	font-size:16px;
	letter-spacing: 1px;
	display: inline-block;
	padding: 6px 28px;
	border-radius: 4px;
	transition: 0.5s;
	font-weight: bold;
	border: none;
	
}

.srchtexbox {
	margin-top: 16px;
	margin-bottom: 16px;
	margin-left: 7px;
}

	.srchtexbox label { /* Edge 12-18 */
		color: #000000 !important;
	}

.aptxt1 h3 {
	color: #415F27;
	padding-top: 11rem !important;
	font-weight: 600;
}

.aptxt1 p {
	font-size: 18px !important;
	font-weight: normal !important;
}

.staticp .buyleadright {
	font-size: 18px;
	
}

.searchmob {
	display: none;
}

.accordion-button:not(.collapsed) {
	border-top-left-radius: 5px !important;
	border-top-right-radius: 5px !important;
	border-bottom-left-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}

';


}

.buyleadright a {
	color: #1A56A6;
	font-size:16px;
	
}

.searchagri {
	border: 1px solid #B0EE88;
	border-radius: 5px;
	/*width: 477px;*/
}

.srchexplore {
	color: #194D09;
	background: #FFDE3E !important;
	font-family: var(--heading-font);
	font-weight: normal !important;
	font-size:16px;
	letter-spacing: 1px;
	display: inline-block;
	padding: 6px 3px;
	border-radius: 4px;
	transition: 0.5s;
	font-weight: bold;
	border: none;
	
	font-weight: 600 !important;
	width: 110px;
	height: 38px;
}

	.srchexplore:hover {
		box-shadow: inset 0px -1px 4px 0px rgba(178,178,178,1);
	}

.srchtexbox {
	margin-top: 16px;
	margin-bottom: 16px;
	/*height: 38px;*/
}
button.btn.btn-outline-warning.viewall.commontxt {
	width: unset !important;
}
ul.topnav li a {
	--nav-font: "Poppins", sans-serif;
}
section.content h1 {
	font-size: 26px;
	text-align: center;
	margin-bottom: 30px;
	font-weight: 600;
}
	.srchtexbox input {
		height: 38px;
	}

	.srchtexbox .highlight {
		top: 15px;
		bottom: 0px;
	}

	.srchtexbox label { /* Edge 12-18 */
		color: #000000 !important;
		font-size: 16px !important;
		font-weight: 400;
		
		padding-top: 4px;
		top: 5px;
	}

.aptxt1 h3 {
	color: #415F27;
	/* padding-top: 11rem !important; */
	font-weight: 600;
}

.aptxt1 p {
	font-size: 18px !important;
	font-weight: normal !important;
}

.staticp .buyleadright {
	font-size: 18px;
	
}

.searchmob {
	display: none;
}

.accordihome .accordion-button:not(.collapsed) {
	border-top-left-radius: 5px !important;
	border-top-right-radius: 5px !important;
	border-bottom-left-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}

.container-fluid {
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 0;
	width: 100%;
	padding-right: 67px;
	padding-left: 67px;
	/*padding-left: 42px;*/
	margin-right: auto;
	margin-left: auto;
}

.footer-about {
	paddding-top: 0px;
}

.buysellpad {
	padding-left: 15px;
}

.buysellpadright {
	padding-right: 5px;
}

.srch button {
	background: white !important;
	color: #000000 !important;
	font-size: 12px;
	padding: 12px, 17px, 12px, 17px;
	border-radius: 5px;
}

.srch .btn-secondary {
	border-bottom: 1px solid #c4c4c4;
	border-radius: 5px;
	border-top: none;
	border-right: none;
	border-left: none
}

	.srch .btn-secondary:hover {
		border: 1px solid #c4c4c4;
		box-shadow: 0px 0px;
		border-radius: none;
	}

.srch .dropdown-toggle::after {
	display: inline-block;
	margin-left: 3em;
	vertical-align: .255em;
	content: "";
	border-top: .3em solid;
	border-right: .3em solid transparent;
	border-bottom: 0;
	border-left: .3em solid transparent;
}

.srch .dropdown-menu.show {
	display: block;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 174px;
}

.srch .dropdown-item {
	font-size:16px;
	color: #000000;
	
	font-weight: 400;
}

	.srch .dropdown-item:hover {
		color: white !important;
		background: #415F27;
		border-radius: 5px;
	}

.srch .dropdown-menu li {
	padding: 8px 4px 4px 4px !important;
}


/*navbarcustom*/


#nav-bar {
	width: 100%;
	margin: 0 auto;
}

	#nav-bar ul {
		width: 100%;
		margin: 0;
		padding: 0;
		border: 1px solid #c2c2c2;
	}

	#nav-bar li {
		text-align: center;
		float: left;
		order: 1;
		flex-grow: 1;
		display: inline-block;
	}


	#nav-bar .dropdown li a {
		line-height: 20px;
		padding-left: 10px;
		padding-top: 5px;
		padding-bottom: 5px;
		border-top: 1px transparent;
		color: #000000 !important;
		display: block;
		text-decoration: none;
		text-align: left !important;
		font-size: 15px;
	}

		#nav-bar .dropdown li a:hover {
			border-top: 1px transparent;
			color: #ffffff !important;
			display: block;
			text-decoration: none;
			text-align: left !important;
		}

	#nav-bar li a {
		line-height: 40px;
		border-top: 1px transparent;
		color: white;
		display: flex;
		text-decoration: none;
	}

		#nav-bar li a:hover {
			text-decoration: none;
		}

	#nav-bar li.active a {
		margin-top: -5px;
		text-decoration: none;
		height: 45px;
		position: relative;
		background: #fff;
		border-left: 1px solid #c2c2c2;
		border-right: 1px solid #c2c2c2;
		border-top: 1px solid #c2c2c2;
	}

.dropdown-item {
	font-size:16px;
	
	font-weight: 400;
}

	.dropdown-item:hover {
		background: #415F27;
		border-radius: 5px;
		color: #ffffff;
	}

.dropdown-menu {
	width: auto;
	padding-left: 5px;
	padding-right: 5px;
}

.source {
	font-size:16px;
	
	font-weight: 600 !important;
	text-align: center;
	padding: 5px;
	padding-bottom: 20px;
}



/* custm css */


.custom-select-wrapper {
	position: relative;
	display: inline-block;
	width: 280px;
}

.custom-select {
	position: relative;
	display: block;
	width: 100%;
	cursor: pointer;
}

.select-trigger {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding: 10px 13px;
	font-size:16px;
	border: none;
	border-bottom: 1px solid #819fc2;
	background-color: white;
	transition: all 0.3s ease;
	box-sizing: border-box;
	font-weight: 400;
	border-radius: 5px;
}

.custom-select.focus .select-trigger {
	border-bottom: 2px solid transparent;
	box-shadow: 0 0 0 2px #ccc0;
	border-radius: 3px;
	border: 1px solid #6e8caf;
}

.options {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	border-radius: 0 0 5px 5px;
	overflow: hidden;
	background-color: white;
	z-index: 1000;
	margin-top: 0px;
	font-size:16px;
	transition: all 0.3s ease;
	border: 1px solid #6e8caf;
	padding: 5px;
}

	.options.show {
		display: block;
	}

.option {
	display: block;
	padding: 10px 10px;
	font-size:16px;
	cursor: pointer;
	transition: background-color 0.3s ease;
	text-align: left;
}

	.option:hover {
		background: #415F27;
		border-radius: 5px;
		color: #ffffff;
	}

.arrow {
	display: inline-block;
	margin-left: 10px;
	transition: transform 0.3s ease;
}

.focus .arrow {
	transform: rotate(180deg);
}

.table-wrapper table.table.table-striped td {
	width: 25%;
	display: inline-block;
	vertical-align: top;
	height: 70px;
	--bs-table-bg-type: #fff;
}
h2.newsletter-title {
	font-size: 20px;
	margin-bottom: 6px;
	text-align: justify;
}
.newsletter-detals {
	text-align: justify;
}
#tbldata th, #tbldata td {
	border: 1px solid #000 !important;
}
thead.table-warning tr th {
	border: 1px solid #020202 !important;
}
table.table.table-bordered.table-striped tr td {
	border: 1px solid #020202 !important;
	/*word-wrap: break-word;*/
	padding-left: 1px;
}
ul.topnav li a {
	font-size: 16px !important;
	font-family: "Poppins", sans-serif !important;
}
tr.table-warning th {
	border: 1px solid #020202 !important;
}

tbody.table-warning tr th {
	--bs-table-bg-type: lightgray !important;
	border: 1px solid #000 !important;
}
.table-striped > tbody > tr:nth-of-type(odd) > * {
	--bs-table-color-type: var(--bs-table-striped-color);
	--bs-table-bg-type: #f2f2f2;
}
footer a {
	color: #FFF;
	text-decoration: none;
	letter-spacing: 1px;
}

#tblInternationalExport th, #tblInternationalExport td {
	border: 1px solid #000 !important;
}
@media only screen and (max-width: 600px) {
	body {
		padding: 0px !important;
	}
	.sub-nav1 .nav-link {
		padding: 8px 12px;
		font-size: 16px;
	}
	.section-title h2 {
		font-size: 25px;
	}
	.viewbtnbuylead {
		position: unset !important;
		margin: auto !important;
		display: block !important;
	}
	.viewbtnlead {
		position: unset !important;
		margin: auto !important;
		display: block !important;
	}
	.footer .footer-newsletter .newsletter-form {
		margin-left: 0px;
	}
	.sticky {
		position: unset !important;
	}
	.table-wrapper table.table.table-striped td {
		width: 49%;
		height:100px;
	}
	form#productionForm {
		margin-bottom: 30px;
	}
	.navinnerlink .card-body ul li {
		text-align: justify;
	}
	.chat-popup {
		width: 100%;
	}
	div#ViewReport {
		overflow: unset !important;
	}
	.news-item img {
		width: 100% !important;
		margin-bottom: 15px;
	}
	.news-item {
		padding: 0;
	}
	.news-item-container {
		display: unset !important;
	}
	

	}

@media (max-width: 320px) {
	div#displaySPSNotifications .d-flex.justify-content-between li {
		width: 100% !important;
	}

	span#displayBuyLeads .d-flex.justify-content-between {
		width: 100% !important;
	}

	.col-lg-6.border-end {
		padding: 0 !important;
	}
}


.news-item-container .news-item img {
	width: 200px !important;
	height: 120px !important;
}
.newsimg_content div img {
	width: 200px;
	height: 120px;
}


	.newsimg_content div {
		text-align: center;
	}

@media screen and (min-width:1920px) {
	div#displaySPSNotifications .d-flex.justify-content-between li {
		width: 320px !important;
	}
	span#displayBuyLeads .d-flex.justify-content-between {
		width: 320px !important;
	}

	span#displaySellLeads .d-flex.justify-content-between {
		width: 320px !important;
	}
}

select.form-select.form-control {
	font-size: 13px;
	height: 34px;
}

@media screen and (min-device-width: 1200px) and (max-device-width: 1440px) and (-webkit-min-device-pixel-ratio: 1) {
	.form-select {
		font-size: 8px;
	}
	button.btn.resend {
		font-size: 10px !important;
		padding: 10px 0px !important;
		width: 100% !important;
		background: #ffde3e !important;
		margin-top: 22px !important;
		color: #000 !important;
		opacity: 1;
		border: 1px solid #ffc107;
	}

	.select2-container--bootstrap-5 .select2-selection--multiple .select2-search .select2-search__field {
		font-size: 8px !important;
		padding-top: 12px !important;
	}
	.readio-colm h6 {
		font-size: 8px !important;
	}
	select.form-select.form-control {
		font-size: 13px;
		height: 34px;
	}
	.form-check {
		padding-left: 28px;
	}

	label.form-check-label {
		font-size: 8px !important;
	}

	label.col-form-label {
		font-size: 8px !important;
	}

	select.form-select.form-control {
		font-size: 8px !important;
	}

	.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
		font-size: 8px !important;
		margin-top: 6px !important;
	}
	.rediobg {
		margin-bottom: 8px !important
	}
		.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option {
		font-size: 8px !important;
	}
	.loginmn .col.col-md-12.col-lg-12.col-xl-12.col-xxl-6 {
		width: 100%;
		padding-left: 15px !IMPORTANT;
	}
	.captch-colm {
		margin: 8px 0 0 0 !important;
	}
}

footer.footer.dark-background .col-lg-4.col-md-6 {
	margin-top: 10px;
}
.col-lg-4.col-md-4.footer-links.footerbgimg {
	margin-top: 10px;
	margin-bottom: 0;
}
	.col-lg-4.col-md-4.footer-links.footerbgimg p {
		font-size: 15px !important;
		margin-bottom: 10px;
	}

div#ViewReport thead.sticky-top.top-0 tr th {
	border: none !important;
}
div#ViewReport thead.sticky-top.top-0 tr th {
	border: none !important;
	border-left: 1px solid #000 !important;
	border-right: 1px solid !important;
}

#ViewReport th, #ViewReport td {
	padding-left: 1px !important;
	padding-right: 1px !important;
}

thead.sticky-top.top-0 tr {
	background: #fff !important;
}
.table-responsive table {
	border: 1px solid #000;
}
.form-select:disabled {
	background: #fff;
}
.form-select {
	height: 34px;
}
.table-responsive tbody td {
	font-size: 14px !important;
	padding: 2px !important;
}

.table-responsive thead tr th {
	font-size: 14px !important;
	padding: 2px !important;
	font-weight: 600 !important;
}

.table-responsive div.dt-container .dt-paging .dt-paging-button {
	padding: 0 0;
	width: 30px;
	height: 30px;
	font-size: 14px;
}

div#heading h3 {
	font-size: 16px;
	margin: 0;
	font-weight: 600;
	text-align: center;
}

.table-responsive h3, h1 {
	font-size: 16px !important;
}

table.table.table-condensed.table-hover.table-bordered.table-striped.table-hideable.dataTable tfoot tr th {
	padding: 1px !important;
	font-size: 13px !important;
}

table.table.table-striped.table-bordered.dataTable tfoot tr th {
	padding: 1px !important;
	font-size: 13px !important;
}

table.table.table-striped.table-bordered.dataTable tfoot tr td {
	padding: 1px !important;
	font-size: 13px !important;
}

span.dt-column-order {
	display: none;
}