.about-boxes .about-box{transition:.5s linear;text-align:center;background:#093459cc;box-shadow:0 0 10px rgb(0 0 0 / .2);padding:40px 50px;max-width:480px}.about-boxes .about-box h5{text-transform:capitalize;font-weight:400;font-size:20px}.about-boxes .about-box p{font-size:1.4rem;font-weight:200}.about-boxes .about-box i{font-size:30px;position:relative;transition:.5s ease}.about-media{position:relative;overflow:hidden;vertical-align:bottom;transition:color .3s ease-out;z-index:0}.about-media::before{content:"";position:absolute;z-index:-1;top:0;left:0;transform:translateY(calc(100% - 0px));width:100%;height:100%;background:#0a9bf9;transition:transform .25s ease-out}.about-box:hover i{color:#0a9bf9;transition:.5s ease}.about-media:hover::before{transform:translateY(0);transition:transform .25s ease-out}.about-boxes .mt-25px{margin-top:25px}.about-boxes .mb-15px{margin-bottom:15px}.about-boxes .heading{margin-bottom:100px}.about-boxes .image-holder{height:100%;width:100%;border-radius:0%;margin-bottom:-25px;margin-left:auto;margin-right:auto;position:relative;cursor:pointer;overflow:hidden}
@media(max-width:998px){.about-boxes .about-box {transition: .5s linear;text-align: center;background: #093459cc;box-shadow: 0 0 10px rgb(0 0 0 / .2); padding: 00px 00px;max-width: 480px}}