@import "solution.css";
.banner {
background: url(/images/ezdupe/webpage/Solution/Duplicator-Quality-Check_01.png) center no-repeat;
background-size:cover !important;
}
.content > div{
	box-shadow: 1px 2px 5px rgba(0,0,0,0.2);
	padding:16% 11.5% 21%;
	height: 100%;
	background:#fafafa
}
/*.content+div{
	padding:15px 15px 30px;
}*/
#check{
	align-items: stretch;
	flex-direction:row;
	padding:3% 9% 6%;
}
#check h3, #set h3{
	font-size:24px;
	font-weight:bold;
	line-height:28px;
}
#check .content:nth-of-type(-n+5) h3 {
    margin-bottom: 10px;
}
#check .content:nth-of-type(n+6) h3{
	margin-right:50px;
	display: inline-block;
	margin-bottom:0;
}
#check span{
	font-weight:normal;
	font-size:18px;
	color:#FF4800;
}

#row > div{
	padding:2.6% 3.6%;
	display:flex;
	align-items:center
}
#row h3{
	width:210px;
	padding-right:15px;
}
/*#row h3{
	display: inline-block;
	margin-right:50px
}*/
#set{
	display:flex;
	align-items:center;
	padding:4% 0;
}
#set h3{margin-bottom:16px}
/*.content-l:nth-of-type(3) {
    justify-content: flex-end;
}*/
#carousel{display:flex;flex-wrap:wrap}
.content{padding:1.1vw 1.7%}
.content-l:nth-of-type(3) h2{text-align:justify}
@media screen and (max-width:576px){
#set{flex-direction:column}
#set .content{padding: 0 0 20px;}
/*new add self carousel*/
#carousel{overflow: scroll;white-space: nowrap;height:325px; margin-bottom:25px;padding:0 0 5px 0;display:block}
#carousel>div{width:286px;display: inline-block;white-space: normal;height:100%;vertical-align:top;}
.content > div{padding:40px 30px}
.content{padding:0 13px 20px}
#check h3, #set h3{font-size:18px;}
#check span {font-size: 16px;}
/*hide scrollbar
#carousel::-webkit-scrollbar { width: 0 !important }
#carousel { -ms-overflow-style: none; }
#carousel { overflow: -moz-scrollbars-none; }*/
#set{display:block; position:relative}
#set img {width: 80px;margin-bottom:10px}
#set h3{position:absolute;top:37px;left:34%}
}
@media screen and (min-width:577px){
#set .content {padding-left: 60px !important;}
}
@media screen and (max-width:992px){
#row>div{ flex-direction: column;padding:6.8%;align-items: baseline;}
#check h3{width:unset}
}
@media screen and (min-width:1200px){
.content-l:nth-of-type(3) h2 {width: 945px;}
}
/*for ie*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#row > div{display:block}
	#carousel{flex-basis:100% !important}
}