/*!
Theme Name: Eco Solar Energy
Theme URI: https://www.webnotick.com/products/free-solar-wordpress-theme
Author: Appnotick
Author URI: https://www.webnotick.com/
Description: Create a stunning, professional website with the Eco Solar Energy WordPress Theme. Designed specifically for eco-conscious businesses, environmental organizations, and solar energy companies, this theme combines beautiful visuals with easy-to-use functionality. It is professional, and responsive design ensures your website looks amazing on any device, from desktops to smartphones, and SEO optimization improves your search ranks and gets more visitors. With its user-friendly tools, you can easily showcase your renewable energy projects, green initiatives, and sustainable solutions to engage your audience. It is ideal with solar power services, wind energy products, and environmental campaigns to mention the theme as it will help you stand out.
Version: 1.0.36
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: eco-solar-energy
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Eco Solar Energy is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

@import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Slab:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Slab:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');



html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	box-sizing: border-box
}

body {
	margin: 0
}

details,
main {
	display: block
}

h1 {
	font-size: 2em;
	margin: .67em 0
}

hr {
	box-sizing: content-box;
	overflow: visible;
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em
}

code,
kbd,
pre,
samp {
	font-size: 1em
}

samp {
	font-family: monospace, monospace
}

a {
	background-color: transparent
}

abbr[title] {
	border-bottom: 0;
	text-decoration: underline dotted
}

b,
strong {
	font-weight: bolder
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

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

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	margin: 0
}

button,
input {
	overflow: visible
}

button,
select {
	text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
	-webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
	border-style: none;
	padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
	outline: 1px dotted ButtonText
}

fieldset {
	padding: .35em .75em .625em
}

legend {
	color: inherit;
	display: table;
	max-width: 100%;
	white-space: normal
}

progress {
	vertical-align: baseline
}

textarea {
	overflow: auto
}

[type=checkbox],
[type=radio],
legend {
	box-sizing: border-box;
	padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
	height: auto
}

[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

summary {
	display: list-item
}

[hidden],
template {
	display: none
}

::after,
::before {
	box-sizing: inherit
}

body,
button,
input,
optgroup,
select {
	color: #404040
}

body,
button,
input,
optgroup,
select,
textarea {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 1rem;
	line-height: 1.5
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both
}

p {
	margin-bottom: 1.5em
}

cite,
dfn,
em,
i {
	font-style: italic
}

blockquote {
	margin: 0 1.5em
}

.site-main .comment-navigation,
.site-main .post-navigation,
.site-main .posts-navigation,
address,
table {
	margin: 0 0 1.5em
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	overflow: auto;
	padding: 1.6em
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help
}

ins,
mark {
	background: #fff9c0;
	text-decoration: none
}

big {
	font-size: 125%
}

body {
	background: #fff;
	overflow-x: hidden !important
}

ol,
ul {
	margin: 0 0 1.5em 3em
}

ul {
	list-style: disc
}

ol {
	list-style: decimal
}

li>ol,
li>ul {
	margin-bottom: 0;
	margin-left: 1.5em
}

dt {
	font-weight: 700
}

dd {
	margin: 0 1.5em 1.5em
}

.widget select,
embed,
iframe,
object,
pre {
	max-width: 100%
}

figure {
	margin: 1em 0
}

table {
	width: 100%
}

button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
	border-color: #ccc #bbb #aaa
}

button:active,
button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
	border-color: #aaa #bbb #bbb
}

input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=range],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px
}

input[type=color]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=range]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
textarea:focus {
	color: #111
}

select {
	border: 1px solid #ccc
}

textarea {
	width: 100%
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: "Albert Sans", sans-serif !important;
	scroll-behavior: smooth
}

.main-navigation a,
a:hover {
	text-decoration: none
}

li {
	list-style: none
}

.dropdown-menu {
	--bs-dropdown-link-active-bg: transparent !important
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, .2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0
}

.main-navigation ul ul li.focus>ul,
.main-navigation ul ul li:hover>ul {
	display: block;
	left: auto
}

.main-navigation ul ul a {
	width: 200px
}

.main-navigation ul li.focus>ul,
.main-navigation ul li:hover>ul {
	left: auto
}

.main-navigation li,
.pagination {
	position: relative;
	padding: 10px 25px
}

.main-navigation a {
	display: block;
	font-family: "Poppins", sans-serif !important;
	font-weight: 500
}

.pagination {
	clear: both;
	padding: 20px 0;
	font-size: 11px;
	line-height: 13px
}

.pagination a,
.pagination span {
	display: block;
	float: left;
	margin: 2px 2px 2px 0;
	padding: 15px 20px;
	text-decoration: none;
	width: auto;
	color: #fff;
	background: #0a9642;
	font-size: 18px;
	font-weight: 600
}

.pagination a:hover,
.pagination span:hover {
	color: #000
}

.nav-next a {
	color: #0a9642;
	font-weight: 700
}

.nav-next a,
.nav-previous a {
	outline: 0;
	cursor: pointer;
	background-color: #fff;
	box-shadow: rgb(0 0 0/0)0 0 0 0, rgb(0 0 0/0)0 0 0 0, rgb(0 0 0/12%)0 1px 1px 0, rgb(60 66 87/16%)0 0 0 1px, rgb(0 0 0/0)0 0 0 0, rgb(0 0 0/0)0 0 0 0, rgb(60 66 87/8%)0 2px 5px 0;
	border-radius: 4px;
	font-size: 14px;
	padding: 4px 8px;
	display: inline-block;
	min-height: 28px;
	transition: background-color .24s, box-shadow .24s
}

.nav-next a:hover,
.nav-previous a:hover {
	box-shadow: #000;
	background-color: #a1a1a1;
	color: #000
}

.page .entry-header .entry-title {
	background: #f4f4f4
}

.comment-body {
	display: flex;
	gap: 10px;
	justify-content: normal
}

.comments-area a {
	color: #000
}

.comments-area a:hover,
.entry-title a:hover {
	color: #0a9642
}

.comment-meta {
	width: 40%;
	height: 40%
}

.comment-content {
	padding: 10px
}

.comment-respond h3 small {
	font-size: 14px;
	padding-left: 40px
}

#respond {
	margin-top: 35px;
	padding: 2em;
	border-top: 3px solid #0a9642;
	box-shadow: 0 10px 20px rgb(0 0 0/10%);
	background: #fff
}

.reply {
	bottom: 5%;
	right: 20px;
	position: absolute;
	font-weight: 700
}

.wp-block-latest-comments__comment-meta {
	text-align: left
}

.sub-menu {
	background: #f3f3f3;
	margin-left: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	display: inline !important;
	width: auto
}

.sub-menu li {
	padding: 10px 10px 0 !important
}

.main-navigation.toggled ul,
.menu-toggle {
	display: block
}

@media screen and (min-width:48.5em) {
	.menu-toggle {
		display: none
	}

	.main-navigation ul {
		display: flex;
		flex-wrap: wrap
	}
}

.comment-navigation .nav-links,
.post-navigation .nav-links,
.posts-navigation .nav-links {
	display: flex
}

.comment-navigation .nav-previous,
.post-navigation .nav-previous,
.posts-navigation .nav-previous {
	flex: 1 0 50%
}

.comment-navigation .nav-next,
.post-navigation .nav-next,
.posts-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%
}

.sticky {
	display: block
}

.updated:not(.published) {
	display: none
}

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

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

.entry-content img {
	padding: 10px;
	border: 3px solid #0a9642
}

.singlepage img {
	width: 400px;
	height: 400px
}

.searchpage {
	background-color: #f1f1f1
}

.entry-title a {
	color: #000;
	font-family: "Poppins", sans-serif
}

.entry-title {
	font-size: 35px !important;
	color: #0a9642;
	font-weight: 700;
	font-family: "Albert Sans", sans-serif
}

.main-box-post .entry-content {
	margin: 0 !important;
}

.main-box-post header,
.main-box-post .entry-content {
	padding: 0 1rem;
}

.entry-date a {
	color: #FFFFFF;
	font-weight: 500;
	font-family: "Poppins", sans-serif !important;
	letter-spacing: 0px;
	background-color: #7ECF29;
	padding: .3rem .7rem;
	border-radius: 20px;
}

.post-info span a {
	color: #000000;
	font-weight: 500;
	font-family: "Montserrat", sans-serif !important;
	letter-spacing: 0px;
	margin-right: 2rem;
}

.entry-content {
	line-height: 1.8rem;
	color: #000;
	font-size: 1rem;
	display: flex;
	flex-direction: column
}

.main-box-post .box-image {
	margin: 0 0 1rem 0;
}

.main-box-post .post-info {
	margin: 1rem 0 .5rem 0;
}

.readbtn {
	margin: .5rem 0;
}

.main-box-post .entry-content h2.entry-title {
	font-size: 18px !important;
	font-weight: 500;
	font-family: "Montserrat", sans-serif !important;
	letter-spacing: 0px;
	color: #000000;
}

.categories {
	font-weight: 700;
	font-size: 1.2rem
}

.categories a {
	color: #000
}

.widget.widget_search .wp-block-search__inside-wrapper .wp-block-search__input {
	border: 1px solid #d3ced2;
	padding: 6px 16px;
	border-radius: 5px 0 0 5px;
	font-size: .9rem;
	color: #fff
}

.sidebar-div input[type=search],
.single_sidebar input[type=search],
.search_sidebar input[type=search] {
	border: 1px solid #d3ced2;
	padding: 15px;
	border-radius: 5px 0 0 5px;
	font-size: .9rem
}

.widget.widget_search .wp-block-search__inside-wrapper .wp-block-search__button,
.widget.widget_search .search-submit {
	cursor: pointer;
	color: #fff;
	background-color: #000000;
	margin: 0;
	padding: 10px 5px;
	border-radius: 5px;
	font-size: 12px;
	width: 100px;
	float: right;
	font-weight: 400;
	border: 1px solid #fff
}

.readbtn {
	color: #0a9642;
	font-weight: 600
}

.wp-block-heading,
.widget .widget-title {
	font-weight: 700
}

.widget .widget-title,
.widget .wp-block-heading,
.widget .wp-block-search__label {
	font-weight: 500;
	font-size: 20px;
	text-align: left;
	background: #7ECF29;
	color: #ffffff;
	position: relative;
	padding: 5px 20px;
	width: fit-content;
	border-radius: 5px;
}

.widget-heading {
	padding: 5px 5px 5px 0px;
	border: 1px solid #7ECF29;
	border-radius: 5px;
	border-radius: 5px;
	width: fit-content;
}

.widget-area .widget,
.widget .wp-block-latest-posts {
	margin-bottom: 2px;
	border: 0;
	border-radius: 0 8px 8px 6px;
	margin: 21px 17px 63px;
	position: relative
}

.widget .wp-block-latest-posts__list.wp-block-latest-posts,
.widget .tagcloud,
.widget_recent_entries ul,
.widget-area .wp-block-latest-posts.wp-block-latest-posts__list,
.block-1 .widget-area ul,
.block-2 .widget-area ul,
.block-3 .widget-area ul,
.block-4 .widget-area ul,
.block-5 .widget-area ul,
.block-6 .widget-area ul,
.wp-block-archives,
.wp-block-categories,
.wp-block-latest-comments,
.widget_archive ul,
.widget_categories ul {
	list-style: none;
	border-radius: 3px
}

#secondary .widget ul li {
	list-style: none;
	background: #f8f8f8;
	padding: 8px 10px 8px 50px;
	border-radius: 2px;
	position: relative
}

.sidebar-div .widget ul li {
	list-style: none;
	/* background: #f8f8f8; */
	padding: 8px 10px 8px 50px;
	border-radius: 2px;
	position: relative
}

#primary .widget ol li .wp-block-latest-comments__comment-link::before {
	display: none
}

.widget.widget_search form .wp-block-search__label,
label {
	display: inline-block;
	margin-bottom: 10px;
}

form.search-form {
	width: 100%;
	max-width: 100%;
	position: relative;
	padding: 3px;
	border: 0.5px solid #7ECF29;
	border-radius: 10px;
}

.widget_search form.search-form input[type=search] {
	padding: 0 55px 0 25px;
	height: 50px;
	background-color: #ffffff;
	color: #000;
	border: 0
}

label:focus-visible,
input:focus-visible {
	outline: 0 !important;
	border: 0 !important
}

.widget_search form.search-form button.search-submit {
	width: 50px;
	color: #fff;
	font-size: 16px;
	line-height: 1;
	height: 50px;
	padding: 0;
	position: absolute;
	right: 4px;
	background: #7ECF29 0% 0% no-repeat padding-box;
	border-radius: 5px;
}

#primary .home {
	padding-top: 2rem;
}

#secondary input[type=search] {
	border: 0;
	margin-bottom: 0;
	font-size: 15px;
	border-radius: 2px;
	padding: 10px !important;
	line-height: 1.6;
	background-color: #f8f8f8;
	color: #fff !important;
	border-radius: 6px;
	margin: 0-2px
}

.wp-block-latest-posts.wp-block-latest-posts__list {
	list-style: none;
	padding-left: 0
}

.wp-block-group ul,
.widget ul {
	margin: 0 !important
}

.widget .gallery-item .gallery-icon img {
	width: 100px;
	height: 100px
}

.widget figure img,
.widget_media_image figure img {
	height: 100px !important;
	width: 200px !important
}

.cat-links {
	color: #aaa;
	padding-right: 30px
}

.cat-links a {
	color: #0a9642;
	font-family: "Poppins", sans-serif
}

.edit-link a {
	float: right;
	color: #0a9642;
	font-size: 20px;
	font-family: "Poppins", sans-serif;
	font-weight: 700
}

.archivepage h1 {
	font-size: 25px
}

.comment-content a {
	word-wrap: break-word
}

.bypostauthor {
	display: block
}

.comments-area .comment-form-author,
.comments-area .comment-form-cookies-consent,
.comments-area .comment-form-email,
.comments-area .comment-form-url {
	display: none
}

.nav-next,
.nav-previous {
	margin-top: 20px !important
}

.nav-next .nav-subtitle,
.nav-previous .nav-subtitle {
	font-size: 16px;
	font-weight: 700;
	color: #000
}

.nav-previous a {
	color: #0a9642;
	font-weight: 700
}

.widget {
	margin: 0 0 1.5em
}

.comment-content .wp-smiley,
.entry-content .wp-smiley,
.page-content .wp-smiley {
	border: 0;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0
}

.custom-logo-link {
	display: inline-block
}

.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: .8075em 0
}

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

.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em
}

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

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr)
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr)
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr)
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr)
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr)
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr)
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr)
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr)
}

.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none
}

.gallery-caption,
.infinity-end.neverending .site-footer {
	display: block
}

#colophon .container-fluid,
#colophon .container {
	overflow: hidden;
}

#colophon .hentry {
	margin: 0
}

#colophon .footerbox:first-child .hentry:not(:first-child) {
	margin: 0 0 0 10%
}

#colophon .hentry:nth-child(2),
#colophon .hentry:nth-child(3),
#colophon .hentry:nth-child(4) {
	padding-top: 3rem;
}

#colophon .hentry:nth-child(3),
#colophon .hentry:nth-child(4) {
	padding-top: 7.5rem;
}

#colophon .footerbox .hentry:first-child img {
	width: 60%
}

#colophon .footer_social_links a i,
#colophon .footer_social_links a svg,
#colophon .footer_social_links i.fa,
#colophon .footer_social_links svg.fa {
	color: #ffffff;
	font-size: 20px;
}

#colophon .menu-footer ul li {
	margin-bottom: 14px
}

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important
}

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

#primary[tabindex="-1"]:focus {
	outline: 0
}

.alignleft {
	float: left;
	margin-right: 1.5em;
	margin-bottom: 1.5em
}

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

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

.blog-div {
	width: 100%;
	height: auto;
	padding: 40px 0
}

.site-description {
	width: 250px;
	font-size: 15px;
	color: #0a9642;
	margin: 0;
	font-weight: 600
}

.mainrow {
	background-color: #fff;
	padding: 10px;
	margin: 0 0 20px;
	border-radius: 5px;
	border-left: 1px solid #d3d3d3;
	border-bottom: 2px solid #d3d3d3
}

.maincontent h2 a {
	font-size: 1.7rem !important;
	color: #000 !important;
	font-weight: 700
}

.post-details a,
.post-details span {
	font-size: 1rem !important
}

.maincontent p {
	font-size: 1.2rem !important;
	color: gray;
	padding-bottom: 20px
}

.search_sidebar li a,
.sidebar-div li a,
.single_sidebar li a {
	text-decoration: none;
	border-bottom: none;
	line-height: 1.5rem;
	color: #060606;
	font-weight: 400;
	font-size: 18px
}

.widget .tagcloud a {
	color: #fff;
	padding: 10px
}

.maincontent .text-white {
	color: #000 !important
}

.entry-content .submit-btn,
.maincontent .submit-btn {
	background: #f6bb19;
	color: #fff;
	border: 0;
	border-radius: 10px;
	padding: 15px;
	box-shadow: -2px 2px 0 1px #fff
}

.sidebar-col {
	padding-top: 45px
}

.sidebar-div h2 {
	font-size: 1.5rem
}

.wp-block-search__button {
	background: #283b60;
	color: #fff
}

.entry-content .text-white {
	color: #000 !important
}

.entry-content p {
	margin-bottom: 0 !important
}

.widget footer {
	padding: 5px 0 0;
	color: #000;
	font-weight: 600;
	text-align: left;
	display: block
}

.comment-metadata {
	display: flex;
	justify-content: space-around
}

.comment-list {
	margin: 0;
	padding: 0;
	position: relative
}

.sitenave {
	background-color: #fff;
	padding: 5px 6rem;
	border-radius: 0px 0px 15px 0px;
}

.sitenave .site-branding img {
	width: 227px;
	height: 66px;
}

.site-header .headericondiv {
	background-color: #000000;
}

.site-header {
	background-color: transparent;
	width: 100%;
	align-items: center;
	color: #fff;
	position: absolute;
	z-index: 2;
}

.site-header .social-links a {
	font-size: 16px;
	color: #fff;
	transition: all .2s ease-in-out;
	border-radius: 50px;
	padding: 5px;
	width: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 30px
}

.site-header .contact-info a {
	color: #fff
}

.site-header .contact-info a .icon {
	/* box-shadow: 0 0 30px -5px; */
	padding: 10px;
	background: 0;
	border-radius: 50%
}

.navbar-nav {
	margin-left: auto
}

.navbar {
	position: relative;
	top: 0;
	font-weight: 900;
	font-size: 20px;
	background: transparent;
	/* padding: 10px 50px; */
	padding: 0 !important;
	z-index: 999
}

.site-title a {
	font-size: 2.5rem
}

.main-navigation ul li a,
.navbar {
	color: #22372A
}

.main-navigation ul li .active {
	color: #fff;
	background-color: #22372A;
	border-radius: 5px;
	padding: 6px 20px !important
}

.about-section .subtitle span,
.main-navigation ul li a:hover {
	color: #7ECF29
}

.dropdown-item,
.main-navigation ul li {
	position: relative;
	padding: 6px 20px
}

.menu-toggle:focus {
	box-shadow: none !important
}

.menu-toggle {
	border: 0 !important;
	background: 0
}

.navbar-toggler-icon {
	background: #0080004a !important;
	border: 1px solid green !important
}

.home-section {
	width: 100%;
	height: auto;
	position: relative
}

.carousel-inner {
	z-index: 1
}

.home-section .carousel-item h1 {
	font-size: 22px;
	color: #22372A;
	font-weight: 600;
	font-family: "Poppins", sans-serif !important;
}

.home-section .carousel-item h2 {
	font-size: 112px;
	color: #7ECF29;
	font-weight: 600;
	font-family: "Poppins", sans-serif !important;
	letter-spacing: 3.36px;
	opacity: 1;
	padding-top: 0.7rem;
}

.home-section .justify-content-center p {
	font-size: 18px;
	color: #000000;
	font-weight: 500;
	font-family: "Montserrat", sans-serif !important;
	letter-spacing: 0.54px;
	opacity: 0.8;
}

.home-section .carousel .carousel-caption .submit-btn,
.wp-block-button a {
	background: #f6bb19;
	color: #fff;
	border: 0;
	border-radius: 10px;
	padding: 15px;
	box-shadow: -2px 2px 0 1px #fff
}

.wp-block-button a:hover {
	cursor: pointer;
	color: #fff
}

.home-section .carousel-item img.d-block {
	position: absolute;
	right: -11%;
	height: 97%;
	width: 45%;
	bottom: 0;
	display: block;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.home-section .carousel-inner .row {
	/* width: 100%; */
	height: 852px;
}

.site-title a {
	color: #0a9642
}

.site-title a:hover {
	color: #000
}

.home-section .carousel-item .hero-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	background: linear-gradient(90deg, #22372A10 74.5%, #0a2c2b 25.5%);
}

.home-section .sliderbutton {
	position: absolute;
	right: 24%;
	top: 52%;
	background: linear-gradient(90deg, #22372A 50%, #f1f2f2 50%);
	width: 50px;
	height: 50px;
	padding: 0;
	cursor: pointer;
	border-radius: 50%;
	z-index: 1;
}

.home-section .carousel .carousel-control-prev svg {
	width: 1rem !important;
	height: 1rem !important;
	color: #f1f2f2 !important;
	margin-left: 1rem;
}

.home-section .carousel .carousel-control-next svg {
	width: 1rem !important;
	height: 1rem !important;
	color: #000 !important;
	margin-right: 1rem;
}

.home-section .carousel .carousel-caption {
	width: 55%;
	top: 50%;
	left: 50%;
	transform: translate(-78%, -40%);
}

.home-section .read-more .btn {
	color: #F6F7F6;
	display: inline-block;
	font-weight: 400;
	padding: 7px 5px 7px 15px;
	font-size: 18px;
	text-transform: capitalize;
	text-decoration: none;
	transition: .5s;
	background: #7ECF29 0% 0% no-repeat padding-box;
	margin-top: 1rem;
	border-radius: 10px;
	font-family: "Poppins", sans-serif !important;
	letter-spacing: 0.54px;
}

.home-section .read-more .btn span {
	background-color: #22372A;
	margin-left: 1rem;
	padding: .3rem;
	border-radius: 10px;
}

.home-section .read-more .btn svg {
	font-size: 16px;
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	color: #fff;
	transform: rotate(-45deg);
	padding: 0rem .4rem;
}

.home-section .slider-sideimg {
	width: 41px;
	height: 315px;
	position: absolute;
	right: 23%;
	top: 33%;
}

.home-section .slider-sideimg img {
	width: 100%;
}

.home-section .slider-img2 {
	position: absolute;
	left: 2%;
	bottom: 2%;
	width: 236px;
	height: 259px;
}

/* ⭐ Star image positioning */
.star-img0 {
	position: absolute;
	left: 15%;
	top: -4rem;
	width: 55px !important;
	height: 55px !important;
	z-index: 13;
	animation: animName 7s linear infinite;
}

.star-img1 {
	position: absolute;
	left: 85%;
	top: 0rem;
	width: 55px !important;
	height: 55px !important;
	z-index: 13;
	animation: animName 7s linear infinite;
}

.star-img2 {
	position: absolute;
	left: 44%;
	top: 2rem;
	width: 55px !important;
	height: 55px !important;
	z-index: 13;
	animation: animName 7s linear infinite;
}

.star-img3 {
	position: absolute;
	left: -2%;
	bottom: 3rem;
	width: 55px !important;
	height: 55px !important;
	z-index: 13;
	animation: animName 7s linear infinite;
}

.star-img4 {
	position: absolute;
	left: 20%;
	bottom: 19%;
	width: 55px !important;
	height: 55px !important;
	z-index: 13;
	animation: animName 7s linear infinite;
}

.star-img5 {
	position: absolute;
	left: 40%;
	bottom: 28%;
	width: 55px !important;
	height: 55px !important;
	z-index: 13;
	animation: animName 7s linear infinite;
}

.star-img6 {
	position: absolute;
	left: 50%;
	bottom: 9%;
	width: 55px !important;
	height: 55px !important;
	z-index: 13;
	animation: animName 7s linear infinite;
}


.star-img0 img,
.star-img1 img,
.star-img2 img,
.star-img3 img,
.star-img4 img,
.star-img5 img,
.star-img6 img {
	width: 100%;
	height: auto;
}

@keyframes animName {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.about-section {
	padding: 5%;
	position: relative;
	background-color: #fff;
	z-index: 0;
}

.about-section::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 60%;
	background: transparent linear-gradient(180deg, #F3F4F3 0%, #F3F4F300 100%) 0% 0% no-repeat padding-box;
	z-index: 1;
}

.about-section .row {
	position: relative;
	z-index: 2;
	overflow: hidden !important;
}

.about-section h5.title {
	font-size: 56px !important;
	font-family: "Poppins", sans-serif !important;
	font-weight: 600 !important;
	letter-spacing: 1.68px;
	color: #22372A;
	text-transform: capitalize;
	position: relative;
	writing-mode: vertical-lr;
	transform: rotate(-180deg);
	animation: slideTextVertical 5s linear infinite;
	margin: 0;
	justify-self: anchor-center;
}

@keyframes slideTextVertical {
	0% {
		transform: rotate(-180deg) translateY(100%);
	}

	100% {
		transform: rotate(-180deg) translateY(-220%);
	}
}


.about-section .subtitle {
	font-weight: 700;
	color: #000;
	font-size: 2.8rem
}

.about-section p {
	font-weight: 500
}

.about-section .abt-icon {
	font-size: 1.8rem;
	color: #0a9642;
	border: 2px solid #0a9642;
	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px;
	border: none !important;
}

.about-section .abt-title {
	font-weight: 900;
	font-size: 1.6rem
}

.about-section .abt-contact {
	border: 7px solid #0a9642;
	border-radius: 10px;
	padding: 5px 20px;
	width: fit-content
}

.about-section .abtimg-bx {
	border-radius: 20px;
	position: absolute;
	bottom: 5%;
	background: #fff;
	padding: 20px 25px
}

.about-section .abtimg-bx h6 {
	font-weight: 900;
	font-size: 18px
}


.about-section img {
	width: 100%;
	height: 587px;
}

.about-section .aboutrightsection {
	width: 89%;
}

.about-section .abtfeature1 {
	font-size: 18px !important;
	font-family: "Poppins", sans-serif !important;
	font-weight: 600 !important;
	letter-spacing: 0.54px;
	color: #22372A;
	text-transform: capitalize;
	width: 89%;
	padding: .5rem;
	margin: 0;
}

.about-section .circle {
	width: 54px;
	height: 54px;
	background: #22372A 0% 0% no-repeat padding-box;
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.about-section .featureimg {
	width: 100%;
	height: 100%;
	padding: 5px;
}

.about-section .circle::before {
	content: '';
	position: absolute;
	top: 5px;
	left: -15px;
	width: 100%;
	height: 82%;
	background: #dfe3e1;
	border-radius: 8px;
	z-index: -1;
	transform: rotate(-17deg);
}

.about-section .about-service p {
	font-size: 16px;
	font-family: "Montserrat", sans-serif !important;
	font-weight: 500;
	letter-spacing: 0.48px;
	color: #000000;
	padding: .2rem .5rem;
	margin: .5rem 0 0 1rem;
}

.about-section .about-service p svg {
	width: 9px;
	height: 9px;
	color: #22372A;
	position: absolute;
	margin-left: -1.5rem;
	margin-top: .4rem;
}

.about-section .about-btn {
	font-size: 18px;
	font-family: "Poppins", serif !important;
	font-weight: 500;
	letter-spacing: 0.54px;
	color: #F6F7F6;
	text-transform: capitalize;
	padding: .4rem 0 .35rem 1rem;
	background: #7ECF29;
	position: relative;
	cursor: pointer;
	display: inline-block;
	border-radius: 10px;
	transition: all 0.4s ease-in-out;
	margin: 0;
}

/* Hover effect */
.about-section .button:hover .about-btn {
	letter-spacing: 1px;
	font-weight: 500;
	transform: translateY(-5px);
	/* button goes up */
	box-shadow: -3px 4px 0px 0px #22372A;
}

.about-section .about-btn span {
	background-color: #22372A;
	margin-left: 1rem;
	padding: .45rem .5rem .4rem .5rem;
	border-radius: 10px;
}

.about-section .d-flex .call-content {
	margin-left: 3rem;
}

.about-section .d-flex .call-circle {
	background: #22372A0A 0% 0% no-repeat padding-box;
	border-radius: 50%;
	width: 51px;
	height: 51px;
}

.about-section .d-flex .call-circle svg {
	font-size: 15px;
	color: #7ECF29;
	position: relative;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.about-section .d-flex .call-content .content {
	margin-left: 2rem;
}

.about-section .d-flex .call-content .content h2.call-text {
	font-size: 14px;
	font-family: "Montserrat", serif !important;
	font-weight: 500;
	letter-spacing: 0px;
	color: #000000;
	margin: 0;
}

.about-section .d-flex .call-content .content h3.call-number {
	font-size: 24px;
	font-family: "Poppins", serif !important;
	font-weight: 500;
	letter-spacing: 0.24px;
	color: #000000;
	margin: 0;
	padding-top: 5px;

}

.site-footer {
	background: url(assets/images/carousel1.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: relative;
	width: 100%;
	height: auto;
	z-index: 0;
	padding: 3% 0% 3% 4%
}

.site-footer .footer-widgets-areas,
.site-footer .footer-widgets-area {
	position: relative;
	z-index: 3;
	background-color: #22372A;
}

#colophon .footer-overlay {
	background-color: #22372A;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
	opacity: 0.8;
}

#colophon .footerbox .f1stcal {
	background-color: #ffffff;
	height: 100%;
	padding: 2rem 3rem 3rem 3rem;
}

#colophon .footerbox .f1stcal h1 {
	font-size: 37px;
	font-family: "Poppins", sans-serif !important;
	font-weight: 600;
	letter-spacing: 0px;
	text-align: center;
}

#colophon .footerbox .f1stcal p {
	font-size: 18px;
	font-family: "Poppins", sans-serif !important;
	font-weight: 400;
	color: #2E2E2E;
	padding: 1rem 0;
}

#colophon .footerbox .f1stcal h3 {
	font-size: 27px;
	font-family: "Poppins", sans-serif !important;
	font-weight: 500;
	padding: 1rem 0;
	text-decoration: underline;
	letter-spacing: 0px;
	color: #7ECF29;
	text-align: center;
}

#colophon .footerbox .f1stcal ul li a {
	font-size: 15px;
	font-family: "Montserrat", sans-serif !important;
	font-weight: 500;
	letter-spacing: 0px;
	color: #2E2E2E;
}

#colophon .footerbox .f1stcal ul li:last-child a {
	font-size: 26px;
	font-family: "Poppins", sans-serif !important;
	font-weight: 600;
	color: #22372A;
}

#colophon .footerbox .f1stcal ul li {
	position: relative;
	padding-left: 30px;
	list-style: none;
	margin-bottom: .6rem;
}

#colophon .footerbox .f1stcal ul li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 16px;
	height: 16px;
	background-image: url('assets/images/listicon.png');
	/* replace with your image */
	background-size: contain;
	background-repeat: no-repeat;
}

#colophon .searchbar h4 {
	color: #000;
	background: #fff;
	padding: 10px 30px;
	border-radius: 10px 10px 10px 10px;
	margin: 9px 0 0;
	font-size: 25px;
	font-weight: 700;
	margin-right: -8px
}

#colophon .searchbar .d-flex {
	background: #2a2e3d;
	padding: 9px 9px;
	border-radius: 10px
}

#colophon .searchbar input {
	background: #2a2e3d;
	border-radius: 14px;
	color: #fff;
	padding: 12px;
	width: 100%;
	border-radius: 10px;
	font-weight: 600;
	margin-right: 10px;
	border: 0
}

#colophon .searchbar button {
	background-color: #fff;
	padding: 6px 42px;
	font-size: 22px;
	border-radius: 12px;
	font-weight: 500;
	color: #000;
	border: 2px solid #000
}

#colophon .site-info {
	position: absolute;
	bottom: 0;
	padding: 6px 0;
	z-index: 6;
	justify-self: right;
	text-align: right;
	width: 74%;
	border-top: .1px solid #ffffff20;
}

#colophon .site-info span {
	display: block;
	color: #fff;
	font-size: 20px;
	font-weight: 300
}

#colophon .paragraph .textwidget p,
#colophon .paragraph p {
	color: #fff;
	line-height: 34px;
	font-size: 20px;
	font-weight: 400
}

#colophon h3 {
	font-size: 20px;
	font-weight: 400;
	font-family: "Poppins", sans-serif !important;
	letter-spacing: 0px;
	color: #FFFFFF;
	padding-bottom: .7rem;
}

#colophon p {
	font-size: 16px;
	font-weight: 500;
	font-family: "Montserrat", sans-serif !important;
	letter-spacing: 0px;
	color: #FFFFFF;
	text-transform: capitalize;
}

#colophon .widget-title {
	font-size: 22px;
	font-weight: 600;
	width: fit-content;
	position: relative;
	font-family: "Poppins", sans-serif !important;
	letter-spacing: 0px;
	color: #FFFFFF;
	padding: 1.5rem 0rem;
}

#colophon .footer-widget-area ul {
	margin: 0;
	text-align: left;
	padding-left: 0
}

.widget ol:not(.magazine-tabs),
.widget ul:not(.magazine-tabs) {
	padding: 2rem 0rem;
}

.widget ol:not(.magazine-tabs) li:hover,
.widget ul:not(.magazine-tabs) li:hover {
	border: 1px solid #7ECF29;
	border-radius: 5px;
	border-left: 7px solid #7ECF29;
}

.widget ol:not(.magazine-tabs) li::before,
.widget ul:not(.magazine-tabs) li::before {
	content: "";
	position: absolute;
	top: 16px;
	left: 16.4px;
	display: inline-block;
	width: 10px;
	height: 9.5px;
	margin-right: 10px;
	border: 2px solid #7ECF29;
	opacity: 1;
}

.widget ol:not(.magazine-tabs) li::after,
.widget ul:not(.magazine-tabs) li::after {
	content: "";
	position: absolute;
	top: 13px;
	left: 14px;
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-right: 10px;
	transform: rotate(45deg);
	border: 2px solid #7ECF29;
	opacity: 1;
}

.widget li {
	margin-bottom: 10px !important;
	margin-bottom: 10px !important;
	padding: 10px 40px !important;
	font-size: 16px;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	letter-spacing: 0px;
	color: #000000;
	transition: 0.5s;
}

.widget_block {
	border: 1px solid #7ECF29;
	width: fit-content;
	border-radius: 5px;
	padding: 5px 6px 5px 0;
	margin-bottom: 1.5rem;
}

.widget .textwidget {
	padding: 1rem;
}

#colophon ul li a {
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	font-weight: 500
}

#colophon .widget_nav_menu ul li {
	position: relative;
	padding-left: 28px;
	list-style: none;
}

#colophon .widget_nav_menu ul li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 16px;
	height: 16px;
	background-image: url('assets/images/listicon-hover.png');
	background-size: contain;
	background-repeat: no-repeat;
}


#colophon .footer-cont-detls h5 {
	color: #fff;
	font-size: 18px
}

#colophon .footer-cont-detls .d-flex {
	gap: 6px
}

#colophon .footer-cont-detls i,
#colophon .footer-cont-detls svg {
	margin-right: 8px;
	padding: 8px;
	border-radius: 4px;
	font-size: 21px;
	color: #ffffff;
}

#colophon .footer-cont-detls .d-flex p {
	color: #fff;
	line-height: 34px;
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 0
}

#colophon .socialMedia {
	position: relative
}

#colophon .socialMedia ul li,
#colophon .wp-block-social-links li {
	display: inline-block;
	position: relative;
	margin-bottom: 0 !important;
	padding: 4px 10px !important;
	border: 1px solid #fff;
	background: #fff;
	border-radius: 8px;
	margin-right: 10px
}

#colophon .socialMedia ul li a {
	color: #0a9642;
	font-size: 18px;
	font-weight: 700
}

#colophon .wp-block-social-links li a {
	color: #0a9642 !important;
	font-size: 25px !important;
	font-weight: 700;
	padding: 5px 0
}

#colophon .footer-cont-detls p {
	color: #fff;
	line-height: 25px;
	font-size: 18px;
	font-weight: 300;
	text-align: left;
	margin-top: 0 !important;
	padding: 0 0 10px
}

.tooltip {
	visibility: hidden;
	background-color: #4caf50;
	color: #fff;
	padding: 8px;
	border-radius: 4px;
	position: absolute;
	top: -3rem;
	left: 50%;
	font-size: 14px;
	transition: visibility .2s, opacity .2s;
	opacity: 0
}

.tooltip.invalid {
	background-color: #f44336
}

.tooltip.visible {
	visibility: visible;
	opacity: 1
}

.scrollup {
	width: 40px;
	height: 40px;
	position: fixed;
	z-index: 999;
	bottom: 20px;
	margin: 0;
	font-size: 24px;
	padding: 9px 12px;
	right: 20px;
	background-image: linear-gradient(220deg, #06652c, #a9a9a9);
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center
}

.scrollup #scrolltop {
	color: #fff
}

#submit {
	background: #f6bb19;
	color: #fff;
	border: 0;
	border-radius: 10px;
	padding: 15px;
	margin-bottom: 20px;
	box-shadow: -2px 2px 0 1px #fff
}

.scrollup:hover {
	color: #000
}

.site-main {
	width: 100%;
	height: auto
}

.site-main ol {
	padding: 0;
	margin: 0
}

.site-main .banner-head {
	width: 100%;
	height: 55vh;
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
	object-fit: cover;
	position: relative
}

.site-main .banner-head .center-div {
	position: relative;
	text-align: center;
	top: 60%
}

.site-main .banner-head .center-div h1 {
	text-shadow: 0 3px #000;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 40px
}

.banner-head {
	width: 100%;
	height: 378px;
	position: relative;
}

.banner-head .innerheader-overly {
	z-index: 1;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: linear-gradient(90deg, #22372A20 74.5%, #22372A 25.5%);
}

.banner-head header {
	position: absolute;
	top: 60%;
	left: 6%;
}

.banner-head header .page-title {
	font-size: 32px;
	font-weight: 600;
	font-family: "Montserrat", sans-serif !important;
	letter-spacing: 0.66px;
	color: #7ECF29;
}

.page .entry-header .entry-title {
	padding: 10% 8% 45%;
	background: #fff;
	font-weight: 700
}

.wp-block-button {
	margin: 15px 0 !important
}

.navbar-toggler-icon {
	width: 2em !important;
	height: 2em !important;
	position: relative
}

.menu-toggle .icon-bar {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 29px;
	height: 4px;
	background-color: #3f536d;
	font-size: 0;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: background-color .3s;
	transition: background-color .3s;
	right: 0;
	margin: 0 auto
}

.menu-toggle .icon-bar:before,
.menu-toggle .icon-bar:after {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	background: #3f536d;
	-webkit-transition: -webkit-transform .3s;
	-moz-transition: -webkit-transform .3s;
	-ms-transition: -webkit-transform .3s;
	-o-transition: -webkit-transform .3s;
	transition: transform .3s
}

.menu-toggle .icon-bar:before {
	-webkit-transform: translateY(-250%);
	-moz-transform: translateY(-250%);
	-ms-transform: translateY(-250%);
	-o-transform: translateY(-250%);
	transform: translateY(-250%)
}

.menu-toggle .icon-bar:after {
	-webkit-transform: translateY(250%);
	-moz-transform: translateY(250%);
	-ms-transform: translateY(250%);
	-o-transform: translateY(250%);
	transform: translateY(250%)
}

.menu-toggle.active .icon-bar:before {
	-webkit-transform: translateY(0) rotate(45deg);
	-moz-transform: translateY(0) rotate(45deg);
	-ms-transform: translateY(0) rotate(45deg);
	-o-transform: translateY(0) rotate(45deg);
	transform: translateY(0) rotate(45deg)
}

.menu-toggle.active .icon-bar:after {
	-webkit-transform: translateY(0) rotate(-45deg);
	-moz-transform: translateY(0) rotate(-45deg);
	-ms-transform: translateY(0) rotate(-45deg);
	-o-transform: translateY(0) rotate(-45deg);
	transform: translateY(0) rotate(-45deg)
}

.menu-toggle.active span {
	background-color: transparent
}

.navbar-expand-lg {
	flex-wrap: nowrap;
	justify-content: space-between !important
}

.main-navigation ul.nav-menu .current_page_item>a,
.main-navigation ul.nav-menu .current-menu-item>a,
.main-navigation ul.nav-menu .current_page_ancestor>a,
.main-navigation ul.nav-menu .current-menu-ancestor>a {
	color: #7ECF29;
	border-radius: 3px
}

.main-navigation ul.nav-menu>.menu-item-has-children>a:after {
	content: "+";
	padding-left: 10px;
	font-size: 17px;
	position: relative;
	bottom: 1px;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	font-family: "Font Awesome 5 Free";
	font-weight: 900
}
.menu-header-menu-container {
	padding-right: 18%;
}

ul li.contact-item a {
	background-color: #f1f3f2;
	border-radius: 0;
	font-family: "Poppins", sans-serif !important;
	font-weight: 700;
}
article.type-post {
	width: 90%;
	justify-self: center;
}

.blog-img {
	width: 100%;
	height: 467px;
	border-radius: 20px;
	overflow: hidden;
}

.blog-img img {
	width: 100%;
	height: 100%;
}

.header-img {
	width: 236px;
	height: 259px;
	position: absolute;
	right: 26%;
	bottom: 12px;
}

.header-img img {
	width: 100%;
	height: 100%;
}

.star-headerimg1 {
	position: absolute;
	top: 46%;
	left: 15%;
	display: block;
	width: 55px;
	height: 55px;
	animation: animName 7s linear infinite;
}

.star-headerimg2 {
	position: absolute;
	bottom: 3%;
	left: 3%;
	display: block;
	width: 55px;
	height: 55px;
	animation: animName 7s linear infinite;
}

.star-headerimg3 {
	position: absolute;
	left: 30%;
	bottom: 12%;
	display: block;
	width: 55px;
	height: 55px;
	animation: animName 7s linear infinite;
}

.star-headerimg4 {
	position: absolute;
	left: 50%;
	top: 50%;
	display: block;
	width: 55px;
	height: 55px;
	animation: animName 7s linear infinite;
}

.star-headerimg1 img,
.star-headerimg2 img,
.star-headerimg3 img,
.star-headerimg4 img {
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.comment-author img {
	width: 100px;
	height: 100px;
	margin: 1rem 0;
}

.service-section {
	padding: 5rem 0;
}

.service-section .service-content .service-img {
	width: 94%;
	height: 297px;
	justify-self: center;
	border-radius: 10px;
}

.service-section .service-content .service-img img {
	width: 100%;
	height: 100%;
}

.service-section .service-content {
	background: #fbfbfb 0% 0% no-repeat padding-box;
	border-radius: 5px;
}

.service-section .service-content .img-content {
	padding: 1.5rem 1rem 2rem 1rem;
}

.service-section .service-content h1 {
	font-size: 21px;
	font-weight: 600;
	font-family: "Poppins", sans-serif !important;
	letter-spacing: 0.63px;
	color: #22372A;
}

.service-section .service-content p {
	font-size: 15px;
	font-weight: 400;
	font-family: "Montserrat", sans-serif !important;
	letter-spacing: 0.45px;
	color: #22372A;
	padding: 1rem 0 1.5rem 0;
}

.service-section .service-content a {
	font-size: 16px;
	font-weight: 500;
	font-family: "Poppins", sans-serif !important;
	letter-spacing: 0.48px;
	color: #FFFFFF;
	background: #7ECF29 0% 0% no-repeat padding-box;
	border-radius: 3px;
	padding: .3rem 1rem;
	transition: all 0.4s ease-in-out;
}

.service-section .service-content:hover a {
	letter-spacing: 1px;
	font-weight: 500;
	transform: translateY(-5px);
	box-shadow: -3px 4px 0px 0px #22372A;
}

.service-section .service-heading h1 {
	font-size: 35px;
	font-weight: 600;
	font-family: "Poppins", sans-serif !important;
	letter-spacing: 1.05px;
	color: #22372A;
	opacity: 1;
	position: relative;
	width: fit-content;
	justify-self: left;
}

.service-section .service-heading h1::before {
	content: "";
	position: absolute;
	left: 64%;
	bottom: 0%;
	width: 155px;
	height: 60px;
	background: url(assets/images/heading.png) no-repeat center center;
	background-size: contain;
}

.service-section .service-heading p {
	font-size: 18px;
	font-weight: 500;
	font-family: "Montserrat", sans-serif !important;
	letter-spacing: 0.54px;
	color: #22372A;
	opacity: 0.8;
	padding: 2rem 0 3rem 0;
}

.service-section .service-heading a {
	font-size: 18px;
	font-weight: 600;
	font-family: "Poppins", sans-serif !important;
	letter-spacing: 0.54px;
	color: #F6F7F6;
	text-transform: capitalize;
	background: #7ECF29 0% 0% no-repeat padding-box;
	border-radius: 10px;
	padding: .5rem .1rem .4rem .7rem;
	transition: all 0.4s ease-in-out;
}

.service-section .service-heading a:hover {
	letter-spacing: 1px;
	font-weight: 500;
	transform: translateY(-5px);
	box-shadow: -3px 4px 0px 0px #22372A;
}

.service-section .service-heading a span {
	background-color: #22372A;
	margin-left: 1rem;
	padding: .45rem .5rem .4rem .5rem;
	border-radius: 10px;
}

.service-section .service-content:hover h1 {
	color: #7ECF29;
}