#why {
  margin: 18em 0 0 0;
}

.why_grid {
  display: flex;
  align-items: flex-start;
  gap: 14em;
}
.why_grid ._left {
  display: flex;
  flex-direction: column;
  gap: 4em;
  width: 90em;
}
.why_grid ._right {
  width: 91em;
}
.why_grid ._right img {
  width: 100%;
  height: auto;
}
.why_grid h2 {
  font-size: 3.6em;
  font-weight: 700;
  color: #194D54;
}

.why_list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 6em;
  margin-left: -8em;
}
.why_list li {
  display: flex;
  align-items: flex-start;
  color: #112C2F;
  gap: 3em;
}
.why_list li .no {
  color: #A9D9DE;
  font-size: 3.6em;
  width: 2.25em;
}
.why_list li h4 {
  font-size: 2.4em;
  font-weight: 500;
  line-height: 1.15;
  max-width: 20em;
  margin-bottom: 0.8em;
}
.why_list li p {
  font-size: 2em;
  line-height: 1.35;
}

#time {
  margin-top: 18em;
}
#time ._grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
#time ._grid ._left {
  grid-column: 1/span 1;
  background-color: #194D54;
}
#time ._grid ._main {
  grid-column: 2/span 1;
  display: grid;
  grid-template-columns: 75em 43em 10em 22em;
}
#time ._grid ._right {
  grid-column: 3/span 1;
  background-color: #fff;
}
#time .column_a {
  background-color: #194D54;
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 3em;
  padding: 9em;
  grid-column: 1/span 1;
  grid-row: 1/-1;
}
#time .column_b {
  grid-column: 2/span 2;
  grid-row: 1/-1;
  border-top-right-radius: 3em;
  border-bottom-right-radius: 3em;
  overflow: hidden;
}
#time .column_b img {
  width: 100%;
  height: 58em;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: right;
     object-position: right;
}
#time .column_c {
  grid-column: 3/span 2;
  grid-row: 1/-1;
  display: flex;
  flex-direction: column;
  gap: 2em;
  align-items: flex-start;
  align-self: center;
}
#time h2 {
  font-size: 4em;
}
#time .desc {
  font-size: 2.2em;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  gap: 0;
}
#time button {
  margin-top: auto;
  max-width: 12em;
}
#time .properties_item {
  display: flex;
  background-color: #fff;
  color: #112C2F;
  align-items: center;
  gap: 1em;
  font-size: 1.5em;
  font-weight: 700;
  padding: 1em;
  border-radius: 1em;
  box-shadow: rgba(0, 0, 0, 0.14) 0 0.6em 0.6em;
  transition: box-shadow 0.6s ease-out, background 0.2s;
  width: 100%;
}
#time .properties_item span {
  font-size: 1.6em;
  color: #F59330;
}
#time .properties_item:hover {
  box-shadow: rgba(0, 0, 0, 0) 0 0em 0em;
  background-color: #F9f9f9;
}

#hotels_grid {
  color: #112C2F;
  margin-top: 18em;
}
#hotels_grid h2 {
  color: #194D54;
}
#hotels_grid h3 {
  color: #194D54;
}
#hotels_grid ._top {
  color: #A9D9DE;
}

#sl_hotels {
  margin-top: 20rem;
}

#hotel_app_how {
  margin-top: 20rem;
}
#hotel_app_how h2 {
  display: flex;
  font-size: 4em;
  font-weight: 700;
  margin-bottom: 1em;
  justify-content: center;
  color: #112C2F;
}
#hotel_app_how .wrapper {
  display: grid;
  grid-template-columns: repeat(3, 30%);
  gap: 4.5%;
}

.single_app_how {
  display: flex;
  align-items: flex-start;
  gap: 2em;
}
.single_app_how .no {
  font-size: 7em;
  font-weight: 700;
  color: #F59330;
  padding: 0.2em;
  border-right: solid 1px #F5F6FA;
}
.single_app_how ._desc {
  display: flex;
  flex-direction: column;
  gap: 1em;
  padding-top: 1em;
}
.single_app_how ._desc h3 {
  font-size: 2.2em;
  font-weight: 700;
  line-height: 1.1;
}
.single_app_how ._desc .par {
  font-size: 1.8em;
  color: #707070;
  line-height: 1.4;
}

#hotel_partners {
  margin-top: 10rem;
}
#hotel_partners .container {
  padding-top: 10rem;
  border-top: solid 1px #F5F6FA;
}
#hotel_partners h2 {
  display: flex;
  font-size: 4em;
  font-weight: 700;
  margin-bottom: 1em;
  justify-content: center;
  color: #112C2F;
}
#hotel_partners .wrapper {
  display: grid;
  grid-template-columns: repeat(4, 22%);
  gap: 8em 4%;
  justify-items: center;
}
#hotel_partners .single_partner {
  height: 9em;
}
#hotel_partners .single_partner img {
  height: 100%;
  width: auto;
}

@media (max-aspect-ratio: 1.5) {
  .why_grid ._right {
    width: 81em;
  }
  .why_list {
    margin-left: -3em;
  }
  #time ._grid {
    display: flex;
    flex-direction: column;
  }
  #time ._grid ._left, #time ._grid ._right {
    display: none;
  }
  #time ._grid ._main {
    display: flex;
    flex-direction: column;
    border-radius: 3em;
    background-color: #194D54;
  }
  #time ._grid ._main .column_a {
    order: 1;
    padding: 6em;
    border-top-right-radius: 3em;
    border-top-left-radius: 3em;
  }
  #time ._grid ._main .column_c {
    order: 2;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 6em;
    padding-top: 0;
    background-color: #194D54;
    border-bottom-right-radius: 3em;
    border-bottom-left-radius: 3em;
  }
  #time ._grid ._main .column_b {
    display: none;
    order: 3;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-right-radius: 3em;
    border-bottom-left-radius: 3em;
  }
  #hotel_app_how .wrapper {
    grid-template-columns: repeat(2, 45%);
  }
  #cta_banner.hotels ._grid {
    grid-template-columns: 61em 1fr;
  }
  #cta_banner.hotels .desc {
    padding: 7em 4em;
  }
  #cta_banner.hotels .desc h1 {
    font-size: 4em;
  }
}
@media (max-width: 1000px), (max-aspect-ratio: 1) {
  #why {
    margin-top: -10em;
    position: relative;
    z-index: 10;
  }
  #why .container {
    background: #fff;
    padding: 9em;
    border-radius: 4em;
    box-shadow: rgba(0, 0, 0, 0.14) 0 1.3em 2.3em;
  }
  .why_list {
    margin-left: 0;
  }
  .why_grid {
    flex-direction: column;
    gap: 4em;
  }
  .why_grid ._right {
    width: 100%;
    justify-content: center;
    display: flex;
  }
  .why_grid ._right img {
    max-width: 60em;
  }
  .why_grid ._left {
    width: 100%;
    max-width: 70em;
  }
  #hotel_app_how .wrapper {
    display: flex;
    flex-direction: column;
    gap: 4em;
  }
  #hotel_partners .wrapper {
    grid-template-columns: repeat(3, 32%);
    gap: 8em 4%;
  }
  #cta_banner.hotels ._grid {
    display: flex;
    flex-direction: column;
  }
  #cta_banner.hotels .desc {
    padding: 7em 4em;
  }
  #cta_banner.hotels .desc h1 {
    font-size: 4em;
  }
  #why .container {
    padding: 6em;
  }
}
@media (max-width: 1000px), (max-aspect-ratio: 0.7222222222) {
  #hotel_partners .wrapper {
    grid-template-columns: repeat(2, 48%);
    gap: 8em 4%;
  }
  .single_app_how {
    flex-direction: column;
    align-items: center;
  }
  .single_app_how ._desc {
    align-items: center;
  }
}
@media (max-width: 1000px), (max-aspect-ratio: 0.7222222222) {
  .why_list li {
    flex-direction: column;
  }
}/*# sourceMappingURL=hotels.css.map */