@import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');

* {

	padding: 0;

	margin: 0;

}



:root {

	--black: #737373;

	--white: #fff;

}



body {

	padding: 0;

	margin: 0;

	background: var(--black);

	color: var(--white);

	overflow-x: hidden;

}



.header {

	display: grid;

	grid-template-columns: 3fr 3fr 4fr;

	padding: 1em 0;

}



.logo {

	text-transform: uppercase;

	padding: 1em 0;

	margin-left: 2em;

	font-family: 'Playfair Display',serif;

	color: var(--black);

}



.img-main-logo {

	width: 100px;

	height: auto;

	margin-left: 2em;

}



.menu-section {

	/*position: absolute;

	left: 0;

	top: 0;

	right: 0;*/

	background: var(--white);

	opacity: 0.7;

	z-index: 9;

}



.menu {

	text-align: center;

	padding: 1em 0;

}



.menu a {

	padding: 1em;

	text-decoration: none;

	color: var(--black);

	font-weight: bold;

	font-family: 'Roboto', sans-serif;

}



.call-section {

	padding: 1.5em;

}

#lightgallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1rem;
}




.call-section a {

	padding: 0 1em;

	margin: 0 0.5em;

	text-align: center;

	text-decoration: none;

	color: var(--black);

}



.call-btn {

	background: transparent;

	border: 1px solid var(--black);

	color: var(--black);

	padding: 0.5em 2em;

	font-weight: bold;

	text-transform: uppercase;

}



.call-btn svg {

	margin-right: 1em;

}



.button {

	padding: 0.75em 1em;

    width: 100%;

    background: rgb(255,209,0);

    background: linear-gradient(90deg, rgb(199 34 34) 0%, rgb(185 30 30) 75%);

    text-transform: uppercase;

    color: #fff;

    border: none;

    font-family: 'Open Sans', sans-serif;

    font-size: 0.9em;

    font-weight: bold;

    outline: none;

    transition: 0.3s;

        box-shadow: -2px -1px 1px #ab9595;

}



.button:hover {

	outline: none;

	    box-shadow: -4px -4px 1px #ab9595;

}



.button:active {

	outline: none;

}



.container {

	margin: 3em auto;

}



/*

.about-us .row {

	margin: 2em auto;

}*/



.stage-of-work .row {

	margin: 1em auto;

}



.stage-of-work h2 {

	padding-top: 2em;

}



.trans-sm-xy {

	transform: translate(175px, -100px)

}



.trans-xy {

	transform: translate(175px, -150px);

}



/*.stage-of-work {

	background: url('../images/ra-bg.jpg');

	background-repeat: no-repeat;

	background-position: right top;

	background-size: cover; 

	margin-bottom: 0;

}*/



.stage-bg {

	background: url('../images/ra-bg.jpg');

	background-repeat: no-repeat;

	background-position: right top;

	background-size: cover; 

}



.trans-y {

	transform: translateY(-150px);

}



.stage-of-work h3 {

	font-family: 'Roboto', sans-serif;

	text-transform: uppercase;

}



.cursor {

	width: 0.25px;

	height: 100%;

	background: #fff;

	opacity: 0;

	animation: cursor-blink 1s infinite;

}



.about-us h2 {

	font-family: 'Playfair Display SC', serif;

	font-size: 2.5em;

}



.text-playfair-sc {

	font-family: 'Playfair Display SC', serif;

	font-size: 2.5em;

}



@keyframes cursor-blink {

	from {

		opacity: 0;

	}



	to {

		opacity: 1;

	}

}



.stage-count {

	height: 100px;

	width: 100px;

	display: grid;

	justify-content: start;

	align-items: start;

	background: #1b4332;

	font-size: 4em;

	padding-left: 0.25em;

}



.first-section h1 {

	margin: 0.5em 0 0.5em 0;

	font-size: 4em;

	/*transform: translateX(-100px);
*/
    padding-left: 2rem;
}



.heading-text {

	transform: translateX(-100px);

}



#type-writter-effect {

	font-family: 'Playfair Display', serif;

}



.stage-text {

	margin-left: 4em;

	transform: translateY(-50px);

}



.stage-text h3 {

	color: #e89f19;

}



.img-logo {

	width: 32px;

	height: 32px;

}



.process-card p {

	margin: 0;

	padding: 0 1em;

	text-transform: uppercase;

}



.project-showcase {

	display: grid;

	grid-template-columns: repeat(3, 1fr);

	grid-gap: 1em;

	grid-row-gap: 1em;

	padding: 2em 0;

}



.project-showcase a:nth-child(3) {

	grid-row: 1/3;

	grid-column: 3/3;

}



.our-projects h2 {

	margin-bottom: 1em;

}



.our-projects h5 {

	text-transform: uppercase;

}



.header-green-box {

	margin-top: 1em;

	width: 175px;

	height: 150px;

	background: linear-gradient(146deg, rgba(20,54,1,1) 20%, rgba(255,255,255,0.4542191876750701) 100%);

	transform: translate(20px, 150px);

	z-index: -50;

}



.type-text {

	z-index: 100;

}



.quote {

	background: url('../images/ic_qoute.png');

	background-size: cover;

	height: 375px;

	background-attachment: fixed;

}



.quote h2 {

	font-family: 'Pacifico', cursive;

	font-size: 3em;

}



.fh-375 {

	height: 375px;

}



.quote .col-12 {

	display: grid;

	grid-template-columns: 1fr;

	align-items: center;

}



.our-latest-feed h2 {

	font-family: 'Playfair Display SC', serif;

	padding-bottom: 2em;

}



.about-us .row {

	margin: 2.5em 0;

}



.about-us {

	margin: 0 auto;

}



.social-container {

	position: fixed;

	bottom: 1em;

	right: 1em;

}



.social-container img {

	width: 48px;

	height: 48px;

}



.discover-btn {

	max-width: 250px;

}



.about {

	background: url('../images/ic_background-1.png');

	background-size: cover;

	padding: 2em 0;

	margin-bottom: 0;

}



.blog {

	background: #495057;

}



.blog h5 {

	font-family: 'Open Sans', sans-serif;

}



.blog .row {

	padding: 1em 0;

}



.blog .col-6 {

	display: grid;

	align-items: center;

}



.our-blogs h2 {

	font-family: 'Playfair Display SC', serif;

	padding-bottom: 2em;

}



.footer {

	padding: 2em;

	background: #e0e1e2;

	color: var(--black);

}



.quick-links a {

	display: block;

	text-decoration: none;

	color: var(--black);

	padding: 0 1em;

}



address svg {

	margin-right: 0.75em;

}



.footer-contact a {

	display: block;

	text-decoration: none;

	padding: 0.5em;

	color: var(--black);

}



.footer-contact a svg {

	margin-right: 0.5em;

}



.blog-body {

	padding: 1em;

}



.end-footer {

	background: #acabab;

	padding: 0.25em 2em;

}



.social-handle a {

	text-decoration: none;

	color: var(--black);

	padding: 0 0.5em;

}



/* Contact Page CSS */

.contact-form-section {

	margin: 5em auto;

}



.contact-form-section .image-bg {

	background: url('../images/ic_contact.png');

	background-repeat: no-repeat;

	background-position: top right;

	background-size: cover;

}



.contact-us-form {

	width: 75%;

	margin: 0 auto;

	padding: 3em 0;

	z-index: 250;

}



.contact-us-form p {

	padding: 1em 0;

	margin: 0;

	text-transform: uppercase;

}



.contact-us-form input {

	width: 100%;

	background: transparent;

	border: none;

	border-bottom: 1px solid #fff;

	outline: none;

	color: #fff;

	padding: 8px 0;

}



.contact-us-form input:hover {

	outline: none;

}



::placeholder {

	color: var(--white);

}



.contact-us-form .form-group {

	padding-bottom: 1em;

}



.contact-form-section .gradient-bg {

	background: linear-gradient(45deg, rgba(40,112,75,1) 50%, rgba(10,77,42,1) 100%);

	display: flex;

	justify-content: center;

	align-items: center;

}



.contact-form-section .gradient-bg h2 {

    z-index:1;

	font-size: 2.5em;

	font-family: 'Playfair Display SC', serif;

	/*z-index: 1000;*/

	transform: translate(0, 75px);

}



.yellow-border-box {

    z-index:0;

	border: 1px solid rgb(255,209,0, 0.5);

	width: 300px;

	height: 300px;

	/*z-index: 200;*/

	transform: translate(50px, -75px) rotate(145deg);

}



.green-box {

    z-index:0;

	height: 300px;

	width: 300px;

	background: linear-gradient(45deg, rgba(40,112,75,1) 50%, rgba(10,77,42,1) 100%);

	transform: translate(-120px, 75px) rotate(145deg);

	/*z-index:100;*/

}



/* About US */

.about-us-page h1 {

	font-family: 'Playfair Display SC', serif;

	color: #fff;

	font-size: 4em;

	/*transform: translateY(40px);*/

	padding: 0 1em;

}



.about-us-page img {

	box-shadow: 20px 20px #e5e5e5;

}



.about-text-container {

	margin-top: 7rem;
    margin-left: 2rem;

}

.about-text-container p {
	font-family: 'Raleway', sans-serif;
}



.our-vission h2 {

	font-family: 'Playfair Display SC', serif;

	transform: translate(0, 120px) rotate(90deg);

	font-size: 3em;

	min-width: 325px;

	word-spacing: 0.5em;

}



.philoshopy h2 {

	font-family: 'Playfair Display SC', serif;

	padding: 1em 0;

}



.philoshopy p {

	padding: 1em 0;
	font-family: 'Raleway', sans-serif;

}

.philoshopy li {
	font-family: 'Raleway', sans-serif;
}

.view_more {
	    position: absolute;
    left: 100%;
    top: 35%;
    text-decoration: none;
    font-size: 1rem;
    display: block;
    max-width: 100px;
    text-align: center;
    background: linear-gradient(90deg, rgb(199 34 34) 0%, rgb(185 30 30) 75%);
    color: #fff;
    box-shadow: -2px -1px 1px #ab9595;
    border-radius: 3px;
}

.view_more:hover {
	color: #fff;

}



.animated-img img:hover {

	transform: scale(1.1);

	transition: 0.3s;

}



.animated-img {

	overflow: hidden;

}



.padding-one-em li {

	padding: 1em 0;

}



.no-padding {

	padding: 0;

}



.imgae__wrapper {

	position: relative;

	height: 280px;

	width: 350px;

}



.imgae__wrapper img {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	height: auto;;

	width: auto;

	max-width: 330px;

	max-height: 250px;

}



.project-main-section {

	margin-top: 120px;

}



.menu-btn {

	float: right;

	color: #000;

	text-decoration: none;

	font-size: 1.5rem;

	padding: 0.5em 0.75em;

	display: none;

}



.call-section-mobile {

	display: none;

}



.menu-close-btn {

	display: none;

}



.testinomial {

	text-align: center;

	padding: 2.5rem 0;

}

.testinomial img {

	max-width: 75px;

	border-radius: 50%;

	margin: 0 auto;

}



.z-index-99 {

	z-index: 99;

}

.mobile-only-view-more {
	text-decoration: none;
	font-size: 1rem;
	/*display: block;*/
	max-width: 200px;
	text-align: center;
	background: linear-gradient(90deg, rgb(199 34 34) 0%, rgb(185 30 30) 75%);
	color: #fff;
	box-shadow: -2px -1px 1px #AB9595;
    border-radius: 50px;
	display: none;
	margin: 0 auto;
    padding: 0.5rem 1rem;
    margin-bottom: 2rem;
}

/*Mobile Query*/

@media (max-width: 592px) {

    html, body {width: auto!important; overflow-x: hidden!important}

	[class*="col-"] {

		width: 100%;

	}
	.fh-375 {
    height: 280px;
    }

	#lightgallery {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 1rem;
    }



	.heading-text {

	    transform: translateX(0px);

	    padding: 1em;

	}



	.first-section h1 {

		transform: translate(0px, -75px);
        font-size: 3rem;
		padding: 0 0.5em;

	}



	.header-green-box {

		transform: translate(15px, 50px);

	} 



	.copyright-text, .trademark {

		text-align: center !important;

	}
	
	.mobile-only-view-more {
		display: flex;
		
	}



	.imgae__wrapper {

		width: 300px;

	}



	.menu-btn {

		display: block;

		cursor: default;

	}



	.menu-close-btn {

		position: absolute;

		top: 0.5em;

		right: 1em;

		font-size: 2em;

		background: transparent;

		border: none;

		outline: none;

		cursor: default;

	}



	.menu-close-btn {

		display: block;

	}



	.menu-section {

		opacity: 1;

		background: #e9ecef;

	}



	.menu {

		display: block !important;

		/*visibility: hidden;*/

		position: fixed;

		/*top: 0;*/

		left: 100%;

		right: 0;

		/*bottom: 0;*/

		min-height: 100vh;

		background: #e9ecef;

		z-index: 9999;

		opacity: 1;

		padding-top: 75px;

		transition: 0.3s;

	}



	.menu a {

		display: block !important;

		width: 100%;

	}



	.img-main-logo {

		width: 60px;

	}



	.call-section {

		display: none;

	}



	.first-section img {

		min-height: 50vh;

		/*margin-top: 60px;*/

	}



	.call-section-mobile {

		display: block;

		padding: 2em 0;

	} 



	.footer .col-4 {

		padding: 1.25rem 0;

	}



	address .col-1 {

		max-width: 10%;

	}



	address .col-11 {

		max-width: 90%;

	}



	.footer-contact a {

		padding-left: 0;

	}



	.res-pad-y {

		padding-top: 1.25rem;

		padding-bottom: 1.25rem;

	}



	.res-pad-btm {

		padding-bottom: 1.5rem;

	}



	.quick-links a {

		padding-top: 0.75rem;

	}



	.social-handle {

		padding-top: 1rem;

	}



	.quote h2 {

		font-size: 2.5em;

	}



	/*About Page*/



	.about {

		padding: 0;

	}



	.our-vission h2 {

		transform: translate(0px , 50px) rotate(0deg);

		text-align: center;

	}



	.about-text-container {

		max-width: 90%;

		margin-top: 1.25rem;

	}



	.about-us-page img {

		max-width: 90%;

		margin: 0 5%;

		box-shadow: 10px 10px #e5e5e5;

	} 



	.about-us-page h1 {

		font-size: 3.25rem;

		transform: translateY(25px);

	}



	.our-vission {

		padding-left: 1rem;

		padding-right: 1rem;

	}



	.our-vission p {

		text-align: justify;

	}



	.philoshopy {

		padding-left: 1rem;

		padding-right: 1rem;

	}



	.no-padding {

		padding: 1em;

	}



	.order-one {

		order: 1;

	}



	.order-two {

		order: 2;

	}



	.green-box {

		transform: translate(-120px, 70px) rotate(120deg);

	}



	.yellow-border-box {

		transform: translate(50px, -70px) rotate(120deg);

	}

	.mobile-spacing {
		height: 100px;
	}

	.view_more {
		display: none;
		left: 35%;
		top: 95%;
	}

}