Visit ReadyCoder ↗

/* Stretch section beyond the Elementor content width */ .rc-video-section { position: relative; width: 100vw; max-width: none; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); padding: 0; box-sizing: border-box; } .rc-video-link { display: block; position: relative; width: 100%; max-width: none; margin: 0; padding: 0; overflow: hidden; border-radius: 0; background: #141930; text-decoration: none !important; line-height: 0; box-sizing: border-box; cursor: pointer; } .rc-feature-video { display: block; width: 100%; height: auto; max-height: 360px; margin: 0; padding: 0; object-fit: contain; object-position: center; background: #141930; pointer-events: none; } .rc-video-overlay { position: absolute; inset: 0; display: flex; align-items: flex-end; justify-content: flex-end; padding: 16px 24px; box-sizing: border-box; background: linear-gradient( 180deg, transparent 60%, rgba(10, 14, 30, 0.35) 100% ); pointer-events: none; } .rc-video-cta { display: inline-block; color: #fff; background: #ff5a1f; font: 600 14px/1.2 Arial, sans-serif; padding: 13px 19px; border-radius: 8px; } .rc-video-link:hover .rc-video-cta { background: #e94b12; } /* Remove widget-level spacing */ .elementor-widget-html:has(.rc-video-section), .elementor-widget-html:has(.rc-video-section) > .elementor-widget-container { width: 100%; max-width: none; margin: 0; padding: 0; overflow: visible; } @media (max-width: 767px) { .rc-feature-video { max-height: 240px; } .rc-video-overlay { padding: 10px; } .rc-video-cta { font-size: 11px; padding: 9px 12px; } } /* Remove the dark empty space */ .rc-video-link, .rc-feature-video { background: #ffffff !important; } .rc-feature-video { object-fit: contain !important; object-position: center !important; }