.hotel-box {
  background: #fff;
  box-shadow: 0 5px 10px 0 rgb(0 0 0 / 5%);
  margin-bottom: 15px;
  border: 4px solid transparent;
  padding: 7px;
}
.hotel-box:hover {
  border: 4px solid #be9b5052;
}
.hotel-box .row {
  display: flex;
}
.hotel-box .image {
  position: relative;
}
.hotel-box .image img {
  object-fit: cover;
  height: 225px;
  width: 100%;
}
.hotel-box .image .recomended {
  position: absolute;
  background: #e40d19;
  color: #fff !important;
  left: -7px;
  border-radius: 4px;
  font-size: 11px !important;
  padding: 3px !important;
  top: 7px;
  font-weight: normal !important;
}
.hotel-box .content {
  position: relative;
  border-right: 1.5px solid #00000020;
  border-right-style: dotted;
  height: 100%;
}
.hotel-box .content:before,
.hotel-box .content:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 100%;
}
.hotel-box .content:before {
  background: #f7f9fc;
  top: -12px;
  right: -7px;
}
.hotel-box .content:after {
  background: #f7f9fc;
  bottom: -12px;
  right: -7px;
}
/*.hotel-box:hover .content:before,
.hotel-box:hover .content:after {background: #54e0b985;}*/
.hotel-box .content h4 {
  font-weight: bold;
  margin: 0 0 5px;
}
.hotel-box .content .yer,
.hotel-box .content .consept,
.hotel-box .content .yildiz,
.hotel-box .content .kampanya,
.hotel-box .content .badgewrap,
.hotel-box .content .ozellik {
  display: block;
  line-height: normal;
}
.hotel-box .content .yildiz {
  margin-bottom: 7px;
  float: none;
  color: #000;
}
.hotel-box .content .yer i {
  color: #f22;
}
.hotel-box .content .consept i {
}
.hotel-box .content .badgewrap {
  margin-top: 5px;
  margin-bottom: 5px;
}
.hotel-box .content .badges {
  font-weight: bold;
  padding: 3px 8px;
  background-color: #fff !important;
  border: 1px solid #c2f2c9 !important;
  color: #34d74e !important;
  display: inline-block;
  font-size: 10px;
  border-radius: 4px;
}
.hotel-box .content .badges:empty {
  display: none;
}

.hotel-box .content .yer,
.hotel-box .content .consept {
  font-size: 12px;
}

.hotel-box .content .recomended {
  font-size: 11px !important;
  color: #4caf50 !important;
  border-color: #4caf50;
}

.hotel-box .content .otelpara {
  line-height: normal;
  font-weight: bold;
  padding: 3px 8px;
  background-color: #fff !important;
  border: 1px solid #54e0b9 !important;
  color: #54e0b9 !important;
  display: inline-block;
  font-size: 10px;
  border-radius: 4px;
  margin: 3px 0px;
}
.hotel-box .content .otelpara:empty {
  display: none;
}

.hotel-box .prices-wrap {
  position: relative;
  height: 100%;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.hotel-box .no-pl {
  padding-left: 0;
}
.rez-yap {
  background-image: linear-gradient(97deg, #be9b50 -19%, #634e42 124%);
  display: block;
  padding: 8px 10px;
  color: #fff !important;
  font-weight: bold;
  border-radius: 5px;
  font-size: 12px;
  text-align: center;
}
.hotel-box .prices-wrap .brut {
  text-decoration: line-through;
  border: 1px solid;
  margin-top: 5px;
  background: black;
  color: #fff;
  padding: 4px 10px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 600;
  line-height: normal;
  width: fit-content;
}
.hotel-box .prices-wrap .fiyat {
  font-weight: bold;
  font-size: 17px;
  color: #000000;
}
.hotel-box .prices-wrap .fiyat .b {
  display:none;
}
.hotel-box .prices-wrap .indirimorancssana {
  background: #e40d19;
  color: #fff;
  padding: 4px 8px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 600;
  line-height: normal;
  width: fit-content;
}

.otel-liste-tarihsec {
  text-align: center;
}
.otel-liste-tarihsec span {
  display: block;
  font-size: 11px;
  color: #61656e;
  font-weight: normal;
  margin-bottom: 4px;
  margin-top: 5px;
  line-height: normal;
}
.otel-liste-tarihsec a.tarihsec-btn {
  display: inline-block;
  padding: 2px 10px;
  line-height: normal;
  border-radius: 4px;
  border: 1px solid #e40d19;
  color: #e40d19;
  text-transform: uppercase;
  margin-bottom: 0px;
  font-size: 12px;
}

.hotel-box .prices-wrap > div {
  display: contents;
}
.hotel-box .prices-wrap small.person {
  margin-bottom: 5px;
  margin-top: 5px;
  font-size: 9px;
  line-height: normal;
  display: inline-block;
  background-color: #efefef;
  padding: 5px;
  position: relative;
  color: #333;
  border-radius: 8px;
  font-weight: normal;
}
.hotel-box .prices-wrap small.person:empty {
  display: none !important;
}

.hotel-box .prices-wrap .score {
  font-size: 12px;
}
.hotel-box .prices-wrap .score .otelpuan {
  line-height: normal;
  background: #4caf50b8;
  padding: 3px 5px;
  border-radius: 5px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  width: auto;
}

.otelkat-baslik {
  width: 100%;
  padding: 17px 15px;
  border-bottom: 1px solid #efefef;
  background: #e1dfdf;
  color: #f22;
  margin-bottom: 0;
}

@media (max-width: 768px) {
  .hotel-box .row {
    display: block;
  }
  .hotel-box .image {
    margin-bottom: 10px;
  }
  .hotel-box .image img {
    width: 100%;
  }
  .hotel-box .prices-wrap {
    flex-direction: row;
    justify-content: space-between;
  }
  .hotel-box .prices-wrap > div {
    display: inline-block;
    width: 100%;
  }
  .hotel-box .content:before,
  .hotel-box .content:after {
    display: none;
  }
  .hotel-box .content {
    border-right: 0px;
  }
  .hotel-box .no-pl {
    padding-left: 15px;
  }
}
.fiyattl .c {display: none;}

.fiyat.fiyattl:after {
    content: "₺";
    margin-left: 5px;
}