/*
Copyright (c) 2022.
------------------------------------------------------------------
[Master Stylesheet]
Project: GreenLight HTML Template 
Version: 1.0.0
Auther:PixelNX
-------------------------------------------------------------------
[Table of contents]
1. Header css Start / .gl_menu_header
2. Banner css Start / .gl_top_header
3. Services css Start / .gl_Serivces_detail
4. Blog css Start / .gl_team_section
5. Footer css Start / .gl_footer
*/

/********************************************************
1. body start
 *******************************************************/

 body {
	font-family: 'lato', sans-serif;
	font-size: 16px;
	line-height: 1.6;
	color: #333333;
	font-weight: 400;
	overflow-x: hidden;
	background-color: #ffffff;
	-webkit-font-smoothing: antialiased;
	background-image: url(../images/body.jpg);
	background-size: cover;
}

/*--Typography Css Start--*/
a {
	text-decoration: none;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

a:hover,
a:focus {
	outline: none;
	text-decoration: none;
	color: #ffffff;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

p {
	margin-bottom: 0px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	line-height: 1.1;
	color: #4d4d4d;
	text-transform: capitalize;
	margin-bottom: 0px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

img {
	max-width: 100%;
}

input,
textarea,
select,
button {
	outline: none;
	box-shadow: none;
}

input:focus,
textarea:focus,
select:focus,
button:focus {
	outline: none;
	box-shadow: none;
}

.form-control:focus {
	outline: none;
	box-shadow: none;
	border-bottom: 1px solid #f15b5b;
}
.gl_all_section_main{
	overflow: hidden;
}
dl,
ol,
ul {
	padding: 0px;
	margin: 0px;
}

li {
	list-style: none;
}

.container {
	max-width: 1170px;
}

h5.gl_center {
	text-align: center;
	margin-bottom: 35px;
	position: relative;
	color: #084000;
}

h5.gl_center.gl_white_heading {
	color: #fff;
}

h1.text_span.gl_white_heading {
	color: #ffff;
	padding-bottom: 30px;
}

h5.gl_center.gl_white_heading:after {
	background: #fff;
}

h5.gl_center.gl_white_heading::before {
	background: #fff;
}

h5.gl_center:after {
	position: absolute;
	content: "";
	background-color: #194d12;
	height: 1px;
	width: 80px;
	left: 0;
	right: 0;
	bottom: -15px;
	margin: auto;
}

h5.gl_center:before {
	position: absolute;
	content: "";
	background-color: #194d12;
	height: 7px;
	width: 7px;
	left: 0;
	right: 0;
	bottom: -18px;
	margin: auto;
	z-index: 1;
}

h5.gl_center.gl_left {
	text-align: left;
}

h5.gl_center.gl_left:before {
	left: 0;
	margin: 0;
}

h5.gl_center.gl_left:after {
	left: 0;
	width: 80px;
	margin: 0;
}

h1.text_span {
	text-align: center;
	color: #084000;
}

.text_span span {
	color: #084000;
}

/* btn css */
.gl_btn {
	color: #ffffff;
	background: linear-gradient(90deg, #084000, #1b4f14 51%, #5aa236) var(--x, 0)/ 200%;
	height: 50px;
	display: inline-block;
	padding: 0 45px;
	font-weight: 500;
	line-height: 50px;
	border-radius: 100px;
	text-transform: capitalize;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.gl_btn:hover {
	--x: 100%;
	color: #ffffff;
}

button.gl_btn.submitForm.fl_contact_button:hover {
	color: #084000;
}

.gl_about_header a.gl_btn {
	background: #084000;
}

/* btn css */
/********************************************************
1. body end
********************************************************/


/********************************************************
2. header start
********************************************************/
.gl_top_header {
	background-image: url(../images/banner_head.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

.gl_menu_header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding: 20px 50px 0;
}

.top_gl_btn>ul>li {
	display: inline-block;
}

.gl_menus a.gl_btn {
	padding: 0 30px;
	background: #fff;
	color: #5aa236;
}

.gl_menus a.gl_btn:hover {
	background: linear-gradient(to right, #5aa236, #a6dc6d);
	color: #fff;
}

.gl_logo {
	margin-top: 5px;
}

.gl_about_header .gl_menus>ul>li>a {
	color: #fff;
}

.gl_menus>ul {
	text-align: right;
}
.gl_menus {
    padding-top: 15px;
}
.gl_menus>ul>li {
	display: inline-block;
	position: relative;
}

.gl_menus>ul>li>a {
	color: #084000;
	margin: 0 0 0 50px;
	font-weight: 600;
}

.gl_menus a.gl_btn:after {
	display: none;
}
.gl_menus.gl_menus_home>ul>li>a:after{
	content: "";
	position: absolute;
	bottom: -10px;
	left: 52px;
	right: 0;
	width: 0%;
	height: 2px;
	background-color: #084000;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.gl_menus.gl_menus_home>ul>li>a:hover:after {
	width: 50%;
}
.gl_menus>ul>li>a:after {
	content: "";
	position: absolute;
	bottom: -10px;
	left: 52px;
	right: 0;
	width: 0%;
	height: 2px;
	background-color: #ffffff;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.gl_menus>ul>li>a:hover:after {
	width: 50%;
}

.fixed .gl_menu_header {
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 9;
	background-color: #08400026;
	margin: 0;
	padding: 20px 50px 26px;
	animation: slide-down .7s;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.fixed .gl_menu_header .gl_menus>ul>li>a:after {
	background-color: #ffffff;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.gl_toggle {
	display: none;
}

/********************************************************
2. header end
********************************************************/
.gl_detail_btn>ul>li {
	display: inline-block;
}

.gl_detail_btn>ul>li>a {
	margin-right: 15px;
}

.gl_content {
	padding: 310px 50px 300px;
	display: inline-block;
	max-width: 1127px;
}

.gl_banner_img {
	padding: 120px 0 80px;
}

.gl_content h1 {
	color: #ffffff;
	font-size: 70px;
}

.gl_content h2 {
	color: #ffffff;
	margin: 10px 0 40px;
	font-size: 40px;
	max-width: 600px;
}

.gl_content p {
	margin: 30px 0;
}

.gl_content h5 {
	color: #ffffff;
	font-size: 30px;
}

.gl_content a {
	margin-top: 40px;
}

/********************************************************
3. service start
********************************************************/
.gl_Serivces_detail {
	padding: 75px 0 0;
}

.gl_Serivces_detail h1 {
	margin: 0 0 42px;
}

.gl_Serivces {
	text-align: center;
	transition: all 0.3s;
}

.gl_comment_box .gl_about_accordian {
	margin: 0;
}

.gl_Serivces a {
	color: #084000;
}

.gl_Serivces a:hover {
	color: #194d12;
}

.gl_Serivces {
	margin: 0 0 48px;
	box-shadow: 0 0 20px 5px #ececec;
	padding: 30px 20px;
	border-radius: 10px;
	z-index: 5;
	background-size: cover;

	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.gl_Serivces h3 {
	margin: 20px 0 10px;
	font-size: 20px;
}

.gl_Serivces:hover {
	transform: translateY(-5px);
}

.gl_Serivces_in {
	padding: 80px 0 32px;
}

/********************************************************
3. service end
********************************************************/

/********************************************************
4. about start
********************************************************/
.gl_about {
	padding: 80px 0 5px;
}

.gl_about_back {
	background: #084000;
	padding: 50px 40px 0;
	position: relative;
	margin-bottom: -160px;
	box-shadow: 0 -10px 10px 0px #0000001f;
}

.gl_about_gradient {
	height: 60px;
	background: #084000;
	transform: rotate(0deg) skew(0deg, 0deg);
	width: 100%;
	position: absolute;
	bottom: -20px;
	left: 0;
}

.gl_about_detail h1 {
	margin-bottom: 30px;
	text-align: left;
}

.gl_about_icon_text {
	padding: 20px 0px 0px 25px;

}

.gl_about_icon_text_section {
	display: flex;
	align-items: center;
}

.gl_about_detail a {
	margin-top: 40px;
}

.gl_about_icon_text h3 {
	font-size: 22px;
	color: #084000;
	font-weight: 700;
}

.gl_about_shape01 {
	background: #084000;
	padding: 76px 0 50px;
}

.gl_about_back h5,
h1 {
	color: #ffffff;
}

.gl_about_back h1 {
	color: #ffffff;
}

.gl_about_back p {
	color: #ffffff;
}

.gl_about_back span {
	color: #ffffff;
}

/********************************************************
4. about end
********************************************************/
/* Why Choose Section Css */
.gl_why_choose {
	padding: 80px 0;

}

.gl_why_choose_detail {
	margin: 50px 0 0;
	align-items: center;
	text-align: center;
}

.gl_why_choose_icon {
	margin: 0 0 25px;
	box-shadow: 0 0px 10px 0px #08400033;
	background-color: #ffffff;
	padding: 25px;
	border-radius: 5px;
	display: inline-block;
	width: 110px;
	height: 110px;
	transition: 1s;
}

.gl_why_choose_detail .gl_why_choose_text {
	width: inherit;
	transition: 1s;
}

.gl_why_choose_text h5 {
	margin-bottom: 10px;
	color: #194d12;
}

.gl_why_choose_text p {
	color: #084000;
	font-weight: 600;
}

.gl_why_choose_right {
	text-align: right;
}

.gl_vison_detail img,
.gl_why_choose_detail img {
	transition: 1s;
}

.gl_vison_detail:hover img,
.gl_why_choose_detail:hover img {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

/* new section */

.solar-features-box {
	display: inline-flex;
}

.solar-features-main-section {
	padding: 28px 30px 18px;
	margin: 0 0 30px;
	background: #ffffff;
	border-radius: 20px;
	transition: all 0.3s;
}

.solar-features-main-section:hover {
	transform: translateY(-5px);
}

.solar-features-icon {
	padding: 0px 15px 0px 0px;
}

.solar-features-text h3 {
	font-size: 20px;
}

.gl_new1_image {
	text-align: center;
	padding: 45px 0px 0px;
}

/* Why Choose Section Css */
.gl_about_two {

	padding: 50px 40px;
	margin-bottom: -160px;
	position: relative;
	box-shadow: 0 -10px 10px 0px #0000001f;
}

.gl_about_gradient_left {
	height: 60px;
	background: #084000;
	/* transform: rotate(0deg) skew(0deg, 2deg); */
	width: 100%;
	position: absolute;
	bottom: -20px;
	left: 0;
}

.gl_about_sources {
	padding: 30px;
	border-radius: 20px;
	position: relative;
	z-index: 1;
	background-color: #084000;
	text-align: center;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.gl_about_sources.gl_about_mt01,
.gl_about_sources.gl_about_mt02 {
	margin-bottom: 40px;
	border-radius: 20px;
}

.gl_about_sources:hover {
	transform: translateY(-5px);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.gl_about_sources:hover.gl_about_mt01:after {
	border-left: solid 263px #5fa639;
}

.gl_about_sources:hover.gl_about_mt02:after {
	border-right: solid 263px #5fa639;
}

.gl_about_sources:hover.gl_about_mt03:after,
.gl_about_sources:hover.gl_about_mt04:after {
	border-bottom: solid 44px #5fa639;
}

.gl_about_sources h5 {
	margin: 20px 0 10px;
	color: #fff;
}

.gl_about_sources p {
	color: #fff;
}

.gl_about_sources:hover:after {
	opacity: 1;
	visibility: visible;
}

.gl_about_sources h4 {
	font-size: 18px;
	margin: 15px 0;
	color: #fff;
}

.gl_Serivces:hover h4,
.gl_about_sources p {
	color: #fff;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

/* Counters Section Css */
.gl_counter .statistic-section {
	padding: 80px 0;
	background: -webkit-#084000;
	background: #084000;
}

.gl_counter .count-title {
	font-size: 50px;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 0;
	text-align: center;
	font-weight: bold;
	color: #fff;
}

.gl_counter .stats-text {
	font-weight: normal;
	margin-top: 15px;
	margin-bottom: 0;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
}

.gl_counter .stats-line-black {
	margin: 12px auto 0;
	width: 55px;
	height: 2px;
	background-color: #fff;
}

.gl_counter .stats-icon {
	font-size: 35px;
	margin: 0 auto;
	float: none;
	display: table;
	color: #fff;
}

.counter {
	transition: all 0.3s;
}

.counter:hover i {
	transform: rotateY(180deg);
	transition: all 0.3s;
}

/* Counters Section Css */
/* Pricing Section Css */
.gl_pricing {
	padding: 76px 0 78px;
}

.gl_pricing>h1 {
	color: #084000;
	margin: 0 0 42px;
}

.gl_price_main {
	text-align: center;
	border: solid 3px #084000;
	border-radius: 10px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.gl_price_main:hover {
	box-shadow: 0 0px 10px -3px #194d1278;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.gl_price {
	background-color: #084000;
	padding: 30px;

}

.gl_price h4 {
	color: #fff;
	margin: 20px 0 10px;
}

.gl_price p {
	color: #fff;
}

.gl_pr_text {
	padding: 30px;
}

.gl_pr_text p {
	margin: 0 0 20px;
}

.gl_pr_text h1 {
	color: #084000;
	margin: 0 0 30px;
	border-top: solid 2px #194d12;
	display: inline-block;
	padding-top: 20px;
}

.gl_pr_text a {
	padding: 0px 30px;
}

/* Pricing Section Css */
/* testimonial slider css start */
.gl_testimonial {
	padding: 76px 0 30px;
}

.gl_testimonial_box {
	box-shadow: 0px 0px 50px #3830b20f;
	margin: 0px 55px;
	padding: 30px 26px;
	border-radius: 20px;
}

.gl_testimonial_box img {
	border-radius: 100px;
	box-shadow: 4px 4px 0 0px #194d12;
}

.gl_testimonial_box h5 {
	color: #084000;
	margin: 30px 0 15px;
}

.gl_testimonial_box a {
	color: #084000;
}

.gl_testimonial_box p {
	margin: 15px 0 0;
}

.gl_testimonial_slider .swiper-container {
	width: 100%;
	height: 100%;
}

.gl_testimonial_slider .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.gl_testimonial_slider {
	overflow: hidden;
}

.gl_testimonial_slider .swiper-container {
	padding: 50px 0;
}

.gl_testimonial_slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
	padding: 5px;
	border-radius: 50px;
	transition: all 0.3s ease-in-out;
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	display: none;
}

.swiper-button-next:after,
.swiper-button-prev:after {
	display: none;
}

/* testimonial slider css start */
/* Footer Section css start */
.gl_footer {
	background-color: #084000;
	padding: 80px 0 80px;
}

.gl_footer_gradient {
	height: 60px;
	background: #084000;
	transform: rotate(0deg) skew(0deg, 0deg);
	width: 100%;
	position: absolute;
	top: -60px;
	left: 0;
}

.gl_footer_ab>p {
	color: #ffffff;
	margin: 40px 0 20px;
}

.top_gl_btn>ul>li>a {
	margin: 0 10px 0 0;
	color: #084000;
	background-color: #fff;
	border-radius: 100px;
	border: solid 1px #fff;
	display: inline-block;
	height: 40px;
	line-height: 39px;
	width: 40px;
	text-align: center;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.top_gl_btn>ul>li>a:hover {
	color: #ffffff;
	box-shadow: 0 0 0 25px #084000 inset;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.gl_footer_links {
	margin: 10px 0 0;
	padding-left: 70px;
}

.gl_footer_links h3 {
	color: #ffffff;
	margin: 0 0 40px;
	font-size: 22px;
}

.gl_links>ul>li {
	padding-bottom: 10px;
	width: 100%;
	transition: all 0.3s ease;

}

.gl_links>ul>li:hover {
	transform: translateX(5px);
}

.recent_box {
	display: inline-flex;
}

.recent_text p {
	color: #ffffff;
	padding-left: 10px;
}

.recent_text {
	width: calc(100% - 80px);
}

.recent_box.recent_box1 {
	padding-top: 10px;
}

.gl_links>ul>li>a {
	color: #fff;
	display: inline-block;
}

.gl_links>ul>li>i {
	margin: 0 10px 0 0;
	color: #fff;
}

.gl_footer_contact {
	margin: 10px 0 0;
}

.gl_footer_contact h3 {
	color: #ffffff;
	margin: 0 0 40px;
	font-size: 22px;
}

.gl_information>ul>li {
	color: #fff;
	margin-bottom: 10px;
}

.gl_information>ul>li>i {
	margin: 0 10px 0 0;
	font-size: 20px;
}

.gl_footer_contact>p {
	color: #fff;
	margin: 20px 0 0;
	font-size: 20px;
}

.gl_footer_contact>h1 {
	color: #fff;
}

.gl_copyright {
	text-align: center;
	padding: 15px 0;
	background-color: #084000eb;
}

.gl_copyright p {
	color: #fff;
}

/* Footer Section css end */

/* About Us Page css Start */
.gl_about_header {
	background-color: #084000;
	padding: 40px 0 55px;
	background-position: center;
}

.gl_banner {
	padding: 60px 0px;
	background-color: #1b4f14;
	background-image: url(../images/all-section.jpg);
	background-repeat: no-repeat;
}

.gl_title {
	text-align: center;
}

.gl_title h1 {
	color: #fff;

	font-size: 30px;
}

.gl_title ul li {
	color: #fff;
	font-size: 18px;
}

.gl_title ul li a {
	color: #fff;
}

.gl_aboutus_page {
	padding: 76px 0 73px;
}

.gl_our_vison_detail h1 {
	text-align: left;
	margin-bottom: 35px;
}

.gl_vison_detail {
	display: flex;
	align-items: center;
	margin: 40px 0 0;
}

.gl_vison_detail .gl_vison_detail {
	display: inline-block;
	align-items: center;
	margin: 40px 0 0;
}

.gl_vison_detail .gl_why_choose_icon {
	margin: 0 20px 0 0;
	width: 110px;
	display: inline-block;
}

.gl_aboutus_page .gl_why_choose_text {
	width: calc(100% - 145px);
	display: inline-block;
	vertical-align: middle;
}

.gl_accordian_img {
	text-align: right;
}

.gl_why_choose_text {
	width: calc(100% - 170px);
	display: inline-block;
	vertical-align: middle;
}

/* Accordian css */
.gl_section_accordian {
	background-color: #f6f6f6;
	padding: 76px 0 51px;
}

.gl_about_roads h1 {
	text-align: left;
	margin: 0 0 30px;
}

.gl_about_accordian {
	margin: 30px 0 0;
}

.gl_about_accordian .card-header {
	background: #084000;
}

.gl_about_accordian .card-header>a {
	color: #ffffff;
	display: block;
}

/* Accordian css */
/* Team css */
.gl_team_section {
	padding: 78px 0 50px;
}

.gl_team_slider_section {
	overflow: hidden;
}

.gl_about_team01 {
	padding: 76px 0 80px;
}

.gl_about_team01 h1,
.gl_team_section h1 {
	margin: 0 0 50px;
}

.section-title {
	margin-bottom: 60px;
}

.section-title p {
	color: #777;
	font-size: 16px;
}

.section-title h4 {
	text-transform: capitalize;
	font-size: 40px;
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 20px;
	font-weight: 600;
}


.section-title h4:before {
	position: absolute;
	content: "";
	width: 60px;
	height: 2px;
	background-color: #ff3636;
	bottom: 0;
	left: 50%;
	margin-left: -30px;
}

.section-title h4:after {
	position: absolute;
	background-color: #ff3636;
	content: "";
	width: 10px;
	height: 10px;
	bottom: -4px;
	left: 50%;
	margin-left: -5px;
	border-radius: 50%;
}

.single-team img {
	border-radius: 10px;
}

.single-team {
	position: relative;
}

.team-hover {
	background-color: #084000;
	color: #fff;
	position: absolute;
	bottom: -107px;
	left: 0;
	width: 100%;
	padding: 10px;
	text-align: center;
	border-radius: 0px 0px 10px 10px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.team-hover h4 {
	font-size: 20px;
	color: #fff;
}

.team-hover h4 span {
	display: block;
	font-size: 14px;
	font-weight: 300;
	margin: 10px 0;
}

.team-hover a {
	display: inline-block;
	color: #fff;
	padding: 0 5px;
}

.team-hover a:hover {
	color: #194d12;
}

.single-team:hover .team-hover {
	bottom: 0;
}

.single-team {
	overflow: hidden;
}

/* Team css */
/*********************** Demo - 16 *******************/
.box16 {
	text-align: center;
	color: #fff;
	position: relative
}

.box16 .box-content,
.box16:after {
	width: 100%;
	position: absolute;
	left: 0
}

.box16:after {
	content: "";
	height: 100%;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .08) 69%, rgba(0, 0, 0, .76) 100%);
	top: 0;
	transition: all .5s ease 0s;
	border-radius: 10px;
}

.box16 .post,
.box16 .title {
	transform: translateY(145px);
	transition: all .4s cubic-bezier(.13, .62, .81, .91) 0s;
}

.box16:hover:after {
	background: linear-gradient(to bottom, rgba(0, 0, 0, .01) 0, rgba(0, 0, 0, .09) 11%, rgba(0, 0, 0, .12) 13%, rgba(0, 0, 0, .19) 20%, rgba(0, 0, 0, .29) 28%, rgba(0, 0, 0, .29) 29%, rgba(0, 0, 0, .42) 38%, rgba(0, 0, 0, .46) 43%, rgba(0, 0, 0, .53) 47%, rgba(0, 0, 0, .75) 69%, rgba(0, 0, 0, .87) 84%, rgba(105, 187, 69, 0.65) 99%, rgba(105, 187, 69, 0.91) 100%);
}

.box16 img {
	width: 100%;
	height: auto;
	border-radius: 10px;
}

.box16 .box-content {
	padding: 20px;
	margin-bottom: 20px;
	bottom: 0;
	z-index: 1
}

.box16 .title {
	font-size: 22px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0 0 10px;
	color: #fff;
}

.box16 .post {
	display: block;
	padding: 0 0 20px;
	font-size: 15px
}

.box16 .social li a,
.box17 .icon li a {
	border-radius: 50%;
	font-size: 20px;
	color: #fff;
}

.box16:hover .post,
.box16:hover .title {
	transform: translateY(0);
}

.box16 .social {
	list-style: none;
	padding: 0 0 5px;
	margin: 40px 0 25px;
	opacity: 0;
	position: relative;
	transform: perspective(500px) rotateX(-90deg) rotateY(0) rotateZ(0);
	transition: all .6s cubic-bezier(0, 0, .58, 1) 0s;
}

.box16:hover .social {
	opacity: 1;
	transform: perspective(500px) rotateX(0) rotateY(0) rotateZ(0);
	margin: 15px 0;
}

.box16 .social:before {
	content: "";
	background: #fff;
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
}

.box16 .social li {
	display: inline-block
}

.box16 .social li a {
	display: block;
	width: 40px;
	height: 40px;
	background: #084000;
	margin-right: 10px;
	transition: all .3s ease 0s;
}

.box17 .icon li,
.box17 .icon li a {
	display: inline-block;
}

.box16 .social li a:hover {
	background: #084000;
}

.box16 .social li:last-child a {
	margin-right: 0;
}

.box16 .social li a i {
	line-height: 40px;
}

.gl_post_img {
	transition: all 0.3s;
}

.gl_post_img:hover {
	transform: translateY(-10px);
}

/* Blog css */
/******************  News Slider Demo-2 *******************/
.post-slide2 {
	margin: 0 15px;
	box-shadow: 0 1px 2px rgba(43, 59, 93, 0.30);
	margin-bottom: 2em;
	border-radius: 10px;
	position: relative;
	transition: all 0.3s;
}

.gl_post_img.post-slide2:hover {
	transform: translateY(-10px);
}

.post-slide2 .post-img {
	overflow: hidden;
	border-radius: 10px 10px 0 0;
}

.post-slide2 .post-img img {
	width: 100%;
	height: auto;
	transform: scale(1);
	transition: all 1s ease-in-out 0s;
}

.post-slide2:hover .post-img img {
	transform: scale(1.08);
}

.post-slide2 .post-date {
	position: absolute;
	top: 15px;
	right: 0px;
}

.post-slide2 .date {
	display: inline-block;
	border-radius: 3px 0 0 3px;
	padding: 5px 10px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	background: #012b4c;
}

.post-slide2 .month {
	display: inline-block;
	border-radius: 30px 0px 0 30px;
	padding: 5px 20px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	background: #084000;
}

.post-slide2 .post-content {
	padding: 20px;
	position: relative;
	background: #084000;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}
.post-content.post-content-blog {
    border-radius: 10px;
}
.post-slide2 .post-author {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	position: absolute;
	top: -25px;
	right: 10px;
	overflow: hidden;
	border: 4px solid #fff;
}

.post-date:after {
	position: absolute;
	content: "";
	right: 0;
	bottom: -10px;
}

.post-slide2 .post-author img {
	width: 100%;
	height: auto;
}

.post-slide2 .post-title {
	font-size: 17px;
	font-weight: 600;
	margin-top: 0;
	text-transform: capitalize;
}

.post-slide2 .post-title a {
	display: inline-block;
	color: #ffffff;
	margin: 10px 0;
	font-size: 22px;
}

.post-slide2 .post-title a:hover {
	color: #194d12;
	text-decoration: none;
}

.post-slide2 .post-description {
    font-size: 15px;
    color: #ffffff;
    line-height: 24px;
    padding-bottom: 15px;
}

.post-slide2 .post-bar {
	padding: 0;
	list-style: none;
}

.post-slide2 .post-bar li {
	color: #676767;
	padding: 10px 0;
}

.post-slide2 .post-bar li i {
	margin-right: 5px;

}

.post-slide2 .post-bar li a {
	display: inline-block;
	font-size: 16px;
	color: #ffffff;
	margin: 0px 20px 0 0;
	font-weight: 500;
}

.post-slide2 .post-bar li a:last-child:after {
	content: "";
}

.post-slide2 .post-bar li a:hover {
	color: #084000;
	text-decoration: none;
}
a.read-more.blog_btn {
    background: #fff;
    color: #084000;
}
a.read-more.blog_btn:hover {
    background: #fff;
    color: #084000;
}
.post-slide2 .read-more {
	display: inline-block;
	padding: 6px 15px;
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	background: linear-gradient(90deg, #084000, #1b4f14 51%, #5aa236) var(--x, 0)/ 200%;
	border-radius: 100px;
	text-transform: capitalize;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

a.read-more.service_btn {
	background: #fff;
	color: #084000;
}

a.read-more.service_btn:hover {
	color: #084000;
}

.post-slide2 .read-more:hover {
	--x: 100%;
	color: #ffffff;
	text-decoration: none;
}

.gl_partner_section {
	padding: 0 0 80px;
}

.gl_partner_section .swiper-slide {
	text-align: center;
}

.gl_partners_swiper_slider_inner {
	overflow: hidden;
}

.gl_partner_section h1 {
	margin: 0 0 60px;
}

.gl_blog_post {
	margin: 0 0 50px;
}

/* Sidebar css */
.gl_blog_sidebar {
	background-color: #ffffff;
	padding: 30px 20px;
	border-radius: 10px;
	box-shadow: 0 0px 2px rgba(43, 59, 93, 0.30);
	margin-bottom: 50px;
}

.gl_blog_sidebar h4 {
	margin: 0 0 25px;
	color: #084000;
	font-size: 18px;
}

.sl_search_btn input.form-control {
	border-color: #012b4c1c;
	line-height: 45px;
	height: 45px;
	padding: 0 20px;
	border-radius: 100px;
}

.sl_search_btn button.btn.btn-secondary {
	background: #084000;
	padding: 0 20px;
	border-color: #084000;
	height: 45px;
	border-radius: 0 100px 100px 0;
}

.sl_search_btn button.btn.btn-secondary:hover {
	background: linear-gradient(to right, #a6dc6d, #5aa236);
}

.gl_list_post {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}

.gl_list_img {
	margin-right: 15px;
}

.gl_list_img img {
	border-radius: 5px;
}

.gl_listing p {
	margin-bottom: 0px;

}

.gl_listing a {
	color: #084000;
	font-size: 16px;
	font-weight: 600;
}

.gl_listing a:hover {
	color: #194d12;
}

.sidebar_tag ul li {
	display: inline-block;
	margin: 10px 5px;
	transition: all 0.3s;
}

.sidebar_tag ul li a {
	padding: 10px 20px;
	background: #084000;
	color: #fff;
	border-radius: 100px;
}

.sidebar_tag ul li:hover {
	transform: translateY(-5px);
}

.sidebar_category ul li {
	display: flex;
	justify-content: space-between;
	margin: 15px 0 0px;
}

.sidebar_category ul li a {
	color: #012c4c;
	font-weight: 500;
}

.sidebar_category ul li a:hover {
	color: #084000;
}

.sidebar_category ul li span {
	color: #084000;
	font-weight: 700;
}

.sidebar_insta ul li {
	display: inline-block;
}

.sidebar_insta ul li a img {
	margin-bottom: 5px;
	border-radius: 5px;
	transition: all 0.3s;
}

.sidebar_insta ul li a img:hover {
	transform: translate(0px, -5px);
}

.sidebar_social .top_gl_btn>ul>li>a {
	background-color: #e6e6e6;
}

.gl_pagination .top_gl_btn>ul>li>a {
	background-color: #e6e6e6;
	font-size: 16px;
	font-weight: 600;
}

.gl_pagination .top_gl_btn a.active {
	background-color: #084000;
	color: #fff;
}

/* Blog css */
/* Comments Box css */
.card.card-white.post {
	background-color: #ffffff;
	border-radius: 10px;
	box-shadow: 0 0px 2px rgba(43, 59, 93, 0);
	margin-bottom: 30px;
}

.card-white .card-heading {
	color: #333;
	background-color: #fff;
	border-color: #ddd;
	border: 1px solid #dddddd;
}

.card-white .card-footer {
	background-color: #fff;
	border-color: #ddd;
}

.ss_reply.text-right {
	position: absolute;
	right: 15px;
}

.post .post-heading {
	padding: 20px 15px 0;
}

.post-heading.blog-single-post-heading {
	display: flex;
}

.post .post-heading .avatar {
	display: block;
	margin-right: 15px;
	border-radius: 5px;
}

.post .post-heading .meta .title {
	margin-bottom: 0;
}

.post .post-heading .meta .title a {
	color: #012b4c;
}

.post .post-heading .meta .title a:hover {
	color: #194d12;
}

.post .post-heading .meta .time {
	margin-top: 8px;
	color: #999;
}

.post .post-image .image {
	width: 100%;
	height: auto;
}

.ss_reply a {
	color: #194d12;
}

.post .post-description {
	padding: 15px;
}

.post .post-description p {
	font-size: 14px;
}

.post .post-description .stats {
	margin-top: 20px;
}

.post .post-description .stats .stat-item {
	display: inline-block;
	margin-right: 15px;
}

.post .post-description .stats .stat-item .icon {
	margin-right: 8px;
}

.post .post-footer {
	border-top: 1px solid #ddd;
	padding: 15px;
}

.post .post-footer .input-group-addon a {
	color: #454545;
}

.post .post-footer .comments-list {
	padding: 0;
	margin-top: 20px;
	list-style-type: none;
}

.post .post-footer .comments-list .comment {
	display: block;
	width: 100%;
	margin: 20px 0;
}

.post .post-footer .comments-list .comment .avatar {
	width: 35px;
	height: 35px;
}

.post .post-footer .comments-list .comment .comment-heading {
	display: block;
	width: 100%;
}

.post .post-footer .comments-list .comment .comment-heading .user {
	font-size: 14px;
	font-weight: bold;
	display: inline;
	margin-top: 0;
	margin-right: 10px;
}

.post .post-footer .comments-list .comment .comment-heading .time {
	font-size: 12px;
	color: #aaa;
	margin-top: 0;
	display: inline;
}

.post .post-footer .comments-list .comment .comment-body {
	margin-left: 50px;
}

.post .post-footer .comments-list .comment>.comments-list {
	margin-left: 50px;
}

.card.card-white.post.ss_reply_box {
	background: none;
	border: none;
	box-shadow: none;
	padding: 0 0 30px 80px;
	margin: 0;
}

/* Comments Form css */
.gl_comment_form h4 {
	margin: 0 0 25px;
	color: #194d12;
}

.gl_comment_form textarea.form-control {
	padding-top: 10px;
	resize: none;
	border: solid 1px #012b4c38;
}

.gl_comment_form input.form-control {
	height: 45px;
	line-height: 45px;
	padding: 0 20px;
	border: solid 1px #012b4c38;
}

.gl_comment_form button {
	margin-top: 15px;
	border: none;
}

/* About Us Page css end */
/* Gallery page css start*/
.gl_portfolio {
	padding: 80px 0 50px;
}
.portfolio_inner {
    padding-bottom: 30px;
}
.gl_portfolio a {
	margin-bottom: 30px;
}

.gl_portfolio img {
	border-radius: 10px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.gl_portfolio img:hover {
	box-shadow: -10px -10px 0 0px #084000;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

/* Gallery Page css end */

/* Contact Page css start */
.gl_contact {
	padding: 80px 0 80px;
}

.gl_contact h1 {
	margin: 0 0 50px;
}

.contact_map {
	margin: 80px 0 0;
}

.contact_map iframe {
	width: 100%;
	height: 530px;
	border-radius: 3px;
}

.contact_form {
	background: #084000;
	padding: 40px 30px;
	margin: 0 0 0px -100px;
	border-radius: 4px;
}

.contact_heading h1 {
	color: #fff;
	margin: 0 0 30px;
}

.contact_form p {
	color: #fff;
	margin: 0 0 36px;
}

.contact_form label {
	color: #ffff;
}

.contact_form input {
	margin: 20px 0 40px;
	height: 45px;
	line-height: 45px;
	background-color: transparent;
	color: #fff;
	border: solid 1px #ffffff;
}

.contact_form input::placeholder,
.contact_form textarea::placeholder {
	color: #fff;
}

.contact_form textarea {
	color: #fff;
	background-color: transparent;
	margin: 0 0 40px;
	padding-top: 10px;
	resize: none;
	border: solid 1px #ffffff;
}

.contact_form input:focus {
	background-color: transparent;
	color: #fff;
	outline: none;
	border: solid 1px #ffffff61;
}

.contact_form textarea:focus {
	background-color: transparent;
	color: #fff;
	outline: none;
	border: solid 1px #ffffff61;
}

.contact_form button {
	border: none;
	background: #fff;
	color: #084000;
	font-weight: 600;
}

.response {
	color: white;
}

/* Contact Page css end */
.gl_comment_box h1.text_span {
	margin-bottom: 20px;
}

.gl_comment_box .gl_Serivces h3 {
	margin: 30px 0 15px;
}

.ss_service {
	display: inline-block;
	margin: 15px 0 0;
	color: #194d12;
}

.ss_service:hover {
	color: #012b4c;
}

/* Blog Page css start */
.gl_blog_section {
	padding: 80px 0 80px;
}

.gl_blog_section h1 {
	margin: 0 0 50px;
}

.gl_post_img img {
	border-radius: 10px;
}

.gl_post_detail {
	margin: -100px 40px 0;
	background: #fff;
	position: relative;
}

/* Blog Page css end */
/********************************************************
21. components start
********************************************************/
/* bottom to top scroll start */
.gl_top_icon #button {
	display: inline-block;
	background:#084000;
	width: 50px;
	height: 50px;
	text-align: center;
	border-radius: 100px;
	position: fixed;
	bottom: 30px;
	right: 30px;
	transition: background-color .3s;
	opacity: .5s, visibility .5s;
	opacity: 0;
	visibility: hidden;
	z-index: 1000;
}

.gl_top_icon #button::after {
	content: "\f077";
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	font-size: 18px;
	line-height: 50px;
	color: #fff;
}

.gl_top_icon #button:hover {
	cursor: pointer;
	box-shadow: 0 0 0 25px #084000 inset;
}

.gl_top_icon #button:active {
	background-color: #555;
}

.gl_top_icon #button.show {
	opacity: 1;
	visibility: visible;
}

/* bottom to top scroll end */
/* input start */
/* input end */
/* checkbox start */
/* checkbox end */
/* popup start */
.gl_quote .modal-dialog {
	max-width: 600px;
	margin: 9.75rem auto;
}

.gl_quote .modal-header {
	padding: 20px 30px;
	border: none;
	background: #fff;
	border-radius: 4px 4px 0 0;
}

.gl_quote .modal-body {
	padding: 0;
	border-radius: 0;
}

.gl_quote .contact_form {
	background: #fff;
}

.gl_quote .modal-header h5 {
	color: #5aa236;
	font-size: 24px;
}

.gl_quote .close {
	color: #333;
	opacity: 1;
}

.gl_quote .contact_form {
	margin: 0;
	border-radius: 0 0 4px 4px;
	padding: 0 30px 40px;
}

.gl_quote .contact_form input {
	margin: 0 0 25px;
	border: solid 1px #ced4da99;
	color: #333;
}

.gl_quote .contact_form button {
	background: linear-gradient(to right, #5aa236, #a6dc6d);
	color: #fff;
	font-weight: 600;
}

.gl_quote .contact_form button:hover {
	background: linear-gradient(to right, #a6dc6d, #5aa236);
	color: #ffffff;
}

.gl_quote .contact_form input#exampleFormControlFile1 {
	border: none;
	height: auto;
	line-height: normal;
}

.gl_quote .contact_form textarea {
	margin: 0 0 25px;
	border: solid 1px #ced4da99;
	color: #333;
}

.gl_quote input::placeholder,
.gl_quote textarea::placeholder {
	color: #333;
}

.form-control-file {
	color: transparent;
}

.form-control-file::-webkit-file-upload-button {
	visibility: hidden;
}

.form-control-file::before {
	content: 'Choose File';
	color: #fff;
	display: inline-block;
	background: #5ea539;
	border: 1px solid #5ea539;
	border-radius: 3px;
	padding: 5px 8px;
	outline: none;
	white-space: nowrap;
	cursor: pointer;
	font-size: 14px;
}

.form-control-file:active {
	outline: 0;
}

.form-control-file:active::before {
	background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}

/* popup end */
/********************************************************
21. components end
********************************************************/

/********************************************************
22. responsive start
********************************************************/
@media(max-width: 1215px) {
	.gl_menus>ul>li>a {
		margin: 0 0 0 40px;
	}

	.gl_menus>ul>li>a:after {
		left: 40px;
	}
}

@media(max-width: 1200px) {

	.gl_about_sources.gl_about_mt01:after,
	.gl_about_sources.gl_about_mt02:after {
		bottom: -43px;
	}

	.gl_about_sources.gl_about_mt03:after,
	.gl_about_sources.gl_about_mt04:after {
		top: -43px;
	}

}

@media(max-width: 1199px) {
	.gl_top_header {
		background-size: auto;
	}

	body {
		background-image: none;
	}

	.gl_menus>ul>li>a:after {
		left: 30px;
	}

	.gl_content {
		padding: 220px 30px 150px;
	}

	.gl_content h1 {
		font-size: 50px;
	}

	.gl_content h2 {
		font-size: 25px;
	}

	.gl_content h5 {
		font-size: 20px;
	}

	.gl_about_sources:after {
		transform: none;
	}

	.gl_newsletter {
		padding: 80px 40px;
	}

	.contact_form {
		margin: 0 30px 0px -130px;
	}

	.gl_menus>ul>li>a {
		margin: 0 0 0 25px;

	}

	.gl_Serivces_detail {
		background-image: none;
	}

	.gl_about_sources.gl_about_mt01,
	.gl_about_sources.gl_about_mt02 {
		margin-bottom: 40px;
	}

	.gl_about_sources.gl_about_mt01:after {
		display: none;
	}

	.gl_about_sources.gl_about_mt02:after {
		display: none;
	}

	.gl_about_sources.gl_about_mt03:after {
		display: none;
	}

	.gl_about_sources.gl_about_mt04:after {
		display: none;
	}

	.gl_about_shape01 {
		padding: 80px 40px;
	}

	.gl_counter .statistic-section {
		padding: 80px 40px;
	}

	.gl_footer {
		padding: 80px 40px 0;
	}
}

@media(max-width: 1039px) {
	.gl_about_sources h5 {
		font-size: 19px;
	}
}

@media(max-width: 1084px) {
	.gl_Serivces h3 {
		font-size: 17px;
	}
}

@media(max-width: 1050px) {
	.gl_about_sources h5 {
		font-size: 17px;
	}
}

@media(max-width: 1102px) {
	.gl_footer_contact>h1 {
		font-size: 34px;
	}

	@media(max-width: 992px) {
		.gl_Serivces h3 {
			font-size: 17px;
		}
	}
	@media(max-width:767px){
		.gl_blog_section {
			padding: 80px 0 45px;
		}
	}


	@media(max-width: 991px) {
		.portfolio_inner img {
			width: 100%;
		}
		.gl_contact {
			padding: 0 0 90px;
		}
		.gl_footer_shape {
			padding: 0px 20px 0;
			margin-top: 0;
			
		}
		.gl_menus>ul>li>a {
			color: #ffffff;

		}
		.gl_section_accordian {
			
			padding: 76px 0 76px !important;
		}
		.counter {

			padding-bottom: 35px;
		}

		.gl_footer_links {

			padding-left: 0;
		}

		.gl_counter .statistic-section {
			padding: 80px 40px 60px;
		}

		.solar-features-text {
			padding-top: 35px;
		}

		.gl_new1_image {

			padding: 0 0px 20px;
		}

		.gl_about_icon_text {
			padding: 20px 0px 0px 0px;
		}

		.gl_footer {
			padding: 80px 18px 60px;
		}

		.gl_content h1 {
			font-size: 40px;
		}

		.gl_content h2 {
			font-size: 20px;
		}

		.gl_content h5 {
			font-size: 18px;
		}

		.gl_footer_ab,
		.gl_footer_links,
		.gl_footer_contact {
			margin-bottom: 30px;
		}

		.gl_footer_links h3 {
			margin: 0 0 25px;
		}

		.gl_footer_contact h3 {
			margin: 0 0 25px;
		}

		.gl_accordian_img {
			margin-top: 50px;
			text-align: center;
		}

		.box16 {
			margin-bottom: 30px
		}

		.gl_portfolio {
			padding: 80px 0 50px;
			text-align: center;
		}

		.gl_menus ul {
			position: fixed;
			background: #084000;
			width: 280px;
			left: -280px;
			top: 0;
			bottom: 0;
			text-align: left;
			transition: 0.3s;
			z-index: 111;
		}

		.gl_menus>ul>li {
			position: relative;
			margin-top: 20px;
			display: block;
		}

		.gl_menus.gl_menu_show ul {
			left: 0px;
		}

		.fixed .gl_menu_header {
			transform: inherit;
		}

		.gl_toggle {
			position: absolute;
			right: 35px;
			top: 30px;
		}
		.gl_toggle {
			display: block;
		}
		.gl_about_header {
		
			padding: 40px 0 40px;
			
		}
		.bar1,
		.bar2,
		.bar3 {
			width: 30px;
			height: 2px;
			background-color: #ffffff;
			margin: 5px 0;
			border-radius: 10px;
			-webkit-transition: all .5s;
			-moz-transition: all .5s;
			-ms-transition: all .5s;
			-o-transition: all .5s;
			transition: all .5s;
		}

		.gl_menus.gl_menu_show .bar1 {
			transform: rotate(45deg);
		}

		.gl_menus.gl_menu_show .bar2 {
			display: none;
		}

		.gl_menus.gl_menu_show .bar3 {
			transform: rotate(-45deg) translate(5px, -5px);
		}

		.gl_menus>ul>li>a:after {
			left: 25px;
		}

		.gl_about_rotate {
			padding: 80px 0 0;
		}

		.gl_newsletter {
			padding: 20px 20px 0;
			margin-bottom: 0px;
		}

		.gl_news_img {
			padding: 20px 0 0;
		}

		.gl_about_img {
			padding: 60px 0 40px;
		}

		.gl_news_text {
			margin-bottom: 30px;
		}

		.gl_pagination {
			margin: 0 0 50px;
		}

		.gl_comment_form {
			padding: 0 0 40px;
		}

		.gl_content {
			padding: 180px 40px 120px;
		}

		.gl_about_detail a {
			display: table;
		}

		.gl_counter .count-title {
			font-size: 40px;
		}

		.gl_menu_header {
			padding: 10px 50px 50px;
		}

		.gl_comment_box .gl_about_accordian {
			margin: 0 0 50px;
		}
	}

	@media(max-width: 815px) {
		.gl_price h4 {
			font-size: 20px;
		}
	}

	@media(max-width: 783px) {
		.post-slide2 .post-title a {
			font-size: 20px;
		}
	}

	@media(max-width: 730px) {
		.post-slide2 .post-title a {
			font-size: 18px;
		}
	}

	@media(max-width: 768px) {
		.solar-features-box {
			display: block;
			text-align: center;
		}

		.solar-features-text {
			padding-top: 10px;
		}

		.solar-features-main-section {
			padding: 28px 30px 28px;
		}

		.gl_content {
			padding: 160px 20px 100px;
		}

		.gl_why_choose_text {
			text-align: center;
		}

		.gl_why_choose_icon {
			text-align: center;
			display: block;
			margin: 50px auto;
		}

		.gl_about_img {
			text-align: center;
		}

		.gl_price_main {
			margin-bottom: 50px;
		}

		.gl_pr_text h1 {
			display: block;
			border-top: none;
		}

		.gl_vison_detail {
			display: block;
		}

		.gl_vison_detail .gl_why_choose_icon {
			margin: 0 20px 30px 0px;
			text-align: left;
		}

		.gl_vison_detail .gl_why_choose_text {
			text-align: left;
		}

		.single-team {
			text-align: center;
			margin: 0 auto 40px;
			max-width: 370px;
		}

		.contact_form {
			margin: 50px 0 0px 0;
		}

		.gl_why_choose_detail {
			text-align: center;
		}

		.gl_about_img {
			padding: 0;
		}

		
	}

	@media(max-width: 575px) {
		.counter.Counter_top_space {
			padding-top: 80px;
		}

		.gl_why_choose {
			padding: 40px 0 80px;
		}

		.gl_toggle {
			top: 30px;
		}

		.gl_post_detail {
			margin: -50px 15px 0;
		}

		.gl_content h1 {
			font-size: 30px;
		}

		.gl_content h2 {
			font-size: 18px;
		}

		.gl_content h5 {
			font-size: 18px;
		}

		h1.text_span {
			font-size: 25px;
		}


		.gl_about_img {
			padding: 40px 0;
		}

		.gl_vison_detail .gl_why_choose_icon {
			display: block;
		}

		.gl_aboutus_page .gl_why_choose_text {
			width: 100%;
		}

		.gl_menus ul {
			width: 250px;
		}

		.gl_why_choose_text {
			width: 100%;
		}

		.post .post-heading .meta .title {
			margin: 10px 0;
		}

		.post .post-heading .meta .time {
			margin: 10px 0 0;
		}

		.gl_about_sources.gl_about_mt03,
		.gl_about_sources.gl_about_mt04 {
			margin-bottom: 40px;
		}

		.gl_about_shape01 {
			padding: 0;
		}

		.gl_about_shape01.gl_about_shape01_responsive {
			padding: 80px 0px;
		}

		.gl_about_back {
			padding: 40px 20px 0;
			box-shadow: none;
		}

		.gl_counter .statistic-section {
			padding: 0 0 50px;
		}

		.gl_footer_shape {
			padding: 40px 20px 0;
			margin-top: -120px;
			box-shadow: none;
		}

		.gl_newsletter {
			padding: 0;
		}

		.gl_newsletter_shape {
			padding: 20px 10px 20px;
			box-shadow: none;
		}

		.top_gl_btn>ul>li>a {
			margin: 0 8px 0 0;
			height: 40px;
			width: 40px;
			line-height: 40px;
		}

		.top_gl_btn>ul>li>a>i {
			line-height: 40px;
		}

		.gl_footer_contact>h1 {
			font-size: 24px;
		}

		.gl_newsletter02 h1 {
			font-size: 20px;
		}

		.gl_newsletter02 i.fa.fa-envelope-open-o {
			font-size: 40px;
		}

		.gl_menu_header {
			padding: 10px 30px 60px;
		}

		.fixed .gl_menu_header {
			padding: 10px 30px 20px;
		}

		.contact_heading h1 {
			font-size: 30px;
		}
	}
	@media(max-width:480px){
		.gl_toggle {
			top: 25px;
		}
		.gl_testimonial_box {
			margin: 0px 7px;
		}
		.gl_aboutus_page {
			padding: 76px 0 40px;
		}
	}
	@media(max-width:380px){
		.gl_toggle {
			top: 18px;
		}
	}
	/* 22. responsive end */

	.accordion-button::after {
		flex-shrink: 0;
		width: 1.25rem;
		height: 1.25rem;
		margin-left: auto;
		content: "";
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
		background-repeat: no-repeat;
		background-size: 1.25rem;
		transition: transform .2s ease-in-out;
	}

	.accordion-button::after {
		flex-shrink: 0;
		width: 1.25rem;
		height: 1.25rem;
		margin-left: auto;
		content: "";
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
		background-repeat: no-repeat;
		background-size: 1.25rem;
		transition: transform .2s ease-in-out;
	}