:root {
    /* --fc-border-color: none; */
    --fc-daygrid-event-dot-width: 5px;
    --fc-more-link-text-color: #333;

    --fc-neutral-text-color: #808080;

    --fc-button-text-color: black;
    --fc-button-bg-color: white;
    --fc-button-border-color: white;
    --fc-button-hover-bg-color: #f9f9f9;
    --fc-button-hover-border-color: #f9f9f9;
    --fc-button-active-bg-color: #f2f0f0;
    --fc-button-active-border-color: #f2f0f0;

    .fc {
        & .fc-toolbar-title {
            font-size: 20px;
            font-weight: bold;
        }
        & .fc-col-header-cell-cushion {
          color: #333;
          text-decoration: none;
          font-size: 14px;
        }
        & .fc-daygrid-day-number{
          color: #333;
          text-decoration: none;
        }
        & .fc-list-day-text{
          color: #333;
          text-decoration: none;
        }
        & .fc-list-day-side-text{
          color: #333;
          text-decoration: none;
        }
        & .fc-dayGridMonth-button{
            /* background-color:#28a745; */
        }
        & .fc-timeGridWeek-button{
            /* color:orange; */
        }
        & .fc-timeGridDay-button{
            /* color:orange; */
        }
        & .fc-listMonth-button{
            /* color:orange; */
        }
        & .fc-button{
          padding: 2px;
          border-radius: 0.3rem;
        }
    }
  }

  .sticky_bottom{
      visibility: hidden;
      width: 100vw !important;
      height: auto;
      margin-left: -50vw !important; 
      margin-right: -50vw !important; 
      position:fixed;
      bottom: 0; 
      left: 50%; 
      right: 50%;
      z-index: 100;
    }

    .sticky_bottom #bookBtn{
      /* font-size: 18px; */
      padding: 0.6rem 1.8rem;
    }
    #sticky_reachnowBtn{
      padding: 0.6rem 1rem;
    }

    .flex-column{
      flex-column;
      flex-grow: 1;
    }

    @media (max-width: 767px) { /* Target smaller screens */
      .sticky_bottom {
        visibility: visible;
      }
      .costs_display_2 {
        display: none;
      }
    }

    .main-swiper {
      height: 90%;
      justify-content: center;
      align-items: center;
      padding: auto;
    }
    .main-swiper .swiper-wrapper {
      width: 80%;
    }

    .thumb-swiper {
      height: 10%;
      width: auto;
      
    }
    .swiper_img_fsmodal {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .swiper-container {
      margin-left: auto;
      margin-right: auto;
      color: white;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    /* swiper-container {
      width: 100%;
      height: 100%;
      padding: 0;
    }

    swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
    } */

    /* 

    .swiper_nav {
      height: 20%;
      box-sizing: border-box;
      padding: 10px 0;
    }

    .swiper_nav swiper-slide {
      width: 25%;
      height: 100%;
      opacity: 0.4;
    }

    .swiper_nav .swiper-slide-thumb-active {
      opacity: 1;
    }
 */

      input[type="number"] {
        -webkit-appearance: textfield;
        -moz-appearance: textfield;
        appearance: textfield;
      }

      .number-input input[type=number]::-webkit-inner-spin-button, .number-input
      input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
      }

      .number-input {
        border: 2px solid #ddd;
        display: inline-flex;
        border-radius: 10rem;
      }
      .number-input * {
        box-sizing: border-box;
      }

      .number-input button {
        outline:none;
        -webkit-appearance: none;
        background-color: transparent;
        border: none;
        align-items: center;
        justify-content: center;
        width: 3rem;
        height: 3rem;
        cursor: pointer;
        margin: 0;
        position: relative;
      }

      .number-input button:after {
        display: inline-block;
        position: absolute;
        font-family: bootstrap-icons; 
        font-weight: 900;
        content: '\F63B';
        transform: translate(-50%, -50%) rotate(180deg);
      }

      .number-input button.plus:after {
          content: '\F64D';
        transform: translate(-50%, -50%) rotate(0deg);
      }

      .number-input input[type=number] {
        font-family: sans-serif;
        max-width: 5rem;
        padding: .5rem;
        border: solid #ddd;
        border-width: 0 2px;
        border-radius: 0 !important;
        height: 3rem;
        font-weight: bold;
        text-align: center !important;
      }

      .review{
        margin-bottom: 50px;
      }

      .text_review{
        max-height: 10vh;
        overflow: hidden;
      }

/*    booknow change */

      /*input[type="number"] {
        -webkit-appearance: textfield;
        -moz-appearance: textfield;
        appearance: textfield;
      }

      .number-input input[type=number]::-webkit-inner-spin-button, .number-input
      input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
      }

      .number-input {
        border: 2px solid #ddd;
        display: inline-flex;
        border-radius: 10rem;
      }
      .number-input * {
        box-sizing: border-box;
      }

      .number-input button {
        outline:none;
        -webkit-appearance: none;
        background-color: transparent;
        border: none;
        align-items: center;
        justify-content: center;
        width: 3rem;
        height: 3rem;
        cursor: pointer;
        margin: 0;
        position: relative;
      }

      .number-input button:after {
        display: inline-block;
        position: absolute;
        font-family: bootstrap-icons; 
        font-weight: 900;
        content: '\F63B';
        transform: translate(-50%, -50%) rotate(180deg);
      }

      .number-input button.plus:after {
          content: '\F64D';
        transform: translate(-50%, -50%) rotate(0deg);
      }

      .number-input input[type=number] {
        font-family: sans-serif;
        max-width: 5rem;
        padding: .5rem;
        border: solid #ddd;
        border-width: 0 2px;
        border-radius: 0 !important;
        height: 3rem;
        font-weight: bold;
        text-align: center !important;
      }*/



      .booking_calendar_vh{
        max-height: 70vh;
      }