* {
  box-sizing:border-box
}
body {
  background-color:#e1e1e1;
  margin:20px
}
h2 {
  font-family:"Cinzel Decorative",serif;
  font-weight:700;
  color:#1e1e1e;
  text-transform:uppercase;
  font-size:34px;
  margin:10px 0
}
.availible-option span {
  font-family:Poppins,sans-serif;
  font-weight:500;
  color:#1e1e1e
}
.include-option span {
  font-family:"Cinzel Decorative",serif;
  font-weight:700;
  font-size:22px;
  color:#1e1e1e
}
.f-l a,
.intro>p {
  color:#1e1e1e;
  font-family:Poppins,sans-serif
}
footer,
main {
  max-width:1000px;
  margin:0 auto
}
.option-btn {
  border-radius:50%;
  aspect-ratio:1;
  border:none;
  margin-right:6px;
  width:24px
}
.room {
  background-color:#fff;
  border:1px solid #fff;
  margin-bottom:30px;
  padding:20px;
  border-radius:18px
}
.availible-option,
.include-option {
  background-color:rgba(238,238,238,.8);
  display:flex
}
.availible-option {
  justify-content:center;
  align-items:center;
  padding:8px 15px 8px 7px;
  border-radius:30px;
  margin:0 5px 5px 0
}
.include-option {
  width:100%;
  border-radius:18px;
  margin-bottom:10px;
  padding:23px;
  justify-content:space-between
}
.intro,
footer {
  padding:0 30px
}
.availible-block {
  margin-bottom:30px;
  display:flex;
  flex-wrap:wrap
}
.lock-img {
  font-size:25px;
  position:absolute;
  right:5px;
  width:45px;
  aspect-ratio:1;
  top:6px;
  border-radius:22.5px;
  background-color:#fff;
  display:flex;
  align-items:center;
  justify-content:center
}
.include-option__active {
  background-color:#dfff9d;
  border:2px solid #bbf247;
  box-shadow:0 3px 15px 0 #bbf247
}
.intro {
  margin:40px 0
}
.background-red {
  background-color:#ff5b01!important
}
.intro>h2,
footer>h2 {
  font-size:64px;
  line-height:1.2
}
.intro>p {
  font-size:16px
}
#clear-all {
  color:#fff;
  background-color:#89b922
}
.f-l {
  display:flex;
  flex-direction:column;
  gap:8px
}
.f-l a {
  text-decoration:none
}