/* Locks the section to the viewport */
.reveal-wrapper {
display: flex;
height: 100vh;
width: 100%;
background-color: #020617; /* Dark agency background */
overflow: hidden;
position: relative;
font-family: sans-serif; /* Will inherit your Elementor globals */
}
/* Left side for the text content */
.reveal-left {
width: 50%;
height: 100%;
display: flex;
align-items: center;
padding: 0 8%;
position: relative;
}
/* Right side for the wiping images */
.reveal-right {
width: 50%;
height: 100%;
position: relative;
overflow: hidden;
}
/* Individual Text Panels */
.text-panel {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 80%;
opacity: 0; /* Hidden by default, GSAP handles the fade in */
visibility: hidden;
}
/* The first text panel needs to be visible immediately */
.text-panel.active-start {
opacity: 1;
visibility: visible;
}
.text-panel h2 {
font-size: 3.5rem;
font-weight: 800;
color: #ffffff;
margin-bottom: 16px;
line-height: 1.1;
letter-spacing: -1px;
}
.text-panel p {
font-size: 1.125rem;
color: #94a3b8;
line-height: 1.6;
margin: 0;
}
/* Individual Image Panels */
.img-panel {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
/* Z-index is handled inline in the HTML */
}
/* — REPLACE THESE URLs WITH YOUR WORDPRESS MEDIA LINKS — */
.img-1 { background-image: url(‘https://umerzulfiqar1.com/wp-content/uploads/2024/06/slider-4.jpg’); }
.img-2 { background-image: url(‘https://umerzulfiqar1.com/wp-content/uploads/2024/06/port-sm-4.jpg’); }
.img-3 { background-image: url(‘https://umerzulfiqar1.com/wp-content/uploads/2024/06/port-sm-5.jpg’); }
.img-4 { background-image: url(‘https://umerzulfiqar1.com/wp-content/uploads/2024/06/port-1-5.jpg’); }
/* Responsive tweaks for mobile (stacks vertically) */
@media (max-width: 992px) {
.reveal-wrapper { flex-direction: column; }
.reveal-left { width: 100%; height: 50vh; padding: 0 5%; text-align: center; }
.text-panel { width: 90%; left: 5%; }
.text-panel h2 { font-size: 2.5rem; }
.reveal-right { width: 100%; height: 50vh; }
}

Premier Transfers

Luxury transport logistics with seamless booking architecture and high-end visual design.

Zero24 Rentals

Robust rental inventory management built on top of high-performance WordPress infrastructure.

Shinova Cleaning

Modernized digital presence featuring automated quoting systems and clean, accessible UI.

DentoEdge Tools

Complete B2B brand identity and bespoke e-commerce catalog for premium medical instruments.