.hover-boxes{padding:30px 0;background-color:var(--color-2);color:var(--text-color-alt)}.hover-boxes .boxes{flex-wrap:wrap;column-gap:20px;row-gap:20px}.hover-boxes .box{flex:1 1 calc(25% - 15px);background-color:var(--color-2);border-radius:5px;position:relative;z-index:2;overflow:hidden;background-size:cover;background-position:50% 50%;color:var(--text_color_alt)}.hover-boxes .box .link-inner{height:100%;display:flex;flex-direction:column;padding:30px 25px}.hover-boxes .box:after{content:"";position:absolute;left:0;right:0;top:0;background:linear-gradient(180deg,rgb(0 0 0 / .06) 33%,var(--color-2) 100%);z-index:0;transition:all ease 0.3s;height:100%}.hover-boxes .box:before{overflow:hidden;content:"";position:absolute;left:0;right:0;bottom:0;background-color:var(--color-1);transition:all ease 0.3s;height:0;z-index:1}.hover-boxes .box:hover:before{height:100%}.hover-boxes .box .content{max-height:0;overflow:hidden;transition:all ease 0.3s 0s;opacity:0;border-top:1px solid var(--text_color_alt);padding-top:20px}.hover-boxes .box.measuring-height .content{max-height:none}.hover-boxes .box .content p{margin-bottom:17px}.hover-boxes .box:hover .content{max-height:400px;opacity:1;transition:all ease 0.6s}.hover-boxes .box .content p:last-child{margin-bottom:0}.hover-boxes .box .inner{position:relative;z-index:2;height:100%;display:flex;flex-direction:column}.hover-boxes .box a{color:var(--text_color_alt);font-weight:400;height:100%}.hover-boxes .box .content-wrap{flex:1 1 auto;display:flex;flex-direction:column;justify-content:flex-end}.hover-boxes .box .heading{font-weight:700;color:var(--text_color_alt);font-size:32px;font-weight:800;margin-bottom:10px}.hover-boxes .box .link-icon{margin-top:20px;border-radius:50%;border:3px solid var(--text_color_alt);width:50px;height:50px;display:flex;align-items:center;justify-content:center}.hover-boxes .box.has-bg:after{display:block}.hover-boxes .box.has-bg .link-icon{border-color:var(--color-3);color:var(--color-3);transition:all ease 0.3s}.hover-boxes .box.has-bg:hover .link-icon{border-color:var(--text_color_alt);color:var(--text_color_alt)}@media screen and (max-width:1199px){.hover-boxes .box{flex-basis:calc(50% - 10px)}}@media screen and (max-width:767px){.hover-boxes .box{flex-basis:100%}.hover-boxes .box .content{max-height:none;opacity:1}.hover-boxes .box:before{height:100%}}