/*from custom tw*/
body p{font-size:18px}
#g-header {
    padding-top: 46px !important;
}
#g-intro .g-container{
    max-width: 1400px;
    margin: auto !important;
}
.row{position:relative}
.background{background:#eef0f9}
.background>div{max-width:1400px;margin:auto;display:flex;align-items:center;padding:8% 5%;text-align:left}
.background>div>div:last-child{padding:0 2%}
#comment{background: linear-gradient(130deg, #304da5, #5855a5);color: #fff;}
#comment>div {text-align: center;}
#comment h2{color:#fff;padding-bottom:0}
#comment h2+p{margin-top:0;margin-bottom:5%}
#comment h4{font-weight:bold;color:#000000de}
.carousel-item>div {
    display: flex;
    max-width: 80%;
    margin: auto;
    align-items: stretch;
    justify-content: center;
    gap: 24px;
    margin-bottom: 24px;
}
.carousel-item>div>div{background:#fff;color:#00000099;padding: 3%;border-radius: 25px 25px 0px;display: flex;flex-direction: column;justify-content: center;text-align:left}
.carousel-item>div p{margin-top:4px}
@media screen and (min-width:1440px){
.background>div>div{padding:0 2%}
}
#g-features{padding:0}
#g-utility{background:#fff}
.contact-us{display:flex;align-items:center}
.contact-us .content{padding:0 11%;}
.contact-us .content h4{font-size:2rem;font-weight:bold;line-height:1.5;margin-bottom:12%}
.contact-us .content #right_duplicator{padding:12px 16px;border-radius:25px;border:2px solid #066DCC;color:#066DCC;font-weight:bold;font-size:18px}
.contact-us .content #right_duplicator:hover{background:#066dcc;color:#fff}
.box-content3#first{
	background: url(/images/ezdupe/webpage/Solution/button-Entry-level-Model.png)center center no-repeat;
}
.box-content3#center {
    background: url(/images/ezdupe/webpage/Solution/Usage-Production-Line.png)center center no-repeat;
}
.box-content3#left {
    background: url(/images/ezdupe/webpage/Solution/Usage-Law-Enforcement.png)center center no-repeat;
}
.box-content3#right {
    background: url(/images/ezdupe/webpage/Solution/button-Usage--Testimonials.png)center center no-repeat;
    position: relative;
    left: -1px;
}

#left, #right, #center, #first {
    justify-content: center;
    align-items: center;
    display: flex;
    padding: 7vw 6%!important;
	min-height: 400px;
}
.box-content3 {
    padding: 60px 6% !Important;
    font-size: 39px;
    text-align: center;
    color: white;font-weight:bold;
    font-weight: 500;
	background-size:cover !important;
}
.box-content3:after{position:absolute;width:100%;height:100%;content:"";background:rgba(29,29,29, .8);z-index:0;top:0;left:0}

.box-content3>div {
    position: relative;
    z-index: 2;
}
.box-content3 a{font-weight:normal;font-size:1.2rem;padding:12px 16px;border:1px solid #fff;color:#fff;border-radius:25px}
.box-content3 a:hover{background:#fff;color:#424753}
.box-content3>div>div:first-child {
    margin-bottom: 20%;font-weight:bold
}
.category.usage h2{text-align:center}
.category.usage h4 {margin-top: 20px;}
.category.usage h4+p {margin-top: 16px;}

@media screen and (min-width: 992px) and (max-width: 1400px){
.box-content3 {
    font-size: 28px;
}
}
@media screen and (max-width: 991px){
#g-features .box-content3 {
    display: none;
    transition: .5s;
    transform: translateX(0);
}
#g-features .box-content3.active {display: flex;}
.wipe_forward {
    right: 11.5%;
    background-position-x: right;
    background-image: url(/images/ezdupe/icon/Icon_forward-arrow.png);
}
.wipe_forward, .wipe_back {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    height: 36px;
    width: 14px;
    display: block;
    max-width: 50px !important;
}
.wipe_back {
    left: 11.5%;
    background-image: url(/images/ezdupe/icon/Icon_back-arrow.png);
}
.contact-us{flex-direction:column-reverse;text-align:center}
.contact-us .content{padding-bottom:6%}
}
@media screen and (min-width: 992px){
.box-content3:hover:after{background:rgba(82,82,82,.8)}
}

.category{padding-bottom:0;align-items:stretch;flex-direction: inherit;}
.category>div>a{height:100%}
.mobile {display: none !important;}
.content h2, .content-r h2, h2{
font-size: 36px !important;
color: #3e3a39;
font-weight:bold !important;
padding:1rem 0;
}
.content-l{
flex-direction: row-reverse;
align-items: center;
text-align:left;
}
.content-r{align-items:baseline; text-align:center}
.content-l>.pic {
text-align: center;
padding:3%;
max-width:650px
}
.content-l,.content-r{
padding:3% 8%;
justify-content: center;
}
.content{
padding:1% 4%;
font-size:20px;
}
.content-l .content{text-align:left}


/*only for solutions
.soho
background:url(/images/ezdupe/webpage/Solution/SOHO-products_2019-website-visual_01.png) center bottom no-repeat;
}
.factory{
background:url(/images/ezdupe/webpage/Solution/Pro-products_01.png) center bottom no-repeat;
}
.classic{
background:url(/images/ezdupe/webpage/Solution/Classic-products_01.png) center bottom no-repeat;
}*/
.out-container{background:linear-gradient(130deg, #5855a5, #304da5)}

.banner{
/*padding:19% 13%;*/
padding:1% 2% 2% 6%;
max-width:1400px;
margin:auto !important;
display:flex;
align-items:center;
justify-content: flex-start;
background-size: cover;
color:#fff;
font-size:20px;
position:relative;
overflow:hidden;
filter: drop-shadow(0 6px 10px rgba(48, 57, 115, 0.5));
}
.banner div {/*resolve the problem for firefox padding-bottom*/
display: table;
}
.banner>div:first-child {
    padding: 0;
}
.banner .content{
padding-bottom:14%
}
.banner h1{
font-weight:700 !important;
margin: 5px 0 20px;
}
.banner small {
background-color: #3e3a39;
padding: 8px;
font-weight: bold;
}
#g-header{
padding:0;
background:none;;
filter:none;
}
#g-intro{padding:6% 5% 5% !important}
/*#g-intro{	padding: 5% 12%;}*/
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info {height: 200px;}
.sp-simpleportfolio-info::before {
background-color: #0079c3;
z-index: 2;
}
/*in "pro" page*/
a .box{color: #3e3a39 !important;}
a{text-decoration:none !important;}
.box{ 
margin:12% auto 5% !important; 
box-shadow:2px 2px 5px rgba(0,0,0,.2);
padding:0!important;
}
.box .content, .box .pic{
display:flex;
flex-direction:column;
justify-content:center;
font-size:15px
}
.box .content{padding:2% 5%}
.box .pic{
padding:0
}
.box.row:hover {
box-shadow: 1px 1px 2px rgba(0,0,0,.2);
}
/*media query*/
@media screen and (max-width:576px){
.banner h1{font-size:32px}
.banner .content{font-size:15px}	
.sp-simpleportfolio .sp-simpleportfolio-filter > ul {justify-content: flex-end;}
.box .content{padding:9% 5%}
.content h2{font-size:18px !important;padding:0}

}
@media screen and (max-width:992px){
	.banner{padding:8% 5% 3%}
}
@media screen and (max-width:768px){

.carousel-item>div{flex-wrap:wrap}
.banner{
	background-size: initial;
	background-position:right top !important;
	/*padding: 17vw 13%;*/
	filter:none;	
}
.category {padding: 0 !important;}
.mobile{display:flex !important}
.desktop{display:none !important}

.banner:before{
position: absolute;
content: "";
background: rgb(41, 59, 195,.2);
width: 110vw;
height: 100vh;
left: 0;}
}
@media screen and (min-width:576px) and (max-width:1080px){
.banner h1{
	font-size:38px;
}}
@media screen and (min-width:1080px){
.content-r .content{padding:0 3%}
}
@media screen and (min-width:1440px){
.content-r .content{padding:0 5%}
#g-intro .g-container {padding:0 7% !important}
}

/*last modification*/
.category h2{font-size:38px;font-weight:bold;margin-bottom:2vw}
	.category{text-align: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: left;padding-top:0}
	.category>div>a{padding:25px;color:#333;text-align:left;background:#fff;border-radius:25px;display:block}
	.category>div>a:hover{box-shadow:0 0px 0px #fff, 9px 12px 15px rgb(0 0 0 / 15%)}
	.category .description{margin-top:0}
	.category h4 {
		position: relative;
		font-weight: bold;
		font-size: 21px;
		line-height: 1.2;
		color: #424242;
		font-family: Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	}
	.category h3{margin-bottom:2vw}
	.category.row .col-lg-3 {margin-bottom: 5vw;}
	#g-header, #g-intro{background:#ebebeb}