@charset "utf-8";
/* CSS Document */
body{
	background-color:#fff !important;
}
.section {
    padding: 3rem 0;
}
.home-banner{
	background-color: #fff;
	color:#000;
	position:relative;
	overflow:hidden;
}
.carousel-item > img{
	object-fit:cover;
}
.banner-search{
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:100%;
	z-index:9;
}
/*.banner-search:before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	height: 100%;
	width: 100%;
}*/
.banner-search .form-control{
	border-color:#fff;
	height:40px;
}
.banner-search .btn-outline-site{
	background-color:#fff;
}
.home-banner .carousel-indicators{
    margin: 0;
    width: auto;
    bottom: 20px;
    transform: rotate(90deg) translate(-20px, 0px);
}
.home-banner .carousel-indicators > li{
	background-color:#000;
	border-radius: 50%;
	width: 15px;
    height: 15px;
}
.home-banner .carousel-indicators .active{
	background-color:var(--siteColor);
}
.card-start{
	border-color:var(--siteColor);
	margin-top:1.75rem;
	margin-bottom:1.5rem;
	text-align:center;
}

.card-start .steps-count{
	background-image:url('../images/map-pin.png');
	background-size: 54px;
    color: var(--siteColor);
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    width: 54px;
    height: 66px;
    line-height: 54px;
    border-radius: 50%;
    margin: 0 auto 0.5rem;
	position: absolute;
    top: -1.75rem;
    left: calc(50% - 1.75rem);
    background-color: #fff;
}
.card-start .card-body{
	padding: 1rem;
	padding-bottom: 1.25rem;
}
/* Media Screen */

@media only screen and (min-width: 576px) {
	.card-start{
		min-height:250px;
	}
}

@media only screen and (min-width: 768px) {
	
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.how-client .card-start{
		min-height:265px;
	}	
}

@media only screen and (min-width: 992px) {
	.home-banner, .carousel-item > img{
		height:475px;
	}
	.banner-search .form-control{
		height: 50px;
	}
	.banner-search .btn-white{
		font-size: 1.25rem;
		height: 50px;
	}
	.card-start{
		min-height:420px;
	}
}

@media only screen and (min-width: 1200px) {

	.home-banner, .carousel-item > img{
		height:600px;
	}
	.card-start{
		min-height:475px;
	}
}
@media (min-width: 1366px){
	
}
@media only screen and (max-width: 1199.98px) {
	.how-freelancer .row .col-sm-12 .card-start{
		min-height:inherit;
	}
}
@media only screen and (max-width: 767px) {
	.home-banner{
		height:600px;
	}
	.carousel-item > img{
		height:450px;
		object-fit: contain;
		object-position: bottom;
	}
	.banner-search:before{		
		background-color: #000;
		opacity:0.5;
	}
	.home-banner .banner-headline .btn-outline-white {
		background-color: var(--siteColor);
		border-color: var(--siteColor);
		color: #fff;
	}
	.home-banner .banner-headline .btn-outline-black {
		background-color:#000;
		border-color: #000;
		color: #fff;
	}
	.banner-headline{
		padding:2rem 0;
	}
	
}




















/* END CSS */