body {
	font-family: 'Rozha One', serif;
	font-size: 18px;
}

html{scroll-behavior: smooth;}


.img-fluid {
    max-width: 100%;
    height: auto;
    width: 100%;
}


/* commn class */

.overlay {
	position: relative;
	z-index: 5;
}

.semi-heading {
	letter-spacing: 1px;
}


/* header */

.header {
	font-family: 'Open Sans';
	position: absolute;
	top: 0;
	z-index: 9;
	width: 100%;
}

.header .bg-light {
	background: transparent !important;
}

.header .navbar {
	padding: 0;
}

.header .navbar-brand {
	width: 135px;
	padding: 0;
	margin: 0;
}

.navbar-light .navbar-nav .active>.nav-link {
	color: #fff;
}

.navbar-light .navbar-nav .nav-link {
	color: #fff;
	text-transform: uppercase;
	margin-right: 30px;
	font-size: 18px;
	font-weight: 500;
	font-family: 'Open Sans', sans-serif;
	position: relative;
}

.navbar-light .navbar-nav .nav-link:after {
	position: absolute;
	content: "";
	bottom: 0;
	left: 10px;
	width: 0px;
	height: 3px;
	background-color: #fff;
	transition: linear 0.5s;
	opacity: 0;
}

.navbar-light .navbar-nav .nav-link:hover:after {
	color: #fff;
	width: 70%;
	border-radius: 0;
	height: 1px;
	opacity: 1;
}

.navbar-light .navbar-nav .nav-link:hover {
	color: #fff;
}

.navbar-light .navbar-nav .btn {
	background: #fff;
	padding: 6px 50px;
	border-radius: 25px;
	margin-right: 0px !important;
	margin-left: 70px;
	color: #404040;
	font-size: 18px;
	text-transform: uppercase;
}

.navbar-light .navbar-nav .btn:hover {
	background: #9bbb59;
	color: #fff;
}

.margin-left {
	margin-right: 0px !important;
}


/* banner */

.banner {
	position: relative;
}

.banner::after {
	position: absolute;
	left: 0;
	content: "";
	top: 0;
	background: #29480824;
	width: 100%;
	height: 100%;
}

.banner .carousel {
	height: 100%;
}

.banner .carousel .carousel-inner {
	height: 100%;
}

.banner .carousel .carousel-item {
	height: 100%;
}

.banner .carousel .carousel-caption {
	text-align: left;
	bottom: 20%;
	left: 111px;
}

.banner .carousel .carousel-caption h5 {
	font-size: 72px;
	margin-bottom: 30px;
}

.banner .carousel .carousel-caption .margin-left {
	margin-left: 200px;
}

.banner .carousel .carousel-caption .margin-left p {
	font-size: 18px;
	font-weight: 400;
	font-family: sans-serif;
	margin-bottom: 30px;
}

.banner .carousel .carousel-caption .margin-left .btns {
	display: flex;
	align-items: center;
	transition: linear 0.5s;
}

.banner .carousel .carousel-caption .margin-left .btns .read-btn {
	color: #fff;
	font-family: 'Rozha One', serif;
	font-size: 24px;
	text-decoration: none;
	position: relative;
	transition: linear 0.5s;
	text-transform: capitalize;
}

.banner .carousel .carousel-caption .margin-left .btns span {
	width: 25px;
	height: 25px;
	background: #9bbb59;
	margin-right: 15px;
	border-radius: 100%;
	transition: linear 0.5s;
}

.banner .carousel .carousel-caption .margin-left .btns:hover span {
	width: 30px;
	height: 3px;
	border-radius: 5px;
	transition: linear 0.5s;
}

.carousel-indicators {
	position: absolute;
	right: -185px;
	left: unset;
	writing-mode: vertical-lr;
	z-index: 9;
}

.banner .carousel .carousel-indicators li {
	box-sizing: content-box;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	width: unset;
	height: unset;
	margin-right: 3px;
	margin-left: 3px;
	text-indent: unset;
	cursor: pointer;
	background-color: unset;
	background-clip: unset;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	opacity: 1;
	color: #b0d85d !important;
	transition: opacity .6s ease;
	opacity: 1;
	font-size: 18px;
	color: #fff;
	text-align: right;
	transform: rotate(-90deg);
}

.carousel-control-prev {
	right: 0;
	left: unset;
}

.banner .carousel-control-prev-icon {
	background-image: url(../images/arrow-left.png);
	position: absolute;
	right: 115px;
	bottom: 23px;
	opacity: 1;
}

.banner .carousel-control-next-icon {
	background-image: url(../images/arrow-right.png);
	position: absolute;
	right: 70px;
	bottom: 23px;
	opacity: 1;
}

.banner .carousel-control-next,
.carousel-control-prev .carousel-control-next,
.carousel-control-prev {
	position: absolute;
	top: 0;
	bottom: 0 !important;
	z-index: 1;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 5px;
	color: #fff;
	text-align: center;
	opacity: 1;
	transition: opacity .15s ease;
}


/* about */

.about {
	margin: 100px 0;
}

.about .semi-heading {
	color: #000;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 18px;
}

.about .heading {
	letter-spacing: 1px;
	font-size: 60px;
	color: #9bbb59;
}

.about .pots{
	position: relative;
	width: 100%;
	height: 100%;
}

.about .pot {
	position: absolute;
	bottom: 0;
	left: 0;
}

.about .title {
	font-size: 26px;
	line-height: 48px;
}

.about .text {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	line-height: 36px;
}

.about .btns {
	display: flex;
	align-items: center;
	transition: linear 0.5s;
	margin-top: 68px;
}

.about .read-btn {
	color: #000;
	font-family: 'Rozha One', serif;
	font-size: 24px;
	text-decoration: none;
	position: relative;
	transition: linear 0.5s;
	text-transform: capitalize;
}

.about .btns span {
	width: 25px;
	height: 25px;
	background: #9bbb59;
	margin-right: 15px;
	border-radius: 100%;
	transition: linear 0.5s;
}

.about .btns:hover span {
	width: 30px;
	height: 3px;
	border-radius: 5px;
	transition: linear 0.5s;
}


/* cards */

.cards {
	padding: 100px 0;
	background: #294808;
}

.cards .semi-heading {
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 18px;
}

.cards .heading {
	letter-spacing: 1px;
	font-size: 60px;
	color: #fff;
}

.cards .text {
	color: #fff;
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;
	line-height: 36px;
}

.cards .margin-top {
	margin-top: 85px;
}

.cards .padding-box {
	padding: 15px;
}

.cards .number {
	position: relative;
}

.cards .number h3 {
	font-size: 186px;
	color: #b0d85db3;
	opacity: 0.5;
	margin-bottom: 0;
}

.cards .number h4 {
	position: absolute;
	left: 0;
	font-size: 30px;
	bottom: 50px;
	color: #fff;
	margin-bottom: 0;
}

.cards .number h4 span {
	font-size: 14px;
	display: block;
	font-family: 'Open Sans', sans-serif;
}

.cards .product-body {
	margin-top: -33px;
}

.cards .center-box {
	margin-top: 108px;
}

.cards a {
	text-decoration: none;
}


/* projects */

.projects {
	margin: 100px 0;
}

.projects .semi-heading {
	color: #000;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 18px;
}

.projects .heading {
	letter-spacing: 1px;
	font-size: 60px;
	color: #9bbb59;
}

.projects .margin-top {
	margin-top: 108px;
	    background-color: #c4d79d;
}

.projects .project-text {
	padding: 0 122px 0 60px;
}

.projects .project-text h3 {
	font-size: 30px;
	text-transform: capitalize;
}

.projects .project-text p {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	line-height: 36px;
	margin-top: 30px;
}

.projects .project-text .btns {
	display: flex;
	align-items: center;
	transition: linear 0.5s;
	margin-top: 40px;
}

.projects .project-text .btns .read-btn {
	color: #000;
	font-family: 'Rozha One', serif;
	font-size: 24px;
	text-decoration: none;
	position: relative;
	transition: linear 0.5s;
	text-transform: capitalize;
}

.projects .project-text .btns span {
	width: 25px;
	height: 25px;
	background: #9bbb59;
	margin-right: 15px;
	border-radius: 100%;
	transition: linear 0.5s;
}

.projects .project-text .btns:hover span {
	width: 30px;
	height: 3px;
	border-radius: 5px;
	transition: linear 0.5s;
}


/* clients */

.clients {
	padding: 100px 0;
	background-color: #294808;
}

.clients .semi-heading {
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 18px;
}

.clients .heading {
	letter-spacing: 1px;
	font-size: 60px;
	color: #fff;
	margin-bottom: 70px;
}

.clients .swiper-container {
	width: 100%;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 5px;
}

.clients .swiper-pagination {
	text-align: left;
	color: #fff;
	font-size: 26px;
	position: unset;
	margin-top: 15px;
}

.clients .swiper-pagination-bullet {
	width: 0;
	margin-right: 40px;
}


/* testi */

.testi {
	margin: 100px 0;
}

.testi .semi-heading {
	color: #000;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 18px;
}

.testi .heading {
	letter-spacing: 1px;
	font-size: 60px;
	color: #9bbb59;
	margin-bottom: 70px;
}

.testi .testi-body {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: flex-end;
}

.testi .testi-body .carousel-control-next,
.carousel-control-prev {
	bottom: unset;
}

.testi .testi-body .carousel-control-prev-icon {
	background-image: url(../images/arrow-left-b.png);
	position: absolute;
	right: 32px;
	top: -127px;
	opacity: 1;
}

.testi .testi-body .carousel-control-next-icon {
	background-image: url(../images/arrow-right-b.png);
	position: absolute;
	right: 0px;
	top: -127px;
	opacity: 1;
}

.testi .testi-body .slider-body {
	padding: 60px;
	background: #c4d79d;
}

.testi .testi-body .slider-body p {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
}

.testi .testi-body .slider-body h3 {
	font-size: 30px;
}

.testi .testi-body .slider-body h5 {
	font-size: 14px;
}

.testi .swiper-button-prev {
	right: 30px;
}


/* footer */

.footer {
	padding: 100px 0px;
	background-image: url(../images/footer-bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	position: relative;
}

.footer::after {
	position: absolute;
	content: "";
	background: #213c0766;
	width: 100%;
	left: 0;
	top: 0;
	height: 100%;
	z-index: 1;
}

.footer .overlay {
	position: relative;
	z-index: 8;
}

footer .margin-top {
	margin-top: 70px;
}

.footer h3 {
	color: #fff;
	font-size: 30px;
	margin-bottom: 22px;
	text-transform: capitalize;
}

.footer p {
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 35px;
	position: relative;
}

.footer h6 span {
	position: absolute;
	top: 5px;
	left: 0;
}

.footer h6 {
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 35px;
	padding-left: 28px;
	position: relative;
}

.footer ul {
	margin: 0;
	padding: 0;
}

.footer ul li {
	list-style: none;
	margin: 0 0 5px 0;
}

.footer ul li a {
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	margin-right: 35px;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
}

.footer .second-ul ul {
/*	width: calc(100% / 3);
*/	float: left;
}

.footer .second-ul ul li {
	display: block;
	margin: 0 0 13px 0;
}

.footer .overlay .contact {
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	display: flex;
	font-family: 'Open Sans', sans-serif;
	line-height: 30px;
	margin-bottom: 25px;
	word-break: break-all;
}

.footer .overlay span img {
	width: 20px;
	height: 20px;
	margin-right: 10px;
}


/* rights */

.rights {
	padding: 10px 0;
	background-color: #294808;
}

.rights p {
	margin: 0;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px !important;
	text-transform: uppercase;
}

.rights a {
	color: #fff;
}




/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* <==================================== inner page css ====================================> */


/* ---- about-us  ---- */

.inner-banner {
	background-image: url(../images/inner-banner.jpg);
	width: 100%;
	background-size: cover;
	position: relative;
	height: 400px;
	background-position: bottom center;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

.inner-banner::after {
	background-color: #29480830;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.inner-banner .heading {
	color: #fff;
	text-transform: uppercase;
	font-size: 75px;
	letter-spacing: 3px;
}

.inner-banner .padding-top {
	padding-top: 160px;
}

.inner-banner ul {
	margin: 0;
	padding: 0;
}

.inner-banner ul li {
	list-style: none;
	display: inline-block;
}

.inner-banner ul li a {
	font-size: 18px;
	color: #fff;
	font-weight: 500;
	font-family: 'open sans';
	text-transform: capitalize;
	text-decoration: none;
	margin-right: 15px;
}

.inner-banner .icon {
	width: 25px;
	height: 25px;
}

.about-company {
	padding: 100px 0;
}

.about-company .heading-green-text {
	color: #9bbb59;
	font-size: 60px;
}

.about-company .margin-top {
	margin-top: 70px;
}

.about-company .left-right-padding {
	padding: 0 50px;
}

.about-company .title {
	font-size: 27px;
	line-height: 38px;
	margin-bottom: 25px;
	position: relative;
	padding-left: 50px;
}

.about-company span {
	background: #9bbb59;
	width: 39px;
	height: 39px;
	display: inline-block;
	text-align: center;
	color: #fff;
	border-radius: 100%;
	margin-right: 15px;
	position: absolute;
	top: 0;
	left: 0;
}

.about-company p {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	line-height: 36px;
}

.team {
	padding: 100px 0;
	background-color: #294808;
}

.team .title {
	font-size: 60px;
	line-height: 38px;
	margin-bottom: 25px;
	color: #fff;
}

.team .text {
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	line-height: 36px;
}

.team .padding-box {
	padding: 15px;
}

.team .number {
	position: relative;
}

.team .number h3 {
	font-size: 186px;
	color: #b0d85db3;
	opacity: 0.5;
	margin-bottom: 0;
}

.team .number h4 {
	position: absolute;
	left: 0;
	font-size: 30px;
	bottom: 50px;
	color: #fff;
	margin-bottom: 0;
}

.team .number h4 span {
	font-size: 14px;
	display: block;
	font-family: 'Open Sans', sans-serif;
}

.team .product-body {
	margin-top: -33px;
	transition: linear 0.5s;
}

.team .product-body:hover .social-icon {
	transform: rotateX(-29deg);
	transform-style: preserve-3d;
	opacity: 1;
	perspective: 1000px;
	perspective-origin: left;
	transition: linear 0.5s;
}

.team .product-body .social-icon {
	background: #fff;
	transition: linear 0.5s;
	opacity: 0;
}

.team .product-body .social-icon .small-icon {
	width: calc( (100% / 6) - 15px);
	margin: 15px;
}

.team .team-text h3 {
	color: #fff;
	font-size: 60px;
}

.team .team-text p {
	color: #fff;
	font-family: 'open sans';
	font-size: 18px;
	line-height: 38px;
}

.contact-about-two {
	padding: 100px 0px;
}

.contact-about-two h3 {
	font-size: 60px;
	line-height: 60px;
	color: #9bbb59;
}

.contact-about-two p {
	font-family: 'open sans';
	font-size: 18px;
	line-height: 28px;
}

.contact-about-two .btns {
	display: flex;
	align-items: center;
	transition: linear 0.5s;
}

.contact-about-two .read-btn {
	color: #000;
	font-family: 'Rozha One', serif;
	font-size: 24px;
	text-decoration: none;
	position: relative;
	transition: linear 0.5s;
	text-transform: capitalize;
}

.contact-about-two .btns span {
	width: 25px;
	height: 25px;
	background: #9bbb59;
	margin-right: 15px;
	border-radius: 100%;
	transition: linear 0.5s;
}

.contact-about-two .btns:hover span {
	width: 30px;
	height: 3px;
	border-radius: 5px;
	transition: linear 0.5s;
}


/* ---- about-us  ---- */


/* ---- conatct us  ---- */

.contact-about {
	padding: 100px 0;
}

.contact-about h3 {
	font-size: 60px;
	line-height: 60px;
	margin-bottom: 40px;
	color: #203c05;
}

.contact-about .contact-details .title {
	font-size: 60px;
	line-height: 60px;
	margin-bottom: 40px;
	color: #9bbb59;
}

.contact-about .contact-details .icon img {
	width: 50px;
}

.contact-about .contact-details h3 {
	color: #203c05;
	font-size: 30px;
	margin-bottom: 0;
	line-height: 50px;
	text-transform: capitalize;
}

.contact-about .contact-details p {
	font-family: 'open sans';
	font-size: 14px !important;
	color: #929191;
	line-height: 28px;
}

.contact-about .contact-details a {
	display: block;
	line-height: 28px;
	font-family: 'open sans';
	font-size: 14px;
	color: #929191;
	text-decoration: none;
	word-wrap: break-word;
}

.contact-about h3 {
	font-size: 40px;
	line-height: 60px;
	margin-bottom: 30px;
	color: #9bbb59;
}

.contact-about p {
	font-family: 'open sans';
	font-size: 18px;
	line-height: 28px;
}

.contact-about .btn {
	background: #9bbb59;
	color: #fff;
}

.contact-about .inputs .form-control {
	display: block;
	width: 100%;
	height: calc(1.5em + .75rem + 2px);
	padding: 1.775rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.contact-about .inputs textarea {
	width: 100%;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	padding: 15px;
}

.contact-about .inputs textarea::placeholder {
	text-transform: capitalize;
}

.contact-about .inputs input::placeholder {
	text-transform: capitalize;
}


/* ---- contact us page ---- */


/* clients-page */

.clients-page {
	padding: 100px 0px;
}

.clients-page h3 {
	font-size: 60px;
	line-height: 60px;
	margin-bottom: 25px;
	color: #9bbb59;
	text-transform: capitalize;
}

.clients-page p {
	font-family: 'open sans';
	font-size: 16px;
	line-height: 30px;
}

.clients-page .clients-body {
	padding: 30px;
	background: #294808;
}

.clients-page .clients-body img {
	width: 100%;
	transition: linear 0.5s;
	margin-top: 15px;
}

.clients-page .clients-body img:hover {
	transform: scale(1.1);
	box-shadow: 1px 1px 10px #545454;
}



/* services-page */

.services-page {
	padding: 100px 0px;
}

.services-page h3 {
	font-size: 60px;
	line-height: 60px;
	margin-bottom: 40px;
	color: #9bbb59;
	text-transform: capitalize;
}

.services-page p {
	font-family: 'open sans';
	font-size: 18px;
	line-height: 28px;
}

.services-page .margin-bottom {
	margin-bottom: 100px;
}

.services-page .padding-left-right {
	padding: 0 0px;
}

.services-page .services-body {
	padding: 15px;
	border-radius: 10px;
	background-color: #fff;
	transition: linear 0.1s;
}

.services-page .services-body:hover {
	box-shadow: 1px 1px 10px #9c9c9c;
}

.services-page .services-body .icon img {
	width: 50px;
}

.services-page .services-body .text h3 {
	font-size: 22px;
	margin-bottom: 0;
	line-height: 30px;
}

.services-page .services-body .text p {
	font-size: 16px;
}

.services-page .padding-box {
	padding: 15px;
	background: #fff;
}

.services-page .number {
	position: relative;
	width: 100%;
	height: 145px;
}

.services-page .number h3 {
	font-size: 186px;
	color: #9bbb59;
	opacity: 0.6;
	margin-bottom: 0;
}

.services-page .number h4 {
	position: absolute;
	left: 0;
	font-size: 30px;
	bottom: 50px;
	color: #000;
	margin-bottom: 0;
}

.services-page .number h4 span {
	font-size: 14px;
	display: block;
	font-family: 'Open Sans', sans-serif;
}

.services-page .product-body {
	margin-top: -33px;
	transition: linear 0.5s;
}

.services-page .product-body:hover .social-icon {
	transform: rotateX(-29deg);
	transform-style: preserve-3d;
	opacity: 1;
	perspective: 1000px;
	perspective-origin: left;
	transition: linear 0.5s;
}

.services-page .product-body .social-icon {
	background: #fff;
	transition: linear 0.5s;
	opacity: 0;
}

.services-page .product-body .social-icon .small-icon {
	width: calc( (100% / 6) - 15px);
	margin: 15px;
}

.services-page .team-text h3 {
	color: #000;
	font-size: 60px;
}

.services-page .team-text p {
	color: #000;
	font-family: 'open sans';
	font-size: 18px;
	line-height: 38px;
}

.what-we-do {
	margin: 100px 0px;
}

.what-we-do h3 {
	font-size: 60px;
	line-height: 60px;
	margin-bottom: 0px;
	color: #9bbb59;
	text-transform: capitalize;
}

.what-we-do .what-we-do-body .text {
	padding: 15px;
	background: #f1f1f1;
}

.what-we-do .what-we-do-body ul {
	margin: 0;
	padding: 0;
}

.what-we-do .what-we-do-body ul li {
	list-style: none;
	display: block;
	padding-left: 15px;
	position: relative;
}

.what-we-do .what-we-do-body ul li span {
	position: absolute;
	top: 0;
	left: 0;
}

.land {
	margin-bottom: 100px;
}

.land h3 {
	font-size: 60px;
	line-height: 60px;
	margin-bottom: 25px;
	color: #9bbb59;
	text-transform: capitalize;
}

.land p {
	font-family: 'open sans';
	font-size: 18px;
	line-height: 28px;
}

.land .bg {
	padding: 30px;
	background-color: #9bbb59;
}

.land .landing-body {
	padding: 15px;
	border: 1px solid #929191;
	background-color: #fff;
	transition: linear 0.5s;
	cursor: pointer;
}

.land .landing-body:hover {
	transform: scale(1.1);
}

.land .landing-body h4 {
	color: #000;
	font-size: 16px;
	text-align: center;
	text-transform: capitalize;
}


/* ---- projects page  ---- */

.projects-page {
	padding: 100px 0px;
}

.projects-page h3 {
	font-size: 60px;
	line-height: 60px;
	margin-bottom: 0px;
	color: #9bbb59;
	text-transform: capitalize;
}

.projects-page p {
	font-family: 'open sans';
	font-size: 16px;
	line-height: 28px;
}

.projects-page .margin-top {
	margin-top: 100px;
}

.projects-page .tab_content h2 {
	font-size: 35px;
	line-height: 40px;
	margin-bottom: 0px;
	color: #9bbb59;
	text-transform: capitalize;
}

.projects-page .tab_content span img {
	width: 21px;
}

.projects-page .tab_content h5 {
	font-size: 14px;
	font-family: 'open sans';
	margin: 10px 0;
	text-transform: capitalize;
	color: #000;
	font-weight: 600;
}

.projects-page .tab_content .gallery-body {
	position: relative;
	margin-bottom: 30px;
}

.projects-page .tab_content .gallery-body .gallery:hover figcaption {
	opacity: 1;
	z-index: 9;
}

.projects-page .tab_content .gallery-body figcaption {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #9abb5998;
	opacity: 0;
	transition: linear 0.5s;
	z-index: -1;
	padding: 0 0;
}

.projects-page .tab_content .gallery-body figcaption img {
	width: 25px !important;
	height: auto !important;
}

.projects-page .tab_content .bg {
	height: auto;
	background-color: #ecf9df;
	padding: 30px;
}


.project-gallery-box {
margin-bottom: 30px;
}
.project-gallery-box h5 {
    font-size: 24px !important;
    font-family: 'Rozha One', serif !important;
    font-weight: 300 !important;
    margin-bottom: 0 !important;
}
.project-gallery-box small{
        font-family: 'open sans', sans-serif;
}
.projects-page .tab_content .gallery-body a span img{
	height: auto;
    width: 100%;
}


.about-company .margin-top .row{align-items: center;}

.services-page .team-text{padding: 50px; height: 100%;}

.clients-page .potts{position: relative; height: 100%; width: 100%; display: inline-block;}

.clients-page .potts .pots{position: absolute; bottom: 0; left: 0;}


.projects-page .tab_content .border-one.click .gallery-body img {height: 150px; object-fit: cover;}

.header{transition: linear 0.5s; z-index: 9;}

.header.sticky {position:fixed; transition: linear 0.5s;  background: #9bbb59; padding: 10px 0; z-index:99;}

.header.sticky .navbar-brand{width: 100px; transition: linear 0.5s;}


#scroll {
    position:fixed;
    right:10px;
    bottom:10px;
    cursor:pointer;
    width:50px;
    height:50px;
    background-color:#9bbb59;
    text-indent:-9999px;
    display:none;
    -webkit-border-radius:60px;
    -moz-border-radius:60px;
	border-radius:60px;
	z-index: 999999999999999999999999;
}

#scroll span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:8px solid transparent;
    border-bottom-color:#ffffff;
}

