Basic Video Editing

Fundamental video editing tasks including cutting, trimming, merging, transitions, and speed adjustments to prepare raw footage for further processing.

💻

Cut & Trim

Remove unwanted sections from the beginning, middle, or end of the video. Precisely adjust start and end points for perfect timing.

💻

Split & Merge

Split a single clip into multiple segments or combine several clips into one seamless video file.

💻

Transition Effects

Add smooth scene changes such as fade, dissolve, wipe, and slide effects to make transitions look natural and professional.

💻

Crop & Rotate

Crop unwanted edges to focus on the main subject. Rotate video to fix incorrect orientation or achieve creative angles.

💻

Speed Adjustment

Create dramatic slow-motion effects or fast-motion time-lapse by controlling the playback speed precisely.

💻

Reverse Playback

Play the entire video or selected clips backward for creative, comedic, or artistic effects.

💻

Video Stabilization

Reduce camera shake and jitter from handheld footage to make videos smooth, stable, and watchable.

/* Package Grid Specific Styles */ .packages-grid { display: flex; flex-direction: column; gap: 20px; } .package-card { display: flex; flex-direction: row; align-items: stretch; justify-content: space-between; position: relative; padding: 0; min-height: 180px; border-radius: 16px; transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.4s ease, border-color 0.4s ease, opacity 1.2s ease, background 0.4s ease; background: color-mix(in oklab, var(--card) 40%, transparent); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid var(--border); gap: 0; opacity: 0; transform: translateX(100px); } .package-card.visible { opacity: 1; transform: translateX(0); } .pkg-left { flex: 0 0 220px; display: flex; align-items: center; justify-content: center; padding: 30px; } .pkg-center { flex: 1; text-align: left; padding: 30px 20px; border-left: 1px solid color-mix(in oklab, var(--border) 60%, transparent); border-right: 1px solid color-mix(in oklab, var(--border) 60%, transparent); display: flex; align-items: center; } .pkg-right { flex: 0 0 250px; text-align: left; padding: 30px 20px; display: flex; flex-direction: column; justify-content: center; } @media (max-width: 980px) { .package-card { flex-direction: column; text-align: center; } .pkg-left, .pkg-center, .pkg-right { text-align: center; width: 100%; flex: none; padding: 20px; border: none; } .pkg-center { border-top: 1px solid color-mix(in oklab, var(--border) 60%, transparent); border-bottom: 1px solid color-mix(in oklab, var(--border) 60%, transparent); } } .package-card:hover { transform: translateY(-4px); box-shadow: var(--hover-shadow, 0 20px 40px color-mix(in oklab, var(--accent) 15%, rgba(0,0,0,0.4))); border-color: var(--hover-border, var(--accent)); background: color-mix(in oklab, var(--card) 70%, transparent); } .package-card:hover .custom-hover-btn { background-color: var(--hover-bg, var(--accent)) !important; border-color: var(--hover-border, var(--accent)) !important; color: var(--hover-text, #ffffff) !important; } .custom-hover-btn { background-color: transparent; border: 2px solid var(--accent); color: var(--text); transition: all 0.3s ease; } .custom-hover-btn:hover { background-color: var(--hover-bg, var(--accent)) !important; border-color: var(--hover-border, var(--accent)) !important; color: var(--hover-text, #ffffff) !important; } .popular-badge { position: absolute; top: 15px; left: 50%; transform: translateX(-50%); background: var(--accent); color: #fff; padding: 4px 12px; border-radius: 20px; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; box-shadow: 0 4px 10px color-mix(in oklab, var(--accent) 40%, transparent); }