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

body {
	font-family: Montserrat, sans-serif !important;
	font-display: swap;
}

a {
	text-decoration: none
}

a:hover {
	text-decoration: none;
	color: inherit
}

.grad_bg {
	background: linear-gradient(90deg, #206f52 18%, #206f52 100%)
}

.curvy-border {
	background: linear-gradient(90deg, #206f52 18%, #206f52 100%)
}

.main_banner {
	width: 100%;
	height: 100vh;
	background-image: url(../../assets/images/homepage_banner.jpg);
	background-size: cover;
	background-position: bottom;
	position: relative;
	top: 5rem;
	margin-bottom: 5rem
}

.main_banner_content {
	padding: 17rem 3rem 5rem 4rem;
	background-color: rgba(255, 255, 255, .4);
	height: 100vh;
	width: 50%
}

.main_banner_content h4 {
	font-size: 50px;
	font-weight: 700;
	color: #000;
	line-height: 58px
}

.main_banner_content p {
	font-size: 28px;
	font-weight: 600;
	line-height: 36px;
	color: #080808;
	margin-top: 2rem
}

.main_banner_content button {
	background: #fff;
	color: #000;
	font-weight: 600;
	border-radius: 80px;
	font-size: 16px
}

.bgabout {
	background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url(../../assets/img/about_bhambri.jpg);
	background-size: 100%;
	background-repeat: no-repeat
}

.contactsec {
	padding-top: 10rem !important
}

.btn:hover {
	color: inherit;
	box-shadow: none;
	outline: 0
}

.br-right {
	border-right: 2px solid #ddd
}

.br-bottom {
	border-bottom: 2px solid #ddd
}

#hero {
	width: 100%;
	background: url("../img/background_row1.png");
	position: relative;
	padding: 120px 0 0 0
}

#hero:before {
	content: "";
	background: linear-gradient(270deg, #206f52 18%, #206f52 100%);
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0
}

#hero {
	transform: rotate(-180deg)
}

#hero .row {
	transform: rotate(180deg)
}

#hero h1 {
	margin: 0 0 35px 0;
	font-size: 50px;
	font-weight: 700;
	line-height: 58px;
	color: #fff
}

#hero h2 span {
	color: #fff;
	border-bottom: 4px solid #fff
}

#hero h2 {
	color: #d0d0d0;
	margin-bottom: 40px;
	font-size: 30px
}

#hero .animated {
	animation: up-down 2s ease-in-out infinite alternate-reverse both
}

#hero .hero_img {
	width: 50%;
	height: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	align-items: center;
	align-content: center
}

@media (min-width:1024px) {
	#hero {
		background-attachment: fixed
	}
}

@media (max-width:991px) {
	#hero {
		padding-top: 80px
	}

	#hero .animated {
		-webkit-animation: none;
		animation: none
	}

	#hero .hero-img {
		display: flex;
		justify-content: flex-end;
		align-items: flex-end;
		align-content: flex-end;
		width: 100%
	}

	#hero .hero-img img {
		max-width: 50%;
		float: right
	}

	#hero h1 {
		font-size: 28px;
		line-height: 32px;
		margin-bottom: 10px
	}

	#hero h2 {
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 30px
	}
}

@media (max-width:575px) {
	#hero .hero-img img {
		width: 80%
	}
}

@-webkit-keyframes up-down {
	0% {
		transform: translateY(10px)
	}

	100% {
		transform: translateY(-10px)
	}
}

@keyframes up-down {
	0% {
		transform: translateY(10px)
	}

	100% {
		transform: translateY(-10px)
	}
}

.hero-waves {
	display: block;
	margin-top: 60px;
	width: 100%;
	height: 60px;
	z-index: 5;
	position: relative
}

#hero .hero_img img {
	width: 100%;
	height: auto;
	margin: 0 auto;
	object-fit: fill
}

.wave1 use {
	-webkit-animation: move-forever1 10s linear infinite;
	animation: move-forever1 10s linear infinite;
	-webkit-animation-delay: -2s;
	animation-delay: -2s
}

.wave2 use {
	-webkit-animation: move-forever2 8s linear infinite;
	animation: move-forever2 8s linear infinite;
	-webkit-animation-delay: -2s;
	animation-delay: -2s
}

.wave3 use {
	-webkit-animation: move-forever3 6s linear infinite;
	animation: move-forever3 6s linear infinite;
	-webkit-animation-delay: -2s;
	animation-delay: -2s
}

@-webkit-keyframes move-forever1 {
	0% {
		transform: translate(85px, 0)
	}

	100% {
		transform: translate(-90px, 0)
	}
}

@keyframes move-forever1 {
	0% {
		transform: translate(85px, 0)
	}

	100% {
		transform: translate(-90px, 0)
	}
}

@-webkit-keyframes move-forever2 {
	0% {
		transform: translate(-90px, 0)
	}

	100% {
		transform: translate(85px, 0)
	}
}

@keyframes move-forever2 {
	0% {
		transform: translate(-90px, 0)
	}

	100% {
		transform: translate(85px, 0)
	}
}

@-webkit-keyframes move-forever3 {
	0% {
		transform: translate(-90px, 0)
	}

	100% {
		transform: translate(85px, 0)
	}
}

@keyframes move-forever3 {
	0% {
		transform: translate(-90px, 0)
	}

	100% {
		transform: translate(85px, 0)
	}
}

.bg-gradient {
	background: linear-gradient(90deg, rgb(202 29 29) 0, rgb(218 69 16) 100%) !important
}

.logo_commercial img {
	width: 100% !important;
	height: 200px;
	object-fit: contain;
	border-radius: 10px;
	display: block;
	margin: 0 auto;
	padding: 0;
	border: 1px solid #206f52;
	background-color: #fff
}

.bhambri_quote {
	width: 2rem;
	display: block;
	position: absolute;
	top: -1rem;
	left: -1rem;
	z-index: -1
}

.insight {
	font-size: 2.2rem;
	font-weight: 800;
	font-family: Montserrat, sans-serif;
	margin-top: 3rem;
	color: #206f52
}

.bhambri_quote_title {
	font-size: 2.8rem;
	font-weight: 700;
	font-family: Montserrat, sans-serif;
	color: #e0e0e0;
	line-height: 55px
}

.game_change h2 {
	font-size: 35px;
	font-family: Montserrat, sans-serif;
	font-weight: 600
}

.new_comm {
	padding: 4.5rem 0;
	text-align: left
}

.game_change h2 span {
	color: #206f52
}

.game_change h4 {
	font-size: 42px;
	font-family: Montserrat, sans-serif;
	font-weight: 600
}

.game_change h3 {
	font-size: 25px;
	font-family: Montserrat, sans-serif;
	font-weight: 600;
	color: #000
}

#arch .carousel-item {
	height: 550px
}

#arch .carouselitem1 {
	background-image: url(../img/arch/archi_banner1.jpg);
	padding: 6rem 3rem;
	background-size: cover;
	width: 100%;
	background-position: center;
	position: relative
}

.meet_solar {
	font-size: 35px;
	color: #fff;
	margin-bottom: 0;
	margin-top: 3rem;
	font-weight: 700
}

#arch .carouselitem2 {
	background-image: url(../img/arch/archi_banner2.jpg);
	background-size: cover;
	width: 100%;
	background-position: center;
	position: relative;
	background-repeat: no-repeat
}

#arch .carouselitem3 {
	background-image: url(../img/arch/archi_banner3.jpg);
	background-size: cover;
	width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	position: relative
}

#arch .carouselitem4 {
	background-image: url(../img/arch/archi_banner4.jpg);
	background-size: cover;
	width: 100%;
	background-position: center;
	position: relative;
	background-repeat: no-repeat
}

.about_ruchi_bg {
	background: linear-gradient(90deg, rgb(202 29 29) 0, rgb(218 69 16) 100%) !important
}

.about_ruchi_content {
	padding: 7rem 10rem 5rem 6rem
}

.about_ruchi_content h2 {
	color: #dcdcdc;
	font-size: 45px;
	font-weight: 700;
	margin-bottom: 2rem
}

.about_ruchi_img {
	width: 100%;
	height: 450px;
	object-fit: cover;
	object-position: top
}

.about_ruchi_content p {
	font-size: 18px;
	color: #fff
}

.btn-banner-assessment {
	background-color: #206f52;
	color: #fff;
	font-size: 18px;
	font-weight: 800;
	padding: .3rem 0;
	border-radius: 30px;
	font-family: Montserrat, sans-serif;
	margin-top: 3rem;
	width: 100%
}

.inner-banner-content {
	padding: 3rem 3rem;
	margin: 0;
	background: linear-gradient(rgba(255, 255, 255, .8), rgba(255, 255, 255, .9));
	width: 40%;
	clip-path: polygon(100% 100%, 100% 0, 0% 0, 0% 100%);
	display: block;
	float: right
}

.inner-banner-content h1 {
	font-size: 22px;
	line-height: 35px;
	text-transform: capitalize;
	color: #000;
	font-weight: 600
}

.carouselitem1 {
	background-image: url(../../assets/images/commercialbanner1_optimized.jpg);
	height: 550px;
	padding: 6rem 3rem;
	background-size: 100%;
	width: 100%;
	background-position: center;
	position: relative;
	margin-bottom: 5rem;
	top: 5rem
}

.carouselitem2 {
	background-image: url(../../assets/images/commercialbanner2_optimized.jpg);
	background-size: 100%;
	width: 100%;
	background-position: center;
	position: relative;
	background-repeat: no-repeat;
	margin-bottom: 5rem;
	top: 5rem;
	height: 550px;
	padding: 6rem 3rem
}

.carouselitem3 {
	background-image: url(../img/getimage.jpg);
	background-size: 100%;
	width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	margin-bottom: 5rem;
	top: 5rem;
	height: 550px;
	padding: 6rem 3rem
}

.carouselitem4 {
	background-image: url(../img/wp4041842.jpg);
	background-size: 100%;
	width: 100%;
	background-position: center;
	position: relative;
	background-repeat: no-repeat;
	margin-bottom: 5rem;
	top: 5rem;
	height: 550px;
	padding: 6rem 3rem
}

.comm_project_img {
	width: 100% !important;
	height: 200px;
	object-fit: contain;
	border-radius: 10px;
	display: block;
	margin: 0 auto;
	padding: 1rem;
	border: 1px solid #cecece
}

.finance_box {
	min-height: 100%;
	background-color: #f5f5f5;
	padding: 2rem
}

.finance_box p {
	font-size: 16px;
	line-height: 27px;
	margin: 0
}

.finance_box p span {
	display: block;
	text-align: center;
	font-size: 28px;
	font-weight: 600;
	color: #cb1e1d;
	margin-bottom: .5rem
}

.com_about_heading {
	font-size: 30px;
	font-weight: 700;
	font-family: Montserrat, sans-serif;
	color: #fff;
	margin-bottom: 1rem
}

.com-advantages {
	background-color: #fff;
	box-shadow: 1px 1px 20px -12px;
	padding: 1rem;
	min-height: 100%
}

.com-advantages h4 {
	font-size: 20px;
	font-weight: 600;
	font-family: Montserrat, sans-serif;
	color: #f15e2a;
	margin-bottom: 1rem
}

.com-advantages p {
	font-size: 16px;
	line-height: 25px;
	margin-bottom: 0
}

.com_about_ul {
	padding-inline-start: 25px;
	font-size: 17px;
	color: #fff
}

.let_contact {
	font-family: Montserrat, sans-serif;
	border-radius: 0;
	color: #f2642a;
	font-size: 20px;
	font-weight: 600;
	background: #fff;
	width: 100%;
	padding: .8rem 1rem
}

.com_about_ul li {
	font-size: 18px;
	margin-bottom: .5rem
}

.right_col_com {
	padding-left: 7rem
}

.com_about_para {
	font-size: 18px;
	line-height: 35px;
	color: #fff;
	font-weight: 500
}

.comm_project_h6 {
	font-size: 18px;
	text-align: center;
	margin-top: 1rem;
	font-weight: 500;
	font-family: Montserrat, sans-serif;
	color: #206f52;
	margin-bottom: 0
}

.com_process_step img {
	width: 4rem;
	margin-bottom: 1rem
}

.com_angle {
	font-size: 50px !important
}

.com_process_step p {
	font-size: 15px;
	line-height: 22px
}

.com_process_step h4 {
	font-size: 17px;
	color: #cb201c;
	font-weight: 600
}

.commercial_install_box img {
	height: 245px;
	object-fit: cover;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px
}

.bhambri_tag {
	font-size: 28px !important
}

.why_go_solar {
	padding-top: 3rem
}

.why_go_solar li {
	background-image: url(../img/checkpoint.png);
	background-repeat: no-repeat;
	background-size: 32px;
	padding-left: 30px;
	background-position: left -3px;
	margin-bottom: .8rem;
	font-size: 16px;
	list-style: none
}

.commercial_service {
	border: 2px solid #f15e2a;
	border-radius: 50px;
	padding: 1rem 2rem;
	background-color: #fff;
	min-height: 120px
}

.commercial_service p {
	font-size: 17px;
	font-weight: 500;
	margin: 0;
	text-align: center
}

.commercial_install_box h6 {
	background: linear-gradient(90deg, #206f52 18%, #206f52 100%) !important;
	padding: .9rem;
	color: #fff;
	font-family: Montserrat, sans-serif;
	margin: 0;
	font-weight: 500;
	font-size: 17px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px
}

.commercial_install_box p {
	text-align: left;
	font-size: 16px;
	line-height: 26px;
	margin-top: 2rem;
	margin-bottom: 0
}

.footer-copyright,
.footer-copyright a {
	text-align: center;
	padding: .5rem;
	margin: 0;
	font-size: 16px;
	font-weight: 600;
	color: #ffffff;
}

.footer-copyright a:hover {
	color: #000
}

.free_site_visit {
	color: #206f52 !important;
	padding: 7px 12px !important;
	font-size: 15px !important;
	font-weight: 600 !important
}

.free_visit:hover a {
	color: #206f52 !important
}

.assessment {
	background-color: #206f52;
	border: none;
	border-radius: 50px;
	color: #fff !important;
	padding: 7px 20px !important
}

.image_title h3 {
	font-size: 28px;
	font-weight: 600;
	font-family: Montserrat, sans-serif;
	margin-bottom: 1.5rem;
	margin-top: 3rem
}

.inner-page-titles {
	font-size: 42px;
	font-family: Montserrat, sans-serif;
	font-weight: 700;
	color: #0c0c0c
}

.inner-page-titles-white {
	font-size: 42px;
	font-family: Montserrat, sans-serif;
	font-weight: 700;
	color: #e6e6e6
}

.inner-page-titles-white::after {
	content: '';
	width: 80px;
	height: 5px;
	background: #fff;
	display: block;
	text-align: left;
	margin-top: 8px
}

.inner_page_p_white {
	font-size: 18px;
	padding: .8rem 10rem 2rem 0;
	margin: 0;
	color: #dedede
}

.inner-page-titles1 {
	font-size: 42px;
	font-family: Montserrat, sans-serif;
	font-weight: 700;
	color: #fff
}

.thumb figure h6 {
	font-size: 20px;
	color: #f15e2a;
	font-weight: 600;
	padding: 1rem;
	background-color: #ececec
}

.thumb a:hover {
	text-decoration: none
}

.inner-page-titles::after {
	content: '';
	width: 80px;
	height: 5px;
	background: #206f52;
	display: block;
	text-align: center;
	margin: 0 auto;
	margin-top: 8px
}

.inner-page-titles1::after {
	content: '';
	width: 80px;
	height: 5px;
	background: #fff;
	display: block;
	text-align: center;
	margin: 0 auto;
	margin-top: 8px
}

.inner_page_p {
	font-size: 18px;
	padding: .5rem 12rem;
	margin: 0
}

.step_method {
	padding: 2rem 5rem;
	min-height: 100%
}

.comm_video {
	width: 100%;
	height: 275px
}

.step_method .step_method_img {
	display: inline;
	float: left;
	width: 8rem;
	height: 8rem;
	background-color: #f35e2a;
	padding: 1.8rem;
	border-radius: 50%;
	margin-right: 2rem
}

.step_method .step_method_content {
	display: inline
}

.step_method img {
	width: 100%
}

.step_method p {
	font-size: 18px;
	line-height: 28px;
	text-align: left
}

.step_method h4 {
	margin-bottom: 1rem;
	font-family: Montserrat, sans-serif;
	font-size: 26px;
	font-weight: 700;
	color: #206f52;
	text-align: left
}

.inner_page_p span {
	color: #206f52
}

.frustated_image {
	width: 50%
}

.frustated_points {
	padding-inline-start: 0px
}

.frustated_points li {
	list-style-type: none;
	text-align: left;
	font-size: 24px;
	line-height: 28px;
	color: #0c0c0c;
	font-family: Montserrat, sans-serif;
	font-weight: 400;
	margin-bottom: 1.8rem;
	background-image: url(../img/checkpoint.jpg);
	background-size: 1.5rem;
	background-repeat: no-repeat;
	padding-left: 37px
}

.comm_think {
	font-size: 2.5rem;
	color: #fff;
	font-family: Montserrat, sans-serif;
	font-weight: 800
}

.frustated_points1 {
	padding-inline-start: 0px
}

.frustated_points1 li {
	list-style-type: none;
	text-align: left;
	font-size: 18px;
	line-height: 2.6rem;
	color: #0c0c0c;
	font-family: Montserrat, sans-serif;
	font-weight: 400;
	margin-bottom: 1rem;
	background-image: url(../img/checkpoint.png);
	background-size: 2.2rem;
	background-repeat: no-repeat;
	padding-left: 32px;
	background-position: left 5px
}

.solar_data {
	position: relative;
	background-color: #fff;
	padding: 1rem;
	border-radius: 8px
}

.solar_data img {
	width: 4rem;
	margin-bottom: 1rem
}

.solar_data h4 {
	color: #f15e2a;
	font-size: 22px;
	margin-bottom: 2px;
	font-weight: 800
}

.solar_data p {
	font-size: 16px;
	font-weight: 800;
	color: #000;
	margin: 0
}

#change_data h3 {
	font-size: 25px;
	color: #000;
	margin-bottom: 2rem
}

#change_data h3 span {
	font-family: Montserrat, sans-serif;
	font-size: 42px;
	position: relative;
	bottom: -.3rem;
	margin-left: 12px;
	font-weight: 800;
	color: #f15e2a
}

.menu-area {
	background: #fff;
	padding: 0 2rem;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99;
	box-shadow: 1px 1px 20px -10px
}

.frustated_image {
	width: 80%
}

.frustate_box {
	background-color: #fff;
	box-shadow: 1px 1px 20px -10px;
	padding: 2rem;
	min-height: 100%
}

.frustate_box:hover {
	background: linear-gradient(75deg, #f69422 0, #f15e2a 100%)
}

.frustate_box:hover p {
	color: #fff
}

.frustate_box:hover i {
	color: #fff
}

.frustate_box p {
	font-size: 18px;
	margin-bottom: 0
}

.frustate_box i {
	font-size: 4rem;
	color: #f68e23;
	margin-bottom: 20px
}

.btn-banner-talk {
	background-color: #206f52;
	color: #fff !important;
	font-size: 16px !important;
	font-weight: 500;
	padding: .5rem 0 !important;
	border-radius: 50px;
	font-family: Montserrat, sans-serif;
	margin-top: 1rem
}

.btn-banner-talk:hover {
	color: #fff;
	box-shadow: none;
	outline: 0;
	border: 0
}

.btn-banner-talk:active {
	color: #fff;
	box-shadow: none;
	outline: 0;
	border: 0
}

.commer-img {
	height: 145px;
	object-fit: cover
}

.city_block_img {
	width: 100%;
	background-color: #f3f3f3;
	padding: 2rem
}

.city_block_img img {
	width: 100%;
	height: 180px;
	object-fit: contain
}

.dropdown-menu {
	padding: 0;
	margin: 0;
	border: 0 solid transition !important;
	border: 0 solid rgba(0, 0, 0, .15);
	border-radius: 0;
	-webkit-box-shadow: none !important;
	box-shadow: none !important
}

#second-dropdown {
	position: relative;
	margin-left: 43px;
	padding: 0 .5rem;
	background: 0 0
}

.btn:not(:disabled):not(.disabled) {
	cursor: pointer;
	box-shadow: none;
	outline: 0;
	border: none;
	font-size: 14px
}

.dropdown-menu li a {
	text-transform: capitalize !important
}

.mainmenu ul li a:hover {
	text-decoration: none
}

.mainmenu a,
.mainmenu ul li a,
.navbar-default .navbar-nav>li>a,
.navbar-expand-lg .navbar-nav .nav-link {
	color: #000;
	font-size: 12px;
	text-transform: uppercase;
	padding: 5px 0;
	font-weight: 500;
	font-family: Montserrat, sans-serif;
	display: block !important
}

.mainmenu .active a,
.mainmenu .active a:focus,
.mainmenu .active a:hover,
.mainmenu li a:focus,
.mainmenu li a:hover,
.navbar-default .navbar-nav>.show>a,
.navbar-default .navbar-nav>.show>a:focus,
.navbar-default .navbar-nav>.show>a:hover {
	background: 0
}

.mainmenu .collapse ul>li:hover>a {
	background: 0 0;
	color: #f15e2a
}

.mainmenu .collapse ul ul>li:hover,
.navbar-default .navbar-nav .show .dropdown-menu>li>a:focus,
.navbar-default .navbar-nav .show .dropdown-menu>li>a:hover {
	background: 0 0
}

.mainmenu .collapse ul ul>li:hover>a {
	color: #000 !important
}

.mainmenu .collapse ul ul ul>li:hover>a {
	background: #4caf50
}

.mainmenu .collapse ul ul,
.mainmenu .collapse ul ul.dropdown-menu {
	background: #ececec;
	border-top: 2px solid #f1612d;
	width: 19rem;
	margin-left: 1.2rem
}

.mainmenu .collapse ul ul ul,
.mainmenu .collapse ul ul ul.dropdown-menu {
	background: #1e88e5
}

.mainmenu .collapse ul ul ul ul,
.mainmenu .collapse ul ul ul ul.dropdown-menu {
	background: #64b5f6
}

.mainmenu {
	background: 0 0;
	border: 0 solid;
	margin: 0;
	padding: 0;
	min-height: 20px;
	width: 100%
}

@media only screen and (min-width:767px) {
	.mainmenu .collapse ul li:hover>ul {
		display: block
	}

	.mainmenu .collapse ul ul {
		position: absolute;
		top: 100%;
		left: 0;
		min-width: 250px;
		display: none
	}

	.mainmenu .collapse ul ul li {
		position: relative
	}

	.mainmenu .collapse ul ul li:hover>ul {
		display: block
	}

	.mainmenu .collapse ul ul ul {
		position: absolute;
		top: 0;
		left: 100%;
		min-width: 250px;
		display: none
	}

	.mainmenu .collapse ul ul ul li {
		position: relative
	}

	.mainmenu .collapse ul ul ul li:hover ul {
		display: block
	}

	.mainmenu .collapse ul ul ul ul {
		position: absolute;
		top: 0;
		left: -100%;
		min-width: 250px;
		display: none;
		z-index: 1
	}
}

@media only screen and (max-width:767px) {
	.navbar-nav .show .dropdown-menu .dropdown-menu>li>a {
		padding: 16px 15px 16px 35px
	}

	.navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu>li>a {
		padding: 16px 15px 16px 45px
	}
}

.nav-logo {
	width: 9rem
}

.navbar-light .navbar-brand {
	width: 25%
}

.navbar-light .navbar-nav li {
	padding: 10px
}

.dropdown ul li {
	padding: 4px 15px !important;
	border-bottom: 1px dotted #fff
}

header {
	position: relative;
	background-color: transparent;
	height: 85vh;
	min-height: 25rem;
	width: 100%;
	overflow: hidden;
	top: 5rem;
	margin-bottom: 5rem
}

header video {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: 0;
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%)
}

header .container-fluid {
	position: relative;
	z-index: 2
}

.top-carousel-inner {
	position: relative;
	width: 60%;
	overflow: hidden;
	display: block;
	margin: 0 auto
}

.top-carousel-inner .carousel-item h1 {
	font-family: Montserrat, sans-serif;
	font-size: 3.2rem;
	font-weight: 600;
	line-height: 65px;
	text-transform: capitalize;
	text-shadow: 3px 3px grey
}

.top-carousel-inner .carousel-item p {
	margin-top: 1rem;
	font-size: 1.8rem;
	font-weight: 500;
	text-shadow: 3px 3px #000
}

.top-carousel-inner .carousel-item a {
	background: #f69422;
	background: linear-gradient(90deg, #f69422 0, #f15e2a 100%);
	border-radius: 0;
	padding: .5rem 4rem;
	color: #fff;
	font-family: Montserrat, sans-serif;
	font-size: 1.3rem;
	font-weight: 500;
	margin-top: 1.5rem;
	transition: .5s ease;
	border: 2px solid transparent
}

.top-carousel-inner .carousel-item a:hover {
	border: 2px solid #f15e2a;
	background: 0 0;
	color: #fff
}

header .overlay {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: #000;
	opacity: .4;
	z-index: 1
}

@media (pointer:coarse) and (hover:none) {
	header video {
		display: block
	}
}

.section-top-space {
	padding-top: 75px
}

.section-bottom-space {
	padding-bottom: 75px
}

.img-wrapper {
	width: 100%;
	height: 295px;
	overflow: hidden
}

.solar_background {
	background: linear-gradient(rgba(255, 255, 255, .75), rgba(255, 255, 255, .75)), url(../../assets/images/solar_background.jpg);
	background-size: 100%;
	background-attachment: fixed
}

.inner-img1 {
	width: 100%;
	transition: .3s;
	background-image: url(../images/one.jpg);
	height: 295px;
	background-size: cover;
	background-repeat: no-repeat
}

.inner-img2 {
	width: 100%;
	transition: .3s;
	background-image: url(../images/two.jpg);
	height: 295px;
	background-size: cover;
	background-repeat: no-repeat
}

.inner-img3 {
	width: 100%;
	transition: .3s;
	background-image: url(../images/three.jpg);
	height: 295px;
	background-size: cover;
	background-repeat: no-repeat
}
.inner-img4 {
	width: 100%;
	transition: .3s;
	background-image: url(../images/four.jpg);
	height: 295px;
	background-size: cover;
	background-repeat: no-repeat
}
.inner-img5 {
	width: 100%;
	transition: .3s;
	background-image: url(../../images/five.jpg);
	height: 295px;
	background-size: cover;
	background-repeat: no-repeat
}
.inner-img6 {
	width: 100%;
	transition: .3s;
	background-image: url(../../images/six.jpg);
	height: 295px;
	background-size: cover;
	background-repeat: no-repeat
}
.inner-img7 {
	width: 100%;
	transition: .3s;
	background-image: url(../../images/seven.jpg);
	height: 295px;
	background-size: cover;
	background-repeat: no-repeat
}
.inner-img8 {
	width: 100%;
	transition: .3s;
	background-image: url(../../images/eight.jpg);
	height: 295px;
	background-size: cover;
	background-repeat: no-repeat;
}
.inner-img9  {
	width: 100%;
	transition: .3s;
	background-image: url(../../images/nine.jpg);
	height: 295px;
	background-size: cover;
	background-repeat: no-repeat;
}
.img-wrapper p {
	font-size: 16px;
	color: #ffffff;
	font-family: Montserrat, sans-serif;
	text-transform: capitalize;
	font-weight: 700;
	position: relative;
	line-height: 35px;
	bottom: 57px;
	text-align: center;
	margin: 0;
	padding: .7rem;
	background: linear-gradient(rgb(32 111 82), rgb(32 111 82));
}

.inner-img1:hover,
.inner-img2:hover,
.inner-img:hover {
	transform: scale(1.1)
}

.img-wrapper {
	display: inline-block;
	box-sizing: border-box;
	box-shadow: 0 0 12px #dedede
}

.section-title-white h1 {
	font-size: 2.5rem;
	text-align: center;
	color: #efefef;
	margin: unset;
	margin-bottom: 2.2rem;
	text-transform: uppercase;
	font-weight: 600
}

.section-title-white h1::before {
	margin: 0 15px 13px 0
}

.section-title-white h1::after {
	margin: 0 0 13px 15px
}

.section-title-white h1::after,
.section-title-white h1::before {
	content: '';
	width: 50px;
	height: 3px;
	background: #efefef;
	display: inline-block
}

.section-title h1 {
	font-size: 2.5rem;
	text-align: center;
	color: #000;
	margin-top: 36px;
	margin-bottom: 2.2rem;
	font-family: Montserrat, sans-serif;
	text-transform: uppercase
}

.section-title h1::before {
	margin: 0 15px 13px 0
}

.section-title h1::after,
.section-title h1::before {
	content: '';
	width: 50px;
	height: 3px;
	background: #206f52;
	display: inline-block
}

.section-title h1::after {
	margin: 0 0 13px 15px
}

.company_box img {
	width: 4rem;
	margin-bottom: .8rem
}

.company_box {
	padding: 1.5rem 1rem;
	box-shadow: 0 0 23px rgb(10 10 10 / 8%);
	background-color: #fff;
	margin-bottom: 0;
	min-height: 100%;
	border: 1px solid #dcdcdc
}

.section-bottom-space {
	padding-bottom: 70px
}

.company_box:hover img {
	filter: grayscale(1)
}

.company_box p {
	font-size: 16px;
	margin: 0;
	line-height: 25px;
	font-weight: 700;
	font-family: Montserrat, sans-serif
}

.web-footer {
	background-color: #2b2b2b
}

.section-space {
	padding: 70px 0 50px 0
}

.footer-heading-poly {
	clip-path: polygon(85% 100%, 100% 0, 0 0, 0% 100%);
	background: linear-gradient(180deg, #206f52 30%, #206f52 80%) !important;
	padding: .6rem;
	width: 50%;
	font-size: 17px;
	font-weight: 600
}

.header-icon {
	margin-right: .5rem
}

.contact-infoe span {
	display: block;
	margin-bottom: 25px;
	color: #d4d4d4;
	font-size: 16px;
	font-weight: 400
}

.contact-infoe i {
	display: block;
	float: left;
	color: #d4d4d4;
	margin-right: 10px;
	margin-bottom: 25px;
	font-size: 18px
}

.contact-infoe {
	margin-top: 3rem
}

.contact-infoe span a {
	margin-bottom: 20px;
	color: #d4d4d4;
	font-size: 16px;
	font-weight: 400
}

.footer-heading-poly {
	margin-top: 2rem;
	font-weight: 400
}

.section-space {
	padding: 25px 0 30px 0
}

.footer-link ul li a {
	color: #d4d4d4;
	font-size: 16px;
	font-weight: 400;
	font-family: Montserrat, sans-serif
}

.footer-link ul li a:hover {
	text-decoration: none
}

.footer-desc {
	font-size: 16px;
	font-weight: 400;
	line-height: 28px;
	color: #d4d4d4;
	text-align: justify;
	margin-top: 3rem;
	padding-right: 1rem
}

.f-s-facebook {
	color: #3b5998
}

.footer-s-icon {
	padding: 8px;
	font-size: 17px !important;
	width: 35px;
	text-align: center;
	text-decoration: none;
	margin: 10px 8px 0 0;
	border-radius: 50%;
	background-color: #fff
}

.f-s-instagram {
	color: #f40083
}

.f-s-twitter {
	color: #55acee
}

.f-s-linkedin {
	color: #007bb5
}

.footer-link ul {
	list-style-type: none;
	padding-inline-start: 0
}

.footer-link ul li:first-child {
	margin-top: 2rem
}

.footer-link ul li {
	border-bottom: 1px solid gray;
	padding: 10px 0
}

.circle-effect {
	position: absolute;
	right: 3rem;
	width: 50px;
	height: 50px;
	background: #206f52;
	border-radius: 50%;
	text-align: center;
	vertical-align: middle;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 4
}

.circle-effect button {
	padding: .5rem
}

.float-whatsapp {
	position: fixed;
	bottom: 1rem;
	left: 1rem
}

.float-whatsapp img {
	width: 3rem
}

@-webkit-keyframes ripple-white {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .5), 0 0 20px rgba(255, 255, 255, .5), 0 0 0 40px rgba(255, 255, 255, .5);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, .5), 0 0 0 20px rgba(255, 255, 255, .5), 0 0 0 40px rgba(255, 255, 255, .5)
	}

	100% {
		-webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, .3), 0 0 0 40px rgba(255, 255, 255, .3), 0 0 0 60px transparent;
		box-shadow: 0 0 0 20px rgba(255, 255, 255, .3), 0 0 0 40px rgba(255, 255, 255, .3), 0 0 0 60px transparent
	}
}

@keyframes ripple-white {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(246, 148, 34, .5), 0 0 0 20px rgba(246, 148, 34, .5), 0 0 0 40px rgba(246, 148, 34, .5);
		box-shadow: 0 0 0 0 rgba(246, 148, 34, .5), 0 0 0 20px rgba(246, 148, 34, .5), 0 0 0 40px rgba(246, 148, 34, .5)
	}

	100% {
		-webkit-box-shadow: 0 0 0 20px rgba(241, 94, 42, .5), 0 0 0 40px rgba(241, 94, 42, .5), 0 0 0 60px transparent;
		box-shadow: 0 0 0 20px rgba(241, 94, 42, .5), 0 0 0 40px rgba(241, 94, 42, .5), 0 0 0 60px transparent
	}
}

.vision-bg {
	background-image: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .7)), url(../img/residential.jpg);
	width: 100%;
	height: 300px;
	background-size: cover;
	background-position: center
}

.vision-content-box {
	margin-top: -4rem;
	padding: 0 4rem
}

.vision-box {
	background-color: #fff;
	padding: 1rem 2rem;
	box-shadow: 0 0 11px -2px #d3d3d3;
	min-height: 100%
}

.advantage-img {
	background: linear-gradient(90deg, rgb(202 29 29) 0, rgb(218 69 16) 100%) !important;
	width: 100px;
	display: block;
	margin: 0 auto;
	height: 100px;
	border-radius: 50%;
	padding: 1rem
}

.vision-box h3 {
	font-size: 24px;
	text-align: center;
	margin-top: 1.2rem;
	font-weight: 500;
	color: #000
}

.vision-box p {
	font-size: 16px;
	line-height: 26px;
	color: #8b8b8b;
	text-align: center
}

.advantage-img img {
	width: 100%
}

#activity-slider .owl-nav {
	display: none
}

.vision-box:hover .advantage-img {
	background-color: #232323
}

.service_box {
	background-color: #e4e4e4;
	height: 345px;
	border: 4px double #cb1f1d
}

.service_box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top
}

.service_box h5 {
	background: linear-gradient(90deg, #f69422 0, #f15e2a 100%);
	padding: .6rem 1rem;
	font-size: 22px;
	font-weight: 500;
	color: #fff
}

.service_box p {
	font-size: 15px;
	padding: 0 1rem;
	line-height: 26px;
	font-weight: 400;
	text-align: justify
}

.calling-section {
	background-color: #428bcf
}

.call-to-action-bg {
	background-image: linear-gradient(rgba(0, 0, 0, .9), rgba(0, 0, 0, .9)), url(../img/commercial.jpg);
	height: 350px;
	width: 100%;
	background-size: cover;
	background-position: 100%
}

.call-sec {
	padding: 1.5rem 13rem .5rem 7rem
}

.call-sec h1 {
	color: #d4d4d4;
	font-weight: 700;
	text-align: center
}

.talk_btn {
	background: linear-gradient(180deg, #206f52 30%, #206f52 80%) !important;
	border-radius: 50px !important;
	padding: .6rem 2rem !important;
	color: #fff !important;
	font-family: Montserrat, sans-serif;
	font-size: 15px !important;
	font-weight: 500 !important;
	margin-top: 1.5rem;
	transition: .5s ease;
	text-transform: uppercase
}

.call-sec p {
	color: #d4d4d4;
	font-weight: 400;
	font-size: 20px;
	line-height: 33px;
	text-align: center
}

.about_heading {
	font-size: 2.5rem;
	text-transform: uppercase;
	text-align: center;
	font-weight: 600;
	color: #206f52;
	text-shadow: 1px 1px #000;
	letter-spacing: 2px;
	line-height: 48px;
	margin-bottom: 1rem
}

.about_para {
	font-size: 16px;
	text-align: left;
	line-height: 26px
}

.content_part ul {
	text-align: left;
	list-style-type: none;
	padding-inline-start: 20px
}

.content_part ul li {
	font-size: 16px;
	line-height: 36px
}

.img_part img {
	padding-top: 3rem
}

.content_part,
.img_part {
	min-height: 100%
}

.inner-top-banner {
	background-image: url(../img/inner_background.jpg);
	height: 360px;
	background-size: 100%;
	width: 100%
}

.savings_form {
	background: #fff;
	padding: 1.5rem;
	border-radius: 8px;
	z-index: 9;
	width: 100%;
	box-shadow: 1px 1px 8px 0 #d3d3d3
}

.savings_form .heading {
	font-size: 20px;
	margin-bottom: 2rem;
	text-align: center;
	color: #206f52;
	font-family: Montserrat, sans-serif;
	font-weight: 500
}

.savings_form .form-control {
	border: 0;
	border-bottom: 1px solid #206f52;
	border-radius: 0;
	padding: 0;
	font-size: 15px;
	font-family: Montserrat, sans-serif;
	font-weight: 500
}

.savings_form input {
	padding: 4px !important
}

.savings_form .form-control:focus {
	box-shadow: none
}

.btn-calculate {
	background-color: #fce835;
	display: block;
	margin: 0 auto;
	border-radius: 6px !important;
	color: #000;
	font-family: Montserrat, sans-serif;
	font-weight: 500;
	padding: .4rem 2rem;
	margin-top: 2rem
}

.btn-calculate:hover {
	background-color: #f15e2a;
	color: #fff
}

.waviy {
	position: relative
}

.waviy span {
	display: inline-block;
	font-size: 40px;
	color: #fff;
	text-transform: uppercase;
	animation: waviy 1s;
	font-family: Montserrat, sans-serif;
	animation-delay: calc(.1s * var(--i));
	letter-spacing: -8px
}

@keyframes waviy {

	0%,
	100%,
	40% {
		transform: translateY(0)
	}

	20% {
		transform: translateY(-20px)
	}
}

.let_talk {
	font-family: Montserrat, sans-serif;
	border-radius: 50px;
	color: #206f52 !important;
	padding: .5rem 2.5rem;
	font-size: 20px;
	font-weight: 600;
	background: #fff;
	border: 2px solid transparent !important
}

.let_talk:hover {
	background: 0 0;
	color: #fff !important;
	border: 2px solid #fff !important
}

.static-col-pd {
	padding-left: 6rem
}

.pointer .heading {
	color: #f15e2a;
	font-size: 25px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 1.5rem
}

.testimonial-card-slider {
	background-color: #fff5f7;
	min-height: 615px;
	padding: 0;
	border-radius: 10px
}

.trust_logo {
	background-color: #fff
}

.trust_logo img {
	width: 75%;
	height: 150px;
	object-fit: contain;
	display: block;
	margin: 0 auto;
	margin-bottom: 2rem
}

.testimonial-div {
	text-align: left;
	font-size: 20px;
	font-weight: 700;
	position: absolute;
	bottom: 0;
	margin-bottom: 10px;
	padding: 0 2rem
}

.testimonial-image {
	width: 60px !important;
	height: 60px;
	border-radius: 50%;
	background-color: #fff;
	padding: 8px
}

.testimonial-rating {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background-color: #206f52;
	padding: .6rem 2rem;
	margin-bottom: 1.5rem;
	min-height: 45px
}

.testimonial-rating li {
	display: inline;
	float: left
}

.testimonial-rating li i {
	color: #f7b011;
	font-size: 25px;
	margin-right: 6px
}

.testimonial-card-slider p {
	text-align: justify;
	font-size: 13px;
	margin-bottom: 8rem;
	margin-bottom: 0;
	line-height: 22px;
	padding: 0 2rem
}

.testimonial-card-slider h4 {
	border-left: 5px solid #206f52;
	text-align: left;
	padding-left: .7rem;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 0;
	margin-top: 5px
}

.testimonial-card-slider h4 span {
	font-size: 15px;
	font-weight: 400
}

.inner-content-section {
	background: rgb(211 32 39 / 6%)
}

.inner-con1 {
	background-color: rgb(245 245 220);
	background-image: linear-gradient(rgba(245, 245, 220, .8), rgba(245, 245, 220, .8)), url(../img/back_banner.png);
	background-size: 57%;
	background-repeat: no-repeat;
	background-position: bottom right
}

.inner-con2 {
	background-color: rgb(255 234 235);
	background-image: linear-gradient(rgb(255 234 235 / 88%), rgb(255 234 235 / 88%)), url(../img/back_banner1.png);
	background-size: 57%;
	background-repeat: no-repeat;
	background-position: bottom left
}

.contact_form_commercial {
	background-color: #fff;
	box-shadow: 1px 1px 20px -10px;
	padding: 3rem
}

.contact_form_commercial input {
	font-size: 14px;
	font-weight: 500;
	height: 45px;
	border-radius: 0
}

.socialp {
	font-style: italic;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 2rem
}

.contact_form_commercial textarea {
	font-size: 14px;
	font-weight: 500;
	height: 80px;
	border-radius: 0
}

.gallery .thumb img {
	height: 270px;
	width: 100%;
	object-fit: cover
}

.btn_contact_msg {
	background: linear-gradient(180deg, #206f52 30%, #206f52 80%) !important;
	border-radius: 0;
	color: #fff;
	font-size: 17px;
	padding: .5rem 2rem;
	font-weight: 500
}

.contact_map_commercial {
	width: 100%;
	height: 100%
}

.inner-image {
	width: 100%;
	object-fit: cover;
	height: 250px;
	border-radius: 0
}

.commercial-steps .tab {
	float: left;
	width: 10%
}

.commercial-steps .tab:before {
	content: '';
	background: rgb(242 97 42);
	width: 1px;
	height: 280px;
	display: block;
	position: absolute;
	top: -30px;
	left: 35px;
	transition: linear .3s
}

.commercial-steps .tab button {
	display: block;
	background-color: #fff;
	color: #000;
	width: 40px;
	border: none;
	outline: 0;
	cursor: pointer;
	transition: linear .3s;
	height: 40px;
	border-radius: 50%;
	text-align: center;
	margin-bottom: 50px;
	color: #282526;
	font-size: 20px;
	line-height: 22px;
	border: 1px solid rgb(40, 37, 38, .1);
	z-index: 999;
	position: relative;
	font-weight: 600
}

.commercial-steps .tab button span {
	position: absolute;
	left: -125px;
	color: #282526;
	font-size: 15px;
	line-height: 28px;
	letter-spacing: 0;
	text-transform: capitalize;
	transition: linear .3s
}

.lazy {
	width: 75%;
	display: block
}

.commercial-steps .tabcontent {
	float: left;
	padding: 0 12px;
	width: 90%;
	border-left: none;
	padding: 0 0 0 20px
}

.commercial-steps .tabcontent h3 {
	color: #000;
	margin: 0 0 20px;
	text-align: left;
	font-family: Montserrat, sans-serif;
	font-weight: 800
}

.commercial-steps .tab button.active {
	background: #ffa20a;
	background: linear-gradient(90deg, #206f52 18%, #206f52 100%) !important;
	color: #fff;
	transition: linear .3s
}

.commercial-steps .tabcontent p {
	color: #282526;
	font-size: 18px;
	line-height: 32px;
	text-align: left
}

.pointer .points {
	margin-bottom: .3rem;
	font-size: 19px !important;
	color: #000 !important;
	font-weight: 600
}

.fpointer {
	margin-bottom: 4rem
}

.pointer p {
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 2rem;
	color: #545454
}

.why_us_banner {
	background-image: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/whybannerimage.jpg);
	height: 500px;
	width: 100%;
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
	position: relative;
	top: 5rem;
	margin-bottom: 5rem
}

.why_us_banner .heading {
	padding: 5rem 0 0 5rem
}

.why_us_banner .heading h1 {
	font-size: 5rem;
	color: #fff;
	font-weight: 700;
	margin-bottom: 2.5rem;
	line-height: 82px
}

.project_banner {
	background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/project_banner.jpg);
	height: 460px;
	width: 100%;
	background-attachment: fixed;
	background-position: center;
	background-size: 100%;
	position: relative;
	top: 5rem;
	margin-bottom: 5rem
}

.project_banner .heading {
	padding: 5rem 0 0 5rem
}

.project_banner .heading h1 {
	font-size: 5rem;
	color: #fff;
	font-weight: 700;
	margin-bottom: 2.5rem;
	line-height: 82px
}

.knowledge_banner {
	background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/knowledge.jpg);
	height: 460px;
	width: 100%;
	background-attachment: fixed;
	background-position: center;
	background-size: 100%;
	position: relative;
	top: 5rem;
	margin-bottom: 5rem
}

.knowledge_banner .heading {
	padding: 5rem 0 0 5rem
}

.knowledge_banner .heading h1 {
	font-size: 5rem;
	color: #fff;
	font-weight: 700;
	margin-bottom: 2.5rem;
	line-height: 82px
}

.content {
	background: #fff;
	border-radius: 3px;
	box-shadow: 0 1px 12px rgba(0, 0, 0, .075), 0 2px 4px rgba(0, 0, 0, .0375);
	padding: 0 15px
}

.panel-group {
	margin-bottom: 0
}

.panel-group .panel {
	border-radius: 0;
	box-shadow: none
}

.panel-group .panel .panel-heading {
	padding: 0
}

.panel-group .panel .panel-heading h4 a {
	display: block;
	font-size: 15px;
	padding: 18px 5px 18px 5px;
	text-decoration: none;
	transition: .15s all ease-in-out;
	text-align: left;
	border-bottom: 1px solid #d3d3d3;
	color: #616161
}

.panel-group .panel .panel-title {
	margin: 0
}

.panel-group .panel .panel-heading h4 a:hover,
.panel-group .panel .panel-heading h4 a:not(.collapsed) {
	background: #fff;
	transition: .15s all ease-in-out
}

.panel-group .panel .panel-heading h4 a:not(.collapsed) i:before {
	content: ""
}

.panel-group .panel .panel-heading h4 a i {
	color: #fff;
	background-color: #206f52;
	padding: 5px 6px;
	border-radius: 50%;
	height: 25px;
	width: 25px
}

.panel-group .panel .panel-body {
	padding-top: 0
}

.panel-group .panel .panel-body p {
	background-color: #f2f2f2;
	padding: 1rem;
	text-align: left;
	font-size: 14px;
	line-height: 26px
}

.panel-group .panel .panel-heading+.panel-collapse>.list-group,
.panel-group .panel .panel-heading+.panel-collapse>.panel-body {
	border-top: none
}

.panel-group .panel+.panel {
	border-top: none;
	margin-top: 0
}

.product_page {
	margin-bottom: 4rem;
	box-shadow: 0 0 12px #dedede
}

.popular_pro figure {
	margin: 0
}

.popular_pro figure img {
	width: 100%;
	height: 280px;
	object-fit: cover;
	display: block;
	margin: 0 auto;
	padding: 0;
	background-color: #f5f5f5
}

.popular_pro .kit_body {
	padding: 1rem
}

.popular_pro .kit_body h4 {
	text-align: left;
	font-size: 22px;
	color: #206f52
}

.popular_pro .kit_body p {
	text-align: left;
	font-size: 16px;
	line-height: 27px;
	margin: 0
}

.popular_pro .kit_footer a {
	background: linear-gradient(180deg, #206f52 30%, #206f52 80%);
	border-radius: 0;
	color: #fff;
	font-weight: 400;
	font-size: 17px;
	padding: .5rem
}

.product-dtl table tr td {
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd
}

.product-dtl table tr td:nth-child(2) {
	border-right: none
}

.popular_pro .kit_footer .kit_enquire {
	background: #000
}

.product-info-tabs .nav-tabs {
	border-bottom: 2px solid #d8d8d8
}

.product-info-tabs {
	margin-top: 60px
}

.product-info-tabs .nav-tabs .nav-item {
	margin-bottom: 0
}

.product-info-tabs .nav-tabs .nav-link {
	border: none;
	border-bottom: 2px solid transparent;
	color: #323232
}

.product-info-tabs .nav-tabs .nav-item.show .nav-link,
.product-info-tabs .nav-tabs .nav-link.active,
.product-info-tabs .nav-tabs .nav-link.active:hover {
	border: none;
	border-bottom: 4px solid #f15e2a;
	font-weight: 700
}

.product-info-tabs .tab-content .tab-pane {
	padding: 30px 0;
	font-size: 16px;
	line-height: 32px;
	color: #585858;
	font-family: Montserrat, sans-serif
}

.additional_table th {
	width: 15%;
	color: #000
}

.case_study_box {
	background-image: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/why_us.jpg);
	height: 300px;
	width: 100%
}

.case_study_content {
	padding: 4rem 3rem 0 3rem;
	text-align: left
}

.case_study_content h6 {
	color: #fce835;
	font-size: 15px;
	font-weight: 500
}

.case_study_content h4 {
	color: #f5f5f5;
	font-size: 25px;
	line-height: 32px
}

.case_study_content a {
	background: linear-gradient(90deg, #f69422 0, #f15e2a 100%);
	border-radius: 0;
	color: #fff;
	font-size: 17px;
	padding: .4rem 1.8rem;
	margin-top: 1rem
}

.case_study_content a:hover {
	color: #fff
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
	display: inline-block;
	width: 50px;
	height: 50px;
	background-color: #206f52;
	background-size: 25px;
	border-radius: 50%
}

.carousel-control-next,
.carousel-control-prev {
	position: absolute;
	top: 100px;
	bottom: 0;
	z-index: 1;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 7%;
	color: #fff;
	text-align: center;
	opacity: .5;
	transition: opacity .15s ease
}

.carousel-inner {
	position: relative
}

@media(max-width:767px) {
	#modal-body {
		width: 86%
	}

	#modal-body #close {
		top: 70%;
		right: 14px;
		transform: translateY(-70%)
	}

	.carousel-control-next-icon,
	.carousel-control-prev-icon {
		display: none
	}

	.carousel-control-next,
	.carousel-control-prev {
		display: none
	}

	.carouselitem1,
	.carouselitem2,
	.carouselitem3,
	.carouselitem4 {
		height: 250px;
		padding: 1rem;
		background-size: cover;
		width: 100%;
		background-position: center;
		background-repeat: no-repeat;
		position: relative;
		margin-bottom: 3rem;
		top: 4rem
	}

	.game_change h3 {
		font-size: 14px;
		font-weight: 600;
		line-height: 23px
	}

	.game_change h2 {
		font-size: 16px
	}

	.game_change h4 {
		font-size: 22px
	}

	.inner-top-com-banner {
		height: auto !important;
		margin-bottom: 0 !important
	}

	.answer_title {
		font-size: 15px !important;
		margin-top: 2rem !important;
		color: #000;
		font-weight: 500;
		line-height: 25px !important;
		margin-bottom: 0 !important
	}

	.bhambri_quote_title {
		font-size: 18px;
		line-height: 26px
	}

	.insight {
		font-size: 20px;
		margin-top: 0
	}

	.comm_think {
		font-size: 20px
	}

	.frustated_points1 li {
		font-size: 15px;
		line-height: 23px;
		background-size: 16px;
		padding-left: 27px;
		background-position: left 4px
	}

	.bhambri_quote {
		width: 2rem;
		display: block;
		position: relative;
		top: 0;
		left: 0;
		z-index: -1
	}

	.bhambri_tag {
		font-size: 18px !important;
		line-height: 26px
	}

	.why_go_solar {
		padding-top: 1rem;
		padding-inline-start: 0px
	}

	.why_go_solar li {
		font-size: 15px
	}

	.commercial_install_box img {
		height: 170px
	}

	.commercial_install_box h6 {
		padding: .7rem;
		font-size: 15px
	}

	.commercial_install_box p {
		text-align: center;
		font-size: 14px;
		line-height: 21px;
		margin-top: 1rem;
		margin-bottom: 2rem
	}

	.finance_box {
		min-height: auto;
		background-color: #f5f5f5;
		padding: 1rem;
		margin-bottom: 1rem
	}

	.finance_box p {
		font-size: 15px;
		line-height: 24px
	}

	.finance_box p span {
		font-size: 18px
	}

	#change_data h3 {
		font-size: 17px;
		margin-bottom: 1rem
	}

	.inner-page-titles {
		font-size: 20px
	}

	.frustated_image {
		margin-bottom: 1rem
	}

	.frustated_points li {
		font-size: 16px;
		line-height: 22px;
		margin-bottom: .8rem;
		background-size: 18px;
		padding-left: 28px;
		background-position: left 3px
	}

	.let_talk {
		padding: .5rem 1.5rem;
		font-size: 17px;
		font-weight: 600
	}

	.inner_page_p {
		font-size: 14px;
		padding: .5rem 0;
		margin: 0
	}

	.step_method h4 {
		font-size: 18px;
		margin-bottom: .5rem
	}

	.step_method p {
		font-size: 15px;
		line-height: 24px
	}

	.step_method {
		padding: 1rem .5rem
	}

	.comm_video {
		margin-bottom: 1rem
	}

	.image_title h3 {
		font-size: 18px;
		font-weight: 600;
		font-family: Montserrat, sans-serif;
		margin-bottom: 1.5rem;
		margin-top: 1rem
	}

	.thumb figure h6 {
		font-size: 15px;
		padding: .5rem
	}

	#change_data h3 span {
		font-size: 28px;
		bottom: 0;
		margin-left: 0;
		display: block;
		margin-top: 10px
	}

	.solar_data img {
		width: 2rem;
		margin-bottom: .5rem
	}

	.solar_data h4 {
		font-size: 16px;
		margin-bottom: 0
	}

	.solar_data {
		padding: .5rem;
		min-height: 100%
	}

	.solar_data p {
		font-size: 14px;
		font-weight: 500;
		line-height: 17px
	}

	.menu-area {
		padding: 0 1rem
	}

	.nav-logo {
		width: 12rem
	}

	.top-carousel-inner {
		width: 75%
	}

	.top-carousel-inner .carousel-item h1 {
		font-size: 26px;
		font-weight: 500;
		line-height: 35px
	}

	.top-carousel-inner .carousel-item p {
		font-size: 17px;
		font-weight: 300;
		text-shadow: 2px 2px #000
	}

	.top-carousel-inner .carousel-item a {
		padding: .3rem 1.3rem;
		font-size: 1.2rem;
		font-weight: 400;
		margin-top: 1rem
	}

	.section-top-space {
		padding-top: 50px
	}

	.img-wrapper {
		margin-bottom: .5rem
	}

	.img-wrapper p {
		font-size: 18px
	}

	.section-title h1 {
		font-size: 22px;
		margin-bottom: 1.5rem;
		letter-spacing: 0
	}

	.section-title h1::before {
		margin: 0 7px 5px 0
	}

	.section-title h1::after {
		margin: 0 0 5px 7px
	}

	.section-title h1::after,
	.section-title h1::before {
		width: 22px
	}

	.section-title-white h1 {
		font-size: 22px;
		margin-bottom: 1.5rem;
		letter-spacing: 0
	}

	.section-title-white h1::before {
		margin: 0 7px 5px 0
	}

	.section-title-white h1::after {
		margin: 0 0 5px 7px
	}

	.section-title-white h1::after,
	.section-title-white h1::before {
		width: 22px
	}

	.company_box {
		margin-bottom: 1rem;
		padding: 1rem;
		min-height: 100%
	}

	.company_box p {
		font-size: 14px;
		line-height: 20px
	}

	.company_box img {
		width: 3rem;
		margin-bottom: .5rem
	}

	.footer-desc {
		margin-top: 1rem;
		font-size: 14px;
		text-align: left;
		margin-bottom: 0
	}

	.footer-s-icon {
		margin: 10px 8px 30px 0
	}

	.footer-link ul li:first-child {
		margin-top: 0
	}

	.footer-link ul li a {
		font-size: 15px
	}

	.contact-infoe {
		margin-top: 1rem
	}

	.contact-infoe span {
		margin-bottom: 22px;
		font-size: 15px;
		font-weight: 400
	}

	.contact-infoe span a {
		font-size: 15px;
		font-weight: 400
	}

	.navbar-light .navbar-toggler {
		color: #f15e2a;
		border-color: transparent
	}

	.navbar-toggler:focus,
	.navbar-toggler:hover {
		outline: 0
	}

	.mainmenu .collapse ul ul,
	.mainmenu .collapse ul ul.dropdown-menu {
		width: 100%;
		margin-left: 0
	}

	.navbar-light .navbar-nav li {
		padding: 4px 0;
		display: flex
	}

	.mainmenu a,
	.mainmenu ul li a,
	.navbar-default .navbar-nav>li>a,
	.navbar-expand-lg .navbar-nav .nav-link {
		padding: 7px 0;
		font-size: 14px
	}

	.vision-bg {
		display: none
	}

	.vision-content-box {
		margin-top: 0;
		padding: 0
	}

	.advantage-img {
		width: 60px;
		height: 60px;
		padding: .5rem
	}

	.vision-box {
		margin-bottom: 1.3rem
	}

	.section-bottom-space {
		padding-bottom: 30px
	}

	.service_box h5 {
		font-size: 18px
	}

	.call-sec {
		padding: 1rem
	}

	.call-sec h1 {
		font-weight: 500;
		font-size: 30px
	}

	.call-sec p {
		font-weight: 400;
		font-size: 16px;
		line-height: 26px
	}

	.talk_btn {
		padding: .2rem 1.3rem;
		font-size: 18px;
		margin-top: .8rem
	}

	.vision-box h3 {
		font-size: 20px;
		margin-top: .7rem
	}

	.vision-box p {
		font-size: 15px;
		line-height: 24px;
		margin: 0
	}

	.inner-banner-content {
		padding: 1rem;
		margin: 1rem;
		width: 90%
	}

	.inner-banner-content h1 {
		font-weight: 600;
		font-size: 16px;
		color: #000;
		line-height: 1.2
	}

	.inner-banner-content h5 {
		font-size: 14px;
		line-height: 1.2;
		margin-bottom: 0
	}

	.waviy span {
		font-size: 14px;
		font-weight: 600
	}

	.inner-banner-content p {
		font-size: 14px;
		line-height: 22px;
		font-weight: 400;
		text-shadow: none;
		margin-bottom: 1rem
	}

	.inner-banner-content a {
		padding: .3rem 1rem;
		font-size: 14px;
		margin-top: 6px
	}

	.inner-top-banner {
		height: auto;
		background-size: cover;
		width: 100%
	}

	.btn-banner-talk {
		font-size: 13px !important
	}

	.new_comm {
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		align-content: center;
		text-align: center
	}

	.inner_page_p_white {
		font-size: 14px;
		padding: 0;
		text-align: center;
		margin: 20px auto
	}

	.inner-page-titles-white {
		font-size: 18px;
		margin-bottom: 0
	}

	.meet_solar {
		margin-top: 20px;
		font-size: 16px
	}

	.savings_form {
		position: relative !important;
		margin: 0;
		width: 100%;
		z-index: auto;
		margin-bottom: 1rem;
		margin-top: 1rem
	}

	.comm_project_h6 {
		font-size: 18px
	}

	.com_about_heading {
		font-size: 14px;
		font-weight: 500;
		margin-bottom: .8rem
	}

	.com_about_para {
		font-size: 14px;
		line-height: 26px;
		font-weight: 500;
		margin-bottom: 3rem
	}

	.right_col_com {
		padding-left: 0
	}

	.com_about_ul li {
		font-size: 14px;
		margin-bottom: .5rem
	}

	.let_contact {
		font-size: 16px;
		font-weight: 600;
		padding: .5rem;
		margin-top: 1rem
	}

	.com-advantages h4 {
		font-size: 18px;
		margin-bottom: .5rem
	}

	.com-advantages p {
		font-size: 14px;
		line-height: 22px
	}

	.com_process_step h4 {
		font-size: 18px
	}

	.com_process_step p {
		font-size: 15px;
		line-height: 24px;
		margin-bottom: 2rem
	}

	.trust_logo {
		margin-bottom: 1rem
	}

	.com_angle {
		display: none !important
	}

	.pointer .heading {
		font-size: 20px;
		margin-bottom: 1rem
	}

	.pointer .points {
		margin-bottom: .2rem;
		font-size: 17px !important
	}

	.pointer p {
		font-size: 15px;
		line-height: 25px
	}

	.savings_form .heading {
		font-size: 18px;
		margin-bottom: 1rem
	}

	.static-col-pd {
		padding-left: 15px
	}

	.about_heading {
		font-size: 30px;
		text-align: left;
		text-shadow: none;
		letter-spacing: 1px;
		line-height: 37px;
		margin-bottom: .5rem
	}

	.about_para {
		font-size: 15px;
		text-align: justify
	}

	.content_part ul li {
		font-size: 15px;
		line-height: 22px;
		margin-bottom: .5rem
	}

	.img_part img {
		padding-top: 0
	}

	.why_us_banner .heading {
		padding: 3rem 0 0 1rem
	}

	.why_us_banner .heading h1 {
		font-size: 40px;
		margin-bottom: 1.5rem;
		line-height: 50px
	}

	.why_us_banner {
		height: auto;
		padding-bottom: 4rem
	}

	.project_banner .heading {
		padding: 3rem 0 0 1rem
	}

	.project_banner .heading h1 {
		font-size: 40px;
		margin-bottom: 1.5rem;
		line-height: 50px
	}

	.project_banner {
		height: auto;
		padding-bottom: 4rem
	}

	.knowledge_banner .heading {
		padding: 3rem 0 0 1rem
	}

	.knowledge_banner .heading h1 {
		font-size: 40px;
		margin-bottom: 1.5rem;
		line-height: 50px
	}

	.knowledge_banner {
		height: auto;
		padding-bottom: 4rem
	}

	.popular_pro figure img {
		height: auto
	}

	.popular_pro .kit_body h4 {
		font-size: 20px
	}

	.popular_pro .kit_body p {
		font-size: 15px;
		line-height: 26px
	}

	.product_page {
		margin-bottom: 2rem
	}

	.city_block_img img {
		height: 70px
	}

	.btn-banner-talk {
		margin-top: 1rem
	}

	.frustated_image {
		width: 10rem
	}

	.frustate_box p {
		font-size: 15px
	}

	.frustate_box i {
		font-size: 3rem;
		color: #f68e23;
		margin-bottom: 10px
	}

	.lazy {
		width: 100%;
		display: block;
		margin-bottom: 3rem
	}

	.commercial-steps .tabcontent h3 {
		color: #000;
		margin: 0 0 10px;
		text-align: left;
		font-family: Montserrat, sans-serif;
		font-weight: 800;
		font-size: 18px
	}

	.commercial-steps .tabcontent p {
		color: #282526;
		font-size: 15px;
		line-height: 25px;
		text-align: left
	}

	.commercial-steps .tab button span {
		display: none
	}

	.testimonial-card-slider p {
		font-size: 16px
	}

	.testimonial-card-slider {
		background-color: #fff;
		min-height: auto;
		padding: 1rem;
		border-radius: 10px
	}

	.testimonial-card-slider h4 {
		position: relative;
		bottom: auto;
		font-size: 17px
	}

	.testimonial-div {
		position: relative;
		margin-top: 20px
	}

	.contact_form_commercial {
		padding: 1.5rem;
		margin-bottom: 1rem
	}

	header {
		top: 4rem
	}

	.knowledge_banner,
	.project_banner,
	.why_us_banner {
		top: 4rem;
		margin-bottom: 4rem
	}

	.main_banner_content h4 {
		font-size: 30px;
		font-weight: 600;
		line-height: 38px;
		margin-bottom: 1rem
	}

	.main_banner_content p {
		font-size: 18px;
		line-height: 24px;
		margin-top: 0;
		color: #fff
	}

	.main_banner {
		width: 100%;
		height: 75vh;
		background-size: cover;
		background-position: 70%
	}
}

#modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999999;
	background: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .7))
}

#modal-body {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 45%;
	height: fit-content;
	background: #fff;
	box-shadow: 0 0 10px rgba(255, 255, 255, .6)
}

#modal-body .header-body {
	width: 100%;
	height: fit-content;
	padding: 1rem 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	align-items: center;
	text-align: center;
	color: #fff;
	background: #206f52;
	position: relative;
	border: 1px solid #fff
}

#modal-body .header-body h3 {
	font-size: 22px
}

#modal-body .header-body h5 {
	font-size: 16px
}

#modal-body form {
	padding: 2rem 1rem
}

#modal-body .row {
	margin-bottom: 30px
}

#modal-body .form-control {
	border-radius: 0;
	box-shadow: none;
	outline: 0;
	font-size: 14px
}

#modal-body .submit_button {
	border-radius: 0;
	background: #206f52;
	font-weight: 300;
	outline: 0;
	border: none;
	box-shadow: none;
	color: #fff
}

#modal-body #close {
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 25px;
	font-size: 1.2rem;
	color: #206f52;
	background: #fff;
	border-radius: 50%;
	cursor: pointer
}

@media (max-width:600px) {
	.change_data .col-md-4 {
		border: none
	}

	.change_data .row:first-child {
		border: none
	}

	.logo_container {
		height: 80px;
		box-shadow: 4px 4px 10px rgba(0, 0, 0, .15), -4px -4px 10px rgba(0, 0, 0, .15);
		margin-bottom: 20px;
		background-color: #fff
	}
}

@media (min-width:601px) {
	.logo_container {
		height: 200px
	}
}

.logo_box1 {
	width: auto;
	background: url('../img/PVSyst.png') no-repeat;
	background-size: contain;
	background-position: center
}

.logo_box2 {
	width: auto;
	background: url('../img/tsl_logo.png') no-repeat;
	background-size: contain;
	background-position: center
}

.logo_box3 {
	width: auto;
	background: url('../img/autocad.png') no-repeat;
	background-size: contain;
	background-position: center
}

.logo_box4 {
	width: auto;
	background: url('../img/Bentley.jpg') no-repeat;
	background-size: contain;
	background-position: center
}

.logo_box5 {
	width: auto;
	background: url('../img/log.png') no-repeat;
	background-size: contain;
	background-position: center
}

.logo_box6 {
	width: auto;
	background: url('../img/log1.png') no-repeat;
	background-size: contain;
	background-position: center
}

.project_image .col-md-4 {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px
}

.pr_image {
	height: 400px;
	width: 100%
}

@media (max-width:600px) {
	.pr_image {
		height: 200px
	}
}

.pr_image1 {
	width: 100%;
	height: 100%;
	background: linear-gradient(45deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), url(../img/float1.jpg) no-repeat;
	background-position: center;
	background-size: cover
}

.pr_image2 {
	width: 100%;
	height: 100%;
	background: linear-gradient(45deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), url(../img/bipvv1.png) no-repeat;
	background-position: center;
	background-size: cover
}

.pr_image3 {
	width: 100%;
	height: 100%;
	background: linear-gradient(45deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), url(../img/bipvv2.png) no-repeat;
	background-position: center;
	background-size: cover
}

.pr_image4 {
	width: 100%;
	height: 100%;
	background: linear-gradient(45deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), url(../img/bipvv3.png) no-repeat;
	background-position: center;
	background-size: cover
}

.pr_image5 {
	width: 100%;
	height: 100%;
	background: linear-gradient(45deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), url(../img/bipvv9.png) no-repeat;
	background-position: center;
	background-size: cover
}

.pr_image6 {
	width: 100%;
	height: 100%;
	background: linear-gradient(45deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), url(../img/bivp1.jpg) no-repeat;
	background-position: center;
	background-size: cover
}

.pr_image7 {
	width: 100%;
	height: 100%;
	background: linear-gradient(45deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), url(../img/bipvv10.png) no-repeat;
	background-position: center;
	background-size: cover
}

.pr_image8 {
	width: 100%;
	height: 100%;
	background: linear-gradient(45deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), url(../img/bipvv6.png) no-repeat;
	background-position: center;
	background-size: cover
}

.pr_image9 {
	width: 100%;
	height: 100%;
	background: linear-gradient(45deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), url(../img/bipvv7.png) no-repeat;
	background-position: center;
	background-size: cover
}

.pr_caption {
	display: none;
	position: relative;
	bottom: 80px;
	width: 100%;
	height: 20%;
	background: linear-gradient(90deg, #f69422 0, #f15e2a 100%);
	background-size: cover;
	background-position: center;
	color: #fff;
	font-size: 1.5rem;
	line-height: 80px;
	transition: background .4s;
	font-family: Montserrat, sans-serif
}

.pr_caption::first-letter {
	color: #000;
	font-weight: 700;
	text-decoration: line-through
}

.pr_image:hover>.pr_caption {
	display: block;
	background-position: 0
}

@media (max-width:600px) {
	.pr_caption {
		height: 30%;
		bottom: 60px;
		line-height: 60px;
		font-size: 17px;
		font-weight: 600
	}
}

.meter-image {
	width: 100%;
	height: 100%;
	background: linear-gradient(#ff7e00, #ff7e00) bottom left/80px 5px, linear-gradient(#ff7e00, #ff7e00) bottom left/5px 80px, linear-gradient(#ff7e00, #ff7e00) top right/80px 5px, linear-gradient(#ff7e00, #ff7e00) top right/5px 80px;
	background-repeat: no-repeat;
	background-color: #ffa10a23;
	position: relative
}

.meter-image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	padding: 1rem
}

.meter-info {
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, #206f52 18%, #206f52 100%) !important;
	padding: 6rem 3rem;
	font-size: 18px;
	z-index: 10
}

.archi_capex {
	min-height: 100%;
	border: 1px solid #ebebeb
}

.archi_capex img {
	width: 100%
}

@media (max-width:600px) {
	.meter-info {
		padding: 1rem .5rem;
		margin-top: 20px;
		font-size: 12px
	}
}

.meter-info p::first-letter {
	font-size: 2em;
	font-weight: 700;
	color: #fff
}

.meter-info p {
	color: #fff
}

#first_action_row {
	width: 100%;
	height: fit-content;
	padding: 2rem 0;
	background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url(../img/arch/action.jpg);
	color: #fff
}

.get_started {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center
}

.get_started img {
	width: 50%;
	margin: 0 auto;
	height: auto;
	object-fit: fill
}

#action_row_2 {
	width: 100%;
	height: fit-content;
	padding: 2rem 0;
	box-shadow: 0 0 10px rgb(0 0 0 / 30%);
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	background: #fff
}

.call_to_action {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	align-items: center
}

#user_row {
	margin-top: 50px
}

#user_row .user_ul {
	width: 100%;
	height: 100%;
	padding: 2rem 1rem;
	background: beige
}

#user_row .user_ul ul li {
	list-style-type: circle;
	margin-bottom: 30px;
	line-height: 30px
}

#demo #newtestimonialsliderone {
	padding: 50px 20px 35px 20px;
	background: #fff;
	text-align: center
}

#demo .testimonial {
	background: #fffacb;
	padding: 2rem 0;
	min-height: 400px;
	height: fit-content;
	border: 20px solid #fff
}

#demo .testimonial-rating {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background-color: transparent;
	padding: .6rem 2rem;
	margin-bottom: 1.5rem;
	min-height: 45px;
	text-align: center;
	margin: 0 auto;
	display: flex;
	justify-content: center
}

#demo .testimonial .description {
	font-size: 14px;
	color: #000;
	line-height: 26px;
	text-indent: 30px;
	position: relative;
	padding: 2rem 4rem;
	margin-top: 30px
}

#demo .testimonial-div {
	position: absolute;
	top: 6rem;
	left: 50%;
	transform: translateX(-50%)
}

#demo .testimonial .title {
	font-size: 24px;
	font-weight: 700;
	color: #206f52;
	text-transform: capitalize;
	margin: 0
}

#demo .testimonial .post {
	display: block;
	font-size: 15px;
	color: #363636
}

@media (max-width:600px) {
	#demo .testimonial .description {
		padding: 2rem .5rem
	}

	.thumb figure {
		height: auto !important
	}

	.thumb figure img {
		height: auto !important
	}

	.about_ruchi_content {
		padding: 1rem
	}

	.about_ruchi_content p {
		font-size: 15px;
		line-height: 25px
	}

	.about_ruchi_img {
		display: block;
		margin: 0 auto;
		width: 100%;
		height: auto
	}

	.about_ruchi_content h2 {
		font-size: 25px;
		line-height: 32px;
		font-weight: 600;
		margin-bottom: 1rem
	}

	.bgabout {
		background-size: cover
	}
}

@media(max-width:600px) {
	.commercial_install_box p {
		font-size: 11px
	}

	.footer-copyright,
	.footer-copyright a {
		font-size: 11px
	}

	#hero .hero_img {
		width: 100%
	}

	#hero h1 {
		font-size: 18px;
		text-align: center
	}

	#arch .carousel-item {
		height: 300px
	}

	.get_started img {
		width: 25%
	}

	.call_to_action a {
		font-size: 16px
	}

	.inner-page-titles1 {
		font-size: 20px
	}

	#modal-body {
		width: 95%
	}

	#modal-body .header-body h3 {
		font-size: 16px;
		margin-bottom: 0;
		line-height: 1
	}

	#modal-body .row {
		margin-bottom: 10px
	}

	#modal-body .row label {
		font-weight: 700;
		color: #206f52
	}

	#modal-body .row .form-control {
		box-shadow: none
	}

	#modal-body .row .form-control:focus {
		border: 1px solid #206f52
	}
}
.about-t p {
    color: #fff;
}




.faq-container {
  width: 80%;
  max-width: 900px;
  margin: auto;
  background: white;
  padding: 40px;
  border-radius: 15px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}



@keyframes underlineEffect {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}

.faq-item {
  border-bottom: 2px solid #ddd;
  padding: 14px 0;
}

.faq-question {
  width: 100%;
  background: none;
  border: none;
  text-align: left;
  font-size: 20px;
  font-weight: bold;
  padding: 6px;
  cursor: pointer;
  transition: background 0.3s;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.faq-question:hover {
  background: #f1f1f1;
}

.arrow {
  transition: transform 0.3s ease;
  font-size: 16px;
}

.faq-answer {
  display: none;
  padding: 20px;
  font-size: 20px;
  color: #333;
  text-align: left;
  background: #f9f9f9;
  border-radius: 10px;
}

.hidden {
  display: none;
}

#viewMore,
#viewLess {
  margin-top: 20px;
  display: block;
  width: 100%;
  background: #206d51;
  color: white;
  padding: 18px;
  border: none;
  cursor: pointer;
  font-size: 20px;
  border-radius: 10px;
}

#viewMore:hover,
#viewLess:hover {
  background: #206d51;
}
.footer-bg {
    background: #206f52;
}



 .why-choose-us {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      padding: 50px 20px;
      background-color: #f4f4f4;
    }
    .why-text {
      flex: 1;
      padding: 20px;
    }
    .why-text h2 {
      font-size: 36px;
      color: #333;
      margin-bottom: 20px;
    }
    .why-text p {
      font-size: 18px;
      color: #555;
      line-height: 1.6;
    }
    .why-image {
      flex: 1;
      text-align: center;
      padding: 20px;
    }
    .why-image img {
      max-width: 100%;
      height: auto;
      border-radius: 10px;
      box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    }
    .why-text ul li {
    font-weight: 600;
    list-style-type: none;
    line-height: 36px;
    font-size: 18px;
}
.why-text ul {
   padding:0px;
}
section.why-cooset {
    padding: 40px 0px;
}
.why-text h2 {
    font-weight: 700;
    text-transform: uppercase;
}