/*
Theme Name: Twenty Nineteen Child
Theme URI: https://wordpress.org/themes/twentynineteen/
Template: twentynineteen
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our 2019 default theme is designed to show off the power of the block editor. It features custom styles for all the default blocks, and is built so that what you see in the editor looks like what you'll see on your website. Twenty Nineteen is designed to be adaptable to a wide range of websites, whether you’re running a photo blog, launching a new business, or supporting a non-profit. Featuring ample whitespace and modern sans-serif headlines paired with classic serif body text, it's built to be beautiful on all screen sizes.
Tags: one-column,accessibility-ready,custom-colors,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,rtl-language-support,sticky-post,threaded-comments,translation-ready,block-patterns
Version: 3.1.1750165631
Updated: 2025-06-17 13:07:11

*/

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

:root {
    --text-font-primary: "Inter", sans-serif;

    --green-1: #002800;
    --green-2: #4A9443;
    --green-3: #6EA969;
    --blue-1: #1A83C6;
    --text-muted: #889E95;
	
	--bg-beige: #F9F4F0;
}

html {
    scroll-behavior: smooth;
}

h1::before, 
h2::before, 
h3::before, 
h4::before, 
h5::before, 
h6::before {
	display: none !important;
}

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

*,
html,
body {
    margin: 0;
    padding: 0;
}

body {
    background-color: var(--bg-beige);
}

.container {
    max-width: 1480px;
    width: 100%;
    margin: 0 auto;
    padding: 0 50px;
}

.half-container {
    max-width: 710px;
}


.uppercase {
    text-transform: uppercase;
}

/* Background */
.bg-white {
    background-color: var(--white);
}

.bg-black {
    background-color: var(--black);
}

.bg-green-1 {
    background-color: var(--green-1);
}

.bg-green-2 {
    background-color: var(--green-2);
}

.bg-green-3 {
    background-color: var(--green-3);
}

.bg-blue-1 {
    background-color: var(--blue-1);
}

.bg-beige {
	background-color: var(--bg-beige);
}

/* Font Colors */
.text-white,
.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white li,
.text-white a {
    color: var(--white);
}

.text-black,
.text-black h1,
.text-black h2,
.text-black h3,
.text-black h4,
.text-black h5,
.text-black h6,
.text-black p,
.text-black li,
.text-black a {
    color: var(--black);
}

.text-green-1,
.text-green-1 h1,
.text-green-1 h2,
.text-green-1 h3,
.text-green-1 h4,
.text-green-1 h5,
.text-green-1 h6,
.text-green-1 p,
.text-green-1 li,
.text-green-1 a {
    color: var(--green-1);
}

.text-green-2,
.text-green-2 h1,
.text-green-2 h2,
.text-green-2 h3,
.text-green-2 h4,
.text-green-2 h5,
.text-green-2 h6,
.text-green-2 p,
.text-green-2 li,
.text-green-2 a {
    color: var(--green-2);
}

.text-green-3,
.text-green-3 h1,
.text-green-3 h2,
.text-green-3 h3,
.text-green-3 h4,
.text-green-3 h5,
.text-green-3 h6,
.text-green-3 p,
.text-green-3 li,
.text-green-3 a {
    color: var(--green-3);
}

.text-muted,
.text-muted h1,
.text-muted h2,
.text-muted h3,
.text-muted h4,
.text-muted h5,
.text-muted h6,
.text-muted p,
.text-muted li,
.text-muted a {
    color: var(--text-muted);
}

/* Font Weight */
.text-normal,
.text-normal h1,
.text-normal h2,
.text-normal h3,
.text-normal h4,
.text-normal h5,
.text-normal h6,
.text-normal p,
.text-normal a {
    font-weight: normal;
}

.text-semibold,
.text-semibold h1,
.text-semibold h2,
.text-semibold h3,
.text-semibold h4,
.text-semibold h5,
.text-semibold h6 {
    font-weight: 600;
}

.text-bold,
.text-bold h1,
.text-bold h2,
.text-bold h3,
.text-bold h4,
.text-bold h5,
.text-bold h6,
.text-bold p,
.text-bold a {
    font-weight: bold;
}

.text-mb-20 p,
.text-mb-20 li {
    margin-bottom: 20px;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
li {
    margin: 0;
}

/* Primary Font */
.text-font-primary h1,
.text-font-primary h2,
.text-font-primary h3,
.text-font-primary h4,
.text-font-primary h5,
.text-font-primary h6,
.text-font-primary p,
.text-font-primary a,
.text-font-primary li {
    font-family: var(--text-font-primary);
}

/* ul {
    padding-left: 15px;
} */

p,
li,
a {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
}

.text-xs,
.text-xs p,
.text-xs li {
    font-size: 14px;
    line-height: 18px;
}

.text-xxs,
.text-xxs p,
.text-xxs li {
    font-size: 12px;
    line-height: 16px;
}

.list-style-none {
    list-style: none;
}

a {
    text-decoration: none;
}

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

.transition {
    transition: 0.2s;
}

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

h1 {
    font-size: 48px;
    line-height: 52px;
}

h2 {
    font-size: 36px;
    line-height: 40px;
}

h3 {
    font-size: 28px;
    line-height: 35px;
}

h4 {
    font-size: 24px;
    line-height: 30px;
}

h5 {
    font-size: 20px;
    line-height: 24px;
}

h6 {
    font-size: 18px;
    line-height: 24px;
}

/* Buttons */
.btn {
    font-size: 14px;
    line-height: 20px;
    font-family: var(--text-font-primary);
    color: var(--white);
    padding: 10px 40px;
    border-radius: 10px;
    border: 2px solid;
    transition: 0.2s;
	cursor: pointer;
	text-align: center;
}

.btn.primary {
    background-color: var(--blue-1);
    border-color: var(--blue-1);
}

.btn.primary:hover {
	background-color: var(--white);
	color: var(--blue-1);
}

.btn.secondary {
	background-color: var(--green-2);
	border: 2px solid var(--green-2);
	color: var(--white);
}

.btn.secondary:hover {
	background-color: var(--white);
	color: var(--green-2);
}

.btn.secondary a {
	color: var(--white);
}

.btn.secondary:hover a {
	color: var(--green-2);
}

/* Header */
/* 🔗 Navigation Links - Primary Header */
header nav ul li a,
header nav ul li a:visited,
header nav ul li a:focus,
header nav ul li a:active,
header nav ul li a:hover {
    font-family: var(--text-font-primary);
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
    color: var(--green-1) !important;
    text-decoration: none;
    transition: color 0.3s ease;
}

/* ✅ Active state fix for WordPress menu items */
header nav ul li.current-menu-item > a,
header nav ul li.current_page_item > a,
header nav ul li.current_page_ancestor > a {
    color: var(--green-1) !important;
}

/* 📉 Footer navigation links */
footer nav ul li a {
    font-weight: 400;
}

/* 🧭 Nav Item Container */
header nav ul li {
    display: flex;
    flex-direction:row;
    justify-content: center;
}



/* 🖼️ Header Logo */
.header-logo {
    transition: 0.2s;
}

/* 📦 Site Header Container */
#site-header {
    transition: 0.2s;
}

/* 🧲 Sticky Header Adjustments */
#site-header.fixed .header-logo {
    width: 148px;
}

#site-header.fixed {
    background-color: var(--white);
    padding: 10px 0;
    box-shadow: 0 0 10px 0 #d4d4d4;
}

/* 🌐 Submenu Container */
/* 🔽 Base Dropdown Styling (Desktop) */

    .header-menu-wrapper nav ul {
		
    display: flex;
    flex-direction: row;
    align-items: center;
    }

    .header-menu-wrapper nav ul li {
        position: relative;
    }

   
/* Hero */
#hero.home .box {
    background: linear-gradient(to bottom, rgba(74, 148, 67, 0.8) 0%, rgba(74, 148, 67, 0.36) 100%);
    border-radius: 80px;
	height:300px;
}

/* Services */
.services-item {
    min-height: 300px;
    border-radius: 20px;
    transition: 0.2s;
}

.services-item:hover {
    transform: scale(1.01);
}

.services-item:nth-child(1),
.services-item:nth-child(2) {
    width: 48.9%;
}

.services-item:nth-child(3),
.services-item:nth-child(4),
.services-item:nth-child(5) {
    width: 32%;
}

.services-item .content-wrapper {
    border-radius: 0 15px 15px 15px;
}

.services-item .hyperlink-arrow {
    width: 20px;
    height: 20px;
}

/* CTA */
.heading-wrapper span {
    color: var(--green-3);
}

#cta-1.home .box {
    border-radius: 0 80px;
}

#partner.home .logo-list-wrapper .logo-item {
    width: 140px;
}

/* Why Choose */
#why-choose.home .row-2 .box {
    border-radius: 0 80px;
}

.accordion-wrapper .accordion-item {
    padding: 50px 0;
}

.accordion-wrapper .accordion-item:first-child {
    padding-top: 0;
}

.accordion-wrapper .accordion-item:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.accordion-wrapper .accordion-item {
    border-bottom: 1px solid #ffffff6b;
}

.why-choose-item:nth-child(2) {
    padding-left: 90px;
}

/* Brand Promise */
#brand-promise.home .feat-img-wrapper {
    top: -125px;
    left: 25%;
}

.icon-wrapper img {
	min-width: 50px;
}

.contact-info-item .icon-wrapper img {
	min-width: 0;
}

#brand-promise.home {
	overflow: hidden;
}

#brand-promise.home .heading-wrapper {
    right: 0;
    bottom: 30%;
    border-radius: 0 0 0 80px;
}

#brand-promise.home .heading-wrapper h2 {
    text-align: right;
}

/* Testimonials */
#testimonials.home .content-wrapper {
	top: 50px;
	left: 50px;
	width: 50%;
}

/* Contact */
.contact-info-wrapper {
    
}

nav ul {
	padding: 0;
}

hr {
    color: #ffffff2e;
}

/* Contact Form */
input {
	width: 100%;
}

.form-wrapper br {
	display: none;
}

.form-wrapper p {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.form-wrapper input::placeholder, .form-wrapper textarea {
	font-family: "Inter", sans-serif;
	font-size: 14px;
	line-height: 18px;
}

.form-wrapper input, .form-wrapper textarea {
	border: none !important;
	border-radius: 10px;
	padding: 15px;
}

.form-wrapper input[type="submit"] {
	font-size: 14px;
	line-height: 20px;
	font-family: var(--text-font-primary);
	color: var(--white);
	padding: 10px 40px;
	border-radius: 10px;
	border: 2px solid var(--blue-1) !important;
	transition: 0.2s;
	cursor: pointer;
	background-color: var(--blue-1);
	width: 35%;
	margin: 0 auto;
}

.form-wrapper input[type="submit"]:hover {
	background-color: transparent;
	color: var(--blue-1);
}

/* Footer */
.social-item a {
	background-color: var(--white);
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: end;
	border-radius: 5px;
	font-size: 20px;
	padding: 5px;
}

.social-item a i {
	color: var(--green-1);
}

#about {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 215px 0 70px 0;
	overflow:hidden;
	margin-top:-1px;
}
#about .col {
  width: 50%;
}
#about .col h3 {
  color: #499343;
}
#about .col .desc {
  font-size: 14px;
  line-height: 30px;
  margin-bottom: 40px;
}
#about .col .desc {
  font-size: 14px;
  line-height: 30px;
}
#about .col .logos {
  margin-top: 50px;
  display: flex;
  align-content: start;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}
#about .col .logos .logo-inner {
  width: 33%;
  text-align: center;
	padding: 12px 0;
}
#about .col.col2 img {
  width: 960px;
  max-width: unset;
  margin-left: -125px;
  margin-top: -249px;
}

#vission {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 50px;
}
#vission .col {
  width: 40%;
}
#vission .col img {
  width: 790px;
max-width: unset;
margin-left: -120px;
margin-top: -67px;
}
#vission .col h3 {
  color: #499343;
}
#vission .col .desc p {
  font-size: 16px;
  color: #1b1b1b;
}

/* Burger Menu */
.burger {
	position: absolute;
	top: -12px;
	right: 0;
	width: 30px;
	height: 30px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background: none;
	cursor: pointer;
	padding: 0;
	z-index: 1001;
	padding: 5px;
	border-radius: 5px;
}

.burger:hover {
	background-color: var(--green-2);
}

.burger:hover .line {
	background: var(--white);
}
.burger:focus {
	background-color: var(--green-2);
}

.burger:focus .line {
	background-color: var(--white);
}

.burger .line {
	width: 100%;
	height: 3px;
	background: #333;
	transition: all 0.3s ease;
}

/* Transform into X when active */
.burger.active .line:nth-child(1) {
	transform: rotate(45deg) translate(5px, 5px);
}
.burger.active .line:nth-child(2) {
	opacity: 0;
}
.burger.active .line:nth-child(3) {
	transform: rotate(-45deg) translate(5px, -5px);
}

/* Slide Drawer */
.drawer {
	position: fixed;
	top: 0;
	right: -300px;
	height: 100vh;
	width: 300px;
	background: var(--white);
	box-shadow: 0 0 10px 0 #d4d4d4;
	transition: right 0.3s ease;
	z-index: 1000;
	padding: 60px 20px 20px;
}

.drawer.open {
	right: 0;
}

.drawer-menu {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

/* Responsive */
@media only screen and (max-width: 1400px) {	
	#hero.home .box {
		padding: 30px;
	}
	
	h1 {
		font-size: 40px;
		line-height: 45px;
	}
	
	h2 {
		font-size: 32px;
		line-height: 36px;
	}

	h3 {
		font-size: 24px;
		line-height: 28px;
	}

	h5 {
		font-size: 18px;
		line-height: 22px;
	}

	h6 {
		font-size: 16px;
		line-height: 20px;
	}

	p, li, a {
		font-size: 14px;
		line-height: 18px;
	}

	#services.home,
	#partner.home,
	#why-choose.home {
		padding: 50px 0;
	}
	
	#brand-promise.home {
		margin-bottom: -100px;
	}
}

@media only screen and (max-width: 1200px) {
	.accordion-wrapper .accordion-item {
		padding: 30px 0;
	}

	#cta-1.home .col-1 {
		width: 70%;
	}
	
	#cta-1.home .col-2 {
		width: 30%;
	}
}

@media only screen and (max-width: 1100px) {
	#cta-1.home .box {
		border-radius: 0 80px;
		padding: 50px;
	}

	#services.home .row-1 {
		margin-bottom: 50px;
	}
	
	.services-item:nth-child(3), .services-item:nth-child(4), .services-item:nth-child(5) {
		width: 48.9%;
	}

	#cta-2.home .col-2 {
		gap: 0;
	}
}

@media only screen and (max-width: 1024px) {
	footer .contact-info-wrapper {
		padding: 30px;
	}
	
	#footer {
		padding-top: 50px;
	}
	
	#footer .row-3 {
		padding: 20px 0;
	}
	
	#contact .form-wrapper {
		padding: 0;
	}
	
	#cta-1.home {
		padding: 0;
	}
}

@media only screen and (max-width: 1000px) {
	.services-item {
		width: 48% !important;
	}
	
	#cta-1.home .row-1 {
		flex-direction: column;
		gap: 20px;
	}
	
	#cta-1.home .row-1 .col-1, #cta-1.home .row-1 .col-2 {
		width: 100%;
	}
}

@media only screen and (max-width: 980px) {
	#why-choose.home .row-2 {
		flex-direction: column;
		gap: 50px;
	}
	
	#why-choose.home .row-2 .col-1, #why-choose.home .row-2 .col-2 {
		width: 100%;
	}
	
	#why-choose.home .row-2 .col-2 {
		padding: 50px 0;
	}

	#cta-2.home .btn-wrapper {
		margin-bottom: 10px;
	}

	.form-wrapper input, .form-wrapper textarea {
		padding: 10px;
	}
	
	#footer .row-2 {
		flex-wrap: wrap;
	}
	
	#footer .row-2 .col-1 {
		width: 100%;
	}
}

.mobile-only {
	display: none;
}
@media only screen and (max-width: 800px) {
	.desktop-only {
		display: none;
	}

	.mobile-only {
		display: block;
	}
	
	.header-logo {
		width: 140px;
	}

	#brand-promise.home .feat-img-wrapper {
		left: 15%;
	}
	
	#contact .form-wrapper {
		width: 100%;
	}

	footer .contact-info-wrapper {
		flex-direction: column;
		gap: 10px;
		border-radius: 20px;
	}
	
	#footer .row-3 {
		gap: 50px;
	}
	
	#hero.home .box {
		border-radius: 30px;
	}
	
	#cta-1.home .row-1 .col-2 {
		justify-content: center;
	}
	
	#cta-2.home .col-2 .feat-img-wrapper {
		position: absolute;
		bottom: 0;
	}

	#cta-2.home .row-1 {
		position: relative;
		margin-bottom: 320px;
	}
	
	#cta-2.home .col-2 .feat-img-wrapper {
		position: absolute;
		bottom: -300px;
		left: 0;
	}
	
	#services.home .row-2 {
		flex-direction: column;
	}

	#services.home .row-2 .heading-wrapper, #services.home .row-2 .description-wrapper {
		width: 100%;
	}
}

@media only screen and (max-width: 767px) {
	#brand-promise.home {
		padding-top: 50px;
	}
	
	#brand-promise.home .heading-wrapper h2 {
		text-align: center;
	}

	.testimonials-wrapper {
		padding: 20px;
		background-color: rgba(0, 0, 0, 0.5);
		border-radius: 15px;
	}
}

@media only screen and (max-width: 640px) {
	br {
		display: none;
	}

	h1 {
		font-size: 35px;
		line-height: 40px;
	}
	
	h2 {
		font-size: 28px;
		line-height: 32px;
	}
	
	#services.home .row-2 .heading-wrapper, #services.home .row-2 .description-wrapper {
		width: 100%;
		text-align: center;
	}

	#cta-1.home .row-1 .col-1 {
		flex-direction: column;
		text-align: center;
		align-items: center;
	}
	
	#cta-2.home .col-2 .feat-img-wrapper {
		bottom: -260px;
	}
	
	#why-choose.home .heading-wrapper {
		text-align: center;
	}

	#why-choose.home .why-choose-item .heading-wrapper {
		text-align: left;
	}

	#brand-promise.home .row-1 {
		width: 100%;
	}
	
	#brand-promise.home .feat-img-wrapper {
		top: 0;
		left: 0;
	}

	#brand-promise.home {
		margin-bottom: 0;
	}

	#footer .row-2 .col-1, #footer .row-2 .col-2, #footer .row-2 .col-3, #footer .row-2 .col-4 {
		width: 100%;
	}
	
	footer nav ul {
		gap: 10px;
	}

	#testimonials.home .content-wrapper {
		width: 100%;
		position: relative;
		left: 0;
	}

	#testimonials.home .content-wrapper .heading-wrapper h2 {
		color: var(--green-1);
		text-align: center;
	}
	
	#brand-promise.home .heading-wrapper {
		bottom: 65px;
	}

	#why-choose.home .logo-wrapper {
		opacity: 0.1;
		margin: 0 auto;
	}

	#why-choose.home .why-choose-list-wrapper {
		padding: 0;
	}
	
	.why-choose-item:nth-child(2) {
		padding-left: 0;
	}

	.services-item {
		width: 100% !important;
	}
}

@media only screen and (max-width: 540px) {
	#brand-promise.home .heading-wrapper {
		bottom: -20px;
	}

	#partner.home .logo-list-wrapper .logo-item {
		width: 200px;
		text-align: center;
	}
	
	#cta-2.home .row-1 {
		flex-direction: column;
	}
	
	#cta-2.home .col-2 {
		width: 100%;
		text-align: center;
	}

	#cta-2.home .col-1 {
		width: 100%;
		text-align: center;
	}

	#services.home .row-1 {
		flex-direction: column;
		gap: 20px;
	}
	
	#brand-promise.home .row-1 {
		margin: 0;
	}
}

@media only screen and (max-width: 440px) {
	.container {
		padding: 0 20px;
	}
	
	#cta-2.home .col-2 .feat-img-wrapper {
		bottom: -200px;
	}
	
	 #cta-2.home .row-1 {
		 margin-bottom: 250px;
	}
	
	#partner.home .logo-list-wrapper .logo-item {
		width: 120px;
	}

	#footer .row-3 {
		gap: 20px;
		flex-direction: column;
	}
	
	footer .social-list-wrapper {
		justify-content: start;
	}

	#cta-1.home .row-1 {
		padding: 40px 20px;
	}
	
	#cta-2.home .logo-list-wrapper {
		flex-direction: column;
		gap: 10px;
	}
	
	#brand-promise.home .row-1 { 
		flex-direction: column;
		align-items: center;
		text-align: center;
		margin-bottom: 20px;
	}
}

@media only screen and (max-width: 340px) {
	#why-choose.home .why-choose-list-wrapper .why-choose-item {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}

	#why-choose.home .why-choose-item .heading-wrapper {
		text-align: center;
	}
	
	#why-choose.home .why-choose-list-wrapper {
		position: relative;
	}
	
	#why-choose.home .logo-wrapper {
		position: absolute;
	}
	
	#why-choose.home .row-2 .col-2 {
		padding: 0;
	}
}