/* Health Coach - Health and Fitness HTML Template */

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header 
5. Main Slider
6. Featured Services Section
7. Services Columns
8. Fact Counter
9. Call to Action
10. Default Section / Video Box / Accordion Box
11. Testimonials Section
12. Work Strategy
13. News Section
14. Two Column Fluid
15. Main Footer
16. Certificates Section
17. Why Choose Us
18. Our Team
19. Events
20. Service Details
21. Services Style Two
22. Pricing Section
23. Get Quote Section
24. Portfolio Four Column
25. Portfolio Four Column Fullwidth
26. Portfolio Four Column With Text
27. Portfolio Single
28. Blog Grid / Blog Deault / Blog List / Blog Details
29. Sidebar
30. Sidebar Widgets
31. Shop
32. Shop Single
33. Shopping Cart
34. Conact Info
35. Login Register
36. Styled Pagination
37. About Us
38. Related Products
39. Contact Us
40. Map Section


**********************************************/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i|Poppins:300,400,500,600,700|Shadows+Into+Light');

@import url('font-awesome.css');
@import url('flaticon.css');
@import url('animate.css');
@import url('owl.css');
@import url('jquery.fancybox.css');
@import url('jquery.mCustomScrollbar.min.css');
@import url('jquery.bootstrap-touchspin.css');

/*** 

====================================================================
	Reset
====================================================================

 ***/
* {
	margin: 0px;
	padding: 0px;
	border: none;
	outline: none;
}

/*** 

====================================================================
	Global Settings
====================================================================

 ***/

body {
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	color: #000;
	line-height: 1.8em;
	font-weight: 400;
	background: #ffffff;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
}

a {
	text-decoration: none;
	cursor: pointer;
	color: #fff;
}

a:hover,
a:focus,
a:visited {
	text-decoration: none;
	outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	position: relative;
	font-family: 'Poppins', sans-serif;
	font-weight: normal;
	margin: 0px;
	background: none;
	line-height: 1.6em;
}

input,
button,
select,
textarea {
	font-family: 'Poppins', sans-serif;
}

p {
	position: relative;
	line-height: 1.8em;
}

.strike-through {
	text-decoration: line-through;
}

.auto-container {
	position: static;
	max-width: 1200px;
	padding: 0px 15px;
	margin: 0 auto;
}

.medium-container {
	max-width: 850px;
}

.page-wrapper {
	position: relative;
	margin: 0 auto;
	width: 100%;
	min-width: 300px;

}

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

.theme-btn {
	display: inline-block;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.centered {
	text-align: center;
}

.anim-3,
.anim-3-all * {
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.anim-5,
.anim-5-all * {
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}

.anim-7,
.anim-7-all * {
	transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-webkit-transition: all 0.7s ease;
	-ms-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
}

.btn-style-one {
	position: relative;
	padding: 12px 30px;
	line-height: 24px;
	text-transform: uppercase;
	background: #044d22;
	color: #ffffff !important;
	border: 2px solid #044d22;
	font-size: 14px;
	font-weight: 500;
	border-radius: 26px;
	font-family: 'Poppins', sans-serif;
}

.btn-style-one:hover {
	background: #28340a;
	border-color: #28340a;
}

.btn-style-two {
	position: relative;
	padding: 12px 30px;
	line-height: 24px;
	text-transform: uppercase;
	background: none;
	color: #ffffff !important;
	border: 2px solid #ffffff;
	font-size: 14px;
	font-weight: 500;
	border-radius: 26px;
	font-family: 'Poppins', sans-serif;
}

.btn-style-two:hover {
	background: #ffffff;
	color: #28340a !important;
}

.btn-style-four {
	position: relative;
	padding: 12px 30px;
	line-height: 24px;
	text-transform: uppercase;
	background: #044d22;
	color: #ffffff !important;
	border: 2px solid #044d22;
	font-size: 14px;
	font-weight: 500;
	border-radius: 3px;
	font-family: 'Poppins', sans-serif;
}

.btn-style-four:hover {
	background: none;
	color: #044d22 !important;
}

.btn-style-three {
	position: relative;
	padding: 12px 30px;
	line-height: 24px;
	text-transform: capitalize;
	background: none;
	color: #044d22 !important;
	border: 2px solid #044d22;
	font-size: 14px;
	font-weight: 500;
	border-radius: 26px;
	font-family: 'Poppins', sans-serif;
}

.btn-style-three:hover {
	background: #044d22;
	color: #ffffff !important;
}

.theme-btn .icon-left {
	padding-right: 10px;
}

.theme-btn .icon-right {
	padding-left: 10px;
}

.theme_color {
	color: #044d22;
}

.styled-font {
	font-family: 'Shadows Into Light', cursive;
}

.light-font {
	font-weight: 300;
}

.regular-font {
	font-weight: 400;
}

.semibold-font {
	font-weight: 600;
}

.medium-font {
	font-weight: 500;
}

.bold-font {
	font-weight: 700;
}

.preloader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 999999;
	background-color: #ffffff;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../images/icons/preloader.gif);
}

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

/*** 

====================================================================
	Scroll To Top style
====================================================================

***/

.scroll-to-top {
	position: fixed;
	bottom: 15px;
	right: 15px;
	width: 40px;
	height: 40px;
	color: #ffffff;
	font-size: 18px;
	text-transform: uppercase;
	line-height: 38px;
	text-align: center;
	z-index: 100;
	cursor: pointer;
	border-radius: 50%;
	background: #232f06;
	display: none;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.scroll-to-top:hover {
	color: #ffffff;
	background: #044d22;
}

/*** 

====================================================================
	Main Header style
====================================================================

***/

.main-header {
	position: relative;
	left: 0px;
	top: 0px;
	z-index: 999;
	width: 100%;
	background: #2a370d;
}

.main-header .auto-container {
	position: relative;
}

.featured-services-row {
	display: flex;
	flex-wrap: wrap;
}

.featured-services-row .featured-service {
	display: flex;
}

.featured-services-row .featured-service .inner-box {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.featured-services-row .featured-service .inner-box .image-box {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.featured-services-row .featured-service .inner-box .image-box .image {
	flex: 1;
}

.featured-services-row .featured-service .inner-box .image-box .image img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	min-height: 250px;
}

.main-header .header-top {
	position: relative;
	background: #1d2802;
	font-size: 13px;
	color: #fff;
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.main-header .header-top .auto-container .clearfix {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	flex-wrap: nowrap !important;
}

.main-header .header-top .top-left {
	position: relative;
	padding: 12px 0px;
	float: none !important;
	display: flex !important;
	align-items: center !important;
	width: auto !important;
}

.main-header .header-top .top-left ul {
	display: flex !important;
	align-items: center !important;
	flex-wrap: nowrap !important;
	gap: 8px 30px !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.main-header .header-top .top-left ul li {
	position: relative;
	display: inline-flex !important;
	align-items: center !important;
	margin: 0 !important;
	color: #e2ecc8 !important;
	font-size: 12px !important;
	line-height: 1.4 !important;
}

.main-header .header-top .top-left ul li .styled-font {
	color: #f9e60e !important;
	font-size: 15px !important;
}

.main-header .header-top .top-left ul li a {
	position: relative;
	color: #e2ecc8 !important;
	display: inline-flex !important;
	align-items: center !important;
	text-decoration: none !important;
	transition: all 0.3s ease !important;
}

.main-header .header-top .top-left ul li a:hover {
	color: #ffffff !important;
}

.main-header .header-top .top-left ul li .fa {
	color: #b2dd4c !important;
	margin-right: 8px !important;
	font-size: 13px !important;
	line-height: 1 !important;
	flex-shrink: 0 !important;
}

.main-header .header-top .top-right {
	position: relative;
	float: none !important;
	display: flex !important;
	align-items: center !important;
	padding: 0 !important;
	width: auto !important;
}

.main-header .header-top .top-right .theme-btn {
	position: relative;
	border: none !important;
	background-color: #ffde59 !important;
	padding: 8px 22px !important;
	display: inline-block !important;
	line-height: 20px !important;
	font-family: 'Poppins', sans-serif !important;
	font-weight: 600 !important;
	border-radius: 30px !important;
	color: #1b6506 !important;
	text-transform: uppercase !important;
	font-size: 12px !important;
	letter-spacing: 0.5px !important;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15) !important;
	transition: all 0.3s ease !important;
}

.main-header .header-top .top-right .theme-btn:hover {
	background-color: #ffffff !important;
	color: #1d2802 !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2) !important;
}

.main-header .main-box {
	position: absolute;
	padding: 0px 0px;
	left: 0px;
	top: 100%;
	width: 100%;
	background: linear-gradient(to right,
			#ffffff,
			#f4f9ef,
			#e8f2dc);
}

.main-header.fixed-header .main-box {
	position: fixed;
	border-bottom: 1px solid rgba(0, 0, 0, 0.10);
	padding: 0px 0px;
	z-index: 999;
	opacity: 1;
	top: 0px;
	visibility: visible;
	-ms-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-op-animation-name: fadeInDown;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	-ms-animation-duration: 500ms;
	-moz-animation-duration: 500ms;
	-op-animation-duration: 500ms;
	-webkit-animation-duration: 500ms;
	animation-duration: 500ms;
	-ms-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-op-animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-ms-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-op-animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

.main-header .main-box .outer-container {
	position: relative;
	padding: -1px 70px 0px 0px;
}

.main-header .main-box .logo-box {
	position: relative;
	float: left;
	left: 0px;
	padding: 15px 0px;
	z-index: 10;
}

.main-header .main-box .logo-box .logo img {
	display: inline-block;
	max-width: 100%;
	max-height: 80px;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-header .nav-toggler {
	position: absolute;
	right: 60px;
	top: 50%;
	margin-top: -18px;
	display: none;
}

.main-header .nav-toggler button {
	position: relative;
	display: block;
	height: 36px;
	width: 40px;
	background: #044d22;
	color: #ffffff;
	text-align: center;
	font-size: 16px;
	line-height: 34px;
	border: 1px solid #044d22;
	border-radius: 3px;
	font-weight: normal;
}

.main-header .cart-btn-outer {
	position: absolute;
	width: 40px;
	height: 40px;
	border: 1px solid rgba(255, 255, 255, 0.40);
	right: 0px;
	text-align: center;
	top: 50%;
	margin-top: -19px;
	color: #044d22;
	font-size: 14px;
	line-height: 38px;
	font-weight: 500;
	border-radius: 50%;
	cursor: pointer;
}

.main-header .cart-btn-outer .icon {
	position: relative;
	font-size: 20px;
}

.main-header .cart-btn-outer .count {
	position: absolute;
	right: -7px;
	top: -7px;
	text-align: center;
	width: 20px;
	height: 20px;
	background: #044d22;
	color: #ffffff;
	font-size: 10px;
	line-height: 20px;
	border-radius: 50%;
	-ms-animation-name: zoomInStable;
	-moz-animation-name: zoomInStable;
	-op-animation-name: zoomInStable;
	-webkit-animation-name: zoomInStable;
	animation-name: zoomInStable;
	-ms-animation-duration: 2000ms;
	-moz-animation-duration: 2000ms;
	-op-animation-duration: 2000ms;
	-webkit-animation-duration: 2000ms;
	animation-duration: 2000ms;
	-webkit-animation-delay: 5000ms;
	-ms-animation-delay: 5000ms;
	-o-animation-delay: 5000ms;
	-moz-animation-delay: 5000ms;
	animation-delay: 5000ms;
	-ms-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-op-animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-ms-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-op-animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

.main-header .nav-outer {
	position: relative;
	float: right;
}

.main-menu {
	position: relative;
	font-family: 'Poppins', sans-serif;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-menu .navbar-collapse {
	padding: 0px;
}

.main-menu .navigation {
	position: relative;
	margin: 0px;
}

.main-menu .navigation>li {
	position: relative;
	display: inline-block;
	padding: 25px 0px;
	margin: 0px 0px 0px 35px;
}

.main-menu .navigation>li>a {
	position: relative;
	display: block;
	padding: 8px 0px;
	padding-top: 20px;
	color: #000;
	line-height: 24px;
	text-transform: uppercase;
	letter-spacing: 0px;
	opacity: 1;
	font-weight: 600;
	font-size: 18px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.main-header .main-menu .navigation>li.dropdown>a {
	padding-right: 15px;
}

.main-header .main-menu .navigation>li.dropdown>a:after {
	font-family: 'FontAwesome';
	content: "\f107";
	position: absolute;
	right: 0px;
	top: 50%;
	height: 20px;
	line-height: 20px;
	margin-top: -10px;
	font-size: 14px;
	font-weight: normal;
	display: block;
}

.main-menu .navigation>li:hover>a,
.main-menu .navigation>li.current>a,
.main-menu .navigation>li.current-menu-item>a {
	color: #004d21;
	opacity: 1;
}

.main-menu .navigation>li>ul {
	position: absolute;
	left: 0px;
	top: 120%;
	width: 230px;
	padding: 0px;
	z-index: 100;
	display: none;
	background: #ffffff;
	border-top: 3px solid #044d22;
	transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}

.main-menu .navigation>li>ul.from-right {
	left: auto;
	right: 0px;
}

.main-menu .navigation>li>ul>li {
	position: relative;
	width: 100%;
	border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}

.main-menu .navigation>li>ul>li:last-child {
	border-bottom: none;
}

.main-menu .navigation>li>ul>li>a {
	position: relative;
	display: block;
	padding: 10px 20px;
	line-height: 24px;
	font-weight: 400;
	font-size: 13px;
	text-transform: capitalize;
	color: #1f1f1f;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.main-menu .navigation>li>ul>li:hover>a {
	color: #ffffff;
	background: #28340a;
}

.main-menu .navigation>li>ul>li.dropdown>a:after {
	font-family: 'FontAwesome';
	content: "\f105";
	position: absolute;
	right: 10px;
	top: 10px;
	width: 10px;
	height: 20px;
	display: block;
	color: #253d4a;
	line-height: 20px;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	z-index: 5;
}

.main-menu .navigation>li>ul>li.dropdown:hover>a:after {
	color: #ffffff;
}

.main-menu .navigation>li>ul>li>ul {
	position: absolute;
	left: 100%;
	top: 20px;
	width: 230px;
	padding: 0px;
	z-index: 100;
	display: none;
	background: #ffffff;
	border-top: 3px solid #044d22;
	-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}

.main-menu .navigation>li>ul>li>ul.from-right {
	left: auto;
	right: 0px;
}

.main-menu .navigation>li>ul>li>ul>li {
	position: relative;
	width: 100%;
	border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}

.main-menu .navigation>li>ul>li>ul>li:last-child {
	border-bottom: none;
}

.main-menu .navigation>li>ul>li>ul>li>a {
	position: relative;
	display: block;
	padding: 10px 20px;
	line-height: 24px;
	font-weight: 400;
	font-size: 13px;
	text-transform: capitalize;
	color: #1f1f1f;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.main-menu .navigation>li>ul>li>ul>li:hover>a {
	color: #ffffff;
	background: #28340a;
}

.main-menu .navigation>li>ul>li>ul>li.dropdown>a:after {
	font-family: 'FontAwesome';
	content: "\f105";
	position: absolute;
	right: 10px;
	top: 10px;
	width: 10px;
	height: 20px;
	display: block;
	color: #1f1f1f;
	line-height: 20px;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	z-index: 5;
}

.main-menu .navigation>li>ul>li>ul>li.dropdown:hover>a:after {
	color: #ffffff;
}

.main-menu .navigation>li.dropdown:hover>ul {
	visibility: visible;
	opacity: 1;
	top: 100%;
}

.main-menu .navigation li>ul>li.dropdown:hover>ul {
	visibility: visible;
	opacity: 1;
	top: 0;
	transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
}

.main-menu .navbar-collapse>ul li.dropdown .dropdown-btn {
	position: absolute;
	right: 10px;
	top: 6px;
	width: 34px;
	height: 30px;
	border: 1px solid #ffffff;
	background: url(../images/icons/submenu-icon.png) center center no-repeat;
	background-size: 20px;
	cursor: pointer;
	z-index: 5;
	display: none;
}

/*** 

====================================================================
	Hidden Sidebar style
====================================================================

***/

.hidden-bar {
	position: fixed;
	top: 0;
	width: 305px;
	height: 100%;
	background: #29350a;
	z-index: 9999;
	transition: all 700ms ease;
	-webkit-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	-moz-transition: all 700ms ease;
}

.hidden-bar .mCSB_inside>.mCSB_container {
	margin-right: 0px;
}

.hidden-bar.right-align {
	right: -400px;
}

.hidden-bar.right-align.visible-sidebar {
	right: 0px;
}

.hidden-bar.right-align .hidden-bar-closer {
	left: 0px;
}

.hidden-bar.left-align {
	left: -400px;
}

.hidden-bar.left-align.visible-sidebar {
	left: 0px;
}

.hidden-bar.left-align .hidden-bar-closer {
	right: -20px;
}

.hidden-bar .hidden-bar-closer {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	background: rgba(255, 255, 255, 0.80);
	color: #1f1f1f;
	border-radius: 2px;
	text-align: center;
	line-height: 38px;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	z-index: 999999;
}

.hidden-bar .hidden-bar-closer:hover {
	background: #044d22;
}

.hidden-bar .hidden-bar-closer:hover .btn {
	color: #ffffff;
}

.hidden-bar .hidden-bar-closer .btn {
	background-color: transparent;
	border: none;
	outline: none;
	font-size: 14px;
}

.hidden-bar .social-icons {
	text-align: center;
	margin: 50px 0px 30px;
}

.hidden-bar .social-icons ul {
	font-size: 0;
	margin-left: -5px;
	margin-right: -5px;
}

.hidden-bar .social-icons ul li {
	display: inline-block;
	padding: 0 5px;
}

.hidden-bar .social-icons ul li a {
	display: block;
	width: 36px;
	height: 36px;
	font-size: 16px;
	line-height: 36px;
	text-align: center;
	background: #044d22;
	color: #ffffff;
	border-radius: 5px;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.hidden-bar .social-icons ul li a:hover {
	background: #ffffff;
	color: #044d22;
}

.hidden-bar-wrapper {
	height: 100%;
}

.hidden-bar .logo {
	padding: 30px 0px;
	background: #243303;
}

.hidden-bar .logo img {
	display: inline-block;
	max-width: 100%;
}

.hidden-bar .side-menu {
	background-color: transparent;
	padding: 0;
	font-size: 13px;
	letter-spacing: 1px;
}

.hidden-bar .side-menu ul li ul a {
	background: transparent;
}

.hidden-bar .side-menu ul li ul li ul li a {
	background: transparent;
}

.hidden-bar .side-menu a.current {
	color: #fff;
}

.hidden-bar .side-menu li.current>a {
	color: #fff;
}

.hidden-bar .side-menu ul li a {
	background: transparent;
	color: #ffffff;
	display: block;
	font-weight: 500;
	text-transform: uppercase;
	border-top: 1px solid rgba(255, 255, 255, 0.30);
	border-bottom: 1px solid rgba(255, 255, 255, 0.30);
	padding: 10px 15px 10px 20px;
	position: relative;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.hidden-bar .side-menu ul li a:hover,
.hidden-bar .side-menu ul>li.current>a,
.hidden-bar .side-menu ul>li>ul>li.current>a {
	background: rgba(255, 255, 255, 0.10);
	color: #ffffff;
}

.hidden-bar .side-menu ul li a .btn.expander {
	background: none;
	color: #ffffff;
	border: 1px solid rgba(255, 255, 255, 0.80);
	padding: 5px 10px;
	font-size: 14px;
	border-radius: 0px;
	position: absolute;
	top: 6px;
	right: 20px;
	outline: none;
}

/*** 

====================================================================
	Main Slider style
====================================================================

***/

.main-slider {
	position: relative;
	width: 100%;
	z-index: 1;
}

.tp-banner img,
.tp-bgimg {
	image-rendering: auto;
	filter: brightness(1.08) contrast(1.08) saturate(1.15);
	-webkit-filter: brightness(1.08) contrast(1.08) saturate(1.15);
}

.main-slider .tp-dottedoverlay {
	background-color: rgba(0, 0, 0, 0.10) !important;
}

.main-slider .tp-caption {
	z-index: 5 !important;
}

.main-slider .text {
	font-weight: 400;
	line-height: 1.8em;
	color: #ffffff;
	font-size: 16px;
}

.main-slider h4 {
	font-weight: 400;
	line-height: 1.8em;
	color: #e9d80c;
	font-size: 36px;
	font-family: 'Shadows Into Light', cursive;
}

.main-slider h2 {
	font-size: 60px;
	color: #ffffff;
	font-weight: 700;
	line-height: 1.2em;
	font-family: 'Poppins', sans-serif;
}

.main-slider .btn-style-one,
.main-slider .btn-style-two {
	min-width: 160px;
	text-align: center;
	border-width: 2px !important;
}

.main-slider .tp-bullets.preview3 {
	width: 100% !important;
	margin: 0px !important;
	left: 0px !important;
	height: 6px !important;
	display: table !important;
}

.main-slider .tp-bullets.preview3 .bullet {
	display: table-cell !important;
	background: rgba(29, 40, 2, 0.50) !important;
	height: 6px !important;
	border: 0px !important;
	margin: 0px 0px;
	border-radius: 0px;
	max-width: 100%;
	min-width: 33.333%;
}

.main-slider .tp-bullets.preview3 .bullet:hover,
.main-slider .tp-bullets.preview3 .bullet.selected {
	background: rgba(178, 221, 74, 0.60) !important;
}

.main-slider .tparrows.preview3,
.main-slider .tparrows.preview3 {
	background: none !important;
	width: 60px !important;
	overflow: hidden;
	margin-top: 0px !important;
	height: 60px !important;
}

.main-slider:before,
.rev_slider_wrapper:before {
	background: rgba(0, 0, 0, 0.4);
}

.rev_slider ul li img {
	filter: brightness(1.08) contrast(1.12) saturate(1.18) sharpen(1);
}

.main-slider .tparrows.preview3::after {
	top: 0px;
	background: rgba(0, 0, 0, 0);
	color: #ffffff;
	font-size: 24px;
	height: 60px !important;
	line-height: 58px;
	width: 60px !important;
	border: 2px solid #ffffff;
	padding: 0px;
	border-radius: 50%;
}

.main-slider .tparrows.tp-leftarrow.preview3::after {
	content: '\f104';
	font-family: 'FontAwesome';
}

.main-slider .tparrows.tp-rightarrow.preview3::after {
	content: '\f105';
	font-family: 'FontAwesome';
}

.main-slider .tparrows.preview3.tp-leftarrow {
	left: 30px !important;
}

.main-slider .tparrows.preview3.tp-rightarrow {
	right: 30px !important;
}

.main-slider .tparrows.preview3:hover::after {
	background: #044d22;
	border-color: #044d22;
}

.main-slider .tparrows.preview3 .tp-arr-iwrapper {
	visibility: hidden;
	opacity: 0;
	display: none;
}

.main-slider .tp-bannertimer {
	display: none !important;
}

/* Fix for Slider-4 background cutting at top under the header on desktop */
@media only screen and (min-width: 1141px) {
	.main-slider *[style*="slider-4.jpg"] {
		background-position: center 90px !important;
	}
}

.styled-separator {
	position: relative;
	margin-top: -5px;
	height: 5px;
	z-index: 2;
}

.styled-separator .layer-one {
	position: relative;
	float: left;
	width: 33.333%;
	height: 5px;
	background: rgba(29, 40, 2, 0.60);
}

.styled-separator .layer-two {
	position: relative;
	float: left;
	width: 33.333%;
	height: 5px;
	background: rgba(178, 221, 74, 0.60);
}

.styled-separator .layer-three {
	position: relative;
	float: left;
	width: 33.333%;
	height: 5px;
	background: rgba(29, 40, 2, 0.60);
}

/*** 

====================================================================
	Section Title style
====================================================================

***/

.sec-title {
	position: relative;
	margin-bottom: 10px;
}

.sec-title.centered {
	max-width: 980px;
	margin: 0 auto 50px;
	text-align: center;
}

.sec-title h2 {
	font-size: 36px;
	color: #1f1f1f;
	font-weight: 600;
	line-height: 1.2em;
}

.sidebar-page-container .sec-title {
	margin-bottom: 30px;
}

.sidebar-page-container .sec-title h2 {
	font-size: 30px;
}

.sec-title .separator {
	display: block;
	width: 100%;
	height: 40px;
	background: url(../images/icons/title-pattern.png) left center no-repeat;
}

.sec-title.centered .separator {
	background-position: center center;
}

/*** 

====================================================================
	Why Us style
====================================================================

***/

.why-us {
	position: relative;
	padding: 80px 0px 30px;
	overflow: hidden;
	background: linear-gradient(135deg, #f4faf6 0%, #eaf5ed 100%);
	z-index: 1;
}

/* Ensure container content is on top */
.why-us .auto-container {
	position: relative;
	z-index: 3;
}

.why-us-bg-shapes {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 2;
}

.bg-shape-wrapper {
	position: absolute;
	pointer-events: none;
	z-index: 2;
}

.bg-shape {
	position: relative;
	width: 100%;
	height: 100%;
	opacity: 0.28;
	filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.02));
	transition: all 0.5s ease;
}

.bg-shape svg {
	width: 100%;
	height: 100%;
	display: block;
}

/* Position wrappers */
.bg-shape-1 {
	top: 8%;
	left: 4%;
	width: 80px;
	height: 80px;
}

.bg-shape-2 {
	top: 25%;
	right: 6%;
	width: 70px;
	height: 70px;
}

.bg-shape-3 {
	bottom: 12%;
	left: 4%;
	width: 90px;
	height: 90px;
}

.bg-shape-4 {
	top: 4%;
	right: 28%;
	width: 65px;
	height: 65px;
}

.bg-shape-5 {
	top: 50%;
	left: 4%;
	width: 75px;
	height: 75px;
}

.bg-shape-6 {
	bottom: 0%;
	right: 12%;
	width: 85px;
	height: 85px;
}

.bg-shape-7 {
	top: 45%;
	right: 28%;
	width: 60px;
	height: 60px;
}

.bg-shape-8 {
	bottom: 3%;
	left: 32%;
	width: 70px;
	height: 70px;
}

.bg-shape-9 {
	top: 35%;
	left: 24%;
	width: 72px;
	height: 72px;
}

.bg-shape-10 {
	bottom: 45%;
	right: 4%;
	width: 78px;
	height: 78px;
}

.bg-shape-11 {
	top: 8%;
	right: 12%;
	width: 68px;
	height: 68px;
}

.bg-shape-12 {
	bottom: 20%;
	right: 40%;
	width: 82px;
	height: 82px;
}

/* Assign unique thematic colors and floating animations to the inner elements */
.bg-shape-1 .bg-shape {
	color: #2e7d32;
	/* Leaf: Fresh Organic Green */
	animation: floatRotate1 25s infinite ease-in-out;
}

.bg-shape-2 .bg-shape {
	color: #d32f2f;
	/* Apple: Vibrant Apple Red */
	animation: floatRotate2 28s infinite ease-in-out;
}

.bg-shape-3 .bg-shape {
	color: #c2185b;
	/* Heartbeat: Clinical Coral/Rose */
	animation: floatRotate3 22s infinite ease-in-out;
}

.bg-shape-4 .bg-shape {
	color: #f57f17;
	/* Pineapple: Warm Tropical Gold */
	animation: floatRotate1 32s infinite ease-in-out;
}

.bg-shape-5 .bg-shape {
	color: #455a64;
	/* Dumbbell: Slate Iron Grey */
	animation: floatRotate2 30s infinite ease-in-out;
}

.bg-shape-6 .bg-shape {
	color: #7b1fa2;
	/* Lotus: Zen Lavender Purple */
	animation: floatRotate3 26s infinite ease-in-out;
}

.bg-shape-7 .bg-shape {
	color: #0288d1;
	/* Water Drop: Clear Pure Blue */
	animation: floatRotate1 24s infinite ease-in-out;
}

.bg-shape-8 .bg-shape {
	color: #e65100;
	/* Carrot: Rich Healthy Orange */
	animation: floatRotate2 27s infinite ease-in-out;
}

.bg-shape-9 .bg-shape {
	color: #558b2f;
	/* Avocado: Healthy Olive Green */
	animation: floatRotate3 29s infinite ease-in-out;
}

.bg-shape-10 .bg-shape {
	color: #00897b;
	/* Bicycle: Active Teal Green */
	animation: floatRotate1 26s infinite ease-in-out;
}

.bg-shape-11 .bg-shape {
	color: #ff9800;
	/* Sun Energy: High Vitality Gold */
	animation: floatRotate2 31s infinite ease-in-out;
}

.bg-shape-12 .bg-shape {
	color: #3f51b5;
	/* Yoga Meditation: Zen Balance Indigo */
	animation: floatRotate3 24s infinite ease-in-out;
}

/* Elegant Floating Animations */
@keyframes floatRotate1 {
	0% {
		transform: translateY(0) rotate(0deg) scale(1);
	}

	50% {
		transform: translateY(-35px) rotate(22deg) scale(1.12);
	}

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

@keyframes floatRotate2 {
	0% {
		transform: translateY(0) rotate(0deg) scale(1);
	}

	50% {
		transform: translateY(30px) rotate(-26deg) scale(0.88);
	}

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

@keyframes floatRotate3 {
	0% {
		transform: translateY(0) rotate(0deg) scale(1);
	}

	50% {
		transform: translateY(-28px) rotate(28deg) scale(1.08);
	}

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

/* Mobile responsive adjustments */
@media (max-width: 767px) {
	.why-us-bg-shapes {
		display: none;
	}

	.why-us {
		background: #ffffff;
	}
}


/*** 

====================================================================
	Featured Services style
====================================================================

***/

.featured-services {
	position: relative;
	padding: 80px 0px 30px;
}

.featured-service {
	position: relative;
	margin-bottom: 50px;
}

.featured-service .inner-box {
	position: relative;
	display: block;
}

.featured-service .image-box {
	position: relative;
	display: block;
	overflow: hidden;
}

.featured-service .image-box img {
	display: block;
	width: 100%;
}

.featured-service .image-box .caption-box {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	color: #ffffff;
	background: rgba(29, 40, 2, 0.90);
	padding: 15px 15px 15px 80px;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
}

.featured-service:hover .image-box .caption-box {
	bottom: -100%;
}

.featured-service .image-box .caption-box .title {
	font-size: 17px;
	color: #ffffff;
	line-height: 30px;
}

.featured-service .image-box .caption-box .title a {
	color: #ffffff;
}

.featured-service .image-box .icon {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 60px;
	height: 60px;
	font-size: 32px;
	color: #ffffff;
	background: #044d22;
	line-height: 40px;
	padding: 10px 0px;
	text-align: center;
}

.featured-service .overlay-box {
	position: absolute;
	left: 0px;
	bottom: -100%;
	width: 100%;
	height: 100%;
	color: #ffffff;
	background: rgba(29, 40, 2, 0.92);
	padding: 24px !important;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	align-items: center !important;
	text-align: center !important;
	z-index: 5;
}

.featured-service:hover .overlay-box {
	bottom: 0px;
}

.featured-service .overlay-box .overlay-inner {
	position: relative !important;
	left: auto !important;
	top: auto !important;
	width: 100% !important;
	height: auto !important;
	display: block !important;
	padding: 0 !important;
}

.featured-service .overlay-box .overlay-content {
	position: relative;
	display: block !important;
}

.featured-service .overlay-box .title {
	font-size: 19px !important;
	color: #ffffff !important;
	line-height: 1.3em !important;
	margin-bottom: 10px !important;
	font-weight: 700 !important;
}

.featured-service .overlay-box .title a {
	color: #fff !important;
}

.featured-service .overlay-box .text {
	font-size: 13.5px !important;
	color: #f0f0f0 !important;
	line-height: 1.6em !important;
}

.featured-service .overlay-box .icon-box {
	position: relative !important;
	left: auto !important;
	top: auto !important;
	width: 54px !important;
	height: 54px !important;
	min-height: 54px !important;
	font-size: 24px !important;
	color: #1d2802 !important;
	background: #ffde59 !important;
	border-radius: 50% !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 0 auto 15px auto !important;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25) !important;
	transition: all 0.3s ease !important;
}

.featured-service .overlay-box .icon-box span,
.featured-service .overlay-box .icon-box i {
	position: static !important;
	margin: 0 !important;
	line-height: 1 !important;
	font-size: 24px !important;
	display: inline-block !important;
}

/*** 

====================================================================
	Services Section style
====================================================================

***/

.services-section {
	position: relative;
	padding: 80px 0px 30px;
	border-top: 1px solid #f0f0f0;
	z-index: 1;
}

.services-section:before {
	content: '';
	position: absolute;
	top: -1px;
	left: 50%;
	margin-left: -40px;
	height: 34px;
	width: 80px;
	background: url(../images/icons/tab-curve.jpg) center top no-repeat;
}

.icon-column-default {
	position: relative;
	margin-bottom: 50px;
}

.icon-column-default .inner-box {
	position: relative;
	display: block;
	padding: 25px 20px 25px 110px;
	background: #ffffff;
	border: 4px solid #044d22;
	border-radius: 10px;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
	transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-webkit-transition: all 400ms ease;
}

.icon-column-default .inner-box:hover {
	transform: scale(1.05) translateY(-10px);
	box-shadow: 0px 20px 45px rgba(178, 221, 76, 0.4);
	z-index: 10;
}

.icon-column-default .inner-box .icon-box {
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top: -35px;
	width: 70px;
	height: 70px;
	line-height: 40px;
	padding: 15px 0px;
	font-size: 32px;
	text-align: center;
	color: #ffffff;
	background: #044d22;
	border-radius: 50%;
	transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-webkit-transition: all 400ms ease;
}

.icon-column-default .inner-box:hover .icon-box {
	background: #1f1f1f;
	/* color: #044d22; */
	transform: rotateY(360deg);
}

.icon-column-default .inner-box h3 {
	font-size: 20px;
	line-height: 1.4em;
	margin-bottom: 7px;
	color: #1f1f1f;
	font-weight: 400;
}

.icon-column-default .inner-box h3 a {
	color: #1f1f1f;
}

.icon-column-default .inner-box .text {
	line-height: 1.8em;
}

/*** 

====================================================================
	Tabs defualt style
====================================================================

***/
.navigation li a {
	display: flex;
	align-items: center;
	gap: 10px;
}

.navigation li a img {
	width: 20px;
	height: 20px;
	object-fit: contain;
}

@media (max-width: 1024px) {
	.navigation li {
		margin: 0 6px;
	}

	.navigation li a {
		font-size: 12px;
		gap: 3px;
	}

	.navigation li a::before {
		width: 10px;
		height: 10px;
	}
}

.tabs-box {
	position: relative;
}

.tabs-box .tab-buttons {
	position: relative;
}

.tabs-box .tab-buttons .tab-btn {
	position: relative;
	cursor: pointer;
}

.tabs-box .tabs-content {
	position: relative;
}

.tabs-box .tabs-content .tab {
	display: none;
}

.tabs-box .tabs-content .tab.active-tab {
	display: block;
}

/*** 

====================================================================
	Experience Section
====================================================================

***/

.experience-section {
	position: relative;
	padding: 80px 0px 30px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	color: #ffffff;
}

.experience-section .auto-container {
	position: relative;
	z-index: 1;
}

.experience-section:before {
	content: '';
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: rgba(29, 40, 2, 0.80);
}

.experience-section .title-column {
	position: relative;
	margin-bottom: 30px;
}

.experience-section .title-column h2 {
	font-size: 36px;
	line-height: 1.4em;
	font-weight: 600;
	margin-bottom: 20px;
}

.experience-section .title-column .text {
	font-size: 14px;
	line-height: 1.8em;
	margin-bottom: 20px;
}

.experience-section .title-column .req-btn {
	font-size: 24px;
	color: #e9d80c;
}

/*** 

====================================================================
	Fact Counter Section
====================================================================

***/

.fact-counter {
	position: relative;
}

.fact-counter .column {
	position: relative;
	margin-bottom: 40px;
	text-align: center;
	z-index: 5;
}

.fact-counter .column .inner-box {
	position: relative;
	padding: 40px 30px;
	background: rgba(29, 40, 2, 0.55);
}

.fact-counter .column .icon {
	position: relative;
	top: 0px;
	font-size: 52px;
	line-height: 1.2em;
	margin-bottom: 15px;
	color: #044d22;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.fact-counter .count-outer {
	position: relative;
	font-size: 14px;
	font-weight: 700;
	color: #044d22;
	line-height: 1em;
	margin-bottom: 10px;
}

.fact-counter .count-outer .count-text {
	position: relative;
	font-size: 48px;
	font-weight: 400;
	padding: 0px 0px;
	margin-bottom: 20px;
	line-height: 1em;
}

.fact-counter .column .counter-title {
	position: relative;
	font-size: 18px;
	font-weight: 400;
	text-transform: capitalize;
	color: #ffffff;
	line-height: 1em;
}

.fact-counter .column .separator {
	position: relative;
	height: 48px;
	width: 100%;
	background: url(../images/icons/title-pattern-2.png) center top no-repeat;
}

/*** 

====================================================================
	Default Section style
====================================================================

***/

.default-section {
	position: relative;
	padding: 80px 0px 40px;
}

.default-section .column {
	position: relative;
	margin-bottom: 30px;
}

.video-image-box {
	position: relative;
}

.video-image-box .image {
	position: relative;
}

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

.video-image-box .image .overlay-link {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	color: #ffffff;
	text-align: center;
	background: rgba(0, 0, 0, 0.10);
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.video-image-box .image .overlay-link:hover {
	background: rgba(0, 0, 0, 0.30);
}

.video-image-box .image .overlay-link .icon {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -25px;
	margin-left: -25px;
	width: 60px;
	height: 60px;
	line-height: 60px;
	font-size: 60px;
	border-radius: 50%;
}

.video-image-box .caption-box {
	position: relative;
	padding: 15px 30px;
	background: #1d2802;
	color: #FFF;
	font-size: 18px;
	line-height: 1.8em;
}

.default-section .text-column .text {
	margin-bottom: 35px;
	color: #9e9e9e;
	font-size: 14px;
	line-height: 1.8em;
}

.default-section .text-column .text strong {
	color: #1f1f1f;
	font-weight: 600;
}

.default-section .text-column h2 {
	font-size: 24px;
	color: #1f1f1f;
	font-weight: 400;
	text-transform: capitalize;
	margin: -5px 0px 25px;
}

.default-section .text-column .signature-image {
	position: relative;
	margin-bottom: 0px;
}

.default-section .text-column .about-owner h4 {
	font-size: 18px;
	font-weight: 400;
	color: #1f1f1f;
}

.default-section .text-column .about-owner .designation {
	color: #9e9e9e;
	font-weight: 400;
}

.default-section .text-column .about-owner .company-title {
	color: #044d22;
	font-size: 22px;
}

/*** 

====================================================================
	Accordions style
====================================================================

***/

.accordion-box {
	position: relative;
}

.accordion-box .block {
	position: relative;
	margin-bottom: 15px;
}

.accordion-box .block .acc-btn {
	position: relative;
	font-size: 20px;
	margin-bottom: 0px;
	cursor: pointer;
	background: none;
	line-height: 30px;
	padding: 15px 50px 15px 30px;
	border: 1px solid #f0f0f0;
	overflow: hidden;
	font-weight: 400;
	color: #1f1f1f;
	border-radius: 30px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.accordion-box .block .acc-btn.active {
	background: #004d21;
	color: #ffffff;
}

.accordion-box .block .icon-outer {
	position: absolute;
	right: 15px;
	top: 0px;
	width: 50px;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 16px;
	color: #1f1f1f;
	background: none;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
}

.accordion-box .block .acc-btn.active .icon-outer {
	color: #ffffff;
}

.accordion-box .block .icon-outer .icon {
	font-size: 16px;
	font-weight: 900 !important;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.accordion-box .block .acc-btn.active .icon-outer .icon {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}


.accordion-box.style-two .block .acc-btn.active .icon-outer {
	background: none;
	color: #00c6ff;
}

.accordion-box .block .acc-content {
	position: relative;
	display: none;
}

.accordion-box .block .acc-content.current {
	display: block;
}

.accordion-box .block .content {
	position: relative;
	font-size: 14px;
	background: #ffffff;
	padding: 20px 30px 20px 35px;
}

.accordion-box.style-two .block .content {
	padding-top: 0px;
	font-size: 14px;
	padding-left: 0px;
}

.accordion-box .block .content .image {
	float: left;
	margin: 0px 20px 25px 0px;
}

.accordion-box .block .content .image img {
	display: block;
	max-width: 100%;
}

.accordion-box .block .content p {
	margin-bottom: 20px;
	line-height: 1.8em;
}

/*** 

====================================================================
	Testimonials Section style
====================================================================

***/

.testimonials-section {
	position: relative;
	background: #f9f9f9;
	padding: 80px 0px;
	z-index: 1;
}

.testimonials-section:after {
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -25px;
	bottom: -58px;
	border: 35px solid transparent;
	border-top: 25px solid #f7f7f7;
}

.testimonials-section .sec-title {
	margin-bottom: 35px;
}

.sec-title .link-outer {
	position: relative;
	padding-top: 10px;
}



.testimonials-section .owl-nav {
	display: none;
}

.testimonials-section .owl-controls {
	padding-top: 30px;
}

.testimonials-section .owl-dots .owl-dot span {
	border: 1px solid #044d22;
	background: #ffffff;
	margin: 0px 5px;
	width: 10px;
	height: 10px;
}

.testimonials-section .owl-dots .owl-dot.active span {
	background: #044d22;
}

/*** 

====================================================================
	Work Steps style
====================================================================

***/

.work-steps {
	position: relative;
	background: #1d2802 url(../images/background/image-2.jpg) center center no-repeat;
	background-size: cover;
	padding: 90px 0px 40px;
	text-align: center;
	color: #ffffff;
}

.work-steps .step-column {
	position: relative;
	margin-bottom: 30px;
}

.work-steps .step-column .inner-box {
	position: relative;
	cursor: pointer;
}

.work-steps .step-column .inner-box:after {
	content: '';
	position: absolute;
	right: -55px;
	top: 30%;
	width: 80px;
	height: 40px;
	background: url(../images/icons/arrow-right.png) center center no-repeat;
}

.work-steps .step-column:last-child .inner-box:after {
	display: none;
}

.work-steps .step-column .image-box {
	position: relative;
	max-width: 180px;
	padding: 9px;
	border: 1px dashed #9e9e9e;
	margin: 0 auto;
	border-radius: 50%;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.work-steps .step-column:hover .image-box {
	border-color: #044d22;
}

.work-steps .step-column .image-box .count {
	position: absolute;
	left: 0px;
	top: 20px;
	width: 44px;
	height: 44px;
	background: #044d22;
	color: #ffffff;
	line-height: 44px;
	border-radius: 50%;
}

.work-steps .step-column .image-box img {
	display: block;
	width: 100%;
	border-radius: 50%;
}

.work-steps .step-column .lower-content {
	position: relative;
	padding-top: 25px;
}

.work-steps .step-column h3 {
	color: #f3f3f3;
	font-size: 20px;
	margin-bottom: 5px;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.work-steps .step-column:hover h3 {
	color: #044d22;
}

.work-steps .step-column .text {
	color: #ffffff;
	font-size: 14px;
	line-height: 1.8em;
}

/*** 

====================================================================
	News Section style
====================================================================

***/

.news-section {
	position: relative;
	padding: 80px 0px 30px;
	z-index: 1;
}

.news-section.grid-view {
	padding: 80px 0px;
}

.news-style-one {
	position: relative;
	margin-bottom: 50px;
}

.news-style-one .inner-box {
	position: relative;
	display: block;
	border: 1px solid #f0f0f0;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.news-style-one .inner-box:after {
	content: '';
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	border-bottom: 2px solid #044d22;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	-moz-transform: scaleX(0);
	transform: scaleX(0);
}

.news-style-one .inner-box:hover:after {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	-moz-transform: scaleX(1);
	transform: scaleX(1);
}

.news-style-one .inner-box:hover {
	border-color: #ffffff;
	background: #ffffff;
	-webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.05);
	-ms-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.05);
}

.news-style-one .inner-box .image-box {
	display: block;
	margin: -1px -1px 0px;
}

.news-style-one .inner-box .image-box img {
	display: block;
	width: 100%;
}

.news-style-one .inner-box .lower-content {
	position: relative;
	padding: 0px 30px 30px;
}

.news-style-one.list-style .inner-box .lower-content {
	position: relative;
	padding: 30px 0px;
}

.news-style-one .inner-box .posted-info {
	position: relative;
	display: inline-block;
	margin: 0px 0px 0px;
	top: -13px;
	padding: 3px 10px;
	color: #ffffff;
	background: #044d22;
	font-weight: 500;
	line-height: 20px;
	font-size: 12px;
}

.news-style-one.list-style .inner-box .posted-info {
	margin-bottom: 12px;
	top: 0px;
}

.news-style-one .inner-box .post-author-info {
	position: relative;
	margin-bottom: 10px;
	color: #9e9e9e;
	line-height: 24px;
	font-size: 14px;
}

.news-style-one .lower-content .post-meta {
	position: relative;
	margin-bottom: 10px;
}

.news-style-one .lower-content .post-meta li {
	position: relative;
	display: inline-block;
	font-size: 14px;
	margin-right: 15px;
}

.news-style-one .lower-content .post-meta li a {
	position: relative;
	display: inline-block;
	padding-left: 25px;
	color: #9e9e9e;
}

.news-style-one .lower-content .post-meta li .icon {
	position: absolute;
	left: 0px;
	top: 0px;
	font-size: 14px;
	color: #044d22;
	font-style: normal;
}

.news-style-one .inner-box h3 {
	position: relative;
	margin-bottom: 10px;
	color: #1f1f1f;
	line-height: 1.4em;
	font-size: 20px;
}

.news-style-one.list-style .inner-box h3 {
	margin-bottom: 12px;
}

.blog-details .news-style-one .inner-box h3,
.blog-classic-view .news-style-one .inner-box h3 {
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 15px;
}

.news-style-one .inner-box h3 a {
	color: #1f1f1f;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.news-style-one .inner-box:hover h3 a {
	color: #044d22;
}

.news-style-one .inner-box .text {
	line-height: 1.8em;
}

/*** 

====================================================================
	Two Column Fluid Section style
====================================================================

***/

.two-col-fluid {
	position: relative;
	min-height: 200px;
	background: #f9f9f9;
	margin-top: 24px;
	margin-bottom: 15px;
}

.two-col-fluid .image-column {
	position: relative;
	float: left;
	width: 50%;
	padding: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.two-col-fluid .image-column .image-box {
	display: block;
	width: 100%;
}

.two-col-fluid .image-column .image-box img {
	display: block;
	width: 100%;
	border-radius: 40px;
	/* Curve border around the image */
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);

}

.two-col-fluid .content-column {
	position: relative;
	float: right;
	width: 50%;
	padding-top: 20px;
	border: 4px solid #024b21;
	border-radius: 15px;
	background: #ffffff;
}

.two-col-fluid .content-column .inner-box {
	position: relative;
	max-width: 720px;
	padding: 16px 0px 27px 47px;
}

/*** 

====================================================================
	Default Form Style
====================================================================

***/

.two-col-fluid .default-form {
	margin-bottom: 10px;
}

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

.default-form .form-group .field-label {
	display: block;
	line-height: 24px;
	text-transform: uppercase;
	margin-bottom: 10px;
	color: #232323;
	font-weight: 500;
	font-size: 13px;
}

.default-form .form-group .field-label sup {
	color: #ff0000;
	font-size: 14px;
}

.default-form input[type="text"],
.default-form input[type="email"],
.default-form input[type="password"],
.default-form input[type="tel"],
.default-form select,
.default-form textarea {
	display: block;
	width: 100%;
	line-height: 24px;
	height: 50px;
	font-size: 14px;
	border: 1px solid #f0f0f0;
	padding: 12px 15px;
	background-color: #ffffff;
	color: #111111;
	border-radius: 0px;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.default-form select {
	cursor: pointer;
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	background: #ffffff url(../images/icons/icon-select.png) right center no-repeat;
}

.default-form textarea {
	height: 80px;
	resize: none;
}

.default-form select option {
	text-indent: 15px;
}

.default-form input:focus,
.default-form select:focus,
.default-form textarea:focus {
	border-color: #044d22 !important;
}

.default-form input.error,
.default-form select.error,
.default-form textarea.error {
	border-color: #ff0000 !important;
}

.default-form label.error {
	display: block;
	line-height: 24px;
	padding: 5px 0px 0px;
	margin: 0px;
	text-transform: uppercase;
	font-size: 11px;
	color: #ff0000;
	font-weight: 500;
}

.two-col-fluid .default-form button {
	padding: 11px 30px;
	width: 100%;
	text-align: center;
	text-transform: capitalize;
}

.two-col-fluid .content-column .text-content p {
	font-size: 16px;
	margin-bottom: 20px;
}

.two-col-fluid .content-column .text-content a {
	text-decoration: underline;
	color: #044d22;
}

.two-col-fluid .content-column .text-content strong {
	font-weight: 400;
	font-size: 18px;
	color: #044d22;
}


/*** 

====================================================================
	Main Footer
====================================================================

***/

.main-footer {
	position: relative;
	background: url("../website_images/footer-background.jpg") center center no-repeat;
	background-size: cover;
	background-color: #1d2802;
	background-repeat: no-repeat;
	background-position: left center;
	color: #ffffff;
}

.main-footer a,
.main-footer input,
.main-footer textarea {
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-footer .auto-container {
	position: relative;
	z-index: 1;
}

.main-footer .widgets-section {
	position: relative;
	padding: 40px 0px 10px;
}

.main-footer .footer-column {
	position: relative;
}

.main-footer .footer-widget {
	position: relative;
	margin-bottom: 15px;
}

.main-footer .footer-logo {
	position: relative;
	margin-top: -5px;
}

.main-footer .footer-logo img {
	display: block;
	max-width: 100%;
}

.main-footer .footer-column h2 {
	font-size: 20px;
	font-weight: 500;
	text-transform: capitalize;
	margin-bottom: 30px;
	color: #ffffff;
}

.main-footer .about-widget .text {
	margin-bottom: 35px;
	line-height: 2em;
}

.main-footer .contact-info {
	margin-bottom: 25px;
}

.main-footer .contact-info li {
	position: relative;
	padding: 0px 0px 0px 30px;
	margin-bottom: 10px;
	line-height: 28px;
}

.main-footer .contact-info li .icon {
	position: absolute;
	left: 0px;
	top: 0px;
	line-height: 28px;
	font-size: 20px;
	color: #fff;
}

.main-footer .contact-info li strong {
	font-weight: 500;
}

.main-footer .posts-widget .post {
	position: relative;
	min-height: 75px;
	padding-left: 90px;
	margin-bottom: 40px;
}

.main-footer .posts-widget .post:last-child {
	margin-bottom: 0px;
}

.main-footer .posts-widget .post .post-thumb {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 75px;
	height: 75px;
}

.main-footer .posts-widget .post .post-thumb .overlay-link {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: rgba(178, 221, 76, 0.95);
	color: #ffffff;
	opacity: 0;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
}

.main-footer .posts-widget .post:hover .post-thumb .overlay-link {
	opacity: 1;
}

.main-footer .posts-widget .post .post-thumb .overlay-link span {
	position: absolute;
	left: 50%;
	top: 50%;
	text-align: center;
	width: 30px;
	margin-left: -15px;
	margin-top: -15px;
	line-height: 30px;
	font-size: 18px;
}

.main-footer .posts-widget .post .post-thumb img {
	display: block;
	width: 100%;
}

.main-footer .posts-widget .post .desc-text {
	position: relative;
	font-size: 14px;
	color: #ffffff;
	line-height: 1.8em;
	margin-bottom: 0px;
	top: -5px;
}

.main-footer .posts-widget .post .desc-text a {
	color: #ffffff;
}

.main-footer .posts-widget .post .time {
	color: #044d22;
	line-height: 24px;
}

.main-footer .tags-widget .tags-list li {
	position: relative;
	display: inline-block;
	margin: 0px 7px 10px 0px;
}

.main-footer .tags-widget .tags-list li a {
	position: relative;
	display: block;
	line-height: 24px;
	padding: 5px 14px;
	color: #9e9e9e;
	text-transform: capitalize;
	border: 1px solid rgba(255, 255, 255, 0.10);
	min-width: 50px;
	text-align: center;
	border-radius: 2px;
}

.main-footer .tags-widget .tags-list li a:hover {
	background: #044d22;
	color: #ffffff;
	border-color: #044d22;
}

.main-footer .links-widget .list li {
	position: relative;
	padding-left: 0px;
	margin-bottom: 10px;
}

.main-footer .links-widget .list li a {
	position: relative;
	display: inline-block;
	line-height: 24px;
	color: #ffffff;
	text-transform: capitalize;
	border-bottom: 1px dashed transparent;
}

.main-footer .links-widget .list li:before {
	display: none;
}

.main-footer .links-widget .list li a:hover {
	color: #b2dd4c;
	border-color: #044d22;
}

.main-footer .work-hours h4 {
	font-size: 16px;
	color: #ffffff;
	font-weight: 500;
	margin-bottom: 10px;
}

.main-footer .work-hours p {
	line-height: 1.6em;
	margin-bottom: 5px;
}

.main-footer .newsletter-widget {
	position: relative;
}

.main-footer .newsletter-widget .text {
	line-height: 1.8em;
	margin-bottom: 10px;
}

.newsletter-one {
	position: relative;
}

.newsletter-one .form-group {
	position: relative;
	margin-bottom: 0px;
}

.newsletter-one .form-group input[type="text"],
.newsletter-one .form-group input[type="email"],
.newsletter-one .form-group textarea {
	position: relative;
	display: block;
	width: 100%;
	line-height: 22px;
	padding: 12px 15px;
	background: #ffffff;
	color: #333333;
	height: 48px;
	border: 1px solid rgba(255, 255, 255, 0.10);
	border-radius: 3px;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.newsletter-one .form-group input[type="text"]:focus,
.newsletter-one .form-group input[type="email"]:focus,
.newsletter-one .form-group textarea:focus {
	border-color: #044d22;
}

.newsletter-one .form-group button {
	position: absolute;
	right: 0px;
	top: 0px;
	display: block;
	width: 50px;
	height: 48px;
	text-align: center;
	margin: 0px;
	padding: 12px 5px;
	line-height: 24px;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 400;
	background: #044d22;
	color: #ffffff;
	letter-spacing: 1px;
	border-radius: 0px 2px 2px 0px;
}

.newsletter-one .form-group button:hover,
.newsletter-one .form-group input:focus+button {
	background: #999999;
}

.main-footer .footer-bottom {
	position: relative;
	padding: 24px 0px;
	line-height: 24px;
	font-size: 15px;
	background: #074107;
}

.main-footer .footer-bottom .author-name {
	color: #044d22;
}

.client-transform-img {
	position: relative;
	display: inline-block;
	margin-top: 20px;
	padding: 4px;
	border-radius: 15px;
	overflow: hidden;
	animation: floatImage 3s ease-in-out infinite;
}

.client-transform-img::before {
	content: "";
	position: absolute;
	inset: -3px;
	background: linear-gradient(45deg,
			#b2dd4c,
			#ffffff,
			#4caf50,
			#b2dd4c);
	background-size: 300% 300%;
	border-radius: 18px;
	animation: borderGlow 4s linear infinite;
	z-index: -1;
}

.client-transform-img img {
	width: 180px;
	height: auto;
	display: block;
	border-radius: 12px;
	background: #fff;
	transition: transform 0.4s ease;
}

.client-transform-img:hover img {
	transform: scale(1.05);
}

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

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

@keyframes floatImage {

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

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

.main-footer .footer-social li {
	position: relative;
	display: inline-block;
	margin-left: 25px;
	line-height: 24px;
}

.main-footer .footer-social li a {
	color: #f7f7f7;
	font-size: 16px;
}

.main-footer .footer-social li a:hover {
	color: #044d22;
}


/*** 

====================================================================
	Page Title Style
====================================================================

***/

.page-title {
	position: relative;
	padding: 190px 0px 80px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	text-align: center;
}

.page-title:before {
	content: '';
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	position: absolute;
	background: rgba(29, 40, 2, 0.80);
}

.page-title .auto-container {
	position: relative;
	z-index: 1;
}

.page-title h1 {
	position: relative;
	font-size: 36px;
	font-weight: 600;
	color: #ffffff;
	margin-bottom: 5px;
	line-height: 1.5em;
}

.page-title h3 {
	position: relative;
	font-size: 24px;
	color: #e9d80c;
}

.page-info {
	position: relative;
	padding: 20px 0px;
	background: #ffffff;
	color: #1f1f1f;
	border-bottom: 1px solid #f0f0f0;
}

.page-info h2 {
	font-size: 16px;
	color: #1f1f1f;
	line-height: 24px;
	font-weight: 700;
}

.page-info .bread-crumb {
	position: relative;
	font-size: 14px;
}

.page-info .bread-crumb li {
	position: relative;
	float: left;
	margin-right: 30px;
	color: #9e9e9e;
	line-height: 24px;
}

.page-info .bread-crumb li:last-child {
	margin-right: 0px;
}

.page-info .bread-crumb li:after {
	content: '\f0da';
	font-family: 'FontAwesome';
	position: absolute;
	right: -22px;
	width: 10px;
	line-height: 24px;
	font-size: 14px;
	color: #044d22;
}

.page-info .bread-crumb li:last-child:after {
	display: none;
}

.page-info .bread-crumb li a {
	color: #9e9e9e;
}

.page-info .bread-crumb li a:hover {
	color: #044d22;
}

.page-info .bread-crumb li.active {
	color: #044d22;
}

/*** 

====================================================================
	Certificates Section Style
====================================================================

***/

.certificates-section {
	position: relative;
	padding: 80px 0px;
	border-top: 1px solid #f0f0f0;
	z-index: 1;
}

.certificates-section:before {
	content: '';
	position: absolute;
	top: -1px;
	left: 50%;
	margin-left: -40px;
	height: 34px;
	width: 80px;
	background: url(../images/icons/tab-curve.jpg) center top no-repeat;
}

.certificates-carousel .slide-item {
	position: relative;
}

.certificates-section .slide-item img {
	display: block;
	width: 100%;
}

.certificates-section .owl-nav {
	display: none;
}

.certificates-section .owl-controls {
	padding-top: 30px;
}

.certificates-section .owl-dots .owl-dot span {
	border: 1px solid #044d22;
	background: #ffffff;
	margin: 0px 8px;
	width: 10px;
	height: 10px;
}

.certificates-section .owl-dots .owl-dot.active span {
	background: #044d22;
}

/*** 

====================================================================
	Why Choose Us Style
====================================================================

***/

.why-choose-us {
	position: relative;
	padding: 80px 0px 30px;
	background: #f9f9f9;
}

/*** 

====================================================================
	Our Team style
====================================================================

***/

.team-section {
	position: relative;
	padding: 80px 0px 0px;
}

.team-section .sec-title {
	margin-bottom: 30px;
}

.team-section .slide-item {
	position: relative;
	padding-bottom: 40px;
	border-bottom: 1px solid #f0f0f0;
	margin-bottom: 30px;
}

.team-section .slide-item .content-column {
	position: relative;
	padding-bottom: 200px;
}

.team-section .slide-item .info {
	position: relative;
	margin-bottom: 20px;
}

.team-section .slide-item .info h3 {
	position: relative;
	font-size: 20px;
	text-transform: capitalize;
	color: #1f1f1f;
}

.team-section .slide-item .info .designation {
	position: relative;
	font-size: 18px;
	text-transform: capitalize;
	color: #044d22;
}

.team-section .slide-item .desc-text {
	position: relative;
	line-height: 1.8em;
	margin-bottom: 25px;
}

.team-section .slide-item .social-links {
	position: relative;
}

.team-section .slide-item .social-links a {
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin-right: 8px;
	color: #8e8e8e;
	background: #f7f7f7;
	border-radius: 50%;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.team-section .slide-item .social-links a:hover {
	background: #044d22;
	color: #ffffff;
}

.team-section .team-thumbs-carousel {
	position: relative;
	padding-right: 200px;
}

.team-section .team-thumbs-carousel .thumb-item {
	position: relative;
	cursor: pointer;
	overflow: hidden;
}

.team-section .team-thumbs-carousel .thumb-box {
	position: relative;
	overflow: hidden;
	border-radius: 50%;
}

.team-section .team-thumbs-carousel .thumb-box img {
	display: block;
	width: 100%;
	background: #f4f4f4 !important;
	border-radius: 50%;
}

.team-section .team-thumbs-carousel .thumb-item .overlay {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	background: rgba(178, 221, 76, 0.90);
	border-radius: 50%;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.team-section .team-thumbs-carousel .thumb-item:hover .overlay {
	opacity: 1;
}

.team-section .team-thumbs-carousel .owl-controls {
	margin: 0px;
}

.team-section .team-thumbs-carousel .owl-nav {
	position: absolute;
	right: 0px;
	top: 50%;
	margin-top: -20px;
}

.team-section .team-thumbs-carousel .owl-controls .owl-nav [class*="owl-"] {
	position: relative;
	display: inline-block;
	margin-left: 18px;
	width: 38px;
	height: 40px;
	background-color: transparent;
	border: none;
	background-position: center center;
	background-repeat: no-repeat;
}

.team-section .team-thumbs-carousel .owl-controls .owl-nav [class*="owl-next"] {
	background-image: url(../images/icons/arrow-next.png);
}

.team-section .team-thumbs-carousel .owl-controls .owl-nav [class*="owl-prev"] {
	background-image: url(../images/icons/arrow-prev.png);
}

.team-section .team-thumbs-carousel .owl-controls .owl-nav [class*="owl-"]:hover {
	opacity: 0.50;
}

/*** 

====================================================================
	Services Style Two
====================================================================

***/

.services-style-two {
	position: relative;
	padding: 80px 0px 50px;
}

.icon-column-two {
	position: relative;
	margin-bottom: 30px;
}

.icon-column-two .inner-box {
	position: relative;
	display: block;
	text-align: center;
	border: 1px solid #f0f0f0;
	padding: 50px 10px 40px;
	border-radius: 2px;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.icon-column-two .inner-box:hover {
	background: #044d22;
	color: #ffffff;
	border-color: #044d22;
}

.icon-column-two .inner-box .icon-box {
	position: relative;
	line-height: 1em;
	font-size: 48px;
	margin-bottom: 25px;
	color: #044d22;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.icon-column-two .inner-box:hover .icon-box {
	color: #ffffff;
}

.icon-column-two .inner-box h3 {
	font-size: 20px;
	line-height: 1.4em;
	margin-bottom: 7px;
	color: #1f1f1f;
	font-weight: 400;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.icon-column-two .inner-box:hover h3 {
	color: #ffffff;
}

.icon-column-two .inner-box h3 a {
	color: #1f1f1f;
}

.icon-column-two .inner-box .text {
	line-height: 1.8em;
}

/*** 

====================================================================
	Price Plans
====================================================================

***/

.price-plans {
	position: relative;
	padding: 80px 0px 30px;
}

.pricing-column {
	position: relative;
	margin-bottom: 50px;
}

.pricing-column .inner-box {
	position: relative;
	background: #ffffff;
	border: 1px solid #f0f0f0;
	text-align: center;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.pricing-column .inner-box:hover {
	-webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.05);
	-ms-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.05);
}

.pricing-column .inner-box:before {
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -30px;
	top: -28px;
	width: 60px;
	height: 60px;
	background: #f7f7f7;
	border-radius: 50%;
}

.pricing-column .inner-box:after {
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -5px;
	top: -7px;
	width: 10px;
	height: 10px;
	background: #8dc63f;
	border-radius: 50%;
}

.pricing-column .plan-title {
	position: relative;
	padding: 35px 10px;
	background: #f7f7f7;
}

.pricing-column .plan-title h3 {
	font-size: 20px;
	text-transform: capitalize;
	color: #1f1f1f;
	line-height: 1.5em;
}

.pricing-column .pricing-info {
	position: relative;
}

.pricing-column .pricing-info .duration {
	position: relative;
	float: left;
	width: 50%;
	padding: 10px 10px;
	background: #1f1f1f;
	line-height: 30px;
	color: #ffffff;
	font-size: 16px;
	text-transform: capitalize;
}

.pricing-column .pricing-info .price {
	position: relative;
	float: left;
	width: 50%;
	padding: 5px 10px;
	background: #044d22;
	color: #ffffff;
	font-size: 28px;
	line-height: 40px;
	text-transform: capitalize;
}

.pricing-column .lower-content {
	position: relative;
	padding: 10px 20px 30px;
}

.pricing-column .specs-list {
	position: relative;
	margin-bottom: 10px;
}

.pricing-column .specs-list li {
	position: relative;
	line-height: 24px;
	padding: 10px 0px;
	border-bottom: 1px solid #f0f0f0;
}

.pricing-column .specs-list li:last-child {
	border: none;
}

.pricing-column .link-box a {
	padding: 9px 30px;
	border-radius: 25px;
}

.pricing-column:hover .link-box a {
	background: #044d22;
	color: #ffffff !important;
}

/*** 

====================================================================
	Price Plans
====================================================================

***/

.appt-section {
	position: relative;
	padding: 0px 0px 80px;
}

.appt-section .title-box {
	position: relative;
	padding: 80px 0px 125px;
	text-align: center;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.appt-section .title-box:before {
	content: '';
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	position: absolute;
	background: rgba(29, 40, 2, 0.60);
}

.appt-section .title-box .auto-container {
	position: relative;
	z-index: 1;
}

.appt-section .title-box h2 {
	font-size: 36px;
	color: #ffffff;
	line-height: 1.4em;
	font-weight: 600;
}

.appt-section .title-box .separator {
	display: block;
	width: 100%;
	height: 40px;
	background: url(../images/icons/title-pattern.png) center center no-repeat;
}

.appt-section .form-container {
	position: relative;
	padding: 40px 30px;
	background: #ffffff;
	margin-top: -80px;
	border-radius: 3px;
	z-index: 2;
	-webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.08);
	-ms-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.08);
	-o-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.08);
	box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.08);
}

.appt-section .form-container textarea {
	height: 122px;
}

.appt-section .form-container .btn-style-one {
	padding: 11px 30px;
}

.appt-section .form-container .content-column p {
	font-size: 16px;
	line-height: 1.8em;
	margin-bottom: 15px;
}

.appt-section .form-container .content-column strong {
	font-size: 18px;
	color: #1f1f1f;
	font-weight: 600;
}

/*** 

====================================================================
	Gallery Section
====================================================================

***/

.gallery-section {
	position: relative;
	padding: 80px 0px;
}

.gallery-section .outer-box {
	position: relative;
}

.gallery-section .filters {
	position: relative;
	text-align: center;
	margin-bottom: 40px;
}

.gallery-section .filters li {
	position: relative;
	display: inline-block;
	padding: 12px 30px;
	line-height: 24px;
	color: #9e9e9e;
	cursor: pointer;
	text-transform: uppercase;
	border: 1px solid #f0f0f0;
	border-radius: 2px;
	font-size: 14px;
	font-weight: 500;
	margin: 0px 5px 10px;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
}

.gallery-section .filters li:hover,
.gallery-section .filters li.active {
	color: #ffffff;
	background: #044d22;
	border-color: #044d22;
}

.default-portfolio-item {
	position: relative;
	margin-bottom: 30px;
}

.default-portfolio-item.mix {
	display: none;
}

.full-width .default-portfolio-item {
	padding: 0px !important;
	margin: 0px !important;
}

.masonry-gallery .masonry-item {
	position: relative;
}

.default-portfolio-item .inner-box {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.default-portfolio-item .image-box {
	position: relative;
	display: block;
}

.default-portfolio-item .image-box img {
	position: relative;
	display: block;
	width: 100%;
}

.default-portfolio-item .overlay-box {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	padding: 0px;
	color: #ffffff;
	opacity: 0;
	text-align: center;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transform: translate(-100%);
	-ms-transform: translate(-100%);
	-o-transform: translate(-100%);
	-moz-transform: translate(-100%);
	transform: translate(-100%);
}

.style-two .default-portfolio-item .overlay-box {
	border: none;
}

.default-portfolio-item .inner-box:hover .overlay-box {
	top: 0px;
	opacity: 1;
	-webkit-transform: translate(0%);
	-ms-transform: translate(0%);
	-o-transform: translate(0%);
	-moz-transform: translate(0%);
	transform: translate(0%);
}

.default-portfolio-item .overlay-inner {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: table;
	vertical-align: middle;
	padding: 10px 20px;
	background: rgba(29, 40, 2, 0.95);
}

.default-portfolio-item .overlay-inner .content {
	position: relative;
	display: table-cell;
	vertical-align: middle;
}

.default-portfolio-item .overlay-inner .option-btn {
	position: relative;
	display: inline-block;
	line-height: 50px;
	color: #ffffff;
	font-size: 18px;
	width: 50px;
	height: 50px;
	margin: 0px 7px;
	background: #044d22;
	border-radius: 50%;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
}

.default-portfolio-item .overlay-inner .option-btn:hover {
	background: #ffffff;
	color: #044d22;
}

.default-portfolio-item .caption-box {
	position: relative;
	padding: 20px 25px;
	background: #ffffff;
	border: 1px solid #f0f0f0;
	border-top: none;
	border-radius: 0px 0px 2px 2px;
}

.default-portfolio-item:hover .caption-box {
	border-color: #044d22;
}

.default-portfolio-item .caption-box h3 {
	font-size: 18px;
	color: #1f1f1f;
	text-transform: capitalize;
}

.default-portfolio-item .caption-box h3 a {
	color: #1f1f1f;
}

.default-portfolio-item .caption-box h3 a:hover {
	color: #044d22;
}

.default-portfolio-item .caption-box .category {
	font-size: 18px;
	color: #044d22;
	text-transform: capitalize;
	font-family: 'Shadows Into Light', cursive;
}

.default-portfolio-item .caption-box .category a {
	color: #044d22;
}

.default-portfolio-item .caption-box .category a:hover {
	color: #1f1f1f;
}

.fancybox-next span,
.fancybox-prev span {
	background-image: none !important;
	width: 44px !important;
	height: 44px !important;
	line-height: 44px !important;
	text-align: center;
}

.fancybox-next span:before,
.fancybox-prev span:before {
	content: '';
	position: absolute;
	font-family: 'FontAwesome';
	left: 0px;
	top: 0px;
	font-size: 12px;
	width: 44px !important;
	height: 44px !important;
	line-height: 44px !important;
	background-color: rgba(28, 28, 28, 0.40) !important;
	color: #ffffff;
	visibility: visible;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
}

.fancybox-next span:before {
	content: '\f178';
}

.fancybox-prev span:before {
	content: '\f177';
}

.fancybox-next:hover span:before,
.fancybox-prev:hover span:before {
	background-color: #ffffff !important;
	color: #000000;
}

.fancybox-type-image .fancybox-close {
	right: 0px;
	top: 0px;
	width: 45px;
	height: 45px;
	background: url(../images/icons/icon-cross.png) center center no-repeat;
	background-color: rgba(17, 17, 17, 0.50) !important;
}

.fancybox-type-image .fancybox-close:hover {
	background-color: #000000 !important;
}

.fancybox-type-image .fancybox-skin {
	padding: 0px !important;
}

/*** 

====================================================================
	Styled Pagination
====================================================================

***/

.styled-pagination {
	position: relative;
}

.styled-pagination li {
	position: relative;
	display: inline-block;
	margin: 0px 5px 7px 0px;
}

.styled-pagination li a {
	position: relative;
	display: block;
	line-height: 24px;
	padding: 12px 5px;
	font-size: 18px;
	text-transform: capitalize;
	min-width: 50px;
	border: 1px solid #f0f0f0;
	background: none;
	color: #044d22;
	font-weight: 500;
	text-align: center;
	border-radius: 2px;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
}

.styled-pagination li a.next,
.styled-pagination li a.prev {
	font-size: 16px;
	color: #1f1f1f;
}

.styled-pagination li a:hover,
.styled-pagination li a.active {
	color: #ffffff;
	background: #044d22;
	border-color: #044d22;
}


/*** 

====================================================================
	Sidebar
====================================================================

***/

.sidebar-page-container {
	position: relative;
	padding: 80px 0px 50px;
}

.sidebar-page-container .sidebar,
.sidebar-page-container .content-side {
	margin-bottom: 30px;
}

.sidebar-title {
	position: relative;
	margin-bottom: 30px;
}

.sidebar-title h3 {
	position: relative;
	font-size: 20px;
	color: #1f1f1f;
	font-weight: 500;
	text-transform: capitalize;
}

.sidebar .sidebar-widget {
	position: relative;
	margin-bottom: 50px;
}

.sidebar .boxed-nav {
	position: relative;
}

.sidebar .boxed-nav .nav-outer {
	position: relative;
	border: 1px solid #f0f0f0;
	border-radius: 5px;
}

.sidebar .boxed-nav ul li {
	position: relative;
}

.sidebar .boxed-nav ul li:last-child a {
	border: none;
}

.sidebar .boxed-nav li a {
	position: relative;
	display: block;
	line-height: 30px;
	padding: 10px 15px;
	text-transform: uppercase;
	color: #1f1f1f;
	font-size: 14px;
	font-weight: 700;
	border-bottom: 1px solid #f0f0f0;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
}

.sidebar .boxed-nav li:hover a,
.sidebar .boxed-nav li.current a,
.sidebar .boxed-nav li a.active-btn {
	background: #044d22;
	color: #ffffff;
	border-color: #044d22;
}

.sidebar .downloads li {
	position: relative;
	margin-bottom: 12px;
}

.sidebar .downloads li a {
	position: relative;
	display: block;
	padding: 16px 15px 16px 68px;
	color: #1f1f1f;
	font-size: 16px;
	background: #f4f4f4;
	line-height: 30px;
	transition: all 500ms ease;
}

.sidebar .downloads li a:after {
	content: '\f0da';
	font-family: 'FontAwesome';
	position: absolute;
	right: 15px;
	font-size: 16px;
	top: 50%;
	margin-top: -15px;
	line-height: 30px;
}

.sidebar .downloads li a:hover {
	background: #044d22;
	color: #ffffff;
}

.sidebar .downloads li a .icon {
	position: absolute;
	left: -2px;
	top: 8px;
	width: 50px;
	height: 46px;
	line-height: 46px;
	text-align: center;
	font-size: 20px;
	background: #1f1f1f;
	color: #ffffff;
}

.sidebar .styled-nav {
	position: relative;
}

.sidebar .styled-nav .nav-outer {
	position: relative;
}

.sidebar .styled-nav .nav-outer ul {
	border: 1px solid #e9e9e9;
	border-radius: 2px;
}

.sidebar .styled-nav ul li {
	position: relative;
}

.sidebar .styled-nav ul li:last-child a {
	border: none;
}

.sidebar .styled-nav li a {
	position: relative;
	display: block;
	margin-left: -1px;
	margin-right: -1px;
	line-height: 30px;
	padding: 10px 15px 10px 45px;
	text-transform: capitalize;
	color: #9e9e9e;
	font-size: 15px;
	border-bottom: 1px solid #e9e9e9;
	font-weight: 400;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
}

.sidebar .styled-nav li a:before {
	content: '\f0a9';
	font-family: 'FontAwesome';
	position: absolute;
	left: 20px;
	font-size: 16px;
	top: 50%;
	margin-top: -15px;
	line-height: 30px;
	color: #044d22;
}

.sidebar .styled-nav li:hover a,
.sidebar .styled-nav li.current a {
	color: #ffffff;
	background: #044d22;
	border-color: #044d22;
}

.sidebar .styled-nav li.current a:before,
.sidebar .styled-nav li:hover a:before {
	color: #ffffff;
}

.sidebar .search-box .form-group {
	position: relative;
	margin: 0px;
}

.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"] {
	position: relative;
	line-height: 26px;
	padding: 10px 30px 10px 15px;
	border: 1px solid #f0f0f0;
	height: 48px;
	background: #ffffff;
	color: #1a1a1a;
	display: block;
	width: 100%;
	border-radius: 2px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.sidebar .search-box .form-group input:focus {
	border-color: #044d22;
}

.sidebar .search-box .form-group button {
	position: absolute;
	right: 0px;
	top: 0px;
	height: 48px;
	width: 50px;
	line-height: 48px;
	text-align: center;
	display: block;
	font-size: 16px;
	color: #ffffff;
	background: #044d22;
	border-radius: 0px 2px 2px 0px;
}

.sidebar .search-box .form-group input:focus+button,
.sidebar .search-box .form-group button:hover {
	background: #1d2802;
}

.sidebar .recent-posts .post {
	position: relative;
	min-height: 75px;
	padding-left: 90px;
	margin-bottom: 40px;
}

.sidebar .recent-posts .post:last-child {
	margin-bottom: 0px;
}

.sidebar .recent-posts .post .post-thumb {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 75px;
	height: 75px;
}

.sidebar .recent-posts .post .post-thumb .overlay-link {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: rgba(178, 221, 76, 0.95);
	color: #ffffff;
	opacity: 0;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
}

.sidebar .recent-posts .post:hover .post-thumb .overlay-link {
	opacity: 1;
}

.sidebar .recent-posts .post .post-thumb .overlay-link span {
	position: absolute;
	left: 50%;
	top: 50%;
	text-align: center;
	width: 30px;
	margin-left: -15px;
	margin-top: -15px;
	line-height: 30px;
	font-size: 18px;
}

.sidebar .recent-posts .post .post-thumb img {
	display: block;
	width: 100%;
}

.sidebar .recent-posts .post .desc-text {
	position: relative;
	font-size: 14px;
	color: #1f1f1f;
	line-height: 1.8em;
	margin-bottom: 0px;
	top: -5px;
}

.sidebar .recent-posts .post .desc-text a {
	color: #1f1f1f;
}

.sidebar .recent-posts .post .time {
	color: #044d22;
	line-height: 24px;
}

.sidebar .popular-tags a {
	position: relative;
	display: inline-block;
	line-height: 24px;
	padding: 6px 14px;
	margin: 0px 5px 9px 0px;
	background: #f7f7f7;
	color: #9e9e9e;
	font-size: 14px;
	font-weight: 400;
	text-transform: capitalize;
	text-align: center;
	border-radius: 2px;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
}

.sidebar .popular-tags a:hover {
	background-color: #044d22;
	color: #ffffff;
}

.sidebar .list {
	position: relative;
}

.sidebar .list li {
	position: relative;
	margin-bottom: 14px;
}

.sidebar .list li a {
	position: relative;
	display: block;
	color: #9e9e9e;
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	padding: 0px 25px 0px 22px;
}

.sidebar .list li:first-child a {
	padding-top: 0px;
}

.sidebar .list li a:before {
	font-family: 'FontAwesome';
	content: '\f178';
	position: absolute;
	left: 0px;
	top: 0px;
	display: block;
	font-size: 12px;
	line-height: 26px;
	color: #044d22;
}

.sidebar .list li a:after {
	font-family: 'FontAwesome';
	content: '\f14a';
	position: absolute;
	right: 0px;
	top: 0px;
	display: block;
	font-size: 12px;
	line-height: 26px;
	opacity: 0.20;
}

.sidebar .list li a:hover:after {
	opacity: 1;
	color: #044d22;
}

.sidebar .list li a:hover {
	color: #044d22;
}

.sidebar .list-three {
	position: relative;
}

.sidebar .list-three li {
	position: relative;
	border-bottom: 1px solid #f0f0f0;
}

.sidebar .list-three li a {
	position: relative;
	display: block;
	color: #9e9e9e;
	font-size: 15px;
	font-weight: 400;
	line-height: 24px;
	padding: 15px 0px 15px 25px;
}

.sidebar .list-three li:first-child a {
	padding-top: 0px;
}

.sidebar .list-three li a:before {
	font-family: 'FontAwesome';
	content: '\f105';
	position: absolute;
	left: 0px;
	top: 14px;
	display: block;
	font-size: 18px;
	color: #044d22;
	line-height: 24px;
}

.sidebar .list-three li:first-child a:before {
	top: 0px;
}

.sidebar .list-three li a:hover {
	color: #044d22;
}

.sidebar .text-widget {
	position: relative;
	color: #9e9e9e;
}

.sidebar .text-widget .text p {
	margin-bottom: 15px;
}

.sidebar .text-widget .text p:last-child {
	margin-bottom: 0px;
}

.rangeslider-widget .val-box {
	position: relative;
	display: inline-block;
	margin: 7px 5px 7px 0px;
	line-height: 24px;
	font-size: 14px;
	border: 1px solid #dadada;
	padding: 8px 10px;
	width: 70px;
	text-align: center;
}

.rangeslider-widget button {
	position: relative;
	display: inline-block;
	line-height: 24px;
	border: 1px solid #044d22;
	padding: 8px 22px;
	background: #044d22;
	color: #ffffff;
	border-radius: 3px;

}

.rangeslider-widget .noUi-connect {
	background: #044d22 !important;
}

.rangeslider-widget .noUi-background {
	background: #f0f0f0 !important;
}

.rangeslider-widget .noUi-handle {
	background: #f7f7f7 !important;
	border-radius: 50% !important;
	box-shadow: none;
	border: 2px solid #044d22;
	cursor: pointer;
}

.rangeslider-widget .form-group {
	margin-bottom: 0px;
}

.sidebar .best-sellers .item {
	position: relative;
	font-size: 16px;
	margin-bottom: 30px;
	min-height: 70px;
	padding: 10px 0px 0px 90px;
	color: #cccccc;
}

.sidebar .best-sellers .item .post-thumb {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 70px;
	height: 70px;
	border: 1px solid #e9e9e9;
}

.sidebar .best-sellers .item .post-thumb img {
	width: 100%;
	display: block;
}

.sidebar .best-sellers .item h4 {
	font-size: 16px;
	font-weight: 400;
	margin: 0px 0px 5px;
	line-height: 1.4em;
	color: #1f1f1f;
}

.sidebar .best-sellers .item h4 a {
	color: #1f1f1f;
}

.sidebar .best-sellers .item a:hover,
.sidebar .best-sellers .item a:hover {
	color: #044d22;
}

.sidebar .best-sellers .item .rating {
	font-size: 12px;
	color: #044d22;
	letter-spacing: 3px;
}

.sidebar .best-sellers .item .item-price {
	font-size: 16px;
	font-weight: 500;
	color: #044d22;
}

.sidebar .best-sellers .item .item-price .strike-through {
	color: #9e9e9e;
	padding-left: 10px;
}

.post-details .single-item-carousel {
	position: relative;
}

.post-details .single-item-carousel .owl-controls {
	margin: 0px !important;
	padding: 0px;
}

.post-details .single-item-carousel .owl-dots {
	display: none !important;
}


.post-details .single-item-carousel .owl-nav {
	margin: 0px;
}

.post-details .single-item-carousel .owl-controls .owl-nav [class*="owl-"] {
	position: absolute;
	top: 50%;
	margin: 0px;
	margin-top: -24px;
	font-size: 22px;
	padding: 0px;
	line-height: 48px;
	width: 48px;
	height: 48px;
	background: #1d2802;
	border-radius: 0px;
}

.post-details .single-item-carousel .owl-controls .owl-nav [class*="owl-"]:hover {
	background: #044d22;
}

.post-details .single-item-carousel .owl-controls .owl-nav [class*="owl-prev"] {
	left: 0px;
}

.post-details .single-item-carousel .owl-controls .owl-nav [class*="owl-next"] {
	right: 0px;
}

.gallery-details .lower-content {
	position: relative;
	padding: 30px 0px;
	border-bottom: 1px solid #f0f0f0;
}

.gallery-details .post-info {
	position: relative;
	margin-bottom: 20px;
}

.gallery-details .post-info h3 {
	font-size: 24px;
	color: #1f1f1f;
	font-weight: 500;
	text-transform: capitalize;
	margin-bottom: 2px;
}

.gallery-details .post-info h3 a {
	color: #1f1f1f;
}

.gallery-details .post-info .post-tags a {
	color: #044d22;
	font-size: 18px;
	font-family: 'Shadows Into Light', cursive;
}

.post-details p {
	line-height: 1.8em;
	margin-bottom: 20px;
}

.post-details .two-column .info-column,
.post-details .two-column .text-column {
	position: relative;
	margin-bottom: 30px;
}

.post-details blockquote {
	position: relative;
	margin-left: 60px;
	padding: 10px 20px 10px;
	border-left: 2px solid #044d22;
	background: none;
	font-size: 16px;
	line-height: 1.8em;
	margin-bottom: 20px;
}

.post-details blockquote:before {
	content: '';
	position: absolute;
	left: -60px;
	top: 0px;
	width: 50px;
	height: 50px;
	background: url(../images/icons/quote-icon.png) left top no-repeat;
}

.blog-details blockquote:before {
	display: none;
}

.blog-details blockquote p {
	font-size: 14px !important;
}

.post-details .gallery-info {
	position: relative;
	background: #f7f7f7;
}

.post-details .gallery-info .info-header {
	position: relative;
	padding: 12px 20px;
	background: #044d22;
	color: #ffffff;
}

.post-details .gallery-info .info-header h4 {
	position: relative;
	font-size: 20px;
	line-height: 30px;
	color: #ffffff;
}

.post-details .gallery-info .info-lower {
	position: relative;
	padding: 20px 20px 30px;
}

.post-details .gallery-info .desc-text {
	position: relative;
	line-height: 1.8em;
	margin-bottom: 15px;
}

.post-details .gallery-info .specs-list {
	position: relative;
	border: 1px solid #f0f0f0;
}

.post-details .gallery-info .specs-list li {
	position: relative;
	padding: 10px 15px;
	background: #ffffff;
}

.post-details .gallery-info .specs-list li:nth-child(2n+2) {
	background: none;
}

.post-details .gallery-info .specs-list li .pull-left {
	color: #1f1f1f;
}

.post-details blockquote p {
	font-size: 16px;
}

.post-details blockquote .author-title {
	font-size: 16px;
	color: #1f1f1f;
}

.post-details blockquote .author-title .designation {
	font-size: 18px;
	color: #044d22;
}

.post-details .gallery-controls {
	position: relative;
	padding: 30px 0px;
	text-align: center;
	margin-bottom: 30px;
}

.post-details .gallery-controls .theme-btn {
	position: relative;
	display: inline-block;
	line-height: 24px;
	padding: 8px 0px;
	text-align: center;
	min-width: 40px;
}

.post-details .gallery-controls .prev-btn {
	position: relative;
	float: left;
}

.post-details .gallery-controls .prev-btn .fa {
	padding-right: 4px;
}

.post-details .gallery-controls .next-btn {
	position: relative;
	float: right;
}

.post-details .gallery-controls .next-btn .fa {
	padding-left: 4px;
}

.post-details .gallery-controls .next-btn,
.post-details .gallery-controls .prev-btn {
	padding: 8px 30px;
	border: 1px solid #f0f0f0;
	text-transform: uppercase;
	color: #1f1f1f;
	font-weight: 600;
	min-width: 140px;
	border-radius: 20px;
}

.post-details .gallery-controls .next-btn:hover,
.post-details .gallery-controls .prev-btn:hover {
	background: #044d22;
	color: #ffffff;
}

.post-details .gallery-controls .gallery-btn {
	color: #ffffff;
	background: #044d22;
	font-weight: normal;
	font-size: 18px;
}

.post-details .related-gallery {
	position: relative;
	margin-bottom: 40px;
}

.post-details .related-gallery .owl-controls {
	margin: 0px !important;
	padding: 0px;
}

.post-details .related-gallery .owl-dots {
	display: none !important;
}


.post-details .related-gallery .owl-nav {
	position: absolute;
	right: 0px;
	top: -100px;
	margin: 0px;
}

.post-details .related-gallery .owl-controls .owl-nav [class*="owl-"] {
	position: relative;
	margin: 0px 0px 0px 10px;
	font-size: 22px;
	padding: 0px;
	line-height: 42px;
	width: 46px;
	height: 46px;
	background: none;
	color: #e0e0e0;
	border: 2px solid #e0e0e0;
	border-radius: 50%;
}

.post-details .related-gallery .owl-controls .owl-nav [class*="owl-"]:hover {
	color: #044d22;
	border-color: #044d22;
}

.post-details .post-author {
	position: relative;
	color: #777777;
	margin-bottom: 50px;
}


.post-details .post-author .inner-box {
	position: relative;
	padding: 35px 35px 35px 155px;
	min-height: 160px;
	background: #f4f4f4;
}

.post-details .post-author .inner-box .author-thumb {
	position: absolute;
	left: 35px;
	top: 35px;
	width: 100px;
	height: 100px;
	border-radius: 2px;
}

.post-details .post-author .inner-box .author-thumb img {
	display: block;
	width: 100%;
}

.post-details .post-author h4 {
	position: relative;
	margin: -8px 0px 5px;
	font-size: 18px;
	text-transform: capitalize;
	font-weight: 400;
	color: #1f1f1f;
}

.post-details .post-author h4 .author-designation {
	position: relative;
	color: #044d22;
	font-style: italic;
}

.post-details .post-author .text {
	line-height: 1.8em;
	color: #777777;
}

.post-details .post-author .text a {
	color: #777777;
	text-decoration: underline;
}

.post-details .post-author .text a:hover {
	color: #044d22;
}

.post-details .post-bottom {
	background: #ffffff;
	padding: 25px 0px 0px;
	border-top: 1px solid #f0f0f0;
}

.post-details .post-bottom .share-options strong {
	font-weight: 400;
	font-size: 20px;
	color: #1f1f1f;
	padding-right: 10px;
}

.post-details .post-bottom .share-options li {
	line-height: 34px;
	margin-right: 12px;
	float: left;
}

.post-details .post-bottom .share-options li a {
	position: relative;
	display: inline-block;
	font-size: 14px;
	width: 34px;
	height: 34px;
	line-height: 32px;
	border: 1px solid #f4f4f4;
	background: #f4f4f4;
	text-align: center;
	color: #999999;
	border-radius: 50%;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}

.post-details .post-bottom .share-options li a:hover {
	color: #ffffff;
	background: #044d22;
}

.social-links-one a {
	position: relative;
	display: inline-block;
	font-size: 14px;
	width: 34px;
	height: 34px;
	line-height: 32px;
	border: 1px solid #e9e9e9;
	text-align: center;
	color: #999999;
	margin: 0px 10px 0px 0px;
	border-radius: 5px;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}

.social-links-one a:hover {
	color: #ffffff;
	background: #044d22;
}

.post-details .post-bottom .post-controls li {
	position: relative;
	display: inline-block;
	padding: 5px 0px;
	line-height: 24px;
	font-weight: 400;
	font-size: 18px;
	color: #1f1f1f;
	margin-left: 20px;
}

.post-details .post-bottom .post-controls li a {
	color: #1f1f1f;
}

.post-details .post-bottom .post-controls li a:hover {
	color: #044d22;
}


/*** 

====================================================================
	Comments Area
====================================================================

 ***/

.post-details .comments-area {
	position: relative;
	margin-bottom: 60px;
}

.post-details .comments-area .comment-box {
	position: relative;
}

.post-details .comments-area .comment {
	position: relative;
	padding: 0px 0px 30px;
	border-bottom: 1px solid #f0f0f0;
	margin-bottom: 32px;
}

.post-details .comments-area .comment .comment-inner {
	position: relative;
	padding-left: 120px;
}

.post-details .comments-area .comment .author-thumb {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100px;
	height: 100px;
}

.post-details .comments-area .comment .author-thumb img {
	width: 100%;
	display: block;
}

.post-details .comments-area .comment .comment-header {
	position: relative;
	font-size: 14px;
	margin-bottom: 15px;
	color: #044d22;
}

.post-details .comments-area .comment .comment-header strong {
	color: #1f1f1f;
	font-size: 20px;
	font-weight: 400;
	padding-right: 30px;
}

.post-details .comments-area .comment .text {
	line-height: 1.8em;
	color: #9e9e9e;
	margin-bottom: 20px;
}

.post-details .comments-area .comment .reply-btn {
	font-weight: 600;
	color: #044d22;
	text-transform: uppercase;
}

.post-details .comment-form .form-group {
	margin-bottom: 30px;
}

.post-details .comment-form .btn-style-one {
	padding: 10px 35px;
}


/*** 

====================================================================
	Login / Register Section
====================================================================

***/

.register-section {
	position: relative;
	padding: 80px 0px 40px;
}

.register-section .sec-title {
	margin-bottom: 30px;
}

.register-section .sec-title h2 {
	font-size: 28px;
	padding-bottom: 5px;
	font-weight: 600;
}

.register-section .form-column {
	margin-bottom: 80px;
}

.styled-form {
	position: relative;
}

.styled-form .form-group {
	position: relative;
	margin-bottom: 25px;
	font-size: 14px;
	color: #9e9e9e;
}

.checkout-section .styled-form .form-group {
	position: relative;
	margin-bottom: 20px;
}

.styled-form .form-group .check-box {
	line-height: 24px;
	font-size: 15px;
	font-weight: normal;
	padding-top: 5px;
	color: #1f1f1f;
}

.styled-form .form-group .check-box label {
	position: relative;
	top: -1px;
	font-weight: normal;
	padding: 0px;
	font-size: 15px;
	cursor: pointer;
}

.styled-form .pull-left label,
.styled-form .pull-right label {
	cursor: pointer;
	font-weight: 400;
}

.styled-form .form-group .adon-icon {
	position: absolute;
	top: 50%;
	margin-top: -10px;
	right: 10px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 15px;
	color: #999999;
	z-index: 2;
}

.styled-form .form-group .field-label {
	display: block;
	color: #1f1f1f;
	text-transform: capitalize;
	font-size: 16px;
	margin-bottom: 7px;
	font-weight: 400;
}

.styled-form input[type="text"],
.styled-form input[type="email"],
.styled-form input[type="password"],
.styled-form input[type="tel"],
.styled-form input[type="number"],
.styled-form input[type="url"],
.styled-form select,
.styled-form textarea {
	position: relative;
	display: block;
	width: 100%;
	background: #ffffff;
	line-height: 30px;
	padding: 8px 20px;
	height: 48px;
	border: 1px solid #e0e0e0;
	border-radius: 3px;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
}

.checkout-section .styled-form input[type="text"],
.checkout-section .styled-form input[type="email"],
.checkout-section .styled-form input[type="password"],
.checkout-section .styled-form select {
	line-height: 26px;
	height: 44px;
}

.styled-form select {
	-webkit-appearance: none;
	-ms-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	background: #ffffff url(../images/icons/icon-select.png) right center no-repeat;
	cursor: pointer;
}

.styled-form select option {
	text-indent: 20px;
}

.styled-form textarea {
	resize: none;
	height: 110px;
}

.styled-form input:focus,
.styled-form select:focus,
.styled-form textarea:focus {
	border-color: #044d22;
}

.styled-form .form-group .theme-btn {
	min-width: 150px;
	text-align: center;
	padding: 10px 30px;
}

.styled-form .forgot {
	font-size: 14px;
}

.social-links-two a {
	position: relative;
	display: inline-block;
	font-size: 14px;
	width: 42px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	color: #ffffff;
	background: #044d22;
	margin: 0px 0px 0px 15px;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}

.social-links-two a:hover {
	opacity: 0.80;
}

.social-links-two .facebook {
	background: #3b5998;
}

.social-links-two .twitter {
	background: #33ccfe;
}

.social-links-two .google-plus {
	background: #dd4b39;
}

.padd-top-5 {
	padding-top: 5px;
}

.padd-top-10 {
	padding-top: 10px;
}

.padd-top-15 {
	padding-top: 15px;
}

/*** 

====================================================================
	Contact Section
====================================================================

***/

.contact-section {
	position: relative;
	padding: 80px 0px 50px;
}

.contact-section .sec-title {
	margin-bottom: 30px;
}

.contact-section .sec-title h2 {
	font-size: 30px;
	padding-bottom: 5px;
}

.contact-section .column {
	position: relative;
	margin-bottom: 30px;
}

.contact-section .info-column .desc-text {
	line-height: 1.8em;
	margin-bottom: 30px;
	color: #9e9e9e;
}

.contact-section .info-tabs {
	position: relative;
}

.contact-section .info-tabs .tab-buttons {
	position: relative;
	margin-bottom: 20px;
}

.contact-section .info-tabs .tab-btn {
	position: relative;
	display: inline-block;
	margin: 0px 10px 10px 0px;
	line-height: 24px;
	font-size: 16px;
	padding: 12px 25px;
	border: 1px solid #f0f0f0;
	text-align: center;
	color: #1f1f1f;
	border-radius: 23px;
}

.contact-section .info-tabs .tab-btn.active-btn {
	color: #ffffff;
	background: #044d22;
	border-color: #044d22;
}

.contact-section .info-column .location-title {
	line-height: 1.5em;
	margin-bottom: 30px;
	color: #1f1f1f;
	font-size: 22px;
}

.info-style-one {
	position: relative;
}

.info-style-one li {
	position: relative;
	padding-left: 70px;
	min-height: 50px;
	margin-bottom: 25px;
}

.info-style-one li .icon-box {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 24px;
	color: #ffffff;
	font-weight: normal;
	background: #044d22;
}

.info-style-one li h4 {
	font-size: 20px;
	font-weight: 400;
	color: #1f1f1f;
	text-transform: capitalize;
	margin-bottom: 2px;
}

.info-style-one li .text {
	line-height: 1.8em;
	color: #9e9e9e;
}

.contact-section .contact-form .form-group {
	margin-bottom: 30px;
}

.contact-section .contact-form .form-group textarea {
	height: 230px;
}

/*** 

====================================================================
	Map Section
====================================================================

***/

.map-section {
	position: relative;
}

.map-canvas {
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
}

.map-canvas .map-data {
	text-align: center;
	font-size: 13px;
	font-weight: 400;
}

.map-canvas .map-data h6 {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 5px;
	color: #181818;
}

/*** 

====================================================================
	Products Section style
====================================================================

***/

.products-section {
	position: relative;
	background: #ffffff;
	padding: 0px 0px;
}

.products-section .shop-upper-box {
	position: relative;
	margin-bottom: 40px;
	color: #1f1f1f;
}

.products-section .shop-upper-box .items-label {
	position: relative;
	padding: 6px 0px;
	line-height: 30px;
	color: #9e9e9e;
}

.products-section .shop-upper-box .sort-by strong {
	position: relative;
	font-weight: 500;
	line-height: 30px;
	padding: 6px 0px;
}

.products-section .shop-upper-box .sort-by select {
	position: relative;
	display: inline-block;
	line-height: 22px;
	padding: 12px 10px;
	height: 48px;
	width: 240px;
	cursor: pointer;
	border: 1px solid #f0f0f0;
	background: #ffffff url(../images/icons/icon-select.png) right center no-repeat;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
}

.products-section .shop-upper-box .sort-by select option {
	text-indent: 10px;
}

/*** 

====================================================================
	Shop Item
====================================================================

***/

.default-shop-item {
	position: relative;
	margin-bottom: 30px;
}

.default-shop-item .inner-box {
	position: relative;
	border: 1px solid #f0f0f0;
}

.default-shop-item .overlay {
	position: absolute;
	left: 0px;
	top: -100%;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.90);
	color: #044d22;
	text-align: center;
	z-index: 10;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}

.default-shop-item:hover .overlay {
	top: 0px;
}

.default-shop-item .overlay .links-box {
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -27px;
	width: 100%;
	height: 54px;
}

.default-shop-item .overlay .option-btn {
	position: relative;
	display: inline-block;
	line-height: 30px;
	padding: 12px 0px;
	width: 54px;
	height: 54px;
	background: #044d22;
	color: #ffffff;
	border-radius: 2px;
	font-size: 16px;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}

.default-shop-item .overlay .option-btn:hover {
	background: #1d2802;
}

.default-shop-item .inner-box .image-box {
	position: relative;
	overflow: hidden;
}

.default-shop-item .inner-box .image-box img {
	width: 100%;
	display: block;
}

.default-shop-item .inner-box .item-over-info {
	position: absolute;
	left: 20px;
	top: 20px;
	width: 70px;
	height: 70px;
	color: #ffffff;
	line-height: 20px;
	text-align: center;
	padding: 10px;
	display: table;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	vertical-align: middle;
	background: #dfd81e;
	border-radius: 50%;
}

.default-shop-item .inner-box .item-over-info.offer {
	background: #ea6f2c;
	left: auto;
	right: 20px;
	top: 20px;
}

.default-shop-item .inner-box .item-over-info .txt {
	display: table-cell;
	vertical-align: middle;
}

.default-shop-item .inner-box .lower-content {
	position: relative;
	padding: 30px 10px 25px;
	text-align: center;
	border-top: 1px solid #f0f0f0;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}

.default-shop-item:hover .inner-box .lower-content,
.default-shop-item:hover .inner-box {
	border-color: #044d22;
}

.default-shop-item .inner-box .lower-content h3 {
	position: relative;
	color: #1f1f1f;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 10px;
}

.default-shop-item .inner-box .lower-content h3 a {
	position: relative;
	color: #1f1f1f;
}

.default-shop-item .inner-box .lower-content h3 a:hover {
	color: #044d22;
}

.default-shop-item .inner-box .lower-content .price {
	color: #044d22;
	font-size: 18px;
	line-height: 26px;
	height: 26px;
}

.default-shop-item .inner-box .lower-content .price span {
	color: #9e9e9e;
	font-size: 14px;
	padding-left: 10px;
	text-decoration: line-through;
}


/*** 

====================================================================
	Products Details style
====================================================================

***/

.product-details {
	position: relative;
	margin-bottom: 50px;
}

.product-details .basic-details {
	position: relative;
	margin-bottom: 30px;
}

.product-details .image-column,
.product-details .info-column {
	margin-bottom: 20px;
}

.product-details .image-column img {
	display: block;
	width: 100%;
	border: 1px solid #e9e9e9;
}

.product-details .basic-details .details-header {
	position: relative;
	border-bottom: 1px solid #f0f0f0;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.product-details .basic-details .details-header h4 {
	font-size: 24px;
	font-weight: 400;
	margin: 0px 0px;
	line-height: 1.4em;
	color: #1f1f1f;
	margin-bottom: 3px;
}

.product-details .basic-details .details-header h4 a {
	color: #1f1f1f;
}

.product-details .basic-details .details-header .rating {
	font-size: 14px;
	color: #044d22;
	margin-bottom: 15px;
}

.product-details .basic-details .details-header .rating .fa {
	display: inline-block;
	margin-right: 2px;
}

.product-details .basic-details .details-header .rating .txt {
	font-size: 14px;
	padding-left: 10px;
	color: #1f1f1f;
}

.product-details .basic-details .details-header .item-price {
	font-size: 22px;
	font-weight: 400;
	color: #044d22;
	line-height: 24px;
}

.product-details .basic-details .text {
	margin-bottom: 20px;
	color: #9e9e9e;
}

.product-details .basic-details .check-delivery {
	position: relative;
	margin-bottom: 10px;
}

.product-details .basic-details .check-delivery h4 {
	font-size: 13px;
	color: #1f1f1f;
	font-weight: 400;
	margin-bottom: 10px;
}

.product-details .basic-details .check-delivery .form-group {
	position: relative;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.product-details .basic-details .check-delivery .form-group input[type="text"] {
	display: block;
	line-height: 24px;
	padding: 7px 10px;
	border: 1px solid #e0e0e0;
	border-radius: 3px;
	width: 170px;
	background: none;
}

.product-details .basic-details .check-delivery .form-group button {
	display: block;
	line-height: 24px;
	padding: 7px 20px;
	border: 1px solid #f0f0f0;
	background: #f7f7f7;
	color: #1f1f1f;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 14px;
	border-radius: 2px;
}

.product-details .basic-details .item-quantity {
	position: relative;
	width: 100px;
	margin-right: 20px;
}

.product-details .basic-details .item-quantity input[type="text"],
.cart-table tbody tr .qty input[type="text"] {
	position: relative;
	line-height: 46px;
	height: 46px;
	background: #f4f4f4;
}

.bootstrap-touchspin .input-group-btn-vertical>.btn {
	height: 24px;
	background: #e9e9e9;
}

.bootstrap-touchspin .input-group-btn-vertical i {
	left: 6px;
	top: 6px;
}

.product-details .basic-details .check-delivery .field-label {
	font-weight: 500;
	display: block;
	font-size: 14px;
	line-height: 30px;
	padding: 5px 0px;
	color: #044d22;
}

.product-details .basic-details .options .theme-btn {
	padding: 10px 25px;
}

/*** 

====================================================================
	Product Tabs Style
====================================================================

***/

.prod-tabs {
	position: relative;
}

.prod-tabs .tab-btns {
	position: relative;
	border-bottom: 1px solid #f0f0f0;
	z-index: 1;
}

.prod-tabs .tab-btns .tab-btn {
	position: relative;
	top: 1px;
	display: block;
	float: left;
	margin-right: 7px;
	font-size: 18px;
	background: #f7f7f7;
	color: #1f1f1f;
	text-transform: capitalize;
	font-weight: 400;
	padding: 15px 30px;
	border-radius: 2px 2px 0px 0px;
}

.prod-tabs .tab-btns .tab-btn:hover,
.prod-tabs .tab-btns .tab-btn.active-btn {
	background: #044d22;
	color: #ffffff;
}

.prod-tabs .tabs-container {
	position: relative;
	color: #1f1f1f;
}

.prod-tabs .tabs-container .tab {
	position: relative;
	padding: 30px 0px;
	display: none;
}

.prod-tabs .tabs-container .tab.active-tab {
	display: block;
}

.prod-tabs .tabs-container .tab p,
.prod-tabs .tabs-container .tab h3,
.prod-tabs .tabs-container .tab h4,
.prod-tabs .tabs-container .tab h5,
.prod-tabs .tabs-container .tab h6 {
	margin-bottom: 15px;
}


.prod-tabs .tabs-container .tab h3 {
	font-size: 20px;
	font-weight: 600;
}

.prod-tabs .tabs-container .tab h4 {
	font-size: 18px;
	font-weight: 600;
}

.prod-tabs .reviews-container {
	position: relative;
	padding-bottom: 1px;
}

.prod-tabs .reviews-container .review-box {
	position: relative;
	margin-bottom: 30px;
	padding-left: 120px;
	min-height: 130px;
	padding-bottom: 30px;
	border-bottom: 1px solid #f0f0f0;
}

.prod-tabs .reviews-container .rev-thumb {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100px;
	height: 100px;
	background: #ffffff;
}

.prod-tabs .reviews-container .rev-thumb img {
	display: block;
	width: 100%;
}

.prod-tabs .reviews-container .rev-content {
	position: relative;
	background: #ffffff;
}

.prod-tabs .reviews-container .rev-header {
	position: relative;
}

.prod-tabs .reviews-container .rev-header h4 {
	float: left;
	line-height: 30px;
	font-size: 20px;
	color: #1f1f1f;
	text-transform: capitalize;
	font-weight: 400;
	margin-bottom: 10px;
}

.prod-tabs .reviews-container .rev-header .rating {
	position: relative;
	float: left;
	margin-left: 50px;
	color: #044d22;
	line-height: 30px;
	font-size: 14px;
}

.prod-tabs .reviews-container .rev-header .rating .fa {
	margin: 0px 2px;
}

.prod-tabs .reviews-container .rev-header .time {
	position: relative;
	float: right;
	color: #044d22;
	line-height: 30px;
	font-size: 14px;
}

.prod-tabs .reviews-container .rev-option {
	font-size: 14px;
	color: #9e9e9e;
}

.prod-tabs .reviews-container .rev-option a {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 700;
}

.prod-tabs .reviews-container .rev-text {
	font-size: 14px;
	color: #9e9e9e;
	line-height: 1.8em;
	margin-bottom: 15px;
}

.prod-tabs .add-review {
	position: relative;
	margin: 30px 0px 0px;
	font-size: 14px;
}

.prod-tabs .add-review .rating {
	position: relative;
}

.prod-tabs .add-review .rating li {
	position: relative;
	display: inline-block;
	margin-right: 20px;
}

.prod-tabs .add-review .rating li a {
	position: relative;
	display: inline-block;
	font-size: 16px;
	color: #e0e0e0;
}

.prod-tabs .add-review .rating .rate-box:hover,
.prod-tabs .add-review .rating .rate-box:focus,
.prod-tabs .add-review .rating .rate-box:active {
	color: #044d22;
}

.prod-tabs .add-review label {
	position: relative;
	display: block;
	font-size: 14px;
	margin-bottom: 10px;
	font-weight: 400;
	color: #9e9e9e;
}

.prod-tabs .add-review h3 {
	margin-bottom: 20px;
}

.prod-tabs .add-review .form-group {
	position: relative;
	margin-bottom: 25px;
}

.prod-tabs .add-review .form-group input[type="text"],
.prod-tabs .add-review .form-group input[type="password"],
.prod-tabs .add-review .form-group input[type="tel"],
.prod-tabs .add-review .form-group input[type="email"],
.prod-tabs .add-review .form-group select {
	position: relative;
	display: block;
	width: 100%;
	line-height: 22px;
	padding: 12px 20px;
	color: #1f1f1f;
	border: 1px solid #f0f0f0;
	height: 48px;
	background: #ffffff;
	border-radius: 2px;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
}

.prod-tabs .add-review .form-group textarea {
	position: relative;
	display: block;
	width: 100%;
	line-height: 22px;
	padding: 12px 20px;
	color: #1f1f1f;
	border: 1px solid #f0f0f0;
	height: 180px;
	resize: none;
	background: #ffffff;
	border-radius: 2px;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
}

.prod-tabs .add-review .form-group input:focus,
.prod-tabs .add-review .form-group select:focus,
.prod-tabs .add-review .form-group textarea:focus {
	border-color: #044d22;
}

.prod-tabs .add-review button {
	position: relative;
	display: inline-block;
	background: #044d22;
	color: #ffffff;
	text-align: center;
	text-transform: uppercase;
	padding: 14px 40px;
	line-height: 24px;
	font-size: 14px;
	font-weight: 600;
	border-radius: 26px;
}

.prod-tabs .add-review button:hover {
	background: #243104;
}

/*** 

====================================================================
	Related Product Section
====================================================================

***/

.related-products-section {
	position: relative;
	padding: 0px 0px;
}

.related-products-section .owl-controls {
	display: none !important;
}

.related-products-section .default-shop-item {
	margin-bottom: 0px;
}

/*** 

====================================================================
	Cart Section style
====================================================================

***/

.cart-section {
	position: relative;
	padding: 80px 0px;
}

.cart-section .cart-outer {
	position: relative;
}

.cart-section .table-outer {
	position: relative;
	width: 100%;
	overflow-x: auto;
}

.cart-section .cart-table {
	width: 100%;
	min-width: 900px;
}

.cart-table .cart-header {
	position: relative;
	width: 100%;
	text-transform: uppercase;
	font-size: 16px;
	border-radius: 0px;
	background: #f7f7f7;
	color: #1f1f1f;
}

.cart-table thead tr th {
	line-height: 24px;
	padding: 20px 15px;
	min-width: 120px;
	font-weight: 600;
}

.cart-table thead tr th.prod-column {
	text-align: left;
	padding-left: 40px;
}

.cart-table tbody tr td {
	line-height: 24px;
	padding: 30px 10px 20px;
	min-width: 100px;
}

.cart-table tbody tr .qty {
	width: 150px;
	padding-right: 40px;
}

.cart-table tbody tr .qty .quantity-spinner {
	background: #f5f5f5;
}

.cart-table tbody tr .prod-column .column-box {
	position: relative;
	min-height: 90px;
	padding-left: 90px;
	padding-top: 20px;
	text-align: left;
}


.column.default-column .cart-table tbody tr .qty {
	width: 110px;
	padding-right: 20px;
}

.cart-table tbody tr .prod-column .column-box .prod-thumb {
	position: absolute;
	width: 70px;
	border: 1px solid #f0f0f0;
	left: 0px;
	top: 0px;
}

.cart-table tbody tr .prod-column .column-box .prod-thumb img {
	display: block;
	max-width: 100%;
}

.cart-table tbody tr .prod-column .column-box h3 {
	font-size: 20px;
	color: #1f1f1f;
	font-weight: 400;
	margin-bottom: 5px;
}

.cart-table tbody tr .sub-total {
	font-weight: 400;
	color: #044d22;
}

.cart-table tbody tr .remove-btn {
	position: relative;
	font-size: 14px;
	color: #1f1f1f;
	line-height: 30px;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	transition: all 500ms ease;
}

.cart-table tbody tr .remove-btn .fa {
	position: relative;
	top: 2px;
	font-size: 10px;
	line-height: 14px;
	width: 14px;
	height: 14px;
	margin-right: 8px;
	background: #f0f0f0;
	color: #ffffff;
	text-align: center;
	overflow: hidden;
	text-indent: 100px;
}

.cart-table tbody tr .remove-btn:hover {
	color: #044d22;
}

.cart-table tbody tr .remove-btn:hover .fa {
	text-indent: 0px;
	background: #044d22;
}

.cart-table tbody tr {
	border-bottom: 1px solid #f0f0f0;
}

.cart-table tbody tr td {
	vertical-align: middle;
}

.cart-table tbody tr td .quantity-spinner {
	padding: 5px 0px 5px 20px;
	line-height: 24px;
	height: 34px;
	display: block;
	width: 100%;
	position: relative;
}

.cart-table tbody .available-info {
	position: relative;
	padding-left: 50px;
}

.cart-table tbody .available-info .icon {
	position: absolute;
	left: 0px;
	top: 5px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 18px;
	color: #ffffff;
	background: #044d22;
	border-radius: 50%;
}

.cart-section .coupon-outer {
	position: relative;
	margin: 50px 0px 70px;
}

.cart-section .apply-coupon {
	position: relative;
}

.cart-section .apply-coupon .form-group {
	position: relative;
	float: left;
	margin-right: 15px;
}

.cart-section .apply-coupon .form-group input[type="text"] {
	display: block;
	line-height: 26px;
	padding: 12px 20px;
	border: 1px solid #f0f0f0;
	height: 50px;
	border-radius: 23px;
	width: 230px;
	background: none;
}

.cart-section .estimate-form {
	position: relative;
}

.cart-section .sec-title {
	margin-bottom: 25px;
}

.cart-section .sec-title h2 {
	font-size: 28px;
}

.cart-section .estimate-form .row {
	margin-left: -7px;
	margin-right: -7px;
}

.cart-section .estimate-form .row .form-group {
	padding: 0px 7px !important;
	margin-bottom: 30px;
}

.cart-section .totals-table {
	position: relative;
	border: 1px solid #f0f0f0;
	border-radius: 2px;
	margin-bottom: 30px;
}

.cart-section .totals-table .col {
	position: relative;
	display: block;
	float: left;
	padding: 15px 15px;
	line-height: 24px;
	width: 50%;
}

.cart-section .totals-table .col-title {
	font-size: 14px;
	color: #353535;
	border-right: 1px solid #f0f0f0;
}

.cart-section .totals-table li {
	position: relative;
	border-bottom: 1px solid #f0f0f0;
}

.cart-section .totals-table li:last-child {
	border-bottom: none;
}

.cart-section .cart-note {
	position: relative;
	margin-bottom: 50px;
	padding: 16px 20px;
	text-align: center;
	border: 1px dashed #044d22;
	border-radius: 3px;
	background: #f4f4f4;
	line-height: 1.7em;
}

/*** 

====================================================================
	Schedule style
====================================================================

***/

.events-section {
	position: relative;
	padding: 80px 0px;
}

.events-section .schedule-box {
	position: relative;
	width: 100%;
}

.events-section .events-table {
	position: relative;
	display: table;
	width: 100%;
	color: #1f1f1f;
	background: #ffffff;
	vertical-align: top;
	min-width: 1170px;
}

.events-section .events-table .table-row {
	position: relative;
	display: table-row;
	width: 100%;
	background: #044d22;
	color: #ffffff;
}

.events-section .events-table .table-row .table-cell {
	position: relative;
	display: table-cell;
	text-align: left;
	padding: 15px;
	width: 14%;
	vertical-align: middle;
}

.events-section .events-table .head {
	position: relative;
	background: #f7f7f7;
	text-transform: capitalize;
	font-size: 16px;
	color: #1f1f1f;
}

.events-section .events-table .head .table-cell {
	line-height: 24px;
	padding: 12px 20px;
	text-align: center;
	vertical-align: top;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}

.events-section .events-table .normal-row .table-cell.empty {
	background: #ffffff;
}

.events-section .events-table .normal-row .table-cell {
	line-height: 20px;
	border: 1px solid #ffffff;
}

.events-section .events-table .event-title {
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 5px;
}

.events-section .events-table .event-timings {
	font-size: 13px;
	margin-bottom: 15px;
}

.events-section .events-table .event-info {
	font-size: 13px;
	margin-bottom: 10px;
}

.events-section .events-table .event-timings .fa,
.events-section .events-table .event-info .fa {
	padding-right: 5px;
}

.events-section .events-table .event-hover-popup {
	position: absolute;
	left: 15px;
	bottom: 100%;
	width: 480px;
	background: #ffffff;
	color: #9e9e9e;
	font-size: 14px;
	padding: 20px;
	z-index: 10;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	transition: all 500ms ease;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
	-ms-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
	-o-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
}


.events-section .events-table .event-hover-popup:after {
	content: '\f0d7';
	font-family: 'FontAwesome';
	position: absolute;
	left: 50px;
	bottom: -13px;
	font-size: 32px;
	color: #ffffff;
}

.events-section .events-table .table-cell:hover .event-hover-popup {
	opacity: 1;
	visibility: visible;
	margin-bottom: -35px;
}

.events-section .events-table .event-hover-popup .upper-content {
	position: relative;
	margin-bottom: 10px;
}

.events-section .events-table .event-hover-popup .upper-content .image {
	position: relative;
	float: left;
	margin: 0px 20px 15px 0px;
}

.events-section .events-table .event-hover-popup .upper-content .image img {
	display: block;
}

.events-section .events-table .event-hover-popup .upper-content p {
	position: relative;
	line-height: 1.7em;
}

.events-section .events-table .event-hover-popup .lower-info {
	position: relative;
	padding-left: 70px;
	min-height: 60px;
}

.events-section .events-table .event-hover-popup .lower-info h3 {
	position: relative;
	font-size: 18px;
	color: #1f1f1f;
	line-height: 1.4em;
}

.events-section .events-table .event-hover-popup .lower-info .icon-box {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 32px;
	background: #044d22;
	color: #ffffff;
}

.events-section .events-table .event-hover-popup .lower-info .info .fa {
	position: relative;
	font-size: 10px;
	color: #044d22;
	padding-right: 5px;

}

.events-section .events-header {
	position: relative;
	margin-bottom: 40px;
}

.events-section .events-header h2 {
	position: relative;
	font-size: 32px;
	color: #044d22;
	line-height: 1.4em;
	margin-bottom: -48px;
	text-align: center;
	font-weight: 600;
}

.events-section .search-box .form-group {
	position: relative;
	margin-bottom: 20px;
}

.events-section .search-box .form-group input[type="text"],
.events-section .search-box .form-group input[type="search"] {
	position: relative;
	line-height: 26px;
	padding: 10px 30px 10px 15px;
	border: 1px solid #f0f0f0;
	height: 48px;
	background: #ffffff;
	color: #1a1a1a;
	display: block;
	width: 100%;
	border-radius: 2px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.events-section .search-box .form-group input:focus {
	border-color: #044d22;
}

.events-section .search-box .form-group button {
	position: absolute;
	right: 0px;
	top: 0px;
	height: 48px;
	width: 50px;
	line-height: 48px;
	text-align: center;
	display: block;
	font-size: 16px;
	color: #888888;
	background: none;
	border-radius: 0px 2px 2px 0px;
}

.events-section .search-box .form-group input:focus+button,
.events-section.search-box .form-group button:hover {
	background: #044d22;
	color: #ffffff;
}

.events-section .events-header .event-cal-nav {
	position: relative;
	line-height: 24px;
	color: #ffffff;
	padding: 12px 60px;
	text-align: center;
	font-size: 16px;
	background: #044d22;
	margin-bottom: 20px;
}

.events-section .events-header .event-cal-nav .control {
	position: absolute;
	top: 0px;
	width: 48px;
	height: 48px;
	line-height: 48px;
	color: #ffffff;
	font-size: 24px;
	background: #a1cb3e;
}

.events-section .events-header .event-cal-nav .control.prev {
	left: 0px;
}

.events-section .events-header .event-cal-nav .control.next {
	right: 0px;
}

/*--------------------------------------------------------------
37. About Us Section (Custom Magic Animation)
--------------------------------------------------------------*/
.about-section {
	position: relative;
	padding: 60px 0 0px;
	background: #ffffff;
	overflow: hidden;
	padding-bottom: 40px;
}

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

.about-image-wrapper {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}

.about-image-inner {
	position: relative;
	max-width: 100%;
	border-radius: 20px;
	box-shadow: 0 20px 45px rgba(0, 0, 0, 0.15);
	background: #ffffff;
	padding: 12px;
	border: 3px solid #044d22;
	overflow: hidden;
}

.about-image-inner img {
	border-radius: 12px;
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
	transition: transform 0.8s ease;
}

.about-image-inner:hover img {
	transform: scale(1.05);
}

/* Glowing border overlay */
.about-image-glow {
	position: absolute;
	top: -50%;
	left: -50%;
	width: 200%;
	height: 200%;
	background: linear-gradient(45deg,
			rgba(178, 221, 76, 0) 40%,
			rgba(178, 221, 76, 0.4) 50%,
			rgba(178, 221, 76, 0) 60%);
	transform: rotate(45deg);
	transition: all 0.5s ease;
	pointer-events: none;
}

.about-image-inner:hover .about-image-glow {
	animation: glow-shine 1.5s infinite;
}

@keyframes glow-shine {
	0% {
		top: -120%;
		left: -120%;
	}

	100% {
		top: 120%;
		left: 120%;
	}
}

.about-text-column {
	position: relative;
	z-index: 1;
}

.about-text-wrapper {
	position: relative;
	padding-left: 30px;
}

.about-text-wrapper .sec-title {
	margin-bottom: 25px;
	text-align: left;
}

.about-text-wrapper .sec-title h2 {
	font-size: 36px;
	color: #1a1a1a;
	font-weight: 700;
	text-transform: uppercase;
}

.about-text-wrapper .sec-title .separator {
	/* background: #044d22; */
	width: 250px;
	height: 25px;
	margin: 10px 0 0;
}

.about-content-text h3 {
	font-size: 22px;
	color: #28340a;
	font-weight: 600;
	margin-bottom: 15px;
	line-height: 1.4em;
}

.about-content-text p {
	font-size: 16px;
	text-align: justify;
	color: #666666;
	line-height: 1.8em;
	margin-bottom: 15px;
}

.about-features {
	margin: 25px 0 35px;
}

.feature-item {
	margin-bottom: 15px;
}

.feature-inner {
	position: relative;
	display: flex;
	align-items: center;
	background: #fbfdf8;
	padding: 15px 20px;
	border-radius: 12px;
	border: 1px solid rgba(178, 221, 76, 0.2);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.02);
	transition: all 0.3s ease;
}

.feature-inner:hover {
	transform: translateY(-5px);
	border-color: #044d22;
	box-shadow: 0 10px 25px rgba(178, 221, 76, 0.15);
}

.feature-inner i {
	font-size: 28px;
	color: #044d22;
	margin-right: 15px;
	transition: all 0.3s ease;
}

.feature-inner:hover i {
	transform: scale(1.2);
}

.feature-inner h4 {
	font-size: 15px;
	color: #1a1a1a;
	font-weight: 600;
	margin: 0;
}

.about-content-text .btn-box {
	margin-top: 10px;
}


/*--------------------------------------------------------------
About Us Animation Rules (3D Magic Effect)
--------------------------------------------------------------*/
@media (min-width: 992px) {

	/* State 1: Default/Before scroll triggers - Image starts in the middle, scaled, with a strong magic green glow */
	.about-section .about-image-wrapper {
		transform: translate3d(50%, 0, 0) scale(1.15);
		filter: drop-shadow(0 0 40px rgba(178, 221, 76, 0.85));
		transition: transform 1.4s cubic-bezier(0.25, 1, 0.5, 1),
			filter 1.4s cubic-bezier(0.25, 1, 0.5, 1);
		z-index: 10;
	}

	/* Text column starts invisible and rotated in 3D perspective */
	.about-section .about-text-column {
		opacity: 0;
		transform: perspective(1200px) rotate3d(1, -1, 0, 35deg) translate3d(100px, 0, 150px) scale(0.85);
		filter: blur(10px);
		transition: transform 1.5s cubic-bezier(0.175, 0.885, 0.32, 1.275),
			opacity 1.5s ease,
			filter 1.5s ease;
		transition-delay: 0s;
	}

	/* State 2: Scroll triggered - Image moves left and scales to normal, glow subsides to subtle drop shadow */
	.about-section.about-anim-active .about-image-wrapper {
		transform: translate3d(0, 0, 0) scale(1);
		filter: drop-shadow(0 15px 35px rgba(0, 0, 0, 0.15));
	}

	/* Text column rotates back into place in 3D perspective with delay */
	.about-section.about-anim-active .about-text-column {
		opacity: 1;
		transform: perspective(1200px) rotate3d(0, 0, 0, 0deg) translate3d(0, 0, 0) scale(1);
		filter: blur(0);
		transition-delay: 0.8s;
		/* Delay so the image starts moving left before text comes in */
	}
}

@media (max-width: 991px) {

	/* Responsive styling for tablet/mobile: slide-in from bottom with 3D fade */
	.about-section .about-image-wrapper {
		opacity: 0;
		transform: translateY(50px) scale(0.9);
		transition: all 1.2s ease;
	}

	.about-section .about-text-column {
		opacity: 0;
		transform: translateY(50px) scale(0.95);
		transition: all 1.2s ease;
		transition-delay: 0.3s;
	}

	.about-section.about-anim-active .about-image-wrapper {
		opacity: 1;
		transform: translateY(0) scale(1);
	}

	.about-section.about-anim-active .about-text-column {
		opacity: 1;
		transform: translateY(0) scale(1);
	}

	.about-text-wrapper {
		padding-left: 0;
		margin-top: 50px;
	}
}

.wellness-marquee-wrapper {
	width: 100%;
	overflow: hidden;
	background: linear-gradient(90deg, #0f5132, #198754, #0f5132);
	padding: 16px 0;
	position: relative;
	border-top: 2px solid #7dff9b;
	border-bottom: 2px solid #7dff9b;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
}

.wellness-marquee-track {
	display: flex;
	width: max-content;
	animation: scrollMarquee 28s linear infinite;
}

.marquee-item {
	display: flex;
	align-items: center;
	margin-right: 70px;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	white-space: nowrap;
	transition: 0.3s ease;
	letter-spacing: 0.5px;
}

.marquee-item i {
	margin-right: 12px;
	font-size: 22px;
	color: #9cffb1;
	animation: pulseIcon 1.5s infinite;
	text-shadow: 0 0 15px rgba(156, 255, 177, 0.9);
}

/* Hover Effects */
.marquee-item:hover {
	transform: scale(1.08);
	color: #9cffb1;
}

/* Smooth Infinite Movement */
@keyframes scrollMarquee {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(-50%);
	}
}

/* Animated Icons */
@keyframes pulseIcon {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.25);
	}

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

/* Responsive */
@media only screen and (max-width:768px) {

	.marquee-item {
		font-size: 15px;
		margin-right: 40px;
	}

	.marquee-item i {
		font-size: 18px;
	}

}

/*--------------------------------------------------------------
41. Floating WhatsApp Button
--------------------------------------------------------------*/
.whatsapp-float {
	position: fixed;
	width: 60px;
	height: 60px;
	bottom: 30px;
	right: 30px;
	background-color: #25d366;
	color: #ffffff !important;
	border-radius: 50%;
	text-align: center;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	transition: all 0.3s ease;
}

.whatsapp-float:hover {
	background-color: #20ba5a;
	transform: scale(1.1) rotate(8deg);
	box-shadow: 0 8px 25px rgba(37, 211, 102, 0.45);
}

.whatsapp-icon {
	font-size: 34px;
	line-height: 60px;
}

/* Tooltip */
.whatsapp-tooltip {
	position: absolute;
	right: 75px;
	background-color: #28340a;
	color: #ffffff;
	padding: 8px 14px;
	border-radius: 6px;
	font-size: 13px;
	font-weight: 500;
	white-space: nowrap;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, transform 0.3s ease;
	transform: translateX(10px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	border: 1px solid #044d22;
}

.whatsapp-tooltip::before {
	content: '';
	position: absolute;
	left: 100%;
	top: 50%;
	margin-top: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent transparent #044d22;
}

.whatsapp-float:hover .whatsapp-tooltip {
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
}

/* Pulse animation */
.whatsapp-float::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #25d366;
	opacity: 0.7;
	z-index: -1;
	animation: wa-pulse 2s infinite;
}

@keyframes wa-pulse {
	0% {
		transform: scale(1);
		opacity: 0.7;
	}

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

/* Responsive adjustment */
@media screen and (max-width: 767px) {
	.whatsapp-float {
		width: 52px;
		height: 52px;
		bottom: 20px;
		right: 20px;
	}

	.whatsapp-icon {
		font-size: 28px;
	}

	.whatsapp-tooltip {
		display: none;
		/* Hide tooltip on small screens */
	}
}

.transformation-section .video-image-box {
	border-radius: 15px;
	overflow: hidden;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
	transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.transformation-section .video-image-box:hover {
	transform: translateY(-10px);
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

.transformation-section .accordion-box .block {
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 15px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
	transition: transform 0.3s ease;
	background: #fff;
}

.transformation-section .accordion-box .block:hover {
	transform: translateX(10px);
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.transformation-section .acc-btn {
	font-weight: 600;
}

/*--------------------------------------------------------------
43. Parallax Overlay & 3D Effects for Services
--------------------------------------------------------------*/
.parallax-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	z-index: 1;
}

.services-section {
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	padding: 100px 0;
}

.services-section .icon-column-default .inner-box {
	background: rgba(255, 255, 255, 0.95);
	border-radius: 15px;
	padding: 24px 10px 20px 100px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
	transform: perspective(1000px) rotateX(0deg) rotateY(0deg);
	transform-style: preserve-3d;
	transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.6s ease;
	margin-bottom: 30px;
	z-index: 2;
	position: relative;
	border: 3px solid #044d22;
}

.services-section .icon-column-default .inner-box:hover {
	transform: perspective(1000px) rotateX(10deg) rotateY(-10deg) scale3d(1.05, 1.05, 1.05) translateZ(20px);
	box-shadow: -20px 30px 50px rgba(0, 0, 0, 0.4);
	background: #fff;
	z-index: 10;
}

.services-section .icon-column-default .inner-box h3,
.services-section .icon-column-default .inner-box .text {
	color: #1a1a1a;
}

/* Flexbox layout to fix column wrapping alignment issues */
.services-section .row {
	display: flex;
	flex-wrap: wrap;
}

.services-section .icon-column-default {
	display: flex;
	margin-bottom: 30px;
	/* Shifted margin from inner-box to column to keep spacing consistent */
}

.services-section .icon-column-default .inner-box {
	width: 100%;
	margin-bottom: 0;
	/* Reset margin on inner-box */
}

/*--------------------------------------------------------------
44. Testimonials Section Parallax & 3D Effects
--------------------------------------------------------------*/
.testimonials-section {
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	padding: 50px 0;
	/* Restored height so it doesn't look compressed */
}

/* New Centered Layout for Testimonial Cards */
.testimonials-section .slide-item .inner-box {
	background: rgba(255, 255, 255, 0.95);
	border-radius: 12px;
	padding: 30px;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
	transform: perspective(1000px) rotateX(0deg) rotateY(0deg);
	transform-style: preserve-3d;
	transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.6s ease;
	margin: 15px;
	border: 1px solid rgba(178, 221, 76, 0.3);
	position: relative;
	text-align: left;
	/* aspect-ratio: 1 / 1; */
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

.testimonials-section .slide-item .inner-box:hover {
	transform: translateY(-10px) perspective(1000px) rotateX(4deg) rotateY(-4deg) scale3d(1.02, 1.02, 1.02);
	box-shadow: -10px 20px 35px rgba(0, 0, 0, 0.15);
	background: #fff;
	border-color: #044d22;
}

.testimonials-section .slide-item .slide-header {
	display: grid;
	grid-template-columns: 70px 1fr;
	/* 70px for avatar */
	column-gap: 15px;
	align-items: center;
	margin-bottom: 20px;
}

.testimonials-section .slide-item .author-thumb {
	grid-column: 1 / 2;
	grid-row: 1 / 3;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	overflow: hidden;
	border: 3px solid #044d22;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	background: #f9f9f9;
	position: relative;
	top: auto;
	left: auto;
	transform: none;
	z-index: 5;
	transition: transform 0.5s ease;
}

.testimonials-section .slide-item .inner-box:hover .author-thumb {
	transform: scale(1.1);
}

.testimonials-section .slide-item .author-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.testimonials-section .slide-item .slide-header h4 {
	grid-column: 2 / 3;
	grid-row: 1 / 2;
	margin: 0 0 2px 0;
	font-size: 18px;
	font-weight: 800;
	color: #1a1a1a;
	text-align: left;
	align-self: end;
}

.testimonials-section .slide-item .slide-header .designation {
	grid-column: 2 / 3;
	grid-row: 2 / 3;
	font-size: 12px;
	color: #777;
	font-weight: 600;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	align-self: start;
}

.testimonials-section .slide-item .slide-content {
	font-size: 14px;
	line-height: 1.6;
	color: #444;
	font-style: italic;
	position: relative;
	text-align: justify;
	/* Set text to justify */
	padding-top: 20px;
	/* border-top: 1px dashed rgba(0,0,0,0.1); */
	flex-grow: 1;
	display: flex;
	align-items: center;
}

.testimonials-section .slide-item .slide-content::before {
	/* content: "\f10d"; */
	font-family: "FontAwesome";
	font-size: 24px;
	color: rgba(178, 221, 76, 0.25);
	position: absolute;
	top: -16px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 0;
	background: rgba(255, 255, 255, 0.95);
	padding: 0 15px;
	transition: color 0.5s ease;
}

.testimonials-section .slide-item .inner-box:hover .slide-content::before {
	color: rgba(178, 221, 76, 0.6);
}

/* Modal Animation Styles */
.custom-modal-dialog {
	transform: scale(0.8) translateY(-50px);
	transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.modal.in .custom-modal-dialog,
.modal.show .custom-modal-dialog {
	transform: scale(1) translateY(0);
}

.custom-modal-content {
	border-radius: 20px;
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
	border: none;
	overflow: hidden;
}

/* media quereis */

/* ==========================
   Mobile Header Design
========================== */
@media only screen and (max-width: 767px) {

	/* Top Header */
	.header-top {
		padding: 15px 0;
	}

	.header-top .top-left,
	.header-top .top-right {
		float: none !important;
		width: 100%;
		text-align: center;
	}

	.header-top .top-left ul {
		padding: 0;
		margin: 0;
		list-style: none;
	}

	.header-top .top-left ul li {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 8px;
		margin-bottom: 10px;
		font-size: 14px;
		line-height: 22px;
	}

	.header-top .top-left ul li:last-child {
		margin-bottom: 0;
	}

	.header-top .top-right {
		margin-top: 15px;
	}

	.header-top .theme-btn {
		display: block;
		width: 90%;
		margin: 0 auto;
		text-align: center;
		padding: 14px 15px;
		border-radius: 4px;
	}

	/* Header Main Area */
	.main-box {
		padding: 10px 0;
	}

	.outer-container {
		display: flex;
		align-items: center;
		justify-content: space-between;
		position: relative;
	}

	/* Logo */
	.logo-box {
		margin: 0;
		padding: 0;
	}

	.logo-box img {
		max-width: 170px;
		height: auto;
	}

	/* Navigation Area */
	.nav-outer {
		margin-left: auto;
	}

	/* Toggle Button Right Side */
	.navbar-header {
		float: none !important;
		margin: 0;
	}

	.navbar-toggle {
		display: block !important;
		margin: 0 !important;
		border: none;
		background: #a7d342;
		padding: 10px 12px;
		border-radius: 4px;
	}

	.navbar-toggle .icon-bar {
		background: #fff;
		width: 22px;
		height: 2px;
		margin: 4px 0;
	}

	/* Hide Extra Hidden Bar Button */
	.nav-toggler {
		display: none;
	}

	/* Mobile Dropdown Menu */
	.navbar-collapse {
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		background: #fff;
		z-index: 999;
	}

	.navbar-collapse .navigation {
		width: 100%;
	}

	.navbar-collapse .navigation li {
		display: block;
		text-align: left;
		border-bottom: 1px solid #eee;
	}

	.navbar-collapse .navigation li a {
		display: block;
		padding: 12px 20px;
	}
}

.nav-toggler {
	display: none;
}

.social-links {
	display: flex;
	align-items: center;
	gap: 12px;
}

.social-links a {
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #024b21;
	color: #fff;
	font-size: 15px;
	text-decoration: none;
	transition: all 0.3s ease;
}

.social-links a:hover {
	background: #a7d342;
	color: #024b21;
	transform: translateY(-3px);
}

.footer-column .social-links {
	margin-top: 20px;
}

.hidden-bar .social-links {
	margin-top: 35px;
	padding-left: 20px;
}

.contact-form .form-group input,
.contact-form .form-group textarea {
	width: 100%;
	padding: 12px 15px;
	border: 1px solid #ddd;
	border-radius: 5px;
}

.contact-form textarea {
	resize: none;
	min-height: 180px;
}

.contact-form .theme-btn {
	min-width: 200px;
}

.form-group input,
.form-group textarea {
	width: 100%;
	box-sizing: border-box;
}

/* ======================================
   MOBILE SIDEBAR MENU FIX
   ====================================== */

.hidden-bar #mobile-menu {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	height: auto !important;
	overflow: visible !important;
}

.hidden-bar #mobile-menu.collapse {
	display: block !important;
}

.hidden-bar .navigation {
	display: block !important;
	width: 100% !important;
	margin-top: 25px !important;
	padding: 0 20px !important;
}

.hidden-bar .navigation li {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}

.hidden-bar .navigation li a {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;

	padding: 15px 10px !important;

	color: #ffffff !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;

	visibility: visible !important;
	opacity: 1 !important;
}

.hidden-bar .navigation li a img {
	width: 18px !important;
	height: 18px !important;
	display: block !important;
}

.hidden-bar .navigation li.current a,
.hidden-bar .navigation li a:hover {
	color: #b6df58 !important;
}

.view-btn {
	background: #044d22;
	color: #fff;
	border: none;
	padding: 10px 25px;
	border-radius: 30px;
	cursor: pointer;
	font-weight: 600;
}

.view-btn:hover {
	background: #b1705b;
}

.custom-modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 99999;
	background: rgba(0, 0, 0, 0.7);
	align-items: center;
	justify-content: center;
}

.custom-modal-content {
	position: relative;
	width: 90%;
	max-width: 900px;
	max-height: 90vh;
	overflow-y: auto;

	background: #fff;
	border-radius: 15px;
	padding: 30px;

	margin: 0;
	animation: popup .3s ease;
}

@keyframes popup {
	from {
		transform: scale(0.8);
		opacity: 0;
	}

	to {
		transform: scale(1);
		opacity: 1;
	}
}

.close-btn {
	position: absolute;
	right: 20px;
	top: 10px;
	font-size: 35px;
	cursor: pointer;
}

.popup-image {
	width: 100%;
	max-width: 300px;
	height: 300px;
	object-fit: cover;
	border-radius: 10px;
}

.popup-points li {
	margin-bottom: 12px;
	line-height: 1.8;
	font-size: 16px;
}

@media(max-width:767px) {

	.custom-modal-content {
		width: 95%;
		margin: 30px auto;
	}

	.popup-image {
		margin-top: 20px;
		width: 100%;
		height: auto;
	}

	.custom-modal {
		padding: 10px;
	}

	.custom-modal-content {
		width: 100%;
		max-height: 85vh;
		overflow-y: auto;
		padding: 20px;
		-webkit-overflow-scrolling: touch;
	}

}

.popup-points {
	list-style: none;
	padding-left: 0;
}

.popup-points li {
	position: relative;
	padding-left: 35px;
	margin-bottom: 15px;
	line-height: 1.8;
	font-size: 16px;
}

.popup-points li::before {
	content: "✔";
	position: absolute;
	left: 0;
	top: 0;
	color: #28a745;
	font-size: 18px;
	font-weight: bold;
}

@media only screen and (max-width: 767px) {

	.custom-modal {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.custom-modal-content {
		width: 95%;
		max-height: 85vh;
		overflow-y: auto;
		margin: 0;
		-webkit-overflow-scrolling: touch;
	}
}

/* Popup Heading */
.custom-modal-content h2,
.custom-modal-content h3,
.custom-modal-content h4 {
	color: #000 !important;
	font-weight: 700;
}

/* Popup List Text */
.popup-points li {
	color: #000 !important;
	font-size: 16px;
	line-height: 1.8;
}

/* Popup Check Icon */
.popup-points li::before {
	content: "✔";
	position: absolute;
	left: 0;
	top: 0;
	color: #28a745;
	font-size: 18px;
	font-weight: bold;
}

/* Desktop Center Alignment */
.custom-modal {
	display: none;
	position: fixed;
	inset: 0;
	z-index: 99999;
	background: rgba(0, 0, 0, 0.7);
	align-items: center;
	justify-content: center;
}

.custom-modal.active {
	display: flex;
}

.custom-modal-content {
	position: relative;
	background: #fff;
	width: 90%;
	max-width: 900px;
	max-height: 90vh;
	overflow-y: auto;
	padding: 30px;
	border-radius: 15px;
	margin: 0;
	animation: popup .3s ease;
}

/* Close Button */
.close-btn {
	position: absolute;
	top: 10px;
	right: 15px;
	font-size: 32px;
	color: #000;
	cursor: pointer;
	z-index: 1000;
}

/* Mobile View */
@media only screen and (max-width:767px) {

	.custom-modal {
		padding: 15px;
		align-items: center;
		justify-content: center;
	}

	.custom-modal-content {
		width: 100%;
		max-height: 85vh;
		overflow-y: auto;
		padding: 20px;
		border-radius: 12px;
		margin: 0;
		-webkit-overflow-scrolling: touch;
	}

	.popup-image {
		width: 100%;
		height: auto;
		max-width: 100%;
		margin-top: 15px;
		border-radius: 10px;
	}

	.custom-modal-content h2 {
		color: #000;
		font-size: 28px;
		text-align: left;
	}

	.popup-points li {
		color: #000;
		font-size: 15px;
	}
}

.popup-question {
	color: #044d22;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 15px;
}




.popup-points li:first-child::before {
	top: 10px;
	left: 10px;
}

.contact-link {
	display: flex;
	align-items: center;
	text-decoration: none;
	color: inherit;
	white-space: nowrap;
}

.contact-text {
	display: inline-block;
}

.contact-phone {
	display: flex;
	align-items: center;
	margin-left: 13px;
}

/* THIS CREATES GAP */
.contact-phone .fa-phone {
	margin-right: 8px;
}

/* Mobile */
@media(max-width:767px) {
	.contact-link {
		font-size: 13px;
	}

	.contact-phone {
		margin-left: 10px;
	}

	.contact-phone .fa-phone {
		margin-right: 10px;
	}
}

/* ============================================================
   BANNER / SLIDER - COMPREHENSIVE MOBILE ALIGNMENT FIX
   Ensures images never overflow or cut on any mobile device
   ============================================================ */

/* Base fix - always enforce no overflow on the slider wrapper */
.main-slider {
	overflow: hidden !important;
	width: 100% !important;
	max-width: 100% !important;
	position: relative !important;
}

.tp-banner-container {
	overflow: hidden !important;
	width: 100% !important;
	max-width: 100% !important;
	left: 0 !important;
	right: 0 !important;
}

/* ---- Tablet & below (max 768px) ---- */
@media only screen and (max-width: 768px) {

	.main-slider {
		overflow: hidden !important;
		width: 100% !important;
	}

	.tp-banner-container,
	.tp-banner,
	.tp-banner ul,
	.tp-banner ul li {
		width: 100% !important;
		max-width: 100% !important;
		overflow: hidden !important;
		left: 0 !important;
		right: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.tp-banner-container,
	.tp-banner,
	.tp-banner ul li {
		height: 320px !important;
	}

	.tp-banner ul li img {
		width: 100% !important;
		max-width: 100% !important;
		height: 320px !important;
		object-fit: cover !important;
		object-position: center center !important;
		left: 0 !important;
		right: 0 !important;
	}

	/* Hide captions on mobile – they cause overflow */
	.tp-caption {
		display: none !important;
	}
}

/* ---- Small mobile (max 600px) ---- */
@media only screen and (max-width: 600px) {

	.tp-banner-container,
	.tp-banner,
	.tp-banner ul li {
		height: 280px !important;
	}

	.tp-banner ul li img {
		height: 280px !important;
		object-fit: cover !important;
		object-position: 55% center !important;
	}
}

/* ---- iPhone Plus / Android Large (max 480px) ---- */
@media only screen and (max-width: 480px) {

	.tp-banner-container,
	.tp-banner,
	.tp-banner ul li {
		height: 230px !important;
	}

	.tp-banner ul li img {
		height: 250px !important;
		object-fit: cover !important;
		object-position: 60% center !important;
	}
}

/* ---- iPhone SE / Standard (max 390px) ---- */
@media only screen and (max-width: 390px) {

	.tp-banner-container,
	.tp-banner,
	.tp-banner ul li {
		height: 235px !important;
	}

	.tp-banner ul li img {
		height: 235px !important;
		object-fit: cover !important;
		object-position: 65% center !important;
	}
}

/* ---- iPhone SE 1st Gen (max 375px) ---- */
@media only screen and (max-width: 375px) {

	.tp-banner-container,
	.tp-banner,
	.tp-banner ul li {
		height: 220px !important;
		overflow: hidden !important;
	}

	.tp-banner ul li img {
		width: 100% !important;
		height: 220px !important;
		object-fit: cover !important;
		object-position: 70% center !important;
	}
}

.result-disclaimer {
	background: rgba(255, 255, 255, 0.95);
	border-left: 4px solid #094c09;
	color: #333;
	font-size: 12px;
	font-weight: 600;
	text-align: center;
	padding: 10px 12px;
	margin-top: 10px;
	border-radius: 6px;
	line-height: 1.5;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.result-disclaimer strong {
	color: #0d6b36;
}

/* Nest Hub / Tablet Landscape */
@media (max-width: 1024px) {

	.main-slider,
	.main-slider .slide,
	.main-slider .image img {
		height: auto;
	}

	.main-slider .slide {
		padding-top: 40px;
		padding-bottom: 40px;
	}
}

.transformation-section {
	padding: 100px 20px;
	background: linear-gradient(135deg, #f8fbfc, #ffffff);
	overflow: hidden;
}

.container {
	max-width: 1400px;
	margin: auto;
}

.section-heading {
	text-align: center;
	margin-bottom: 60px;
	animation: fadeUp 1s ease;
}

.section-heading .tag {
	display: inline-block;
	background: #0096a0;
	color: #fff;
	padding: 10px 25px;
	border-radius: 50px;
	font-size: 14px;
	letter-spacing: 1px;
	margin-bottom: 15px;
}

.section-heading h2 {
	font-size: 52px;
	margin-bottom: 15px;
	color: #111;
	font-weight: 700;
}

.section-heading p {
	font-size: 18px;
	color: #666;
}

.transformation-card {
	display: flex;
	align-items: center;
	gap: 60px;
	background: #fff;
	padding: 40px;
	border-radius: 30px;
	box-shadow: 0 15px 50px rgba(0, 0, 0, 0.08);
}

.image-wrapper {
	position: relative;
	flex: 1;
	overflow: hidden;
	border-radius: 25px;
	cursor: pointer;
}

/* PREMIUM IMAGE HOVER EFFECT */

.image-wrapper img {
	width: 100%;
	display: block;
	border-radius: 25px;
	transition: all .8s ease;
}

.image-wrapper::before {
	content: '';
	position: absolute;
	top: -100%;
	left: -100%;
	width: 200%;
	height: 200%;
	background: linear-gradient(120deg,
			transparent 20%,
			rgba(255, 255, 255, .4) 50%,
			transparent 80%);
	transform: rotate(25deg);
	transition: 1.2s;
	z-index: 2;
}

.image-wrapper:hover::before {
	top: 100%;
	left: 100%;
}

.image-wrapper:hover img {
	transform: scale(1.08);
	filter: brightness(1.08) contrast(1.1);
}

.image-wrapper .overlay-content {
	position: absolute;
	bottom: 25px;
	left: 25px;
	background: rgba(0, 150, 160, .92);
	backdrop-filter: blur(10px);
	color: #fff;
	padding: 20px 25px;
	border-radius: 15px;
	transform: translateY(30px);
	opacity: 0;
	transition: .6s;
	z-index: 3;
}

.image-wrapper:hover .overlay-content {
	opacity: 1;
	transform: translateY(0);
}

.image-wrapper .overlay-content h3 {
	font-size: 28px;
	margin-bottom: 5px;
}

.content-wrapper {
	flex: 1;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 25px;
}

.result-box {
	background: #fff;
	border: 1px solid rgba(0, 150, 160, .15);
	padding: 30px;
	border-radius: 20px;
	text-align: center;
	transition: .4s;
}

.result-box span {
	display: inline-flex;
	width: 60px;
	height: 60px;
	align-items: center;
	justify-content: center;
	background: #0096a0;
	color: #fff;
	border-radius: 50%;
	font-size: 24px;
	margin-bottom: 15px;
}

.result-box h4 {
	font-size: 20px;
	color: #222;
}

.result-box:hover {
	transform: translateY(-10px);
	background: #0096a0;
}

.result-box:hover h4 {
	color: #fff;
}

.disclaimer {
	margin-top: 40px;
	text-align: center;
	padding: 18px;
	background: #fff3cd;
	color: #856404;
	border-left: 5px solid #ffc107;
	border-radius: 10px;
	font-size: 15px;
}

/* Animation */

@keyframes fadeUp {
	from {
		opacity: 0;
		transform: translateY(50px);
	}

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

/* Responsive */

@media(max-width:991px) {

	.transformation-card {
		flex-direction: column;
		padding: 25px;
	}

	.section-heading h2 {
		font-size: 38px;
	}

	.content-wrapper {
		grid-template-columns: 1fr;
	}
}

@media(max-width:576px) {

	.transformation-section {
		padding: 60px 15px;
	}

	.section-heading h2 {
		font-size: 30px;
	}

	.overlay-content h3 {
		font-size: 22px;
	}
}

/* ==========================================================================
   My Transformation Journey Section Custom Styles
   ========================================================================== */

.my-journey-section {
	position: relative;
	z-index: 1;
}

/* Shine Sweep effect for the image wrapper */
.image-wrapper-premium {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.image-wrapper-premium img {
	transition: transform 0.8s cubic-bezier(0.15, 0.85, 0.45, 1), filter 0.8s ease;
}

.image-wrapper-premium:hover img {
	transform: scale(1.05);
	filter: brightness(1.03) contrast(1.02);
}

/* Sweep shine animation */
.shine-sweep {
	position: absolute;
	top: 0;
	left: -150%;
	width: 50%;
	height: 100%;
	background: linear-gradient(to right,
			rgba(255, 255, 255, 0) 0%,
			rgba(255, 255, 255, 0.3) 30%,
			rgba(255, 255, 255, 0) 100%);
	transform: skewX(-25deg);
	z-index: 2;
}

.image-wrapper-premium:hover .shine-sweep {
	animation: shineSweepEffect 1.2s ease-out forwards;
}

@keyframes shineSweepEffect {
	0% {
		left: -150%;
	}

	100% {
		left: 150%;
	}
}

/* Floating Badge Premium */
.journey-image-card:hover .floating-badge-premium {
	transform: translateY(0) !important;
	opacity: 1 !important;
}

/* On-scroll entry fallback to show badge if not hovered on touch devices */
.journey-image-card .floating-badge-premium {
	animation: floatBadgePulse 6s ease-in-out infinite alternate;
}

@keyframes floatBadgePulse {
	0% {
		box-shadow: 0 10px 30px rgba(4, 77, 34, 0.06);
	}

	100% {
		box-shadow: 0 15px 35px rgba(4, 77, 34, 0.12);
	}
}

/* Metric Card Premium Interaction */
.metric-card-premium {
	transition: all 0.4s cubic-bezier(0.15, 0.85, 0.45, 1) !important;
}

.metric-card-premium:hover {
	transform: translateY(-8px) scale(1.02);
	border-color: rgba(4, 77, 34, 0.2) !important;
	box-shadow: 0 15px 30px rgba(4, 77, 34, 0.08) !important;
	background: #fcfdfc !important;
}

.metric-card-premium:hover .metric-icon {
	transform: scale(1.15) rotate(8deg);
	transition: transform 0.4s cubic-bezier(0.15, 0.85, 0.45, 1);
}

.metric-card-premium .metric-icon {
	transition: transform 0.4s ease;
}

/* Leafy background animations or decorative elements */
.journey-image-card {
	transition: all 0.5s cubic-bezier(0.15, 0.85, 0.45, 1);
}

.journey-image-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 25px 55px rgba(4, 77, 34, 0.1) !important;
	border-color: rgba(4, 77, 34, 0.15) !important;
}

/* Custom highlight text styling */
.journey-text-block h3 span::after {
	content: '';
	position: absolute;
	bottom: 2px;
	left: 0;
	width: 100%;
	height: 8px;
	background: rgba(255, 222, 89, 0.4);
	z-index: -1;
	animation: drawHighlight 1.5s cubic-bezier(0.65, 0, 0.35, 1) forwards;
	transform: scaleX(0);
	transform-origin: left;
}

@keyframes drawHighlight {
	to {
		transform: scaleX(1);
	}
}

/* Responsive Styles for Journey Section */
@media (max-width: 991px) {
	.my-journey-section .row.clearfix {
		display: block !important;
	}

	.journey-text-block {
		padding-left: 0 !important;
		margin-top: 30px;
	}

	.journey-text-block p {
		margin-bottom: 16px !important; /* Uniform 16px paragraph spacing on mobile and tablet */
	}

	.journey-text-block p:last-child {
		margin-bottom: 0 !important; /* Eliminate bottom margin on the final paragraph */
	}

	.my-journey-section {
		padding: 70px 0 !important;
	}

	.floating-badge-premium {
		position: relative !important;
		bottom: 0 !important;
		left: 0 !important;
		right: 0 !important;
		transform: none !important;
		opacity: 1 !important;
		margin-top: 20px;
		box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05) !important;
	}
}

/* Stacking Metrics Cards on Mobile Viewports */
@media (max-width: 576px) {
	.my-journey-section .metrics-grid {
		grid-template-columns: 1fr !important;
		gap: 12px !important;
	}
}

/* Enforce clean vertical alignment and stretching on Journey Section columns on desktop */
@media (min-width: 992px) {
	.my-journey-section .row.clearfix {
		display: flex !important;
		align-items: stretch !important; /* Stretch columns to equal height */
		justify-content: center !important;
	}

	.my-journey-section .row.clearfix::before,
	.my-journey-section .row.clearfix::after {
		display: none !important;
	}

	.my-journey-section .column {
		float: none !important;
		display: flex !important;
		flex-direction: column !important;
		justify-content: stretch !important;
	}

	.journey-text-block {
		height: 100% !important;
		display: flex !important;
		flex-direction: column !important;
		justify-content: center !important; /* Vertically center all content */
		gap: 16px !important; /* Uniform, neat, beautiful gap between all elements */
		margin: 0 !important;
		padding: 15px 0 !important; /* Align with the 15px padding of the left card */
	}

	.journey-text-block h3 {
		margin-top: 0 !important;
		margin-bottom: 0 !important; /* Managed by flex gap */
	}

	.journey-text-block p {
		margin-top: 0 !important;
		margin-bottom: 0 !important; /* Managed by flex gap */
	}
}
/* Special Animated Journey Disclaimer with 3D Graphics */
@keyframes shimmer3D {
	0% {
		background-position: -200% 0;
	}

	100% {
		background-position: 200% 0;
	}
}

@keyframes float3D {

	0%,
	100% {
		transform: perspective(800px) rotateX(4deg) rotateY(-3deg) translateY(0);
		box-shadow:
			-2px 4px 8px rgba(4, 77, 34, 0.05),
			-8px 16px 24px rgba(217, 119, 6, 0.06),
			inset 0 1px 0 rgba(255, 255, 255, 0.9);
	}

	50% {
		transform: perspective(800px) rotateX(6deg) rotateY(-5deg) translateY(-4px);
		box-shadow:
			-4px 8px 16px rgba(4, 77, 34, 0.08),
			-12px 24px 36px rgba(217, 119, 6, 0.1),
			inset 0 1px 0 rgba(255, 255, 255, 0.9);
	}
}

@keyframes pulseText {

	0%,
	100% {
		color: #d97706;
		text-shadow: 0 0 6px rgba(217, 119, 6, 0.3);
	}

	50% {
		color: #044d22;
		text-shadow: 0 0 6px rgba(4, 77, 34, 0.2);
	}
}

.journey-disclaimer-3d-card {
	margin: 25px 0 0 0;
	max-width: 100%;
	padding: 16px 24px 16px 20px;
	border-radius: 16px;
	border: 1px solid rgba(4, 77, 34, 0.14);
	border-left: 4px solid #d97706 !important;
	/* Premium gold accent bar */
	border-top: 2px solid rgba(255, 255, 255, 0.9) !important;
	text-align: left;
	font-size: 15px;
	color: #222222 !important;
	font-weight: 700;
	line-height: 1.6;
	background: linear-gradient(135deg,
			rgba(244, 249, 244, 0.75) 0%,
			rgba(255, 255, 255, 0.95) 50%,
			rgba(255, 253, 240, 0.75) 100%);
	background-size: 200% 100%;
	animation: shimmer3D 10s infinite linear, float3D 6s infinite ease-in-out;
	transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
	transform-style: preserve-3d;
	position: relative;
}

.journey-disclaimer-3d-card:hover {
	transform: perspective(800px) rotateX(0deg) rotateY(0deg) translateY(-8px) translateZ(20px) !important;
	border-color: #d97706 !important;
	background: #ffffff !important;
	box-shadow:
		0 20px 40px rgba(217, 119, 6, 0.12),
		inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

.journey-disclaimer-3d-card strong {
	font-weight: 700;
	display: inline-block;
	animation: pulseText 3s infinite ease-in-out;
	margin-right: 4px;
}
/* Custom Header Top Responsive Layout System */

/* Desktop layout (>= 1025px) */
@media (min-width: 1025px) {
    .main-header .header-top .auto-container .clearfix {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        padding: 6px 0 !important;
    }
    .main-header .header-top .top-left {
        display: flex !important;
        align-items: center !important;
        padding: 6px 0 !important;
        float: none !important;
    }
    .main-header .header-top .top-left ul {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        gap: 8px 30px !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .main-header .header-top .top-left ul li {
        display: inline-flex !important;
        align-items: center !important;
        white-space: nowrap !important;
    }
    .main-header .header-top .top-right {
        display: flex !important;
        align-items: center !important;
        float: none !important;
    }
    .contact-link {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 20px !important;
        text-decoration: none !important;
    }
    .contact-phone {
        margin-left: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 6px !important;
    }
}

/* Tablet & Mobile Layouts (< 1025px) */
/* Tablet & Mobile Layouts (< 1025px) */
@media (max-width: 1024px) {
    .main-header .header-top {
        padding: 14px 0 !important; /* Balanced padding on top and bottom of the green bar */
        background: #1d2802 !important;
    }
    .main-header .header-top .auto-container .clearfix {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        gap: 12px !important; /* Uniform gap separating top-left content and button */
        padding: 0 !important;
    }
    .main-header .header-top .top-left {
        width: 100% !important;
        display: flex !important;
        justify-content: flex-start !important;
        padding: 0 15px !important;
        float: none !important;
        margin: 0 !important;
    }
    .main-header .header-top .top-left ul {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        gap: 12px !important; /* Uniform vertical gap between all info lines */
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }
    .main-header .header-top .top-left ul li {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        text-align: left !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .main-header .header-top .top-left ul li a,
    .main-header .header-top .top-left ul li span {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        text-align: left !important;
        max-width: 100% !important;
        word-break: break-word !important;
        white-space: normal !important;
    }
    .main-header .header-top .top-left ul li.header-address a,
    .main-header .header-top .top-left ul li.header-timings > span {
        display: inline-flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        gap: 8px !important;
        line-height: 1.4 !important;
        padding: 2px 0 !important;
    }
    .contact-link {
        display: inline-flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 12px !important;
        text-decoration: none !important;
        flex-wrap: wrap !important;
    }
    .contact-link > span:first-child {
        text-align: left !important;
        align-items: flex-start !important;
    }
    .contact-phone {
        margin-left: 0 !important;
        margin-top: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 4px !important;
    }
    .main-header .header-top .top-right {
        width: 100% !important;
        display: flex !important;
        justify-content: flex-start !important;
        padding: 0 15px !important;
        margin: 0 !important; /* Reset offset margin to maintain perfectly equal spacing */
        float: none !important;
    }
    .main-header .header-top .top-right .theme-btn {
        display: inline-block !important;
        width: auto !important;
        min-width: 220px !important;
        max-width: 90% !important;
        padding: 10px 24px !important;
        font-size: 13px !important;
        line-height: 20px !important;
        font-weight: 600 !important;
        border-radius: 25px !important;
        text-align: center !important;
        background-color: #ffde59 !important;
        color: #1b6506 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15) !important;
        transition: all 0.3s ease !important;
    }
    .main-header .header-top .top-right .theme-btn:hover {
        background-color: #ffffff !important;
        color: #1d2802 !important;
    }
}

/* Tablet Layout Override (768px to 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
    .main-header .header-top .auto-container .clearfix {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important; /* Force side-by-side layout, no wrapping */
        justify-content: space-between !important;
        align-items: center !important;
        gap: 0 !important;
        padding: 0 !important;
    }
    .main-header .header-top .top-left {
        width: calc(100% - 240px) !important; /* Allocate remainder to left content */
        flex: 1 1 auto !important;
        display: flex !important;
        justify-content: flex-start !important;
        padding: 0 15px !important;
        margin: 0 !important;
    }
    .main-header .header-top .top-left ul {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        align-items: flex-start !important;
        gap: 12px 30px !important; /* 12px vertical gap, 30px horizontal gap between items */
    }
    .main-header .header-top .top-left ul li.header-contact {
        flex: 0 0 100% !important;
        width: 100% !important;
    }
    .main-header .header-top .top-left ul li.header-address,
    .main-header .header-top .top-left ul li.header-timings {
        flex: 0 1 auto !important;
        width: auto !important;
    }
    .main-header .header-top .top-right {
        width: 220px !important; /* Exact width constraint for the button */
        flex: 0 0 220px !important;
        display: flex !important;
        justify-content: flex-end !important;
        padding: 0 15px !important;
        margin: 0 !important;
    }
}


/* Mobile Neumorphic 3D Card Animation & Alignment Overrides */
@media (max-width: 767px) {
    .journey-disclaimer-3d-card {
        margin: 20px auto 0 auto !important;
        max-width: 100% !important;
        padding: 15px 20px !important;
        border-radius: 16px !important;
        border: 1px solid rgba(4, 77, 34, 0.12) !important;
        border-left: 4px solid #d97706 !important;
        border-top: 2px solid rgba(255, 255, 255, 0.95) !important;
        text-align: center !important;
        font-size: 13px !important;
        color: #222222 !important;
        font-weight: 700 !important;
        line-height: 1.5 !important;
        background: linear-gradient(135deg, #ffffff 0%, #f4f9f4 100%) !important;
        box-shadow: 0 10px 25px rgba(4, 77, 34, 0.08) !important;
        animation: pulseMobileCard 4s infinite ease-in-out !important;
        transform: translate3d(0, 0, 0) !important;
        backface-visibility: hidden !important;
        perspective: 1000px !important;
    }
    
    .journey-disclaimer-3d-card strong {
        color: #d97706 !important;
        font-weight: 700 !important;
        display: inline-block !important;
        margin-right: 4px !important;
        animation: pulseText 3s infinite ease-in-out !important;
    }
}

@keyframes pulseMobileCard {
    0%, 100% {
        transform: scale(1) translate3d(0, 0, 0) !important;
        box-shadow: 0 10px 25px rgba(4, 77, 34, 0.08) !important;
    }
    50% {
        transform: scale(1.02) translate3d(0, -3px, 0) !important;
        box-shadow: 0 14px 30px rgba(217, 119, 6, 0.14) !important;
        border-color: rgba(217, 119, 6, 0.25) !important;
    }
}

/* ==========================================================================
   Antigravity Premium Alignment & Desktop Fit Overrides
   ========================================================================== */

/* 1. Header Background & Logo Cohesiveness */
.main-header .main-box {
    background: #ffffff !important;
    box-shadow: 0 4px 25px rgba(0, 0, 0, 0.04) !important;
}

.main-header.fixed-header .main-box {
    background: #ffffff !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
}

/* 2. Desktop Header Center/Vertical Alignment & Fit */
@media (min-width: 1024px) {
    .main-header .main-box .outer-container {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        flex-wrap: nowrap !important;
        padding: 6px 0px !important;
    }

    .main-header .main-box .logo-box {
        float: none !important;
        padding: 5px 0 !important;
        display: flex !important;
        align-items: center !important;
    }

    .main-header .nav-outer {
        float: none !important;
        display: flex !important;
        align-items: center !important;
    }

    .main-menu {
        float: none !important;
        display: flex !important;
        align-items: center !important;
    }

    /* 3. Neat Desktop Spacing & Custom Font Sizes to prevent cut/crowded edges */
    .main-menu .navigation {
        display: flex !important;
        align-items: center !important;
        gap: 22px !important; /* Premium responsive flex spacing */
        margin: 0 !important;
    }

    .main-menu .navigation > li {
        margin: 0 !important;
        padding: 0 !important;
        display: inline-block !important;
    }

    .main-menu .navigation > li > a {
        display: inline-flex !important;
        align-items: center !important;
        gap: 6px !important;
        font-size: 15.5px !important; /* Optimized fit and layout */
        font-weight: 600 !important;
        text-transform: uppercase !important;
        color: #044d22 !important;
        padding: 10px 4px !important;
        line-height: 1.2 !important;
        transition: all 0.3s ease !important;
    }

    .main-menu .navigation > li > a img {
        width: 15px !important;
        height: 15px !important;
        object-fit: contain !important;
        margin: 0 !important;
        display: inline-block !important;
        vertical-align: middle !important;
    }

    .main-menu .navigation > li:hover > a,
    .main-menu .navigation > li.current > a {
        color: #28340a !important;
    }
}

/* 4. Services Section Cards Premium Vertical Alignment */
.services-section .icon-column-default .inner-box {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* 5. Complete Viewport Horizontal Fit & Scroll Prevention */
html, body {
    overflow-x: hidden !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.page-wrapper {
    overflow: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* 6. Fluid Grid Border-box Override to prevent layout overflow */
.two-col-fluid .image-column,
.two-col-fluid .content-column {
    box-sizing: border-box !important;
}

/* 7. Tablet & Laptop Landscape Intermediate Spacing (1024px to 1200px) */
@media (min-width: 1024px) and (max-width: 1200px) {
    .main-header .main-box .outer-container {
        padding: 6px 0px !important;
    }

    .main-menu .navigation {
        gap: 12px !important; /* Compact, elegant layout gaps */
        margin: 0 !important;
    }

    .main-menu .navigation > li > a {
        font-size: 13.5px !important; /* Highly readable intermediate text sizing */
        gap: 4px !important;
        padding: 8px 3px !important;
    }

    .main-menu .navigation > li > a img {
        width: 13px !important;
        height: 13px !important;
    }

    /* Top Bar Spacing Adjustment */
    .main-header .header-top .top-left ul {
        gap: 8px 16px !important;
    }

    .main-header .header-top .top-left ul li,
    .main-header .header-top .top-left ul li a {
        font-size: 11.5px !important;
    }
}