/*
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.0.1732966543
Updated: 2024-11-30 11:35:43

*/

@font-face {
    font-family: 'Verdana';
    src: url('verdana/verdana.ttf');
}

@font-face {
    font-family: 'Verdana Bold';
    src: url('verdana/verdanab.ttf');
}

@font-face {
    font-family: 'Verdana Italic';
    src: url('verdana/verdanai.ttf');
}

:root {
    --blue: #003c64;
    --light-green: #e9fce1;
    --green: #d3f9c4;
    --dark-green: #7e8b75;
    --dark: #101010;
}

html {
    scroll-behavior: smooth;
	overflow-x: hidden;
}

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

b {
    font-family: 'Verdana Bold', sans-serif;
}

i {
    font-family: 'Verdana Italic', sans-serif;
}

.container {
    max-width: 1380px;
    margin: 0 auto;
    padding: 0 20px;
}

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

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

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

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

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

/* Colors */
.white {
    color: white;    
}

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

h1, h2, h3, h4, h5, h6, p, a, li {
    font-family: "Verdana", sans-serif;
    margin: 0;
}

ul {
    list-style: none;
}

li {
	line-height: 1;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.link a {
    text-decoration: underline;
    color: var(--dark-green);
}

.sticky .logo {
	width: 15%;
}

.sticky .content-wrapper {
	padding: 10px 0;
}

.logo,
.content-wrapper {
	transition: 0.2s;
}

nav.white p,
nav.white a {
    color: var(--white);
}

nav a {
    font-size: 18px;
    font-weight: normal;
    line-height: 25px;
    color: var(--blue);
}

nav a:visited {
	color: var(--blue);
}

nav.white a:visited {
	color: var(--white);
}

a.primary-btn:visited {
  color: var(--green);
}

.btn {
    padding: 15px 30px;
    border-radius: 50px;
    font-size: 18px;
    font-weight: normal;
    line-height: 25px;
}

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

.primary-btn:hover {
	color: var(--green);
}

.secondary-btn {
	color: var(--blue);
	background-color: var(--green);
}

.secondary-btn:hover {
	color: var(--blue);
}

.btn {
	transition: 0.2s;
}

.btn:hover {
	transform: scale(1.02);
	box-shadow: 0 0 10px 0 #333;
}

header .content-wrapper {
    border-bottom: 2px solid var(--green);
}

.heading-wrapper h1 {
    font-size: 40px;
    line-height: 45px;
    font-weight: normal;
    color: var(--blue);
    margin-bottom: 50px;
}

.heading-wrapper h2 {
    font-size: 35px;
    line-height: 40px;
    font-weight: normal;
    color: var(--blue);
    margin-bottom: 50px;
}

.heading-wrapper.dark-green h2 {
    font-size: 35px;
    line-height: 40px;
    font-weight: normal;
    color: var(--dark-green);
    margin-bottom: 50px;
}

.heading-wrapper.dark h2 {
    color: var(--dark);
}

.heading-wrapper.dark-green h3 {
    font-size: 25px;
    line-height: 30px;
    font-weight: normal;
    color: var(--dark-green);
    margin-bottom: 50px;
}

.heading-wrapper h3 {
    font-size: 24px;
    line-height: 30px;
    font-weight: normal;
    color: var(--blue);
    margin-bottom: 20px;
}

.description-wrapper p,
.description-list-wrapper li {
    font-size: 16px;
    line-height: 25px;
    font-weight: normal;
    color: var(--dark);
    margin-bottom: 30px;
}

.description-list-wrapper li {
	margin-bottom: 10px;
}

.description-wrapper.md p {
    font-size: 18px;
}

.description-wrapper.lg p {
    font-size: 20px;
}

.description-list-wrapper li {
    position: relative;
    padding-left: 30px;
}

.description-list-wrapper li::before {
    content: '';
    width: 8px;
    height: 8px;
    background-color: var(--dark);
    position: absolute;
    border-radius: 50px;
    top: 10px;
    left: 0;
}

.description-wrapper.mb-0 p {
    margin-bottom: 0;
}

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



#testimonials-list li {
    color: var(--dark-green);
    font-style: italic;
}

#testimonials .box {
	box-shadow: 10px 10px 20px 0 #979797;
	border-radius: 20px;
}


#testimonials p {
	font-size: 16px;
	line-height: 25px;
	margin-bottom: 20px;
	color: var(--dark-green);
}

#testimonials h5 {
	margin-bottom: 10px;
}

#testimonials h6 {
	color: var(--dark-green);
	font-weight: normal;
}

#contact-info li a {
    font-size: 20px;
    line-height: 25px;
    font-weight: bold;
    color: var(--dark)
}

.slick-slide p {
	font-size: 16px;
	line-height: 25px;
	width: 70%;
	margin: 0 auto;
}

.m-0 p {
	margin: 0;
}

.p-10-0-item li {
	padding: 10px 0;
}

.mb-10-item li {
	margin-bottom: 10px;
}

.fs-50 {
	font-size: 50px;
}

.column-list-2 {
	-webkit-columns: 2;
	-moz-columns: 2;
	columns: 2;
}

.slick-slider {
    display: flex !important;
}

.arrow i {
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

form input {
    height: 50px;
}

form textarea {
    height: 200px;
}

form br {
    display: none;
}

form input, form textarea {
    width: 100%;
    margin-top: 20px;
    border-radius: 50px !important;
    border: 1px solid var(--dark) !important;
    padding: 10px 30px !important;
}

form input::placeholder, form textarea::placeholder {
    font-family: 'Verdana', sans-serif;
    font-size: 16px;
    color: var(--dark);
}

form input[type="submit"] {
    padding: 15px 30px;
    border-radius: 50px;
    font-size: 18px;
    font-weight: normal;
    line-height: 25px;
	color: var(--green);
	background-color: var(--blue);
}

form input[type="submit"]:hover {
	color: var(--green);
}

form .wpcf7-not-valid-tip {
    font-size: 16px;
}

form .wpcf7-response-output {
    font-size: 16px;
}

#responsive-menu button {
	top: 45px;
	right: 8%;
}

.sticky #responsive-menu button {
	top: 20px;
}

/* 404 */
.search-no-result .search-field,
.error404 .search-field {
	font-family: "Verdana", sans-serif
}

.search-no-results section,
.error404 section {
	padding-top: 50px;
}

.search-no-results .page-header, 
.search-no-results .page-content,
.error404 .page-header,
.error404 .page-content {
	width: 100%;
	max-width: 1380px;
	padding: 0 20px;
	margin: 20px auto 20px auto !important;
	text-align: center;
}

.search-no-results .page-content p {
	text-align: center;
}

.search-no-results .page-content form,
.error404 .page-content form {
	width: 50%;
	margin: 0 auto;
}

.search-no-results .page-content p,
.error404 .page-content p {
	font-size: 16px;
}

.search-no-results .page-header .page-title,
.error404 .page-header .page-title {
	color: var(--blue);
	font-size: 40px;
}

#brand-promise.about .box h4 {
	color: var(--dark-green);
	font-size: 35px;
	line-height: 40px;
	font-weight: bold;
	margin-bottom: 30px;
}

#brand-promise.about .heading-wrapper h2 {
	margin-bottom: 20px;
}

#difference.about .boxes-wrapper .box-item {
	transition: 0.2s;
}

#difference.about .boxes-wrapper .box-item:hover {
	transform: scale(1.05);
	box-shadow: 0 0 10px 0 #aaa;
}

.social-list a i {
	color: var(--white);
}

.social-list a:hover i {
	color: var(--green);
}

/* Responsive */
@media only screen and (max-width: 1900px) {
	#brand-promise.about .feat-img-wrapper-2 img {
		min-width: auto !important;
	}

	#brand-promise.about .accent-1, #brand-promise.about .accent-2 {
		width: 730px !important;
		height: 730px !important;
	}
}

@media only screen and (max-width: 1530px) {
	#brand-promise .heading-wrapper.hw-2 {
		width: 100%;
		text-align: center;
		background-color: var(--white);
		z-index: 5;
		position: relative;
		padding: 50px;
		border-radius: 20px;
		box-shadow: 10px 10px 20px 0 #979797;
	}
	
	#brand-promise .heading-wrapper.hw-2 h3 {
		margin: 0;
	}
	
	#contact {
		padding: 50px 0;
	}
	
	br {
		display: none;
	}
	
	#brand-promise.about .feat-img-wrapper-2 img {
		width: 75%;
	}

	#brand-promise.about .accent-1, #brand-promise.about .accent-2 {
		width: 580px !important;
		height: 580px !important;
	}
	
	#brand-promise.about .feat-img-wrapper-2 {
		margin-top: -100px !important;
	}

	#brand-promise.about .feat-img-wrapper-1 {
		width: 50%;
	}

	#difference.about {
		padding-top: 200px;
	}
}

@media only screen and (max-width: 1400px) {
	header .col-1 {
		width: 10%;
	}

	header .col-2 {
		width: 90%;
	}

	header .col-1 img {
		width: 50%;
	}
	
	.sticky .logo {
		width: 50%;
	}
	
}

@media only screen and (max-width: 1366px) {
	#brand-promise.about .box h4 {
		font-size: 30px;
		line-height: 35px;
	}

	#difference.about .boxes-wrapper .box-item {
		padding: 50px 30px;
	}
}

@media only screen and (max-width: 1200px) {
	nav a,
	.btn,
	.description-wrapper.md p {
		font-size: 16px;
		line-height: 20px;
	}

	.description-wrapper.lg p {
		font-size: 18px;
	}
}

.mobile-only {
	display: none;
}

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

	.mobile-only {
		display: block;
	}
	
	header .col-1 img,
	.sticky .logo {
		width: 70%;
	}
	
	.sticky #responsive-menu button {
		top: 40px;
	}

	.description-wrapper p, .description-list-wrapper li {
		margin-bottom: 15px;
	}
	
	.heading-wrapper h1 {
		font-size: 30px;
		line-height: 35px;
		margin-bottom: 20px;
	}
	
	.heading-wrapper h2 {
		font-size: 25px;
		line-height: 30px;
	}
	
	.heading-wrapper h3,
	.heading-wrapper.dark-green h2 {
		font-size: 20px;
		line-height: 25px;
		margin-bottom: 20px;
	}

	#hero .description-wrapper {
		padding-bottom: 20px;
	}
	
	#info .content-wrapper,
	#faq .content-wrapper {
		width: 100%;
	}

	#difference .description-list-wrapper {
		padding-left: 50px;
	}

	#testimonials {
		padding: 50px 0;
	}
	
	.flex {
		flex-direction: column;
	}
	
	.col-1, .col-2, .col-3, .col-4, .col-5 {
		width: 100%;
		text-align: center;
	}
	
	#hero .col-1 {
		margin-bottom: 50px;
	}
	
	#difference .fiw-1, #difference .fiw-2 {
		width: 50%;
	}
	
	#difference .fiw-1 {
		left: 10%;
	}
	
	#difference .fiw-2 {
		right: 10% !important;
		top: 20% !important;
	}
	
	#difference .col-2 {
		margin-top: 100px;
	}

	.description-list-wrapper li p {
		text-align: left;
	}

	#difference .description-list-wrapper {
		padding-left: 0;
	}

	#brand-promise .col-1 .img-wrapper img {
		width: 15% !important;
	}

	#brand-promise {
		padding: 50px 0;
	}

	#brand-promise .col-1 {
		padding: 0;
	}

	#brand-promise .col-1 .content-wrapper {
		padding-top: 20px !important;
		margin: 0 !important;
	}

	#brand-promise .col-1 .content-wrapper .description-wrapper {
		padding: 0;
	}
	
	#brand-promise .col-2 .feat-img-wrapper-2 {
		width: 50%;
		margin-left: auto;
	}

	#brand-promise .col-2 .feat-img-wrapper-2 span {
		width: 300px !important;
		height: 300px !important;
	}

	#brand-promise .row-2 {
		width: 100%;
	}
	
	#brand-promise .feat-img-wrapper-1 {
		top: 20% !important;
		width: 40%;
	}

	#brand-promise .heading-wrapper.hw-2 {
		margin-top: 50px;
	}
	
	#contact .description-wrapper {
		width: 50%;
		margin: 0 auto;
	}
	
	#contact-info .icon-wrapper span {
		left: 0;
	}

	#contact .icon-wrapper i {
		font-size: 24px;
	}
	
	#contact .icon-wrapper {
		top: 0 !important;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	#footer ul {
		padding: 0;
	}
	
	#footer .col-2 ul {
		-webkit-columns: 1;
		-moz-columns: 1;
		columns: 1;
	}

	#footer .col-1, #footer .col-2, #footer .col-3, #footer .col-4, #footer .col-5 {
		margin-bottom: 20px;
	}
	
	#footer .col-1 .img-wrapper img {
		width: 10%;
	}
	
	#footer .content-wrapper {
		padding: 40px;
	}
	
	header .col-2 {
		padding: 0;
	}
	
	p {
		text-align: center;
	}
	
	#testimonials .info {
		text-align: center;
	}
	
	#hero.testimonials {
		text-align: center;
	}
	
	#brand-promise.about .accent-1, #brand-promise.about .accent-2 {
		display: none;
	}
	
	#brand-promise.about .feat-img-wrapper-1 {
		top: 15% !important;
	}

	#brand-promise.about .box {
		margin-top: 0 !important;
		text-align: center;
	}

	#difference.about {
		padding-top: 0;
	}

	#difference.about .box-item span {
		left: 3px;
	}

	#difference.about .boxes-wrapper {
		gap: 90px;
	}

	#info.about .w-50 {
		width: 100%;
		text-align: center;
		padding: 0;
	}

	#info.about .w-50 .feat-img-wrapper {
		width: 50%;
		margin: 0 auto 50px auto;
	}
}

@media only screen and (max-width: 980px) {
	#brand-promise .feat-img-wrapper-1 {
		width: 50%;
	}
}

@media only screen and (max-width: 767px) {
	#brand-promise .feat-img-wrapper-1 {
		top: 0 !important;
		width: 100%;
		opacity: 0.3;
	}

	#brand-promise .col-2 .feat-img-wrapper-2 {
		width: 60%;
		margin-left: 0;
		margin: 0 auto;
	}

	header .col-1 img, .sticky .logo {
		width: 100%;
	}

	#contact-info li a {
		font-size: 16px;
		line-height: 20px;
	}
	
	#info .icon-wrapper,
	#faq .icon-wrapper,
	#faq .btn-wrapper {
		left: 43% !important;
	}
	
	#brand-promise.about .box h4 {
		font-size: 30px;
	}
	
	#brand-promise.about .box {
		margin-top: 20px !important;
	}
	
	#difference.about {
		padding-bottom: 50px;
	}
}

@media only screen and (max-width: 640px) {
	.heading-wrapper h1 {
		font-size: 25px;
		line-height: 30px;
	}
	
	p, nav a, .btn, .description-wrapper.md p,
	.description-wrapper p, .description-list-wrapper li {
		font-size: 14px;
		line-height: 20px;
	}
	
	.description-wrapper.lg p {
		font-size: 16px;
	}

	.heading-wrapper h3, .heading-wrapper.dark-green h2 {
		font-size: 18px;
	}

	.heading-wrapper.dark-green h3 {
		font-size: 20px;
		line-height: 25px;
	}
	
	#contact .heading-wrapper h2 {
		margin-bottom: 20px;
	}
	
	#difference .fiw-1, #difference .fiw-2 {
		width: 70%;
	}
	
	#difference .fiw-2 {
		top: 50% !important;
	}

	#difference .col-2 {
		margin-top: 200px;
	}
}

@media only screen and (max-width: 440px) {
	#hero .heading-wrapper {
		padding-top: 30px;
	}
	
	#info .icon-wrapper,
	#faq .icon-wrapper {
		left: 39% !important;
	}

	#info .content-wrapper, #faq .content-wrapper {
		padding: 50px 30px;
	}
	
	#difference .col-2 {
		margin-top: 150px;
	}

	#testimonials .icon-wrapper {
		width: 20% !important;
	}

	#brand-promise .row-2.content-wrapper, 
	#brand-promise .heading-wrapper.hw-2 {
		padding: 50px 30px;
	}
	
	#contact .col-2 .content-wrapper {
		padding: 30px;
	}

	#footer .col-1 .img-wrapper img {
		width: 20%;
	}

	header .col-1 {
		width: 15%;
	}
	
	#info.about .w-50 .feat-img-wrapper {
		width: 80%;
	}
	
	#difference.about .box-item {
		width: 100%;
		padding: 50px 20px;
	}
	
	#brand-promise.about .box {
		margin-top: 55px !important;
	}
}