*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body{
    font-family: Dosis;
    margin: 0;
    padding: 0;
    width: 100%;
    
  }
.home{
    height: 80vh;
}
.carousel-container {
    position: relative;
    height: 100vh; /* 100% of viewport height */
    overflow: hidden; /* Hide overflow on x-axis */
}

#hotelCarousel {
    height: 100%; /* 100% of container height */
    overflow: hidden; /* Hide overflow on x-axis */
}

#hotelCarousel img {
    object-fit: cover; /* Ensure images cover the entire container */
    height: 90%; /* 100% of container height */
    width: 90%; /* 100% of container width */
}

.form-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(255, 255, 255, 0.8);
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    z-index: 2;
    width: 80%;
    max-width: 500px;
    opacity: 95%;


}
gmpx-store-locator {
    width: 100%;
    height: 100%;
  
    /* These parameters customize the appearance of Locator Plus. See the documentation at
       https://github.com/googlemaps/extended-component-library/blob/main/src/store_locator/README.md
       for more information. */
    --gmpx-color-surface: #fff;
    --gmpx-color-on-surface: #212121;
    --gmpx-color-on-surface-variant: #757575;
    --gmpx-color-primary: #1967d2;
    --gmpx-color-outline: #e0e0e0;
    --gmpx-fixed-panel-width-row-layout: 28.5em;
    --gmpx-fixed-panel-height-column-layout: 65%;
    --gmpx-font-family-base: "Roboto", sans-serif;
    --gmpx-font-family-headings: "Roboto", sans-serif;
    --gmpx-font-size-base: 0.875rem;
    --gmpx-hours-color-open: #188038;
    --gmpx-hours-color-closed: #d50000;
    --gmpx-rating-color: #ffb300;
    --gmpx-rating-color-empty: #e0e0e0;
  }

.form-container h2 {
    font-size: 1.5rem;
    
}

.row{
    padding: 0;
}

.text-decoration-none a{
    color: black; /* Desired text color */
    text-decoration: none;
    
}
select{
    width: auto;
}