/*
Theme Name: MindShop eCommerce Template
Theme URI: https://mindrop.gr
Author: Mindrop digital agency
Author URI: https://mindrop.gr
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Manrope:wght@200..800&display=swap');

@font-face {
	font-family: 'GothamGreek-Thin';
	src: url('fonts/GothamGreek-Thin.woff2') format('woff2');
	font-weight: 200;
	font-style: normal;
}
@font-face {
	font-family: 'GothamGreek-Light';
	src: url('fonts/GothamGreek-Light.woff2') format('woff2');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'GothamGreek-Book';
	src: url('fonts/GothamGreek-Book.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'GothamGreek-Bold';
	src: url('fonts/GothamGreek-Bold.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'GothamGreek-Black';
	src: url('fonts/GothamGreek-Black.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: 'GothamGreek-Ultra';
	src: url('fonts/GothamGreek-Ultra.woff2') format('woff2');
	font-weight: 800;
	font-style: normal;
}
@font-face {
	font-family: 'GothamGreek-UltraItalic';
	src: url('fonts/GothamGreek-UltraItalic.woff2') format('woff2');
	font-weight: 800;
	font-style: normal;
}



body {
	font-family: "Inter", sans-serif;
}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: royalblue;
}

a:visited {
	color: purple;
}

a:hover,
a:focus,
a:active {
	color: midnightblue;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}


/*--------------------------------------------------------------
## OFF CANVAS MENU
--------------------------------------------------------------*/
.overlay-div {
	height: 100vh;
	width: 100vw;
	z-index: 50;
	position: fixed;
	top: 0;
	left: 0;
	display: none;
}

.overlay-background {
	height: 100vh;
	width: 100vw;
	z-index: 50;
	background-color: black;
	opacity: 0.75;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: none;
}

.offcanvas-contents-left-1 {
	height: 100vh;
	width: 100vw;
	max-width: 500px;
	z-index: 51;
	background-color: #313cd0;
	position: fixed;
	top: 0;
	left: -100vw;
	transition: left 1s;
}

.offcanvas-contents-right-1 {
	height: 100vh;
	width: 100vw;
	max-width: 500px;
	z-index: 51;
	background-color: #313cd0;
	position: fixed;
	top: 0;
	right: -100vw;
	transition: right 1s;
}

.offcanvas-contents-left-1-added {
	left: 0;
}

.offcanvas-contents-right-1-added {
	right: 0;
}

.offcanvas-base {
	display: flex;
	flex-direction: column;
	position: fixed;
	top: 0;
	bottom: 0;
	z-index: 500;
	overflow: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	width: 340px;
	background-color: #fff;
	transition: -webkit-transform .25s ease;
	transition: transform .25s ease;
	transition: transform .25s ease,-webkit-transform .25s ease;
	max-width: 100%;
}

.offcanvas-menu {
	left: 0;
	right: auto;
	width: 340px;
	-webkit-transform: translate3d(-340px,0,0);
	transform: translate3d(-340px,0,0);
	visibility: hidden;
	transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1),visibility 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
	max-width: 100%;
}

.offcanvas-filters {
	left: 0;
	right: auto;
	-webkit-transform: translate3d(-340px,0,0);
	transform: translate3d(-340px,0,0);
	visibility: hidden;
	max-width: 100%;
}

.offcanvas-cart {
	right: 0;
	left: auto;
	-webkit-transform: translate3d(340px,0,0);
	transform: translate3d(340px,0,0);
	visibility: hidden;
	max-width: 100%;
}

.offcanvas-opened {
	-webkit-transform: none;
	transform: none;
	visibility: visible;
	z-index: 9999999;
}

.offcanvas-close-side {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 400;
	opacity: 0;
	visibility: hidden;
	background-color: rgba(0,0,0,.7);
	transition: opacity .25s ease,visibility 0s ease .25s;
}

.offcanvas-close-side-opened {
	opacity: 1;
	visibility: visible;
	transition: opacity .25s ease,visibility 0s ease;
}
.off-cart-footer {
	flex: 0 0 auto;
	padding-bottom: 15px;
}
.off-filters-footer {
	flex: 0 0 auto;
	padding-bottom: 15px;
}
.off-menu-footer {
	flex: 0 0 auto;
	padding-bottom: 0px;
}
.off-cart-footer .woocommerce-mini-cart__buttons {
	padding-right: 15px;
	padding-left: 15px;
	display: block;
	margin-bottom: 0;
	text-align: center;
}
.off-filters-footer .woocommerce-filter__buttons {
	padding-right: 15px;
	padding-left: 15px;
	display: block;
	margin-bottom: 0;
	text-align: center;
}
.off-cart-footer .woocommerce-mini-cart__buttons a {
	width: 100%;
	margin-bottom: 10px;
}
.off-filters-footer .woocommerce-filter__buttons a {
	width: 100%;
	margin-bottom: 10px;
}
.off-cart-footer .woocommerce-mini-cart__buttons .btn-cart {
	background-color: #f7f7f7;
	padding: 12px 20px;
	font-size: 13px;
	line-height: 18px;
	background-color: #F3F3F3;
	color: #3E3E3E;
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	outline: 0;
	border-width: 0;
	border-style: solid;
	border-color: transparent;
	border-radius: 0;
	box-shadow: none;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: none;
	letter-spacing: .3px;
	font-weight: 600;
	cursor: pointer;
	transition: color .25s ease,background-color .25s ease,border-color .25s ease,box-shadow .25s ease,opacity .25s ease;
}
.off-cart-footer .woocommerce-mini-cart__buttons .btn-checkout {
	padding: 12px 20px;
	font-size: 13px;
	line-height: 18px;
	background-color: #83b735;
	color: #fff;
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	outline: 0;
	border-width: 0;
	border-style: solid;
	border-color: transparent;
	border-radius: 0;
	box-shadow: none;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: none;
	letter-spacing: .3px;
	font-weight: 600;
	cursor: pointer;
	transition: color .25s ease,background-color .25s ease,border-color .25s ease,box-shadow .25s ease,opacity .25s ease;
}
.off-filters-footer .woocommerce-filter__buttons .btn-filters {
	padding: 12px 20px;
	font-size: 13px;
	line-height: 18px;
	background-color: #000;
	color: #fff;
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	outline: 0;
	border-width: 0;
	border-style: solid;
	border-color: transparent;
	border-radius: 0;
	box-shadow: none;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: none;
	letter-spacing: .3px;
	font-weight: 600;
	cursor: pointer;
	transition: color .25s ease,background-color .25s ease,border-color .25s ease,box-shadow .25s ease,opacity .25s ease;
}
.woocommerce-mini-cart__total {
	border-color: rgba(129,129,129,.2);
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	border-top: 2px solid;
	padding-right: 15px;
	padding-left: 15px;
	margin-bottom: 5px;
}
.woocommerce-mini-cart__total strong {
	color: #2d2a2a;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 18px;
}
.woocommerce-mini-cart__total .amount {
	font-weight: 600;
	font-size: 20px;
}
.off-cart-header {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	flex-direction: row;
	justify-content: flex-start;
	padding: 20px 15px 20px 15px;
	border-bottom: 1px solid;
	border-color: rgba(129,129,129,.2);
}
.off-cart-header .widget-title {
	flex: 1 1 auto;
	margin: 0px;
	font-size: 20px;
	color: #2d2a2a;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 16px;
}
.wd-cross-button {
	position: relative;
	display: inline-block;
	cursor: pointer;
	line-height: 30px;
}
.off-cart-header .close-side-widget {
	flex: 0 0 auto;
}
.wd-cross-button[class*=wd-with-text], .widget_layered_nav_filters ul li a {
	color: #2d2a2a;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: .3px;
	font-weight: 600;
	font-size: 13px;
}
.wd-cross-button.wd-with-text-left {
	padding-right: 18px;
}
.wd-cross-button:after, .wd-cross-button:before {
	content: " ";
	position: absolute;
	top: 50%;
	display: inline-block;
	margin-top: -1px;
	width: 12px;
	height: 2px;
	background-color: #000;
	transition: background-color .2s ease-in-out,width .2s ease-in-out,-webkit-transform .2s ease-in-out;
	transition: background-color .2s ease-in-out,transform .2s ease-in-out,width .2s ease-in-out;
	transition: background-color .2s ease-in-out,transform .2s ease-in-out,width .2s ease-in-out,-webkit-transform .2s ease-in-out;
}
.wd-cross-button:before, .widget_layered_nav_filters ul li a:before, .woocommerce-remove-coupon:before, td.product-remove a:before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.wd-cross-button:after, .widget_layered_nav_filters ul li a:after, .woocommerce-remove-coupon:after, td.product-remove a:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.wd-cross-button.wd-with-text-left:after, .wd-cross-button.wd-with-text-left:before {
	right: 0;
}
.off-widget_shopping_cart {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
	position: relative;
	display: flex;
	flex: 1 1 auto;
	align-items: stretch;
	flex-direction: column;
}
.off-widget_shopping_filters {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
	position: relative;
	display: flex;
	flex: 1 1 auto;
	align-items: stretch;
	flex-direction: column;
}
.off-widget_mob_navigation_menu {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
	position: relative;
	display: flex;
	flex: 1 1 auto;
	align-items: stretch;
	flex-direction: column;
}
.off-widget_shopping_cart_content {
	display: flex;
	flex: 1 1 auto;
	align-items: stretch;
	flex-direction: column;
	justify-content: space-between;
}
.widget_shopping_cart_content {
	display: flex;
	flex: 1 1 auto;
	align-items: stretch;
	flex-direction: column;
	justify-content: space-between;
}
.widget_shopping_filters_content {
	display: flex;
	flex: 1 1 auto;
	align-items: stretch;
	flex-direction: column;
	justify-content: space-between;
}
.widget_mob_navigation_menu_content {
	display: flex;
	flex: 1 1 auto;
	align-items: stretch;
	flex-direction: column;
	justify-content: space-between;
}
.off-widget-scroll {
	position: relative;
	flex: 1 1 auto;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
.off-widget-scroll-content {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: auto;
	overflow-x: hidden;
	position: absolute;
	padding-right: 0;
	max-height: none;
}
.off-widget-scroll-content .woocommerce-mini-cart__total, .off-widget-scroll-content .woocommerce-mini-cart__buttons{
	display:none;
}
.off-widget-scroll-content .woocommerce-mini-cart {
	padding: 15px;
}

/*--------------------------------------------------------------
## OFF CANVAS CART CONTENT
--------------------------------------------------------------*/

.noesis-scroll {
	position: relative;
	flex: 1 1 auto;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
.off-widget_shopping_cart .noesis-scroll-content {
	position: absolute;
	padding-right: 0;
	max-height: none;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: auto;
	overflow-x: hidden;
	position: absolute;
	padding-right: 0;
	max-height: none;
}
.off-widget_shopping_filters .noesis-scroll-content {
	position: absolute;
	padding-right: 15px;
	padding-left: 15px;
	max-height: none;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: auto;
	overflow-x: hidden;
	position: absolute;
	padding-right: 15px;
	max-height: none;
}
.off-widget_mob_navigation_menu .noesis-scroll-content {
	position: absolute;
	padding-right: 15px;
	padding-left: 15px;
	max-height: none;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: auto;
	overflow-x: hidden;
	position: absolute;
	padding-right: 15px;
	max-height: none;
}
.off-widget_shopping_cart .product_list_widget {
	margin-bottom: 0;
	text-align: left;
	padding: 0px;
}
.woocommerce .off-widget_shopping_cart ul.product_list_widget .mini_cart_item {
	margin-bottom: 0;
	padding: 15px;
	transition: background-color .3s ease;
}
.off-widget_shopping_cart .mini_cart_item {
	position: relative;
	display: flex;
	align-items: flex-start;
	flex-direction: row;
}
.widget_shopping_cart_content .mini_cart_item {
	margin-bottom: 0;
	padding: 15px;
	transition: background-color .3s ease;
}
.product_list_widget>li>a {
	display: block;
	margin-bottom: 8px;
}
.off-widget_shopping_cart .cart-item-link {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	font-size: 0;
}
.off-widget_shopping_cart .mini_cart_item a {
	margin-bottom: 0;
}
.off-widget_shopping_cart .remove {
	position: absolute;
	top: 13px;
	right: 10px;
	z-index: 99999;
	margin-bottom: 0;
	padding-right: 0;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	color: rgba(0,0,0,.8);
	text-align: center;
	font-size: 21px;
	line-height: 20px;
}
.off-widget_shopping_cart .mini_cart_item a {
	margin-bottom: 0;
}
.cart-widget-side .off-widget_shopping_cart .remove {
	top: 13px;
	right: 10px;
}
.off-widget_shopping_cart .remove:after {
	font-weight: 700;
	font-size: 8px;
	content: "X";
	font-family: noesis-font;
	display: none;
}
.off-widget_shopping_cart .cart-item-image {
	position: relative;
	flex: 0 0 auto;
	overflow: hidden;
	margin-right: 15px;
}
.off-widget_shopping_cart .mini_cart_item a {
	margin-bottom: 0;
}
.product_list_widget>li img {
	float: left;
	margin-right: 15px;
	min-width: 65px;
	max-width: 65px;
	height: auto;
}
.off-widget_shopping_cart .cart-item-image img {
	float: none;
	margin-right: 0;
	transition: opacity .6s ease;
}
.off-widget_shopping_cart .cart-info {
	flex: 1 1 auto;
	padding-right: 20px;
}
.off-widget_shopping_cart .product-title {
	display: block;
	margin-bottom: 6px;
}
.off-widget_shopping_cart .product-title {
	transition: all .25s ease;
}
.product_list_widget>li .product-title {
	margin-bottom: 8px;
	font-size: 14px;
}
.off-widget_shopping_cart .quantity {
	display: inline-flex;
	vertical-align: top;
	white-space: nowrap;
	font-size: 0;
}
.off-widget_shopping_cart .quantity {
	display: block;
	color: #BBB;
	font-size: 13px;
}
.off-widget_shopping_cart .amount {
	font-weight: 600;
	font-size: 14px;
}
.shopping-cart-widget-footer {
	display: none;
}

/*--------------------------------------------------------------
## OFF CANVAS MOBILE MENU
--------------------------------------------------------------*/
.offcanvas-menu {
	margin-top: 0px;
}
.offcanvas-menu .offcanvas-close-menu svg{
	display: inline-block;
	fill: #000;
	vertical-align: middle;
	background: none;
	pointer-events: none;
	width: 15px;
	height: 15px;
	stroke-width: 1.5px;
}
.offcanvas-close-menu {
	position: relative;
	vertical-align: middle;
	line-height: 15px;
}
.offcanvas-menu .offcanvas-close-menu:before {
	position: absolute;
	content: '';
	top: -8px;
	right: -12px;
	left: -12px;
	bottom: -8px;
	transform: translateZ(0);
}
.navbar-collapse {
	display: block!important;
	height: auto!important;
	padding-bottom: 0;
	overflow: visible!important;
}
.noesis-scroll-content .navbar-collapse  {
	padding: 0px;
}
.off-widget_mob_navigation_menu .noesis-scroll-content {
	padding-left: 30px;
	padding-right: 30px;
}
.off-widget_mob_navigation_menu  .navbar-nav {
	margin: 0px;
}
.off-widget_mob_navigation_menu .main-mob-menu-item {
	border-bottom: 1px solid #d9d9d9;
	border-color: rgb(140 140 140 / 0.25); 
	overflow: hidden;
}
.off-widget_mob_navigation_menu .main-mob-menu-item a {
	display: block;
	position: relative;
	width: 100%;
	padding: 20px 0;
	text-align: left;
	cursor: pointer;
	text-transform: uppercase;
}
.off-widget_mob_navigation_menu .nav>li>a:focus, .off-widget_mob_navigation_menu .nav>li>a:hover {
	text-decoration: none;
	background-color: transparent;
}
.off-widget_mob_navigation_menu .main-mob-menu-item a .caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 0px;
	vertical-align: middle;
	border-top: 0px dashed;
	border-right: 0px solid transparent;
	border-left: 0px solid transparent;
	position: absolute;
	right: 0;
	top: calc(50% - (11px / 2));
	width: 11px;
	height: 11px;
}
.off-widget_mob_navigation_menu .main-mob-menu-item a .caret::before, .off-widget_mob_navigation_menu .main-mob-menu-item a .caret::after {
	position: absolute;
	content: '';
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(-90deg);
	background-color: currentColor;
	transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
}
.off-widget_mob_navigation_menu .main-mob-menu-item a .caret::before {
	width: 11px;
	height: 1px;
	opacity: 1;
}
.off-widget_mob_navigation_menu .main-mob-menu-item a .caret::after {
	width: 1px;
	height: 11px;
}
.off-widget_mob_navigation_menu .main-mob-menu-item.open a .caret::before, .off-widget_mob_navigation_menu .main-mob-menu-item.open a .caret::after {
	transform: translate(-50%, -50%) rotate(90deg);
}
.off-widget_mob_navigation_menu .main-mob-menu-item.open a .caret::before{
	opacity: 0;
}
.off-widget_mob_navigation_menu .dropdown-menu {
	display: block;
	height: 0;
	visibility: hidden;
	transition: height 0.35s ease-in-out, visibility 0s ease-in-out 0.35s;
	overflow: hidden;
	padding-bottom: 18px;
	margin-left: 16px;
}
.off-widget_mob_navigation_menu .main-mob-menu-item.open .dropdown-menu {
	visibility: visible;
	transition: height 0.35s ease-in-out;
	overflow:visible;
	height: auto;
}
.off-widget_mob_navigation_menu .navbar-nav .open .dropdown-menu>li>a {
	padding: 13px 0px 13px 0px;
	font-size: 13px;
}
.secondary-mob-menu-item-first {
	margin-top: 30px;
}
.secondary-mob-menu-item {
	margin-bottom: 18px;
	padding: 0px;
}
.secondary-mob-menu-item a {
	line-height: 21px;
	font-size: 13px;
}
.navbar-nav>.secondary-mob-menu-item>a {
	padding: 0px;
	color:#888;
	text-transform: none;
	font-size: 13px;
}
.off-widget_mob_navigation_menu {
	opacity: 0;
	transition: opacity 0.5s ease 0.25s, transform 0.5s ease 0.25s;
	transform: translateX(-65px);
}
.offcanvas-opened .off-widget_mob_navigation_menu {
	opacity: 1;
	transform: translateX(0);
	transition: opacity 0.5s ease 0.25s, transform 0.5s ease 0.25s;
}
.off-cart-header {
	opacity: 0;
	transition: opacity 0.5s ease 0.25s, transform 0.5s ease 0.25s;
	transform: translateX(-65px);
}
.offcanvas-opened .off-cart-header {
	opacity: 1;
	transform: translateX(0);
	transition: opacity 0.5s ease 0.25s, transform 0.5s ease 0.25s;
}
.off-menu-footer {
	opacity: 0;
	transform: translateY(45px);
	transition: opacity 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94),transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.offcanvas-opened .off-menu-footer {
	opacity: 1;
	transform: translateY(0);
	transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.45s,transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.45s;
}
.off-widget_mob_navigation_menu .navbar-nav>li {
	float: none;
	width: 100%;
}
.off-widget_mob_navigation_menu .navbar-nav {
	float: none;
	margin: 0;	
}

/*--------------------------------------------------------------
## Mobile Header
--------------------------------------------------------------*/
#mobileheader {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 15px 20px;
	background-color: #ffffff;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
	position: relative;
	z-index: 100;
}
.mobile-menu-icon {
	cursor: pointer;
	padding: 8px;
	display: flex;
	align-items: center;
	transition: opacity 0.2s ease;
}
.mobile-menu-icon:hover {
	opacity: 0.7;
}
.mobile-menu-icon svg {
	height: 16px;
	width: 24px;
	fill: #15191E;
}
.mobile-cart-icon {
	display: none !important;
}
.mobile-branding {
	flex: 1;
	text-align: left;
}
.mobile-branding img {
	max-width: 150px;
	height: auto;
	display: block;
}

/*--------------------------------------------------------------
## CART Page
--------------------------------------------------------------*/
.woocommerce table.shop_table {
	border: 0px solid rgba(0,0,0,.1);
	margin: 0 -1px 24px 0;
	text-align: left;
	width: 100%;
	border-collapse: separate;
	border-radius: 5px;
}
th.product-remove {
	width: 40px;
}
th.product-thumbnail {
	width: 10px;
}
th.product-name {
	text-align: left;
}
table th {
	padding: 15px 10px;
	border: none;
	border-bottom: 2px solid #EFEFEF;
	color: #2d2a2a;
	vertical-align: middle;
	text-align: left;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 16px;
	line-height: 1.2;
	font-family: 'GothamGreek-Bold';
}
.woocommerce table.shop_table td {
	padding: 15px 12px;
	border: none;
	border-bottom: 1px solid #E6E6E6;
	text-align: left;
	font-weight: inherit;
}
.shop_table tr td:last-child, .shop_table tr th:last-child {
	text-align: right;
}
td.product-remove {
	padding: 0;
	text-align: center;
}
@media (min-width: 768px) {
	.order-md-first {
		-ms-flex-order: -1;
		order: -1;
	}
}
.order-last {
	-ms-flex-order: 13;
	order: 13;
}
.cart-actions .coupon {
	display: flex;
	align-items: center;
	flex-direction: row;
}
.cart-actions .coupon label {
	display: none;
}
.cart-actions .coupon .input-text {
	margin-right: 10px;
	max-width: 230px;
}
.cart-actions input {
	padding: 0 15px;
	max-width: 100%;
	width: 100%;
	height: 42px;
	border: 2px solid rgba(129,129,129,.2);
	border-radius: 0;
	background-color: transparent;
	box-shadow: none;
	vertical-align: middle;
	font-size: 14px;
	transition: border-color .5s ease;
}
.woocommerce .cart-actions [type=submit]{
	padding: 12px 20px;
	font-size: 13px;
	line-height: 18px;
	background-color: #F3F3F3;
	color: #3E3E3E;
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	outline: 0;
	border-width: 0;
	border-style: solid;
	border-color: transparent;
	border-radius: 0;
	box-shadow: none;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: none;
	letter-spacing: .3px;
	font-weight: 600;
	cursor: pointer;
	transition: color .25s ease,background-color .25s ease,border-color .25s ease,box-shadow .25s ease,opacity .25s ease;
}
td.product-thumbnail>a {
	display: block;
	overflow: hidden;
}
td.product-thumbnail img {
	min-width: 80px;
	max-width: 80px;
}
.cart-actions.row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}
.woocommerce .cart-totals-inner {
	padding: 25px;
	border: 3px solid #EFEFEF;
}
.woocommerce .cart-totals-inner h2 {
	text-transform: uppercase;
	font-size: 22px;
	margin-bottom: 5px;
	padding-left: 6px;
	font-family: 'GothamGreek-Bold';
	margin-top: 0px;
}
.cart-subtotal th {
	border-bottom: 1px solid #E6E6E6;
	text-transform: none;
	font-size: 14px;
}
.woocommerce-shipping-totals th {
	border-bottom: 1px solid #E6E6E6;
	text-transform: none;
	font-size: 14px;
}
.cart-subtotal .woocommerce-Price-amount{
	color: #777;
}
.order-total .woocommerce-Price-amount {
	font-size: 16px;
	font-family: 'GothamGreek-Bold';
}
.woocommerce-remove-coupon, td.product-remove a {
	width: 30px;
	height: 30px;
	vertical-align: middle;
	font-size: 0;
	position: relative;
	display: inline-block;
	cursor: pointer;
	line-height: 30px;
}
@media (min-width: 769px) {
	.order-md-first {
		-ms-flex-order: -1;
		order: -1;
	}
	.order-md-last {
		-ms-flex-order: 13;
		order: 13;
	}
	.col-md-automa {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%;
	}
	.col-md-auto {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: none;
	}
}
@media (max-width: 991px) {
	/* Hide desktop header on tablet and mobile */
	#desktopheader {
		display: none !important;
	}
	
	/* Show mobile header on tablet and mobile */
	#mobileheader {
		display: flex !important;
	}
}

@media (max-width: 1024px) {
	.cart-content-wrapper .cart-data-form {
		margin-bottom: 40px;
		padding-top: 0;
	}
}
@media (max-width: 768px) {	
	.shop_table_responsive tbody, .shop_table_responsive tfoot, .shop_table_responsive tr {
		display: block;
	}
	.shop_table_responsive tr {
		position: relative;
		margin-bottom: 15px;
		padding-bottom: 15px;
		border-bottom: 1px solid rgba(129,129,129,.2);
	}
	.woocommerce-cart-form__contents tr {
		margin-bottom: 25px;
		padding-bottom: 25px;
		padding-left: 115px;
		min-height: 136px;
	}
	.shop_table_responsive tr:last-child {
		margin-bottom: 0;
	}
	.woocommerce-cart-form__contents td {
		display: flex;
		align-items: center;
		flex-direction: row;
		flex-wrap: wrap;
		margin-bottom: 5px;
		padding: 0;
	}
	.woocommerce-cart-form__contents td:not(:last-child) {
		border-bottom: 1px dashed rgba(129,129,129,.2);
	}
	.shop_table_responsive td {
		display: block;
		margin-bottom: 8px;
		padding: 0 0 8px;
		border-bottom: none;
		text-align: right;
	}
	.shop_table_responsive td:before {
		content: attr(data-title);
		float: left;
		padding-top: 3px;
		color: #2d2a2a;
		text-transform: uppercase;
		font-weight: 600;
		font-size: 12px;
	}

	.woocommerce-cart-form__contents td:before {
		flex: 1 1 auto;
		margin-bottom: 5px;
		padding-top: 0;
		text-align: left;
		font-size: 11px;
	}
	.group_table td>*, .woocommerce-cart-form__contents td>* {
		margin-bottom: 5px;
	}
	.woocommerce table.shop_table td.product-thumbnail {
		position: absolute;
		top: 0;
		left: 0;
		overflow: hidden;
		margin-bottom: 0;
		padding-bottom: 0;
		max-height: 115px;
		border-bottom: none;
	}
	.woocommerce-cart-form__contents td.product-thumbnail img {
		min-width: 100px;
		max-width: 100px;
	}
	.shop_table_responsive tbody, .shop_table_responsive tfoot, .shop_table_responsive tr {
		display: block;
	}
	.woocommerce #content table.cart .product-thumbnail, .woocommerce table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail {
		display: block;
	}
	.shop_table_responsive {
		display: block;
	}
	.shop_table_responsive th, .shop_table_responsive thead {
		display: none;
	}
	th.product-name {
		text-align: left;
	}
	td.product-name:before {
		display:none;
	}
	.woocommerce .woocommerce-cart-form__contents td.product-remove {
		position: absolute;
		top: -7px;
		right: -7px;
		z-index: 1;
		margin-bottom: 0;
		padding-bottom: 0;
		border: none;
	}
	.woocommerce .woocommerce-cart-form__contents td.product-name {
		margin-bottom: 0;
		padding-bottom: 0;
		border-bottom: none;
		text-align: left!important;
		padding: 15px 12px;
	}
	.woocommerce  .woocommerce-cart-form__contents td.product-name a {
		margin-bottom: 10px;
		padding-right: 30px;
	}
	.woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
		background-color: transparent;
	}
	.woocommerce table.shop_table td {
		padding: 4px 12px;
	}
	.order-first {
		-ms-flex-order: -1;
		order: -1;
	}
	.order-last {
		-ms-flex-order: 13;
		order: 13;
	}
	.cart-actions .button {
		width: 100%;
	}
	.woocommerce table.shop_table {
		margin-bottom: 40px;
	}
	.woocommerce .cart-actions button.button:disabled, .woocommerce .cart-actions button.button:disabled[disabled] {
		padding: 12px 20px;
	}
	.cart-actions .coupon {
		justify-content: center;
		margin-top: 30px;
		padding: 25px;
		border: 2px dashed rgba(129,129,129,.2);
	}
	.cart-actions .coupon {
		flex-direction: column;
	}
	.cart-actions .coupon .input-text {
		max-width: 100%;
		margin-right: 0px;
		margin-bottom: 10px;
	}
	.woocommerce .cart-totals-inner table.shop_table td {
		border-bottom: 0px solid #E6E6E6;
		margin-bottom: 0px;
	}
	body .select2-container, body .ui-widget.ui-datepicker {
		z-index: 99!important;
	}
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
	background-color: #6ca300;
	color: #fff;
	-webkit-font-smoothing: antialiased;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
	background-color: #83c305;
	color: #fff;
}
/*--------------------------------------------------------------
## Checkout Page
--------------------------------------------------------------*/
.noesis-table-wrapper {
	overflow-x: auto;
	margin-bottom: 20px;
	padding: 5px 15px;
	background-color: #FFF;
	box-shadow: 1px 1px 2px rgba(0,0,0,.05);
}
.woocommerce-terms-and-conditions-wrapper {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid;
}
input[type=radio], input[type=checkbox] {
	box-sizing: border-box;
	margin-top: 0;
	margin-right: 5px;
	padding: 0;
	vertical-align: middle;
}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
	position: relative;
	margin-top: 4px;
	margin-left: 0px;
}
.checkout-order-review, .woocommerce-order-pay .entry-content>.woocommerce {
	position: relative;
	margin-bottom: 40px;
	padding: 30px;
	background-color: #F8F8F8;
}
.woocommerce-checkout-review-order-table td, .woocommerce-checkout-review-order-table th {
	max-width: 50%;
	width: 50%;
}
th.product-name {
	text-align: left;
}
.shop_table tr td:last-child, .shop_table tr th:last-child {
	text-align: right;
}
.woocommerce-checkout-review-order-table td, .woocommerce-checkout-review-order-table th {
	max-width: 50%;
	width: 50%;
}
#add_payment_method #payment div.payment_box, .woocommerce-cart #add_payment_method #payment .payment_methods .payment_box {
	position: relative;
	margin-top: 15px;
	padding: 15px;
	background-color: #FFF;
	box-shadow: 1px 1px 2px rgba(0,0,0,.05);
}
#add_payment_method #payment div.payment_box, .woocommerce-cart #add_payment_method #payment .payment_methods .payment_box:before {
	position: absolute;
	top: -4px;
	left: 25px;
	color: #FFF;
	font-size: 32px;
	line-height: 0;
	content: "\f151";
	font-family: woodmart-font;
}
#add_payment_method #payment div.payment_box, .woocommerce-cart #add_payment_method #payment .payment_methods .payment_box p:last-child {
	margin-bottom: 0;
}
.checkout-order-review:after, .checkout-order-review:before, .woocommerce-order-pay .entry-content>.woocommerce:after, .woocommerce-order-pay .entry-content>.woocommerce:before {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 10px;
	background-color: transparent;
	background-image: radial-gradient(farthest-side,rgba(0,0,0,0) 6px,#f8f8f8 0);
	background-size: 15px 15px;
}
.checkout-order-review:before, .woocommerce-order-pay .entry-content>.woocommerce:before {
	top: -10px;
	background-position: -3px -5px,0 0;
}
#ship-to-different-address label {
	display: inline;
	margin: 0;
	margin-right: 5px;
	color: #2d2a2a;
}





@media (min-width: 1340px) and (max-width: 1500px) {
	.container.container-full {
		max-width: 1310px;
		max-width: 1290px;
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media (min-width: 1500px) and (max-width: 1600px) {
	.container.container-full {
		max-width: 1470px;
		max-width: 1310px;
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media (min-width: 1600px) {
	.container.container-full {
		max-width: 1570px;
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}
}


#desktopheader {
	border-bottom: 1px solid #d0d3d966;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.site-header-logo {
	padding: 0 43px 0 0;
}

.site-header-logo img {
	max-height: 50px;
}

.site-header-middle {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-top: 16px;
	padding-bottom: 16px
}

.navbar {
	position: relative;
	min-height: 50px;
	margin-bottom: 0px;
	border: 0px solid transparent;
}

.navbar-default {
	background-color: #fff;
	border-color: #fff;
}


.navbar-default {
	background-image: none;
	filter: none;
	background-repeat: repeat-x;
	border-radius: 0px;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.navbar-brand, .navbar-nav>li>a {
	text-shadow: none;
}

.navbar-default .navbar-nav>li>a {
	color: #000000;
	font-size:16px;
}

.navbar-default .navbar-nav .menu-cta-1 a {
	background-color: #163300;
	color: #fff;
	border-radius: 5px;
	margin-left:15px;
}


.topbar {
	padding: 12px 0;
	margin: 0;
	background-color: #36394c;
	background-color:#f1f1f1;
	position: relative;
}

.topbar ul {
	padding-left: 0;
	margin-bottom: 0;
	float: right;
	color:#fff;
}

.topbar ul li {
	display: inline-block;
	position: relative;
	padding-left: 7px;
	margin-right: 30px;
}

.topbar ul li a {
	color:#fff;	
	font-size: 14px;
}

.top-announcement {
	color:#000;
	font-size: 14px;
}


#solutions-section {
	background: #F3F3F7;
	padding-top:64px;
	padding-bottom:80px;
}
#solutions-section .heading-row {
	margin-bottom:64px;
}

.heading-row h3 {
	margin: 0px;
	color: #15191E;
	font-weight: 600;
	text-align: center;
	font-size: 48px;
	letter-spacing: -0.96px;
}

.solution-box img {
	border-radius: 12px;
	overflow: hidden;
	width:100%;
}

.solution-box h4 {
	font-size: 24px;
	color: #15191E;
	margin-top: 30px;
	font-weight: 600;
	margin-bottom:0px;
	letter-spacing: -0.48px;
}
.solution-box p {
	font-size:16px;
	color:#60646C;
	margin:0px;
	margin-top:10px;
	letter-spacing: -0.32px;
}

.solution-box a:hover {
	text-decoration:none;
}
.solution-box .more-arrow {
	display: inline-block;
	-webkit-transition: all .125s linear;
	transition: all .125s linear;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
	padding-left: 4px;
}
.solution-box .learnmore {
	color:#008f2b;
	margin-top: 24px;
	display: inline-block;
	font-size: 16px;
	font-weight:500;
}
.solution-box .learnmore:hover {
	color:#163300;
}
.solution-box .learnmore:hover .more-arrow {
	-webkit-transform: translateX(4px);
	-moz-transform: translateX(4px);
	-ms-transform: translateX(4px);
	transform: translateX(4px);
}


.numbers-box-wrapper {
	display: flex;
	align-items: flex-start;
	justify-content: unset;
	gap: 0px;
}
#numbers {
	padding-top: 80px;
	padding-bottom: 80px;
}
#numbers .heading-row {
	margin-bottom: 64px;
}
.numup {
	font-size: 87px;
	letter-spacing: -3px;
	color:#15191E;
}
.number-stat-box .colored {
	font-size: 87px;
	color:#008f2b;
}
.number-stat-box {
	flex: 1;
	text-align:center;
	padding: 20px;
}
.number-stat-box p.subtitle {
	width:100%;
	color:#15191E;
	margin-bottom:10px;
}
.number-stat-box p {
	color: #666666;
	font-size: 16px;
	max-width:320px;
	margin:0 auto;
}
.number-stat-box.center {
	border-left:1px solid #E9E9E9;
	border-right:1px solid #E9E9E9;
}
#faqs-section{
	padding-top: 80px;
	padding-bottom: 80px;
}
.faqs-heading {
	margin: 0px;
	color: #15191E;
	font-weight: 600;
	padding-right:0px;
	font-size: 48px;
	letter-spacing: -0.96px;
}
.faqs-description-sec {
	color: #666666;
	font-size: 16px;
	margin-top:30px;
	padding-right:0px;
}



.faq-accordion {
	margin-top: 0px;
}
.faq-item {
	border-radius: 10px;
	background-color: #F3F3F7;
	border: 1px solid #dbdbdf;
	width: 100%;
	max-width:100%;
	margin: 0 auto;
	margin-bottom: 15px;
	float: left;
}
.faq-header {
	padding: 20px;
	font-weight:600;
	position:relative;
	padding-right:50px;
}
.faq-content {
	padding: 20px;
	position:relative;
	display: none;
}
.faq-content p {
	color: #808080;
}
.faq-icon {
	position: absolute;
	right: 0;
	margin-right: 30px;
	top: 50%;
	transform: translate(0%, -50%);
}
.faq-icon svg {
	height: 13px;
	transform: rotate(0deg);
	transition: 0.4s;
}
.faq-item.expanded .faq-icon svg {
	height: 13px;
	transform: rotate(90deg);
	transition: 0.4s;
}

.faq-hidden {
	display: none;
}

.faq-view-more {
	text-align: center;
	margin-top: 30px;
}

.faq-expand-btn {
	display: inline-block;
	padding: 12px 28px;
	background-color: #ffffff;
	color: #008f2b;
	border: 2px solid #008f2b;
	border-radius: 8px;
	font-size: 15px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.3s ease;
	text-decoration: none;
}

.faq-expand-btn:hover {
	background-color: #008f2b;
	color: #ffffff;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0, 143, 43, 0.3);
}

.faq-divider {
	background: rgba(4, 20, 36, 0.15);
	width: calc(100% - 40px);
	height: 1px;
	position: absolute;
	top: 0px;
	left: 50%;
	transform: translate(-50%, 0%);
}

.faq-cat-head {
	color: #01010180;
	font-size: 16px;
	text-transform: uppercase;
	margin-bottom:20px;
	margin-top:20px;
	display:inline-block;
}

.faqs-image {
	margin-top: 60px;
	width: 100%;
	border-radius: 12px;
	overflow: hidden;
	height: 315px;
}

#blog-section {
	background: linear-gradient(180deg, #F8F3F0 0%, #ffffff 100%);
	padding-top: 80px;
	padding-bottom: 80px;
}

.blog-section-title {
	font-size: 36px;
	font-weight: 700;
	color: #15191E;
	letter-spacing: -0.72px;
	text-align: center;
	margin: 0;
	margin-bottom: 12px;
}

.blog-section-subtitle {
	font-size: 16px;
	color: #60646C;
	text-align: center;
	margin: 0;
	margin-bottom: 48px;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}

.blog-article-box {
	transition: transform 0.3s ease;
	margin-bottom: 32px;
}

.blog-article-box:hover {
	transform: translateY(-8px);
}

.blog-article-box a {
	text-decoration: none;
	display: block;
}

.blog-article-image {
	border-radius: 12px;
	overflow: hidden;
	width: 100%;
	margin-bottom: 20px;
	height: 220px;
	background-color: #F0F0F0;
}

.blog-article-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.blog-article-category {
	display: inline-block;
	background-color: #008f2b;
	color: #ffffff;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	padding: 4px 12px;
	border-radius: 12px;
	margin-bottom: 12px;
}

.blog-article-box h4 {
	font-size: 20px;
	color: #15191E;
	margin-top: 12px;
	margin-bottom: 12px;
	font-weight: 600;
	line-height: 1.3em;
	letter-spacing: -0.4px;
	min-height: 52px;
}

.blog-article-excerpt {
	color: #60646C;
	font-size: 14px;
	line-height: 1.6em;
	margin-bottom: 12px;
	min-height: 66px;
}

.blog-article-meta {
	color: #60646C;
	font-size: 13px;
	margin-bottom: 16px;
}

.blog-article-meta .meta-separator {
	color: #D0D0D0;
	margin: 0 4px;
}

.blog-article-box .read-article {
	color: #008f2b;
	font-size: 15px;
	font-weight: 500;
	display: inline-block;
	transition: color 0.2s ease;
}

.blog-article-box .read-article .more-arrow {
	display: inline-block;
	transition: all 0.125s linear;
	transform: translateX(0px);
}

.blog-article-box:hover .read-article {
	color: #163300;
}

.blog-article-box:hover .more-arrow {
	transform: translateX(4px);
}

.view-all-posts-btn {
	display: inline-block;
	padding: 14px 32px;
	background-color: #008f2b;
	color: #ffffff;
	font-size: 16px;
	font-weight: 500;
	border-radius: 8px;
	text-decoration: none;
	transition: all 0.3s ease;
	border: 2px solid #008f2b;
}

.view-all-posts-btn:hover {
	background-color: #163300;
	border-color: #163300;
	color: #ffffff;
	text-decoration: none;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0, 143, 43, 0.3);
}

/* ========================================
   Blog Archive & Listing Pages Styling
   ======================================== */

.archive-hero {
	background: linear-gradient(180deg, #F8F3F0 0%, #ffffff 100%);
	padding-top: 80px;
	padding-bottom: 60px;
	text-align: center;
}

.archive-header {
	max-width: 800px;
	margin: 0 auto;
}

.archive-title {
	font-size: 48px;
	font-weight: 700;
	color: #15191E;
	letter-spacing: -0.96px;
	margin: 0;
	margin-bottom: 16px;
}

.archive-description {
	font-size: 18px;
	color: #60646C;
	line-height: 1.6em;
	margin: 0;
}

.archive-description p {
	margin: 0;
}

.archive-content-section {
	padding-top: 80px;
	padding-bottom: 100px;
	background-color: #ffffff;
}

.archive-posts-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
	gap: 40px;
	margin-bottom: 60px;
}

.archive-post-card {
	background: #ffffff;
	border-radius: 12px;
	overflow: hidden;
	transition: all 0.3s ease;
	border: 1px solid #E5E5E5;
	margin: 0;
}

.archive-post-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
	border-color: #D0D0D0;
}

.archive-post-link {
	text-decoration: none;
	display: block;
	color: inherit;
}

.archive-post-link:hover {
	text-decoration: none;
}

.archive-post-image {
	width: 100%;
	height: 240px;
	overflow: hidden;
	background-color: #F0F0F0;
	position: relative;
}

.archive-post-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.3s ease;
}

.archive-post-card:hover .archive-post-image img {
	transform: scale(1.05);
}

.archive-post-content {
	padding: 28px;
}

.archive-post-category {
	display: inline-block;
	background-color: #008f2b;
	color: #ffffff;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	padding: 5px 14px;
	border-radius: 12px;
	margin-bottom: 16px;
}

.archive-post-title {
	font-size: 24px;
	font-weight: 600;
	color: #15191E;
	line-height: 1.3em;
	letter-spacing: -0.48px;
	margin: 0;
	margin-bottom: 14px;
	transition: color 0.2s ease;
}

.archive-post-card:hover .archive-post-title {
	color: #008f2b;
}

.archive-post-excerpt {
	color: #60646C;
	font-size: 15px;
	line-height: 1.6em;
	margin-bottom: 18px;
}

.archive-post-meta {
	color: #60646C;
	font-size: 13px;
	margin-bottom: 18px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
}

.archive-post-meta .meta-separator {
	color: #D0D0D0;
}

.read-more-link {
	color: #008f2b;
	font-size: 15px;
	font-weight: 500;
	display: inline-flex;
	align-items: center;
	transition: color 0.2s ease;
}

.read-more-link .more-arrow {
	display: inline-block;
	margin-left: 4px;
	transition: transform 0.125s linear;
}

.archive-post-card:hover .read-more-link {
	color: #163300;
}

.archive-post-card:hover .more-arrow {
	transform: translateX(4px);
}

/* Pagination Styling */

.archive-pagination,
.pagination {
	text-align: center;
	margin-top: 60px;
}

.archive-pagination .nav-links,
.pagination .nav-links {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}

.archive-pagination .page-numbers,
.pagination .page-numbers {
	display: inline-block;
	padding: 10px 18px;
	background-color: #ffffff;
	color: #60646C;
	border: 1px solid #E5E5E5;
	border-radius: 6px;
	text-decoration: none;
	font-size: 15px;
	font-weight: 500;
	transition: all 0.2s ease;
	min-width: 48px;
	text-align: center;
}

.archive-pagination .page-numbers:hover,
.pagination .page-numbers:hover {
	background-color: #F3F3F7;
	border-color: #D0D0D0;
	color: #15191E;
}

.archive-pagination .page-numbers.current,
.pagination .page-numbers.current {
	background-color: #008f2b;
	color: #ffffff;
	border-color: #008f2b;
}

.archive-pagination .page-numbers.prev,
.archive-pagination .page-numbers.next,
.pagination .page-numbers.prev,
.pagination .page-numbers.next {
	padding: 10px 24px;
}

.no-posts-found {
	text-align: center;
	padding: 80px 20px;
}

.no-posts-found h2 {
	font-size: 32px;
	color: #15191E;
	margin-bottom: 16px;
}

.no-posts-found p {
	font-size: 16px;
	color: #60646C;
	max-width: 500px;
	margin: 0 auto;
}

/* Responsive Styles for Blog Archive Pages */

@media (max-width: 768px) {
	.archive-hero {
		padding-top: 60px;
		padding-bottom: 40px;
	}
	
	.archive-title {
		font-size: 32px;
		letter-spacing: -0.64px;
	}
	
	.archive-description {
		font-size: 16px;
	}
	
	.archive-content-section {
		padding-top: 60px;
		padding-bottom: 80px;
	}
	
	.archive-posts-grid {
		grid-template-columns: 1fr;
		gap: 30px;
		margin-bottom: 40px;
	}
	
	.archive-post-content {
		padding: 20px;
	}
	
	.archive-post-title {
		font-size: 20px;
	}
	
	.archive-post-meta {
		flex-direction: column;
		align-items: flex-start;
		gap: 4px;
	}
	
	.archive-post-meta .meta-separator {
		display: none;
	}
}

/* ========================================
   Archive Page Styling
   ======================================== */

.archive-hero {
	background: linear-gradient(180deg, #F8F3F0 0%, #ffffff 100%);
	padding-top: 80px;
	padding-bottom: 60px;
	text-align: center;
}

.archive-header {
	max-width: 800px;
	margin: 0 auto;
}

.archive-title {
	font-size: 48px;
	font-weight: 700;
	color: #15191E;
	letter-spacing: -0.96px;
	margin: 0;
	margin-bottom: 16px;
}

.archive-description {
	font-size: 18px;
	color: #60646C;
	line-height: 1.6em;
	margin: 0;
}

.archive-content-section {
	padding-top: 80px;
	padding-bottom: 100px;
	background-color: #ffffff;
}

.archive-posts-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
	gap: 40px;
	margin-bottom: 60px;
}

.archive-post-card {
	background: #ffffff;
	border-radius: 12px;
	overflow: hidden;
	transition: all 0.3s ease;
	border: 1px solid #E5E5E5;
	margin: 0;
}

.archive-post-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
	border-color: #D0D0D0;
}

.archive-post-link {
	text-decoration: none;
	display: block;
	color: inherit;
}

.archive-post-link:hover {
	text-decoration: none;
}

.archive-post-image {
	width: 100%;
	height: 240px;
	overflow: hidden;
	background-color: #F0F0F0;
	position: relative;
}

.archive-post-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.3s ease;
}

.archive-post-card:hover .archive-post-image img {
	transform: scale(1.05);
}

.archive-post-content {
	padding: 28px;
}

.archive-post-category {
	display: inline-block;
	background-color: #008f2b;
	color: #ffffff;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	padding: 5px 14px;
	border-radius: 12px;
	margin-bottom: 16px;
}

.archive-post-title {
	font-size: 24px;
	font-weight: 600;
	color: #15191E;
	line-height: 1.3em;
	letter-spacing: -0.48px;
	margin: 0;
	margin-bottom: 14px;
	transition: color 0.2s ease;
}

.archive-post-card:hover .archive-post-title {
	color: #008f2b;
}

.archive-post-excerpt {
	color: #60646C;
	font-size: 15px;
	line-height: 1.6em;
	margin-bottom: 18px;
}

.archive-post-meta {
	color: #60646C;
	font-size: 13px;
	margin-bottom: 18px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
}

.archive-post-meta .meta-separator {
	color: #D0D0D0;
}

.read-more-link {
	color: #008f2b;
	font-size: 15px;
	font-weight: 500;
	display: inline-flex;
	align-items: center;
	transition: color 0.2s ease;
}

.read-more-link .more-arrow {
	display: inline-block;
	margin-left: 4px;
	transition: transform 0.125s linear;
}

.archive-post-card:hover .read-more-link {
	color: #163300;
}

.archive-post-card:hover .more-arrow {
	transform: translateX(4px);
}

/* Pagination Styling */

.archive-pagination,
.pagination {
	text-align: center;
	margin-top: 60px;
}

.archive-pagination .nav-links,
.pagination .nav-links {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}

.archive-pagination .page-numbers,
.pagination .page-numbers {
	display: inline-block;
	padding: 10px 18px;
	background-color: #ffffff;
	color: #60646C;
	border: 1px solid #E5E5E5;
	border-radius: 6px;
	text-decoration: none;
	font-size: 15px;
	font-weight: 500;
	transition: all 0.2s ease;
	min-width: 48px;
	text-align: center;
}

.archive-pagination .page-numbers:hover,
.pagination .page-numbers:hover {
	background-color: #F3F3F7;
	border-color: #D0D0D0;
	color: #15191E;
}

.archive-pagination .page-numbers.current,
.pagination .page-numbers.current {
	background-color: #008f2b;
	color: #ffffff;
	border-color: #008f2b;
}

.archive-pagination .page-numbers.prev,
.archive-pagination .page-numbers.next,
.pagination .page-numbers.prev,
.pagination .page-numbers.next {
	padding: 10px 24px;
}

.no-posts-found {
	text-align: center;
	padding: 80px 20px;
}

.no-posts-found h2 {
	font-size: 32px;
	color: #15191E;
	margin-bottom: 16px;
}

.no-posts-found p {
	font-size: 16px;
	color: #60646C;
	max-width: 500px;
	margin: 0 auto;
}

/* Read More Button for content.php */

.read-more-btn {
	display: inline-block;
	color: #008f2b;
	font-size: 15px;
	font-weight: 500;
	text-decoration: none;
	margin-top: 12px;
	transition: color 0.2s ease;
}

.read-more-btn:hover {
	color: #163300;
	text-decoration: none;
}

/* Responsive Styles for Archive Page */

@media (max-width: 768px) {
	.archive-hero {
		padding-top: 60px;
		padding-bottom: 40px;
	}
	
	.archive-title {
		font-size: 32px;
		letter-spacing: -0.64px;
	}
	
	.archive-description {
		font-size: 16px;
	}
	
	.archive-content-section {
		padding-top: 60px;
		padding-bottom: 80px;
	}
	
	.archive-posts-grid {
		grid-template-columns: 1fr;
		gap: 30px;
		margin-bottom: 40px;
	}
	
	.archive-post-content {
		padding: 20px;
	}
	
	.archive-post-title {
		font-size: 20px;
	}
	
	.archive-post-meta {
		flex-direction: column;
		align-items: flex-start;
		gap: 4px;
	}
	
	.archive-post-meta .meta-separator {
		display: none;
	}
}

#features-section {
	padding-top: 80px;
	padding-bottom: 80px;
}
.feature-box {
	display: flex;
	gap: 70px;
	margin-bottom:108px;
}
.feature-box.reverse-layout {
	flex-direction: row;
}
.feature-content {
	flex: 1;
	    align-content: center;
}
.feature-visual {
	flex: 1;
}
.feature-content h3 {
	font-size: 36px;
	letter-spacing: -0.64px;
	color: #15191E;
	margin:0px;
	font-weight: 700;
	margin-bottom:10px;
}
.feature-content h3 span {
	color: #008f2b;
	margin-right: 10px;
}

.feature-content p {
	color: #666666;
	font-size: 16px;
	margin-top: 25px;
	    margin-bottom: 40px;
}
.feature-icon {
	background-color:#008f2b;
    padding: 14px;
	width:48px;
	height:48px;
	margin-bottom:30px;
	border-radius: 7px;
}
.visual-back {
	background-color: #F0F0F0;
	height:400px;
	border-radius: 12px;
}

.hero-homez {
    background: radial-gradient(100% 100% at 50% 0%, #416a59 0%, #163300 100%);
    padding-top: 85px;
    padding-bottom: 0px;
}
.hero-home {
	    min-height: 400px;
    padding-top: 80px;
    padding-bottom: 130px;
    background-image: url('https://sharedworks.pro/wp-content/uploads/2026/02/retrofit-reimagined-back-1.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #416a59;
}
.hero-home h1 {
	font-size:70px;
font-weight:700;
	color:#fff;
	text-align:center;
}
.hero-home p {
	    color: #FFFFFF;
    max-width: 621px;
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    margin-top: 25px;
}
.hero-wrong-place {
	color:#c4c4c4;
	text-align:center;
	margin-top:30px;
}
.hero-wrong-place a {
	text-decoration:underline;
	color:#c4c4c4;
}
.hero-image-welcome {
	width:100%;
	margin-top:0px;
}
.form-owner {
	    width: 500px;
	    margin: 0 auto;
    margin-top: 35px;
}
.form-owner-inner {
	    color: #6F737B;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 8px;
    background-color: #FFFFFF;
    gap: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
    padding-top: 0;
    padding-right: 12px;
    padding-bottom: 0;
    padding-left: 12px;
    -webkit-transition: border-color, undefined;
    transition: border-color, undefined;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(66, 87, 138, 0.15);
}

.form-owner-inner input {
	    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 38px;
    padding-top: 1px;
    padding-right: 1px;
    padding-bottom: 1px;
    padding-left: 1px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: -0.35000000000000003px;
    padding-top: 8px;
    padding-bottom: 8px;
    color: #15191E;
    border: 0;
    height: 100%;
    width: 100%;
    background-color: unset;
    text-overflow: ellipsis;
	border:none;
	outline:none;
}


.form-owner-inner .buttonfrm {
	display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    background-color: transparent;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    border: none;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-decoration: none;
    text-decoration: none;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 12px;
    padding-right: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-radius: 5px;
    color: #15191E;
    background-color: #FFFFFF;
    height: 40px;
    min-width: 88px;
    -webkit-transition: background-color undefined,box-shadow undefined;
    transition: background-color undefined,box-shadow undefined;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(66, 87, 138, 0.15);
    color: #FFFFFF;
    background-color: #008f2b;
    padding-left: 16px;
    padding-right: 16px;
    margin: 8px;
	    margin-right: -2px;
}


#herosectiontall {
    padding: 300px 0px 100px 0px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    margin-bottom: 30px;
}
.herosection-overlay {
	height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
	background: linear-gradient(10deg, rgb(9 9 10) 13%, rgb(28 28 28 / 67%) 43%, rgb(27 34 52 / 0%) 100%);
	mix-blend-mode: multiply;
    opacity: 0.5;
	height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0.4;
}
#herosectiontall .entry-title {
	    margin-bottom: 17px;
    font-size: 45px;
    line-height: 1.22em;
    text-align: left;
    color: #fff;
}
.hero-title {
	    position: relative;
    z-index: 9;
}
.hero-breadcrumbs {
	    text-align: left;
	color:#e5e5e5;
}
.hero-breadcrumbs a {
	color:#e5e5e5;
	text-decoration:none;
}


.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #008f2b;
    background-color: #fff;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.open>a {
    background-image: none;
    filter: none;
    background-repeat: repeat-x;
    -webkit-box-shadow:  none;
    box-shadow: none;
}

/*--------------------------------------------------------------
## Footer Styles
--------------------------------------------------------------*/
.site-footer {
	background-color: #15191E;
	color: #B8BCC2;
	padding-top: 80px;
	padding-bottom: 30px;
}

.footer-main {
	margin-bottom: 50px;
}

.footer-column {
	margin-bottom: 30px;
}

.footer-logo-section .footer-logo {
	max-height: 50px;
	margin-bottom: 20px;
	display: block;
}

.footer-description {
	font-size: 14px;
	line-height: 1.6;
	color: #9CA0A6;
	margin-top: 15px;
}

.footer-widget-title {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 20px;
	margin-top: 0;
	text-transform: none;
	letter-spacing: -0.32px;
}

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

.footer-menu li {
	margin-bottom: 12px;
}

.footer-menu li a {
	color: #9CA0A6;
	text-decoration: none;
	font-size: 14px;
	line-height: 1.5;
	transition: color 0.3s ease;
}

.footer-menu li a:hover {
	color: #008f2b;
	text-decoration: none;
}

#footer-bottom {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	padding-top: 30px;
	margin-top: 30px;
}

.footer-bottom-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 20px;
}

.footer-copyright p {
	margin: 0;
	font-size: 14px;
	color: #9CA0A6;
}

.footer-legal-links ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	gap: 25px;
	flex-wrap: wrap;
}

.footer-legal-links ul li {
	display: inline-block;
}

.footer-legal-links ul li a {
	color: #9CA0A6;
	text-decoration: none;
	font-size: 14px;
	transition: color 0.3s ease;
}

.footer-legal-links ul li a:hover {
	color: #008f2b;
}

.footer-social-links ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	gap: 15px;
}

.footer-social-links ul li {
	display: inline-block;
}

.footer-social-links ul li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.08);
	color: #9CA0A6;
	transition: all 0.3s ease;
}

.footer-social-links ul li a:hover {
	background-color: #008f2b;
	color: #FFFFFF;
}

.footer-social-links ul li a svg {
	width: 18px;
	height: 18px;
}

/* Responsive Footer Styles */
@media (max-width: 991px) {
	.site-footer {
		padding-top: 60px;
	}
	
	.footer-main {
		margin-bottom: 40px;
	}
	
	.footer-column {
		margin-bottom: 40px;
	}
}

@media (max-width: 767px) {
	.site-footer {
		padding-top: 50px;
	}
	
	.footer-bottom-inner {
		flex-direction: column;
		align-items: flex-start;
		text-align: left;
	}
	
	.footer-legal-links {
		order: 2;
		width: 100%;
	}
	
	.footer-legal-links ul {
		flex-direction: column;
		gap: 15px;
	}
	
	.footer-social-links {
		order: 3;
		width: 100%;
	}
	
	.footer-copyright {
		order: 1;
		width: 100%;
		margin-bottom: 20px;
	}
}

/* ========================================
   Blog Post Single Page Styling
   ======================================== */

.single-post-hero {
	background: linear-gradient(180deg, #F8F3F0 0%, #ffffff 100%);
	padding-top: 60px;
	padding-bottom: 60px;
}

.single-post-header {
	text-align: center;
}

.post-category {
	display: inline-block;
	background-color: #008f2b;
	color: #ffffff;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	padding: 6px 16px;
	border-radius: 20px;
	margin-bottom: 24px;
}

.single-post-title {
	font-size: 48px;
	font-weight: 700;
	color: #15191E;
	line-height: 1.2em;
	letter-spacing: -0.96px;
	margin: 0;
	margin-bottom: 24px;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}

.post-meta-info {
	color: #60646C;
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}

.meta-separator {
	color: #D0D0D0;
}

.single-post-wrapper {
	padding-top: 60px;
	padding-bottom: 80px;
	background-color: #ffffff;
}

.single-post-content {
	background-color: #ffffff;
}

.post-featured-image {
	margin-bottom: 48px;
	border-radius: 12px;
	overflow: hidden;
}

.post-featured-image img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 12px;
}

.post-content-body {
	color: #15191E;
	font-size: 18px;
	line-height: 1.7em;
	letter-spacing: -0.36px;
}

.post-content-body p {
	margin-bottom: 24px;
	color: #15191E;
}

.post-content-body h2 {
	font-size: 36px;
	font-weight: 700;
	color: #15191E;
	margin-top: 48px;
	margin-bottom: 24px;
	letter-spacing: -0.72px;
}

.post-content-body h3 {
	font-size: 28px;
	font-weight: 600;
	color: #15191E;
	margin-top: 40px;
	margin-bottom: 20px;
	letter-spacing: -0.56px;
}

.post-content-body h4 {
	font-size: 22px;
	font-weight: 600;
	color: #15191E;
	margin-top: 32px;
	margin-bottom: 16px;
}

.post-content-body ul,
.post-content-body ol {
	margin-bottom: 24px;
	padding-left: 24px;
}

.post-content-body li {
	margin-bottom: 12px;
	color: #15191E;
}

.post-content-body a {
	color: #008f2b;
	text-decoration: underline;
	transition: color 0.2s ease;
}

.post-content-body a:hover {
	color: #163300;
	text-decoration: none;
}

.post-content-body blockquote {
	border-left: 4px solid #008f2b;
	padding-left: 24px;
	margin: 32px 0;
	font-style: italic;
	color: #60646C;
	font-size: 20px;
}

.post-content-body img {
	max-width: 100%;
	height: auto;
	border-radius: 12px;
	margin: 32px 0;
}

.post-content-body pre {
	background-color: #F3F3F7;
	border-radius: 8px;
	padding: 20px;
	overflow-x: auto;
	margin: 24px 0;
}

.post-content-body code {
	background-color: #F3F3F7;
	padding: 2px 6px;
	border-radius: 4px;
	font-size: 16px;
}

.post-content-body .page-links {
	margin: 32px 0;
	padding: 20px;
	background-color: #F3F3F7;
	border-radius: 8px;
	text-align: center;
}

.post-content-body .page-links a {
	display: inline-block;
	padding: 8px 16px;
	margin: 0 4px;
	background-color: #ffffff;
	color: #008f2b;
	border-radius: 6px;
	text-decoration: none;
	font-weight: 500;
	transition: all 0.2s ease;
}

.post-content-body .page-links a:hover {
	background-color: #008f2b;
	color: #ffffff;
}

.post-content-body .page-links > span {
	display: inline-block;
	padding: 8px 16px;
	margin: 0 4px;
}

.post-tags {
	margin-top: 48px;
	padding-top: 32px;
	border-top: 1px solid #E5E5E5;
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.post-tag {
	display: inline-block;
	background-color: #F3F3F7;
	color: #60646C;
	font-size: 14px;
	padding: 8px 16px;
	border-radius: 6px;
	text-decoration: none;
	transition: all 0.2s ease;
}

.post-tag:hover {
	background-color: #008f2b;
	color: #ffffff;
	text-decoration: none;
}

/* Related Articles Section */

.related-articles-section {
	background-color: #F3F3F7;
	padding-top: 80px;
	padding-bottom: 80px;
}

.related-articles-title {
	font-size: 36px;
	font-weight: 700;
	color: #15191E;
	letter-spacing: -0.72px;
	text-align: center;
	margin: 0;
	margin-bottom: 48px;
}

.related-article-box {
	transition: transform 0.3s ease;
}

.related-article-box:hover {
	transform: translateY(-8px);
}

.related-article-box a {
	text-decoration: none;
	display: block;
}

.related-article-image {
	border-radius: 12px;
	overflow: hidden;
	width: 100%;
	margin-bottom: 20px;
	height: 220px;
	background-color: #F0F0F0;
}

.related-article-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.related-article-category {
	display: inline-block;
	background-color: #008f2b;
	color: #ffffff;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	padding: 4px 12px;
	border-radius: 12px;
	margin-bottom: 12px;
}

.related-article-box h4 {
	font-size: 20px;
	color: #15191E;
	margin-top: 12px;
	margin-bottom: 12px;
	font-weight: 600;
	line-height: 1.3em;
	letter-spacing: -0.4px;
}

.related-article-meta {
	color: #60646C;
	font-size: 13px;
	margin-bottom: 16px;
}

.related-article-meta .meta-separator {
	color: #D0D0D0;
	margin: 0 4px;
}

.read-article {
	color: #008f2b;
	font-size: 15px;
	font-weight: 500;
	display: inline-block;
	transition: color 0.2s ease;
}

.read-article .more-arrow {
	display: inline-block;
	transition: all 0.125s linear;
	transform: translateX(0px);
}

.related-article-box:hover .read-article {
	color: #163300;
}

.related-article-box:hover .more-arrow {
	transform: translateX(4px);
}

/* Comments Section */

.single-post-comments {
	background-color: #ffffff;
	padding-top: 60px;
	padding-bottom: 80px;
}

/* Responsive Styles for Blog Posts */

@media (max-width: 768px) {
	.single-post-hero {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	
	.single-post-title {
		font-size: 32px;
		letter-spacing: -0.64px;
	}
	
	.post-meta-info {
		flex-direction: column;
		gap: 4px;
	}
	
	.meta-separator {
		display: none;
	}
	
	.single-post-wrapper {
		padding-top: 40px;
		padding-bottom: 60px;
	}
	
	.post-content-body {
		font-size: 16px;
	}
	
	.post-content-body h2 {
		font-size: 28px;
		margin-top: 32px;
	}
	
	.post-content-body h3 {
		font-size: 22px;
		margin-top: 28px;
	}
	
	.related-articles-section {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	
	.related-articles-title {
		font-size: 28px;
		margin-bottom: 32px;
	}
	
	.related-article-box {
		margin-bottom: 32px;
	}
	
	#blog-section {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	
	.blog-section-title {
		font-size: 28px;
		margin-bottom: 10px;
	}
	
	.blog-section-subtitle {
		font-size: 14px;
		margin-bottom: 32px;
	}
	
	.blog-article-box {
		margin-bottom: 32px;
	}
	
	.blog-article-box h4 {
		min-height: auto;
	}
	
	.blog-article-excerpt {
		min-height: auto;
	}
}

/* ========================================
   Contact Form 7 Styling
   ======================================== */

.wpcf7 {
	max-width: 700px;
	margin: 0 auto;
}

.wpcf7-form {
	padding: 0;
}

.wpcf7-form p {
	margin-bottom: 20px;
}

.wpcf7-form label {
	display: block;
	font-size: 14px;
	font-weight: 500;
	color: #15191E;
	margin-bottom: 8px;
	letter-spacing: -0.28px;
}

.wpcf7-form-control-wrap {
	display: block;
	position: relative;
}

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="url"],
.wpcf7-form input[type="number"],
.wpcf7-form input[type="date"],
.wpcf7-form select,
.wpcf7-form textarea {
	width: 100%;
	padding: 14px 18px;
	font-size: 15px;
	line-height: 1.5;
	color: #15191E;
	background-color: #ffffff;
	border: 1px solid #E5E5E5;
	border-radius: 8px;
	transition: all 0.2s ease;
	font-family: inherit;
}

.wpcf7-form input[type="text"]:focus,
.wpcf7-form input[type="email"]:focus,
.wpcf7-form input[type="tel"]:focus,
.wpcf7-form input[type="url"]:focus,
.wpcf7-form input[type="number"]:focus,
.wpcf7-form input[type="date"]:focus,
.wpcf7-form select:focus,
.wpcf7-form textarea:focus {
	outline: none;
	border-color: #008f2b;
	box-shadow: 0 0 0 3px rgba(0, 143, 43, 0.1);
}

.wpcf7-form input[type="text"]::placeholder,
.wpcf7-form input[type="email"]::placeholder,
.wpcf7-form input[type="tel"]::placeholder,
.wpcf7-form input[type="url"]::placeholder,
.wpcf7-form textarea::placeholder {
	color: #A0A0A0;
}

.wpcf7-form textarea {
	min-height: 150px;
	resize: vertical;
}

.wpcf7-form input[type="checkbox"],
.wpcf7-form input[type="radio"] {
	margin-right: 8px;
	width: 18px;
	height: 18px;
	accent-color: #008f2b;
}

.wpcf7-form .wpcf7-list-item {
	margin: 0;
	margin-bottom: 10px;
}

.wpcf7-form .wpcf7-list-item-label {
	font-size: 14px;
	color: #15191E;
}

.wpcf7-form input[type="submit"],
.wpcf7-form button[type="submit"] {
	display: inline-block;
	padding: 14px 32px;
	background-color: #008f2b;
	color: #ffffff;
	font-size: 16px;
	font-weight: 500;
	border: 2px solid #008f2b;
	border-radius: 8px;
	cursor: pointer;
	transition: all 0.3s ease;
	text-decoration: none;
	width: auto;
	min-width: 200px;
}

.wpcf7-form input[type="submit"]:hover,
.wpcf7-form button[type="submit"]:hover {
	background-color: #163300;
	border-color: #163300;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0, 143, 43, 0.3);
}

.wpcf7-form input[type="submit"]:active,
.wpcf7-form button[type="submit"]:active {
	transform: translateY(0);
}

/* Center submit button */
.wpcf7-form p:has(input[type="submit"]),
.wpcf7-form p:has(button[type="submit"]) {
	text-align: center;
	margin-top: 30px;
}

/* Validation messages */
.wpcf7-not-valid-tip {
	color: #dc3545;
	font-size: 13px;
	margin-top: 6px;
	display: block;
}

.wpcf7-form input.wpcf7-not-valid,
.wpcf7-form textarea.wpcf7-not-valid,
.wpcf7-form select.wpcf7-not-valid {
	border-color: #dc3545;
}

.wpcf7-response-output {
	margin: 20px 0;
	padding: 15px 20px;
	border-radius: 8px;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
}

.wpcf7-mail-sent-ok {
	background-color: #d4edda;
	border: 1px solid #c3e6cb;
	color: #155724;
}

.wpcf7-mail-sent-ng,
.wpcf7-aborted {
	background-color: #f8d7da;
	border: 1px solid #f5c6cb;
	color: #721c24;
}

.wpcf7-validation-errors {
	background-color: #fff3cd;
	border: 1px solid #ffeaa7;
	color: #856404;
}

.wpcf7-spam-blocked {
	background-color: #f8d7da;
	border: 1px solid #f5c6cb;
	color: #721c24;
}

/* Loading spinner */
.wpcf7-spinner {
	margin-left: 15px;
	vertical-align: middle;
}

/* File upload */
.wpcf7-form input[type="file"] {
	padding: 10px;
	font-size: 14px;
}

/* Select dropdown arrow */
.wpcf7-form select {
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2315191E' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 15px center;
	padding-right: 40px;
}

/* Responsive */
@media (max-width: 768px) {
	.wpcf7 {
		max-width: 100%;
		padding: 0 20px;
	}
	
	.wpcf7-form input[type="text"],
	.wpcf7-form input[type="email"],
	.wpcf7-form input[type="tel"],
	.wpcf7-form input[type="url"],
	.wpcf7-form input[type="number"],
	.wpcf7-form input[type="date"],
	.wpcf7-form select,
	.wpcf7-form textarea {
		font-size: 16px; /* Prevents zoom on iOS */
	}
	
	.wpcf7-form input[type="submit"],
	.wpcf7-form button[type="submit"] {
		width: 100%;
		min-width: auto;
	}
	
	/* Features Section Responsive */
	#features-section {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	
	.feature-box {
		flex-direction: column !important;
		gap: 30px;
		margin-bottom: 60px;
	}
	
	.feature-box.reverse-layout {
		flex-direction: column !important;
	}
	
	.feature-content h3 {
		font-size: 28px;
		letter-spacing: -0.56px;
	}
	
	.feature-content p {
		font-size: 15px;
		margin-top: 15px;
		margin-bottom: 25px;
	}
	
	.visual-back {
		height: 250px;
	}
	
	/* Numbers/Stats Section Responsive */
	#numbers {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	
	#numbers .heading-row {
		margin-bottom: 40px;
	}
	
	.numbers-box-wrapper {
		flex-direction: column;
		gap: 40px;
	}
	
	.number-stat-box {
		width: 100% !important;
		padding: 30px 20px;
		text-align: center;
	}
	
	.number-stat-box.center {
		margin: 0;
	}
	
	.number-stat-box span.numup,
	.number-stat-box .colored {
		font-size: 48px;
	}
	
	.number-stat-box p {
		font-size: 14px;
	}
	
	.number-stat-box .subtitle {
		font-size: 16px;
	}
	
	/* Hide desktop topbar on mobile */
	.topbar {
		display: none !important;
	}
	
	/* Ensure mobile header is visible */
	#desktopheader {
		display: none !important;
	}
	
	/* Mobile Menu Styling to Match Desktop */
	.offcanvas-menu {
		background-color: #ffffff;
		width: 300px;
	}
	
	.offcanvas-menu .off-cart-header {
		padding: 20px;
		background-color: #f8f8f8;
		border-bottom: 1px solid #E5E5E5;
	}
	
	.offcanvas-close-menu {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		padding: 8px;
		cursor: pointer;
	}
	
	.offcanvas-close-menu svg {
		width: 20px;
		height: 20px;
		stroke: #15191E;
		stroke-width: 2px;
	}
	
	.offcanvas-menu #main-mobile-menu li a,
	.offcanvas-menu .nav li a {
		font-size: 16px;
		font-weight: 500;
		color: #15191E;
		padding: 15px 20px;
		display: block;
		text-decoration: none;
		border-bottom: 1px solid #f0f0f0;
		transition: all 0.2s ease;
	}
	
	.offcanvas-menu #main-mobile-menu li a:hover,
	.offcanvas-menu .nav li a:hover {
		color: #008f2b;
		background-color: #f8f8f8;
		padding-left: 25px;
	}
	
	.offcanvas-menu #main-mobile-menu,
	.offcanvas-menu .nav {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	
	.offcanvas-menu #main-mobile-menu li,
	.offcanvas-menu .nav li {
		margin: 0;
		padding: 0;
	}
	
	.offcanvas-menu .navbar-collapse {
		padding: 0;
	}
	
	.offcanvas-close-side {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(0, 0, 0, 0.5);
		z-index: 999;
		opacity: 0;
		visibility: hidden;
		transition: all 0.3s ease;
	}
	
	.offcanvas-close-side.offcanvas-close-side-opened {
		opacity: 1;
		visibility: visible;
	}
}

/* ================================
   Testimonials Styling
   ================================ */

.testimonials-container {
	width: 100%;
	margin: 40px 0;
}

.testimonials-row {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	align-items: stretch;
}

.testimonial-item {
	display: flex;
	flex-direction: column;
	padding: 0 15px;
	box-sizing: border-box;
}

/* Width Options */
.testimonial-width-full {
	flex: 0 0 100%;
	max-width: 100%;
}

.testimonial-width-half {
	flex: 0 0 calc(50% - 15px);
	max-width: calc(50% - 15px);
}

.testimonial-width-third {
	flex: 0 0 calc(33.333% - 20px);
	max-width: calc(33.333% - 20px);
}

.testimonial-content {
	background: #ffffff;
	padding: 40px 30px;
	border-radius: 8px;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	height: 100%;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}



.testimonial-text {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.6;
	color: #15191E;
	margin-bottom: 30px;
}

.testimonial-text p {
	margin: 0;
	font-size: 20px;
	font-weight: 700;
}

.testimonial-image {
	margin-bottom: 20px;
	width: 120px;
	height: 120px;
	overflow: hidden;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.testimonial-image img {
	width: 120px;
	height: 120px;
	object-fit: cover;
	border-radius: 50%;
}

.testimonial-person {
	font-size: 20px;
	font-style: italic;
	font-weight: 400;
	color: #60646C;
	margin: 0;
}

/* Responsive Testimonials */
@media (max-width: 991px) {
	.testimonial-width-half,
	.testimonial-width-third {
		flex: 0 0 calc(50% - 15px);
		max-width: calc(50% - 15px);
	}
}

@media (max-width: 767px) {
	.testimonials-row {
		gap: 20px;
	}
	
	.testimonial-width-full,
	.testimonial-width-half,
	.testimonial-width-third {
		flex: 0 0 100%;
		max-width: 100%;
	}
	
	.testimonial-content {
		padding: 30px 20px;
	}
	
	.testimonial-text {
		font-size: 18px;
		margin-bottom: 25px;
	}
	
	.testimonial-text p {
		font-size: 18px;
	}
	
	.testimonial-image {
		width: 100px;
		height: 100px;
		margin-bottom: 15px;
	}
	
	.testimonial-image img {
		width: 100px;
		height: 100px;
	}
	
	.testimonial-person {
		font-size: 18px;
	}
}
