.four-col-service{background:#181832;padding:64px 0 68px}.four-col-service h2{text-align:center;color:#fff;margin-bottom:75px}.four-col-service.service-detail h2{margin-bottom:25px}.four-col-service .dis-flex{justify-content:center}.four-col-service .service{width:23%;margin-right:2.66%;height:191px;margin-bottom:20px;background-repeat:no-repeat;text-align:center;background-size:cover;background-position:center;position:relative;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.four-col-service .service:nth-child(4n){margin-right:0}.four-col-service .hover-text p{color:#07ced5;font-size:18px;line-height:1.4;text-align:center}.four-col-service .hover-text{position:absolute;transform:translateY(-100%);height:100%;width:100%;left:0;top:0;transition:all .5s ease;padding:20px;text-align:center;background:rgba(24,24,50,0.8)}.four-col-service .service:hover .hover-text,.four-col-service .service-hover .hover-text{transform:translateY(0%)}.four-col-service .service>p{background:#07ced5;width:100%;margin:0;padding:5px;transform:translateY(0%);transition:all .5s ease}.four-col-service .service:hover>p{transform:translateY(100%);transition:all .5s ease}.four-col-service .service a{font-family:'Gilroy-Light';color:#fff;font-weight:300;font-size:20px;position:absolute;width:100%;left:0;bottom:24px}.four-col-service .service a:hover{color:#07ced5}.four-col-service .detail-text{text-align:center;color:#fff;max-width:600px;margin:0 auto 68px}@media(max-width:1366px){.four-col-service .detail-text{margin:0 auto 55px}}@media(max-width:1200px){.four-col-service h2{margin-bottom:50px}}@media(max-width:1024px){.four-col-service{padding:50px 0 30px}.four-col-service .hover-text p{font-size:16px}.four-col-service .service a{font-size:16px;bottom:20px}.four-col-service .detail-text{margin:0 auto 35px}.four-col-service.service-detail h2{margin-bottom:20px}}@media(max-width:767px){.four-col-service{padding:40px 0 20px}.four-col-service h2{margin-bottom:40px}.four-col-service .service{width:31.5%}.four-col-service .service:nth-child(4n){margin-right:2.66%}.four-col-service .service:nth-child(3n){margin-right:0}}@media(max-width:568px){.four-col-service .service{width:48.5%;margin-right:3%}.four-col-service .service:nth-child(3n){margin-right:3%}.four-col-service .service:nth-child(2n){margin-right:0}}@media(max-width:480px){.four-col-service .service{width:100%;margin-right:0 !important}}