/*************** Import Css **************/

@import "fonts.css";

/* font-family: "poppins",sans-serif; */

/* font-family: "barlow",sans-serif; */

/* font-family: "proxima-nova",sans-serif; */

/********************* Header Css ******************/
.header-area{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	z-index:99;
	/*     padding-top: 30px; */
}
.relative-header{
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	z-index:99;
	/* 	padding: 30px 0px; */
}
.header-wrapper{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-left: 25px;
	padding-right: 25px;
	position: relative;
	z-index: 1;
}
.header-right{
	display: flex;
	align-items: center;
}
.header-phone-number ul{
	list-style: none;
	padding: 0px;
	margin: 0px;
	display: flex;
	align-items: center;
}
.header-phone-number ul li{
	padding-right: 12px;
	margin-right: 12px;
	border-right: 1px solid #fff;
	line-height: 12px;
}
.header-phone-number ul li:last-child{
	border: none;
}
.header-phone-number a{
	font-family: "barlow",sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 100%;
	line-height: 12px;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	color: #fff;
}
.header-phone-number a:hover{
	color: #D6320B;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.header-menu-icon{
	display: none;
}
.header-button{
	display: none;
}
.header-area.fixed_header{
	position: fixed;
	/* 	padding: 20px 0px; */
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
	background-color: #fff;
}
.header-logo{
	display: none;
}
.header-area.fixed_header .header-logo{
	display: block;
}
.header-area.fixed_header .header-button{
	display: block;
}
.header-left{
	display: flex;
	align-items: center;
}
.menu-area ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
	display: flex;
	align-items: center;
	gap: 32px;
}
.menu-area ul li a{
	font-family: "barlow",sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 100%;
	text-transform: uppercase;
	color: #fff;
}
.header-area.relative-header{
	box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.25);
	/* 	padding: 12px 0px; */
}
.header-area.fixed_header .menu-area ul li a{
	color: #0C2539;
}
.header-area.fixed_header .menu-area ul li a:hover{
	color: #D6320B;
}
.header-area.fixed_header .header-phone-number a{
	color: #0C2539;
}
.header-area.fixed_header .header-phone-number a:hover{
	color: #D6320B;
}
.header-area.fixed_header .header-address{
	display: none;
}

.header-area.relative-header .menu-area ul li a{
	color: #0C2539;
}
.header-area.relative-header .menu-area ul li a:hover{
	color: #D6320B;
}
.header-area.relative-header .header-phone-number a{
	color: #0C2539;
}
.header-area.relative-header .header-phone-number a:hover{
	color: #D6320B;
}
.header-area.relative-header .header-address{
	display: none;
}
.header-area.fixed_header .header-logo {
	display: block;
}
.header-area.relative-header .menu-area{
	margin-left: 104px;
}
.header-area.relative-header .header-logo {
	display: block;
}
.header-area.relative-header .header-button {
	display: block;
}
/* .header-area.fixed_header{
padding-top: 0px;
} */
.menu-area ul li{
	padding-top: 30px;
	padding-bottom: 30px;
}
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% Header area end %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.banner-area{
	height: 100vh;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.banner-area .container{
	position: relative;
}
.banner-area:after{
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: url('../images/banner-overlay.png');
}
.banner-wrapper{
	position: relative;
	z-index: 1;
}
.banner-logo{
	margin-bottom: 60px;
}
.banner-wrapper h1{
	font-family: "barlow",sans-serif;
	font-weight: 600;
	font-size: 70px;
	line-height: 66px;
	max-width: 678px;
	margin-bottom: 25px;
}
.banner-wrapper h1 em{
	font-family: "poppins",sans-serif;
	font-weight: 400;
	font-size: 26px;
	color: #fff;
	line-height: 100%;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin-bottom: 25px;
	display: block;
	font-style: normal;
	margin-top: 30px;
}
.scroll-bottom {
	-webkit-animation: pulse 2s infinite;
	animation: pulse 2s infinite;
	position: absolute;
	left: 15px;
	bottom: -100px;
	/* width: 100%; */
	z-index: 1;
}
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% Banner Area End %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.solutions-area{
	margin-top: 115px;
	margin-bottom: 180px;
}
.solutions-wrapper{
	max-width: 812px;
	margin: 0 auto;
}
.solutions-heading{
	text-align: center;
	max-width: 576px;
	margin: 0 auto;
	margin-bottom: 45px;
}
.solutions-heading h3{
	font-family: "poppins",sans-serif; 
	font-weight: 400;
	font-size: 16px;
	line-height: 100%;
	letter-spacing: 2px;
	color: #004C72;
	text-transform: uppercase;
	margin-bottom: 15px;
}
.solutions-heading h2{
	font-family: "barlow",sans-serif;
	font-weight: 600;
	font-size: 36px;
	line-height: 46px;
	color: #0C2539;
	margin-bottom: 20px;
}
.solutions-heading p{
	font-family: "proxima-nova",sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	color: #212121;
}
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% Solutions Area %%%%%%%%%%%%%%%%%%%%%%% */
.experience-area{
	margin-top: 180px;
	margin-bottom: 180px;
}
.experience-content h3{
	font-family: "poppins",sans-serif; 
	font-weight: 400;
	font-size: 16px;
	line-height: 100%;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #004C72;
	margin-bottom: 15px;
}
.experience-content h2{
	font-family: "barlow",sans-serif;
	font-weight: 600;
	font-size: 36px;
	line-height: 46px;
	color: #0C2539;
	margin-bottom: 20px;
}
.experience-content p{
	font-family: "proxima-nova",sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	color: #212121;
	margin-bottom: 60px;
}
.experience-form{
	background-color: #F3F3F3;
	padding: 43px;
	padding-bottom: 25px;
}
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% Counter Area %%%%%%%%%%%%%%%%%%%%%%%%%%% */
.home-counter-area{
	margin-top: 170px;
	margin-bottom: 170px;
}
.home-counter-each{
	text-align: center;
}
.home-counter-each h2{
	font-family: "barlow",sans-serif;
	font-weight: 600;
	font-size: 56px;
	line-height: 46px;
	margin-bottom: 28px;
	color: #2275EF;
}
.home-counter-each p{
	font-family: "poppins",sans-serif; 
	font-weight: 400;
	font-size: 16px;
	line-height: 100%;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #0C2539;
}
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% Service Area %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.home-service-area{
	margin-top: 170px;
	margin-bottom: 130px;
}
.home-service-each{
	position: relative;
	margin-bottom: 40px;
}
.home-service-each::after{
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: linear-gradient(180deg, rgba(12, 37, 57, 0) 37.02%, rgba(12, 37, 57, 0.9) 100%);
}
.home-service-each img{
	width: 100%;
}
.home-service-each-text{
	position: absolute;
	left: 0px;
	bottom: 0px;
	padding: 30px;
	z-index: 1;
}
.home-service-wrapper .row{
	margin-left: -20px;
	margin-right: -20px;
}
.home-service-wrapper .row .col-lg-6{
	padding-left: 20px;
	padding-right: 20px;
}
.home-service-heading{
	text-align: center;
	margin-bottom: 60px;
}
.home-service-each-text a{
	font-family: "barlow",sans-serif;
	font-weight: 600;
	font-size: 36px;
	line-height: 46px;
	color: #fff;
	background: url(../images/common-link-white.png) no-repeat;
	padding-right: 75px;
	background-position: 93% 86%;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.home-service-each-text a:hover{
	background-position: 96% 86%;	
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% Our Project %%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.our-project-area{
	margin-top: 170px;
	margin-bottom: 170px;
	min-height: 625px;
	position: relative;
	display: flex;
	align-items: center;
}
.our-project-wrapper{
	max-width: 469px;
	text-align: center;
	z-index: 1;
	position: relative;
}
.our-project-area::after{
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: #0C2539A6;
}
.our-project-wrapper h2{
	font-family: "barlow",sans-serif;
	font-weight: 600;
	font-size: 86px;
	line-height: 46px;
	color: #fff;
	margin-bottom: 60px;
}
.our-project-wrapper .common-link{
	color: #fff;
	background: url(../images/common-link-whitee.png) no-repeat 93%;
}
.our-project-logo{
	margin-bottom: 33px;
}
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% Footer Area %%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.footer-area{
	padding-top: 70px;
	padding-bottom: 30px;
	position: relative;
}
.footer-area:after{
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: #0C2539;
	opacity: .9;
}
.footer-area::before{
	position: absolute;
	content: '';
	width: 100%;
	height: 20px;
	top: -10px;
	left: 0px;
	background: linear-gradient(90deg, #D6320B 0%, #EF6C43 100%);
	z-index: 2;
}
.footer-wrapper{
	position: relative;
	z-index: 1;
}
.footer-each h3{
	font-family: "proxima-nova",sans-serif;
	font-weight: 400;
	font-size: 24px;
	color: #fff;
	line-height: 40px;
	margin-bottom: 10px;
}
.footer-each h4{
	font-family: "proxima-nova",sans-serif;
	font-weight: 700;
	font-style: Bold;
	font-size: 16px;
	line-height: 28px;
	color: #fff;
	display: inline-block;
	margin-bottom: 10px;
}
.footer-each h4 a{
	font-family: "proxima-nova",sans-serif;
	font-weight: 700;
	font-style: Bold;
	font-size: 16px;
	line-height: 28px;
	color: #fff;
	display: inline-block;
}
.footer-each a,
.footer-each p{
	font-family: "proxima-nova",sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #fff;
	line-height: 28px;
	display: block;
}
.footer-logo{
	margin-bottom: 40px;
}
.footer-text{
	padding-top: 30px;
	padding-bottom: 30px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	margin-bottom: 30px;
}
.footer-text p{
	font-family: "proxima-nova",sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #fff;
	line-height: 28px;
	text-align: center;
	margin-bottom: 0px;
}
.footer-each{
	margin-bottom: 52px;
}
.footer-bottom ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	display: flex;
	margin-bottom: 20px;
}
.footer-bottom ul li {
	position: relative;
	padding-right: 10px;
	margin-right: 10px;
	line-height: 12px;
}
.footer-bottom ul li a {
	font-family: "proxima-nova",sans-serif;
	font-weight: 700;
	font-style: Bold;
	font-size: 16px;
	line-height: 12px;
	color: #fff;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.footer-bottom ul li::after {
	content: "";
	height: 100%;
	width: 1px;
	background-color: #fff;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}
.footer-bottom ul li:last-child:after {
	display: none;
}
.footer-bottom p{
	font-family: "proxima-nova",sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	color: #fff;
	margin-bottom: 0px;
}
.home-map-area iframe{
	height: 471px;
}
.footer-each-right{
	max-width: 173px;
	margin-left: auto;
	margin-right: 0px;
	text-align: center;
}
.footer-each{
	text-align: center;
}
.footer-each-left{
	max-width: 195px;
	margin-left: 0px;
	margin-right: auto;
}
.footer-each .common-button{
	font-family: "barlow", sans-serif;
	font-weight: 600;
	font-size: 16px;
	line-height: 100%;
	letter-spacing: 1px;
	max-width: 250px;
	margin: 0 auto;
}
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% Review Area %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.home-review-area{
	margin-top: 130px;
	margin-bottom: 170px;
}
.testimonials-slider-star-area {
	position: relative;
	display: inline-block;
	margin-bottom: 0px;
	margin-left: 17px;
}
.testimonials-slider-star-area:after{
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 1px;
	height: 100%;
}
.testimonials-slider-star {
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	height: 100%;
}
.testimonials-slider-star img {
	max-width: none !important;
	filter: none;
}
.home-review-head{
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: fit-content;
	margin: 0 auto;
	padding-left: 111px;
	padding-right: 111px;
	margin-bottom: 34px;
}
.home-review-head::after{
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	background: url('../images/Vector1.png');
	width: 60px;
	height: 51px;
}
.home-review-head::before{
	position: absolute;
	content: '';
	right: 0px;
	top: 0px;
	background: url('../images/Vector2.png');
	width: 60px;
	height: 51px;
}
.home-review-controals .swiper-button-next:after, .home-review-controals .swiper-button-prev:after {
	display: none;
}
.home-review-right-content{
	text-align: center;
	position: relative;
	max-width: 864px;
	margin: 0 auto;
}
.home-review-right-content .swiper-button-prev{
	left: -106px;
}
.home-review-right-content .swiper-button-next{
	right: -106px;
}
.home-review-head h4{
	font-family: "barlow",sans-serif;
	font-weight: 500;
	font-size: 24px;
	line-height: 46px;
	color: #D6320B;
	padding-right: 20px;
	position: relative;
}
.home-review-head h4::after{
	position: absolute;
	content: '';
	right: 0px;
	top: 55%;
	transform: translateY(-50%);
	height: 62%;
	width: 2px;
	background-color: #D6320B;
}
.home-review-each p{
	font-family: "proxima-nova",sans-serif;
	font-weight: 400;
	font-style: Italic;
	font-size: 24px;
	color: #212121;
	line-height: 40px;
	text-align: center;
}
.home-review-heading h2{
	font-family: "barlow",sans-serif;
	font-weight: 600;
	font-size: 56px;
	line-height: 46px;
	text-align: center;
	color: #0C2539;
	margin-bottom: 70px;
}
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% Financing Area %%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.financing-area{
	margin-top: 170px;
	margin-bottom: 170px;
}
.financing-text p{
	font-family: "proxima-nova",sans-serif;
	font-weight: 400;
	font-style: Italic;
	font-size: 24px;
	color: #212121;
	line-height: 40px;
	text-align: center;
}
.financing-text{
	box-shadow: 0px 0px 15px 0px #00000026;
	padding: 40px;
	background-color: #fff;
	width: calc(100% - 80px);
	margin: 0 auto;
	margin-top: -50px;
	z-index: 1;
	position: relative;
}
.home-service-heading h2{
	font-size: 56px;
	margin-bottom: 26px;
}
.financing-image img{
	width: 100%;
}
.home-financing-content{
	padding-left: 30px;
}
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% Inner page %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/*==================================== Gallery Overview ====================================*/
.inner-banner{
	min-height: 505px;
	padding: 100px 0;
}
.inner-banner::after{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50%;
	background: linear-gradient(0deg, #0C2539 0%, rgba(12, 37, 57, 0) 100%);
	content: "";
}
.inner-banner::before{
	background: linear-gradient(180deg, #0C2539 0%, rgba(12, 37, 57, 0) 100%);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: "";
}
.inner-banner-wrap h1{
	margin-bottom: 30px;
}
.inner-banner-wrap{
	position: relative;
	z-index: 1;
}
.inner-banner-wrap .common-button{
	display: table;
	margin: 0px auto 40px;
}
.scroll-down{
	-webkit-animation: pulse 2s infinite;
	animation: pulse 2s infinite;
	display: inline-block;
}
@-webkit-keyframes pulse {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0); }
	50% {
		-webkit-transform: translate(0, 10px);
		transform: translate(0, 10px); }
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0); } 
}
@keyframes pulse {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0); }
	50% {
		-webkit-transform: translate(0, 10px);
		transform: translate(0, 10px); }
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0); }
}
/************************* Breadcrumb Css **************************/
.site-breadcrumb {
	font-family: "barlow",sans-serif;
	color: #0C2539;
	font-size: 16px;
	font-weight: 500;
	line-height: normal;
	text-transform: uppercase;
	margin: 48px 0 50px;
	position: relative;
	text-align: center;
}
.site-breadcrumb strong{
	font-weight: 500;
}
.site-breadcrumb a {
	font-family: "barlow",sans-serif;
	color: #0C2539;
	font-size: 16px;
	font-weight: 500;
	line-height: normal;
	text-transform: uppercase;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.site-breadcrumb a:hover{
	color: #D6320B;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	font-weight: 500;
}
.site-breadcrumb span{
	margin:0px 10px;
}

.gallery-overview-heading{
	max-width: 790px;
	width: 100%;
	margin-bottom: 80px;
}
.gal-overview-dtl{
	padding: 20px 30px 24px;
	border: 2px solid #C4C4C4;
	border-top: none;
}
.gal-overview-dtl h3{
	margin-bottom: 13px;
}
.gal-overview-dtl h3 a{
	color: #212121;
}
.gal-overview-dtl h3 a:hover{
	color: #D6320B;
}
.gallery-overview-wrapper .row{
	margin: 0px -22px;
	row-gap: 60px;
}
.gallery-overview-wrapper .col-lg-4{
	padding: 0px 22px;
}
.gallery-overview-wrapper{
	margin-bottom: 180px;
}
/*==================== gallery-post ====================*/
.gallery-post-wrapper{
	margin-bottom: 170px;
	max-width: 812px;
	width: 100%;
}
.gallery-post-wrapper .row{
	margin: 0px -24.5px;
	row-gap: 50px;
}
.gallery-post-wrapper .col-md-6{
	padding: 0px 24.5px;
}
/*========================== contact-us ==========================*/
.contact-us-banner{
	min-height: 813px;
	border-bottom: 20px solid #0C2539;
}
/*.contact-us-banner::after{
opacity: 0.5;
}*/
.inner-banner.contact-us-banner::before{
	height: 100%;
}
.inner-banner.contact-us-banner::after{
	opacity:0.8;
}
.contact-us-banner-wrap{
	position: relative;
	z-index: 1;
}
.contact-us-banner-content .site-breadcrumb{
	color: #FFFFFF;
	text-align: left;
	margin-top: 33px;
	margin-bottom: 38px;
}
.contact-us-banner-content .site-breadcrumb a{
	color: #FFFFFF;
}
.contact-us-banner-content .site-breadcrumb a:hover{
	color: #D6320B;
}
.contact-us-banner-content h3{
	font-family: "proxima-nova",sans-serif; 
	font-weight: 700;
	font-size: 16px;
	line-height: 28px;
	color: #FFFFFF;
}
.contact-us-banner-content h5{
	font-family: "proxima-nova",sans-serif; 
	font-weight: 700;
	font-size: 16px;
	line-height: 28px;
	color: #FFFFFF;
	margin-bottom: 35px;
}
.contact-us-banner-content h5 a{
	color: #FFFFFF;
}
.contact-us-banner-content h6 a:hover,
.contact-us-banner-content h4 a:hover,
.contact-us-banner-content h5 a:hover{
	color: #D6320B;
}
.contact-us-banner-content h4{
	font-family: "proxima-nova",sans-serif; 
	font-weight: 700;
	font-size: 16px;
	line-height: 28px;
	color: #FFFFFF;
	margin-bottom: 10px;
}
.contact-us-banner-content h4 a{
	color: #FFFFFF;
}
.contact-us-banner-content h6{
	font-family: "proxima-nova",sans-serif; 
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	color: #FFFFFF;
	margin-bottom: 45px;
}
.contact-us-banner-content h6 a{
	color: #FFFFFF;
}
.contact-us-banner-content p{
	font-family: "poppins",sans-serif;
	line-height: normal;
	letter-spacing: 1.6px;
	text-transform: uppercase;
	color: #FFFFFF;
	margin-bottom: 15px;
}
.conact-page-form{
	background-color: #F3F3F3;
	padding: 30px 43px 39px;
}
.conact-page-form h3{
	text-align: center;
	color: #0C2539;
	margin-bottom: 20px;
}
.contact-map iframe{
	height: 417px;
	width: 100%;
	display: block;
}
/*=========================== location ===========================*/
.location-wrapper{
	margin-bottom: 180px;
}
.location-wrapper h2{
	text-align: center;
	margin-bottom: 50px;
}
.each-location{
	padding: 20px;
	border: 2px solid #2275EF;
	border-bottom: 10px solid #2275EF;
}
.each-location a i{
	color: #2275EF;
	font-size: 25px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.each-location h6{
	color: #212121;
	font-family: "barlow",sans-serif;
	font-size: 24px;
	font-weight: 500;
	line-height: 30px; 
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	margin-top: 6px;
}
.location-wrapper .row{
	margin: 0px -21.5px;
	row-gap: 45px;
}
.location-wrapper .col-md-6{
	padding: 0px 21.5px;
}
.each-location a:hover h6,
.each-location a:hover i{
	color: #D6320B;
}
/*============================ about ============================*/
.two-column-sec{
	margin-top: 140px;
	margin-bottom: 140px;
}
.two-column-content{
	padding-left: 30px;
}
.two-column-content ol{
	margin: 40px 0 0;
	padding: 0;
	list-style: none;
	column-count: 2;
	column-gap: 60px;
}
.two-column-content ol li{
	padding-left: 42px;
	position: relative;
	margin-bottom: 26px;
	color: #2275EF;
	font-family: "proxima-nova",sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 28px; 
}
.two-column-content ol li:last-child{
	margin-bottom: 0;
}
.two-column-content ol li::after{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	content: "";
	width: 30px;
	height: 30px;
	background-image: url("../images/two-column-icon.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.our-core-values-sec{
	margin-top: 140px;
	margin-bottom: 140px;
	position: relative;
	padding: 100px 0;
}
.our-core-values-wrapper{
	position: relative;
	z-index: 1;
}
.our-core-values-wrapper h2,
.our-core-values-wrapper p,
.our-core-values-wrapper h3{
	color: #FFFFFF;
}
.our-core-values-wrapper p:last-child{
	margin-bottom: 0;
}
.our-core-values-heading{
	max-width: 750px;
	width: 100%;
	margin-bottom: 70px;
}
.our-core-values-wrap{
	column-gap: 78px;
}
.each-our-value{
	padding-left: 40px;
	border-left: 3px solid #2275EF;
	padding-top: 18px;
}
.our-core-values-wrapper h3{
	margin-bottom: 10px;
}
.two-column-sec .flex-row-reverse .two-column-content{
	padding-left: 0;
	padding-right: 30px;
}
/*================== service-overview ==================*/
.service-overview-wrapper{
	margin-bottom: 180px;
}
.service-overview-wrapper .row{
	margin: 0px -21.5px;
	row-gap: 45px;
}
.service-overview-wrapper .col-lg-4{
	padding: 0px 21.5px;
}
.each-service-overview{
	height: 100%;
}
.each-service-overview a{
	border: 2px solid #2275EF;
	border-bottom: 10px solid #2275EF;
	display: block;
	padding: 30px;
	height: 100%;
}
.each-service-overview a:hover{
	background-color: #2275EF;
}
.service-overview-icon {
	position: absolute;
	right: 20px;
	top: 10px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.each-service-overview h3{
	margin-bottom: 16px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.each-service-overview p{
	margin-bottom: 0;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.each-service-overview a:hover h3,
.each-service-overview a:hover p{
	color: #fff;
}
.each-service-overview a:hover .service-overview-icon{
	filter: brightness(0) invert(1);
}
.our-process-sec{
	margin-top: 180px;
	margin-bottom: 180px;
	padding: 100px 0;
}
.our-process-wrapper p{
	color: #fff;
}
.our-process-wrapper h2{
	padding-left: 30px;
	color: #fff;
}
.our-process-wrap{
	margin-top: 38px;
	padding: 0px 30px;
	display: flex;
	column-gap: 40px;
	border-top: 3px solid #2275EF;
}
.our-process-wrap h3{
	font-size: 20px;
	line-height: 30px; 
	margin-bottom: 15px;
	color: #fff;
}
.our-process-wrap p:last-child{
	margin-bottom: 0;
}
.each-our-process{
	padding-top: 44px;
	position: relative;
}
.each-our-process::after{
	position: absolute;
	content: "";
	left: 2px;
	top: -6px;
	width: 10px;
	height: 10px;
	background-color: #2275EF;
	border-radius: 100%;
}
/*============================== default ==============================*/
.default-wrapper{
	max-width: 750px;
	width: 100%;
	margin: 0px auto;
}
.financing-inject-sec{
	margin-top: 180px;
	margin-bottom: 180px;
}
.financing-inject-img-content{
	padding: 40px;
	text-align: center;
	background: #FFF;
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
	max-width: calc(100% - 18%);
	width: 100%;
	margin: -63px auto 0px;
	position: relative;
	z-index: 1;
}
.financing-inject-img-content p{
	font-size: 24px;
	line-height: 40px; 
	margin-bottom: 0;
}
.financing-inject-content{
	padding-left: 30px;
}
.financing-inject-content p:last-child{
	margin-bottom: 0;
}
/************ Menu Css ***********/
.menu-area ul{
	margin: 0px;
	padding:0px;
	list-style: none;
}
.menu-area > ul{
	display:flex;
}
.menu-area > ul > li{
	position:relative;
}
/* .menu-area > ul > li:not(:last-child){
margin-right:30px;
} */
.menu-area > ul > li > ul{
	display:block;
}
.menu-area > ul > li > a{
	display: inline-block;	
}
.menu-area > ul > li > ul > li {
	padding-bottom: 0px;
	padding-top: 0px;
}
.menu-area > ul > li > ul > li > ul > li{
	padding-bottom: 0px;
	padding-top: 0px;
}
.menu-area > ul > li > a:hover{
	color:#D6320B;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.header-area.fixed_header .menu-area > ul > li.big-menu{
	position:inherit;
}
.header-area.relative-header .menu-area > ul > li.big-menu{
	position:inherit;
}
.menu-area > ul > li > ul{
	position:absolute;
	top: 100%;
	left: -70px;
	/*     transform: translateX(-50%); */
	padding: 30px 0px;
	min-width:237px;
	opacity:0;
	pointer-events:none;
	margin-top:15px;
	/* 	border-radius: 0px 0px 20px 20px; */
	background: #fff;
	box-shadow: 0px 7px 9px 1px rgba(0, 0, 0, 0.10);
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.menu-area > ul > li:hover > ul{
	opacity:1;
	pointer-events:all;
	margin-top:0px;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.header-area.fixed_header .menu-area > ul > li > ul{
	left: 50%;
	transform: translateX(-50%);
}
.header-area.relative-header .menu-area > ul > li > ul{
	left: 50%;
	transform: translateX(-50%);
}
.menu-area > ul > li > ul > li{
	padding:0px 40px;
}
.menu-area > ul > li > ul > li:hover{
	color: #929FA7;
}
.menu-area > ul > li.big-menu > ul{
	padding: 30px 60px;
	padding-bottom:40px;
	display:flex;
}
.menu-area > ul > li > ul > li > a{
	font-family: "proxima-nova", sans-serif;
	font-size: 16px;
	color: #212121;
	line-height: 30px;
	font-weight:400;
	width:100%;
	display:inline-block;
	text-transform:capitalize;
	/* 	padding:8px 0px; */
	margin-bottom:0px;
	white-space: nowrap;
	letter-spacing: 0px;
}
.menu-area > ul > li > ul > li > a:hover{
	color: #0C2539;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	text-decoration:none;
}
.menu-area > ul > li.big-menu  > ul > li > a{
	font-family: "barlow", sans-serif;
	font-size: 16px;
	color: #0C2539;
	font-weight: 600;
	line-height: 32px;
	width:100%;
	display:inline-block;
	padding:5px 0px;
	margin-bottom:7px;
	text-transform:uppercase;
	letter-spacing:1px;
}
/* .menu-area > ul > li.big-menu > ul > li > ul > li{
margin-bottom:12px;
} */
.menu-area > ul > li > ul > li > ul > li > a{
	font-family: "proxima-nova", sans-serif;
	font-size: 16px;
	color: #212121 !important;
	line-height: 30px;
	font-weight:400;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	text-transform:capitalize;
	letter-spacing: 0px;
}
.menu-area > ul > li > ul > li > ul > li > a:hover{
	color: #0C2539 !important;
}
/* .menu-area > ul > li > ul > li > ul > li > a{
padding: 10px 10px;
} */
/*.menu-area > ul > li.big-menu{
position:static;
}*/
.menu-area > ul > li.big-menu > ul{
	display:flex;
	/* 	left: 50%;
	transform: translateX(-50%); */
	white-space:nowrap;
	align-items: flex-start;
}
.menu-area > ul > li.big-menu > ul > li{
	min-width:207px;
	box-sizing: content-box;
}
.menu-area > ul > li.big-menu > ul > li:not(:first-child){
	padding-left:40px;
}
.menu-area > ul > li{
	position: relative;
}
.main-header-wrapper {
	position:relative;
}
.sub-menu {
	margin-top: -5px !important;
}
.menu-area > ul > li:hover > ul {
	z-index: 999;
}
.sub-menu-toggle{
	display:none;
}
.big-menu-sub .sub-menu{
	display:none;
	padding-top: 12px;
	padding-left:38px;
}
.big-menu-sub.active .sub-menu{
	display:block;
}
.big-menu-sub .sub-menu > li{
	margin-bottom:12px;
}
.big-menu-sub{
	position:relative;
}
.menu-area > ul > li.menu-item-has-children a{
	position:relative;
	/* 	line-height: .2; */
}
.menu-area > ul > li.menu-item-has-children a:after{
	content: url(/wp-content/uploads/2025/08/down-arrow.svg);
	position: absolute;
	top: -3px;
	right: -17px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	filter:invert(1);
}
.header-area.fixed_header.stky .menu-area > ul > li.menu-item-has-children a:after{
	filter:invert(0);
}
.menu-area > ul > li.menu-item-has-children > ul > li a:after{
	display:none;
}
.big-menu-sub.active:after{
	top: 2px;
	transform: rotate(180deg);	
}
.menu-area > ul > li.big-menu > ul > li {
	padding: 0px;
}
.big-menu-sub .sub-menu > li a:hover{
	color:#7B8560;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;	
}


.menu-area > ul > li.big-menu > ul > li > ul{
	display:block;
}
.menu-area > ul > li.big-menu > ul > li.tow-line-menu > ul{
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
}
.menu-area > ul > li.big-menu > ul > li.tow-line-menu > ul > li{
	/* 	width:36%; */
	white-space: break-spaces;
	line-height: 1;
	margin-bottom: 12px;
}
.menu-area > ul > li.big-menu > ul > li.tow-line-menu{
	margin-right:0px;
	min-width: 580px;
}

.menu-area > ul > li.small-menu > ul:after{
	display:none;
}
.menu-area > ul > li > ul > li > ul > li > a:hover{
	color: #D6320B !important;
}
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% Menu area end %%%%%%%%%%%%%%%%%%%%%%  */

/* Floting Area */
.body-icon-area{
	position: fixed;
	right: 0px;
	top: 50%;
	transform: translatey(-50%);
	z-index: 9999;
}
.body-icon-area ul{
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.body-icon-area ul li{
	margin-bottom: 10px;
}
.body-icon-area ul li a{
	width: 50px;
	height: 50px;
	background-color: #0C2539;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0px 0px 15px 0px #00000040;
}
.body-icon-area .floating-links a {
	text-decoration: none;
}
.body-icon-area .floating-button-btn {
	display: flex;
	width: 130px;
	align-items: center;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 8px;
	padding-bottom: 11px;
	border: 0px;
	margin-bottom: 15px;
	position: relative;
	right: -86px;
	transition: right 0.5s;
	gap: 18px;
	background:#0C2539;
}
.body-icon-area .floating-button-btn p {
	white-space: nowrap;
	margin-top: 0px;
	margin-bottom: 0px;
	text-transform:uppercase;
	font-size: 14px;
	font-weight: 600;
	color:#fff;
}
.body-icon-area .floating-button-btn:hover {
	right: 0px;
	transition: right 0.5s;
}
section.fof.error-page {
	margin: 140px 0px;
}
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% Mobile Menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%  */
#rmp_menu_trigger-317 {
	display: none;
}
#rmp-container-317 {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 100% !important;
	background-color: #fff !important;
	padding-top: 120px !important;
	padding-bottom: 100px !important;
}
#rmp-menu-wrap-317 .rmp-menu-current-item .rmp-menu-item-link {
	color: #0C2539 !important;
	border: 0px !important;
	background-color: #fff !important;
}
.rmp-menu-wrap > ul > li > a{
	text-transform: uppercase !important;
}
#rmp_menu_trigger-317 {
	display: none !important;
}
.floting-icon img{
	min-width: 20px;
}
.experience-form h3{
	text-align: center;
}


/* AUDITS CSS */
.inner-banner {
	position: relative;
	overflow: hidden;
}
/* .inner-banner .overlay-logo {
position: absolute;
top: 3px;
left: -30%;
width: 100%;
height: 100%;
background: url("/wp-content/uploads/2025/08/Grand-Rapids-Roofing-Transparent-Logo.svg") center/cover no-repeat;
z-index: 1;
pointer-events: none;
} */
.overlay-logo {
	position: absolute;
	z-index: 1;
	left: -23vw;
	bottom: -5px;
	pointer-events: none;
}
.inner-banner .inner-banner-wrap {
	position: relative;
	z-index: 2;
}
.contact-us-banner .overlay-logo {
	position: absolute;
	z-index: 1;
	left: -23vw;
	bottom:-5px;
	pointer-events: none;
}
.contact-us-banner-wrap input{
	border:none;
	outline:none;
}
.contact-us-banner-wrap select{
	border:none;
	outline:none;
}
.contact-us-banner-wrap textarea{
	border:none;
	outline:none;
}
.header-area.fixed_header.stky .menu-area{
	margin-left:77px;
}
.experience-area .experience-content {
	padding-left: 30px;
}
.mobile-screen-button ul li a {
	padding: 8px 7px;
	font-size: 12px;
}
.menu-area > ul > li.menu-item-has-children a:hover:after {
	top: 5px;
	transform: rotate(180deg);
}
input#gform_submit_button_1{
	background-color:#F3F3F3;
}
.home .experience-area .experience-form{
	margin-left:30px;
}
@media(max-width:767px){
	/* 	.inner-banner .overlay-logo {
	top: inherit;
	height: 120px;
	bottom: 0;
} */
	.overlay-logo{
		bottom:0;
	}
	.body-icon-area{
		display:none;
	}
	.financing-area .common-button{
		min-width: 316px;
		padding: 17px 66px 17px;
	}
	.experience-area .experience-content {
		padding-left: 0px;
	}
	.experience-area .common-button{
		min-width: 316px;
		padding: 17px 66px 17px;
	}
	.home-service-wrapper .row .col-lg-12{
		padding-left: 20px;
		padding-right: 20px;
	}
	.footer-area{
		padding-bottom:60px;
	}
	/* 	.inner-banner .overlay-logo {
	background: url("/wp-content/uploads/2025/08/Grand-Rapids-Roofing-Transparent-Logo.svg") center/contain no-repeat;
} */
}