/* Gallery widget */
.iim .iim-gallery{background:#fff;padding:96px 0}
.iim .iim-gal{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:50px}
.iim .iim-gal a{position:relative;display:block;overflow:hidden;border-radius:16px;aspect-ratio:1/1;background:var(--off)}
.iim .iim-gal img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.iim .iim-gal a::after{content:"";position:absolute;inset:0;background:rgba(31,42,55,.35);opacity:0;transition:opacity .35s}
.iim .iim-gal a::before{content:"";position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;z-index:2;opacity:0;transform:scale(.7);transition:opacity .35s,transform .35s;
  background:var(--o) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center/20px no-repeat}
.iim .iim-gal a:hover img{transform:scale(1.07)}
.iim .iim-gal a:hover::after,.iim .iim-gal a:hover::before{opacity:1;transform:none}
@media (max-width:1024px){.iim .iim-gal{grid-template-columns:repeat(3,1fr)}}
@media (max-width:860px){.iim .iim-gallery{padding:72px 0}}
@media (max-width:767px){.iim .iim-gal{grid-template-columns:repeat(2,1fr);gap:10px}}