/* Remove rounded corners from video containers */

/* Remove border radius from all video containers */
.feature-video,
.feature-video-container,
.feature-item .feature-video,
.interactive-features .feature-video,
.features-section .feature-video {
  border-radius: 0 !important;
  overflow: hidden !important; /* Ensure clean edges */
}

/* Remove border radius from video elements themselves */
.feature-video video,
.feature-video-container video,
.feature-item video,
.interactive-features video,
.features-section video {
  border-radius: 0 !important;
}

/* Ensure sharp corners at all breakpoints */
@media screen and (min-width: 768px) {
  .feature-video,
  .feature-video-container {
    border-radius: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .feature-video,
  .feature-video-container {
    border-radius: 0 !important;
  }
}

/* High specificity override for any existing rounded corners */
body .feature-item .feature-video,
body .interactive-features .feature-video,
body .features-section .feature-video {
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
}

/* Remove any rounded corners that might be set inline or by other CSS */
[class*="feature-video"] {
  border-radius: 0 !important;
}