@import "solution.css";
.banner{
	background:url(/images/ezdupe/webpage/Solution/Data-Erase_01.png) center;
	background-size:cover;
	padding:13% 4%;
	position:relative;
	overflow:hidden
}
#background{
	background:url(/images/ezdupe/webpage/Solution/Data-Erase_02.png) right bottom no-repeat;
	color:#fff;
	padding:8%;
	justify-content:flex-end;
	flex-direction: row-reverse;
	background-size:cover;
	position:relative;
	top:-1px
}
#background h2{
	color:#fff;
	line-height:49px
}
.des span{font-weight:normal;color:#FF4800;font-size:18px}
.owl-item:last-child span {
    color: inherit;
    font-weight: 100;
}
#erase .owl-stage{
	margin-top:32px;
	display:flex;
}
#erase .owl-item{
	display:flex;
}
#erase .item {
    background: #fafafa;
    border-radius: 3px;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
	position: relative;
	/*justify-content: center;*/
	display:flex;
	align-items:center;
	flex-direction:column;
	max-width:450px
}
.des {
    padding: 27px 38px 85px;
    text-align: left;
	font-size:18px
}
#erase .pic{
	/*position:absolute;*/
	top:-150px;
	z-index:1000;
	max-width:250px
}
.content-r{
	text-align:left;
	padding:9% 9% 0 5%; 
}
.content-r h2{
	padding-bottom:0
}
/*mobile*/
@media screen and (max-width:576px){
	.banner{padding:16vw 10% 38.5vw !important;}
	.banner>div{z-index:2}
	#background{padding:13.3vw 5% 13.3vw 10%}
	#background h2, .des span{font-size:18px; line-height:20px}
	#background h2{width:300px}
	.content-r{padding:10% 10% 0 10%}
	.des{padding:20px 26px 30px;font-size:15px}
	.des h4{margin-bottom:10px;font-size:18px;line-height:26px}
	#erase .pic{width:150px;margin-top:20px}
	.banner:after {
    position: absolute;
    content: "";
    width: 120%;
    background: url(/images/ezdupe/webpage/Solution/Data-Erase_01.png) 56% center;
    height: 193%;
    transform: rotate(-90deg);
    z-index: auto;
	top: -50%;
	left: -10%;
    }
}
@media screen and (max-width:768px){
	.content-r{padding-left:9%}
}
@media screen and (min-width:576px) and (max-width:992px){
.banner{padding:60px 11% 12vw !important}
}
@media screen and (min-width:1400px){
	#background{padding-left:10%}
}
@media screen and (max-width:991px){
	#background{background-position:72% bottom}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
#erase .pic{left:19%}
#erase .item{display:block}
}