/**
 * Our Services, Vision & Mission, and all similar sections:
 * Make image larger using empty side space, keep content area unchanged,
 * and show full image without cropping (English + Arabic).
 */
@media screen and (min-width: 992px) {
  /*
   * Strong grid override: Webflow sets these with #w-node... selectors.
   * We only expand the image column; content node remains where Webflow places it.
   */
  .sticky-card .main-grid > .card-sticky-img_wrapper {
    grid-column: 1 / 6 !important;
    grid-row: 1 / 2 !important;
    justify-self: stretch;
    align-self: start;
    display: flex !important;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 0;
    overflow: visible !important;
  }

  .sticky-card .main-grid > .card-sticky-img_wrapper .img-scale_wrapper {
    width: min(100%, 30rem);
    height: auto;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    overflow: visible !important;
  }

  /* Full picture visible, no cut-off, natural height preserved */
  .sticky-card .main-grid > .card-sticky-img_wrapper .img-scale_wrapper > .image {
    width: 100%;
    height: auto !important;
    max-height: none;
    object-fit: contain;
    object-position: center;
    display: block;
  }

  /* Remove top gap before dropdown items (e.g., Corporate Governance). */
  .sticky-card .main-grid > .card-drop_wrapper {
    align-self: start !important;
  }
}