@charset "UTF-8";

.wrap_service > div,
.wrap_service .inner{height:100%;}

.wrap_service{background:#f1f1f1;padding: 100px 0 70px;}
.wrap_service:before{content:'';width:872px;height:480px;background:url('../images/left-shape.png') no-repeat center;position:absolute;left:0;bottom:0;}
.wrap_service:after{content:'';width:717px;height:392px;background:url('../images/right-shape.png') no-repeat center;position:absolute;right:0;top:0;}

.wrap_service .container{max-width: 1720px;margin:0 auto;}
.wrap_service .service-title{display:inline-block;position:relative;}
.wrap_service .service-title > strong{font-size:50px;font-family: 'Noto Bold';display: block;margin-bottom:25px;color: #111;}
.wrap_service .service-title > strong:after{content:'';width:10px;height: 10px;background:#014da2;border-radius: 50%;display: inline-block;vertical-align: bottom;position: relative;top:-15px;margin-left:10px;}
.wrap_service .service-title > p{font-family: 'Noto Regular';font-size:18px;line-height: 1.6;}
.wrap_service .service-title > p i{display: block;}

.wrap_service .container > ul{position:relative;top:-60px;height: 575px;z-index: 1;}

.wrap_service a.item{}
.wrap_service .wrap{transition:0.5s;position: relative;margin: 0 auto;}
.wrap_service .item_1{width:450px;height:400px;border-radius: 25px;overflow: hidden;margin: 0 auto;transition:all ease .5s;}
.wrap_service .item_1 img{width: 100%;height: 100%;transition:all ease .5s;}
.wrap_service .item_2{text-align:left;max-width: 450px;margin: 0 auto;transition: all ease .5s;position: absolute;text-align:center;left: unset;width: 100%;bottom:50%;right: 0;transform: translateY(50%);}
.wrap_service .text_1{font-size:26px;color:#fff;font-family:'Noto Medium';line-height:1.2;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.wrap_service .text_2{font-size:18px;color:#fff;font-family:'Noto Regular';line-height:1.2;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;opacity: 0;height: 0;}

.wrap_service .slick-slide{position: relative;}
.wrap_service .slick-current{top:170px;}
.wrap_service .slick-current .item_2{left: 0;right: unset;}
.wrap_service .slick-current +.slick-slide + .slick-slide{top:60px;}
.wrap_service .slick-current .item_1{margin-left:0;}
.wrap_service .slick-current +.slick-slide + .slick-slide .item_1{margin-right:0;}
.wrap_service .slick-current +.slick-slide + .slick-slide .item_1:before{left:unset;right:0;}

.wrap_service .slick-slide .item_1:before{content:'';width: 450px;height: 100%;position: absolute;bottom:0;left: 0;background: url('../images/dark.png') no-repeat right;border-radius: 25px;}
.wrap_service .slick-current +.slick-slide .item_1{transform: scaleX(0.825);height: 570px;}
.wrap_service .slick-current +.slick-slide .item_1:after{content:'';width:100%;height: 50%;position: absolute;bottom:0;background: linear-gradient(365deg, rgb(33 33 33) 5%, rgba(255, 255, 255, 0) 75%);}
.wrap_service .slick-current +.slick-slide .item_1 img{transform: scaleX(1.4);}
.wrap_service .slick-current +.slick-slide .wrap{background:url('../images/center-shape.png') no-repeat center;}
.wrap_service .slick-current +.slick-slide .item_2{opacity: 1;padding: 50px 30px;bottom: 0;left: 100px;text-align:left;width: 370px;right: unset;transform: none;}
.wrap_service .slick-current +.slick-slide .text_2{opacity:1;height: auto;margin-top: 15px;}

.wrap_service .control{}
.wrap_service .control .numbering{display:none;}
.wrap_service .control .slick-arrow{position:absolute;z-index:1;width:80px;height:80px;text-indent:-9999px;border-radius:50%;margin-top:-25px;transition:all ease .5s;}
.wrap_service .control .prev{left:calc(50% - 300px);top:50%;background:#aeaeae url('../images/arrow-left.png') no-repeat center;}
.wrap_service .control .prev:hover{background:#014da2 url('../images/arrow-left.png') no-repeat center;}
.wrap_service .control .next{right:calc(50% - 300px);top:50%;background:#aeaeae url('../images/arrow-right.png') no-repeat center;}
.wrap_service .control .next:hover{background:#014da2 url('../images/arrow-right.png') no-repeat center;}

/*HOVER*/
@media all and (min-width:1281px) {

}
@media all and (max-width:1720px) {
    .wrap_service{padding:80px 0;}
    .wrap_service .container{padding:0 25px;}
    .wrap_service .slick-current +.slick-slide .wrap{background-size:90%;}
}
@media all and (max-width:1450px) {
    .wrap_service .item_1{width: 350px;height: 300px;}
    .wrap_service .service-title{width:350px;}
    .wrap_service .service-title > p i{display: inline-block;}
    .wrap_service .slick-slide .item_1:before{width: 350px;}
    .wrap_service .item_2{width: 350px;}
    .wrap_service .slick-current +.slick-slide .item_1{transform:none;position: relative;}
    .wrap_service .slick-current +.slick-slide .item_2{width:350px;left: 50px;}
    .wrap_service .slick-current +.slick-slide .item_1:after{width:350px;}
    .wrap_service .control .prev{left:calc(50% - 220px);}
    .wrap_service .control .next{right:calc(50% - 220px);}
}
@media all and (max-width:1280px) {
    .wrap_service {padding:60px 0;}
    .wrap_service .slick-current +.slick-slide .item_2{left: 15%;}
    .wrap_service .control .prev{left:unset;right: 37.5%;}
    .wrap_service .control .next{right: 7.5%;}
}

@media all and (max-width:1023px) {
.wrap_service .slick-current +.slick-slide .item_2{left:10%;}
.wrap_service .control .prev{left:unset;right: 40.5%;}
.wrap_service .control .next{right: 2.5%;}    
}
    
@media all and (max-width:768px) {
.wrap_service .service-title{z-index:1;width: auto;position:relative;}
.wrap_service .service-title > strong{font-size:32px;margin-bottom:15px;}
.wrap_service .service-title > strong:after{width:8px;height:8px;top:-10px;}    
.wrap_service .service-title > p{font-size:16px;}    
.wrap_service .slick-current,    
.wrap_service .slick-current +.slick-slide + .slick-slide{top:0 !important;}    
.wrap_service .container > ul{height:auto;top:0;margin-top:35px;padding: 0 20px;}    
.wrap_service .slick-current +.slick-slide .item_1{height: 300px;}    
.wrap_service .slick-current +.slick-slide .item_2{display:none;}    
.wrap_service .slick-current +.slick-slide .item_1 img{transform:none;}    
.wrap_service .slick-current +.slick-slide .item_1:after{display:none;}    
.wrap_service .item_1{width:100%;}    
.wrap_service .slick-slide .item_1:before{width:100%;}    
.wrap_service .slick-current .item_2{width:100%;max-width: 100%;}    
.wrap_service .control .slick-arrow{width:50px;height:50px;background-size:20px !important;}
.wrap_service .control .slick-arrow.prev{right:unset;left: 20px;margin-top: 45px;}
.wrap_service .control .slick-arrow.next{right: 20px;margin-top: 45px;}
}
@media all and (max-width:420px) {

}