.gradient {
    background: #DBE6F6;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #e1b175fe, #ebe8d9);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(135deg, #f5f5f5d4, #f2e6d9d4, #e0c58cd6);
}

.gradient-1 {
    background: linear-gradient(to left, rgba(255, 255, 240, 0.5), rgba(255, 239, 204, 1));
    /* Off-white to subtle gold gradient */
}

.gradient-2 {
    background: #DBE6F6;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #e1b175fe, #ebe8d9);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(135deg, #f5f5f5d4, #f2e6d9d4, #e0c58cd6);

}

.pprcube-hero {
    background: linear-gradient(90deg, #FFD700, #FFB300);
    /* Gold to a darker gold */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /* For WebKit browsers */
    background-clip: text;
    /* Standard */
}

.hero-action-btn {
    background: linear-gradient(90deg, #FFD700, #FFB300);
    /* Gold to a darker gold */
    color: white;
    transition: transform 0.5s ease-in-out, box-shadow 0.5s ease-in-out, color 0.5s ease;
}

.hero-action-btn:hover {
    transform: scale(1.05);
    /* Slightly enlarge */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    /* Deeper shadow on hover */
    background: linear-gradient(135deg, #B8860B, #FFD700);
    /* Reverse gradient on hover */
}

.arrow {
    display: inline-block;
    margin-left: 5px;
    /* Space between text and arrow */
    transition: transform 0.3s ease, color 0.3s ease;
    /* Transition for animation */
    font-size: 1.2rem;
    /* Arrow size */
}

.link:hover .arrow {
    transform: translateX(5px);
    /* Move arrow to the right */
    color: #B8860B;
    /* Darker gold color on hover */
}

.link:hover {
    color: #B8860B;
    /* Darker gold color on hover */
}

.navbar-gradient {
    background: linear-gradient(to right, rgba(82, 76, 71, 1), rgba(41, 40, 42, 1));
    ;
    opacity: 1;

}

.snap-container {
    /* scroll-snap-type: y mandatory; */
    /* Enable vertical snap */
    height: auto;
    /* Full viewport height */
    /* overflow-y: auto; */
    /* Enable vertical scrolling */
}

.snap-section {
    scroll-snap-align: start;
    /* Align sections to the start */
    height: auto;
    /* Full viewport height for sections */
}

.snap-footer {
    scroll-snap-align: start;
    /* Align sections to the start */
    height: auto;
    /* Full viewport height for sections */
}

@keyframes bounce {
    0% {
        transform: translateY(0);
        /* Normal position */
    }

    25% {
        transform: translateY(-5px);
        /* Move up slightly */
    }

    50% {
        transform: translateY(0);
        /* Back to normal */
    }

    75% {
        transform: translateY(5px);
        /* Move down slightly */
    }

    100% {
        transform: translateY(0);
        /* Back to normal */
    }
}

/* Apply bounce animation to images */
.bounce {
    animation: bounce 5s ease-in-out infinite;
    /* Bounce effect with a duration of 1.5 seconds */
}

@keyframes zoomIn {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.2);
        /* Adjust the scale factor as needed */
    }

    100% {
        transform: scale(1);
    }
}

.animate-zoomIn {
    animation: zoomIn 0.6s ease infinite;
    /* Adjust duration and easing as needed */
}

.glass {
    background: rgba(255, 255, 255, 0.4); /* Semi-transparent background */
    backdrop-filter: blur(15px); /* Blur effect */
    border-radius: 1rem; /* Rounded corners */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); /* Enhanced shadow */
    border: 1px solid rgba(255, 255, 255, 0.5); /* White border for glass effect */
}
.map-container {
    border-radius: 1rem;
    overflow: hidden;
}
#map {
    height: 100%; /* Full height for map */
}
input, textarea {
    transition: background 0.3s, transform 0.3s; /* Smooth transitions */
}
input:focus, textarea:focus {
    background: rgba(255, 255, 255, 0.6); /* Lighter background on focus */
    transform: scale(1.02); /* Slightly enlarge on focus */
}
button {
    background: linear-gradient(90deg, #FFD700, #FFB300);
    /* Gold to a darker gold */
    color: white;
    transition: transform 0.5s ease-in-out, box-shadow 0.5s ease-in-out, color 0.5s ease;
    opacity: 0.8;
}
button:hover {
    transform: scale(1.05);
    /* Slightly enlarge */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    /* Deeper shadow on hover */
    background: linear-gradient(135deg, #B8860B, #FFD700);
    /* Reverse gradient on hover */
}

.social-icons a {
    margin-right: 1rem;
    transition: transform 0.2s;
}
.social-icons a:hover {
    transform: scale(1.1);
}