.customization-container .l-wrap{max-width:1400px;margin:0 auto;padding:0}
.custom-title{display:flex;justify-content:center;margin-top: 35px;}
.custom-title h5{text-align:center;font-size:24px;color:#252f28;text-transform:uppercase;line-height:1.25;padding-bottom:20px;border-bottom:2px solid var(--color)}
.custom-image{margin:35px 0px 60px;text-align:center}
.custom-image img{max-width: 80%;margin: 0 auto;}
.custom-contant{align-items:center;padding:40px 0 65px}
.custom-left{flex:1}
.custom-left img{width:100%;padding:0 90px;box-sizing:border-box}
.custom-right{width:40%;box-shadow:1px 1px 10px 1px #dfdfdf;padding:40px 30px;box-sizing:border-box}
.custom-ic{display:flex;align-items:center}
.custom-ic .left{width:30%;display:flex;justify-content:center}
.custom-ic .right p{font-size:48px;text-align:center;line-height:1;text-transform:uppercase;font-weight:700}
.custom-col{flex: 1;}
.custom-col .right{display: none;}
.custom-ic .right .custom-all{display:flex;justify-content:space-between;flex-wrap:wrap}
.custom-ic .right .img{width:30%;background:#f7f7f7;padding:10px;box-sizing:border-box;cursor:pointer}
.custom-to{margin:45px 0}
.custom-to .right{flex: 1;display: flex;justify-content: space-between;}
.custom-ic .right span{height:30px;width:16%;display:inline;margin:1% 0;cursor:pointer;border:2px solid #fff;box-sizing:border-box;transition:all .3s ease-in-out;border-radius: 8px;}
.skd-contant{display:flex;flex-wrap:wrap;justify-content:space-between;margin:35px 0 60px}
.skd-box{width:31%}
.skd-image{border:1px solid #eee;overflow:hidden}
.skd-image img{transition:all .3s ease-in-out;width: 100%;}
.skd-title{text-align:center;margin:25px 0 50px;display:flex;justify-content:center}
.skd-title p{font-size:18px;background:var(--color);color:#fff;padding:10px 0;width:85%;line-height:1}
.custom-footer{margin-top:45px}
.skd-image:hover img{transform:scale(1.05)}
.custom-ic .right .img.active{background:#ccc}
.custom-ic .right .active{border:3px solid #ccc}
@media (max-width:1440px) {
    .customization-container .l-wrap{padding: 0 30px;}
    .custom-ic .right p{font-size: 38px;}
}
@media (max-width:1024px) {
    .custom-image{margin: 50px 0;}
    .custom-left img{padding: 0 35px;}
    .custom-right{width: 45%;padding: 30px 20px;}
    .custom-ic .right p{font-size: 34px;}
    .custom-to{margin: 30px 0;}
    .custom-contant{padding: 50px 0 55px;}
    .skd-box{width: 32%;}
    .skd-contant{margin: 40px 0;}
}
@media (max-width:768px) {
    .custom-title h5{font-size: 22px;padding-bottom: 10px;}
    .custom-contant{padding: 35px 0;flex-direction: column;}
    .custom-right{width: 100%;margin-top: 30px;}
    .custom-ic .right .img{text-align: center;}
    .custom-ic .right p{font-size: 28px;}
    .skd-title p{font-size: 16px;}
    .skd-title{margin: 15px 0 30px;}
    .custom-footer {margin-top: 30px;}
    .skd-contant{margin: 20px 0;}
    .custom-ic .left p{font-size: 14px;}
}
@media (max-width:550px) {
    .customization-container .l-wrap{padding: 0 15px;}
    .custom-image {margin: 20px 0;}
    .custom-title h5{font-size: 18px;}
    .custom-right{padding: 20px;}
    .custom-ic .right p{font-size: 20px;}
    .custom-ic .left img{max-width: 35px;}
    .skd-box{width: 49%;}
    .skd-title p{font-size: 14px;}
    .custom-title{margin-top: 0;}
    .custom-footer{margin-top: 20px;}
}