body {
            font-family: Arial, sans-serif;
            background-color: #f0f8ff;
            margin: 0;
            display: flex;
            height: 100vh;
            display: flex;
            flex-direction: column;
            overflow-y: auto;
 
        }
        
        .bmc-btn-text, footer{
            font-family: "Special Elite", system-ui!important;
        }


        .sidebar {
            display: flex;
            flex-direction: column;
            width: 300px;
            border-right: 2px solid #ccc;
            min-width: 250px;
            background-color: #ffffff;
            height: 100%;
        }
        #filter-ddropdown  {
/*             margin: 5px; */
            margin:2%;
        }
        .main-content{
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            height: 100vh;
            margin-bottom:2vh;
        }

        .main-content div {
              max-height:100vh !important;
        }
        .content {
            flex-grow: 1;
            width: 100%;
        }
        #intro{     
            color: #607D8B;
 
            padding-left:20px;
            padding-right:20px;
            z-index: 9999;
            text-align: center;
            font-family: "Special Elite", system-ui;
            font-size: 28px;
            margin-bottom:2vh;
        }
        .resort-count{
          text-align: right;
          margin-right: 2%;
          padding-bottom:0;
        }
        
        .left-column {
            display: flex;
            flex-direction: column;
            width: 33.33%;
             /*! height: 100vh; */
            overflow: hidden;
        }

        .resort-list {
            overflow-y: auto;
            padding: 20px;
            background: whicte;
            box-sizing: border-box;
        }
.resort-info {
    background-color: #607D8B;
    color: white;
    text-align: left;
    z-index: 500;
    padding: 10px 20px;
}

        .resort {
            background: white;
            padding: 10px;
            margin: 10px 0;
            border-radius: 5px;
            box-shadow: 0px 0px 5px gray;
            cursor: pointer;
        }
        #resort-details{
            display: none;
            overflow-y: auto;
          
        }
.map-container {
    flex: 1;
    display: flex;
    flex-direction: column;
    margin-right:2%;
}
#map {
    flex: 1;
    margin: 0;
}
        .divider {
            cursor: row-resize;
            background-color: #ccc;
            height: 10px;
            width: 100%;
        }
        .search-bar {
            padding: 10px;
            /*! background: white; */
            /*! border-radius: 5px; */
            /*! margin: 10px; */
            /*! width: 100%; */
        }

        .special-elite-regular {
            font-family: "Special Elite", system-ui;
            font-weight: 400;
            font-style: normal;
            font-size: 64px;
            color: white;
        }
        
        .header-font {
            font-family: "Special Elite", system-ui;
            font-weight: 400;
            font-style: normal;
            color: white;
        }
        .header-font-gray {
            font-family: "Special Elite", system-ui;
            font-weight: 400;
            font-style: normal;
            color:  #607D8B;
        }
        #search-input {
            border-radius: 5%;
            border: 10px solid #607D8B;
            height: 5vh;
            width: 95%;
        }
        header {
            background: #607D8B;
        }

        #company{
            background-color: transparent!important;
            color: #607D8B !important;
            cursor: pointer;
            font-size: 30px;
            z-index: 9999;
            margin-bottom:2vh;
            text-align: center;
            font-family: "Special Elite", system-ui;
        }

        #company a{
            text-decoration: none ;
            color: #607D8B !important;
        }
        .filter-dropdown {
          position: relative;
          display: inline-block;
          width: 95%;
          margin: 2%;
        }
        
        #filter-toggle {
          background-color: #607D8B;
          color: white;
          padding: 10px;
          font-size: 16px;
          border: none;
          width: 100%;
          text-align: left;
          cursor: pointer;
          border-radius: 4px;
        }
        
        .filter-menu {
          display: none;
          position: absolute;
          background-color: white;
          width: 100%;
          border: 1px solid #ccc;
          max-height: 200px;
          overflow-y: auto;
          z-index: 1000;
          box-shadow: 0 2px 6px rgba(0,0,0,0.2);
          padding: 10px;
          box-sizing: border-box;
        }
        
        .filter-menu label {
          display: block;
          margin-bottom: 8px;
        }

        .leaflet-bottom{
            top:0;
        }
        
        #close-details{
          font-family: "Special Elite", system-ui;
          font-size:28px;
          vertical-align: middle;
          padding-left:2vw;
        }
        
        .title-bar div, h2{
          display: inline-block
        }
        
        .cc-btn {
            background-color: white !important;
            color: #607D8B !important;
            border: 1px solid #607D8B; 
            transition: all 0.3s ease; 
        }
        

        .cc-btn:hover {
            background-color: #607D8B !important;
            color: white !important;
            border: 1px solid white !important;
        }