@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
body {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  background-color: #f6dfbd99;
}
.wrapper-300,
.btn-wrapper {
  max-width: 300px;
}
.wrapper-360 {
  max-width: 360px;
}

.modal-content {
  border-radius: 20px 20px 20px 20px;
  background-color: #fcf1cd;
}

@media (max-width: 767px) {
  .modal-content {
    border-radius: 20px 20px 0px 0px;
  }
}

.otp-input {
  width: 50px;
  height: 50px;
  border: none;
  border-radius: 10px;
  text-align: center;
}

.btn-outline-primary:hover svg path {
  fill: #fff;
}
.choose-city i {
  border: 1px solid;
  width: 10px;
  height: 10px;
}

.choose-city input:checked + label i {
  background: #236f51;
  border-color: transparent;
}
.count {
  max-width: 120px;
  min-width: 120px;
}
.count .btn {
  --wh: 25px;
  min-height: var(--wh);
  max-height: var(--wh);
  min-width: var(--wh);
  max-width: var(--wh);
}
.count input {
  max-width: 70px;
}

.choose-staying input + label i {
  --wh: 20px;
  min-height: var(--wh);
  max-height: var(--wh);
  min-width: var(--wh);
  max-width: var(--wh);
  border: 1px solid;
  border-radius: 100%;
}
.choose-staying input:checked + label i {
  background-color: #236f51;
}
#player-overlay {
  margin-top: -10px;
}

.btn-close{
  font-size: 10px;
}

/* .video-section img{
    height: 100%;
    object-fit: cover;
    width: 100%;
}
.video-section{
    height: calc(100vh - 100px);
    margin-bottom: 80px;
}
.index-video{
    height: calc(100vh - 51px);
    margin-top: -20px;
} */

/* @media(min-width:768px){
    .video-section{
        height: calc(100vh - 140px);
        margin-bottom: 100px;
    }
    .index-video{
        height: calc(100vh - 67px);
    }
} */
@media (max-width: 767px) {
  .text-center-md {
    text-align: center;
  }
}