.banner-text {
    transform: translate(-50%, 180%) !important;
    color: white !important;
}

.ProjectOverviewSection {
    padding-top: 5.000em;
    padding-bottom: 2.500em;
}

.ProjectOtherSections {
    padding-top: 2.500em;
    padding-bottom: 2.500em;
}

.ProjectOverviewDesc h2 {
    font-size: 1.50em !important;
    padding-bottom: 2em;
    color: #BF983F;
    font-family: 'Times New Roman';
}

.ProjectOverviewDesc h5 {
    font-size: 1.50em !important;
    color: #BF983F;
    font-family: 'Times New Roman';
}

.ProjectOverviewDesc p {
    font-size: 0.843em;
    padding-left: 3em;
    padding-top: 1em;
}

.amenities-row {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px; /* Adjust spacing between rows */
}

.amenity {
    display: flex;
    align-items: center;
    margin-bottom: 10px; /* Adjust spacing between items */
    font-size: 0.843em;
}

.Amenities-icon {
    margin-right: 10px; /* Adjust spacing between icon and text */
    width: 40px; /* Adjust icon size */
    height: 40px; /* Adjust icon size */
}

.investmentBackgroundImg {
    background-position: top center;
    background-repeat: round;
    background-size: cover;
    color: black;
}

.amenity a, .scroll-container a {
    text-decoration: none; /* Remove underline by default */
    transition: transform 0.3s ease-in-out; /* Smooth transition for the zoom effect */
    display: inline-block; /* Ensure transform works properly */
}

    .amenity a:hover, .scroll-container a:hover {
        text-decoration: none; /* Ensure underline is removed on hover */
        transform: scale(1.1); /* Zoom in effect */
    }

.scroll-container {
    background-color: #333;
    overflow: scroll;
    white-space: nowrap;
    padding: 10px;
}

    .scroll-container img {
        padding: 10px;
        width: 600px;
        height: 400px;
        transition: transform 0.5s ease;
    }

.blur-bg {
    filter: blur(3px);
    -webkit-filter: blur(3px);
    cursor: pointer;
}
/*
.carousel-container {
    position: relative;
    width: 600px;
    height: 400px;
    margin: auto;
    overflow: hidden;
    background-color: #333;
}

.image-container {
    display: flex;
    transition: transform 0.5s ease;
}

.carousel-image {
    min-width: 100%;
    height: auto;
}

.arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(255, 255, 255, 0.5);
    border: none;
    padding: 10px;
    cursor: pointer;
    z-index: 1000;
}

.left-arrow {
    left: 0;
}

.right-arrow {
    right: 0;
}
*/
.toggle-sign {
    display: inline-block;
    font-size: 20px;
    line-height: 1;
    transition: transform 0.3s ease; /* Smooth zoom effect */
}

.btn-link {
    text-decoration: none; /* Remove underline */
}

    .btn-link:hover {
        text-decoration: none; /* Remove underline on hover */
    }

.card-header {
    cursor: pointer; /* Show pointer cursor on hover */
}

/* Media Queries */
@media (max-width: 768px) {
    .ProjectOverviewDesc h2 {
        font-size: 1.5em !important;
        padding-bottom: 1em;
    }

    .ProjectOverviewDesc p {
        font-size: 0.75em !important;
        padding-bottom: 1em;
    }

    .amenity {
        margin-bottom: 20px; /* Add margin for better spacing on smaller screens */
    }

    .amenities-row {
        flex-direction: column; /* Stack the amenities vertically on smaller screens */
    }

    .scroll-container {
        overflow-x: scroll; /* Enable horizontal scrolling on smaller screens */
        overflow-y: hidden;
        white-space: nowrap;
    }

        .scroll-container img {
            width: 100%; /* Make images responsive */
            height: auto;
            max-width: none;
            display: inline-block;
        }

    .blur-bg {
        width: 100%; /* Make blurred images responsive */
        height: auto;
    }
}

@media (max-width: 480px) {
    .ProjectOverviewDesc h2 {
        font-size: 1.10em !important;
        padding-bottom: 1em;
    }
}