.service-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:24px;justify-content:space-between;margin-bottom:30px}.service-row.cols-2 .service-box{width:calc(50% - 16px)}.service-row.cols-3 .service-box{width:calc(33.333% - 16px)}.service-row.cols-4 .service-box{width:calc(25% - 18px)}.service-box{align-items:center;border-bottom:5px solid #4492c0;border-radius:50px;box-shadow:0 0 10px rgba(0,0,0,.2);cursor:pointer;display:flex;flex:0 0 auto;flex-direction:column;justify-content:center;overflow:hidden;padding:30px;position:relative;text-align:center;transition:box-shadow .3s ease}.service-box:before{background:#013f78;height:100%;left:0;top:-100%;transition:top .5s ease;width:100%;z-index:0}.service-box:after,.service-box:before{border-radius:50px;content:"";position:absolute}.service-box:after{background:#fff;inset:0;z-index:-1}.service-box:hover:before{top:0}.service-box:hover{box-shadow:0 0 20px rgba(0,0,0,.25)}.service-box>*{position:relative;z-index:1}.icon-wrap{align-items:center;background:#013f78;border-radius:50%;display:flex;flex-shrink:0;height:80px;justify-content:center;margin-bottom:15px;transition:background .4s ease;width:80px}.icon-wrap img{fill:#fff;height:40px;transition:fill .4s ease;width:40px}.box-title{color:#333;font-family:Century Gothic,sans-serif;font-size:26px;font-weight:500;line-height:1.2;margin-bottom:0;transition:color .4s ease}.expand-icon{color:#000;cursor:pointer;display:inline-block;font-size:21px;transition:transform .3s ease,color .4s ease}.expand-icon.active{transform:rotate(180deg)}.box-description{color:#000;font-size:16px;font-weight:400;line-height:1.7;margin-top:14px;max-height:0;opacity:0;overflow:hidden;text-align:center;transition:color .4s ease;transition:max-height .5s ease,opacity .3s ease}.box-description.expand{opacity:1}.service-box:hover .icon-wrap{background:#fff}.service-box:hover .icon-wrap img{filter:invert(61%) sepia(0) saturate(2487%) hue-rotate(184deg) brightness(41%) contrast(181%)}.service-box:hover .box-description,.service-box:hover .box-title,.service-box:hover .expand-icon{color:#fff}@media (max-width:992px){.service-row.cols-3 .service-box,.service-row.cols-4 .service-box{width:calc(50% - 12px)}}@media (max-width:576px){.service-row.cols-2 .service-box,.service-row.cols-3 .service-box,.service-row.cols-4 .service-box{width:100%}.service-box,.service-box:after,.service-box:before{border-radius:30px}}