:root {
	--fdCust-padding: 40px;
}

#franDev_customers {
	padding-bottom: calc( var(--page-h-padding) - var(--fran-margin-2) );
}

#franDev_customers h1 {
    font-size: calc(.7* var(--fran-h1-size));
}

#franDev_customers .franDev_block_list {
    padding-left: var(--franDev_list_margin);
    margin-bottom: var(--fran-margin-2);
}

#franDev_customers .franDev_block_list h3 {
	margin-left: calc(-.5 * var(--franDev_list_margin));
	padding-left: calc(.5 * var(--franDev_list_margin));
	position: relative;
	margin-top: 0;
}

#franDev_customers .franDev_block_list h3:before {
	content: "";
	width: 10px;
	height: 10px;
	background-color: var(--red-active-color);
	border-radius: 40%;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(-50%, -50%);
}

#franDev_customers .marginAsH3 {
	/*margin-top: var(--fran-h3-size);*/
}

#franDev_customers .franDev_block_list p { margin-bottom: 0px; }

#franDev_customers .qualityIcon .icon {
    height: 3vw;
}

#franDev_customers .qualityIcon .icon.smaller-icon {
    height: 2.5vw;
    margin-left: .25vw;
    margin-right: .25vw;
}

#franDev_customers .icons-wrapper {
	margin-top: var(--fdCust-padding);
}

#franDev_customers .qualityIcon div p {
	width: 25ch;
	width: auto;
	display: inline-block;
	margin-top: 15px;
	margin-left: var(--fdCust-padding);
}

#franDev_customers .qualityIcon + .qualityIcon {
    margin-top: 2vw;
}

#franDev_customers .smoothText {
	padding-left: var(--franDev_list_margin);
}

.side-left, .nopadding.side-left {
	padding-right: var(--fdCust-padding) !important;
}

.side-right {
	padding-left: var(--fdCust-padding);	
}

@media (max-width: 900px) and (min-width: 551px) {
	#franDev_customers .marginAsH3 {
	    padding: var(--fran-h3-size) 15px;
	    position: relative;
	}

	#franDev_customers .marginAsH3:before {
		content: "";
		position: absolute;
		top: 0;
		left: 15px;
		width: calc(100% - 30px);
		height: 1px;
		background-color: var(--red-active-color);
	}

	#franDev_customers .smoothText {
	    position: static;
	    padding-left: 15px;
	}

	#franDev_customers .qualityIcon.text-right { text-align: left; position: relative; }
	#franDev_customers .qualityIcon:after {
		content: "";
		display: block;
		clear: both;
	}

	#franDev_customers .qualityIcon .icon {
		height: auto;
		width: 5vh;
		float: left;
	}

	#franDev_customers .qualityIcon .icon + div {
		height: 5vh;
        width: calc(100% - 5vh);
        float: left;
        clear: inline-end;
        text-align: left;
        padding-left: 30px;
	}

	#franDev_customers .qualityIcon { margin-bottom: 30px; }
	#franDev_customers .qualityIcon:last-child { margin-bottom: 0px; }
}

@media (max-width: 550px) {
	#franDev_customers .marginAsH3 {
	    padding: var(--fran-h3-size) 15px;
	    position: relative;
	}

	#franDev_customers .marginAsH3:before {
		content: "";
		position: absolute;
		top: 0;
		left: 15px;
		width: calc(100% - 30px);
		height: 1px;
		background-color: var(--red-active-color);
	}

	#franDev_customers .smoothText {
	    position: static;
	    padding-left: 15px;
	}

	#franDev_customers .qualityIcon.text-right { text-align: left; position: relative; }
	#franDev_customers .qualityIcon:after {
		content: "";
		display: block;
		clear: both;
	}

	#franDev_customers .qualityIcon .icon {
		height: auto;
		width: 7vh;
		float: left;
	}

	#franDev_customers .qualityIcon .icon + div {
		height: 7vh;
        width: calc(100% - 7vh);
        float: left;
        clear: inline-end;
        text-align: left;
        padding-left: 30px;
	}

	#franDev_customers .qualityIcon { margin-bottom: 30px; }
	#franDev_customers .qualityIcon:last-child { margin-bottom: 0px; }

}