.divider-shape-triangle {
    position: absolute;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

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

/* offset arrow */
    .shape-header-hero-top {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
	line-height: 0;
    }

    .shape-header-hero-top svg {
        position: relative;
        display: block;
        width: calc(100% + 1.3px);
        height: 60px;
        transform: rotateY(180deg);
    }

    /* offset arrow */
    .shape-header-hero-bottom {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        overflow: hidden;
        line-height: 0;
    }

    .shape-header-hero-bottom svg {
        position: relative;
        display: block;
        width: calc(100% + 1.3px);
        height: 60px;
        transform: rotateY(180deg);
    }
	

/* fill color */    
    .divider-page-transp {
        fill: var(--bg-page);
    }

    .divider-testim-transp {
        fill: var(--bg-testimonials);
    }
    
    .divider-footer-transp {
        fill: var(--bg-footer);
    }
    
    
/* vertical align */
    .divider-align-bottom {
	bottom: 0px;
	position: relative;
    }
    
    .divider-align-top {
        top: 0;
        left: 0; 
    }
    
/* orientation */    
    .divider-point-up {   /* remove for point down */
        transform: rotate(180deg);
    }

/** mobile devices **/
@media (max-width: 660px) {
    .divider-shape-triangle svg {
        width: calc(100% + 1.3px);
        height: var(--triangle-height-mobile);
    }
}