@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,300;0,400;0,500;0,700;1,400;1,700&display=swap');
html{
    scroll-behavior: smooth!important;
	overflow-x:hidden!important;
}
body{
    font-family: 'Roboto', sans-serif !important;
    scroll-behavior: smooth!important;
	overflow-x:hidden!important;
}


.banner-sec .form-section{
  width: 35% !important;
    background:rgba(29, 53, 101,0.6);
    padding: 30px 0px;
    bottom: 158px;
    right: 150px;

    position: absolute;
}
.banner-sec .form-section p{
text-align:center;
color:#fff;
font-size: 28px;
line-height: 41px;
}
.banner-sec {
   position: relative;
display: block;
margin-top: -50px;
}
.carousel-caption {
   
    top: 130px !important;
    left: 12% !important;
    width: 600px;
    padding-top: 62px !important;
    text-align: left !important;
}
.carousel-caption h4 {
    font-family: 'Roboto', sans-serif;
    font-size:30px;
    color: #fff;
	margin-top:25px;
}
.carousel-caption h4 span{
    font-family: 'Roboto', sans-serif;
    font-size:46px;
    color: #fff;
	margin-top:25px;
}
.carousel-caption p {
font-family: 'Roboto', sans-serif !important;
    font-size:22px;
    color: #fff;
	margin-bottom:0px;
}
.navbar, .navbar-brand {
    padding: 0px !important;
}
.main-navbar .navbar-brand{
    z-index: 99;
}
.main-navbar ul{
    margin-top: -40px;
}
.main-navbar ul li{
    padding-right: 20px;
}
.banner-sec .rupee{
font-size:12px;
}
.banner-sec h2 span{

font-size: 56px;
font-weight: 600;
}
 .banner-sec .happiness{
 font-family: 'Roboto', sans-serif !important;
font-size: 32px;
color: #fff;
margin-bottom: 15px;
 }
 .banner-sec .exclusive{
 border-top: 1px solid #A9A7A9;
 width: 340px;
 padding-top: 20px;
 font-size: 28px;
line-height: 32px;
 }
 .banner-sec .rera{
 font-size:26px;
 margin-top:15px;
 color:#28BCF6;
 }

/*------------------------form-------------------*/
.form-container{max-width:680px;margin:0 auto;}

.form-container input{margin-bottom:10px;	border-color:#E6E7ED!important;border-radius: 0px;  background:transparent;color: #fff;}

.ivy-title{
    font-size: 33px;
    margin-bottom: 25px;
    line-height: 36px;}


.ivy-container{
    padding: 50px;
}


.form-container .btn{

    margin: 0 auto!important;
    display: block;
    background-color:#000000;
    color:#ffffff;
    text-transform:uppercase!important;
    padding: 0px 25px;
    margin-top: 10px!important;
    font-weight: 600;
    height: 40px;
    line-height: 34px;
    border-radius: 0px;


}
.form-container .btn:hover{
    color: #ffffff;
}

.select-div{
    text-align: center;
    border-radius: 0px;
    border-color:#000000!important;
}
.input-group{
    margin-bottom: 10px;
    display: inline-block;
    float: none!important;
}

.banner-sec .form-section h2{
padding-bottom: 15px;
text-align: center;
font-size: 30px;
font-weight: 600;
color: #000;
 }

.input-group .custom-select {
    border-radius: 0px;
    border: 1px solid #E6E7ED;
	  background:transparent;
	  color:#fff;
}
.input-group .custom-select option{
   
	  color:#000 !important;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff !important;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;
}
.footer-sec{
    background-color: #000000;
}
.footer-sec .footer-pa {
    padding: 50px;
}
.footer-sec .footer-pa img{
    padding-bottom: 40px;
}
.footer-sec .footer-content{
    color: #ffffff;
}
.footer-sec .footer-content h2{
    font-size: 28px;
    padding-bottom: 10px;
}
.footer-sec .footer-content h4{
    font-size: 22px;
}

.footer-sec ul {
    list-style-type: none;
    margin-left: -40px;

}
.footer-sec ul li{
    display: inline-block;
    padding-right: 10px;
}
.footer-sec .fa{
    color: #ffffff;
    font-size: 23px;
}
 .footer-sec .footer-content p{
    color: #ffffff;
     font-size: 14px;
     line-height: 20px;
}
.footer-sec .copy-rights p, .copy-rights a{
    color: #ffffff;
    font-size: 14px;
    line-height: 20px;
}
.footer-sec{
    background-color: #000000;
}
.footer-sec .footer-pa {
    padding: 50px;
}
.footer-sec .footer-pa img{
    padding-bottom: 40px;
}
.footer-sec .footer-content{
    color: #ffffff;
}
.footer-sec .footer-content h2{
    font-size: 28px;
    padding-bottom: 10px;
}
.footer-sec .footer-content h4{
    font-size: 22px;
}

.footer-sec ul {
    list-style-type: none;
    margin-left: -40px;

}
.footer-sec ul li{
    display: inline-block;
    padding-right: 10px;
}
.footer-sec .fa{
    color: #ffffff;
    font-size: 23px;
}
 .footer-sec .footer-content p{
    color: #ffffff;
     font-size: 14px;
     line-height: 20px;
}
.footer-sec .copy-rights p, .copy-rights a{
    color: #ffffff;
    font-size: 14px;
    line-height: 20px;
}
.about-sec .about-bg{
 background-image:url("images/Superior-structure-border1.png");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
padding: 30px 0px;

}

.about-sec .structure-img{
text-align:center;
margin-top: 18px;
}

.about-sec{
padding:80px 0px;
}
.about-sec .about-content{
margin-top: 14px;
width:368px;

}
.about-sec .about-content h1 {
    font-size: 35px;
line-height: 38px;
    font-weight: 700;
}
.about-sec .about-content h3 {
   font-size: 26px;
font-weight: 700;
background: #000;
color: #fff;
width: 283px;
padding: 8px 22px;
margin-top: 10px;
}
.about-sec .about-content h4 {
       font-size: 25px;
    font-weight: 700;
	margin-top: 20px;
}





.about-sec .about-content button {
    float: right;
    border: none;
    background: #000;
    color: #fff;
    padding: 5px 20px;
    border-radius: 5px;
}
.services-sec button, .indoor-sec button, .outdoor-sec button{
    border: none;
    background: #000;
    color: #fff;
    padding: 5px 20px;
    border-radius: 5px;
}
.services-sec{
  background-image:url("images/servicesbg.png");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding:80px 0px 50px 0px;
 }
.services-sec img{
text-align:center;
padding-bottom:30px;

}
.services-sec .service-images1{
padding-top:60px;

}
.services-sec .service-images2{
padding-bottom:60px;

}
.indoor-sec{
background: #F2F2EF!important;
padding:70px 0px 70px 0px;
}
.indoor-sec img, .outdoor-sec img{
padding-bottom:20px;
}
.outdoor-sec{
background-image:url("images/outdoorbg.png");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding:70px 0px 70px 0px;
}
  .indoor-sec h2, .floorplan-sec h2, .gallery-sec h2{
font-weight: 700;
line-height: 36px;
font-size: 30px !important;
text-align: center;

}
.services-sec h2{
font-weight: 700;
line-height: 36px;
font-size: 30px !important;
text-align: left;

}
.about-sec h2 {
font-weight: 700;
line-height: 32px;
font-size: 28px !important;
margin-top:20px;

}
 .about-sec p, .outdoor-sec p, .indoor-sec p{

font-size: 18px;
line-height: 26px;
text-align: center;

}
.services-sec p{
font-size: 18px;
line-height: 26px;
text-align: left;
}
.outdoor-sec h2{
font-weight: 700;
line-height: 32px;
font-size: 31px !important;
margin-left: auto;
margin-right:auto;
}

.indoor-sec h3,.outdoor-sec h3{
font-weight: 600;
line-height: 32px;
font-size: 31px !important;
text-align: center;

}
.floorplan-sec .slick-slide img{
    padding: 0px 10px;
}
.gallery-sec {
background-image:url("images/gallery-bg.png");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding:50px 0px 50px 0px;

}

.indoor-sec .indoor-content, .outdoor-sec .outdoor-content{
 margin-bottom:40px;
 text-align:center;
}

.indoor-sec .indoor-ame{
text-align: center;
margin-left:auto;
margin-right:auto;
}
   .outdoor-ame{
text-align:center;
margin-left:auto !important;
margin-right:auto;}

.floorplan-sec{
padding: 30px 0px 130px 0px;

}
 .gallery-sec{
padding: 70px 0px 150px 0px;
}
.floorplan-sec .prev-arrow, .gallery-sec .prev-arrow{
background: none;
border-radius: 50%;
border: 1px solid #000;
padding: 15px;
margin-bottom:30px;

}
.floorplan-sec .next-arrow, .gallery-sec .next-arrow{
background: none;
border-radius: 50%;
border: 1px solid #000;
padding: 15px;
margin-left: auto !important;
float: right;
}
.floorplan-sec .w3-modal-content {
  background-color: transparent !important;
  }
.floorplan-sec .slick-slider .slick-list {
height:500px !important;
}
.gallery-sec .next-arrow{
margin-top:20px;
}
.floorplan-sec h2, .gallery-sec h2{
margin-bottom: 30px;
}
.callback-sec {
   background:#fff !important;
   text-align:center;
   margin-left:auto;
   margin-right:auto;
   padding:50px;
}
.callback-sec .call-to-action a {
    border: 1px solid #00529B;
    background: #00529B;
    padding: 7px 14px;
    color: #fff !important;
    margin-top: 20px;
}
.callback-sec .call-to-action  p {
   font-size: 18px;
line-height: 26px;
color:#000;
}
.location-sec iframe{
width:100%!important;
height:400px !important;
}
.location-sec{
line-height:0px !important;
}
.gallery-sec .slick-slide img{
padding: 20px;
}
#phone-sticky{
position: fixed;
top: 5%;
right: 0px;
z-index: 999;
}
button.book-now {
    position: fixed;
    bottom: 20px;
    left: 10px;
    padding: 16px 32px;
    line-height: 1;
    background: #000;
    text-decoration: none;
    color: #FFF;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 800;
    z-index: 999;
	border:none;
	}
	#btn-call {
    bottom: 15px;
    right: 10px;
    position: fixed;
}
.thanku-sec .thanku-pa {
 padding:100px;
 text-align:center;

}

.form-section span{
font-size: 45px;
text-transform: uppercase;
color: #fff;
font-weight: 600;
}
.tab-sec{
padding:50px 0px;

}
.tab-sec h4{
text-align:center;
margin-left:auto;
margin-right:auto;
background:#000;
color:#fff;
padding:20px 0px;
font-size: 36px;
}
.services-sec img {
  width: 300px;
  text-align: center;
}
.service-images1, .service-images2 {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/*---------------------------------- mobile version -----------------------------*/
@media(max-width: 780px) {
.banner-sec .form-section {
    width: 80% !important;
    padding: 30px 0px;
    position: static;
    margin-left: auto;
    margin-right: auto;
    margin-top: 35px;
    margin-bottom: 20px;
    background:rgb(29, 53, 101);
}

.banner-sec .form-section h2{
padding-bottom: 15px;
text-align: center;
font-size: 26px;
font-weight: 600;
color: #fff;
 }
 .form-section span {
  font-size: 40px;
}
.about-sec .about-bg {
background-image:none !important;
padding:0px 15px !important;
}
.main-navbar {
    background-image: none;
	}
	.main-navbar img {
    padding: 10px;
    margin-left: 0px;
}
.main-navbar ul {
    float: right;
	background: #fff;
padding-left: 30px;
margin-top: -28px;
}
.carousel-caption {
    top:0px !important;
    left: 12% !important;
    width: auto !important;
    text-align: left !important;
	padding-top:60px !important;
}
.carousel-caption h4 {
font-size: 24px;
margin-top: 15px;
}
.carousel-caption h4 span {
  font-size: 30px;
  }
.carousel-caption p {
font-size: 18px;
line-height: 22px;
}
.about-sec .about-content {
    margin-top: 35px;
	}
	.services-sec {
	padding: 40px 0px 0px 0px;
	}
	.services-sec .service-images2 {
    padding-bottom: 40px;
}
.about-sec .about-content h1{
font-size: 38px;
font-weight: 700;
line-height: 40px;
}
.indoor-sec .indoor-ame {
    margin-left: 2px;
    margin-top: 25px;
}
.outdoor-sec h2 {
float:none;
margin-left: 15px;
}
.outdoor-sec .outdoor-ame {
    margin-top: 0px;
	margin-bottom: 50px;
}
.floorplan-sec .prev-arrow, .gallery-sec .prev-arrow {
padding:10px !important;
}
.floorplan-sec .next-arrow, .gallery-sec .next-arrow {
padding:10px !important;
 margin-top: 15px;

}
.gallery-sec .slick-slide img {
    padding: 8px;
	   
}
.callback-sec .call-to-action button {
line-height:23px;
}
.footer-sec .footer-pa img {
    margin-left: -15px;
}
#phone-sticky img{
width:40px;
}
#phone-sticky {
    top: 25%;
}
.callback-sec .call-to-action p a {
    
    padding: 3px 6px;
    color: #fff !important;
    margin-left: 10px;
  
    line-height: 31px;
}
.callback-sec {
padding: 50px 20px;
}
.banner-sec h2 span {
  font-size: 35px;
  }
.banner-sec h2 {
  font-size: 26px;
}
.banner-sec img {
  min-height: 400px;
}
.banner-sec .happiness {
font-size:28px;
}
.banner-sec .exclusive {
font-size: 26px;
line-height: 30px;
}
.banner-sec .rera {
  font-size: 22px;
  }
  .about-sec {
  padding: 30px 0px 50px 0px;
}
.floorplan-sec .slick-slider .slick-list {
height:auto !important;
}
.tab-sec {
  padding: 30px 0px;
}
.tab-sec h4 {
font-size:26px;
}
.floorplan-sec {
  padding: 30px 0px 130px 0px;
}
.indoor-sec .indoor-content{
margin-bottom:0px;
}
#overlay {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: black;
   opacity: 0.5;
z-index: auto;
}
}