.elementor-7573 .elementor-element.elementor-element-7731f6d6{--display:flex;}/* Start custom CSS *//* American Native Plants Case Study - Responsive Video */
.vi-cs-anp .vi-cs-video-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 18px;
  background: #F4F4F0;
}

.vi-cs-anp .vi-cs-video-wrap iframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}

.vi-cs-anp .vi-cs-possible-grid {
  grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 1024px) {
  .vi-cs-anp .vi-cs-possible-grid {
    grid-template-columns: 1fr;
  }
}
/* =========================================
   American Native Plants Case Study
   Video + Brand Support 45 / 55 Layout
   ========================================= */

.vi-cs-anp .vi-cs-recognition-card {
  grid-template-columns: 45fr 55fr !important;
  align-items: center !important;
  gap: clamp(28px, 4vw, 52px) !important;
}

.vi-cs-anp .vi-cs-recognition-copy {
  min-width: 0 !important;
}

.vi-cs-anp .vi-cs-recognition-copy p:not(.vi-cs-kicker) {
  max-width: none !important;
}

.vi-cs-anp .vi-cs-recognition-image.vi-cs-video-wrap {
  width: 100% !important;
  max-width: none !important;
}

/* Keep the video responsive */
.vi-cs-anp .vi-cs-video-wrap {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  overflow: hidden !important;
  border-radius: 18px !important;
  background: #F4F4F0 !important;
}

.vi-cs-anp .vi-cs-video-wrap iframe {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  border: 0 !important;
}

/* Stack on tablet/mobile */
@media (max-width: 900px) {
  .vi-cs-anp .vi-cs-recognition-card {
    grid-template-columns: 1fr !important;
  }
}/* End custom CSS */