.index {
  .indexHome {
    padding-left: 20px;
    padding-right: 20px;
    // background-color: aquamarine;
    .indexHeader {
      margin-top: 10px;
      display: flex;
      flex-direction: row;
      // justify-content: space-between;
      align-items: center;
      margin-bottom: 10px;
    }

    .provinceTag {
      display: flex;
      flex-direction: row;
      // justify-content: space-between;
      align-items: center;
      margin-bottom: 10px;
    }

    .homeCards {
      display: flex;
      // flex-direction: column;
      flex-direction: row;
      flex-wrap: wrap;

      .Nomadbook {
        padding: 10px;
        font-size: 25px;
        width: 320px;
        height: 230px;
        display: flex;
        flex-direction: column;
        align-items: center;
        // justify-content: center;
        // background-color: red;
        border-radius: 20px;
        border: solid 1px #8c8c8c;
      }

      .homeCardItem {
        margin-top: 10px;
        width: 340px;
        height: 250px;
        display: flex;
        flex-direction: row;
        // background-color: aqua;
        // justify-content: space-between;
        // align-items: center;
        .homeCard {
          width: 100%;
          height: 100%;
          // background-color: yellow;
          border-radius: 20px;
          // margin-left:20px;
          position: relative;

          .CityName {
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            position: absolute;
            color: #fff;
            font-size: 40px;
            z-index: 99;
          }
          Image{
            // position: absolute;
            z-index: -1;
          }
        }
      }
      .homeCardDiv {
        width: 30px;
        height: 100%;
        // background-color: blue;
      }
    }
  }

  .tabbbarDiv {
    width: 100%;
    height: 140px;
    // background-color: red;
  }

  .tabbbar {
    position: fixed;
    bottom: 0px;
    width: 100%;
  }
}
