/* SHAPES */
.shape-content-top {
	position: absolute;
	left: 0;
	width: 100%;
	overflow: hidden;
	line-height: 0;
	z-index: 100;
	bottom: 0px;
}

.shape-content-top svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 240px;
}
	
.shape-content-top-accent {
	position: absolute;
	left: 0;
	width: 100%;
	overflow: hidden;
	line-height: 0;
	z-index: 90;
	bottom: 10px;
}

.shape-content-top-accent svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 240px;
}	

.shape-content-top .shape-fill {
    fill: var(--bg-page);
}	
.shape-content-top-accent .shape-fill-accent {
    fill: var(--shape-accent-color);
}		
	
	
/* testimonials */
.testimonial-shape-top {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
	line-height: 0;
	background-color: var(--bg-testimonials); /* use bg color below testimonials */
	z-index: 1;
}

.testimonial-shape-top svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: var(--testimonial-shape-height);
}

.testimonial-shape-top .testimonial-shape-top-fill {
    fill: var(--bg-page);
}		
	/*------------ */
	
.testimonial-shape-bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
	line-height: 0;
	background-color: var(--bg-footer); /* use bg color below testimonials */
	z-index: 100;
}

.testimonial-shape-bottom svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: var(--testimonial-shape-height);
}

.testimonial-shape-bottom .testimonial-shape-bottom-fill {
    fill: var(--bg-testimonials);
}	

	/*------------ */
	
.footer-shape-top {
	position: absolute;
	left: 0;
	width: 100%;
	overflow: hidden;
	line-height: 0;
	background-color: var(--bg-footer); /* use bg color below testimonials */
	bottom: 0px;
}

.footer-shape-top svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: var(--testimonial-shape-height);
}

.footer-shape-top .footer-shape-top-fill {
    fill: var(--bg-page);
}	


/** large devices **/
@media (max-width: 660px) {

}