.hover-grid-section{background-color:#fff6e5;padding:7.5rem 0}.hover-grid-section .section-title{color:var(--Navy-100,#00293f);font-size:2.375rem;font-style:normal;font-weight:700;line-height:115%;width:65%}.template-home .hover-grid-section{background-color:#fff;padding:0 0 7.5rem}.template-home .hover-grid-section .section-title{display:none}.hover-image-grid{display:grid;gap:15px;grid-template-columns:repeat(3,1fr);padding:3rem 0 0}.template-home .hover-image-grid{grid-template-columns:repeat(4,1fr)}.grid-item{aspect-ratio:4/3;border-radius:8px;display:block;overflow:hidden;position:relative}.grid-item .grid-image{height:100%;object-fit:cover;opacity:1;transition:transform .4s ease,filter .4s ease,opacity .4s ease;width:100%}.grid-item .image-overlay{align-items:center;background-color:rgba(10,37,64,.7);display:flex;height:100%;justify-content:center;left:0;opacity:0;padding:20px;position:absolute;text-align:center;top:0;transition:opacity .4s ease;width:100%}.grid-item .overlay-title{color:var(--Cream-100,#fff6e5);font-size:1.75rem;font-style:normal;font-weight:700;line-height:115%;opacity:0;text-align:center;transform:translateY(10px);transition:opacity .3s ease .1s,transform .3s ease .1s}.grid-item:hover .grid-image{filter:saturate(1);opacity:1;transform:scale(1.1)}.grid-item:hover .image-overlay{opacity:1}.grid-item:hover .overlay-title{opacity:1;transform:translateY(0)}@media (max-width:992px){.hover-image-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.hover-grid-section{padding:3.75rem 0}.template-home .hover-grid-section{display:none}.page-about .grid-item .image-overlay,.page-about .grid-item .overlay-title{opacity:1}.hover-image-grid{grid-template-columns:1fr}.hover-grid-section .section-title{font-size:2rem;width:100%}}