/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

.how-it-work-desc {
	font-weight: 400;
	font-size: 16px;
	line-height: 125%;
	letter-spacing: 0px;
	text-align: center;
	text-transform: capitalize;
}

.testimonial-slider .swiper-slide {
	padding: 15px;
	border: 1px solid #00000040;
	box-shadow: 0px 0px 5px 0px #00000040;
}

.testimonial-slider .swiper-slide {
	padding: 50px 20px;
	border: 1px solid #00000040;
	box-shadow: 0px 0px 5px 0px #00000040;
}

.testimonial-slider .testimonial-name {
	padding: 15px 30px;
	position: absolute;
	border: 1px solid #00000040;
	border-radius: 40px;
	background: #FAF4E4;
	bottom: -21px;
}

.testimonial-slider .swiper-autoheight .swiper-wrapper {
	align-items: stretch;
	padding-top: 20px;
	padding-bottom: 30px;
}

.testimonial-slider .swiper-slide::before {
	background-image: url('assets/images/testimonial-badge.svg');
	content: "";
	width: 60px;
	height: 60px;
	position: absolute;
	right: 50px;
	top: -13px;
	background-size: 100%;
}

#header.sticky {
	background: #FAF4E4;
	z-index: 111;
}

#header.sticky .bricks-nav-menu-wrapper .menu-item a {
	color: black;
}

#header.sticky #brxe-dvfzne .bricks-mobile-menu-toggle {
	color: #000;
}


@media screen and (min-width: 992px) {
	#how-it-work-steps>div .icon {
		position: relative;
	}

	#how-it-work-steps>div .icon::before {
		content: "";
		position: absolute;
		width: 100%;
		margin: auto;
		top: 0;
		bottom: 0;
		border-bottom: 1px dashed #555;
		height: 12px;
		left: 50%;
		z-index: -1;
	}

	#how-it-work-steps>div:last-child .icon::before {
		width: 0%;
	}

	#how-it-work-steps>div .icon::after {
		content: "";
		width: 54px;
		height: 30px;
		margin: auto;
		right: -35%;
		position: absolute;
		top: 11px;
		bottom: 0;
		background-repeat: no-repeat;
		background-position: center center;
	}

	#how-it-work-steps>div:last-child .icon::after {
		width: 0%;
	}

	.upload-documents .icon::after {
		background-image: url('assets/images/yellow.svg');

	}

	.review .icon::after {
		background-image: url('assets/images/orange.svg');

	}

	.on-ground .icon::after {
		background-image: url('assets/images/green.svg');

	}
}