/*navigation css homepage*/
nav.navbar{
	background-color:#fff !important;
	box-shadow: 1px 2px 10px gray;
}
.nav-link{
	color: #0F0B87 !important;
	font-size:16px;
}
.nav-link:hover{
	color:#0F0B87 !important;
}
div.access button{
	background-color: #0F0B87 !important;
	color:#fff;
	border:0px;
	box-shadow: none !important;
}

div.access button:hover{
	border:1px solid #0F0B87 !important;
	background-color: #fff !important;
}


/*slider css homepage*/
div.slider{
	width: 100%;
	height:500px;
	box-sizing: border-box;
	border:0px solid green;
	margin:75px 0px;
}

div.swiper-transparent{
	background-color: rgba(0,0,0,0.5);
	position: absolute;
	top: 0px;
	left:0px;
	right:0px;
	bottom: 0px;
}

div.swiper-transparent h1{
   text-align: center;
   margin:200px auto 0px;
   color:#fff;
   font-weight: bold;
}

div.swiper-transparent h6{
	font-size:20px;
	word-spacing: 10px;
	color:#fff;
	text-align: center;
}


/*descriptive contents*/
div.descriptive{
	width:100%;
	height:auto;
	border:0px solid blue;
	background-color: #fff
}

div.descriptive section{
	height:auto;
	border:0px solid yellow;
	margin: 5px;
	background-color: #fff;
	padding:15px;
	box-sizing: border-box;
	box-shadow: 1px 2px 12px gray;
	border-radius:12px

}

/*two way descriptive contents*/
div.descriptive-tway{
	width:100%;
	height:auto;
	border:0px solid blue;
	background-color: #f0f3f0
}

div.descriptive-tway section{
	height:auto;
	border:0px solid yellow;
	background-color: #fff
}

section.descriptive-contents{
	padding:40px 30px;
	box-sizing: border-box;
	text-align:left;
	position: relative;
}

section.descriptive-contents p button{
	padding:10px;
	box-sizing: border-box;
	border: 0px;
	border-radius: 6px;
	background-color: #0F0B87 !important;
	box-shadow: none !important;
	color:#fff;
	font-weight: bold
}

section.descriptive-image img{
   width:100%;
   height:100%;
}



/*-------------------two way descriptive contents-----------*/
div.stats{
	width:100%;
	height:auto;
	border:0px solid blue;
}

div.stats section{
	width:200px;
	height:200px;
	border:10px solid #0F0B87;
	border-radius: 50%;
	position: relative;
	text-align: center;
	padding:0px
}

div.stats section img{
	width:100%;
	height:100%;
	border-radius:50%
}

div.stats section aside{
	position: absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	background-color: rgba(0,0,0,0.5);
	border-radius: 50%

}

div.stats section aside h5{
	margin:30% auto;
	color:#fff;
	font-size:30px;
	font-weight: bold;
}

div.stats section aside p{
	margin:-20% auto;
	color:#fff;
	font-size:18px;
	font-weight: bold;
}



/*-----------why choose iqireality--------*/
div.why-choose{
	width:90%;
	height:auto;
	border:0px solid blue;
	background-color: #fff;
	padding:40px 20px;
	box-sizing: border-box;
	border-radius:10px;
	margin:15px auto
}

div.why-choose section{
   height:auto;
   border:0px solid green;
   padding: 10px;
   box-sizing: border-box;
   margin: 5px;
}

div.why-choose section aside{
	border:0px solid green;
	margin:5px;
	border-radius: 5px;
	box-shadow: 1px 5px 15px gray;
	padding:10px;
	box-sizing: border-box;
}

div.why-choose section aside h5{
	font-size:18px;
	font-weight: bold;

}


/*-----------award wining------*/
div.award{
	width:100%;
	height:auto;
	border:0px solid blue;
	margin:20px auto;
}


div.award-div>div{
	width:15%;
	height:250px;
	background-color: #fff;
	border-radius: 5px;
	padding:10px;
	box-sizing: border-box;
	box-shadow: 1px 5px 10px gray

}

div.award-div>div img{
	width:100%;
	height:100%;
}

@media screen and (max-width:700px){
  div.award-div>div{
	width:50% !important;
	height:250px
   }
}


/*------------about property-------*/
div.about-property{
	width:90%;
	height:auto;
	margin:20px auto;
	border:0px solid green;
	border-radius: 10px;
	box-shadow: 1px 2px 10px gray;
	padding:15px;
	box-sizing: border-box;
	background-color: #fff;

}

div.about-property section{
	height: 500px;
	border:0px solid green;
	padding:10px;
	box-sizing: border-box;
}

div.about-property section img{
	width: 100%;
	height:100%;
	border-radius:50%;
}


/*----------start journey-------*/
div.journey{
	width:100%;
	height:auto;
	border:0px solid green;
	padding:5px;
	box-sizing: border-box;
	padding:20px;
	box-sizing: border-box;
	margin:20px auto;
}

div.journey section{
	height:auto;
	border:0px solid green;
	margin:5px;
	background-color: #fff;
	padding:15px;
	box-sizing: border-box;
	border-radius: 6px;
	box-shadow: 1px 2px 10px gray
}

div.journey section video{
	width:100%;
	height:150px;
}

div.journey section p{
	font-size: 19px
}

div.journey section button{
	border:0px;
	background-color:#0F0B87;
	color:#fff;
	padding:10px;
	border-radius:6px;
}



/*----------principal investors-------*/
div.principal{
	width:100%;
	height:auto;
	border:0px solid green;
	padding:20px;
	box-sizing: border-box;
	box-sizing: border-box;
	margin:20px auto
}

div.principal section{
	height:auto;
	border:0px solid green;
	margin:5px;
	background-color: #fff;
	padding:15px;
	box-sizing: border-box;
	border-radius: 6px;
	box-shadow: 1px 2px 10px gray
}

div.principal section h4{
	color:#0F0B87;
}

div.principal section video{
	width:100%;
	height:150px;
}


/*--------testimony--------*/
.splide__slide article{
    width:300px;
    height:500px;
    border:1px solid gray;
    text-align:center;
    padding:10px;
    box-sizing:border-box;
    border-radius:5px;
}
.splide__slide article>img{
   border:1px solid gray;
   border-radius:50%;
   width:100px;
   height:100px;
   padding:5px;
   box-sizing: border-box;
}



/*--------payments methods-------*/
div.payments{
	width:80%;
	height:auto;
	border:0px solid green;
	padding: 10px;
	box-sizing: border-box;
	background-color:#fff;
	margin:20px auto;
	border-radius:12px;
}

div.payments section aside{
	width:100px;
	height:100px;
	border:7px solid #0F0B87;
	margin:5px;
	border-radius: 50%;
	padding:0px;
}

div.payments section aside img{
	width:100%;
	height:100%;
	border-radius:50%
}


/*--------footer page-----*/
div.footer{
	width:100%;
	height:auto;
	border:0px solid green;
}

div.footer section{
	width:100%;
	height:auto;
	border:0px solid blue;
	background-color:#141514;
	color:#fff;
}

div.footer section h4{
	color:#fff !important
}

div.copyright{
	background-color:#141514;
	color:#fff;
	text-align: center;
	padding:10px;
	box-sizing: border-box;
	
	
}

div.copyright section{
	width: 70%;
	border-width:1px 0px 1px 0px;
	border-color:gray;
	border-style:solid;
	padding:20px;
	box-sizing: border-box;
	margin: auto;
}

div.footer section aside{
	padding:10px;
	box-sizing: border-box;
	height:auto;
	border:0px solid green;
}

div.footer section aside h4{
	font-size:20px;
	color:#0F0B87;
	text-transform:capitalize;
}

div.footer section aside p{
	color:#fff;
	font-size:16px;
	cursor: pointer;
}

div.footer section aside p>a{
	color:#fff;
	text-decoration: none
}



/*-------------property page----------*/
div.property_page{
	width:100%;
	height:auto;
	border:0px solid green;
	margin:50px auto;

}

div.property_page section{
	border:1px solid gray;
	height:auto;
	margin:30px;
	border-radius:10px;
	padding:0px;
	position: relative;
	cursor: pointer;
}

div.property_page section span{
	position: absolute;
	top:10px;
	left:10px;
	background-color:#0F0B87;
	color:#fff;
	border-radius:4px;
	padding:5px;
	box-sizing: border-box;
	cursor: pointer;
}

div.property_page section img{
	width:100%;
	height:200px;
	border-radius:10px 10px 0px 0px
}

div.property-body section{
	border:0px solid green;
	height: 450px;
}