#hero-home {
  background: url("../images/airplane-fly.png") no-repeat center / cover;
  min-height: 70rem;
  position: relative;
  border-bottom-left-radius: 56px;
  border-bottom-right-radius: 56px;
  overflow: hidden;
}

#hero-home::before {
  content: "";
  position: absolute;
  inset: 0;
  height: 100%;
  width: 100%;
  background: #000000aa;
}

#hero-home .content {
  position: relative;
  z-index: 2;
  max-width: 120rem;
  margin: 12rem auto;
}

#hero-home .btn-group {
  display: flex;
  justify-content: center;
  gap: 2rem;
  margin-top: 3rem;
}

section#search-filter {
  position: relative;
  z-index: 5;
  overflow: visible;
}

#search-filter .content {
  box-shadow: 0 14px 28px 0 #0000000d;
  border: 1px solid #e4e6e8;
  margin-top: -22rem;
}

.search-detail-wrap {
  border: 1px solid #e4e6e8;
}

.search-detail-wrap .search-btn .fas {
  margin-bottom: 0.5rem;
  margin-right: 0;
  font-size: 2rem;
}

.search-detail-wrap .separator {
  width: 1px;
  height: 60px;
  background-color: var(--clr-gray-3);
  margin: 0 1.3rem;
}

.search-detail-wrap select {
  -moz-appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20fill%3D%22%23b4b4b4%22%20d%3D%22M1%203h10L6%209z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: left 0.5rem;
  border: none;
  min-width: 12rem;
}

@media (max-width: 991px) {
  .search-detail-wrap .separator {
    width: 100%;
    height: 1px;
  }

  .search-filter .button {
    width: 100%;
  }

  .search-detail-wrap select {
    min-width: auto;
    width: 100%;
  }
}

#property-section .bottom-wrap {
  background-color: var(--clr-primary);
  padding: 1.6rem 0;
  position: relative;
  margin-top: 5rem;
}

#property-section .bottom-wrap ul {
  white-space: nowrap;
  gap: 5rem;
  min-width: 160%;
}

#property-section .bottom-wrap::before {
  content: "";
  position: absolute;
  inset: 0;
  height: 100%;
  width: 110%;
  background-color: #161616;
  transform: rotate(-1deg);
  z-index: -1;
}

.deal-card {
  border-radius: 11px;
  overflow: hidden;
  margin-bottom: 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

.deal-card.early-bird-card {
  background-color: var(--clr-primary);
}

.deal-card.deal-card > * {
  position: relative;
  z-index: 5;
}

.deal-card.early-bird-card::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 24rem;
  height: 28rem;
  background-color: var(--clr-secondary);
  top: 40%;
  right: 70%;
  transform: rotate(46deg);
  border-radius: var(--rounded-33);
}

.deal-card.hotel-card {
  background: linear-gradient(to right, #00000000, #021f0f),
    url("../images/hotel-swimming-pool.png") no-repeat center / cover;
}

.deal-card :is(.hotel-card-content, .early-bird-content) {
  max-width: 60%;
}

.deal-card h5 {
  font-size: 2.5rem;
  margin-bottom: 1.4rem;
}

.deal-card h6 {
  margin-bottom: 2rem;
}

.deal-card p {
  font-size: 1.7rem;
}

.deal-card.bottom-card {
  padding: 2rem;
}

.deal-card.bottom-card a {
  flex: 1;
}

.deal-card.bottom-card-dark {
  background: url(../images/cash-back.png) no-repeat center / cover;
  position: relative;
}

.deal-card.bottom-card-dark::before {
  content: "";
  position: absolute;
  inset: 0;
  height: 100%;
  width: 100%;
  background: #000000d9;
}

.deal-card.bottom-card:not(.bottom-card-dark)::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 24rem;
  height: 28rem;
  background-color: #017a371a;
  top: -24rem;
  right: 18%;
  transform: rotate(-58deg);
  border-radius: var(--rounded-33);
}

#feature-section .img-card {
  border-radius: var(--rounded-15);
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#feature-section .large-img-card {
  height: 27rem;
  margin-bottom: 1rem;
  background-image: url("../images/hotel-swimming-pool.png");
}

#feature-section .small-img-card {
  height: 15rem;
}

#feature-section .cashback-img-card {
  background-image: url("../images/cash-back.png");
}

#feature-section .flight-img-card {
  background-image: url("../images/airplane-fly.png");
}

@media (max-width: 767px) {
  .deal-card :is(.hotel-card-content, .early-bird-content) {
    max-width: 100%;
  }

  .deal-card h5 {
    font-size: 2.1rem;
    margin-bottom: 1.4rem;
  }
}