.navbar-brand.logo img {
	width: 120px;
}

.banner-content.col-lg-12.col-12.m-lg-auto.text-left.py-5.pb-5 {
	background: #064058;
	border-radius: 50px;
	color: #fff;
	position: relative;
	width: 85%;
	left: 0;
	right: 0;
	padding: 2rem 5rem;
	margin-top: -9rem !important;
}

.banner-button {
	background: #fff;
	color: #064058;
	border: 1px solid #fff;
	border-radius: 50px;
	border: 1px solid #fff;
	padding: .6rem 1.5rem .8rem;
	font-size: 1.2rem;
	margin-top: .2rem;
}

.banner-button:hover {
	background: none;
	border: 1px solid #fff;
	color:#fff;
}

.banner-button:focus {
	outline:none;
}

.bg-secondary {
	background-color: #064058 !important;
}

.text-primary {
	color: #064058 !important;
}
.btn-secondary {
	color: #fff;
	background-color: #064058 !important;
	border-color: #064058 !important;
}

.service-wrapper.py-3.about-wrapper {
	padding-top: 4rem !important;
	padding-bottom: 0rem !important;
}

.sp-cl {
	padding-top: 4rem !important;
	padding-bottom: 3rem !important;
}


.service-wrapper.py-3 {
	padding-top: 4rem !important;
	padding-bottom: 4rem !important;
}
.service-card {
	border: 1px solid #eaeaea;
	padding: 1.5rem 1.2rem 2rem;
	border-radius: 10px;
	box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important;
}
.service-card-rev {
	background: #064058;
	color: #fff;
	border: 1px solid #064058;

}
.service-card-rev .card-title {
	color: #fff;
}

.btn.eco-btn , .btn.eco-btn2 {
	padding-left: 0 !important;
	min-height: 40px;
}

.eco-btn a {
	border: 1px solid #064058;
  	color: #064058;
	border-radius: 30px;
	padding: .3rem 1.2rem .5rem;
  	min-height: 40px;
  	line-height: 24px;
	text-decoration: none;
}

.eco-btn a:hover {
	border: 1px solid #064058;
	background: #064058;
  	color: #fff;
}
.eco-btn a:focus {
	border: 1px solid #064058;
}

.eco-btn2 a {
	border: 1px solid #fff;
  	color: #fff;
	border-radius: 30px;
	padding: .3rem 1.2rem .5rem;
  	min-height: 40px;
  	line-height: 24px;
	text-decoration: none;
}

.eco-btn2 a:hover {
	border: 1px solid #fff;
	background: #fff;
  	color: #064058;
}
.eco-btn2 a:focus {
	border: 1px solid #fff;
}

.service-card .card-title {
	color:#064058;
	margin-bottom: 1rem;
}
.service-card-rev .card-title {
	margin-bottom: 1rem;
	color:#e6f6fd;
}

.about-headline {
	color:#064058;
}
.about-headline span {
	color:#1A3C12;
}

.service-bg {
	background: #064058;
	color: #fff;
}

.ser-btn-sec {
	text-align: center;
	margin-top: 2rem !important;
}

.special-card img {
	width: 100px;
	text-align: center;
	margin: 0 auto;
}
.special-card {
	border: 1px solid #eaeaea;
	border-radius: 30px;
	padding: 2.5rem;
	text-align: center;
	box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important;
}

.special-card-h {
	font-weight: 600;
	color: #064058;
}
.footer-logo {
	width: 120px;
}

.social-icon a img {
	width: 30px;
}

/* Controls */
.carousel-control-next {
  margin: 0 3em;
}

i.fa-arrow-right,
i.fa-arrow-left {
  background: none;
  border: 2px solid #064058;
  color: #064058;
  padding: 10px;
  border-radius: 100%;
  transition: background 0.6s ease;
}

i.fa-arrow-right:hover,
i.fa-arrow-left:hover {
  background: #064058;
  color: white;
}

/* Indicators */
.carousel-indicators {
  justify-content: flex-start;
  transform: translate(-40px, 50px);
}

.carousel-indicators [data-bs-target] {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  border: 1px solid #064058;
  margin: 0 3px;
}

.carousel-indicators .active {
  opacity: 1;
  background-color: #064058;
}

/* Control buttons */
.control-btn {
  position: absolute;
  top: 8px;
  right: 10em;
}
.carousel-control-next,
.carousel-control-prev {
  top: .5em;
  left: 4em;
}
.testimonial-item p {
	padding-top: 1rem;
	padding-bottom: .5rem;
}

.testimonial-text {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  column-gap: 20px;
}

.wow {
  position: relative;
  grid-column: span 2;
}

.carousel-landmark {
  grid-column: span 3;
}
.quote {
	width: 30px;
}
.carousel-control-next img , .carousel-control-prev img {
	width: 30px;
}
.carousel-control-next, .carousel-control-prev {
	border:none;
}
.test-tag {
	background: #064058;
	border: 0 !important;
	color: #fff !important;
	border-radius: 0px !important;
	font-size: 1.2rem;
}
.border-primary {
	border-color: #e1e1e1 !important;
}

.head-ribbon {
	font-size: 1.1rem;
	color: rgba(0,0,0,.66);
}

.head-ribbon a {
	color: rgba(0,0,0,.66);
	text-decoration: none;
}

.head-ribbon a:hover {
	color: #064058;
	text-decoration: underline;
}

.head-ribbon span img {
	width: 32px;
	margin-right: 5px;
}

.email-ribbon {
	font-size: 1rem;
	color: rgba(0,0,0,.66);
}

.email-ribbon a {
	color: rgba(0,0,0,.66);
	text-decoration: none;
}

.email-ribbon a:hover {
	color: rgba(0,0,0,.66);
	text-decoration:underline;
}

.navbar-light .navbar-nav .nav-link:active {
	color: #064058;
}

.objective {
	border: 1px solid #ccc;
	padding: 2rem;
	border-radius: 10px;
	min-height: 29rem;
}

.dewa-cls {
	font-weight: 600;
	color: #e3e3e3;
}

.quote-sec span {
	color: #064058;
	font-weight: 500;
	font-size: 2rem;
}

.service-odd {
	padding-top: 2.5rem;
	padding-bottom: 3rem;
}

.btn.banner-button a {
	color: #064058;
	text-decoration: none;
}

.btn.banner-button a:hover {
	color: #fff;
	text-decoration: none;
}

.footer-end {
	background-color: #0f455b !important;
}
.cli-pro {
	font-size: 4rem;
	color: #1a3c12;
}

.cli-pro span {
	font-size: 1rem;
	color: #d5d8d5;
}

.cli-pro span {
	font-size: 1.5rem;
	color: #8c9295;
	display: block;
}
.vr-line {
	width: 1px;
	min-height: 5em;
	background: #dfcaca;
	margin-top: 1.5rem;
}

.social-icon .nav-link {
	padding: .5rem .5rem;
}

.social-icon .nav-link img {
	opacity: .6;
}

.navbar-light .navbar-nav .nav-link {
	color: rgba(0,0,0,.66);
}

#main_nav .nav-item .nav-link:hover {
	background-color: #0f455b !important;
	color:#fff;
}

#main_nav .nav-item .nav-link:focus {
	outline: none;
}

.service-card-sub {
	border: 1px solid #eaeaea;
	padding: 2.5rem;
	border-radius: 10px;
	box-shadow: 0 1rem 4rem rgba(0,0,0,.125) !important;
}

.content-sec p {
	font-size: 18px;
}

.service-even {
	background: #B0C4DE;
	color: #282828;
	padding-top: 2.5rem;
	padding-bottom: 3rem;
}
.service-even h2 , .service-odd h2 {
	font-weight: 400;
}

.banner-body {
	color: #e3e3e3;
}
.addre {
	color: rgba(0,0,0,.66);
}

.callus-bg {
	background: #e3e3e3;
	color: rgba(0,0,0,.66);
}


.btn.callus-button a {
	color: #064058;
	border:1px solid #064058;
	border-radius: 50px;
	padding: .6rem 1.5rem .8rem;
	font-size: 1.2rem;
	margin-top: .2rem;
	text-decoration: none;
}
.btn.callus-button a:hover {
	background: #064058;
	border:1px solid #064058;
	color: #fff;
	border-radius: 50px;
	padding: .6rem 1.5rem .8rem;
	font-size: 1.2rem;
	margin-top: .2rem;
	text-decoration: none;
}

.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show > .nav-link {
	color: rgb(6, 64, 88) !important;
	font-weight: 600;
}

.reveal {
	position: relative;
	transform: translateY(150px);
	opacity: 0;
	transition: 2s all ease;
}

.reveal.active {
	transform: translateY(0);
	opacity: 1;
}

.btn.btn-primary.contact-btn {
	color: #064058;
	border:1px solid #064058;
	border-radius: 50px;
	padding: .6rem 1.5rem .8rem;
	font-size: 1.2rem;
	margin-top: .2rem;
	text-decoration: none;
	background: transparent;
}

.btn.btn-primary.contact-btn:hover {
	background: #064058;
	border:1px solid #064058;
	color: #fff;
	border-radius: 50px;
	padding: .6rem 1.5rem .8rem;
	font-size: 1.2rem;
	margin-top: .2rem;
	text-decoration: none;
}

.form-sec {
	border: 1px solid #ccc;
	padding: 2rem;
	border-radius: 1rem;
}

@media screen and (max-width: 1920px) and (max-height: 1080px) {

.service-wrapper.py-3 {
	padding-top: 4rem !important;
}
}

@media screen and (max-width: 1680px) and (max-height: 1024px) {
.service-wrapper.py-3 {
	padding-top: 4rem !important;
}
}

@media screen and (max-width: 1440px) and (max-height: 800px) {

.service-wrapper.py-3 {
	padding-top: 4rem !important;
}
}

@media screen and (max-width: 1366px) and (max-height: 768px) {
.banner-content.col-lg-12.col-12.m-lg-auto.text-left.py-5.pb-5 {
	/* top: 29rem !important; */
}
.service-wrapper.py-3 {
	padding-top: 4rem !important;
}
}


@media screen and (max-width: 1280px) and (max-height: 768px) {

.service-wrapper.py-3 {
	padding-top: 4rem !important;
}

}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px)
  and (orientation: landscape) {
  
	.flex-fill {
	max-width: 76%;
    margin: 0 2rem;
	}

	.banner-content.col-lg-12.col-12.m-lg-auto.text-left.py-5.pb-5 {
	/* top: 36rem !important; */
	padding: 1rem 3rem;
	width: 80%;
	}

	.service-wrapper.py-3 {
	padding-top: 4rem !important;
	padding-bottom: 2rem !important;
	}

	.content-sec p {
	font-size: 16px;
}

}

@media screen and (min-width: 992px) {

.img-res {
	width: 100%;
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px)
  and (orientation: portrait) {
	.navbar-light .navbar-nav .nav-link {
	border-bottom: 1px solid #e1e1e1;
	border-radius: 0 !important;
	padding: 1rem 2rem;
	}

	.navbar.align-self-center.d-flex.social-icon {
	text-align: center;
	display: inline !important;
	}

	.head-ribbon {
	font-size: 1rem;
	color: rgba(0,0,0,.66);
	padding-top: 1rem;
	padding-bottom: 1rem;
	}
	.banner-content.col-lg-12.col-12.m-lg-auto.text-left.py-5.pb-5 {
	padding: 1rem 4rem;
	width: 80%;
	margin: auto !important;
	margin-top: -9rem !important;
}

.sp-btn {
	margin-bottom: 1rem !important;
}

	.service-wrapper.py-3 {
	padding-top: 4rem !important;
	}

	.img-res {
	margin: 2rem auto 0;
	display: table;
	}

	.eco-service-sec {
	text-align: center;
	padding-left: 4rem !important;
	padding-right: 4rem !important;
	}

	.eco-service-sec h1 {
		padding-bottom: 1rem;
	}

	.ser-btn-sec {
	margin-top: 0rem !important;
	}

	.col-md-0.col-lg-2.dum-space {
	display: none;
	}

	.special-card {
	width: 60%;
	margin: 0 auto;
	}

	.service-bg {
	text-align: center;
	}

	.plump-card {
	margin: 3rem auto;
	}

	.service-odd .card-text {
	padding-top: 3rem !important;
	}

	.service-even .card-text {
	padding-bottom: 3rem !important;
	}

	#plumbing-sec {
	margin-bottom: 0 !important;
	}

  }

@media screen and (min-width: 768px) {
.banner-content.col-lg-12.col-12.m-lg-auto.text-left.py-5.pb-5 {
	padding: 1rem 4rem;
	width: 80%;
	margin: auto !important;
	margin-top: -9rem !important;
}

}

@media screen and (max-width: 767px) {
	 .navbar-light .navbar-nav .nav-link {
	border-bottom: 1px solid #e1e1e1;
	border-radius: 0 !important;
	padding: 1rem 2rem;
	}

.navbar-light .navbar-nav .nav-item {
	padding-left: 2rem;
	padding-right: 2rem;
}

.navbar.align-self-center.d-flex.social-icon {
	text-align: center;
	display: inline !important;
}

.navbar.align-self-center.d-flex.social-icon .head-ribbon {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.service-wrapper.py-3 {
	padding-top: 3rem !important;
	padding-bottom: 3rem !important;
}

#index_banner {
	min-height: 60vh;
}

.banner-content.col-lg-12.col-12.m-lg-auto.text-left.py-5.pb-5 {
	width: 100%;
	padding: 1rem 2rem;
	/* top: 22rem !important;
	
	position: relative; */
}

.ser-btn-sec {
	margin-top: 0rem !important;
}

.vr-line {
	width: 70%;
	min-height: 0;
	background: #e1e1e1;
	margin-top: 1.5rem;
	height: 1px;
	margin: 19px auto;
}

.cli-pro {
	text-align: center;
}

.img-res {
	width: 100%;
	padding-top: 2rem;
}

.typo-space-line::after, .typo-space-line-center::after {
	padding-top: .7em;
}

.banner-body {
	padding-top: 0 !important;
}

.ser-btn-sec {
	text-align: center;
	padding-bottom: 1rem;
}

.quote-sec.pb-3 {
	font-size: 1.4rem;
	line-height: 35px;
}

.service-bg {
	text-align: center;
}

.sp-cl {
	padding-bottom: 0 !important;
	margin-bottom: 1rem !important;
}

.quote-sec span {
	font-weight: 400;
	font-size: 2rem;
}
.dum-space {
	display: none;
}

.service-even .content-sec {
	padding-left: .7rem;
	padding-right: .7rem;
}



.head-ribbon {
	font-size: 1rem;
}

.mob-pt {
	padding-top: 0rem !important;
}

.objective-heading {
	padding-top: 1.5rem;
}

.objective {
	min-height: 23rem;
}
.objective-icon {
	width: 6rem;
}

.banner-bg.bg-white.py-5 {
	padding-top: 0 !important;
}

.service-odd .content-sec {
	padding-top: 2rem;
}

.service-even .content-sec {
	padding-bottom: 2rem;
}

}


@media screen and (max-width: 576px) {
  .testimonial-text {
    margin-top: 50px;
    row-gap: 50px;
  }
  .wow {
    grid-column: span 5;
  }

  .carousel-landmark {
    grid-column: span 5;
  }

  .navbar-light .navbar-nav .nav-link {
	border-bottom: 1px solid #ccc;
	border-radius: 0 !important;
	padding: 1rem 2rem;
	}

.navbar-light .navbar-nav .nav-item {
	padding-left: 2rem;
	padding-right: 2rem;
}

.navbar.align-self-center.d-flex.social-icon {
	text-align: center;
	display: inline !important;
}

.navbar.align-self-center.d-flex.social-icon .head-ribbon {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.service-wrapper.py-3 {
	padding-top: 3rem !important;
	padding-bottom: 3rem !important;
}

#index_banner {
	min-height: 60vh;
}

.banner-content.col-lg-12.col-12.m-lg-auto.text-left.py-5.pb-5 {
	width: 100%;
	padding: 1rem 2rem;
	/* top: 22rem !important; */
	position: relative;
}

.ser-btn-sec {
	margin-top: 0rem !important;
}

.vr-line {
	width: 70%;
	min-height: 0;
	background: #e1e1e1;
	margin-top: 1.5rem;
	height: 1px;
	margin: 19px auto;
}

.cli-pro {
	text-align: center;
}

.img-res {
	width: 100%;
	padding-top: 2rem;
}

.typo-space-line::after, .typo-space-line-center::after {
	padding-top: .7em;
}

.banner-body {
	padding-top: 0 !important;
}

.ser-btn-sec {
	text-align: center;
	padding-bottom: 1rem;
}

.quote-sec.pb-3 {
	font-size: 1.4rem;
	line-height: 35px;
}

.service-bg {
	text-align: center;
}

.sp-cl {
	padding-bottom: 0 !important;
	margin-bottom: 1rem !important;
}

.quote-sec span {
	font-weight: 400;
	font-size: 2rem;
}
.dum-space {
	display: none;
}

.service-even .content-sec {
	padding-left: .7rem;
	padding-right: .7rem;
}



.head-ribbon {
	font-size: 1rem;
}

.mob-pt {
	padding-top: 0rem !important;
}

.objective-heading {
	padding-top: 1.5rem;
}

.objective {
	min-height: 23rem;
}
.objective-icon {
	width: 6rem;
}

.banner-bg.bg-white.py-5 {
	padding-top: 0 !important;
}

.service-odd .content-sec {
	padding-top: 2rem;
}

.service-even .content-sec {
	padding-bottom: 2rem;
}


}