@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik+Glitch&display=swap');

html,
body {
	font-family: 'Montserrat', sans-serif;
	color: #000;
	overflow-x: hidden;
}

body .container-width {
	width: 100%;
	max-width: 1350px;
}

/* header */
.main-header {
	z-index: 999;
	padding-left: 30px;
	padding-right: 30px;
}
.page-title-box{
	padding-left: 50px;
	padding-right: 50px;
}
 #mobile-menu{
      display: none;
   }

.main-header .navbar-nav {
	gap: 20px;
}

.main-header .navbar-light .navbar-nav .nav-link {
	color: #000 !important;
	font-weight: 600;
	letter-spacing: 1px;
}

.main-header .navbar-light .navbar-nav .nav-link:hover {
	color: #7e7e7e !important;
}

.main-header .navbar-light .navbar-nav .nav-item a.active {
	color: #7e7e7e !important;
}

.main-header .navbar-light .navbar-toggler i {
	font-size: 25px;
	color: #000;
}

.logo-img {
	width: 100%;
	max-width: 50px;
}

.logo-foot {
	width: 100%;
	max-width: 50px;
}

.logo-img2 {
	display: none;
}


/* footer */
.main-footer{
	padding-left: 50px;
	padding-right: 100px;
}
.footer-link {
	color: #000;
}

.footer-link li {
	list-style: none;
	font-size: 16px;
	font-weight: 500;

}

.footer-link li i {
	font-size: 20px;
}

footer h5 {
	font-size: 16px;
	font-weight: 700;
	color: #000;
}

.footer-link a, .footer-link p {
	color: #000;
	text-decoration: none;
	font-family: Rolide; 
}

.footer-form {
	border-radius: 16px;
	background: linear-gradient(181deg, #F9F9F9 1.12%, rgba(182, 182, 182, 0.00) 117.32%);
	box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);
	padding: 30px 50px;
}

.footer-form form .form-control {
	border-radius: 4px;
	background: #FFF;
	box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.25);
	border: none;
}

.footer-form form .submit-btn {
	border-radius: 0px 5px 5px 0px;
	background: #FFF;
	box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.25);
}

.footer-2 .copy-text {
	font-family: Rolide;
	font-size: 20px;
}

/* video section */

.slider-video {
	width: 100%;
	height: 100%;
	
}

.slider-video2 {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.slider-box {
	z-index: 999;
	width: 100%;
	text-align: center;
}

.slider-box h1 {
	font-size: 30px;
	line-height: 40px;
	color: #fff;
	font-weight: 400;
	font-family: Rolide;

}
.slider-box h1 span{
	font-family: "Rubik Glitch";
}

.text-animation {
	position: relative;
	width: 100%;
	position: absolute;
	top: 50vh;
	left: 0;
	z-index: 999;
}
.company-name{
	position: absolute;
	top: calc(100vh - 40px);
	left: 0;
	width: 100%;
	padding: 0px 40px;
	z-index: 999;
}
.company-name h2{
	color: #FFF;
font-family: Rolide;
font-size: 20px;
font-weight: 400; 
}

.video-section video {
	width: 100%;
	/* 	height: 905px;  */
}

/* about section */

.about-box {
	max-width: 800px;
	width: 100%;
	margin: 0 auto;
	color: #000;
}

.about-box h1 {
	font-size: 46px;
	font-weight: 600;
	color: #000;
}

.about-box h2 {
	font-size: 30px;
	font-weight: 600;
}

.offer-list li {
	font-size: 12px;
	font-family: Rolide; 
}

.offer-list ul {
	margin-right: 50px;
}
.Offer-list-ul{
	display: flex;
}
.about-text{
	font-family: Rolide; 
}


/* project pages */

.project-box {
	max-width: 468px;
	width: 100%;
	border-radius: 42px;
	background: #FFF;
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
	padding: 32px;
}

.project-sec h1 {
	font-size: 64px;
	font-weight: 600;
}

.project-box p {
	font-size: 18px;
	font-weight: 500;
	text-align: justify;
	font-family: Rolide; 
}

.main-project {
	background-image: url('../assets/Appartment-S.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	height: 660px;
}

.project-title {
	position: absolute;
	bottom: 20px;
	left: 50px;
	font-size: 25px;
	font-weight: 500;
}

.main-project1 {
	background-image: url('../assets/Appartment-K.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	height: 660px;
}

.main-project2 {
	background-image: url('../assets/Apartment-B&S.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	height: 660px;
}

.main-project3 {
	background-image: url('../assets/BMW-Showroom.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	height: 650px;
}

.main-project4 {
	background-image: url('../assets/Apartment-P.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	height: 650px;
}

.project-col {
	padding: 0px 12px 0px 0px !important;
}

.project-col1 {
	padding: 0px 0px 0px 12px !important;
}

.project-box2 {
	border-radius: 42px;
	background: #FFF;
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
	padding: 25px 50px;
}

.project-box2 p {
	font-size: 14px;
	text-align: justify;
	font-family: Rolide; 
}
.project-box2 .last-text{
		margin-bottom: 0px !important;
}
.project-sec1{
	max-width: 1118px;
	width: 100%;
	margin: 0 auto;
}
.project-sec1 h1 {
	font-size: 60px;
	font-weight: 500;
}

.single-project img,
.single-project1 img {
	width: 100%;
	height: 100%;
}

.single-project {
	padding: 10px 10px 0px 5px;
}

.single-project1 {
	padding: 10px 5px 0px 10px;
}

.single-project-sec {
	padding: 50px 00px 150px 00px;
}

.single-project-sec2 {
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
}

.project-col img,
.project-col1 img {
	width: 100%;

}

@font-face {
	font-family: Rolide;
	src: url("../assets/Rolide-Regular.otf") format("opentype");
}

/* contact page */
.author-box {
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
	width: 198px;
	text-align: center;
}

.info-box .info-name {
	font-family: Rolide;
	font-size: 24px;
	font-weight: 400;
}

.info-box p {
	color: rgba(0, 0, 0, 0.60);
	font-family: Rolide;
	font-size: 16px;
	font-weight: 400;
}

.info-box .mail-text a {
	color: #000;
}

.contact-sec{
	padding-left: 72px;
	padding-right: 161px;
}
.contact-sec hr {
	border-top: 1px solid #717171;
}

.contact-head h3 {
	font-family: Rolide;
	font-size: 24px;
	font-weight: 400;
}

.contact-head p {
	font-family: Rolide;
	font-size: 16px;
	font-weight: 400;
}

.contact-form h5 {
	font-family: Poppins;
	font-size: 18px;
	font-weight: 600;
	line-height: 26px;
}

.contact-form {
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
	margin: 0px 20px;
}

.contact-form form {
	position: relative;
}

.contact-form .form-control {
	background: linear-gradient(180deg, #EEE 17.3%, rgba(112, 112, 112, 0.00) 136.29%);
	color: rgba(0, 0, 0, 0.60);
	font-family: Poppins;
	font-size: 11px;
	font-weight: 400;
	height: 40px;
}

.textarea-text {
	height: 200px !important;
}

.contact-form .submit-btn {
	background-color: #fff;
	color: rgba(0, 0, 0, 0.80);
	font-family: Poppins;
	font-size: 12px;
	font-weight: 500;
	position: absolute;
	right: 0;
	bottom: 17px;
	box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.25);
	border-radius: 0px;
}

#close-menu{
	display: none;
}

/* media css */

@media (max-width: 990px) {
	.main-navbar {
		width: 100%;
	}
#navbarNavDropdown{
	display: none;
}
#mobile-menu .navbar-nav .nav-link{
	color: #000 !important;
}

	.main-header .navbar-light .navbar-nav .nav-link, .navbar-nav .nav-item a.active {
		color: #000 !important;
	}

	.item-1{
		width: 100%;
	}

	.logo-img {
		position: absolute;
		right: 20px;
	}

	
}

@media(max-width: 768px) {

	.open #mobile-menu{
      display: block;
      z-index: 9999;
      position: absolute;
  width: 100%;
  left: 0px;
  padding: 20px;
  background-color: #fff;
  color: #000 !important;
  top: 70px;
  border-bottom: 0.5px solid #c1b5b5;
   }
	.main-footer{
	padding-left: 20px;
	padding-right: 20px;
}
	.page-title-box, .single-project-sec{
	padding-left: 20px;
	padding-right: 20px;
}
	.about-box h1 {
		font-size: 30px;
	}

	.project-sec h1 {
		font-size: 30px;
	}

	.project-box p {
		font-size: 16px;
	}

	.project-col,
	.project-col1 {
		padding: 0px 0px 24px 0px !important;
	}

	.single-project1, .single-project {
		padding: 10px;
	}

	.project-sec1 h1 {
		font-size: 30px;
	}

	.slider-box h1 {
	font-size: 20px;
	line-height: 30px;
}
  
 .company-name {
	bottom: 1px;
  padding: 0px 20px;
}
.company-name h2{
font-size: 20px;
}
.Offer-list-ul{
	display: block !important;
}
.project-box2 {
  padding: 25px 25px;
}
.contact-sec{
	padding-left: 20px;
	padding-right: 20px;
}
.author-box{
	margin: 0 auto;
	width: 170px;
}
.info-box{
	text-align: center;
}
}
@media(max-width: 991px)
{
		.open #mobile-menu{
      display: block;
      z-index: 9999;
      position: absolute;
  width: 100%;
  left: 0px;
  padding: 20px;
  background-color: #fff;
  color: #000 !important;
  top: 70px;
  border-bottom: 0.5px solid #c1b5b5;
   }
   .services-title {
  font-size: 22px !important;
}
}
.services-box{
	border-radius: 42px;
  background: #FFF;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
  padding: 32px;
}
.services-list {
  margin-top: 20px;
}
.services-title {
  font-size: 26px;
  font-weight: 600;
}
.services-list li {
  padding-bottom: 10px;
  font-size: 16px !important;
  font-weight: 500;
}