@import "../../../../app/assets/less/variables";
.block_top_destination {
  #owl-carousel {
    .block-destination-item {
      width: 100%;
      box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
      margin-bottom: 20px;
      .content-top {
        width: 100%;
        height: 260px;
        .img-block {
          width: 100%;
          height: 100%;
          div {
            width: 100%;
            height: 100%;
            padding-bottom: calc(100% * 260 / 350);
            position: relative;
            img {
              width: 100%;
              height: 100%;
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%);
              object-fit: cover;
              object-position: center;
            }
          }
        }
      }
      .content-bottom {
        padding: 30px;
        h4.destination-name {
          font-size: 20px;
          margin-bottom: 20px;
        }
        p.price {

        }
      }
    }
  }
}