/*----------------------universal----------------------------*/
html, body {
    margin: 0;
    padding: 0;
    overflow: hidden;
    height: 100%;
    }

body{
	overflow-x: hidden;
/*	background: #e8efff;*/
}


*{
	font-family:"Urbanist";
}

h1{
	font-size:clamp(3rem, 3vw + 3rem, 13rem);
/*  font-weight: 700;*/
  	line-height: 0.9em;
  	letter-spacing: -0.04em;
	border-bottom: 1px solid black;
	padding-bottom: 25px;
}

h2{
	font-size:clamp(15px, 1.5vw + 1rem, 50px);
	font-family: "Urbanist";
	letter-spacing: 1px;
	color:white;
	font-weight: 400;
}

h3{
	font-size: clamp(0.5rem, 1vw + 1rem, 3rem);
	font-weight:400;
	line-height: 1;
	padding-top: 20px;
}

h4{
	font-size: 3.1rem;
}

p{
	font-weight: 500;
  	font-size: 16px;
}


/*----------------------navbar----------------------------*/
.fixed-top-2 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
/*  background-color: black !important;*/
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
}


.navbar{
/*	transition: all ease 0.3s;*/
	padding:0px 30px; 
	background: rgba(0, 0, 0, .2);
}

.project-navbar{
	background: white;
	border-bottom: 1px solid lightgray;
}


.project-navbar a{
	color: black;
}

.logo-img-2{
	width: 15%;
	padding: 10px 0px 10px 0px;
}

.navbar-collapse {
    justify-content: end;
}

.nav-item{
	padding: 0px 15px;
}

.nav-link{
	position: relative;
	color: white;
	font-weight: 500;
	padding: 2px 5px !important;
	overflow: hidden;
	z-index: 1;
  	font-size: 14px !important;
}

.nav-link:hover{
	color:black !important;
}

.nav-link:visited{
	color:white;
}

.nav-link::after{
	content:"";
	background: white;
	position: absolute;
	left: 0px;
 	bottom: -100%;
  	right: 0px;
  	height:100%;
  	width: 100%;
  	transition: all ease 0.3s;
  	z-index: -1;
}

.nav-link:hover::after{
 	bottom: 0%;
}

.nav-item-contact{
	padding-right: 0px !important;
}



/*----------------------home----------------------------*/
.section-1{
	height: 100vh;
	position: relative;
}

.section-1-row1{
	position: relative;
}

.carousel-inner{
	background-image:linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 1));
}


.carousel-item img{
	width: 100%;
	height: 100vh !important;
	object-fit: cover;
/*  animation: zoom-in-zoom-out 8s linear infinite;*/
}

/*@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }

  100% {
    transform: scale(1.15, 1.15);
  }
}*/


.section-1-row2{
	padding: 0px 30px;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.hero-left{
	height: 100%;
	padding-left: 12px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.hero-left h1{
	color:white;
	margin-bottom: 16px;
	font-size:clamp(2.5rem, 4vw + 1rem, 10rem);
/*	font-weight: 600;*/
	line-height: 1.2em;
 	letter-spacing: 0em;
  	border-bottom: none;
  	padding-bottom: 0px;
}

.hero-left .par-2{
	color:white;
}

.hero-right{
	height: 100%;
}

.icons-div{
	display: flex;
	flex-direction: column;
	justify-content: end;
	align-items: end;
	height: 80%;
	overflow: hidden;
}

.icons-div a{
	text-decoration: none;
}

.icons-div a p{
	position: relative;
	cursor: pointer;
	color: white;
	font-size: 25px;
	z-index: 1;
	transition: all ease 0.3s;
}

.icons-div .insta-icon::after{
	content: "Instagram";
	position: absolute;
	transition: all ease 0.3s;
	font-size: 18px;
	right: -340%;
	z-index: -1;
	padding-top: 2px;
}

.icons-div .linkedin-icon::after{
	content: "Linkedin";
	position: absolute;
	transition: all ease 0.3s;
	font-size: 18px;
	right: -270%;
	z-index: -1;
	padding-top: 4px;
}

.icons-div .mail-icon::after{
	content: "Email";
	position: absolute;
	transition: all ease 0.3s;
	font-size: 18px;
	right: -180%;
	z-index: -1;
	padding-top: 5px;
}

.icons-div a p:hover::after{
	right: 100%;
	transition: all ease 0.3s;
}


/*----------------------about----------------------------*/
.about{
	padding: 200px 30px 0px 30px;
}

.about-h1 {
	overflow: hidden;
}

.about-h1 span{
	display: inline-block;
}


.about-us-left-inner{
	padding-top: 50px;
	text-align: justify;
}

/*.about-us-right{
	position: relative;
	height: 100%;
}

.about-us-right-inner-1{
	position: relative;
	max-width:65% ;
	z-index: 1;
}

.about-us-right-inner-2{
	position: absolute;
	max-width: 60%;
	bottom: -50px;
	right: -10px;
	z-index: 1;
}

.about-img-right-1, .about-img-right-2{
	border-radius: 3px;
}*/

.about-us-row2{
	position: relative;
	padding-top: 200px;
}

.about-us-row2-top{
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 88%;
	position: absolute;
	
}

.about-us-row2-top h1{
	font-size:clamp(3rem, 10vw + 1rem, 15rem);
	font-family: "Roboto", sans-serif;
  	font-weight: 800;
  	line-height: 0.9em;
  	letter-spacing:0.01em;
  	color:slategray;
  	mix-blend-mode: difference;
  	border: none !important;
}

.about-us-row2-left {
	text-align: center;
}

.about-us-row2-left img{

	padding: 0px 20px;
}

.about-us-row2-right-col{
	display: none;
}

.about-us-row2-right{
	text-align: justify;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.about-us-row2-right-inner-1 p{
	padding-top: 18px !important;
	border-top: 1px solid black;
	margin:0px 50px;
}

.about-us-row2-right-inner-2{
	margin-bottom: -300px;
}

.about-us-row2-right-inner-2 p{
	border: none !important;
}


/*---------------------------- scroller --------------------------------*/

.scroller-div{
	background-image:linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url("../images/scroller.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	margin-top: 480px;
	display: flex;
	overflow: hidden;
	padding: 150px 0px;
}

.scroller-div ul{
	display: flex;
	align-items: center;
	justify-content: space-between;
	list-style: none;
	animation: servives-scroller 20s linear infinite;
}

.scroller-div ul li{
	padding-left:60px;
	text-transform:uppercase;
	font-size:clamp(3rem, 5vw + 3rem, 14rem);
	text-transform: uppercase;
	font-family: "Bebas Neue", sans-serif;
	color: transparent;
	-webkit-text-stroke: 1px white;
}

@keyframes servives-scroller{
    from{
    	transform: translateX(0%);
    }

    to{
    	transform: translateX(-100%);
    }
}

	
/*----------------------services----------------------------*/
.services{
	padding-top: 200px;
/*	background: #e1dfdd !important;*/
}

.services-2{
	padding: 0px 30px;
}

.services-h1 {
	overflow: hidden;
}

.services-h1 span{
	display: inline-block;
}


.services-intro-row{
	padding: 0px 30px;		
}

.services-row{
	border-bottom: 1px solid #d4d6d8;
	padding: 50px 0px;
	align-items: center;
	justify-content: center;
}

.expertise-div1, .expertise-div3{
	background: black;
	height: 1px;
	width: 100%;
}

.services-row h1{
	font-size:clamp(2.5rem, 5vw + 1rem, 10rem);
	font-weight: 600;
	line-height: 1.2em;
	letter-spacing: 0em;
  	border-bottom: none;
  	padding-bottom: 0px;
}

.services-row .services-img-div{
	text-align: end;
}	

.services-img-div{
	text-align: center;
}	

/*---------------------------- projects --------------------------------*/

.projects{
	padding:200px 30px 0px 30px;
}

.project-h1 {
	overflow: hidden;
}

.project-h1 span{
	display: inline-block;
}


.project-row-2-div-inner {
	position: relative;
	display: inline-block;
	transition: transform .3s;
	overflow: hidden;
}

.project-row-2-div-inner:hover{
  transform: scale(1.05); 
}


.gradient{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .4));
}


/*.project-row-2-div-inner img:hover{
	transform: scale(1.2);
}*/

.project-details p{
	text-align: justify;
}

.project-details-inner {
	margin-top: 16px;
	align-items: center;
}

.project-details-inner h5{
	text-align: center;
}


/*---------------------------- projects page--------------------------------*/
.projects-intro-section{
	padding: 100px 30px 0px 30px;
}

.projects-category-section{
	padding: 0px 30px;
}

.projects-category-section img{
	border: 1px solid lightgrey;
}


.projects-category-section a{
	text-decoration: none;
	color: #212529;
}

.hospitality,
.industrial,
.residences,
.schools {
  display: none;
}

.projects-intro-div{
	padding-top:70px;
}

.intro-details{
	padding: 70px 0px;
}

.projects-category-section{
	padding-bottom:90px ;
}

.project-heading{
	margin-bottom: 25px;
}


.clients-details h1{
	font-weight: 700;
	color: transparent;
	-webkit-text-stroke: 2px black;
}

/*.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active{
	background: lightgray;
	border: 0px;
}*/


/*---------------------------- Team --------------------------------*/
.team{
	padding: 100px 30px 0px 30px;
}

.team-h1 {
	overflow: hidden;
}

.team-h1 span{
	display: inline-block;
}

.team-row-1{
	padding-bottom: 100px;
}

.team-row-7 .col-xl-8{
	padding-bottom: 30px;
}

.team-row-7 .col-xl-8 h3{
	padding-bottom: 15px;
	border-bottom: 1px solid black;
}

.team-container{
	position: relative;
}

.intro-div{
	height: 64%;
	display:flex; 
	flex-direction:column; 
	justify-content: center; 
	align-items: center;
	text-align: center;
	border: 1px solid black;
}

.intro-div-1{
	height: 60%;
}

.team-div{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: end;
}

.team-div-2{
	justify-content: space-between !important;
}

.apply-now{
	height: 50%;
	position: relative;
}

.apply-now-inner{
	color: white;
	position: absolute;
	bottom: 0;
	left: 40%;
}

.team-div h4{
	font-size: 50px !important;
}

.team-img-div{
	text-align: center;
	position: relative ;
}

/*.team-img-div img{
	box-shadow: -2px -2px 10px lightgray;
}
*/

.apply-now-img{
	max-width: 85%;
}

.team-name{
	text-align: center;
	padding-top: 15px;
}

.team-name-2{
	text-align: left !important;
}

.team-introduction{
	text-align: justify;
}

.team-name h5{
	margin-bottom: 0px;
}

.consultants-row-1{
	border-top: 1px solid #d4d6d8;
}

.consultants-row{
	border-bottom: 1px solid #d4d6d8;
	padding: 50px 0px
}

.consultant-border-div{
	background: black;
	height: 12px;
	width: 100%;
	margin-top: 16.5px;
}

.consultants-details{
	width: 60%;
	margin: auto;
}

/*---------------------------- contact --------------------------------*/
.contact{
	padding-top:200px;
}

.contact-h1 {
	overflow: hidden;
}

.contact-h1 span{
	display: inline-block;
}

.contact-us-row1{
	padding: 0px 30px 50px 30px;
}

.contact-row2{
	background-image:linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url("../images/contact-us-img.jpg");
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.contact-row2-div1{
	padding:150px 0px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.contact-row2-div1 h3{
	margin: 0px;
	padding-top: 18px;
	color: white;
}

.contact-row2 .project-in-mind{
	color:white;
	font-size:clamp(2.5rem, 3.5vw + 1rem, 8rem);
	font-weight: 600;
	line-height: 1.2em;
 	letter-spacing: 0em;
  	border-bottom: none;
  	padding-bottom: 0px;
  	margin-bottom: 0px;
}

.contact-row3{
	padding: 60px 30px 30px 30px;
}

.contact-row3-right{
	margin-top: 100px;
}	

.join-team-div{
	border-top: 1px solid black;
	margin-top: 50px;
}


.form-h1 {
	overflow: hidden;
}

.form-h1 span{
	display: inline-block;
}

form .name-div{
	gap: 30	px;
}

.map-div{
	margin-top:50px;
}

.form-control{
	padding-left: 0px !important;
    border: none !important;
    border-bottom: 1px solid #00000021 !important;
    box-shadow: none !important;
}

.form-label {
    margin-bottom: 0rem !important;
    font-weight: 500;
    font-size: 17px;
}

.form-label2 {
    font-weight: 300 !important;
    font-size: 16px !important;
    color: rgba( 0, 0, 0, 0.55 ) !important;
}

.form-control-2{
	margin-top: 26px;
}

.form-name-section{
	display: flex;
	gap: 20px;
}

.join-team-col-1{
	display: none;
}


/*----------------------responsive-------------------------*/
/*media query 1200px start*/
@media only screen and (max-width:1200px){

}


/*media query 992px start*/
@media only screen and (max-width:992px){

.logo-img-2{
	width: 24%;
}

.navbar{
	background: black;
}

.navbar-toggler{
	box-shadow: none !important;
	border: none !important;
}

.navbar-toggler-icon{
	background-image: url("../images/toggler.png");
}

.nav-item{
	padding: 8px 0px !important;
}

.nav-item-contact{
	padding-bottom: 20px !important;
}

.section-1-row2{
	padding: 0px;
}

.carousel-item img{
	width: 100% !important;
	height: 100vh !important;
}

.hero-left {
	margin-top: 25px;
	justify-content: end;
    padding-left: 40px !important;
}

.about-us-right-inner-1{
	max-width:70% ;
}

.about-us-row2-right-col{
	display: block;
}

.about-us-row2-right-inner-1-768view{
	display: none;
}

.about-us-row2-right-inner-1 p {
    padding-bottom: 50px;
    margin: 0px 12px;
}

.about-us-right-inner-2{
	max-width: 70%;
	bottom: 18px;
}

.about-us-row2-top {
    height: 90%;
    padding: 0px 53px;
}

.about-us-row2-top-div2 h1 {
    padding-right: 35px;
}

.about-us-row2-top-div3 h1 {
    padding-left: 0px;
}

.about-us-row2-top-div3 {
	padding-right: 120px;
    text-align: right;
}

.about-us-row2-left{
	margin-bottom: 100px;
}

.about-us-row2-left img{
	max-width: 60%;
}

.contact-row3-right-col{
	width: 50%;
	padding:0px 50px;
}

.contact-row3{
	padding: 60px 40px;
}
}


/*media query 768px start*/
@media only screen and (max-width:768px){

	  html, body {
    overflow: auto; /* Allow native scroll on mobile */
  }

   #main {
    overflow: visible !important; /* Ensure scrollable on mobile */
  }

  #preloader {
    display: none !important;
  }



.logo-img-2{
	width: 45%;
}

.navbar{
	padding:5px 0px 5px 0px; 
}

.nav-container{
	padding-right: 0px !important;
}

.nav-container {
	padding-top:0px !important;
    padding-bottom:0px !important;
}

.carousel-item-img1{
    object-position: -533px;
}

.carousel-item-img2{
    object-position: -390px;
}

.carousel-item-img3{
    object-position: 0px;
}

.carousel-item-img4{
    object-position: -470px;
}

.carousel-item-img5{
    object-position: -745px;
}

.hero-left{
	padding-left: 12px !important;
	padding-bottom: 0px !important;
}

.icons-div{
	width: 95%;
	height: 95%;
}

.about{
	padding: 200px 0px 0px 0px;
}

.about-us-row2-top {
    height: 50%;
    padding: 0px 0px 0px 30px;
}

.about-us-row2-top-div3 {
    padding-right: 135px;
    text-align: right;
 }

.about-us-row2-left img{
	max-width: 80%;
	padding: 0px;
}

.about-us-row2-top{
	padding: 0px 12px;
}

.services-intro-row{
	padding: 0px 0px;
}

.services-2{
	padding: 0px 0px;
}

.services-row .services-img-div{
	text-align: left;
}

.projects{
	padding:200px 0px 0px 0px;
}

.team{
	padding: 200px 0px 0px 0px;
}

.intro-div{
	height: auto;
}

.consultants-details{
	width: 100%;
	margin: none;
}

.contact-us-row1{
	padding: 0px 0px 50px 0px;
}

.contact-row3-right-col{
	width: 90%;
	padding: 0px 10px !important;
}

.contact-row3{
	padding: 60px 0px 30px 0px;
}

.join-team-div-1{
	display: none;
}

.join-team-col-2{
	display: block;
}

.projects-intro-section{
	padding: 100px 0px 0px 0px;
}

.projects-category-section{
	padding: 0px 0px;
}

.join-team-col-1{
	display: block;
}

.join-team-col-2{
	display: none;
}
}


@media only screen and (max-width:576px){

	
}