.services-sec{display:inline-block;padding:60px 0;position:relative;vertical-align:top;width:100%;z-index:2}.services-sec .services-wrap{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.services-sec .services-wrap .left{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-start;padding-right:50px;width:50%}.services-sec .services-wrap .left .left-wrap{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-start;width:100%}.services-sec .services-wrap .left .left-wrap h2,.services-sec .services-wrap .left .left-wrap h3{display:inline-block;vertical-align:top;width:100%}.services-sec .services-wrap .left .left-wrap .cta{display:inline-block;margin-top:5px;vertical-align:top;width:100%}.services-sec .services-wrap .right{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-start;width:50%}.services-sec .services-wrap .right .service-box{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 -15px;width:calc(100% + 30px)}.services-sec .services-wrap .right .service-box .service-col{align-items:flex-start;background-color:#fff;border-radius:6px;box-shadow:0 30px 70px 0 rgba(0,15,56,.1);display:flex;flex-wrap:wrap;height:185px;justify-content:space-between;margin:15px;overflow:hidden;padding:20px;position:relative;transition:.5s;width:calc(33.33333% - 30px);z-index:2}.services-sec .services-wrap .right .service-box .service-col .service-front{left:50%;opacity:1;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);transition:.5s;width:100%}.services-sec .services-wrap .right .service-box .service-col .service-back{left:50%;opacity:0;padding:15px;position:absolute;text-align:center;top:50%;transition:.5s;width:100%}.services-sec .services-wrap .right .service-box .service-col .service-back p{color:#fff;margin-bottom:0}.services-sec .services-wrap .right .service-box .service-col:after{border-bottom:1px solid hsla(0,0%,100%,.2);border-top:1px solid hsla(0,0%,100%,.2);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transform:rotate(45deg) scale(1);transition:.5s;width:100%}.services-sec .services-wrap .right .service-box .service-col:hover{background-color:#84a252;transition:.5s}.services-sec .services-wrap .right .service-box .service-col:hover .service-front{opacity:0;transition:.5s}.services-sec .services-wrap .right .service-box .service-col:hover .service-back{opacity:1;transform:translate(-50%,-50%);transition:.5s}.services-sec .services-wrap .right .service-box .service-col:active:after,.services-sec .services-wrap .right .service-box .service-col:after,.services-sec .services-wrap .right .service-box .service-col:focus:after,.services-sec .services-wrap .right .service-box .service-col:hover:after{opacity:1;transform:rotate(45deg) scale(1.3);transition:.5s}.services-sec .services-wrap .right .service-box .service-col .service-front .icon{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:flex-start;margin-bottom:10px;width:100%}.services-sec .services-wrap .right .service-box .service-col .service-front .icon img{align-items:flex-start;display:flex;flex-wrap:wrap;height:64px;justify-content:center;object-fit:cover;object-position:center;width:64px}.services-sec .services-wrap .right .service-box .service-col .service-front .title,.services-sec .services-wrap .right .service-box .service-col .service-front .title h4{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:center;margin:0;text-align:center;width:100%}@media(max-width:1300px){.services-sec .services-wrap .right .service-box .service-col .service-front .title h4{font-size:20px;line-height:30px}}@media(max-width:1200px){.services-sec .services-wrap .right .service-box .service-col .service-back p{font-size:14px}}@media(max-width:991px){.services-sec{padding:50px 0}.services-sec .services-wrap .left{padding-right:0;text-align:center;width:100%}.services-sec .services-wrap .left .left-wrap h2{font-size:38px;line-height:48px}.services-sec .services-wrap .left .left-wrap h3{font-size:26px;line-height:36px}.services-sec .services-wrap .right{margin-top:40px;width:100%}}@media(max-width:600px){.services-sec .services-wrap .left .left-wrap h2{font-size:35px;line-height:45px}.services-sec .services-wrap .left .left-wrap h3{font-size:24px;line-height:34px}.services-sec .services-wrap .right .service-box .service-col{width:calc(50% - 30px)}}@media(max-width:400px){.services-sec .services-wrap .right .service-box .service-col{width:calc(100% - 30px)}}