/*==============================================TABLE OF CONTENT==============================================0. Imports1. Sections2. Headings3. Navbar4. Search5. Top Bar6. CountUps7. Helper Classesa) Text-contentb) Image-propertiesc) Buttonsd) Listse) Color Controlf) Video Boxg) Paginationh) Bordersi) Animationsf) Overlays8. Preloader9. Scroll to Top10. Number Boxes11. Service Boxes12. Clients13. Feature Boxes14. Progress Bars15. Price Tables16. Newsletter Form17. Footer18. Blog (Grid, Lists, Post)19. Testmonials20. Projects21. Partners (also Team)22.Feedback Form23. Team, Team Single24. Video Section25. Projects26. Project Single (Page)27. Accordions28. Service Single (Page)29. Callback30. Projects Masonry31. Under Construction32. Shop Single Slider33. Shop Single (Page)34. Shop Products35. 404 (Page)36. Contact (Page)37. Tabs38. Owl Carousel39. Pie Charts40. Chart JS==============================================[END] TABLE OF CONTENT==============================================*/
/*-----------------------------------------0. Imports-------------------------------------------*/
@import url("navigation.css");

/*-----------------------------------------1. Sections-------------------------------------------*/


@media (min-width: 1200px) {
	.container {
		max-width: 1350px;
	}
}


.section-block {
	padding: 90px 0px 90px 0px;
	background-color: #000 !important;
	overflow: hidden;
}

.section-block-strategy {
	padding: 10px 0px 90px 0px;
	background-color: #fff;
	overflow: hidden;
}

.gradient-primary {
	background: -webkit-gradient(linear, left top, left bottom, from(#001ea2), to(#174daf));
	background: -webkit-linear-gradient(top, #001ea2, #174daf);
	background: -o-linear-gradient(top, #001ea2, #174daf);
	/*background: linear-gradient(to bottom, #001ea2, #174daf);
    */
	background: linear-gradient(to bottom, #7abf62, #f6f7f6);
	/*background: linear-gradient(to bottom, #7abf62, #77da55);
    */
}

.round-shape {
	position: relative;
	overflow: hidden;
}

.round-shape:before {
	content: "";
	height: 450px;
	width: 450px;
	border: 80px solid rgba(255, 255, 255, 0.1);
	border-radius: 50%;
	position: absolute;
	top: -9rem;
	left: -16rem;
}

.round-shape:after {
	content: "";
	height: 450px;
	width: 450px;
	border: 80px solid rgba(255, 255, 255, 0.1);
	border-radius: 50%;
	position: absolute;
	top: -9rem;
	right: -16rem;
}

.section-block .item-img {
	text-align: center;
	background-color: #ffffff;
	box-shadow: 0px 26px 30px 0px rgb(224 224 224 / 75%);
	padding: 10px 0;
	animation: bounce bubble infinite 5000ms;
}

.section-block-black {
	padding: 90px 0px 90px 0px;
	background-color: #000;
	overflow: hidden;
}


.section-block-grey {
	position: relative;
	padding: 100px 0;
	overflow: hidden;
	background-color: #000;

	/* GRID BACKGROUND */

	background-image:
		linear-gradient(rgba(88, 255, 30, 0.06) 1px, transparent 1px),
		linear-gradient(90deg, rgba(88, 255, 30, 0.06) 1px, transparent 1px);

	background-size: 75px 75px;
}

/* LEFT TOP GREEN GLOW */

.section-block-grey::before {
	content: '';
	position: absolute;
	top: -250px;
	left: -180px;
	width: 600px;
	height: 600px;
	background: rgba(0, 255, 120, 0.08);
	filter: blur(140px);
	border-radius: 50%;
	z-index: 1;
}

/* RIGHT BOTTOM GREEN GLOW */

.section-block-grey::after {
	content: '';
	position: absolute;
	bottom: -300px;
	right: -200px;
	width: 700px;
	height: 700px;
	background: rgba(108, 255, 63, 0.12);
	filter: blur(160px);
	border-radius: 50%;
	z-index: 1;
}


.section-block-dark {
	padding: 90px 0px 90px 0px;
	background-color: #222;
	overflow: hidden;
}

.section-block-parallax {
	position: relative;
	background-size: cover;
	background-attachment: fixed;
	background-position: 50% 50%;
	padding: 90px 0px 90px 0px;
}

.section-block-bg {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.section-block-transparent {
	padding: 90px 0px 90px 0px;
	background: transparent;
}

.background-top {
	background-position: center left;
}

.primary-bg {
	background: #77da55 !important;
}

.no-repeat {
	background-repeat: no-repeat;
}



.section-clients-grey {
	background: #f9f9f9;
	padding: 50px 0px;
}

.notice-section {
	background: #fff;
	padding: 60px 0px;
}

.notice-section-parallax {
	position: relative;
	background-attachment: fixed;
	padding: 60px 0px;
}

.notice-section-grey {
	background: #f7f7f7;
	padding: 60px 0px;
}

.notice-section-bg {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	padding: 60px 0px 60px 0px;
}

.notice-section h2,
.notice-section-grey h2,
.notice-section-bg h2 {
	position: relative;
	font-size: 42px;
	font-weight: 400;
	color: #111;
}

.notice-section h3,
.notice-section-grey h3,
.notice-section-bg h3 {
	position: relative;
	font-size: 35px;
	font-weight: 400;
	color: #111;
}

.notice-section h4,
.notice-section-grey h4,
.notice-section-bg h4 {
	position: relative;
	font-size: 30px;
	font-weight: 500;
	color: #111;
}

.notice-section h5,
.notice-section-grey h5,
.notice-section-bg h5 {
	position: relative;
	font-size: 25px;
	font-weight: 500;
	color: #111;
}

.notice-section h6,
.notice-section-grey h6,
.notice-section-bg h6 {
	position: relative;
	font-size: 20px;
	font-weight: 500;
	color: #111;
}

.dark-bg {
	background: #111;
}

.full-background {
	background-size: cover;
}

.notice-section-sm {
	padding: 40px 0px;
}

.notice-section-md {
	padding: 60px 0px;
}

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

.section-sm {
	padding: 30px 0px;
}

.section-md {
	padding: 100px 0px;
}

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

.min-350 {
	min-height: 350px;
}

/*-----------------------------------------2. Headings-------------------------------------------*/
.section-heading {
	margin-bottom: 18px;
}

.section-heading h2 {
	position: relative;
	font-size: 42px;
	font-weight: 500;
	color: #111;
	line-height: 130%;
	margin-bottom: 10px;
}

.section-heading h3 {
	position: relative;
	font-size: 38px;
	font-weight: 800;
	color: #fff;
	line-height: 130%;
	margin-bottom: 10px;
	letter-spacing: 3px;
}

.section-heading h4 {
	position: relative;
	font-size: 32px;
	font-weight: 700;
	color: #fff;
	line-height: 160%;
	margin-bottom: 10px;
	letter-spacing: 2px;
}

.section-heading h5 {
	position: relative;
	font-size: 25px;
	font-weight: 600;
	color: #fff;
	line-height: 160%;
	margin-bottom: 10px;
	text-align: center;
}

.section-heading h6 {
	position: relative;
	font-size: 20px;
	font-weight: 500;
	color: #111;
	line-height: 160%;
	margin-bottom: 10px;
}

.section-heading strong {
	font-weight: 600;
}

.section-heading-line {
	content: '';
	display: block;
	width: 100px;
	height: 3px;
	background: #77da55;
	border-radius: 25%;
	margin: auto;
	margin-top: 15px;
	margin-bottom: 5px;
}

.section-heading-line-left {
	content: '';
	display: block;
	width: 100px;
	height: 3px;
	background: #77da55;
	border-radius: 25%;
	margin-top: 15px;
	margin-bottom: 5px;
}

.section-heading p {
	font-size: 16px;
	font-weight: 500;
	color: #111;
	line-height: 160%;
	padding-top: 22px;
	margin-bottom: 22px;
}

.section-heading span {
	position: relative;
	font-size: 15px;
	font-weight: 500;
	color: #77da55;
	line-height: 200%;
	margin-bottom: 10px;
}

.page-title-section {
	padding: 240px 0px 260px 0px;
	background-color: #eee;
	background-size: cover;
	background-position: center;
	text-align: center;
	border-bottom: 1px solid #f5f5f5;
}


.page-title-section h1 {
	font-size: 40px;
	font-weight: 600;
	letter-spacing: 1px;
	line-height: 1;
	color: #fff;
	text-align: center;
	margin-bottom: 10px;
}

.page-title-section ul li {
	display: inline-block;
}

.page-title-section ul li:after {
	content: ' \f105';
	color: #fff;
	font-family: 'FontAwesome';
	padding: 0px 10px;
}

.page-title-section ul li:last-child:after {
	content: none;
}

.page-title-section ul li a {
	color: #fff;
	font-size: 14px;
	font-weight: 500;
}

.page-title-section ul li a:hover {
	color: #111;
}

/*-----------------------------------------3. Navbar-------------------------------------------*/
.nav-menu>li:hover>a,
.nav-menu>li.active>a,
.nav-menu>li.focus>a {
	color: #77da55;
}

.nav-menu>li:hover>a .submenu-indicator-chevron,
.nav-menu>.active>a .submenu-indicator-chevron,
.nav-menu>.focus>a .submenu-indicator-chevron {
	border-color: transparent #77da55 #77da55 transparent;
}

.nav-search-button:hover .nav-search-icon {
	color: #77da55;
}

.nav-button {
	height: auto !important;
	margin: 18px 15px 0;
	padding: 8px 14px;
	display: inline-block;
	color: #fff;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	border-radius: 4px;
	background-color: #77da55;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.megamenu-list>li>a:hover {
	color: #77da55;
}

@media (min-width: 991px) {

	#nav-transparent .nav-menu>li:hover>a,
	#nav-transparent .nav-menu>li.active>a,
	#nav-transparent .nav-menu>li.focus>a {
		color: #77da55;
	}

	#nav-transparent .nav-menu>li:hover>a .submenu-indicator-chevron,
	#nav-transparent .nav-menu>.active>a .submenu-indicator-chevron,
	#nav-transparent .nav-menu>.focus>a .submenu-indicator-chevron {
		border-color: transparent #77da55 #77da55 transparent;
	}

	#nav-transparent .nav-dropdown>li:hover>a .submenu-indicator-chevron,
	#nav-transparent .nav-dropdown>.focus>a .submenu-indicator-chevron {
		border-color: transparent #77da55 #77da55 transparent;
	}

	#nav-transparent .nav-white-bg .nav-menu>li:hover>a {
		color: #77da55;
	}
}

.nav-dropdown>li:hover>a,
.nav-dropdown>li.focus>a {
	color: #77da55;
}

.nav-dropdown>li:hover>a .submenu-indicator-chevron,
.nav-dropdown>.focus>a .submenu-indicator-chevron {
	border-color: transparent #77da55 #77da55 transparent;
}

/*-----------------------------------------4. Search-------------------------------------------*/
#search_nav {
	display: inline-block;
	z-index: 9999;
}

.search-holder {
	color: #323232;
	margin-top: 18px;
	border-left: 1px solid #f7f7f7;
}

.search-button {
	padding-left: 12.5px;
	cursor: pointer;
}

@media (max-width: 991px) {
	.page-title-section {
		padding: 82px 0px 160px 0px !important;
	}

	.largest-business__layer-outer-right {
		width: 100% !important;
	}

	.search-holder {
		border: none !important;
	}

	.tabContent {
		display: none;
		padding: 2rem;
		margin-top: -2rem !important;
		float: none;
	}

	.modal-dialog {
		width: 330px !important;
	}

	.img-wrap img {
		width: 100% !important;
		height: 100% !important;
	}

	.search-button i {
		padding: 17px 0px;
		cursor: pointer;
	}

	.mission-back-new {
		display: none;
	}

	.search-button i:after {
		font-family: 'Nunito', sans-serif;
		content: 'Search';
		font-size: 13px;
		text-transform: uppercase;
		font-weight: 700;
		display: inline-block;
		padding-left: 10px;
	}

	.search-overlay-content input {
		margin: 30px;
		max-width: 80%;
	}

	.search-overlay-content {
		position: relative;
		top: 15% !important;
		text-align: center;
	}

	.tab-text {
		width: 100% !important;
		float: left;
		padding: 10px !important;

	}

	.img-wrap {
		width: 100% !important;
	}

	.hireRow {
		display: block !important;
	}

	.page-title-section h1 {
		font-size: 34px;
		line-height: 1.5;
	}

	.tabHeader {
		width: 100% !important;
	}

}

.search-overlay {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.9);
	overflow-x: hidden;
	transition: 0.5s;
}

.search-overlay-content {
	position: relative;
	top: 35%;
	width: 100%;
	text-align: center;
	margin-top: 30px;
}

.search-overlay-content input {
	font-size: 35px;
	font-weight: 500;
	color: #fff;
	background: transparent;
	border: none;
	border-bottom: 2px solid #fff;
	opacity: 0.5;
	padding: 15px 15px;
}

.search-overlay a {
	padding: 8px;
	text-decoration: none;
	font-size: 36px;
	color: #818181;
	display: block;
	transition: 0.3s;
}

.search-overlay a:hover,
.search-overlay a:focus {
	color: #f1f1f1;
}

.search-overlay .closebtn {
	position: absolute;
	top: 20px;
	right: 30px;
	font-size: 60px;
}

@media screen and (max-height: 450px) {
	.search-overlay a {
		font-size: 20px
	}

	.search-overlay .closebtn {
		font-size: 40px;
		top: 15px;
		right: 35px;
	}
}

/*-----------------------------------------5. Top-Bar-------------------------------------------*/
/* ===================================
MODERN TOP BAR
=================================== */

@media (max-width: 991px) {

	#top-bar.hidden-sm-down {
		display: none !important;
	}

}

/* =========================================
TOP BAR
========================================= */

#top-bar {

	position: relative;
	z-index: 999;

	background:
		linear-gradient(90deg,
			#050505 0%,
			#090909 50%,
			#050505 100%);

	padding: 12px 0;

	overflow: hidden;

	border-bottom:
		1px solid rgba(166, 255, 0, 0.08);

}

/* TOP BORDER GLOW */

#top-bar::before {

	content: '';

	position: absolute;

	top: 0;
	left: 0;

	width: 100%;
	height: 1px;

	background:
		linear-gradient(90deg,
			transparent,
			rgba(166, 255, 0, 0.8),
			transparent);

}

/* BACKGROUND GLOW */

#top-bar::after {

	content: '';

	position: absolute;

	width: 600px;
	height: 600px;

	background:
		radial-gradient(circle,
			rgba(166, 255, 0, 0.10),
			transparent 70%);

	top: -280px;
	right: -180px;

	filter: blur(120px);

	pointer-events: none;

}

/* CONTAINER */

#top-bar .container {

	position: relative;
	z-index: 2;

}

/* ROW */

#top-bar .row {

	align-items: center;

}

/* =========================================
TOP BAR INFO
========================================= */

.top-bar-info {

	display: flex;
	align-items: center;

}

/* UL */

.top-bar-info ul {

	display: flex;
	align-items: center;
	gap: 32px;

	margin: 0;
	padding: 0;

	list-style: none;

}

/* LI */

.top-bar-info li {

	position: relative;

	display: flex;
	align-items: center;
	gap: 12px;

	color: #ffffff;

	font-size: 14px;
	font-weight: 600;

	letter-spacing: 0.2px;

}

/* SEPARATOR */

/* .top-bar-info li::after {

	content: '';

	position: absolute;

	right: -18px;
	top: 50%;

	transform: translateY(-50%);

	width: 1px;
	height: 26px;

	background:
		rgba(166, 255, 0, 0.18);

}

.top-bar-info li:last-child::after {

	display: none;

} */

/* ICON BOX */

.top-bar-info li i {

	width: 42px;
	height: 42px;

	display: flex;
	align-items: center;
	justify-content: center;

	border-radius: 14px;

	background:
		linear-gradient(135deg,
			rgba(166, 255, 0, 0.14),
			rgba(166, 255, 0, 0.03));

	border:
		1px solid rgba(166, 255, 0, 0.12);

	color: #B7FF00;

	font-size: 15px;

	box-shadow:
		0 0 20px rgba(166, 255, 0, 0.06);

}

/* LINKS */

.top-bar-info li a {

	color: #ffffff;

	text-decoration: none;

	transition: 0.35s ease;

}

.top-bar-info li a:hover {

	color: #B7FF00;

}

/* =========================================
ISO BADGE
========================================= */

.top-bar-info li[style] {

	padding: 0 28px;

	height: 46px;

	border-radius: 100px;

	background:
		linear-gradient(135deg,
			#B7FF00,
			#9DFF00);

	color: #050505 !important;

	font-size: 15px !important;

	font-weight: 800 !important;

	letter-spacing: 0.3px;

	box-shadow:
		0 0 35px rgba(166, 255, 0, 0.35);

}

/* ISO ICON */

.top-bar-info li[style]::before {

	content: '\f058';

	font-family: "FontAwesome";

	margin-right: 12px;

	font-size: 16px;

}

/* REMOVE LINE */

.top-bar-info li[style]::after {

	display: none;

}

/* =========================================
SOCIAL AREA
========================================= */

.social-icons {

	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 14px;

	padding: 0;
	margin: 0;

	list-style: none;

}

/* FOLLOW TEXT */

.social-icons::before {

	/* content: 'Follow us:'; */

	color: #BDBDBD;

	font-size: 15px;

	font-weight: 600;

	margin-right: 10px;

}

/* LI */

.social-icons li {

	margin: 0;
	padding: 0;

}

/* LINK */

.social-icons li a {

	width: 46px;
	height: 46px;

	display: flex;
	align-items: center;
	justify-content: center;

	border-radius: 50%;

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

	border:
		1px solid rgba(166, 255, 0, 0.16);

	color: #ffffff;

	font-size: 16px;

	transition: 0.4s ease;

	position: relative;

	overflow: hidden;

}

/* GLOW */

.social-icons li a::before {

	content: '';

	position: absolute;

	inset: 0;

	background:
		radial-gradient(circle,
			rgba(166, 255, 0, 0.18),
			transparent 70%);

	opacity: 0;

	transition: 0.4s ease;

}

/* HOVER */

.social-icons li a:hover {

	transform:
		translateY(-4px);

	color: #050505;

	background: #B7FF00;

	border-color: #B7FF00;

	box-shadow:
		0 0 25px rgba(166, 255, 0, 0.45);

}

.social-icons li a:hover::before {

	opacity: 1;

}

/* YOUTUBE */

.social-icons li:last-child a {

	border-color:
		rgba(255, 0, 0, 0.35);

}

.social-icons li:last-child a:hover {

	background: #ff0000;

	border-color: #ff0000;

	color: #ffffff;

	box-shadow:
		0 0 25px rgba(255, 0, 0, 0.45);

}

/* =========================================
RESPONSIVE
========================================= */

@media(max-width:1200px) {

	.top-bar-info ul {

		gap: 20px;

	}

	.social-icons {

		gap: 10px;

	}

}

@media(max-width:991px) {

	#top-bar {
		display: none;
	}

}

/* End top bar */

/*-----------------------------------------6. CountUps-------------------------------------------*/
.counter-box {
	position: relative;
	text-align: center;
	margin: 15px 0px;
}

@media (max-width: 767px) {
	.counter-box {
		margin: 30px;
	}
}

.counter-box h4 {
	display: inline-block;
	font-size: 35px;
	font-weight: 600;
	color: #111;
}

.counter-box h4:after {
	content: '+';
}

.counter-box h3 {
	display: inline-block;
	font-size: 45px;
	font-weight: 600;
	color: #111;
}

.counter-box h3:after {
	content: '+';
}

.counter-box h2 {
	display: inline-block;
	font-size: 55px;
	font-weight: 600;
	color: #111;
}

.counter-box.disable-line h2 {
	margin-bottom: 0;
}

.counter-box h2:after {
	content: '+';
}

.counter-box p {
	font-size: 15px;
	font-weight: 500;
	color: #999;
	line-height: 1.7;
	margin-top: 10px;
}

.counter-box.disable-line p {
	font-size: 18px;
	margin-top: 0;
}

.counter-box p:before {
	content: '';
	display: block;
	background: #77da55;
	height: 3px;
	width: 70px;
	margin: 10px auto;
}

.counter-box.disable-line p:before {
	content: none;
}

.counter-box.left-holder p:before {
	content: '';
	display: block;
	background: #77da55;
	height: 3px;
	width: 70px;
	margin: 10px 0px;
}

/*-----------------------------------------7.
 Helper Classes-------------------------------------------*/
/*--------------------a) Text-content----------------------*/
.text-content p {
	font-size: 14px;
	font-weight: 400;
	color: #111;
	line-height: 190%;
	margin-bottom: 15px;
}

.text-content-big p {
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	line-height: 200%;
	margin-bottom: 15px;
}

.text-content-small p {
	font-size: 12px;
	font-weight: 400;
	color: #111;
	line-height: 200%;
	margin-bottom: 15px;
}

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

.text-thin {
	font-weight: 400 !important;
}

.text-semi-bold {
	font-weight: 600 !important;
}

.text-bold {
	font-weight: 700 !important;
}

.text-bold p {
	font-weight: 700 !important;
}

/*--------------------b) Image-properties----------------------*/
.rounded-border {
	border-radius: 10px !important;
}

.semi-rounded {
	border-radius: 5px !important;
}

.no-rounded {
	border-radius: 0px !important;
}

.shadow-primary {}

.full-width {
	width: 100%;
}

.half-width {
	min-width: 50%;
}

.full-height {
	height: 100%;
}

/*--------------------c) Buttons----------------------*/
.primary-button {
	background: #77da55;
	color: #fff;
	font-size: 11px;
	font-weight: 500;
	border-radius: 50px;
	padding: 10px 15px 10px 15px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}

.primary-button:hover {
	background: #222;
	color: #fff;
}

.primary-button-bordered {
	background: transparent;
	color: #77da55;
	border: 2px solid #77da55;
	font-size: 11px;
	font-weight: 500;
	border-radius: 50px;
	padding: 10px 15px 10px 15px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}

.primary-button-bordered.button-lg {
	display: inline-block;
	font-size: 17px;
	font-weight: 600;
	padding: 13px 38px 13px 38px !important;
}

.primary-button-bordered:hover {
	background: #77da55;
	color: #fff;
}

.white-button {
	background: #fff;
	transition: background-position 0.5s;
	color: #111;
	border: 1px solid #ccc;
	font-size: 11px;
	font-weight: 500;
	border-radius: 50px;
	padding: 10px 15px 10px 15px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}

.white-button:hover {
	color: #111;
	transform: translateY(-.4rem);
	box-shadow: 0 12px 36px rgba(0, 0, 0, 0.1);
}

.dark-button {
	background: #111;
	color: #fff;
	font-size: 11px;
	font-weight: 500;
	border-radius: 50px;
	padding: 10px 15px 10px 15px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.dark-button:hover {
	color: #fff;
	background: #77da55;
}

.bordered-button {
	background: transparent;
	border: 2px solid #77da55;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	border-radius: 50px;
	padding: 10px 15px 10px 15px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}

.bordered-button:hover {
	border: 2px solid #77da55;
	background: #77da55;
	color: #fff;
}

.slider-btn {
	font-family: inherit !important;
	transition: 0.3s !important;
}

.button-tag {
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	margin: 5px 0px 0px 0px;
	padding: 8px 15px 8px 15px !important;
}

.button-xs {
	display: inline-block;
	font-size: 10px;
	font-weight: 500;
	padding: 8px 17px 8px 17px;
}

.button-sm {
	display: inline-block;
	font-weight: 500;
	font-size: 16px;
	padding: 11px 22px 11px 22px;
}

.button-md {
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	padding: 13px 25px 13px 25px;
}

.button-lg {
	display: inline-block;
	font-size: 17px;
	font-weight: 600;
	padding: 14px 38px 14px 38px !important;
}

.pricing-box-1-button {
	position: relative;
	margin-top: 25px;
}

.pricing-box-1-button a {
	background: transparent;
	font-weight: 500;
	color: #77da55;
	display: inline-block;
	border: 2px solid #77da55;
	border-radius: 5px;
	padding: 8px 22px;
}

.pricing-box-1-button a:hover {
	background: #77da55;
	color: #fff;
}

.menu-tag {
	display: inline-block;
	background: #77da55;
	color: #fff;
	font-size: 10px;
	font-weight: 500;
	border-radius: 5px;
	padding: 3px 5px;
	margin-left: 5px;
}

/*--------------------d) Lists----------------------*/
.primary-list {
	padding-left: 0px;
}

.primary-list li {
	list-style-type: none;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	margin-top: 15px;
	display: flex;
}

.primary-list li i {
	color: #77da55;
	padding-right: 10px;
}

.dark-list {
	padding-left: 0px;
}

.dark-list li {
	list-style-type: none;
	color: #222;
	font-size: 14px;
	font-weight: 500;
	margin-top: 15px;
}

.dark-list li i {
	color: #222;
	padding-right: 10px;
}

.white-list {
	padding-left: 0px;
}

.white-list li {
	list-style-type: none;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	margin-top: 15px;
}

.white-list li i {
	color: #77da55;
	padding-right: 15px;
}

/*--------------------e) Color Control----------------------*/
.primary-color,
.primary-color h1,
.primary-color h2,
.primary-color h3,
.primary-color h4,
.primary-color h5,
.primary-color h6,
.primary-color p,
.primary-color i,
.primary-color span {
	color: #77da55 !important;
}

.dark-color h1,
.dark-color h2,
.dark-color h3,
.dark-color h4,
.dark-color h5,
.dark-color h6,
.dark-color p,
.dark-color i,
.dark-color span {
	color: #111 !important;
}

.white-color,
.white-color h1,
.white-color h2,
.white-color h3,
.white-color h4,
.white-color h5,
.white-color h6,
.white-color p,
.white-color i,
.white-color span {
	color: #fff !important;
}

/*--------------------f) Video Box----------------------*/
.video-video-box {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
}

.video-video-box img {
	width: 100%;
}

.video-video-box-overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	opacity: 1;
	transition: .5s ease;
}

.video-video-box-button {
	position: absolute;
	overflow: hidden;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

.video-video-box-button button {
	color: #fff;
	font-size: 25px;
	background: rgba(0, 0, 0, .8);
	width: 100px;
	height: 100px;
	border-radius: 50%;
	padding-top: 5px;
	padding-left: 12px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.video-video-box-button button:hover {
	color: #111;
	background: #fff;
}

@media (max-width: 991px) {
	.video-video-box-button button {
		color: #222;
		font-size: 15px;
		background: rgba(255, 255, 255, .7);
		width: 60px;
		height: 60px;
		border-radius: 50%;
		padding-top: 1px;
		padding-left: 9px;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
	}

	ul.work li {
		display: block !important;
	}
}

/*--------------------g) Pagination----------------------*/
.paginator {
	display: inline-block;
	border-radius: 10px;
	font-size: 15px;
	font-weight: 600;
	color: #2d2d2d;
	background: #f1f1f1;
	padding: 10px 15px 10px 15px;
	margin: 3px;
}

.paginator:hover {
	color: #fff;
	background: #bda87f;
}

.paginator:focus {
	color: #fff;
	background: #bda87f;
}

.active-page {
	color: #fff;
	background: #bda87f;
}

/*--------------------h) Borders----------------------*/
.border-top {
	border-top: 1px solid #ececec !important;
}

.border-bottom {
	border-bottom: 1px solid #ececec;
}

.border-left {
	border-left: 1px solid #ececec;
}

.border-right {
	border-right: 1px solid #ececec;
}

.border-full {
	border: 1px solid #ececec;
}

/*--------------------i) Animations----------------------*/
@-webkit-keyframes pulse {
	25% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	75% {
		-webkit-transform: scale(.85);
		transform: scale(.85);
	}
}

@keyframes pulse {
	25% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}

	75% {
		-webkit-transform: scale(.85);
		-ms-transform: scale(.85);
		transform: scale(.85);
	}
}

/*--------------------f) Overlays----------------------*/
.black-overlay-5:before {
	background: rgba(0, 0, 0, 0.05);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}

.black-overlay-10:before {
	background: rgba(0, 0, 0, 0.1);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}

.black-overlay-20:before {
	background: rgba(0, 0, 0, 0.2);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}

.black-overlay-30:before {
	background: rgba(0, 0, 0, 0.3);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}

.black-overlay-40:before {
	background: rgba(0, 0, 0, 0.4);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}

.black-overlay-50:before {
	background: rgba(0, 0, 0, 0.5);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}

.black-overlay-60:before {
	background: rgba(0, 0, 0, 0.6);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}

.black-overlay-70:before {
	background: rgba(0, 0, 0, 0.7);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}

.black-overlay-80:before {
	background: rgba(0, 0, 0, 0.8);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}

.black-overlay-90:before {
	background: rgba(0, 0, 0, 0.9);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}

.black-overlay-100:before {
	background: rgba(0, 0, 0, 1);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}

/*-----------------------------------------8. Preloader-------------------------------------------*/
#preloader {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99999;
	width: 100%;
	height: 100%;
	overflow: visible;
	background: #fff;
	display: table;
	text-align: center;
}

.loader {
	display: table-cell;
	vertical-align: middle;
	height: 100%;
	width: 100%;
	position: relative;
	width: 200px;
	height: 200px;
}

.loader-icon {
	width: 80px;
	height: 80px;
	border: 2px solid #77da55;
	border-right-color: #eee;
	border-radius: 50%;
	position: relative;
	animation: loader-rotate 1s linear infinite;
	margin: 0 auto;
}

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

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

/*-----------------------------------------9. Scroll To Top Button-------------------------------------------*/
.scroll-to-top {
	font-size: 20px;
	padding: 6px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	position: fixed;
	bottom: 80px;
	right: 10px;
	display: none;
	border-radius: 50%;
	background: #333;
	width: 40px;
	height: 40px;
	z-index: 9999;
	outline: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.scroll-to-top i {
	color: #fff;
}

.scroll-to-top:hover {
	color: #111;
	background: #fff;
}

.scroll-to-top:hover i {
	color: #111;
}

.scroll-to-top:visited {
	color: #111;
	text-decoration: none;
}

/*-----------------------------------------10. Number Boxes-------------------------------------------*/
.number-box {
	text-align: center;
	padding: 20px;
	margin: 15px 0px;
	background: #fff;
	border-radius: 3px;
}

.number-box h3 {
	color: #111;
	line-height: 1;
	font-size: 60px;
	font-weight: 200;
}

.number-box-line {
	content: '';
	border-bottom: 1px dashed #dedede;
	width: 100%;
	margin: 20px auto;
}

.number-box-line:before {
	content: '';
	display: block;
	margin: auto;
	margin-bottom: -7.5px;
	height: 15px;
	width: 15px;
	border: 2px solid #77da55;
	background: #fff;
	border-radius: 50%;
}

.number-box h4 {
	color: #111;
	font-size: 20px;
	font-weight: 400;
}

.number-box p {
	color: #999;
	font-size: 14px;
	font-weight: 400;
	margin-top: 15px;
	line-height: 1.5;
}

.plane-box {
	margin: 0 auto;
	text-align: center;
}

.plane-box-item {
	position: relative;
	display: inline-block;
	width: 33.33%;
	margin-right: -3px;
	padding-right: 70px;
	padding-left: 70px;
}

.plane-box-item:after {
	position: absolute;
	top: 14px;
	left: 50%;
	display: block;
	width: 100%;
	height: 1px;
	content: '';
	background-color: #77da55;
	opacity: 0.2;
}

.plane-box-item:last-child:after {
	content: none;
}

.plane-box-text {
	position: relative;
	display: inline-block;
}

.plane-box-text h3 {
	color: #ccc;
	font-size: 50px;
	font: italic 60px Lora;
	margin: 15px 0px;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
}

.plane-box-item:hover .plane-box-text h3 {
	color: #222;
}

.plane-box-text h4 {
	color: #222;
	font-size: 20px;
	font-weight: 500;
	margin: 15px 0px;
}

.plane-box-text p {
	color: #999;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.6;
}

.plane-box-decor {
	position: relative;
	z-index: 1;
	display: inline-block;
	width: 29px;
	height: 29px;
}

.plane-box-decor:after {
	background-color: #77da55;
	display: block;
	width: 1px;
	height: 15px;
	margin: 19px auto 0;
	content: '';
}

.plane-box-decor:before {
	background-color: #77da55;
	position: absolute;
	top: 10px;
	left: 10px;
	display: block;
	width: 9px;
	height: 9px;
	content: '';
	border-radius: 50%;
	box-shadow: 0 0 0 5px rgba(207, 81, 90, 0.2);
}

@media (max-width: 991px) {
	.plane-box-item {
		padding-right: 40px;
		padding-left: 40px;
	}
}

@media (max-width: 768px) {
	.plane-box-item {
		padding-right: 20px;
		padding-left: 20px;
	}
}

@media (max-width: 425px) {
	.plane-box-item {
		display: block;
		width: 100%;
		padding-bottom: 25px;
		margin: 15px 0px;
	}

	.plane-box-item:after {
		display: none;
	}
}

@media (min-width: 1440px) {
	.plane-box-decor {
		display: table;
	}

	.plane-box-decor {
		margin: 0 auto !important;
	}
}

/*-----------------------------------------11. Service Boxes-------------------------------------------*/
/*--------------Styles 1----------------*/
.owl-carousel .service-box {
	margin: 15px 15px 25px 15px;
}

.service-box {
	text-align: center;
	border-top: none;
	background: #fff;
	/* padding: 30px 30px 30px;
     */
	min-height: 200px;
	margin-bottom: 30px;
	border-radius: 10px;
	box-shadow: 0 4px 4px 0px #e4e1e1;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
	background: #fff;
	overflow: hidden;
	border-radius: 5px;
	-webkit-box-shadow: 0px 10px 20px 0px rgba(50, 50, 50, 0.12);
	-moz-box-shadow: 0px 10px 20px 0px rgba(50, 50, 50, 0.12);
	box-shadow: 5px 5px 20px 0px rgb(0 0 0 / 10%);

	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	border-radius: 30px 0px 30px 0px;
}

.service-box:hover {
	transform: scale(1.1, 1.1);
}

.service-inner-box {
	padding: 0px 20px 20px 20px;
}

.service-box .features-icon {
	margin-bottom: 10px;
	width: 100%;
	height: 50px;
	margin-top: 20px;
}

.service-box .features-icon-inner {
	vertical-align: middle;
}

.service-icon-box {
	width: 25%;
	float: left;
	padding-top: 5px;
}

.service-content-box {
	width: 100%;
}

.service-box img {
	/*width: 100%;
    */
	/*margin-bottom: 25px;
    */
	border-radius: 25%;
	padding: 5px 5px;
	background-color: #f9f9f9;
	box-shadow: 5px 5px 0 1px rgb(119 218 85);
}

.service-box h3 {
	color: #111;
	font-size: 18px;
	font-weight: 500;
}

.service-box p {
	color: #111;
	font-size: 16px;
	font-weight: 500;
	margin-top: 10px;
}

.service-box i {
	color: #77da55;
	font-size: 53px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

@media (max-width: 991px) {
	.service-box i {
		font-size: 33px;
	}
}

@media (max-width: 767px) {
	.service-box i {
		font-size: 45px;
	}
}

.service-box:hover i {
	color: #111;
}

/*--------------Styles 2----------------*/
.service-block {
	position: relative;
	margin-top: 30px;
	margin-bottom: 10px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.service-block img {
	width: 100%;
	border-radius: 5px;
	margin-bottom: 10px;
}

.service-block-number {
	width: 15%;
	float: left;
}

.service-block-title {
	width: 75%;
	float: left;
}

.service-block-number h5 {
	color: #77da55;
	font-size: 35px;
	font-weight: 500;
}

.service-block-title h4 {
	color: #77da55;
	font-size: 17px;
	font-weight: 500;
	padding-top: 12.5px;
	padding-left: 10px;
}

.service-block-title h4 a:hover {
	color: #77da55;
}

.service-block p {
	color: #999;
	font-size: 15px;
	font-weight: 400;
}

/*--------------Styles 3----------------*/
.service-simple {
	position: relative;
	background: #fff;
	border: 1px solid #ececec;
	border-radius: 5px;
	overflow: hidden;
	margin: 15px 0px;
	-webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	-moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
}

.service-simple img {
	width: 100%;
}

.service-simple-inner {
	position: relative;
	padding: 25px 25px 20px 25px;
}

.service-simple h4 {
	font-size: 20px;
	color: #111;
	font-weight: 500;
	margin-bottom: 10px;
}

.service-simple h4:before {
	content: '●';
	color: #77da55;
	margin-right: 10px;
}

.service-simple p {
	font-size: 15px;
	color: #999;
	line-height: 1.7;
	margin-bottom: 0px;
}

.service-simple-button a {
	display: inline-block;
	background: #111;
	color: #fff;
	border-radius: 5px;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	width: 100%;
	margin: 15px 0px 2px 0px;
	padding: 15px 20px 15px 20px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}

.service-simple-button a:hover {
	background: #77da55;
}

/*--------------Styles 4----------------*/
.service-box-car-2 {
	display: block;
	background: #fff;
	text-align: center;
	box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.07);
	border-radius: 5px;
	padding: 30px 25px;
	margin: 15px;
	margin-bottom: 30px;
}

.service-box-car-2 i {
	display: block;
	color: #77da55;
	font-size: 55px;
	margin-bottom: 5px;
}

.service-box-car-2 h4 {
	color: #111;
	font-size: 18px;
	margin: 18px 0px;
}

.service-box-car-2 p {
	font-size: 15px;
	color: #999;
	line-height: 1.7;
	margin-bottom: 0px;
}

/*--------------Styles 5----------------*/
.services-box-3 {
	display: block;
	background: #fff;
	overflow: hidden;
	box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.12);
	border-radius: 5px;
	margin: 15px 0px;
	padding: 11px;
}

/*.services-box-3 img {*/
/*    width: 100%;*/
/*}*/

.services-box-3-header {
	padding: 20px;
	background-color: #8abe32;
}

.services-box-3-header h4 {
	font-size: 19px;
}

.services-box-3 span {
	display: inline-block;
	background: #77da55;
	color: #fff;
	font-weight: 500;
	font-size: 13px;
	border-radius: 5px;
	padding: 2px 5px;
	margin-bottom: 10px;
}

/*--------------Styles 6----------------*/
.serv-section-2 {
	position: relative;
	border: 1px solid #eee;
	background: #fff;
	box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	border-radius: 5px;
	overflow: hidden;
	padding: 30px;
}

.serv-section-2:before {
	position: absolute;
	top: 0;
	right: 0px;
	z-index: 0;
	content: " ";
	width: 120px;
	height: 120px;
	background: #f5f5f5;
	border-bottom-left-radius: 136px;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}

.serv-section-2:hover:before {
	background: #77da55;
}

.serv-section-2-icon {
	position: absolute;
	top: 18px;
	right: 22px;
	max-width: 100px;
	z-index: 1;
	text-align: center
}

.serv-section-2-icon i {
	color: #77da55;
	font-size: 48px;
	line-height: 65px;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}

.serv-section-2:hover .serv-section-2-icon i {
	color: #fff;
}

.serv-section-top-text {
	width: 180px;
	height: auto;
}

.serv-section-desc {
	position: relative;
}

.serv-section-2 h4 {
	color: #333;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.5;
}

.serv-section-2 h5 {
	color: #333;
	font-size: 17px;
	font-weight: 400;
	line-height: 1;
	margin-top: 5px;
}

.serv-section-2 p {
	margin-top: 25px;
	padding-right: 50px;
}

.serv-section-2-act:before {
	background: #77da55;
}

.serv-section-2-act:hover:before {
	background: #f5f5f5;
}

.serv-section-2-icon-act i {
	color: #fff;
}

.serv-section-2-act:hover .serv-section-2-icon-act i {
	color: #77da55 !important;
}

@media (max-width: 991px) {
	.serv-section-2 {
		margin-top: 20px;
	}

	.serv-section-2:before {
		margin-top: 0px;
	}

	.serv-section-2-icon i {
		position: absolute;
		right: -3px;
		top: 0px;
	}
}

@media (max-width: 425px) {
	.serv-section-2 {
		padding: 30px 10px;
	}
}

/*-----------------------------------------12. Clients-------------------------------------------*/
.clients img {

	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.clients img:hover {
	opacity: 1;
}

/*-----------------------------------------13. Feature Boxes-------------------------------------------*/
/*--------------Styles 1----------------*/
.simple-feature-box {
	background: #fff;
	border-radius: 5px;
	padding: 15px;
	margin: 15px 0px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.simple-feature-box:hover {
	-webkit-box-shadow: 0px 0px 19px 0px rgba(50, 50, 50, 0.26);
	-moz-box-shadow: 0px 0px 19px 0px rgba(50, 50, 50, 0.26);
	box-shadow: 0px 0px 19px 0px rgba(50, 50, 50, 0.26);
}

.simple-feature-box-icon {
	text-align: center;
	margin: auto;
}

.simple-feature-box-icon i {
	font-size: 18px;
	width: 32px;
	height: 32px;
	color: #fff;
	background: #77da55;
	border-radius: 50%;
	padding: 6.5px;
	padding-left: 9px;
}

.simple-feature-box-content h4 {
	font-size: 18px;
	color: #111;
	font-weight: 500;
	margin-bottom: 10px;
}

@media (max-width: 767px) {
	.simple-feature-box-content {
		padding-left: 25px;
	}
}

/*--------------Styles 2----------------*/
.feature-block {
	position: relative;
	text-align: center;
	background: #fff;
	padding: 15px;
	margin: 15px 0px;
}

.feature-block-icon i {
	color: #77da55;
	font-size: 55px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.feature-block h4 {
	color: #111;
	font-size: 18px;
	font-weight: 500;
	margin: 20px 0px 10px 0px;
}

.feature-block p {
	font-size: 15px;
	color: #999;
	line-height: 1.7;
	margin-bottom: 0px;
}

.feature-block:hover .feature-block-icon {
	-webkit-animation-name: pulse;
	animation-name: pulse;
	-webkit-animation-duration: .7s;
	animation-duration: .7s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}

/*--------------Styles 3----------------*/
.feature-box {
	position: relative;
	background: #fff;
	padding: 20px;
	border-radius: 5px;
	text-align: center;
	margin: 20px 0px 20px 0px;
	-webkit-box-shadow: 2px 2px 20px 0px rgba(50, 50, 50, 0.21);
	-moz-box-shadow: 2px 2px 20px 0px rgba(50, 50, 50, 0.21);
	box-shadow: 2px 2px 20px 0px rgba(50, 50, 50, 0.21);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.feature-box:hover {
	-webkit-box-shadow: 4px 4px 22px 0px rgba(50, 50, 50, 0.29);
	-moz-box-shadow: 4px 4px 22px 0px rgba(50, 50, 50, 0.29);
	box-shadow: 4px 4px 22px 0px rgba(50, 50, 50, 0.29);
}

.feature-box i {
	color: #77da55;
	font-size: 60px;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.feature-box:hover i {
	color: #111;
}

.feature-box h4 {
	color: #111;
	font-size: 18px;
	font-weight: 500;
	line-height: 170%;
	margin: 15px 0px;
}

.feature-box p {
	color: #999;
	font-size: 14px;
	font-weight: 500;
	line-height: 170%;
}

.feature-box-3 {
	display: block;
	text-align: center;
	background: #fff;
	border-radius: 4px;
	margin: 15px 0;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.feature-box-3 i {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #77da55;
	font-size: 55px;
	background-image: linear-gradient(to bottom, rgba(210, 30, 43, .1), transparent);
	width: 125px;
	height: 125px;
	border-radius: 50%;
	margin: 0 auto 15px auto;
}

.feature-box-3 h4 {
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 15px;
}

.feature-box-3 p {
	font-size: 16px;
}

/*--------------Styles 4----------------*/
.feature-flex {
	position: relative;
	margin: 30px 0px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.feature-flex-icon {
	float: left;
	width: 25%;
	margin-top: 20px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.feature-flex-icon i {
	color: #fff;
	border-radius: 50%;
	background-image: linear-gradient(120deg, rgba(210, 30, 43, .6) 0%, #77da55 100%);
	padding: 21.5px 22px;
	font-size: 40px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

@media (max-width: 991px) {
	.feature-flex-icon {
		text-align: center;
		margin: auto;
	}

	.feature-flex-icon i {
		color: #fff;
		border-radius: 50%;
		background-image: linear-gradient(120deg, rgba(210, 30, 43, .6) 0%, #77da55 100%);
		padding: 17px;
		font-size: 32px;
	}
}

@media (max-width: 767px) {
	.feature-flex-icon {
		text-align: center;
		margin: auto;
	}

	.feature-flex-icon i {
		color: #fff;
		border-radius: 50%;
		background-image: linear-gradient(120deg, rgba(210, 30, 43, .6) 0%, #77da55 100%);
		padding: 16px;
		font-size: 33px;
	}
}

.feature-flex-content {
	float: left;
	width: 75%;
	padding-left: 10px;
}

.feature-flex-content h4 {
	color: #111;
	font-size: 21px;
	font-weight: 400;
}

.feature-flex-content h4 a {
	color: #111;
	font-size: 21px;
	font-weight: 400;
}

.feature-flex-content p {
	color: #999;
	font-size: 15px;
	font-weight: 400;
	margin-top: 10px;
}

.feature-flex:hover .feature-flex-icon {
	margin-top: 10px;
}

/*--------------Styles 5----------------*/
.feature-flex-square {
	position: relative;
	border-radius: 5px;
	margin: 15px 0px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	padding: 20px 10px;
}

.feature-flex-square-icon {
	float: left;
	margin-top: 5px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	height: 50px;
	width: 50px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	background: linear-gradient(to right, #77da55, #3ea01c);
}

.feature-flex-square-icon i:before {
	font-size: 26px;
	color: #ffffff;
	display: block;
}

@media (max-width: 991px) {
	.feature-flex-square-icon {
		text-align: center;
		margin: 23px auto;
	}

	.feature-flex-square-icon i {
		padding: 14px;
		font-size: 30px;
	}
}

.feature-flex-square-content {
	float: left;
	width: 84%;
	padding-left: 10px;
}

.feature-flex-square-content h4 {
	color: #111;
	font-size: 19px;
	font-weight: 500;
}

.feature-flex-square-content h4 a {
	color: #111;
	font-size: 19px;
	font-weight: 500;
}

.feature-flex-square-content p {
	color: #111;
	font-size: 16px;
	font-weight: 500;
	margin-top: 10px;
	margin-bottom: 10px;
}

.feature-flex-square-content-button {
	display: inline-block;
	color: #111;
	font-size: 14px;
	font-weight: 500;
}

.feature-flex-square-content-button:after {
	content: '\f0da';
	font-size: 14px;
	font-family: "FontAwesome";
	color: #111;
	margin-left: 7px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.feature-flex-square-content-button:hover {
	color: #77da55;
}

.feature-flex-square-content-button:hover:after {
	color: #77da55;
}

/*--------------Styles 6----------------*/
.feature-box-long {
	position: relative;
	text-align: center;
	border: 1px solid #ececec;
	border-radius: 5px;
	background: #fff;
	-webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	-moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	margin: 15px 0px;
	padding: 30px 40px 35px 40px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.feature-box-long:hover {
	-webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.29);
	-moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.29);
	box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.29);
}

.feature-box-long h3 {
	font-size: 19px;
	font-weight: 500;
	color: #111;
	margin: 25px 0px 15px 0px;
}

.feature-box-long i {
	color: #77da55;
	font-size: 65px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.feature-box-long p {
	font-size: 15px;
	font-weight: 400;
	color: #aaa;
}

/*--------------Styles 7----------------*/
.feature-box-2 {
	position: relative;
	background: #fff;
	border-radius: 5px;
	margin: 20px 0px 20px 0px;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

@media (max-width: 767px) {
	.feature-box-2 {
		text-align: center;
		padding: 0px 30px;
	}
}

.feature-box-2 i {
	color: #77da55;
	font-size: 50px;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.feature-box-2 h4 {
	color: #111;
	font-size: 18px;
	font-weight: 500;
	line-height: 170%;
	margin: 15px 0px 5px 0px;
}

.feature-box-2 p {
	color: #999;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.8;
}

/*--------------Styles 8----------------*/
.feature-box-4 {
	position: relative;
	background: #fff;
	display: flex;
	border-top: 3px solid #77da55;
	overflow: hidden;
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1);
	padding: 30px;
	margin: 15px 0;
}

.feature-box-4-icon {
	flex: 0 0 80px;
}

.feature-box-4-icon i {
	color: #77da55;
	font-size: 50px;
}

.feature-box-4 h4 {
	font-size: 19px;
	color: #222;
	font-weight: 500;
	margin-bottom: 10px;
}

.feature-box-4 h4,
.feature-box-4 p,
.feature-box-4 .feature-box-4-link {
	position: relative;
	z-index: 99;
}

.feature-box-4-link {
	color: #222;
	font-size: 15px;
	font-weight: 500;
	display: inline-block;
	margin-top: 10px;
}

.feature-box-4-link i {
	font-size: 11px;
	margin-left: 3px;
}

.feature-box-4-link:hover {
	color: #77da55;
}

.feature-box-4-icon-bg {
	position: absolute;
	color: #eee;
	font-size: 125px;
	bottom: -30px;
	right: -20px;
	z-index: 9;
}

/*--------------Styles 9----------------*/
.features-slider {
	position: relative;
	z-index: 999;
}

@media (min-width: 991px) {
	.features-slider {
		margin-top: -299px;
	}

	.rev-slider-long {
		height: 870px !important;
	}

	.rev-slider-long .forcefullwidth_wrapper_tp_banner,
	.rev-slider-long .rev_slider {
		height: 870px !important;
	}
}

.feature-box-5 {
	width: 100%;
	background: #101010;
	color: #fff;
	border-top: 2px solid #77da55;
	padding: 30px 30px 60px 30px;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

@media (max-width: 991px) {
	.feature-box-5 {
		margin: 15px 0;
	}
}

.feature-box-5.emphasised {
	background: #77da55;
	color: #fff;
	box-shadow: 0px 10px 50px 1px rgba(0, 0, 0, 0.3);
}

.feature-box-5.emphasised i {
	color: #fff;
}

.feature-box-5 i {
	color: #77da55;
	font-size: 60px;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.feature-box-5 h4 {
	color: #fff;
	font-size: 23px;
	margin: 30px 0 10px 0;
}

.feature-box-5 p {
	color: #fff;
	font-size: 15px;
}

.feature-box-5:hover {
	background: #77da55;
	color: #fff;
	box-shadow: 0px 10px 50px 1px rgba(0, 0, 0, 0.3);
}

.feature-box-5:hover i {
	color: #fff;
}

/*--------------Styles 10----------------*/
.feature-box-6 {
	position: relative;
}

.feature-box-6-text {
	text-align: left;
	margin-left: 130px;
	padding: 15px 15px 15px 100px;
}

.feature-box-6-text h6 {
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 1px;
}

.feature-box-6-text h4 {
	color: #fff;
	font-size: 40px;
	font-weight: 600;
	letter-spacing: 1px;
	line-height: 1.2;
	padding: 15px 0px;
}

.feature-box-6-text h4 span {
	color: #77da55;
	font-size: 40px;
	font-weight: 600;
	letter-spacing: 1px;
}

.feature-box-6-text p {
	color: #999;
	font-size: 14px;
	font-weight: 400;
	padding-top: 10px;
}

.feature-counter-box {
	position: relative;
	text-align: left;
}

.feature-counter-box h4 {
	display: inline-block;
	color: #111;
	font-size: 50px;
	font-weight: 600;
	padding: 0px;
}

.feature-counter-box p {
	font-size: 14px;
	font-weight: 400;
	color: #999;
	line-height: 1.7;
	padding: 0px;
}

.feature-box-6-icon-text {
	background-color: rgba(0, 0, 0, 0.6);
	position: relative;
	padding: 30px;
	margin: 1px;
}

.feature-box-6-icon-text i {
	color: #77da55;
	font-size: 50px;
}

.feature-box-6-icon-text h4 {
	color: #fff;
	font-size: 22px;
	font-weight: 500;
	padding: 15px 0px;
}

.feature-box-6-icon-text p {
	color: #fff;
	font-size: 15px;
	font-weight: 400;
}

@media (max-width: 1024px) {
	.feature-box-6-text {
		text-align: left;
		margin-left: 70px;
		padding: 15px 15px 15px 70px;
	}

	.feature-counter-box h4 {
		font-size: 35px;
	}

	.feature-box-6-icon {
		margin-right: 30px;
	}

	.feature-box-6-icon-text {
		padding: 20px 15px;
	}

	.feature-box-6-icon-text h4 {
		font-size: 18px;
	}
}

@media (max-width: 768px) {
	.feature-box-6-icon {
		margin-right: 0px;
	}

	.feature-box-6-icon-text {
		padding: 20px 20px;
	}

	.feature-box-6-icon-text h4 {
		font-size: 18px;
	}

	.feature-box-6-text {
		text-align: left;
		margin-left: 30px;
		padding: 15px 15px 15px 0px;
	}
}

/*-----------------------------------------14. Progress Bars-------------------------------------------*/
.progress-text {
	font-size: 13px;
	font-weight: 500;
	color: #333;
	margin-bottom: 5px;
	margin-top: 20px;
}

.custom-progress {
	height: 5px;
	border-radius: 50px;
	box-shadow: none;
}

.custom-bar {
	height: 100%;
	background-color: #77da55;
	box-shadow: none;
}

.custom-bar-dark {
	height: 100%;
	background-color: #111;
	box-shadow: none;
}

.progress-medium {
	height: 8px;
	border-radius: 50px;
	box-shadow: none;
}

.progress-bold {
	height: 12px;
	border-radius: 50px;
	box-shadow: none;
}

/*-----------------------------------------15. Price Tables-------------------------------------------*/
/*--------------Styles 1----------------*/
.price-table {
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	background: #fff;
	margin: 15px 0px;
	-webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	-moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
}

.price-table-header {
	background: #111;
	text-align: center;
	padding: 30px;
	padding-top: 0px;
}

.price-table-recommended {
	position: relative;
	z-index: 9999;
	transform: scale(1.09);
}

@media (max-width: 767px) {
	.price-table-recommended {
		position: relative;
		z-index: 9999;
		transform: scale(1);
	}
}

.price-table-header h5 {
	position: relative;
	color: #111;
	font-weight: 500;
	display: inline-block;
	margin-right: -7px;
	text-align: center;
	font-size: 17px;
	background: #fff;
	-moz-border-radius-bottomright: 15px;
	-webkit-border-bottom-right-radius: 15px;
	border-bottom-right-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
	-webkit-border-bottom-left-radius: 15px;
	border-bottom-left-radius: 15px;
	padding: 5px 15px;
}

.price-table-header h4 {
	color: #fff;
	font-weight: 300;
	font-size: 60px;
	margin: 15px 0px 10px 0px;
}

.price-table-header h4 sup {
	font-size: 35px;
	margin: 0px 5px;
}

.price-table-header span {
	color: #fff;
	font-weight: 400;
	font-size: 16px;
}

.price-table-content {
	padding: 20px;
}

.price-table-content ul {
	padding-left: 0px;
	padding-bottom: 0px;
}

.price-table-content ul li {
	display: block;
	list-style-type: none;
	color: #111;
	font-size: 14px;
	font-weight: 500;
	padding: 15px;
}

.price-table-content ul li:before {
	content: '\f00c';
	font-family: 'FontAwesome';
	display: inline-block;
	color: #77da55;
	margin-right: 12px;
}

.price-table-content ul li:nth-child(2) {
	background: #eee;
}

.price-table-content a {
	display: inline-block;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	background: #111;
	border-radius: 10px;
	padding: 15px 15px;
	width: 100%;
	margin-top: 15px;
}

.price-table-content a:hover {
	background: #77da55;
}

/*--------------Styles 2----------------*/
.pricing-list {
	text-align: center;
	border-radius: 10px;
	background: #fff;
	border: 2px solid #ececec;
	padding: 30px 40px;
	margin: 20px 0px;
	-webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	-moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.pricing-list h4 {
	color: #111;
	font-size: 25px;
	font-weight: 500;
	letter-spacing: 2px;
	margin-bottom: 20px;
}

.pricing-list h2 {
	display: inline-block;
	color: #111;
	font-size: 65px;
	font-weight: 400;
	letter-spacing: 2px;
}

.pricing-list h2 sup {
	color: #111;
	font-size: 30px;
	font-weight: 500;
}

.pricing-list span {
	display: inline-block;
	color: #77da55;
	font-weight: 500;
}

.pricing-list ul {
	margin-top: 20px;
}

.pricing-list ul li {
	color: #666;
	font-size: 15px;
	font-weight: 400;
	padding: 7px;
}

.pricing-list ul li:after {
	content: '';
	display: block;
	width: 240px;
	max-width: 100%;
	height: 1px;
	background: #ececec;
	margin: 0 auto;
	margin-top: 10px;
}

.pricing-list-button {
	background: #77da55;
	margin: 20px 15px 0px 15px;
	border: 2px solid #77da55;
	border-radius: 5px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.pricing-list-button:hover {
	background: #fff;
}

.pricing-list-button a {
	display: block;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	padding: 8px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.pricing-list-button:hover a {
	color: #77da55;
}

.pricing-list strong {
	position: absolute;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	background: #77da55;
	width: 65px;
	height: 65px;
	padding: 6px;
	padding-top: 20px;
	border-radius: 50%;
	top: 0;
	right: 0;
}

/*--------------Styles 3----------------*/
.pricing-list-2 {
	background: #fff;
	padding: 45px 30px;
	border-radius: 10px;
	border: 2px solid #e8e8e8;
	text-align: center;
	box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.1);
	z-index: 1;
	margin: 15px 0px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.pricing-list-2-emphasise {
	position: relative;
	z-index: 2;
	transform: scale(1.1);
	margin: 15px 0px;
}

@media (max-width: 767px) {
	.pricing-list-2-emphasise {
		transform: scale(1);
	}
}

.pricing-list-2-top {
	width: 80px;
	height: 80px;
	background: #fff;
	border: 2px solid #77da55;
	line-height: 83px;
	display: inline-block;
	border-radius: 50px;
	color: #77da55;
	font-size: 35px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.pricing-list-2:hover .pricing-list-2-top {
	background: #fff;
	color: #77da55;
}

.pricing-list-2 h4 {
	color: #333;
	font-size: 22px;
	font-weight: 500;
	letter-spacing: 1px;
	margin-top: 20px;
}

.pricing-list-2-price {
	margin-top: 20px;
}

.pricing-list-2-price h3 sup {
	color: #333;
	font-size: 25px;
	font-weight: 400;
}

.pricing-list-2-price h3 {
	color: #333;
	font-size: 50px;
	font-weight: 400;
	display: inline-block;
}

.pricing-list-2-price span {
	color: #111;
	font-size: 15px;
	font-weight: 500;
}

.pricing-list-2-prod {
	margin-top: 20px;
}

.pricing-list-2-prod li {
	color: #999;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.5;
	padding: 5px 0px;
}

.pricing-list-2-prod li:after {
	content: '';
	display: block;
	width: 180px;
	max-width: 100%;
	height: 1px;
	background: #eee;
	margin: 10px auto 0;
}

.pricing-list-2-button {
	background: #fff;
	border: 2px solid #77da55;
	display: inline-block;
	border-radius: 5px;
	margin-top: 20px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.pricing-list-2-button a {
	display: inline-block;
	color: #77da55;
	font-weight: 500;
	padding: 7px 50px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.pricing-list-2-button:hover {
	background: #77da55;
	border: 2px solid #77da55;
}

.pricing-list-2-button:hover a {
	color: #fff;
}

.pricing-list-2-prod li i {
	color: #77da55;
}

/* active version */
.pricing-list-2-button-act {
	background: #77da55;
	border: 2px solid #77da55;
	display: inline-block;
	border-radius: 5px;
	margin-top: 20px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.pricing-list-2-button-act a {
	display: inline-block;
	color: #fff;
	font-weight: 500;
	padding: 7px 50px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.pricing-list-2-button-act:hover {
	background: #fff;
	border: 2px solid #77da55;
}

.pricing-list-2-button-act:hover a {
	color: #77da55;
}

.pricing-list-2-top-act {
	background: #77da55;
	color: #fff;
}

.pricing-box-1 {
	position: relative;
	border: 1px solid #eee;
	overflow: hidden;
	border-radius: 5px;
	-webkit-box-shadow: 1px 3px 10px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 1px 3px 10px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 1px 3px 10px 1px rgba(0, 0, 0, 0.1);
	margin-top: 20px;
}

.pricing-box-back {
	position: relative;
	background-repeat: no-repeat;
	background-position: right center;
	padding: 40px;
	z-index: 99;
}

.pricing-box-emphasis:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	height: 100%;
	width: 100%;
	background: #77da55;
	opacity: 0.7;
	z-index: -1;
}

.pricing-box-back h6 {
	color: #fff;
	font-weight: 500;
	font-size: 15px;
}

.pricing-box-back h6 span {
	float: right;
	border: 1px solid #ccc;
	border-radius: 30px;
	padding: 2px 10px;
	color: #fff;
	font-weight: 500;
	letter-spacing: 0.5px;
	font-size: 15px;
}

.pricing-box-back h3 {
	color: #fff;
	font-weight: 800;
	font-size: 55px;
	margin-top: 20px;
	line-height: 1.5;
}

.pricing-box-back h3 sup {
	color: #fff;
	font-weight: 800;
	font-size: 36px;
	margin-right: 5px;
}

.pricing-box-back h5 {
	color: #fff;
	font-weight: 500;
	font-size: 15px;
	letter-spacing: 0.5px;
}

/*-- pricing-box-back-2 --*/
.pricing-box-back-2 h6,
.pricing-box-back-2 h6 span {
	color: #000;
}

.pricing-box-back-2 h3,
.pricing-box-back-2 h3 sup,
.pricing-box-back-2 h5 {
	color: #333;
}

.pricing-box-1-text {
	padding: 30px 30px;
	border-top: 1px solid #eee;
}

.pricing-box-1-text ul li {
	color: #555;
	font-size: 15px;
	font-weight: 500;
	padding: 5px 0px;
}

.pricing-box-1-text ul li i {
	color: #77da55;
	font-size: 15px;
	margin-right: 5px;
}

.pricing-box-1-button {
	position: relative;
	margin-top: 25px;
}

.pricing-box-1-button a {
	background: transparent;
	color: #77da55;
	display: inline-block;
	border: 2px solid #77da55;
	border-radius: 5px;
	padding: 8px 20px;
}

.pricing-box-1-button a:hover {
	background: #77da55;
	color: #fff;
}

@media (max-width: 991px) {
	.pricing-box-1-text {
		padding: 30px 10px;
		border-top: 1px solid #eee;
	}

	.pricing-box-1-text ul li {
		font-size: 14px;
	}

	.pricing-box-back h6 span {
		display: none;
	}
}

.pricing-box-3 {
	position: relative;
	text-align: center;
	background: #fff;
}

@media (min-width: 767px) {
	.pricing-box-3-premium {
		transform: scale(1.1);
		z-index: 999;
		-webkit-box-shadow: 0px 0px 38px -12px rgba(122, 122, 122, 0.79);
		-moz-box-shadow: 0px 0px 38px -12px rgba(122, 122, 122, 0.79);
		box-shadow: 0px 0px 38px -12px rgba(122, 122, 122, 0.79);
	}
}

.pricing-box-3-premium .pricing-box-3-top {
	background: #000;
}

.pricing-box-3-top {
	background: #000;
	padding: 12px 0px;
}

.pricing-box-3-top h4 {
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
}

.pricing-box-3-price {
	background: #f9f9f9;
	padding: 30px 0px;
}

.pricing-box-3-price h3 {
	color: #333;
	font-size: 50px;
	font-weight: 500;
}

.pricing-box-3-price h3 sup {
	color: #333;
	font-size: 25px;
	font-weight: 500;
	letter-spacing: 3px;
}

.pricing-box-3-price h5 {
	color: #999;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 1px;
	margin-top: -5px;
}

.pricing-box-3-info {
	border: 1px solid #f5f5f5;
}

.pricing-box-3-prod {
	padding: 30px 10px;
}

.pricing-box-3-prod ul li {
	color: #999;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.5;
	border-bottom: 1px solid #eee;
	padding: 10px 0;
}

.pricing-box-3-prod ul li:last-child {
	border-bottom: none;
}

.pricing-box-3-button {
	position: relative;
	margin-top: 25px;
}

.pricing-box-3-button a {
	background: #fff;
	color: #000;
	font-size: 13px;
	display: inline-block;
	border: 2px solid #000;
	font-weight: 500;
	border-radius: 5px;
	padding: 6px 30px;
}

.pricing-box-3-button a:hover {
	background: #000;
	color: #fff;
}

.pricing-box-3-premium .pricing-box-3-button a {
	background: #000;
	color: #fff;
	font-size: 13px;
	font-weight: 500;
	display: inline-block;
	border: 2px solid #000;
	border-radius: 5px;
	padding: 6px 30px;
}

.pricing-box-3-premium .pricing-box-3-button a:hover {
	background: #fff;
	color: #000;
}

/*-----------------------------------------16. Newsletter Form-------------------------------------------*/
/*--------------Styles 1----------------*/
.newsletter-form input {
	display: inline-block;
	background: #fff;
	color: #111;
	font-size: 14px;
	font-weight: 500;
	outline: 0;
	border: 2px solid #eee;
	min-width: 270px;
	max-width: 100%;
	-moz-border-radius-topleft: 30px;
	-webkit-border-top-left-radius: 30px;
	border-top-left-radius: 30px;
	-moz-border-radius-bottomleft: 30px;
	-webkit-border-bottom-left-radius: 30px;
	border-bottom-left-radius: 30px;
	padding: 12px 20px;
}

.newsletter-form button {
	display: inline-block;
	background: #77da55;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	-moz-border-radius-topright: 30px;
	-webkit-border-top-right-radius: 30px;
	border-top-right-radius: 30px;
	-moz-border-radius-bottomright: 30px;
	-webkit-border-bottom-right-radius: 30px;
	border-bottom-right-radius: 30px;
	padding: 14px 20px;
}

.newsletter-form button:hover {
	background: #111;
}

@media (max-width: 767px) {
	.newsletter-form input {
		border-radius: 30px;
		width: 100%;
		display: block;
	}

	.newsletter-form button {
		border-radius: 30px;
		width: 100%;
		display: block;
		margin-top: 15px;
	}
}

/*-----------------------------------------17. Footer-------------------------------------------*/
footer {
	position: relative;
	background: radial-gradient(circle at top left, rgba(151, 255, 71, 0.25), transparent 30%),
		radial-gradient(circle at bottom right, rgba(119, 218, 85, 0.22), transparent 35%),
		linear-gradient(135deg, #050505 0%, #0b0b0b 45%, #111111 100%);
	padding: 80px 0px 35px 0px;
	overflow: hidden;
	border-top: 1px solid rgba(119, 218, 85, 0.15);
}

/* Soft glowing overlay */
footer:before {
	content: '';
	position: absolute;
	width: 500px;
	height: 500px;
	background: rgba(119, 218, 85, 0.08);
	filter: blur(120px);
	top: -180px;
	left: -120px;
	z-index: 0;
}

footer:after {
	content: '';
	position: absolute;
	width: 450px;
	height: 450px;
	background: rgba(163, 255, 77, 0.08);
	filter: blur(120px);
	bottom: -180px;
	right: -100px;
	z-index: 0;
}

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

footer p {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.75);
	line-height: 1.8;
	text-align: center;
	padding-top: 36px;
}

footer h3 {
	font-size: 24px;
	font-weight: 500;
	color: #fff;
	line-height: 1.2;
	position: relative;
	margin-bottom: 25px;
	letter-spacing: 0.5px;
}

footer h3:after {
	content: '';
	display: block;
	width: 70px;
	height: 3px;
	border-radius: 30px;
	background: linear-gradient(90deg, #77da55, #b8ff65);
	margin-top: 14px;
	box-shadow: 0 0 15px rgba(119, 218, 85, 0.5);
}

/* Footer Links */
.footer-list {
	margin-top: 20px;
	padding-left: 0;
}

.footer-list li {
	list-style-type: none;
	padding: 9px 0px;
	transition: all 0.3s ease;
}

.footer-list li a {
	position: relative;
	font-size: 15px;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.82);
	transition: all 0.3s ease;
	padding-left: 18px;
}

.footer-list li a:before {
	content: '\f105';
	font-family: 'FontAwesome';
	position: absolute;
	left: 0;
	color: #77da55;
	transition: all 0.3s ease;
}

.footer-list li a:hover {
	color: #b8ff65;
	padding-left: 24px;
}

.footer-list li a:hover:before {
	color: #b8ff65;
}

.footer-list.footer-list li a:after {
	content: '';
	display: block;
	width: 0%;
	height: 1px;
	background: linear-gradient(90deg, #77da55, transparent);
	margin-top: 8px;
	transition: 0.4s ease;
}

.footer-list.footer-list li a:hover:after {
	width: 100%;
}

/* Social Icons */
.footer-social-icons ul {
	padding-left: 0;
	margin-top: 25px;
}

.footer-social-icons ul li {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 45px;
	height: 45px;
	margin-right: 12px;
	margin-bottom: 10px;
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.08);
	backdrop-filter: blur(8px);
	transition: all 0.4s ease;
}

.footer-social-icons ul li a {
	font-size: 18px;
	color: #fff;
	transition: all 0.3s ease;
}

.footer-social-icons ul li:hover {
	transform: translateY(-5px);
	background: linear-gradient(135deg, #77da55, #b8ff65);
	box-shadow: 0 10px 25px rgba(119, 218, 85, 0.4);
}

.footer-social-icons ul li:hover a {
	color: #000;
}

/* Hire Row */
.hireRow {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
}

/* Recent Post */
.footer-recent-post {
	margin: 18px 0px;
	padding: 12px;
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.05);
	transition: all 0.3s ease;
}

.footer-recent-post:hover {
	transform: translateY(-4px);
	border-color: rgba(119, 218, 85, 0.25);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
}

.footer-recent-post-thumb {
	float: left;
	width: 25%;
}

.footer-recent-post-content {
	float: left;
	width: 75%;
	padding-left: 12px;
}

.footer-recent-post-content a {
	display: block;
	color: #fff;
	font-size: 15px;
	font-weight: 500;
	margin-top: 4px;
	line-height: 1.5;
}

.footer-recent-post-content span {
	color: rgba(255, 255, 255, 0.55);
	font-size: 13px;
}

/* Tags */
.footer-tags a {
	display: inline-block;
	font-size: 12px;
	padding: 10px 16px;
	color: #fff;
	font-weight: 400;
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.08);
	margin-top: 8px;
	margin-right: 5px;
	border-radius: 50px;
	transition: all 0.3s ease;
}

.footer-tags a:hover {
	background: linear-gradient(135deg, #77da55, #b8ff65);
	color: #000;
	box-shadow: 0 10px 25px rgba(119, 218, 85, 0.35);
}

/* Footer Bar */
.footer-bar {
	border-top: 1px solid rgba(255, 255, 255, .08);
	padding-top: 25px;
	margin-top: 50px;
}

.footer-bar span {
	color: #b8ff65;
	font-size: 15px;
	font-weight: 500;
}

.footer-bar p {
	color: rgba(255, 255, 255, 0.8);
	font-size: 15px;
	font-weight: 400;
}

/* Copyright */
.copyright {
	background: #020202;
	padding: 28px 0;
	border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.copyright-menu ul {
	text-align: right;
	margin: 0;
}

.copyright-menu li {
	display: inline-block;
	padding: 0px 10px;
}

.copyright a {
	color: rgba(255, 255, 255, 0.55);
	transition: all 0.3s linear;
	font-size: 15px;
}

.copyright a:hover {
	color: #77da55;
}

/* Responsive */
@media (max-width: 991px) {

	footer {
		padding: 60px 0px 25px 0px;
	}

	footer h3 {
		margin-top: 30px;
	}

	.hireRow {
		flex-direction: column;
		align-items: flex-start;
	}

	.copyright-menu ul {
		text-align: left;
		margin-top: 15px;
	}
}

/* =========================================
MODERN AI FOOTER
========================================= */

.footer-neo-bottom {

	position: relative;

	padding: 28px 0;

	overflow: hidden;

	background:
		linear-gradient(90deg,
			#020202 0%,
			#050505 45%,
			#0b1806 100%);

	border-top:
		1px solid rgba(183, 255, 0, 0.08);

}

/* GREEN GLOW */

.footer-neo-bottom::before {

	content: '';

	position: absolute;

	top: -120px;

	right: -80px;

	width: 420px;

	height: 420px;

	background:
		radial-gradient(circle,
			rgba(183, 255, 0, 0.16),
			transparent 70%);

	filter: blur(90px);

	pointer-events: none;

}

/* FLEX */

.footer-neo-wrap {

	position: relative;

	z-index: 5;

	display: flex;

	align-items: center;

	justify-content: space-between;

	gap: 30px;

	flex-wrap: wrap;

}

/* =========================================
COPYRIGHT
========================================= */

.footer-neo-copy {

	color: #fff;

	font-size: 15px;

	font-weight: 500;

	letter-spacing: .2px;

}

/* =========================================
ISO BADGE
========================================= */

.footer-neo-certified {

	display: flex;

	align-items: center;

	gap: 12px;

	padding: 12px 24px;

	border-radius: 100px;

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

	color: #111111;

	font-size: 15px;

	font-weight: 700;

	box-shadow:
		0 10px 30px rgba(183, 255, 0, 0.14);

}

/* DOT */

.neo-dot {

	width: 10px;

	height: 10px;

	border-radius: 50%;

	background: #000;

	box-shadow:
		0 0 12px #b7ff00;

}

/* =========================================
LINKS
========================================= */

.footer-neo-links {

	display: flex;

	align-items: center;

	gap: 28px;

}

/* LINKS */

.footer-neo-links a {

	position: relative;

	color: #fff;

	font-size: 15px;

	font-weight: 500;

	text-decoration: none;

	transition: 0.35s ease;

}

/* UNDERLINE */

.footer-neo-links a::after {

	content: '';

	position: absolute;

	left: 0;

	bottom: -6px;

	width: 0;

	height: 1px;

	background: #b7ff00;

	transition: 0.35s ease;

}

/* HOVER */

.footer-neo-links a:hover {

	color: #ffffff;

}

.footer-neo-links a:hover::after {

	width: 100%;

}

/* =========================================
RESPONSIVE
========================================= */

@media(max-width:991px) {

	.footer-neo-wrap {

		flex-direction: column;

		text-align: center;

	}

}

@media(max-width:767px) {

	.footer-neo-copy {

		font-size: 14px;

		line-height: 1.7;

	}

	.footer-neo-links {

		gap: 18px;

		flex-wrap: wrap;

		justify-content: center;

	}

}


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

.footer-list-quick li {
	display: flex;
	align-items: center;
	margin-bottom: 30px;
}

.footer-list-quick .contact-icon {
	width: 45px;
	height: 45px;
	border: 1px solid rgb(139 195 74 / 40%);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 20px;
	flex-shrink: 0;
}

.footer-list-quick .contact-icon i {
	color: #8bc53f;
	font-size: 22px;
}

.footer-list-quick .info,
.footer-list-quick .info a {
	color: #fff;
	font-size: 16px;
	text-decoration: none;
	font-weight: 400;
}

.footer-list-quick .info a:hover {
	color: #8bc53f;
}

/* ------------------footer End */
/*-----------------------------------------18. Blog-------------------------------------------*/


/*-----------------Blog Grid (Style 1)-------------------*/

/* BLOG CARD */

.blog-grid {
	position: relative;
	background: #fff;
	border: 1px solid #e9e9e9;
	border-radius: 14px;
	overflow: hidden;

	box-shadow: 0 12px 35px rgba(0, 0, 0, 0.08);

	margin: 25px 0;
	transition: all 0.45s ease;
}

/* HOVER EFFECT */

.blog-grid:hover {
	transform: translateY(-12px);
	box-shadow: 0 18px 45px rgba(0, 0, 0, 0.14);
}

/* IMAGE */

.blog-grid-img {
	position: relative;
	overflow: hidden;
}

.blog-grid img {
	width: 100%;
	transition: transform 0.6s ease;
}

/* IMAGE ZOOM */

.blog-grid:hover img {
	transform: scale(1.06);
}

/* DATE BOX */

.data-box-grid {
	display: block;
	float: right;
	position: absolute;
	text-align: center;

	background: linear-gradient(135deg, #7eea4d, #69d83c);

	left: 15px;
	top: 15px;

	min-width: 70px;
	padding: 8px 5px;

	border-radius: 6px;

	z-index: 2;
}

.data-box-grid h4 {
	color: #fff;
	font-size: 32px;
	font-weight: 500;
	letter-spacing: 2px;

	border-bottom: 1px solid rgba(255, 255, 255, .3);

	margin-bottom: 5px;
}

.data-box-grid p {
	color: #fff;
	font-size: 15px;
	font-weight: 500;
}

/* CONTENT */

.blog-grid-text {
	padding: 28px;
}

/* CATEGORY */

.blog-grid-text span {
	color: #77da55;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 3px;
	text-transform: uppercase;
}

/* TITLE */

.blog-grid-text h4 {
	color: #111;
	font-size: 31px;
	font-weight: 700;

	line-height: 1.45;

	margin: 10px 0 15px;
	transition: 0.3s ease;
}

/* TITLE HOVER */

.blog-grid:hover .blog-grid-text h4 {
	color: #69d83c;
}

/* META */

.blog-grid-text ul li {
	display: inline-block;
	color: #111;
	font-size: 14px;
	font-weight: 500;
	margin: 10px 25px 10px 0px;
}

.blog-grid-text ul li i {
	color: #77da55;
	font-size: 14px;
	font-weight: 500;
	margin-right: 10px;
}

/* DESCRIPTION */

.blog-grid-text p {
	color: #444;
	font-size: 18px;
	font-weight: 400;

	line-height: 1.95;

	border-bottom: 1px solid #ececec;

	padding-bottom: 20px;

	margin-bottom: 22px;
}

/* BUTTON */

.blog-grid .primary-button {
	border-radius: 40px;
	padding: 12px 26px;
	transition: 0.4s ease;
}

.blog-grid .primary-button:hover {
	transform: translateY(-3px);
}

/* MOBILE */

@media(max-width:768px) {

	.blog-grid-text {
		padding: 22px;
	}

	.blog-grid-text h4 {
		font-size: 22px;
	}

	.blog-grid-text p {
		font-size: 15px;
		line-height: 1.8;
	}

}

/*------------------Blog Grid (Style 2)--------------------*/
.owl-carousel .blog-grid-simple {
	margin: 10px 15px 25px 15px;
}

.blog-grid-simple {
	position: relative;
	background: #fff;
	border-radius: 5px;
	border: 1px solid #ececec;
	-webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	-moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	padding: 30px;
	margin: 15px 0px;
}

.blog-grid-simple h4 {
	color: #111;
	font-size: 21px;
	font-weight: 500;
	margin-bottom: 15px;
}

.blog-grid-simple h4 a {
	color: #111;
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 15px;
}

.blog-grid-simple h4 a:before {
	content: '\f0c1';
	font-family: "FontAwesome";
	color: #77da55;
	margin-right: 10px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.blog-grid-simple h4 a:hover {
	color: #77da55;
}

.blog-grid-simple p {
	color: #aaa;
	font-size: 15px;
	font-weight: 400;
}

.blog-grid-simple-date i {
	color: #888;
	font-size: 20px;
}

.blog-grid-simple-date h5 {
	color: #888;
	font-size: 13px;
	margin-top: 3px;
}

.blog-grid-simple-content {
	border-top: 1px solid #ececec;
	padding-top: 20px;
	margin-top: 15px;
}

.blog-grid-simple-content a {
	display: inline-block;
	color: #77da55;
	font-weight: 600;
	font-size: 14px;
	margin-top: 2px;
}

.blog-grid-simple-content a:after {
	content: '\f105';
	font-size: 14px;
	font-family: "FontAwesome";
	color: #77da55;
	margin-left: 10px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

@media (max-width: 767px) {
	.blog-grid-simple-content a:after {
		display: none;
	}
}

.blog-grid-simple-content a:hover {
	color: #111;
}

.blog-grid-simple-content a:hover:after {
	color: #111;
}

/*------------------Blog Grid (Style 3)--------------------*/
.blog-box {
	position: relative;
	margin: 20px 0px;
}

.blog-box-img {
	margin-bottom: 50px;
}

.blog-box-img img {
	width: 100%;
	border-radius: 5px;
}

.blog-box-text {
	padding: 0px 20px;
}

.blog-box-text .blog-box-date {
	display: inline-block;
	background: #77da55;
	border-radius: 3px;
	padding: 10px 25px;
	position: absolute;
	bottom: 230px;
}

.blog-box-text .blog-box-date h4 {
	color: #fff;
	font-size: 30px;
	font-weight: 500;
	padding: 0px;
}

.blog-box-text .blog-box-date h5 {
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	padding: 0px;
}

.blog-box-text h6 {
	color: #999;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0.5px;
}

.blog-box-text a h4 {
	color: #333;
	font-size: 23px;
	font-weight: 500;
	margin: 12px 0px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.blog-box-text a h4:hover {
	color: #77da55;
}

.blog-box-text p {
	color: #777;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.6;
}

@media (max-width: 992px) {
	.blog-box-text .blog-box-date {
		position: absolute;
		bottom: 300px;
	}

	.modal-dialog {
		width: 330px !important;
	}
}

@media (max-width: 767px) {
	.blog-box-text .blog-box-date {
		position: absolute;
		bottom: 250px;
	}
}

@media (max-width: 436px) {
	.blog-box-text .blog-box-date {
		position: absolute;
		bottom: 320px;
	}
}

/*------------------Blog List--------------------*/
.blog-list-simple {
	margin: 20px 0px 30px 0px;
	border: 1px solid #77da55;
	border-radius: 10px;
	padding: 22px 16px;
	transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;
}

.data-box-simple {
	display: block;
	float: right;
	position: absolute;
	text-align: center;
	background: #77da55;
	left: 20px;
	top: 5px;
	min-width: 60px;
	padding: 5px;
}

.data-box-simple h4 {
	color: #fff;
	font-size: 30px;
	font-weight: 400;
	letter-spacing: 2px;
	border-bottom: 1px solid #fff;
	margin-bottom: 5px;
}

.data-box-simple p {
	color: #fff;
	font-size: 14px;
	font-weight: 400;
}

.blog-list-simple-text {

	padding-bottom: 15px;
}

.blog-list-simple-text p {
	font-size: 14px;
	color: #111;
	line-height: 1.9;
}

.blog-list-simple-text span {
	color: #77da55;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 4px;
	text-transform: uppercase;
}

.blog-list-simple-text h4 {
	color: #111;
	font-size: 20px;
	font-weight: 500;
	margin: 5px 0px 10px 0px;
}

.blog-list-simple-text ul {
	margin: 10px 0px;
}

.blog-list-simple-text ul li {
	color: #999;
	font-size: 14px;
	font-weight: 500;
	padding: 3px 0px;
}

.blog-list-simple-text ul li i {
	color: #77da55;
	margin-right: 10px;
	font-size: 14px;
}

/*------------------Blog Post--------------------*/

.blog-box-two {
	background-color: #ffffff;
	box-shadow: none;
	border: 1px solid #77da55;
	transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;
	border-radius: 10px;
	padding: 25px;
	margin-bottom: 20px;
}

.blog-post-content a {
	font-weight: 500;
	color: #77da55;
	font-size: 16px;
}

.blog-box-two:hover {
	border: 1px solid #ffffff;
	box-shadow: 0px 40px 70px 0px rgb(0 0 0 / 20%);
	transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;
}

.blog-list-left {

	border-radius: 10px;
	position: relative;
	overflow: hidden;
}

.blog-title-box a:hover {
	color: #77da55;
}

.blog-list-box-two:hover {
	border: 1px solid #ffffff;
	box-shadow: 0px 40px 70px 0px rgb(0 0 0 / 20%);
	transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;
}

.blog-list-left img {
	width: 100%;
	transform: scale(1);
	transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;
	border-radius: 10px;

}

.blog-title-box h2 {
	color: #111;
	font-size: 27px;
	font-weight: 500;
	margin: 20px 0px;
}

.blog-title-box:after {
	content: '';
	display: block;
	width: 580px;
	max-width: 100%;
	height: 2px;
	background: #77da55;
	margin-top: 10px;
	margin: 15px 0px;
}

.blog-title-box span {
	color: #999;
	font-weight: 400;
	margin-right: 40px;
	display: inline-block;
}

.blog-title-box span i {
	color: #77da55;
	font-size: 16px;
	margin-right: 8px;
}

.blog-post-content p {
	color: #111;
	font-size: 16px;
	font-weight: 500;
	line-height: 180%;
}

.blockquote {
	background: #f1f1f1;
	border-left: 4px solid #77da55;
	font-size: 16px;
	font-weight: 500;
	margin: 25px 0px 25px 0px;
	padding: 20px 30px 30px 30px;
}

.blockquote p {
	color: #111;
	font-size: 15px;
	font-weight: 500;
	line-height: 190%;
	letter-spacing: 0.5px;
}

.blockquote h4 {
	color: #111;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: 0.5px;
}

.data-box {
	display: block;
	float: right;
	position: relative;
	text-align: center;
	background: #77da55;
	right: 20px;
	top: -95px;
	min-width: 60px;
	padding: 5px;
}

.data-box h4 {
	color: #fff;
	font-size: 30px;
	font-weight: 400;
	letter-spacing: 2px;
	border-bottom: 1px solid #fff;
	margin-bottom: 5px;
}

.data-box strong {
	color: #fff;
	font-size: 14px;
	font-weight: 400;
}

/*search START*/
#search-input {
	padding: 0px;
	border: none;
	border: solid 1px #e8e8e8;
	border-radius: 5px;
	background: #fff;
	padding: 5px;
	margin-top: 30px;
}

#search-input input {
	font-weight: 400;
	border: 0;
	border-radius: 10px;
	box-shadow: none;
}

#search-input button {
	margin: 2px 0 0 0;
	background: none;
	box-shadow: none;
	border: 0;
	outline: none !important;
	padding: 0 11px 0 13px;
	border-left: solid 1px #e8e8e8;
}

#search-input .glyphicon-search {
	font-size: 13px;
	color: #111;
}

.blog-list-left-heading {
	margin: 30px 0px;
	padding-top: 15px;
}

.blog-list-left-heading:after {
	content: '';
	display: block;
	width: 80px;
	height: 2px;
	background: #77da55;
	margin-top: 10px;
	margin: 10px 0px;
}

.blog-list-right h4 {
	color: #111;
	font-size: 20px;
	font-weight: 400;
	margin: 0px 0px 10px 0px;
}

/*Category*/
.blog-categories ul {
	margin-top: 20px;
	padding: 0px;
}

.blog-categories ul li {
	display: block;
	position: relative;
	list-style-type: none;
	border-bottom: 1px solid #ececec;
}

.blog-categories ul li a {
	display: block;
	font-size: 15px;
	font-weight: 500;
	padding: 18px 0px 18px 0px;
	color: #333;
}

.blog-categories ul li a:before {
	content: "\f00c";
	font-family: FontAwesome;
	color: #333;
	font-size: 14px;
	margin-right: 10px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.blog-categories ul li a:hover {
	color: #77da55;
}

.blog-categories ul li a:hover:before {
	margin-right: 15px;
	color: #77da55;
}

/* Latest News*/
.latest-posts-img img {
	border-radius: 50px;
	padding: 2px;
	border: 2px solid #ececec;
}

.latest-posts {
	margin: 5px 0px;
	padding: 15px 0px;
	border-bottom: 1px solid #ececec;
}

@media (max-width: 767px) {
	.latest-posts-text {
		margin-top: 10px;
	}

	.blog-post-left {
		margin-top: 20px;
	}
}

.latest-posts-text a {
	display: block;
	font-size: 14px;
	font-weight: 500;
	color: #111;
	margin-bottom: 10px;
	margin-top: 10px;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.latest-posts-text a:hover {
	color: #77da55;
}

.latest-posts-text span {
	font-size: 14px;
	font-weight: 500;
	color: #77da55;
}

/*Archives*/
.archives ul {
	margin-top: 20px;
	padding: 0px;
}

.archives ul li {
	list-style-type: none;
	border-bottom: 1px solid #ececec;
	padding: 13px 0px 13px 0px;
}

.archives ul li a {
	color: #444;
	font-size: 14px;
	font-weight: 500;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.archives ul li a:hover {
	color: #77da55;
	font-size: 14px;
}

.archives ul li span {
	float: right;
	color: #77da55;
	font-size: 13px;
	font-weight: 500;
}

/*Share Links*/
.blog-share {
	list-style-type: none;
	margin-top: 20px;
}

.blog-share ul {
	background: #f1f1f1;
	padding: 15px;
	border-radius: 5px;
}

.blog-share ul li {
	display: inline-block;
	padding-right: 20px;
}

.blog-share ul li a {
	color: #6b6b6b;
	font-size: 15px;
}

.blog-share ul li a:hover {
	color: #77da55;
}

/*comment form*/
.comment-block {
	background: #fff;
	border-radius: 5px;
	border: 1px solid #eee;
	padding: 20px;
}

.blog-comments {
	background: #f7f7f7;
	border-radius: 5px;
	padding: 30px;
}

.blog-comments h3 {
	font-size: 24px;
	font-weight: 500;
	color: #111;
	margin-top: 30px;
}

.blog-comment-user {
	border-bottom: 1px solid #e8e8e8;
	padding-top: 25px;
	padding-bottom: 25px;
}

.blog-comment-user img {
	border-radius: 5px;
}

.blog-comment-user h6 {
	display: inline-block;
	color: #111;
	font-size: 16px;
	margin: 0px;
	margin-right: 15px;
}

.blog-comment-user strong {
	color: #77da55;
	font-size: 12px;
	font-weight: 500;
}

.blog-comment-user p {
	color: #777;
	font-size: 13px;
	font-weight: 500;
	line-height: 170%;
	margin-top: 10px;
}

/*form*/
.comment-form input,
.comment-form textarea {
	font-weight: 500 !important;
	border-radius: 5px;
	font-size: 13px;
	border: 1px solid #ececec;
	background: #fff;
	color: #111 !important;
	outline: none;
	width: 100%;
	padding: 12px;
	margin-top: 30px;
	transition: .3s;
}

.comment-form input:focus {
	border-color: #cecece;
}

.comment-form textarea {
	overflow: hidden;
	color: #999;
	font-size: 13px;
	font-weight: 500;
	border: none;
	border: 1px solid #ececec;
	border-radius: 5px;
	width: 100%;
	margin-top: 30px;
	padding: 13px 15px 13px 15px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	min-height: 140px
}

.comment-form textarea:focus {
	border-color: #cecece;
}

/*-----------------------------------------19. Testmonials-------------------------------------------*/
/*--------------Style 1 (Carousel)----------------*/
.testmonial-single {
	padding: 30px 50px;
}

@media (max-width: 767px) {
	.testmonial-single {
		padding: 30px 0px;
	}
}

.testmonial-single p:before {
	margin: auto;
	content: "\f10d";
	font-family: "FontAwesome";
	color: #77da55;
	font-size: 23px;
	display: block;
	margin-bottom: 15px;
}

.testmonial-single p {
	text-align: center;
	font-style: italic;
	color: #666;
	font-size: 17px;
	font-weight: 500;
	line-height: 1.9;
}

.testmonial-single h4 {
	color: #111;
	font-size: 22px;
	font-weight: 500;
	text-align: center;
	margin-top: 20px;
}

.testmonial-single h6 {
	color: #aaa;
	font-size: 15px;
	font-weight: 500;
	text-align: center;
}

/*-------------- Style 2----------------*/
.testmonial-box {
	position: relative;
	background: #fff;
	border-radius: 5px;
	padding: 25px;
	border: 1px solid #ececec;
	margin: 15px 0px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	-moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
}

.testmonial-box img {
	border: 2px solid #ececec;
	border-radius: 50%;
	padding: 2px;
}

.testmonial-box h5 {
	color: #111;
	font-size: 18px;
	font-weight: 500;
}

.testmonial-box span {
	color: #999;
	font-size: 13px;
	font-weight: 500;
}

.testmonial-box span:before {
	content: '●';
	color: #77da55;
	font-size: 15px;
	margin-right: 5px;
}

.testmonial-box p {
	font-size: 15px;
	color: #999;
	line-height: 1.7;
	margin-top: 10px;
}

/*--------------Style 3(Carousel)----------------*/
.testmonial-box-2 {
	position: relative;
	display: block;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.07);
	padding: 25px;
	margin: 50px 15px 30px 15px;
}

.testmonial-box-2 img {
	width: 80px !important;
	height: 80px;
	border: 3px solid #fff;
	border-radius: 50%;
	margin: -72px 0px 15px 0px;
}

.testmonial-box-2 h4 {
	font-size: 19px;
	font-weight: 500;
	margin-bottom: 0px;
}

.testmonial-box-2 strong {
	font-size: 14px;
	color: #77da55;
	font-weight: 500;
}

.testmonial-box-2 p {
	font-size: 15px;
	color: #999;
	font-style: italic;
	line-height: 1.6;
	margin-top: 8px;
	margin-bottom: 0px;
}

.testmonial-rating {
	margin-top: 10px;
}

/*--------------Style 4----------------*/
.testmonial-box-3 {
	padding: 60px 0px 30px 0px;
}

.testmonial-box-3 h4:before {
	content: "\f10d";
	font-family: 'FontAwesome';
	font-size: 30px;
	color: #77da55;
	display: block;
	margin-bottom: 15px;
}

.testmonial-box-3 h4 {
	color: #111;
	font-size: 22px;
	font-weight: 600;
}

.testmonial-box-3 h5 {
	font-size: 17px;
	font-weight: 500;
	margin-bottom: 0px;
	margin-top: 20px;
}

.testmonial-box-3 h5 span {
	color: #999;
}

.testmonial-box-3 p {
	font-size: 15px;
	font-style: italic;
	color: #999;
	line-height: 1.7;
	margin-top: 20px;
}

.testmonial-box-3-rating {
	margin-top: 15px;
}

.testmonial-box-3-rating i {
	font-size: 18px;
	color: #77da55;
}

/*--------------Style 5----------------*/
.testmonial-item {
	position: relative;
	display: inline-block;
}

.testmonial-item-bxx {
	position: relative;
	display: inline-block;
	text-align: center;
	padding: 30px 40px;
	border: 1px solid #eee;
	border-radius: 5px;
	background: #fff;
	margin: 30px 0px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.testmonial-arrow {
	position: absolute;
	bottom: -25px;
	left: 50px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 37px 20px 0 0;
	border-color: #77da55 transparent transparent transparent;
	display: none;
}

.testmonial-item-bxx-img {
	opacity: 0;
}

.testmonial-item-img {
	display: inline-block;
	margin-left: 10px;
	margin-top: 10px;
}

.testmonial-item-img img {
	border-radius: 100%;
	width: 75px !important;
	height: 75px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.testmonial-item-name {
	display: inline-block;
	transform: translateY(-18px);
	margin-left: 15px;
}

.testmonial-item h4 {
	color: #333;
	font-size: 18px;
	font-weight: 500;
	margin: 0px 0px 2px 0px;
}

.testmonial-item span {
	color: #77da55;
	font-size: 13px;
	font-weight: 500;
}

.testmonial-item p {
	color: #111;
	font-size: 16px;
	text-align: left;
	font-weight: 500;
	line-height: 1.6;
}

.testmonial-box-4-img img {
	width: 150px !important;
	height: 150px;
	border: 3px solid #fff;
	border-radius: 50%;
	margin: 15px auto 0 auto;
}

.testmonial-box-4-text {
	padding: 15px 15px 15px 20px;
}

.testmonial-box-4-text:before {
	position: absolute;
	left: 0px;
	content: "\f10d";
	font-family: 'FontAwesome';
	font-size: 22px;
	color: #77da55;
	display: inline-block;
	margin-bottom: 15px;
}

.testmonial-box-4-text p {
	color: #999;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5;
}

.testmonial-box-4-text h4 {
	color: #333;
	font-size: 20px;
	font-weight: 500;
	margin-top: 20px;
}

.testmonial-box-4-text h5 {
	color: #999;
	font-size: 15px;
	font-weight: 500;
	margin-top: 3px;
}

@media (max-width: 575px) {
	.testmonial-box-4-img {
		margin-left: 10px;
	}

	.testmonial-box-4-img img {
		width: 90px !important;
		height: 90px;
		border: 3px solid #fff;
		border-radius: 50%;
	}
}

.owl-item.center>div .testmonial-item-bxx {
	background: #77da55;
	border: 1px solid #77da55;
	cursor: auto;
	box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
}

.owl-item.center>div .testmonial-item-bxx-img {
	opacity: 1;
}

.owl-item.center>div .testmonial-arrow {
	display: block;
}

.owl-item.center>div p {
	color: #fff;
}

/*-----------------------------------------20. Cases-------------------------------------------*/
.case-block {
	position: relative;
	background: #fff;
	border: 1px solid #ececec;
	border-radius: 5px;
	overflow: hidden;
	margin: 15px 0px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	-moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
}

.case-block:hover {
	-webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.30);
	-moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.30);
	box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.30);
}

.case-block img {
	width: 100%;
}

.case-block-inner {
	padding: 25px 25px 20px 10px;
}

@media (max-width: 767px) {
	.case-block-inner {
		padding: 25px;
	}
}

.case-block h4 {
	color: #111;
	font-size: 18px;
	font-weight: 500;
}

.case-block h4:after {
	content: '';
	display: block;
	width: 80px;
	height: 2px;
	background: #77da55;
	margin-top: 15px;
	margin-bottom: 15px;
	-webkit-transition-duration: .4s;
	transition-duration: .4s;
}

.case-block p {
	color: #aaa;
	font-size: 15px;
	font-weight: 400;
	margin-bottom: 12px;
}

.case-block-inner a {
	font-size: 15px;
	font-weight: 500;
	color: #77da55;
}

.case-block-inner a:after {
	content: '\f0da';
	font-size: 15px;
	font-family: "FontAwesome";
	color: #77da55;
	margin-left: 10px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.case-block-inner a:hover {
	color: #111;
}

.case-block-inner a:hover:after {
	color: #111;
}

/*-----------------------------------------21. Partners (also Team)-------------------------------------------*/
.partner-box {
	position: relative;
	overflow: hidden;
	background: #fff;
	border-radius: 5px;
	-webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	-moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	border: 1px solid #ececec;
	margin: 15px 0px;
}

.partner-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.partner-img {
	height: 100%;
}

.partner-text {
	padding: 25px 40px 25px 0px;
}

@media (max-width: 991px) {
	.partner-text {
		padding: 25px;
	}
}

.partner-text span {
	color: #77da55;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 3px;
	text-transform: uppercase;
}

.partner-box:hover .partner-text span {
	color: #999;
}

.partner-text h4 {
	color: #111;
	font-size: 21px;
	font-weight: 600;
	margin: 5px 0px;
}

.partner-text h4:after {
	content: '';
	display: block;
	width: 40px;
	height: 2px;
	background: #77da55;
	margin-top: 10px;
	-webkit-transition-duration: .4s;
	transition-duration: .4s;
}

.partner-box:hover .partner-text h4:after {
	width: 80px;
}

.partner-text p {
	color: #999;
	font-size: 15px;
	font-weight: 400;
	margin-top: 15px;
	line-height: 170%;
}

.partner-signature img {
	width: 120px;
	height: 50px;
	margin-top: 15px;
}

/*-----------------------------------------22. Feedback Form-------------------------------------------*/
/* FEEDBACK BOX */

.feedback-box {
	position: relative;
	background: #ffffff;
	border-radius: 18px;

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

	border: 1px solid #ececec;

	padding: 35px;

	margin: 10px 0px;

	overflow: hidden;

	transition: all 0.4s ease;
}

/* TOP GLOW EFFECT */

.feedback-box::before {
	content: '';
	position: absolute;
	top: -120px;
	right: -120px;

	width: 260px;
	height: 260px;

	background: rgba(119, 218, 85, 0.12);

	border-radius: 50%;

	filter: blur(60px);

	transition: 0.5s ease;
}

.feedback-box:hover::before {
	transform: scale(1.2);
}

/* HOVER EFFECT */

.feedback-box:hover {
	transform: translateY(-8px);
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12);
}

/* SMALL TITLE */

.feedback-box h5 {
	color: #77da55;
	font-size: 14px;
	font-weight: 600;

	text-transform: uppercase;
	letter-spacing: 2px;

	margin-bottom: 10px;
}

/* MAIN TITLE */

.feedback-box h2 {
	font-size: 34px;
	font-weight: 700;

	text-align: center;

	margin-bottom: 15px;

	color: #111;
}

/* DESCRIPTION */

.feedback-box p {
	font-size: 16px;
	color: #555;

	line-height: 1.9;

	margin-bottom: 0px;

	text-align: center;
}

/* BEFORE ICON */

.feedback-box h5:before {
	content: '';
	color: #77da55;
	font-size: 16px;
	margin-right: 10px;
}

/* INPUT */

.feedback-form input {
	color: #111;
	font-weight: 500;

	width: 100%;

	border: 1px solid #e8e8e8;

	border-radius: 12px;

	padding: 14px 18px;

	margin: 15px 0px;

	background: #fafafa;

	transition: all .3s ease;
}

/* INPUT FOCUS */

.feedback-form input:focus {
	border-color: #77da55;

	background: #fff;

	box-shadow: 0 0 0 4px rgba(119, 218, 85, 0.12);
}

/* TEXTAREA */

.feedback-form textarea {
	color: #111;
	font-weight: 400;

	width: 100%;

	min-height: 130px;

	border: 1px solid #e8e8e8;

	border-radius: 12px;

	padding: 14px 18px;

	margin: 15px 0px;

	background: #fafafa;

	transition: all .3s ease;
}

/* TEXTAREA FOCUS */

.feedback-form textarea:focus {
	border-color: #77da55;

	background: #fff;

	box-shadow: 0 0 0 4px rgba(119, 218, 85, 0.12);
}

/* BUTTON */

.feedback-form button {
	display: inline-block;

	background: linear-gradient(135deg, #77da55, #5dc73b);

	color: #fff;

	font-size: 15px;
	font-weight: 600;

	padding: 14px 30px;

	border-radius: 50px;

	transition: all .4s ease;

	margin-top: 12px;

	border: none;

	box-shadow: 0 10px 25px rgba(119, 218, 85, 0.25);
}

/* BUTTON HOVER */

.feedback-form button:hover {
	background: #111;

	transform: translateY(-3px);

	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.18);
}

/* MOBILE */

@media(max-width:768px) {

	.feedback-box {
		padding: 25px;
	}

	.feedback-box h2 {
		font-size: 28px;
	}

	.feedback-box p {
		font-size: 15px;
	}

}

/*-----------------------------------------23. Team-------------------------------------------*/
/*-------------- Style 1----------------*/
.team-member {
	overflow: hidden;
	background: #fff;
	border: 1px solid #ececec;
	border-radius: 5px;
	-webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	-moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	margin: 20px 0px;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.team-member:hover {
	-webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	-moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.28);
}

.team-member-img {
	width: 100%;
	height: auto;
}

.team-member-img img {
	width: 100%;
}

.team-member-text {
	text-align: center;
	padding: 20px 50px;
}

.team-member-text h4 {
	color: #111;
	font-size: 22px;
	font-weight: 500;
	margin-bottom: 3px;
	-webkit-transition-duration: .6s;
	transition-duration: .6s;
}

.team-member:hover .team-member-text h4 {
	color: #77da55;
}

.team-member-text span {
	color: #77da55;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 2px;
}

.team-member-text p {
	color: #999;
	font-size: 14px;
	font-weight: 400;
	line-height: 170%;
	margin-top: 20px;
}

.team-member-text ul {
	margin-top: 15px;
	padding: 8px 0px 8px 0px;
}

.team-member-text ul li {
	display: inline-block;
	padding: 0px 10px;
}

.team-member-text ul li a i {
	color: #555;
	font-size: 17px;
	-webkit-transition-duration: .4s;
	transition-duration: .4s;
}

.team-member-text ul li a i:hover {
	color: #77da55;
}

@media screen and (max-width: 994px) {
	.team-member-text {
		padding: 20px 10px;
	}
}

/*-------------- Style 2----------------*/
.team-box {
	overflow: hidden;
	background: #fff;
	border-radius: 5px;
	border: 1px solid #ececec;
	margin: 15px 0px;
	padding: 10px;
}

.team-box:hover h4:after {
	width: 90px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.team-box img {
	margin-bottom: 5px;
}

.team-info {
	padding: 10px;
}

.team-info span {
	color: #77da55;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 4px;
	text-transform: uppercase;
}

.team-info h4 {
	color: #111;
	font-size: 20px;
	font-weight: 500;
	margin: 5px 0px;
}

.team-info h4 a {
	color: #111;
	font-size: 20px;
	font-weight: 500;
	margin: 5px 0px;
}

.team-info h4 a:hover {
	color: #77da55;
}

.team-info h4:after {
	content: '';
	display: block;
	width: 50px;
	height: 2px;
	background: #77da55;
	margin: 10px 0px 0px 0px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	display: none;
}

.team-info p {
	color: #aaa;
	font-size: 15px;
	font-weight: 400;
	margin: 15px 0px;
	margin-bottom: 10px;
}

.team-social-icons {
	text-align: left;
}

.team-social-icons ul {
	background: #fff;
	padding: 0px 15px;
	border-radius: 5px;
	margin-bottom: 5px;
}

.team-social-icons ul li {
	display: inline-block;
	padding-right: 20px;
}

.team-social-icons ul li a {
	color: #4b4b4b;
	font-size: 15px;
}

.team-social-icons ul li a:hover {
	color: #77da55;
}

/*-------------- Team Style 3----------------*/
.team-box-2 {
	position: relative;
}

.team-box-2-image {
	position: relative;
	margin: 15px 0px 15px 0px;
}

.team-box-2-image img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 5px;
}

.team-box-2-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(210, 30, 43, 0.9) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(210, 30, 43, 0.9) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(210, 30, 43, 0.9) 100%);
	overflow: hidden;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: .5s ease;
}

.team-box-2:hover .team-box-2-overlay {
	opacity: 1;
}

.team-box-2-content {
	white-space: nowrap;
	color: white;
	font-size: 20px;
	position: absolute;
	overflow: hidden;
	top: 90%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	padding: 50px;
}

.team-box-2-content i {
	font-size: 15px;
	text-align: center;
	color: #fff;
	border-radius: 50%;
	background: transparent;
	padding: 10px;
	transition: .6s ease;
}

.team-box-2-content i:hover {
	color: #000;
	background: #fff;
}

.team-box-2:hover .team-box-2-overlay i {
	animation-name: fadeInUp;
	animation-duration: .5s;
	animation-timing-function: ease-out;
}

.team-box-2-name {
	white-space: nowrap;
	color: white;
	font-size: 20px;
	position: absolute;
	overflow: hidden;
	top: 75%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	padding: 50px;
}

.team-box-2-name h4 {
	color: #fff;
	font-size: 20px;
	font-weight: 600;
}

.team-box-2:hover .team-box-2-overlay h4 {
	animation-name: fadeInDown;
	animation-duration: .5s;
	animation-timing-function: ease-out;
}

.team-box-2-name h5 {
	color: #fff;
	font-size: 15px;
	font-weight: 300;
	margin-top: 5px;
	text-align: center;
}

.team-box-2:hover .team-box-2-overlay h5 {
	animation-name: fadeInDown;
	animation-duration: .5s;
	animation-timing-function: ease-out;
}

/*-------------- Team Single----------------*/
.team-single-img {
	width: 100%;
}

.team-single-img img {
	border-radius: 5px;
}

.team-single-text {
	padding: 5px 50px 15px 15px;
}

.team-single-text span {
	color: #77da55;
	font-size: 14px;
	font-weight: 500;
}

.team-single-text h4 {
	color: #111;
	font-size: 25px;
	font-weight: 500;
	margin-bottom: 10px;
}

.team-single-info {
	padding: 0px 0px;
}

.team-single-info li strong {
	color: #555;
	font-size: 16px;
	font-weight: 500;
	margin-right: 10px;
}

.team-single-text li span {
	color: #777;
	font-size: 15px;
	font-weight: 400;
}

.team-single-social {
	padding: 5px 0px;
}

.team-single-social li {
	display: inline-block;
}

.team-single-social li a {
	display: inline-block;
	margin-right: 15px;
	background: #77da55;
	width: 35px;
	height: 35px;
	border-radius: 50px;
}

.team-single-social li a:hover {
	display: inline-block;
	margin-right: 15px;
	background: #111;
	width: 35px;
	height: 35px;
	border-radius: 50px;
}

.team-single-social li a i {
	color: #fff;
	font-size: 15px;
	padding: 11px 0px 0px 11px;
}

/*-----------------------------------------24. Video Section-------------------------------------------*/
/*--------------Inner Video Sections----------------*/
.video-section {
	width: 100%;
	height: auto;
}

.video-overlay {
	background: rgba(0, 0, 0, .6);
}

.video-content {
	text-align: center;
	padding: 50px 0px;
}

/*--------------Top Video Section----------------*/
.main-video-section {
	position: relative;
	height: 550px;
}

.main-video-content {
	position: relative;
	text-align: center;
	height: 550px;
	/* Center text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

@media (max-width: 767px) {
	.main-video-section {
		height: auto;
	}

	.main-video-content {
		height: auto;
		padding: 50px 0px;
	}
}

.main-video-overlay {
	background: rgba(0, 0, 0, .7);
}

.main-video-content h2 {
	position: relative;
	font-size: 60px;
	font-weight: 400;
	color: #111;
	margin: 5px 0px;
}

@media (max-width: 767px) {
	.main-video-content h2 {
		font-size: 30px;
		font-weight: 400;
	}
}

.main-video-content h3 {
	position: relative;
	font-size: 50px;
	font-weight: 400;
	color: #111;
	margin: 5px 0px;
}

@media (max-width: 767px) {
	.main-video-content h3 {
		font-size: 30px;
		font-weight: 400;
	}
}

.main-video-content h4 {
	position: relative;
	font-size: 40px;
	font-weight: 400;
	color: #111;
	margin: 5px 0px;
}

.main-video-content h5 {
	position: relative;
	font-size: 30px;
	font-weight: 400;
	color: #111;
	margin: 5px 0px;
}

.main-video-content h6 {
	position: relative;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.6;
	color: #111;
	margin: 5px 0px;
}

@media (max-width: 767px) {
	.main-video-content h6 {
		font-size: 15px;
		font-weight: 400;
	}
}

/*-----------------------------------------25. Projects-------------------------------------------*/
.project-grid {
	display: block;
	position: relative;
	margin: 15px 0px;
}

.project-grid-img img {
	display: block;
	width: 100%;
	height: auto;
}

.project-grid-overlay {
	position: absolute;
	bottom: 0;
	left: 2.5%;
	right: 0;
	bottom: 2.6%;
	background: rgba(255, 255, 255, .9);
	overflow: hidden;
	width: 95%;
	height: 95%;
	opacity: 0;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.project-grid:hover .project-grid-overlay {
	opacity: 1;
}

.project-grid-overlay h4 a {
	color: #111;
	font-size: 22px;
	font-weight: 400;
	position: absolute;
	top: 60%;
	left: 50%;
	opacity: 0;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
}

.project-grid-overlay h4 a:hover {
	color: #77da55;
}

.project-grid-overlay h4 a:after {
	content: '';
	display: block;
	width: 70px;
	height: 1px;
	background: #77da55;
	margin-top: 10px !important;
	margin-bottom: 15px !important;
	margin: 0 auto;
}

.project-grid:hover h4 a {
	top: 40%;
	opacity: 1;
}

.project-grid-overlay p {
	color: #666;
	font-size: 15px;
	font-weight: 400;
	position: absolute;
	top: 70%;
	left: 50%;
	opacity: 0;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
	-webkit-transition-duration: .6s;
	transition-duration: .6s;
}

.project-grid:hover p {
	top: 50%;
	opacity: 1;
}

.project-grid-overlay span {
	color: #999;
	font-size: 16px;
	font-weight: 500;
	position: absolute;
	writing-mode: vertical-rl;
	writing-mode: tb-rl;
	letter-spacing: 4px;
	top: 10%;
	left: 90%;
}

@media screen and (max-width: 767px) {
	.project-grid:hover p {
		top: 52%;
	}
}

@media screen and (max-width: 1201px) {
	.project-grid-overlay {
		bottom: 0;
		left: 0px;
		right: 0;
		bottom: 0px;
		width: 100%;
		height: 100%;
	}
}

/*-----------------------------------------26. Project Single-------------------------------------------*/
/*-------------- Style 1----------------*/
.project-single-img {
	padding-bottom: 30px;
}

.project-single-text {
	margin: 30px 0px;
}

.project-single-text h4 {
	color: #111;
	font-size: 22px;
	font-weight: 500;
	margin-bottom: 25px;
}

.project-single-text h4:after {
	content: " ";
	display: block;
	background: #77da55;
	width: 70px;
	height: 2px;
	margin-top: 8px;
}

.project-single-text p {
	color: #999;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.8;
	margin: 15px 0px;
}

.project-single-text h5 {
	color: #111;
	font-size: 18px;
	font-weight: 500;
	margin: 25px 0px 20px 0px;
}

.project-single-text h5:after {
	content: " ";
	display: block;
	background: #77da55;
	width: 70px;
	height: 2px;
	margin-top: 8px;
}

.project-single-text ul li {
	color: #111;
	font-size: 15px;
	font-weight: 500;
	padding: 8px 0px;
}

.project-single-text ul li i {
	color: #77da55;
	font-weight: 500;
	font-size: 15px;
	padding-right: 10px;
}

/*Right*/
.project-single-info {
	display: inline-block;
	border: 1px solid #ececec;
	display: block;
	width: 100%;
	padding: 0px 20px;
}

.project-single-info ul li {
	color: #777;
	font-size: 15px;
	font-weight: 500;
	border-bottom: 1px solid #ececec;
	padding: 17px 0px;
}

.project-single-info ul li:last-child {
	border-bottom: none;
}

.project-single-info ul li span {
	display: inline-block;
	color: #111;
	font-size: 15px;
	font-weight: 500;
	margin-right: 25px;
	width: 70px;
	max-width: 100%;
}

/*carousel*/
.project-carousel {
	margin: 40px 0px 20px;
}

.project-carousel h4 {
	color: #111;
	font-size: 22px;
	font-weight: 500;
	margin: 25px 0px 20px 0px;
}

.project-carousel h4:after {
	content: " ";
	display: block;
	background: #77da55;
	width: 70px;
	height: 2px;
	margin-top: 8px;
}

.project-item {
	position: relative;
	overflow: hidden;
}

.project-item img {
	width: 100%;
	border-radius: 5px;
}

.project-item-overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	z-index: 999;
	transition: .5s ease;
	background: rgba(0, 0, 0, 0.8);
	border-radius: 5px;
}

.project-item:hover .project-item-overlay {
	opacity: 1;
}

.project-item-content {
	position: absolute;
	bottom: 30px;
	left: 30px;
}

@media screen and (max-width: 767px) {
	.project-item-content {
		position: absolute;
		bottom: 15px;
		left: 15px;
	}
}

.project-item-content span {
	font-size: 13px;
	font-weight: 400;
	color: #fff;
	opacity: .6;
}

.project-item-content h6 {
	font-size: 18px;
	font-weight: 400;
	color: #fff;
	margin-top: 5px;
}

.project-item-content a {
	display: inline-block;
	font-size: 13px;
	font-weight: 400;
	background: #77da55;
	color: #fff;
	border: 1.5px solid #77da55;
	border-radius: 5px;
	margin-top: 10px;
	padding: 10px 15px 10px 15px;
}

.project-item-content a:hover {
	border: 1.5px solid #fff;
	background: transparent;
	color: #fff;
}

.project-detail img {
	width: 100%;
	height: 500px;
	border-radius: 5px;
	margin-bottom: 30px;
}

/*-------------- Style 2----------------*/
.project-single-box-img img {
	width: 100%;
	border-radius: 10px;
	-webkit-box-shadow: 0 20px 40px rgba(0, 0, 0, 0.07);
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.07);
}

.project-info-shortcode {
	border-bottom: 1px solid #ececec;
	padding: 15px 0px;
}

.project-info-shortcode:last-child {
	border-bottom: none;
}

.project-single-box-info {
	position: relative;
	border-radius: 10px;
	background: #f9f9f9;
}

.project-info-shortcode-icon {
	text-align: center;
	padding: 15px 0px;
}

.project-info-shortcode-icon i {
	color: #77da55;
	font-size: 20px;
}

.project-info-shortcode-text {
	position: relative;
}

.project-info-shortcode-text h5 {
	color: #111;
	font-size: 17px;
	font-weight: 500;
	margin-top: 7px;
}

.project-info-shortcode-text p {
	color: #999;
	font-size: 15px;
	font-weight: 400;
}

@media screen and (max-width: 767px) {
	.project-info-shortcode-icon i {
		color: #77da55;
		font-size: 30px;
		padding: 0px 30px;
	}

	.project-info-shortcode-text {
		text-align: center;
		padding: 0px 15px 0px 30px;
	}
}

/*-----------------------------------------27. Accordions-------------------------------------------*/
/*=========================================
 FAQ Scroll Animation Pure CSS
=========================================*/


/* Accordion Main */
.accordion {
	position: relative;
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.08) !important;
	border-radius: 20px !important;
	margin-bottom: 24px;
	overflow: hidden;

	backdrop-filter: blur(10px);

	transition: all 0.4s ease-in-out;
}

/* Hover Effect */
.accordion:hover {
	transform: translateY(-8px);
	border-color: rgba(119, 218, 85, 0.5) !important;
	box-shadow: 0 20px 50px rgba(119, 218, 85, 0.12);
}

/* Left Glow Border */
.accordion::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 4px;
	height: 0;
	background: linear-gradient(to bottom, #77da55, #00ffae);
	transition: 0.6s ease;
}

.accordion:hover::before {
	height: 100%;
}

/* Heading */
.accordion-heading {
	background: transparent !important;
	padding: 0;
	border: none !important;
}

/* Title */
.accordion-title a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;

	padding: 8px 30px;

	font-size: 19px;
	font-weight: 600;
	color: #fff !important;

	line-height: 1.6;
	text-decoration: none !important;

	transition: all 0.4s ease-in-out;
}

/* Hover Text Animation */
.accordion-title a:hover {
	color: #77da55 !important;
	padding-left: 38px;
}

/* Plus Minus Icon */
.accordion-title a:after {
	content: '\f068';
	font-family: "FontAwesome";

	width: 42px;
	height: 42px;

	border-radius: 50%;
	border: 1px solid rgba(119, 218, 85, 0.35);

	display: flex;
	align-items: center;
	justify-content: center;

	background: rgba(119, 218, 85, 0.08);

	color: #77da55;
	font-size: 14px;

	transition: all 0.4s ease-in-out;
}

/* Closed State */
.accordion-title .collapsed:after {
	content: '\f067';
}

/* Open State */
.accordion-title a:not(.collapsed):after {
	transform: rotate(180deg) scale(1.08);
	background: #77da55;
	color: #000;
	box-shadow: 0 0 20px rgba(119, 218, 85, 0.5);
}

/* Collapse Body */
.panel-collapse {
	border-top: 1px solid rgba(119, 218, 85, 0.12);
}

/* Body Content */
.panel-collapse p,
.panel-collapse .panel-body {
	padding: 0 30px 30px;
	margin: 0;

	color: rgba(255, 255, 255, 0.72);
	font-size: 15px;
	line-height: 1.9;

	animation: contentFade 0.8s ease;
}

/* Smooth Open Animation */
.panel-collapse.collapsing {
	transition: height 0.45s ease !important;
}

/* Content Animation */
@keyframes contentFade {

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

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

}


/* Mobile Responsive */
@media(max-width:768px) {

	.section-heading h5 {
		font-size: 32px;
	}

	.accordion-title a {
		font-size: 16px;
		padding: 22px 20px;
	}

	.panel-collapse p,
	.panel-collapse .panel-body {
		padding: 0 20px 24px;
	}

}

/*-----------------------------------------28. Service Single-------------------------------------------*/
.services-single-menu {
	border: 1px solid #ececec;
}

.services-single-menu ul li {
	border-bottom: 1px solid #ececec;
	background: #fff;
}

.services-single-menu ul li:last-child {
	border-bottom: none;
}

.services-single-menu ul li:hover {
	background: #f9f9f9;
}

.services-single-menu ul li a {
	display: block;
	color: #111;
	font-size: 15px;
	font-weight: 500;
	padding: 17px 0px 17px 15px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.services-single-menu ul li a:hover {
	-webkit-box-shadow: 3px 0px 0px 0px rgba(210, 30, 43, 1) inset;
	-moz-box-shadow: 3px 0px 0px 0px rgba(210, 30, 43, 1) inset;
	box-shadow: 3px 0px 0px 0px rgba(210, 30, 43, 1) inset;
}

.services-active {
	-webkit-box-shadow: 3px 0px 0px 0px rgba(210, 30, 43, 1) inset;
	-moz-box-shadow: 3px 0px 0px 0px rgba(210, 30, 43, 1) inset;
	box-shadow: 3px 0px 0px 0px rgba(210, 30, 43, 1) inset;
}

.services-single-left-heading h4 {
	color: #111;
	font-size: 18px;
	font-weight: 500;
}

.services-single-left-heading h4:after {
	content: " ";
	display: block;
	background: #77da55;
	width: 50px;
	height: 2px;
	margin-top: 8px;
}

.section-single-heading h4 {
	color: #111;
	font-size: 20px;
	font-weight: 500;
}

.section-single-heading h4:after {
	content: " ";
	display: block;
	background: #77da55;
	width: 60px;
	height: 2px;
	margin-top: 8px;
}

.chartjs-render-monitor {
	margin-top: 20px;
	display: block;
	height: auto;
	width: 100%;
}

.download-file-button {
	background: #f8f7f6;
	border-radius: 5px;
	margin: 40px 0px;
	padding: 25px 50px;
	-webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	-moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
}

.download-file-button:hover {
	-webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	-moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.28);
}

.download-file-button h5 {
	display: inline-block;
	color: #111;
	font-size: 20px;
	font-weight: 400;
	margin-top: 8px;
}

.download-file-button h5 span {
	color: #888;
	font-size: 18px;
	font-weight: 400;
	margin-left: 10px;
}

.download-file-button i {
	font-family: FontAwesome;
	display: inline-block;
	float: right;
	font-size: 40px;
	color: #77da55;
}

/*-----------------------------------------29. Callback-------------------------------------------*/
/*Style 1*/
.callback-box {
	position: relative;
	background: #f7f7f7;
	border: 1px solid #ececec;
	border-radius: 5px;
	padding: 25px 15px;
}

.callback-box-form input {
	width: 100%;
	background: #fff;
	color: #111;
	font-weight: 400;
	padding: 12px 10px;
	border: none;
	border-radius: 5px;
	margin: 5px 0px;
}

.callback-box-form button {
	display: block;
	width: 100%;
	background: #77da55;
	color: #fff;
	font-size: 13px;
	font-weight: 500;
	border-radius: 50px;
	margin-top: 5px;
	padding: 10px 15px 10px 15px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}

.callback-box-form button:hover {
	background: #111;
}

/*Style 2*/
.callback-form input {
	position: relative;
	display: block;
	width: 100%;
	background: #fff;
	color: #111;
	font-weight: 400;
	padding: 16px 16px;
	border: none;
	border-radius: 5px;
	margin: 15px 0px;
}

/*-----------------------------------------30. Projects Masonry-------------------------------------------*/
.wrapper {
	width: 100%;
	margin: 0px auto;
}

.masonry {
	margin: 10px;
	padding: 0;
	-moz-column-gap: 10px;
	-webkit-column-gap: 10px;
	column-gap: 10px;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
}

.masonry a {
	display: block;
	margin-top: 10px;
}

.masonry a:first-child {
	margin-top: 0px;
}

.masonry-item {
	position: relative;
	overflow: hidden;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
}

.masonry-item img {
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
}

.masonry-item-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	max-height: 100%;
	width: 100%;
	opacity: 1;
	background: rgba(0, 0, 0, 0.3);
	padding: 30px;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
}

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

.masonry-item:hover .masonry-item-overlay {
	position: absolute;
	opacity: 0;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
}

.masonry-item:hover .masonry-item-overlay h4 {
	opacity: 0;
	transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
	text-align: center;
	-webkit-transition-duration: .7s;
	transition-duration: .7s;
}

.masonry-item:hover .masonry-item-overlay ul {
	opacity: 0;
	transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
	text-align: center;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
}

.masonry-item-overlay h4 {
	color: #fff;
	font-size: 22px;
	font-weight: 400;
	position: absolute;
	bottom: 50px;
}

.masonry-item-overlay ul {
	position: absolute;
	padding-left: 0px;
	bottom: 25px;
}

.masonry-item-overlay ul li {
	list-style-type: none;
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	color: #fff;
	padding-left: 0px;
	opacity: 0.7;
}

.masonry-item-overlay ul li:last-child:after {
	content: none;
}

.masonry-item-overlay ul li:after {
	content: ' / ';
	font-size: 8px;
	font-weight: 700;
	margin: 0px 5px 0px 5px;
}

.masonry-item-overlay ul li a {
	color: #fff;
}

.masonry-item:first-child {
	margin-top: 0px;
}

@media only screen and (min-width: 400px) {
	.masonry {
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
	}
}

@media only screen and (min-width: 700px) {
	.masonry {
		-moz-column-count: 3;
		-webkit-column-count: 3;
		column-count: 3;
	}
}

@media only screen and (min-width: 900px) {
	.masonry {
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
	}
}

@media only screen and (min-width: 1100px) {
	.masonry {
		-moz-column-count: 3;
		-webkit-column-count: 3;
		column-count: 3;
	}
}

/*4 columns*/
.masonry-4 {
	margin: 10px;
	padding: 0;
	-moz-column-gap: 10px;
	-webkit-column-gap: 10px;
	column-gap: 10px;
}

.masonry-4 a {
	display: block;
	margin-top: 10px;
}

.masonry-4 a:first-child {
	margin-top: 0px;
}

@media only screen and (min-width: 400px) {
	.masonry-4 {
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
	}
}

@media only screen and (min-width: 700px) {
	.masonry-4 {
		-moz-column-count: 3;
		-webkit-column-count: 3;
		column-count: 3;
	}
}

@media only screen and (min-width: 900px) {
	.masonry-4 {
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
	}
}

@media only screen and (min-width: 1100px) {
	.masonry-4 {
		-moz-column-count: 4;
		-webkit-column-count: 4;
		column-count: 4;
	}
}

/*-----------------------------------------31. Under Construction-------------------------------------------*/
.count-back-box {
	width: 100%;
	padding: 100px 0px;
	text-align: center;
	background-position: center;
	background-size: cover;
}

.count-back-box h1 {
	color: #111;
	font-size: 40px;
	font-weight: 500;
}

.construction-box {
	margin: auto;
}

.construction-icons {
	position: relative;
	text-align: center;
}

.construction-icons i {
	display: inline-block;
	color: #77da55;
}

#cons-icon-1 {
	font-size: 120px;
	animation: construction-rotate 5s linear infinite;
}

#cons-icon-2 {
	font-size: 80px;
	animation: construction-rotate-back 5s linear infinite;
	margin-left: -9px;
}

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

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

@keyframes construction-rotate-back {
	0% {
		transform: rotate(0);
	}

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

.wrapper {
	display: inline-block;
	margin: 0 auto;
	text-align: center;
}

.timer {
	font-family: "Segment7Standard";
	font-size: 70px;
	display: inline-block;
	vertical-align: top;
}

.clock {
	margin-top: 30px;
}

.clock h5 {
	color: #77da55;
	font-size: 16px;
	font-weight: 400;
	margin-left: 15px;
}

.clock .column {
	display: inline-block;
}

.column {
	padding: 0px;
}

.count-back-box-text {
	text-align: center;
	margin: 30px auto 0 auto;
}

.count-back-box-text h3 {
	color: #111;
	font-size: 30px;
	font-weight: 400;
	line-height: 170%;
}

.count-back-box-text h6 {
	color: #777;
	font-size: 18px;
	font-weight: 400;
	margin-top: 10px;
}

@media (max-width: 767px) {
	.timer {
		font-size: 30px;
	}

	#cons-icon-1 {
		font-size: 65px;
	}
}

/*-----------------------------------------32. Shop Single Slider-------------------------------------------*/
.sr-text {
	position: absolute !important;
	top: -9999px !important;
	left: -9999px !important;
}

.slick-slider .slick-prev,
.slick-slider .slick-next {
	display: none !important;
	z-index: 100;
	font-size: 2.5em;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	color: #eee;
	position: absolute;
	top: 50%;
	text-align: center;
	color: #222;
	opacity: 1;
	transition: opacity .25s;
	cursor: pointer;
	background: #eee;
}

.slick-slider .slick-prev:hover,
.slick-slider .slick-next:hover {
	opacity: .65;
}

.slick-slider .slick-prev {
	left: 0;
}

.slick-slider .slick-next {
	right: 0;
}

.wrapper {
	max-width: 1024px;
	margin: 0 auto;
	font-family: '';
}

.wrapper strong {
	font-weight: 300;
	letter-spacing: 2px;
	font-size: 1.2em;
	display: block;
	text-align: center;
	text-transform: uppercase;
	margin: 0;
	color: #666;
}

.product-images {
	width: 100%;
	margin: 0 auto;
}

.product-images li,
.product-images figure,
.product-images a,
.product-images img {
	display: block;
	outline: none;
	border: none;
}

.product-images .main-img-slider figure {
	margin: 0 auto;
}

.product-images .main-img-slider figure a {
	cursor: e-resize;
}

.product-images .main-img-slider figure a img {
	width: 100%;
	margin: 0 auto;
}

.product-images .thumb-nav {
	margin: 0 auto;
	margin-top: 0.5px;
	width: 100%;
	padding: 0;
}

.product-images .thumb-nav.slick-slider .slick-prev,
.product-images .thumb-nav.slick-slider .slick-next {
	font-size: 1.2em;
	height: 20px;
	width: 26px;
	margin-top: -10px;
}

.product-images .thumb-nav.slick-slider .slick-prev {
	margin-left: -30px;
}

.product-images .thumb-nav.slick-slider .slick-next {
	margin-right: -30px;
}

.product-images .thumb-nav li {
	display: block;
	margin: 0 auto;
	float: left;
	cursor: pointer;
	margin-right: 0px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.product-images .thumb-nav li img {
	display: block;
	width: 100%;
	max-width: 250px;
	margin: 0 auto;
	border: 0.5px solid transparent;
	border-bottom: 2px solid transparent;
}

.product-images .thumb-nav li:hover {
	opacity: .7;
}

.product-images .thumb-nav li:hover,
.product-images .thumb-nav li:focus {
	border-color: #ccc;
}

.product-images .thumb-nav li.slick-current img {
	border-bottom: 2px solid #77da55;
}

.pswp__bg {
	background: #fff;
}

.pswp__top-bar {
	background-color: transparent !important;
}

.pswp__button,
.pswp__button:before,
.pswp__button--close:before,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
	background: none !important;
	background-size: 100%;
	width: 44px;
	height: 44px;
	font-family: 'icomoon';
}

.pswp__button {
	color: #000 !important;
	opacity: 0.4 !important;
	transition: opacity .25s;
}

.pswp__button:hover {
	opacity: 0.65 !important;
}

.pswp__button:before {
	opacity: 1 !important;
}

.pswp__button.pswp__button--arrow--left:before,
.pswp__button.pswp__button--arrow--right:before {
	font-size: 44px;
}

.pswp__button.pswp__button--arrow--left:before {
	content: "\e93b";
}

.pswp__button.pswp__button--arrow--right:before {
	content: "\e93c";
}

.pswp__button.pswp__button--close {
	top: 10px;
	right: 20px;
}

.pswp__button.pswp__button--close:before {
	content: "\e92a";
	font-size: 44px;
}

.pswp__button.pswp__button--close:hover {
	color: #222;
}

/*-----------------------------------------33. Shop Single-------------------------------------------*/
.single-product {
	padding-left: 30px;
}

@media screen and (max-width: 767px) {
	.single-product {
		padding-left: 0px;
		margin-top: 30px;
	}
}

.single-product h2 {
	font-size: 31px;
	font-weight: 500;
	color: #111;
}

.single-product p {
	font-size: 15px;
	font-weight: 400;
	line-height: 180%;
	color: #aaa;
	margin-top: 20px;
}

.product-review-area {
	margin-top: 15px;
}

.product-review-area i {
	color: #f9d100;
	font-size: 18px;
	margin-right: 2px;
}

.product-review-area span {
	color: #111;
	font-size: 14px;
	margin-left: 10px;
}

.single-product-price {
	margin-top: 20px;
}

.single-product-price h4 {
	font-size: 25px;
	font-weight: 500;
	color: #111;
}

.product-categories {
	display: block;
	margin-top: 35px;
	border-top: 1px solid #eee;
	padding: 20px 5px 0px 5px;
}

.product-categories ul {
	display: block;
}

.product-categories span {
	font-size: 15px;
	font-weight: 500;
	color: #111;
	line-height: 2;
}

.product-categories ul {
	display: inline-block;
	padding-left: 20px;
	margin-bottom: 0px;
}

.product-categories ul li {
	list-style-type: none;
	display: inline-block;
	color: #aaa;
	font-weight: 500;
}

.product-categories ul li a {
	color: #aaa;
	font-size: 14px;
}

.product-categories ul li a:hover {
	color: #77da55;
}

.product-categories ul li:after {
	content: ' / ';
	display: inline-block;
	font-size: 10px;
	color: #aaa;
	margin: 0px 5px;
}

.product-categories ul li:last-child:after {
	content: none;
}

.product-tags {
	display: block;
	padding: 0px 5px;
}

.product-tags ul {
	display: block;
}

.product-tags span {
	font-size: 15px;
	font-weight: 500;
	color: #111;
	line-height: 2;
}

.product-tags ul {
	display: inline-block;
	padding-left: 20px;
	margin-bottom: 0px;
}

.product-tags ul li {
	list-style-type: none;
	display: inline-block;
	color: #aaa;
	font-weight: 500;
}

.product-tags ul li a {
	color: #aaa;
	font-size: 14px;
}

.product-tags ul li a:hover {
	color: #77da55;
}

.product-tags ul li:after {
	content: ', ';
	display: inline-block;
	font-size: 10px;
	color: #aaa;
	margin: 0px 5px;
}

.product-tags ul li:last-child:after {
	content: none;
}

.quantity {
	position: relative;
}

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

.quantity input[type=number] {
	-moz-appearance: textfield;
}

.quantity input {
	width: 85px;
	height: 62px;
	line-height: 1.65;
	font-size: 16px;
	color: #111;
	font-weight: 600;
	float: left;
	display: block;
	padding: 0;
	margin: 0;
	padding-left: 20px;
	border: 2px solid #eee;
}

.quantity input:focus {
	outline: 0;
}

.quantity-nav {
	float: left;
	position: relative;
	height: 62px;
}

.quantity-button {
	position: relative;
	cursor: pointer;
	width: 30px;
	text-align: center;
	color: #111;
	background: #fff;
	border: 2px solid #ececec;
	font-size: 17px;
	font-family: "Trebuchet MS", Helvetica, sans-serif !important;
	line-height: 1.7;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
}

.quantity-button.quantity-up {
	position: absolute;
	height: 50%;
	top: 0;
}

.quantity-button.quantity-down {
	position: absolute;
	bottom: 0px;
	height: 50%;
	border-top: none;
}

.add-to-cart-button {
	display: inline-block;
	background: #77da55;
	color: #fff;
	font-size: 17px;
	font-weight: 600;
	padding: 19px 30px;
	margin-left: 10px;
	border-radius: 5px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.add-to-cart-button:hover {
	background: #111;
	color: #fff;
}

.product-share {
	background: #f7f7f7;
	border-radius: 5px;
	padding: 20px 15px;
}

.product-share span {
	font-size: 15px;
	font-weight: 500;
	color: #111;
	margin-right: 15px;
}

.product-share a i {
	color: #111;
	font-size: 15px;
	padding: 0px 7px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.product-share a i:hover {
	color: #77da55;
}

/*---------------Shop Tabs-----------------*/
.shop-tabs .tabs {
	position: relative;
}

.shop-tabs .tabs .tab-menu li {
	background: #f7f7f7;
	display: inline-block;
	width: 33.11%;
	text-align: center;
}

.shop-tabs .tabs .tab-menu li a {
	color: #111;
	display: block;
	font-size: 15px;
	font-weight: 500;
	padding: 18px 24px;
	text-decoration: none;
}

.shop-tabs .tabs .tab-menu li:hover a,
.tabs li:hover i {
	color: #77da55;
}

.shop-tabs .tab-menu .active-tab a,
.shop-tabs .active-tab a i {
	color: #77da55 !important;
}

.shop-tabs .tab-menu {
	display: flex;
	justify-content: space-between;
	margin-bottom: 4px;
}

@media screen and (max-width: 1200px) {


	.shop-tabs .tabs .tab-menu li {
		background: #f7f7f7;
		display: inline-block;
		text-align: center;
		width: auto;
	}


	.shop-tabs .tabs .tab-menu li a {
		color: #111;
		display: block;
		font-size: 15px;
		font-weight: 500;
		padding: 18px 24px;
		text-decoration: none;
	}
}

@media screen and (max-width: 767px) {
	.shop-tabs .tabs .tab-menu li {
		display: block;
		width: 100%;
		text-align: center;
		margin-bottom: 4px;
	}

	.shop-tabs .tab-menu .tabs li a {
		display: block;
	}

	.shop-tabs .tab-menu .tabs li i {
		font-size: 25px;
	}

}

.product-tab-body {
	display: block;
	position: relative;
	padding: 25px;
	background: #f7f7f7 !important;
}

.product-tab-body h2 {
	font-size: 30px;
	color: #111;
	font-weight: 300;
	margin-bottom: 10px;
}

.product-tab-body h3 {
	font-size: 25px;
	color: #111;
	font-weight: 500;
	margin-bottom: 10px;
}

.product-tab-body h4 {
	font-size: 20px;
	color: #111;
	font-weight: 500;
	margin-bottom: 10px;
}

.product-tab-body h5 {
	font-size: 15px;
	color: #111;
	font-weight: 500;
	margin-bottom: 10px;
}

.product-tab-body h2:after,
.product-tab-body h3:after,
.product-tab-body h4:after,
.product-tab-body h5:after {
	content: '';
	display: block;
	width: 100px;
	height: 2px;
	background: #77da55;
	margin-top: 10px;
	margin-bottom: 10px;
}

.product-tab-body ul {
	margin-top: 15px;
}

.product-tab-body ul li {
	display: block;
	font-size: 15px;
	color: #111;
	border-bottom: 1px dashed #ddd;
	line-height: 1.9;
	font-weight: 500;
	padding: 15px 5px;
}

.product-tab-body ul li span {
	display: inline-block;
	width: 200px;
	max-width: 100%;
}

.product-tab-body ul li:before {
	content: "●";
	display: inline-block;
	color: #77da55;
	font-size: 14px;
	margin-right: 10px;
	line-height: 1;
}

.product-tab-body p {
	font-size: 15px;
	color: #555;
	line-height: 1.9;
	font-weight: 400;
	margin: 15px 0px;
}

/*-------------------Shop Product Review Form---------------------*/
.shop-form-title {
	font-size: 15px;
	color: #111;
	font-weight: 500;
	line-height: 1;
}

.rating {
	display: inline-block;
	position: relative;
	height: 25px;
	font-size: 25px;
}

.rating label {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	cursor: pointer;
	line-height: 1;
}

.rating label:last-child {
	position: static;
}

.rating label:nth-child(1) {
	z-index: 5;
}

.rating label:nth-child(2) {
	z-index: 4;
}

.rating label:nth-child(3) {
	z-index: 3;
}

.rating label:nth-child(4) {
	z-index: 2;
}

.rating label:nth-child(5) {
	z-index: 1;
}

.rating label input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}

.rating label .icon {
	float: left;
	color: transparent;
}

.rating label:last-child .icon {
	color: #ccc;
}

.rating:not(:hover) label input:checked~.icon,
.rating:hover label:hover input~.icon {
	color: #f9d100;
}

.rating label input:focus:not(:checked)~.icon:last-child {
	color: #ccc;
	text-shadow: 0 0 5px #f9d100;
}

.review-input input {
	font-weight: 400;
	font-size: 14px;
	color: #111;
	display: block;
	margin-top: 15px;
	border-radius: 5px;
	border: 1px solid #eee;
	padding: 13px 15px;
	background: #fff;
	width: 100%;
	max-width: 100%;
	transition: .3s;
}

.review-input input:focus {
	border-color: #ccc;
}

.review-input textarea {
	font-weight: 400;
	font-size: 14px;
	color: #111;
	display: block;
	margin-top: 15px;
	border-radius: 5px;
	border: 1px solid #eee;
	padding: 13px 15px;
	background: #fff;
	width: 100%;
	min-height: 100px;
	transition: .3s;
}

.review-input textarea:focus {
	border-color: #ccc;
}

.review-input button {
	display: inline-block;
	background: #111;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	border-radius: 4px;
	padding: 12px 35px 12px 35px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
	margin-top: 20px;
}

.review-input button:hover {
	background: #77da55;
}

.customer-review {
	margin-top: 30px;
}

.customer-review-block {
	background: #fff;
	border-radius: 5px;
	border: 1px solid #eee;
	padding: 20px;
}

.customer-review-block h5 {
	display: inline-block;
	color: #111;
	font-size: 17px;
	font-weight: 600;
	line-height: 1;
	margin: 0px;
}

.customer-review-block h5:after {
	content: none;
}

.customer-review-block strong {
	display: inline-block;
	color: #77da55;
	font-size: 13px;
	font-weight: 500;
	line-height: 1;
	margin-left: 15px;
}

.customer-review-block p {
	font-size: 15px;
	color: #888;
	line-height: 1.9;
	font-weight: 400;
	margin-bottom: 15px;
}

.customer-review-stars {
	text-align: center;
	margin: 10px 0px;
}

.customer-review-stars i {
	color: #f9d100;
	font-size: 13.5px;
}

/*-----------------------------------------34. Shop Products-------------------------------------------*/
/*----------- Grid Style-------------*/
.shop-grid {
	border: 1px solid #ececec;
	border-radius: 5px;
	background: #fff;
	overflow: hidden;
	padding: 15px;
	margin: 20px 0px;
	-webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	-moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.08);
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.shop-grid:hover {
	-webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	-moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.20);
}

.shop-grid-img {
	position: relative;
	overflow: hidden;
	width: 100%;
}

.shop-grid-img img {
	width: 100%;
	height: auto;
}

.shop-grid:hover .shop-grid-img img {
	transform: scale(1.06);
}

.shop-grid-info {
	padding: 5px 0px 20px 0px;
}

.shop-grid-info h4 {
	color: #111;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 3px;
}

.shop-grid-info h4 a {
	color: #111;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.shop-grid-info h4 a:hover {
	color: #77da55;
}

.shop-grid-info span {
	color: #ccc;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 1px;
}

.shop-grid-info h5 {
	color: #77da55;
	font-size: 22px;
	font-weight: 400;
	text-align: right;
	margin-top: 7px;
	word-break: break-word;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.shop-grid:hover .shop-grid-info h5 {
	color: #77da55;
}

/*-----------------Grid Classic Style-------------------*/
.classic-shop {
	border: 1px solid #ececec;
	border-radius: 5px;
	-webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	-moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.10);
	margin: 20px 0px;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.classic-shop:hover {
	-webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	-moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.20);
}

.classic-shop-img {
	position: relative;
	overflow: hidden;
	width: 100%;
}

.classic-shop-img img {
	display: block;
	width: 100%;
	height: auto;
}

.shop-box-overlay {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
}

.classic-shop:hover .classic-shop-img img {
	transform: scale(1.06);
}

.shop-box-overlay h4 {
	color: #fff;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 1px;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.shop-box-overlay h4 span {
	color: #fff;
	font-size: 15px;
	margin-right: 10px;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.shop-to-card {
	background: #77da55;
	padding: 15px 5px 15px 5px;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.shop-to-card:hover {
	background: rgba(255, 255, 255, 0.5)
}

.shop-to-card:hover h4 {
	color: #77da55;
}

.shop-to-card:hover h4 span {
	color: #111;
}

.shop-buy {
	background: #111;
	padding: 15px 5px 15px 5px;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.shop-buy:hover {
	background: rgba(255, 255, 255, 0.5)
}

.shop-buy:hover h4 {
	color: #77da55;
}

.shop-buy:hover h4 span {
	color: #111;
}

.classic-shop-text {
	text-align: center;
	padding: 15px 0;
}

.classic-shop-text h4 a {
	color: #111;
	font-size: 22px;
	font-weight: 500;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.classic-shop:hover .classic-shop-text h4 a {
	color: #77da55;
}

.classic-shop-text h5 {
	color: #77da55;
	font-size: 18px;
	font-weight: 500;
	margin-top: 7px;
}

.shop-grid-rating {
	margin-top: 15px;
}

.shop-grid-rating li {
	display: inline-block;
}

.shop-grid-rating li i {
	color: #111;
	font-size: 17px;
	margin: 0px 1px;
}

/*----------- Shop Cart-------------*/
.shop-cart-box {
	width: 100%;
	display: inline-block;
	border: 1px solid #ececec;
	margin: 5px 0px;
	padding: 10px 0px;
}

.shop-cart-box .bx {
	margin-bottom: 30px;
}

.button-close {
	display: block;
	padding: 35px 12px;
}

@media (max-width: 991px) {
	.button-close {
		display: block;
		padding: 5px 0px;
	}
}

@media (max-width: 767px) {
	.button-close {
		display: block;
		padding: 35px 0px;
	}
}

.button-close a i {
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	padding: 5px;
	background: #77da55;
	border-radius: 3px;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
}

.button-close a i:hover {
	background: #888;
}

.shop-cart-box-img img {
	width: 100%;
	height: auto;
}

.shop-cart-box-info {
	display: block;
	padding: 20px 0px 0px 20px;
}

@media (max-width: 767px) {
	.shop-cart-box-info {
		display: block;
		padding: 20px 0px 0px 0px;
	}
}

.shop-cart-box-info h4 {
	color: #111;
	font-size: 20px;
	font-weight: 500;
}

.shop-cart-box-info span {
	color: #77da55;
	font-size: 15px;
	font-weight: 400;
}

.shop-cart-box-quantity {
	padding-top: 20px;
}

.shop-cart-box-quantity input {
	max-width: 60px;
	box-shadow: none;
	display: inline-block;
}

.form-control {
	color: #999;
	font-size: 14px;
	line-height: inherit;
	border: 1px solid #ececec;
	border-radius: 2px;
	padding: 5px 12px;
	transition: 0.2s linear;
}

.form-control:focus {
	box-shadow: none;
	border-color: #999;
}

.shop-cart-box-quantity h6 {
	display: inline-block;
	font-size: 14px;
	margin-right: 5px;
}

.shop-cart-box-price {
	display: block;
	padding-top: 20px;
}

.shop-cart-box-price h5 {
	color: #666;
	font-size: 25px;
	font-weight: 300;
	margin-right: 15px;
}

@media (max-width: 991px) {
	.shop-cart-box-price h5 {
		font-size: 20px;
	}
}

@media (max-width: 767px) {
	.shop-cart-box-price h5 {
		color: #666;
		font-size: 25px;
		font-weight: 300;
		margin-right: 15px;
	}

}

.shop-cart-info-price {
	padding: 20px;
	border: 1px solid #ececec;
	margin: 5px 0px;
}

.right-info-price li {
	color: #666;
	font-size: 16px;
	font-weight: 500;
	line-height: 160%;
	padding: 10px 0px;
}

.right-info-price li h6 {
	float: right;
	color: #666;
	font-size: 16px;
	font-weight: 500;
}

.total-price {
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid #ececec;
}

.total-price p {
	color: #444;
	font-size: 17px;
	font-weight: 500;
}

.total-price p strong {
	float: right;
	color: #444;
	font-size: 17px;
	font-weight: 500;
}

/*-----------------------------------------35. 404 (Page)-------------------------------------------*/
.error-box {
	text-align: center;
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	text-align: center;
}

.error-box-text {
	z-index: 999;
	position: relative;
	top: -350px;
}

.error-box-text h1 {
	font-size: 200px;
	color: #77da55;
	line-height: 1;
}

.error-box-text h3 {
	font-size: 40px;
	color: #111;
}

.error-box-text h4 {
	font-size: 20px;
	color: #333;
	margin-top: 20px;
}

.back-box {
	z-index: -999999;
	background: #f9f9f9;
	position: relative;
	top: 150px;
	padding: 50px;
}

.error-box h2 {
	color: rgba(204, 204, 204, 0.2);
	font-size: 250px;
	font-weight: 600;
	letter-spacing: 10px;
	text-transform: uppercase;
}

@media (max-width: 900px) {
	.error-box h2 {
		font-size: 150px;
	}

	.error-box-text {
		top: -200px;
	}
}

@media (max-width: 767px) {
	.error-box {
		padding: 30px;
	}

	.back-box {
		display: none;
	}

	.error-box-text {
		top: 50px;
	}

	.error-box-text h1 {
		font-size: 100px;
	}
}

/*-----------------------------------------36. Contact-------------------------------------------*/
/*----------- Style 1-------------*/
.contact-form input {
	font-weight: 600 !important;
	border-radius: 5px;
	font-size: 13px;
	border: 1px solid #f6f7f8;
	background: #f6f7f8;
	color: #777 !important;
	outline: none;
	width: 100%;
	padding: 14px;
	margin: 10px 0px;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
}

.contact-form textarea {
	font-weight: 500 !important;
	border-radius: 5px;
	font-size: 13px;
	border: 1px solid #f6f7f8;
	background: #f6f7f8;
	color: #777 !important;
	outline: none;
	width: 100%;
	padding: 14px;
	margin: 10px 0px;
	margin-bottom: 5px;
	min-height: 200px;
	overflow: hidden;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
}

.contact-form input:focus,
.contact-form textarea:focus {
	background: #fff;
	border-color: #ececec;
}

.contact-form button {
	display: inline-block;
	background: #111;
	color: #fff;
	font-size: 14px;
	width: 100%;
	font-weight: 500;
	border-radius: 10px;
	padding: 15px 30px 15px 30px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
	margin-top: 15px;
}

.contact-form button:hover {
	background: #77da55;
}

/*INFO*/
.contact-info-box {
	padding: 0px 15px;
}

.contact-info-section {
	border-bottom: 1px solid #ececec;
	padding: 25px 0px;
	margin-bottom: 0px;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
}

.contact-info-section i {
	width: 60px;
	height: 60px;
	padding-top: 17px;
	border-radius: 50%;
	background: #77da55;
	color: #fff;
	font-size: 25px;
	margin-top: 5px;
}

.contact-info-section h4 {
	color: #111;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 10px;
}

.contact-info-section p {
	color: #111;
	font-size: 16px;
	font-weight: 500;
}

#map {
	height: 400px;
	width: 100%;
}

/*----------- Style 2-------------*/
.contact-box {
	text-align: center;
	background: #fff;
	border: 1px solid #ececec;
	border-radius: 2px;
	-webkit-box-shadow: 0 20px 80px rgba(0, 0, 0, 0.12);
	box-shadow: 0 20px 80px rgba(0, 0, 0, 0.12);
	-webkit-transition-duration: .3s;
	margin: 10px 0px 10px 0px;
	padding: 20px 0px 20px 0px;
}

.contact-box i {
	color: #77da55;
	font-size: 35px;
	margin: 10px 0px 20px 0px;
}

.contact-box h4 {
	color: #111;
	font-size: 18px;
	font-weight: 500;
	margin: 0px 0px 5px 0px;
}

.contact-box span {
	color: #999;
	font-size: 14px;
}

/*----------- Style 3-------------*/
.contact-country-one {
	background-size: cover;
	width: 100%;
	padding: 120px 70px 50px 70px;
}

.contact-country-one i {
	color: #fff;
	font-size: 60px;
}

.contact-country-one h4 {
	color: #fff;
	font-size: 25px;
	font-weight: 500;
	margin-top: 20px;
}

.contact-country {
	margin-top: 20px;
}

.contact-country li {
	color: #fff;
	font-size: 15px;
	padding: 10px 0px;
}

.contact-country li i {
	color: #fff;
	font-size: 15px;
	margin-right: 15px;
}

@media (max-width: 767px) {
	.contact-country-one {
		padding: 40px 20px;
	}
}

/*-----------Styles 4-------------*/
.contact-data-box-icon {
	border-radius: 10%;
	border: 2px solid #333;
	background: #333;
	width: 80px;
	height: 80px;
	padding: 19px;
	margin: 8px 0px 0px 10px;
	-webkit-transition-duration: 0.6s;
	transition-duration: 0.6s;
}

.contact-data-box:hover .contact-data-box-icon {
	background: #fff;
}

.contact-data-box-icon i {
	color: #fff;
	font-size: 30px;
	padding: 3px 0px 0px 6px;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
}

.contact-data-box:hover .contact-data-box-icon i {
	color: #333;
}

.contact-data-box-text {
	padding-left: 15px;
}

.contact-data-box-text h4 {
	color: #111;
	font-size: 20px;
	font-weight: 400;
	line-height: 160%;
	letter-spacing: 1px;
}

.contact-data-box-text h6 {
	color: #777;
	font-size: 15px;
	font-weight: 400;
	line-height: 160%;
	margin-top: 5px;
}

/*-----------------------------------------37. Tabs-------------------------------------------*/
/*----------- Default Tabs-------------*/
.default-tabs .tabs {
	position: relative;
}

.default-tabs .tabs .tab-menu li {
	background: #f7f7f7;
	display: inline-block;
	text-align: center;
}

.default-tabs .tabs .tab-menu li a {
	color: #111;
	display: block;
	font-size: 15px;
	font-weight: 500;
	padding: 18px 24px;
	text-decoration: none;
}

.default-tabs .tabs .tab-menu li a i {
	color: #77da55;
	display: inline-block;
	font-size: 15px;
	margin-right: 10px;
	text-decoration: none;
}

.default-tabs .tabs .tab-menu li:hover a,
.default-tabs .tabs .tabs li:hover i {
	color: #77da55;
}

.default-tabs .tab-menu .active-tab a,
.default-tabs .active-tab a i {
	color: #77da55 !important;
}

.default-tabs .tab-menu {
	margin-bottom: 4px;
}

@media screen and (max-width: 1200px) {
	.default-tabs .tabs .tab-menu li {
		background: #f7f7f7;
		display: inline-block;
		text-align: center;
		width: auto;
	}

	.default-tabs .tabs .tab-menu li a {
		color: #111;
		display: block;
		font-size: 15px;
		font-weight: 500;
		padding: 18px 24px;
		text-decoration: none;
	}
}

@media screen and (max-width: 767px) {
	.default-tabs .tabs .tab-menu li {
		display: block;
		width: 100%;
		text-align: center;
		margin-bottom: 4px;
	}

	.default-tabs .tab-menu .tabs li a {
		display: block;
		padding: 18px 14px;
	}

	.default-tabs .tab-menu .tabs li i {
		font-size: 25px;
	}
}

.tab-body {
	display: block;
	position: relative;
	padding: 25px;
	background: #f7f7f7 !important;
}

.tab-body h2 {
	font-size: 30px;
	color: #111;
	font-weight: 300;
	margin-bottom: 10px;
}

.tab-body h3 {
	font-size: 25px;
	color: #111;
	font-weight: 500;
	margin-bottom: 10px;
}

.tab-body h4 {
	font-size: 20px;
	color: #111;
	font-weight: 500;
	margin-bottom: 10px;
}

.tab-body h5 {
	font-size: 15px;
	color: #111;
	font-weight: 500;
	margin-bottom: 10px;
}

.tab-body h2:after,
.tab-body h3:after,
.tab-body h4:after,
.tab-body h5:after {
	content: '';
	display: block;
	width: 100px;
	height: 2px;
	background: #77da55;
	margin-top: 10px;
	margin-bottom: 10px;
}

.tab-body p {
	font-size: 15px;
	color: #999;
	line-height: 1.7;
	font-weight: 400;
	margin: 5px;
}

/*----------- Icon Tabs-------------*/
.big-icon-tabs .tabs {
	position: relative;
}

.big-icon-tabs .tabs .tab-menu li {
	display: inline-block;
	text-align: center;
	margin-right: 5px;
}

.big-icon-tabs .tabs .tab-menu li:last-child {
	margin-right: 0px;
}

.big-icon-tabs .tabs .tab-menu li a {
	background: #ececec;
	color: #111;
	display: block;
	font-size: 15px;
	font-weight: 500;
	padding: 18px 24px;
	text-decoration: none;
	border-top: 2px solid #ececec;
}

.big-icon-tabs .tabs .tab-menu li a i {
	color: #77da55;
	display: block;
	font-size: 40px;
	margin-bottom: 10px;
	text-decoration: none;
}

.big-icon-tabs .tabs .tab-menu li:hover a,
.big-icon-tabs .tabs .tabs li:hover i {
	color: #77da55;
}

.big-icon-tabs .tab-menu .active-tab a,
.big-icon-tabs .active-tab a i {
	border-color: #77da55 !important;
}

.big-icon-tabs .tab-menu .active-tab a {
	background: #f7f7f7 !important;
}

@media screen and (max-width: 1200px) {
	.big-icon-tabs .tabs .tab-menu li {
		background: #f7f7f7;
		display: inline-block;
		text-align: center;
		width: auto;
	}

	.big-icon-tabs .tabs .tab-menu li a {
		color: #111;
		display: block;
		font-size: 15px;
		font-weight: 500;
		padding: 18px 24px;
		text-decoration: none;
	}
}

@media screen and (max-width: 767px) {
	.big-icon-tabs .tabs .tab-menu li {
		display: block;
		width: 100%;
		text-align: center;
		margin-bottom: 4px;
	}

	.big-icon-tabs .tab-menu .tabs li a {
		display: block;
	}

	.big-icon-tabs .tab-menu .tabs li i {
		font-size: 25px;
	}
}

/*-----------------------------------------38. Owl Carousel-------------------------------------------*/
.custom-dot {
	display: inline-block;
	z-index: 1;
	margin-top: 30px;
}

.custom-dot span {
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	background: #cecece;
	cursor: pointer;
	display: block;
	border: 1px solid #fff;
	-webkit-backface-visibility: visible;
	border-radius: 30px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.custom-dot span:hover {
	background: #aaa;
	-webkit-backface-visibility: visible;
	border-radius: 30px;
}

.custom-dot.active span {
	width: 12px;
	height: 12px;
	background: #77da55;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.owl-nav i {
	color: #111;
	font-size: 20px;
	padding-top: 10px;
}

.owl-nav .owl-prev {
	color: #77da55;
	font-size: 43px;
	left: 0%;
	text-align: center;
	-webkit-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	width: 50px;
	height: 50px;
	background: #fff !important;
	-webkit-box-shadow: 0px 5px 28px 0px rgba(50, 50, 50, 0.1);
	-moz-box-shadow: 0px 5px 28px 0px rgba(50, 50, 50, 0.1);
	box-shadow: 0px 5px 28px 0px rgba(50, 50, 50, 0.1);
}

.owl-nav .owl-next {
	color: #77da55;
	font-size: 43px;
	text-align: center;
	-webkit-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	width: 50px;
	height: 50px;
	background: #fff !important;
	-webkit-box-shadow: 0px 5px 28px 0px rgba(50, 50, 50, 0.1);
	-moz-box-shadow: 0px 5px 28px 0px rgba(50, 50, 50, 0.1);
	box-shadow: 0px 5px 28px 0px rgba(50, 50, 50, 0.1);
}

/*-----------------------------------------39. Pie Charts-------------------------------------------*/
.pie-chart {
	margin: 20px 0px;
}

.pie-chart .chart {
	position: relative;
	display: block;
	width: 120px;
	color: #111;
	text-align: center;
	border-radius: 50%;
	margin: auto;
}

.pie-chart-lg .chart {
	width: 190px;
}

.pie-chart-md .chart {
	width: 150px;
}

.pie-chart-sm .chart {
	width: 130px;
}

.pie-chart .chart canvas {
	position: absolute;
	top: 0;
	left: 0;
}

.pie-chart .chart-percent {
	margin: 0 0 15px 0
}

.pie-chart .percent {
	font-size: 17px;
	font-weight: 600;
	display: inline-block;
	z-index: 2;
}

.pie-chart-md .percent {
	font-size: 18px;
	font-weight: 600;
	display: inline-block;
	z-index: 2;
}

.percent:after {
	content: '%';
}

.pie-chart h4 {
	font-size: 14px;
	font-weight: 600;
	text-align: center;
	margin-top: 15px;
}

.pie-chart-md h4 {
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	margin-top: 17px;
}

.pie-chart h5 {
	color: #999;
	font-size: 12px;
	font-weight: 500;
	text-align: center;
	margin-top: 15px;
}

.pie-chart-md h5 {
	color: #999;
	font-size: 13px;
	font-weight: 500;
	text-align: center;
	margin-top: 7px;
}

.pie-chart-lg h4 {
	font-size: 19px;
	font-weight: 600;
	text-align: center;
	margin-top: 17px;
}

.pie-chart-lg h5 {
	color: #999;
	font-size: 13px;
	font-weight: 500;
	text-align: center;
	margin-top: 7px;
}

.pie-chart-lg .percent {
	font-size: 22px;
	font-weight: 600;
	display: inline-block;
	z-index: 2;
}

/*-----------------------------------------40. Chart JS-------------------------------------------*/
.chartjs-tooltip {
	opacity: 1;
	position: absolute;
	background: rgba(0, 0, 0, .7);
	color: white;
	border-radius: 3px;
	-webkit-transition: all .1s ease;
	transition: all .1s ease;
	pointer-events: none;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	padding: 4px;
}

.chartjs-tooltip-key {
	display: inline-block;
	width: 10px;
	height: 10px;
}


.what-we-box {
	text-align: center;

	border-top: none;
	background: #fff;
	/* padding: 30px 30px 30px; */
	min-height: 445px;
	margin-bottom: 30px;
	border-radius: 30px;
	box-shadow: 0 4px 4px 0px #e4e1e1;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
	overflow: hidden;

	-webkit-box-shadow: 0px 10px 20px 0px rgb(50 50 50 / 12%);
	-moz-box-shadow: 0px 10px 20px 0px rgba(50, 50, 50, 0.12);
	box-shadow: 0px 10px 20px 0px rgb(50 50 50 / 12%);
	margin: 15px 0px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.what-we-box .features-icon {
	display: flex;
	margin: 18px auto;
}


.what-content-box {
	width: 100%;
}

.what-inner-box {
	padding: 0px 20px 20px 20px;
}


.what-we-box h3 {
	font-size: 26px;
	font-weight: 500;
	font-family: 'Fira Sans', sans-serif;
}

.what-we-box h3 a {
	color: #111;
}

.what-we-box p {
	color: #111;
	font-size: 16px;
	font-weight: 500;
	margin-top: 10px;
}

.learn-button {
	color: #111;
	border: 1px solid #3ea01c;
	padding: 10px 18px 10px 18px;
	border-radius: 4px;
}

.what-new-inner-box {
	padding-top: 100px;
}

.what-content-box h3 {
	padding-top: 10px;
	padding-bottom: 10px;
}

.features-icon-inner {
	/* height: 90px;
    width: 90px;
    border-radius: 50%;
    display: flex;
    margin: 0 auto;
    background: #fff; */
}


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

	100% {
		transform: translateX(calc(-250px * 7))
	}
}

/*========================
 SLIDER NEW
 FULL PREMIUM SECTION
 #58ff1e + BLACK THEME
========================*/

.slider-new {
	position: relative;
	width: 100%;
	height: 110px;

	overflow: hidden;

	display: flex;
	align-items: center;

	/* MAIN BACKGROUND */
	background: linear-gradient(135deg,
			#000000 0%,
			#050505 35%,
			#0a1608 70%,
			#13270d 100%);

	border-top: 1px solid rgba(88, 255, 30, 0.12);
	border-bottom: 1px solid rgba(88, 255, 30, 0.12);

	box-shadow:
		inset 0 0 30px rgba(88, 255, 30, 0.03),
		0 0 40px rgba(88, 255, 30, 0.04);

	overflow: hidden;
}

/* LEFT GLOW */
.slider-new::before {
	content: '';
	position: absolute;

	width: 600px;
	height: 600px;

	background: radial-gradient(circle,
			rgba(88, 255, 30, 0.16) 0%,
			rgba(88, 255, 30, 0.08) 35%,
			transparent 75%);

	top: -250px;
	left: -200px;

	filter: blur(60px);

	z-index: 0;
}

/* RIGHT GLOW */
.slider-new::after {
	content: '';
	position: absolute;

	width: 500px;
	height: 500px;

	background: radial-gradient(circle,
			rgba(88, 255, 30, 0.10) 0%,
			transparent 70%);

	bottom: -220px;
	right: -180px;

	filter: blur(60px);

	z-index: 0;
}

/*========================
 SCROLL TRACK
========================*/

.slider-new .slide-track {
	position: relative;
	z-index: 2;

	display: inline-flex;
	align-items: center;

	gap: 70px;

	width: max-content;

	white-space: nowrap;

	animation: slider-scroll 28s linear infinite;
}

/*========================
 LOGOS / IMAGES
========================*/

.slider-new .slide-track img {
	/* height: 42px; */
	width: auto;

	opacity: .7;

	transition: all 0.4s ease;

	/* filter: grayscale(100%); */
}

.slider-new .slide-track img:hover {
	opacity: 1;

	transform: scale(1.08);

	filter: grayscale(0%);

	box-shadow: 0 0 20px rgba(88, 255, 30, 0.18);
}

/*========================
 ANIMATION
========================*/

@keyframes slider-scroll {
	from {
		transform: translateX(0);
	}

	to {
		transform: translateX(-50%);
	}
}

/*========================
 RESPONSIVE
========================*/

@media only screen and (max-width: 767px) {

	.slider-new {
		height: 90px;
	}

	.slider-new .slide-track {
		gap: 40px;
	}

	.slider-new .slide-track img {
		height: 32px;
	}
}

.slide-track {
	animation: scroll linear infinite;
	display: flex;
	width: calc(250px * 14);
	animation-duration: 35s;
}

.slide-new {
	height: 100px;
	width: 250px;
}


.slide {
	display: flex;
	margin: 0 auto;
	text-align: center;
	align-items: center;
	justify-content: center;

}

/*=============================
	TESTIMONIAL CARD DESIGN
=============================*/

.testimonial {
	position: relative;
	padding: 55px 60px;
	border-radius: 35px;
	background: linear-gradient(135deg,
			rgba(255, 255, 255, 0.04),
			rgba(255, 255, 255, 0.015));
	border: 1px solid rgba(119, 218, 85, 0.10);
	backdrop-filter: blur(18px);
	overflow: hidden;
	transition: all 0.5s ease;
	animation: fadeUp 1s ease;
}

/* Hover Effect */
.testimonial:hover {
	transform: translateY(-8px);
	border-color: rgba(119, 218, 85, 0.25);
	box-shadow:
		0 20px 50px rgba(0, 0, 0, 0.35),
		0 0 40px rgba(119, 218, 85, 0.10);
}

/* Animated Glow */
.testimonial::before {
	content: '';
	position: absolute;
	width: 320px;
	height: 320px;
	background: rgba(119, 218, 85, 0.12);
	border-radius: 50%;
	filter: blur(100px);
	top: -140px;
	right: -100px;
	z-index: 0;
	animation: glowMove 6s infinite alternate ease-in-out;
}

/* Quote Icon */
.testimonial::after {
	content: '❝';
	position: absolute;
	top: 20px;
	left: 35px;
	font-size: 110px;
	color: rgba(119, 218, 85, 0.10);
	font-family: serif;
	line-height: 1;
	z-index: 0;
}

blockquote {
	position: relative;
	z-index: 2;
	font-size: 23px;
	font-weight: 300;
	line-height: 1.95;
	margin-bottom: 40px;
	color: rgba(255, 255, 255, 0.82);
	letter-spacing: 0.4px;
	animation: fadeText 1.2s ease;
}

/*=============================
	AUTHOR
=============================*/

.author {
	position: relative;
	z-index: 2;
	font-size: 30px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 0;
	animation: fadeText 1.5s ease;
}

.author span {
	display: block;
	margin-top: 12px;
	color: #8fff61;
	font-size: 17px;
	font-weight: 500;
	letter-spacing: 0.5px;
}

/*=============================
	IMAGE DESIGN
=============================*/

.slider-img {
	position: relative;
	width: 100%;
	padding: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 40px;
	border-radius: 40px;
	overflow: hidden;

	background:
		radial-gradient(circle at top left, rgba(119, 218, 85, 0.16), transparent 35%),
		linear-gradient(135deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.015));

	border: 1px solid rgba(119, 218, 85, 0.10);
	backdrop-filter: blur(10px);

	transition: all 0.5s ease;
	animation: fadeLeft 1s ease;
}

/* Hover */
.slider-img:hover {
	transform: translateY(-10px);
	box-shadow:
		0 20px 50px rgba(0, 0, 0, 0.35),
		0 0 40px rgba(119, 218, 85, 0.12);
}

/* Background Glow */
.slider-img::before {
	content: '';
	position: absolute;
	width: 260px;
	height: 260px;
	background: rgba(119, 218, 85, 0.18);
	border-radius: 50%;
	filter: blur(90px);
	bottom: -90px;
	right: -50px;
	animation: glowPulse 4s infinite ease-in-out;
}

/* Decorative Border */
.slider-img::after {
	content: '';
	position: absolute;
	inset: 14px;
	border-radius: 28px;
	border: 1px solid rgba(119, 218, 85, 0.18);
	pointer-events: none;
}

.slider-img img {
	position: relative;
	z-index: 2;
	width: 340px;
	display: block;
	border-radius: 26px;
	border: 3px solid rgba(255, 255, 255, 0.10);
	box-shadow:
		0px 25px 60px rgba(0, 0, 0, 0.45),
		0 0 25px rgba(119, 218, 85, 0.12);

	transition: all 0.6s ease;
}

/* Image Hover */
.slider-img img:hover {
	transform: scale(1.05) rotate(-1deg);
}

/*=============================
	SLIDER ANIMATION
=============================*/

.active {
	opacity: 1;
	transform: translateX(0) scale(1);
	transition: all 0.8s ease;
}

/*=============================
	NAVIGATION BUTTONS
=============================*/

.buttons {
	position: absolute;
	left: 50%;
	bottom: -30px;
	transform: translateX(-50%);
	display: flex;
	gap: 18px;
	z-index: 10;
}

/* Buttons */
.previous,
.next {
	position: relative;
	width: 62px;
	height: 62px;
	border-radius: 20px;
	cursor: pointer;

	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.08);

	backdrop-filter: blur(12px);

	transition: all 0.4s ease;
	overflow: hidden;
}

/* Hover */
.previous:hover,
.next:hover {
	transform: translateY(-6px) scale(1.05);

	background: linear-gradient(135deg,
			#77da55,
			#b8ff65);

	box-shadow:
		0 15px 35px rgba(119, 218, 85, 0.35),
		0 0 25px rgba(119, 218, 85, 0.20);
}

/* Shine Effect */
.previous::after,
.next::after {
	content: '';
	position: absolute;
	top: -100%;
	left: -100%;
	width: 200%;
	height: 200%;
	background: linear-gradient(120deg,
			transparent,
			rgba(255, 255, 255, 0.2),
			transparent);
	transform: rotate(25deg);
	transition: all 0.6s ease;
}

.previous:hover::after,
.next:hover::after {
	top: 100%;
	left: 100%;
}

/* Arrows */
.previous::before,
.next::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 14px;
	height: 14px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	z-index: 2;
}

/* Left Arrow */
.previous::before {
	transform: translate(-40%, -50%) rotate(-135deg);
}

/* Right Arrow */
.next::before {
	transform: translate(-60%, -50%) rotate(45deg);
}

/*=============================
	ANIMATIONS
=============================*/

@keyframes glowMove {
	0% {
		transform: translate(0, 0);
	}

	100% {
		transform: translate(-30px, 30px);
	}
}

@keyframes glowPulse {

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

	50% {
		transform: scale(1.1);
		opacity: 1;
	}
}

@keyframes fadeUp {
	from {
		opacity: 0;
		transform: translateY(40px);
	}

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

@keyframes fadeLeft {
	from {
		opacity: 0;
		transform: translateX(-50px);
	}

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

@keyframes fadeText {
	from {
		opacity: 0;
		transform: translateY(20px);
	}

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

/*=============================
	RESPONSIVE
=============================*/

@media(max-width:991px) {

	.testimonial {
		padding: 40px 28px;
		text-align: center;
	}

	blockquote {
		font-size: 18px;
		line-height: 1.85;
	}

	.author {
		font-size: 24px;
	}

	.slider-img {
		padding: 22px;
		border-radius: 28px;
	}

	.slider-img img {
		width: 100%;
	}

	.buttons {
		bottom: -20px;
	}
}

@media(max-width:576px) {

	.testimonial {
		border-radius: 25px;
		padding: 35px 22px;
	}

	.testimonial::after {
		font-size: 80px;
		left: 20px;
	}

	.slider-img {
		padding: 18px;
		border-radius: 24px;
	}

	.slider-img img {
		border-radius: 18px;
	}

	.previous,
	.next {
		width: 52px;
		height: 52px;
		border-radius: 16px;
	}
}

/* 
main {
	width: 100%;
	max-width: 1440px;
	padding: 16px;
} */

.newsection {
	border: 1px solid #3ea01c;
}

.what-we-box:hover {
	background-color: #96c346;
	box-shadow: 0px 30px 60px 0px rgb(20 17 58 / 30%);
}


.what-we-box::before {
	content: '';
	width: 0%;
	height: 100%;
	-webkit-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	background-color: #3ea01c;
	position: absolute;
	left: unset;
	right: 0;
	top: 0;
	z-index: 0;
}

.what-we-box:hover h3.title {
	color: #fff;
}

.what-we-box:hover p {
	color: #fff;
}

.what-we-box:hover a {
	color: #fff;
	border: 1px solid #fff;
}

.what-we-box-left {
	transition-duration: .3s;
	padding: 17px 22px 18px 20px;

}

.what-we-box-left:hover {
	background-color: #96c346;
	border-top: none;
	padding: 17px 22px 18px 20px;
	margin-top: 10px;


	/* padding: 30px 30px 30px; */
	min-height: 450px;
	margin-bottom: 30px;
	overflow: hidden;
	border-radius: 30px;
	box-shadow: 0px 30px 60px 0px rgb(20 17 58 / 30%);
}

.what-we-box-left:hover h3 {
	color: #fff;
}

.what-we-box-left:hover h6 {
	color: #fff;
}

.what-we-box-left:hover p {
	color: #fff;
}


.portfolio .portfolio-cats {
	display: flex;
	justify-content: center;
	gap: 1rem;
	flex-wrap: wrap;
	margin-bottom: 4rem;
}

.portfolio .portfolio-cats li {
	background-color: #4caf50;
	color: #fff;
	padding: 0.5rem 3rem;
	cursor: pointer;
	box-shadow: 0 0 4px 0px rgb(0 0 0 / 10%);
	border-radius: 10px 4px;

}

.portfolio .portfolio-gallery {
	position: relative;
}

.portfolio .portfolio-item {
	width: 100%;
	height: 200px;
	margin-bottom: 40px;
	padding-left: 15px;
	padding-right: 15px;
	position: absolute;
	top: 0;
	left: 0;
	transition-property: opacity, transform;
	transition-duration: 0.7s;
}

.portfolio .portfolio-item .item-inner {
	height: 100%;
	overflow: hidden;
	box-shadow: 0 0 4px 0px rgb(0 0 0 / 10%);
}

@media screen and (min-width: 48em) {
	.portfolio .portfolio-item {
		width: 50%;
	}
}

@media screen and (min-width: 62em) {
	.portfolio .portfolio-item {
		width: 33.3333%;
	}
}

.section {
	padding: 90px 0px 90px 0px;
	background-color: #f9f9f9;
	overflow: hidden;
}

.pro h4 {
	text-align: center;
}

.section-heading-line .new {
	margin-bottom: 36px;
}

.team-wrap {
	text-align: center;
}

.team-wrap .team-thumb {
	overflow: hidden;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}

.team-wrap .team-thumb img {
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	padding: 12px;
}

.team-wrap .team-info {
	background: #fff;
	margin: -75px 30px 0;
	padding: 20px 25px 35px;
	position: relative;
	z-index: 1;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	box-shadow: 8px 8px 30px 0px rgb(42 67 113 / 15%);
	-webkit-box-shadow: 8px 8px 30px 0px rgb(42 67 113 / 15%);
	-moz-box-shadow: 8px 8px 30px 0px rgba(42, 67, 113, 0.15);
}

.team-wrap .team-info h4 {
	font-weight: bold;
	margin-bottom: 6px;
}

.team-wrap .team-social {
	position: absolute;
	bottom: -18px;
	left: 0;
	width: 100%;
}

.team-wrap .team-social .twitter,
.steam-social .twitter {
	background-color: #15b7ec;
}

.team-wrap .team-social a {
	opacity: 0;
	right: -40px;
	position: relative;
	visibility: hidden;
}

.team-wrap .team-social span {
	margin-right: 0;
}

.team-wrap .team-social a,
.team-wrap .team-social span {
	cursor: pointer;
	font-size: 18px;
	margin-right: 22px;
	padding-left: 4px;
	color: #fff;
	display: inline-block;
	width: 36px;
	height: 36px;
	line-height: 40px;
	background: #00c3ff;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	box-shadow: 5px 5px 18px 0px rgb(21 183 236 / 30%);
	-webkit-box-shadow: 5px 5px 18px 0px rgb(21 183 236 / 30%);
	-moz-box-shadow: 5px 5px 18px 0px rgba(21, 183, 236, 0.3);
}

.m-b55 {
	margin-bottom: 55px;
	margin-top: 20px;
}

.team-wrap .team-social.active span {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	box-shadow: 5px 5px 18px 0px rgb(42 67 113 / 15%);
	-webkit-box-shadow: 5px 5px 18px 0px rgb(42 67 113 / 15%);
	-moz-box-shadow: 5px 5px 18px 0px rgba(42, 67, 113, 0.15);
	background: #fff;
	color: #00c3ff;
}

.team-wrap:hover img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}

.team-wrap .team-social.active a {
	opacity: 1;
	visibility: visible;
	right: 0;
	box-shadow: 5px 5px 18px 0px rgb(42 67 113 / 15%);
	-webkit-box-shadow: 5px 5px 18px 0px rgb(42 67 113 / 15%);
	-moz-box-shadow: 5px 5px 18px 0px rgba(42, 67, 113, 0.15);
}

.team-wrap .team-social .facebook {
	background-color: #0160e7;
}

.team-wrap .team-social .instagram {
	background-color: #9c27b0;
}

.team-image img {
	border-radius: 10px;
}

@media only screen and (min-width: 992px) {
	.team-block {
		max-width: 380px;
	}
}

.team-block {
	background-image: linear-gradient(145deg, #8bc34a 0%, #4caf52 100%);
	box-shadow: 30px 30px 65px 0px rgb(76 168 80 / 43%);
	padding: 50px;
	border-radius: 15px;
	float: right;
}

.ot-heading h6 {
	font-size: 14px;
	font-weight: bold;
	color: #a5b7d2;
	position: relative;
	display: inline-block;
	padding-left: 21px;
	letter-spacing: 1px;
	margin-bottom: 15px;
	text-transform: uppercase;
}


.ot-heading.text-light h6:before,
.ot-heading.text-light h6:after {
	background: #fff;
}

.ot-heading h6:before,
.ot-heading h6:after {
	position: absolute;
	content: "";
	width: 7px;
	height: 7px;
	background: #a5b7d2;
	top: 3.5px;
	left: 0;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}

.ot-heading h2 {
	margin-bottom: 25px;
	color: #fff;
}

.p-tb110 {

	padding-top: 110px;
}

@media only screen and (min-width: 992px) {
	.team--top {
		margin-top: -25%;
	}

}

.team h4 {
	text-align: center;
}


.mission {
	position: absolute;
	z-index: 11;
	max-width: 100%;
}

.mission img {
	width: 555px;
	height: 499px;
}

.mission-back {
	width: 555px;
	height: 430px;
	background-image: linear-gradient(#6ac17d, #9bf194);
	margin: 0px auto 0 0;
	position: relative;
	top: -65px;
	right: 65px;

}

.quetoes-new {
	width: 100px;
	min-height: 100px;
	background-image: url(../img/q.png);
	margin: -7px;
	position: relative;
	top: 55px;
	background-repeat: no-repeat;
}

.info-tag {
	width: 349px;
	min-height: 84px;
	background-image: url(../img/bggr.png);
	background-position: 50% 50%;
	margin: -74px -59px 0px auto;
	position: relative;
	z-index: 111;
}

.text-info-tag {
	margin-bottom: 0;
	padding: 14px
}

.text-info-tag h5 {
	margin-bottom: 6px;
}

.text-info-tag p {
	color: #000;
}

.our-mission {
	padding: 150px 0px 150px 0px
}

.quetoes {
	width: 100px;
	min-height: 100px;
	background-image: url(../img/q.png);
	margin: -7px;
	position: relative;
	top: 55px;
	background-repeat: no-repeat;
}

.left-mission {
	padding: 20px;
}

.main-logo {
	width: 280px;
}


.work {}

.work-inner .mix {
	display: none;
}

ul.work {
	padding: 0;
	list-style: none;
	margin-top: 30px;
	margin-left: 8px;
	text-align: left;
	text-align: center;
	width: 100%;
	margin-bottom: 18px;
}

ul.work li {
	display: inline-block;
	padding: 8px 12px;
	margin: 0 8px;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 500;
	color: #333;
	border: 1px solid #96c346;
	cursor: pointer;
	font-size: 12px;
	letter-spacing: 3px;
}

ul.work li:hover {
	color: #fff;
	border: 1px solid #96c346;
	background: #96c346;
	-webkit-transition: .3s;
	transition: .3s;
}

ul.work li.active {
	color: #fff;
	border: 1px solid #96c346;
	background: #96c346;
}

.work .item {
	margin-top: 30px;
	position: relative;
}

.work .item img {
	border-radius: 10px;
	width: 100%;
}

.item {
	-webkit-transition: .3s;
	transition: .3s;
}

.item:hover {
	opacity: .5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	-webkit-transition: .3s;
	transition: .3s;
}

.item .tooltip {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background-color: rgba(150, 195, 70, .90);
	text-align: center;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-ms-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

/* .item .align {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
} */

.carousel-indicators a {
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 38px;
	margin-right: 5px;
	text-align: center;
	color: #fff;
	border: 2px solid #fff;
	border-radius: 100%;
	-webkit-transition: background-color 0.5s;
	-moz-transition: background-color 0.5s;
	-ms-transition: background-color 0.5s;
	-o-transition: background-color 0.5s;
	transition: background-color 0.5s;
}

.tooltip a {

	padding: 10px 15px;
	color: #fff;
}


.item:hover .tooltip {
	opacity: 1;
	border-radius: 10px;
}

.item:hover .work .item img {
	border-radius: 10px;
}

.item h3 {
	margin-top: 30px;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 1px;
	color: #fff;
}


.tabs {
	margin: 6rem auto;
	width: 100%;
	text-align: center;
	max-width: 1130px;
}

.tabsBody {
	margin: 0;
	padding: 0;
	zoom: 1;
}

.tabsBody:after {
	clear: both;
	content: "";
	display: table;
}

.tabLi {
	margin: 0;
	display: inline;
}

.tab-text {
	width: 50%;
	float: right;
	padding: 3rem;
}

.tabHeader {
	border: none;
	background: none;
	border-bottom: 4px solid #8bc34a;
	transition: 0.5s;
	font-size: 23px;
	margin: 0;
	padding: 20px 0.4em 10px;
	cursor: pointer;
	font-weight: 800;
	display: inline-flex;
	color: #000;
	width: 23%;
	white-space: nowrap;
	justify-content: space-between;
	align-items: center;
	user-select: none;
	position: relative;
	transition: 0.3s;
	box-shadow: 0px 26px 30px 0px rgb(224 224 224 / 75%);
}

.tabHeader::before {
	content: "";
	background: #009cdd;
	display: block;
	position: absolute;
	height: 4px;
	right: 0;
	bottom: -4px;
	left: 0;
	z-index: 1;
	transition: transform 0.5s;
	transform: scale(0, 1);
	transform-origin: bottom right;
}

.tabContent {
	display: none;
	padding: 3rem;
	margin-top: 2rem;
	float: left;
}


.divider {
	display: block;
	margin: 3rem 0;
	height: 8rem;
	background: #e1e1e1;
}

.button {
	position: relative;
	color: #fff;
	background: #72a32d;
	padding: 0.8rem 2.4rem;
	text-decoration: none;
	font-family: "AvantGardeforMTBb", sans-serif;
	white-space: nowrap;
	transition: 0.3s;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #72a32d;
	font-size: 18px;
	font-weight: 600;
}

button:focus {
	outline: none;
}

.img-wrap {
	width: 50%;
	float: right;
}

.img-wrap img {
	width: 555px;
	height: 499px;
}

.tab-text h2 {
	line-height: 60px;
}

.info-tag-new {
	width: 349px;
	min-height: 84px;
	background-image: url(../img/bggr.png);
	background-position: 50% 50%;
	margin: -74px -59px 0px auto;
	position: relative;
	z-index: 111;
}

.mission-back-new {
	width: 555px;
	height: 430px;
	background-image: linear-gradient(#6ac17d, #9bf194);
	margin: 40px auto 0 0;
	position: relative;
	top: -65px;
	right: 65px;
	z-index: -111;
}

.team-block-two {
	position: relative;
	margin-bottom: 30px;
	margin-top: 60px;
}

.team-block-two .inner-box {
	position: relative;
	padding: 0px 0px 28px 70px;
}

.team-block-two .inner-box .team-social-box {
	position: absolute;
	left: 18px;
	top: 80px;
	z-index: 10;
}

.team-block-two .inner-box .team-social-box li {
	position: relative;
	left: -45px;
	margin-bottom: 10px;
	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
}


.team-block-two .inner-box .team-social-box li.youtube a {
	color: #ff0000;
}

.team-block-two .inner-box .team-social-box li a {
	position: relative;
	width: 36px;
	height: 36px;
	color: #1cba9f;
	z-index: 1;
	font-size: 15px;
	line-height: 36px;
	text-align: center;
	border-radius: 50%;
	display: inline-block;
	background-color: #ffffff;
}

.team-block-two .inner-box .team-social-box li.youtube .social-name {
	color: #ffffff;
	padding: 4px 14px 4px 15px;
	top: -1px;
	background-color: #ff0000;
}

.team-block-two .inner-box .team-social-box li.linkedin a {
	color: #0077b5;
}

.team-block-two .inner-box .team-social-box li.linkedin .social-name {
	color: #ffffff;
	padding: 4px 14px 4px 15px;
	top: -1px;
	background-color: #0077b5;
}

.team-block-two .inner-box .team-social-box li.facebook a {
	color: #3b5998;
}

.team-block-two .inner-box .team-social-box li.facebook .social-name {
	color: #ffffff;
	padding: 4px 14px 4px 15px;
	top: -1px;
	background-color: #3b5998;
}

.team-block-two .inner-box .team-social-box li:last-child {
	margin-bottom: 0px;
}

.team-block-two .inner-box .team-social-box li.twitter .social-name {
	color: #ffffff;
	padding: 4px 14px 4px 15px;
	top: -1px;
	background-color: #1da1f2;
}

.team-block-two .inner-box .image {
	position: relative;
	z-index: 1;
	overflow: hidden;
	border-radius: 5px;
	background-color: #ffffff;
	box-shadow: inset 0px 0px 35px rgb(0 0 0 / 20%);
}

.team-block-two .inner-box .image img {
	position: relative;
	width: 100%;
	display: block;
}

.team-block-two .inner-box .lower-content {
	position: relative;
	text-align: left;
	z-index: 1;
	padding: 30px 15px 0px 20px;
}

.team-block-two .inner-box .lower-content h3 {
	position: relative;
	color: #222222;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.3em;
	font-family: 'Poppins', sans-serif;
}

.team-block-two .inner-box .lower-content .designation {
	position: relative;
	margin-top: 5px;
	color: #fff;
	font-size: 15px;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.team-block-two .inner-box::after {
	position: absolute;
	content: '';
	top: 55px;
	left: 0px;
	bottom: 0px;
	width: 0%;
	border-radius: 10px;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
	background: #ff0300;
	background: linear-gradient(to right, #4caf50 0%, #88d330 100%);
	background: linear-gradient(to right, #4caf50 0%, #88d330 100%);
	background: linear-gradient(to right, #4caf50 0%, #88d330 100%);
}

.team-block-two .inner-box:hover::after {
	width: 90%;
}

.team-block-two .inner-box:before {
	position: absolute;
	content: '';
	right: 40px;
	top: 55px;
	left: 0px;
	bottom: 0px;
	border-radius: 10px;
	background-color: #162265;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
}

.team-block-two .inner-box .team-social-box li:hover .social-name {
	opacity: 1;
	visibility: visible;
}


.team-block-two .inner-box .team-social-box li .social-name {
	position: relative;
	padding: 0px 10px;
	top: 0px;
	left: 24px;
	opacity: 0;
	width: 80px;
	visibility: hidden;
	font-size: 12px;
	margin-left: -32px;
	text-transform: capitalize;
	display: inline-block;
	border-radius: 0px 50px 50px 0px;
	background-color: #ffffff;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.team-block-two .inner-box .team-social-box li.twitter a {
	color: #03a9f4;
}

.lower-content h3 a {
	color: #fff;
}


.img-grid {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
	grid-gap: 1rem;
}

.img-box {
	width: 100%;
	height: 100%;
	border-radius: 0.5rem;
	border: 0.1rem solid #77da55;
	box-sizing: border-box;
	overflow: hidden;
}

.img-timg {
	width: 100%;
	height: calc(100% + 1rem);
	object-fit: cover;
	transition: 600ms;
}

.img-timg:hover {
	cursor: pointer;
	transform: scale(1.2);
}

/*
.modal {
    display: none;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    padding-top: 3rem;
    width: 100%;
    height: 100%;
    overflow: auto;
    background: rgba(0, 0, 0, 0.9);
}

.close,
.previous,
.next {
    position: absolute;
    color: gray;
    opacity: 0.7;
    user-select: none;
}

&:hover {
    cursor: pointer;
    opacity: 1;
    transition: 200ms ease-in;
}
}

.close {
    font-size: 3rem;
    font-weight: bold;
    top: 1rem;
    left: 2rem;
}

.previous {
    font-size: 4rem;
    top: 37%;
    left: 2rem;
}

.next {
    font-size: 4rem;
    top: 37%;
    right: 2rem;
}

.modal-content {
    margin: auto;
    display: block;
    width: auto;
    height: 80%;
    border: 0.1rem solid teal;
    border-radius: 0.5rem;
}

.caption {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-style: italic;
    text-align: center;
    color: gray;
    margin-top: 1rem;
}


@media (max-width: 1024px) {



    .modal-content {
        width: 96%;
        height: auto;
        margin-top: 2rem;
    }
}

*/

.author span {
	color: #77da55;
}

.main-footer {
	position: relative;
}

.footer-list li i {
	text-align: center;
	display: inline-block;
	font-size: 18px;
	color: #8bc34a;
	padding: 9px 10px;
	margin-top: 15px;
	border: 1px solid #8bc34a8a;
	width: 40px;
	height: 40px;
	margin-right: 12px
}

.main-footer:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-color: rgba(34, 34, 34, 0.85);
}

.white-logo {
	width: 280px;
	display: block;
	margin: 0 auto;
}

.new-list {
	margin-top: 57px;
}


.header-menu-area {
	background: #f6f6f6 none repeat scroll 0 0;
	padding: 18px 0;
}

.list-inline>li {
	display: inline-block;
	padding-right: ;
	padding-left: 5px;
}

.header-menu-area .header-menu li .active {
	color: #77da55;
}

.blog-list-simple-img img {
	border-radius: 10px;
	transform: scale(1);
	transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;
}

.blog-list-simple:hover {
	border: 1px solid #ffffff;
	box-shadow: 0px 40px 70px 0px rgb(0 0 0 / 20%);
	transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;
}

.blog-list-simple:hover.blog-list-simple-img>img {
	transform: scale(1.05);
	transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;
}

.blog-pagination-two {
	display: block;
	text-align: center;
	margin-top: 40px;
}

.pagination-arrow-two {
	color: #161616;
	font-size: 35px;
	display: inline-block;
	margin: 0 10px;
	vertical-align: middle;
	transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;
}

.blog-pagination-two ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline-block;
	vertical-align: middle;
}

.blog-pagination-two ul li {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 45px;
	height: 45px;
	border-radius: 100%;
	background-color: #ebebeb;
	color: #777777;
	font-weight: 500;
	font-size: 18px;
	margin: 0 7px;
	cursor: pointer;
	transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;
}


.blog-pagination-two ul li.active:hover {
	background: #77da55;
	color: #ffffff;
	cursor: default;
}

.blog-list-simple-text a:hover {
	color: #77da55;
}

.blog-list-simple-text li {
	font-size: 14px;
}

li.point {
	color: #111;
	font-size: 15px;
	list-style-type: disc;
}

.feature-row {
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 0px 40px 0px rgb(139 195 74 / 32%);
	padding: 45px 0;
	position: relative;
}

.feature-inner-content {
	padding: 0px 25px;
	position: relative;
}

.feature-inner-content {
	padding: 0px 25px;
	position: relative;
}

.feature-inner-content p:last-child {
	margin: 0;
}

.feature-inner-content:after {
	position: absolute;
	right: 0;
	top: 0;
	content: "";
	width: 2px;
	height: 100%;
	background: #e9e9e9;
}

.feature-inner-content h4 {
	font-size: 24px;
	color: #161c42;
	padding-top: 20px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.feature-flex-square:hover {

	box-shadow: 0px 0px 40px 0px rgb(139 195 74 / 32%);
}

.feature-flex-square-content a {
	color: #77da55;
}

.feature-flex-square-icon img {
	width: 35px;
}

.about-area {
	padding-bottom: 75px;
}

.errormsg {
	color: red;
}

.thanks-text {
	text-align: center !important;
}

.astric {
	color: red !important;
	margin: -13px 0px 0 5px;
}

/*-------popup----------*/
.enquiry-btn {
	width: 175px;
	height: 50px;
	transform: rotate(-90deg);
	position: fixed;
	right: -63px;
	top: 306px;
	display: block;
	color: rgb(255, 255, 255);
	word-spacing: 2px;
	letter-spacing: 0.5px;
	font-size: 19px;
	background: rgb(119, 218, 85);
	border-radius: 15px 15px 0px 0px;
	padding: 12px 14px;
	border-width: medium;
	border-style: none;
	border-color: currentcolor;
	border-image: initial;
	z-index: 9999;
}

[type=button],
[type=reset],
[type=submit],
button {
	-webkit-appearance: button;
}

.enquiry-btn {

	cursor: pointer;

}



.largest-business {
	position: relative;
	display: block;
	z-index: 3;
}


.largest-business__layer-outer {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.largest-business__layer-outer-left {
	position: relative;
	display: block;
	float: left;
	width: 50%;
	/* background-color: var(--thm-primary); */
	height: 100%;
	background-repeat: no-repeat;
}

.largest-business__layer-outer-right {
	position: relative;
	display: block;
	float: right;
	width: 50%;
	background-repeat: no-repeat;
	height: 100%;
	background-size: cover;
	background-color: var(--thm-black);
	background-blend-mode: luminosity;
}

.largest-business__left {
	position: relative;
	display: block;
	z-index: 1;
	padding-top: 108px;
	padding-bottom: 110px;
	margin-right: 88px;
}

.largest-business__title {
	font-size: 50px;
	color: #111;
	font-weight: 900;
	line-height: 60px;
	text-transform: uppercase;
	margin-bottom: 40px;
	letter-spacing: 3px;
}

.largest-business__left p {
	font-size: 16px;
}


.largest-business__list-box li {
	position: relative;
	display: block;
	padding-left: 90px;
}

.largest-business__list-box li+li {
	margin-top: 49px;
}

.largest-business__icon {
	height: 60px;
	width: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 7px;
	left: 0;
	z-index: 1;
}

.largest-business__icon:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	background-color: rgba(255, 255, 255, .10);
}

.largest-business__icon span {
	position: relative;
	display: inline-block;
	font-size: 32px;
	color: var(--thm-base);
	transition: all 500ms linear;
	transition-delay: 0.1s;
}

.largest-business__list-box li:hover .largest-business__icon span {
	transform: rotate(360deg);
}


.largest-business__list-box-title {
	font-size: 20px;
	color: var(--thm-base);
	line-height: 30px;
	line-height: 30px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 22px;
}

.largest-business__list-box-text {
	font-size: 16px;
	color: #c3d4ff;
	margin: 0;
	line-height: 32px;
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
	.largest-business__layer-outer-right {
		float: none;
		width: 100%;
		height: 500px;
	}

	.largest-business__left {
		position: relative;
		display: block;
		z-index: 1;
		padding-top: 550px;
		padding-bottom: 110px;
		margin-right: 0;
	}
}

.new-block {
	box-shadow: 0px 0px 12.61px 0.39px rgb(0 0 0 / 14%);
}


.service-one {
	background-color: #fff;
	text-align: center;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 50px;
	padding-bottom: 35px;
	transition: all 500ms ease;
	box-shadow: 0px 6px 35px 0px rgb(58 58 59 / 10%);
}

.service-one__icon {
	width: 67px;
	height: 65px;
	background-color: #77da55;
	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

.service-one__icon i {
	font-size: 40px;
	color: #000;
}

.service-one__single {
	background-color: #fff;
	text-align: center;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 50px;
	padding-bottom: 35px;
	transition: all 500ms ease;
	box-shadow: 0px 6px 35px 0px rgb(58 58 59 / 10%);
}

.even {
	margin-top: 70px;
}

.box h4 {
	color: #fff;
	margin-top: 26px;
	font-size: 30px;
	margin-bottom: 12px;
}

.box {
	display: block;
	margin: 0 auto;
	text-align: center
}

.icon-boxes {
	height: 70px;
	width: 70px;
	background: #fff;
	border-radius: 100%;
	display: block;
	text-align: center;
	margin: 0 auto;
}

.icon-boxes i {
	font-size: 36px;
	line-height: 70px;
}

.box p {
	color: #fff;
	font-size: 20px;
}

.service-img {
	border-radius: 2px;
	margin-top: 30px;
}

.services-img {
	border-radius: 2px;
}


.mobile-view {
	display: none;
}

.video-cta-area {
	text-align: center;
	padding-top: 0;
	position: relative;
	padding-bottom: 70px;
	background: #f9f9f9;
}

.video-cta-area .img-holder {
	max-width: 770px;
	margin: 0 auto;
	position: relative;
}

.video-cta-area .img-holder img {
	border-radius: 3px;
}

.video-cta-area .img-holder a {
	background-color: #fff;
	width: 75px;
	height: 75px;
	line-height: 86px;
	text-align: center;
	border-radius: 50%;
	position: absolute;
	bottom: -37px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.video-cta-area .content {
	max-width: 680px;
	margin: 85px auto 0;
}

.video-cta-area .content h2 {
	font-size: 36px;
	font-size: 2.4rem;
	margin: 0 0 0.54em;
	color: #111;
	position: relative;
}

.video-cta-area .content p {
	font-size: 16px;
	font-size: 1.06667rem;
	color: #fff;
	margin: 0 0 2em;
}


.video-cta-area:before {
	content: "";
	background: url('../img/services/video-cta-bg.png') center bottom/cover no-repeat local;
	width: 100%;
	height: 740px;
	position: absolute;
	left: 0;
	bottom: 0;
}

.img-holder i {
	font-size: 30px;
	padding-left: 7px;
	color: #77da55;
}

.our-value-box__icon i {
	font-size: 30px;
	margin-bottom: 13px;

}

.our-value-box__icon {
	border: 1px solid #8bc34a;
	height: 50px;
	width: 50px;
	text-align: center;
	line-height: 62px;
	margin-bottom: 15px;
	border-radius: 10px;
}

.grid-new {
	background-color: #fff;
	padding: 20px;
	-webkit-box-shadow: 0px 4px 21.36px 2.64px rgb(25 38 62 / 6%);
	box-shadow: 0px 4px 21.36px 2.64px rgb(25 38 62 / 6%);
	margin-bottom: 20px;
}

.grid-new i {
	color: #77da55;
	font-size: 24px;
	border: 1px solid #77da55;
	margin-right: 6px;
	padding: 4px;
	height: 40px;
	width: 40px;
	text-align: center;
	border-radius: 10px;
	line-height: 28px;
}

img.menu-icon {
	width: 16px;
}

.bottom-img {
	width: 180px;
	border-radius: 4px;
	margin-top: 10px;
	box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
	padding-left: 4px;
}

.bottom-logo ul {
	display: flex;
}

.section-grey-clients {
	background-color: #f9f9f9;
}

.service-one h3 {
	font-size: 21px;
}

.image-block {
	position: relative;
	min-height: 320px;
	position: relative;
}

.image-block-holder-img {
	background-size: cover !important;
	background-position: 50% 0 !important;
	z-index: 0;
	transition: .3s linear;
	-webkit-transition: .3s linear;
	-moz-transition: .3s linear;
	background: #232323;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.img-responsive.img-holder {
	display: none;
}

.bg-theme {
	background-color: #77da55;
	;
}

.image-block-content {
	padding: 4em;
}

.inverse-color>* {
	color: #fff;
}

.btn-over-light {
	color: #fff !important;
	background: rgba(255, 255, 255, 0.1);
	border-color: rgba(255, 255, 255, 0.2);
}

.online-list i {
	color: #000 !important;
}

.new-line {
	content: '';
	display: block;
	width: 100px;
	height: 3px;
	background: #000;
	border-radius: 25%;
	margin: auto;
	margin-top: 15px;
	margin-bottom: 5px;
}

.bg-inverse {
	background-color: #77da55;
}


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

.right-section p {
	font-size: 16px;
	font-weight: 400;
	color: #111;
	line-height: 200%;
	margin-bottom: 15px;
}


.section-block-new {
	overflow: hidden;
	padding-bottom: 80px;
}

p.text-size {
	font-size: 18px;
}

.circle {
	border: 1px solid #e37300;
	height: 55px;
	width: 55px;
	border-radius: 100%;
	margin-bottom: 30px;
}

.number {
	display: block;
	text-align: center;
}

.number p {
	font-size: 24px;
	line-height: 56px;
	font-weight: 500;
	color: #f8ab00;
}

.text-heading h5 {
	margin-bottom: 15px;
}

.text-heading-second h5 {
	margin-bottom: 10px;
	text-align: center;
	color: #111;
}

.text-heading p {
	font-size: 18px;
	margin-bottom: 30px;
}

.circle-second {
	border: 1px solid #e37300;
	height: 55px;
	width: 55px;
	border-radius: 100%;
	margin: 14px auto;
}

.font-icon {
	text-align: center;
	padding-top: 15px;
}

.font-icon p i {
	font-size: 26px;
	color: #f8ab00;
}

.section-block-green {
	background-color: #f9f9f9;
	padding: 80px 80px;
	margin-top: 80px;
}

.text-heading-second p {
	text-align: center;
	color: #111;
	font-size: 18px;
}

h3.text-color {
	color: #111;
}

p.para-text {
	color: #111;
	font-size: 18px;
}


.back-image {
	background-size: cover !important;
	background-position: 50% 0 !important;
	z-index: 0;
	transition: .3s linear;
	-webkit-transition: .3s linear;
	-moz-transition: .3s linear;
	background: #232323;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;

}

.back-image-top {
	background-size: cover !important;
	background-position: 0% 0 !important;
	z-index: 0;
	transition: .3s linear;
	-webkit-transition: .3s linear;
	-moz-transition: .3s linear;
	background: #232323;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;

}

.right-section {
	position: relative;
	min-height: 371px;

}

.right-section-top {
	position: relative;
	min-height: 520px;


}

.pl-65-md {
	padding-left: 65px;
}

.mid-contact {
	text-align: center;
}

.mid-contact p {
	font-size: 17px;
}

.top-banner-heading {
	padding-top: 101px;
}

.bottom-img {
	width: 180px;
	border-radius: 4px;
	margin-top: 10px;
	box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
}

.blog-title-box h1 {
	color: #111;
	font-size: 27px;
	font-weight: 700;
	margin: 20px 0px;
}

li.point {
	color: #111;
	font-size: 15px;
	list-style-type: disc;
}

.blog-post-content li {
	color: #111;
}


.top-address {
	background-color: antiquewhite;
	padding: 20px 20px;
}


.social-media-listining {
	padding: 60px 0px 110px 0px;
	background-color: #f9f9f9;
	overflow: hidden;
	position: relative;
}

.content-section {
	width: 100%;
	display: block;
	padding: 100px 0;
	position: relative;
	background-size: 100% auto !important;
	background-repeat: no-repeat;
}

/* .section-title {
    width: 100%;
    display: block;
    margin-bottom: 60px;
    padding-right: 40%;
} */

/* .section-title h2 {
    width: 100%;
    display: block;
    margin: 0;
    font-weight: 300;
    font-size: 60px;
}  */

.section-title p {
	width: 100%;
	display: block;
	margin-top: 30px;
	margin-bottom: 0;
	color: #8d94a0;
	/* padding-right: 20%; */
}

.icon-box {
	width: 100%;
	display: block;
	padding-right: 0 15%;
	margin: 15px 0;
}

.icon-box figure {
	width: 100%;
	display: block;
	margin-bottom: 20px;
	position: relative;
}

.icon-box figure img {
	height: 70px;
}

.icon-box p {
	color: #8a8e96;
	padding-right: 10%;
	font-weight: 300;
}

.social-icon-list {
	padding-left: 0px;
}

.social-icon-list li {
	list-style-type: none;
	color: #111;
	font-size: 16px;
	font-weight: 500;
	margin-top: 15px;
	display: flex;
}

.social-icon-list li i {
	color: #77da55;
	padding-right: 10px;
}

.new-icon i {
	font-size: 39px;
	margin-bottom: 20px;
}

.section-block-social {
	overflow: hidden;
	padding-bottom: 40px;
}

.section-block-listing-strategy {
	background-color: #fff;
	padding: 80px 80px;
}

.social h2 {
	font-size: 32px;
	font-weight: 700;
	color: #111;
	line-height: 160%;
	margin-bottom: 10px;
	letter-spacing: 2px;
}

.circle-third {
	border: 1px solid #77da55;
	height: 55px;
	width: 55px;
	border-radius: 100%;
	margin: 14px auto;
}

.font-icon-third {
	text-align: center;
	padding-top: 15px;
}

.font-icon-third p i {
	font-size: 26px;
	color: #8bc34a;
}

.first-circle {
	border: 1px solid #8bc34a;
}

.number-icon p i {
	color: #8bc34a;
}

.growing-partener ul {
	display: flex;
}

.growing p {
	font-size: 18px;
	margin-top: 10px;
}

.growing-title {
	width: 100%;
	display: block;
	margin-bottom: 30px;
}

.google-premier {
	width: 100%;
	display: block;
	margin-bottom: 30px;
	padding-right: 10%;
}

.google-premier-partener p {
	font-size: 16px;
	margin-bottom: 10px;
}

.google-premier-partener ul li {
	list-style-type: none;
	color: #111;
	font-size: 16px;
	font-weight: 400;
	margin-top: 15px;
	display: flex;
	margin-bottom: 14px;
}

.google-premier-partener li i {
	color: #77da55;
	padding-right: 10px;
	line-height: 20px;
}

.google-premier-partener ul {
	padding-left: 0px;
}

p.campaigns {
	font-size: 16px;
	font-weight: 500;
	color: #111;
	margin-bottom: 0px;
}

.google-premier h2 {
	letter-spacing: 2px;
}

.growing-title h2 {
	letter-spacing: 2px;
}

.text-heading h4 {
	letter-spacing: 2px;
}

.section-heading-title-line {
	content: '';
	display: block;
	width: 100px;
	height: 3px;
	background: #77da55;
	border-radius: 25%;
	margin-top: 15px;
	margin-bottom: 5px;
}

.mid-pic img {
	margin-top: -80px;
}

a.view-btn {
	display: block;
	background: #77da55;
	color: #fff;
	font-size: 14px;
	width: 130px;
	text-align: center;
	font-weight: 400;
	padding: 12px 20px 11px 13px;
	border-radius: 50px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
	margin: 25px auto;
}

.experience-sec {
	padding: 15px 0px 15px 0px;
	background-color: #f9f9f9;
}

.feature-inner {
	padding: 36px 16px;
	display: inline-flex;
	gap: 10px;
	vertical-align: text-top;
}

.feature-inner h5 span {
	color: #77da55;

}

.feature-inner h5 {
	font-weight: 400;
}

.feature-inner:after {
	position: absolute;
	right: 0;
	top: 0;
	content: "";
	width: 1px;
	height: 100%;
	background: #e9e9e9;
}

.feature-inner img {
	width: 75px;
}

.services-box-3-header a {
	color: #fff;
}


.project10-box-inner .project10-img-holder {
	overflow: hidden;
	border-radius: 4px;
}

.project10-box-inner .rtin-proj10-box-info a.grid10-btn {
	display: inline-block;
	color: #fff;
	border: 2px solid #fff;
	padding: 6px 20px;
	border-radius: 30px;
}

.project10-box .project10-box-inner {
	position: relative;
	margin-bottom: 30px;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.project10-box-inner:hover .rtin-proj10-box-info {
	opacity: 1;
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	transform: rotateY(0deg);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s;
	transition: transform 0.4s, opacity 0.1s;
}


.project10-box-inner .rtin-proj10-box-info {
	display: flex;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	background: #1fa12e;
	color: #fff;
	border-radius: 4px 0 0 4px;
}

.project10-box {
	-webkit-perspective: 1700px;
	-moz-perspective: 1700px;
	perspective: 1700px;
	/* -webkit-perspective-origin: 5% 50%; */
	-moz-perspective-origin: 5% 50%;
	perspective-origin: 5% 50%;
}

.project10-box .project10-box-inner {
	position: relative;
	margin-bottom: 30px;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.project10-box-inner:hover .project10-img-holder img {
	-webkit-transform: translateX(25%);
	-moz-transform: translateX(25%);
	-ms-transform: translateX(25%);
	transform: translateX(25%);
}

.project10-box-inner .project10-img-holder img {
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}

.vc_column_container>.vc_column-inner {
	box-sizing: border-box;
	padding-left: 15px;
	padding-right: 15px;
	width: 100%;
}

.project10-box-inner .rtin-proj10-box-info h3 {
	font-weight: 600;
	margin-bottom: 12px;
}

.project10-box-inner .rtin-proj10-box-info h3 a {
	color: #fff;
}

.project10-box-inner .rtin-proj10-box-info {
	height: 100%;
	width: 50%;
	opacity: 0;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: rotateY(-90deg);
	-moz-transform: rotateY(-90deg);
	transform: rotateY(-90deg);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.5s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.5s;
	transition: transform 0.4s, opacity 0.1s 0.5s;
}

.project10-box-inner .rtin-proj10-box-info {
	display: flex;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	background: #8abe32;
	color: #fff !important;
	border-radius: 4px 0 0 4px;
}

.rtin-section-title-center .rt-section-sub-title-vc,
.style-1 .rt-section-sub-title-vc {
	color: #626262;
	margin: 0 auto;
	font-size: 18px;
}

.rtin-section-title-center {
	text-align: center;
}

.project10-box-inner .project10-img-holder h3 {
	position: absolute;
	bottom: 0px;
	left: 0px;
	font-size: 18px;
	font-weight: 600;
	background-color: #8bc34a;
	border-radius: 4px;
	padding: 18px 24px;
	margin-bottom: 0;
	transition: all 0.3s ease-out 0s;
	width: 350px;
}

.project10-box-inner .project10-img-holder h3 a {
	color: #fff;
}

.rtin-section-title-center p {
	padding-bottom: 30px;

	font-size: 18px;
	font-weight: 400;
}

/* .animition-section {
    padding: 30px;
} */

.content-wrap p {
	color: #000 !important;
	font-size: 18px;

}

.review-sec {
	padding: 15px 0px 15px 0px;
	background-color: #8bc34a;
}

.star.yellow {
	color: #fce836;
	padding-top: 8px;
}

.rating h3 {
	color: #fff;
}

.rating p {
	color: #fce836;
	font-size: 18px;
}


.banner-text::before {
	position: absolute;
	right: 0;
	height: calc(100% + 30px);
	content: "";
	border-right: 1px solid #fff;
	top: -15px;
	bottom: 0;
}

.banner-text .sub {
	display: block;
	text-align: left;
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: #fff;
	margin: 0;
	font-weight: 500;
}

.banner-text h2 {
	color: #fff;
	margin-bottom: 10px;
	font-size: 70px;
	line-height: 80px;
	font-weight: 800;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	margin-bottom: 20px;
}

.banner-text .line {
	width: 80%;
	height: 1px;
	background: #c9c9c9;
	margin: 30px 0;
	margin-left: auto;
}

.banner-text .sub.bottom {
	text-align: right;
}

.banner-text .others {
	margin-top: 20px;
}

.banner-text a {
	background: #f1d335;
	color: #000;
	font-weight: 600;
	text-decoration: none;
	font-size: 14px;
	transition: all 150ms ease-out;
	padding: 15px 30px;
	text-transform: uppercase;
	letter-spacing: 2px;
	position: relative;
	z-index: 1;
	display: inline-block;
	margin-top: 30px;
}

.banner-text a:hover::before {
	opacity: 1;
	transition: 0.4s;
}

.banner-text a::before {
	position: absolute;
	top: 4px;
	left: 4px;
	width: 95%;
	height: 85%;
	content: "";
	border: 1px solid #ccc;
	transition: 0.4s;
	opacity: 0;
}

.banner-text .others p {
	margin: 0;
	font-size: 18px;
	line-height: 30px;
	padding: 3px 0;
	position: relative;
	padding-right: 20px;
}

.banner-text p {
	font-size: 22px;
	font-family: 'Quicksand', sans-serif;
	font-weight: 400;
	color: #fff;
	margin-top: 20px;
	margin-bottom: 50px;
}

.banner-text {
	position: absolute;
	top: 15%;
	right: 200px;
	text-align: right;
	padding-right: 30px;
}

.banner-text::before {
	position: absolute;
	right: 0;
	height: calc(100% + 30px);
	content: "";
	border-right: 1px solid #fff;
	top: -15px;
	bottom: 0;
}

.banner-text .others p {
	margin: 0;
	font-size: 18px;
	line-height: 30px;
	padding: 3px 0;
	position: relative;
	padding-right: 20px;
}

.banner-text p {
	font-size: 22px;
	font-family: 'Quicksand', sans-serif;
	font-weight: 400;
	color: #fff;
	margin-top: 20px;
	margin-bottom: 50px;
}

.banner-sec {
	overflow: hidden;
}

.banner-video {
	position: relative;
	height: 700px;
	background: #000;
}

.banner-video video {
	opacity: 0.6;
}

.banner-text::before {
	position: absolute;
	right: 0;
	height: calc(100% + 30px);
	content: "";
	border-right: 1px solid #fff;
	top: -15px;
	bottom: 0;
}

.banner-text .sub {
	display: block;
	text-align: left;
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: #fff;
	margin: 0;
	font-weight: 500;
}

.banner-text h2 {
	color: #fff;
	margin-bottom: 10px;
	font-size: 70px;
	line-height: 80px;
	font-weight: 800;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	margin-bottom: 20px;
}

.banner-text h2 span {
	color: #f1d335;
	-webkit-animation: textAn 600ms infinite alternate;
	animation: textAn 600ms infinite alternate;
	padding: 0 20px;
	line-height: initial;
	float: right;
}

.banner-text span {
	margin: 0 3px 0 16px !important;
}


@-webkit-keyframes textAn {
	0% {
		background-color: #2175ff;
	}

	100% {
		background-color: #e34099;
	}
}

@keyframes textAn {
	0% {
		background-color: #2175ff;
	}

	100% {
		background-color: #e34099;
	}
}


.banner-text p {
	font-size: 22px;
	font-family: 'Quicksand', sans-serif;
	font-weight: 400;
	color: #fff;
	margin-top: 20px;
	margin-bottom: 50px;
}

.banner-text .sub.bottom {
	text-align: right;
}

.banner-text .line {
	width: 80%;
	height: 1px;
	background: #c9c9c9;
	margin: 30px 0;
	margin-left: auto;
}

.banner-text a {
	background: #f1d335;
	color: #000;
	font-weight: 600;
	text-decoration: none;
	font-size: 14px;
	transition: all 150ms ease-out;
	padding: 15px 30px;
	text-transform: uppercase;
	letter-spacing: 2px;
	position: relative;
	z-index: 1;
	display: inline-block;
	margin-top: 30px;
}

.banner-text a::before {
	position: absolute;
	top: 4px;
	left: 4px;
	width: 95%;
	height: 85%;
	content: "";
	border: 1px solid #ccc;
	transition: 0.4s;
	opacity: 0;
}

.banner-text a:hover::before {
	opacity: 1;
	transition: 0.4s;
}

.banner-text .others {
	margin-top: 20px;
}

.banner-text .others p {
	margin: 0;
	font-size: 18px;
	line-height: 30px;
	padding: 3px 0;
	position: relative;
	padding-right: 20px;
}

.banner-text .others p:before {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 8px;
	height: 8px;
	background: #dfdfdf;
	content: '';
}

/ .banner-text .others p span {
	display: block;
	font-weight: 600;
	font-size: 22px;
}

/ .banner-text .others .highlighted_text {
	display: table;
	background: #000;
	color: #ffeb3e;
	margin-left: auto;
	-webkit-animation: pulse 600ms infinite alternate;
	animation: pulse 600ms infinite alternate;
	padding: 4px 15px;
	margin-top: 5px;
}

@-webkit-keyframes pulse {
	0% {
		background-color: #2175ff;
	}

	100% {
		background-color: #e34099;
	}
}

@keyframes pulse {
	0% {
		background-color: #2175ff;
	}

	100% {
		background-color: #e34099;
	}
}

.sec_title {
	padding: 32px 0 0;
	color: #111;
	/*font-family: var(--montserrat_font);*/
	font-weight: 700;
	font-size: 30px;
	text-align: center;
}

.services-colm-text h4 {
	color: rgb(27, 27, 27);
	font-weight: 500;
	font-size: 19px;
}

.services-heding {
	padding: 20px 0px;
}

.services-colm {
	margin-bottom: 50px;
}

.What-Offer h3 {
	text-align: center;
	color: #111;
	font-size: 32px;
	padding-bottom: 30px;
}

.What-Offer p {
	font-size: 16px;
	text-align: center;
	margin-bottom: 36px;
}

.lead-generation h3 {
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 20px;
}

.lead-generation p {
	font-size: 16px;
}

.lead-generation img {
	width: 100%;
}

.asked-questions {
	padding: 30px 0 30px;
}

.lead-generation li {
	list-style-type: none;
	color: #111;
	font-size: 15px;
	font-weight: 400;
	margin-top: 15px;

}

.explore-your {
	padding-top: 40px;
}

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


.our-tool-colm li {
	display: inline-block;
	list-style: none;
	width: 18%;
	border: 1px solid #ccc;
	margin-right: 18px;
	margin-bottom: 30px;
}

.services-text-center span {
	display: block;
	/*font-style: italic;*/
	color: #111;
	font-weight: 400;
	font-size: 16px;
	/*font-family: Quicksand, sans-serif;*/
	margin-top: 12px;
	text-align: center;
}

.services-text-center {
	padding-bottom: 30px;
}

.services-section-two .color-layer {
	position: absolute;
	left: -500px;
	top: -350px;
	width: 1055px;
	height: 733px;
	border-radius: 60px;
	transform: rotate(45deg);
	background-color: #88bd30;
}

.tab-pane {
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
}

.tab-section-one {
	background-color: #ececec;
}

.services-section-two {
	position: relative;
	overflow: hidden;
	padding: 110px 0px 80px;
}


.services-tabs {
	position: relative;
}

.services-tabs .tab-btns {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
	width: 370px;
	border-radius: 10px;
	padding: 50px 30px 90px;
	background-color: #f7f7fe;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 95%);
}

.services-tabs .tab-btns .tab-btn {
	position: relative;
	display: block;
	background: none;
	font-weight: 400;
	line-height: 24px;
	cursor: pointer;
	width: 100%;
	overflow: hidden;
	border-radius: 7px;
	padding: 18px 40px;
	display: inline-block;
	font-size: var(--font-24);
	color: #111;
	text-transform: capitalize;
	transition: all 500ms ease;

}

.services-tabs .tab-btns .tab-btn:hover,
.services-tabs .tab-btns .tab-btn.active-btn {
	background: #FFF;
}

.services-tabs .tab-btns .tab-btn:hover::before,
.services-tabs .tab-btns .tab-btn.active-btn::before {
	opacity: 1;
	left: 15px;
}

.services-tabs .tab-btns .tab-btn:before {
	position: absolute;
	content: '\f104' !important;
	font-family: 'FontAwesome' !important;
	left: 25px;
	opacity: 0;
	color: var(--main-color);
	font-family: "flaticon";
	font-size: var(--font-15);
	transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
}

.services-tabs .tabs-content {
	position: relative;
	padding-left: 570px;
	padding-top: var(--padding-top-40);
}

.services-tabs .tabs-content .tab {
	position: relative;
	display: none;
}

.services-tabs .tabs-content .tab.active-tab {
	display: block;
}

/ Fact Counter Two / .fact-counter-two {
	position: relative;
	margin-top: var(--margin-top-30);
}

.fact-counter-two .counter-column {
	position: relative;
	margin-bottom: var(--margin-bottom-30);
}

.fact-counter-two .counter-column .inner {
	position: relative;
	text-align: center;
	overflow: hidden;
	border-radius: 6px;
	padding: 30px 15px 25px;
	background-color: #f7f7fe;
}

.fact-counter-two .counter-column .inner .image-layer {
	position: absolute;
	left: 0px;
	top: 60px;
	right: 0px;
	height: 135px;
	background-position: center top;
	background-repeat: no-repeat;
}

.fact-counter-two .counter-column .inner:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	bottom: 0px;
	width: 30%;
	opacity: 0;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	background-color: #89be31;
}

.fact-counter-two .counter-column .inner:hover::before {
	width: 100%;
	opacity: 1;
}

.fact-counter-two .counter-column .inner .content {
	position: relative;
}

.fact-counter-two .counter-column .inner .icon {
	font-weight: 400;
	line-height: 1em;
	display: block;
	color: #000;
	font-size: 50px;
	font-family: "Flaticon";
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	margin-bottom: 25px;
}

.fact-counter-two .count-outer .percentage {
	position: relative;
}

.fact-counter-two .counter-column .inner .count-outer {
	position: relative;
	font-weight: 400;
	line-height: 1em;
	color: #000;
	font-size: 30px;
	font-family: fantasy;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.fact-counter-two .counter-column h5 {
	font-weight: 500;
	margin-top: 10px;
	font-size: 19px;
	font-family: sans-serif;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}


.auto-container {
	position: static;
	max-width: 1200px;
	padding: 0px 15px;
	margin: 0 auto;
}

.sec-title .title {
	position: relative;
	font-weight: 500;
	z-index: 1;
	color: #000;
	font-size: 18px;
	display: inline-block;
	padding-left: 30px;
	font-family: 'Teko';
}

.sec-title .title:after {
	position: absolute;
	content: '';
	left: -20px;
	top: -25px;
	right: 0px;
	width: 238px;
	height: 60px;
	background: url(../img/partner/vector-19.png) no-repeat;
}

.count-text {
	color: #000;
}


.content span {
	display: inline !important;
	color: #111 !important;

}

.landing-tab p {
	/*font-family: 'Fira Sans', sans-serif;*/
	color: #111;
	padding: 10px 0 41px;
	font-size: 16px;
}

.heading-tab-one h2 {
	padding: 20px 0 20px;
}

.paid-channels {
	padding: 40px;
}

.our-paid-channels {
	display: inline-block;
	list-style: none;
	width: 100%;
	margin: 0 auto;
	border: 1px solid #ccc;
	margin-bottom: 30px;
}

.our-paid-channels img {
	margin: 0 auto;
}

.paid-we-use p {
	font-size: 16px;

}

.paid-we-use h3 {
	margin-bottom: 20px;
}

.wafi-lading-one i {
	color: #111 !important;
}


.fact-counter-two .counter-column .inner:hover .icon,
.fact-counter-two .counter-column .inner:hover h5,
.fact-counter-two .counter-column .inner:hover .count-outer:hover {
	color: #fff !important;
}


/*--landing--end--*/


/* -------------PR Css---------------------- */
.press-realease {
	text-align: center;
	border-top: none;
	background: #f3f3f3;
	/* padding: 30px 30px 30px; */
	min-height: 300px;
	margin-bottom: 30px;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
	overflow: hidden;
	margin: 15px 0px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}


.press-realease .features-icon {
	display: flex;
	margin: 18px auto;
}


.services .row>div:first-child .services-card {
	margin-top: 0
}

.services .services-card {
	margin-top: 30px
}

.services.v1,
.services.v2 {
	background: #f8f8f8;
}


.services.v1 .services-card .services-text {
	padding: 30px;
	text-align: center;
	border-radius: 5px 5px 0 0;
	background: var(--color-white)
}

.services.v1 .services-card .services-text h4 {
	font-weight: 700;
	text-transform: capitalize
}

.services.v1 .services-card .services-text h4~p {
	margin-top: 20px
}

.services.v1 .services-card .services-text p~.my-icon {
	margin-top: 45px
}

.services.v1 .services-card .services-text .my-icon {
	position: relative;
	color: var(--color-white);
	font-size: 40px;
	width: 75px;
	height: 75px;
	text-align: center;
	line-height: 75px;
	border-radius: 5px;
	background: var(--color-orange);
	margin: 0 auto -85px;
	z-index: 0
}

.services.v1 .services-card .services-img img {
	width: 100%;
	border-radius: 0 0 5px 5px
}

.services.v2 .services-card .services-header,
.services.v3 .services-card .services-header {
	padding: 20px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 15px;
	border-radius: 5px 5px 0 0
}

.services.v2 .services-card .services-header .my-icon,
.services.v3 .services-card .services-header .my-icon {
	font-size: 40px;
	color: var(--color-orange)
}

.services.v2 .services-card .services-text h4,
.services.v3 .services-card .services-text h4 {
	font-weight: 700;
	font-size: 20px;
	line-height: 30px
}

.services.v2 .services-card .services-img,
.services.v3 .services-card .services-img {
	position: relative;
	overflow: hidden;
	border-radius: 0 0 5px 5px
}

.services.v2 .services-card .services-img img,
.services.v3 .services-card .services-img img {
	width: 100%;
	transition: all .4s ease
}

.services.v2 .services-card .services-img .sev-link,
.services.v3 .services-card .services-img .sev-link {
	position: absolute;
	left: 0;
	bottom: -100%;
	width: 100%;
	padding: 20px 35px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: justify;
	justify-content: space-between;
	font-weight: 700;
	color: var(--color-white);
	text-transform: uppercase;
	background: var(--color-orange)
}

.services.v2 .services-card .services-img .sev-link:hover,
.services.v3 .services-card .services-img .sev-link:hover {
	color: var(--color-black)
}

.services.v2 .services-card:hover .services-img img,
.services.v3 .services-card:hover .services-img img {
	transform: rotate(1.05deg) scale(1.1)
}

.services.v2 .services-card:hover .services-img .sev-link,
.services.v3 .services-card:hover .services-img .sev-link {
	bottom: 0
}

.services.v2 .services-card .services-header,
.services.v2 .services-card .services-img .sev-link:hover {
	background: #fff;
}


/*---whtsapp icon -----*/

.floating_btn {
  position: fixed;
  bottom: 30px;
  right: 30px;
  left: auto;
  width: 100px;
  height: 100px;
  display: flex;
  flex-direction: column;
  align-items:center;
  justify-content:center;
  z-index: 1000;
}
@keyframes pulsing {
	to {
		box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);
	}
}


.contact_icon {
	background-color: #42db87;
	color: #fff;
	width: 60px;
	height: 60px;
	font-size: 30px;
	border-radius: 50px;
	text-align: center;
	box-shadow: 2px 2px 3px #999;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: translatey(0px);
	animation: pulse 1.5s infinite;
	box-shadow: 0 0 0 0 #42db87;
	-webkit-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	-moz-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	-ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	font-weight: normal;
	font-family: sans-serif;
	text-decoration: none !important;
	transition: all 300ms ease-in-out;
}


.text_icon {
	margin-top: 8px;
	color: #75d754 !important;
	font-size: 13px;
}

.bulk-sms li {
	list-style-type: none;
	color: #111;
	font-size: 16px;
	font-weight: 500;
	margin-top: 15px;
}


.bulk-sms li i {
	color: #77da55;
	padding-right: 10px;
}


/*--------- Start Footer Reviews Css--------------*/
ul.review-list {
	display: flex;
	align-items: center;
}

ul.review-list li {
	list-style: none;
	width: auto;
	text-align: center;
	margin: 0 20px;
}

ul.review-list li:first-child {
	margin-left: 0;
}

ul.review-list li img {
	width: 100px;
}


footer.bg-dark.text-inverse .copy-text {
	margin-top: 0;
}

.list-unstyled {
	padding-left: 0;
	list-style: none;
}

ul.presence-list li {
	display: inline-block;
	margin: 0;
	margin-right: 5px;
}

.list-unstyled a {
	color: #fff;
}

.copy-text {
	margin-top: 20px;
}

/*--------- Start Footer Reviews Css--------------*/

.portfolio--4 .portfolio__single {
	background-color: #edf1fa;
	padding: 20px;
}

.portfolio__single {
	border-radius: 16px;
	position: relative;
	overflow: hidden;
	z-index: 0;
}

.portfolio--3 .portfolio__single__img {
	border-radius: 16px;
	overflow: hidden;
}

.portfolio--3 .portfolio__single__img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;

}

.portfolio--4 .portfolio__single__content {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.portfolio--4 .portfolio__single__tag {
	border-radius: 6px;
	color: #054ce0;
	background-color: #ffffff;
}

.portfolio--4.portfolio__single__title {
	margin-bottom: 0;
}

.portfolio__single__title a {
	display: inline;
	line-height: inherit;
	background-size: 0 1px;
}

.portfolio__single__action a i {
	display: inline-block;
	font-size: 16px;
	color: #fff;
}

.portfolio--3.portfolio__single {
	padding: 20px;
	background: #ffffff;
}

.portfolio--3 .portfolio__single__content {
	position: static;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	opacity: 1;
	visibility: visible;
	padding: 0;
	padding-top: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 10px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.portfolio--3 .portfolio__single__title {
	color: #05173d;
	max-width: 350px;
	margin-top: 12px;
}

.gap-30-0 {
	gap: 30px 0;
}

.portfolio__single:hover .portfolio__single__img img {
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}


.partner-card {
	width: 260px;
	height: 260px;
	/* same height for both */
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	background: #fff;
	border-radius: 12px;
	box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.08);
	padding: 20px;
}

.partner-card img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	/* keeps logo proportion */
}


/* ── HERO ── */
.hero {
	background: linear-gradient(135deg, #f0faf4 0%, #e6f5ee 50%, #f5fbf7 100%);
	padding: 80px 5% 70px;
	position: relative;
	overflow: hidden;
}

.hero::before {
	content: '';
	position: absolute;
	top: -80px;
	right: -80px;
	width: 380px;
	height: 380px;
	background: radial-gradient(circle, rgba(94, 184, 122, 0.18) 0%, transparent 70%);
	border-radius: 50%;
}

.hero::after {
	content: '';
	position: absolute;
	bottom: -60px;
	left: -60px;
	width: 300px;
	height: 300px;
	background: radial-gradient(circle, rgba(10, 102, 194, 0.07) 0%, transparent 70%);
	border-radius: 50%;
}

.hero-inner {
	max-width: 900px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	z-index: 1;
}

.li-badge {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	background: var(--accent);
	color: #fff;
	padding: 6px 18px 6px 8px;
	border-radius: 8px;
	font-family: 'Space Grotesk', sans-serif;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.02em;
	margin-bottom: 22px;
	animation: fadeDown 0.6s ease both;
}

.li-in {
	background: #fff;
	color: var(--accent);
	font-size: 13px;
	font-weight: 900;
	padding: 2px 7px;
	border-radius: 4px;
}

.hero h1 {
	font-family: 'Playfair Display', serif;
	font-size: clamp(36px, 6vw, 62px);
	font-weight: 900;
	color: var(--green-dark);
	line-height: 1.12;
	margin-bottom: 10px;
	animation: fadeDown 0.7s 0.1s ease both;
}

.hero h1 em {
	font-style: normal;
	color: var(--accent);
}

.hero-sub {
	font-size: 18px;
	color: var(--text-mid);
	max-width: 640px;
	margin: 18px auto 36px;
	line-height: 1.65;
	animation: fadeDown 0.7s 0.2s ease both;
}

.hero-sub strong {
	color: var(--green-dark);
	font-weight: 600;
}

.hero-pills {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
	margin-bottom: 40px;
	animation: fadeDown 0.7s 0.3s ease both;
}

.pill {
	background: var(--white);
	border: 1.5px solid var(--green-light);
	color: var(--green-dark);
	padding: 9px 20px;
	border-radius: 50px;
	font-size: 14px;
	font-weight: 500;
	display: flex;
	align-items: center;
	gap: 7px;
}

.pill .dot {
	width: 8px;
	height: 8px;
	background: var(--green-light);
	border-radius: 50%;
	flex-shrink: 0;
}

/* ── SECTION LABEL ── */
.section-label {
	text-align: center;
	margin-bottom: 48px;
}

.section-label h2 {
	font-family: 'Playfair Display', serif;
	font-size: clamp(26px, 4vw, 38px);
	font-weight: 700;
	color: var(--green-dark);
	position: relative;
	display: inline-block;
}

.section-label h2::after {
	content: '';
	display: block;
	width: 60%;
	height: 3px;
	background: linear-gradient(90deg, var(--green-light), transparent);
	margin: 8px auto 0;
	border-radius: 2px;
}

.section-label p {
	font-size: 16px;
	color: var(--text-light);
	margin-top: 10px;
}

/* ── WHAT YOU GET ── */
.what-you-get {
	padding: 80px 5%;
	background: var(--white);
}

.services-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 24px;
	max-width: 1100px;
	margin: 0 auto;
}

.service-card {
	background: var(--bg);
	border: 1.5px solid #daeee3;
	border-radius: 18px;
	padding: 30px 28px;
	transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s;
	position: relative;
	overflow: hidden;
}

.service-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(90deg, var(--green-mid), var(--green-light));
	border-radius: 18px 18px 0 0;
}

.service-card:hover {
	transform: translateY(-5px);
	box-shadow: var(--shadow);
	border-color: var(--green-light);
}

.card-icon {
	width: 50px;
	height: 50px;
	background: var(--green-pale);
	border-radius: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
	margin-bottom: 18px;
}

/* .service-card h3 {
	font-family: 'Space Grotesk', sans-serif;
	font-size: 17px;
	font-weight: 700;
	color: var(--green-dark);
	margin-bottom: 10px;
} */

.service-card p {
	font-size: 14px;
	color: var(--text-mid);
	line-height: 1.6;
}

.service-card ul {
	list-style: none;
	margin-top: 10px;
}

.service-card ul li {
	font-size: 14px;
	color: var(--text-mid);
	padding: 4px 0;
	display: flex;
	align-items: flex-start;
	gap: 8px;
}

.service-card ul li::before {
	content: '✓';
	color: var(--green-mid);
	font-weight: 700;
	flex-shrink: 0;
}

/* ── HOW IT WORKS ── */
.how-it-works {
	padding: 80px 5%;
	background: linear-gradient(160deg, #edf8f2 0%, #f4f9f6 100%);
}

.steps-row {
	display: flex;
	flex-wrap: wrap;
	gap: 0;
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
}

.steps-row::before {
	content: '';
	position: absolute;
	top: 32px;
	left: 40px;
	right: 40px;
	height: 2px;
	background: linear-gradient(90deg, var(--green-light), var(--accent), var(--green-light));
	z-index: 0;
}

.step {
	flex: 1;
	min-width: 180px;
	text-align: center;
	padding: 0 20px;
	position: relative;
	z-index: 1;
}

.step-num {
	width: 64px;
	height: 64px;
	background: var(--green-dark);
	color: #fff;
	border-radius: 50%;
	font-family: 'Playfair Display', serif;
	font-size: 24px;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 16px;
	border: 4px solid var(--white);
	box-shadow: 0 4px 18px rgba(30, 80, 50, 0.18);
}

.step h4 {
	font-family: 'Space Grotesk', sans-serif;
	font-size: 14px;
	font-weight: 700;
	color: var(--green-dark);
	margin-bottom: 7px;
}

.step p {
	font-size: 13px;
	color: var(--text-light);
	line-height: 1.55;
}

.step p strong {
	color: var(--accent);
	font-weight: 600;
}

/* ── PRICING ── */
.pricing {
	padding: 80px 5%;
	background: var(--white);
}

.price-card {
	max-width: 520px;
	margin: 0 auto;
	background: linear-gradient(145deg, var(--green-dark) 0%, #1f7048 100%);
	border-radius: 24px;
	padding: 48px 44px;
	text-align: center;
	color: #fff;
	position: relative;
	overflow: hidden;
	box-shadow: 0 16px 60px rgba(26, 92, 56, 0.30);
}

.price-card::before {
	content: '';
	position: absolute;
	top: -60px;
	right: -60px;
	width: 200px;
	height: 200px;
	background: rgba(255, 255, 255, 0.05);
	border-radius: 50%;
}

.special-label {
	display: inline-block;
	background: var(--gold);
	color: #fff;
	font-family: 'Space Grotesk', sans-serif;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	padding: 5px 16px;
	border-radius: 50px;
	margin-bottom: 22px;
}

.price-card h3 {
	font-family: 'Playfair Display', serif;
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 28px;
	opacity: 0.9;
}

.price-row {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 28px;
	margin-bottom: 28px;
}

.price-original {
	font-size: 20px;
	opacity: 0.5;
	text-decoration: line-through;
}

.price-original small {
	font-size: 14px;
}

.price-now {
	font-family: 'Playfair Display', serif;
	font-size: 52px;
	font-weight: 900;
	line-height: 1;
	color: #fff;
}

.price-now small {
	font-size: 22px;
	font-family: 'DM Sans', sans-serif;
	font-weight: 400;
}

.price-save {
	background: rgba(255, 255, 255, 0.12);
	border-radius: 8px;
	padding: 10px 20px;
	font-size: 14px;
	margin-bottom: 30px;
	display: inline-block;
}

.cta-btn {
	display: inline-block;
	background: #fff;
	color: var(--green-dark);
	font-family: 'Space Grotesk', sans-serif;
	font-size: 16px;
	font-weight: 700;
	padding: 16px 44px;
	border-radius: 50px;
	text-decoration: none;
	letter-spacing: 0.02em;
	transition: transform 0.2s, box-shadow 0.2s;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

.cta-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.20);
}


/*  New design Css */

/* =========================================
   OUR SERVICES SECTION
========================================= */

.our-services {
	position: relative;
	padding: 110px 0;
	background: #030303;
	overflow: hidden;
	min-height: 100vh;
}

/* Left glow */
.our-services::before {
	content: "";
	position: absolute;
	top: -200px;
	left: -250px;
	width: 800px;
	height: 800px;
	border-radius: 50%;
	background: radial-gradient(circle,
			rgba(0, 255, 102, 0.18) 0%,
			rgba(0, 255, 102, 0.07) 35%,
			transparent 70%);
	filter: blur(80px);
	z-index: 0;
}

/* Right glow */
.our-services::after {
	content: "";
	position: absolute;
	bottom: -250px;
	right: -250px;
	width: 800px;
	height: 800px;
	border-radius: 50%;
	background: radial-gradient(circle,
			rgba(0, 255, 140, 0.14) 0%,
			rgba(0, 255, 110, 0.06) 35%,
			transparent 70%);
	filter: blur(90px);
	z-index: 0;
}

/* Grid overlay */
.grid-overlay {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	pointer-events: none;
	background-image:
		linear-gradient(rgba(0, 255, 110, 0.04) 1px, transparent 1px),
		linear-gradient(90deg, rgba(0, 255, 110, 0.04) 1px, transparent 1px);
	background-size: 55px 55px;
}

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

/* =========================================
   SECTION TITLE
========================================= */

.section-title {
	position: relative;
	z-index: 3;
}

.section-title.section-title-center {
	text-align: center;
	max-width: 900px;
	margin: 0 auto 70px;
}

.section-title h3 {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #00ff88;
	padding: 12px 28px;
	border-radius: 100px;
	border: 1px solid rgba(0, 255, 110, 0.15);
	background: rgba(0, 255, 110, 0.03);
	backdrop-filter: blur(8px);
	margin-bottom: 20px;
}

.section-title h2 {
	font-size: 50px;
	line-height: 1.15;
	font-weight: 500;
	color: #fff;
}

.section-title h2 span {
	font-weight: 700;
	background: linear-gradient(90deg,
			#a6ff00,
			#a6ff00,
			#a6ff00);
	background-size: 300%;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: gradientMove 5s linear infinite;
}

@keyframes gradientMove {
	0% {
		background-position: 0%;
	}

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

/* =========================================
   SERVICE CARD
========================================= */

.service-item {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 35px;
	border-radius: 28px;
	overflow: hidden;
	height: calc(100% - 30px);
	margin-bottom: 30px;

	background: linear-gradient(145deg,
			rgba(255, 255, 255, 0.02),
			rgba(0, 255, 110, 0.03));

	border: 1px solid rgba(0, 255, 110, 0.12);
	backdrop-filter: blur(14px);

	box-shadow:
		inset 0 0 0 1px rgba(255, 255, 255, 0.02),
		0 0 30px rgba(0, 255, 110, 0.02);

	transition: all 0.4s ease;
}

/* Card glow */
.service-item::before {
	content: "";
	position: absolute;
	top: -100px;
	right: -100px;
	width: 260px;
	height: 260px;
	border-radius: 50%;
	background: radial-gradient(circle,
			rgba(0, 255, 110, 0.14) 0%,
			transparent 70%);
	filter: blur(25px);
	transition: all .4s ease;
}

/* Border animation */
.service-item::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 28px;
	padding: 1px;

	background: linear-gradient(135deg,
			rgba(0, 255, 110, 0.4),
			transparent,
			rgba(0, 255, 110, 0.2));

	-webkit-mask:
		linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);

	-webkit-mask-composite: xor;
	mask-composite: exclude;

	opacity: 0;
	transition: .4s;
}

.service-item:hover {
	transform: translateY(-10px);
	border-color: rgba(0, 255, 110, 0.25);
	box-shadow:
		0 0 25px rgba(0, 255, 110, 0.07),
		0 0 50px rgba(0, 255, 110, 0.04);
}

.service-item:hover::after {
	opacity: 1;
}

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

/* =========================================
   CARD CONTENT
========================================= */

.service-item-content {
	position: relative;
	z-index: 3;
	margin-bottom: 35px;
}

.service-item-content h3 {
	margin-bottom: 18px;
}

.service-item-content h3 a {
	color: #fff;
	font-size: 30px;
	font-weight: 600;
	text-decoration: none;
	transition: .3s;
}

.service-item:hover .service-item-content h3 a {
	color: #00ff88;
}

.service-item-content p {
	font-size: 16px;
	line-height: 1.8;
	color: rgba(255, 255, 255, 0.72);
}

/* =========================================
   IMAGE
========================================= */

.service-item-image {
	width: 100%;
	text-align: center;
	position: relative;
	z-index: 3;
}

.service-item-image img {
	max-width: 100%;
	transition: .5s;
	filter: drop-shadow(0 0 20px rgba(0, 255, 110, 0.08));
}

.service-item:hover .service-item-image img {
	transform: scale(1.05);
}

/* =========================================
   SERVICE LIST
========================================= */

.service-list {
	margin-top: 30px;
}

.service-list ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 18px;
	list-style: none;
	padding: 0;
}

.service-list ul li {
	position: relative;
	padding: 12px 22px 12px 48px;
	border-radius: 50px;
	color: #d8ffd8;
	font-size: 14px;
	border: 1px solid rgba(0, 255, 110, 0.10);
	background: rgba(0, 255, 110, 0.03);
	transition: .3s;
}

.service-list ul li::before {
	content: "";
	position: absolute;
	left: 22px;
	top: 50%;
	width: 8px;
	height: 8px;
	border-radius: 2px;
	transform: translateY(-50%) rotate(45deg);
	background: #00ff88;
	box-shadow:
		0 0 8px rgba(0, 255, 110, 0.8),
		0 0 14px rgba(0, 255, 110, 0.4);
}

.service-list ul li:hover {
	transform: translateY(-4px);
	background: rgba(0, 255, 110, 0.07);
	border-color: rgba(0, 255, 110, 0.25);
}

/* =========================================
   RESPONSIVE
========================================= */

@media(max-width:991px) {
	.section-title h2 {
		font-size: 46px;
	}

	.service-item-content h3 a {
		font-size: 24px;
	}
}

@media(max-width:767px) {
	.our-services {
		padding: 70px 0;
	}

	.section-title h2 {
		font-size: 34px;
	}
}


/* =========================================
   VIEW ALL SERVICES BUTTON
========================================= */

.services-btn {
	margin-top: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}

.btn-view-services {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 12px;

	padding: 16px 34px;
	border-radius: 70px;

	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
	color: #ffffff;

	border: 1px solid rgba(0, 255, 110, 0.18);

	background: linear-gradient(135deg,
			rgba(0, 255, 110, 0.10),
			rgba(0, 255, 110, 0.04));

	backdrop-filter: blur(12px);
	overflow: hidden;

	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.06),
		0 0 20px rgba(0, 255, 110, 0.06);

	transition: all .35s ease;
}

/* shine animation */
.btn-view-services::before {
	content: "";
	position: absolute;
	top: 0;
	left: -120%;
	width: 100%;
	height: 100%;

	background: linear-gradient(90deg,
			transparent,
			rgba(255, 255, 255, 0.18),
			transparent);

	transition: all .8s ease;
}

.services-btn span {
	color: #fff;
}

/* icon */
.btn-view-services i {
	font-size: 14px;
	transition: transform .3s ease;
}

/* hover */
.btn-view-services:hover {
	transform: translateY(-4px);
	color: #ffffff;

	border-color: rgba(0, 255, 110, 0.35);

	background: linear-gradient(135deg,
			rgba(0, 255, 110, 0.22) 0%,
			rgba(0, 255, 140, 0.12) 50%,
			rgba(0, 255, 110, 0.08) 100%);

	box-shadow:
		0 0 25px rgba(0, 255, 110, 0.15),
		0 0 50px rgba(0, 255, 110, 0.08);
}


.btn-view-services:hover::before {
	left: 120%;
}

.btn-view-services:hover i {
	transform: translateX(4px);
}


/*  */
/************************************/
/*** 	   06. About Us css		  ***/
/************************************/

/*=========================================
 ABOUT US - AI FUTURISTIC DARK THEME
 SAME CLASSES UPDATED
=========================================*/

.about-us {
	padding: 100px 0;
	background-color: #000;
	position: relative;
	overflow: hidden;
}

.about-us::before {
	content: '';
	position: absolute;

	width: 1400px;
	height: 1400px;

	background: radial-gradient(circle,
			rgba(0, 255, 153, 0.22) 0%,
			rgba(0, 255, 153, 0.12) 18%,
			rgba(0, 255, 153, 0.06) 38%,
			transparent 75%);

	top: -700px;
	left: -450px;

	filter: blur(60px);

	z-index: 0;
}

.about-us::after {
	content: '';
	position: absolute;

	width: 1200px;
	height: 1200px;

	background: radial-gradient(circle,
			rgba(0, 255, 153, 0.16) 0%,
			rgba(0, 255, 153, 0.08) 28%,
			transparent 75%);

	bottom: -650px;
	right: -350px;

	filter: blur(70px);

	z-index: 0;
}

.about-image-boxx {
	margin-right: 30px;
}

.about-us-counters {
	display: flex;
	flex-wrap: wrap;
	gap: 30px 60px;
	margin-bottom: 40px;
}

/*========================
 COUNTER
========================*/

.about-counter-item h2 {
	font-size: 52px;
	font-weight: 700;
	display: inline-block;
	background: linear-gradient(90deg,
			#00ff99 0%,
			#7dffd1 50%,
			#00ff99 100%);
	background-size: 200% auto;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	transition: all 0.4s ease-in-out;
	margin-bottom: 10px;
	text-shadow: 0 0 20px rgba(0, 255, 153, 0.15);
}

.about-counter-item:hover h2 {
	background-position: right center;
}

.about-counter-item p {
	margin-bottom: 0;
	color: #9ca3af;
}

/*========================
 IMAGE
========================*/

.about-us-image {
	position: relative;
}

.about-us-image figure {
	display: block;
	border-radius: 20px;
	overflow: hidden;
}

.about-us-image figure img {
	width: 100%;
	aspect-ratio: 1 / 1.045;
	object-fit: cover;
	border-radius: 20px;
	transition: all 0.5s ease;
}

.about-us-image:hover figure img {
	transform: scale(1.04);
}

/*========================
 INFO BOX
========================*/

.about-info-boxx {
	position: absolute;
	bottom: 25px;
	left: 25px;
	width: 100%;
	max-width: 270px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;

	background: rgba(0, 255, 153, 0.06);
	border: 1px solid rgba(0, 255, 153, 0.15);

	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);

	border-radius: 18px;
	padding: 22px;
	z-index: 1;

	box-shadow:
		0 0 30px rgba(0, 255, 153, 0.06),
		inset 0 0 20px rgba(255, 255, 255, 0.02);
}


.about-info-boxx .icon-boxx {
	width: 48px;
	height: 48px;
	display: flex;
	justify-content: center;
	align-items: center;

	background: linear-gradient(135deg,
			#00ff99 0%,
			#00cc7a 100%);

	border-radius: 50%;
	margin-right: 15px;

	transition: all 0.3s ease-in-out;

	box-shadow: 0 0 18px rgba(0, 255, 153, 0.35);
}

.about-info-boxx:hover .icon-boxx {
	transform: scale(1.08);
}

.about-info-boxx .icon-boxx img {
	width: 100%;
	max-width: 22px;
}

.about-info-content {
	width: 100%;
	max-width: calc(100% - 63px);
}

.about-info-content p {
	margin-bottom: 2px;
	color: #9ca3af;
}

.about-info-content h3 {
	font-size: 16px;
	line-height: 1.5em;
	color: #fff;
}

.about-info-content h3 a {
	color: inherit;
	transition: all 0.3s ease-in-out;
}

.about-info-content h3 a:hover {
	color: #00ff99;
}

/*========================
 TEXT EFFECT
========================*/

.text-effect .line {
	width: 100%;
	color: rgba(255, 255, 255, 0.15);
	background: linear-gradient(to right, #00ff99, #00ff99) no-repeat;
	-webkit-background-clip: text;
	background-clip: text;
	background-size: 0%;
}

/*========================
 ABOUT BODY
========================*/

.about-us-body {
	display: flex;
	align-items: center;
	width: 100%;
	max-width: 85%;
	margin-top: 60px;
}

.about-us-body .icon-boxx {
	margin-right: 50px;
}

.about-us-body .icon-boxx a {
	display: block;
}

.about-us-body .icon-boxx a img {
	width: 100%;
	max-width: 80px;
	transition: all 0.4s ease-in-out;
	transform: rotate(-45deg);
	filter: drop-shadow(0 0 14px rgba(0, 255, 153, 0.35));
}

.about-us-body .icon-boxx a:hover img {
	transform: rotate(0);
}

.about-body-content {
	width: calc(100% - 130px);
}

.about-body-content p {
	margin-bottom: 0;
	color: #9ca3af;
	line-height: 1.9em;
}

/*========================
 BOXES
========================*/

.about-us-boxes,
.about-us-box-new {

	background:
		linear-gradient(180deg,
			rgba(10, 10, 10, 0.96) 0%,
			rgba(0, 20, 10, 0.92) 100%);

	border: 1px solid rgba(0, 255, 153, 0.12);

	border-radius: 24px;

	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;

	height: calc(100% - 30px);

	margin-bottom: 30px;

	padding: 35px;

	position: relative;
	overflow: hidden;

	transition: all 0.4s ease;
}

/* spread glow */
.about-us-boxes::before,
.about-us-box-new::before {
	content: '';
	position: absolute;

	width: 420px;
	height: 420px;

	background: radial-gradient(circle,
			rgba(0, 255, 153, 0.14) 0%,
			rgba(0, 255, 153, 0.06) 35%,
			transparent 75%);

	top: -180px;
	right: -120px;

	filter: blur(30px);
}

.about-us-boxes:hover,
.about-us-box-new:hover {
	transform: translateY(-6px);

	border-color: rgba(0, 255, 153, 0.28);

	box-shadow:
		0 0 35px rgba(0, 255, 153, 0.08),
		inset 0 0 20px rgba(0, 255, 153, 0.03);
}

/*========================
 ITEM
========================*/

.about-us-item {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 50px;
	margin-bottom: 40px;
}

.about-item-content {
	width: calc(100% - 90px);
}

.about-item-content h3 {
	font-size: 16px;
	line-height: 1.5em;
	margin-bottom: 25px;
	color: #9ca3af;
}

.about-item-content h2 {
	font-size: 52px;
	font-weight: 700;
	color: #00ff99;
	text-shadow: 0 0 20px rgba(0, 255, 153, 0.12);
}

.about-item-content span {
	color: #fff;
}

/*========================
 RESPONSIVE
========================*/

@media only screen and (max-width: 991px) {

	.about-us {
		padding: 80px 0;
	}

	.about-us-body {
		max-width: 100%;
	}

	.about-counter-item h2 {
		font-size: 42px;
	}
}

@media only screen and (max-width: 767px) {

	.about-image-boxx {
		margin-right: 0;
		margin-bottom: 40px;
	}

	.about-us-counters {
		gap: 25px;
	}

	.about-counter-item h2 {
		font-size: 34px;
	}

	.about-us-body {
		flex-direction: column;
		align-items: flex-start;
	}

	.about-us-body .icon-boxx {
		margin-right: 0;
		margin-bottom: 20px;
	}

	.about-body-content {
		width: 100%;
	}

	.about-item-content h2 {
		font-size: 40px;
	}

	.about-us-boxes,
	.about-us-box-new {
		padding: 25px;
	}
}

/*  */

/************************************/
/*** 	 08. Why Choose Us css 	  ***/
/************************************/


.why-choose-us {
	padding: 100px 0;
	background-color: #000;
	position: relative;
	overflow: hidden;
}

.why-choose-us::before {
	content: '';
	position: absolute;
	width: 1200px;
	height: 1200px;
	background: radial-gradient(circle,
			rgba(0, 255, 153, 0.18) 0%,
			rgba(0, 255, 153, 0.10) 20%,
			rgba(0, 255, 153, 0.04) 45%,
			transparent 75%);
	top: -500px;
	left: -300px;
	filter: blur(40px);
	z-index: 0;
}

.why-choose-us::after {
	content: '';
	position: absolute;
	width: 1000px;
	height: 1000px;
	background: radial-gradient(circle,
			rgba(0, 255, 153, 0.12) 0%,
			rgba(0, 255, 153, 0.06) 30%,
			transparent 75%);
	bottom: -450px;
	right: -250px;
	filter: blur(50px);
	z-index: 0;
}

.why-choose-us .section-content-btn {
	margin-left: 30px;
}

/*========================
 CARD STYLE
========================*/


/* Spread gradient inside each card */

.why-choose-item {
	position: relative;
	border: 1px solid rgba(0, 255, 153, 0.12);
	background: linear-gradient(180deg,
			rgba(8, 8, 8, 0.96) 0%,
			rgba(0, 20, 10, 0.92) 100%);
	border-radius: 24px;
	overflow: hidden;
	z-index: 1;
}

/* BIG spread glow */
.why-choose-item::after {
	content: '';
	position: absolute;
	width: 500px;
	height: 500px;

	background: radial-gradient(circle,
			rgba(0, 255, 153, 0.18) 0%,
			rgba(0, 255, 153, 0.10) 20%,
			rgba(0, 255, 153, 0.05) 40%,
			transparent 75%);

	top: -180px;
	right: -180px;

	filter: blur(30px);
	z-index: -1;
	transition: all 0.5s ease;
}

/* bottom spread */
.why-choose-item::before {
	content: '';
	position: absolute;
	width: 450px;
	height: 450px;

	background: radial-gradient(circle,
			rgba(0, 255, 153, 0.10) 0%,
			rgba(0, 255, 153, 0.04) 35%,
			transparent 75%);

	bottom: -220px;
	left: -120px;

	filter: blur(40px);
	z-index: -1;
}

/* hover effect */
.why-choose-item:hover::after {
	transform: scale(1.1);
	opacity: 1;
}

.why-choose-item:hover {
	border-color: rgba(0, 255, 153, 0.3);
	box-shadow:
		0 0 40px rgba(0, 255, 153, 0.08),
		inset 0 0 20px rgba(0, 255, 153, 0.03);
}

/*========================
 BOXES
========================*/

.why-choose-box-1,
.why-choose-box-4 {
	background-image: none;
}

.why-choose-box-1 .why-choose-content {
	margin: 40px 40px 50px;
}

.why-choose-content h3 {
	font-size: 28px;
	line-height: 1.3em;
	font-weight: 700;
	color: #fff;
	margin-bottom: 15px;
}

.why-choose-content p {
	margin: 0;
	color: #9ca3af;
	font-size: 16px;
	line-height: 1.8em;
}

/*========================
 IMAGE
========================*/

.why-choose-img-1 img {
	width: 100%;
	object-fit: cover;
	border-radius: 18px;
	transition: all 0.4s ease;
}

.why-choose-item:hover .why-choose-img-1 img,
.why-choose-item:hover .why-choose-img-2 img {
	transform: scale(1.03);
}

/*========================
 CONTENT LIST
========================*/

.why-choose-content-list {
	margin-top: -20px;
	margin-bottom: 40px;
}

/* MAIN TICKER */
.why-choose-content-list .scrolling-ticker-item {
	--gap: 15px;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	position: relative;
	padding: 0;
	background: transparent;
}

/* SCROLLING CONTENT */
.why-choose-content-list .scrolling-ticker-item .scrolling-content {
	display: inline-flex;
	align-items: center;
	gap: 15px;
	white-space: nowrap;
	flex-wrap: nowrap;

	animation: scroll 25s linear infinite;
	width: max-content;
}

/* SINGLE TAG */
.why-choose-content-list .scrolling-ticker-item .scrolling-content span {
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;

	font-size: 15px;
	font-weight: 500;
	color: #d1fae5;

	background: rgba(0, 255, 153, 0.05);

	border: 1px solid rgba(0, 255, 153, 0.12);

	border-radius: 50px;

	padding: 12px 18px;

	backdrop-filter: blur(10px);

	white-space: nowrap;
}

/* ICON */
.why-choose-content-list .scrolling-ticker-item .scrolling-content span img {
	width: 18px;
	min-width: 18px;
	margin-right: 10px;
}

/* ANIMATION */
@keyframes scroll {
	from {
		transform: translateX(0);
	}

	to {
		transform: translateX(-50%);
	}
}

/*========================
 BOX 2
========================*/

.why-choose-box-2 {
	background-image: none;
	text-align: center;
	padding: 40px 45px;
}

.why-choose-box-2 .review-images {
	margin: 30px 0;
}

.why-choose-box-2 .review-images .review-image img {
	max-width: 52px;
	border: 2px solid #00ff99;
	box-shadow: 0 0 12px rgba(0, 255, 153, 0.25);
}

.why-choose-box-2 .why-choose-content p:first-child {
	margin: 0;
}

/*========================
 BOX 3
========================*/

.why-choose-box-3 {
	display: flex;
	background-image: none;
	padding: 35px;
	align-items: center;
}

.why-choose-body {
	width: calc(100% - 80px);
}

.why-choose-btn {
	margin-top: 30px;
}

.why-choose-body-image {
	align-content: end;
	margin-right: -15px;
	margin-bottom: -40px;
}

.why-choose-body-image figure {
	display: block;
}

.why-choose-body-image img {
	width: 100%;
	max-width: 95px;
	filter: drop-shadow(0 0 12px rgba(0, 255, 153, 0.35));
}

/*========================
 BOX 4
========================*/

.why-choose-box-4 {
	padding: 15px;
}

.why-choose-box-4 .why-choose-content {
	margin: 25px;
}

.why-choose-img-2 figure {
	display: block;
	border-radius: 18px;
	overflow: hidden;
}

.why-choose-img-2 img {
	width: 100%;
	aspect-ratio: 1 / 0.87;
	border-radius: 18px;
	object-fit: cover;
	transition: all 0.4s ease;
}

/*========================
 TAG LIST
========================*/

.why-choose-list {
	width: 100%;
	max-width: 1000px;
	margin: 40px auto 0;
}

.why-choose-list ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.why-choose-list ul li {
	position: relative;
	border: 1px solid rgba(0, 255, 153, 0.15);
	background: rgba(0, 255, 153, 0.04);
	color: #d1fae5;
	border-radius: 100px;
	padding: 12px 20px 12px 48px;
	transition: all 0.3s ease;
	backdrop-filter: blur(10px);
}

.why-choose-list ul li::before {
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	background: #00ff99;
	border-radius: 50%;
	left: 22px;
	top: 50%;
	transform: translateY(-50%);
	box-shadow: 0 0 12px #00ff99;
}

.why-choose-list ul li:hover {
	transform: translateY(-3px);
	border-color: rgba(0, 255, 153, 0.35);
	box-shadow: 0 0 20px rgba(0, 255, 153, 0.08);
}

/*========================
 SCROLLING
========================*/

.scrolling-content span {
	display: inline-block;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.2em;
	text-transform: capitalize;
	color: #00ff99;
	vertical-align: middle;
}

.why-choose-content-list .scrolling-ticker-item {
	--gap: 15px;
	width: 100%;
	top: auto;
	left: auto;
	background: transparent;
	transform: rotate(0);
	padding: 0;
}

.scrolling-ticker-item {
	--gap: 30px;
	position: relative;
	top: -25px;
	left: -5px;
	width: 102%;
	display: flex;
	overflow: hidden;
	user-select: none;
	gap: var(--gap);
	align-items: center;
	padding: 22px 0;
	transform: rotate(-2deg);
}

/*========================
 REVIEW IMAGES
========================*/

.review-images {
	display: inline-flex;
	align-items: center;
}

.review-image {
	margin-left: -10px;
}

.review-image:first-child {
	margin-left: 0;
}

.review-image img {
	width: 100%;
	max-width: 45px;
	border-radius: 50%;
}

/*========================
 RESPONSIVE
========================*/

@media only screen and (max-width: 991px) {

	.why-choose-us {
		padding: 80px 0;
	}

	.why-choose-content h3 {
		font-size: 24px;
	}

	.why-choose-box-3 {
		flex-direction: column;
	}

	.why-choose-body {
		width: 100%;
	}

	.why-choose-body-image {
		margin-top: 30px;
	}
}

@media only screen and (max-width: 767px) {

	.why-choose-content h3 {
		font-size: 22px;
	}

	.why-choose-box-1 .why-choose-content {
		margin: 25px;
	}

	.why-choose-box-2,
	.why-choose-box-3 {
		padding: 25px;
	}

	.why-choose-list ul {
		gap: 12px;
	}

	.why-choose-list ul li {
		width: 100%;
		text-align: center;
	}
}


/************************************/
/***     07. How It Work css      ***/
/************************************/

/* =========================================
   HOW IT WORK SECTION
========================================= */

.how-it-work {
	position: relative;
	padding: 120px 0;
	background: #020302;
	overflow: hidden;
}

/* GREEN GLOW EFFECT */

.how-it-work::before {
	content: '';
	position: absolute;
	top: -250px;
	left: -200px;
	width: 500px;
	height: 500px;
	background: rgba(108, 255, 63, 0.18);
	filter: blur(140px);
	border-radius: 50%;
}

.how-it-work::after {
	content: '';
	position: absolute;
	bottom: -250px;
	right: -200px;
	width: 500px;
	height: 500px;
	background: rgba(108, 255, 63, 0.14);
	filter: blur(140px);
	border-radius: 50%;
}

/* GRID LINES */

.how-it-work .container {
	position: relative;
	z-index: 2;
}

.how-it-work .container::before {
	content: '';
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(rgba(108, 255, 63, 0.05) 1px, transparent 1px),
		linear-gradient(90deg, rgba(108, 255, 63, 0.05) 1px, transparent 1px);
	background-size: 60px 60px;
	pointer-events: none;
}

/* =========================================
   HOW WORK ITEM
========================================= */

.how-work-item {
	position: relative;
	background: rgba(0, 0, 0, 0.7);
	border: 1px solid rgba(108, 255, 63, 0.12);
	border-radius: 28px;
	padding: 40px 35px;
	display: flex;
	align-items: center;
	margin-bottom: 35px;
	overflow: hidden;
	backdrop-filter: blur(10px);
	transition: all 0.4s ease-in-out;
}

/* CARD GLOW */

.how-work-item::before {
	content: '';
	position: absolute;
	width: 260px;
	height: 260px;
	background: rgba(108, 255, 63, 0.10);
	border-radius: 50%;
	filter: blur(100px);
	top: -120px;
	right: -100px;
}

/* HOVER EFFECT */

.how-work-item:hover {
	transform: translateY(-8px);
	border-color: #6cff3f;
	box-shadow:
		0 0 30px rgba(108, 255, 63, 0.12),
		0 0 80px rgba(108, 255, 63, 0.06);
}

/* =========================================
   HEADER AREA
========================================= */

.how-work-header {
	border-right: 1px solid rgba(108, 255, 63, 0.10);
	margin-right: 40px;
	padding-right: 40px;
	min-width: 140px;
}

/* =========================================
   ICON BOX
========================================= */

.how-work-header .icon-box {
	position: relative;
	width: 75px;
	height: 75px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;

	background:
		linear-gradient(135deg,
			#6cff3f,
			#0d1f08);

	box-shadow:
		0 0 20px rgba(108, 255, 63, 0.25),
		0 0 50px rgba(108, 255, 63, 0.15);

	overflow: hidden;
}

/* ANIMATED GLOW */

.how-work-header .icon-box::before {
	content: '';
	position: absolute;
	inset: 0;

	background:
		linear-gradient(135deg,
			rgba(255, 255, 255, 0.3),
			transparent);

	transform: scale(0);
	transition: all 0.4s ease-in-out;
	border-radius: 50%;
}

.how-work-item:hover .how-work-header .icon-box::before {
	transform: scale(1);
}

.how-work-header .icon-box img {
	position: relative;
	z-index: 2;
	max-width: 34px;
	filter: brightness(0) invert(1);
}

/* =========================================
   STEP NUMBER
========================================= */

.how-work-step-no {
	text-align: center;
	margin-top: 18px;
}

.how-work-step-no p {
	color: #b8ff9f;
	text-transform: uppercase;
	font-size: 13px;
	letter-spacing: 2px;
	margin: 0;
}

/* =========================================
   CONTENT AREA
========================================= */

.how-work-item-content {
	width: calc(100% - 150px);
	position: relative;
	z-index: 2;
}

.how-work-item-content h3 {
	font-size: 28px;
	line-height: 1.3;
	margin-bottom: 15px;
	color: #ffffff;
	font-family: 'Space Grotesk', sans-serif;
}

.how-work-item-content p {
	color: #b8c0b4;
	line-height: 1.9;
	margin: 0;
	font-size: 16px;
}

/* =========================================
   VIDEO CONTENT
========================================= */

.how-work-video-content {
	position: sticky;
	top: 30px;
	margin-left: 15px;
}

/* =========================================
   VIDEO BOX
========================================= */

.how-work-video {
	position: relative;
	width: 100%;
	overflow: hidden;
	border-radius: 30px;
}

/* VIDEO */

.how-work-video video {
	width: 100%;
	height: 700px;
	object-fit: cover;
	border-radius: 30px;
	border: 1px solid rgba(108, 255, 63, 0.12);
}

/* VIDEO OVERLAY */

.how-work-video::before {
	content: '';
	position: absolute;
	inset: 0;
	background:
		linear-gradient(to bottom,
			rgba(0, 0, 0, 0.1),
			rgba(0, 0, 0, 0.6));

	z-index: 1;
}

/* =========================================
   SECTION FOOTER TEXT
========================================= */

.section-footer-text {
	margin-top: 35px;
	text-align: center;
}

.how-work-video-content .section-footer-text {
	margin: 35px 30px 0 30px;
}

.section-footer-text p {
	margin-bottom: 0;
	color: #d7e3d2;
	font-size: 16px;
}

/* TAG */

.section-footer-text span {
	display: inline-block;
	font-size: 13px;
	font-weight: 600;

	background:
		linear-gradient(135deg,
			#6cff3f,
			#315f1d);

	color: #021500;

	padding: 6px 14px;
	border-radius: 99px;
	margin-right: 12px;

	box-shadow:
		0 0 20px rgba(108, 255, 63, 0.2);

	transition: all 0.4s ease-in-out;
}

.section-footer-text p:hover span {
	transform: translateY(-2px);
}

/* LINK */

.section-footer-text p a {
	font-weight: 600;
	text-transform: capitalize;
	text-decoration: underline;
	text-underline-offset: 4px;
	color: #6cff3f;
	transition: all 0.3s ease-in-out;
}

.section-footer-text p a:hover {
	color: #ffffff;
}

/* =========================================
   RESPONSIVE
========================================= */

@media(max-width: 991px) {

	.how-work-item {
		flex-direction: column;
		align-items: flex-start;
	}

	.how-work-header {
		border-right: none;
		border-bottom: 1px solid rgba(108, 255, 63, 0.10);
		margin-right: 0;
		margin-bottom: 30px;
		padding-right: 0;
		padding-bottom: 30px;
		width: 100%;
	}

	.how-work-item-content {
		width: 100%;
	}

	.how-work-video video {
		height: 500px;
	}

}

@media(max-width: 767px) {

	.how-it-work {
		padding: 80px 0;
	}

	.how-work-item {
		padding: 30px 25px;
	}

	.how-work-item-content h3 {
		font-size: 24px;
	}

	.how-work-video video {
		height: 400px;
	}

	.section-footer-text p {
		font-size: 15px;
	}

}


.recognition-section {
	position: relative;
	padding: 110px 0;
	background: #000;
	overflow: hidden;

	/* GRID BACKGROUND */
	background-image:
		linear-gradient(rgba(88, 255, 30, 0.05) 1px, transparent 1px),
		linear-gradient(90deg, rgba(88, 255, 30, 0.05) 1px, transparent 1px);

	background-size: 85px 85px;
}

/* BACKGROUND GLOW */

.recognition-section::before {
	content: '';
	position: absolute;
	top: -250px;
	left: -150px;
	width: 500px;
	height: 500px;
	background: rgba(88, 255, 30, 0.08);
	filter: blur(140px);
	border-radius: 50%;

	/* SLOW ANIMATION */
	animation: glowMoveLeft 14s ease-in-out infinite alternate;
}

.recognition-section::after {
	content: '';
	position: absolute;
	bottom: -300px;
	right: -200px;
	width: 600px;
	height: 600px;
	background: rgba(88, 255, 30, 0.10);
	filter: blur(160px);
	border-radius: 50%;

	/* SLOW ANIMATION */
	animation: glowMoveRight 18s ease-in-out infinite alternate;
}

/* CONTENT */

.recognition-section .container {
	position: relative;
	z-index: 2;
}

/* HEADING */

.ai-badge {
	display: inline-block;
	padding: 10px 24px;
	border: 1px solid rgba(88, 255, 30, 0.18);
	border-radius: 50px;
	color: #58ff1e;
	font-size: 13px;
	letter-spacing: 2px;
	margin-bottom: 25px;

	animation: badgeGlow 4s ease-in-out infinite;
}

.recognition-section h3 {
	color: #fff;
	font-size: 56px;
	line-height: 1.2;
	margin-bottom: 20px;

	animation: headingFloat 6s ease-in-out infinite;
}

.recognition-section h3 span {
	color: #58ff1e;
}

.recognition-section p {
	color: #9d9d9d;
	font-size: 17px;
	line-height: 30px;
	max-width: 700px;
	margin: auto;
}

/* CERTIFICATE CARD */

.cert-card {
	position: relative;
	background: linear-gradient(145deg,
			rgba(255, 255, 255, 0.03),
			rgba(88, 255, 30, 0.04));

	border: 1px solid rgba(88, 255, 30, 0.12);
	border-radius: 30px;
	padding: 24px;
	overflow: hidden;
	backdrop-filter: blur(20px);
	transition: 0.4s ease;
	margin-bottom: 30px;

	/* FLOAT ANIMATION */
	animation: cardFloat 7s ease-in-out infinite;
}

.cert-card:hover {
	transform: translateY(-10px);
	border-color: #58ff1e;
	box-shadow: 0 0 40px rgba(88, 255, 30, 0.12);
}

/* TOP BAR */

.cert-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}

.cert-top span {
	color: #fff;
	font-size: 20px;
	font-weight: 600;
}

.cert-top i {
	color: #58ff1e;
	font-size: 22px;

	animation: iconPulse 3s infinite;
}

/* IMAGE */

.cert-card img {
	width: 100%;
	border-radius: 18px;
	transition: 0.4s ease;
}

.cert-card:hover img {
	transform: scale(1.02);
}


/* ANIMATIONS */

@keyframes glowMoveLeft {

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

	100% {
		transform: translate(60px, 30px) scale(1.08);
	}
}

@keyframes glowMoveRight {

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

	100% {
		transform: translate(-60px, -40px) scale(1.1);
	}
}

@keyframes badgeGlow {

	0% {
		box-shadow: 0 0 0 rgba(88, 255, 30, 0);
	}

	50% {
		box-shadow: 0 0 20px rgba(88, 255, 30, 0.25);
	}

	100% {
		box-shadow: 0 0 0 rgba(88, 255, 30, 0);
	}
}

@keyframes headingFloat {

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

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

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

@keyframes cardFloat {

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

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

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

@keyframes logoFloat {

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

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

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

@keyframes iconPulse {

	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.15);
	}

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

/* MOBILE */

@media(max-width:768px) {

	.recognition-section h3 {
		font-size: 38px;
	}

	.recognition-section p {
		font-size: 15px;
		line-height: 28px;
	}

}





/* CARD */
.service-box {
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.08);
	backdrop-filter: blur(12px);
	border-radius: 24px;
	padding: 35px 25px;
	text-align: center;
	transition: all 0.4s ease;
	height: 100%;
	overflow: hidden;
	position: relative;
}

/* top border animation */
.service-box::before {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 2px;
	background: linear-gradient(90deg, transparent, #62d84e, transparent);
	transition: 0.6s;
}

.service-box:hover::before {
	left: 100%;
}

/* hover */
.service-box:hover {
	transform: translateY(-10px);
	border-color: rgba(98, 216, 78, 0.35);
	box-shadow: 0 15px 45px rgba(0, 255, 80, 0.08);
}

/* ICON */
.features-icon img {
	width: 135px;
	height: 75px;
	object-fit: contain;
	background: #fff;
	padding: 18px;
	border-radius: 18px;
	margin-bottom: 25px;
	transition: 0.4s;
}


.service-box:hover .features-icon img {
	transform: scale(1.08) rotate(3deg);
}

/* TEXT */
.service-content-box h3 {
	margin: 0;
}

.service-content-box h3 a {
	color: #fff !important;
	font-size: 24px;
	font-weight: 600;
	text-decoration: none;
	transition: 0.3s;
}

.service-box:hover .service-content-box h3 a {
	color: #62d84e !important;
}


/*========================================
	PORTFOLIO SECTION PREMIUM DESIGN
========================================*/

.work {
	position: relative;
	z-index: 2;
}

/*========================================
	FILTER BUTTONS
========================================*/

.work ul {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 18px;

	margin-bottom: 70px;
	padding: 0;
}

.work ul li {
	list-style: none;

	padding: 14px 28px;

	cursor: pointer;

	font-size: 13px;
	font-weight: 600;

	letter-spacing: 1px;
	text-transform: uppercase;

	color: rgba(255, 255, 255, 0.75);

	border-radius: 14px;

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

	border: 1px solid rgba(119, 218, 85, 0.12);

	backdrop-filter: blur(10px);

	transition: all 0.4s ease;

	position: relative;
	overflow: hidden;
}

/* Button Shine */
.work ul li::before {
	content: '';

	position: absolute;

	top: -100%;
	left: -100%;

	width: 220%;
	height: 220%;

	background: linear-gradient(120deg,
			transparent,
			rgba(255, 255, 255, 0.14),
			transparent);

	transform: rotate(25deg);

	transition: 0.7s;
}

.work ul li:hover::before {
	top: 100%;
	left: 100%;
}

.work ul li:hover {
	transform: translateY(-4px);

	color: #fff;

	border-color: rgba(119, 218, 85, 0.25);

	box-shadow:
		0 10px 30px rgba(119, 218, 85, 0.15);
}

/* Active */
.work ul li.active {
	color: #000;

	background:
		linear-gradient(135deg,
			#77da55,
			#b8ff65);

	border-color: transparent;

	box-shadow:
		0 12px 35px rgba(119, 218, 85, 0.35);
}

/*========================================
	PORTFOLIO GRID
========================================*/

.work-posts {
	row-gap: 40px;
}

/* Dynamic Layout */
.work-posts .col-md-4:nth-child(2) .item {
	transform: translateY(35px);
}

.work-posts .col-md-4:nth-child(5) .item {
	transform: translateY(-35px);
}

/*========================================
	PORTFOLIO CARD
========================================*/

.item {
	position: relative;

	overflow: hidden;

	border-radius: 28px;

	background:
		linear-gradient(135deg,
			rgba(255, 255, 255, 0.04),
			rgba(255, 255, 255, 0.01));

	border: 1px solid rgba(119, 218, 85, 0.10);

	backdrop-filter: blur(10px);

	transition: all 0.6s ease;

	animation: floatCard 6s ease-in-out infinite;
}

/* Hover */
.item:hover {
	transform: translateY(-14px);

	border-color: #77da55;

	box-shadow:
		0 0 0 1px rgba(119, 218, 85, 0.35),
		0 20px 60px rgba(119, 218, 85, 0.15),
		0 0 50px rgba(119, 218, 85, 0.08);
}

/* Glow Effect */
.item::before {
	content: '';

	position: absolute;

	width: 220px;
	height: 220px;

	background: rgba(119, 218, 85, 0.12);

	border-radius: 50%;

	filter: blur(90px);

	top: -100px;
	right: -80px;

	opacity: 0;

	transition: 0.5s ease;

	z-index: 1;
}

.item:hover::before {
	opacity: 1;
}

/* Dark Overlay */
.item::after {
	content: '';

	position: absolute;
	inset: 0;

	background:
		linear-gradient(to top,
			rgba(0, 0, 0, 0.65),
			rgba(0, 0, 0, 0.10));

	opacity: 0.7;

	transition: 0.4s ease;

	z-index: 1;
}

.item:hover::after {
	opacity: 0.15;
}

/*========================================
	IMAGE
========================================*/

.item img {
	width: 100%;
	display: block;

	border-radius: 28px;

	transition: transform 1.2s ease;
}

/* Zoom Hover */
.item:hover img {
	transform: scale(1.12);
}

/*========================================
	PROJECT TAG
========================================*/

.project-tag {
	position: absolute;

	top: 20px;
	left: 20px;

	z-index: 5;

	padding: 8px 14px;

	border-radius: 50px;

	font-size: 11px;
	font-weight: 600;

	letter-spacing: 1px;

	color: #fff;

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

	border: 1px solid rgba(255, 255, 255, 0.10);

	backdrop-filter: blur(10px);
}

/*========================================
	OVERLAY
========================================*/

.tooltip {
	position: absolute;

	inset: 0;

	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;

	z-index: 3;

	opacity: 0;

	transition: all 0.5s ease;
}

.item:hover .tooltip {
	opacity: 1;
}

/* Project Title */
.tooltip h4 {
	color: #fff;

	font-size: 28px;
	font-weight: 700;

	margin-bottom: 20px;

	transform: translateY(30px);

	transition: 0.5s ease;
}

.item:hover .tooltip h4 {
	transform: translateY(0);
}

/* Link Icon */
.tooltip .align {
	transform: translateY(30px);

	transition: 0.5s ease;
}

.item:hover .tooltip .align {
	transform: translateY(0);
}

.tooltip i {
	width: 75px;
	height: 75px;

	line-height: 75px;
	text-align: center;

	border-radius: 50%;

	font-size: 24px;

	color: #000;

	background:
		linear-gradient(135deg,
			#77da55,
			#b8ff65);

	box-shadow:
		0 12px 35px rgba(119, 218, 85, 0.35);

	transition: 0.4s ease;
}

.tooltip i:hover {
	transform: scale(1.1) rotate(8deg);
}

/*========================================
	VIEW MORE BUTTON
========================================*/

.services-btn {
	text-align: center;
	margin-top: 80px;
}

.btn-view-services {
	position: relative;

	display: inline-flex;
	align-items: center;
	gap: 14px;

	padding: 18px 36px;

	border-radius: 18px;

	color: #fff;

	font-size: 15px;
	font-weight: 600;

	background:
		linear-gradient(135deg,
			rgba(255, 255, 255, 0.04),
			rgba(255, 255, 255, 0.02));

	border: 1px solid rgba(119, 218, 85, 0.15);

	overflow: hidden;

	transition: all 0.4s ease;
}

/* Hover */
.btn-view-services:hover {
	color: #000;

	transform: translateY(-5px);

	background:
		linear-gradient(135deg,
			#77da55,
			#b8ff65);

	box-shadow:
		0 15px 35px rgba(119, 218, 85, 0.30);
}

/* Icon */
.btn-view-services i {
	transition: 0.4s ease;
}

.btn-view-services:hover i {
	transform: translateX(5px);
}

/*========================================
	ANIMATIONS
========================================*/

@keyframes floatCard {

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

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

/*========================================
	RESPONSIVE
========================================*/

@media(max-width:991px) {

	.work ul {
		gap: 12px;
		margin-bottom: 50px;
	}

	.work ul li {
		padding: 12px 20px;
		font-size: 12px;
	}

	.work-posts .col-md-4:nth-child(2) .item,
	.work-posts .col-md-4:nth-child(5) .item {
		transform: none;
	}

	.item {
		border-radius: 22px;
	}

	.item img {
		border-radius: 22px;
	}
}

@media(max-width:576px) {

	.work ul {
		justify-content: center;
	}

	.work ul li {
		width: 100%;
		text-align: center;
	}

	.tooltip h4 {
		font-size: 22px;
	}

	.tooltip i {
		width: 60px;
		height: 60px;
		line-height: 60px;
		font-size: 20px;
	}

	.btn-view-services {
		width: 100%;
		justify-content: center;
	}
}


/* ------ New Page Design  Css ------- */

/* HERO SECTION */

.hero-section {


	position: relative;
	min-height: 100vh;
	display: flex;
	align-items: center;
	overflow: hidden;
	padding: 100px 0;
	background: #050505;
}

/* BACKGROUND GLOW */

.hero-section::before {
	content: '';
	position: absolute;
	width: 600px;
	height: 600px;
	background: radial-gradient(circle, rgba(158, 255, 0, 0.25), transparent 70%);
	top: -200px;
	left: -150px;
	filter: blur(70px);
	animation: glowPulse 8s ease infinite alternate;
}

.hero-section::after {
	content: '';
	position: absolute;
	width: 700px;
	height: 700px;
	background: radial-gradient(circle, rgba(158, 255, 0, 0.18), transparent 70%);
	bottom: -300px;
	right: -200px;
	filter: blur(90px);
	animation: glowPulse2 10s ease infinite alternate;
}

/* GLOW ANIMATION */

@keyframes glowPulse {

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

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

}

@keyframes glowPulse2 {

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

	100% {
		transform: scale(1.15);
		opacity: 0.9;
	}

}

/* HERO CONTENT */

.hero-content {
	position: relative;
	z-index: 5;
}

/* BADGE */

.hero-badge {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 12px 24px;
	border-radius: 50px;
	background: rgba(158, 255, 0, 0.06);
	border: 1px solid rgba(158, 255, 0, 0.15);
	color: #9eff00;
	font-size: 14px;
	margin-bottom: 35px;
	backdrop-filter: blur(12px);
}

/* HERO TITLE */

.hero-title {
	font-size: 78px;
	line-height: 1.02;
	font-weight: 800;
	letter-spacing: -4px;
	color: #fff;
	margin-bottom: 35px;
}

/* GREEN TEXT */

.hero-title span {
	color: #9eff00;
	position: relative;
	/* display: inline-block; */
}

/* GLOW EFFECT */

.hero-title span::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 8px;
	width: 100%;
	height: 15px;
	background: rgba(158, 255, 0, 0.15);
	z-index: -1;
	border-radius: 30px;
	filter: blur(10px);
	animation: glowWidth 2s ease forwards;
}

/* GLOW WIDTH */

@keyframes glowWidth {

	0% {
		width: 0%;
		opacity: 0;
	}

	100% {
		width: 100%;
		opacity: 1;
	}

}

/* DESCRIPTION */

.hero-description {
	font-size: 20px;
	line-height: 1.9;
	color: #bcbcbc;
	max-width: 620px;
	margin-bottom: 45px;
}

/* BUTTONS */

.hero-buttons {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	margin-bottom: 70px;
}

.btn-green {
	background: #9eff00;
	color: #000;
	text-decoration: none;
	padding: 18px 34px;
	border-radius: 60px;
	font-weight: 700;
	transition: 0.4s;
	box-shadow: 0 0 30px rgba(158, 255, 0, 0.25);
}

.btn-green:hover {
	transform: translateY(-5px);
	color: #000;
	box-shadow: 0 0 50px rgba(158, 255, 0, 0.4);
}

.btn-dark {
	border: 1px solid rgba(255, 255, 255, 0.08);
	background: rgba(255, 255, 255, 0.03);
	color: #fff;
	text-decoration: none;
	padding: 18px 34px;
	border-radius: 60px;
	font-weight: 600;
	transition: 0.4s;
	backdrop-filter: blur(10px);
}

.btn-dark:hover {
	transform: translateY(-5px);
	border-color: #9eff00;
	color: #9eff00;
}

/* STATS */

.stats-row {
	display: flex;
	gap: 25px;
	flex-wrap: wrap;
}

.stat-box {
	width: 180px;
	padding: 30px;
	border-radius: 24px;
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.05);
	backdrop-filter: blur(12px);
	transition: 0.4s;
}

.stat-box:hover {
	transform: translateY(-10px);
	border-color: rgba(158, 255, 0, 0.25);
}

.stat-box h3 {
	color: #9eff00;
	font-size: 42px;
	margin-bottom: 10px;
	font-weight: 700;
}

.stat-box p {
	color: #a5a5a5;
	line-height: 1.7;
	font-size: 14px;
	margin: 0;
}

/* RIGHT SIDE */

.hero-image {
	position: relative;
	z-index: 5;
}

/* MAIN CARD */

.dashboard-box {
	position: relative;
	border-radius: 35px;
	padding: 24px;
	background: rgba(10, 10, 10, 0.75);
	border: 1px solid rgba(158, 255, 0, 0.1);
	backdrop-filter: blur(30px);
	box-shadow:
		0 0 50px rgba(158, 255, 0, 0.06),
		inset 0 0 20px rgba(255, 255, 255, 0.02);

	animation: floatSlow 7s ease-in-out infinite;
}

.dashboard-box img {
	width: 100%;
	border-radius: 20px;
}

/* FLOATING TAGS */

.floating-tag {
	position: absolute;
	padding: 18px 24px;
	background: rgba(10, 10, 10, 0.92);
	border: 1px solid rgba(158, 255, 0, 0.12);
	border-radius: 20px;
	backdrop-filter: blur(20px);
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);

	animation: floatMini 5s ease-in-out infinite;
}

.floating-tag h5 {
	color: #9eff00;
	font-size: 18px;
	margin-bottom: 6px;
}

.floating-tag p {
	margin: 0;
	font-size: 13px;
	color: #c5c5c5;
}

.tag-1 {
	top: -20px;
	right: -40px;
}

.tag-2 {
	bottom: 40px;
	left: -40px;
}

/* FLOAT */

@keyframes floatSlow {

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

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

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

}

@keyframes floatMini {

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

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

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

}

/* RESPONSIVE */

@media(max-width:991px) {

	.hero-section {
		text-align: center;
		padding: 80px 0;
	}

	.hero-title {
		font-size: 52px;
	}

	.hero-description {
		font-size: 17px;
		margin: auto;
		margin-bottom: 40px;
	}

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

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

	.hero-image {
		margin-top: 80px;
	}

	.tag-1,
	.tag-2 {
		display: none;
	}

}

@media(max-width:576px) {

	.hero-title {
		font-size: 42px;
		letter-spacing: -2px;
	}

	.hero-description {
		font-size: 15px;
	}

	.btn-green,
	.btn-dark {
		width: 100%;
		text-align: center;
	}

	.stat-box {
		width: 100%;
	}

}

/* HERO SECTION CSS END */

/* =========================
AI SERVICES SECTION  CSS
========================= */

.ai-services-section {
	position: relative;
	padding: 40px 0;
	background: #070707;
	overflow: hidden;
}

/* BACKGROUND GLOW */

.ai-services-section::before {

	content: '';

	position: absolute;

	width: 700px;
	height: 700px;

	background:
		radial-gradient(circle,
			rgba(166, 255, 0, 0.14),
			transparent 70%);

	top: -250px;
	right: -250px;

	filter: blur(100px);

	animation: glowMove 8s ease infinite alternate;

}

/* GLOW ANIMATION */

@keyframes glowMove {

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

	100% {
		transform: translateY(50px);
	}

}

/* SECTION TITLE */

.section-title {

	max-width: 850px;

	margin: auto;

	margin-bottom: 90px;

	position: relative;

	z-index: 5;

}

/* MINI BADGE */

.mini-badge {

	display: inline-flex;

	align-items: center;

	justify-content: center;
	gap: 8px;

	padding: 12px 24px;

	border-radius: 60px;

	background: rgba(166, 255, 0, 0.05);

	border: 1px solid rgba(166, 255, 0, 0.14);

	color: #A6FF00;

	font-size: 14px;

	margin-bottom: 30px;

	backdrop-filter: blur(12px);

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

}

/* TITLE */

.section-title h2 {

	font-size: 68px;

	line-height: 1.05;

	font-weight: 800;

	letter-spacing: -3px;

	color: #ffffff;

	margin-bottom: 30px;

}

/* GREEN TEXT */

.section-title h2 span {

	color: #A6FF00;

	position: relative;

}

/* GLOW UNDER TEXT */

.section-title h2 span::after {

	content: '';

	position: absolute;

	left: 0;

	bottom: 8px;

	width: 100%;

	height: 14px;

	background: rgba(166, 255, 0, 0.14);

	border-radius: 30px;

	filter: blur(10px);

	z-index: -1;

}

/* DESCRIPTION */

.section-title p {

	font-size: 20px;

	line-height: 1.9;

	color: #B5B5B5;

}

/* SERVICES GRID */

.ai-services-section .row {
	row-gap: 30px;
}

/* SERVICE CARD */

.service-card {

	position: relative;

	height: 100%;

	padding: 60px 45px 45px;

	border-radius: 32px;

	background: #0B0B0B;

	border: 1px solid rgba(255, 255, 255, 0.05);

	overflow: hidden;

	transition: 0.5s;

	backdrop-filter: blur(20px);

	box-shadow:
		inset 0 0 0 1px rgba(255, 255, 255, 0.02);

	display: flex;

	flex-direction: column;

	justify-content: flex-start;

}

.service-card i {
	width: 25px;
	height: 25px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(255, 255, 255, 0.08);
	transition: 0.4s;
}

/* CARD HOVER */

.service-card:hover {

	transform: translateY(-12px);

	border-color: rgba(166, 255, 0, 0.22);

	box-shadow:
		0 0 40px rgba(166, 255, 0, 0.08),
		inset 0 0 0 1px rgba(166, 255, 0, 0.04);

}

/* GREEN GLOW */

.service-card::before {

	content: '';

	position: absolute;

	width: 250px;

	height: 250px;

	background:
		radial-gradient(circle,
			rgba(166, 255, 0, 0.12),
			transparent 70%);

	top: -120px;

	right: -120px;

	opacity: 0;

	transition: 0.5s;

}

.service-card:hover::before {
	opacity: 1;
}

/* ==========================================
TOP BAR
========================================== */

.services-top-bar {

	display: flex;

	align-items: center;

	justify-content: space-between;

	gap: 20px;

	margin-bottom: 40px;

	flex-wrap: wrap;

}

/* VIEW ALL BUTTON */

.view-all-btn {

	display: inline-flex;

	align-items: center;

	gap: 12px;

	padding: 18px 30px;

	border-radius: 60px;

	background:
		linear-gradient(135deg,
			rgba(255, 255, 255, 0.03),
			rgba(166, 255, 0, 0.03));

	border: 1px solid rgba(255, 255, 255, 0.08);

	color: #ffffff;

	text-decoration: none;

	font-size: 16px;

	font-weight: 600;

	transition: 0.4s ease;

	position: relative;

	overflow: hidden;

}

/* GLOW */

.view-all-btn::before {

	content: '';

	position: absolute;

	width: 120px;
	height: 120px;

	background:
		radial-gradient(circle,
			rgba(166, 255, 0, 0.12),
			transparent 70%);

	top: -40px;
	right: -40px;

	transition: 0.4s;

}

/* ICON */

.view-all-btn i {

	font-size: 18px;

	transition: 0.4s;

	position: relative;

	z-index: 2;

}

/* TEXT */

.view-all-btn {

	position: relative;

	z-index: 2;

}

/* HOVER */

.view-all-btn:hover {

	transform: translateY(-5px);

	border-color: rgba(166, 255, 0, 0.20);

	color: #A6FF00;

	box-shadow:
		0 10px 40px rgba(166, 255, 0, 0.08);

}

.view-all-btn:hover i {

	transform: translateX(5px) rotate(45deg);

}

/* MOBILE */

@media(max-width:576px) {

	.services-top-bar {

		flex-direction: column;

		align-items: flex-start;

	}

	.view-all-btn {

		width: 100%;

		justify-content: center;

	}

}

/* SERVICE ICON */

.service-icon {

	width: 90px;
	height: 90px;

	border-radius: 28px;

	display: flex;

	align-items: center;

	justify-content: center;

	margin-bottom: 35px;

	background:
		linear-gradient(135deg,
			rgba(166, 255, 0, 0.08),
			rgba(166, 255, 0, 0.02));

	border: 1px solid rgba(166, 255, 0, 0.12);

	position: relative;

	overflow: hidden;

	transition: 0.4s ease;

}

/* GLOW */

.service-icon::before {

	content: '';

	position: absolute;

	width: 120px;
	height: 120px;

	background:
		radial-gradient(circle,
			rgba(166, 255, 0, 0.12),
			transparent 70%);

	top: -40px;
	right: -40px;

}

/* ICON */

.service-icon i {

	font-size: 38px;

	color: #A6FF00;

	position: relative;

	z-index: 2;

	transition: 0.4s;

}

/* HOVER */

.service-card:hover .service-icon {

	transform: translateY(-6px);

	border-color: rgba(166, 255, 0, 0.22);

	box-shadow:
		0 10px 40px rgba(166, 255, 0, 0.08);

}

.service-card:hover .service-icon i {

	transform: scale(1.08);

}

/* CARD TITLE */

.service-card h3 {

	font-size: 30px;

	line-height: 1.3;

	font-weight: 700;

	color: #ffffff;

	margin-bottom: 22px;

}

/* CARD TEXT */

.service-card p {

	color: #B5B5B5;

	font-size: 17px;

	line-height: 1.9;

	margin-bottom: 40px;

}

/* LINK */

.service-card a {

	text-decoration: none;

	color: #A6FF00;

	font-weight: 600;

	font-size: 16px;

	transition: 0.4s;

	margin-top: auto;

}

.service-card a:hover {

	letter-spacing: 1px;

	color: #C2FF5E;

}

/* RESPONSIVE */

@media(max-width:991px) {

	.section-title h2 {
		font-size: 48px;
	}

	.section-title p {
		font-size: 17px;
	}

	.service-card {
		padding: 50px 35px 35px;
	}

}

@media(max-width:576px) {

	.ai-services-section {
		padding: 90px 0;
	}

	.section-title {
		margin-bottom: 60px;
	}

	.section-title h2 {

		font-size: 38px;

		letter-spacing: -1px;

	}

	.section-title p {
		font-size: 15px;
	}

	.service-card {
		padding: 45px 30px 30px;
		border-radius: 26px;
	}

	.service-icon {
		width: 80px;
		height: 80px;
		font-size: 34px;
		margin-bottom: 30px;
	}

	.service-card h3 {
		font-size: 25px;
	}

	.service-card p {
		font-size: 15px;
		line-height: 1.8;
	}

}

.services-top-row {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 40px;
	flex-wrap: wrap;
}

/* LEFT */
.services-left {
	max-width: 900px;
}

.services-left p {
	font-size: 17px;
	line-height: 1.8;
}

/* BADGE */
.service-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 12px 22px;
	border-radius: 100px;
	background: rgba(158, 255, 0, 0.06);
	border: 1px solid rgba(180, 255, 0, .14);
	color: #b4ff00;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-bottom: 28px;
}

/* TITLE */
.services-left h2 {
	color: #fff;
	font-size: 70px;
	line-height: 1;
	font-weight: 800;
	letter-spacing: -3px;
	margin: 0;
}

/* BUTTON */
.custom-plan-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 18px 34px;
	border-radius: 60px;
	background: #A6FF00;
	color: #000000;
	text-decoration: none;
	font-weight: 700;
	transition: 0.4s;
	box-shadow: 0 0 30px rgba(166, 255, 0, 0.2);

}

.custom-plan-btn i {
	font-size: 18px;
	transition: .4s;
}

/* HOVER */
.custom-plan-btn:hover {
	color: #000;
	border-color: rgba(180, 255, 0, .18);
	transform: translateY(-4px);
	text-decoration: none;
	box-shadow: 0 10px 40px rgba(180, 255, 0, .06);
}

.custom-plan-btn:hover i {
	transform: translateX(4px);
}

/*========================= RESPONSIVE =========================*/
@media(max-width:991px) {
	.services-left h2 {
		font-size: 58px;
		letter-spacing: -2px;
	}
}

@media(max-width:767px) {
	.services-hero {
		padding: 80px 0 60px;
	}

	.services-top-row {
		align-items: flex-start;
		flex-direction: column;
	}

	.services-left h2 {
		font-size: 40px;
		line-height: 1.1;
		letter-spacing: -1px;
	}

	.custom-plan-btn {
		width: 100%;
		justify-content: center;
	}
}


.services-left h2 span {
	color: #a6ff00;
}

/* =========================
AI SERVICES SECTION  CSS END
========================= */



/* =========================
GROWTH FRAMEWORK SECTION CSS 
========================= */
.growth-framework {
	background: #070707;
	padding: 120px 0;
	overflow: hidden;
	position: relative;
}

.growth-framework::before {
	content: '';
	position: absolute;
	width: 700px;
	height: 700px;
	background: radial-gradient(circle, rgba(166, 255, 0, 0.14), transparent 70%);
	top: -250px;
	right: -250px;
	filter: blur(100px);
	animation: glowMove 8s ease infinite alternate;
}

.heading-frame {
	margin-bottom: 90px;
}

.badge-title {
	display: inline-block;
	color: #B7FF00;
	border: 1px solid rgba(183, 255, 0, .5);
	padding: 12px 30px;
	border-radius: 50px;
	font-weight: 600;
	box-shadow: 0 0 20px rgba(183, 255, 0, .2);
}

.heading-frame h2 {
	color: #fff;
	font-size: 72px;
	font-weight: 800;
	margin-top: 25px;
}

.heading-frame h2 span {
	display: block;
	color: #B7FF00;
}

.heading-frame p {
	color: #bdbdbd;
	max-width: 800px;
	margin: 20px auto;
	font-size: 20px;
}

.framework-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 110px 120px;
	position: relative;
}

.step-card {

	background: #0B0B0B;
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 32px;
	padding: 60px 45px 45px;
	text-align: center;
	position: relative;
	transition: .4s;
	backdrop-filter: blur(20px);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02);

}

.step-card:hover {
	transform: translateY(-12px);
	border-color: rgba(166, 255, 0, 0.22);
	box-shadow: 0 0 40px rgba(166, 255, 0, 0.08), inset 0 0 0 1px rgba(166, 255, 0, 0.04);
}

.step-icon {

	width: 95px;
	height: 95px;
	background: #050505;
	border: 1px solid #B7FF00;
	clip-path: polygon(50% 0%,
			100% 25%,
			100% 75%,
			50% 100%,
			0% 75%,
			0% 25%);

	position: absolute;
	left: 50%;
	top: -48px;
	transform: translateX(-50%);

	display: flex;
	align-items: center;
	justify-content: center;

	color: #B7FF00;
	font-size: 40px;

	box-shadow: 0 0 20px rgba(183, 255, 0, .25);
}

.step-no {
	display: block;
	color: #B7FF00;
	font-size: 60px;
	font-weight: 800;
	margin-bottom: 10px;
}

.step-card h4 {
	color: #fff;
	font-size: 30px;
	margin-bottom: 20px;
}

.step-card p {
	color: #d0d0d0;
	line-height: 1.9;
}

/* Arrow Connections */

.step1::after,
.step2::after {
	content: "→";
	position: absolute;
	right: -80px;
	top: 45%;
	color: #B7FF00;
	font-size: 60px;
	text-shadow: 0 0 20px #B7FF00;
}

.step3::after {
	content: "↓";
	position: absolute;
	bottom: -95px;
	left: 50%;
	transform: translateX(-50%);
	color: #B7FF00;
	font-size: 70px;
}

.step4::before,
.step5::before {
	content: "←";
	position: absolute;
	left: -80px;
	top: 45%;
	color: #B7FF00;
	font-size: 60px;
}

.step6::before {
	content: "↑";
	position: absolute;
	top: -95px;
	left: 50%;
	transform: translateX(-50%);
	color: #B7FF00;
	font-size: 70px;
}

@media(max-width:991px) {

	.framework-grid {
		grid-template-columns: 1fr;
		gap: 80px;
	}

	.step-card::before,
	.step-card::after {
		display: none;
	}

	.heading-frame h2 {
		font-size: 42px;
	}
}


/* ===============================
GROWTH FRAMEWORK SECTION CSS END
========================= ========*/

/* ============================
CHATGPT & AI SEARCH SECTION CSS
===============================*/

.results-section {
	position: relative;
	padding: 40px 0;
	background: #070707;
	overflow: hidden;
}

/* BACKGROUND GLOW */

.results-section::before {

	content: '';

	position: absolute;

	width: 700px;
	height: 700px;

	background:
		radial-gradient(circle,
			rgba(166, 255, 0, 0.10),
			transparent 70%);

	right: -250px;
	top: -250px;

	filter: blur(100px);

}

/* CONTENT */

.results-content {
	position: relative;
	z-index: 5;
}

/* TITLE */

.results-content h2 {

	font-size: 68px;

	line-height: 1.05;

	font-weight: 800;

	color: #ffffff;

	letter-spacing: -3px;

	margin-bottom: 30px;

}

/* GREEN TEXT */

.results-content h2 span {
	color: #A6FF00;
}

/* DESCRIPTION */

.results-content p {

	color: #B5B5B5;

	font-size: 19px;

	line-height: 1.9;

	margin-bottom: 40px;

	max-width: 500px;

}

/* BUTTON */

.results-btn {

	display: inline-flex;

	align-items: center;
	gap: 6px;

	justify-content: center;

	padding: 18px 34px;

	border-radius: 60px;

	background: #A6FF00;

	color: #000000;

	text-decoration: none;

	font-weight: 700;

	transition: 0.4s;

	box-shadow:
		0 0 30px rgba(166, 255, 0, 0.2);

}

.results-btn:hover {

	transform: translateY(-5px);

	color: #000;

	box-shadow:
		0 0 50px rgba(166, 255, 0, 0.35);

}

/* RESULTS GRID */

.results-grid {
	position: relative;
	z-index: 5;
}

/* LARGE CARD */

.large-card {
	margin-bottom: 30px;
}

/* RESULT CARD */

.result-card {

	position: relative;

	padding: 45px;

	border-radius: 32px;

	background: #0B0B0B;

	border: 1px solid rgba(255, 255, 255, 0.05);

	overflow: hidden;

	transition: 0.5s;

	backdrop-filter: blur(20px);

	box-shadow:
		inset 0 0 0 1px rgba(255, 255, 255, 0.02);

}

/* HOVER */

.result-card:hover {

	transform: translateY(-10px);

	border-color: rgba(166, 255, 0, 0.22);

	box-shadow:
		0 0 40px rgba(166, 255, 0, 0.08);

}

/* GLOW */

.result-card::before {

	content: '';

	position: absolute;

	width: 220px;
	height: 220px;

	background:
		radial-gradient(circle,
			rgba(166, 255, 0, 0.10),
			transparent 70%);

	top: -100px;
	right: -100px;

	opacity: 0;

	transition: 0.5s;

}

.result-card:hover::before {
	opacity: 1;
}

/* TOP */

.result-top {

	display: flex;

	align-items: center;

	justify-content: space-between;

	margin-bottom: 30px;

}

/* TAG */

.result-tag {

	display: inline-flex;

	align-items: center;

	padding: 10px 18px;

	border-radius: 40px;

	background: rgba(166, 255, 0, 0.05);

	border: 1px solid rgba(166, 255, 0, 0.12);

	color: #A6FF00;

	font-size: 14px;

}

/* GROWTH */

.result-growth {

	font-size: 72px;

	line-height: 1;

	font-weight: 800;

	color: rgba(166, 255, 0, 0.16);

}

/* TITLE */

.result-card h3 {

	font-size: 32px;

	line-height: 1.3;

	color: #ffffff;

	margin-bottom: 18px;

	font-weight: 700;

}

/* TEXT */

.result-card p {

	color: #B5B5B5;

	font-size: 16px;

	line-height: 1.9;

	margin-bottom: 35px;

}

/* METRICS */

.metrics-row {

	display: flex;

	gap: 20px;

	flex-wrap: wrap;

}

/* METRIC BOX */

.metric-box {

	flex: 1;

	min-width: 120px;

	padding: 22px;

	border-radius: 22px;

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

	border: 1px solid rgba(255, 255, 255, 0.05);

	text-align: center;

}

/* METRIC */

.metric-box h4 {

	font-size: 34px;

	color: #A6FF00;

	margin-bottom: 8px;

	font-weight: 700;

}

.metric-box span {

	color: #A6FF00;

	font-size: 26px;

}

/* SMALL GRID */

.small-results {

	display: grid;

	grid-template-columns: 1fr 1fr;

	gap: 30px;

}

/* MINI METRIC */

.mini-metric {

	display: inline-flex;

	align-items: center;

	justify-content: center;

	margin-top: 15px;

	padding: 12px 18px;

	border-radius: 40px;

	background: rgba(166, 255, 0, 0.05);

	border: 1px solid rgba(166, 255, 0, 0.12);

	color: #A6FF00;

	font-weight: 700;

}

/* RESPONSIVE */

@media(max-width:991px) {

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

	.results-content p {
		margin: auto auto 40px;
	}

	.results-content h2 {
		font-size: 48px;
	}

}

@media(max-width:576px) {

	.results-section {
		padding: 90px 0;
	}

	.results-content h2 {
		font-size: 38px;
		letter-spacing: -1px;
	}

	.results-content p {
		font-size: 15px;
	}

	.result-card {
		padding: 35px;
		border-radius: 26px;
	}

	.small-results {
		grid-template-columns: 1fr;
	}

	.result-growth {
		font-size: 50px;
	}

	.result-card h3 {
		font-size: 25px;
	}

	.metrics-row {
		flex-direction: column;
	}

}

/* =========================
CHATGPT & AI SEARCH SECTION CSS
========================= */

/* =========================
TESTIMONIAL SECTION CSS
========================= */

.testimonials-section {
	position: relative;
	padding: 40px 0;
	background: #050505;
	overflow: hidden;
}

/* BACKGROUND GLOW */

.testimonials-section::before {

	content: '';

	position: absolute;

	width: 700px;
	height: 700px;

	background:
		radial-gradient(circle,
			rgba(166, 255, 0, 0.08),
			transparent 70%);

	left: -250px;
	top: -250px;

	filter: blur(100px);

}

/* TESTIMONIAL CARD */

/* HOVER */

.testimonial-card:hover {

	transform: translateY(-10px);

	border-color: rgba(166, 255, 0, 0.22);

	box-shadow:
		0 0 40px rgba(166, 255, 0, 0.08);

}

/* GLOW */

.testimonial-card::before {

	content: '';

	position: absolute;

	width: 220px;
	height: 220px;

	background:
		radial-gradient(circle,
			rgba(166, 255, 0, 0.08),
			transparent 70%);

	top: -100px;
	right: -100px;

	opacity: 0;

	transition: 0.5s;

}

.testimonial-card:hover::before {
	opacity: 1;
}

/* QUOTE */

.quote-icon {

	width: 70px;
	height: 70px;

	border-radius: 24px;

	display: flex;
	align-items: center;
	justify-content: center;

	background: rgba(166, 255, 0, 0.06);

	border: 1px solid rgba(166, 255, 0, 0.12);

	margin-bottom: 35px;

}

.quote-icon i {

	font-size: 30px;

	color: #A6FF00;

}

/* TEXT */

.testimonial-card p {

	color: #B5B5B5;

	font-size: 17px;

	line-height: 1.9;

	margin-bottom: 35px;

}

/* CLIENT INFO */

.client-info {

	display: flex;

	align-items: center;

	gap: 16px;

}

/* IMAGE */

.client-image {

	width: 60px;
	height: 60px;

	border-radius: 50%;

	overflow: hidden;

	border: 2px solid rgba(166, 255, 0, 0.2);

}

.client-image img {

	width: 100%;
	height: 100%;
	object-fit: cover;

}

/* NAME */

.client-info h4 {

	color: #ffffff;

	font-size: 20px;

	margin-bottom: 5px;

}

/* ROLE */

.client-info span {

	color: #A6FF00;

	font-size: 14px;

}

/* RESPONSIVE */

@media(max-width:991px) {

	.testimonial-card {
		padding: 40px 35px;
	}

}

@media(max-width:576px) {

	.testimonials-section {
		padding: 90px 0;
	}

	.testimonial-card {
		padding: 35px 30px;
		border-radius: 26px;
	}

	.testimonial-card p {
		font-size: 15px;
		line-height: 1.8;
	}

	.client-info h4 {
		font-size: 18px;
	}

}

/* =========================
TESTIMONIAL SECTION CSS END
======================== */






/* =========================
INDUSTURIES SECTION CSS START
========================= */

.industries-section {
	position: relative;
	padding: 40px 0;
	background: #070707;
	overflow: hidden;
}

/* BACKGROUND GLOW */

.industries-section::before {

	content: '';

	position: absolute;

	width: 700px;
	height: 700px;

	background:
		radial-gradient(circle,
			rgba(166, 255, 0, 0.10),
			transparent 70%);

	right: -250px;
	bottom: -250px;

	filter: blur(100px);

}

/* GRID SPACING */

.industries-section .row {
	row-gap: 35px;
}

/* INDUSTRY CARD */

.industry-card {

	position: relative;

	height: 100%;

	padding: 65px 42px 50px;

	border-radius: 34px;

	background: #0B0B0B;

	border: 1px solid rgba(255, 255, 255, 0.05);

	overflow: hidden;

	transition: 0.5s;

	backdrop-filter: blur(20px);

	box-shadow:
		inset 0 0 0 1px rgba(255, 255, 255, 0.02);

	text-align: center;

	display: flex;

	flex-direction: column;

	align-items: center;

	justify-content: flex-start;

}

/* HOVER */

.industry-card:hover {

	transform: translateY(-12px);

	border-color: rgba(166, 255, 0, 0.22);

	box-shadow:
		0 0 40px rgba(166, 255, 0, 0.08);

}

/* GLOW */

.industry-card::before {

	content: '';

	position: absolute;

	width: 240px;
	height: 240px;

	background:
		radial-gradient(circle,
			rgba(166, 255, 0, 0.10),
			transparent 70%);

	top: -120px;
	right: -120px;

	opacity: 0;

	transition: 0.5s;

}

.industry-card:hover::before {
	opacity: 1;
}

/* ICON BOX */

.industry-icon {

	width: 110px;
	height: 110px;

	border-radius: 34px;

	display: flex;
	align-items: center;
	justify-content: center;

	margin-bottom: 45px;

	background:
		linear-gradient(180deg,
			rgba(166, 255, 0, 0.08),
			rgba(166, 255, 0, 0.03));

	border: 1px solid rgba(166, 255, 0, 0.12);

	box-shadow:
		0 0 25px rgba(166, 255, 0, 0.06);

	transition: 0.5s;

}

/* ICON */

.industry-icon i {

	font-size: 44px;

	color: #A6FF00;

	transition: 0.5s;

}

/* HOVER EFFECT */

.industry-card:hover .industry-icon {

	transform: translateY(-6px);

	box-shadow:
		0 0 40px rgba(166, 255, 0, 0.12);

}

.industry-card:hover .industry-icon i {

	transform: scale(1.08);

}

/* TITLE */

.industry-card h3 {

	font-size: 34px;

	line-height: 1.3;

	color: #ffffff;

	margin-bottom: 24px;

	font-weight: 700;

}

/* TEXT */

.industry-card p {

	color: #B5B5B5;

	font-size: 17px;

	line-height: 2;

	margin: 0;

	max-width: 290px;

}

/* RESPONSIVE */

@media(max-width:991px) {

	.industry-card {

		padding: 55px 35px 45px;

	}

	.industry-icon {

		width: 95px;
		height: 95px;

		margin-bottom: 35px;

	}

	.industry-icon i {
		font-size: 38px;
	}

	.industry-card h3 {
		font-size: 28px;
	}

}

@media(max-width:576px) {

	.industries-section {
		padding: 90px 0;
	}

	.industry-card {

		padding: 50px 28px 40px;

		border-radius: 28px;

	}

	.industry-icon {

		width: 85px;
		height: 85px;

		border-radius: 28px;

		margin-bottom: 30px;

	}

	.industry-icon i {
		font-size: 34px;
	}

	.industry-card h3 {

		font-size: 24px;

		margin-bottom: 18px;

	}

	.industry-card p {

		font-size: 15px;

		line-height: 1.9;

	}

}

/* =========================
INDUSTURIES SECTION CSS START
========================= */


/* =========================
CTA SECTION START
========================= */

.cta-section {
	position: relative;
	padding: 40px 0;
	background: #050505;
	overflow: hidden;
}

/* CTA WRAPPER */

.cta-wrapper {

	position: relative;

	padding: 90px 80px;

	border-radius: 40px;

	background: #0B0B0B;

	border: 1px solid rgba(255, 255, 255, 0.05);

	overflow: hidden;

	backdrop-filter: blur(20px);

	box-shadow:
		inset 0 0 0 1px rgba(255, 255, 255, 0.02);

}

/* GLOW */

.cta-glow {

	position: absolute;

	width: 500px;
	height: 500px;

	background:
		radial-gradient(circle,
			rgba(166, 255, 0, 0.14),
			transparent 70%);

	right: -150px;
	top: -150px;

	filter: blur(80px);

}

/* CONTENT */

.cta-content {
	position: relative;
	z-index: 5;
}

/* TITLE */

.cta-content h2 {

	font-size: 72px;

	line-height: 1.05;

	font-weight: 800;

	letter-spacing: -3px;

	color: #ffffff;

	margin-bottom: 30px;

}

/* GREEN TEXT */

.cta-content h2 span {
	color: #A6FF00;
}

/* DESCRIPTION */

.cta-content p {

	color: #B5B5B5;

	font-size: 19px;

	line-height: 1.9;

	max-width: 620px;

	margin-bottom: 45px;

}

/* BUTTONS */

.cta-buttons {

	display: flex;

	gap: 20px;

	flex-wrap: wrap;

}

/* PRIMARY BUTTON */

.cta-btn-primary {

	display: inline-flex;
	gap: 6px;
	align-items: center;

	justify-content: center;

	padding: 18px 34px;

	border-radius: 60px;

	background: #A6FF00;

	color: #000000;

	text-decoration: none;

	font-weight: 700;

	transition: 0.4s;

	box-shadow:
		0 0 30px rgba(166, 255, 0, 0.2);

}

.cta-btn-primary:hover {

	transform: translateY(-5px);

	color: #000;

	box-shadow:
		0 0 50px rgba(166, 255, 0, 0.35);

}

/* SECONDARY BUTTON */

.cta-btn-secondary {

	display: inline-flex;

	align-items: center;

	justify-content: center;

	padding: 18px 34px;

	border-radius: 60px;

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

	border: 1px solid rgba(255, 255, 255, 0.08);

	color: #ffffff;

	text-decoration: none;

	font-weight: 600;

	transition: 0.4s;

}

.cta-btn-secondary:hover {

	transform: translateY(-5px);

	border-color: rgba(166, 255, 0, 0.22);

	color: #A6FF00;

}

/* STATS */

.cta-stats {

	display: flex;

	flex-direction: column;

	gap: 25px;

	position: relative;

	z-index: 5;

}

/* BOX */

.cta-box {

	padding: 35px;

	border-radius: 28px;

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

	border: 1px solid rgba(255, 255, 255, 0.05);

	transition: 0.4s;

}

.cta-box:hover {

	transform: translateY(-8px);

	border-color: rgba(166, 255, 0, 0.22);

	box-shadow:
		0 0 30px rgba(166, 255, 0, 0.08);

}

/* NUMBER */

.cta-box h3 {

	font-size: 52px;

	line-height: 1;

	color: #A6FF00;

	margin-bottom: 16px;

	font-weight: 800;

}

/* TEXT */

.cta-box p {

	color: #B5B5B5;

	font-size: 16px;

	line-height: 1.8;

	margin: 0;

}

/* RESPONSIVE */

@media(max-width:991px) {

	.cta-wrapper {

		padding: 70px 50px;

	}

	.cta-content {

		text-align: center;

		margin-bottom: 60px;

	}

	.cta-content p {
		margin: auto auto 40px;
	}

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

	.cta-content h2 {
		font-size: 52px;
	}

}

@media(max-width:576px) {

	.cta-section {
		padding: 90px 0;
	}

	.cta-wrapper {

		padding: 50px 28px;

		border-radius: 28px;

	}

	.cta-content h2 {

		font-size: 38px;

		letter-spacing: -1px;

	}

	.cta-content p {

		font-size: 15px;

		line-height: 1.8;

	}

	.cta-btn-primary,
	.cta-btn-secondary {

		width: 100%;

	}

	.cta-box {

		padding: 28px;

		border-radius: 24px;

	}

	.cta-box h3 {
		font-size: 42px;
	}

}

/* ===================================
CTA TRUST BAR
=================================== */

.cta-trust-bar {

	position: relative;

	display: flex;

	align-items: center;

	justify-content: center;

	gap: 60px;

	margin-top: 70px;

	padding-top: 35px;

	border-top:
		1px solid rgba(255, 255, 255, 0.08);

	flex-wrap: wrap;

}

/* TRUST ITEM */

.trust-item {

	display: flex;

	align-items: center;

	gap: 14px;

	color: #a6ff00;

	font-size: 18px;

	font-weight: 500;

}

/* GREEN DOT */

.trust-dot {

	width: 10px;
	height: 10px;

	border-radius: 50%;

	background: #a6ff00;

	box-shadow:
		0 0 15px rgba(0, 217, 95, 0.60);

}

/* ICON */

.trust-item i {

	font-size: 22px;

	color: #a6ff00;

}

/* HOVER */

.trust-item:hover {

	color: #ffffff;

	transition: 0.4s;

}

/* MOBILE */

@media(max-width:768px) {

	.cta-trust-bar {

		gap: 24px;

		align-items: flex-start;

		flex-direction: column;

	}

	.trust-item {

		font-size: 15px;

	}

}


/* =========================
CTA SECTION CSS END 
========================= */

/* =========================
AI SEO SECTION CSS
========================= */

.ai-visibility-section {
	position: relative;
	padding: 20px 0;
	background: #050505;
	overflow: hidden;
}

/* WRAPPER */

.ai-visibility-wrapper {

	position: relative;

	padding: 90px 80px;

	border-radius: 40px;

	background: #0B0B0B;

	border: 1px solid rgba(255, 255, 255, 0.05);

	overflow: hidden;

	backdrop-filter: blur(20px);

	box-shadow:
		inset 0 0 0 1px rgba(255, 255, 255, 0.02);

}

/* MAIN GLOW */

.ai-visibility-glow {

	position: absolute;

	width: 550px;
	height: 550px;

	background:
		radial-gradient(circle,
			rgba(166, 255, 0, 0.12),
			transparent 70%);

	right: -180px;
	top: -180px;

	filter: blur(100px);

}

/* CONTENT */

.ai-visibility-content {
	position: relative;
	z-index: 5;
}

/* TITLE */

.ai-visibility-content h2 {

	font-size: 72px;

	line-height: 1.05;

	font-weight: 800;

	letter-spacing: -3px;

	color: #ffffff;

	margin-bottom: 30px;

}

/* GREEN TEXT */

.ai-visibility-content h2 span {
	color: #A6FF00;
}

/* DESCRIPTION */

.ai-visibility-content p {

	color: #B5B5B5;

	font-size: 19px;

	line-height: 1.9;

	max-width: 620px;

	margin-bottom: 45px;

}

/* FEATURES */

.ai-features {

	display: grid;

	grid-template-columns: 1fr 1fr;

	gap: 22px;

	margin-bottom: 45px;

}

/* FEATURE ITEM */

.feature-item {

	display: flex;

	align-items: center;

	gap: 14px;

	color: #ffffff;

	font-size: 16px;

}

/* ICON */

.feature-item i {

	font-size: 22px;

	color: #A6FF00;

}

/* BUTTON */

.ai-visibility-btn {

	display: inline-flex;
	gap: 6px;

	align-items: center;

	justify-content: center;

	padding: 18px 34px;

	border-radius: 60px;

	background: #A6FF00;

	color: #000000;

	text-decoration: none;

	font-weight: 700;

	transition: 0.4s;

	box-shadow:
		0 0 30px rgba(166, 255, 0, 0.2);

}

.ai-visibility-btn:hover {

	transform: translateY(-5px);

	color: #000;

	box-shadow:
		0 0 50px rgba(166, 255, 0, 0.35);

}

/* DASHBOARD */

.ai-dashboard {

	position: relative;

	padding: 35px;

	border-radius: 34px;

	background: #090909;

	border: 1px solid rgba(166, 255, 0, 0.12);

	overflow: hidden;

	box-shadow:
		0 0 40px rgba(166, 255, 0, 0.08);

}

/* DASHBOARD GLOW */

.dashboard-glow {

	position: absolute;

	width: 320px;
	height: 320px;

	background:
		radial-gradient(circle,
			rgba(166, 255, 0, 0.10),
			transparent 70%);

	right: -100px;
	top: -100px;

}

/* TOP BAR */

.dashboard-top {

	display: flex;

	gap: 10px;

	margin-bottom: 30px;

}

/* DOT */

.dashboard-dot {

	width: 12px;
	height: 12px;

	border-radius: 50%;

	background: #A6FF00;

	opacity: 0.5;

}

/* SCREEN */

.dashboard-screen {

	position: relative;

	height: 260px;

	border-radius: 24px;

	background: #050505;

	border: 1px solid rgba(255, 255, 255, 0.04);

	overflow: hidden;

	margin-bottom: 25px;

}

/* LINES */

.dashboard-line {

	position: absolute;

	left: 0;

	height: 2px;

	background:
		linear-gradient(90deg,
			rgba(166, 255, 0, 0),
			rgba(166, 255, 0, 0.7),
			rgba(166, 255, 0, 0));

	border-radius: 20px;

	animation: lineMove 4s linear infinite;

}

.line-1 {
	width: 70%;
	top: 60px;
}

.line-2 {
	width: 50%;
	top: 120px;
	animation-delay: 1s;
}

.line-3 {
	width: 80%;
	top: 180px;
	animation-delay: 2s;
}

/* ANIMATION */

@keyframes lineMove {

	0% {
		transform: translateX(-100%);
	}

	100% {
		transform: translateX(160%);
	}

}

/* CHART */

.dashboard-chart {

	position: absolute;

	bottom: 30px;
	left: 30px;

	display: flex;

	align-items: flex-end;

	gap: 12px;

}

/* BAR */

.chart-bar {

	width: 22px;

	border-radius: 12px 12px 0 0;

	background: #A6FF00;

	animation: barAnim 2s infinite alternate;

}

.chart-bar:nth-child(1) {
	height: 60px;
}

.chart-bar:nth-child(2) {
	height: 120px;
}

.chart-bar:nth-child(3) {
	height: 90px;
}

.chart-bar:nth-child(4) {
	height: 160px;
}

.chart-bar:nth-child(5) {
	height: 110px;
}

.chart-bar:nth-child(6) {
	height: 180px;
}

/* BAR ANIMATION */

@keyframes barAnim {

	0% {
		opacity: 0.5;
	}

	100% {
		opacity: 1;
	}

}

/* CARD */

.dashboard-card {

	padding: 28px;

	border-radius: 24px;

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

	border: 1px solid rgba(255, 255, 255, 0.05);

}

/* TITLE */

.dashboard-card h4 {

	font-size: 24px;

	color: #ffffff;

	margin-bottom: 12px;

}

/* TEXT */

.dashboard-card p {

	color: #B5B5B5;

	font-size: 15px;

	line-height: 1.8;

	margin: 0;

}

/* RESPONSIVE */

@media(max-width:991px) {

	.ai-visibility-wrapper {

		padding: 70px 50px;

	}

	.ai-visibility-content {

		text-align: center;

		margin-bottom: 60px;

	}

	.ai-visibility-content p {
		margin: auto auto 40px;
	}

	.ai-features {
		grid-template-columns: 1fr;
	}

	.ai-visibility-content h2 {
		font-size: 52px;
	}

}

@media(max-width:576px) {

	.ai-visibility-section {
		padding: 20px 0;
	}

	.ai-visibility-wrapper {

		padding: 50px 28px;

		border-radius: 28px;

	}

	.ai-visibility-content h2 {

		font-size: 38px;

		letter-spacing: -1px;

	}

	.ai-visibility-content p {

		font-size: 15px;

		line-height: 1.8;

	}

	.dashboard-screen {
		height: 220px;
	}

	.chart-bar {
		width: 16px;
	}

}

/* =========================
FOUNDER SECTION CSS END
========================= */

/* =========================
FOUNDER SECTION CSS START
========================= */

.founder-section {
	position: relative;
	/* padding: 32px 0; */
	background: #050505;
	overflow: hidden;
}

/* WRAPPER */

.founder-wrapper {

	position: relative;

	padding: 80px;

	border-radius: 40px;

	background: #0B0B0B;

	border: 1px solid rgba(255, 255, 255, 0.05);

	overflow: hidden;

	backdrop-filter: blur(20px);

	box-shadow:
		inset 0 0 0 1px rgba(255, 255, 255, 0.02);

}

/* GLOW */

.founder-glow {

	position: absolute;

	width: 500px;
	height: 500px;

	background:
		radial-gradient(circle,
			rgba(166, 255, 0, 0.10),
			transparent 70%);

	left: -150px;
	top: -150px;

	filter: blur(90px);

}

/* IMAGE */

.founder-image {

	position: relative;

	border-radius: 34px;

	overflow: hidden;

	height: 100%;

	min-height: 580px;

	border: 1px solid rgba(166, 255, 0, 0.12);

	background: #101010;

}

/* IMAGE */

.founder-image img {

	width: 100%;
	height: 100%;
	object-fit: cover;

}

/* INFO */

.founder-info {

	position: absolute;

	left: 35px;
	bottom: 35px;

	z-index: 5;

}

/* SMALL TEXT */

.founder-info span {

	display: block;

	color: #A6FF00;

	font-size: 13px;

	letter-spacing: 2px;

	margin-bottom: 10px;

}

/* NAME */

.founder-info h3 {

	color: #ffffff;

	font-size: 34px;

	font-weight: 700;

	margin: 0;

}

/* CONTENT */

.founder-content {
	position: relative;
	z-index: 5;
}

/* TITLE */

.founder-content h2 {

	font-size: 68px;

	line-height: 1.08;

	font-weight: 800;

	color: #ffffff;

	letter-spacing: -3px;

	margin-bottom: 30px;

}

/* GREEN TEXT */

.founder-content h2 span {
	color: #A6FF00;
}

/* TEXT */

.founder-content p {

	color: #B5B5B5;

	font-size: 18px;

	line-height: 1.95;

	margin-bottom: 28px;

	max-width: 680px;

}

/* BUTTONS */

.founder-buttons {

	display: flex;

	align-items: center;

	gap: 20px;

	flex-wrap: wrap;

	margin-top: 40px;

}

/* PRIMARY BUTTON */

.founder-btn-primary {

	display: inline-flex;

	align-items: center;

	justify-content: center;

	padding: 18px 34px;

	border-radius: 60px;

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

	border: 1px solid rgba(255, 255, 255, 0.08);

	color: #ffffff;

	text-decoration: none;

	font-weight: 600;

	transition: 0.4s;

}

.founder-btn-primary:hover {

	transform: translateY(-5px);

	border-color: rgba(166, 255, 0, 0.22);

	color: #A6FF00;

}

/* SECONDARY BUTTON */

.founder-btn-secondary {

	display: inline-flex;

	align-items: center;

	justify-content: center;

	gap: 10px;

	padding: 18px 34px;

	border-radius: 60px;

	background: #A6FF00;

	color: #000000;

	text-decoration: none;

	font-weight: 700;

	transition: 0.4s;

	box-shadow:
		0 0 30px rgba(166, 255, 0, 0.18);

}

.founder-btn-secondary:hover {

	transform: translateY(-5px);

	color: #000;

	box-shadow:
		0 0 50px rgba(166, 255, 0, 0.35);

}

/* ICON */

.founder-btn-secondary i {
	font-size: 20px;
}

/* RESPONSIVE */

@media(max-width:991px) {

	.founder-wrapper {
		padding: 60px 45px;
	}

	.founder-image {
		min-height: 500px;
		margin-bottom: 50px;
	}

	.founder-content {
		text-align: center;
	}

	.founder-content p {
		margin-left: auto;
		margin-right: auto;
	}

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

	.founder-content h2 {
		font-size: 52px;
	}

}

@media(max-width:576px) {


	.founder-wrapper {
		padding: 40px 25px;
		border-radius: 28px;
	}

	.founder-image {
		min-height: 400px;
		border-radius: 28px;
	}

	.founder-info {
		left: 25px;
		bottom: 25px;
	}

	.founder-info h3 {
		font-size: 28px;
	}

	.founder-content h2 {
		font-size: 38px;
		letter-spacing: -1px;
	}

	.founder-content p {
		font-size: 15px;
		line-height: 1.85;
	}

	.founder-btn-primary,
	.founder-btn-secondary {
		width: 100%;
	}

}

/* =========================
FOUNDER SECTION CSS END
========================= */

/* =========================
FAQ LAYOUT CSS START
========================= */

.faq-modern-area {

	background: #050505;

	padding: 40px 0;

	overflow: hidden;

}

.faq-left-content {

	position: sticky;

	top: 120px;

	padding-right: 70px;

}

.faq-subtitle {

	display: inline-flex;

	align-items: center;
	gap: 8px;

	justify-content: center;

	padding: 12px 30px;

	border-radius: 60px;

	background:
		linear-gradient(135deg,
			rgba(166, 255, 0, 0.08),
			rgba(166, 255, 0, 0.03));

	border: 1px solid rgba(166, 255, 0, 0.18);

	color: #A6FF00;

	font-size: 15px;

	font-weight: 600;

	letter-spacing: 1px;

	text-transform: uppercase;

	box-shadow:
		0 0 30px rgba(166, 255, 0, 0.06);

	margin-bottom: 30px;

}

.faq-left-content h2 {

	color: #ffffff;

	font-size: 90px;

	line-height: 0.92;

	font-weight: 800;

	letter-spacing: -4px;

	margin-bottom: 35px;

}

.faq-left-content p {

	color: #9D9D9D;

	font-size: 20px;

	line-height: 1.9;

	margin-bottom: 40px;

}

.faq-whatsapp-btn {

	display: inline-flex;

	align-items: center;

	gap: 12px;

	padding: 18px 30px;

	border-radius: 60px;

	background: rgba(166, 255, 0, 0.08);

	border: 1px solid rgba(166, 255, 0, 0.15);

	color: #A6FF00;

	text-decoration: none;

	transition: 0.4s;

}

.faq-whatsapp-btn:hover {

	transform: translateY(-5px);

	color: #A6FF00;

}

.faq-right-content {

	padding-left: 30px;

}

/* MOBILE */

@media(max-width:991px) {

	.faq-left-content {

		position: relative;

		top: 0;

		margin-bottom: 70px;

		padding-right: 0;

	}

	.faq-right-content {
		padding-left: 0;
	}

	.faq-left-content h2 {
		font-size: 58px;
	}

}

@media(max-width:576px) {

	.faq-modern-area {
		padding: 40px 0;
	}

	.faq-left-content h2 {
		font-size: 46px;
		letter-spacing: -2px;
	}

	.faq-left-content p {
		font-size: 16px;
	}

}

/* =========================
FAQ SECTION CSS END
========================= */

/* ==========================================
WAFI BLOG SECTION
========================================== */

.wafi-blog-section {

	position: relative;

	padding: 40px 0;

	background: #050505;

	overflow: hidden;

}

/* LEFT GLOW */

.wafi-blog-section::before {

	content: '';

	position: absolute;

	width: 700px;
	height: 700px;

	background:
		radial-gradient(circle,
			rgba(166, 255, 0, 0.08),
			transparent 70%);

	top: -250px;
	left: -250px;

	filter: blur(100px);

}

/* RIGHT GLOW */

.wafi-blog-section::after {

	content: '';

	position: absolute;

	width: 600px;
	height: 600px;

	background:
		radial-gradient(circle,
			rgba(76, 125, 255, 0.08),
			transparent 70%);

	bottom: -250px;
	right: -250px;

	filter: blur(100px);

}

/* SECTION HEADER */

.wafi-blog-header {

	position: relative;

	z-index: 5;

	text-align: center;

	margin-bottom: 80px;

}

/* SUBTITLE */

.wafi-blog-subtitle {

	display: inline-flex;
	gap: 6px;
	align-items: center;

	justify-content: center;

	padding: 16px 32px;

	border-radius: 60px;

	background:
		linear-gradient(135deg,
			rgba(166, 255, 0, 0.08),
			rgba(166, 255, 0, 0.03));

	border: 1px solid rgba(166, 255, 0, 0.16);

	color: #A6FF00;

	font-size: 15px;

	font-weight: 600;

	letter-spacing: 1px;

	text-transform: uppercase;

	margin-bottom: 35px;

}

/* TITLE */

.wafi-blog-title {

	color: #ffffff;

	font-size: 78px;

	line-height: 1.05;

	font-weight: 800;

	letter-spacing: -3px;

	margin-bottom: 25px;

}

/* GRADIENT TEXT */

.wafi-blog-title span {

	background:
		linear-gradient(90deg,
			#A6FF00,
			#6d7265);

	-webkit-background-clip: text;

	-webkit-text-fill-color: transparent;

}

/* DESCRIPTION */

.wafi-blog-desc {

	color: #AFAFAF;

	font-size: 20px;

	line-height: 1.9;

	max-width: 850px;

	margin: auto;

}

/* BLOG CARD */

.wafi-blog-card {

	position: relative;

	z-index: 5;

	height: 100%;

	padding: 40px;

	border-radius: 30px;

	overflow: hidden;

	background:
		linear-gradient(135deg,
			rgba(255, 255, 255, 0.02),
			rgba(166, 255, 0, 0.03));

	border: 1px solid rgba(255, 255, 255, 0.06);

	transition: 0.4s ease;

}

/* CARD HOVER */

.wafi-blog-card:hover {

	transform: translateY(-10px);

	border-color: rgba(166, 255, 0, 0.18);

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

}

/* CARD GLOW */

.wafi-blog-card::before {

	content: '';

	position: absolute;

	width: 280px;
	height: 280px;

	background:
		radial-gradient(circle,
			rgba(166, 255, 0, 0.10),
			transparent 70%);

	bottom: -120px;
	right: -120px;

	filter: blur(50px);

}

/* DATE */

.wafi-blog-date {

	display: flex;

	align-items: center;

	gap: 12px;

	color: #A6FF00;

	font-size: 16px;

	font-weight: 500;

	margin-bottom: 28px;

}

/* ICON */

.wafi-blog-date i {

	font-size: 18px;

}

/* BLOG TITLE */

.wafi-blog-card h3 {

	color: #ffffff;

	font-size: 34px;

	line-height: 1.35;

	font-weight: 700;

	margin-bottom: 24px;

}

/* BLOG TEXT */

.wafi-blog-card p {

	color: #B5B5B5;

	font-size: 18px;

	line-height: 1.9;

	margin-bottom: 40px;

}

/* READ MORE */

.wafi-blog-btn {

	display: inline-flex;

	align-items: center;

	gap: 12px;

	color: #A6FF00;

	text-decoration: none;

	font-size: 18px;

	font-weight: 600;

	transition: 0.4s;

}

/* ICON */

.wafi-blog-btn i {

	width: 40px;
	height: 40px;

	border-radius: 50%;

	display: flex;

	align-items: center;

	justify-content: center;

	border: 1px solid rgba(255, 255, 255, 0.08);

	transition: 0.4s;

}

/* HOVER */

.wafi-blog-btn:hover {

	color: #4C7DFF;

}

.wafi-blog-btn:hover i {

	transform: translateX(6px);

	border-color: rgba(76, 125, 255, 0.20);

}

/* RESPONSIVE */

@media(max-width:991px) {

	.wafi-blog-section {

		padding: 100px 0;

	}

	.wafi-blog-header {

		margin-bottom: 60px;

	}

	.wafi-blog-title {

		font-size: 56px;

		line-height: 1.1;

	}

	.wafi-blog-desc {

		font-size: 18px;

	}

	.wafi-blog-card {

		padding: 30px;

	}

	.wafi-blog-card h3 {

		font-size: 28px;

	}

}

@media(max-width:576px) {

	.wafi-blog-section {

		padding: 90px 0;

	}

	.wafi-blog-title {

		font-size: 40px;

		letter-spacing: -1px;

	}

	.wafi-blog-desc {

		font-size: 15px;

		line-height: 1.8;

	}

	.wafi-blog-card {

		padding: 24px;

		border-radius: 24px;

	}

	.wafi-blog-card h3 {

		font-size: 24px;

		line-height: 1.4;

	}

	.wafi-blog-card p {

		font-size: 15px;

		line-height: 1.8;

	}

	.wafi-blog-btn {

		font-size: 16px;

	}

}

/* =========================
WAFI BLOG SECTION CSS END
========================= */

/* ===================================
 JOURNEY SECTION
=================================== */

.journey-section {

	position: relative;
	padding: 40px 0px;
	padding: 40px 0;

	background:
		linear-gradient(180deg,
			#040404 0%,
			#060606 100%);

	overflow: hidden;

}

/* LEFT GLOW */

.journey-section::before {

	content: '';

	position: absolute;

	width: 700px;
	height: 700px;

	background:
		radial-gradient(circle,
			rgba(166, 255, 0, 0.10),
			transparent 70%);

	top: -250px;
	right: -250px;

	filter: blur(120px);

}

/* RIGHT GLOW */

.journey-section::after {

	content: '';

	position: absolute;

	width: 600px;
	height: 600px;

	background:
		radial-gradient(circle,
			rgba(76, 125, 255, 0.08),
			transparent 70%);

	bottom: -250px;
	left: -250px;

	filter: blur(120px);

}

/* ===================================
HEADING
=================================== */

.journey-heading {

	position: relative;

	z-index: 5;

	margin-bottom: 90px;

}

/* BADGE */

.journey-badge {

	display: inline-flex;

	align-items: center;

	justify-content: center;
	gap: 8px;

	padding: 16px 34px;

	border-radius: 60px;

	background:
		linear-gradient(135deg,
			rgba(166, 255, 0, 0.08),
			rgba(166, 255, 0, 0.03));

	border: 1px solid rgba(166, 255, 0, 0.18);

	color: #A6FF00;

	font-size: 14px;

	font-weight: 700;

	letter-spacing: 1px;

	text-transform: uppercase;

	margin-bottom: 35px;

	box-shadow:
		0 0 35px rgba(166, 255, 0, 0.08);

}

/* TITLE */

.journey-heading h2 {

	color: #ffffff;


	font-size: 92px;

	line-height: 1;

	font-weight: 800;

	letter-spacing: -4px;

	margin: 0;

}

.journey-heading h2 span {
	color: #a6ff00;
}

/* ===================================
ROW SPACING
=================================== */

.journey-section .row {

	row-gap: 34px;

}

/* ===================================
CARD
=================================== */

.journey-card {

	position: relative;
	height: 100%;
	padding: 60px 45px 45px;
	border-radius: 32px;
	background: #0B0B0B;
	border: 1px solid rgba(255, 255, 255, 0.05);
	overflow: hidden;
	transition: 0.5s;
	backdrop-filter: blur(20px);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02);
	display: flex;
	gap: 40px;
	/* flex-direction: column; */
	justify-content: flex-start;

}

/* CARD GLOW */

.journey-card::before {

	content: '';
	position: absolute;
	width: 250px;
	height: 250px;
	background: radial-gradient(circle, rgba(166, 255, 0, 0.12), transparent 70%);
	top: -120px;
	right: -120px;
	opacity: 0;
	transition: 0.5s;

}


.journey-card:hover::before {
	opacity: 1;
}


/* HOVER */

.journey-card:hover {

	transform: translateY(-12px);
	border-color: rgba(166, 255, 0, 0.22);
	box-shadow: 0 0 40px rgba(166, 255, 0, 0.08), inset 0 0 0 1px rgba(166, 255, 0, 0.04);

}

/* ===================================
ICONS
=================================== */



.journey-icon {

	width: 90px;
	height: 90px;
	border-radius: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 35px;
	background: linear-gradient(135deg, rgba(166, 255, 0, 0.08), rgba(166, 255, 0, 0.02));
	border: 1px solid rgba(166, 255, 0, 0.12);
	position: relative;
	overflow: hidden;
	transition: 0.4s ease;

}


.journey-icon::before {
	content: '';
	position: absolute;
	width: 120px;
	height: 120px;
	background: radial-gradient(circle, rgba(166, 255, 0, 0.12), transparent 70%);
	top: -40px;
	right: -40px;

}

/* ICON STYLE */

.journey-icon i {

	font-size: 38px;
	color: #A6FF00;
	position: relative;
	z-index: 2;
	transition: 0.4s;

}

.journey-card:hover .journey-icon {
	transform: translateY(-6px);
	border-color: rgba(166, 255, 0, 0.22);
	box-shadow: 0 10px 40px rgba(166, 255, 0, 0.08);
}

/* ===================================
TEXT
=================================== */

.journey-content h3 {

	color: #ffffff;

	font-size: 38px;

	line-height: 1.25;

	font-weight: 700;

	margin-bottom: 14px;

}

.journey-content p {

	color: #BDBDBD;

	font-size: 19px;

	line-height: 1.8;

	margin: 0;

}

/* ===================================
BUTTONS
=================================== */

.journey-buttons {

	display: flex;

	align-items: center;

	justify-content: center;

	gap: 26px;

	margin-top: 90px;

	flex-wrap: wrap;

}

/* PRIMARY */

.journey-btn-primary {

	display: inline-flex;
	align-items: center;
	gap: 6px;
	justify-content: center;
	padding: 18px 34px;
	border-radius: 60px;
	background: #A6FF00;
	color: #000000;
	text-decoration: none;
	font-weight: 700;
	transition: 0.4s;
	box-shadow: 0 0 30px rgba(166, 255, 0, 0.2);
}

.journey-btn-primary:hover {

	transform: translateY(-5px);
	color: #000;
	box-shadow: 0 0 50px rgba(166, 255, 0, 0.35);
}



/* SECONDARY */

.journey-btn-secondary {

	display: inline-flex;

	align-items: center;

	justify-content: center;

	padding: 18px 34px;
	border-radius: 60px;

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

	border: 1px solid rgba(166, 255, 0, 0.18);


	color: #ffffff;

	text-decoration: none;

	font-size: 18px;

	font-weight: 600;

	transition: 0.4s;

}

.journey-btn-secondary:hover {

	transform:
		translateY(-6px);

	border-color:
		rgba(166, 255, 0, 0.18);

	color: #A6FF00;

}

/* ===================================
RESPONSIVE
=================================== */

@media(max-width:991px) {

	.journey-heading h2 {

		font-size: 62px;

	}

	.journey-card {

		padding: 38px;

	}

	.journey-content h3 {

		font-size: 30px;

	}

}

@media(max-width:576px) {

	.journey-section {

		padding: 40px 0;

	}

	.journey-heading {

		margin-bottom: 60px;

	}

	.journey-heading h2 {

		font-size: 46px;

		letter-spacing: -2px;

	}

	.journey-card {

		flex-direction: column;

		align-items: flex-start;

		padding: 30px;

		border-radius: 28px;

	}
}


/* ICON */

.journey-icon i {

	position: relative;

	z-index: 3;

	font-size: 40px;

	color: #a6ff00;

	transition: 0.4s ease;

}


/* ===================================
HOVER
=================================== */

.journey-card:hover .journey-icon {

	transform:
		translateY(-6px) scale(1.03);

}

.journey-card:hover .journey-icon i {

	transform: scale(1.08);

}

/* ===================================
MOBILE
=================================== */

@media(max-width:576px) {

	.journey-icon {

		width: 100px;
		height: 100px;

		border-radius: 28px;

	}

	.journey-icon i {

		font-size: 40px;

	}

}

/* =========================
JOURNEY SECTION CSS END
========================= */

/* ===================================
NEWS SECTION css START

=================================== */

.news-section {

	position: relative;

	padding: 40px 0;

	background: #050505;

	overflow: hidden;

}

/* GREEN GLOW */

.news-section::before {

	content: '';

	position: absolute;

	width: 700px;
	height: 700px;

	background:
		radial-gradient(circle,
			rgba(166, 255, 0, 0.08),
			transparent 70%);

	top: -250px;
	right: -250px;

	filter: blur(120px);

}

/* ===================================
WRAPPER
=================================== */

.news-wrapper {

	position: relative;

	z-index: 2;

	background:
		linear-gradient(135deg,
			rgba(255, 255, 255, 0.02),
			rgba(166, 255, 0, 0.02));

	border: 1px solid rgba(255, 255, 255, 0.06);

	border-radius: 34px;

	padding: 90px 90px !important;

	overflow: hidden;

	backdrop-filter: blur(20px);

}

/* INNER GLOW */

.news-wrapper::before {

	content: '';

	position: absolute;

	width: 400px;
	height: 400px;

	background:
		radial-gradient(circle,
			rgba(166, 255, 0, 0.08),
			transparent 70%);

	top: -180px;
	right: -180px;

	filter: blur(60px);

}

/* ===================================
LEFT
=================================== */

.news-left {

	position: relative;

	z-index: 2;

	padding-right: 50px;


}

/* BADGE */

.news-badge {

	display: inline-flex;
	gap: 8px;

	align-items: center;

	justify-content: center;

	padding: 14px 28px;

	border-radius: 60px;

	background:
		linear-gradient(135deg,
			rgba(166, 255, 0, 0.08),
			rgba(166, 255, 0, 0.03));

	border: 1px solid rgba(166, 255, 0, 0.16);

	color: #A6FF00;

	font-size: 13px;

	font-weight: 700;

	letter-spacing: 1px;

	text-transform: uppercase;

	margin-bottom: 34px;

	box-shadow:
		0 0 30px rgba(166, 255, 0, 0.08);

}

/* TITLE */

.news-left h2 {

	font-size: 78px;

	line-height: 0.95;

	font-weight: 800;

	color: #ffffff;

	letter-spacing: -4px;

	margin-bottom: 40px;

}

/* LINK */

.news-link {

	display: inline-flex;

	align-items: center;

	gap: 12px;

	color: #BDBDBD;

	font-size: 22px;

	font-weight: 500;

	text-decoration: none;

	transition: 0.4s;

}

.news-link i {

	font-size: 24px;

	transition: 0.4s;

}

.news-link:hover {

	color: #A6FF00;

}

.news-link:hover i {

	transform: translateX(5px);

}

/* ===================================
RIGHT
=================================== */

.news-list {

	position: relative;

	z-index: 2;

	display: flex;

	flex-direction: column;

}

/* ITEM */

.news-item {

	padding: 34px 0;

	border-bottom:
		1px solid rgba(255, 255, 255, 0.08);

	transition: 0.4s;

	cursor: pointer;

}

.news-item:first-child {

	padding-top: 0;

}

.news-item:last-child {

	border-bottom: none;

	padding-bottom: 0;

}

/* META */

.news-meta {

	display: flex;

	align-items: center;

	gap: 12px;

	margin-bottom: 18px;

}

/* SOURCE */

.news-meta span {

	color: #A6FF00;

	font-size: 13px;

	font-weight: 700;

	letter-spacing: 1px;

	text-transform: uppercase;

}

/* DOT */

.news-meta small {

	color: #666666;

	font-size: 14px;

}

/* DATE */

.news-meta p {

	margin: 0;

	color: #8D8D8D;

	font-size: 13px;

	font-weight: 500;

	letter-spacing: 1px;

}

/* TITLE */

.news-item h3 {

	font-size: 23px;

	line-height: 1.35;

	font-weight: 600;

	color: #ffffff;

	margin: 0;

	transition: 0.4s;

}

/* HOVER */

.news-item:hover h3 {

	color: #A6FF00;

	transform: translateX(8px);

}

/* ===================================
RESPONSIVE
=================================== */

@media(max-width:991px) {

	.news-wrapper {

		padding: 55px;

	}

	.news-left {

		margin-bottom: 60px;

		padding-right: 0;

	}

	.news-left h2 {

		font-size: 58px;

	}

	.news-item h3 {

		font-size: 28px;

	}

}

@media(max-width:576px) {

	.news-section {

		padding: 40px 0;

	}

	.news-wrapper {

		padding: 34px 26px;

		border-radius: 24px;

	}

	.news-left h2 {

		font-size: 44px;

		letter-spacing: -2px;

	}

	.news-link {

		font-size: 18px;

	}

	.news-item {

		padding: 24px 0;

	}

	.news-item h3 {

		font-size: 22px;

	}

	.news-meta {

		flex-wrap: wrap;

		gap: 8px;

	}

}

/* =========================
NEWS SECTION CSS END
========================= */


/* =========================================
PREMIUM POPUP MODAL
========================================= */

/* =========================================
MODAL RESET
========================================= */

/* =========================================
MODAL RESET
========================================= */

#contact-modal * {
	box-sizing: border-box;
}

#contact-modal {
	z-index: 999999;
	overflow-y: auto;
}

#contact-modal .modal-dialog {
    width: 90%;
    max-width: 800px;
    margin: 40px auto;
}

#contact-modal .modal-content {

	background: #0b0b0b;

	border: none;

	border-radius: 30px;

	overflow: hidden;

	box-shadow:
		0 0 60px rgba(183, 255, 0, 0.10);

}

/* =========================================
ROW FIX
========================================= */

#contact-modal .row {

	display: flex;

	flex-wrap: wrap;

	margin: 0;

}

/* LEFT */

#contact-modal .col-lg-6:first-child {

	width: 45%;

	max-width: 45%;

	flex: 0 0 45%;

}

/* RIGHT */

#contact-modal .col-lg-6:last-child {

	width: 55%;

	max-width: 55%;

	flex: 0 0 55%;

}

/* =========================================
PREMIUM POPUP
========================================= */

.premium-popup {

	position: relative;

	background:
		linear-gradient(135deg,
			#050505 0%,
			#0d0d0d 100%);

	overflow: hidden;

}

/* GLOW */

.premium-popup::before {

	content: '';

	position: absolute;

	width: 450px;
	height: 450px;

	background:
		radial-gradient(circle,
			rgba(183, 255, 0, 0.08),
			transparent 70%);

	top: -220px;
	left: -180px;

	filter: blur(90px);

}

/* =========================================
CLOSE BUTTON
========================================= */

.premium-close {

	position: absolute;

	top: 20px;
	right: 20px;

	width: 48px;
	height: 48px;

	border: none;

	border-radius: 50%;

	background: #111;

	color: #fff;

	font-size: 16px;

	z-index: 99;

	transition: 0.4s ease;

}

.premium-close:hover {

	background: #b7ff00;

	color: #000;

}

/* =========================================
LEFT SIDE
========================================= */

.popup-left-side {

	padding: 45px;

	position: relative;

	z-index: 2;

}

/* BADGE */

.popup-badge {

	display: inline-flex;

	align-items: center;
	gap: 6px;

	padding: 10px 20px;

	border-radius: 100px;

	background:
		rgba(183, 255, 0, 0.05);

	border:
		1px solid rgba(183, 255, 0, 0.12);

	color: #b7ff00;

	font-size: 12px;

	font-weight: 700;

	margin-bottom: 25px;

}

/* HEADING */

.popup-left-side h2 {

	font-size: 42px;

	line-height: 1.15;

	color: #fff;

	font-weight: 700;

	margin-bottom: 24px;

	max-width: 420px;

}

.popup-left-side h2 span {

	color: #b7ff00;

}

/* TEXT */

.popup-left-side p {

	color: #bdbdbd;

	font-size: 15px;

	line-height: 1.8;

	margin-bottom: 35px;

	max-width: 420px;

}

/* FEATURES */

.popup-features {

	display: flex;

	flex-direction: column;

	gap: 14px;

}

/* FEATURE */

.popup-feature {

	display: flex;

	align-items: center;

	gap: 14px;

	color: #fff;

	font-size: 15px;

}

/* ICON */

.popup-feature i {

	width: 42px;
	height: 42px;

	min-width: 42px;

	border-radius: 14px;

	display: flex;

	align-items: center;

	justify-content: center;

	background:
		rgba(183, 255, 0, 0.05);

	border:
		1px solid rgba(183, 255, 0, 0.12);

	color: #b7ff00;

	font-size: 16px;

}

/* =========================================
RIGHT SIDE
========================================= */

.popup-form-side {

	padding: 45px;

	background:
		linear-gradient(135deg,
			rgba(255, 255, 255, 0.02),
			rgba(255, 255, 255, 0.01));

	position: relative;

}

/* DIVIDER */

.popup-form-side::before {

	content: '';

	position: absolute;

	left: 0;
	top: 50px;

	width: 1px;
	height: 85%;

	background:
		linear-gradient(transparent,
			rgba(255, 255, 255, 0.08),
			transparent);

}

/* HEADER */

.form-header {
text-align: center;
margin-bottom: 40px;
}

.form-header h3 {
 color: #9bff00;
font-size: 34px;
line-height: 1.2;
font-weight: 700;
margin-bottom: 10px;
}

.form-header p {

	color: #9f9f9f;

	font-size: 15px;

}

/* =========================================
INPUTS
========================================= */

.premium-input {

	position: relative;

	margin-bottom: 16px;

}

/* ICON */

.premium-input i {

	position: absolute;

	left: 20px;
	top: 50%;

	transform: translateY(-50%);

	color: #8d8d8d;

	font-size: 16px;

	z-index: 2;

}

/* INPUT */

.premium-input .form-control {

	width: 100%;

	height: 56px;

	background: #050505;

	border:
		1px solid rgba(255, 255, 255, 0.06);

	border-radius: 14px;

	padding-left: 58px;

	padding-right: 20px;

	color: #fff;

	font-size: 14px;

	transition: 0.4s ease;

}

/* PLACEHOLDER */

.premium-input .form-control::placeholder {

	color: #6d6d6d;

}

/* FOCUS */

.premium-input .form-control:focus {

	background: #050505;

	border-color: #b7ff00;

	box-shadow:
		0 0 18px rgba(183, 255, 0, 0.10);

	color: #fff;

}

/* TEXTAREA */

.premium-textarea .form-control {

	height: 92px;

	resize: none;

	padding-top: 18px;

}

.premium-textarea i {

	top: 22px;

	transform: none;

}

/* SELECT */

.premium-select select {

	appearance: none;

}

/* CAPTCHA */

.g-recaptcha {

	transform: scale(0.90);

	transform-origin: left top;

	margin-top: 5px;

}

/* =========================================
FOOTER
========================================= */

.premium-footer {

	border: none;

	padding: 0;

	margin-top: 22px;

	padding-bottom: 10px;

}


/* BUTTON */
.premium-submit-btn {
 width: 300px;
height: 58px;
margin: 0 auto;
display: block;
border: none;
border-radius: 100px;
background: linear-gradient(
135deg, #b7ff00, #97ff00);
color: #000;
font-size: 16px;
font-weight: 700;
transition: 0.4s ease;
box-shadow: 0 0 30px rgba(183, 255, 0, 0.18);
}

.premium-submit-btn:hover {

	transform: translateY(-2px);

	box-shadow:
		0 0 45px rgba(183, 255, 0, 0.30);

}

/* DISCLAIMER */

.popup-disclaimer {

	margin-top: 14px;

	color: #7d7d7d;

	font-size: 12px;

	line-height: 1.7;

}

/* =========================================
RESPONSIVE
========================================= */

@media(max-width:991px) {

	#contact-modal .modal-dialog {

		width: 95%;

		margin: 20px auto;

	}

	#contact-modal .col-lg-6:first-child,
	#contact-modal .col-lg-6:last-child {

		width: 100%;

		max-width: 100%;

		flex: 0 0 100%;

	}

	.popup-left-side,
	.popup-form-side {

		padding: 30px 24px;

	}

	.popup-left-side h2 {

		font-size: 34px;

	}

	.form-header h3 {

		font-size: 28px;

	}

	.popup-form-side::before {

		display: none;

	}

}

/* End */

/* =========================================
PARTNER HEADING
========================================= */
.section-clients {
	position: relative;

	padding: 120px 0;

	overflow: hidden;

	min-height: auto;

	background-color: #050505;

	z-index: -999;

}

/* glow */
.section-clients::before {
	content: '';
	position: absolute;
	width: 700px;
	height: 700px;
	background: radial-gradient(circle, rgba(166, 255, 0, 0.08), transparent 70%);
	top: -250px;
	right: -250px;
	filter: blur(120px);
	z-index: 1;
}

.section-clients::after {
	content: '';
	position: absolute;
	width: 400px;
	height: 400px;
	background: radial-gradient(circle, rgba(166, 255, 0, 0.08), transparent 70%);
	top: -180px;
	right: -180px;
	filter: blur(60px);
	z-index: 1;
}


/* optional logo styling */
.clients img {
	background: #fff;
	padding: 20px;
	border-radius: 12px;
}

.partner-heading {

	text-align: center;

	margin-bottom: 80px;

}

/* BADGE */

.partner-badge {

	display: inline-flex;

	align-items: center;

	justify-content: center;

	padding: 18px 42px;

	border-radius: 100px;

	margin-bottom: 40px;

	background:
		rgba(183, 255, 0, 0.04);

	border:
		1px solid rgba(183, 255, 0, 0.14);

	color: #b7ff00;

	font-size: 15px;

	font-weight: 700;

	letter-spacing: 1px;

	text-transform: uppercase;

	box-shadow:
		0 0 40px rgba(183, 255, 0, 0.08);

}

/* TITLE */

.partner-heading h2 {

	font-size: 78px;

	line-height: 1;

	font-weight: 700;

	color: #f5f5f5;

	letter-spacing: -3px;

	margin-bottom: 28px;

}

/* GREEN TEXT */

.partner-heading h2 span {

	background: linear-gradient(180deg,
			#e2ff72 0%,
			#c8ff2e 18%,
			#b7ff00 45%,
			#9dff00 75%,
			#84eb00 100%);

	-webkit-background-clip: text;

	-webkit-text-fill-color: transparent;

	background-clip: text;

}

/* LINE */

.partner-line {

	width: 130px;

	height: 4px;

	margin: 0 auto 28px;

	border-radius: 100px;

	background: linear-gradient(90deg,
			transparent,
			#b7ff00,
			transparent);

}

/* SUBTITLE */

.partner-heading p {

	max-width: 850px;

	margin: 0 auto;

	color: #9a9a9a;

	font-size: 20px;

	line-height: 1.8;

}

/* RESPONSIVE */

@media(max-width:991px) {

	.partner-heading {

		margin-bottom: 50px;

	}

	.partner-heading h2 {

		font-size: 58px;

		line-height: 1.1;

	}

	.partner-heading p {

		font-size: 16px;

	}

}

@media(max-width:767px) {

	.partner-heading h2 {

		font-size: 42px;

	}

	.partner-badge {

		padding: 14px 28px;

		font-size: 12px;

	}

}


/* End  */


/* =========================================
SECTION
========================================= */

.ai-growth-form-section {

	position: relative;

	padding: 40px 0px;

	background:
		linear-gradient(90deg,
			#000000 0%,
			#010301 45%,
			#071607 100%);

	overflow: hidden;

}

/* WRAPPER */

.ai-growth-wrapper {

	display: grid;

	grid-template-columns: 1fr 560px;

	border-radius: 38px;

	overflow: hidden;

	background:
		rgba(7, 7, 7, 0.92);

	border:
		1px solid rgba(183, 255, 0, 0.08);

	backdrop-filter: blur(10px);

}

/* =========================================
LEFT SIDE
========================================= */

.ai-growth-content {

	padding: 70px 80px;

	position: relative;

}

/* BADGE */

.ai-growth-badge {

	display: inline-flex;
	gap: 6px;

	align-items: center;

	justify-content: center;

	padding: 16px 34px;

	border-radius: 100px;

	margin-bottom: 40px;

	background:
		rgba(183, 255, 0, 0.04);

	border:
		1px solid rgba(183, 255, 0, 0.14);

	color: #b7ff00;

	font-size: 14px;

	font-weight: 700;

	letter-spacing: 1px;

	text-transform: uppercase;

}

/* TITLE */

.ai-growth-content h2 {

	font-size: 60px;

	line-height: 1.08;

	font-weight: 700;

	color: #f5f5f5;

	margin-bottom: 30px;

	letter-spacing: -2px;

}

.ai-growth-content h2 span {

	display: block;

	margin-top: 10px;

	color: #b7ff00;

}

/* TEXT */

.ai-growth-content p {

	color: #9f9f9f;

	font-size: 18px;

	line-height: 1.9;

	max-width: 700px;

	margin-bottom: 30px;

}

/* FEATURES */

.ai-growth-features {

	display: flex;

	flex-direction: column;

	gap: 24px;

}

.growth-feature-item {

	display: flex;

	align-items: center;

	gap: 18px;

	color: #f5f5f5;

	font-size: 22px;

}

.feature-icon {

	width: 56px;

	height: 56px;

	border-radius: 18px;

	background:
		rgba(183, 255, 0, 0.05);

	border:
		1px solid rgba(183, 255, 0, 0.12);

	display: flex;

	align-items: center;

	justify-content: center;

	color: #b7ff00;

	font-size: 24px;

}

/* =========================================
FORM SIDE
========================================= */

.ai-growth-form-box {

	position: relative;

	padding: 70px 55px;

	background:
		linear-gradient(180deg,
			#0b0b0b 0%,
			#070707 100%);

	border-left:
		1px solid rgba(255, 255, 255, 0.05);

}

/* CLOSE */

.ai-form-close {

	position: absolute;

	top: 28px;

	right: 28px;

	width: 52px;

	height: 52px;

	border-radius: 50%;

	border: none;

	background: #101010;

	color: #fff;

	font-size: 32px;

	cursor: pointer;

}

/* TITLE */

.ai-growth-form-box h3 {

	font-size: 55px;

	line-height: 1.15;

	color: #fff;

	margin-bottom: 18px;

	font-weight: 700;

}

/* SUBTEXT */

.ai-growth-form-box p {

	color: #8d8d8d;

	font-size: 20px;

	margin-bottom: 40px;

}

/* INPUT */

.ai-input-group {

	position: relative;

	margin-bottom: 24px;

}

.ai-input-group i {

	position: absolute;

	left: 24px;

	top: 50%;

	transform: translateY(-50%);

	color: #8b8b8b;

	font-size: 22px;

}

.ai-input-group input,
.ai-input-group select {

	width: 100%;

	height: 58px;

	border-radius: 22px;

	background: #050505;

	border:
		1px solid rgba(255, 255, 255, 0.05);

	padding-left: 68px;

	color: #fff;

	font-size: 18px;

	outline: none;

}

/* BUTTON */

.ai-growth-submit-btn {

	width: 100%;
	height: 58px;
	border: none;
	border-radius: 100px;
	background: linear-gradient(135deg, #b7ff00, #97ff00);
	color: #000;
	font-size: 16px;
	font-weight: 700;
	transition: 0.4s ease;
	box-shadow: 0 0 30px rgba(183, 255, 0, 0.18);

}

.ai-growth-submit-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 0 45px rgba(183, 255, 0, 0.30);
}

.ai-growth-submit-btn {

	cursor: pointer;

}

/* RESPONSIVE */

@media(max-width:1200px) {

	.ai-growth-wrapper {

		grid-template-columns: 1fr;

	}

}

@media(max-width:767px) {

	.ai-growth-content {

		padding: 40px 25px;

	}

	.ai-growth-form-box {

		padding: 40px 25px;

	}

	.ai-growth-content h2 {

		font-size: 42px;

	}

	.ai-growth-form-box h3 {

		font-size: 36px;

	}

}

/* End */


/* =========================================
CERTIFICATE SECTION
========================================= */

.certificate-logo-section {

	position: relative;

	padding: 40px 0;

	overflow: hidden;

	background:
		linear-gradient(90deg,
			#000000 0%,
			#010301 45%,
			#071607 100%);

}

/* GLOW */

.certificate-logo-section::before {

	content: '';

	position: absolute;

	top: -180px;

	right: -120px;

	width: 600px;

	height: 600px;

	background:
		radial-gradient(circle,
			rgba(183, 255, 0, 0.14) 0%,
			transparent 70%);

	filter: blur(100px);

}

/* =========================================
HEADING
========================================= */

.certificate-heading {

	margin-bottom: 70px;

}

.certificate-badge {

	display: inline-flex;
	gap: 6px;
	align-items: center;

	justify-content: center;

	padding: 16px 34px;

	border-radius: 100px;

	margin-bottom: 35px;

	background:
		rgba(183, 255, 0, 0.04);

	border:
		1px solid rgba(183, 255, 0, 0.14);

	color: #b7ff00;

	font-size: 14px;

	font-weight: 700;

	letter-spacing: 1px;

	text-transform: uppercase;

}

/* TITLE */

.certificate-heading h2 {

	font-size: 82px;

	line-height: 1;

	color: #fff;

	margin-bottom: 24px;

	font-weight: 700;

}

.certificate-heading h2 span {

	background: linear-gradient(180deg,
			#e2ff72 0%,
			#c8ff2e 18%,
			#b7ff00 45%,
			#9dff00 75%,
			#84eb00 100%);

	-webkit-background-clip: text;

	-webkit-text-fill-color: transparent;

}

/* TEXT */

.certificate-heading p {

	max-width: 850px;

	margin: auto;

	color: #9d9d9d;

	font-size: 20px;

	line-height: 1.8;

}

/* =========================================
LOGOS
========================================= */

.certificate-logo-wrapper {

	display: grid;

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

	gap: 28px;

}

/* BOX */

.certificate-logo-box {

	position: relative;

	background:
		linear-gradient(180deg,
			#ffffff 0%,
			#f5f5f5 100%);

	border-radius: 28px;

	/* padding:40px; */

	min-height: 200px;

	display: flex;

	align-items: center;

	justify-content: center;

	transition: 0.45s ease;

	border:
		1px solid rgba(255, 255, 255, 0.08);

}

/* IMAGE */

.certificate-logo-box img {

	max-width: 120px;

	width: 100%;

	object-fit: contain;

}

/* HOVER */

.certificate-logo-box:hover {

	transform:
		translateY(-10px);

	box-shadow:
		0 25px 60px rgba(183, 255, 0, 0.18);

}

/* RESPONSIVE */

@media(max-width:991px) {

	.certificate-logo-wrapper {

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

	}

	.certificate-heading h2 {

		font-size: 54px;

	}

}

@media(max-width:767px) {

	.certificate-logo-wrapper {

		grid-template-columns: 1fr;

	}

	.certificate-heading h2 {

		font-size: 42px;

	}

	.certificate-heading p {

		font-size: 16px;

	}


}


/*  End */
span.bottom-text {
    color: #fff;
	font-family:14px;
}
/* =========================
   TESTIMONIAL SECTION
========================= */

.testimonial-scroll-section{
    background:#050505;
    padding:100px 0;
    overflow:hidden;
}

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

.section-title h2{
    color:#fff;
    font-size:52px;
    font-weight:700;
    margin-bottom:15px;
}

.section-title h2 span{
    color:#A6FF00;
}

.section-title p{
    color:#bdbdbd;
    max-width:700px;
    margin:auto;
    line-height:1.8;
}

.mini-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 20px;
    border:1px solid rgba(166,255,0,.25);
    border-radius:50px;
    color:#A6FF00;
    margin-bottom:20px;
}

/* =========================
   SLIDER
========================= */

.testimonial-slider{
    overflow:hidden;
    position:relative;
    padding:20px;
}

.testimonial-track{
    display:flex;
    gap:30px;
    width:max-content;
    animation:scrollTestimonial 30s linear infinite;
}

.testimonial-slider:hover .testimonial-track{
    animation-play-state:paused;
}

@keyframes scrollTestimonial{
    from{
        transform:translateX(0);
    }
    to{
        transform:translateX(-50%);
    }
}

/* =========================
   CARD
========================= */

.testimonial-card{
    width:420px;
    min-height:400px;
    flex-shrink:0;

    background:rgba(255,255,255,0.03);
    border:1px solid rgba(255,255,255,0.08);
    border-radius:24px;

    padding:35px;
    backdrop-filter:blur(20px);

    transition:all .4s ease;

    display:flex;
    flex-direction:column;
}

.testimonial-card:hover{
    border-color:#A6FF00;
    transform:translateY(-8px);
    box-shadow:0 10px 30px rgba(166,255,0,.15);
}

/* Quote Icon */

.quote-icon{
    font-size:45px;
    color:#A6FF00;
    margin-bottom:20px;
}

/* Testimonial Text */

.testimonial-card p{
    color:#d7d7d7;
    line-height:1.8;
    margin-bottom:30px;

    flex-grow:1;
}

/* =========================
   CLIENT INFO
========================= */

.client-info{
    display:flex;
    align-items:center;
    gap:15px;

    margin-top:auto;
}

.client-info img{
    width:70px;
    height:70px;
    border-radius:50%;
    object-fit:cover;
    border:2px solid rgba(166,255,0,.3);
}

.client-info h4{
    color:#fff;
    margin:0 0 5px;
    font-size:20px;
    font-weight:600;
}

.client-info span{
    color:#A6FF00;
    font-size:14px;
    line-height:1.5;
}

/* =========================
   RESPONSIVE
========================= */

@media(max-width:768px){

    .testimonial-scroll-section{
        padding:70px 0;
    }

    .section-title h2{
        font-size:36px;
    }

    .testimonial-card{
        width:320px;
        min-height:350px;
        padding:25px;
    }

    .client-info img{
        width:60px;
        height:60px;
    }

    .client-info h4{
        font-size:18px;
    }
}