.price-container {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 10px;
    flex-wrap: wrap;
    gap: 5px;
}
.price-box {
    text-align: center;
    padding: 5px;
}
.price-label {
    display: block;
    font-size: 11px;
    color: #dbdbdb;
    font-weight: bold;
    text-transform: uppercase;
}
.price-amount {
    display: block;
    font-size: 15px;
    font-weight: bold;
    color: #ffffff; /* Theme color */
}
.price-per-night {
    display: block;
    font-size: 11px;
    color: #ffffff;
}

/* Specific styling for main room prices section to ensure visibility on different backgrounds */
.rooms-page .price-container {
    display: flex; /* Use flex to stack items vertically */
    flex-direction: column; /* Stack price boxes vertically */
    align-items: flex-start; /* Left-justify the content */
    gap: 1px; /* Space between weekday and weekend prices */
    margin-top: 1px; /* Add some space from the heading */
    max-width: fit-content; /* Only take the width needed */
}
.rooms-page .price-box {
    display: flex; /* Display as a flex row to put everything on one line */
    flex-direction: row; /* Elements in a row */
    align-items: center; /* Vertically center items */
    gap: 5px; /* Space between elements in the row */
    padding: 5px; /* More padding for better appearance */
    white-space: nowrap; /* Prevent wrapping within the price box */
}
.rooms-page .price-label {
    font-size: 17px; /* Bigger font size */
    color: #333333; /* Darker color for better contrast on light backgrounds */
    font-weight: normal;
    text-transform: uppercase;
}
.rooms-page .price-amount {
    font-size: 17px; /* Much bigger font size */
    font-weight: bold;
    color: #333333; /* Darker color for better contrast on light backgrounds */
}
.rooms-page .price-per-night {
    font-size: 17px; /* Bigger font size */
    color: #333333; /* Darker color for better contrast on light backgrounds */
    font-weight: normal;
}

/* Maintain carousel styling for similar rooms */
.rooms1 .price-container {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 10px;
    flex-wrap: wrap;
    gap: 5px;
}
.rooms1 .price-box {
    text-align: center;
    padding: 5px;
}
.rooms1 .price-label {
    display: block;
    font-size: 11px;
    color: #dbdbdb; /* Light gray for dark backgrounds */
    font-weight: bold;
    text-transform: uppercase;
}
.rooms1 .price-amount,
.rooms1 .price-per-night {
    display: block;
    font-size: 15px;
    color: #ffffff; /* White for dark backgrounds */
}