.service{padding:7% 0 5% 0}.service .titlebox{position:relative;text-align:center;padding:0 0 4% 0}.service .titlebox .title{color:#00369f;font-size:1.88vw;font-weight:500}.service .titlebox .subtitle{font-size:1.6vw}.service .img{position:relative}.service .img:hover{transform:scale(1.1);transition:.3s ease-in-out;z-index:2}.service .gradientblue .text{position:absolute;bottom:6%;width:100%;text-align:center;color:#fff;font-size:1.5vw;width:17vw}.service .gradientblue .text i{font-size:.94vw;color:#77f7ff}.service .gradientblue .text span{width:1vw;opacity:0}.service .gradientblue:hover .text span{opacity:1;transition:all .3s ease-in-out}.service .gradientblue:hover .bluebar{opacity:1;transition:all .3s ease-in-out}.service .gradientblue:hover .viewmore{opacity:1;transition:all .3s ease-in-out}.service .gradientblue{background:#00369f;background: linear-gradient(
    0deg,
    rgba(0, 54, 159, 1) 0%,
    rgba(87, 87, 87, 0) 40%
  );position:absolute;width:100%;height:100%;bottom:0%;display:flex;justify-content:center}.service .viewmore{font-size:.94vw;color:#77f7ff;opacity:0;display:flex;align-items:flex-end;padding:.75vw}.bluebar{position:absolute;bottom:0;background-color:#8bcef3;height:8px;width:100%;opacity:0}.service-detail{padding:10% 0 02% 0}.service-detail .titlebox .title{color:#00369f;font-size:1.88vw;font-weight:500}.service-detail .titlebox .subtitle{font-size:1.6vw}.service-detail .img{display:flex;justify-content:center;border-right:5px #00369f solid}.service-detail .img img{width:80%}@media (max-width:991px){.service{padding:70px 0 20px 0}.service .titlebox .title{font-size:28px}.service .titlebox .subtitle{font-size:18px}.service .gradientblue .text{font-size:16px;width:100%}.service .viewmore{font-size:12px;padding:0 0 1rem 0}.service .img{margin:1rem 1rem 0 1rem}}