* {
	margin: 0;
	padding: 0;

}

html {
	box-sizing: border-box;
}

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

body {
	width: 100%;
	color: #222;
}

section {
	width: 100%;
	display: block;

}

img {
	max-width: 100%;
}


header {
	width: 100%;
	padding: 0;
	margin: 0;
	position: fixed;
	z-index: 11;
}


.nav__container {

	width: 100%;
	flex-direction: column;
	justify-content: space-between;
	align-items: stretch;
	height: 100%;
	display: flex;
	align-items: center;
	padding: 10px 0 0 10px;
}


.nav__mobile .nav__btn {
	display: block;
}


.nav__mobile {
	display: flex;
	justify-content: space-between;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

}

.nav__logo {
	font-size: 1.4rem;
	font-weight: 700;
	color: #555;
}


.nav__menu {
	display: flex;
	flex-direction: column;
	overflow: hidden;

}

.showing {
	max-height: 37rem;
	transition: all .5s;
}


.nav__menu li {
	list-style: none;
	position: relative;
	white-space: nowrap;
	padding: 1rem 0 0 0;
}


.nav__menu li a {
	display: block;
	font-size: 1rem;
	color: white;
	text-decoration: none;
}

.nav__menu li a:hover {
	color: rgb(0, 98, 163);

}


.nav-toggle {
	display: block;
	background-color: transparent;
	width: 40px;
	cursor: pointer;
	padding: 4px;
	opacity: 1 !important;
}


.nav-toggle span {
	position: relative;
	display: block;
	height: 4px;
	border-radius: 35px;
	width: 100%;
	margin-top: 0;
	background-color: #000;
	transition: all .25s;
}


.nav-toggle span.mrg {
	margin-top: 5px;
}

.nav-toggle.open span:first-child {
	transform: rotate(45deg) translate(6.2px, 6.2px);
}


.nav-toggle.open span:nth-child(2) {
	width: 0%;
	opacity: 0;
}


.nav-toggle.open span:last-child {
	transform: rotate(-45deg) translate(6.2px, -6.2px);
}


/* Dropdown */

.nav__menu .dropdown ul {
	display: flex;
	flex-direction: column;
	position: static;
	padding: 0;
	max-height: 0px;
	overflow: hidden;
	transition: all .4s;
}

.nav__menu .dropdown ul.show {
	max-height: 20rem;
	transition: all .4s;
}


.nav__menu .dropdown li a {
	display: block;
	font-size: .875rem;
	text-transform: capitalize;
	color: white;
	text-decoration: none;
}

.nav__menu li a:hover {
	color: rgb(0, 98, 163);

}

.nav__menu .dropdown>a:after {
	content: "\f107";

	font-weight: 900;
	font-size: .875rem;
	padding-left: 5px;
	color: rgb(126, 126, 126);
}

.nav__menu .active.dropdown>a:after {
	content: "\f106";
}

.nav__menu .dropdown .dropdown>a:after {
	content: "\f107";

	font-weight: 900;
	font-size: .875rem;
	padding-left: 5px;
	color: white;
}

.nav__menu .dropdown .active.dropdown>a:after {
	content: "\f106";
}


.menu-toggle {
	max-height: 0;
	overflow: hidden;
	transition: all .4s ease;

}

.menu-toggle.active {
	max-height: 100vh;
	transition: all .4s ease;

}

.resize-animation-stopper * {
	transition: none !important;
	animation: none !important;
}

.sec20-how-can a:hover {
    color: #f9aa19;
}
ul.socialmedia li:nth-child(2) {
    display: none;
}
.acsries .accessories-img img{
	transform: scale(1);
	transition: all 0.3s ease;
}
.acsries:hover .accessories-img img{
	transform: scale(1.1);
}
.projects a:focus, .projects a:active, .projects a:hover, .projects a {
    outline: none !important;
}
@media screen and (min-width: 800px) {
	.menu-toggle {
		display: flex !important;
		max-height: 100vh;
		overflow: visible
	}

	.nav__container {
		width: 100%;
		max-width: 1000px;
		margin: auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-direction: row;
		padding: 40px;
	}

	.nav__mobile {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.nav__mobile .nav__btn {
		display: none;
	}

	.nav__logo img {
		width: 100%;
		max-width: 58px;
	}

	.nav__menu {
		display: flex;
		flex-direction: row;
		max-height: 100%;
		overflow: visible;
	}

	.nav__menu li {
		list-style: none;
		position: relative;
		white-space: normal;
		padding: 1rem;
	}


	.nav__menu li a {
		font-size: 1rem;
		color: white;
		text-decoration: none;
	}


	.nav__menu li a:hover {
		color: rgb(0, 98, 163);

	}


	/* Dropdown */
	.nav__menu .dropdown {
		position: relative;
	}

	.nav__menu .dropdown ul {
		display: flex;
		flex-direction: column;
		position: absolute;
		top: 100%;
		left: -30px;
		opacity: 0;
		visibility: hidden;
		overflow: visible;
		padding: 0 1rem;
		transition: all .4s ease;
	}


	.nav__menu .dropdown:hover>ul {
		top: 100%;
		left: 0;
		opacity: 1;
		visibility: visible;
		overflow: visible;
		padding: 0 1rem;
	}


	.nav__menu .dropdown ul li {
		padding: .7rem;
		background-color: rgb(16, 118, 201);
		position: relative;
	}

	.nav__menu .dropdown ul li:hover {
		background-color: rgb(52, 147, 224);
	}

	.nav__menu .dropdown ul li a {
		display: block;
		color: white;
		text-transform: capitalize;
	}

	.nav__menu .dropdown ul li a:hover {
		display: block;
		color: white;
	}

	.nav__menu .dropdown>a:after {
		content: "\f107";

		font-weight: 900;
		font-size: .875rem;
		padding-left: 5px;
		color: white;
	}


	.nav__menu .dropdown:hover>a:after {
		content: "\f106";

		font-weight: 900;
		font-size: .875rem;
		padding-left: 5px;
		color: white;
	}


	.nav__menu .dropdown .dropdown>a:after {
		content: "\f105";

		font-weight: 900;
		font-size: .875rem;
		padding-left: 10px;
		color: rgb(255, 255, 255);
	}


	.nav__menu .dropdown .dropdown:hover>a:after {
		content: "\f104";

		font-weight: 900;
		font-size: .875rem;
		padding-left: 10px;
		color: rgb(255, 255, 255);
	}


	/* 2nd level dropdown */

	.nav__menu .dropdown .dropdown:hover>ul {
		position: absolute;
		top: 0;
		right: calc(100% - 17px);
		left: auto;
		opacity: 1;
		visibility: visible;
	}

	.nav__menu .dropdown .dropdown ul {
		position: absolute;
		top: 0;
		right: calc(100% - 17px);
		left: auto;
		opacity: 0;
		visibility: hidden;
		transition: all .4s ease-in-out;
	}


}

@media (max-width: 359px) {
	.nav__mobile {
		display: flex;
		justify-content: flex-end;
	}
}

@media (max-width: 431px) {
	.nav__mobile {
		display: flex;
		justify-content: flex-end;
	}
}

@media (max-width: 479px) {
	.nav__mobile {
		display: flex;
		justify-content: flex-end;
	}
}

@media (max-width: 767px) {
	.nav__mobile {
		display: flex;
		justify-content: flex-end;
	}
}

@media (max-width: 991px) {
	
.reqQtCol .btn-primary {
    display: none !important;
}
.logoCol {
    width: 53% !important;
}
.reqQtCol {
    width: 46%;
}
.menuCol {
    width: 1% !important;
}
	.nav__mobile {
		display: flex;
		justify-content: flex-end;
	}
}

@media (min-width: 1600px) {

	.container {
		max-width: 1500px;
		width: 100%;
	}

	p {
		font-size: 22px;
		color: #8D8D8D;
	}

	.menu li a {
		font-family: 'Chivo';
		font-weight: 400;
		font-size: 20px;
	}
}

@font-face {
	font-family: 'Chivo';
	src: url('../fonts/');
	src: url('../fonts/Chivo-Regular.eot');
	src: url('../fonts/Chivo-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Chivo-Regular.woff2') format('woff2'),
		url('../fonts/Chivo-Regular.woff') format('woff'),
		url('../fonts/Chivo-Regular.ttf') format('truetype'),
		url('../fonts/Chivo-Regular.svg#Chivo-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Chivo';
	src: url('../fonts/');
	src: url('../fonts/Chivo-Bold.eot');
	src: url('../fonts/Chivo-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Chivo-Bold.woff2') format('woff2'),
		url('../fonts/Chivo-Bold.woff') format('woff'),
		url('../fonts/Chivo-Bold.ttf') format('truetype'),
		url('../fonts/Chivo-Bold.svg#Chivo-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Chivo';
	src: url('../fonts/');
	src: url('../fonts/Chivo-Medium.woff2') format('woff2'),
		url('../fonts/Chivo-Medium.woff') format('woff'),
		url('../fonts/Chivo-Medium.ttf') format('truetype'),
		url('../fonts/Chivo-Medium.svg#Chivo-Medium') format('svg');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

body {
	margin: 0px;
	padding: 0 0;
	font-size: larger;
	font-family: 'Chivo';
}

h1,
h2,
h3,
h4,
h5 {
	font-family: 'Chivo';
	font-weight: 600;
}

.cover-header {
	display: flex;
	align-items: center;
}

.logo {
	display: inline-block;
	width: 164px;
	padding: 23px 0px;
}

@media (min-width: 1600px) {
	.logo {
		display: inline-block;
		width: 220px;
		padding: 23px 0px;
	}
}

.owl-nav img {
	width: 65%;
}

.btn-primary {
	padding: 30px 0px;
}

header a {
	padding: 30px 0px;
}

.Request-a-quote {
	text-decoration: none;
	color: white;
	font-size: 16px;
	padding: 9px 15px;
	background-color: #F9AA19;
	border-radius: 4px;
	transition: all 0.3s ease;
}

.Request-a-quote:hover {
	background-color: #FFFFFF;
	/* Darker blue */
	color: #14213D;
	text-decoration: none;
	transform: scale(1.05);
	/* Optional zoom effect */
}

.banner {

	height: 640px;
	width: 100%;
	max-width: 100%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.home-banner {
	max-width: 92%;
	margin: 0 auto;
}

.home-banner h1 {
	font-size: 45px;
	color: #FFFFFF;
	margin-bottom: 20px;
}

.home-banner p {
	max-width: 60%;
	margin: 0 auto;
	color: #FFFFFF;
	margin-bottom: 40px;
}

.learn-more {
	text-decoration: none;
	color: white;
	font-size: 16px;
	padding: 9px 15px;
	background-color: #F9AA19;
	border-radius: 4px;
}

.learn-more:hover {
	background-color: #14213D;
	/* Darker blue */
	color: #fff;
	text-decoration: none;
	transform: scale(1.05);
	/* Optional zoom effect */
}

.sec01-warranty {
	background-color: #FFF5E2;
	position: relative;
	margin-bottom: 23px;
}

.cover {
	border-right: 1px solid #000000;
}

.row>.col-lg-6:nth-of-type(2) .cover {
	border-right: none;
}

.warranty {
	padding: 26px 0px;
}

.row>.col-lg-6:nth-of-type(1) .warranty {
	width: 73% !important;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin: 0 auto;

}

.row>.col-lg-6:nth-of-type(2) .warranty {
	width: 61% !important;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
}


.sec01-warranty::before {
	position: absolute;
	content: '';
	display: block;
	background: url("../images/object1.png") no-repeat;

	height: 26px;
	width: 13%;
	left: 0;
	top: 0;
	background-size: 100%;
}

.sec01-warranty::after {
	position: absolute;
	content: '';
	display: block;
	background: url(../images/object2.png);
	background-repeat: no-repeat;
	height: 26px;
	width: 13%;
	bottom: 0;
	right: 0;
}

.sec02-services {
	padding: 20px 0px;
}

.services {
	text-align: center;
	display: flex;
	height: 147px;
	padding: 18px 18px;
	background-color: #F6F6F6;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.services h2 {
	font-size: 17px;
}

.services img {
	margin-bottom: 10px;
	width: 20%;
}

.sec02-about-us {
	padding: 90px 0px 0px 0px;
}

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

.aboutleft img {
	height: 100%;
}

.aboutright {
	padding: 0px 0px 25px 0px;
	max-width: 90%;
	margin: 0 auto;
}

.aboutright	h2 {
		font-size: 28px;
		margin-bottom: 10px;
	}

.aboutright	p {
		margin-bottom: 35px;
	}


.aboutright label {
	margin-bottom: 10px;
	padding-left: 10px;
	font-size: 14px;
	color: #F9AA19;
	border-left: 2px solid #F9AA19;
}

.read-more {
	text-decoration: none;
	color: white;
	font-size: 16px;
	padding: 9px 15px;
	background-color: #F9AA19;
	border-radius: 4px;

}

.read-more:hover {
	background-color: #14213D;
	/* Darker blue */
	color: #fff;
	text-decoration: none;
	transform: scale(1.05);
	/* Optional zoom effect */
}

.cover-counter {
	max-width: 92%;
	margin: 0 auto;
}

.counHeadin {
	font-size: 35px;
	display: flex;
    align-items: center;
    justify-content: center;
}

.plus {
	color: #F9AA19;
}

.counHeadin,
.couContin {
	text-align: center;
}

.couContin {
	font-size: 13px;
	color: #8D8D8D;
}

.sec03-certificates {
	padding: 92px 0px;
}

.sec03-certificates h2 {
		text-align: center;
		color: #000000;
		margin-bottom: 20px;
	}


.certificates-images {

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

/*.certificates .row>.col-lg-3:nth-child(-n+5) {*/
/*	border-right: 1px solid #000000;*/
	/* adjust color/style as needed */
/*}*/

.certificates .row > .col-lg-3:nth-child(-n+5):not(:last-child) {
    border-right: 1px solid #000000;
}


.sec04-adaniframe {
	height: 500px;
	background-position: right;
}

.cover-adani {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 500px;
}

.adani-details {
	background-color: #F6F6F6;
	padding: 21px 35px;
}

.adani-details img {
		padding: 15px 0px;
		width: 60%;
	}
.cf7-inline .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #ffb900;
    display: none;
}
.cf7-inline input[type="submit"]:hover {
    background-color: #FFFFFF !important;
    color: #14213D !important;
}

.adani-contact {
	padding: 15px 35px;
	display: flex;
	align-items: center;
	background-color: #F9AA19;
}

.adani-contact img {
	margin-right: 5px;
	width: 35px;
}

.adani-contact h2 {
	font-size: 25px;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	margin-right: 10px;
}

.adani-contact p a {
	font-size: 25px;
	display: contents;
	color: #14213D;
}

.adani-contact p {
	margin: 0;
}

.sec05-our-cor-values .owl-carousel .owl-item img {
	display: block;
	width: 45px;
	height: 45px;
	margin-bottom: 15px;
}

.sec05-our-cor-values {
	padding: 112px 0px;
}

.our-core {
	text-align: center;
	margin-bottom: 20px;

	p {
		max-width: 66%;
		margin: 0 auto;
	}
}

.our-core {
	h3 {
		margin-bottom: 20px;
	}
}

.our-cor-image {
	padding: 25px 30px;
	background-color: #14213D;
	height: 250px;
}

.our-cor-image	h3 {
		font-size: 17px;
		color: #FFFFFF;
	}


.owl-theme .owl-nav [class*=owl-]:hover {
	background: transparent !important;
}

.sec06-solaireframe {
	height: 500px;
	background-position: right;
}

.solaire-details {
	background-color: #F6F6F6;
	padding: 12px 35px;

	img {
		padding: 15px 0px;
		width: 70%;
	}
}

.solaire-contact {
	padding: 15px 35px;
	display: flex;
	background-color: #F9AA19;
	align-items: center;
}

.solaire-contact {
	h3 {
		display: flex;
		align-items: center;
		justify-content: center;
		color: #FFFFFF;
		margin: 0;
		margin-right: 10px;
	}

	p a {
		font-size: 25px;
		display: contents;
		color: #14213D;
	}
}

.solaire-contact p {
	margin: 0;
}

.solaire-contact img {
	margin-right: 5px;
	width: 35px;
}

.solaire-contact h2 {
	font-size: 25px;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
}

.cover-solaireframe {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
	height: 500px;
}

.sec07-featured-product {
	padding: 36px 0px 36px 0px;
	text-align: center;
	margin-bottom: 76px;
	margin-top: 76px;
}

.sec07-featured-product {
	background-image: url('../images/bg.png');

	background-size: auto;
	/* or contain / cover if needed */
}

.sec09-solar-accessories {
	background-image: url('../images/bg.png');

	background-size: auto;
	/* or contain / cover if needed */
}

.featured-product-heading {
	margin-bottom: 50px !important;
	max-width: 62%;
	margin: 0 auto;
	text-align: center;

	h3 {
		margin-bottom: 20px;
	}
}

.cover-side {
	position: sticky;
	top: 100px;
}

.products {
	background-color: #14213D;
	padding: 30px 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-bottom: 30px;
	width: 210px;

	h3 {
		font-size: 16px;
		color: #FFFFFF;
		margin-bottom: 18px;
	}
}

.row>.col-lg-3:nth-child(2) .products,
.row>.col-lg-3:nth-child(4) .products {
	margin-top: 50px;
	background-color: #F9AA19;
	width: 210px;
}

.sec08-our-project {
	text-align: center;

	h4 {
		font-size: 28px;
	}
}

.sec08-our-project {
	h4 {
		margin-bottom: 20px;
	}
}

.btn-view-all {
	text-decoration: none;
	color: white;
	font-size: 16px;
	padding: 9px 15px;
	background-color: #F9AA19;
	border-radius: 4px;
}

.btn-view-all:hover {
	background-color: #14213D;
	/* Darker blue */
	color: #fff;
	text-decoration: none;
	transform: scale(1.05);
	/* Optional zoom effect */
}

.projects {
	position: relative;
	margin-bottom: 62px;
}

.projects p {
	/*position: absolute;*/
	/*left: 10%;*/
	/*top: 50%;*/
	color: #FFFFFF;
	font-size: 30px;
}

.cvr-arrow img {
	height: unset;
}

.projects a {
	width: 85%;
	text-decoration: none;
	position: absolute;
	left: 10%;
	top: 35%;
	/*color: #FFFFFF;*/
	/*font-size: 30px;*/
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.projects a p {
	transition: all 0.3s ease;
	font-size: 30px;
}

.projects a img {
	display: none;
}

.projects a:hover p {
	font-size: 40px;
	/* or desired hover size */
}

.projects a:hover img {
	display: block;
}

.projects:nth-of-type(1),
.projects:nth-of-type(2) {
	margin-bottom: 1px !important;
}

.projects:nth-of-type(3) {
	margin-bottom: 1px;
}


.sec09-solar-accessories {
	padding: 36px 0px 36px 0px;
	text-align: center;
	margin-top: 76px;
	margin-bottom: 76px;
}

.solar-accessories-heading {
	margin-bottom: 50px !important;
	max-width: 62%;
	margin: 0 auto;
	text-align: center;
}

.solar-accessories-heading h3 {
	margin-bottom: 20px;
}

.accessories {
	background-color: #14213D;
	padding: 30px 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-bottom: 30px;
	width: 210px;

	h3 {
		font-size: 16px;
		color: #FFFFFF;
		margin-bottom: 18px;
	}
}

.row>.col-lg-3:nth-child(2) .accessories,
.row>.col-lg-3:nth-child(4) .accessories {
	margin-top: 50px;
	background-color: #F9AA19;
}

.advanced-left img {
	width: 90%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
}

.advanced-right img {
	margin-bottom: 20px;
	width: 40%;
}

.advanced-right h4 {
		font-size: 29px;
		margin-bottom: 15px;

}
.advanced-right{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-self: flex-start;
}
.know-more {
	text-decoration: none;
	color: white;
	font-size: 16px;
	padding: 9px 15px;
	background-color: #F9AA19;
	border-radius: 4px;
	align-self: flex-start;
}
.downld-brochure{
    margin-left:24px;
    text-decoration: none;
    color: #14213D;
    border: 2px solid #EFEFEF;
    border-radius: 4px;
    padding: 9px 15px;
    font-size: 16px;
}
.downld-brochure:hover {
    background-color:#14213D;
	color: #fff;
}

.know-more:hover {
	background-color: #14213D;
	/* Darker blue */
	color: #fff;
	text-decoration: none;
	transform: scale(1.05);
	/* Optional zoom effect */
}

.clients-banner {
	height: 375px;
	width: 100%;
	max-width: 100%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;

	h1 {
		font-size: 45px;
		color: #FFFFFF;
	}
}

.sec11-our-clients {
	text-align: center;
	padding: 112px 0px;

	h4 {
		text-align: center;
		font-size: 30px;
		margin-bottom: 20px;
	}
}

.clients-images {
	margin-bottom: 50px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}


.view-all {
	text-decoration: none;
	color: white;
	font-size: 16px;
	padding: 9px 15px;
	background-color: #F9AA19;
	border-radius: 4px;
}

.view-all:hover {
	background-color: #14213D;
	/* Darker blue */
	color: #fff;
	text-decoration: none;
	transform: scale(1.05);
	/* Optional zoom effect */
}

.sec12-customer-testimonials {
	padding: 0px 0px;
}

.customer-testimonial {
	h4 {
		font-size: 28px;
		margin-bottom: 20px;
	}

	p {
		margin-bottom: 20px;
	}
}

footer {
	padding: 147px 0px 0px 0px;
	position: relative;
}

.back-txt {
	font-family: 'chivo';
	font-size: 140px;
	margin-left: 14%;
	color: #EBEBEB;
	font-weight: 900;
	position: absolute;
	top: 0;
}

.map {
	iframe {
		width: 100%;
		height: 400px;
	}
}

.form {
	background-color: #14213D;
	 scroll-margin-top: 100px;
	/* Blue background */
	padding: 25px 50px;
	border-right: 4px solid #F9AA19;
	/* Bottom border only */
	color: #fff;
}
 input, .form select, .form textarea {
    color: #8D8D8D;
 }

/* Style inputs, selects, and textarea */
.form input,
.form select,
.form textarea {
	width: 100%;
	padding: 10px 0px;
	border: none;
	font-size: 16px;
	color: #8D8D8D;
	background-color: transparent !important;
	border-bottom: 1px solid #8D8D8D;    outline: none;
}

            .aniimg {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 66px;
                height: 66px;
                position: fixed;
                right: 48px;
                bottom: 26px;
                z-index: 1000
            }

            .quick-alo-ph-circle.active {
                width: 130px;
                height: 130px;
                position: absolute;
                background-color: transparent;
                -webkit-border-radius: 100%;
                -moz-border-radius: 100%;
                border-radius: 100%;
                border: 2px solid rgba(30,30,30,.4);
                opacity: 1;
                -webkit-animation: 3s ease-in-out infinite quick-alo-circle-anim;
                -moz-animation: 3s ease-in-out infinite quick-alo-circle-anim;
                -ms-animation: quick-alo-circle-anim 3s infinite ease-in-out;
                -o-animation: 3s ease-in-out infinite quick-alo-circle-anim;
                animation: 3s ease-in-out infinite quick-alo-circle-anim;
                -webkit-transition: .5s;
                -moz-transition: .5s;
                -o-transition: .5s;
                transition: all .5s;
                -webkit-transform-origin: 50% 50%;
                -moz-transform-origin: 50% 50%;
                -ms-transform-origin: 50% 50%;
                -o-transform-origin: 50% 50%;
                transform-origin: 50% 50%
            }

            @-moz-keyframes quick-alo-circle-anim {
                0% {
                    -moz-transform: rotate(0) scale(.5) skew(1deg);
                    opacity: .1;
                    -moz-opacity: .1;
                    -webkit-opacity: .1;
                    -o-opacity: .1
                }

                30% {
                    -moz-transform: rotate(0) scale(.7) skew(1deg);
                    opacity: .5;
                    -moz-opacity: .5;
                    -webkit-opacity: .5;
                    -o-opacity: .5
                }

                100% {
                    -moz-transform: rotate(0) scale(1) skew(1deg);
                    opacity: .6;
                    -moz-opacity: .6;
                    -webkit-opacity: .6;
                    -o-opacity: .1
                }
            }

            @-webkit-keyframes quick-alo-circle-anim {
                0% {
                    -webkit-transform: rotate(0) scale(.5) skew(1deg);
                    -webkit-opacity: .1
                }

                30% {
                    -webkit-transform: rotate(0) scale(.7) skew(1deg);
                    -webkit-opacity: .5
                }

                100% {
                    -webkit-transform: rotate(0) scale(1) skew(1deg);
                    -webkit-opacity: .1
                }
            }

            @-o-keyframes quick-alo-circle-anim {
                0% {
                    -o-transform: rotate(0) kscale(.5) skew(1deg);
                    -o-opacity: .1
                }

                30% {
                    -o-transform: rotate(0) scale(.7) skew(1deg);
                    -o-opacity: .5
                }

                100% {
                    -o-transform: rotate(0) scale(1) skew(1deg);
                    -o-opacity: .1
                }
            }

            .quick-alo-ph-circle-fill.active {
                width: 80px;
                height: 80px;
                position: absolute;
                background-color: #a0a0a0;
                -webkit-border-radius: 100%;
                -moz-border-radius: 100%;
                border-radius: 100%;
                border: 2px solid #ffffff8a;
                opacity: 1;
                -webkit-animation: 2.3s ease-in-out infinite quick-alo-circle-fill-anim;
                -moz-animation: 2.3s ease-in-out infinite quick-alo-circle-fill-anim;
                -ms-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
                -o-animation: 2.3s ease-in-out infinite quick-alo-circle-fill-anim;
                animation: 2.3s ease-in-out infinite quick-alo-circle-fill-anim;
                -webkit-transition: .5s;
                -moz-transition: .5s;
                -o-transition: .5s;
                transition: all .5s;
                -webkit-transform-origin: 50% 50%;
                -moz-transform-origin: 50% 50%;
                -ms-transform-origin: 50% 50%;
                -o-transform-origin: 50% 50%;
                transform-origin: 50% 50%
            }

            @-moz-keyframes quick-alo-circle-fill-anim {
                0% {
                    -moz-transform: rotate(0) scale(.7) skew(1deg);
                    opacity: .2
                }

                50% {
                    -moz-transform: rotate(0) -moz-scale(1) skew(1deg);
                    opacity: .2
                }

                100% {
                    -moz-transform: rotate(0) scale(.7) skew(1deg);
                    opacity: .2
                }
            }

            @-webkit-keyframes quick-alo-circle-fill-anim {
                0% {
                    -webkit-transform: rotate(0) scale(.7) skew(1deg);
                    opacity: .2
                }

                50% {
                    -webkit-transform: rotate(0) scale(1) skew(1deg);
                    opacity: .2
                }

                100% {
                    -webkit-transform: rotate(0) scale(.7) skew(1deg);
                    opacity: .2
                }
            }

            @-o-keyframes quick-alo-circle-fill-anim {
                0% {
                    -o-transform: rotate(0) scale(.7) skew(1deg);
                    opacity: .2
                }

                50% {
                    -o-transform: rotate(0) scale(1) skew(1deg);
                    opacity: .2
                }

                100% {
                    -o-transform: rotate(0) scale(.7) skew(1deg);
                    opacity: .2
                }
            }

            .aniimg a {
                position: relative
            }
/* Make textarea smaller */
.form textarea {
	height: 45px;
	/* Decreased height */
	resize: vertical;
	/* optional: allow resizing */
}

/* Style the submit button */
/* Style the submit button */
.form input[type="submit"] {
	background-color: #F9AA19 !important;
	/* Use !important to override */
	color: #FFFFFF;
	font-weight: bold;
	padding: 10px 20px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	transition: 0.3s ease;
}

.form span.wpcf7-not-valid-tip {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #14213D;
	height: 100%;
}


.form input[type="submit"]:hover {
	background-color: #FFFFFF !important;
	color: #14213D !important;
	/* Use !important here too */
}

.form {
	h3 {
		margin-bottom: 13px;
	}
}

.cover-footer {
	padding: 60px 0px 25px 0px;
}

.fb {
	background-image: url("../images/facebook.png");
	background-repeat: no-repeat;
}

.tw {
	background-image: url("../images/twitter.png");
	background-repeat: no-repeat;
}

.yt {
	background-image: url("../images/youtube.png");
	background-repeat: no-repeat;
}

.lnk {
	background-image: url("../images/linkedin.png");
	background-repeat: no-repeat;
}

.insta {
	background-image: url("../images/instagram.png");
	background-repeat: no-repeat;
}

.socialmedia {
	padding: 0px;
}

ul.socialmedia li {
    display: inline-block;
    margin-right: 12px;
    width: 33px;
    height: 33px;
}

ul.socialmedia li a {
	background-size: 100% !important;
	width: 100%;
	height: 100%;
	display: block;
}

ul.socialmedia {
	list-style: none;
}

.cover-footer {
	h4 {
		font-size: 18px;
		margin-bottom: 20px;
	}
}

.inline-contact {
	display: flex;
	align-items: start;
	gap: 8px;
	/* space between icon and text */
}

.inline-contact .icon {
	width: 28px;
	height: auto;
}

.second-menu {
	padding: 0px 0px 0px 30px;
}

.phone-numbers {
	display: inline;

}

.phone-numbers a {
	text-decoration: none;
	color: #8D8D8D;
	font-size: 16px;
}

.inline-email {
	display: flex;
	align-items: center;
	gap: 8px;
	/* space between icon and email text */
}

.inline-email a {
	text-decoration: none;
	color: #8D8D8D;
	font-size: 16px;
}

.inline-email .icon {
	width: 28px;
	height: auto;
}

.footer2 li a {
	text-decoration: none;
	color: #8D8D8D;
	font-size: 16px;
	list-style-type: none;
}

.footer2 {
	list-style: none;
	padding-left: 0;
	margin: 0;
}

.footer3 {
	list-style: none;
	padding-left: 0;
	margin: 0;
}

.footer3 {
	padding: 41px 0px 0px 0px;
}

.footer3 li a {
	text-decoration: none;
	color: #8D8D8D;
	font-size: 16px;
	list-style-type: none;
}

.copyright {
	font-size: 16px;
	color: #FFFFFF;
	padding: 10px 0px;
	background-color: #14213D;
}
.copy{
        text-align: start;
}
.powered{
        text-align: end;
}
.copyright a {
	color: #FFFFFF;
	text-decoration: none;

}

.map {
	position: relative;
}

.form {
	position: absolute;
	top: -46px;
	right: 216px;
}

.storiesSlider .owl-carousel.storyslide {
	position: relative;
}

.storiesSlider .owl-nav button.owl-prev {
	position: absolute;
	left: 0;
	bottom: 50%;
}

.storiesSlider .owl-nav button.owl-next {
	position: absolute;
	right: 0;
	bottom: 50%;
}

.storiesSlider .owl-carousel .owl-item img {
	display: block;
	width: 83%;
	margin: 0 auto;
}

.custom-play-button1 {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 64px;
	height: 64px;
	background: url('https://img.icons8.com/ios-filled/100/ffffff/play-button-circled.png') no-repeat center center;
	background-size: contain;
	transform: translate(-50%, -50%);
	pointer-events: none;
	/* allow clicking the underlying <a> */
}

.customer-testimonial {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.read-more2 {
	text-decoration: none;
	color: white;
	font-size: 14px;
	padding: 9px 15px;
	background-color: #F9AA19;
	border-radius: 4px;
	align-self: start;
}

.read-more2:hover {
	background-color: #14213D;
	/* Darker blue */
	color: #fff;
	text-decoration: none;
	transform: scale(1.05);
	/* Optional zoom effect */
}

.prct-btn {
	margin-bottom: 40px;
	margin-top: 40px;
}

.prct-btn a {
	text-decoration: none;
	color: white;
	font-size: 14px;
	padding: 9px 15px;
	background-color: #F9AA19;
	border-radius: 4px;
	align-self: start;
}

.prct-btn a:hover {
	background-color: #14213D;
	/* Darker blue */
	color: #fff;
	text-decoration: none;
	transform: scale(1.05);
	/* Optional zoom effect */
}
/*.prdct:nth-child(-n+3) {*/
/*    border-bottom: 1px solid #C4C4C4;*/
/*    margin-bottom: 20px;*/
/*    max-width: 95%;*/
/*}*/

/*.prdct:last-child(3) {*/
/*    border-bottom: none;*/
/*}*/

.prdct {
	border-bottom: 1px solid #C4C4C4;
	margin-bottom: 20px;
	max-width: 95%;
}
.ordr .col-lg-12:last-of-type .prdct:last-of-type {
    border-bottom: none;
}

.prdct ul {
	padding-left: 20px;
}

.prdct ol {
	padding-left: 20px;
}
.MobCallDtls{
	display: none;
}
@media (max-width: 768px) {
	header .row {
		display: flex;
		flex-wrap: wrap;
	}

	.btn-primary {
		padding: 0px 0px;
	}

	/* Make inner elements take full width */
	.logo,
	.btn-primary,
	.menu-link,
	.menus {
		width: 100%;
	}

	/* Center the logo */
	.logo {
		display: flex;
		justify-content: center;
		padding: 15px 0px;

	}

	/* Center the Request a Quote button */
	.btn-primary {
		height: 100%;
		display: flex;
		flex-direction: column;
		align-items: end;
		justify-content: center;

	}

	/* Align toggle button to the right */
	.menu-link {
		height: 100% !important;
		display: flex !important;
		justify-content: flex-end;
		align-items: center;
		margin-bottom: 10px;
		padding: 0;        margin-top: -4px;

	}

	header .col-lg-3 {
		order: 1 !important;
	}

	header .col-lg-2 {
		order: 2 !important;
	}

	header .col-lg-7 {
		order: 3 !important;
	}

	/* Optional: menu below toggle */
	.menus {
		margin-top: 10px;
	}
}


.aniPos {
	background-color: rgb(20 33 61 / 80%) !important;
backdrop-filter: blur(5px);
}


.aniPos .menu li a {
		color: white;
	
}
/* 
.aniPos #nav-toggle span,
.aniPos #nav-toggle span:before,
.aniPos #nav-toggle span:after {
  background: white; 
} */
.aniPos #nav-toggle.active1 span {
	background: transparent;
}


/* About */
.about-banner {
	height: 375px;
	width: 100%;
	max-width: 100%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;

	h1 {
		font-size: 45px;
		color: #FFFFFF;
	}
}

.about-banner {
	background-position: center;
}

.sec13-who-we-are {
	padding: 70px 0px 50px 0px;
}

.whoweare-right {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	max-width: 100%;
	margin: 0 auto;
}

.whoweare-right label {
		border-left: 2px solid #F9AA19;
		font-size: 13px;
		color: #F9AA19;
		margin-bottom: 12px;
		padding-left: 10px;
	}

.whoweare-right	h2 {
		font-size: 28px;
		color: #000000;
		margin-bottom: 13px;
	}

.whoweare-right	p {
		margin-bottom: 25px;
	}
.whoweare-left img{
    max-width: 95%;
}

.download-brochure {
	align-self: flex-start;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 13px;
	padding: 9px 17px;
	background-color: #F9AA19;
	border-radius: 4px;
}

.download-brochure:hover {
	background-color: #14213D;
	/* Darker blue */
	color: #fff;
	text-decoration: none;
	transform: scale(1.05);
	/* Optional zoom effect */
}

.sec14-why-consider {
	margin-top: 50px;
	background-color: #14213D;

	h2 {
		color: #FFFFFF;
		margin-bottom: 20px;
	}

	p {
		margin-bottom: 20px;
	}
}

.why-consider-right {
	position: relative;

	p {
		position: absolute;
		top: 117px;
		text-align: left;
		color: #FFFFFF;
		padding: 0px 30px;
	}
}

.cover-consider {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.p-0 {
	padding: 0;
}

.whyconsider-img-text {
	display: flex;
	align-items: start;
	/* Vertically center them */
	gap: 15px;
	/* Optional spacing between img and p */
	line-height: 27px;

}

.whyconsider-img-text img {
	width: 4%;
}

.sec15-why-you-should {
	padding: 100px 0px 50px 0px;

	h2 {
		text-align: center;
		font-size: 30px;
		color: #000000;
		margin-bottom: 30px;
	}
}

.icon-txt {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.icon-txt ul li {
		font-family: 'Chivo';
		font-weight: 500;
		font-style: normal;
		font-size: 20px;
	}

.icon-txt ul li {
		list-style: none;
		position: relative;
		padding-left: 20px;
		
	}

.icon-txt ul li::before {
		position: absolute;
		left: -20px;
		    top: 3px;
		content: "";
		display: inline-block;
		width: 22px;
		height: 22px;
		background-image: url(../images/about-icon.png);
		background-size: contain;
		background-repeat: no-repeat;
		margin-right: 10px;
		vertical-align: middle;

	}
	
.icon-txt2 {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.icon-txt2	ul li {
		font-family: 'Chivo';
		font-weight: 500;
		font-style: normal;
		font-size: 20px;
}

	.icon-txt2 ul li {
			list-style: none;
			position: relative;
			padding-left: 36px;
		
		
	}

	.icon-txt2 ul li::before {
			position: absolute;
			left: 0px;
			    top: 3px;
			content: "";
			display: inline-block;
			width: 22px;
			height: 22px;
			background-image: url(../images/about-icon.png);
			background-size: contain;
			background-repeat: no-repeat;
			margin-right: 10px;
			vertical-align: middle;
			padding-left: 36px;
		}
	.icon-txt2 p{
	    padding-left: 36px;
	}

	.center-img {
		height: 100%;
		display: flex;
		flex-direction: column;
        padding: 0px 10px;
		align-items: center;
	}

	.sec16-form {
		padding: 50px 0px;
		background-image: url("../images/form2-background-img.png");

		h3 {
			text-align: center;
			color: #FFFFFF;
			margin-bottom: 25px;
			font-size: 30px;
		}
	}

	.cf7-inline {
		display: flex;
		flex-wrap: wrap;
		gap: 15px;
		align-items: center;
		justify-content: flex-start;
	}
    /*.cf7-inline span.wpcf7-not-valid-tip {*/
    /*    position: absolute;*/
    /*    top: 0;*/
    /*    left: 0;*/
    /*    background-image: url(../images/form2-background-img.png);*/
    /*    height: 100%;*/
    /*}*/
	.cf7-inline p{
	    margin:0;
	    padding:0;
	    text-align: right;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
	}

	.cf7-inline input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
		background-color: transparent !important;
		border: 1px solid #FFFFFF !important;
		border-radius: 4px;
		padding-left: 6%;
		height: 45px;
	}

	input.wpcf7-form-control.wpcf7-submit.has-spinner {
		color: #FFFFFF;
		font-size: 14px;
		padding: 10px 18px;
		background-color: #F9AA19;
		border-radius: 4px;
		border: none;
	}
	.form input.wpcf7-form-control.wpcf7-submit.has-spinner {
    color: #FFFFFF;
    font-size: 14px;
    padding: 7px 18px;
	    
	}

	.form input.wpcf7-form-control.wpcf7-submit.has-spinner {
		width: fit-content;
		float: inline-end;
		margin-top: 10px;
	}

	input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
		width: 100%;
	}

	/*.icon-txt{*/
	/*  ul li{*/
	/*    list-style-image: url('../images/icon2.png');*/
	/*  }*/
	/*}*/






/* Clients */
.clients-banner {
	height: 350px;
	width: 100%;
	max-width: 100%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;

	h1 {
		font-size: 45px;
		color: #FFFFFF;
	}
}

.sec17-client {
	max-width: 60%;
	margin: 0 auto;
	padding: 68px 0px;
	text-align: center;
	font-size: 16px;
	color: #8D8D8D;
}


/* Project */
.project-banner {
	height: 375px;
	width: 100%;
	max-width: 100%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;

	h1 {
		font-size: 45px;
		color: #FFFFFF;
	}
}

.project-banner {
	background-position: top;
}

.sec18-projects-heading {
	padding: 67px 0px 15px 0px;
	text-align: center;
	max-width: 60%;
	margin: 0 auto;
}

.sec19-projects-button {
	text-align: center;
}

.btn-residential {
	text-decoration: none;
	color: #8D8D8D;
	font-size: 14px;
	padding: 9px 20px;
	border: 1px solid #8D8D8D;
	border-radius: 23px;
	background-color: #FFFFFF;
	margin-right: 20px;
}
.btn-residential.active{
    color: #FFFFFF;
    background-color:#F9AA19;
}

/*.view-all2 {*/
/*	align-self: flex-start;*/
/*	text-decoration: none;*/
/*	color: #FFFFFF;*/
/*	font-size: 14px;*/
/*	padding: 9px 20px;*/
/*	background-color: #F9AA19;*/
/*	border-radius: 23px;*/
/*	border: none;*/
/*	margin-right: 20px;*/
/*}*/

.view-all2 {
    color: #8D8D8D;
    font-size: 14px;
    padding: 9px 20px;
    border: 1px solid #8D8D8D;
    border-radius: 23px;
    background-color: #FFFFFF;
    margin-right: 20px;
}

.view-all2.active {
     color: #FFFFFF;
    background-color:#F9AA19;
}


/* contact */

.contact-banner {
	height: 375px;
	width: 100%;
	max-width: 100%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;

	h1 {
		font-size: 45px;
		color: #FFFFFF;
	}
}

.sec20-how-can {
	padding: 64px 0px;

	h2 {
		color: #000000;
		font-size: 28px;
		margin-bottom: 30px;
	}

	img {
		width: 33px;
	}
}

.phone {
	height: 232px;
	border: 1px solid #EFEFEF;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	padding: 15px 0px 0px 0px;
}

.phone	a {
		text-decoration: none;
		color: #000000;
		font-weight: 500;
	}


.email-id {
	height: 232px;
	border: 1px solid #EFEFEF;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 15px 0px 0px 0px;
}

.email-id	a {
		text-decoration: none;
		color: #000000;
		font-weight: 500;
	}


.address {
	height: 232px;
	border: 1px solid #EFEFEF;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	padding: 15px 0px 0px 0px;
}

.address p {
	font-weight: 500;
	font-size: 18px;
	text-align: center;
	color: #000000;
}

.adrs p {
		font-size: 16px;
		color: #8D8D8D;
	}


.cover-phone {
	width: 182px;
	height: 143px;
	border-left: 6px solid #F9AA19;
	border-top: 6px solid #F9AA19;
	position: absolute;
	top: -5px;
	left: -5px;
}

.cover-address {
	width: 182px;
	height: 143px;
	border-right: 6px solid #F9AA19;
	border-bottom: 6px solid #F9AA19;
	position: absolute;
	bottom: -5px;
	right: -5px;
}

/* Our Products */

.products-banner {
	height: 375px;
	width: 100%;
	max-width: 100%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;

	h1 {
		font-size: 45px;
		color: #FFFFFF;
	}
}

.products-banner {
	background-position: bottom;
}

.sec21-our-products {
	padding: 62px 0px;
}

.prdct-content {
	h1 {
		font-size: 29px;
		color: #000000;
		margin-top: 30px;
	}

	img {
		width: 90%;
	}

	h2,
	h3,
	h4,
	h5 {
		font-size: 18px;
		color: #14213D;
		margin-bottom: 20px;
	}

	ul li {
		font-size: 16px;
		color: #8D8D8D;
	}

	ul li {
		list-style-image: url('../images/Icon.png');
	}

	ol li::marker {
		color: #F9AA19;
	}

	ol li {
		font-size: 16px;
		color: #8D8D8D;
	}
}

/* Sidebar container */
.sidebar {
	width: 100%;
	border: 1px solid #C4C4C4;
	max-width: 335px;
	/* optional, for fixed width */
}

/* Each item with icon */
.sidebar .txt-icn {
	background-color: #F6F6F6;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 20px;
	margin: 12px;
	font-weight: 500;
	color: #0B0B0B;
}

.sidebar .txt-icn:last-child {
	border-bottom: none;
}

.sidebar .txt-icn a {
	font-size: 18px;
	color: #333;
	text-decoration: none;
	flex-grow: 1;
	transition: color 0.3s ease;
}

.sidebar .txt-icn img {
	width: 16px;
	height: 16px;
	margin-left: 10px;
	transition: transform 0.3s ease;

}

/* Hover effect */
.sidebar .txt-icn:hover {
	color: #FFFFFF;
	background-color: #14213D;
}

.sidebar .txt-icn:hover a {
	color: #FFFFFF;
}

.sidebar .txt-icn:hover img {
	transform: translateX(3px);
}

.sidebar .txt-icn:hover img {
	filter: brightness(0) invert(1);
}

.prdct-lft {
	margin-top: 50px;
	height: 500px;

	p {
		color: #FFFFFF;
		text-align: center;
		font-size: 16px;
		max-width: 83%;
	}
}

.prdct-lft {
	background-repeat: no-repeat;
}
.prdct{
        line-height: 29px;
}
.prdct-lft-content {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: end;
	align-items: center;
	padding-bottom: 20px;
}

.prdct-lft-content img {
	width: 18%;
	margin-bottom: 20px;
}

.prdct-lft-content a {
	text-decoration: none;
	color: #F9AA19;
	font-size: 28px;
}

.sec22-all-projects {
	padding: 30px 0px 0px 0px;
}

.prjct-cover {
	position: relative;
	margin-bottom: 10px;
}

.prjct-txt {
	position: absolute;
	bottom: -40px;
	left: -2px;
	background-color: #FFFFFF;
	padding: 6px 20px 0px 20px;
}

.prjct-paragraph p{
		color:  #8D8D8D;;
		font-size: 16px;
	}
	.prjct-txt h3{
		color: #000000;
		font-size: 25px;
		font-weight:400;
	}


.main-cover {
	margin-bottom: 50px;
}

.prjct-paragraph {
	
	font-size: 16px;
	color: #8D8D8D;
}

/* Testimonials */
.testimonial-banner {
    background-position: right;
	height: 375px;
	width: 100%;
	max-width: 100%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;

	h1 {
		font-size: 45px;
		color: #FFFFFF;
	}
}

.testimonial img {
	margin-top: 50px;
}

.sec23-testimonials {
	padding: 30px 0px 50px 0px;
}

.video-thumb {
	position: relative;
	display: inline-block;
    height: auto;
    width: 100%;
    padding: 0px 12px;
}

.custom-play-button {
	position: absolute;
	top: 55%;
	left: 50%;
	width: 50px;
	height: 50px;
	background: url('https://img.icons8.com/ios-filled/100/ffffff/play-button-circled.png') no-repeat center center;
	background-size: contain;
	transform: translate(-50%, -50%);
	pointer-events: none;
	/* Allows clicking through to the link */
}

/* Thank You*/

.thankyou-banner {
	height: 375px;
	width: 100%;
	max-width: 100%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;

	h1 {
		font-size: 45px;
		color: #FFFFFF;
	}
}

.thankyou-content {
	padding: 50px 0px 0px 0px;

	p {
		font-size: 25px;
		max-width: 52%;
		margin: 0 auto;
		text-align: center;
	}
}

footer .wpcf7-response-output {
	display: none !important;
}

.wid h1 {
	text-align: center;
	padding: 200px 0px 0px 0px;
	font-size: 50px;
	color: #000000;
}

.innerCvr {
	text-align: center;
	font-size: 20px;
	color: #8D8D8D;
}
.accessories-banner {
	height: 375px;
	width: 100%;
	max-width: 100%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;

	h1 {
		font-size: 45px;
		color: #FFFFFF;
	}
}
.sec25-solar-accessories{
        padding: 100px 0px;
        text-align:center;
}
.acsries{
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
    width: 100%;
        background-color:#F6F6F6;
        margin-bottom:20px;
}
.accssories .col-lg-3.col-sm-6.col-12 {
    padding-bottom: 20px;
}
.acsries h2{
    font-size: 17px;
    font-weight:400;
    text-align:center;
    padding:20px 0px;
    
}
.accessories-img{
        height:100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content:center;
}
.accessories-img img{
    width:75%;
}


@media (min-width: 1600px) {
    .video-thumb {
    position: relative;
    display: inline-block;
    height: auto;
    width: 100%;
}

    .form h3{
            font-size: 35px;
            color: white;
    }
	.home-banner h1 {
		font-size: 60px;
	}

	.whoweare-right label {
			margin-bottom: 16px;
		}

		.Request-a-quote {
			font-size: 18px;
			padding: 10px 30px;
		}

		.prdct-lft p {
				color: #FFFFFF;
				text-align: center;
				font-size: 16px;
				max-width: 59%;
		
		}

		.sidebar {
			width: 100%;
			border: 1px solid #C4C4C4;
			max-width: 471px;
		}

		.why-consider-right p {
				position: absolute;
				top: 193px;
				text-align: left;
				color: #FFFFFF;
				padding: 0px 30px;
			}
		

		.banner {
			height: 840px;
			width: 100%;
		}

		.home-banner {
			max-width: 89%;
			margin: 0 auto;
		}

		.home-banner p {
			max-width: 62%;
			margin: 0 auto;
			color: #FFFFFF;
			margin-bottom: 40px;
		}

		.learn-more {
			text-decoration: none;
			color: white;
			font-size: 18px;
			padding: 10px 30px;
			background-color: #F9AA19;
			border-radius: 7px;
		}

		.sec02-services {
			padding: 75px 0px;
		}

		.services img {
			margin-bottom: 16px;
			width: 20%;
		}

		.services {
			text-align: center;
			display: flex;
			height: 182px;
			padding: 18px 18px;
			background-color: #F6F6F6;
			flex-direction: column;
			justify-content: center;
			align-items: center;
		}

		.services h2 {
			font-size: 26px;
		}

		.aboutright h2 {
				font-size: 41px;
			}
		

		.aboutright p {
				margin-bottom: 78px;
			
		}

		.read-more {
			text-decoration: none;
			color: white;
			font-size: 18px;
			padding: 10px 30px;
			background-color: #F9AA19;
			border-radius: 7px;
		}

		.counHeadin {
			font-size: 47px;
		}

		.sec02-about-us {
			padding: 90px 0px 84px 0px;
		}

		.sec03-certificates {
			padding: 86px 0px 157px 0px;
		}

		.sec03-certificates h2 {
				text-align: center;
				color: #000000;
				margin-bottom: 20px;
				font-size: 40px;
			
		}

		.cover-adani {
			display: flex;
			flex-direction: column;
			justify-content: center;
			height: 680px;
		}

		.sec04-adaniframe {
			height: 680px;
		}

		.solaire-details {
			background-color: #F6F6F6;
			padding: 14px 35px;
		}

		.sec05-our-cor-values {
			padding: 168px 0px;
		}

		.our-core h3 {
				font-size: 40px;
			
		}

		.our-cor-image {
			padding: 20px 30px;
			background-color: #14213D;
			height: 320px;
			position: relative;
			overflow: hidden;
		}

		.sec06-solaireframe {
			height: 680px;
			padding: 25px 0px;
		}

		.cover-solaireframe {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: flex-end;
			height: 680px;
		}

		.sec07-featured-product {
			padding: 114px 0px 36px 0px;
		}
		.sec07-featured-product .container{
		    max-width: 1265px;
            width: 100%;
		}
		.sec09-solar-accessories .container{
		     max-width: 1265px;
            width: 100%;
		}

		.featured-product-heading h3 {
				font-size: 40px;
			
		}

		.adani-contact {
			padding: 15px 30px;

		}

		.btn-view-all {
			text-decoration: none;
			color: white;
			font-size: 18px;
			padding: 10px 30px;
		}

		.sec08-our-project {
			padding: 239px 0px 0px 0px;
		}

		.sec09-solar-accessories {
			padding: 102px 0px 36px 0px;
		}

		.sec08-our-project h4 {
				font-size: 41px;
			
		}

		.solar-accessories-heading h3 {
				font-size: 40px;
			
		}

		.sec10-advanced-technology {
			padding: 240px 0px 33px 0px;
		}

		.advanced-right p {
			margin-bottom: 66px;
		}

		.know-more {
			text-decoration: none;
			color: white;
			font-size: 18px;
			padding: 10px 30px;
			background-color: #F9AA19;
			border-radius: 7px;
			align-self: flex-start;
		}

		.sec11-our-clients h4 {
				text-align: center;
				font-size: 38px;
				margin-bottom: 20px;
			
		}

		.view-all {
			font-size: 18px;
			padding: 10px 30px;
		}

		.sec12-customer-testimonials {
			padding: 129px 0px;
		}

		.customer-testimonial h4 {
				font-size: 40px;
			
		}

		.customer-testimonialp {
			margin-bottom: 30px;
		}

		.read-more2 {
			text-decoration: none;
			color: white;
			font-size: 18px;
			padding: 10px 30px;

		}

		.about-banner {
			height: 500px;

		}
		    .clients-banner {
                height: 500px;
         }
         .thankyou-banner {
                height: 500px;
         }
         

		.sec13-who-we-are {
			padding: 100px 0px;
		}

		.whoweare-right h2 {
				margin-bottom: 18px;
				font-size: 40px;
				color: #000000;
			
		}

		.whoweare-right p {
				margin-bottom: 30px;
			
		}

		.download-brochure {
			font-size: 18px;
			padding: 10px 30px;
		}

		.sec14-why-consider h2 {
				color: #FFFFFF;
				font-size: 39px;
			
		}

		.sec14-why-consider {
			margin-top: 63px;
		}

		.sec15-why-you-should {
			padding: 166px 0px 50px 0px;
		}

		.sec15-why-you-should h2 {
				text-align: center;
				font-size: 39px;
				color: #000000;
				margin-bottom: 30px;
		}

		.sec16-form {
			padding: 87px 0px;
			margin-bottom: 35px;
		}

		.cf7-inline input.wpcf7-form-control.wpcf7-submit.has-spinner {
			color: #FFFFFF;
			font-size: 18px;
			padding: 10px 30px;
			background-color: #F9AA19;
			border-radius: 4px;
			border: none;
		}
		

		.products-banner {
			height: 498px;
		}

		.prdct-content h1 {
				font-size: 47px;
				color: #000000;
		}

		.prct-btn a {
				font-size: 18px;
				padding: 10px 30px;
		}

		.prdct-content ul li {
				font-size: 22px;
				color: #8D8D8D;
		}

		.prdct-content ol li {
				font-size: 22px;
				color: #8D8D8D;
		}

		.prct-btn {
			margin-bottom: 40px;
		}

		.prdct-content h2,h3,h4,h5 {
				font-size: 26px;
				color: #14213D;
		}

		.project-banner {
			height: 498px;
		}

		.sec18-projects-heading {
			padding: 97px 0px 15px 0px;
		}

		.sec18-projects-heading h2 {
				font-size: 40px;
			}

		.sec19-projects-button {
			padding: 20px;
		}

		.view-all2 {
			font-size: 18px;
			padding: 10px 30px;
			 margin-right: 20px;
		}

		.btn-residential {
			font-size: 18px;
			padding: 10px 30px;
			margin-right: 20px;
		}

		.prjct-txt h3 {
				color: #000000;
				font-size: 28px;
		}
		.prjct-paragraph p{
		    font-size: 20px;
		}

		.testimonial-banner {
			height: 497px;
		}

		.cover-footer h4 {
				font-size: 25px;
		}

		.icon-txt ul li {
				font-family: 'Chivo';
				font-weight: 500;
				font-style: normal;
				font-size: 27px;
		}
		
		.icon-txt2 ul li {
            font-family: 'Chivo';
            font-weight: 500;
            font-style: normal;
            font-size: 27px;
        }

		.inline-email a {
			text-decoration: none;
			color: #8D8D8D;
			font-size: 22px;
		}

		.phone-numbers a {
			text-decoration: none;
			color: #8D8D8D;
			font-size: 22px;
		}

		.footer2 li a {
			font-size: 22px;
			list-style-type: none;
		}

		.footer3 li a {
			font-size: 22px;
			list-style-type: none;
		}

		.contact-banner {
			height: 499px;
		}

		.form {
			position: absolute;
			top: -50px;
			right: 315px;
		}

		.phone a {
				text-decoration: none;
				color: #000000;
				font-weight: 500;
				font-size: 25px;
		}

		.email-id a {
				text-decoration: none;
				color: #000000;
				font-weight: 500;
				font-size: 25px;
		}

		.couContin {
			font-size: 18px;
			color: #8D8D8D;
		}

		.our-cor-image h3 {
				font-size: 25px;
				color: #FFFFFF;
		}

		.aboutright label {
			font-size: 18px;
			color: #F9AA19;
		}

		.whoweare-right label {
				font-size: 18px;
				color: #F9AA19;
		}

		.address p {
			font-weight: 500;
			font-size: 25px;
			text-align: center;
			color: #000000;
		}

		.adrs p {
				font-size: 25px;
				color: #8D8D8D;
		}

		.address {
			height: 310px;
            padding: 15px 0px 0px 0px;
		}

		.email-id {
			height: 310px;
            padding: 15px 0px 0px 0px;
		}

		.phone {
			height: 310px;
            padding: 15px 0px 0px 0px;
		}
		.number a{
			height: 0px;
			display: flex;
            flex-direction: column;
            justify-content: start;
            align-items: center;
		}
		.email-id a{
		    height: 185px;
			display: flex;
            flex-direction: column;
            justify-content: start;
            align-items: center;
		}
	}

	@media (max-width: 1490px) {
		.prdct-lft {
			p {
				color: #FFFFFF;
				text-align: center;
				font-size: 16px;
				max-width: 78%;
			}
		}

		.why-consider-right {
			p {
				position: absolute;
				top: 133px;
				text-align: left;
				color: #FFFFFF;
				padding: 0px 30px;
			}
		}
	}

	@media (max-width: 1390px) {
		.why-consider-right {
			p {
				position: absolute;
				top: 120px;
				text-align: left;
				color: #FFFFFF;
				padding: 0px 30px;
			}
		}
	}

	@media (max-width: 1300px) {
		.why-consider-right p {
				position: absolute;
				top: 104px;
				text-align: left;
				color: #FFFFFF;
				padding: 0px 30px;
			
		}
		.home-banner h1 {
    font-size: 44px;
    color: #FFFFFF;
    margin-bottom: 20px;
}
	}

	@media (max-width: 1090px) {
	    .banner {
    height: 450px;
	        
	    }
	    .home-banner {
    max-width: 79%;
    margin: 0 auto;
}
        .home-banner h1 {
        font-size: 35px;
    
}
		.why-consider-right p {
			position: absolute;
			top: 57px;
			text-align: left;
			color: #FFFFFF;
			padding: 0px 30px;
		}

		.whyconsider-img-text {
			display: flex;
			align-items: start;
			gap: 15px;
			line-height: 18px;
		}

		.form {
			position: absolute;
			top: -47px;
			right: 184px;
			width: 400px;
		}

		.our-cor-image {
			padding: 30px 30px;
			background-color: #14213D;
			height: 300px;
			position: relative;
			overflow: hidden;
		}

		ul.socialmedia li {
			display: inline-block;
			margin-right: 10px;
			width: 36px;
			height: 40px;
		}

		.cover-counter {
			max-width: 94%;
			margin: 0 auto;
		}

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

	@media (max-width: 991px) {
	    .powered {
    text-align: center !important;
}
	    .copy {
    text-align: center !important;
}
	    .acsries {
            display: flex;
             flex-direction: column;
            align-items: center;
            height: 400px;
            width: 300px;
            margin: 0 auto;
	        
	    }
	    .acsries img{
	       max-width: 50%;
	    }
    .acsries {
        margin-bottom: 0 !important;
        width: 100% !important;
    }
	    .know-more {
            align-self: center;
	    }
	        .home-banner {
                max-width: 100%;
                margin: 0 auto;
        }
        .home-banner h1 {
        font-size: 30px;
    }
		.prdct-lft-content img {
			width: 7%;
			margin-bottom: 20px;
		}

		.prdct {
			max-width: 100%;
		}

		.prdct-lft p {
			color: #FFFFFF;
			text-align: center;
			font-size: 16px;
			max-width: 37%;
		}

		.whyconsider-img-text img {
			width: 20px;
		}

		.why-consider-right p {
			position: absolute;
			top: 200px;
			text-align: left;
			color: #FFFFFF;
			padding: 0px 30px;
			margin: 0;
		}

		.aboutleft img {
			margin-bottom: 20px;
		}

		.cover-footer h4 {
			font-size: 18px;
			margin-bottom: 10px;
			margin-top: 10px;
		}

		.form {
		position: unset;
		}
		.map{
		    display: flex;
            flex-direction: column-reverse;
            align-items: center;
            gap: 10px;
		}

		.cover {
			border-right: 0px solid #000000;
		}

		.row>.col-lg-6:nth-of-type(1) .warranty {
			width: 60% !important;
		}

		.row>.col-lg-6:nth-of-type(2) .warranty {
			width: 60% !important;
		}

		.sec01-warranty::before {
			height: 25px;
			width: 25%;
		}

		.sec01-warranty::after {
			height: 25px;
			width: 25%;
		}

		.services {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			margin-bottom: 20px;
			height: 180px;
			max-width: 40%;
			margin: 6px auto;
		}

		.services h2 {
			font-size: 21px;
		}

		.sec02-about-us {
			padding: 60px 0px 0px 0px;
		}

		.aboutleft {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			margin-bottom: 20px;
		}

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

		.certificates-images {
			margin-bottom: 20px;
		}

		.certificates .row>.col-lg-2:nth-child(-n+5) {
			border-right: 0px solid #000000;
		}

		.our-cor-image {
			        padding: 15px 20px;
                    background-color: #14213D;
                    height: 270px;
                    position: relative;
                    overflow: hidden;
		}

		.our-cor-image img {
			width: 100%;
			height: 100%;
			/* Stretch image to match container height */
			object-fit: cover;
			/* Crop excess to maintain design */
			display: block;
		}

		.row>.col-lg-3:nth-child(2) .products,
		.row>.col-lg-3:nth-child(4) .products {
			margin-top: 0px;
			width: 100%;
		}

		.products {
			width: 100%;
		}

		.accessories {
			width: 100%;
		}

		.row>.col-lg-3:nth-child(2) .accessories,
		.row>.col-lg-3:nth-child(4) .accessories {
			margin-top: 0px;
			width: 100%;
		}

		.advanced-left img {
			margin-bottom: 30px;
		}

		.advanced-right {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			text-align: center;
		}

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

		footer {
			text-align: center;

		}

		.inline-contact {
			display: flex;
			align-items: start;
			justify-content: center;
			gap: 8px;
		}

		.inline-email {
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 8px;
		}

		.footer3 {
			padding: 0;
		}

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

		.sec18-projects-heading {
			max-width: 100%;
			margin: 0 auto;
		}

		.sidebar {
			max-width: 100%;
		}

		.prdct-lft {
			background-repeat: no-repeat;
			background-position: center;
		}

		.sec17-client {
			max-width: 100%;
			margin: 0 auto;
		}

		.read-more2 {
			align-self: center;
		}

		.storiesSlider .owl-carousel .owl-item img {
			margin-bottom: 20px;
		}

		.center-img img {
			margin-bottom: 20px;
		}

	}

	@media (max-width: 767px) {
		.accessories-img img {
    max-width: 100%;
    width: 100% !important;
}
.acsries {
    height: auto;
}

.accessories-img {
    height: auto;
}
.accessories-img img {
    max-width: 100%;
    width: 100% !important;
}
.acsries h2 {
    font-size: 20px;
}
.sec25-solar-accessories {
    padding-top: 40px;
}

		.cover-footer {
    padding: 60px 0px 0 0px;
}
.aniimg {
        right: 35px;
        bottom: 94px;
        width: 45px;
        height: 45px;
    }
		footer {
    margin-bottom: 47px;
}
    .MobCallDtls {
        display: block;
        position: fixed;
        left: 0;
        bottom: -1px;
        right: 0;
		background-color: rgb(20 33 61 / 85%) !important;
        backdrop-filter: blur(5px);
    }
    .MobCallDtls ul li {
        width: 50%;
        float: left;
        margin: 0 !important;
    }
	    .MobCallDtls ul {
        padding: 0;
        text-align: center;
        list-style: none;
    }
	    .MobCallDtls ul li a {
        display: inline-block;
        padding: 10px 15px;
        width: 96%;
        text-decoration: none;
        color: #f9aa19;
        position: relative;
    }
	    .MobCallDtls li a img {
        width: 17px;
        margin-right: 6px;
    }
		    .row>.col-lg-6:nth-of-type(1) .warranty {
        padding-bottom: 0;
    }
	    .row>.col-lg-6:nth-of-type(2) .warranty {
        padding-top: 0;
		        width: 42% !important;
    }
	    .row>.col-lg-6:nth-of-type(1) .warranty {
        width: 44% !important;
    }
	.copyright {
    font-size: 13px;
}
	.services {
        margin-bottom: 20px !important;
        max-width: 100% !important;
        margin: 6px auto 20px !important;
    }
		    .banner {
        height: 336px !important;
        background-position: 50% 0;
        background-size: cover;
    }
	.banner .home-banner {
    margin-top: 77px;
}
	    .prjct-txt h3 {
            color: #000000;
            font-size: 20px;
            font-weight: 400;
        }
	    .sec03-certificates {
             padding: 70px 0px;
        }
        .sec05-our-cor-values {
            padding: 30px 0px;
         }
         .sec07-featured-product {
            padding: 0px 0px 0px 0px;
         }
         .sec09-solar-accessories {
            padding: 0px 0px 0px 0px;
         }
         .sec11-our-clients {
            text-align: center;
            padding: 70px 0px;
        }
	    .cf7-inline p {
	            text-align: center;
                padding: 15px 0px;
                display: flex;
                flex-direction: column;
	    }
	    .video-thumb {
            position: relative;
            display: inline-block;
            width: 100%;
    }
		.prdct-lft-content img {
			width: 10%;
			margin-bottom: 10px;
		}

		.form input,
		.form select,
		.form textarea {
			width: 100%;
			padding: 5px 0px;
		}

		.form textarea {
			height: 35px;
			resize: vertical;
		}

		.cf7-inline span.wpcf7-not-valid-tip {
            position: absolute;
            top: 0;
            left: 0;
            background-color: #14213D;
            height: 100%;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
		}

		.form {
			background-color: #14213D;
			padding: 25px 25px;
		}

		.home-banner p {
			max-width: 100%;
			margin: 0 auto;
			font-size: 16px;
			color: #FFFFFF;
			margin-bottom: 8px;
		}

    .accessories h3 {
        font-size: 15px;
        color: #FFFFFF;
        margin-bottom: 18px;
        font-weight: normal;
    }

		.services {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			margin-bottom: 20px;
			height: 180px;
			max-width: 50%;
			margin: 6px auto;
		}

    .services h2 {
        font-size: 20px;
        line-height: 32px;
    }
	    .aboutleft img {
        margin-bottom: 20px;
        height: 516px;
        width: 100%;
        object-fit: cover;
    }
	    .sec02-about-us {
        padding: 0 0px 0px 0px;
    }
	.sec03-certificates .col-lg-3.col-sm-6.col-12 {
    width: 50%;
}
    .certificates-images img {
        max-width: 100%;
        margin-bottom: 0;
    }
	.certificates .row > .col-lg-3:nth-child(-n+5):not(:last-child) {
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
}
.certificates .row > .col-lg-3:nth-child(3) {
    border-bottom: 0px solid #000000 !important;
}
		.services img {
			margin-bottom: 20px;
			width: 20%;
		}

		.cvr-arrow {
			width: 35px;
		}

    .products h3 {
        font-size: 17px;
        color: #FFFFFF;
        margin-bottom: 18px;
        height: 44px;
    }
	.projects:nth-of-type(1), .projects:nth-of-type(2), .projects:nth-of-type(3) {
    margin-bottom: 5px !important;
}
.sec09-solar-accessories .col-lg-3.col-sm-6.col-12 {
    width: 50% !important;
}
	.projects img {
        height: 108px !important;
        object-fit: cover;
        width: 100% !important;
    }
	.learn-more {
    font-size: 12px;
    padding: 7px 12px;
}

		.home-banner h1 {
			font-size: 21px;
		}

		.home-banner h1 {
			margin-bottom: 10px;
		}

		.thankyou-content p {
				font-size: 25px;
				max-width: 100%;
				margin: 0 auto;
				text-align: center;
		}
		

		

		.our-cor-image {
			padding: 10px 30px;
			background-color: #14213D;
			height: 215px;
			position: relative;
			overflow: hidden;
		}

		.featured-product-heading {
			margin-bottom: 50px !important;
			max-width: 100%;
			margin: 0 auto;
			text-align: center;
		}

		.sec23-testimonials {
			padding: 0px 0px 0px 0px;
		}

		.our-core p {
				max-width: 100%;
				margin: 0 auto;
		}

		.projects a {
			position: absolute;
			left: 10%;
			top: 25%;
			color: #FFFFFF;
			font-size: 25px;
		}

		.solar-accessories-heading {
			margin-bottom: 50px !important;
			max-width: 100%;
			margin: 0 auto;
			text-align: center;
		}

		.adani-details {
			padding: 10px 20px;
		}

		.adani-details 	img {
				width: 70%;
				margin-bottom: 10px;
		}
		

		.adani-contact {
			padding: 8px 20px;
		}

		.adani-contact	h2 {
				font-size: 15px;
		}

		.adani-contact	p a {
				font-size: 17px;
		}

		.solaire-details {
			padding: 10px 20px;
		}

		.solaire-details	img {
				width: 70%;
				margin-bottom: 10px;
		}
		

		.solaire-contact {
			padding: 8px 20px;
		}

		.solaire-contact	h3 {
				font-size: 15px;
		}

		.solaire-contact	p a {
				font-size: 17px;
			}


		.why-consider-right p {
				position: absolute;
				top: 75px;
				color: #FFFFFF;
			}

		.projects a p {
			transition: all 0.3s ease;
			font-size: 25px;
		}

		.projects a:hover p {
			font-size: 30px;
			/* or desired hover size */
		}

		.storiesSlider .owl-carousel .owl-item img {
			display: block;
			width: 85%;
			margin: 0 auto;
		}

		.sec12-customer-testimonials .owl-nav img {
				width: 25px;
			}
	

		.custom-play-button1 {
			position: absolute;
			top: 50%;
			left: 50%;
			width: 40px;
			height: 40px;
		}
	}

	@media (max-width: 479px) {
		.prdct-lft p {
				color: #FFFFFF;
				text-align: center;
				font-size: 16px;
				max-width: 69%;
		}

		

		.why-consider-right p {
				position: absolute;
				top: 40px;
				padding: 0px 10px;
			}
		
        .logo img{
            max-width: 110%;
        }
	}

	@media (max-width: 431px) {
	    .clients-banner {
	        background-position-x: 21%;
	    }
	

		.view-all2 {
			padding: 9px 10px;
			margin-right: 0;
		}

		.btn-residential {
		        padding: 9px 10px;
                margin-right: 0;
		}

		.why-consider-right p {
				position: absolute;
				top: 16px;
			}
		

		.projects a p {
			transition: all 0.3s ease;
			font-size: 20px;
		}

		.projects a:hover p {
			font-size: 25px;
			/* or desired hover size */
		}
	}

	@media (max-width: 359px) {
	       

		.sec12-customer-testimonials .owl-nav img {
			width: 45%;
		}

		.banner {
			height: 546px;
		}

		.view-all2 {
			padding: 9px 7px;
		}

		.btn-residential {
			padding: 9px 7px;
		}

		.advanced-right {
			h4 {
				font-size: 26px;
			}
		}

		.why-consider-right p {
				position: absolute;
				top: 0;
			}
		

		.projects a p {
			transition: all 0.3s ease;
			font-size: 20px;
		}

		.projects a:hover p {
			font-size: 25px;
		}
	}

	.back-txt {
		font-family: 'chivo';
		font-size: 150px;
		color: #EBEBEB;
		position: absolute;
		top: 0;
		font-weight: 900;
	}

	@media (max-width: 991px) {
		.projects a img {
    display: block;
}
		.projects a .cvr-arrow img {
    width: 100% !important;
    height: auto !important;
}
	    .icon-txt2 ul li::before {
            position: absolute;
            left: -20px;
	        
	    }
	    .icon-txt2 ul li {
            list-style: none;
            position: relative;
            padding-left: 20px;
        }
        .icon-txt2 p {
            padding-left: 20px;
        }
		.back-txt {
			font-family: 'chivo';
			font-size: 101px;
			margin-left: unset;
            text-align: center;
			color: #EBEBEB;
			font-weight: 900;
			position: unset;
			top: 31px;
		}
		.ordr{
		    order:2 !important;
		}
	}

	@media (max-width: 767px) {
	        .projects a p {
                transition: all 0.3s ease;
                 margin-top: 10px;
             }
             .prdct-content h1 {
                font-size: 24px;
             }

		.back-txt {
			font-family: 'chivo';
			font-size: 68px;
			color: #EBEBEB;
			font-weight: 900;
			
		}

		.services img {
			max-width: 65%;
		}
.sec07-featured-product .col-lg-3.col-sm-6.col-12 {
    width: 50% !important;
}
    .row > .col-lg-3:nth-child(2) .products img {
        height: auto !important;
        object-fit: cover;
    }
	h2, h3, h4, h5, h6 {
    font-size: 25px;
}
		.our-cor-image {
		padding: 25px 30px;
        background-color: #14213D;
        height: 230px;
        position: relative;
        overflow: hidden;
		}

		.projects img {
			height: 120px;
		}

		.cvr-arrow img {
			height: unset;
		}
	}

	@media (max-width: 431px) {
	    .form {
        width: 300px;
    }
	    .prjct-txt h3 {
        color: #000000;
        font-size: 20px;
    }

		.back-txt {
			font-family: 'chivo';
			font-size: 56px;
			color: #EBEBEB;
			font-weight: 900;
		}

		.projects img {
			height: 108px;
		}

		.cvr-arrow img {
			height: unset;
		}

		.services {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			margin-bottom: 20px;
			height: 180px;
			max-width: 75%;
			margin: 6px auto;
		}
	}

	@media (max-width: 359px) {
	    .prjct-txt {
            position: absolute;
            bottom: -40px;
            left: -2px;
            background-color: #FFFFFF;
            padding: 6px 3px 0px 3px;
        }
	    .downld-brochure {
            margin-left: 17px;
	    }
	        .back-txt {
                font-size: 48px;
    }
	    
	    .adani-contact img {
            margin-right: 5px;
            width: 17px;
        }
        .solaire-contact img {
            margin-right: 5px;
            width: 17px;
        }
		.our-cor-image {
			padding: 15px 20px;
			background-color: #14213D;
			height: 250px;
			position: relative;
			overflow: hidden;
		}

		.sec06-solaireframe {
			height: 550px;
		}

		.cover-solaireframe {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: flex-end;
			height: 550px;
		}
	}

.number {
    height: 150px;
    position: relative;
}

	.email-id a {
		height: 150px;
	}
	
	
	@media (max-width: 1700px) {
	p {
		font-size: 16px;
		color: #8D8D8D;
	}

	.container {
		max-width: 1086px;
		width: 100%;
	}
	.banner {
    height: 715px;
	}
}

@media (max-width: 1490px) {
        .banner {
        height: 640px;
    }
	.container {
		max-width: 1152px;
		width: 100%;
	}
}

@media (max-width: 1390px) {
	.container {
		max-width: 1094px;
		width: 100%;
	}
}

@media (max-width: 1300px) {
	.container {
		max-width: 1039px;
		width: 100%;
	}
	.couContin {
    font-size: 12px;
    color: #8D8D8D;
}
}

@media (max-width: 1090px) {
	.container {
		max-width: 1016px;
		width: 100%;
	}
}

@media (max-width: 991px) {
    .row > .col-lg-3:nth-child(2) .products img {
  height: 339px; 
  object-fit: cover;
}

    footer {
    padding: 50px 0px 0px 0px;
    }
	.container {
		max-width: 100%;
		width: 100%;
	}
	.whoweare-left {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin-bottom: 30px;
	}

	.second-menu {
		padding: 0px 0px 0px 0px;
	}

	.whoweare-right {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-align: center;

	}

	.download-brochure {
		align-self: center;
	}

	.cover-consider {
		display: flex;
		align-items: center;
		padding: 20px 0px;
		text-align: center;
		justify-content: center;
        flex-direction: column;
	}

	.whyconsider-img-text {
		align-self: start;
	}
	.cover-consider {
	    text-align: start !important;
	}

	.why-consider-right {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
}

@media (min-width: 1500px) and (max-width: 1600px) {
    .container {
        max-width: 1200px;
        width: 100%;
    }
    .home-banner {
    max-width: 85%;
    margin: 0 auto;
}
.home-banner h1{
    font-size: 48px;
}
    .banner {
        height: 700px;
    }
}

.error-banner {
    height: 375px;
    width: 100%;
    max-width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
@media (min-width: 1600px) {
       .error-banner {
        height: 500px;
    }
}


.scroll-target {

  scroll-margin-top: 100px !important; /* Match your fixed header height */

}

.homebanner-slider .owl-dots{
    position: absolute;
    bottom: 20px;
    width: 100%;
    display: flex;
    justify-content: center;
}
.homebanner-slider .owl-theme .owl-dots .owl-dot span {
  background: #14213D !important;
}

.sec12-customer-testimonials .read-more2{
            display: none;
}