@font-face {
  font-family: dana;
  font-style: normal;
  font-weight: normal;
  src: url('/assets/fonts/dana-regular.woff2') format('woff');
}
@font-face {
  font-family: dana;
  font-style: normal;
  font-weight: bold;
  src: url('/assets/fonts/dana-bold.woff2') format('woff2');
}
body {
  font-family: dana !important;
  -moz-font-feature-settings: "ss02";
  -webkit-font-feature-settings: "ss02";
  font-feature-settings: "ss02";
  direction: rtl;
}
h1, h2, h3, h4, h5, h6, input, textarea, button, a {
  font-family: dana !important;
  -moz-font-feature-settings: "ss02";
  -webkit-font-feature-settings: "ss02";
  font-feature-settings: "ss02";
}
.skeleton{
  background: rgb(0 0 0 / 8%);
  overflow: hidden;
  position: relative;
}
.hotel-page .map .map-detail h2 span {
    font-size: inherit;
}

.hotel-page .facilities h2 span {
    font-size: inherit;
}

.hotel-page .hotel-rules h2 span {
    font-size: inherit;
}

.hotel-page .hotel-content h2 span {
    font-size: inherit;
}

p span {
    font-size: inherit;
}

.skeleton:after{
  -webkit-animation: loading 1.5s infinite;
  animation: loading 1.4s infinite;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(-100%);
  z-index: 1;
  background: linear-gradient(90deg,hsla(0,0%,100%,0),hsl(0deg 0% 100% / 70%),hsla(0,0%,100%,0));
}

@keyframes loading{to{transform:translateX(200%)}}


.icon {
  background-image: url("../img/icons-v01.svg");
  background-repeat: no-repeat;
  background-size: 1000px;
  display: flex;
}
.text-head {
  font-weight: bold;
  font-size: 18px;
}
.text-b {
  font-weight: bold;
}
.text-l {
  text-align: left !important;
}
.position-relative {
  position: relative;
}
/*=====================================
 Colors
 =====================================*/
/*=====================================
 Buttons
 =====================================*/
.pointer-default {
  cursor: pointer;
}
.login-popup form {
    width: 100%;
}
.btn {
  width: 140px;
  height: 44px;
  border-radius: 10px;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  transition: all 0.3s;
}
.all-comments-hotel {
    display: flex;
    justify-content: space-between;
    font-size: 18px;
    align-items: center;
}

.all-comments-hotel a {
    flex: 0 0 50%;
    display: flex;
    height: 60px;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    background-color: #2b28be;
    border-radius: 5px;
    color: white;
    position: relative;
}
.search-popup .background .destinations .popular ul::-webkit-scrollbar,
 .city-page .sidebar .items::-webkit-scrollbar{
  width: 5px;
}

/* Track */
.search-popup .background .destinations .popular ul::-webkit-scrollbar-track,
 .city-page .sidebar .items::-webkit-scrollbar-track{
  background: #f1f1f1;
}

/* Handle */
.search-popup .background .destinations .popular ul::-webkit-scrollbar-thumb,
 .city-page .sidebar .items::-webkit-scrollbar-thumb{
  background: #ccc;
}

/* Handle on hover */
.search-popup .background .destinations .popular ul::-webkit-scrollbar-thumb:hover,
 .city-page .sidebar .items::-webkit-scrollbar-thumb:hover{
  background: #555;
}
.all-comments-hotel p {
    margin: 0;
}
.btn-primary {
  background-color: #2b28be;
  font-size: 16px;
  border: 1px solid #2b28be;
}
.btn-primary:hover {
  background-color: #1511c2;
  box-shadow: -3px 5px 10px rgba(43, 90, 140, 0.3);
}
.btn-light {
  background-color: #F1F1F1;
  border: 1px solid #e9e9e9;
  color: #2e4056;
}
.btn-dark, .btn.active {
  background-color: #2e4056;
  border: 1px solid #e9e9e9;
  color: #F1F1F1;
}
.btn-dark:hover, .btn.active:hover {
  background-color: #2e4056;
  border: 1px solid #e9e9e9;
  color: #F1F1F1;
}
.btn-outline-primary {
  color: #2e4056 !important;
  border: 1px solid #2b28be;
  font-size: 16px;
  padding: 0.6rem 1.6rem;
  border-radius: 0.6rem;
}
.btn-outline-dark {
  color: #505050 !important;
  border: 1px solid #505050;
  font-size: 16px;
  border-radius: 0.6rem;
}
/*=====================================
 Forms
 =====================================*/
.form-control {
  display: block;
  width: 100%;
  padding: 0 0.55rem;
  font-size: 16px;
  color: #161f28;
  background-color: #fff;
  border: 1px solid #979797;
  border-radius: 10px;
  height: 50px;
}
.form-control:focus {
  border: 1px solid #161F28;
  outline: none;
}
.form-label {
  display: inline-block;
  margin-bottom: 0.5rem;
  margin-right: 10px;
  color: #161f28;
  font-size: 16px;
}
.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group .btn {
  position: relative;
  z-index: 2;
}
.input-group > .form-control, .input-group > .form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}
textarea.form-control {
  height: 180px;
  padding: 19px 24px 41px;
}
input[type='radio']:after {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  top: 0;
  left: 2px;
  position: relative;
  background-color: #ffffff;
  content: '';
  display: inline-block;
  visibility: visible;
  border: 1px solid #2e4056;
  opacity: 0;
}
input[type='radio']:checked:after {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  top: -19px;
  z-index: 1;
  left: 2px;
  position: relative;
  background-color: #ffffff;
  content: '';
  display: inline-block;
  visibility: visible;
  border: 1px solid #2e4056;
  display: none;
}
input[type='radio']:checked:before {
  width: 11px;
  height: 11px;
  border-radius: 15px;
  top: 2px;
  left: 0;
  z-index: 2;
  position: relative;
  background-color: #2e4056;
  content: '';
  display: inline-block;
  visibility: visible;
  border: 1px solid #2e4056;
  opacity: 0;
}
/*=====================================
 Shadow on page
 =====================================*/
.shadow-on-page {
  position: fixed;
  top: 0;
  right: 0;
  height: 100vh;
  width: 100vw;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 1010;
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s;
}
.shadow-on-page.active {
  visibility: visible;
  opacity: 1;
}
/*=====================================
 Modal
 =====================================*/
.modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 0;
  visibility: hidden;
  z-index: 1050;
  transform: scale(1.1);
  transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
  overflow-y: auto;
}
.modal-content {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  background-color: white;
  padding: 1rem 1.5rem;
  max-width: 920px;
  border-radius: 0.5rem;
}
@media (max-width: 575px) {
  .modal-content {
    border-radius: 0;
  }
}
.close-button {
  float: right;
  width: 1.5rem;
  text-align: center;
  font-weight: bold;
  font-size: 40px;
  cursor: pointer;
}
.close-button:hover {
  background-color: darkgray;
}
.show-modal {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}
.modal::-webkit-scrollbar {
  display: none;
}
.modal {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
/*=====================================
 Range
 =====================================*/
input[type="range"] {
  -webkit-appearance: none;
  width: 100%;
  height: 4px;
  background: #dcdcdc;
  border-radius: 5px;
  /* background-image: linear-gradient(#2b28be, #2b28be); */
  background-size: 50% 100%;
  background-repeat: no-repeat;
  background-position: right;
}
input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 14px;
  width: 14px;
  background: #2b28be;
  cursor: ew-resize;
  border: 2px solid #ffffff;
  transition: background 0.3s ease-in-out;
  border-radius: 5px;
  z-index:5;
  position:relative
}
input[type="range"]::-moz-range-thumb {
  -webkit-appearance: none;
  height: 14px;
  width: 14px;
  background: #2b28be;
  cursor: ew-resize;
  transition: background 0.3s ease-in-out;
  border-radius: 5px;
}
input[type="range"]::-ms-thumb {
  -webkit-appearance: none;
  height: 14px;
  width: 14px;
  background: #2b28be;
  cursor: ew-resize;
  transition: background 0.3s ease-in-out;
  border-radius: 5px;
}
/* Input Track */
input[type=range]::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  box-shadow: none;
  border: none;
  background: transparent;
}
input[type=range]::-moz-range-track {
  -webkit-appearance: none;
  box-shadow: none;
  border: none;
  background: transparent;
}
input[type="range"]::-ms-track {
  -webkit-appearance: none;
  box-shadow: none;
  border: none;
  background: transparent;
}
.range-point {
  display: flex;
  justify-content: space-between;
  padding: 5px 9px 0 5px;
}
.range-point span {
  background-color: #ddd;
  width: 5px;
  height: 5px;
}
*, ::after, ::before {
  box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
body {
  margin: 0;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  background-color: #f5f4ff;
}
hr {
  margin: 1rem 0;
  color: inherit;
  background-color: currentColor;
  border: 0;
  opacity: 0.25;
}
hr:not([size]) {
  height: 1px;
}
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}
h1 {
  font-size: calc(1.375rem + 1.5vw);
}
h5 {
  font-size: 1.25rem;
}
h6 {
  font-size: 1rem;
}
p {
  margin-top: 0;
  margin-bottom: 1rem;
  /* font-size: inherit; */
}
abbr[data-bs-original-title], abbr[title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}
b, strong {
  font-weight: bolder;
  font-size: inherit;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
  padding: 0;
}
::-webkit-file-upload-button {
  font: inherit;
}
::file-selector-button {
  font: inherit;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
iframe {
  border: 0;
}
summary {
  display: list-item;
  cursor: pointer;
}
progress {
  vertical-align: baseline;
}
[hidden] {
  display: none !important;
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  width: 100%;
  padding-left: var(--bs-gutter-x, 0.75rem);
  padding-right: var(--bs-gutter-x, 0.75rem);
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 576px) {
  .container, .container-sm {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container, .container-md, .container-sm {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container, .container-lg, .container-md, .container-sm {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1320px;
  }
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-left: calc(-.5 * var(--bs-gutter-x));
  margin-right: calc(-.5 * var(--bs-gutter-x));
}
.row > * {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-left: calc(var(--bs-gutter-x) * .5);
  padding-right: calc(var(--bs-gutter-x) * .5);
  margin-top: var(--bs-gutter-y);
}
.col {
  flex: 1 0 0%;
}
.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}
.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}
.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}
.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}
.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}
.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}
.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
}
.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}
.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-3 {
  flex: 0 0 auto;
  width: 25%;
}
.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}
.col-6 {
  flex: 0 0 auto;
  width: 50%;
}
.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}
.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}
.col-9 {
  flex: 0 0 auto;
  width: 75%;
}
.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}
.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}
.col-12 {
  flex: 0 0 auto;
  width: 100%;
}
.offset-1 {
  margin-right: 8.33333333%;
}
.offset-2 {
  margin-right: 16.66666667%;
}
.offset-3 {
  margin-right: 25%;
}
.offset-4 {
  margin-right: 33.33333333%;
}
.offset-5 {
  margin-right: 41.66666667%;
}
.offset-6 {
  margin-right: 50%;
}
.offset-7 {
  margin-right: 58.33333333%;
}
.offset-8 {
  margin-right: 66.66666667%;
}
.offset-9 {
  margin-right: 75%;
}
.offset-10 {
  margin-right: 83.33333333%;
}
.offset-11 {
  margin-right: 91.66666667%;
}
.g-0, .gx-0 {
  --bs-gutter-x: 0;
}
.g-0, .gy-0 {
  --bs-gutter-y: 0;
}
.g-1, .gx-1 {
  --bs-gutter-x: 0.25rem;
}
.g-1, .gy-1 {
  --bs-gutter-y: 0.25rem;
}
.g-2, .gx-2 {
  --bs-gutter-x: 0.5rem;
}
.g-2, .gy-2 {
  --bs-gutter-y: 0.5rem;
}
.g-3, .gx-3 {
  --bs-gutter-x: 1rem;
}
.g-3, .gy-3 {
  --bs-gutter-y: 1rem;
}
.g-4, .gx-4 {
  --bs-gutter-x: 1.5rem;
}
.g-4, .gy-4 {
  --bs-gutter-y: 1.5rem;
}
.g-5, .gx-5 {
  --bs-gutter-x: 3rem;
}
.g-5, .gy-5 {
  --bs-gutter-y: 3rem;
}
@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-right: 0;
  }
  .offset-sm-1 {
    margin-right: 8.33333333%;
  }
  .offset-sm-2 {
    margin-right: 16.66666667%;
  }
  .offset-sm-3 {
    margin-right: 25%;
  }
  .offset-sm-4 {
    margin-right: 33.33333333%;
  }
  .offset-sm-5 {
    margin-right: 41.66666667%;
  }
  .offset-sm-6 {
    margin-right: 50%;
  }
  .offset-sm-7 {
    margin-right: 58.33333333%;
  }
  .offset-sm-8 {
    margin-right: 66.66666667%;
  }
  .offset-sm-9 {
    margin-right: 75%;
  }
  .offset-sm-10 {
    margin-right: 83.33333333%;
  }
  .offset-sm-11 {
    margin-right: 91.66666667%;
  }
  .g-sm-0, .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0, .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1, .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1, .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2, .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2, .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3, .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-3, .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4, .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-4, .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5, .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-5, .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-right: 0;
  }
  .offset-md-1 {
    margin-right: 8.33333333%;
  }
  .offset-md-2 {
    margin-right: 16.66666667%;
  }
  .offset-md-3 {
    margin-right: 25%;
  }
  .offset-md-4 {
    margin-right: 33.33333333%;
  }
  .offset-md-5 {
    margin-right: 41.66666667%;
  }
  .offset-md-6 {
    margin-right: 50%;
  }
  .offset-md-7 {
    margin-right: 58.33333333%;
  }
  .offset-md-8 {
    margin-right: 66.66666667%;
  }
  .offset-md-9 {
    margin-right: 75%;
  }
  .offset-md-10 {
    margin-right: 83.33333333%;
  }
  .offset-md-11 {
    margin-right: 91.66666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-right: 0;
  }
  .offset-lg-1 {
    margin-right: 8.33333333%;
  }
  .offset-lg-2 {
    margin-right: 16.66666667%;
  }
  .offset-lg-3 {
    margin-right: 25%;
  }
  .offset-lg-4 {
    margin-right: 33.33333333%;
  }
  .offset-lg-5 {
    margin-right: 41.66666667%;
  }
  .offset-lg-6 {
    margin-right: 50%;
  }
  .offset-lg-7 {
    margin-right: 58.33333333%;
  }
  .offset-lg-8 {
    margin-right: 66.66666667%;
  }
  .offset-lg-9 {
    margin-right: 75%;
  }
  .offset-lg-10 {
    margin-right: 83.33333333%;
  }
  .offset-lg-11 {
    margin-right: 91.66666667%;
  }
  .g-lg-0, .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0, .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1, .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1, .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2, .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2, .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3, .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-3, .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4, .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-4, .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5, .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-5, .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-right: 0;
  }
  .offset-xl-1 {
    margin-right: 8.33333333%;
  }
  .offset-xl-2 {
    margin-right: 16.66666667%;
  }
  .offset-xl-3 {
    margin-right: 25%;
  }
  .offset-xl-4 {
    margin-right: 33.33333333%;
  }
  .offset-xl-5 {
    margin-right: 41.66666667%;
  }
  .offset-xl-6 {
    margin-right: 50%;
  }
  .offset-xl-7 {
    margin-right: 58.33333333%;
  }
  .offset-xl-8 {
    margin-right: 66.66666667%;
  }
  .offset-xl-9 {
    margin-right: 75%;
  }
  .offset-xl-10 {
    margin-right: 83.33333333%;
  }
  .offset-xl-11 {
    margin-right: 91.66666667%;
  }
  .g-xl-0, .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0, .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1, .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1, .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2, .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2, .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3, .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3, .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4, .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4, .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5, .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5, .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-right: 0;
  }
  .offset-xxl-1 {
    margin-right: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-right: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-right: 25%;
  }
  .offset-xxl-4 {
    margin-right: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-right: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-right: 50%;
  }
  .offset-xxl-7 {
    margin-right: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-right: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-right: 75%;
  }
  .offset-xxl-10 {
    margin-right: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-right: 91.66666667%;
  }
  .g-xxl-0, .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0, .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1, .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1, .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2, .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2, .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3, .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3, .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4, .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4, .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5, .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-5, .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-grid {
  display: grid !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
.d-none {
  display: none !important;
}
.flex-fill {
  flex: 1 1 auto !important;
}
.flex-row {
  flex-direction: row !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  flex-direction: column-reverse !important;
}
.flex-grow-0 {
  flex-grow: 0 !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  flex-shrink: 1 !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.justify-content-around {
  justify-content: space-around !important;
}
.justify-content-evenly {
  justify-content: space-evenly !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
.align-items-stretch {
  align-items: stretch !important;
}
.align-content-start {
  align-content: flex-start !important;
}
.align-content-end {
  align-content: flex-end !important;
}
.align-content-center {
  align-content: center !important;
}
.align-content-between {
  align-content: space-between !important;
}
.align-content-around {
  align-content: space-around !important;
}
.align-content-stretch {
  align-content: stretch !important;
}
.align-self-auto {
  align-self: auto !important;
}
.align-self-start {
  align-self: flex-start !important;
}
.align-self-end {
  align-self: flex-end !important;
}
.align-self-center {
  align-self: center !important;
}
.align-self-baseline {
  align-self: baseline !important;
}
.align-self-stretch {
  align-self: stretch !important;
}
.order-first {
  order: -1 !important;
}
.order-0 {
  order: 0 !important;
}
.order-1 {
  order: 1 !important;
}
.order-2 {
  order: 2 !important;
}
.order-3 {
  order: 3 !important;
}
.order-4 {
  order: 4 !important;
}
.order-5 {
  order: 5 !important;
}
.order-last {
  order: 6 !important;
}
@media (min-width: 576px) {
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
}
@media (min-width: 768px) {
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
}
@media (min-width: 992px) {
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
}
@media (min-width: 1400px) {
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
}


/* ************************************************************************************************** review  */
.review-page {
  background-color: #F1F1F1;
  padding: 39px 0;
}
header .btn {
  margin-top: 10px;
  width: 100%;
  height: 50px;
  position: relative;
  overflow: hidden;
  /* margin-left: 6px; */
}
header .hotel-info {
  padding: 15px 20px 25px 20px;
  border-radius: 10px;
  background-color: #fff;
  height: 250px;
  margin-left: 6px;
}
header .hotel-info nav {
  height: 60px;
}
header .hotel-info .logo-trupner img {
  position: relative;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
header .hotel-info ul.breadcrumb {
  padding: 0;
  list-style: none;
  font-size: 14px;
  margin: 7px 0;
}
header .hotel-info ul.breadcrumb li:before {
  padding: 6px;
  color: #303030;
  content: "\0276F";
  width: 5px;
  height: 5px;
}
header .hotel-info ul.breadcrumb li a {
  text-decoration: none;
}
header .hotel-info ul.breadcrumb li a:hover {
  color: #01447e;
}
header .text-head {
  font-size: 22px;
  margin: 10px 0 8px;
  position: relative;
  overflow: hidden;
}
header .hotel-star .star-box {
  position: relative;
  margin-left: 20px;
}
header .hotel-star .star-box .icon {
  width: 20px;
  height: 20px;
  position: absolute;
  background-position: -715px -14px;
}
header .hotel-star .icon:nth-child(1) {
  right: 0;
}
header .hotel-star .icon:nth-child(2) {
  right: 20px;
}
header .hotel-star .icon:nth-child(3) {
  right: 40px;
}
header .hotel-star .icon:nth-child(4) {
  right: 60px;
}
header .hotel-star .icon:nth-child(5) {
  right: 80px;
}
header .hotel-star .star-text {
  color: #303030;
  margin-right: 5px;
}
header .hotel-address p:first-child {
  font-weight: bold;
  margin-bottom: 2px;
}
header .hotel-address p:last-child {
  margin-bottom: 0;
}
header .hotel-album {
  display: grid;
  grid-template-columns: 350px auto auto;
  grid-template-rows: 370px;
  grid-gap: 10px;
  grid-auto-rows: 175px;
}
@media (max-width: 768px) {
  header .hotel-album {
    margin: 10px 0;
  }
}
@media (max-width: 992px) {
  header .hotel-album {
    grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));
  }
}
header .hotel-album .hotel-album__item {
  overflow: auto;
  scrollbar-width: none;
  position: relative;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 10px;
}
header .hotel-album .hotel-album__item:first-child {
  grid-area: 0.1111111111;
}
header .hotel-album .hotel-album__item img {
  width: auto;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}
header .hotel-album .hotel-album__item::-webkit-scrollbar {
  display: none;
}
.hotel-point {
  background-color: white;
  border-radius: 10px;
  margin: 30px 0;
  padding: 27px 0 30px;
}
@media (max-width: 992px) {
  .hotel-point {
    padding: 27px 16px 30px;
  }
}
.hotel-point .card-point {
  display: flex;
}
.hotel-point .card-point .card-header {
  background-color: #161f28;
  border-radius: 0 5px 5px 0;
  color: white;
  width: 90px;
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  font-weight: bold;
}
.hotel-point .card-point .card-body {
  width: 100%;
  background-color: #F1F1F1;
  padding: 7px 10px 0 0;
  border-radius: 5px 0 0 5px;
}
.hotel-point .card-point .card-body p {
  margin-bottom: 0;
}
.hotel-point .card-point .card-body p:first-child {
  margin-bottom: 3px;
}
.hotel-point .card-point .card-body span {
  font-weight: bold;
}
.hotel-point .text-point {
  margin: 8px 8px 0 0;
  position: relative;
}
@media (max-width: 992px) {
  .hotel-point .text-point {
    margin: 20px 16px;
  }
}
.hotel-point .text-point p {
  margin-right: 20px;
}
.hotel-point .text-point p:before {
  position: absolute;
  content: "\0274B";
  font-size: 14px;
  top: 0;
  right: 0;
  font-weight: bold;
}
.hotel-point .range__title {
  margin: 30px 0 0;
}
.input-range output {
  margin-right: 10px;
  position: absolute;
  left: -20px;
}
.hotel-point .filter-comments {
  margin-top: 60px;
}
.hotel-point .filter-comments p {
  font-size: 20px;
  font-weight: bold;
}
.hotel-point .filter-comments .filter-items {
  display: flex;
  flex-wrap: wrap;
}
.hotel-point .filter-comments .filter-items .btn {
  padding: 0 20px;
  width: auto;
  margin: 0 0 10px 10px;
  display: flex;
  justify-items: center;
  align-items: center;
  height: 36px;
  border-radius: 5px;
}
.hotel-point .filter-comments .active {
  background-color: #2e4056;
  color: white !important;
}
.hotel-point .last-filter {
  margin-top: 0;
}
.hotel-point .alert-filter {
  position: relative;
  margin: 20px 10px 30px;
}
.hotel-point .alert-filter p {
  margin-right: 5px;
}
.hotel-point .alert-filter p:before {
  position: absolute;
  content: "\0274B";
  font-weight: bold;
  right: 0;
  font-size: 14px;
}
.user-points {
  position: relative;
  background-color: white;
  border-radius: 10px;
  margin: 30px 0 20px;
  padding: 20px 20px 19px;
}
.user-points .card-user {
  display: flex;
}
.user-points .card-user .card-header img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.user-points .card-user .card-body {
  margin-right: 10px;
}
.user-points .card-user .card-body .user-name {
  display: flex;
}
.user-points .card-user .card-body .user-name p {
  color: #161f28;
  margin-bottom: 3px;
}
.user-points .card-user .card-body .user-name .have-stayed {
  background-color: #2b28be;
  color: white;
  border-radius: 5px;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 4px 0 5px;
  margin-right: 10px;
}
.user-points .card-user .card-body > p {
  margin-bottom: 0;
  color: #505050;
  font-size: 14px;
}
.user-points .card-user + div p {
  margin-right: 15px;
}
.user-points .card-user + div p span {
  font-weight: bold;
}
.user-points .user-feedback__text {
  margin-bottom: 20px;
}
.user-points .user-album {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-template-rows: repeat(1, 100px);
  grid-gap: 10px;
  margin-bottom: 20px;
}
.user-points .user-album .user-pic {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 5px;
  position: relative;
}
.user-points .user-album .user-pic img {
  width: 100%;
  height: auto;
}
.user-points .user-album .user-pic:nth-child(3) .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(43, 40, 190, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
}
.user-points .user-album .user-pic:nth-child(3) .pic-counter {
  color: white;
  font-size: 18px;
  position: absolute;
  direction: ltr;
}
.user-points .user-feedback {
  display: grid;
  border: none;
  background: none;
  cursor: pointer;
  width: 100px;
  grid-template-columns: repeat(2, 28px);
  grid-template-rows: repeat(2, 25px);
}
.user-points .user-feedback span {
  display: grid;
  justify-items: center;
}
.user-points .user-feedback span:first-child {
  font-size: 14px;
  color: #161f28;
}
.user-points .user-feedback span:last-child {
  grid-row: 2 / 3;
  grid-column: 1 / 3;
  font-size: 14px;
  color: #161f28;
}
.user-points .user-feedback .icon {
  height: 20px;
  width: 20px;
  position: absolute;
}
.user-points .user-feedback .icon-light {
  background-position: -914px -15px;
}
.user-points .user-feedback .icon-bold {
  background-position: -865px -15px;
}
.user-points .user-point-box {
  display: flex;
  margin-left: 20px;
  align-items: center;
}
.user-points .user-point-box .point {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  background-color: #161f28;
  color: white;
  font-weight: bold;
  font-size: 18px;
}
.user-points .user-point-box a {
  font-size: 14px;
  text-decoration: none;
  color: #161f28;
  margin-right: 10px;
}
.user-points .user-point-box .angle-down {
  position: relative;
  top: -10px;
  cursor: pointer;
}
.user-points .user-point-box .angle-down .icon {
  height: 20px;
  width: 20px;
  position: absolute;
  background-position: -765px -20px;
  transform: rotate(270deg);
}
.show-user-point {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  padding: 20px 20px 0;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  background-color: rgba(255, 255, 255, 0.7);
  animation-name: show-user-point__animate;
  animation-duration: 0.3s;
  animation-iteration-count: 1;
}
.show-user-point .show-point-final .show-point-box {
  width: 90px;
  height: 90px;
  border-radius: 5px;
  background-color: #161f28;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 26px;
  font-weight: bold;
}
.show-user-point .show-point-final p {
  margin: 8px 0 15px;
}
.show-user-point .show-point-final .btn {
  width: 90px;
  height: 30px;
  border-radius: 5px;
  font-size: 16px;
  padding: 0;
}
.show-user-point .range__title {
  margin-bottom: 0;
}
.show-user-point .range__title + div {
  margin-bottom: 25px;
}
.show-user-point input[type="range"] {
  /* background-image: linear-gradient(#161f28, #161f28); */
}
.show-user-point input[type="range"]::-webkit-slider-thumb {
  background: #161f28;
}
.show-user-point input[type="range"]::-moz-range-thumb {
  background: #161f28;
}
.show-user-point input[type="range"]::-ms-thumb {
  background: #161f28;
}
@keyframes show-user-point__animate {
  0% {
    top: -20px;
    backdrop-filter: blur(0);
    -webkit-backdrop-filter: blur(0);
    background-color: rgba(255, 255, 255, 0.1);
  }
  100% {
    top: 0;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    background-color: rgba(255, 255, 255, 0.7);
  }
}
.btn-show-more {
  width: auto;
  padding: 0 60px;
  height: 50px;
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.btn-show-more span {
  margin: 0 5px;
}
.review-page header .btn-info {
    padding-left: 6px;
}
.show-rate-info {
  border: 0;
  background-color: transparent;
}


.input-range-background {
    position: absolute;
    height: 4px;
    width: 0;
    right: 2px;
    top: 2px;
    background-color: #161f28;
    border-radius: 5px;
    z-index: 0;
}

.input-range {
    position: relative;
}
.input-range {
    margin-left: 20px;
    margin-top: 2px;
}
.ltr{
  direction: ltr;
}
/* ******************************************************************** review */
 /******************************************************************************************************** destination page */

.hidden-picker > input {
    /* position: absolute; */
    /* width: 100%; */
    /* height: 100%; */
    background-color: #ffffff00;
    border: 0;
    color: transparent;
    display: none;
}
.hidden-picker > input:active,.hidden-picker > input:focus {
    outline: none;
    border: 0;
}
.pdp.rtl {
    /* position: absolute; */
    width: 100%;
    height: 100%;
    /* background-color: red; */
    right: 0;
    top: 0;
    border: 0;
    z-index: 1;
}

.hidden-picker {
    /* width: 100%; */
    /* height: 100%; */
}
.city-page .city-main-image {
    width: 100%;
    height: 350px;
    object-fit: cover;
    border-radius: 15px;
    margin-top: 24px;
}

.city-page .search-box {
    /* background-color: red; */
    border-radius: 15px;
    background-image: linear-gradient(to bottom, #ececff 0%, #e6e5ff 100%);
    width: calc(100% - 50px);
    display: flex;
    margin: -60px auto 0;
    position: relative;
    z-index: 1;
    height: 280px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 45px 170px 0;
    /* transform: translateY(-60px); */
}

.city-page .search-box h1 {font-weight: bold;font-size: 30px;margin-bottom: 10px;}

.city-page .search-box .info {
    font-size: 18px;
    margin-bottom: 30px;
}

.city-page .search-box .search-inputs {
    display: flex;
    gap: 10px;
    width: 100%;
    justify-content: space-between;
    position: relative;
}

.city-page .search-box .search-inputs .origin {
    flex: 0 0 30%;
}

.city-page .search-box .search-inputs > button,.city-page .search-box .search-inputs .buttons > button {
    height: 50px;
    border: solid 1px #4f4f67;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 5px;
    display: flex;
    width: 100%;
    padding: 0 28px;
    position: relative;
    align-items: center;
}

.city-page .search-box .search-inputs .buttons {
    /* width: 100%; */
    display: flex;
    position: relative;
    flex: 0 060%;
}

.city-page .search-box .search-inputs .search {
    width: 150px;
    background-color: #2b28be;
    font-size: 18px;
    display: flex;
    color: white;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.city-page .search-box .search-inputs .buttons .date-in {
    border-radius: 0 5px 5px 0;
    /* border-radius: 0 0 0; */
}
.city-page .search-box .search-inputs .buttons .date-out {
    border-radius: 5px 0 0 5px;
    border-right: 0;
}

.city-page .search-box .search-inputs button p {
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.city-page .search-box .search-inputs button .icon {
    display: block;
    width: 22px;
    height: 20px;
    /* background-color: #eee; */
    margin-left: 10px;
}

.city-page .search-box .search-inputs button p .value {
    font-size: 18px;
    line-height: 18px;
}

.city-page .search-box .search-inputs button p .label {
    font-size: 14px;
    line-height: 22px;
}
.city-page .breadcrumbs {
    margin: 24px 0;
    display: flex;
    align-items: center;
}

.city-page .breadcrumbs .icon {
    width: 20px;
    height: 20px;
    margin: 0 5px;
}

.city-page .breadcrumbs a {
    font-size: 18px;
    color: #000;
    text-decoration: none;
}

.city-page .hotel-card {
    display: flex;
    height: 180px;
    background-color: white;
    margin-bottom: 12px;
    border-radius: 10px;
    overflow: hidden;
    justify-content: space-between;
}

.city-page .hotel-card img {
    width: 200px;
    height: 180px;
    object-fit: cover;
}

.city-page {
    background-color: #f5f4ff;
}

.city-page .hotel-card > .reserve {
    width: 200px;
    background-image: linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0.6) 100%);
    /* background-color: red; */
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
    flex: 0 0 200px;
    /* height: 180px; */
    padding: 40px 36px 0 0;
    /* padding-top: 40px; */
    position: relative;
}

.city-page .hotel-card > div {
    /* width: max-content; */
    flex: 0 0 calc(100% - 400px);
    padding: 20px 12px;
    position: relative;
}

.city-page .hotel-card > .reserve a {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    height: 50px;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    font-size: 18px;
    background-color: rgba(43, 40, 190, 0.1);
    color: #000;
    margin: 0;
}

.city-page .hotel-card > .reserve .label {
    color: #303030;
    font-size: 14px;
}

.city-page .hotel-card > .reserve .price {
    color: #303030;
    font-size: 14px;
}

.city-page .hotel-card > .reserve .price span {
    color: #2b28be;
    font-size: 22px;
    font-weight: bold;
}

.city-page .hotel-card > div .podcast {
    position: absolute;
    left: 20px;
    top: 20px;
    text-align: justify;
    font-size: 16px;
}

.city-page .hotel-card > div a {
    font-size: 18px;
    text-decoration: none;
    color: #000;
    margin-bottom: 10px;
    display: block;
}

.city-page .hotel-card > div .address {
    font-size: 16px;
}

.city-page .hotel-card > div .stars {
    font-size: 14px;
}
.city-page .sidebar > a {
    border-radius: 10px;
    background-color: rgba(23, 29, 41, 0.8);
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    color: white;
    text-decoration: none;
    margin-bottom: 25px;
}

.city-page .sidebar .filters {
    border-radius: 10px;
    background-color: #fff;
    padding: 12px 0;
    overflow: hidden;
    position: relative;
}

.city-page .sidebar .header {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: bold;
    padding: 0 20px;
}

.city-page .sidebar .header:after {
    content: "";
    position: absolute;
    background-color: #f5f4ff;
    height: 2px;
    width: calc(100% - 30px);
    left: 0;
    top: 50px;
}

.city-page .sidebar  .title {
    margin: 15px 0 10px 0;
    font-size: 18px;
    font-weight: bold;
    padding: 0 20px;
}

.city-page .sidebar .stars {
    display: flex;
    flex-direction: column;
    padding: 0 20px;
}

.city-page .sidebar .stars > div {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.city-page .sidebar .stars p {
    margin: 7px 0 0 0;
    padding-right: 0;
}
.city-page .sidebar {
    position: sticky;
    top: 10px;
    /* bottom: 20px; */
    padding-bottom: 20px;
}
.list-hotels-footer {
    display: flex;
    justify-content: space-between;
    margin: 40px 0 50px;
}

.list-hotels-footer p {
    font-size: 18px;
    margin: 0;
    line-height: 60px;
}

.list-hotels-footer a {
    border-radius: 5px;
    background-color: #2b28be;
    color: white;
    font-size: 18px;
    text-decoration: none;
    height: 60px;
    padding: 0 115px;
    display: flex;
    align-items: center;
    position: relative;
}
.city-page .city-content {
    border-radius: 10px;
    background-color: #fff;
    padding: 24px;
}

.city-page .city-content h2 {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 24px;
}

.city-page .city-content img {
    width: 100%;
    border-radius: 10px;
    height: auto;
}

.city-page .city-content p {
    line-height: 1.56;
    font-size: 18px;
    margin: 24px 0;
    text-align: justify;
}

.city-page .content-b {
    display: flex;
    position: relative;
    flex-direction: row;
    gap: 24px;
    margin: 20px 0;
    margin-bottom: 20px;
}

.city-page .content-b img {
    flex: 1 1 30%;
    width: 50%;
    max-width: 50%;
    margin: 0;
}

.city-page .city-content h3 {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 20px;
}

.city-page .content-b a {
    border-radius: 5px;
    border: solid 1px #2b28be;
    background-color: #f1f1ff;
    max-width: 340px;
    display: flex;
    height: 60px;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    text-decoration: none;
    float: left;
    width: 340px;
}
.city-page .content-c a {
    border-radius: 5px;
    border: solid 1px #2b28be;
    background-color: #f1f1ff;
    max-width: 340px;
    display: flex;
    height: 60px;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    text-decoration: none;
    /* float: left; */
    width: 100%;
    margin: 10px 0 0 0;
}
.city-page .content-c {
    display: flex;
    margin-top: 40px;
    flex-direction: column;
}

.city-page .faq {
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.35) 0%, #fff 100%);
    margin-top: 40px;
    display: flex;
    border-radius: 5px;
    overflow: hidden;
}

.city-page .faq .title {
    flex: 0 0 330px;
    padding: 37px 57px 100px;
    font-size: 28px;
    font-weight: bold;
    color: #161f28;
    position: relative;
    background-image: linear-gradient(to right, rgba(245,244,255,0.35) 0%, #fff 100%);
}

.city-page .faq .faq-questions .question {
    border-bottom: solid 2px #f5f4ff;
    background-color: white;
}

.city-page .faq .faq-questions .answer {
    display: none;
    font-size: 18px;
    padding: 10px 24px;
    text-align: justify;
    margin: 0;
}

.city-page .faq .faq-questions {
    width: 100%;
}

.city-page .faq .faq-questions .q {
    height: 60px;
    margin: 0;
    display: flex;
    align-items: center;
    font-size: 18px;
    padding: 0 24px;
    cursor: pointer;
    position: relative;
}

.city-page .city-links {
    margin-top: 40px;
    display: flex;
    margin-bottom: 50px;
    height: 265px;
    border-radius: 10px;
    overflow: hidden;
    background-image: linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0.63) 100%);
    /* padding: 60px 112px; */
}

.city-page .city-links .title {
    flex: 0 0 312px;
    box-shadow: -10px 0 50px 0 rgba(43, 40, 190, 0.2);
    background-color: #2b28be;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: right;
    padding-right: 60px;
    font-size: 28px;
    font-weight: bold;
    color: white;
}

.city-page .city-links .links {
    padding: 60px 112px;
    display: flex;
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 40px;
    width: 100%;
}

.city-page .city-links .links a {
    font-size: 18px;
    text-decoration: none;
    color: #000;
    display: flex;
    align-items: center;
}




 /******************************************************************************************************** destination page */

 /******************************************************************************************************** hotel page */

 .hotel-page .fixed-navigation {
  position: fixed;
  background-color: white;
  top: -100px;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  height: 60px;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0 100px;
}

.hotel-page .fixed-navigation .hotel {
  display: flex;
  flex-direction: column;
  margin: 0;
  font-size: 18px;
  flex: 0 0 200px;
}

.hotel-page .fixed-navigation .hotel .hotel-name {font-weight: bold;}

.hotel-page .fixed-navigation  .targets {
  flex: 0 0 calc(100% - 200px);
  display: flex;
  gap: 70px;
  font-size: 18px;
  justify-content: flex-end;
}

.hotel-page .fixed-navigation .targets a {
  text-decoration: none;
  color: #505050;
  padding: 0 30px;
}

.hotel-page .fixed-navigation .targets a.active {
  color: #000;
}

.hotel-page .images {
  display: flex;
  flex-direction: row;
  height: 500px;
  width: 100%;
  gap: 2px;
  position: relative;
}

.hotel-page .images > img:first-child {
  flex: 0 0 50%;
  width: 50%;
  object-fit: cover;
  height: 500px;
  border-radius: 0 0 20px 0;
}
.hotel-page .images > img:nth-child(2) {
  flex: 0 0 25%;
  max-width: 25%;
  object-fit: cover;
}

.hotel-page .images .two-image {
  flex: 0 0 25%;
  display: flex;
  flex-direction: column;
  height: 500px;
  gap: 2px;
  width: 25%;
}

.hotel-page .images .two-image img {
  height: 50%;
  object-fit: cover;
}
.hotel-page .search-box-hotel {
    /* background-color: red; */
    border-radius: 15px;
    background-image: linear-gradient(to bottom, #ececff 0%, #e6e5ff 100%);
    width: calc(100% - 50px);
    display: flex;
    margin: -60px auto 0;
    position: relative;
    z-index: 1;
    height: 280px;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    /* padding: 45px 170px 0; */
    /* transform: translateY(-60px); */
    /* gap: 2px; */
}

.hotel-page .search-box-hotel h1 {font-weight: bold;font-size: 30px;margin-bottom: 10px;}

.hotel-page .search-box-hotel .info {
    font-size: 18px;
    margin-bottom: 30px;
}

.hotel-page .search-box-hotel .search-inputs {
    display: flex;
    gap: 10px;
    width: 100%;
    justify-content: space-between;
    position: relative;
}

.hotel-page .search-box-hotel .search-inputs .origin {
    flex: 0 0 30%;
}

.hotel-page .search-box-hotel .search-box {
    /* width: 100%; */
    width: 50%;
    flex: 0 0 50%;
}

.hotel-page .search-box-hotel .search-box .search-popup .background.date {
    transform: none;
    width: 100%;
}


.hotel-page .search-box-hotel .search-inputs > button,.hotel-page .search-box-hotel .search-inputs .buttons button {
    height: 50px;
    border: solid 1px #4f4f67;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 5px;
    display: flex;
    width: 100%;
    padding: 0 28px;
    align-items: center;
}

.hotel-page .search-box-hotel .search-inputs .buttons {
    /* width: 100%; */
    display: flex;
    position: relative;
    flex: 0 060%;
}

.hotel-page .search-box-hotel .search-inputs .search {
    width: 150px;
    background-color: #2b28be;
    font-size: 18px;
    display: flex;
    color: white;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.hotel-page .search-box-hotel .search-inputs .date-in {
    border-radius: 0 5px 5px 0 !important;
}
.hotel-page .search-box-hotel .search-inputs .date-out {
    border-radius: 5px 0 0 5px !important;
    border-right: 0 !important;
}

.hotel-page .search-box-hotel .search-inputs button p {
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.hotel-page .search-box-hotel .search-inputs button .icon {
    display: block;
    width: 22px;
    height: 20px;
    background-color: #eee;
    margin-left: 10px;
}

.hotel-page .search-box-hotel .search-inputs button p .value {
    font-size: 18px;
    line-height: 18px;
}

.hotel-page .search-box-hotel .search-inputs button p .label {
    font-size: 14px;
    line-height: 22px;
}
.hotel-page .breadcrumbs {
    margin: 24px 0;
    display: flex;
    align-items: center;
}

.hotel-page .breadcrumbs .icon {
    width: 20px;
    height: 20px;
    margin: 0 5px;
}

.hotel-page .breadcrumbs a {
    font-size: 18px;
    color: #000;
    text-decoration: none;
    display: flex;
}
.hotel-page {
    background-color: #f5f4ff;
}

.hotel-page .search-box-hotel .search-title {
    width: 50%;
    flex: 0 0 calc(50% + 2px);
    border-left: solid 2px white;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 26px;
}

.hotel-page .search-box-hotel .search-title .address button {
    color: #000;
    text-decoration: none;
    margin-right: 10px;
    position: relative;
    display: inline-block;
    background-color: transparent;
    border: 0;
    cursor: pointer;
}

.hotel-page .search-box-hotel .search-title .address button:after {
    position: absolute;
    content: "";
    height: 5px;
    width: 100%;
    border-bottom: dashed 1px #484848;
    left: 0;
    bottom: 0;
}

.hotel-page .search-box-hotel .search-inputs {
    display: flex;
    flex-direction: column;
    padding: 0 80px;
}

.hotel-page .search-box-hotel .search-inputs > button {
    width: 100% !important;
}

.hotel-page .notifications {
    /* background-color: white; */
    height: 240px;
    display: flex;
    flex-direction: row;
    border-radius: 15px;
    overflow: hidden;
}

.hotel-page .notifications .title {
    flex: 0 0 25%;
    font-size: 22px;
    font-weight: bold;
    padding: 24px 60px 0;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.35) 0%, #fff 100%);
    margin: 0;
    position: relative;
}
.hotel-page .images .two-image img:nth-child(2) {
    border-radius: 0 0 0 20px;
}
.hotel-page .notifications .title:before {
    background-image: url(../img/icons-v01.svg);
    background-repeat: no-repeat;
    background-size: 3850px;
    content: "";
    width: 132px;
    height: 165px;
    position: absolute;
    top: 0;
    right: 0;
    background-position: -2109px -1021px;
    /* background-color: red; */
}
.hotel-page .notifications .title .label {
    display: block;
}

.hotel-page .notifications .text {
    background-color: white;
    display: flex;
    align-items: center;
    padding: 40px 24px;
    margin: 0;
    flex-direction: column;
    flex: 0 0 75%;
}

.hotel-page div.about-hotel {
    height: 310px;
    display: flex;
    flex-direction: row;
    margin: 0 0 24px 0;
    /* background-color: white; */
    border-radius: 15px;
    overflow: hidden;
    width: 100%;
    justify-content: space-between;
}
.hotel-page .about-hotel .summary {
    background-color: white;
    padding: 14px 24px;
    width: 75%;
    /* display: flex; */
    position: relative;
}

.hotel-page .about-hotel .info {
    width: 25%;
    flex: 0 0 25%;
    background-image: linear-gradient(to right, #fff 59%, rgba(255, 255, 255, 0.35) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.hotel-page .about-hotel .summary .title {
    display: flex;
    flex-direction: column;
    font-size: 26px;
    font-weight: bold;
}

.hotel-page .about-hotel .summary .title .label {
    font-weight: normal;
    font-size: inherit;
}
.hotel-page .about-hotel .summary .title .value{
    font-size: inherit;
}
.hotel-page .hotel-content .content p {
    font-size: 18px;
}
.hotel-page div.about-hotel .text {
    font-size: 18px;
    text-align: justify;
}
.hotel-page div.about-hotel .text p {
  font-size: 16px;
}
.hotel-page div.about-hotel button {
    font-size: 18px;
    border: 0;
    background-color: transparent;
    display: block;
    margin: 0 auto;
    font-weight: bold;
    cursor: pointer;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    bottom: 20px;
}

.hotel-page .about-hotel .info ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-around;
    align-content: center;
    gap: 24px;
    width: 150px;
}

.hotel-page .about-hotel .info ul li {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: space-between;
    width: 100%;
    font-size: 18px;
}

.hotel-page .about-hotel .info ul li .label {
    font-size: 18px;
    font-weight: bold;
}

.hotel-page .rooms-search-box .search-inputs {
    display: flex;
    gap: 10px;
    width: 100%;
    justify-content: space-between;
    position: relative;
    flex-direction: column;
    margin-top: 25px;
}

.hotel-page .rooms-search-box .search-inputs .origin {
    flex: 0 0 30%;
}

.hotel-page .rooms-search-box .search-inputs > button, .hotel-page .rooms-search-box .search-inputs .buttons button {
    height: 50px;
    border: solid 1px #4f4f67;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 5px;
    display: flex;
    width: 100%;
    padding: 0 28px;
    align-items: center;
    cursor: pointer;
    cursor: pointer;
}

.hotel-page .rooms-search-box .search-inputs .buttons {
    /* width: 100%; */
    display: flex;
    position: relative;
    flex: 0 060%;
    flex-direction: column;
    gap: 10px;
}

.hotel-page .rooms-search-box .search-inputs .search {
    width: 100%;
    background-color: #2b28be;
    font-size: 18px;
    display: flex;
    color: white;
    align-items: center;
    justify-content: center;
}

.hotel-page .rooms-search-box .search-inputs .date-in {
    border-radius: 5px;
}
.hotel-page .rooms-search-box .search-inputs .date-out {
    border-radius: 5px;
    /* border-right: 0; */
}

.hotel-page .rooms-search-box .search-inputs button p {
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.hotel-page .rooms-search-box .search-inputs button .icon {
    display: block;
    width: 20px;
    height: 20px;
    background-color: #eee;
    margin-left: 10px;
}

.hotel-page .rooms-search-box .search-inputs button p .value {
    font-size: 18px;
    line-height: 18px;
}

.hotel-page .rooms-search-box .search-inputs button p .label {
    font-size: 14px;
    line-height: 22px;
}
.rooms-title {
    background-color: white;
    padding: 10px 24px;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.7;
    border-radius: 10px;
}

.rooms-title .hotel-name {
    display: block;
    font-weight: normal;
    /* border-radius: 15px; */
}

.rooms-search-box {
    background-color: white;
    display: flex;
    flex-direction: column;
    padding: 15px 24px;
}
.hotel-page .hotel-card {
    flex: 0 0 49%;
    /* max-width: 50%; */
    height: 180px;
    position: relative;
    display: flex;
    background-color: white;
    border-radius: 10px;
    overflow: hidden;
    padding-right: 180px;
}

.hotel-page .hotels-list {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.hotel-page .hotel-card img {
    height: 100%;
    width: 180px;
    object-fit: cover;
    flex: 0 0 max-content;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
}

.hotel-page .hotel-card > div {
    display: flex;
    flex-direction: column;
    padding: 14px 12px 10px 10px;
    /* width: calc(100% - 160px); */
    flex: 1 0 calc(100% - 250px);
}

.hotel-page .hotel-card > div a {
    font-size: 18px;
    color: #000;
    text-decoration: none;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    /* width: 160px; */
    height: 1.2em;
    white-space: nowrap;
    padding: 0 0 0 30px;
}

.hotel-page .hotel-card > div .hotel-name {
    font-size: 16px;
    color: #303030;
    margin-bottom: 12px;
}

.hotel-page .hotel-card > div p {
    margin: 0;
    /* background-color: #eee; */
}
p.full-capacity-rooms {
    background-color: #eee;
    padding: 5px 12px;
    border-radius: 5px;
    color: #999;
}
.hotel-page .hotel-card > div .info {
    display: flex;
    flex-direction: row;
    color: #303030;
    font-size: 16px;
    align-items: center;
}

.hotel-page .hotel-card > div .info span {
    margin-right: 15px;
}

.hotel-page .hotel-card > div .buttons {
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    margin-top: auto;
}

.hotel-page .hotel-card > div .buttons .show-price {
    width: 150px;
    height: 40px;
    border-radius: 5px;
    background-color: #161f28;
    border: 0;
    color: white;
    font-size: 16px;
    cursor: pointer;
}

.hotel-page .map {
    display: flex;
    margin-top: 25px;
    background-color: white;
    border-radius: 15px;
    overflow: hidden;
}

.hotel-page .map #map {
    flex: 0 0 50%;
    height: 500px;
    background-color: #eee;
}

.hotel-page .map .map-detail {
    flex: 0 0 50%;
    padding: 20px 25px;
}

.hotel-page .map .map-detail h2 {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
    font-size: 22px;
    font-weight: bold;
}

.hotel-page .map .map-detail h2 span.hotel-name {font-weight: normal;margin-top: 10px;}

.hotel-page .map .map-detail .address {
    font-size: 16px;
}

.hotel-page .map .map-detail .labels {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    gap: 10px;
    margin-bottom: 25px;
}

.hotel-page .map .map-detail .labels li {
    border-radius: 2px;
    background-color: #eee;
    padding: 3px 10px;
}

.hotel-page .map .map-detail p {
    font-size: 18px;
    line-height: 1.56;
    text-align: justify;
}

.hotel-page .map h3 {
    flex: 0 0 100%;
    border-top: solid 5px #f5f4ff;
    padding: 23px 23px 42px;
    font-size: 24px;
    font-weight: bold;
}

.hotel-page .map .locations {
    flex: 0 0 100%;
    padding: 0 24px;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.hotel-page .map .locations .category {
    flex: 0 0 33.3%;
    /* width: 33%; */
    margin-bottom: 40px;
    padding-right: 32px;
}

.hotel-page .map .locations .category .cat-name {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 24px;
}
.hotel-page .map .locations .category .location .name {
    font-size: 18px;
}

.hotel-page .map .locations .category .location .timings {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 30px;
    font-size: 16px;
}

.hotel-page .map .locations .category .location .timings li i {
    width: 28px;
    height: 28px;
    /* background-color: #eee; */
    display: inline-block;
    margin-left: 5px;
}

.hotel-page .map .locations .category .location .timings li {
    display: flex;
    align-items: center;
    justify-content: center;
}

.hotel-page .facilities {
    background-color: white;
    margin-top: 24px;
    padding: 24px;
    border-radius: 15px;
}

.hotel-page .facilities h2 {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 32px;
}

.hotel-page .facilities h2 .hotel-name {
    font-weight: normal;
    display: inline-block;
    margin-right: 10px;
}

.hotel-page .facilities .facilities-list {
    flex: 0 0 100%;
    padding: 0 24px;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.hotel-page .facilities .facilities-list  .ficility-category {
    flex: 0 0 33.3%;
    /* width: 33%; */
    margin-bottom: 40px;
    padding-right: 32px;
}
.hotel-page .facilities .facilities-list  .ficility-category .cat-name {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 24px;
}

.hotel-page .facilities .facilities-list .ficility-category .facility {
    padding-right: 44px;
}

.hotel-page .facilities .facilities-list .ficility-category .facility .name {
    font-size: 18px;
    position: relative;
}

.hotel-page .facilities .facilities-list .ficility-category .facility .info {
    font-size: 16px;
    color: #303030;
}
.hotel-page .resturants {
    /* background-color: white; */
    margin-top: 24px;
    position: relative;
}

.hotel-page .resturants h2 {
    font-size: 22px;
    font-weight: bold;
    padding: 16px 24px;
    border-bottom: solid 5px #f5f4ff;
    margin: 0;
    background-color: white;
    border-radius: 10px 10px 0 0;
}
.hotel-page .hotel-rules {
    background-color: white;
    margin-top: 24px;
    border-radius: 10px;
    position: relative;
    padding: 24px;
}

.hotel-page .hotel-rules h2 {
    font-size: 22px;
    font-weight: bold;
}

.hotel-page .hotel-rules h2 .hotel-name {
    display: block;
    font-weight: normal;
    margin-top: 10px;
}

.hotel-page .hotel-rules p.text {
    margin-top: 30px;
    font-size: 18px;
}

.hotel-page .hotel-rules .icon {
    position: absolute;
    left: 20px;
    /* background-color: #ccc; */
    width: 58px;
    height: 46px;
}

.hotel-page .hotel-content {
    background-color: white;
    margin-top: 24px;
    border-radius: 10px;
    position: relative;
    padding: 24px;
}
.hotel-page .hotel-content h2 {
    font-size: 22px;
    font-weight: normal;
}

.hotel-page .hotel-content h2 .hotel-name {
    display: block;
    font-weight: normal;
    margin-top: 10px;
    font-weight: bold;
}

.hotel-page .hotel-content .content {
    font-size: 18px;
    text-align: justify;
}
.hotel-page .hotel-content .icon {
    position: absolute;
    left: 25px;
    /* background-color: #ccc; */
    width: 49px;
    height: 36px;
    background-position: -610px -255px;
    width: 30px;
    height: 40px;
    display: inline-block;
    float: left;
    /* background-color: #ff1b1b; */
    transform: translateY(10px);
}
.hotel-page .resturants h2 .hotel-name {
    font-weight: normal;
    margin-right: 10px;
    display: inline-block;
}

.hotel-page .resturants .resturant-count {
    position: absolute;
    left: 24px;
    top: 21px;
    font-size: 18px;
}
.hotel-page .resturants .resturant .resturant-data {
    padding: 14px 24px;
    height: max-content;
    flex: 0 0 50%;
}

.hotel-page .resturants .resturant .resturant-data > .title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 30px;
}

.hotel-page .resturants .resturant .resturant-data .title span {
    display: block;
    font-weight: normal;
    margin-top: 10px;
}

.hotel-page .resturants .resturant .info {
    display: flex;
    font-size: 18px;
    margin-bottom: 12px;
    align-items: center;
}

.hotel-page .resturants .resturant .info span {
    margin-right: 30px;
}

.hotel-page .resturants .resturant .info .add-info {
    font-size: 14px;
    color: #303030;
}

.hotel-page .resturants .meals {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    gap: 12px;
}

.hotel-page .resturants .meals li {
    width: 150px;
    height: 70px;
    border-radius: 5px;
    border: solid 1px #4f4f67;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    padding: 10px;
    justify-content: center;
    position: relative;
}

.hotel-page .resturants .resturant-data .meals li .title {
    font-size: 18px;
    font-weight: bold;
    margin: 0;
}

.hotel-page .resturants .meals li .name {
    font-size: 18px;
    font-weight: normal;
}

.hotel-page .resturants .meals li i {
    width: 23px;
    height: 20px;
    position: absolute;
    left: 10px;
    top: 10px;
    /* background-color: #eee; */
}

.hotel-page .resturants .meals-info {
    /* margin: 0; */
    padding: 0;
    margin-top: 30px;
    list-style: none;
}

.hotel-page .resturants .meals-info li {
    display: flex;
    align-items: center;
}
.hotel-page .show-user-point {
    padding: 20px 24px;
}
.hotel-comments h2 {
    background-color: white;
    margin: 0;
    border-radius: 10px 10px 0 0;
    margin: 24px 0 0 0;
    padding: 18px 35px;
    font-weight: bold;
}

.hotel-page .hotel-point {
    margin: 0;
    border-radius: 0 0 10px 10px;
    padding: 0 35px;
    height: 430px;
}

.hotel-comments h2 .hotel-name {
    font-weight: normal;
}
.hotel-page .resturants .meals-info li .title {
    margin: 0;
    font-size: 18px;
    font-weight: bold;
    margin-left: 12px;
}

.hotel-page .resturants .meals-info li .info {
    margin: 0 0 0 10px;
    font-size: 18px;
    vertical-align: middle;
}
.hotel-page .resturants .resturant {
    display: flex;
    flex-direction: row;
    border-radius: 0 0 10px 10px;
    overflow: hidden;
    position: relative;
    background-color: white;
    margin-bottom: 24px;
}

.hotel-page .resturants .resturant img {
    flex: 0 0 50%;
    max-width: 50%;
    /* height: 40px; */
    object-fit: cover;
    max-height: 310px;
}
.hotel-page .notifications .text p {
    padding: 0;
    display: flex;
    width: 100%;
    text-align: right;
    direction: rtl;
}
.hotel-page .fixed-room-date {
    position: sticky;
    top: 10px;
}

.hotel-page .faq {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.35) 0%, #fff 100%);
  margin-top: 40px;
  display: flex;
  border-radius: 5px;
  overflow: hidden;
}
header.header .container .call > a .icon {
    width: 100%;
    height: 100%;
    background-position: -959px -211px;
    /* background-color: #eee; */
}

.hotel-page .faq .title {
  flex: 0 0 330px;
  padding: 37px 57px 100px;
  font-size: 22px;
  font-weight: bold;
  color: #161f28;
  background-image: linear-gradient(to right, rgba(245,244,255,0.35) 0%, #fff 100%);
}

.hotel-page .faq .faq-questions .question {
  border-bottom: solid 2px #f5f4ff;
}

.hotel-page .faq .faq-questions .answer {
  display: none;
  font-size: 18px;
  padding: 10px 24px;
  text-align: justify;
  margin: 0;
}

.hotel-page .faq .faq-questions {
  width: 100%;
}

.hotel-page .faq .faq-questions .q {
  height: 60px;
  margin: 0;
  display: flex;
  align-items: center;
  font-size: 18px;
  padding: 0 24px;
}

.hotel-page .city-links {
  margin-top: 40px;
  display: flex;
  margin-bottom: 50px;
  height: 265px;
  border-radius: 10px;
  overflow: hidden;
  background-image: linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0.63) 100%);
  /* padding: 60px 112px; */
}
.hotel-page .faq .title span {
  font-weight: normal;
}
.hotel-page .city-links .title {
  flex: 0 0 312px;
  box-shadow: -10px 0 50px 0 rgba(43, 40, 190, 0.2);
  background-color: #2b28be;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-align: right;
  padding-right: 60px;
  font-size: 26px;
  font-weight: bold;
  color: white;
}

.hotel-page .city-links .links {
  padding: 60px 112px;
  display: flex;
  display: grid;
  grid-template-columns: auto auto auto;
  gap: 40px;
  width: 100%;
}

.hotel-page .city-links .links a {
  font-size: 18px;
  text-decoration: none;
  color: #000;
  display: flex;
  align-items: center;
}

.hotel-page .content-c-parent {
  display: flex;
  gap: 35px;
}

.hotel-page .city-content h4 {
  font-size: 18px;
  font-weight: bold;
}
.hotel-page .content-b.even {
  display: flex;
  flex-direction: row-reverse;
}

.hotel-page .content-b.even .content {
  flex: 1 1 50%;
}

.mapboxgl-map{font:12px/20px Helvetica Neue,Arial,Helvetica,sans-serif;overflow:hidden;position:relative;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mapboxgl-canvas{position:absolute;left:0;top:0}.mapboxgl-map:-webkit-full-screen{width:100%;height:100%}.mapboxgl-canary{background-color:salmon}.mapboxgl-canvas-container.mapboxgl-interactive,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer{cursor:pointer}.mapboxgl-canvas-container.mapboxgl-interactive:active,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas{touch-action:pan-x pan-y}.mapboxgl-canvas-container.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas{touch-action:pinch-zoom}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas{touch-action:none}.mapboxgl-ctrl-bottom-left,.mapboxgl-ctrl-bottom-right,.mapboxgl-ctrl-top-left,.mapboxgl-ctrl-top-right{position:absolute;pointer-events:none;z-index:2}.mapboxgl-ctrl-top-left{top:0;left:0}.mapboxgl-ctrl-top-right{top:0;right:0}.mapboxgl-ctrl-bottom-left{bottom:0;left:0}.mapboxgl-ctrl-bottom-right{right:0;bottom:0;display: none;}.mapboxgl-ctrl{clear:both;pointer-events:auto;transform:translate(0)}.mapboxgl-ctrl-top-left .mapboxgl-ctrl{margin:10px 0 0 10px;float:left}.mapboxgl-ctrl-top-right .mapboxgl-ctrl{margin:10px 10px 0 0;float:right}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl{margin:0 0 10px 10px;float:left}.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl{margin:0 10px 10px 0;float:right}.mapboxgl-ctrl-group{border-radius:4px;background:#fff}.mapboxgl-ctrl-group:not(:empty){-moz-box-shadow:0 0 2px rgba(0,0,0,.1);-webkit-box-shadow:0 0 2px rgba(0,0,0,.1);box-shadow:0 0 0 2px rgba(0,0,0,.1)}@media (-ms-high-contrast:active){.mapboxgl-ctrl-group:not(:empty){box-shadow:0 0 0 2px ButtonText}}.mapboxgl-ctrl-group button{width:29px;height:29px;display:block;padding:0;outline:none;border:0;box-sizing:border-box;background-color:transparent;cursor:pointer}.mapboxgl-ctrl-group button+button{border-top:1px solid #ddd}.mapboxgl-ctrl button .mapboxgl-ctrl-icon{display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:50%}@media (-ms-high-contrast:active){.mapboxgl-ctrl-icon{background-color:transparent}.mapboxgl-ctrl-group button+button{border-top:1px solid ButtonText}}.mapboxgl-ctrl button::-moz-focus-inner{border:0;padding:0}.mapboxgl-ctrl-attrib-button:focus,.mapboxgl-ctrl-group button:focus{box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl button:disabled{cursor:not-allowed}.mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon{opacity:.25}.mapboxgl-ctrl button:not(:disabled):hover{background-color:rgba(0,0,0,.05)}.mapboxgl-ctrl-group button:focus:focus-visible{box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl-group button:focus:not(:focus-visible){box-shadow:none}.mapboxgl-ctrl-group button:focus:first-child{border-radius:4px 4px 0 0}.mapboxgl-ctrl-group button:focus:last-child{border-radius:0 0 4px 4px}.mapboxgl-ctrl-group button:focus:only-child{border-radius:inherit}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath d='M10.5 16l4 8 4-8h-8z' fill='%23999'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23aaa'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath d='M14 5l1 1-9 9-1-1 9-9z' fill='red'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting .mapboxgl-ctrl-icon{-webkit-animation:mapboxgl-spin 2s linear infinite;-moz-animation:mapboxgl-spin 2s infinite linear;-o-animation:mapboxgl-spin 2s infinite linear;-ms-animation:mapboxgl-spin 2s infinite linear;animation:mapboxgl-spin 2s linear infinite}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23999'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath d='M14 5l1 1-9 9-1-1 9-9z' fill='red'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23666'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath d='M14 5l1 1-9 9-1-1 9-9z' fill='red'/%3E%3C/svg%3E")}}@-webkit-keyframes mapboxgl-spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@-moz-keyframes mapboxgl-spin{0%{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(1turn)}}@-o-keyframes mapboxgl-spin{0%{-o-transform:rotate(0deg)}to{-o-transform:rotate(1turn)}}@-ms-keyframes mapboxgl-spin{0%{-ms-transform:rotate(0deg)}to{-ms-transform:rotate(1turn)}}@keyframes mapboxgl-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}a.mapboxgl-ctrl-logo{width:88px;height:23px;margin:0 0 -4px -4px;display:block;background-repeat:no-repeat;cursor:pointer;overflow:hidden;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='88' height='23' viewBox='0 0 88 23' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd'%3E%3Cdefs%3E%3Cpath id='a' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='b' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='c'%3E%3Crect width='100%25' height='100%25' fill='%23fff'/%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/mask%3E%3Cg opacity='.3' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23c)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23b' mask='url(%23c)'/%3E%3C/g%3E%3Cg opacity='.9' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/g%3E%3C/svg%3E")}a.mapboxgl-ctrl-logo.mapboxgl-compact{width:23px}@media (-ms-high-contrast:active){a.mapboxgl-ctrl-logo{background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='88' height='23' viewBox='0 0 88 23' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd'%3E%3Cdefs%3E%3Cpath id='a' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='b' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='c'%3E%3Crect width='100%25' height='100%25' fill='%23fff'/%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/mask%3E%3Cg stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23c)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23b' mask='url(%23c)'/%3E%3C/g%3E%3Cg fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/g%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){a.mapboxgl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='88' height='23' viewBox='0 0 88 23' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd'%3E%3Cdefs%3E%3Cpath id='a' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='b' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='c'%3E%3Crect width='100%25' height='100%25' fill='%23fff'/%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/mask%3E%3Cg stroke='%23fff' stroke-width='3' fill='%23fff'%3E%3Ccircle mask='url(%23c)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23b' mask='url(%23c)'/%3E%3C/g%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/svg%3E")}}.mapboxgl-ctrl.mapboxgl-ctrl-attrib{padding:0 5px;background-color:hsla(0,0%,100%,.5);margin:0}@media screen{.mapboxgl-ctrl-attrib.mapboxgl-compact{min-height:20px;padding:2px 24px 2px 0;margin:10px;position:relative;background-color:#fff;border-radius:12px}.mapboxgl-ctrl-attrib.mapboxgl-compact-show{padding:2px 28px 2px 8px;visibility:visible}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show,.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show{padding:2px 8px 2px 28px;border-radius:12px}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner{display:none}.mapboxgl-ctrl-attrib-button{display:none;cursor:pointer;position:absolute;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1012 0 6 6 0 10-12 0m5-3a1 1 0 102 0 1 1 0 10-2 0m0 3a1 1 0 112 0v3a1 1 0 11-2 0'/%3E%3C/svg%3E");background-color:hsla(0,0%,100%,.5);width:24px;height:24px;box-sizing:border-box;border-radius:12px;outline:none;top:0;right:0;border:0}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-top-left .mapboxgl-ctrl-attrib-button{left:0}.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-inner,.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-button{display:block}.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-button{background-color:rgba(0,0,0,.05)}.mapboxgl-ctrl-bottom-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;right:0}.mapboxgl-ctrl-top-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{top:0;right:0}.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{top:0;left:0}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;left:0}}@media screen and (-ms-high-contrast:active){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' fill='%23fff'%3E%3Cpath d='M4 10a6 6 0 1012 0 6 6 0 10-12 0m5-3a1 1 0 102 0 1 1 0 10-2 0m0 3a1 1 0 112 0v3a1 1 0 11-2 0'/%3E%3C/svg%3E")}}@media screen and (-ms-high-contrast:black-on-white){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1012 0 6 6 0 10-12 0m5-3a1 1 0 102 0 1 1 0 10-2 0m0 3a1 1 0 112 0v3a1 1 0 11-2 0'/%3E%3C/svg%3E")}}.mapboxgl-ctrl-attrib a{color:rgba(0,0,0,.75);text-decoration:none}.mapboxgl-ctrl-attrib a:hover{color:inherit;text-decoration:underline}.mapboxgl-ctrl-attrib .mapbox-improve-map{font-weight:700;margin-left:2px}.mapboxgl-attrib-empty{display:none}.mapboxgl-ctrl-scale{background-color:hsla(0,0%,100%,.75);font-size:10px;border:2px solid #333;border-top:#333;padding:0 5px;color:#333;box-sizing:border-box}.mapboxgl-popup{position:absolute;top:0;left:0;display:-webkit-flex;display:flex;will-change:transform;pointer-events:none}.mapboxgl-popup-anchor-top,.mapboxgl-popup-anchor-top-left,.mapboxgl-popup-anchor-top-right{-webkit-flex-direction:column;flex-direction:column}.mapboxgl-popup-anchor-bottom,.mapboxgl-popup-anchor-bottom-left,.mapboxgl-popup-anchor-bottom-right{-webkit-flex-direction:column-reverse;flex-direction:column-reverse}.mapboxgl-popup-anchor-left{-webkit-flex-direction:row;flex-direction:row}.mapboxgl-popup-anchor-right{-webkit-flex-direction:row-reverse;flex-direction:row-reverse}.mapboxgl-popup-tip{width:0;height:0;border:10px solid transparent;z-index:1}.mapboxgl-popup-anchor-top .mapboxgl-popup-tip{-webkit-align-self:center;align-self:center;border-top:none;border-bottom-color:#fff}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip{-webkit-align-self:flex-start;align-self:flex-start;border-top:none;border-left:none;border-bottom-color:#fff}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip{-webkit-align-self:flex-end;align-self:flex-end;border-top:none;border-right:none;border-bottom-color:#fff}.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip{-webkit-align-self:center;align-self:center;border-bottom:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip{-webkit-align-self:flex-start;align-self:flex-start;border-bottom:none;border-left:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip{-webkit-align-self:flex-end;align-self:flex-end;border-bottom:none;border-right:none;border-top-color:#fff}.mapboxgl-popup-anchor-left .mapboxgl-popup-tip{-webkit-align-self:center;align-self:center;border-left:none;border-right-color:#fff}.mapboxgl-popup-anchor-right .mapboxgl-popup-tip{-webkit-align-self:center;align-self:center;border-right:none;border-left-color:#fff}.mapboxgl-popup-close-button{position:absolute;right:0;top:0;border:0;border-radius:0 3px 0 0;cursor:pointer;background-color:transparent}.mapboxgl-popup-close-button:hover{background-color:rgba(0,0,0,.05)}.mapboxgl-popup-content{position:relative;background:#fff;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.1);padding:10px 10px 15px;pointer-events:auto}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-content{border-top-left-radius:0}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-content{border-top-right-radius:0}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content{border-bottom-left-radius:0}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content{border-bottom-right-radius:0}.mapboxgl-popup-track-pointer{display:none}.mapboxgl-popup-track-pointer *{pointer-events:none;user-select:none}.mapboxgl-map:hover .mapboxgl-popup-track-pointer{display:flex}.mapboxgl-map:active .mapboxgl-popup-track-pointer{display:none}.mapboxgl-marker{position:absolute;top:0;left:0;will-change:transform}.mapboxgl-user-location-dot,.mapboxgl-user-location-dot:before{background-color:#1da1f2;width:15px;height:15px;border-radius:50%}.mapboxgl-user-location-dot:before{content:"";position:absolute;-webkit-animation:mapboxgl-user-location-dot-pulse 2s infinite;-moz-animation:mapboxgl-user-location-dot-pulse 2s infinite;-ms-animation:mapboxgl-user-location-dot-pulse 2s infinite;animation:mapboxgl-user-location-dot-pulse 2s infinite}.mapboxgl-user-location-dot:after{border-radius:50%;border:2px solid #fff;content:"";height:19px;left:-2px;position:absolute;top:-2px;width:19px;box-sizing:border-box;box-shadow:0 0 3px rgba(0,0,0,.35)}@-webkit-keyframes mapboxgl-user-location-dot-pulse{0%{-webkit-transform:scale(1);opacity:1}70%{-webkit-transform:scale(3);opacity:0}to{-webkit-transform:scale(1);opacity:0}}@-ms-keyframes mapboxgl-user-location-dot-pulse{0%{-ms-transform:scale(1);opacity:1}70%{-ms-transform:scale(3);opacity:0}to{-ms-transform:scale(1);opacity:0}}@keyframes mapboxgl-user-location-dot-pulse{0%{transform:scale(1);opacity:1}70%{transform:scale(3);opacity:0}to{transform:scale(1);opacity:0}}.mapboxgl-user-location-dot-stale{background-color:#aaa}.mapboxgl-user-location-dot-stale:after{display:none}.mapboxgl-user-location-accuracy-circle{background-color:rgba(29,161,242,.2);width:1px;height:1px;border-radius:100%}.mapboxgl-crosshair,.mapboxgl-crosshair .mapboxgl-interactive,.mapboxgl-crosshair .mapboxgl-interactive:active{cursor:crosshair}.mapboxgl-boxzoom{position:absolute;top:0;left:0;width:0;height:0;background:#fff;border:2px dotted #202020;opacity:.5}@media print{.mapbox-improve-map{display:none}}
 
.hotel-page .hotels-list.with-price {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.hotel-page .hotels-list.with-price .hotel-card {
    flex: 1 0 100%;
    height: auto;
    padding-right: 180px;
}

.hotel-page .hotel-card .info-list {
    position: absolute;
    left: 0;
    width: 130px;
    top: 15px;
}

.hotel-page .hotel-card .price-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 10px;
}

.hotel-page .hotel-card .price-list > .price {
    display: flex;
    justify-content: space-between;
    border-radius: 5px;
    border: solid 1px rgba(48, 48, 48, 0.5);
    background-color: #fff;
    height: 66px;
    position: relative;
    /* gap: 12px; */
    /* margin-bottom: 12px; */
}

.hotel-page .hotel-card .price-list > .price button {
    width: 120px;
    border: 0;
    border-radius: 5px 0 0 5px;
    background-color: #2b28be;
    color: white;
    font-size: 16px;
    cursor: pointer;
    position: relative;
}

.hotel-page .hotel-card .price-list > .price .package {
    flex: 0 0 calc((100% - 120px)/2);
}

.hotel-page .hotel-card .price-list > .price > .price {
    flex: 0 0 calc((100% - 120px)/2);
    display: flex;
    /* direction: ltr; */
    text-align: left;
    flex-direction: row-reverse;
    padding-left: 24px;
    align-items: center;
    color: #303030;
    gap: 12px;
    font-size: 14px;
}

.hotel-page .hotel-card .price-list > .price > .price .price {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    gap: 2px;
    justify-content: space-between;
    align-items: flex-start;
    align-content: center;
}

.hotel-page .hotel-card .price-list > .price > .price .price .discount {
    display: flex;
    gap: 8px;
    color: #303030;
}

.hotel-page .hotel-card .price-list > .price > .price .price .discount .percent {
    border-radius: 4px;
    background-color: #db2b39;
    height: 20px;
    display: inline-block;
    padding: 0 8px;
    color: white;
    font-weight: bold;
}

.hotel-page .hotel-card .price-list > .price > .price .price p:not(.discount) {
    /* color: red; */
    font-size: 22px;
    font-weight: bold;
    color: #2b28be;
}

.hotel-page .hotel-card .price-list > .price > .price .price p:not(.discount) span {
    color: #303030;
    font-size: 14px;
    font-weight: normal;
}

.hotel-page .hotel-card .price-list > .price .package {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 14px;
}
.hotel-page .hotel-rules p.text .rule {
    margin-bottom: 5px;
    display: block;
}
.hotel-page .hotel-card .price-list > .price .package span {
    font-size: 16px;
    /* font-weight: bold; */
}
.hotel-page .hotel-card > div .room-name {
    font-weight: bold;
}
/******************************************************************************************************** hotel page */

/******************************************************************************************************** reserve page */
.reserve-floating-input {
  border-radius: 10px;
  /* border: solid 1px var(--dark-grey-blue); */
  height: 50px;
  padding: 12px 0;
  width: 100p;
  transition-duration: 0.3s;
  border: solid 1px #4f4f67;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
.reserve-floating-input label {
  position: absolute;
  transition-duration: .3s;
  padding: 0 10px;
  color: #000000;
  z-index: 1;
}
.reserve-floating-input.focus label {
  transform: translate(0px, -10px);
  color: #ababab;
  font-size: 14px;
}
.reserve-floating-input.focus input {
  transform: translate(0px, 10px);
}
.reserve-floating-input.focus {
  /* border: solid 1px black; */
}
.reserve-floating-input input {
  width: calc(100% - 15px);
  border: 0;
  padding: 0 5px 0 0;
  margin: 0 5px 0 0;
  outline: 0;
  background-color: transparent;
  font-size: 16px;
  color: var(--dark-grey-blue);
}
.reserve-page {
    background-color: #f5f4ff;
    padding-top: 100px;
    padding-bottom: 200px;
}

.reserve-page .progress-sidebar {
    border-radius: 10px;
    background-image: linear-gradient(to bottom, #161f28 0%, #2b28be 100%);
    color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 37px 50px;
    min-height: 600px;
    position: sticky;
    top: 10px;
}

.reserve-page .progress-sidebar h1 {
    font-size: 30px;
    font-weight: 800;
    margin-bottom: 50px;
}

.reserve-page .progress-sidebar ul {
    padding: 0;
    margin: 0;
    list-style: none;
    width: 100%;
    padding: 0;
    margin-right: 30px;
    border-right: solid 2px #ffffff50;
}

.reserve-page .progress-sidebar ul li {
    height: 72px;
    font-size: 18px;
    padding-right: 30px;
    transform: translateY(-6px);
    position: relative;
}

.reserve-page .progress-sidebar ul li:last-child {
    height: 11px;
}

.reserve-page .progress-sidebar ul li:before {
    /* opacity: 0.5; */
    border-radius: 2px;
    background-color: #999;
    position: absolute;
    width: 12px;
    height: 12px;
    content: "";
    position: absolute;
    right: -7px;
    top: 6px;
}

.reserve-page .hotel {
    height: 160px;
    background-color: white;
    display: flex;
    border-radius: 10px;
    overflow: hidden;
}

.reserve-page .hotel img {
    flex: 0 0 100px;
    width: 200px;
    height: 160px;
    object-fit: cover;
}

.reserve-page .hotel .hotel-info {
    width: calc(50% - 100px);
    padding: 15px 12px;
    margin: 0 0 12px;
}

.reserve-page .hotel .hotel-info .hotel-name {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}

.reserve-page .hotel p {
    margin: 0;
}

.reserve-page .hotel .address {
    margin-top: 10px;
}

.reserve-page .hotel .dates {
    border-right: dashed 1px #4f4f67;
    width: calc(50% - 100px);
    padding: 45px 70px 0 0;
}

.reserve-page .hotel .dates ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-direction: row;
    gap: 12px;
}

.reserve-page .hotel .dates ul li {
    border: solid 1px #4f4f67;
    background-color: #fff;
    width: 90px;
    height: 80px;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.reserve-page .hotel .dates ul li .label {
    font-size: 16px;
    margin-bottom: 8px;
}

.reserve-page .hotel .dates ul li .value {
    font-size: 18px;
}

.reserve-page .reserve-card {
    margin-top: 24px;
    background-color: white;
    padding: 17px 24px;
    border-radius: 10px;
    position: relative;
}

.reserve-page .reserve-card .title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 12px;
}

.reserve-page .reserve-card .fields {
    display: flex;
}

.reserve-page .reserve-card.user-info {
    height: 190px;
}

.reserve-card.reserver .radio-fields {
    float: left;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    height: 100%;
    gap: 30px;
    align-items: center;
    margin-left: 22px;
}

.reserve-page .reserve-card.reserver {
    height: 80px;
}

.reserve-page .reserve-card.reserver .title {
    font-size: 18px;
    margin-bottom: 4px;
}

.reserve-page .reserve-card .room-name {
    font-size: 18px;
}

.reserve-page .reserve-card.room-info ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 50px;
}
.user-menu ul li a .icon {
    width: 20px;
    height: 20px;
    /* margin-left: 10px; */
}

i.icon.dashboard {
    background-position: -165px -265px;
}

i.icon.settings {
    background-position: -215px -265px;
}

.user-menu ul li button .icon {
    width: 20px;
    height: 20px;
}

i.icon.logout {
    background-position: -265px -265px;
}
.reserve-page .reserve-card.room-info ul .name {
    margin-left: 10px;
    display: inline-block;
}

.reserve-page .reserve-card.room-info .natinality {
    margin-top: 24px;
    display: flex;
    gap: 46px;
    align-items: center;
}
.reserve-card.room-info .radio-fields {
    /* float: left; */
    /* position: absolute; */
    left: 0;
    top: 0;
    display: flex;
    height: 100%;
    gap: 30px;
    align-items: center;
    margin-left: 22px;
}
.reserve-page .reserve-card.room-info .natinality .radio-fields {
    margin-left: 100px;
}

.reserve-page .reserve-card .title .info {
    font-size: 18px;
    font-weight: normal;
    margin-right: 24px;
    float: left;
}

.reserve-page .reserve-card.description textarea {
    width: 100% !important;
    border-radius: 5px;
    border: solid 1px #4f4f67;
    height: 150px !important;
    resize: none;
    padding: 10px;
}

.reserve-page .reserve-card.description .additional-info {
    margin-top: 12px;
    margin-bottom: 0;
}

.reserve-page .reserve-card.description .title {
    margin-bottom: 24px;
}

.reserve-page .reserve-card.rules:before {
    content: "";
    width: 12px;
    height: 102px;
    position: absolute;
    right: -7px;
    top: 17px;
    background-color: #f4db00;
}

.reserve-page .reserve-card .rules {
    text-align: justify;
}

.reserve-card.price ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.reserve-card.price ul li {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
    /* border-top: 4px solid; */
    padding: 0 24px;
}

.reserve-card.price ul li .label {
    font-size: 18px;
}

.reserve-card.price ul li .value {
    font-size: 18px;
    font-weight: bold;
}

.reserve-card.price ul li .value span {
    font-size: 14px;
    font-weight: normal;
}
.reserve-card.price ul li:last-child  {
  font-size: 18px;
  border-top: 4px solid #f5f4ff;
  /* margin-top: 10px; */
  padding-top: 10px;
  padding-bottom: 10px;
}

.reserve-card.price ul li:last-child .value {
    font-size: 22px;
    font-weight: bold;
    color: #2b28be;
    /* border-top: 4px solid; */
}
.reserve-page .resrve-btn {
    float: left;
    width: 312px;
    height: 50px;
    font-size: 18px;
    background-color: #2b28be;
    border-radius: 5px;
    color: white;
    margin-top: 0;
    cursor: pointer;
    border: 0;
    position: relative;
}

.reserve-page .reserve-card.price {
    padding: 17px 0 0;
}
.switch-container {
	width: 100%;
	max-width: 60px;
	max-height: 30px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	padding: 5px 8px;
	border-radius: 50px;
	position: relative;
	cursor: pointer;
	overflow: hidden;
}

.switch-container .switch-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: #949494;
	z-index: -1;
	transition: background-color 0.2s ease-in;
}

.switch-container #with-warrenty:checked ~ .switch-bg {
	background-color: #37ca37;
}

.switch-container .switch-left span {
	font-size: 11px;
	font-weight: 700;
	color: #ffffff;
	font-family: 'Ubuntu', sans-serif;
	line-height: 1;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}

.switch-container .switch-right span {
	font-size: 11px;
	font-weight: 700;
	color: #ffffff;
	font-family: 'Ubuntu', sans-serif;
	line-height: 1;
	opacity: 1;
	transition: opacity 0.3s ease-in-out;
}

.switch-container #with-warrenty:checked ~ .switch-left span {
	opacity: 1;
}
.switch-container #with-warrenty:checked ~ .switch-right span {
	opacity: 0;
}

.switch-container .round-box {
	position: absolute;
	width: 22px;
	height: 22px;
	top: 50%;
	transform: translate(-3px, -50%);
	background-color: #f6f6f6;
	box-shadow: 0 2px 3px rgb(0 0 0 / 15%);
	border-radius: 50%;
	transition: transform 0.3s ease-in-out;
}

.switch-container #with-warrenty:checked ~ .round-box {
	transform: translate(25px, -50%);
}
.reserve-page .vocher {
    background-color: white;
    box-shadow: 0 0 20px 0 rgb(46 64 86 / 5%);
    background-color: #ffffff;
    padding: 40px 20px;
    position: relative;
}

.reserve-page .vocher .logo {
    height: 100px;
}

.reserve-page .vocher .logo {
    height: 50px;
}

.hotel-vocher {
    position: absolute;
    /* border-radius: 0 0 5px 5px; */
    /* box-shadow: 0 5px 20px 0 rgb(255 78 78 / 50%); */
    /* background-color: #ff4e4e; */
    /* font-size: 24px; */
    /* font-weight: bold; */
    /* color: white; */
    /* padding: 20px 25px; */
    top: -15px;
    right: 35px;
    /* z-index: 2; */
    width: 160px;
}

.vocher {}

.hotel-vocher:before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    background-color: #d32323;
    left: -10px;
    top: 5px;
    transform: rotate(45deg);
    z-index: 0;
}

.hotel-vocher:after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    background-color: #d32323;
    right: -10px;
    top: 5px;
    transform: rotate(45deg);
    z-index: 0;
}

.vocher-status {
    float: left;
    display: flex;
    gap: 10px;
    /* transform: translateY(-100px); */
    top: 0;
}

.vocher-status .code {
    display: flex;
    flex-direction: column;
    border-radius: 5px;
    border: solid 1px rgba(22, 31, 40, 0.5);
    /* float: left; */
    background-color: white;
    /* margin-left: 10px; */
    /* min-height: 140px; */
    /* width: 140px; */
    align-items: center;
    justify-content: center;
    padding: 20px 15px;
    gap: 5px;
}

.reserve-page .hotel-vocher .reserve-card.user-info {
    margin-top: 70px;
}

.reserve-page .vocher .reserve-card.user-info {
    margin-top: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
}

.reserve-page .vocher .reserve-card {
    border-radius: 5px;
    padding: 10px;
    border: solid 1px #e2e2e2;
}

.vocher .user-info-data {
    display: flex;
    gap: 50px;
    width: 100%;
}

.vocher .user-info-data .field {
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: space-between;
}

.vocher .user-info-data .field label {
    font-size: 16px;
    /* color: var(--dark-grey-blue); */
    opacity: 0.8;
}

.vocher .user-info-data .field span {
    font-size: 18px;
    /* font-variation-settings: "wght" 400, "DOTQ" 0,"FANU" 1; */
    /* color: var(--dark); */
}
.hotel-vocher span:not(.label) {
    position: absolute;
    top: 15px;
    width: calc(100% + 50px);
    height: 50px;
    background-color: #fff;
    z-index: 1;
    right: -21px;
}

.hotel-vocher span.label {
    position: absolute;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 5px 20px 0 rgb(255 78 78 / 50%);
    background-color: #ff4e4e;
    font-size: 24px;
    font-weight: bold;
    color: white;
    padding: 20px 25px;
    top: 0;
    right: 0;
    z-index: 2;
    width: 100%;
    text-align: center;
}

.vocher-status .code span {
    font-size: 18px;
    font-weight: bold;
}

.vocher .user-info-data .field span {}

.reserve-page .reserve-card .title span {
    font-size: 18px;
    font-weight: normal;
    margin-right: 10px;
}

.vocher .support {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.vocher .support .web {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    align-content: space-around;
}

.vocher .support .call {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    font-size: 18px;
}

.vocher .support .call span {
    font-weight: bold;
    font-size: 22px;
    margin-top: 5px;
}

.vocher .support .web img {
    height: 60px;
    width: auto;
}

.vocher .support .web span {
    font-size: 18px;
}
.reserve-page .vocher .reserve-card.rules ul {
    list-style: none;
    padding: 0 40px 0;
    margin: 0;
}

.reserve-page .vocher .reserve-card.rules ul li p {
    margin: 0;
}

.reserve-page .vocher .reserve-card.rules ul li p.value {
    margin-top: 5px;
}

.reserve-page .vocher .reserve-card.rules ul li p.label {
    font-weight: bold;
}

.reserve-page .vocher .reserve-card.rules {
    min-height: 220px;
}

.reserve-page .reserve-card.status .time p {
    font-size: 16px;
}

.reserve-page .reserve-card.status .time .timer {
    display: flex;
    flex-direction: row-reverse;
    font-size: 20px;
    gap: 5px;
    align-items: center;
    font-weight: bold;
}

.reserve-page .reserve-card.status .time .timer .minute {
    border-radius: 5px;
    background-color: #161f28;
    width: 38px;
    height: 60px;
    display: flex;
    flex-direction: column;
    color: white;
    align-items: center;
    justify-content: center;
}

.reserve-page .reserve-card.status .time .timer .minute .label {
    font-size: 20px;
    font-weight: bold;
}

.reserve-page .reserve-card.status .time .timer .minute .value {
    font-size: 12px;
}

.reserve-page .reserve-card.status .time .timer .second {
       border-radius: 5px;
       background-color: #161f28;
       width: 38px;
       height: 60px;
       display: flex;
       flex-direction: column;
       color: white;
       align-items: center;
       justify-content: center;
}
.reserve-page .reserve-card.status .time .timer .second .label {
    font-size: 20px;
    font-weight: bold;
}

.reserve-page .reserve-card.status .time .timer .second .value {
    font-size: 12px;
}

.reserve-page .payment-link .pay-by {
    margin-bottom: 12px;
    background-color: white;
    height: 50px;
    display: flex;
    flex-direction: row;
    padding: 12px 19px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border-radius: 5px;
    font-size: 16px;
}

.reserve-page .payment-link .pay-by img {
    width: 24px;
    height: 24px;
    margin-right: 10px;
    font-size: 16px;
}

.reserve-page .payment-link .pay-by .payment-getway {
    display: flex;
    position: relative;
    align-items: center;
    font-size: 18px;
}

.reserve-page .payment-link .pay-by .payment-getway:before {
    content: "";
    position: absolute;
    border-radius: 10px;
    border: solid 1px #161f28;
    background-color: #fff;
    width: 14px;
    height: 14px;
    transform: translateX(23px);
}

.reserve-page .payment-link .pay-by .payment-getway:after {
    width: 8px;
    height: 8px;
    flex-grow: 0;
    border-radius: 10px;
    background-color: #161f28;
    content: "";
    position: absolute;
    transform: translateX(20px);
}

.reserve-page .payment-link {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 24px;
    gap: 24px;
}
.search-popup .background .destinations .popular ul li .name {
    margin: 0;
    display: flex;
    flex-direction: column;
}

.search-popup .background .destinations .popular ul li .name span {
    font-size: 14px;
}
.reserve-page .reserve-card.user-info .user-info-data {
    display: flex;
    gap: 60px;
    flex-direction: row;
}

.reserve-page .reserve-card.user-info .user-info-data .field {
    display: flex;
    flex-direction: column;
}

.reserve-card.status .title {
    font-size: 24px;
    font-weight: bold;
}

.reserve-card.status.success .title {
    color: #00b200;
}

.reserve-card.status.success .info {
    font-size: 18px;
}

.reserve-page .reserve-card.status.success:before {
    content: "";
    position: absolute;
    width: 383px;
    height: 300px;
    background-color: #00b200;
    left: -95px;
    top: 0;
    transform: skewX(-18deg);
}

.reserve-page .reserve-card.status {
    position: relative;
    overflow: hidden;
}

.reserve-page .reserve-card.status .code {
    order: 4;
    margin-top: 12px;
    display: flex;
    height: 93px;
    border: solid 1px #4f4f67;
    border-radius: 5px;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    font-size: 14px;
    background-color: #fff;
    z-index: 2;
    font-size: 16px;
    gap: 6px;
    width: max-content;
    padding-right: 13px;
    padding: 0 15px;
}
.reserve-page .reserve-card.status .code span {
    font-size: 22px;
    font-weight: bold;
}
.reserve-page .reserve-card.status .time {border-radius: 5px;box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1);background-color: rgba(255, 255, 255, 0.95);z-index: 1;height: 120px;display: flex;flex-direction: column;align-items: center;position: absolute;left: 50px;width: 300px;padding: 10px 40px;top: 100px;}
.reserve-page .reserve-card.user-info .user-info-data .field span {
    font-size: 18px;
}

.reserve-page .reserve-card.user-info .user-info-data .field label {
    font-size: 12px;
}

.search-popup .background .destinations .popular {
    position: relative;
    width: 100%;
}

.search-popup .background .destinations .popular .title {
    font-size: 18px;
    font-weight: bold;
    padding: 11px 13px;
    margin: 0;
}

.search-popup .background .destinations .popular ul {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow-y: auto;
    height: 320px;
    width: 100%;
}

.search-popup .background .destinations .popular ul li {
    padding: 6px 13px;
    display: flex;
    align-items: center;
    font-size: 18px;
    cursor: pointer;
}

.search-popup .background .destinations .popular ul li img {
    border-radius: 5px;
    background-color: rgba(22, 31, 40, 0.4);
    width: 50px;
    height: 50px;
    margin-left: 10px;
    position: relative;
}
.search-popup .background .destinations .search-city ul {
    list-style: none;
    padding: 6px 0 0 0;
    margin: 0;
}

.search-popup .background .destinations .search-city ul li {
    padding: 6px 13px;
    display: flex;
    align-items: center;
    font-size: 18px;
    cursor: pointer;
}

.search-popup .background .destinations .search-city ul li img {
    border-radius: 5px;
    background-color: rgba(22, 31, 40, 0.4);
    width: 50px;
    height: 50px;
    margin-left: 10px;
    position: relative;
}

.search-city {}

.search-popup .background .destinations .search-city ul li .name {
    display: flex;
    flex-direction: column;
    margin: 0;
}

.search-popup .background .destinations .search-city ul li .name span {
    font-size: 14px;
}

.pdp .pdp-picker .pdp-footer {
    display: none !important;
}

.pdp .pdp-picker {
    padding: 0;
}

.pdp .pdp-picker .pdp-main .pdp-date * {
    font-size: 16px !important;
}
/******************************************************************************************************** reserve page */
/******************************************************************************************************** login page */
.login-popup .content .reserve-floating-input input {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    transform: translate(0px, 0px);
    padding: 10px;
}

.login-popup .content .reserve-floating-input.focus {
    border: solid 1px #4f4f67;
    /* font-size: 14px; */
}

.login-popup .content .reserve-floating-input.focus label {
    transform: translate(0px, 1px);
    font-size: 14px;
}

.login-popup .content .reserve-floating-input.focus input {
    padding: 12px 10px 0 10px;
}

.login-popup .content .reserve-floating-input label {
    transform: translate(0px, 10px);
    font-size: 18px;
}
.backdrop {
    position: fixed;
    top: 0;
    right: 0;
    opacity: 0.9;
    background-color: #161f28;
    width: 100%;
    height: 100%;
    z-index: 3;
    transition-duration: 0.3s;
    visibility: hidden;
    opacity: 0;
}

.backdrop.active {
    visibility: visible;
    opacity: 0.9;
}

.login-popup {
    width: 860px;
    margin-top: 110px;
    position: fixed;
    height: 500px;
    margin: 0 auto;
    left: 0;
    right: 0;
    background-color: white;
    z-index: 5;
    display: flex;
    overflow: hidden;
    flex-direction: row;
    border-radius: 15px;
    top: calc((100% - 500px)/2);
}

.login-popup img {
    flex: 0 0 312px;
    max-width: 312px;
    height: 100%;
    object-fit: cover;
}

.login-popup > div {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.login-popup .content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 calc(100% - 310px);
}

.login-popup .content > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 322px;
}

.login-popup .content .reserve-floating-input {
    width: 100%;
    margin: 0;
    margin-bottom: 12px;
    border-radius: 5px;
    position: relative;
    padding: 0;
}

.login-popup .content .title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 30px;
}

.login-popup .content .info {
    color: #303030;
    text-align: center;
    margin-bottom: 24px;
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    width: 100%;
}
.login-popup .content button span {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    height: 10px;
    top: 0;
    bottom: 0;
    transform: translateY(-3px);
}

.login-popup .content button span svg {
    height: 15px;
}

.login-popup .content button.loading {
    color: transparent;
    cursor: default;
}
.city-page .search-box .search-inputs button p input {
    border: 0;
    background-color: transparent;
    font-size: 18px;
    height: 16px;
}

.city-page .search-box .search-inputs button p input:focus {
    outline: 0;
}
.login-popup .content button {
    height: 50px;
    width: 100%;
    border-radius: 5px;
    background-color: #161f28;
    border: 0;
    color: white !important;
    font-size: 16px;
    cursor: pointer;
    position: relative;
}
.login-popup .content button.close {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 24px;
    right: 24px;
    background-color: transparent;
}

.login-with-sms {
    width: 100%;
}

.login-popup .content .login-with-sms button {
    background-color: transparent;
    color: #303030;
    font-size: 16px;
    border: 0;
    width: auto;
    margin-top: 10px;
    text-decoration: underline;
}

.login-popup .content .info button {
    background-color: transparent;
    border: 0;
    color: #303030;
    width: 85px;
    padding: 0 10px 0 0;
    text-decoration: underline;
}
.city-page .sidebar .divider {
    height: 2px;
    background-color: #f5f4ff;
    display: block;
}
p.resent-timer {
    margin-top: 12px;
    width: 100%;
}

p.resent {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.login-popup .content .resent button {
    background-color: transparent;
    border: 0;
    width: max-content;
    color: #303030 !important;
    text-decoration: underline;
}
.login-popup .content button:disabled {
  color: transparent;
}
button:disabled {/* opacity: 0.2; */color:transparent}
/******************************************************************************************************** login page */

.location-popup.active {
    visibility: visible;
    opacity: 1;
}
.city-page .hotel-card > .reserve button {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    height: 50px;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    font-size: 18px;
    background-color: rgba(43, 40, 190, 0.1);
    color: #000;
    margin: 0;
    border: 0;
    background-color: #f9f9f9;
    color: #ccc;
}
.location-popup {
    position: absolute;
    top: 60px;
    background-color: white;
    height: 200px;
    border: solid 1px;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    right: 0;
    visibility: hidden;
    transition-duration: 0.5s;
    opacity: 0;
    width: 30%;
}

.location-popup ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.location-popup ul li {
    font-size: 18px;
    padding: 5px 20px;
    width: 100%;
    display: flex;
}
.city-page .search-box .search-inputs .search:disabled {
    /* opacity: 0.5; */
}
.search-popup {
    border-radius: 5px;
    /* box-shadow: 0 1px 50px 0 rgba(0, 0, 0, 0.2); */
    /* background-color: #fff; */
    position: absolute;
    right: 0;
    top: 60px;
    transition-duration: 0.5s;
    /* border: solid 1px; */
    visibility: hidden;
    opacity: 0;
    width: 100%;
    height: 370px;
    /* border: solid; */
    /* z-index: 5; */
    /* overflow: hidden; */
}



.search-popup.active {
    visibility: visible;
    opacity: 1;
}

.search-popup .background {
    border-radius: 5px;
    box-shadow: 0 1px 50px 0 rgba(0, 0, 0, 0.2);
    background-color: #fff;
    width: 380px;
    height: 100%;
    /* overflow: hidden; */
    /* position: relative; */
    transition-duration: 0.5s;
    display: block;
    overflow: hidden;
    position: relative;
}

.search-popup .background .destinations {
    position: absolute;
    right: 0;
    width: 380px;
    right: 0;
    transition: opacity .3s,visibility .3s;
    visibility: hidden;
    opacity: 0;
}

.search-popup .background .date-popup {
    right: 0;
    position: absolute;
    width: 100%;
    /* background-color: red; */
    height: 100%;
    transition: opacity .3s,visibility .3s;
    visibility: hidden;
    opacity: 0;
    /* z-index: 3; */
}

.date-popup {}

.pdp .pdp-picker {
    background-color: transparent !important;
    box-shadow: none !important;
    height: 100%;
    width: 100%;
    padding: 0 !important;
}

.search-popup .background.date {
    transform: translate3d(-280px, 0px, 0px);
    width: calc(100% - 340px);
    min-width: 590px;
}

.search-popup .background.date .date-popup {
    /* right: 0; */
    visibility: visible;
    opacity: 1;
    min-width: 370px;
}

.search-popup .background.date .destinations {
    /* right: 0; */
    /* visibility: visible; */
    /* opacity: 1; */
}
.search-box .search-inputs button.active p input {
    display: block;
    transform: translateY(10px);
}

.search-box .search-inputs button.active span.label {
    transform: translateY(-8px);
}

.search-popup .background.destination .destinations {
    visibility: visible;
    opacity: 1;
    position: relative;
    width: 100%;
    right: unset;
    margin: 0;
}

.pdp .pdp-picker .pdp-header .bottom > div {
    width: 50%;
    flex: 0 0 61%;
}

.pdp .pdp-picker .pdp-header .bottom {
    display: flex;
    justify-content: space-between;
}

.pdp .pdp-picker .pdp-auto {
    margin: 0;
    width: 100%;
}

.pdp .pdp-picker .pdp-footer {
    border: 0;
}

.pdp .pdp-picker .pdp-header > div:first-child {
    border: 0;
}
.search-popup .background .date-popup .header {
    margin: 0;
    height: 50px;
    display: flex;
    width: 100%;
    align-items: center;
    padding: 0 24px;
    border-bottom: solid 1px #aaa;
    flex-direction: row;
    justify-content: flex-start;
}

.pdp .pdp-picker {
    box-shadow: none;
    margin: 0;
}

.search-popup .background .date-popup .header button {
    float: left;
    position: absolute;
    left: 24px;
    color: #06f;
    font-size: 14px;
    background: transparent;
    border: 0;
    cursor: pointer;
    width: max-content;
}

.pdp .pdp-picker:after {
    display: none;
}

.pdp .pdp-overlay {
    display: none !important;
}
.pdp .pdp-picker .pdp-main .pdp-date .pdp-column .pdp-days .pdp-day:not(.disabled):hover, .pdp .pdp-picker .pdp-main .pdp-date .pdp-column .pdp-days .pdp-day.today {
    /* color: white !important; */
}
.pdp .pdp-picker .pdp-header > div:first-child {
    border: 0 !important;
}

.pdp .pdp-picker .pdp-header .bottom > div .pdp-year {
    display: none !important;
}

.pdp .pdp-picker .pdp-header .bottom > div .pdp-month, .pdp .pdp-picker .pdp-header .bottom > div .pdp-year {
    font-size: 18px;
    font-weight: bold;
    color: #000;
}

.pdp .pdp-picker .pdp-main .pdp-date .pdp-column .pdp-days .pdp-day {
    width: 35px !important;
    height: 30px !important;
    font-size: 16px !important;
    border-radius: 0 !important;
}

.pdp .pdp-picker .pdp-main .pdp-date .pdp-column .pdp-days > div {
    display: flex;
    gap: 0;
    /* margin-bottom: 10px; */
    width: 100%;
}

.pdp .pdp-picker .pdp-main .pdp-date .pdp-column {
    margin: 0 20px !important;
}

.search-popup .background .relations {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: white;
    right: 0;
    top: 0;
    z-index: 2;
    opacity: 0;
    transition: 0.3s;
    visibility: hidden;
}
.search-popup .background .relations.active {
    visibility: visible;
    opacity: 1;
}
.hotel-page .rooms-search-box .search-inputs .search-popup .background.date {
    transform: none;
    width: 600px;
}

.hotel-page .rooms-search-box .search-inputs .search-popup {
    width: 600px;
    right: calc(100% + 20px);
    top: 0;
}
button.show-relations {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100px;
    height: 30px;
    margin: 0 auto;
    background-color: #161f28;
    color: white;
    border-radius: 5px 5px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    cursor: pointer;
}

.search-popup .background .relations .header {
    height: 50px;
    display: flex;
    border-bottom: solid 1px #aaa;
    align-items: center;
    padding: 0 24px 0 0;
    margin: 0;
}

.search-popup .background .relations .header button {
    position: absolute;
    left: 25px;
    font-size: 14px;
    color: #06f;
    background: transparent;
    border: 0;
    cursor: pointer;
}

.search-popup .background .relations ul {
    padding: 0 24px;
    margin: 0;
    list-style: none;
    overflow-y: scroll;
    height: calc(100% - 65px);
}

.search-popup .background .relations .title {
    font-size: 18px;
    font-weight: bold;
    margin: 0;
}

.search-popup .background .relations .info {
    font-size: 16px;
}




/*************************************************************** home page */

.home-page .search-box {
  /* background-color: red; */
  /* border-radius: 15px; */
  /* background-image: linear-gradient(to bottom, #ececff 0%, #e6e5ff 100%); */
  width: 75%;
  display: flex;
  /* margin: -60px auto 0; */
  position: relative;
  z-index: 1;
  /* height: 280px; */
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 26px 33px;
  /* transform: translateY(-60px); */
  /* position: absolute; */
  /* top: 300px; */
  border-radius: 10px;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: rgba(255, 255, 255, 0.6);
}
.home-page .search-box .search-inputs {
  display: flex;
  gap: 10px;
  width: 100%;
  justify-content: space-between;
  position: relative;
}
.home-page .search-box .search-inputs .origin {
  flex: 0 0 30%;
}
.home-page .search-box .search-inputs > button,.home-page .search-box .search-inputs .buttons > button {
  height: 50px;
  border: solid 1px #4f4f67;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 5px;
  display: flex;
  width: 100%;
  padding: 0 28px;
  position: relative;
  align-items: center;
  cursor: pointer;
}
.home-page .search-box .search-inputs .buttons {
  /* width: 100%; */
  display: flex;
  position: relative;
  flex: 0 060%;
}
.home-page .search-box .search-inputs .search {
  width: 150px;
  background-color: #2b28be;
  font-size: 18px;
  display: flex;
  color: white;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.home-page .search-box .search-inputs .buttons .date-in {
  border-radius: 0 5px 5px 0;
  /* border-radius: 0 0 0; */
}
.home-page .search-box .search-inputs .buttons .date-out {
  border-radius: 5px 0 0 5px;
  border-right: 0;
}

.search-box .search-inputs button p {
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  position: relative;
  width: 100%;
}

.home-page .search-box .search-inputs button .icon {
  display: block;
  width: 22px;
  height: 20px;
  background-color: #eee;
  margin-left: 10px;
}
.home-page .search-box .search-inputs button p .value {
  font-size: 18px;
  line-height: 18px;
}

.home-page .search-box .search-inputs button p .label {
  font-size: 14px;
  line-height: 22px;
}
.search-box .search-inputs button p input {
    border: 0;
    background-color: transparent;
    font-size: 18px;
    height: 27px;
    /* display: none; */
    width: 100%;
    position: absolute;
    /* transition-duration: 0.5s; */
}
.city-page .breadcrumbs {
  margin: 24px 0;
  display: flex;
  align-items: center;
}

.home-page img {
    width: 100%;
    /* height: 100vh; */
    object-fit: cover;
    position: absolute;
    z-index: 0;
}

.home-page .header {
    position: relative;
    height: 100vh;
    margin-bottom: 78px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    margin-top: -70px;
}

.home-page .header .container {
    position: relative;
}

.home-page {
    background-color: #f5f4ff;
}

.home.title {}

.home-page .title {
    font-size: 26px;
    font-weight: bold;
    display: flex;
    align-items: center;
    margin-bottom: 79px;
    position: relative;
}

.home-page .title span {
    margin-right: 24px;
    font-size: 18px;
    font-weight: normal;
}

.home-page .hotels {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    width: 100%;
    margin: 0 0 70px 0;
}

.home-page .hotels .hotel-card {
    /* flex: 0 0 33%; */
    display: flex;
    height: 170px;
    position: relative;
    background-color: white;
    flex-grow: 1;
    width: 32%;
    border-radius: 10px;
    overflow: hidden;
}

.home-page .hotels .hotel-card img {
    width: 120px;
    height: 100%;
    object-fit: cover;
}

.home-page .hotels .hotel-card > a {
    display: block;
    width: 120px;
    height: 100%;
    padding: 0;
}

.home-page .hotels .hotel-card > div {
    display: flex;
    flex-direction: column;
    padding: 19px 12px 0 0;
    flex: 0 0 calc(100% - 120px);
    justify-content: space-between;
}

.home-page .hotels .hotel-card > div a {
    font-size: 18px;
    font-weight: normal;
    text-decoration: none;
    color: #000;
    margin-bottom: 13px;
    padding: 0;
}

.home-page .hotels .hotel-card > div .price {
    width: 100%;
    font-size: 14px;
    font-weight: normal;
    color: #303030;
    position: relative;
    height: 69px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}

.home-page .hotels .hotel-card > div .stars:before {
    width: 100px;
    height: 20px;
    display: inline-block;
    content: "";
    vertical-align: middle;
    /* background-color: red; */
    background-image: url(../img/icons-v01.svg);
    background-repeat: repeat-x;
    background-size: 1000px;
    background-position: 5px -265px;
    /* background-color: red; */
}
.home-page .hotels .hotel-card > div .stars.star-1:before {
      width: 20px;
      background-position: -5px -265px;
}
.home-page .hotels .hotel-card > div .stars.star-2:before {
     width: 36px;
     background-position: -6px -265px;
}
.home-page .hotels .hotel-card > div .stars.star-3:before {
    width: 60px;
    background-position: 1px -265px;
}
.home-page .hotels .hotel-card > div .stars.star-4:before {
      width: 69px;
      background-position: -7px -265px;
}
.home-page .hotels .hotel-card > div .stars.star-5:before {
       width: 88px;
       background-position: -5px -265px;
}
.home-page .hotels .hotel-card .stars {
    margin-bottom: 27px;
    font-size: 14px;
}

.home-page .hotels .hotel-card > div .price p {
    font-size: 22px;
    color: #2b28be;
    font-weight: bold;
    margin: 0 0 8px 0;
    display: flex;
    align-items: center;
    gap: 5px;
    height: 40px;
    margin: 0;
}

.home-page .hotels .hotel-card > div .price p span {
    font-size: 14px;
    font-weight: normal;
    color: #303030;
}

.home-page .hotels .hotel-card > div .price a {19px;
    background-color: rgba(43, 40, 190, 0.1);
    width: 50px;
    height: 69px;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 0;
}

.home-page .destinations {
    display: flex;
    gap: 24px;
    margin: 0 0 90px 0;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
}

.home-page .destinations .card {
    flex: 0 0 23%;
    border-radius: 10px;
    overflow: hidden;
    height: 260px;
    position: relative;
    background-color: white;
    gap: 0;
}

.home-page .destinations .card img {
    width: 100%;
    height: 200px;
    position: relative;
}

.home-page .destinations .card p {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    margin: 0;
    font-size: 20px;
    font-weight: bold;
}

.home-page .destinations .card p span {
    font-size: 18px;
    font-weight: normal;
}

.home-page .title p {
    width: 180px;
    margin: 0;
    line-height: 50px;
    font-size: 26px;
}


.home-page .destinations-v {
    display: flex;
    gap: 24px;
    margin: 0 0 90px 0;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.home-page .destinations-v .card {
    flex: 0 0 23%;
    border-radius: 10px;
    overflow: hidden;
    height: 70px;
    position: relative;
    background-color: white;
    gap: 0;
    display: flex;
    flex-direction: row;
}

.home-page .destinations-v .card img {
    width: 70px;
    height: 70px;
    position: relative;
}

.home-page .destinations-v .card p {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    margin: 0;
    font-size: 18px;
    font-weight: normal;
    flex: calc(100% - 70px);
}

.home-page .destinations-v .card p span {
    font-size: 18px;
    font-weight: normal;
}

.home-page .why {
    background-color: white;
    padding: 40px;
    border-radius: 10px;
    /* margin-bottom: 40px; */
    position: relative;
    overflow: hidden;
}

.home-page .why ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.home-page .why ul li {
    margin: 0 0 30px;
    font-size: 18px;
    text-align: justify;
}

.home-page .why ul li .title {
    font-size: 18px;
    font-weight: bold;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.home-page .why ul li .title .icon {
    width: 54px;
    height: 60px;
    /* border-radius: 50%; */
    /* background-color: #d9d9d9; */
    margin-left: 12px;
}

.home-page .why .info {
    font-size: 18px;
    text-align: justify;
    margin-bottom: 50px;
}
.pdp .pdp-picker .pdp-main .pdp-date .month-name {
    display: none;
}
.home-page .destinations-v .card a {
    display: flex;
    text-decoration: none;
    width: 100%;
    color: #000;
}

.home-page .destinations .card a {
    text-decoration: none;
    color: #000;
}
.home-page .search-box .search-inputs button p input:focus {
    outline: 0;
}
header.header {
    height: 70px;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
    background-color: #fff;
    position: relative;
    z-index: 5;
}

header.header img {
    height: 60px;
    margin: 26px 0 0 0;
}

header.header .container {
    display: flex;
    align-items: center;
    gap: 100px;
    height: 100%;
}

header.header .container > .call {
    margin-right: auto;
    display: flex;
    gap: 24px;
    align-items: center;
    background-position: -960px -210px;
    height: 100%;
    position: relative;
    width: 100%;
    margin-right: auto;
    width: 260px;
    justify-content: flex-end;
}

header.header .container ul.menu {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    gap: 90px;
    font-size: 18px;
}

header.header .container .call > a {
    width: 30px;
    height: 30px;
    /* background-color: #eee; */
    display: inline-block;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 0;
}

header.header .container .call > button {
    width: 180px;
    height: 50px;
    border: solid 1px #4f4f67;
    background-color: #fff;
    border-radius: 5px;
    font-size: 18px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 11px;
}

header.header .container ul.menu li {
    cursor: pointer;
    font-size: 18px;
}
.main-menu {
    height: 400px;
    background-color: #fff;
    width: 100%;
    /* display: flex; */
    overflow: hidden;
    position: absolute;
    z-index: 4;
    transform: translate3d(0px, -120%, 0px);
    /* bottom: 110%; */
    transition-duration: 0.5s;
}

.main-menu .destinations {
    display: flex;
    width: 100%;
    position: relative;
}

.main-menu .image {
    width: 25%;
    height: 400px;
    object-fit: cover;
    position: relative;
    /* background-color: rgba(0, 0, 0, 0.5); */
}

.main-menu .links {
    padding: 24px 46px;
    width: 100%;
}

.main-menu .links ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: flex-start;
}

.main-menu .links ul li {
    flex: 0 0 32%;
}

.main-menu .links ul li a {
    display: flex;
    width: 100%;
    background-color: red;
    border-radius: 5px;
    background-color: #f6f5ff;
    overflow: hidden;
    text-decoration: none;
    position: relative;
    height: 70px;
    min-width: 100px;
}

.main-menu .links ul li a img {
    width: 70px;
    height: 70px;
}

.main-menu .links ul li a p {
    font-size: 18px;
    font-weight: normal;
    color: #000;
    flex: 0 0 calc(100% - 70px);
    margin: 0;
    display: flex;
    align-items: center;
    padding-right: 12px;
}

.main-menu .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.main-menu .image:after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    right: 0;
}
.main-menu.active {
    transform: translate3d(0px, 0, 0px);
}
.main-menu .image .title {
    position: absolute;
    top: 50px;
    color: white;
    z-index: 3;
    font-size: 26px;
    font-weight: bold;
    width: 140px;
    right: 60px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: max-content;
}

.main-menu .image .title span {
    font-weight: normal;
}
.main-menu .hotels {
    display: flex;
    width: 100%;
    position: relative;
}
/***************************************************************************** home page */

footer {
    padding-top: 100px;
    /* background-image: linear-gradient(to top, #010028 60%, rgba(0, 0, 0, 0) 0%), linear-gradient(to bottom, #2b28be, #2b28be); */
    display: flex;
    flex-direction: row;
}
footer .trupner .copy-right {
    color: #7c76b5;
    margin: 60px 0 0 0;
    font-size: 14px;
}
footer .trupner {
    /* background-image: linear-gradient(to top, #4341b7 60%, rgba(0, 0, 0, 0) 0%), linear-gradient(to bottom, #2b28be, #2b28be); */
    width: 60%;
    position: relative;
    padding: 64px 60px;
    color: white;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    background-image: linear-gradient(to bottom, #2b28be, #2b28be);
    /* background-color: red; */
}

footer img {
    /* max-width: 50px; */
}

footer .trupner span.logo {
    position: absolute;
    background-color: #fff;
    width: 80px;
    height: 80px;
    right: 60px;
    top: -40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

footer .contact-info {
    display: flex;
    flex-direction: row;
    gap: 100px;
    margin: 0 0 60px 0;
    width: 100%;
}

footer .trupner span.logo img {
    width: 100%;
    /* padding: 20px; */
    width: 32px;
}

footer .contact-info img {
    width: 150px;
}

footer .contact-info .support {
    display: flex;
    flex-direction: column;
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    gap: 5px;
    padding-right: 30px;
    position: relative;
    direction: ltr;
    text-align: right;
}

footer .contact-info .support .label {
    font-size: 16px;
    font-weight: normal;
}

footer .contact-info .email {
    display: flex;
    flex-direction: column;
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    gap: 5px;
    padding-right: 30px;
    position: relative;
}

footer .contact-info .email .label {
    font-size: 16px;
    font-weight: normal;
}


footer .enamad {
    width: 40%;
}

footer .more-info {
    width: 50%;
}

footer .enamad ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: row;
    gap: 20px;
}

footer .enamad ul li {
    border-radius: 5px;
    background-image: linear-gradient(136deg, #fff 0%, rgba(255, 255, 255, 0.5) 99%);
    width: 100px;
    height: 100px;
    position: relative;
    display: flex;
    padding: 20px;
}

footer .enamad ul li img {
    width: 100%;
}

footer .more-info .title {
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 24px;
}

footer .more-info ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

footer .more-info ul li {
    flex: 0 0 50%;
    margin: 0 0 20px 0;
}

footer .more-info ul li a {
    color: #e1e1e1;
    text-decoration: none;
    font-size: 18px;
}

footer .links {
    width: 40%;
    padding: 32px 0;
    margin: -40px 0 0 0;
    background-color: white;
    border-radius: 0 20px 0 0;
}

footer .links .title {
    font-size: 20px;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    padding: 0 24px;
    border-bottom: solid 1px #eee;
    padding-bottom: 30px;
}

footer .links .title .tabs {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
}

footer .links .title .tabs li {
    width: 60px;
    font-weight: normal;
    border-bottom: solid 2px #d9d9d9;
    color: #aaa;
    cursor: pointer;
    font-size: 18px;
    text-align: center;
}
footer .links ul.hotels {
    padding: 0;
    margin: 0;
    list-style: none;
    padding: 44px 24px;
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
    /* width: 100%; */
}

footer .links .hotels li {
    /* flex: 0 0 46%; */
    width: 29%;
}

footer .links ul li a {
    display: flex;
    font-size: 18px;
    text-decoration: none;
    color: #000;
    align-items: center;
    padding: 0;
}

footer .links ul li a img {
    width: 40px;
    height: 40px;
    border-radius: 5px;
    margin-left: 12px;
}

footer .links .title .tabs li.active {
    color: #000;
    border-bottom: solid 2px #2b28be;
}

footer .links .links {
    width: 100%;
    padding: 44px
 24px !important;
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
    justify-content: space-between;
}

footer .links ul.hotels li a {
    display: flex;
    flex-direction: column;
}

footer .links ul.hotels li a img {
    margin: 0 0 12px;
    width: 60px;
    height: 60px;
}
footer .links .links li {
    flex: 0 0 29%;
}
.city-page .sidebar .items {
    display: flex;
    flex-direction: column;
    padding: 0 20px;
    max-height: 300px;
    overflow-y: auto;
}

.city-page .sidebar .items > div {
    display: flex;
    align-content: space-between;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.city-page .sidebar .items > div p {
    margin: 0;
}

  .home-page .container:not(.header) {
    margin-top: 250px;
}

@media only screen and (max-width: 1300px) {
  .home-page .container:not(.header) {
    margin-top: 250px;
}
  }
  @media only screen and (max-width: 1400px) {
    .city-page .search-box{
      padding: 45px 120px 0;
    }
    .city-page .search-box .search-inputs > button, .city-page .search-box .search-inputs .buttons > button{
      
padding: 0 18px;
    }
  .home-page .container:not(.header) {
    margin-top: 250px;
}

}
@media only screen and (max-width: 1700px) {
  .home-page .container:not(.header) {
    margin-top: 90px;
}

}




@media print {
  header.header,footer{
    display: none;
  }
  .reserve-page .vocher .reserve-card.rules{
    
min-height: 130px;
  }
  .hotel-vocher span.label {
    position: absolute;
    border-radius: 0px;
    box-shadow: none;
    background-color: #fff;
    font-size: 18px;
    font-weight: bold;
    color: #5a5a5a;
    padding: 20px 25px;
    top: 0;
    right: 0;
    z-index: 2;
    width: 100%;
    text-align: center;
    border: solid 1px;
}
  .hotel-vocher:before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    background-color: transparent;
    left: -10px;
    top: 5px;
    transform: rotate(45deg);
    z-index: 0;
    display: none;
}

.hotel-vocher:after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    background-color: transparent;
    right: -10px;
    top: 5px;
    transform: rotate(45deg);
    z-index: 0;
    display: none;
}
  .reserve-page .progress-sidebar {
    /* border-radius: 10px; */
    /* background-image: linear-gradient(to bottom, #161f28 0%, #2b28be 100%); */
    /* color: white; */
    /* display: flex; */
    flex-direction: column;
    align-items: center;
    /* padding: 37px 50px; */
    /* min-height: 600px; */
    display: none;
}
  .vocher {
    
  }
  .reserve-page .vocher {
    background-color: white;
    /* box-shadow: 0 0 20px 0 rgb(46 64 86 / 5%); */
    /* background-color: #ffffff; */
    padding: 20px 20px;
    position: relative;
    border: solid  1px;
    margin: 30px 0 0;
}
  .hotel-vocher span:not(.label){
    display: none;
  }
  .reserve-page .reserve-card .title .info{
    
  }
.reserve-card.price ul li .label{
  
}
.reserve-card.price ul li .value{
  
}
.reserve-card.price ul li .value span{
  
}
.reserve-card.price ul li:last-child {
  
}
.reserve-card.price ul li:last-child .value{
  
}
.reserve-page .resrve-btn{
  
}
.switch-container .switch-left span{
  
}
.switch-container .switch-right span{
  
}
  .hotel-vocher{
    top: -15px;
  }
.vocher .user-info-data .field label{
  font-size: 12px;
}
  .reserve-page .vocher .reserve-card.rules ul{
    padding: 0;
    font-size: 12px;
  }
  .reserve-page .vocher .reserve-card.rules ul p{
    margin: 0;
  }
  .vocher .support .web img{
    height: 30px;
  }
.vocher .user-info-data .field span{
  font-size: 14px !important;
}
.hotel-vocher span.label {
  
}
.vocher-status .code span{
  font-size: 14px;
}
.reserve-page .reserve-card .title span {
  font-size: 14px;
}
.vocher .support .call{
  
}
.vocher .support .call span{
  
}
.vocher .support .web span{
  
}
  .vocher-status .code{
    font-size: 12px;
    padding: 5px 10px;
    margin: 0 0 5px;
  }
  .reserve-page .reserve-card .title{
    font-size: 14px;
  }
  .reserve-page{
  padding-top: 0;
  position: relative;
  }
  .reserve-page .vocher .reserve-card{
    margin-top: 4px !important;
  }
  .vocher-status{
    /* transform: translateY(-50px); */
  }
  .reserve-page .reserve-card.rules:before{
    display: none;
  }
  .reserve-page .vocher .reserve-card.rules ul li p {font-size: 12px;}
}


/*********************************** icons */
.icon.location {
    background-position: -15px -215px;
}

.icon.date {
    background-position: -116px -215px;
}

.city-page .hotel-card > div .address .icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
}

i.icon.address {
    background-position: -265px -215px;
}

.city-page .hotel-card > div .stars:before {
    width: 100px;
    height: 20px;
    display: inline-block;
    content: "";
    vertical-align: middle;
    /* background-color: red; */
    background-image: url(../img/icons-v01.svg);
    background-repeat: repeat-x;
    background-size: 1000px;
    background-position: 5px -265px;
    /* background-color: red; */
}
i.icon.angle-left {
    background-position: -165px -215px;
    /* display: inline-block; */
    /* width: 50px; */
}

.list-hotels-footer a i.icon.arrow-left {
    background-position: -411px -210px;
    width: 30px;
    height: 30px;
    /* background-color: black; */
    position: absolute;
    left: 20px;
}

.city-content a .icon.arrow-left {
    background-position: -460px -209px;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 12px;
}

.city-content a {
    position: relative;
}

.city-page .city-links .links a .icon.arrow-left {
    width: 30px;
    height: 30px;
    vertical-align: middle;
    background-position: -510px -209px;
    margin-right: 5px;
}

.city-page .faq .title:before {
    background-image: url(../img/icons-v01.svg);
    background-repeat: no-repeat;
    background-size: 3850px;
    content:"";
    width: 92px;
    height: 165px;
    position: absolute;
    top: 0;
    right: 0;
    background-position: -2159px -801px;
    /* background-color: red; */
}
::before {}

.city-page .hotel-card > div .stars {}

.city-page .hotel-card > div .stars.star-1:before {
      width: 20px;
      background-position: -5px -265px;
}
.city-page .hotel-card > div .stars.star-2:before {
     width: 36px;
     background-position: -6px -265px;
}
.city-page .hotel-card > div .stars.star-3:before {
    width: 60px;
    background-position: 1px -265px;
}
.city-page .hotel-card > div .stars.star-4:before {
      width: 69px;
      background-position: -7px -265px;
}
.city-page .hotel-card > div .stars.star-5:before {
       width: 88px;
       background-position: -5px -265px;
}

.city-page .sidebar .stars p:before {
  width: 100px;
  height: 20px;
  display: inline-block;
  content: "";
  vertical-align: middle;
  /* background-color: red; */
  background-image: url(../img/icons-v01.svg);
  background-repeat: repeat-x;
  background-size: 1000px;
  background-position: 5px -265px;
  /* background-color: red; */
}
.city-page .sidebar .stars p.star-1:before {
  width: 20px;
  background-position: -5px -265px;
}
.city-page .sidebar .stars p.star-2:before {
 width: 36px;
 background-position: -6px -265px;
}
.city-page .sidebar .stars p.star-3:before {
width: 60px;
background-position: 1px -265px;
}
.city-page .sidebar .stars p.star-4:before {
  width: 69px;
  background-position: -7px -265px;
}
.city-page .sidebar .stars p.star-5:before {
   width: 88px;
   background-position: -5px -265px;
}



 .hotel-page .search-box-hotel .search-title .stars:before {
  width: 100px;
  height: 20px;
  display: inline-block;
  content: "";
  vertical-align: middle;
  /* background-color: red; */
  background-image: url(../img/icons-v01.svg);
  background-repeat: repeat-x;
  background-size: 1000px;
  background-position: 5px -265px;
  /* background-color: red; */
}
.hotel-page .search-box-hotel .search-title .stars.star-1:before {
  width: 20px;
  background-position: -5px -265px;
}
.hotel-page .search-box-hotel .search-title .stars.star-2:before {
 width: 36px;
 background-position: -6px -265px;
}
.hotel-page .search-box-hotel .search-title .stars.star-3:before {
width: 60px;
background-position: 1px -265px;
}
.hotel-page .search-box-hotel .search-title .stars.star-4:before {
  width: 69px;
  background-position: -7px -265px;
}
.hotel-page .search-box-hotel .search-title .stars.star-5:before {
   width: 88px;
   background-position: -5px -265px;
}
i.icon.about-hotel {
    background-position: -610px -255px;
    width: 30px;
    height: 40px;
    display: inline-block;
    float: left;
    /* background-color: #ff1b1b; */
    transform: translateY(10px);
}

.hotel-page div.about-hotel button  i.icon.angel-bottom {
    background-position: -665px -265px;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
}
i.icon.capacity {
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    background-position: -768px -270px;
    margin-left: 7px;
}
i.icon.info {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    background-position: -715px -265px;
    margin-left: 7px;
    flex: 0 0 20px;
}


.rooms-search-box > .info > span {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.hotel-page .search-box-hotel .search-title .icon.address {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

i.icon.address {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

i.icon.distance {
    background-position: -861px -260px;
}

i.icon.by-car {
    background-position: -911px -260px;
}

i.icon.by-foot {
    background-position: -961px -260px;
}

i.icon.breakfast {
    background-position: -114px -315px;
}

i.icon.lunch {
    background-position: -164px -315px;
}

i.icon.dinner {
    background-position: -164px -315px;
}

i.icon.service {
    background-position: -15px -315px;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin: 0 0 0 5px;
}

i.icon.rules {
    background-position: -196px -302px;
    width: 30px;
    height: 40px;
    display: inline-block;
    float: left;
    /* background-color: #ff1b1b; */
    transform: translateY(10px);
}

.hotel-page .city-links .links a i.icon.arrow-left {
    width: 30px;
    height: 30px;
    vertical-align: middle;
    background-position: -510px -209px;
    margin-right: 5px;
}

.all-comments-hotel a i.icon.arrow-left {
    background-position: -411px -210px;
    width: 30px;
    height: 30px;
    /* background-color: black; */
    position: absolute;
    left: 20px;
}

i.icon.user {}

header.header .container ul.menu li:after {
    content: "";
    width: 20px;
    height: 10px;
    background-image: url(../img/icons-v01.svg);
    background-repeat: no-repeat;
    background-size: 1000px;
    background-position: -865px -220px;
    /* background-color: red; */
    display: inline-block;
}
header.header .container .call > button i {
    background-position: -110px -260px;
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 7px;
}

header.header .container ul.menu li.active:after {
    transform: rotate(180deg);
}

.main-menu .links ul li a p .icon {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 10px;
    background-position: -510px -210px;
}
footer .contact-info .support:before {
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    /* background-color: red; */
    right: -10px;
    top: 12px;
    background-image: url(../img/icons-v01.svg);
    background-repeat: no-repeat;
    background-size: 1000px;
    background-position: -460px -260px;
}
footer .contact-info .email:before {
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    /* background-color: red; */
    right: -10px;
    top: 12px;
    background-image: url(../img/icons-v01.svg);
    background-repeat: no-repeat;
    background-size: 1000px;
    background-position: -510px -260px;
}
.home-page .header h1 {
    font-size: 30px;
    font-weight: 800;
    margin: 0 0 4px 0;
    color: #2b28be;
}

.home-page .header > p {
    font-size: 18px;
    color: white;
    margin: 0 0 54px 0;
}


.home-page .hotels .hotel-card > div .price a .icon {
    width: 40px;
    height: 59px;
    background-position: -711px -194px;
}

.home-page .destinations-v .card p i.icon.arrow-left {
    width: 40px;
    height: 40px;
    background-position: -509px -205px;
}
.login-popup .content button.close i.icon.close {
    background-position: -811px -210px;
    width: 30px;
    height: 30px;
    /* background-color: #eee; */
}
.user-menu {
    border-radius: 5px;
    box-shadow: 0 1px 50px 0 rgba(0, 0, 0, 0.2);
    background-color: #fff;
    position: absolute;
    left: 0;
    z-index: 3;
    width: 180px;
    top: 64px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    opacity: 0;
    /* right: 0; */
    transition-duration: 0.5s;
    visibility: hidden;
    transform: translate3d(0px, 40px, 0px);
}

.user-menu ul {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    list-style: none;
}

.user-menu ul li {
    height: 50px;
    position: relative;
    border-bottom: solid 1px #eee;
}

.user-menu ul li a {
    display: flex;
    padding: 5px 12px;
    text-decoration: none;
    height: 50px;
    align-items: center;
    font-size: 18px;
    font-weight: normal;
    color: #303030;
    cursor: pointer;
    /* flex-direction: row-reverse; */
    justify-content: space-between;
}
.user-menu ul li button {
    display: flex;
    padding: 5px 12px;
    text-decoration: none;
    height: 50px;
    align-items: center;
    font-size: 18px;
    font-weight: normal;
    color: #303030;
    width: 100%;
    border: 0;
    background-color: transparent;
    cursor: pointer;
    justify-content: space-between;
}

.user-menu.active {
    transform: translate3d(0px, 0px, 0px);
    opacity: 1;
    visibility: visible;
}
.city-page .breadcrumbs a img {
    height: 20px;
    display: flex;
    align-items: center;
}
header.header .container .call > button span.user {
    width: 30px;
    height: 30px;
    display: block;
    background-color: #d9d9d9;
    border-radius: 50%;
}
.hotel-page .breadcrumbs a img {
  height: 25px;
}
.login-popup button.loading {
  color: transparent !important;
}
.hotel-page .hotel-card > div .reserve-room {
    width: 120px;
    border: 0;
    border-radius: 5px 0 0 5px;
    background-color: #2b28be;
    color: white;
    font-size: 16px;
    cursor: pointer;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}
.reserve-floating-input .error {
    margin: 20px 0 0 0;
    color: red;
    font-size: 14px;
}
[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    display: none;
    /* left: -9999px; */
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-right: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #161f28;
    position: absolute;
    top: 3px;
    right: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.reserve-page .resrve-btn.loading {
  color: transparent;
}

.reserve-page .resrve-btn svg {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  height: 15px;
  top: 0;
  bottom: 0;
}

.reserve-page .resrve-btn svg circle {
  fill: #fff !important;
}
.reserve-page .progress-sidebar.vocher ul {
    border-right: solid 2px #2b28be;
}

.reserve-page .progress-sidebar.vocher ul li:before {
    background-color: #2b28be;
}

.reserve-page .progress-sidebar.vocher ul li:last-child:before {
    background-color: #ffffff;
}
.reserve-page .progress-sidebar.info ul li:first-child:before {
    background-color: white;
}
.reserve-page .progress-sidebar.status ul li:nth-child(2):before {
    background-color: white;
}

.reserve-page .progress-sidebar.status ul li:nth-child(1):before {
    background-color: #2b28be;
}
.pdp .pdp-picker .pdp-main .pdp-date .pdp-column .pdp-days .pdp-day.friday {
  color: #b20000 !important;
}
.home-page .hotels .hotel-card > div .price span {
    height: 69px;
    display: flex;
    align-items: center;
    color: #999;
}


.home-page img.why {
    width: 78px !important;
    position: absolute;
    padding: 0;
    top: 58px;
    background: transparent;
    right: 41px;
}

.home-page .why > img {
    left: 0;
    bottom: 0;
    width: 60%;
}

.home-page .why > .row {
    position: relative;
    z-index: 1;
}

.home-page .why ul li:nth-child(1) .title .icon {
    background-position: -23px -370px;
}
.home-page .why ul li:nth-child(2) .title .icon {
    background-position: -120px -370px;
}
.home-page .why ul li:nth-child(3) .title .icon {
    background-position: -223px -370px;
}
.home-page .why ul li:nth-child(4) .title .icon {
    background-position: -323px -370px;
}
.city-page .hotel-card > .reserve .full {
    color: #888;
}
.city-page .faq .faq-questions .q .icon {
    width: 20px;
    height: 20px;
    /* background-color: red; */
    left: 30px;
    position: absolute;
    background-position: -614px -215px;
    transition-duration: 0.5s;
}
.city-page .faq .faq-questions .q .icon.active {
    transform: rotate(45deg);
}
i.icon.area {
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    background-position: -816px -268px;
    margin-left: 7px;
}
.hotel-page .hotel-card img.default {height: 150px;object-fit: contain;background-color: #eee;padding: 40px;opacity: 0.3;}

.hotel-page .hotels-list.with-price .hotel-card.no-image {
    width: 180px;
    padding-right: 180px;
}
.hotel-page .facilities .facilities-list .ficility-category .facility .name:before {
    content: "";
    width: 20px;
    height: 20px;
    top: 3px;
    position: absolute;
    /* background-color: #eee; */
    right: -30px;
    background-image: url(../img/icons-v01.svg);
    background-repeat: no-repeat;
    background-size: 1000px;
    background-position: -17px -314px;
}
.card-pages {
    background-color: white;
    padding: 40px 20px;
    border-radius: 20px;
    margin: 40px 0 0;
}

.card-pages h1 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 30px;
}

.card-pages h2 {
    font-size: 20px;
    font-weight: bold;
}

.card-pages p {
    line-height: 28px;
}
.login-popup .content form {
  width: 100%;
}
.hotel-page .hotel-card .price-list > .price button span {
    height: 100%;
    display: flex;
    position: absolute;
    align-items: center;
}

.hotel-page .hotel-card .price-list > .price button span svg {
    height: 10px;
}

.hotel-page .hotel-card .price-list > .price button.loading {
    color: transparent;
}
.hotel-page .resturants .resturant:nth-child(even) {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.hotel-page .resturants .resturant:not(:nth-child(1)) {
    border-radius: 10px !important;
}
.reserve-page .reserve-card.user-info .reserve-floating-input:nth-child(2) {
    flex: 0 0 180px;
}
.reserve-page .reserve-card.user-info .reserve-floating-input:nth-child(5) {
    /* flex: 0 0 230px; */
}
.city-page .hotel-card.highlight {
    box-shadow: 0 2px 5px #2b28bead;
}
.reserve-page .reserve-card.user-info .reserve-floating-input:nth-child(4) {
    flex: 0 0 230px;
}
header.login-popup-active {
    z-index: 2;
}
p.error-reserve {
    float: left;
    color: red;
    font-size: 20px;
    font-weight: bold;
    padding: 10px;
}