/* Custom CSS for Saturn Travel Site */

/* General Body Styling */
body {
    background-color: #05112f; /* Deep space color */
/*    background-image: url('https://saturnvoyage.com/nc_assets/img/logos/saturnvoyage-logo-2x2.png');
    background-repeat: no-repeat;
    background-position-x: center;
    background-size: 600px;
    background-position-y: 140px; */
}

/* Logo */
.logo {
    height: 80px;
    border-radius: 40px;
}

.logo-mid {
    display: block;
    width: 100%;
    text-align: center;
    margin: 40px 0;
}

.logo-mid > img {
    height: 400px;
}

/* --- SCROLL REVEAL STYLES --- */
.scroll-reveal {
    /* Start position: invisible and slightly below its final position */
    opacity: 0;
    transform: translateY(50px);
    /* 👇 CHANGE MADE HERE: Increased duration from 1s/0.8s to 2s/1.6s */
    transition: opacity 2s ease-out, transform 1.6s ease-out;
}

.scroll-reveal.active {
    /* End position: fully visible and in its original location */
    opacity: 1;
    transform: translateY(0);
}


/* Hero Section Styling - UNCHANGED */
.hero {
    margin-top: 100px;
    height: 100vh;
    background: url('https://images.unsplash.com/photo-1517976150257-2c5e5330310e?fit=crop&w=1400&q=80') center center no-repeat;
    background-size: cover;
    position: relative;
    /* Adding text shadow for better readability over the background */
    
}


/* Booking form section */
#booking {
    width: 800px;
    padding: 40px;
}
/* ... (Rest of the CSS file remains the same) ... */