/* =========================================================
   AD Soft Technologies - equal-height image column
   Same look on every page (About page is the reference):
   - image is 100% of its column width
   - image height always matches the text column beside it
   - small floating image sits inside the bottom-left corner
   ========================================================= */
.eq-wrap { position: relative; width: 100%; height: 100%; min-height: 440px; align-self: stretch; }

/* figure (slide-reveal wrapper) fills the whole column */
.eq-wrap > figure { position: absolute !important; top: 0; right: 0; bottom: 0; left: 0; display: block !important; width: 100%; height: 100%; margin: 0 !important; overflow: hidden; border-radius: 6px; }

/* main image: always covers the full column box */
.eq-wrap .eq-main { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover; object-position: center; display: block; }

/* floating small image: inside the main image, bottom-left */
.eq-wrap > .eq-float { position: absolute; left: 20px; bottom: 20px; width: 42%; max-width: 300px; height: auto; z-index: 2; }

@media (max-width: 991px) { .eq-wrap { min-height: 340px; } }
@media (max-width: 575px) { .eq-wrap { min-height: 280px; } .eq-wrap > .eq-float { width: 46%; left: 12px; bottom: 12px; } }