@charset "UTF-8";

/*
Theme Name:flexneat
Theme URI: https://wordpress.org/themes/flexneat/
Author: the WordPress team
Author URI: https://wordpress.org/
Description:flexneat is a blank canvas for your ideas and it flexneates the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See howflexneat elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 6.6
Requires PHP: 5.6
Version: 2.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:flexneat
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog, portfolio

flexneat WordPress Theme, (C) 2020 WordPress.org */

body #content .project-grid .vc_grid .vc_pageable-slide-wrapper{display:flex; flex-wrap:wrap; justify-content:center; gap:1rem;}
body #content .project-grid .vc_grid .vc_pageable-slide-wrapper .vc_grid-item {flex:0 0 30%;}
body #content .project-grid .vc_grid .vc_pageable-slide-wrapper .vc_grid-item .vc_gitem-zone-mini{padding:1rem; border-radius:1rem; border: 1px solid rgba(255, 255, 255, 0.7); border-radius: 15px;}
body #content .project-grid .vc_grid .vc_pageable-slide-wrapper .vc_grid-item .vc_gitem-zone-mini .vc_gitem-row-position-top , body #content .project-grid .vc_grid .vc_pageable-slide-wrapper .vc_grid-item .vc_gitem-zone-mini .vc_gitem-row-position-middle{padding:0;} 
body #content .project-grid .vc_grid .vc_pageable-slide-wrapper .vc_grid-item .vc_gitem-zone-mini .post-img img{width:100%; height:auto; aspect-ratio:1.5 / 1; object-fit:cover;}
body #content .project-grid .vc_grid .vc_pageable-slide-wrapper .vc_grid-item .vc_gitem-zone-mini .post-title p{font-family: var(--global-font-family-2); text-align: center; font-size: 1.2rem; font-weight: 400; color: #0E2232; margin:1rem 0; padding: 0;}
body #content .home-project > .wpb_column > .vc_column-inner > .wpb_wrapper {background:#E3E3E3; border-radius:15px; transition:all 0.6s; padding:1rem;}
body #content .home-project > .wpb_column > .vc_column-inner > .wpb_wrapper:hover{color: #fff; background: #0E2232 !important;}
body #content .home-project > .wpb_column > .vc_column-inner > .wpb_wrapper .full-img img{transform:scale(1.05); transition:all 0.6s;}
body #content .home-project > .wpb_column > .vc_column-inner > .wpb_wrapper .full-img img{border-radius:15px;}
body #content .home-project > .wpb_column > .vc_column-inner > .wpb_wrapper .main-head{margin:1rem 0 0 0;}
body #content .home-project > .wpb_column > .vc_column-inner > .wpb_wrapper:hover .main-head{color:#fff !important;}
body #content .img-grid .wpb_image_grid_ul{display: flex; gap: 1rem; flex-wrap: wrap; justify-content: center; height: 100% !important;}
body #content .img-grid .wpb_image_grid_ul li{flex: 0 0 31%; position: relative !important; top: initial !important; left: initial !important;}
body #content .img-grid .wpb_image_grid_ul li img{width: 100%; height: auto; object-fit: cover; aspect-ratio: 1 / 1.5;}


body #content .pricing-section{
	background: #0D0D0D !important;
	padding: 6rem 0 !important;
	text-align: center;
}

body #content .pricing-section .pricing-intro{
	text-align: center;
}

body #content .pricing-section .pricing-intro > .vc_column-inner{
	padding-left: 0 !important;
	padding-right: 0 !important;
}

body #content .pricing-section .eyebrow{
	margin: 0 0 1.1rem;
	text-align: center;
}

body #content .pricing-section .eyebrow .wpb_wrapper > p,
body #content .pricing-section .eyebrow p{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.75rem;
	margin: 0;
	font-family: "DM Sans", system-ui, sans-serif;
	font-size: 0.875rem;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #85E108 !important;
	line-height: 1.3;
}

body #content .pricing-section .eyebrow .wpb_wrapper > p::before,
body #content .pricing-section .eyebrow p::before{
	content: "";
	display: inline-block;
	width: 1.5rem;
	height: 2px;
	background: #85E108;
	flex-shrink: 0;
}

body #content .pricing-section .display-lg,
body #content .pricing-section h2.display-lg,
body #content .pricing-section .vc_custom_heading.display-lg{
	margin: 0 0 1rem !important;
	color: #FFFFFF !important;
	font-family: "DM Sans", system-ui, sans-serif !important;
	font-size: clamp(2.25rem, 4vw, 3rem) !important;
	font-weight: 700 !important;
	line-height: 1.12 !important;
	letter-spacing: -0.025em !important;
	text-align: center !important;
}

body #content .pricing-section .lead,
body #content .pricing-section .lead .wpb_wrapper > p,
body #content .pricing-section .lead p{
	color: rgba(255,255,255,0.78) !important;
	font-family: "DM Sans", system-ui, sans-serif;
	font-size: 1.0625rem;
	font-weight: 400;
	line-height: 1.65;
	text-align: center;
}
body #content .pricing-section .pricing-grid > .wpb_column{
	margin-bottom: 0;
}
body #content .pricing-section .price-card > .vc_column-inner{
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	height: 100%;
}

body #content .pricing-section .price-card > .vc_column-inner > .wpb_wrapper{
	background: #161616;
	border: 1px solid #2A2A2A;
	border-radius: 0.875rem;
	padding: 2.75rem 1.5rem 2.5rem;
	box-sizing: border-box;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	transition: border-color 0.25s ease, transform 0.25s ease;
}

body #content .pricing-section .price-card > .vc_column-inner > .wpb_wrapper:hover{
	border-color: rgba(133,225,8,0.45);
	transform: translateY(-2px);
}

body #content .pricing-section .price-qty,
body #content .pricing-section p.price-qty{
	margin: 0 0 0.35rem !important;
	font-family: "DM Sans", system-ui, sans-serif;
	font-size: clamp(3.5rem, 6vw, 4.5rem);
	font-weight: 700;
	line-height: 0.95;
	letter-spacing: -0.03em;
	color: #85E108 !important;
}

body #content .pricing-section .price-unit,
body #content .pricing-section p.price-unit{
	margin: 0 0 1.35rem !important;
	font-family: "DM Sans", system-ui, sans-serif;
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: rgba(255,255,255,0.55) !important;
	line-height: 1.2;
}

body #content .pricing-section .price-amount,
body #content .pricing-section p.price-amount{
	margin: 0 !important;
	font-family: "DM Sans", system-ui, sans-serif;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.2;
	color: #FFFFFF !important;
}

body #content .pricing-section .pricing-cta{
	margin: 0;
	text-align: center;
}

body #content .pricing-section .pricing-cta .wpb_wrapper > p{
	margin: 0;
}

body #content .pricing-section .pricing-cta .btn-lime,
body #content .pricing-section .pricing-cta a.btn-lime{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.95rem 1.75rem;
	font-family: "DM Sans", system-ui, sans-serif;
	font-size: 0.9375rem;
	font-weight: 700;
	line-height: 1.2;
	border-radius: 0.625rem;
	background: #85E108 !important;
	color: #0D0D0D !important;
	border: 1px solid #85E108 !important;
	text-decoration: none !important;
	box-shadow: none;
	transition: background 0.25s ease, border-color 0.25s ease;
}

body #content .pricing-section .pricing-cta .btn-lime:hover,
body #content .pricing-section .pricing-cta a.btn-lime:hover{
	background: #6BC400 !important;
	border-color: #6BC400 !important;
	color: #0D0D0D !important;
}

/* Ready to order CTA */
body #content .order-cta-section{
	background: #F5F5F5 !important;
	padding: 6rem 0 !important;
	text-align: center;
}

body #content .order-cta-section .order-cta-inner{	
	text-align: center;
}

body #content .order-cta-section .order-cta-inner > .vc_column-inner{
	padding-left: 0 !important;
	padding-right: 0 !important;
}

body #content .order-cta-section .eyebrow{
	margin: 0 0 1.1rem;
	text-align: center;
}

body #content .order-cta-section .eyebrow .wpb_wrapper > p,
body #content .order-cta-section .eyebrow p{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.75rem;
	margin: 0;
	font-family: "DM Sans", system-ui, sans-serif;
	font-size: 0.875rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #111111 !important;
	line-height: 1.3;
}

body #content .order-cta-section .eyebrow .wpb_wrapper > p::before,
body #content .order-cta-section .eyebrow p::before{
	content: "";
	display: inline-block;
	width: 1.5rem;
	height: 2px;
	background: #85E108;
	flex-shrink: 0;
}

body #content .order-cta-section .display-lg,
body #content .order-cta-section h2.display-lg,
body #content .order-cta-section .vc_custom_heading.display-lg{
	margin: 0 0 1rem !important;
	color: #111111 !important;
	font-family: "DM Sans", system-ui, sans-serif !important;
	font-size: clamp(2.25rem, 4vw, 3rem) !important;
	font-weight: 700 !important;
	line-height: 1.12 !important;
	letter-spacing: -0.025em !important;
	text-align: center !important;
}

body #content .order-cta-section .lead .wpb_wrapper > p,
body #content .order-cta-section .lead p{
	margin: 0;
	color: #666666 !important;
	font-family: "DM Sans", system-ui, sans-serif;
	font-size: 1.0625rem;
	font-weight: 400;
	line-height: 1.65;
	text-align: center;
}

body #content .order-cta-section .btn-flex{
	margin: 0;
	text-align: center;
}

body #content .order-cta-section .btn-flex .wpb_wrapper > p{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 0.875rem;
	margin: 0;
}

body #content .order-cta-section .btn-flex .wpb_wrapper > p br{
	display: none;
}

body #content .order-cta-section .btn-flex .btn-lime,
body #content .order-cta-section .btn-flex a.btn-lime{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.95rem 1.6rem;
	font-family: "DM Sans", system-ui, sans-serif;
	font-size: 0.9375rem;
	font-weight: 700;
	line-height: 1.2;
	border-radius: 0.625rem;
	background: #85E108 !important;
	color: #0D0D0D !important;
	border: 1px solid #85E108 !important;
	text-decoration: none !important;
	box-shadow: 0 2px 8px rgba(0,0,0,0.06);
	transition: background 0.25s ease, border-color 0.25s ease;
}

body #content .order-cta-section .btn-flex .btn-lime:hover,
body #content .order-cta-section .btn-flex a.btn-lime:hover{
	background: #6BC400 !important;
	border-color: #6BC400 !important;
	color: #0D0D0D !important;
}

body #content .order-cta-section .btn-flex .btn-outline,
body #content .order-cta-section .btn-flex a.btn-outline{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.95rem 1.6rem;
	font-family: "DM Sans", system-ui, sans-serif;
	font-size: 0.9375rem;
	font-weight: 700;
	line-height: 1.2;
	border-radius: 0.625rem;
	background: #FFFFFF !important;
	color: #111111 !important;
	border: 1px solid #E0E0E0 !important;
	text-decoration: none !important;
	box-shadow: 0 2px 8px rgba(0,0,0,0.04);
	transition: border-color 0.25s ease, background 0.25s ease;
}

body #content .order-cta-section .btn-flex .btn-outline:hover,
body #content .order-cta-section .btn-flex a.btn-outline:hover{
	border-color: #111111 !important;
	color: #111111 !important;
	background: #FFFFFF !important;
}

@media (max-width: 1024px){
	body #content .pricing-section,
	body #content .order-cta-section{
		padding: 4.5rem 0 !important;
	}

	body #content .pricing-section .pricing-intro{
		margin-bottom: 2.25rem;
	}

	body #content .pricing-section .price-card{
		margin-bottom: 1rem;
	}

	body #content .pricing-section .price-card > .vc_column-inner > .wpb_wrapper{
		padding: 2.25rem 1.25rem 2.1rem;
	}
}

@media (max-width: 768px){
	body #content .pricing-section,
	body #content .order-cta-section{
		padding: 3.75rem 0 !important;
	}

	body #content .pricing-section .pricing-grid{
		margin-bottom: 2rem !important;
	}

	body #content .pricing-section .price-card > .vc_column-inner > .wpb_wrapper{
		padding: 2rem 1.25rem 1.85rem;
	}

	body #content .pricing-section .price-qty,
	body #content .pricing-section p.price-qty{
		font-size: 3.25rem;
	}

	body #content .pricing-section .price-amount,
	body #content .pricing-section p.price-amount{
		font-size: 1.35rem;
	}

	body #content .order-cta-section .btn-flex .wpb_wrapper > p{
		flex-direction: column;
		align-items: stretch;
	}

	body #content .order-cta-section .btn-flex .btn-lime,
	body #content .order-cta-section .btn-flex a.btn-lime,
	body #content .order-cta-section .btn-flex .btn-outline,
	body #content .order-cta-section .btn-flex a.btn-outline{
		width: 100%;
	}
}