/*
Theme Name: Cubix Tech Solutions
Theme URI: https://yourwebsite.com/my-theme
Author: Simran Katrapwar
Author URI: https://yourwebsite.com/about
Description: The Cubix Tech Solutions theme is a versatile and professional WordPress theme designed specifically for businesses, and professional services. With its sleek design, robust features, and customizable options, it offers a perfect platform for showcasing your business online. The Cubix Tech Solutions theme is optimized for search engines, helping your website rank higher in search results and attract more organic traffic. The theme is regularly updated to ensure compatibility with the latest WordPress version and plugins. Overall, The Cubix Tech Solutions theme offers a professional and feature-rich solution for businesses looking to establish a strong online presence and engage with their target audience effectively. Whether you're a small startup or a large corporation, this theme provides the tools you need to create a stunning and functional website for your business.
Version: 1.0.15
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cubix-tech-solutions 
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.

Cubix Tech Solutions 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/

Copyright (c) 2024, Simran Katrapwar (https://yourwebsite.com). All rights reserved.
*/



/*--------------------------------------------------------------
>>> 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.
 */
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;
	font-weight: 700
}

.main-navigation a img{
	width: 200px;
	height: 60px;
}

.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: #93c247;
	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 #93c248;
    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 #93c248;
}

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

.searchpage {
	background-color: #f1f1f1
}

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

.entry-title a:hover {
	color: #93c248;
}

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

.entry-date a,
.entry-author a {
	color: #93c248;
	font-weight: 600;
}

.entry-date:hover a,
.entry-author:hover a {
	color: #000
}

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

.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;
	background: #93c247;
	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: #1D3176;
	background-color: #fff;
	margin: 0;
	padding: 10px 5px;
	border-radius: 5px;
	font-size: 12px;
	width: 50px;
	height: 50px;
	float: right;
	font-weight: 400;
	border: 1px solid #fff;
}

.readbtn{
	border: 1px solid #e2e3e3;
    padding: 8px;
    border-radius: 20px;
    width: 200px;
    background: #93c247;
    position: absolute;
    bottom: -4%;
    left: 12%;
    color: #000;
    text-align: center;
	font-weight: 600;
}

.wp-block-heading, .widget .widget-title {
	font-weight: 700;
	font-size: 1.8rem !important
}

 .widget .widget-title,
 .widget .wp-block-heading,
 .widget .wp-block-search__label{
	font-weight: 400;
    font-size: 20px;
    text-align: center;
    background: #93c247;
    color: #FFFFFF;
    border-radius: 50px 0px 50px 0;
    border: 2px solid #fff;
    box-shadow: inset 0px -14px 20px 0 #000000d9, inset 0 -8px 0px 0px #4d55ad, inset 0 -3px 0px 10px #fff !important;
    margin-bottom: 30px;
    width: 120%;
    left: -10%;
    position: relative;
    padding: 16px;
    line-height: 2.5rem;
}
 
.widget .wp-block-latest-posts,.widget_search, .widget_recent_entries, .widget_categories, .widget_archive, .widget_recent_comments, #secondary .widget, #primary .widget {
    background: #e4e4e4;
    padding: 0px 30px 30px 30px;
    border-radius: 45px 40px 10px 10px;
}
.widget-area .widget,
.widget .wp-block-latest-posts {
    margin-bottom: 2px;
    border: none;
    border-radius: 0px 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;
    background: #fff;
    padding: 35px 16px 39px 24px !important;
    border-radius: 3px;
}

#secondary .widget ul li a::before, #secondary .widget ol li a::before, #primary .widget ul li a::before, #primary .widget ol li a::before {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    margin-right: 20px;
}

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

/* .widget.widget_search form{
	display: flex;
} */

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

form.search-form {
    width: 100%;
    max-width: 100%;
    position: relative;
    background: #93c247;
    padding: 3px;
    border-radius: 5px;
}

.widget_search form.search-form input[type="search"] {
    padding: 0 55px 0 25px;
    height: 50px;
    background-color: #93c247;
    color: #fff;
    border: none;
}

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

#secondary input[type="search"] {
    width: 150%;
    border: none;
    margin-bottom: 0px;
    margin: 0 5%;
    font-size: 15px;
    border-radius: 2px;
    padding: 10px !important;
    line-height: 1.6;
    background-color: #1D3176;
    color: #fff !important;
    border-radius: 6px;
}

.widget_search form.search-form button.search-submit {
    width: 50px;
    color: #1D3176;
    font-size: 16px;
    line-height: 1;
    height: 50px;
    padding: 0;
    background: #fff;
    position: absolute;
    right: 4px;
}

.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
}

.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 {
	background-color: #f1f1f1;
	width: 100%;
	height: auto;
	padding: 40px 0
}

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

.mainrow {
	padding: 10px;
	margin: 0 0 20px;
}

.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,
.sidebar-div,
.single_sidebar {
	background: #0a9642;
	color: #fff;
	border-radius: 8px;
	margin-bottom: 20px;
	border: 1px solid #d3d3d3;
	padding: 10px
} */

.search_sidebar li a,
.sidebar-div li a,
.single_sidebar li a {
	color: #000;
	font-weight: 600;
}

.widget .tagcloud a{
	color: #000;
	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
}

.widget ol:not(.magazine-tabs) li,
.widget ul:not(.magazine-tabs) li {
	margin-bottom: 7px;
	padding-bottom: 7px;
	font-size: 14px;
	list-style: none;
	border-bottom: 1px solid rgba(255, 255, 255, .3)
}

.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
}

.site-header {
	background-color: #93c248;
	width: 100%;
	padding: 10px 20px 20px;
	align-items: center;
	color: #fff;
	position: relative
}

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

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

.site-header .contact-info a .icon {
	padding: 10px;
}

.navbar-nav {
	margin-left: auto
}

.navbar {
	position: relative;
	top: 0;
	margin-bottom: -98px;
	box-shadow: rgba(0, 0, 0, .15)0 5px 15px 0;
	font-weight: 900;
	font-size: 20px;
	background: #fff;
	padding: 10px 50px;
	z-index: 999
}

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

.navbar{
	box-shadow: 0 0 20px 0 rgb(188, 234, 200);
}

.main-navigation ul li a,
.navbar {
	color: #000;
	font-weight: bold;
}

.navbar .nav-menu li:hover::after {
    width: 100%;
}
.navbar .nav-menu li::after{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    content: "";
    background: #93c248;
    width: 0%;
    height: 4px;
    transition: all 0.5s;
}

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

.about-section .subtitle span,
.main-navigation ul li a:hover {
	color: #93c248;
}

.dropdown-item,
.main-navigation ul li {
	position: relative;
	padding: 0 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 .post-subtitle,
.services-section .post-subtitle,
.about-section .post-subtitle {
	color: #000;
    line-height: 3.5rem;
    font-family: Georgia, 'Times New Roman', Times, serif !important;
    font-weight: 600;
    text-shadow: 0px 2px #93c248;
    margin: 15px 0px;
	font-size: 3rem !important;
}

.home-section .carousel-item .title,
.services-section .title,
.about-section .title{
	border-radius: 20px;
    color: #93c248;
    font-weight: bold;
	font-size: 1rem !important;
}

.about-section .title::before,
.services-section .title::before,
.home-section .carousel-item .title::before {
    content: "";
    border: 2px solid;
    position: relative;
    margin-right: 8px;
}

.home-section .carousel-item p{
	color: #000;
}

.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 {
	max-width: 100%;
	width: 100%;
	display: block;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	height: 100vh
}

.site-title a,
.navbar-brand {
	font-size: 2rem !important;
    text-transform: uppercase;
    font-family: Georgia, 'Times New Roman', Times, serif !important;
    font-weight: 600 !important;
    text-shadow: 0px 2px #93c248;
	color: #000;
}

.site-title a svg{
	font-size: 2rem;
    font-weight: bolder;
    color: #93c248;
}

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

.home-section .carousel .carousel-control-next,
.home-section .carousel .carousel-control-prev {
	position: absolute;
	background: #90eeb6;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	opacity: 9;
	border: 5px solid #fff
}

.home-section .carousel .carousel-control-next {
	top: 85%;
	right: 15%
}

.home-section .carousel .carousel-control-prev {
	top: 85%;
	left: 74%
}

.home-section .carousel .carousel-caption {
	width: 626px;
	left: 8%;
	top:20%;
}

.home-section .carousel .carousel-caption h1 {
	font-size: 3rem
}

.home-section .carousel .carousel-caption .submit-btn, .wp-block-button a,
.click-btn {
    display: flex;
    padding: 5px 15px;
    justify-content: center;
    align-items: center;
    margin: 0.5rem;
    line-height: 35px;
    border: 1px solid;
    border-radius: 50px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    color: #000 !important;
    text-decoration: none;
    transition: all 0.35s;
	background: #fff;
    box-sizing: border-box;
}

.buttons-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.btn-style,.wp-block-button a {
    border: 2px solid #93c248;
    color: #93c248;
}

.btn-style:hover,
.wp-block-button a:hover {
    color: #000;
    transition-delay: 0.2s;
    animation: ani500 0.6s forwards;
    background: radial-gradient(circle, #93c248 0.2em, transparent 0.3em) 6em 6em/1em 1em,
        radial-gradient(circle, #93c248 0.2em, transparent 0.3em) 0 0/1em 1em;
}

@keyframes ani500 {
    100% {
        background-size: 2.375em 2.375em, 0.1em 0.1em;
    }
}

/* =============================== */

.about-section {
	padding: 5% 5% 0%;
	position: relative
}

.about-section p {
    padding: 10px 0px;
    line-height: 1.6rem;
}

.about-section hr {
    border: 0;
    height: 3px !important;
    background: #000;
    margin: -32px 0 !important;
    width: 90%;
}

.circle1,
.circle2,
.circle3,
.circle4 {
    position: relative;
    color: #000;
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 50%;
    border: 3px solid #93c248;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

.circle2,
.circle3,
.circle4 {
    margin-left: 20%;
}

.text-box {
    display: flex;
    margin-top: 5rem;
}

.text1,
.text2,
.text3,
.text4 {
    font-size: 1rem;
	font-weight: 600;
	margin-right: 12px;
}

.circle1:hover,
.circle2:hover,
.circle3:hover,
.circle4:hover {
    background: #93c248;
    border: 2px solid #000;
}

.about-section .drop {
    color: #000;
    width: 200px;
    height: 200px;
    background: #fff;
    border-radius: 50%;
    background: #93c248;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    top: -20%;
    left: 60%;
    animation: patternAni 5s linear infinite;
}

@keyframes patternAni {
    0% {
        transform: translateX(0);
        box-shadow: 0 0 0 0 rgba(78, 255, 55, 0.4);
    }

    40% {
        transform: translateX(-30px);
        box-shadow: 0 0 0 30px rgba(1, 196, 53, 0);
    }

    100% {
        transform: translateX(0);
        box-shadow: 0 0 0 0 rgba(1, 196, 53, 0);
    }
}

.about-section .drop p {
    padding: 12px 37px;
    font-weight: bold;
}
.about-section {
	width: 100%;
	height: auto;
	position: relative;
}

.about-section  .abt-heroimg img {
	width: 100%;
	height: 500px !important;
    position: relative;
    border-radius: 50px 50px 20px 20px;
}

/* Service section Start */
.services-section {
    width: 100%;
    height: auto;
    padding: 0% 5% 8% 5%;
    position: relative;
}

.services-section .service-item .service-img {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    height: 300px;
}

.services-section .service-item .service-img a img {
    transition: all 0.3s linear;
    width: 100%;
}

.services-item:hover .service-img a img {
    transform: scale(1.1);
}

.services-section .service-item .service-text {
    background: #ffffff;
    padding: 25px;
    padding-left: 20px;
    position: relative;
    margin-top: -85px;
    width: 300px;
    transition: all 0.3s linear;
    z-index: 2;
    border-bottom-left-radius: 10px;
}

.services-section .service-text .service-title {
    font-size: 24px;
    line-height: 27px;
    font-weight: 600;
    position: relative;
}

.services-section .service-text a {
    color: #000 !important;
}

.services-section .service-text .service-title::before {
    content: "";
    position: absolute;
    left: -20px;
    top: 50%;
    background: linear-gradient(-160deg, #000 0%, #93c248 100%);
    width: 3px;
    height: 50px;
    transform: translateY(-50%);
}

.services-section .ovrly {
    border-radius: 0%;
    background: linear-gradient(to top, #93c248 25%, transparent 45%);
    opacity: 0.4;
    height: 100%;
    position: absolute;
    width: 34.1%;
    top: -35%;
    left: 33%;
    overflow: hidden;
    transform: scale(0);
    transition: all 0.4s;
    z-index: 1;
}

.services-section .service-item:hover .ovrly {
    transform: scale(3);
}
/* services section End*/

.site-footer {
	width: 100%;
    height: auto;
    padding: 0% 3% 3%;
    background: #93c248;
    position: relative;
}

.foot-contact {
    background: #fff;
    border: 5px solid #93c248;
    box-shadow: rgba(0, 0, 0, 0.45) 0px 21px 10px -15px;
    padding: 40px 20px;
    position: relative;
    top: 0;
    left: -1%;
    transform: translate(10px, -50px);
}

.site-footer a {
    color: #000;
	text-decoration: none;
    font-weight: bold !important;
}

.site-footer .icon {
    color: #000;
	font-size: 2rem;
    font-weight: bolder;
}

#colophon .footer-widget .d-flex p a:hover,
#colophon li a:hover {
    color: #fff !important;
}

#colophon .navbar-brand:hover,
#colophon .d-flex p a:hover{
	color: #93c248 !important;
}

#colophon .navbar-brand img{
	width: 200px;
	height: 60px;
}

.footer-icon {
    width: 50px;
    height: 50px;
    padding: 12px 15px;
    background: #93c248;
    border-radius: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
    box-shadow: -6px -6px 0px 0px #000;
    transition: all 0.5s ease-in;
    text-align: center;
}

.footer-icon:hover {
    box-shadow: none;
    transition: all 0.5s ease-in;
    color: #fff;
}

.site-footer ul {
    padding-left: 0;
}

.site-footer ul li a:hover {
    color: #fff;
}

.site-footer h4 {
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-weight: 600;
}

.footer-img img {
    width: 115px !important;
    height: 70px;
    border-radius: 5px;
    padding-right: 10px;
}

.underline {
    width: 100px;
    height: 3px;
    position: relative;
    background: white;
    margin-top: 5px;
    margin-bottom: 20px;
    border-radius: 3px;
    overflow: hidden;
}

.underline span {
    width: 10px;
    height: 100%;
    position: absolute;
    left: 10px;
    background: #000;
    border-radius: 3px;
    animation: moving 1.5s linear infinite;
}

@keyframes moving {
    0% {
        left: -20px;
    }

    100% {
        left: 100%;
    }
}

#colophon .site-info {
    position: relative;
    padding: 6px 0;
    background-color: #ffffff2b;
    z-index: 2;
	margin-top: 5px;
}

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

#colophon .paragraph .textwidget p,
#colophon .paragraph p {
	color: #000;
    line-height: 28px;
    font-size: 18px;
    font-weight: 400;
}

#colophon .widget{
	margin: 0 !important;
}

#colophon .widget-title,
#colophon .wp-block-heading {
	font-family: Georgia, 'Times New Roman', Times, serif !important;
    font-weight: 600 !important;
	text-transform: uppercase;
    font-size: 1.5rem !important;
    letter-spacing: 0;
    color: #000;
	text-align: left;
    background: transparent;
	border-bottom: 1px solid #000;
	border-top: none;
	border-left: none;
	border-right: none;
    border-radius: 0px;
    box-shadow: none !important;
    margin-bottom: 20px !important;
    width: fit-content;
    left: 0;
    position: relative;
    padding: 0px;
}

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

#colophon .socialMedia ul li:hover, #colophon .wp-block-social-links li:hover{
	color: #fff !important;
    border-color: #fff;
}

.widget ol:not(.magazine-tabs) li, .widget ul:not(.magazine-tabs) li {
	border-bottom: none;
	font-size: 16px;
}

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

#colophon ul li:hover a svg{
	color: #fff !important;
} 

#colophon .widget_nav_menu ul li:before {
    content: "\2b";   /* \f002 */
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    font-size: 20px;
    color: #000;
    position: relative;
    margin: 5px 10px 5px 5px;
}

#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;
    background: #fff;
    padding: 8px;
    border-radius: 4px;
    color: #0A9642;
    /* height: fit-content; */
}

#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 {
    position: relative;
    margin-bottom: 0 !important;
    padding: 4px 10px !important;
    border: 2px solid #000;
	background: transparent;
    border-radius: 8px;
    margin-right: 10px;
	border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

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

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

#colophon .footer-cont-detls p {
    color: #fff;
    line-height: 25px;
    font-size: 18px;
    font-weight: 300;
    text-align: left;
    margin-top: 0 !important;
    padding: 0px 0px 25px;
}
/* Tooltip */
.tooltip {
    visibility: hidden;
    background-color: #4caf50;
    color: #fff;
    padding: 8px;
    border-radius: 4px;
    position: absolute;
    top: -3rem;
    left: 50%;
    /* transform: translateX(-50%); */
    font-size: 14px;
    transition: visibility 0.2s, opacity 0.2s;
    opacity: 0;
}

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

.tooltip.visible {
    visibility: visible;
    opacity: 1;
}
/* Tooltip */

.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: #93c248;
	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
}

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

.wp-block-button{
	margin: 15px 0px !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: 0px;
    -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 0.3s;
    transition: background-color 0.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 0.3s;
    -moz-transition: -webkit-transform 0.3s;
    -ms-transition: -webkit-transform 0.3s;
    -o-transition: -webkit-transform 0.3s;
    transition: transform 0.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>.menu-item-has-children>a:after {
	content: "\2b";
	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;
}

.mainrow .img-fluid{
	width: 100%;
    height: 250px;
    border-radius: 20px 20px 0 0;
    transition: all .5s ease-in-out;
}

.mainrow .mainbox{
	position: relative !important;
	border-radius: 40px;
	border: 1px solid #0000002d;
}

.mainrow .mainbox .image{
	position: relative;
    overflow: hidden !important;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
}

.mainrow .mainbox .maincontent{
	background: linear-gradient(180deg, rgba(206, 254, 209, 0.38), rgba(170, 255, 180, 0.13));
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
	padding: 2rem 1rem;
}

.mainrow .mainbox:hover .image img{
    transform: scale(1.1);
}

.mainrow .mainbox .image::after{
    position: absolute;
    width: 200%;
    height: 0;
    left: 50%;
    top: 50%;
    background-color: hsla(126, 88%, 94%, 0.3);
    transform: translate(-50%, -50%) rotate(-45deg);
    content: "";
    z-index: 1;
}

.mainrow .mainbox:hover .image::after{
    height: 250%;
    transition: all .6s linear;
    background-color: transparent;
}

.readbtn:hover{
	color: #fff !important;
}

.mainrow .mb-5{
	margin-bottom: 4rem !important;
}