/*Register page*/
.register-page h3{
	border-bottom:1px solid #d2d6de;
	padding-bottom: 10px;
}
ul#reg_list{
	padding: 0 0 0 30px;
}
.already-registered{
	text-align:right;
}
.help-block span{
	color:#FF0000;
}
.register-box-body .box{
	border-top:none;
	box-shadow:none;
}
#frmhousingdetail .form-group.has-feedback{
	margin-right: 0;
    margin-left: 0;
}
/*Login Page*/
.login-box{
	border-radius: 20px;
  overflow: hidden;
}
.login-box-body .content-header{
	padding-left:0;
}
.login-box-body .content-header h1{
	text-align:center;
}
.form-horizontal a{
	text-decoration:underline;
}
.form-horizontal .checkbox{
	min-height:40px;
}
.checkbox input[type=checkbox]{
	margin-left: -16px;
}


/* Login Page */

.login-page{
	background: url(../img/background_1920.png) 0 0 ;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}
.login-box{
	background-color: #fff;
	box-shadow: 0 0px 4px #9d9d9d;
}

.login-box .register-logo{
	margin: 0 20px;
  padding: 10px 0;
	border-bottom: 1px solid #dbd8d8;
}

.login-box .register-logo img{
	width: 100%;
	max-width: 180px;
}

.login-box .login-box-body .content-header{
	padding: 0;
}

.login-box-body .content-header h1 {
	text-transform: uppercase;
	position: relative;
	font-size: 21px;
	margin-bottom: 15px;
}
.login-box-body .content-header h1::after{
	content: '';
    width: 80px;
    height: 2px;
    background-color: #d6655b;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 35px;
    left: 50%;
}
.login-box-body .form-horizontal .has-feedback .form-control,
.login-box-body .form-horizontal .form-control{
	min-height: 50px;
	border-radius: 4px;
}
.login-box-body .form-horizontal .has-feedback .form-control-feedback{
	line-height: 50px;
	font-size: 18px;
}

.login-box-body .form-horizontal .has-feedback .form-control:hover{
	border-color: #9d9d9d;
}

.login-box-body .form-horizontal .btn.btn-flat{
	min-height: 50px;
	font-size: 20px;
	border-radius: 4px;
}

.form-horizontal{
	padding-left: 15px;
    padding-right: 15px;
}

.form-horizontal .request-cancelation .form-group{
	margin-right: 0;
    margin-left: 0;
}

.request-cancelation input[type=submit]{
	background-color: #303443;
	width: 120px;
	margin: 0 auto;
	border: 1px solid transparent;
}

.request-cancelation input[type=submit]:hover{
	background: none;
	border-color: #303443;
	color: #303443;
}

/* Register */
.register-box{
	background-color: #fff;
	box-shadow: 0 0px 4px #9d9d9d;
	border-radius: 20px;
    overflow: hidden;
}

.register-box .register-logo {
	margin: 0 20px;
	padding: 10px 0;
	border-bottom: 1px solid #dbd8d8;
}

.form-horizontal .black-brdr{
	border: 1px solid #000;
	padding: 15px;
	position: relative;
}

.form-horizontal .black-brdr::after{
	content: '\f05a';
	font-family: "Font Awesome 5 Free";
	font-size: 20px;
	font-weight: 700;
	position: absolute;
	top: 10px;
	left: -10px;
	width: 20px;
	height: 20px;
	background-color: #fff;
}

.author-details p{
	margin-bottom: 0;
}

.author-details p.apartment{
	font-size: 11px;
	line-height: 18px;
}

.registration{
	width: 100%;
	margin-top: 20px;
}

.register-box-body .alert-pad .alert{
	padding: 0px;
	margin-bottom: 0px;
}

.register-box-body .content.no-pad{
	padding: 0;
}

.sitmap-listed {
	width:135px;
	margin: 0 auto;
}

.sitmap-listed .listed-items li ul.listed-items1{
	margin-top: 5px;
}

.sitmap-listed .listed-items li ul.listed-items1 li{
	margin-bottom: 5px;
}

.header-slider a.whatsapp{
	background-color: #57c77e;
	padding: 13px 18px;
    border-radius: 20px;
    margin-right: 5px;
		color: #fff;
		white-space: nowrap;
}

.header-slider a.whatsapp:hover{
	background-color: #d6655b;
}

.header-slider a.whatsapp i{
	font-size: 16px;
}


/* Testimonial */
.testimonial-area .single-review-item {
	/* padding: 27px 30px 40px 30px; */
	padding: 28px 23px;
	background-color: #fff;
	border-radius: 0px;
	margin-top: 10px;
	position: relative;
	min-height: 240px;
	box-shadow: 0px 1px 1px #dfdfdf;
}
.testimonial-area .single-review-item .author-container .author-box{
	display: flex;
}
.testimonial-area .single-review-item .thumb {
	/* padding: 5px; */
	width: 80px;
	height: 80px;
	border-radius: 50%;
	overflow: hidden;
	box-shadow: 0px 0px 10px #683e0e;
	margin: 0 0;
	text-align: center;
	margin-right: 20px;
}

.testimonial-area .single-review-item .thumb img {
	border-radius: 5px;
	width: 100%;
	margin: 0 auto;
}

.testimonial-area .single-review-item .author-details {
	width: calc(100% - 150px);
}

.testimonial-area .single-review-item .author-details h6 {
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 5px;
}

.testimonial-area .single-review-item .author-details .post {
	font-size: 14px;
	color: #555555;
	font-weight: 400;
}

.testimonial-area .single-review-item .author-details p.apartment {
	font-size: 14px;
	line-height: 18px;
	color: #fec070;
}

.testimonial-area .single-review-item .author-details span.place {
	color: #f08766;
}

.testimonial-area .single-review-item .desciption {
	font-size: 16px;
	color: #555555;
}

.testimonial-area .single-review-item .desciption p{
	position: relative;
	margin-left: 20px;
    margin-top: 20px;
}

.testimonial-area .single-review-item .desciption p::before{
	content: '\f10d';
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900;
	top: -30px;
	position: absolute;
	margin: -15px;
	left: -15px;
	font-size: 30px;
	color: #eb7571;
}

.quote-box{
	font-weight: 600;
  margin-bottom: 40px;
	border: 1px solid #e9e9e9;
  padding: 15px; 
	position: relative;
}

.quote-box:hover{
	border-color: #eb7571;
}
.quote-box::after{
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #e9e9e9;
	bottom: -10px;
}
.quote-box:hover::after{
	border-top-color: #eb7571;
}
.quote-box::before{
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid #ffffff;
	bottom: -8px;
	z-index: 1;
	left: 17px;
}



.quote-box p{
	margin-bottom: 0;
}

/* Builder Area */
.builder-area h2{
	font-size: 36px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #fff;
	margin-bottom: 40px;
	margin-top: 0;
}
.builder-area p{
	font-size: 24px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.58;
	letter-spacing: normal;
	color: #fff;
	padding-bottom: 10px;
}
.builder-area a{
	/* width: 155px;
	font-size: 16px;
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: .4px;
	color: #373131;
	padding: 20px 20px 20px 10px;
	background-color: #fff; */
}
.builder-area a.boxed-btn.blank{
	/* background-image: linear-gradient(white, white), radial-gradient(circle at top left, #E86361, #FEC070);
	border: solid 2px transparent; */
	color: #fff;
	border: 2px solid;
  border-color: rgba(255, 255, 255, 0.4);
	border-radius: 25px;
	padding: 0;
	width: 160px;
	height: 50px;
	text-align: center;
	line-height: 45px;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 700;
	transition: all 0.5s ease-in;
}
.builder-area a.boxed-btn.blank:hover{
	background-origin: border-box;
	background-clip: content-box, border-box;
	background-image: -webkit-linear-gradient(0deg, #E86361 0%, #FEC070 100%);
}
/* Connect page*/
.connect-section{
	position: relative;
}
.connect-section .container h2{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 595px;
	font-size: 36px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.56;
	letter-spacing: 0;
	margin-top: 0;
}
.connect-section .header-banner{
	margin-bottom: 50px;
}

/* Gatekeeper */
.grey-bg{
	padding: 40px 0;
  background-color: #f6f6f6;
	margin: 40px 0;
}
.gatekeeper h3.feature-title{
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 25px;
	display: block;
	color: #222222;
}
.gatekeeper-left p{
	margin-bottom: 20px;
}
.gatekeeper-left ul li{
	position: relative;
	padding-left: 30px;
  margin-bottom: 10px;
	width: 49%;
  display: inline-block;
	vertical-align: top;
}
.gatekeeper-left ul li::before{
    content: '';
    background: url(../img/arrow2.png) no-repeat 0 0px;
    position: absolute;
    left: 0px;
    top: 5px;
    width: 18px;
    height: 14px;
}

.header-slider .header-btn-group a h6{
	position: relative;
	padding-bottom: 20px;
	font-size: 15px;
	color: #fff;
}

.header-slider .header-btn-group a h6::before{
	content: '';
	position: absolute;
	bottom: 0;
	height: 2px;
	width: 20px;
	background: #fff;
	left: 50%;
	transform: translateX(-50%);
	transition: width .2s ease-in-out;
}
.header-slider .header-btn-group a:hover h6{
	color: #fff;
}
.header-slider .header-btn-group a:hover h6::before{
	width: 100%;
  transition: width .2s ease-in-out;
}

.header-slider .header-btn-group a h6 span{
	color: #e96762;
}

.text-block h4{
	font-size: 20px;
	font-weight: 400;
}

/*! -- Stack Lightboxes -- */
.lb-close {
  position: relative;
  top: 10px;
}
.lb-close:before {
  content: '\00D7';
  color: #fff;
  font-size: 2.5em;
  font-weight: 400;
}
.lb-close:hover {
  text-decoration: none;
}
.lb-prev:after,
.lb-next:after {
  font-family: 'stack-interface';
  position: fixed;
}
.lb-prev:after {
  /* content: '\e801'; */
  left: 1.85714286em;
}
.lb-next:after {
  /* content: '\e802'; */
  right: 1.85714286em;
}
.lb-data {
  overflow: hidden;
  min-height: 30px;
}
a[data-lightbox] {
  transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
}
a[data-lightbox]:hover {
  opacity: .8;
  cursor: zoom-in;
}

.flickity-prev-next-button:not(:hover){
	opacity: .5;
}
.mb--1 {
	margin-bottom: 1.85714286em;
}

/* Partners */
.partners-left p{
	margin-bottom: 20px;
}
.partners-left ul li{
	position: relative;
	padding-left: 30px;
  margin-bottom: 10px;
	vertical-align: top;
}
.partners-left ul li::before{
    content: '';
    background: url(../img/arrow2.png) no-repeat 0 0px;
    position: absolute;
    left: 0px;
    top: 5px;
    width: 18px;
    height: 14px;
}

.partners .boxed-btn.blank {
	margin-top: 30px;
	border: 2px solid transparent;
	border-radius: 25px;
	border: solid 2px transparent;
	border-radius: 25px;
	padding: 0;
	width: 200px;
	height: 50px;
	text-align: center;
	line-height: 45px;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 700;
	background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(white)), radial-gradient(circle at top left, #ff008a, #8700d4);
	background-image: -webkit-linear-gradient(white, white), -webkit-radial-gradient(top left, circle, #ff008a, #8700d4);
	background-image: -o-linear-gradient(white, white), -o-radial-gradient(top left, circle, #ff008a, #8700d4);
	background-image: linear-gradient(white, white), radial-gradient(circle at top left, #ff008a, #8700d4);
	background-origin: border-box;
	background-clip: content-box, border-box;
	-webkit-transition: all 0.5sease-in;
	-moz-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	transition: all 0.5sease-in;
	-webkit-transition: all 0.5sease-in;
	-moz-transition: all 0.5s ease-in;
	transition: all 0.5sease-in;
}
.partners a.boxed-btn.blank{
	background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(white)), radial-gradient(circle at top left, #E86361, #FEC070);
    background-image: -webkit-linear-gradient(white, white), -webkit-radial-gradient(top left, circle, #E86361, #FEC070);
    background-image: -o-linear-gradient(white, white), -o-radial-gradient(top left, circle, #E86361, #FEC070);
    background-image: linear-gradient(white, white), radial-gradient(circle at top left, #E86361, #FEC070);
    background-origin: border-box;
    background-clip: content-box, border-box;
}
.partners a.boxed-btn.blank:hover{
	background-image: -webkit-linear-gradient(0deg, #E86361 0%, #FEC070 100%);
}


/*Media Queries*/
@media only screen and (min-width: 576px){
	.about-app-area .single-about-app-box .icon{
		display: none;
	}
}
@media only screen and (min-width: 768px){
	.testimonial-area .single-review-item{
		display: grid;
		grid-template-columns: 400px  calc(100% - 430px);
		column-gap:30px
	}
}
@media only screen and (max-width: 1199px){
	h3.sub-heading{
		/* font-size:28px; */
	}
}
@media only screen and (max-width: 991px){
	.register-box{
		width:100%;
	}
	.howitworkbox p{
		min-height: 28px;
	}
	.why-smartkhata .admin-user .hw-separator{
		background: none;
	}
}
@media only screen and (max-width: 767px){
.already-registered{
	text-align:center;
}
.navbar-area ul.slicknav_nav li ul.navbar-dropdown li a{
	color: #333;
	padding-top: 0;
  padding-bottom: 0;
}
.register-box{
	width: 90%;
}

.about-us-area{
	padding: 40px 0 0 0;
}
h3.sub-heading{
	font-size: 30px;
line-height: 40px; 
font-weight: 400;
}
}
@media only screen and (max-width: 575px){
	.about-app-area .single-about-app-box .content {
		padding-left: 50px; 
	}
	.features-listing ul li{
		width: 100%;
	}
	.how-it-works .hw-separator{
		background:none;
	}
	.howitworkbox {
    padding-bottom: 10px;
	}
	.get-in-touch-area{

	}
	.screenshort-area{
		padding: 20px 0 20px 0;
	}

	.banner-img{
		position: relative;
    max-width: 250px;
    margin: 0 auto;
	}
	.header-area .header-slider .single-header-slide-item .right-content h1{
		margin-top: 10px;
		margin-left: 0;
	}
	.register-box-body h1 {
    font-size: 28px;
    margin-bottom: 15px;
		margin-top: 0;
	}
	.hw-separator{
		background: none;
	}
	.about-us-area{
		padding: 20px 0 20px 0;
	}
	.about-us-area .about-us-right-image{
		margin-top: 20px;
	}
	.header-area .header-slider .single-header-slide-item .right-content .header-btn-group .img-btn img{
		margin-bottom: 0;
	}
	.feature-area {
    padding-top: 20px;
    padding-bottom: 20px;
	}
	.user-review-area .clients-review-carousel .single-review-item{
		min-height: inherit;
	}

	h3.sub-heading{
		/* font-size: 26px; */
	}

	.header-slider a.whatsapp{
		font-size: 0;
			padding: 10px;
			display: flex;
			order: 3;
			margin-left: 10px;
			margin-right: 0;
	}

	.boxed-btn.blank{
		padding: 13px 20px;
	}

	.counter-area{
		padding: 20px 0;
		
	}

	section.counter-area{
		padding-bottom: 10px;
	}

	.testimonial-area .single-review-item .desciption p{
		margin-left: 35px;
			margin-top: 50px;
	}

	.testimonial-area .single-review-item .desciption p::before{
		margin: -15px;
		left: -30px;
	}
	.partners h4{
		font-size: 18px;
	}
	.mobile-btm-pad{
		margin-bottom: 20px;
	}
	.partners .section-title h3{
		font-size: 26px;
	}

}
@media only screen and (max-width: 420px){
	.register-logo img{
		width:100%;
		height:auto;
	}
	.mobile-not-display{
		display:none;
	}

.about-us-right-image iframe{
	height: 275px;
}
}

@media only screen and (max-width: 375px){
	.user-review-area .clients-review-carousel .single-review-item .thumb{
		position: relative;
		left: 0;
		margin: 0 auto;
		top: -70px;
	}
	.user-review-area .clients-review-carousel .single-review-item .author-details {
    padding-left: 0;
    margin-top: -50px;
}
.register-box-body h1{
	font-size: 24px;
}
.register-box-body h3{
	font-size: 22px;
	margin-top: 10px;
}
.boxed-btn.blank{
	padding: 13px 20px;
}
}