@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

*{
font-family: 'Abril Fatface', cursive;
    
    }
    :root{
    	font-size: 10px;
    }
.container{
	max-width: 1472px;
	margin: 0 auto;
}
.main_nevebar a{
	font-size: 4rem;
	line-height: 1.2;
	color: #1a2942;
	font-weight: 400;
	margin: 0 0;
	text-transform: uppercase;
}
.navbar>.container-fluid.j-center{
	justify-content: center;
}
.logo{
	display: inline-block;
	width: 230px;
	height: auto;
}
.navbar.sticky{
	    background: #cddcfa;
}
/***********************banner_section *****************/

.banner_section {
	padding-top:13rem;
	background: url(../images/banner.jpg) no-repeat center top;
	background-size:auto, cover;
}
h1{
	font-size: 6.6rem;
	line-height: 1;
	color: #000;
	font-weight: 500;
	margin-bottom: 3.6rem;
}

.banner_section p{
	font-size: 2.4rem;
	line-height: 1.2;
	color: #1d1d1d;
	font-weight: 500;
	font-family: 'Poppins', sans-serif;
	margin-bottom:4rem;
}
.banner_section p span{
	color: #551af6;
	font-family: 'Poppins', sans-serif;	
}

/******************************mobile_app_Section*****************************/

.mobile_app_Section{
	padding: 3rem 0 5rem;
}
.mobile_app_Section h2{
	font-size: 8.3rem;
	line-height: 1;
	color: #070707;
	font-weight: 500;
	margin-bottom: 6rem;
}
.mobile_app_Section h2 span{
font-size: 3.3rem;
	line-height: 1.2;
	color: #104cba;
	font-weight: 600;
	display: inline-block;
	font-family: 'Poppins', sans-serif;
	
}
.app_content {
	padding: 16px;
	border: 1px solid #104cba;
	border-radius: 16px;
	text-align: left;
	transition: 0.5s all;
	height: 100%;
}
.app_content:hover{
	transition: 0.5s all;
	background: #104cba;
}
.app_content h3{
font-size: 2.5rem;
	line-height: 1.2;
	color: #0d0d0d;
	font-weight: 500;
	margin-bottom: 1.6rem;
}
.app_content p{
    font-size:16px;
	line-height: 1.45;
	color: #343434;
	font-weight: 400;
	font-family: 'Poppins', sans-serif;
    text-align: justify;


}
.app_content:hover>*{
	color: #fff;
}
figure.app_figure {
    height: 100%;
    border-radius: 16px;
    overflow: hidden;
}
figure.app_figure>img {
    height: 100%;
    object-fit: cover;
}

/************************stay_Section*****************/

.stay_Section{
	padding: 5rem 0;
}
.lets_content{
	padding: 10rem 0;
	background: url(../images/lets_bg.jpg) no-repeat center center;
	background-size: cover;
	max-width: 1788px;
	margin:  0 auto;
}
.lets_content h2{
	font-size: 6.6rem;
	line-height: 1.2;
	color: #fff;
	font-weight:500;
	margin-bottom: 1.6rem;
}
.lets_content p{
	font-size: 1.9rem;
	line-height: 1.45;
	color: #fff;
	font-weight:400;
	font-family: 'Poppins', sans-serif;
	max-width: 1280px;
	margin:0 auto 4rem;
}
.stay_form{
	width: 100%;
/*	position: relative;*/
	max-width: 406px;
	margin: 0 auto;
	border-radius: 8px;
	overflow: hidden;
}
.stay_form input{
	display: block;
	height: 6rem;
	padding: 1.6rem 2rem;
	border-radius: 10px;
	width: 100%;
	outline: 0;
	font-size: 2rem;
	color: #fff;
	font-weight: 400;
	border: 0;
	background: #8ba9e0ba;
	font-family: 'Poppins', sans-serif;
	    padding-right: 8rem;
}
.stay_form input::placeholder{
	color: #fff;
}
.stay_form  .form_btn{
    position: absolute;
    outline: 0;
    border: 0;
    right: 0;
    top: 0;
    width: auto;
    height: 100%;
    padding: 1.6rem 2.2rem;
    border-radius: 0 10px 10px 0;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    font-size: 2rem;
    background-image: linear-gradient(to top, #ff3e34, #ff4234, #ff4634, #ff4a34, #ff4d34, #ff5134, #ff5533, #ff5933, #ff5e33, #ff6333, #ff6833, #ff6d33);
}
.stay_group{
	position: relative;
}
/**************************development_tabs_section*********************/

.development_tabs_section{
	padding: 5rem 0;
}
.development_tabs_section h2{
	font-size: 8.3rem;
	line-height: 1;
	color: #070707;
	font-weight: 500;
	margin-bottom: 6rem;
}
.development_tabs_section h2 span{
font-size: 3.3rem;
	line-height: 1.2;
	color: #104cba;
	font-weight: 600;
	display: inline-block;
	font-family: 'Poppins', sans-serif;
	
}
nav.dev_nav_tabs {
    padding: 0 6rem;
}
.dev_nav_tabs .main_dev_tabs{
	display: flex;
	flex-wrap: wrap;
	    border-bottom: 4px solid #d5d5d5!important;
}
.dev_nav_tabs .main_dev_tabs button{
flex-basis: 33.33%;
max-width: 33.33%;
padding: 0 0;
border: 0px;
    border-bottom: 0;
    margin: 0 0;
}
.main_dev_tabs button{
	font-size:2rem;
	line-height: 1.2;
	color: #0d0d0d;
	font-weight: 400;
	font-family: 'Poppins', sans-serif;
	position: relative;
	padding: 16px!important;;
	display: inline-block;
}
.main_dev_tabs button.active::after{
	content: '';
	position: absolute;
	left: 0;
	bottom: -6px;
	height: 8px;
	border-radius: 5px;
	width: 100%;
	background:#ff5234;
}
/*.main_dev_tabs button.active{
	border-bottom: 8px solid #ff5234!important;
}*/

.tabs_figure{
	padding:18px 0;
}
.tabs_detail_content{
text-align: left;
padding: 18px 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.tabs_figure>img {
    width: 100%;
}
.tabs_detail_content h3{
font-size:2.5rem;
	line-height: 1.2;
	color: #0d0d0d;
	font-weight: 400;
	margin-bottom: 10px;
}
.tabs_detail_content p{
    font-size:16px;
	line-height: 1.45;
	color: #343434;
	font-weight: 400;
	font-family: 'Poppins', sans-serif;
	text-align: justify;
}

/****************************building_section*******************/

.building_section{
	padding: 5rem 0;
	text-align: left;
}
.building_section h2{
    font-size: 8.3rem;
    line-height: 1;
    color: #070707;
    font-weight: 400;
  text-align: left;
}
.building_section h2 span{
	font-size: 3.3rem;
    line-height: 1.2;
    color: #104cba;
    font-weight: 600;
    display: inline-block;
    font-family: 'Poppins', sans-serif;
}
.building_section p{
    font-size: 2.4rem;
    line-height: 1.45;
    color: #343434d9;
    font-weight: 500;
    text-align: justify;
    font-family: 'Poppins', sans-serif;
}
.v-center {
    align-items: center;
    display: flex;
}
img.build_img{
	max-width: 1607px;
	margin: 0 auto 5rem;
	display: block;
}
.business_content h3{
	font-size: 3.3rem;
	line-height: 1.2;
    color: #104cba;
    font-weight: 400;
    margin-bottom: 16px;
}
.business_content p{
    padding-right: 16px;
	font-size: 1.8rem;
	line-height: 1.45;
    color: #343434;
    font-weight: 400;
    text-align: justify;
}

/***************************footer********************/

.project_section{
	padding: 3rem 0;
	background: url(../images/footer_bg.jpg) no-repeat center center;
	background-size: cover;
	text-align: center;
}
.project_section h2{
    font-size: 6.6rem;
	line-height: 1.2;
    color: #fff;
    font-weight: 400;
     margin-bottom: 16px;
  
}
.project_section h3{
font-size:3.3rem;
	line-height: 1.2;
    color: #fff;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 16px;
}
.project_form{
	max-width: 1010px;
	margin:  0 auto 4rem; 
}
.form_group_right{
	max-width: 85%;
	text-align: left;
}
.project_form input{

	background: transparent;
	outline: 0;
	border: 0;
	display: inline-block;
	width: 100%;
	border-bottom: 4px solid #d5d5d5;
	border-radius: 0;
	padding: 10px;
	color: #fff;
	font-size: 16px;
	line-height: 1.45;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    
}
.project_form input::placeholder{
	color: #fff;
	font-weight: 16px;
	line-height: 1.45;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
}
.project_form .text-left{
	text-align: left;
}
/*.project_form .text-right{
	justify-content: right;
   display: flex;
    flex-direction: column;
    align-items: flex-end;
}*/
.project_form textarea{
background: transparent;
    outline: 0;
    border: 0;
    display: inline-block;
    width: 100%;
    border-bottom: 4px solid #d5d5d5;
    border-radius: 0;
    padding: 10px;
    color: #fff;
    font-size: 16px;
    line-height: 1.45;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
}
.project_form textarea::placeholder{
		color: #fff;
	font-size: 16px;
	line-height: 1.45;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
}
.form-control:focus,.project_form textarea:focus {
    color: #fff;
    background-color: unset;
    border-color: inherit;
    outline: 0;
    border: 0;
    box-shadow: unset;
    border-bottom: 4px solid #d5d5d5;
}
.btn_form{
	color: #fff;
	font-size: 2.5rem;
	line-height: 1.45;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
	display: block;
	max-width: 320px;
	padding:1.6rem 3.6rem;
	border-radius: 10px;
	margin:  0 auto;
	background-image: linear-gradient(to top, #ff3e34, #ff4234, #ff4634, #ff4a34, #ff4d34, #ff5134, #ff5533, #ff5933, #ff5e33, #ff6333, #ff6833, #ff6d33);
}

span.err_msg{
	font-size: 16px;
	line-height: 1.45;
	font-family: 'Poppins', sans-serif;
	margin: 4px 0;
	font-weight: 600;
}
.form_group_left{
	max-width: 85%;
}

/**************custom-css************/
img.banner_cmptr {
    max-width: 100%;
}
/***************************media-Query********************/

@media screen and (max-width: 1710px){
	:root{
    	font-size: 9px;
    }
}

@media screen and (max-width: 1502px){
	.container{
		padding: 0 15px;
		   
	}
	:root{
    	font-size: 8px;
    }
    h1 {
    font-size: 5.5rem;
}
.banner_section p {
    font-size: 2.4rem;
    max-width: 90%;
    margin:0 auto 4rem;
}
img.banner_cmptr {
    transform: translateY(12%);
}
.mobile_app_Section {
    padding: 5rem 0 4rem;
}
.mobile_app_Section h2,
.development_tabs_section h2,
.building_section h2{
    font-size: 7rem;
  

}
.building_section h2 span,
.business_content h3,
.development_tabs_section h2 span,
.mobile_app_Section h2 span{
	font-size: 2.7rem;
}
.app_content h3 {
    font-size: 2.2rem;
    margin-bottom: 1rem;
}
.lets_content {
    padding: 6rem 0;
}
.lets_content h2,.project_section h2 {
    font-size: 4.8rem;
}
.building_section p {
    font-size: 2.4rem;

}
.business_content p{
	font-size: 16px;
}
.project_section {
    padding: 5rem 0;
}
.lets_content {
    padding: 6rem 1.6rem;
}	
}


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

	:root{
    	font-size: 7.5px;
    }
    figure.app_figure {
    margin-bottom: 16px;
}
figure.app_figure>img {
    width: 100%;
    max-width: 50vw;
    height: auto;
    /* max-height: 50vh; */
    object-fit: contain;
}
}
@media screen and (max-width:767px){
	:root {
    font-size: 7.5px;
}
img.banner_cmptr {
    transform: unset;
    max-width: 70vw;
}
h1 {
    font-size: 4.8rem;
        line-height: 1.1;
}
.mobile_app_Section {
    padding: 3rem 0 3rem;
}
.mobile_app_Section h2, .development_tabs_section h2, .building_section h2 {
    font-size: 5.8rem;
    line-height: 1.1;
}
.mobile_app_Section h2 {
    margin-bottom: 4rem;
}
.lets_content {
    padding: 4rem 1.6rem;
}
.stay_form input {

    height: 5rem;
    padding: 1rem 6rem 1rem 1.6rem;
    font-size: 14px;

}
.stay_form .form_btn {

    padding: 1.2rem;
    
    font-size: 14px;
  
}
.development_tabs_section,.stay_Section {
    padding: 2.5rem 0;
}
.tabs_figure>img {
    max-width: 50vw;
}
.building_section h2 span, .business_content h3, .development_tabs_section h2 span, .mobile_app_Section h2 span {
    font-size: 2.4rem;
}
.building_section p {
    font-size: 2.2rem;
}
.project_section h3{
	font-size: 2.7rem;
}
.form_group_right,.form_group_left {
    max-width: 100%;
  
}
.btn_form {
    font-size: 2rem;
    padding: 1rem 3rem;

}
}
@media screen and (max-width:576px){
		:root {
    font-size:6.5px;
}
	.logo {

    max-width: 50vw;

}

h1 {
    font-size: 3.6rem;
 
}
.app_content h3 {
    font-size: 18px;
    margin-bottom: 1rem;
}
.banner_section p {

    max-width: 100%;
 
}
.mobile_app_Section h2, .development_tabs_section h2, .building_section h2 {
    font-size: 4.5rem;

}
figure.app_figure>img {

    max-width: 70vw;
  
}
.lets_content h2, .project_section h2 {
    font-size: 4rem;
}
nav.dev_nav_tabs {
    padding: 0 0rem;
}
}