/* Custom styles */
:root {
    --oasis-blue: #94d7f0;
    --oasis-denim: #1a7eca;
    --oasis-yelow: #f9e127;
    --oasis_orange: #f2792a;
}

body {
    background-color: var(--oasis-blue);
    overflow-x: hidden;
}

.overlay-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
}
.jumbotron {
    position: relative;
    background-color: #e9ecef;
}
.carousel-item img {
    max-height: 100vh; /* Adjust max height of images inside carousel */
    object-fit: cover; /* Ensure images cover the entire carousel */
}

.tint {
    width: 100%;
    height: auto;
}

.img-x {
    max-height: 400px;
    object-fit: cover;
}

.tint::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(3, 3, 3, 0.7);
}

#about {
    background: white;
}

#facilities {
    margin-top: -50px;
}

.promo {
    margin-top: -100px;
}

ul.footer {
    list-style: none;
}

.footer a {
    text-decoration: none;
    color: white;
}

#footer {
    background-image: url("http://www.oasissiliwangiwaterpark.co.id/img/IMG_7976.JPG");
}

.translucent-background {
    background-color: rgba(0, 0, 0, 0.5); /* Black with 50% opacity */
    padding: 20px;
    color: white; /* Text color on translucent background */
}

.carousel-caption {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.carousel-caption-single {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: rgb(152, 152, 152); /* Change color as needed */
}

.my-margin {
    padding: 20px;
}