@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700&display=swap");
html {
  scroll-behavior: smooth;
  touch-action: manipulation;
}
body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  font-family: "Poppins", sans-serif;
  touch-action: manipulation;
}

.content{
  min-height: calc(100vh - 70px);
  max-height: fit-content;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
button{
  outline: none !important;
}
#control-height {
  height: 100vh;
  width: 0;
  position: absolute;
}
.navbar_row {
  position: fixed;
  padding: 0vw 1.6vw 0vw 1.6vw !important;
  height: 70px;
  width: 100%;
  top: 0;
  z-index: 3;
  margin: auto;
  transition: 0.1s cubic-bezier(0.5, 0, 1, 1);
}
.logo,.center_column,.log_in_col {
  align-self: center;
}
.logo img {
  margin-left: 2px;
  width: 10vw;
}

.log_in h4 {
  margin: 0;
  display: flex;
  line-height: 1;
}
.log_in h4 a {
  font-size: 0.7vw;
  color: #fff;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
}
.log_in h4 a:hover {
  text-decoration: none;
}
.log_in {
  padding: 0;
  align-self: center;
  text-align: right;
  justify-content: center;
}
.user_icon img {
  background: #fff;
  width: 100%;
  border-radius: 50%;
}
.user_icon {
  align-self: center;
  text-align: center;
}
.menu_bars {
  align-self: center;
  text-align: right;
}
.menu_bars .fa {
  font-size: 2.3vw;
  color: #fff;
  padding-right: 2px;
  cursor: pointer;
}
.sticky-top .menu_bars .fa {
  color: #fff;
}
.normal_header {
  width: 100%;
  position: relative;
  scroll-behavior: smooth;
}

.bg {
  background-repeat: no-repeat;
  width: 100%;
  background-color:#07524d ;
  z-index: -999999999;
  scroll-behavior: smooth;
  background-size: 100% auto;
}
.header_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #07524d;
  opacity: 0;
}

.start_search,
.stick_captain_inner_right_col,
.options {
  justify-content: center;
}
.sticky-top .start_search {
  display: flex;
}

.sticky_green_bg {
  opacity: 0;
}
.sticky_green_bg_header,
.sticky_green_bg  {
  position: fixed;
  top: 0;
  z-index: 2;
  width: 100%;
  background: #07524d;
  height: 70px;
}
.navbar_row{
  height: 70px;
}
.sticky-top {
  position: fixed;
  width: 100%;
  height: 70px;
  z-index: 3;
  transition: 0.2s cubic-bezier(0.5, 0, 1, 1);
}
.sticky-hide, .menu_bars .log_in, .normal-header .stick_header_captain, .stick_header_captain, .hide_search_btn {
  visibility: hidden;
}
.sticky_location_check_row {
  border-radius: 50px;
  width: 70%;
  transform: translate(-50%, -50%);
  left: 51%;
  top: 20%;
  z-index: 1;
  position: fixed;
}

.show_header_captain {
  visibility: visible;
  -webkit-animation: stick_header_captain 0.2s;
}

.stick_header_captain .image {
  position: relative;
  cursor: pointer;
}
.stick_header_captain .cap_option {
  position: absolute;
  top: 4px;
  opacity: 1;
  z-index: 2;
}
.stick_header_captain .cap_option img {
  width: 20px;
  cursor: pointer;
}

.stick_header_captain .cap_option .phone,
.stick_header_captain .cap_option .chat,
.sticky-top .banner-title,
.normal-header .start_search,
.sticky-top .options {
  display: none;
}

.stick_header_captain .cap_option .phone.show_header_captain_phone,
.stick_header_captain .cap_option .chat.show_header_captain_chat{
  position: absolute;
  display: block;
  left: -27px;
  top: 0px;
  animation-fill-mode: both !important;
}
.stick_header_captain .cap_option .phone.show_header_captain_phone {
  animation: showcaptainheaderphone 0.2s ease-in;
}
.stick_header_captain .cap_option .chat.show_header_captain_chat {
  animation: showcaptainheaderchat 0.2s ease-in;
}

/**** apply animation on header captain phone and chat icons ****/
@keyframes showcaptainheaderphone {
  100% {
    left: -80px;
  }
}
@keyframes showcaptainheaderchat {
  100% {
    left: -30px;
  }
}
/**** /apply animation on header captain phone and chat icons ****/

/**** animate stick_header_captain  ****/
@-webkit-keyframes stick_header_captain {
  0% {
    top: -70px;
    position: relative;
  }
  100% {
    top: 0px;
    position: relative;
  }
}

/**** / animate stick_header_captain  ****/
.stick_header_captain img {
  width: 100%;
  z-index: 1;
}
.stick_header_captain .title2 h3,
.stick_header_captain .title h3 {
  text-align: center;
  font-size: 0.7vw;
  font-weight: 500;
  color: #fff;
  font-family: "Poppins", sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
}

.sticky-top .experiences_options {
  display: flex;
}

/**** animate sticky search button  ****/
@-webkit-keyframes zoomeffect {
  0% {
    transform: scale(1.3, 1.3);
    position: relative;
    bottom: -2vh;
    opacity: 0;
  }
  100% {
    transform: scale(1, 1);
    position: relative;
    bottom: 0vh;
    opacity: 1;
  }
}

/**** /animate sticky search button  ****/
.header_search_with_icon {
  -webkit-animation: zoomeffect 0.1s;
  -moz-animation: zoomeffect 0.1s;
  animation: zoomeffect 0.1s;
  display: flex !important;
}

.sticky-top-with-location {
  background: #07524d;
  position: fixed;
  width: 100%;
  padding: 3vh 0vw 18vh 1.5vw;
  z-index: 1;
  transition: 0.2s cubic-bezier(0.5, 0, 1, 1);
}

/**** apply animation on captain image ****/
.stick_header_captain .request-loader {
  display: flex;
  justify-content: center;
  margin-bottom: 0;
}

.stick_header_captain .request-loader::before,
.stick_header_captain .request-loader::after{
  opacity: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0;
  bottom: 0;
  content: "";
  height: 100%;
  width: 100%;
  border: 1px solid #bce6e4;
  border-radius: 100%;
  animation-name: ripple;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: cubic-bezier(0.65, 0, 0.34, 1);
  z-index: -1;
  margin: auto;
}
.stick_header_captain .request-loader::after {
  animation-delay: 0.3s;
}
.stick_header_captain .request-loader::before {
  animation-delay: 0.5s;
}
.img-holder-span {
  display: flex;
  justify-content: center;
  align-items: center;
}
@keyframes ripple {
  from {
    opacity: 1;
    transform: scale3d(0.75, 0.75, 1);
  }
  to {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1);
  }
}

.banner-title {
  position: absolute;
  margin: auto;
  top: 14vw;
  width: 100%;
  left: 0;
  justify-content: center;
}
.banner-title h2 {
  font-size: 3vw;
  text-align: center;
  font-weight: 500;
  color: #fff;
  max-width: 50.5vw;
}
.sticky_location_check_row.collect_information {
  top: 15%;
  left: 50%;
  position: fixed;
}
.collect_information {
  width: 100%;
  position: absolute;
  top: 25vw;
  left: 0;
  margin: 0 auto;
  justify-content: center;
  padding: 0vw 7.5vw 0vw 7.5vw;
}

.collect_information .cust_pading {
  padding: 5px;
  align-self: center;
  position: relative ;
}

/**** rooms dropdown start ****/
.rooms_dropdown ul.sticky_header_rooms {
  position: fixed;
  /* top: 22vh; */
}
.rooms_dropdown {
  margin: auto;
  display: none;
}
.rooms_dropdown ul {
  background: #fff;
  border-radius: 2vw;
  padding: 0;
  margin-top: 1.2vw;
  list-style: none;
  z-index: 1;
  position: absolute;
  /* top: 29.4vw;
  left: 60.3vw; */
  /* width: 27.2vw; */
}
.rooms_dropdown .title h3 {
  font-size: 1.1vw;
  text-transform: capitalize;
  font-weight: 500;
  margin: 0;
}
.rooms_dropdown .title2 h3 {
  font-size: 1.1vw;
  text-transform: capitalize;
  font-weight: 500;
  margin: 0;
}
.digit {
  font-size: 1.3vw;
  font-weight: 400;
  align-self: center;
  text-align: center;
  padding: 0;
}
.digit .row {
  color: #07524d;
  opacity: 0.7;
  justify-content: center;
}
.title,
.title2 {
  align-self: center;
}
.title2 {
  padding: 0;
}
.title2 h3 {
  color: #00544d;
}
.rooms_dropdown ul li {
  padding: 1vw 0vw 1vw 0.5vw;
  justify-content: center;
  border: 0.1vw solid #eaeaea;
  border-radius: 3vw;
  margin: 0.5vw 0.5vw;
  color: #07524d;
}
.rooms_dropdown ul li:hover {
  background: #eaeaea;
}
.rooms_dropdown ul li i {
  font-size: 0.8vw;
  color: #07524d;
  opacity: 0.7;
  display: flex;
  line-height: normal;
  justify-content: center;
}
.decrease button {
  border: 1px solid #a0bebc;
  border-radius: 50%;
  width: 2vw;
  height: 2vw;
  text-align: center;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.decrease button:hover {
  background: #07524d;
}
.decrease button:hover i {
  color: #fff;
  opacity: 1;
}
.decrease button:disabled {
  cursor: not-allowed;
}
.decrease button:disabled:hover {
  background: #fff;
  border: 1px solid #a0bebc;
}
.decrease button:disabled i {
  color: #a0bebc;
}
.decrease {
  align-self: center;
  padding: 0;
}
.decrease .row,
.increase .row {
  justify-content: center;
}
.increase {
  align-self: center;
  padding: 0;
}
.increase button {
  border: 0.1vw solid #a0bebc;
  border-radius: 50%;
  width: 2vw;
  height: 2vw;
  background: #fff;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.increase button:hover {
  border: 0.1vw solid #07524d;
  background: #07524d;
}
.increase button:hover i {
  color: #fff;
  opacity: 1;
}
.increase button:disabled:hover {
  cursor: not-allowed;
}
.increase button:disabled:hover {
  background: #fff;
  border: 0.1vw solid #a0bebc;
}
.increase button:disabled i {
  color: #a0bebc;
}
/**** /rooms dropdown end ****/

/* collect data dropdowns */
input[type="text"] {
  text-align: left !important;
}
input:placeholder-shown,
input::placeholder{
  text-align: center !important;
}
input:focus {
  text-align: left !important;
}
.ph_order input:placeholder-shown {
  text-align: left !important;
  padding-left: 5px;
}
.ph_order input::placeholder {
  text-align: left !important;
  padding-left: 5px;
}

.collect_information .textfirst.select_input.down {
  font-weight: 500;
  width: 100%;
  font-size: 1.25vw;
  border-radius: 3vw;
  border: none;
  padding: 1.3vw 2vw;
}
.check-btn,
.room-btn {
  padding: 15px;
  outline: none;
}

.collect_information .textfirst.select_input.down::placeholder {
  color: #07524da1;
  font-weight: 400;
  font-size: 1.25vw;
}

/***** ciities dropdown scroll bar *****/
.collect_information .dropdown ul::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #07524d;
}

.collect_information .dropdown ul::-webkit-scrollbar {
  width: 0px;
  background-color: #07524d;
}

.collect_information .dropdown ul::-webkit-scrollbar-thumb {
  background-color: #07524d;
}

.collect_information .dropdown ul::-webkit-scrollbar {
  width: 0px;

}

/* Track */
.collect_information .dropdown ul::-webkit-scrollbar-track {
  background: #fff;
}
/* Handle */
.collect_information .dropdown ul::-webkit-scrollbar-thumb,
.collect_information .dropdown ul::-webkit-scrollbar-thumb:hover {
  background: #07524d;
}
/* Handle on hover */

.calendar_selected_start {
  background: #00544e !important;
  color: white !important;
  border-radius: 50% 0% 0% 50%;
}

.calendar_selected_header {
  background: #eaead6 !important;
}

.calendar_selected_end {
  background: #00544e !important;
  color: white !important;
  border-radius: 0% 50% 50% 0%;
}

/***** /ciities dropdown scroll bar *****/
.collect_information .dropdown ul {
  background: #fff;
  display: none;
  list-style: none;
  padding: 1vw;
  margin: 0;
  border: 0;
  max-height: 20vw;
  overflow: auto;
  position: absolute;
  width: 100%;
  border-radius: 2vw;
  margin-top: 0.4vw;
  z-index: 1;
}
#showdropdown_top {
  max-height: 15vw;
}
#rooms_top {
  max-height: 15.2vw;
}
#rooms_top li {
  padding: 0.5vw 0.3vw 0.5vw 0.5vw;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.coming_soon_dropdown {
  background: #fff;
  border-radius: 2vw;
  display: none;
  margin-top: 1vh;
  width: 96.5%;
  padding: 0px 1vw;
  height: 17.3vw;
  z-index: 1;
  position: absolute;
}
.coming_soon_dropdown .soon_image {
  margin: auto;
  justify-content: center;
  padding-bottom: 0vw;
}
.coming_soon_dropdown .soon_image img {
  width: 12vw;
  padding: 2vw;
}
.coming_soon_dropdown.coming_soon_dropdown_top img {
  width: 6vw;
  padding: 0vw 0vw 1vw;
}
.coming_soon_dropdown.coming_soon_dropdown_top .coming_soon_alert p {
  font-size: 0.9vw;
}
.coming_soon_dropdown .coming_soon_alert {
  margin: auto;
}
.coming_soon_dropdown .coming_soon_alert p {
  margin: 0;
  color: #07524d;
  font-size: 1.2vw;
  text-align: center;
}

.collect_information .dropdown ul li,
.collect_information .dropdown .select_input {
  color: #07524d;
  cursor: text;
  font-size: 1vw;
  font-weight: 400;
}

.collect_information .dropdown div.textfirst img.down {
  float: right;
  margin-top: 5px;
}
.collect_information .dropdown ul li {
  border-radius: 50px;
  cursor: pointer;
  text-transform: capitalize;
  width: 100%;
  text-align: left;
  margin-bottom: 1.5vh;
  border: 0.1vw solid #eaeaea;
}
.collect_information .dropdown ul li:hover {
  background: #eaeaea;
}
.collect_information .dropdown ul li:last-child {
  margin-bottom: 0vh;
}
.collect_information .dropdown ul li.main {
  display: block;
}
.textfirst.select_input.down img {
  width: 1.3vw;
  height: auto;
}
.collect_information .dropdown ul li img {
  width: 100%;
  height: auto;
}
.city_name {
  align-self: center;
  padding: 0;
}
.city {
  font-size: 1.2vw;
  font-weight: 500;
max-width: 90%;
  display: inline-block;
    width: 90%;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;

}
.prov_count {
  font-size: 0.8vw;
  font-weight: 400;

  display: inline-block;
  width: 90%;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  max-width: 90%;
}
.collect_information #showdropdown .image {
  align-self: center;
}

/* collect data dropdowns */
.collect_information .input-group input.form-control {
  border-radius: 50vw;
  padding: 4vh 0vh;
  font-size: 1.25vw;
  font-weight: 500;
  text-align: center;
  color: #07524d;
}
.guests button.room-btn {
  padding: 1.2vw 0;
  font-weight: 400;
  width: 100%;
  background: #fff;
  color: #07524da1;
  font-size: 1.25vw;
  border-radius: 3vw;
}
.guests button:hover {
  color: #07524da1;
}
.collect_information .textfirst.select_input.down:focus-visible {
  outline: none;
}
.collect_information .input-group input.form-control:focus {
  border-color: transparent;
  box-shadow: none;
}
.collect_information input.form-control::placeholder {
  color: #07524d;
  font-weight: 500;
  opacity: 0.7;
}
.collect_information .search_icon.cust_pading {
  align-self: center;
}
.search_icon button {
  width: 70%;
  padding: 0px;
}
.search_icon button:focus {
  box-shadow: none;
}
.search_icon {
  padding: 0.5vw;
  width: 80%;
  font-size: 2vw;
  /* background: #c65a79; */
  /* border-radius: 3vw; */
  /* padding: 20% 23%; */
  cursor: pointer;
  color: #fff;
}

.search_icon .fa {
  font-size: 1.5vw;
  cursor: pointer;
  color: #fff;
  margin-right: 5px !important;
}

.search_text_btn_main .fa{
  font-size: 1.8vw ;
}
.search_icon button {
  width: 100%;
  /* padding: 0.1vw 0vw; */
  text-align: left;
  color: white;
  background: #c65a79;
  border-radius: 3vw;
  padding: 1.2vw 0;
  font-weight: 500 !important;
  text-align: center;
  font-size: 1.25vw ;
  display: flex;
  justify-content: center;
  align-items: center;
}

.search_icon button:hover{
  color: white !important;
}

.search_text_btn_top{
  font-size: 1.1vw !important;
  font-weight: 400 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  padding: 0.9vw 0 !important;
}

.search_text_main{
  display: block;
}
/**** calendar ****/
.collect_information .checks button.check-btn {
  padding: 1.2vw 0;
  font-weight: 400;
  width: 100%;
  background: #fff;
  color: #07524da1;
  font-size: 1.25vw;
  border-radius: 3vw;
}
.calendar-section {
  position: absolute;
  background: #fff;
  width: 62.5%;
  height: fit-content;
  top: 30.2vw;
  left: 10.2vw;
  z-index: 1;
  border-radius: 2vw;
  box-shadow: rgb(0 0 0 / 20%) 0px 6px 20px;
  margin: 0vh 0vw 0 1.3vw;
  justify-content: center;
  display: none;
}
.calendar,
.calendar_weekdays,
.calendar_content {
  font-size: 1vw;
  width: 90%;
  margin: 0 auto;
  font-weight: 500;
}
.calendar,
.calendar_weekdays2,
.calendar_content2 {
  font-size: 1vw;
  width: 90%;
  margin: 0 auto;
  font-weight: 500;
}
.calendar_content2,
.calendar_weekdays2,
.calendar_content,
.calendar_weekdays {
  display: grid !important;
  grid-template-columns: repeat(7, 1fr) !important;
}
.calendar_weekdays div,
.calendar_content div {
  width: 100% !important;
}
.calendar_content2 > .calendar_selected_start,
.calendar_content2 > .calendar_selected_end {
  box-shadow: none !important;
}
.calendar {
  margin: auto;
  width: 100%;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  padding: 1.2vw 0 0vw;
}
.calendar_weekdays {
  color: #00544e;
  font-weight: 600;
  font-size: 1vw;
  font-family: "Poppins", sans-serif;
  display: flex;
}
.calendar_weekdays div,
.calendar_weekdays2 div {
  display: inline-block;
  vertical-align: top;
}
.calendar_content,
.calendar_weekdays,
.calendar_header {
  position: relative;
}
.calendar_content:after,
.calendar_weekdays:after,
.calendar_header:after {
  content: " ";
  display: table;
  clear: both;
}
.calendar_weekdays div,
.calendar_content div {
  width: 3.5vw;
  height: 3.3vw;
  line-height: 3.3vw;
  overflow: hidden;
  text-align: center;
  background-color: transparent;
  border: 1px solid transparent;
}
.calendar_weekdays2 div {
  color: #00544e;
}
.calendar_weekdays2 div,
.calendar_content2 div {
  width: 100%;
  height: 2.3vw;
  line-height: 2.3vw;
  overflow: hidden;
  text-align: center;
  background-color: transparent;
  border: 1px solid transparent;
}
.calendar_content2 div {
  float: left;
  color: #00544e;
  cursor: pointer;
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}
.calendar_header i.fa {
  font-size: 1.3vw;
}
.calendar_content .today {
  color: #3b8fc7;
}
.calendar_content div {
  float: left;
  color: #00544e;
}
.calendar_content div:hover {
  cursor: pointer;
}
.calendar_content div.blank:hover {
  cursor: default;
  border: none;
}
.calendar_content div.past-date {
  cursor: not-allowed;
  color: #cacaca;
}
.calendar_content div.today {
  color: #00544e;
}
.calendar_content div.selected,
.calendar_content2 div.selected {
  background-color: #eaead6;
}
.calendar_content .selected:last-child {
  border-radius: 5px;
}
.calendar_header {
  width: 100%;
  text-align: center;
  display: flex;
}
.calendar_header h2 {
  float: left;
  width: 70%;
  margin-top: 10px;
  padding: 0 10px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 1vw;
}
button.switch-month {
  background-color: transparent;
  padding: 0;
  outline: none;
  border: none;
  line-height: 3.6vw;
  height: 3.6vw;
  float: left;
  width: 4vw;
  color: #07524d;
  transition: color 0.2s;
}

button.switch-month:hover {
  color: #07524d;
}
button.switch-month:active {
  background-color: transparent;
}
.calendar_header h2 {
  color: #e4978f;
  line-height: 1.7;
}
.header_search_with_icon .checks button.check-btn,
.header_search_with_icon .guests button.room-btn,
.header_search_with_icon .textfirst.select_input.down::placeholder {
  font-size: 1.1vw;
}

.header_search_with_icon .search_icon .fa-search:before {
  position: relative;
  bottom: 0.1vw;
}

/**** calendar ****/
/**** apply animation on captain features ****/
.captain .image {
  position: relative;
  cursor: pointer;
}
.captain .request-loader::after,
.captain .request-loader::before{
  opacity: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  height: 100%;
  width: 100%;
  border-radius: 100%;
  animation-name: ripple;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: cubic-bezier(0.65, 0, 0.34, 1);
  z-index: -1;
}

.captain .request-loader::before {
  border: 3px solid #76d0c4;
  animation-delay: 0.5s;
}
.captain .request-loader::after {
  border: 3px solid #bce6e4;
  animation-delay: 0.3s;
}
/**** /apply animation on captain features ****/
.icons_features img {
  width: 100%;
  padding: 0.7vw 0.7vw 0.5vw 0.7vw;
}
.icons_features .title h3 {
  text-align: center;
  font-size: 1.3vw;
  font-weight: 500;
  color: #07524d;
  margin: 1vw 0 0;
}
.icons_features .cap_option img {
  width: 32%;
}
.captain .image {
  position: relative;
}
.icons_features .phone img,
.icons_features .chat img {
  z-index: -1;
}
.icons_features .phone .choose_phone,
.icons_features .chat .choose_chat {
  padding: 0;
  display: block;
  position: relative;
  z-index: -2;
  cursor: pointer;
}

.cap_option {
  z-index: -2;
  position: absolute;
  top: 19%;
  left: 10%;
  width: 100%;
  opacity: 0;
}

.captain_Icon_animations {
  animation: shown 0.5s ease-in-out;
  animation-fill-mode: both;
  opacity: 1;
}

/**** apply animation on captain phone and chat images ****/
@keyframes shown {
  100% {
    left: 100%;
    z-index: 0;
  }
}

/**** /apply animation on captain phone and chat images ****/

/**** apply animation on msg alert on captain image ****/

@keyframes alertmsg {
  0% {
    opacity: 0.5;
    top: -30%;
  }
  100% {
    opacity: 1;
  }
}
/**** /apply animation on msg alert on captain image ****/
.hello_msg {
  animation: alertmsg 0.5s;
  animation-timing-function: ease-out;
  position: absolute;
  text-align: center;
  background: #fff;
  font-weight: 700;
  width: 100%;
  animation-name: alertmsg;
  top: -18%;
  padding: 0.6vh 0.2vw;
  left: 0;
  font-size: 0.7vw;
  border-radius: 50vw;
}

.msg:after {
  content: "\f0d7";
  display: block;
  font-family: "FontAwesome";
  font-size: 1.5vw;
  position: absolute;
  top: 40%;
  display: none;
  left: 46%;
  color: #fff;
  animation-name: alertmsg;
  animation: alertmsg 0.5s;
  animation-timing-function: ease-out;
}
.hello_msg.msg p {
  margin: 0;
  color: #07524d;
  font-weight: 600;
  display: block;
  animation-name: alertmsg;
  animation: alertmsg 0.5s;
  animation-timing-function: ease-out;
}
.hello_msg.msg:after {
  display: block;
}
.msg p {
  display: none;
}
.msg_row {
  justify-content: center;
  padding: 5vw 0;
}
.msg_row h2 {
  font-size: 2.3vw;
  color: #07524d;
  font-weight: 500;
}
.room_images img {
  border-radius: 1vw;
  width: 100%;
  padding: 0.2vw;
}
.explore_rooms_sec {
  background: #82dece;
  padding-bottom: 2vh;
}
.explore_room_title {
  justify-content: center;
  padding: 7vh 0 4vh;
}
.explore_room_title h2 {
  color: #fff;
  font-weight: 500;
  font-size: 2.8vw;
}
.room_images .image {
  position: relative;
}
.room_images .insta {
  position: absolute;
  top: 2.5%;
  left: 3%;
}
.room_images .insta .fa {
  font-size: 3vw;
  color: #fff;
}
.room_images .image .title {
  position: absolute;
  bottom: -3%;
  right: 3%;
  display: none;
}
.room_images .image .title p {
  color: #fff;
  font-size: 1vw;
  font-weight: 600;
}
.explore_our_rooms {
  text-align: center;
  margin: 4.3vh 0;
}
.explore_our_rooms button {
  color: #fff;
  border: 0.15vw solid #fff;
  padding: 1.5vh 3.5vw;
  font-weight: 500;
  border-radius: 50vw;
  font-size: 1.1vw;
}
.explore_our_rooms a {
  color: inherit;
}
.explore_our_rooms a:hover {
  text-decoration: none;
  color: inherit;
}
.explore_our_rooms button:hover {
  background: #fff;
  color: #82dece;
}
.explore_our_rooms button:focus,
.explore_our_cities button:focus {
  box-shadow: none;
}
.explore_our_cities_sec {
  padding: 76px 0 11px;
}
.cities_images .image img {
  width: 80%;
  margin-bottom: 1vh;
  cursor: pointer;
  margin: auto;
}
/* .cities_images .col-2 {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
   max-width: 20%;
  padding: 0px 10px;
} */
.cities_images .title h2 {
  text-align: center;
  color: #07524d;
  font-size: 1.9vw;
  margin: 1vh 2vw 1vw;
}
.cities_images .title h2 a {
  color: #07524d;
  text-transform: uppercase;
  font-weight: 500;
}
.cities_images .price {
  color: #07524d;
  text-align: center;
  font-weight: 500;
}
.cities_images .title h2 a:hover {
  color: #07524d;
  text-decoration: none;
}

.karachi a,
.swat a {
  border-bottom: 0.3vh solid #86cec3;
}

.multan a,.naran a{
  border-bottom: 0.3vh solid #b092b8; 
}
.lahore a,
.hunza a {
  border-bottom: 0.3vh solid #e89992;
}

.islamabad a,
.skardu a,
.murree a {
  border-bottom: 0.3vh solid #c35a79;
}
.explore_our_cities {
  text-align: center;
  margin: 3vh 0;
}
.explore_our_cities button {
  color: #07524d;
  border: 0.16vw solid #07524d;
  padding: 1.5vh 3.8vw;
  font-weight: 500;
  border-radius: 50vw;
  font-size: 1.1vw;
}
.explore_our_cities button:hover {
  color: #fff;
  background: #07524d;
}

.slider_sec {
  background: #e8e1ce;
  margin-bottom: 5vh;
  padding-bottom: 5vh;
}
.slider_title,
.cities_images {
  justify-content: center;
}
.slider_title h2 {
  color: #07524d;
  font-size: 2.7vw;
  font-weight: 500;
  margin: 4.5vh 0 2vh;
}
.detail {
  justify-content: center;
  margin-bottom: 2vh;
}
.detail p {
  color: #07524d;
  font-weight: 500;
  width: 26.8vw;
  text-align: center;
  line-height: 1.2;
}
.reviewr_img {
  margin: auto;
  /*padding-right: 1vw;*/
}
.reviewr_img img {
  width: 22%;
  margin-bottom: 2.5vh;
}
.reviewr_title,
.rating_star {
  margin: auto;
}
.reviewr_title h3 {
  font-weight: 700;
  color: #07524d;
  text-transform: capitalize;
  font-size: 1.2vw;
}

.rating_star img {
  width: 35%;
  margin: 0 0.3vw 3vh 0vw;
  cursor: pointer;
}
.reviews {
  margin: auto;
  display: block;
  font-size: 0.85vw;
  color: #07524d;
}
.reviews a {
  font-size: 0.8vw;
  color: #07524d;
  font-weight: 700;
  text-transform: capitalize;
}
.reviews a:hover {
  text-decoration: none;
}
.slick-slider {
  user-select: text;
}
button.slick-next.slick-arrow {
  position: absolute;
  top: 50%;
  right: 1%;
}
button.slick-prev.slick-arrow {
  position: absolute;
  top: 50%;
  left: 0%;
  z-index: 1 !important;
}
button.slick-arrow {
  background: transparent;
  z-index: 0;
  font-size: 0;
  z-index: 0;
  width: 0;
  height: 0;
  border: none;
}
button.slick-prev.slick-arrow:before,
button.slick-next.slick-arrow:before{
  display: block;
  cursor: pointer;
  color: #01534f;
  font-family: "FontAwesome";
  font-size: 1.5vw;
}
button.slick-prev.slick-arrow:before {
  content: "\f053";
}
button.slick-next.slick-arrow:before {
  content: "\f054";
}
.slider_testimonial .slick-slide {
  padding: 0 3.4vw;
}
.book_survey_inner {
  background-image: url(../assets/images/survey-now.webp);
  background-size: cover;
  background-repeat: no-repeat;
  max-height: 472px;
  min-height: 472px;
  height: auto;
  object-fit: cover;
  background-position: top center;
}
.book_survey_inner .title {
  width: 100%;
  margin: 10px 82px 0;
}
.book_survey_inner .title h2 {
  font-size: 2.5vw;
  font-weight: 700;
  color: #fff;
  min-width: 465px;
  max-width: 465px;
  width: auto;
  padding-bottom: 10px;
}
.book_survey_inner .title p {
  color: #fff;
  font-weight: 400;
  width: 23vw;
  font-size: 1.2vw;
  margin: 2vh 0 0;
  line-height: 1;
}
.survey_btn {
  margin: 95px 0 0;
}
.survey_btn button {
  color: #00524e;
  padding: 0.5vw 1.5vw;
  font-weight: 500;
  background: #fff;
  font-size: 0.8vw;
  border-radius: 50vw;
  border: 0.16vw solid #fff;
}
.survey_btn button:hover {
  color: #fff;
  background: #07524d;
  border: 0.16vw solid #fff;
}
.survey_btn button:focus {
  box-shadow: none;
}
footer {
  background: #07524d;
  /* padding: 7vh 0 0vh; */
}
footer a,
footer ul li a i,
footer a:hover {
  color: #fff;
}
footer a:hover {
  text-decoration: none;
}
.footer_main_row {
  /* padding: 15px 0; */
}

.footer_logo a img{
  width: 100px;
}

.footer_menu {
  /* padding-bottom: 12.6vh; */
  display: flex;
  justify-content: center;
  align-items: center;
}

/* footer ul li {
  margin-bottom: 5px;
} */
footer ul li a i {
  margin-right: 10px;
}

.footer_logo {
  align-self: flex-end;
}
.social_icons .row {
  float: right;
}
.social_icons{
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.social_icons ul,
.footer_menu ul {
  list-style: none;
  display: flex;
  padding: 0;
  margin: 0 auto;
}

.social_icons ul{
  justify-content: flex-end;
}

.social_icons ul li {
  padding: 0vh 0.4vw 0vh;
  height: fit-content;
}
i.fa.fa-facebook-official {
  padding: 0.2vh 0vw 0vh;
  font-size: 1.8vw;
}

.footer_menu ul li {
  padding: 0vh 1.2vw;
}
.footer_menu ul li a {
  font-weight: 400;
  font-size: 0.9vw;
}
.social_icons ul li i.fa.fa-instagram {
  font-size: 1.9vw;
  /* padding: 0vh 0vw 1.5vh; */
}
.social_icons ul li i.fa.fa-linkedin-square {
  font-size: 1.9vw;
}

/***** login widget start ******/
.readonly__email__password__input{
  background: white !important;
  border: none !important;
  border-bottom: 0.1vw solid #07524d !important; 
}

.login_widget {
  background: #fff;
  position: fixed;
  display: block;
  box-shadow: rgb(0 0 0 / 40%) 0px 0px 15px;
  width: 20%;
  padding: 2vw 1.7vw 0vw;
  top: 75px;
  right: -22%;
  border-radius: 2vw;
  z-index: 2;
}
.login_widget .row.login_title {
  padding-bottom: 1.5vw;
}
.login_widget .row {
  margin: 0;
  padding-bottom: 1.5vw;
}
.login_widget .login_title h3 {
  font-size: 1.5vw;
  font-weight: 500;
  color: #07524d;
  margin: 0;
}
.login_widget input::placeholder {
  text-align: left !important;
  color: #07524d;
  font-weight: 500;
  font-size: 1.1vw;
  opacity: 0.7;
}
.login_widget input:-webkit-autofill,
.login_widget input:-webkit-autofill:hover,
.login_widget input:-webkit-autofill:focus,
.login_widget input:-webkit-autofill:active {
  -webkit-text-fill-color: #07524d;
  font-size: 1.1vw;
  font-weight: 500;
  -webkit-text-size-adjust: 1.1vw;
}
.user_name {
  margin: auto;
}
.show_pass {
  width: 100%;
  position: relative;
}

.login_widget .login_social h4 {
  font-size: 1.2vw;
  padding-bottom: 0vw;
}
.login_widget input {
  border: none;
  border-radius: 0;
  border-bottom: 0.1vw solid #07524d;
  background: transparent;
  font-size: 1.1vw;
  color: #07524d;
  font-weight: 500;
  height: calc(0.5em + 0.75rem + 5px + 0px);
}
.login_widget input:focus {
  box-shadow: none;
  border-color: #07524d;
}
.remember_forgot .login_widget .row {
  padding-bottom: 0.5vw;
}
.login_widget a {
  color: inherit;
}
.login_widget a:hover {
  color: inherit;
  text-decoration: none;
}
.remember_forgot .align {
  align-self: center;
  padding: 0;
}
.forgot_pass.align {
  white-space: nowrap;
  position: relative;
  right: 0.3vw;
}
.remember_forgot i.fa.fa-check {
  align-self: center;
  margin-right: 0.3vw;
  font-size: 0.5vw;
  color: #fff;
  border-radius: 50%;
  background: #fff;
  border: 0.1vw solid #e89b94;
  padding: 0.2vw;
  cursor: pointer;
}
.remember_forgot i.fa.fa-check:before {
  visibility: hidden;
}
.remember_forgot i.fa.fa-check.check_icon {
  background: #c65a79;
  border: 0.1vw solid #c65a79;
}
.remember_forgot i.fa.fa-check.check_icon:before {
  visibility: visible;
}
.remember_forgot .title2,
.remember_forgot .title {
  font-size: 0.9vw;
  font-weight: 500;
  color: #07524d;
  cursor: pointer;
}
.forgot_pass .title2,
.forgot_pass .title1 {
  text-transform: capitalize;
  font-size: 0.65vw;
  font-weight: 500;
  color: #c65a79;
  cursor: pointer;
}
.login_widget .login_social {
  justify-content: center;
  padding-bottom: 0vw;
  padding-top: 0vw;
}
.login_social_icons {
  justify-content: center;
  padding: 1vw 0;
}
.login_social_icons ul {
  padding: 0;
  list-style: none;
  display: flex;
  margin: 0;
}
.login_social_icons ul li {
  padding: 0 0.5vw;
}
.login_social_icons ul li.google img {
  width: 1.5vw;
  position: relative;
  bottom: 0.15vw;
}
.login_social_icons ul li i.fa.fa-facebook {
  color: #1877f2;
}
.login_social_icons ul li i {
  font-size: 1.5vw;
  cursor: pointer;
}
.login_widget .row.login_button,
.login_widget .row.register_button {
  justify-content: center;
  margin: auto;
  padding-bottom: 1vw;
}

.login_widget button {
  font-size: 1vw;
  font-weight: 500;
  color: #07524d;
  text-align: center;
  padding: 0.5vw 0.5vw;
  border-radius: 50px;
  border: 0.1vw solid #07524d;
  width: 100%;
}
.login_widget button:hover {
  background: #07524d;
  color: #fff;
  border: 0.1vw solid #07524d;
}
.login_widget button:focus {
  box-shadow: none;
}

/***** /login widget end ******/

/***** invalid email or password widget ******/
.forgot_password_widget,
.container.invalid_email_password,
.signup_widget{
  background: #fff;
  position: fixed;
  margin: 0vh auto 0;
  box-shadow: rgb(0 0 0 / 40%) 0px 0px 15px;
  width: 20%;
  border-radius: 30px;
}
.container.invalid_email_password {
  padding: 1vw 1vw;
  top: 11vw;
  right: 1vw;
  z-index: 1;
}
.login_widget .row.invalid_email_password {
  margin: auto;
  justify-content: center;
  padding-bottom: 1vw;
}

.invalid_email_password .invalid_alert_msg {
  align-self: center;
  visibility: visible;
}
.invalid_email_password .close_invalid_alert_msg img {
  cursor: pointer;
  width: 1.3vw;
  margin-bottom: 0.1vw;
}

.invalid_email_password .invalid_alert_msg h4 {
  color: #c65a79;
  position: relative;
  top: 0.02vw;
  padding: 0vw 0vw;
  font-size: 0.8vw;
  text-align: center;
  margin: 0;
}
/***** /invalid email or password widget ******/

/***** forgot password widget ******/
.forgot_password_widget {
  display: block;
  padding: 1.5vw 1.5vw 1.7vw;
  top: 75px;
  right: -22%;
  z-index: 3;
}
.forgot_password_widget img {
  cursor: pointer;
  width: 1.3vw;
}
.forgot_password_widget .forgot_password {
  margin: auto;
  padding: 0vw 1vw;
  justify-content: center;
}
.forgot_password_widget .forgot_password h4 {
  color: #07524d;
  padding: 0vw 0vw;
  font-size: 1.3vw;
  font-weight: 500;
  padding-left: 1vw;
  margin: 0;
}
.forgot_password_widget .enter_email {
  margin: auto;
  padding: 3vw 1vw 2vw;
}
.forgot_password_widget .enter_email input {
  border: none;
  border-radius: 0;
  border-bottom: 0.1vw solid #07524d;
  background: transparent;
  font-size: 1.1vw;
  color: #07524d;
  font-weight: 500;
  height: calc(0.5em + 0.75rem + 5px + 0px);
}
.forgot_password_widget .enter_email input::placeholder {
  text-align: left !important;
}
.forgot_password_widget .enter_email input:focus {
  box-shadow: none;
}
.forgot_password_widget .enter_email input:focus-visible {
  outline: none;
}
.forgot_password_widget .send_email {
  margin: auto;
  width: 70%;
  padding: 1vw 0;
  justify-content: flex-end;
}
.row.close_forgot_password_widget {
  margin: auto;
  float: right;
  margin-top: 0.1vw;
  cursor: pointer;
  color: #07524d;
  font-size: 1.7vw;
}
.forgot_password_widget .send_email button {
  font-size: 1vw;
  font-weight: 500;
  color: #07524d;
  text-align: center;
  padding: 0.5vw 0.5vw;
  border-radius: 50px;
  border: 0.1vw solid #07524d;
  width: 100%;
}
.forgot_password_widget .send_email button:hover {
  background: #07524d;
  color: #fff;
  border: 0.1vw solid #07524d;
}
/***** /forgot password widget ******/

/***** sign up widget start ******/
.signup_widget {
  display: block;
  padding: 2vw 1.7vw 0vw;
  top: 75px;
  right: -22%;
  border-radius: 2vw;
  z-index: 2;
}
.signup_widget .row.signup_title {
  padding-bottom: 1.5vw;
}
.signup_widget input::placeholder {
  text-align: left !important;
  color: #07524d;
  font-weight: 500;
  font-size: 1.1vw;
  opacity: 0.7;
}
.signup_widget input:-webkit-autofill,
.signup_widget input:-webkit-autofill:hover,
.signup_widget input:-webkit-autofill:focus,
.signup_widget input:-webkit-autofill:active {
  -webkit-text-fill-color: #07524d;
}
.signup_widget .row {
  margin: auto;
  padding-bottom: 1.5vw;
}
.signup_widget .signup_title h3 {
  font-size: 1.5vw;
  font-weight: 500;
  color: #07524d;
  margin: 0;
}
.signup_widget .user_name {
  margin: auto;
}
.signup_widget h4 {
  font-size: 1vw;
  font-weight: 500;
  color: #07524d;
  padding-bottom: 0vw;
  display: none;
}
.flag_with_code .flag {
  position: relative;
  padding: 0;
  max-width: 32.666667%;
}
.flag_with_code {
  border-bottom: 0.1vw solid #01534d;
  width: 100%;
}
.flag_with_code .iti--separate-dial-code .iti__selected-flag {
  background-color: transparent;
}

.iti__selected-flag{
  padding: 0 5px 0 0 !important;
}
.flag_with_code
  .iti--allow-dropdown
  .iti__flag-container:hover
  .iti__selected-flag {
  background-color: transparent;
}
.flag_with_code .flag img {
  position: absolute;
  top: 0.2vw;
  left: 0.8vw;
}
.flag_with_code .flag input {
  padding-left: 2.5vw;
  border-bottom: none;
}
.phone_no {
  padding-left: 0;
}
.flag_with_code .phone_no input {
  border-bottom: none;
  padding-left: 0;
}
.signup_widget input {
  border: none;
  border-radius: 0;
  border-bottom: 0.1vw solid #07524d;
  background: transparent;
  font-size: 1.1vw;
  color: #07524d;
  font-weight: 500;
  height: calc(0.5em + 0.75rem + 5px + 0px);
}
.signup_widget .field-icon {
  float: right;
  position: absolute;
  top: 4px;
  right: 0;
  cursor: pointer;
  font-size: 1.2vw;
}
.signup_widget input:focus {
  box-shadow: none;
  border-color: #07524d;
}
.signup_widget .msg {
  margin: auto;
}
.signup_widget .row.phone {
  padding-bottom: 1.2vw;
}
.signup_widget .signup_msg {
  padding-bottom: 1vw;
}
.signup_widget .signup_msg p {
  font-size: 0.8vw;
  color: #07524d;
  margin: 0;
  font-weight: 500;
}

.row.signup_msg a{
  color: #1877f2;
}

.signup_button {
  justify-content: center;
  padding-bottom: 0.5vw !important;
}
.signup_widget .row .signin_button {
  justify-content: center;
  padding-bottom: 1.5vw;
  margin: auto;
}
.signup_widget button {
  font-size: 1vw;
  font-weight: 500;
  color: #07524d;
  text-align: center;
  padding: 0.5vw 0.5vw;
  border-radius: 50px;
  border: 0.1vw solid #07524d;
  width: 100%;
}
.signup_widget button:hover {
  background: #07524d;
  color: #fff;
  border: 0.1vw solid #07524d;
}
.signup_widget .signin_button button {
  border: none;
  font-size: 1vw;
  color: #c65a79;
}
.signup_widget .signin_button button:hover {
  color: #c65a79;
  background: transparent;
}
.signup_widget button:focus {
  box-shadow: none;
}
/******** sign up widget end ********/

/******** side bar widget start ********/
.container.sidebar {
  padding: 0;
  position: fixed;
  display: block;
  z-index: 2;
  width: 20%;
  top: 68px;
  right: -22%;
  overflow: auto;
  height: 100vh;
  /* transition: 0.5s; */
  z-index: 3;
}
.h-button {
  font-style: normal;
  font-weight: 600 !important;
  font-size: 14px !important;
  text-align: center;
  background-color: #c65a79;
  color: #fff !important;
  border-radius: 50vw;
  border: transparent;
  width: 100%;
  padding: 5px 25px;
  text-decoration: none;
  height: 40px;
  outline: none !important;
  border: 1px solid #c65a79 !important;
  width: 155px;
  z-index: 1;
  position: relative;
}
.d-md-none {
  font-size: 7vw;
}
.sidebar .row {
  margin: auto;
  justify-content: center;
}
.sidebar .top_bar {
  border-bottom: 0.1vw solid #fff;
  padding-bottom: 1vw;
}
.sidebar .align {
  align-self: center;
}
.sidebar .top_bar h3 {
  color: #07524d;
  font-size: 2vw;
  font-weight: 500;
}
.sidebar .top_bar img {
  width: 100%;
  background: #fff;
  border-radius: 50%;
}
.sidebar .sidebar_arrow i {
  color: #07524d;
  font-size: 2.5vw;
  cursor: pointer;
}
.sidebar i {
  color: #fff;
  font-size: 2.6vw;
  vertical-align: middle;
}
.survey_form input::-webkit-input-placeholder {
  text-align: left !important;
  color: #fff;
  font-weight: 400;
  font-size: 1.2vw;
}
.sidebar .icons {
  text-align: center;
  align-self: center;
  justify-content: center;
  margin-bottom: 0.2vw;
}
.sidebar .payment .icons {
  margin-bottom: 0vw;
}
.sidebar .history .icons {
  margin-bottom: 0vw;
}
.sidebar .widget_title {
  align-self: center;
  justify-content: center;
}
.sidebar .widget_title h3 {
  margin: 0;
  font-size: 1vw;
  font-weight: 400;
  color: #fff;
  white-space: nowrap;
  text-transform: capitalize;
  text-align: center;
}
.sidebar .widget_title h3 a {
  vertical-align: middle;
  color: #fff;
}
.sidebar .widget_title a:hover {
  color: #fff;
  text-decoration: none;
}
.sidebar .widget {
  margin: 1.83vw 0;
}
.dashboard,
.personal_info,
.bookings,
.refer,
.notificationss,
.help{
  background: #07524d;
  box-shadow: rgb(0 0 0 / 40%) 0px 0px 15px;
}
.dashboard:hover,
.personal_info:hover,
.help:hover {
  background: #c65a79;
}
.sidebar .row.widget_gap.payment,
.sidebar .row.widget_gap.history  {
  background: #07524d;
  border-radius: 30px;
  width: 92%;
  cursor: pointer;
  padding: 0.4vw 0;
  box-shadow: rgb(0 0 0 / 40%) 0px 0px 15px;
}
.sidebar .row.widget_gap.payment:hover,
.sidebar .row.widget_gap.payment:hover,
.sidebar .row.widget_gap.history:hover,
.sidebar .row.widget_gap.history:hover {
  background: #e89b94;
}
.sidebar .payment .widget,
.sidebar .history .widget {
  margin: 1.7vw auto;
}

.bookings:hover{
  background: #82dece;
}

.refer:hover,
.notificationss:hover {
  background: #b29abc;
}

.history h3 a span {
  visibility: hidden;
}

.sidebar .widget_five {
  padding: 0.9vw 0;
}

.sidebar .row.widget_gap {
  justify-content: center;
  padding: 0.8vw 0;
}
.sidebar .left_col,
.sidebar .right_col {
  max-width: 44%;
  min-width: 44%;
  cursor: pointer;
}
.sidebar .right_col {
  margin-left: 4%;
}
.sidebar::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background: #fff;
}
.sidebar::-webkit-scrollbar {
  width: 6px;
  background-color: #07524d;
}
/* Handle */
.sidebar::-webkit-scrollbar-thumb {
  background: #07524d;
}
/* Handle on hover */
.sidebar::-webkit-scrollbar-thumb:hover {
  background: #07524d;
}
/******** side bar widget end ********/

/******** survey form start ********/
.book_survey_container {
  position: relative;
  overflow: hidden;
  border-radius: 30px;
  margin-bottom: 5vh;
}
.book_survey_container .background_color_section,
.survey_form{
  padding: 1vw 1vw 1vw;
  position: absolute;
  top: 0;
  width: 100%;
  max-height: 472px;
  min-height: 472px;
  margin: auto;
}

.book_survey_container .background_color_section {
  background: #07524d;
  border-radius: 1vw;
  opacity: 0.9;
  height: auto;
  right: 100%;
  transition: 0.5s;
  max-height: 60vh;
}
.survey_form {
  display: none;
  margin: auto;
}
.survey_form .form-group {
  margin-bottom: 2.5vw;
}
.survey_form .select_property button {
  width: 100%;
  border: 0.1vw solid #fff;
  border-radius: 10px;
}
.survey_form .select_property .guest_btn_active,
.survey_form .select_property .hotel_btn_active {
  border: 0.1vw solid #fff;
  background: #fff;
}
.survey_form .form-group.select_property .guest_btn_active .title,
.survey_form .form-group.select_property .hotel_btn_active .title {
  color: #07524d;
}
.survey_form .select_property .guest_btn_active .guest svg,
.survey_form .select_property .hotel_btn_active .hotel svg {
  fill: #07524d;
}

.survey_form .select_property button:focus {
  outline: none;
}
.survey_form .form-group.select_property {
  margin: 0 auto 2vw;
}
.survey_form .form-group.select_property .title {
  margin: auto;
  justify-content: center;
}
.survey_form .form-group.select_property .title {
  color: #fff;
  font-size: 0.9vw;
}
.survey_form .select_property .radio_btn {
  margin: auto;
  cursor: pointer;
  justify-content: flex-end;
}
.survey_form .select_property .image {
  padding-bottom: 1vw;
  justify-content: center;
}
.survey_form .select_property .image {
  width: 100%;
}
.survey_form .select_property button {
  margin: auto;
  justify-content: center;
  padding: 0.5vw 1vw;
}
.survey_form .select_property button:focus,
.cross_btn button:focus {
  box-shadow: none;
}
.survey_form form {
  width: 100%;
}
.cross_btn {
  position: absolute;
  top: 0.9vw;
  right: 2.5vw;
}
.cross_btn button {
  position: relative;
  width: 2vw;
  z-index: 1;
}
.cross_btn button svg {
  position: absolute;
  top: 0;
  width: 100%;
  height: auto;
  display: none;
  border: 0.1vw solid #07524d;
  border-radius: 50%;
}
.cross_btn button svg:hover {
  border: 0.1vw solid #fff;
  border-radius: 50%;
}
.cross_btn button svg ellipse, 
.cross_btn button svg:hover g {
  fill: #fff;
}
.cross_btn button svg:hover ellipse,
.cross_btn button svg g{
  fill: #07524d;
}

.cross_btn button i {
  color: #fff;
  font-size: 1.5vw;
}
.survey_form_row_one {
  padding: 1vw 0;
}
.survey_form label {
  color: #fff;
  font-size: 1vw;
  text-transform: capitalize;
  font-weight: 400;
}
.survey_form select.form-select {
  width: 100%;
  margin: auto;
  height: calc(1.5em + 0.75rem + 2px);
  border: none;
  border-bottom: 0.1vw solid #fff;
  background: transparent;
  font-size: 1vw;
  color: #fff;
  font-weight: 500;
  border-radius: 0;
}
span.select2.select2-container.select2-container--default,
span.select2.select2-container.select2-container--default.select2-container--above.select2-container--focus,
span.select2.select2-container.select2-container--default.select2-container--focus,
span.select2.select2-container.select2-container--default.select2-container--below  {
  width: 100% !important;
}
.survey_form .select2-container--default .select2-selection--single {
  background-color: transparent;
  border: none;
  border-bottom: 0.1vw solid #fff;
  border-radius: 0px;
  color: #fff;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  top: 10px !important;
  height: 45px;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: #fff transparent transparent transparent !important;
  border-width: 5px 4px 0px 4px !important;
}
.survey_form .select2-container .select2-selection--single {
  height: 43px;
}
.survey_form .select2-container .select2-selection--single:focus-visible {
  outline: none;
}
.survey_form .select2-dropdown {
  width: 19.1vw;
}
.survey_form
  .select2-container--default
  .select2-search--dropdown
  .select2-search__field {
  border: 0.1vw solid #07524d;
}
.select2-container--default
  .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #e89b94 !important;
  text-transform: capitalize;
}
span.select2-container.select2-container--default.select2-container--open {
  width: 100% !important;
  margin-top: 5px;
}


.select2-container--default
  .select2-search--dropdown
  .select2-search__field:focus-visible,
  .survey_form select.form-select {
  outline: none !important;
}
.select2-container--default .select2-results__option--selected {
  background-color: #fff !important;
}
.select2-container--default.select2-container--open
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: transparent transparent #fff transparent;
}
select.row.form-select option {
  background: #07524d -webkit-linear-gradient(bottom, #07524d 0%, #07524d 100%);
  border: 0.1vw solid #fff;
  color: #fff;
}

.survey_form input {
  border: none;
  border-bottom: 0.1vw solid #fff;
  background: transparent;
  font-size: 1.2vw;
  color: #fff;
  font-weight: 500;
  border-radius: 0;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.survey_form .form-control:focus {
  background: transparent;
  color: #fff;
  box-shadow: none;
  border-bottom: 0.1vw solid #fff;
}

.hotel svg,
.guest svg {
  fill: #fff;
  z-index: 999999;
  width: 30px;
  height: 30px;
}

.hotel .hotelsvg svg,
.guest .guestsvg svg {
  fill: #07524d;
}
/******* radio button form start *******/
.survey_form .option {
  height: 100%;
  width: 100%;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
}
.survey_form .option .dot {
  background: #d9d9d9;
  border-radius: 50%;
  opacity: 0;
}
.survey_form .option .dot::before {
  position: absolute;
  content: "";
  top: 4px;
  left: 4px;
  width: 12px;
  height: 12px;
  background: #0069d9;
  opacity: 0;
  transition: all 0.3s ease;
}
.survey_form input[type="radio"] {
  cursor: pointer;
}
.survey_form #option-1:checked:checked ~ .option-1,
#option-2:checked:checked ~ .option-2 {
  fill: #e89b94;
}
.survey_form #option-1:checked:checked ~ .option-1 .dot,
#option-2:checked:checked ~ .option-2 .dot {
  background: #fff;
  border: 0.1vw solid #fff;
  padding: 0.5vw 1.5vw;
  opacity: 0;
  display: none;
}
.survey_form #option-1:checked:checked ~ .option-1 .dot::before,
#option-2:checked:checked ~ .option-2 .dot::before {
  opacity: 0;
}
.survey_form .option span {
  color: #fff;
  font-size: 1.2vw;
  font-weight: 500;
}
.survey_form #option-1:checked:checked ~ .option-1 span,
#option-2:checked:checked ~ .option-2 span {
  color: #fff;
}
.request_demo_btn {
  margin: auto;
  justify-content: flex-end;
  padding-top: 2.35vw;
}
.register_btn button {
  color: #00524e;
  padding: 0.5vw 1.95vw;
  font-weight: 500;
  background: #fff;
  font-size: 0.8vw;
  border-radius: 50vw;
  border: 0.16vw solid #fff;
}
.register_btn button:focus {
  box-shadow: none;
}
.register_btn button:hover {
  color: #fff;
  background: #07524d;
  border: 0.16vw solid #fff;
}
.select_property_type {
  margin: auto;
  padding: 0.375rem 0.75rem;
  padding-bottom: 2vw;
}
.select_property_type h3 {
  font-size: 1vw;
  font-weight: 400;
  color: #fff;
}
.calendar_selection_start,
.calendar_selection_end {
  background: #346e1d;
  color: white;
  border-radius: 50% 0% 0% 50%;
}

.responsive_dropDown_mobile,
.flatpickr-prev-month,
.flatpickr-next-month {
  display: none;
}
.form-apply-coupon {
  padding: 4px;
}
.checkout_jazz_account_num {
  border-radius: 30px !important;
  border: 1px solid #c4c4c4 !important;
}
/* flat picker css */
.contained {
  width: 100% !important;
  display: flex;
  flex-direction: column;
}

.flatpickr-calendar.inline {
  max-height: unset !important;
  width: 100% !important;
}
.flatpickr-innerContainer {
  justify-content: center;
  padding: 0 10px;
}

.flatpickr-day {
  font-size: 14px;
  width: 100% !important;
  height: 100% !important;
  padding: 9px 20px;
  font-weight: 600;
  max-width: unset !important;
}
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  border-color: #eaead6 !important;
}
.flatpickr-day.inRange {
  background: rgb(247, 247, 247);
  border-color: rgb(247, 247, 247);
  box-shadow: -5px 0 0 #eaead6, 5px 0 0 #eaead6 !important;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n + 1)) {
  box-shadow: -0px 0 0 #fff;
  box-shadow: none;
}
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange,
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  user-select: none !important;
}
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected {
  -webkit-text-size-adjust: 100%;
  font-family: Circular, -apple-system, BlinkMacSystemFont, Roboto,
    Helvetica Neue, sans-serif;
  line-height: 1.43;
  -webkit-font-smoothing: antialiased;
  line-break: strict;
  user-select: none !important;
  border-collapse: separate !important;
  border-spacing: 0px 2px;
  cursor: pointer !important;
  font-size: 14px !important;
  text-align: center !important;
  box-sizing: border-box;
  -webkit-box-direction: normal !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-pack: center !important;
  -webkit-box-align: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-direction: column !important;
  background: #07524d !important;
  color: rgb(255, 255, 255) !important;
  border: 1.5px solid #07524d !important;
  position: relative !important;
  z-index: 1 !important;
}
.flatpickr-month {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.flatpickr-current-month {
  position: static;
  font-size: 15px !important;
}
.dayContainer {
  margin: 18px 0;
}
.flatpickr-calendar.arrowTop:after,
.flatpickr-calendar.arrowTop::before {
  border-bottom-color: transparent !important;
}
.dayContainer,
.flatpickr-weekdaycontainer {
  width: 100% !important;
  max-width: unset !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 100% !important;
}
flatpickr-day .flatpickr-weekdays {
  top: 0;
  left: 0;
  background-color: white;
  width: 100%;
  height: auto;
  padding: 5px 0;
  z-index: 10;
}
.flatpickr-rContainer {
  left: 0;
  width: 100%;
}
span.flatpickr-weekday {
  font-size: 4vw;
}
.flatpickr-current-month {
  font-size: 4vw;
  height: auto;
  padding: 2vw 0;
}
.flatpickr-day,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected {
  font-size: 4vw !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  line-height: 0;
  border-radius: 50%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 50%;
}
.flatpickr-day {
  width: 100%;
  height: 140px;
  color: #07524d !important;
  line-height: 46px !important;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n + 1)) {
  box-shadow: none !important;
}
.flatpickr-disabled {
  color: #eaead6 !important;
}
.flatpickr-day.inRange {
  background-color: #eaead6 !important;
}
.flatpickr-current-month {
  color: #07524d !important;
}
.flatpickr-weekdaycontainer span {
  color: #07524d !important;
  background-color: #fff !important;
}
.flatpickr-day.today {
  border-color: #959ea9 !important;
  border: 1px solid #07524d !important;
}
.flatpickr-days.contained {
  overflow-y: scroll;
  padding: 2% 0 0;
}
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange,
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  user-select: none !important; /* standerd */
  -moz-user-select: none !important; /* firefox specific */
  -webkit-user-select: none !important; /* Chrome, Opera and Safari*/
  -ms-user-select: none !important; /* IE, ms-edge */
  -webkit-tap-highlight-color: transparent;
}
.flatpickr-day.selected {
  -webkit-tap-highlight-color: transparent;
}
.flatpickr-day {
  -webkit-tap-highlight-color: transparent;
}
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: transparent;
  border-color: transparent;
}
.flatpickr-day,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected {
  font-size: 15px;
  padding: 0;
  line-height: 39px;
}
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected {
  border-spacing: 0px;
}
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected {
  border: 1px solid transparent !important;
}
.thanku_jazz_inner_input::placeholder {
  font-size: 0.8vw;
}
#clear_applay_coupan_input {
  border: none;
  background: none;
  font-size: 15px;
  color: #dfdfdf;
  cursor: pointer;
  color: #c55a79 !important;
}
.check-in-discount,
.singup_linker_show_pass {
  display: flex;
  align-items: center;
}
.form-redio-btns {
  user-select: none;
}
/* singup linker css */
.singup_card_linker {
  height: fit-content;
  background-image: url("../assets/images/PNG/singup_linker.png");
  background-size: 100% 100%;
  padding: 0;
  border-radius: 30px;
  box-shadow: 1px 2px 15px 0px black;
  z-index: 20;
}
.singup_linker_bg {
  z-index: 10;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100vh;
  max-height: 100vh;
  background: rgba(0, 0, 0, 0.3);
  display: none;
  justify-content: center;
  align-items: center;
}
.singup_linker_bg .container form,
.singup_linker_inner_section .singup_linker_lokal_title,
.singup_linker_close_btn {
  display: flex;
  justify-content: center;
  align-items: center;
}

.singup_linker_green_overly {
  height: 100%;
  background-color: rgb(6 52 46 / 80%);
  padding: 0;
  border-radius: 30px;
  display: flex;
  justify-content: center;
}
.singup_linker_close_btn {
  position: absolute;
  right: 3%;
  top: 3%;
  width: 25px;
  height: 25px;
  background-color: #b193b9;
  border-radius: 50%;
  cursor: pointer;
}
.singup_linker_close_btn i {
  color: white;
  font-weight: 400;
}
.singup_linker_inner_section {
  margin: 25px 0;
}
.singup_linker_inner_section .singup_linker_lokal_title {
  margin-bottom: 18px;
}
.singup_linker_inner_section .singup_linker_lokal_title img {
  width: 40%;
  position: relative;
}
.singup_linker_offer_details {
  text-align: center;
  margin-bottom: 10px;
}
.singup_linker_offer_details span {
  color: white;
  font-weight: 600;
  font-size: 22px;
}
.singup_linker_eye {
  position: absolute;
  right: 0;
}

.singup_linker_show_pass .singup_linker_password_inp {
  width: 100%;
}
.singup_linker_inputs {
  width: 70%;
  justify-content: center;
  margin: auto;
}
.singup_linker_inputs div input {
  text-align: left !important;
  color: #07524d !important;
  font-weight: 500;
  border-radius: 30px;
  outline: none;
}
.singup_linker_inputs div input::placeholder {
  text-align: center;
  color: #07524da1;
  font-weight: 400;
}
.singup_linker_inputs div input:-webkit-autofill,
.singup_linker_inputs div input:-webkit-autofill:hover,
.singup_linker_inputs div input:-webkit-autofill:focus,
.singup_linker_inputs div input:-webkit-autofill:active {
  -webkit-text-fill-color: #07524d;
}
.singup_linker_trems_agree {
  width: 60%;
  margin: auto;
  color: lightgray;
  font-size: 12px;
  text-align: center;
  font-weight: 600;
  margin-bottom: 10px;
}
.submit_singup_linker {
  width: 77%;
  margin: auto;
}
.submit_singup_linker input {
  width: 100%;
  border: none;
  background-color: #e4978f;
  border-radius: 30px;
  font-weight: 600;
  font-size: 20px;
  color: white;
  text-transform: uppercase;
  padding: 5px 0;
}
.submit_singup_linker input:focus {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.category_tag_name {
  position: absolute;
  z-index: 1;
  top: 4px;
  left: 23px;
  user-select: none;
}
.category_tag_name .executive_Room {
  background-color: #00524e;
  color: white;
  border: 1px solid white;
  font-size: 10px;
  user-select: none;
}
.category_tag_name .suites_Room {
  background-color: #e8e1ce;
  color: #c65a79;
  border: 1px solid #c65a79;
  font-size: 10px;
  user-select: none;
}
.cat_Icon_img {
  width: 30px;
  margin-left: 3px;
}
.hotel-footer {
  position: relative !important;
}
#cancel_coupon {
  cursor: pointer;
}
.open_voucher_list {
  display: block !important;
}
#dyn_coupon {
  display: none;
  flex-direction: row;
  flex-wrap: wrap;
}
.voucher_info_section {
  display: none;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
}
.voucher_info_section p {
  color: #c55a79 !important;
}

*:focus {
  outline: none;
}

.loader_main {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10000000000;
}
.loader_inner_circle {
  width: 6vw;
  height: 6vw;
  border-radius: 50%;
  background: #c65a79;
  animation: lodercircle 2s ease-in-out infinite;
}

@keyframes lodercircle {
  0% {
    width: 6vw;
    height: 6vw;
  }
  15% {
    width: 5vw;
    height: 5vw;
  }
  30% {
    width: 6vw;
    height: 6vw;
  }
  45% {
    width: 5vw;
    height: 5vw;
  }
  60% {
    width: 6vw;
    height: 6vw;
  }
  75% {
    width: 5.5vw;
    height: 5.5vw;
  }
  100% {
    width: 6vw;
    height: 6vw;
  }
}
.loader_main img {
  position: absolute;
  width: 15%;
  animation: circlerotate 3.5s ease-in-out infinite;
}

@keyframes circlerotate {
  0% {
    transform: rotate(0deg);
  }

  25% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.checkout_jazz_account_num,
.checkout_applay_coupan {
  color: #07524d !important;
  font-weight: 500;
}
.unavalible_search {
  font-size: 0.8vw !important;
  color: #c35a79;
}

/* increase_decrease_options css */
.increase_decrease_options .row {
  align-items: center;
  justify-content: space-evenly;
}
.increase,
.decrease {
  display: flex;
  justify-content: center;
  align-items: center;
}

.remember_me_title {
  font-size: 0.9vw;
  color: #07524d;
  font-weight: 500;
  cursor: pointer;
}
.forget_pass_tilte {
  text-transform: capitalize;
  font-size: 0.65vw !important;
  font-weight: 500;
  color: #c65a79 !important;
  cursor: pointer;
}
.search_total_pkr_maincard {
  font-size: 16px !important;
}

.voucher_checkout,
.checkin-singin,
.redio-btn-heading {
  font-size: 12px;
  margin-bottom: 8px;
  font-weight: 400;
  color: #07524d;
}
.check-city-img-conten {
  display: flex !important;
  justify-content: center !important;
}
.resposinve_height {
  padding: 0;
}

.survey_form_right_col {
  padding: 0;
  align-self: center;
}
.survey_form {
  padding: 10px 82px 0;
}
.selection-color-change {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: white;
}

.selectedDot {
  background: #07524d;
}
.select2-container--open .select2-dropdown {
  border-radius: 15px !important;
  overflow: hidden;
}
.select2-search__field {
  border-radius: 30px;
  margin-top: 5px;
  padding-left: 10px;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  padding-left: 10px;

}

.book_a_tour_container .select2-search__field{
  border-radius: 0 !important;
}

.social_icons ul li i.fa.fa-instagram,
.social_icons ul li i.fa.fa-linkedin-square,
.social_icons ul li i.fa.fa-facebook-square {
  font-size: 20px;
}

.login_social_icons ul li.google img {
  width: 2vw;
}

.login_social_icons ul li i {
  font-size: 1.8vw;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  font-size: 1.2vw;
}
.detail {
  width: 396px;
  margin: auto;
}

.detail p {
  width: 100%;
  position: relative;
}

.start_search button {
  padding: 0px 26px;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sticky-top .start_search {
  display: flex;
  position: relative;
  top: 0;
}
.search_btn_contains {
  width: 100%;
}

.start_search button {
  font-size: 16px;
}

.my-custom-scroll::-webkit-scrollbar {
  width: 10px;
}

.my-custom-scroll::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.my-custom-scroll::-webkit-scrollbar-thumb,
.my-custom-scroll::-webkit-scrollbar-thumb {
  background-color: #e89b94;
  border-radius: 30px;
}

.checkout_jazz_account_num:-webkit-autofill,
.checkout_jazz_account_num:-webkit-autofill:hover,
.checkout_jazz_account_num:-webkit-autofill:focus,
.checkout_jazz_account_num:-webkit-autofill:active {
  color: #00524e !important;
  -webkit-text-fill-color: #00524e !important;
}

.log_in_main_row {
  align-items: center;
  margin: 0;
  justify-content: flex-end;
  width: 100%;
}

.stick_header_captain {
  margin-right: 1.5vw;
}

.grecaptcha-badge {
  visibility: hidden;
}

.user_icon {
  margin-left: 0px;
}
.login_widget .field-icon {
  float: right;
  position: absolute;
  top: 4px;
  cursor: pointer;
  right: 0;
  font-size: 1.2vw;
  background: white !important
}
.flag_font_size {
  font-size: 1.1vw;
}
.login-options-in-card {
  margin: 0;
  font-size: 1vw;
}

.remember_forgot {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.rooms-list {
  display: flex;
  align-items: center;
  justify-content: space-around !important;
}

.personal_info,
.dashboard,
.sidebar .row.widget_gap.payment,
.refer,
.bookings,
.sidebar .row.widget_gap.history,
.notificationss,
.help {
  border-radius: 2vw !important;
}

.sidebar .history .widget,
.collect_information #showdropdown .image{
  display: flex;
  justify-content: center;
  align-items: center;
}
.sidebar .history .widget {
  
  width: 100%;
  
}
.sidebar .icons,
.sidebar .widget_title,
.sidebar .history .icons {
  padding: 0;
}

.collect_information #showdropdown .image {
  padding: 0.6vw;
}

.collect_information .dropdown ul li img {
  width: 80%;
  height: 80%;
}

.rooms_dropdown ul li .title {
  align-self: center;
  padding: 0;
}
.collect_info_top,.collect_info_top_rest{
  position: relative;
  top: 0;
  padding: 0;
}
.collect_info_top,
.sticky-top .start_search {
  display: none;
}
.collect_info_top_rest {
  display: flex;
}

.room-btn-top,
.check-btn-top {
  padding: 0.9vw 0 !important;
}

.down-top {
  padding: 0.9vw 1.3vw !important;
}

.coming_soon_dropdown_top {
  width: 94.5%;
  margin-top: 0.3vw;
  height: fit-content;
  padding: 15px 1vw;
}
.top_rooms_dropdown{
  position: absolute;
  top: 100%;
}

.rooms_dropdown_top {
  margin-top: 0 ;
  /* top: 2.5vw; */
  /* left: 37.8vw; */
  /* width: 14.5vw; */
}
.collect_information #showdropdown_top .image {
  padding: 0.6vw;
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: center;
}

/******* /media query for laptop *******/
body.modal-open {
  padding: 0 !important;
  overflow: auto;
}
/***** phone icon modal starts ******/

.phone_icon_modal .modal.show {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  padding: 0 !important;
}
.phone_icon_modal .modal-content {
  border-radius: 2vw;
  background: #07524d;
  height: 100%;
}
.phone_icon_modal .modal-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.phone_icon_modal .cross_btn.cross_phone_icon_modal {
  position: relative;
  top: 0;
  right: 0;
}
.phone_icon_modal .cross_btn.cross_phone_icon_modal button {
  position: absolute;
  right: 0.5vw;
  top: -6vw;
}
.phone_icon_modal h2 {
  text-align: center;
  font-size: 1.5vw;
  font-weight: 500;
  color: #fff;
  margin: 0;
  padding-bottom: 1vw;
}

.phone_icon_modal p ,
.survey_thankyou_modal{
  text-align: center;
  font-weight: 400;
  color: #fff;
  margin: 0;
}

.phone_icon_modal p {
  font-size: 3vw;
}

.survey_thankyou_modal p {
  font-size: 1.5vw;
}
.phone_icon_modal .modal.show .modal-dialog {
  width: 30vw;
  height: 21vw;
}
/***** phone icon modal ends ******/

/******** book survey form modal start ********/
.survey_thankyou_modal .modal.show {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  padding: 0;
}
.survey_thankyou_modal .modal.show .modal-dialog {
  max-width: 30vw;
  height: 21vw;
}
.survey_thankyou_modal .modal-header {
  border: none;
}
.survey_thankyou_modal h2 {
  text-align: center;
  font-size: 3vw;
  font-weight: 500;
  color: #fff;
  margin: 0;
  padding-bottom: 2vw;
}

.survey_thankyou_modal .modal-content {
  border-radius: 2vw;
  background: #07524d;
  height: 100%;
}
.survey_thankyou_modal .cross_btn.cross_modal {
  position: absolute;
  top: 0.7vw;
  right: 2.2vw;
}
.survey_thankyou_modal .cross_btn.cross_modal button svg {
  width: 2vw;
}
.survey_thankyou_modal .modal-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.select2-results__options::-webkit-scrollbar {
  width: 5px;
}
.select2-results__options::-webkit-scrollbar-track {
  background: transparent;
}

.select2-results__options::-webkit-scrollbar-thumb {
  background-color: #e89b94;
}

.select2-results__options::-webkit-scrollbar-thumb {
  border-radius: 30px;
}
.survey_form_row_one input:-webkit-autofill,
.survey_form_row_one input:-webkit-autofill:hover,
.survey_form_row_one input:-webkit-autofill:focus,
.survey_form_row_one input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #07524d inset !important;
  -webkit-text-fill-color: white;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #ffffff inset !important;
}
.check-in {
  height: 90vh;
}
.row.check-in {
  padding: 0;
  margin: 0;
}
.check-in-right.content-checkin {
  height: 100%;
}
.checkin-bg-img {
  background-image: url(../assets/images/checkout_left_img.png);
  background-size: 100% 100%;
  padding: 0;
  background-repeat: no-repeat;
}

.check-in-overly {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.form-inputs input::placeholder,
.form-apply-coupon input::placeholder {
  text-align: left !important;
  font-size: 1vw;
  color: #07524da1;
}

.ty_jazz_margin,
.form-apply-coupon input {
  margin-bottom: 0 !important;
}

.form-inputs input {
  width: 100%;
  border-radius: 30px;
  border: 1px solid #c4c4c4;
  padding: 10px 20px;
  font-size: 1vw;
  font-weight: 500;
  color: #07524d;
}

.form-apply-coupon {
  border-radius: 30px;
  border: 1px solid #c4c4c4;
}
.checkin-apply-coupan-btn {
  width: 22% !important;
  height: 25px !important;
}
.form-inputs input,
.form-redio-btns .form-redio-divs {
  margin-bottom: 1vw;
}

.form-redio-btns {
  display: flex;
  justify-content: space-evenly;
}

.check-in-rent-total,
.check-in-pst-total,
.check-in-total,
.check-in-discount {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}

.check-in-right {
  width: 100%;
  height: 100%;
  background: white;
  display: flex;
}

.form-total p {
  margin: 0;
  font-weight: bold;
  font-size: 1vw;
  color: #07524d;
}
.pst-rent-total {
  border-bottom-style: dotted;
  border-width: thin;
  margin-top: 1vw;
}

.check-in-pst-total {
  margin-bottom: 0.8vw;
}

.check-in-total {
  margin-top: 0.8vw;
  margin-bottom: 0.8vw;
}

.checkin-book-now-btn {
  width: 100%;
  border-radius: 30px;
  border: 1px solid #c65a79;
  background-color: #c65a79;
  color: white;
  font-size: 1vw;
  padding: 8px 0;
  position: relative !important;
}
.checkin-apply-coupan-btn {
  padding: 15px 0 !important;
}

.check-in-city {
  background: white;
  width: 22vw;
  border-radius: 3vw;
  padding: 0.5vw 0;
  align-items: center;
}

.check-city-img-conten img {
  width: 80%;
  position: relative;
}
.check-city-img-conten {
  padding: 0;
  height: 100%;
  position: relative;
  display: flex;
  justify-content: center;
}

.check-in-location {
  margin: 0;
  font-size: 1vw;
  color: #07524d;
  font-weight: bolder;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 24ch;
}

.check-in-city-name {
  margin: 0;
  font-size: 0.8vw;
  color: #07524d;
  font-weight: bolder;
}
.check-city-info {
  font-weight: 200;
}

.check-info {
  background: white;
  width: 22vw;
  height: auto;
  padding: 10px;
}

.check-in-date,
.check-in-number-person,
.check-in-number-room,
.check-in-price {
  display: flex;
  align-items: center;
  border: 1px solid #c4c4c4;
  border-radius: 5vw;
  font-size: 1.2vw;
  margin-bottom: 0.5vw;
  padding: 0.5vw 0;
}

.check-in-right-content::-webkit-scrollbar {
  width: 0;
}

.check-in-price {
  height: 9vw;
  padding: 0.6vw;
}
p,
.check-in-city,
.check-info{
  margin: 0;
}

.check-info {
  border-radius: 3vw;
}

.check-in-city {
  margin-bottom: 2vw;
}

.circle-price {
  background: #07524d;
}

.check-in-price-text {
  height: 102%;
  background: white;
  margin-left: -3.8vw;
  z-index: 1;
  display: flex;
  align-items: center;
  width: 70%;
  padding: 10px;
  color: #07524d;
}

.circle-price {
  height: 100%;
  border-radius: 50%;
}

.check-price-fix {
  font-size: 1.8vw;
  font-weight: bold;
  color: #07524d;
}

.check-price-night {
  font-size: 0.9vw;
  color: #07524d;
}

.check-in-date-text,
.check-in-persone-text,
.check-in-room-text {
  font-size: 1vw;
  color: #07524d;
}

.form-redio-divs object {
  width: 60%;
  height: 60%;
}

.active-redio {
  background: white !important;
}

.check-city-info {
  padding-left: 0px;
}
.check-in-price-text {
  padding-left: 10px;
}

.check-in-text,
.check-in-person-text,
.check-in-number-room-text {
  padding-left: 7px;
}

.check-in-right-content {
  width: 36vw;
  margin: auto;
  overflow-y: scroll;
  height: fit-content;
  max-height: 90vh;
  padding: 10px 0;
}

.check-in-building {
  width: 40%;
  padding-top: 15px;
}
.check-in-credit-card {
  width: 50%;
  padding-top: 18px;
}
.check-in-wallet {
  width: 44%;
  padding-top: 18px;
}

.form-apply-coupon {
  display: flex;
  position: relative;
  margin-bottom: 12px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.form-apply-coupon p {
  font-size: 1vw;
  margin-top: 0.5vw;
  margin-left: 10px;
}

.checkin-singin {
  font-weight: bold !important;
  color: #07524d !important;
  font-size: 1vw !important;
  cursor: pointer !important;
}
.checkin-singin:hover {
  text-decoration: none;
  color: #07524d;
}
.check-in-discount p {
  color: #c55a79;
}

.voucher_dropdown {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  font-size: 12px;
  padding-right: 1vw;
  cursor: pointer;
}

.inner-svg-text-disable,
.inner-svg-text{
  width: 90px;
  height: 90px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.inner-svg-text {
  cursor: pointer;
}
.Debit-Card {
  border: 3px solid #82dece;
  border-radius: 50%;
  background: #82dece;
}

.Pay-at-property {
  border: 3px solid #b29abc;
  border-radius: 50%;
  background: #b29abc;
}

.Pay-at-property-disable {
  border: 3px solid rgba(236, 240, 241, 12);
  border-radius: 50%;
  background: rgba(236, 240, 241, 12) !important;
}

.wallet {
  border: 3px solid #e8e1ce;
  border-radius: 50%;
  background: #e8e1ce;
}

.form-redio-btns {
  text-align: center;
}

.form-redio-btns p {
  font-size: 10px;
  font-weight: bold;
  color: #07524d;
}

.redio-btn-heading {
  margin-top: 10px;
  color: #07524d;
}

.inner-svg-text img,
.inner-svg-text-disable img {
  width: 60%;
}

/* thank you  page css */
.booking-bg {
  background-image: url(../assets/images/checkout_left_img.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.booking-heading {
  color: white;
  font-size: 18px; 
  margin: 0 0 7px 5px;
}
.booking-overley,
.thanku-heading {
  padding: 1vw 2vw;
}

.thanku-heading h1 {
  color: #07524d;
  font-size: 1.9vw;
  font-weight: bold;
  margin: 0;
}

.booking-card {
  width: 27vw;
  max-width: 27vw;
  border-radius: 3vw;
  margin: 2px;
  background: white;
  display: flex;
  align-items: center;
}

.booking-card-conten {
  display: flex;
}

#apply_jazzcash {
  position: absolute;
  width: 25%;
  right: 3%;
  padding: 0.5vw 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.booking-img {
  position: relative;
  width: 25%;
  padding: 0;
}
.booking-img img {
  position: relative;
  width: 100%;
}

.booking-description {
  padding: 0px 6px;
}

.booking-card {
  padding: 5px 8px;
}
.booking-card .booking-description p {
  font-size: 1.2vw ;
  color: #07524d;
  font-weight: 400;
}
.booking-city-p {
  font-size: 0.9vw !important;
}

.total_card {
  background: white;
  border-radius: 3vw;
  height: 100%;
  padding: 0.5vw 1.5vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.room_night_rate,
.room_tex,
.room_total_price,
.room_discounts,
.coupon_info {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.5vw;
}

.room_night_rate {
  margin-top: 0.5vw;
}

.room_night_rate p,
.room_tex p,
.room_total_price p,
.room_discounts p,
.coupon_info p {
  font-size: 1.2vw;
  font-weight: bold;
  color: #07524d;
}

.room_discounts p,
.coupon_info p {
  color: #c55a79 !important;
}

.room_tex {
  border-bottom: 1px dashed;
}
/* offers css */
.lokal_offers {
  padding: 0vw 2vw;
}

.pay_now_offer,
.express_check-inn_offer,
.share_stay_offer,
.Refer_offer {
  display: flex;
  border: 1px solid #c4c4c4;
  padding: 2vw 2vw;
  border-radius: 3vw;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 7vw;
  margin: 10px 0;
}

.pay_now_dynamic {
  display: block;
  height: auto;
}

.jazzcash_input {
  width: 100%;
  border: 1px solid #c4c4c4;
  border-radius: 5vw;
  padding: 0.8vw 1vw;
  font-size: 1.2vw;
}

.Refer_offer {
  background: #b29abc;
}

.Refer_offer p {
  color: #fff;
  font-size: 1.2vw;
  font-weight: 500;
}

.pay_now_offer p,
.express_check-inn_offer p,
.share_stay_offer p {
  color: #07524d;
  font-size: 1.2vw;
}

.pay_now_offer #cont_paynow_btn,
.Refer_offer a button {
  background: #c55a79;
  border: 1px solid #c55a79;
  color: white;
  padding: 5px 25px;
  font-size: 1.2vw;
  border-radius: 3vw;
}
.pay_now_offer #cont_paynow_btn:hover,
.Refer_offer a button:hover {
  background: white;
  color: #c55a79;
}
.express_check-inn_offer a button,
.share_stay_offer a button {
  background: #07524d;
  border: 1px solid #07524d;
  color: white;
  padding: 5px 4px;
  font-size: 1.2vw;
  border-radius: 3vw;
}
.express_check-inn_offer a button:hover,
.share_stay_offer a button:hover {
  background: white;
  color: #07524d;
}

.pay_now_offer_text,
.express_check-inn_offer_text,
.share_stay_offer_text {
  width: 70%;
}
button.slick-prev.slick-arrow {
  z-index: 2;
}

.detail_thanku {
  justify-content: center;
  margin-bottom: 2vh;
  margin: auto;
}
.detail_thanku p {
  color: #07524d;
  font-weight: 500;
  width: 21.8vw;
  text-shadow: 0.01vw 0.01vw #07524d;
  text-align: center;
  line-height: 1.2;
  font-size: 1vw;
}

.slider_testimonial_thanku .slick-arrow {
  right: 3% !important;
}

.slider_sec_thanku {
  border-radius: 3vw;
  margin-bottom: 0;
  height: 100%;
  padding-bottom: 0;
}

.slider_title_thanku,
.comment_slider_thanku {
  margin: auto;
}

.slider_title_thanku h2 {
  margin: 0;
}

.comment_slider_thanku ul li .image {
  padding: 5px;
}

.comment_slider_thanku ul li .image img {
  width: 70%;
  height: 100%;
}

.explore_city {
  font-size: 1.5vw;
  color: #07524d;
  margin-top: 10px;
}

.comment_slider_thanku ul li {
  border-radius: 50px;
  cursor: pointer;
  text-transform: capitalize;
  width: 100%;
  text-align: left;
  margin-bottom: 1.5vh;
  border: 0.1vw solid #eaeaea;
}

.comment_slider_thanku ul li:hover {
  background: #eaeaea;
}

.mobile_footer_logo,
.mobile_size_on,
.checkin_date_responsive,
.close_mobile_login,
.select_persons_responsive,
.resposnive_texts,
.book_now_details,
.book_now_responsive,
.responsive_header,
.responsive_survay_form,
.mobile_captain,
.click_resposnive_details_thanku,
.ty_details_info,
.survay_form_city_dropdown{
  display: none;
}

.mobile_size_off {
  display: block;
}

input {
  -webkit-appearance: none;
}

#wrapper {
  padding-bottom: 0 !important;
}

.stick_header_captain2,.thanku-heading {
  display: block;
}
.content {
  margin-top: 70px !important;
}
.section-inner {
  padding-top: 1px !important ;
}

.resposinve_height,
.thank_main_container {
  margin-top: 70px;
}

.city {
  padding: 0;
  display: inline-block;
    width: 90%;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    max-width: 90%;
}
button {
  font-family: "Poppins" !important;
}

#applycoupan {
  right: 0.6% !important;
}
.survay_form_city_dropdown {
  overflow-y: scroll;
  height: fit-content;
  max-height: 122px;
  position: absolute;
  width: 100%;
  background: white;
  padding: 0;
}
.survay_form_city_dropdown li {
  list-style: none;
  padding: 0vw 1vw;
}
.survay_form_city_dropdown li:hover {
  background: #e89b94;
  color: white;
}
.survay_form_city_dropdown::-webkit-scrollbar {
  width: 5px;
}
.survay_form_city_dropdown::-webkit-scrollbar-track {
  background: transparent;
}

.survay_form_city_dropdown::-webkit-scrollbar-thumb {
  background-color: #e89b94;
}

.survay_form_city_dropdown::-webkit-scrollbar-thumb {
  border-radius: 30px;
}

.City_survayForm {
  width: 100%;
}

.thanku_jazz_inner_button {
  right: 1% !important;
}

.thanku_jazz_inner_input {
  font-size: 1vw;
  font-family: "Poppins" !important;
  color: #2c3e50;
}

.checkin_inputs input:-webkit-autofill {
  -webkit-text-fill-color: #07524d;
}
/* booking for section css */

/* booking for self */
.booking_redio_div_me,
.booking_redio_div_other {
  width: 18px;
  height: 18px;
  position: absolute;
  border: 1px solid #00524e;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* booking for other */
.booking_redio_div_inner::before {
  content: "";
  width: 11px;
  height: 11px;
  background-color: #00524e;
  position: relative;
  border-radius: 50%;
}

#checkout_redio_booking_for_me,
#checkout_redio_booking_for_other {
  margin-right: 1vw;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.booking_redio_span {
  padding-left: 25px;
  font-size: 12px;
  color: #00524e;
}

.booking_for_radio_btns {
  display: flex;
}
.who_booking_for_p {
  font-size: 12px;
  margin: 10px 0;
  color: #00524e;
}

.booking-for-info {
  margin-bottom: 1vw;
  display: none;
}
.checkout_big_total {
  display: flex;
  align-items: center;
}
.checkout_total_big_number {
  width: 100%;
  max-width: 100%;
  min-width: 70%;
}

.checkout_apply_coupon_input {
  padding: 4px 2px 4px 10px !important;
}

.city_going{padding:1.8vw 1.8vw}
.city_going_img{padding:0}
.mob_first_date{
    height: 20vw;
    width: 100%;
    position: absolute;
    top: 7vw;
    opacity: 0;
}

.exp_city_slider > .slick-list > .slick-track > .slick-slide > div{
  display: flex;
  justify-content: center;
  align-items: center;
}

.banner_green_title{
  color:#00524e;
  font-size: 1.8vw;
  font-weight: 600;
}

.banner-title{
  display: grid;
    text-align: center;
}

.calendar_content{
  user-select: none;
}
.calendar_content2{
  user-select: none;
}

#sec_circles{
  margin-top:-7%
}

/* new checkout card section css */
.checkoutCardSection{
  width:88%;
  margin:0 auto;
  max-width: 1920px;
}

.checkout_card_capsules{
  width: 100%;
  max-width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.capsules_section{
  display: flex;
  align-items: flex-end;
}

.hotel-info-order-search{
display: grid;
}

.card_border_order_search{
  border: 1px solid var(--gray-3);
}

.total_card_order_search{
  height: fit-content;
  padding: 10px 23px;
  border-radius: 30px;
}

.capsules_section .check-info{
width: 100%;
}

.checkout_card_capsules .check-in-date,
.checkout_card_capsules .check-in-number-person,
.checkout_card_capsules .check-in-number-room{
  margin: 0 5px 0 0;
}
.checkout_card_capsules .check-in-number-room{
  margin-right: 0 !important;
}
@media only screen and (max-width: 768px){
  .checkoutCardSection {
    width: 95%;
  }
}

@media only screen and (max-width: 600px){

  .social_icons{
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    padding-bottom: 3%;
  }

  .checkoutCardSection {
    width: 97%;
  }

  .capsules_section .check-info{
    width: 100% !important;

    }

    .checkout_card_capsules{
      display: block;
    }

    .checkout_section_row{
      width: 100%;
      margin: auto;
      padding: 0 !important ;
    }

    .checkout_card_capsules .check-in-date,
    .checkout_card_capsules .check-in-number-person,
    .checkout_card_capsules .check-in-number-room{
      border: 1px solid var(--gray-3);
      margin: 8px 0;
    }

    .capsules_section .check-info{
      margin-top: 2vh !important;
      margin-bottom: 2vh !important;
    }
    .order__checkout{
      justify-content:space-between !important;
       width:100% !important
    }

    .total_card_order_search{
      border:none;
      padding: 10px 10px !important;
    }

}

.checkoutCardSection{
  display: none;
}

.Heading_checkout_card h1{
  color:#00524e
}

.viewDetailBtn{
  padding: 5px 11px !important;
  margin-bottom: 2px;
}

.viewDetailBtn a{
  color:white
}

.viewDetailBtn:hover a{
  color:white
}
/* new checkout card section css end */
button.slick-prev.slick-arrow.slick-disabled:before, button.slick-next.slick-arrow.slick-disabled:before{
  color: #a2a2a0 !important ;
}

.order__checkout{
  justify-content:space-between;
   width:80%
}

/******* All Media Query Blow*******/
@media only screen and (min-device-width: 580px) and (max-device-width: 767px) and (-webkit-min-device-pixel-ratio: 1) {
  .rooms_dropdown ul {
    left: 66vw;
    width: 19.5vw;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 991px) and (-webkit-min-device-pixel-ratio: 1) {
  .rooms_dropdown ul {
    left: 66vw;
    width: 19.5vw;
  }
  .calendar_weekdays div,
  .calendar_content div {
    height: 35px;
    line-height: 35px;
  }
}

@media only screen and (min-device-width: 992px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  .rooms_dropdown ul {
    /* left: 66.1vw; */
    width: 19.4vw;
  }
  .calendar_weekdays div,
  .calendar_content div {
    height: 31px;
    line-height: 31px;
  }
  .stick_header_captain .title2 h3 {
    margin: -0.3vw 0 0;
  }
  .stick_header_captain .title h3 {
    margin: -0.3vw 0 0;
  }
  .stick_header_captain .cap_option img {
    width: 25px;
  }
}

@media only screen and (min-device-width: 1025px) and (max-device-width: 1300px) {
  .rooms_dropdown ul {
    /* left: 66.1vw; */
    width: 19.4vw;
  }
}

@media only screen and (max-width: 1024px) {
  .singup_linker_offer_details span,
  .submit_singup_linker input {
    font-size: 2.2vw;
  }
  
  .singup_linker_trems_agree {
    font-size: 1.1vw;
    font-weight: 400;
  }

  .singup_linker_close_btn {
    width: 30px;
    height: 30px;
  }

  .singup_linker_close_btn i {
    color: white;
    font-weight: 400;
    font-size: 19px;
  }

  .icons_features .cap_option img {
    width: 30%;
  }
  .cap_option {
    z-index: -2;
    position: absolute;
    top: 20%;
    left: 10%;
    width: 100%;
  }
  @keyframes shown {
    100% {
      left: 95%;
      z-index: 0;
    }
  }
  .unavalible_search {
    font-size: 1vw !important;
    color: #c35a79;
  }
  .checkin-bg-img {
    background-size: cover !important;
    background-position: calc(100% - 50%) !important;
  }
  .row.check-in {
    margin: 0 !important;
  }
  .row.check-in {
    padding: 0;
    margin: 0;
  }
  .user_icon,
  .stick_captain_inner_right_col {
    width: 22px !important;
  }
  .log_in h4 a,
  .stick_header_captain .title2 h3,
  .log_in h4 a,
  .stick_header_captain .title h3 {
    font-size: 8px;
  }

  .logo img {
    width: 100px;
  }
  .survey_form,
  .book_survey_container .background_color_section,
  .book_survey_inner {
    min-height: 330px;
  }
  .book_survey_inner .title {
    margin: 10px 30px;
  }
  .cross_btn {
    position: absolute;
    top: 0.7vw;
    right: 3vw;
  }

  .book_survey_inner .title p {
    margin: 0;
  }

  .survey_btn {
    margin: 80px 0 0;
  }

  .survey_form {
    padding: 10px 30px;
  }
  .booking_redio_span {
    font-size: 8px !important;
  }
  .check-in {
    height: 92vh !important;
  }
  .collect_information .dropdown ul {
    max-height: 21vw;
  }
}

@media only screen and (min-width: 1366px) {
  .singup_linker_close_btn {
    width: 30px;
    height: 30px;
  }

  .singup_linker_close_btn i {
    color: white;
    font-weight: 400;
    font-size: 19px;
  }
}

@media only screen and (max-width: 1366px) {
  .check-in {
    height: 94vh !important;
  }
  .row.check-in {
    padding: 0;
    margin: 0;
  }
}

@media only screen and (min-width: 1024px) {
  .user_icon,
  .stick_captain_inner_right_col {
    width: 29px !important;
  }
  .log_in h4 a,
  .stick_header_captain .title2 h3 {
    font-size: 10px;
  }
  .log_in h4 a,
  .stick_header_captain .title h3 {
    font-size: 10px;
  }
}

@media only screen and (min-width: 1700px) {

  #rooms_dropdown > ul{
    width: 28vw !important;
  }

  .down-top{
    font-size: 0.9vw !important;
    padding: 15px 20px !important;
  }
  .down-top::placeholder {
    font-weight: 400;
    font-size: 0.9vw !important;
  }
  .footer_menu ul li {
    padding: 0vh 0.5vw;
  }

  .voucher_checkout,
  .checkin-singin {
    font-size: 25px;
  }

  .collect_information .cust_pading{
    padding: 5px;
  }

  .header_search_with_icon .guests button.room-btn, .header_search_with_icon .checks button{
    font-size: 15px;
    padding: 15px 0 !important;
  }

  .search_text_btn_top{
    padding: 15px !important;
    font-size: 15px !important;
  }

  .search_icon .fa{
    font-size: 18px !important;
  }

  .book_a_tour_section #book_a_tour_btn > img{
    width: 180px !important;
  }

  .book_a_tour_section{
    right: 70px !important;
  }

  .user_icon, .stick_captain_inner_right_col{
    width: 40px !important;
  }

  .sticky_green_bg,
  .sticky_green_bg_header,
  .navbar_row {
    height: 90px;
  }
  
  .calendar-section-top{
    margin: 0px;
    /* left: -18.9vw !important; */
    left: -130% !important;
    top: 100% !important;
  }

  button.switch-month{
    line-height: 1.5;
    height: auto;
  }

  .content{
    margin: 90px 0 0 !important
  }
  .down-top {
    padding: 15px 35px !important;
  }

  .down-top,
  .down-top::placeholder {
    font-size: 16px !important;
  }

  /* Side Cards */
  .login_widget,
  .signup_widget,
  .forgot_password_widget,
  .container.sidebar{
    top: 95px !important;
  }

  .log_in h4 a{
    font-size: 12px;
    margin-top: 2px;
  }
  .rooms_dropdown .title h3{
    font-size: 18px !important;
  }
  .rooms_dropdown ul li i{
    font-size: 15px !important;
  }

  /* .rooms_dropdown ul{
    margin-top: 10px !important;
  } */

  .rooms_dropdown_top .digit{
    font-size: 22px !important;
  }

  .city_name{
    line-height: 1.2 !important;
  }

  .collect_information #showdropdown_top .image{
    padding: 5px 5px 5px 0 !important;
  }

  /* .rooms_dropdown ul{
    top: 85% !important;
  } */

  .collect_information .cust_pading{
    padding: 5px;
  }
}

.calendar-section-top{
  margin: 0px;
  left: -20.4vw;
  top: 100%;
}


@media only screen and (min-width: 1500px) {

  .search_text_btn_top {
    font-size: 0.9vw !important;
    padding: 15px 0 !important;
  }

  .header_search_with_icon .guests button.room-btn, .header_search_with_icon .checks button.check-btn {
      font-size: 0.9vw !important;
      padding: 15px 0 !important;
  }

  .down-top {
      font-size: 0.9vw !important;
      padding: 15px 20px !important;
  }

  
  .down-top,
  .down-top::placeholder {
    font-size: 0.9vw !important;
  }

  .collect_info_top{
    height: 70px;
  }

  .city_name{
    line-height: 1.1;
  }

  /* .collect_information .cust_pading{
    padding: 0 0.5vw !important;
  } */
}






@media only screen and (min-width: 1700px) {

  .book_survey_inner .title h2 {
    font-size: 30px;
  }
  .book_survey_inner .title p {
    font-size: 25px;
  }
  .survey_btn button {
    font-size: 15px;
  }
  .request_demo_btn {
    padding-top: 12px;
  }
  .survey_form .form-group {
    margin-bottom: 40px;
  }
  .survey_form_row_one {
    padding: 0;
  }
  .survey_form input,
  .survey_form input::placeholder {
    font-size: 20px;
  }
  .register_btn button {
    font-size: 15px;
    padding: 12px 30px;
  }

  .cross_btn {
    position: absolute;
    top: 15px;
    right: 40px;
  }

  .cross_btn button {
    width: 40px;
  }

  .book_survey_inner .title p {
    width: 50%;
  }

  .footer_menu ul li a {
    font-size: 15px;
  }

  .room-btn-top,
  .check-btn-top {
    padding: 15px 0;
  }

  .cities_images .title h2 {
    font-size: 22px;
  }

  .msg_row h2 {
    font-size: 50px;
  }

  .icons_features .title h3 {
    font-size: 25px;
  }
  .rating_star img {
    width: 35%;
    margin: 0 0.3vw 1vh 0vw;
    cursor: pointer;
  }

  /* .navbar_row {
    height: 100px;
  } */

  .hello_msg {
    top: -10%;
  }

  .msg:after {
    top: 29% !important;
  }
}

@media only screen and (min-width: 900px) {
  .thanku_jazz_inner_button {
    right: 0% !important;
  }
}

@media only screen and (max-width: 900px) {
  #sec_circles {
    margin-top: -6%;
}
}

@media only screen and (max-width: 1020px) {
  .survay_form_city_dropdown {
    height: fit-content;
    max-height: 96px;
  }
}

@media only screen and (max-width: 1400px) {
  .calendar-section-top {
    height: fit-content;
  }
}

@media only screen and (max-width: 1430px) {
  .executive_plus {
    margin-left: 0 !important;
  }
}

@media only screen and (max-width: 600px) {
  #sec_circles {
    margin-top: -6%;
}
  .banner_green_title{
    font-size: 4.8vw !important;
  }
  /* .banner-title{
    text-align: left;
    justify-content: left;
  } */

  .exp_city_slider > .slick-list > .slick-track > .slick-slide > div{
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .category_tag_name {
    position: absolute;
    z-index: 1;
    top: 4px;
    left: 21px;
    user-select: none;
  }
  .category_tag_name .executive_Room,
  .category_tag_name .suites_Room {
    font-size: 2.5vw !important;
  }

  .singup_linker_bg .container {
    height: 95vh;
  }
  .singup_linker_bg .container form .singup_card_linker {
    height: 100%;
    background-image: url(../assets/images/PNG/singup_linker.png);
    background-size: cover;
    background-position-x: 13%;
  }

  .singup_linker_offer_details span {
    font-size: 5.5vw !important;
  }
  .singup_linker_trems_agree {
    font-size: 3.5vw !important;
  }

  .singup_linker_inputs {
    width: 80% !important;
  }

  .singup_linker_trems_agree {
    width: 70% !important;
  }

  .singup_linker_inner_section .singup_linker_lokal_title img {
    width: 50% !important;
  }

  .singup_linker_inner_section {
    margin: 20% 0;
  }

  .submit_singup_linker input {
    font-size: 5vw !important;
    padding: 3vw 0;
  }

  .singup_linker_close_btn {
    right: 4%;
    top: 2%;
  }

  .singup_linker_offer_details {
    text-align: center;
    margin-bottom: 22px;
  }

  .singup_linker_inner_section .singup_linker_lokal_title {
    margin-bottom: 22px;
  }

  .singup_linker_trems_agree {
    margin-bottom: 18px;
  }

  .submit_singup_linker {
    width: 80%;
  }

  .singup_linker_inputs div input {
    padding: 6vw 5vw;
  }

  #clear_applay_coupan_input {
    border: none;
    background: none;
    font-size: 12px !important;
    color: #dfdfdf;
    cursor: pointer;
    color: #c55a79 !important;
  }


  #coupan {
    height: 36px !important;
  }

  .checkout_apply_coupon_input {
    padding: 4px 0px 4px 18px !important;
  }
  .thanku_jazz_inner_button {
    border: none;
    margin-left: 10px;
    padding: 5px 0px !important;
  }
  .booknow_mob_margin {
    margin-top: 5px !important;
    padding-bottom: 10px !important;
  }
  .check-in-right {
    overflow-y: scroll;
  }

  .collect_information .dropdown ul {
    max-height: 22vw;
  }

  .book_now_details {
    width: 90%;
    margin: auto;
    display: block;
    position: relative;
  }
  .checkout_jazz_account_num {
    padding: 4vw 5vw !important;
  }
  .form-apply-coupon,
  .checkout_jazz_account_num {
    padding: 8px 0;
  }

  .booking_redio_span {
    font-size: 10px !important  ;
  }
  #checkout_redio_booking_for_other {
    margin-left: 10px;
  }

  .who_booking_for_p {
    font-size: 4vw;
  }

  .forget_Pass_mobile_msg_text {
    font-size: 4vw !important;
    margin-top: 2vw;
  }

  .survay_form_city_dropdown {
    width: 90%;
    height: fit-content;
    max-height: 200px;
  }
  .thanku_jazz_inner_button {
    right: 3% !important;
  }

  #applycoupan {
    right: 2% !important;
  }

  .row.close_forgot_password_widget {
    font-size: 8vw;
    top: 2.2vw;
  }

  .search_main_cont {
    padding-top: 34vw !important;
  }

  #hotel_properties {
    margin: 0px 0px !important;
  }

  .hotel_listing {
    margin-top: 32vw !important;
  }
  .responsive_header {
    position: fixed;
    z-index: 2;
  }

  .choose_data_resposnive_text {
    color: white;
    font-weight: bold;
    margin-bottom: 2vw;
  }
  .choose_date_cont {
    padding: 3vw 4vw 3vw !important;
  }
  .phone_icon_modal h2 {
    font-size: 7.5vw;
  }
  .phone_icon_modal p {
    font-size: 8vw;
  }
  .phone_icon_modal .modal.show .modal-dialog {
    width: 95%;
    height: 43vw;
  }
  .phone_icon_modal .modal-content {
    border-radius: 8vw;
  }

  .check-in-right-content {
    width: 36vw;
    margin: auto;
    overflow-y: unset;
    height: auto;
    max-height: 555px;
    padding: 10px 0;
  }

  .resposnive_texts {
    font-style: italic;
  }
  .section-inner {
    width: 97% !important;
  }

  .booking_price_details,
  .booking_price_night_details {
    color: #07524d;
  }

  .responsive_header {
    background-image: url("../assets/images/web-banner-new-05.webp");
    display: block;
    overflow: hidden;
    background-position: 0;
  }

  .old-h-box {
    display: none;
  }
  .book_now_responsive {
    display: flex;
  }

  .h-box-mobile {
    width: 90% !important;
    margin: auto 5vw !important;
    border-radius: 13vw !important;
    padding-right: 3vw !important;
    padding-left: 1vw !important;
  }
  .book_now_details_button {
    padding-right: 0;
  }

  .book_now_details_text {
    padding: 0;
  }

  .book_now_details_img {
    padding: 2vw;
  }

  .book_now_details_img img {
    width: 80%;
  }

  .book_now_responsive {
    height: 100%;
    align-items: center;
    width: 100%;
    margin: auto;
    display: flex;
  }

  .h-box.sticky-box.responsive {
    height: 18vw !important;
  }

  .booking_price_details {
    font-size: 3vw;
    font-weight: 600;
  }

  .booking_price_night_details {
    font-size: 2vw;
    font-weight: 500;
  }

  .book_now_details_responsive {
    border: 0.1vw solid #e89b94;
    background: #c65a79;
    color: white;
    border-radius: 30px;
    padding: 2vw 2.5vw;
    width: 100%;
  }

  .resposnive_header_card_img img {
    width: 70%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .responsive_header_card {
    background: white;
    border-radius: 10vw;
    align-items: center;
    padding: 2vw;
    display: flex;
  }

  .resposnive_header_card_img {
    padding: 0;
  }

  .responsive_header_inner {
    padding: 3vw 7vw;
  }

  .responsiave_header_city_name,
  .responsiave_header_city_date {
    font-size: 4.5vw;
    font-weight: 500;
    color: #07524d;
  }
  .responsiave_header_city_name{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .resposnive_header_card_text,
  .resposnive_header_card_text {
    padding: 0;
  }
  .content,
  .resposinve_height {
    margin-top: 0px !important;
  }
  .section-inner {
    padding-top: 0px !important;
  }
  .log_in_main_row {
    display: flex;
    /* justify-content: center; */
  }

  .user_icon_responsive_header{
     justify-content: center !important;
  }

  .login_bars_responsive {
    padding: 0;
    display: flex;
  }

  .unavalible_search {
    font-size: 2vw !important;
    color: #c35a79;
  }

  .daterangepicker.openscenter:after,
  .daterangepicker.openscenter:before {
    display: none;
  }

  .rating i {
    font-size: 4vw;
  }

  .h-button {
    font-style: normal;
    font-weight: 600 !important;
    font-size: 14px !important;
    text-align: center;
    background-color: #c65a79;
    color: #fff !important;
    border-radius: 50vw;
    border: transparent;
    width: 100%;
    padding: 5px 25px;
    text-decoration: none;
    height: 40px;
    outline: none !important;
    border: 1px solid #c65a79 !important;
    width: 155px;
    z-index: 1;
    position: relative;
  }
}

@media only screen and (min-width: 1125px) {
  .inner-svg-text p,
  .inner-svg-text-disable p {
    font-size: 0.6vw;
  }
}

@media only screen and (max-width: 575px) {
  .search_text_main{
    display: none;
  }
  .search_icon .fa{
    margin-right: 0 !important;
  }
  .btn.search_text_btn_main{
    border-radius: 50%;
    width: 90%;
    margin-right: 0 !important;
    padding: 0 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 5px;
  }

  #sec_circles{
    margin-top: -15%;
  }
  .thank_main_container {
    margin-top: 0;
  }
  .thanku-heading,
  .center_column,
  .hidden_mobile_banner_img,
  .guests,
  .checks,
  .explore_our_rooms,
  .disply_hidden_mobile {
    display: none;
  }
  .booking-card-conten {
    margin-top: 10vw;
    margin-bottom: 10vw;
  }

  .booking-heading {
    font-size: 7vw;
    font-weight: 600;
    margin-left: 2vw;
  }

  .user_icon,
  .stick_captain_inner_right_col {
    width: 30px !important;
  }

  .logo img {
    width: 110px !important;
  }

  .menu_bars .fa {
    font-size: 7vw;
  }

  .login_widget button,
  .signup_widget button {
    padding: 2.5vw 0.5vw;
  }

  .book_survey_container {
    border-radius: 3vw;
    width: 90%;
  }

  .footer_main_row {
    margin: 3.8vw 0;
  }

  .social_icons ul li {
    padding: 0vh 0.4vw 0vh;
  }

  .icons_row {
    display: grid;
    grid-template-columns: 33.3% 33.3% 33.3%;
  }

  .bg {
    background-image: url(../assets/images/web-banner-new-05.webp);
    background-repeat: no-repeat;
    height: 540px;
    width: 100%;
    z-index: -999999999;
    scroll-behavior: smooth;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
  }

  .collect_information .textfirst.select_input.down {
    font-weight: 500;
    font-size: 3.25vw;
    padding: 3vw 2vw;
    border-radius: 5vw;
    color: #07524d;
  }
  .collect_information .textfirst.select_input.down::placeholder {
    font-weight: 400;
    font-size: 3.25vw;
  }

  .search_icon .fa {
    font-size: 5vw;
    padding: 3vw 3vw;
  }

  .banner-title {
    width: 100%;
    /* margin-left: 8vw; */
    top: 25vh;
  }
  .banner-title h2 {
    text-align: center;
    font-size: 6vw;
    max-width: 76.5vw;
    font-weight: 600;
  }

  .msg_row {
    width: 80%;
    margin: auto;
  }

  .msg_row h2 {
    text-align: center;
    font-size: 6vw;
  }

  .room_images {
    flex-wrap: nowrap;
    overflow-x: scroll;
  }

  .room_images::-webkit-scrollbar {
    width: 0;
  }
  .room_images .insta .fa {
    font-size: 8vw;
  }

  .explore_room_title {
    justify-content: flex-start;
    padding: 2vh;
  }

  .explore_room_title h2 {
    font-size: 6vw;
  }

  .explore_our_rooms button {
    font-size: 3vw;
  }

  .prov_count {
    font-size: 1.8vw;
  }

  .mobile_city_name,
  .explore_our_cities button,
  .detail p,
  .reviews a,
  .footer_menu ul li a {
    font-size: 3vw;
  }

  .collect_information .dropdown ul {
    max-height: 43vw;
  }

  .explore_cities_cricle_cards {
    display: grid;
    grid-template-columns: 40% 60%;
    border-bottom: 1px solid #c4c4c4;
    padding: 3vw 0 3vw 0;
    justify-content: center;
  }

  .row.cities_images .city.city_slider_ourcity:nth-last-child(1) div{
    border-bottom: none;
  }

  .explore_cities_last_chaild {
    border-bottom: none;
  }

  .cities_images .image img {
    width: 70%;
  }

  .cities_images .title h2 {
    font-size: 5.5vw;
    text-align: left !important;
  }

  .explore_our_cities_sec {
    padding: 15px 0 11px;
  }

  .explore_our_cities,
  .footer_logo,
  .survey_form_left_col,
  #hello_captain,
  .title h3 br  {
    display: none;
  }

  .slider_title h2 {
    font-size: 7.5vw;
    font-weight: 600;
    margin: 4.5vh 0 1vh;
  }

  .detail {
    width: 60%;
  }

  .slide {
    display: grid !important;
    grid-template-columns: 20% 80%;
    margin-top: 3vw;
  }

  .reviewr_img {
    display: flex;
    justify-content: flex-end;
    margin-top: 1.8vw;
    margin-right: 1.5vw;
  }

  .reviewr_img img {
    width: 60%;
  }

  .reviewr_title h3 {
    font-size: 4.5vw;
    font-weight: 700;
  }

  .reviews {
    font-size: 3.3vw;
    font-weight: 500;
  }

  button.slick-prev.slick-arrow {
    left: 5%;
  }

  button.slick-next.slick-arrow {
    right: 8%;
  }

  button.slick-next.slick-arrow:before,
  button.slick-prev.slick-arrow:before {
    font-size: 4.5vw;
  }

  .review_box_container {
    width: 80%;
  }

  .mobile_footer_logo {
    display: block;
  }

  .footer_menu ul {
    display: block;
    margin: 0;
  }

  footer {
    padding: 1vw 0 0;
  }

  .footer_main_row,
  .footer_menu ul li {
    padding: 0;
  }

  .footer_menu {
    padding-bottom: 3%;
    display: block
  }

  .social_icons ul {
    margin: 0;
  }

  .footer_icon_content {
    display: flex;
    justify-content: flex-end;
  }

  .footer_links_conten {
    margin-bottom: 5vw;
  }

  .survay_form_top {
    align-self: unset;
  }

  .book_survey_inner {
    background-image: url(../assets/images/mob_survey_bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    max-height: 472px;
    min-height: 472px;
    height: auto;
    object-fit: cover;
    background-position: top center;
  }

  .book_survey_inner .title {
    margin: 0;
    padding: 5vw;
  }

  .book_survey_inner .title h2 {
    font-size: 5.8vw;
    font-weight: 700;
    color: #fff;
    min-width: 90%;
    max-width: 90%;
    width: auto;
    padding-bottom: 4vw;
    margin: 0;
  }
  .book_survey_inner .title p {
    color: #fff;
    font-weight: 400;
    width: 90%;
    font-size: 3.8vw;
    margin: 2vh 0 0;
    line-height: 1;
    margin: 0;
    margin-bottom: 4vw;
  }

  .survey_btn {
    margin: 2vw 0 0;
  }

  .survey_btn button {
    font-size: 3.8vw;
    padding: 2vw 2.5vw;
  }

  .book_survey_container .background_color_section {
    max-height: 472px;
    min-height: 472px;
  }

  .select2-container--default
    .select2-selection--single
    .select2-selection__rendered,
    .survey_form input,
    .survey_form input::placeholder {
    font-size: 3.2vw;
  }

  .cross_btn button svg {
    top: 1vh;
    right: 0.5vw;
  }

  .survey_form,
  .book_survey_container .background_color_section,
  .book_survey_inner {
    min-height: 472px;
  }
  .survey_form .form-group {
    margin-bottom: 4.5vw;
  }

  .book_survey_container .background_color_section {
    border-radius: 3vw;
  }

  .register_btn {
    width: 100%;
  }
  .register_btn button {
    width: 100%;
    padding: 2vw 1.95vw;
  }
  .icons_features .title h3,
  .register_btn button {
    font-size: 2.8vw;
  }
  .mobile_margin_control {
    margin-bottom: 2vw !important;
  }

  /* mobile_where_Going_top */
  .responsive_dropDown_mobile {
    position: fixed;
    bottom: 100vh;
    height: 100%;
    width: 100%;
    background: white;
    z-index: 10;
    transition: 0.5s;
    display: block;
    overflow: hidden;
  }

  .mobile_size_off {
    display: none;
  }
  .mobile_size_on {
    display: block;
  }

  .responsive_button_going {
    background: white;
  }

  .down_on {
    bottom: 0;
  }
  /* where are you going css */

  .afterHidden {
    overflow-y: hidden;
  }

  .close_responsive_going {
    position: absolute;
    right: 4.5vw;
    top: 2vw;
    font-size: 8vw;
    color: white;
    cursor: pointer;
  }
  .down_resposive_top_section {
    background-image: url(../assets/images/web-banner-new-05.webp);
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
    padding: 5vw 4vw 5vw;
  }

  .responsive_dropDown_title h3 {
    color: white;
    font-size: 6vw;
    font-weight: 600;
  }
  .responsive_dropDown_input {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10vw;
  }

  .city_going_name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 24ch;
    font-weight: 500;
    color: #07524d;
    font-size: 5vw;
  }

  .city_going_city_info {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 24ch;
    color: #07524d;
    font-size: 3.7vw;
  }

  .responsive_dropDown_input input {
    border-radius: 30px;
    width: 80%;
    padding: 3vw 4.5vw;
    border: 0.1vw solid #fff;
    font-size: 4vw;
    color: #07524d;
  }
  .responsive_dropDown_input input::placeholder {
    color: #07524d;
  }

  .login_widget {
    width: 100%;
    height: 100%;
    top: -100vh;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    border-radius: 0;
    transition: 0.5s;
    padding: 5vw;
    box-shadow: none;
  }

  .down_login_mobile {
    top: 0;
  }

  .city_going_img img {
    width: 80%;
    height: 100%;
  }

  .city_going_img {
    padding: 4px;
  }
  .city_going_detail {
    padding: 0;
  }
  .city_going {
    border: 0.1vw solid #a0bebc;
    border-radius: 10vw;
    margin: auto;
    justify-content: center;
    padding: 1.2vw 1.2vw;
    align-items: center;
  }

  .cities_pad {
    padding: 0 !important;
  }

  .cities_going {
    padding: 2vw;
    cursor: pointer;
  }

  .city_going_city_info {
    font-weight: 400;
  }

  .down_resposive_bottom_section {
    overflow-y: scroll;
    height: 80%;
  }
  /* login card mobile */
  .login_widget .login_title h3 {
    font-size: 7.5vw;
  }

  .close_mobile_login {
    position: absolute;
    right: 2vw;
    top: 0vw;
    font-size: 8vw;
    color: #07524d;
  }

  .login_widget input {
    font-size: 4vw !important;
    height: calc(1.5em + 0.75rem + 7px + 1px);
  }


  .login_widget input:-webkit-autofill,
  .login_widget input:-webkit-autofill:hover,
  .login_widget input:-webkit-autofill:focus,
  .login_widget input:-webkit-autofill:active {
    -webkit-text-fill-color: #07524d;
    font-size: 4vw !important;
    font-weight: 500;
    -webkit-text-size-adjust: 4vw !important;
  }



  .login_widget input::placeholder {
    font-size: 4vw !important;
  }

  .login_widget .field-icon {
    top: 42%;
    font-size: 5.2vw;
    right: 1vw;
  }

  .login_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .forgot_pass .title,
  .remember_forgot .title1 {
    font-size: 3vw;
  }
  .remember_forgot i.fa.fa-check {
    font-size: 3.5vw;
    margin-right: 1.8vw;
  }

  .login-options-in-card {
    font-size: 4vw;
  }

  .login_social_icons ul li i {
    font-size: 8vw;
  }

  .login_social_icons ul li.google img {
    width: 9vw;
  }

  .login_with_icons {
    width: 100%;
    justify-content: center;
    align-items: center;
  }

  .login_button button,
  .register_button button {
    font-size: 5vw;
  }

  .user_name {
    margin-top: 6vw !important;
  }

  .login_widget .row {
    margin-top: 2vw;
    margin-bottom: 2vw;
  }

  .register_button {
    margin-top: 2vw !important;
  }

  /* checkin date responsive */
  .checkin_date_responsive {
    height: 100%;
    max-height: 100vh;
    background: white;
    width: 100%;
    position: fixed;
    bottom: 100vh;
    transition: 0.5s;
    z-index: 10;
    overflow: hidden;
  }

  .checkin_date_down {
    bottom: 0;
  }

  .select_your_data {
    margin-bottom: 3vw;
  }

  .select_your_data p {
    font-size: 6vw;
    color: white;
    font-weight: 600;
  }

  .select_date_cities {
    background: white;
    padding: 2vw;
  }
  .checkin_date_responsive,
  .close_mobile_login,
  #closeSingupMobile {
    display: block;
  }

  /* singup css mobile */
  .signup_widget {
    height: 100vh;
    width: 100%;
    right: 0;
    top: -110vh;
    left: 0;
    transition: 0.5s;
    border-radius: 0;
    z-index: 10;
    padding: 5vw;
    box-shadow: none;
  }

  .down_singup_mobile {
    top: 0;
  }

  .signup_title h3 {
    font-size: 7.5vw !important;
  }

  .signup_widget input {
    font-size: 4vw;
    height: calc(1.5em + 0.75rem + 7px + 1px);
  }

  .signup_widget input::placeholder {
    font-size: 4vw;
  }

  .signup_button button,
  .signin_button button {
    font-size: 5vw !important;
  }

  .signin_button {
    margin-top: 2vw;
  }

  .signup_widget .signup_msg p {
    font-size: 3vw;
  }

  .signup_msg {
    margin: 3vw 0;
  }

  .signup_widget .field-icon {
    top: 42%;
    font-size: 5.2vw;
    right: 1vw;
  }

  /* forget password mobile */
  .down_forgetPassword_mobile {
    top: 0 !important;
  }

  .forgot_password_widget {
    width: 100%;
    height: 100%;
    right: 0;
    top: -100vh;
    border-radius: 0;
    transition: 0.5s;
    z-index: 12;
    padding: 5vw;
    box-shadow: none;
  }

  .close_forgot_password_widget {
    position: absolute;
    right: 2vw;
    top: 1.5vw;
  }

  .close_forgot_password_widget img {
    width: 6.3vw;
  }

  .forgot_password_widget .forgot_password h4 {
    font-size: 7.5vw;
  }
  .forgot_password_widget .forgot_password {
    justify-content: flex-start;
  }

  .forgot_password_widget .enter_email input {
    font-size: 4vw;
    height: calc(1.5em + 0.75rem + 7px + 1px);
  }

  .forgot_password_widget .enter_email input::placeholder {
    font-size: 4vw;
  }

  .forgot_password_widget .send_email button {
    font-size: 5vw;
    padding: 2.5vw 0.5vw;
  }

  /* sidebar mobile css */
  .container.sidebar {
    width: 100%;
    z-index: 3;
    top: 80px;
  }
  .container.sidebar {
    right: -100%;
  }
  .sidebar .widget {
    margin: 6.83vw 0;
  }
  .personal_info,
  .dashboard,
  .sidebar .row.widget_gap.payment,
  .refer,
  .bookings,
  .sidebar .row.widget_gap.history,
  .notificationss,
  .help {
    border-radius: 5vw !important;
    background: #07524d;
  }
  .dashboard i,
  .dashboard h3,
  .personal_info i,
  .personal_info h3,
  .sidebar .row.widget_gap.payment i,
  .sidebar .row.widget_gap.payment h3,
  .refer i,
  .refer h3,
  .sidebar .row.widget_gap.history i,
  .sidebar .row.widget_gap.history h3,
  .notificationss i,
  .notificationss h3,
  .help i,
  .help h3 {
    color: #fff !important;
  }

  .sidebar .icons i {
    font-size: 8vw;
  }
  .sidebar .widget_title h3 {
    font-size: 5vw;
  }

  /* select persons resposniev css */

  .select_persons_responsive {
    display: block;
    width: 100%;
    height: 100%;
    background: white;
    position: fixed;
    overflow: hidden;
    bottom: 100vh;
    z-index: 12;
    transition: 0.5s;
  }

  .down_select_person {
    bottom: 0;
  }

  /* next and back option css */
  .back_next_option {
    position: absolute;
    bottom: 0;
    background: white;
    width: 100%;
    padding: 5vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .back-btn {
    background: white;
    border: none;
    padding: 3vw 8vw;
    border-radius: 3vw;
    font-weight: bold;
    color: #07524d;
  }

  .next-btn {
    background: #c55a79;
    border: 0.1vw solid #c55a79;
    padding: 3vw 13vw;
    color: white;
    font-weight: 600;
    border-radius: 8vw;
  }
  /* select person and chaild down */
  .select_person_top_section {
    background-image: url(../assets/images/web-banner-new-05.webp);
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
    padding: 5vw 4vw 5vw;
  }

  .specifications_text {
    margin-bottom: 5vw;
  }

  .specifications_text p {
    font-size: 6vw;
    color: white;
    font-weight: 600;
  }

  .specifications_card .city_going {
    margin-bottom: 6vw;
  }

  .select_person {
    display: grid;
    grid-template-columns: 60% 40%;
    margin-bottom: 6vw;
  }

  .select_numbers {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .select_name_text {
    font-size: 6vw;
  }

  .select_name_text p {
    color: #07524d;
  }
  .select_increase,
  .select_count,
  .select_decrease {
    font-size: 7vw;
    color: #07524d;
  }

  .select_person_numbers {
    padding: 10vw 5vw;
    overflow: scroll;
  }

  .select_decrease,
  .select_increase {
    border: 0.1vw solid #07524d;
    background: transparent;
    border-radius: 50%;
    padding: 0vw 3vw;
  }

  .spec_disabled_btn {
    border: 0.1vw solid rgb(170, 170, 170);
    color: #ddd;
    background: transparent;
  }
  /* check in page css */
  .check-in-city {
    width: 90%;
    border-radius: 12vw;
    margin: auto;
    padding: 1.8vw 1.8vw !important;
  }
  .check-info {
    width: 90%;
    margin: auto;
    background: transparent;
  }

  .check-in-right-content {
    width: 100%;
    margin: 0;
  }

  .check-in-location {
    font-size: 2.5vw !important;
  }

  .check-in-city-name {
    font-size: 2.0vw;
  }

  .check-in-date-text,
  .check-in-persone-text,
  .check-in-room-text {
    font-size: 3vw;
  }
  .check-in-date,
  .check-in-number-person,
  .check-in-number-room,
  .check-in-price {
    background: white;
    border-radius: 11vw;
    padding: 1.5vw 1.5vw;
  }

  .check-price-fix {
    font-size: 6vw;
  }

  .check-price-night {
    font-size: 2.2vw;
  }

  .checkin-bg-img {
    padding: 2vw;
  }

  .check-in-price {
    height: 35vw;
    padding: 2vw;
    border-radius: 18vw;
  }

  .check-in-price-text {
    margin-left: -12.8vw;
  }

  .check-in-city {
    padding: 1.2vw 0;
  }

  .check-in-left {
    height: 100vh;
  }

  .check-in-overly {
    align-items: flex-start;
    display: block;
  }

  .check-info {
    margin-top: 5vh !important;
    margin-bottom: 5vh !important;
  }

  .resposnive_texts {
    display: flex;
    font-size: 2.5vw;
    font-style: italic;
  }

  .resposnive_checkin_person {
    list-style: disc outside none;
    display: list-item;
    margin-left: 7vw;
  }

  .resposnive_checkin_person::marker {
    color: #718281;
  }

  .resposnive_texts {
    display: flex;
  }

  .form-inputs input,
  .form-redio-btns .form-redio-divs {
    margin-bottom: 3vw;
  }

  .checkin_inputs input,
  #coupan,
  .checkin_inputs input::placeholder,
  #coupan::placeholder,
  .form-apply-coupon,
  .checkout_user_input.checkout_applay_coupan::placeholder {
    font-size: 2.5vw !important ;
  }

  .checkout_jazz_account_num, .checkout_jazz_account_num::placeholder{
    font-size: 3.3vw !important ;
  }


  .checkin-book-now-btn,
  .checkin-singin {
    font-size: 3vw !important;
  }

  .form-total p {
    font-size: 2.8vw;
  }

  .resposinve_height {
    height: 100vh !important;
    overflow: hidden;
  }

  .hundred_responsive {
    height: 100vh !important;
  }

  .check-in-left-content {
    padding: 2vw 0;
  }

  .check-in-date,
  .check-in-number-person,
  .check-in-number-room,
  .check-in-price {
    margin: 4vw 0;
  }

  .check-in-right {
    position: absolute;
    top: 100%;
    z-index: 1;
    height: 100%;
  }

  .checkinResponsiveBottom {
    top: 100% !important;
  }

  .cardAnimUp {
    transition: 0.5s;
    visibility: visible;
    opacity: 1;
  }

  .cardAnimDown {
    transition: 0.5s;
    visibility: hidden;
    opacity: 0;
  }

  .resposnive_texts_hide,
  .booking-right-info,
  .comment_slider_thanku,
  .off_mobile,
  .old-h-box {
    display: none !important;
  }

  .check-in-right-content {
    height: 100% !important;
    max-height: 100% !important;
  }

  #msform {
    height: 100%;
  }

  .flag_font_size {
    font-size: 3.5vw;
  }

  .book_now_details button {
    opacity: 1 !important;
    padding: 4vw 1vw;
    font-size: 2vw !important;
  }

  .book-now button,
  .book_now_details button {
    font-size: 4vw !important;
  }

  /* thnak you responsive page css */

  .on_mobile {
    width: 100%;
    max-width: 100%;
  }

  .booking-city-p {
    font-size: 3.5vw !important;
  }

  .booking-card {
    border-radius: 13vw;
  }

  .pay_now_offer,
  .express_check-inn_offer,
  .share_stay_offer,
  .Refer_offer {
    padding: 11vw 4vw 11vw 8vw;
    border-radius: 12vw;
  }

  .pay_now_offer p,
  .express_check-inn_offer p,
  .share_stay_offer p {
    font-size: 3.5vw;
  }

  .pay_now_offer #cont_paynow_btn,
  .Refer_offer a button {
    padding: 12px 14px;
    font-size: 3.5vw;
    border-radius: 10vw;
  }

  .express_check-inn_offer a button,
  .share_stay_offer a button {
    padding: 3px 14px;
    font-size: 3.2vw;
    border-radius: 10vw;
  }

  .offers_ty {
    height: auto;
  }

  .thanku-heading h1 {
    font-size: 2.9vw;
  }

  .Refer_offer p {
    font-size: 4vw;
  }

  .jazzcash_card_responsive,
  .credit_card_responsive {
    width: 50% !important;
  }

  .booking-card .booking-description p {
    font-size: 2.8vw !important;
  }

  #txt_coupon,
  #txt_coupon::placeholder {
    font-size: 2.5vw;
  }

  #input_jazzcash {
    width: 99% !important;
  }

  .click_resposnive_details_thanku p {
    font-size: 3.5vw !important;
  }

  .booking-card {
    padding: 3vw;
  }

  .lokal_offers,
  .booking-info {
    width: 100%;
    margin: 0;
  }

  .bookin-left-info,
  .offers_ty {
    padding: 0;
  }

  .booking-overley {
    padding: 4vw 2vw 6vw;
  }

  /* details page css */

  .h-box-mobile {
    width: 90% !important;
    margin: auto 5vw !important;
    border-radius: 13vw !important;
  }

  .book_now_details_text {
    padding: 0;
  }


  .book_now_details_img img {
    width: 80%;
    height: 100%;
  }

  .book_now_responsive {
    height: 100%;
    align-items: center;
    width: 100%;
    margin: auto;
    display: flex;
  }

  .h-box.sticky-box.responsive {
    height: 19vw !important;
  }


  .book_now_details_responsive {
    border: 0.1vw solid #e89b94;
    background: #c65a79;
    color: white;
    border-radius: 30px;

  }

  .book_now_details_responsive {
    font-size: 3.5vw;
  }

  #search-tabs .ui-tabs-nav {
    display: flex;
  }

  .collect_information {
    top: 42vh;
  }

  .chatbox {
    height: auto !important;
    max-height: 400px;
    padding-bottom: 0.8rem !important;
    background: white !important;
  }

  .rating_star img {
    width: 35%;
    margin: 0 0.3vw 1vh 0vw;
  }

  .slick_img_control {
    display: block !important;
    margin: auto;
  }

  .survey_thankyou_modal .modal.show {
    justify-content: center;
  }

  .survey_thankyou_modal .modal.show .modal-dialog {
    height: 50vw;
    max-width: 100%;
  }

  .survey_thankyou_modal p {
    font-size: 4.5vw;
  }

  .survey_thankyou_modal .cross_btn.cross_modal button svg {
    width: 8vw;
  }

  .mobile_captain {
    position: fixed;
    bottom: 30%;
    right: 0;
    width: 14vw !important;
    display: none;
  }

  .stick_header_captain .cap_option {
    position: absolute;
    width: 18vw;
    top: 0;
    z-index: -2;
    left: -8px;
  }

  .trans_caption {
    transition: 0.5s;
  }

  .mobile_chat_icons {
    position: absolute !important;
  }
  .trans_caption {
    visibility: hidden !important;
  }

  .animate_cap_option_icons {
    visibility: visible !important;
  }
  .stick_header_captain .cap_option .phone.show_header_captain_phone,
  .stick_header_captain .cap_option .chat.show_header_captain_chat {
    position: relative;
    padding: 0;
    animation: mobilecaptainclose 0.2s ease-in-out;
    animation-fill-mode: both;
    left: 0;
    margin-bottom: 4vw;
    display: flex;
    flex-direction: row;
    justify-content: center;
    left: 50%;
    transform: translate(-50%, 0px);
  }
  .animate_cap_option_icons {
    animation: mobilecaptainopen 0.2s ease-in-out;
    animation-fill-mode: both;
    opacity: 1;
  }

  .mobile_chat_icons {
    opacity: 0;
    transition: 0.5s;
  }

  @keyframes mobilecaptainopen {
    0% {
      top: 0;
    }
    100% {
      top: 17vw;
    }
  }

  @keyframes mobilecaptainclose {
    0% {
      top: 17vw;
    }
    100% {
      top: 0;
    }
  }

  .stick_header_captain .cap_option img {
    width: 13.5vw;
    cursor: pointer;
  }

  /* responsive survay form */
  .responsive_survay_form {
    width: 100%;
    position: fixed;
    height: 100%;
    bottom: -100%;
    background: #07524d;
    z-index: 12;
    transition: 0.5s;
    padding: 5vw 5vw 2vw;
    display: flex;
    justify-content: center;
  }

  .pop_responsive_survay_form {
    bottom: 0;
  }

  .responsive_survay_form form input {
    border: none;
    background: transparent;
    border-bottom: 0.1vw solid #fff;
    border-radius: 0;
    color: #fff;
    padding: 0.375rem 0.75rem;
    width: 100%;
  }

  .responsive_survay_form form input:-webkit-autofill,
  .responsive_survay_form form input:-webkit-autofill:hover,
  .responsive_survay_form form input:-webkit-autofill:focus,
  .responsive_survay_form form input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #07524d inset !important;
    -webkit-text-fill-color: white;
  }

  .responsive_survay_form form input::placeholder {
    color: white;
    text-align: left !important;
  }

  .responsive_survay_form form .form-group {
    margin-bottom: 10vw !important   ;
  }

  .submit_responsive_form button {
    font-size: 5vw;
    background: white;
    color: #07524d;
    font-weight: 600;
    width: 100%;
    border-radius: 30px;
    padding: 2.5vw 0.5vw;
    border: 0.16vw solid #fff;
  }

  .close_responsive_survay_form {
    position: absolute;
    top: 2vw;
    right: 2vw;
  }

  .close_responsive_survay_form i {
    font-size: 8.8vw;
    color: white;
  }

  .submit_responsive_form {
    margin-top: 10vw;
  }

  .responsive_survay_form
    .select2-container--default
    .select2-selection--single {
    background-color: transparent;
    border: none;
    border-bottom: 0.1vw solid #fff;
    border-radius: 0px;
    color: #fff;
    height: 43px;
  }

  .responsive_survay_form
    .select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    font-size: 16px;
  }
  /* responsive survay form */
  .logo .textfirst.select_input.down {
    font-weight: 500;
    font-size: 3.25vw;
    padding: 3vw 2vw;
    border-radius: 5vw;
    color: #07524d;
    width: 100%;
    border: none;
  }
  .logo {
    padding-right: 0;
  }

  .hide_calendar_btns,
  .logo_search,
  .stick_header_captain2 {
    display: none;
  }

  .signup_title,
  .forgot_password {
    margin: 2vw 0 !important;
  }

  .forgot_password_widget .send_email {
    width: 100%;
  }
  .forgot_password_widget .enter_email {
    margin-top: 6vw;
  }

  .signup_widget .user_name,
  .signup_widget .email,
  .signup_widget .password,
  .signup_widget .phone {
    margin: 2vw 0;
  }

  .signup_button,
  .send_email {
    margin-top: 6vw !important;
  }

  .close_forgot_password_widget {
    font-size: 8vw;
    color: #07524d;
  }

  .sidebar .payment .widget,
  .sidebar .history .widget {
    margin: 5vw auto;
  }

  .sidebar .row.widget_gap {
    margin-bottom: 1vw;
  }

  .search_icon button {
    display: flex;
    justify-content: flex-end;
  }

  .lokal_offers {
    position: relative;
    top: -63%;
    transition: 0.5s;
    height: 63%;
    background: white;
    z-index: 2;
    overflow: scroll;
  }
  .booking-bg {
    height: 100%;
  }
  .thanku {
    height: 100%;
    overflow: hidden;
  }

  .thank_main_container {
    height: 191vw;
  }
  .open_ty_offers {
    top: 0;
  }
  .check-in-date,
  .check-in-number-person,
  .check-in-number-room,
  .check-in-price {
    border: 1px solid #fff;
  }
  .ty_details_info {
    display: block;
    width: 80%;
    margin: auto;
  }
  .pay_now_offer,
  .express_check-inn_offer,
  .share_stay_offer,
  .Refer_offer {
    margin: 5.8vw 0;
  }

  .room_images .slick-list {
    padding: 0 15% 0 0 !important;
  }
  .slide_img_section {
    float: left !important;
    max-width: 100%;
    width: 100%;
  }
  .click_resposnive_details_thanku {
    display: block;
  }

  .form-redio-btns {
    display: grid;
    grid-template-columns: 30.33% 30.33% 30.33%;
  }
  .form-redio-btns p {
    font-size: 3.5vw;
  }
  .inner-svg-text,
  .inner-svg-text-disable {
    margin: auto;
  }

  .checkout_user_input {
    padding: 4vw 5vw !important;
  }
  .checkout_user_number {
    padding-top: 4vw !important;
    padding-bottom: 4vw !important;
  }
  .checkin-book-now-btn {
    padding: 14px 0;
  }

  .stick_header_captain .request-loader::before,
  .stick_header_captain .request-loader::after {
    opacity: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0;
    bottom: 0;
    content: "";
    height: 100%;
    width: 14vw;
    border: 1px solid #bce6e4;
    border-radius: 100%;
    animation-name: ripple;
    animation-duration: 2s;
    animation-delay: 0.5s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(0.65, 0, 0.34, 1);
    z-index: -1;
  }
  .stick_header_captain .request-loader::after {
    animation-delay: 0.3s;
  }
  .stick_header_captain .request-loader::before {
    animation-delay: 0.5s;
  }
  .stick_header_captain img {
    width: 14vw;
    height: auto;
  }
  .remember_me_title {
    font-size: 3.8vw;
    color: #07524d;
  }
  .forget_pass_tilte {
    color: #c55a79;
    font-size: 3.8vw !important;
  }
  .search_total_pkr_maincard {
    font-size: 5.5vw !important;
  }
  .redio-btn-heading {
    font-size: 4vw;
    margin-bottom: 8px;
    font-weight: 400;
    color: #07524d;
  }
  .voucher_checkout,
  .checkin-singin {
    font-size: 3.8vw;
    margin-bottom: 8px;
    font-weight: 400;
    color: #07524d;
  }

  .check-city-img-conten {
    display: flex !important;
    justify-content: flex-start !important;
  }
  .msg_row h2 {
    color: #07524d;
    font-weight: 600;
  }
  .details_modal_img {
    background: black;
    height: 100vh !important;
  }
  .details_modal_inner_main {
    max-width: 100% !important;
    margin: 0;
  }
  .check-info {
    height: 85% !important;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    width: 80% !important;
    padding: 0 !important;
    align-self: center;
    left: 0;
    bottom: 0;
    right: 0;
  }
  .check-in-city {
    z-index: 1;
    width: 90%;
    margin: auto;
    top: 5vw;
    right: 0;
    left: 0;
  }
  .thanku_jazz_inner_input {
    padding: 4.5vw 3vw !important;
  }

  .thanku_jazz_inner_button {
    padding: 2vw 3vw !important;
  }

  /* 575 media end bracket do not remove it */
}
/* 575 media end bracket do not remove it */

@media only screen and (max-width: 375px) {
  .check-in-location {
    font-size: 4vw !important;
  }

  .check-in-date-text,
  .check-in-persone-text,
  .check-in-room-text {
    font-size: 5vw;
  }

  .check-price-night {
    font-size: 3.5vw;
  }

  .check-in-left {
    height: 100vh;
  }

  .check-in-city-name {
    font-size: 3.2vw;
  }

  .check-info {
    margin-top: 2vw;
  }

  .resposnive_texts {
    display: flex;
    font-size: 2.8vw;
    margin: 1vw 0;
  }

  .checkin_inputs input,
  #coupan,
  .checkin_inputs input::placeholder,
  #coupan::placeholder {
    font-size: 3.5vw !important ;
  }

  .number_input input {
    padding-left: 10vw !important;
  }

  .checkin-book-now-btn {
    font-size: 3vw;
  }

  .form-total p {
    font-size: 3.8vw;
  }

  .checkin-singin {
    font-size: 3.8vw;
  }

  .book_now_details button {
    opacity: 1 !important;
  }

  .book_now_details_responsive {
    border: 0.1vw solid #e89b94;
    background: #c65a79;
    color: white;
    border-radius: 30px;
    padding: 2vw 0.5vw;
  }

  .booking_price_details {
    font-size: 5vw;
    font-weight: 600;
  }

  .h-box.sticky-box.responsive {
    height: 23vw !important;
  }

  .booking_price_night_details {
    font-size: 2.8vw;
  }

  .book_now_details_img img {
    width: 100%;
  }

  .stick_header_captain .cap_option .phone.show_header_captain_phone,
  .stick_header_captain .cap_option .chat.show_header_captain_chat {
    position: relative;
    padding: 0;
    animation: mobilecaptainclose 0.2s ease-in-out;
    animation-fill-mode: both;
    left: 0;
    margin-bottom: 4vw;
    display: flex;
    flex-direction: row;
    justify-content: center;
    opacity: 1;
    left: 50%;
    transform: translate(-50%, 0px);
  }
  .loader_main img {
    position: absolute;
    width: 45%;
    animation: circlerotate 3.5s ease-in-out infinite;
  }

  @keyframes lodercircle {
    0% {
      width: 19vw;
      height: 19vw;
    }
    15% {
      width: 16vw;
      height: 16vw;
    }
    30% {
      width: 19vw;
      height: 19vw;
    }
    45% {
      width: 16vw;
      height: 16vw;
    }
    60% {
      width: 19vw;
      height: 19vw;
    }
    75% {
      width: 17vw;
      height: 17vw;
    }
    100% {
      width: 19vw;
      height: 19vw;
    }
  }
}


@media screen and (max-width: 1200px) {
  .rooms_dropdown ul li i {
    font-size: 9px !important;
  }
  .increase button,
  .decrease button {
    width: 22px;
    height: 22px;
  }
}

@media screen and (max-width: 992px) {
  .rooms_dropdown ul li i {
    font-size: 7px !important;
  }
  .increase button,
  .decrease button {
    width: 16px;
    height: 16px;
  }
}

@media screen and (max-width: 768px) {
  .category_tag_name .executive_Room,
  .category_tag_name .suites_Room {
    font-size: 1.2vw;
  }

  /* ipad sungup_linker */
  .singup_linker_offer_details span {
    font-size: 2.5vw;
  }
  .submit_singup_linker input {
    font-size: 3vw;
  }

  .singup_linker_trems_agree {
    font-size: 1.3vw;
    font-weight: 400;
  }

  #clear_applay_coupan_input {
    border: none;
    background: none;
    font-size: 10px;
    color: #dfdfdf;
    cursor: pointer;
    color: #c55a79 !important;
  }
  .rooms_dropdown ul li i {
    font-size: 7px !important;
  }
  .increase button,
  .decrease button {
    width: 14px;
    height: 14px;
  }
}

@media screen and (max-width: 767px) {
  .icons_features .cap_option img {
    width: 40%;
    padding: 0.2vw 0.7vw 0.2vw 0.7vw;
  }

  .cap_option {
    top: 10%;
  }
}


/* Updateing Querys */
@media only screen and (max-width: 2500px){
  .rooms_dropdown_top {
    margin-top: 0;
    /* top: 2.4vw; */
    /* left: 38vw; */
    /* width: 14.5vw; */
  }

}



@media only screen and (max-width: 2400px){
    .rooms_dropdown_top {
      margin-top: 0;
      /* top: 2.5vw; */
      /* left: 38.5vw;
      width: 15.4vw; */
    }
}



@media only screen and (max-width: 2300px){
    .rooms_dropdown_top {
      margin-top: 0;
      /* top: 2.6vw; */
      /* left: 38.9vw; */
      /* width: 16vw; */
    }
}

@media only screen and (max-width: 2200px){
  .rooms_dropdown_top {
    margin-top: 0;
    /* top: 2.6vw; */
    /* left: 39vw; */
    /* width: 16.5vw; */
  }
}


@media only screen and (max-width: 2100px){
    .rooms_dropdown_top {
      margin-top: 0;
      /* top: 2.9vw; */
      /* left: 39.6vw;
      width: 19vw; */
    }
  }

@media only screen and (max-width: 1900px){
  .rooms_dropdown_top {
    margin-top: 0 ;
    /* top: 3.2vw; */
    /* left: 40.1vw;
    width: 19.5vw; */
  }

}

@media only screen and (max-width: 1800px) {
  .rooms_dropdown_top {
    margin-top: 0 ;
    /* top: 3vw ; */
    /* left: 40.3vw ;
    width: 20vw ; */
  }
}

@media only screen and (min-width: 1621px) {
  .hello_msg.msg p{
    font-size: 11px;
  }
}

@media only screen and (max-width: 1600px) {
  .rooms_dropdown_top {
    margin-top: 0 ;
    /* top: 3.2vw ; */
    /* left: 40.3vw ;
    width: 20vw ; */
  }
}

@media only screen and (max-width: 1500px) {
  .rooms_dropdown_top {
    /* top: 3.4vw; */
    /* left: 40.2vw;
    width: 19.8vw; */
  }

}


@media only screen and (max-width: 1200px) {

  .rooms_dropdown_top {
    margin-top: 0 ;
    /* top: 3.3vw !important ; */
    /* left: 39.8vw !important;
    width: 19.8vw !important; */
  }

  #rooms_dropdown > ul{
    left: 60.5vw;
    width: 27vw;
    top: 29.3vw;
  }

}

.rooms_dropdown_top {
  top: 98% !important;
  margin: 0 !important;
}

@media only screen and (max-width: 768px) {
  .rooms_dropdown_top {
    top: 3.6vw !important ;
  }
}



#rooms_dropdown > ul{
  left: 60.5vw;
  /* left: 57vw; */
  width: 27.5vw;
  top: 30.2vw;
  /* top: -19.7vw; */
  margin: 0;
}

.dropdown{
/* line-height: 0; */
}

/**** Blogs Css ****/
.blog-content{
  height: 100%;
  border-radius: 2vw;
  background-color: #e2dbc6;
  padding: 3vw;
}

.blog-description p,
.blog-heading h6{
  font-family: 'Poppins';
  color: #3b3936;
  font-weight: 500;
}

.blog-heading h6{
  font-size: 2vw;
}

.blog-heading,
.blog-description{
  text-align: center;
}

.blog-thumb-img-holder{
  overflow: hidden;
}

.blog-thumb-img{
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 2vw;
}

.blog-description p{
  font-size: 14px;

  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3; /* number of lines to show */
  -webkit-box-orient: vertical;
}

.blog-posted-date p{
  font-size: 10px;
  padding: 8px 0;
  text-align: center;
}


.read-more-btn button{
  /* width: 100%; */
  /* padding: 0.1vw 0vw; */
  text-align: left;
  color: white;
  background: #c65a79;
  border-radius: 3vw;
  /* padding: 1.2vw 0; */
  font-weight: 500 !important;
  text-align: center;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  text-align: center;
  padding: 10px 30px;
}

.read-more-btn{
  display: flex;
  justify-content: center;
  align-items: center;
}

.blog-holder-row{
  padding-top: 10px;
}

.blogs-container .row:nth-child(even){
  flex-direction: row-reverse;
}

.blogs-container{
  padding: 15px 15px !important;
}


@media only screen and (max-width: 768px){
  .blog-heading h6{
    font-size: 2vw;
  }

  .blog-description p {
    font-size: 1.5vw;
  }
  
  .blog-content{
    padding: 4vw;
  }

  .blog-posted-date p{
    font-size: 1.1vw;
    text-align: center;
  }

  .read-more-btn button{
    font-size: 1vw;
  }

}

@media only screen and (max-width: 575px){

  .blog-content-holder{
    z-index: 1;
    margin-top: -30px;
    padding: 0 13px;
  }
    
  .blog-holder-row{
    flex-direction: column-reverse !important;
  }

  .content-blog-holder{
    margin-top: 72px;
  }

  .blog-heading h6{
    font-size: 5vw;
    font-weight: 600;
  }

  .blog-description p {
    font-size: 3.5vw;
  }

  .blog-content{
    padding: 6vw;
  }

  .read-more-btn button{
    font-size: 3vw;
  }

  .blog-posted-date p{
    font-size: 3vw;
  }

  .blog-thumb-img,
  .blog-content{
    border-radius: 5vw;
  }

  .blog-thumb-img {
    height: 350px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}

/* book a tour css */

.book_a_tour_section{
  position: absolute;
  right: 30%;
  direction: rtl;
  cursor: pointer;
}

.book_a_tour_section img{
  width: 100%;
}

.tour_form_submit_mesg >  h6{
  font-size: 1.2rem;
  font-weight: 500;
}

.tour_form_submit_mesg > p{
  font-size: 1rem;
}

.tour_form_submit_mesg > h6,
.tour_form_submit_mesg > h4{
  color: #07524d !important;
}

@media only screen and (max-width: 992px){
  .book_a_tour_section{
    right: 38%;
  }

}

@media only screen and (max-width: 768px){
  .book_a_tour_section{
    right: 40%;
  }
}

@media only screen and (max-width: 575px){
  .checkmark,
  .tour_form_checkbox input:checked ~ .checkmark{
    margin-top: 2% !important;
  }

  .tour_form_submit_mesg > h6{
    font-size: 0.8rem !important; 
  }
  
  #book_a_tour_section3 > div{
    flex-direction: column;
  }

  #book_a_tour_section3 > div >div{
    margin-right: 0 !important;
  }

  .orSection h4{
    font-size: 24px !important;
  }
  .next_pre_section{
    padding: 0px 10px !important;
  }

  .book_a_tour_section button{
    font-size: 12px;
    width: 100px;
  }

  .close_book_a_tour_from{
    font-size: 8vw !important;
    top: 0vw !important;
  }

  .book_a_tour_from_holder > .book_a_tour_from_card{
    height: 100% !important;
    border-radius: 0 !important;
    padding: 50px 12px;
    align-items: baseline;
  }
  .book_a_tour_from_holder{
    padding: 0;
  }

  .tour_form_submit_mesg{
    font-size: 5.5vw !important;
  }

  .tour_form_card label{
    font-size: 14px !important;
  }

  .book_a_tour_from_card input[type=text],
  .book_a_tour_from_card input[type=number],
  .book_a_tour_from_card input[type=date],
  .book_a_tour_from_card input[type=email]{
    font-size: 1rem !important;
  }



  .travel_form_button{
    border-radius: 8vw !important;
  }

  .next_pre_section .tour_form_slide_btn{
    width: 50px !important;
    height: 50px !important;
  }

  .Departure_dropdown,
  .Destination_dropdown{
    max-height: 200px !important;
  }
}

.book_a_tour_from_card.col-lg-6{
  flex: none;
}

.tour_form_card label {
  margin: 5px 0;
  font-size: 0.8rem;
  color: #07524d;
  font-weight: 400 !important;
}

.tour_form_card select,
.tour_form_card input[type="text"],
.tour_form_card input[type="date"],
.tour_form_card input[type="datetime-local"],
.tour_form_card input[type="time"],
.tour_form_card input[type="email"],
.tour_form_card input[type="number"],
.tour_form_card textarea{ 
  font-size: 1rem;
}

.book_a_tour_container .select2-container .select2-selection--single .select2-selection__rendered{
  font-size: 1rem;
}

.book_a_tour_from_card{
  /* display: flex; */
  justify-content: center;
  align-items: center;
}

.book_a_tour_from_card form{
  width: 100%;
}

.tour_form_card .form-group{
  margin-bottom: 0.8rem;
  line-height: 0.8;
  position: relative;
}

.orSection{
  text-align: left;
  margin-bottom: 2rem;
  color: #07524d;
}


.orSection h4{
  border-radius: 50%;
  margin: auto;
}

.book_a_tour_overly{
  background-color: rgb(0 0 0 / 41%);
}

.book_a_tour_pre_slide{
  visibility: hidden;
  position: absolute;
  left: 0;
}


.next_pre_section{
  position: relative;
  width: 100%;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0 30px 10px;
}

 .next_pre_section .tour_form_slide_btn{
  background-color: transparent;
  border: 0.5px solid #c65a79;
  cursor: pointer;
  color: #c65a79;
  padding: 5px 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height:40px;
  border-radius: 50%;
}

.next_pre_section .tour_form_slide_btn:hover{
  background-color: #c65a79;
  color: white;
}


.book_a_tour_from_card{
  padding: 12px;
}


.book_a_tour_next_slide,
.book_a_tour_pre_slide{
  display: flex;
  align-items: center;
  color: #c65a79;
  cursor: pointer;
}

.book_a_tour_next_slide:hover .tour_slide_to_next{
  background-color: #c65a79;
  color: white;
} 

.book_a_tour_pre_slide:hover .tour_slide_to_pre{
  background-color: #c65a79;
  color: white;
} 

.book_a_tour_next_slide > p{margin-right: 10px;}
.book_a_tour_pre_slide > p{margin-left: 10px;}

.close_book_a_tour_from{
  position: relative;
  color: #c65a79;
  display: flex;
  justify-content: center;
  align-items: center;
}


.travel_form_button{
  border-radius: 3vw;
  background-color: #c65a79;
  border: none;
  padding: 10px 30px;
  color: white;
}

.tour_form_card input{
  -webkit-appearance: none !important;
  text-align: left !important;
  text-align: -moz-left;
  text-align: -webkit-left;
  font-size: 1rem;
}
.tour_form_card input[type="date"] {
  text-align: center;
}


.tour_form_card input:placeholder-shown,
.tour_form_card input::placeholder{
  text-align: left !important;
}

.book_a_tour_from_card input[type=text],
.book_a_tour_from_card input[type=number],
.book_a_tour_from_card input[type=date],
.book_a_tour_from_card input[type=datetime-local],
.book_a_tour_from_card input[type=time],
.book_a_tour_from_card input[type=email],
.book_a_tour_from_card select{ 
  border: none;
  outline: none;
  border-color: transparent;
  border-bottom: 1px solid;
  border-color: #07524d;
  color: #07524d;
  border-radius: 0;
}

.book_a_tour_container select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("../assets/images/travel_desk_form_icons/dropdown.png");
  background-repeat: no-repeat;
  background-size: 10px 10px;
  /* background-position: 99%; */
  height: 35px;
}

.book_a_tour_container input[type="radio"]:read-only{
  background-color: unset !important;
}

.book_a_tour_container select:focus {
  box-shadow: none !important;
  border-color: #07524d !important;
}

#travel_ty_card{
  position: fixed;
  z-index: 999999;
  display: none;
  justify-content: center;
  align-items: center;
  height: 100vh;
  width: 100%;
  background-color:rgb(0 0 0 / 41%);
}

#travel_ty_card img{
  width: 30vw;
}

.book_a_tour_from_card input[type=date],
.book_a_tour_from_card input[type=datetime-local],
.book_a_tour_from_card input[type=time]{
  height: 35px;
  outline: none !important;
}

.book_a_tour_from_card input[type=date]:focus,
.book_a_tour_from_card input[type=datetime-local]:focus,
.book_a_tour_from_card input[type=time]:focus{
  outline: none !important;
  box-shadow: none !important;
}


.select2-container--default .select2-results > .select2-results__options{
  overscroll-behavior: contain;
}


.selecter_input {
  position: relative;
  overscroll-behavior: contain;
}
.selecter_input::before {
  position: absolute;
  background-image: url(../assets/images/travel_desk_form_icons/dropdown.png);
  right: 0;
  bottom: 0;
  background-size: 10px 10px;
  content: '';
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
}



/* Css For IOS IPHONE SAFARI */
@supports (-webkit-touch-callout: none) {
  .book_a_tour_from_card input[type=date]::-webkit-calendar-picker-indicator,
  .book_a_tour_from_card input[type=datetime-local]::-webkit-calendar-picker-indicator,
  .book_a_tour_from_card input[type=time]::-webkit-calendar-picker-indicator {
    display: none;
  }

  .book_a_tour_from_card input[type="date"]::before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background-image: url(../assets/images/travel_desk_form_icons/dropdown.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 40px;
    right: 12px;
    transform: translateY(-50%);
  }
}

/* CSS for Other like android or desktop */
@supports not (-webkit-touch-callout: none) {
  .book_a_tour_from_card input[type=date]::-webkit-calendar-picker-indicator,
  .book_a_tour_from_card input[type=datetime-local]::-webkit-calendar-picker-indicator,
  .book_a_tour_from_card input[type=time]::-webkit-calendar-picker-indicator {
    display: block;
    background-image: url(../assets/images/travel_desk_form_icons/dropdown.png);
    width: 10px;
    margin-top: 10px;
    right: -10px;
  }
}



.book_a_tour_from_card input:-webkit-autofill,
.book_a_tour_from_card input:-webkit-autofill:hover,
.book_a_tour_from_card input:-webkit-autofill:focus,
.book_a_tour_from_card input:-webkit-autofill:active{
  color: #07524d;
  -webkit-text-fill-color: #07524d
}

.book_a_tour_from_card input::-webkit-calendar-picker-indicator {
  /* filter: invert(24%) sepia(24%) saturate(1633%) hue-rotate(128deg) brightness(95%) contrast(94%); */
}

.book_a_tour_container .select2-container--default.select2-container--focus .select2-selection--multiple{
  border: none;
  border-bottom: 1px solid;
}

.book_a_tour_from_card .select2-selection.select2-selection--multiple{
  border: none;
  border-bottom: 1px solid #07524d;
  border-radius: 0 !important;
}

.book_a_tour_container .select2-container--default .select2-selection--single .select2-selection__arrow{
  display: none;
}

.book_a_tour_from_card input[type=text]:focus,
.book_a_tour_from_card input[type=number]:focus,
.book_a_tour_from_card input[type=date]:focus,
.book_a_tour_from_card input[type=email]:focus{ 
  outline: none;
  box-shadow: none;
}


.tour_form_card{
  position: relative !important;
  transition: 0.5s;
  padding: 20px 30px ;
}

.tour_form_card.active{
  animation: slideShow 0.5s forwards ease-in-out;
  display: block;
}

.next_card{
  animation: slideCardUp 0.5s forwards ease-in-out;
}

.prev_card{
  animation: slideCardDown 0.5s forwards ease-in-out;
}

.tour_form_card.nonActive{
  animation: slideUp 0.5s forwards ease-in-out;
  display: none;
}

#tour_form_submit{
  display: none;
}

@keyframes slideUp{
 0%{
  opacity: 1;
 }
 100%{
  opacity: 0;
 }
}

@keyframes slideShow{
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}


@media only screen and (max-width: 1200px){
  .checkmark,
  .tour_form_checkbox .checkmark:after{
   margin-top:0 
  }

  .next_pre_section{
    padding:0 30px 10px 30px;
  }

  /* .tour_form_card label{
    font-size: 1rem;
  } */

  .tour_form_card input{
    font-size: 1rem;
  }
}


@media only screen and (max-width: 992px) {
  .next_pre_section{
    padding: 0 30px 10px;
  }

  /* .tour_form_card label{
    font-size: 1rem;
  } */

  .tour_form_card input{
    font-size: 0.8rem;
  }

  .orSection h4{
    font-size: 1rem;
  }
}


.Departure_dropdown,
.Destination_dropdown{
    overflow-y: scroll;
    height: fit-content;
    max-height: 115px;
    position: absolute;
    width: 100%;
    background: white;
    padding: 0;
}

.Departure_dropdown li,
.Destination_dropdown li{
  list-style: none;
  padding: 0vw 1vw;
  line-height: 1.5 !important;
}

.Departure_dropdown li:hover,
.Destination_dropdown li:hover {
  background: #e89b94;
  color: white;
}

.Departure_dropdown::-webkit-scrollbar,
.Destination_dropdown::-webkit-scrollbar {
  width: 5px;
}
.Departure_dropdown::-webkit-scrollbar-track,
.Destination_dropdown::-webkit-scrollbar-track {
  background: transparent;
}

.Departure_dropdown::-webkit-scrollbar-thumb,
.Destination_dropdown::-webkit-scrollbar-thumb {
  background-color: #e89b94;
  border-radius: 30px;
}

.Departure_dropdown,
.Destination_dropdown{
  display: none;
}

.addDestinationFeild{
  position: absolute;
  right: 0;
  cursor: pointer;
  color: #00524e
}


#book_a_tour_section5 .form-group{
  margin-bottom: 0.5rem;
}


/* The container */
.tour_form_checkbox {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 10px 0 !important;
}

/* Hide the browser's default checkbox */
.tour_form_checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: transparent;
  border-radius: 50%;
  border: 0.1vw solid #07524d;
  margin-top: 1%;
}

/* When the checkbox is checked, add a blue background */
.tour_form_checkbox input:checked ~ .checkmark {
  background-color: #07524d;
  margin-top: 1%;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
/* .tour_form_checkbox input:checked ~ .checkmark:after {
  display: block;
} */

/* Style the checkmark/indicator */
/* .tour_form_checkbox .checkmark:after {
  left: 6px;
  top: 3px;
  width: 6px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
} */

.destination_name_holder{
  width: fit-content;
  color: white;
  background-color: #00524e;
  margin: 5px 5px 0 0;
  padding: 5px 10px;
}

#destination_name_holder_main{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.remove_destination{
  cursor: pointer;
  margin-left: 10px;
}

.tour_form_submit_mesg{
  text-align: center;
  /* position: absolute; */
  width: 100%;
  font-size: 2vw;
  color: #07524d;
}

.tour_form_submit_mesg h4{
text-align: center;
}

.tour_submit_call_us_at{
  text-align: center;
  color: #07524d;
  width: 100%;
  display: none;
}


#tour_start_date,
#tour_end_date{
  user-select: none;
}

.tour_submit_disable{
  background-color: #aaa;
  border: 1px solid #888;
  color: #848484;
  cursor: not-allowed !important;
}

.invalid_email_mesg{
  /* position: absolute; */
  margin-top: 5px;
  font-size: 10px;
  color: red;
  display: none;
}


.process_loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.lds-ripple {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ripple div {
  position: absolute;
  border: 4px solid #fff;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}

/* Travel Desk Css */
.travel_desk_options{
  position: absolute;
  direction: ltr;
}

.travel_capsule{
  display: grid;
  grid-template-columns: 20% 80%;
  align-items: center;
  background-color: white;
  border-radius: 3vw;
  padding: 7px 9px;
  width: 16vw;
  margin-top: 5px;
  cursor: pointer;
  box-shadow: 0px 2px 4px rgb(0 0 0 / 25%);
}

.travel_capsule .travel_capsule_img img{
  width: 80%;
}


.travel_capsule .travel_capsule_title h2{
  font-size: 1vw;
  margin: 0;
  color: #07524d;
}

.short_capsule{
  width: 60%;
  grid-template-columns:40% 60% !important ;
}

.short_capsule .travel_capsule_img img{
  width: 72% !important;
}

.book_a_tour_section:hover .travel_desk_options{
  display:block;
  opacity: 1;
}

.travel_desk_options{
  display:none;
  opacity: 0;
}

/* .travel_desk_options.active{
  display:block;
  opacity: 1;
} */
/* .travel_desk_options.hide{
  display:none;
  opacity: 0;
} */



.book_airline.hide,
.book_bus.hide,
.book_car.hide,
.book_tours_retreats.hide,
.book_umrah.hide,
.corporate_form.hide,
.customer_form.hide{
  display: none;
  opacity: 0;
}

.book_airline.active,
.book_bus.active,
.book_car.active,
.book_tours_retreats.active,
.book_umrah.active,
.corporate_form.active,
.customer_form.active{
  display: flex;
  opacity: 1;
}



.book_airline,
.book_bus,
.book_car,
.book_tours_retreats,
.book_umrah,
.corporate_form,
.customer_form{
  position: fixed;
  top: 0 !important;
  left: 0;
  z-index: 10;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: none;
  flex-flow: wrap;
}

.book_airline > .book_a_tour_from_card,
.book_bus > .book_a_tour_from_card,
.book_car > .book_a_tour_from_card,
.book_tours_retreats > .book_a_tour_from_card,
.book_umrah > .book_a_tour_from_card,
.corporate_form > .book_a_tour_from_card,
.customer_form > .book_a_tour_from_card{
  background-color: white;
  width: 500px;
  height: auto;
  border-radius: 3vw;
  overflow: hidden;
  scroll-behavior: smooth;
  position: relative;
}

.close_travel_desk {
  position: absolute;
  right: 4%;
  font-size: 14px;
  color: white;
  font-weight: 400;
  cursor: pointer;
}

.close_travel_desk i {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #07524d;
  border-radius: 50%;
}

.travel_card_header{
  display: flex;
  justify-content: center;
  align-items: center;
}
.travel_card_header img{
  width: 35px;
}

.travel_card_header span{
  color: white;
  margin: 0 0 0 15px;
  font-size: 25px;

}

.close_book_a_tour_from{
  border-radius: 3vw;
  padding: 12px;
}

.close_bus_card{
  background-color: #e69991;
}
.close_airline_card{
  background-color: #87cfc4;
}
.close_car_card{
  background-color: #c45a79;
}
.close_tours_card{
  background-color: #af91b7;
}
.close_umrah_card{
  background-color: #af91b7;
}
.close_corporate_card{
  background-color: #e69991;
}
.close_customer_card{
  background-color: #c45a79;
}

.next_pre_section{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#airline_back,
#bus_back,
#carwithin_back,
#caroutside_back,
#tour_back,
#umrah_back,
#carairport_back,
#corporate_back,
#customer_back{
  visibility: hidden;
}
#airline_submit,
#bus_submit,
#carwithin_submit,
#caroutside_submit,
#tour_submit,
#umrah_submit,
#carairport_submit{
  display: none;
}

.book_a_tour_mobile_btn{
  position: absolute;
  width: 100px;
  right: 15%;
}
.book_a_tour_mobile_btn img{
 width: 100%;
}

.book_a_tour_mobile_btn{
  display: none;
}

.book_a_tour_container .select2-container--default .select2-selection--single .select2-selection__rendered{
  color: #07524d !important;
}

.book_a_tour_container span.select2-container.select2-container--default.select2-container--open{
  margin-top: 0;
}

.book_a_tour_container .select2-container--default .select2-selection--single{
  border: none;
  border-bottom: 1px solid;
  border-radius: 0;
  height: 34px;
}

.book_a_tour_container .select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height: 40px !important;
}

.book_a_tour_from_card .form-control:focus{
  box-shadow: none;
}

.book_a_tour_from_card textarea{
  resize: none;
  /* font-size: 0.8rem; */
  border-color: #07524d;
  color: #07524d;
}
.umrah_day_night_count{
  color: #07524d
}


.next_pre_section button:nth-child(1),
.next_pre_section button:nth-child(2){
  padding: 10px 40px;
}

.travel_check_box_form div{
  width: 50%;
  padding-left: 0 !important;
}

.book_a_tour_container  .select2-results__option--selectable{
  font-size: 0.7rem !important;
}

.book_a_tour_container .select2-selection.select2-selection--single::before{
  position: absolute;
  background-image: url(../assets/images/travel_desk_form_icons/dropdown.png);
  right: -2px;
  bottom: 0;
  background-size: 10px 10px;
  content: '';
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
}

.two_input_holder{
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}

.tour_form_card .two_input_holder div{
  width: 45% !important;
}


.book_a_tour_from_card input[type='radio'] {
  -webkit-appearance: none !important;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  outline: none;
  border: 1px solid #07524d;
  margin-bottom: 0 !important;
}

.book_a_tour_from_card input[type='radio']:before {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.book_a_tour_from_card input[type="radio"]:checked:before {
  background: #07524d;
  
}

.book_a_tour_from_card input[type="radio"]:checked {
  border-color:#07524d;
  display: flex;
    align-items: center;
    justify-content: center;
}

.travel_check_box_form div{
  display: flex;
  align-items: center;
}

.travel_check_box_form{
  margin-bottom: 0.8rem;
}


.travel_check_box_form label{
  padding-left: 10px;
  font-size: 1rem;
}

.book_a_tour_from_card input[type=text], .book_a_tour_from_card input[type=number], .book_a_tour_from_card input[type=date], .book_a_tour_from_card input[type=datetime-local], .book_a_tour_from_card input[type=time], .book_a_tour_from_card input[type=email], .book_a_tour_from_card select{
  height: 34px;
  padding-right: 10px;
  width: 100%;
}

#airport_pick_up,
#airport_drop_off{
  display: inline-block;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  padding-right: 25px;
}

#airport_pick_up option,
#airport_drop_off option{
  width: 120px;
}

.book_a_tour_container input::-webkit-datetime-edit-day-field:focus,
.book_a_tour_container input::-webkit-datetime-edit-month-field:focus,
.book_a_tour_container input::-webkit-datetime-edit-year-field:focus{
  color: #07524d;
  background-color: white;
}

.book_a_tour_container .select2-results__option--selectable{
  font-size: 0.8rem !important;

}

.travel_desk_form_options{
  display: grid;
  justify-content: space-between;
  text-align: center;
  grid-template-columns: 33.33% 33.33% 33.33%;
  padding: 20px 30px 0;
}

.travel_desk_form_options div{
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  user-select: none;
  font-size: 15px;
  border-bottom: 1px solid transparent;
}

.travel_desk_form_options div.active_tab{
  border-bottom: 1px solid #c45a79;
  background-color: #c45a79;
  color: white;
  border-radius: 6px;
}

.travel_desk_form_options div:nth-child(2):after,
.travel_desk_form_options div:nth-child(2):before  {
  content: '';
  width: 2px;
  height: 60%;
  position: relative;
  top: 0;
  background-color: #c45a79;
}

.travel_desk_form_options div:nth-child(2):after{
  right: -25px;
}

.travel_desk_form_options div:nth-child(2):before {
  left: -25px;
}

.travel_desk_form_options .tab_center.active_tab:after,
.travel_desk_form_options .tab_center.active_tab:before  {
  background-color: transparent;
}

#car_airport_pick_up_feild,
#car_airport_drop_off_feild,
#car_airport_location_address,
#car_outside_location_address,
#car_within_location_address{
  display: none;
}

@media only screen and (max-width: 600px){
  .book_a_tour_section{
    width: 100px
  }

  .travel_and_login_holder{
    position: unset;
  }

  .book_a_tour_section{
    right: 18%;
  }

  #book_a_tour_btn{
    display: none;
  }

  .book_a_tour_mobile_btn{
    display: block;
  }

  .book_a_tour_section{
    position: unset;
  }

  .travel_desk_options{
    width: 100%;
    background: white;
    right: 0;
    transition: 0.5s;
    top: -500px;
    padding: 2vw;
    z-index: 10;
    display: block !important;
  }

  .travel_desk_options.hide{
    display: block !important;
    opacity: 1 !important;
    top: -500px !important;
  }

  .travel_desk_options.active{
    top: 0 !important;
    border-bottom-right-radius: 10vw;
    border-bottom-left-radius: 10vw;
    z-index: 10;
    opacity: 1;
  }

  .travel_capsule .travel_capsule_title h2{
    font-size: 5vw;
  }

  .travel_capsule {
    width: 100%;
    border-radius: 10vw;
    border: 0.1vw solid #a0bebc;
    box-shadow: none
  }

  .short_capsule{
    grid-template-columns: 20% 80% !important;
  }
  .short_capsule .travel_capsule_img img{
    width: 80% !important;
  }

  .book_airline, .book_bus, .book_car, .book_tours_retreats, .book_umrah, .corporate_form, .customer_form{
    padding: 0 !important;
  }

  .book_airline > .book_a_tour_from_card,
  .book_bus > .book_a_tour_from_card,
  .book_car > .book_a_tour_from_card,
  .book_tours_retreats > .book_a_tour_from_card,
  .book_umrah > .book_a_tour_from_card,
  .corporate_form > .book_a_tour_from_card,
  .customer_form > .book_a_tour_from_card{
    width: 100%;
    position: absolute;
    bottom: -100%;
    transition: 0.5s;
  }

  .book_airline.active .book_a_tour_from_card,
  .book_bus.active .book_a_tour_from_card,
  .book_car.active .book_a_tour_from_card,
  .book_tours_retreats.active .book_a_tour_from_card,
  .book_umrah.active .book_a_tour_from_card,
  .corporate_form.active .book_a_tour_from_card,
  .customer_form.active .book_a_tour_from_card{
    bottom: 0 !important;
    border-top-right-radius: 10vw;
    border-top-left-radius: 10vw;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .book_airline,
  .book_bus,
  .book_car,
  .book_tours_retreats,
  .book_umrah,
  .corporate_form,
  .customer_form{
    display: flex !important;
    visibility: hidden !important;
    opacity: 1 !important;
  }

  .book_airline.active,
  .book_bus.active,
  .book_car.active,
  .book_tours_retreats.active,
  .book_umrah.active,
  .corporate_form.active,
  .customer_form.active{
    visibility: visible !important;
  }


  .close_book_a_tour_from{
    border-radius: 10vw;
  }

  .tour_form_card {
    padding: 10px 10px;
  }

  .close_travel_desk i{
    width: 30px;
    height: 30px;
    font-size: 15px;
  }

  .travel_card_header span{
    font-size: 16px;
  }

  .travel_desk_form_options {
    padding: 10px 10px 0px;
  }

  .travel_desk_form_options div:nth-child(2):after {
    content: '';
    height: 50%;
    width: 1px;
    position: relative;
    right: -10px;
    top: 0;
    background-color: #c45a79;
  }
  
  .travel_desk_form_options div:nth-child(2):before {
    content: '';
    height: 50%;
    width: 1px;
    position: relative;
    left: -10px;
    top: 0;
    background-color: #c45a79;
  }

  
}



/* Blog Description page css */

/* Blog Banner's Here start */

.test_image_thumb{
  background-image: url(../assets/images/blog_images/blog-thumb-01.png);
}
/* Blog Banner's Here end */

.blog-banner{
  height: 400px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.blog-content-description{
  height: auto;
  background-color: white;
  margin-top: -250px !important;
  border-radius: 2vw;
}

.blog-share-social-pack div{
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.facebook-icon{
  background-color: #1877f2;
  color: white;
}

.facebook-icon a {
  color: white;
}

.twitter-icon{
  background-color: #1da1f2;
  color: white;
}

.linkedin-icon{
  background-color: #0a66c2;
  color: white;
}

.copychain-icon{
  background-color: #808080;
  color: white;
  cursor: pointer;
}

.blog-share-social-pack{
  position: absolute;
  right: -15px;
  gap: 10px;
  display: flex;
  flex-direction: column;
  margin-top: 280px;
}

.blog-posted{
  padding: 5rem 0 2rem;
  text-align: center;
}

.blog-posted p {
  color: #839297;
  font-size: 12px;
  text-transform: uppercase;
}

.blog-text-section{
  padding: 0 18%;
}

.blog-img-section{
  margin: 3rem auto !important;
}

.blog-title h3{
  text-align: center;
  font-family: 'Poppins';
  font-weight: 600;
  margin-bottom: 2rem;
}

.under-pink-line{
  margin: auto;
  background-color: #6fc7bb;
  width: 50px;
  height: 5px;
  margin-bottom: 4rem;
}


.blog-text{
  font-size: 14px;
  padding: 0 1rem;
  line-height: 1.8;
  margin-bottom: 1rem;
}

.blog-text .sub-title{
  margin: 0 0 0.5rem 0;
}

.blog-text .sub-title h5{
  margin: 0;
}

.blog-spacer{
  margin-top: 2rem;
}

.blog-lokal-link{
  color: #6fc7bb;
}

.blog-lokal-link:hover{
  color: #6fc7bb;
}

.blog-share-social-pack-mobile{
  display: none;
}

.blog-end-section{
  margin-bottom: 4rem;
}

/* .policy-line css */
.policy-line{
  padding: 0px 0 0.8vw 0;
}

.policy-line p{
  font-size: 0.7vw ;
  font-weight: 500;
  color: #00524e !important;
}

.policy-line a{
  font-weight: bold;
  color: #00524e !important;
}

.policy-line a:hover{
  font-weight: bold;
  color: #00524e !important;
}

@media only screen and (max-width: 575px) {
  .collect_information .cust_pading{
    padding: 0.5vw;
  }
  #travel_ty_card img{
    width: 60vw;
  }
  .policy-line p{
    font-size: 3.2vw;
  }

  .policy-line{
    margin-top: 5px;
  }

  .blog-posted {
    padding: 2rem 0 2rem;
  }

  .blog-text-section,
  .blog-text{
    padding: 0;
  }

  .blog-content-description{
    margin-top: 0 !important;
    border-radius: 0 !important;
  }

  .under-pink-line,
  .blog-share-social-pack-mobile{
    margin-bottom: 2rem;
  }
  .blog-share-social-pack-mobile{
    display: block;
  }

  .blog-banner-holder{
    padding: 0 !important;
    border-radius: 0;
  }

  .blog-banner{
    border-radius: 0 !important;
  }

  .blog-share-social-pack{
    display: none;
  }

  .blog-share-social-pack-mobile{
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
  }

  .blog-share-social-pack-mobile div{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    /*  */
    display: flex;
    justify-content: center;
    align-items: center;
  }
}



/* Travel desk addition css */
.lokal_travel_desk_holder{
  height: 45vw;
  background-color: #07524d;
  background-image: url(../assets/images/lokal_travel_desk_icons/bg-pattern.webp);
  background-size: cover;
  background-repeat: no-repeat;
}

.lokal_travel_desk_holder .container{
  display: grid;
  grid-template-rows: 30% 40% 30%;
  height: 100%;
  padding: 2vw 0;
}

.travel_desk_logo{
  display: flex;
  justify-content: center;
  align-items: center;
}

.travel_desk_logo img{
    width: 20vw;
    max-width: 220px;
}

.travel_desk_features{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.travel_desk_features img{
 width: 100%;
}

.travel_desk_features{
  text-align: center;
}

.travel_desk_features h3{
  text-align: center;
    font-size: 1.3vw;
    font-weight: 400;
    color: white;
    margin: 1vw 0 0;
}

.travel_desk_footer{
  text-align: center;
  color: white;
  font-size: 1.4vw;
}

.travel_desk_footer button{
  color: white;
  border: 0.16vw solid white;
  padding: 1.5vh 3.8vw;
  font-weight: 500;
  border-radius: 50vw;
  font-size: 1.1vw;
  background-color: transparent;
}

.travel_desk_footer button:hover{
  color: #07524d;
  background-color: white;
}

.travel_desk_footer button:nth-child(2){
  margin-left: 2vw ;
}


.travel_desk_footer{
  display: flex;
  justify-content: center;
  align-items: center;
}

.travel_desk_footer div > div{
  margin-top: 0.3rem ;
}

.travel_features_image{
  cursor: pointer;
}


/* Career */
.carrer_banner_images .career_banner_images_holder{
  height: 50vh
}

.carrer_banner_images .career_banner_images_holder.part_1{
  display: grid;
  /* Uncomment this wehn you remove test code */
  /* grid-template-columns: 20% 35% 20% 25%; */

  /* Test Code */
  grid-template-columns: 20% 35% 20% 25%;

}

.carrer_banner_images .career_banner_images_holder.part_2{
  display: grid;
  grid-template-columns: 35% 20% 25% 20%;
}


.carrer_banner_images .career_banner_images_holder  div img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.carrer_banner_images div{
  /* Uncommet dose when you remove test code */
  /* height: 100%;
  overflow: hidden; */

  /* test Code */
  position: relative;
  height: 50vh;
}

/* Test Code Start */
.carrer_banner_images .career_banner_images_holder.part_1 div:nth-child(1) img{
  position: absolute;
  top: 3vw;
  left: 3vw;
  z-index: 1
}

.carrer_banner_images .career_banner_images_holder.part_1 div:nth-child(3) img{
  position: absolute;
  top: 3vw;
  width: 30vw;
  left: -5vw;
  z-index: 2
}


.carrer_banner_images .career_banner_images_holder.part_2 div:nth-child(2) img{
  position: absolute;
  top: -3vw;
  width: 35vw;
  left: -7vw;
  z-index: 1;
}


/* Test Code End */

.career_banner{
  position: relative;
  min-height: auto;
  max-height: calc(100vh - 90px);
  overflow: hidden;
  /* background-image: url(../assets/images/career/test-banner-01.jpg) */
}

.career_banner img{
  width: 100%
}


.career_overly_green{
  background-color: #07524d;
  position: absolute;
  opacity: 0.85;
  /* Test Code */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 8;
}


.career_overly{

  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
   /* Test Code */
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 8;
   position: absolute;
}

.career_banner_text h1{
  color: white;
  font-size: 60px;
  font-weight: bold;
  text-align: center;
  text-align: center;
  margin-top: -30px;
}

#banner_text{
  height: 150px;
}

.career_apply_buttons_section{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
}

.career_apply_buttons_section button{
  border-radius: 30px;
}
.career_apply_buttons_section button,
.job_apply_section button{
  border: none;
  color: white;
  background: #c65a79;
  padding: 14px 30px;
  font-weight: 500 !important;
  text-align: center; 
  width: 200px
}

.job_apply_section button{
  padding: 8px 40px;
}

/* Career Job section */
.career_job_section{
  background: white;
  min-height: calc(100vh - 70px);
  max-height: 100%;
  scroll-margin-top: 70px;
  /* padding: 20px 0 */
}

.job_tile{
    background: #ffffff;
    box-shadow: 0px 2px 5px 1px rgb(0 0 0 / 25%);
    border-radius: 30px;
    /* padding: 20px; */
    margin-bottom: 15px;
    position: relative;
}

.job_tags ul{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.job_tags ul li{
  background-color: #e69991;
  padding: 5px 10px;
  border-radius: 30px;
  color: white;
  font-size: 14px;
}

.job_apply_section{
  display: flex;
  justify-content: flex-end;
}

.job_title h2{
  color: #07524d;
  font-size: 18px;
  font-weight: 700;
  margin: 0
}

.job_title{
  margin-bottom: 5px;
}

.job_filter_capsule{
  border-radius: 50px;
  cursor: pointer;
  text-transform: capitalize;
  width: 100%;
  text-align: left;
  /* margin-bottom: 1.5vh; */
  border: 0.1vw solid #eaeaea;
  background: white;
  margin-left: -10px;
  margin-right: -10px;
}

.job_filter_capsule:hover {
  background: #eaeaea;
}

.job_filter_capsule .job_icon {
  padding: 5px;
}

.selectPathIcon{
  width: 50px !important;
  height:50px !important;
}



.job_filter_capsule .job_icon .job_icons_circle {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #c65a79;
  display: flex;
  justify-content: center;
  align-items: center;

}

.job_filter_capsule .job_icon .job_icons_circle img {
  width: 60%;
  filter: brightness(0) invert(1);
}

.career_filter_travel_icon{
  width: 50%
}

.capsule_job_title{
  margin: 0;
  color: #07524d;
  font-size: 1.2vw;
  font-weight: 600
}



.job_list_holder{
  padding-right: 6vw;
}

.job_list_holder > ul > li {
  margin-bottom: 15px
}

.job_list_holder,
.job_cat_card{
  padding-top: 30px
}
/* Job detail Page */
.job_detail_title h2{
  font-size: 28px;
  font-weight: 500;
  margin: 0;
  color: #07524d
}

.job_detail_title{
  line-height: 1.8
}

.job_location_under_title p{
  color: #839297;
  font-size: 16px;
}

.detail_job_title{
  line-height: 0.8
}

.job_sub_title{
  font-size: 18px;
  margin: 0;
}

.job_details_card{
  overflow: hidden
}

.job_card_steps{
  /* display: grid; */
  /* grid-template-columns: repeat(2, 100%); */
  transition: 0.5s
}

.job_description p{
  line-height: 1.4
}

.job_detil_orderList{
  list-style-type: disc;
  padding: revert;
}

.job_url_and_socail input{
  width: 100%;
  background-color: white !important;
  border: 0 !important;
  border-bottom: 1px solid #07524d !important;
  border-radius: 0
}

/* .job_url_and_socail label{
 font-size: 12px !important
} */

.job_detail_container hr{
  margin: 20px 0 20px 0 !important
}

.job_detail_sub_headings{
  color: #07524d;
  font-weight: 500;
}

.share_current_job{
  padding-top: 15px
}

.job_details_social_icons ul,
.share_current_job ul{
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 10px
}

.job_details_social_icons ul li,
.share_current_job ul li{
 width: 40px;
 height: 40px;
 border-radius: 50%;
 display: flex;
 justify-content: center;
 align-items: center;
 color: white;
 cursor: pointer
}

.job_details_social_icons ul a:first-child li{
  background-color: #0a66c2;
}

.job_details_social_icons ul a:nth-child(2) li{
  background-color: #1da1f2;
}
.job_details_social_icons ul a:nth-child(3) li{
  background-color: #1877f2;
}
.job_details_social_icons ul a:nth-child(4) li{
  background-color: #c92471;
}

.email_holder_input_job_details{
  display: flex; 
  justify-content: space-between; 
  align-items: center;
}

.email_holder_input_job_details i{
  font-size: 18px;
  position: absolute;
  right: 0; 
  display: none
}

.email_holder_input_job_details:hover i{
  display: block
}


/* Share Iconc */

.share_current_job ul a:first-child li{
  background-color: #25D366;
}

.share_current_job ul a:last-child li{
  background-color: #808080;
}

.sticky_container{
  position: sticky;
  top: 100px;
  width: 100%;
}

.sticky_card{
  position: relative !important;
  top: 0 !important;
}

.job_type_details,
.job_page_contect_us_section{
  padding: 20px
}

.file_upload_jobs{
  background: white !important;
  border: 0 !important;
  border-bottom: 1px solid #07524d !important;
  border-radius: 0
}
#fileIconPath{
  display: none;
  padding: 10px;
  width: 100%;
  border-bottom: 1px solid #07524d;
  color: #07524d;
  align-items: center;
  justify-content: space-between;
}

#fileFullName{
  display: inline-block;
  width: 80%;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  max-width: 80%;
}

.defult_card_settings{
  padding: 50px 0;
}

.defult_card_settings_another{
  padding: 0 0 50px 0;
}

.career_beacome_a_lokaler_section{
  background-color: white;
  text-align: center;
  position: relative
}

.career_beacome_a_lokaler_title{
  margin-bottom: 10px;
}

.career_beacome_a_lokaler_title h2{
  color: #07524d;
  font-weight: 600;
  font-size: 3.5vw;
  margin-bottom: 1rem;
}

.career_beacome_a_lokaler_title p{
  color: #07524d;
  font-weight: 500;
  font-size: 1.4rem;
}

.career_jurney_circle{
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin: auto;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.last-circle-line{
  background: #e69991;
  right: 6vw
}

.career_jurney_circle img{
  width: 80%
}
#doted_line_1{
  /* background-color: #c65a79; */
  background-color: #e69991;
}


#doted_line_2,
#doted_line_4{
  top: -10px;
}

#doted_line_2 img,
#doted_line_4 img{
  position: relative;
  left: 3px;
}

.career_vertical_card_title h2{
  color: #07524d;
  font-weight: 600;
  font-size: 3.5vw;
  text-align: center
}

.career_vertical_card_description p{
  color: #07524d;
  font-weight: 400;
  font-size: 1.4rem;
  text-align: left;
}

.career_owen_story_section{
  background-color: #e69991
}

.career_lead_from_the_front{
  background-color: #e8e1ce
}

.career_owen_your_dream{
  background-color: #07524d;
}

.career_find_your_passion_at_lokal_section{
  background-color: #86cec3;  
}

.career_owen_your_dream .career_vertical_card_title h2{
  color: white !important;
  font-weight: 600;
}

.career_content_card:nth-child(even) .career_vertical_card{
  flex-direction: row-reverse !important;
}

.career_content_card .career_vertical_card{
  align-items: center
}

.lokal_yt_mantra{
  height: 255px;
}

.lokal_yt_mantra iframe{
  position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.career_find_your_passion_at_lokal_section .career_vertical_card_title h2{
  font-weight: 600;
  line-height: 1.4;
}

.category_title_left_section h3{
  font-size: 20px;
  color: #07524d;
  font-weight: 600;
}

.job_cat_card div.cards_holder:not(:last-child){
  margin-bottom: 25px
}

.job_cat_card div.row ul li{
  /* margin-bottom: 15px */
}

#Operations_category_jobs,
#hospitality_category_jobs,
#Supply_category_jobs,
#tech_category_jobs,
#marketing_category_jobs,
#human_resource_category_jobs,
#travel_category_jobs{
  scroll-margin-top: 85px;
}

.hastag_join_lokal,
.reap_the_benefits_title h2{
  text-align: center;
  padding: 5vh 0 4vh;
}

.hastag_join_lokal h2,
.reap_the_benefits_title h2{
  margin: 0;
  color: #07524d;
  font-weight: 600;
}


.job_apply_section button,
.job_apply_section a{
  width: 100%;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
}

.management_cirle{
  background: #c65a79 !important
}

.internship_cirle{
  background: #87cfc4 !important
}

.ambassador_cirle{
  background: #e69991 !important
}

.operations_cirle{
  background: #c65a79 !important
}

.Hospitality_icon{
  background: #87cfc4 !important
}

.Supply_icon{
  background: #e69991 !important
}

.info_tech_icon{
  background: #b092b8 !important
}

.marketing_icon{
  background: #e69991 !important
}

.travel_icon{
  background: #87cfc4 !important
}

.design_icon{
  background: #b092b8 !important
}

.product_icon{
  background: #c65a79 !important
}

.dotted-line {
  border-bottom: 1px dotted black;
  height: 0;
}

.career_capsule_name{
  text-align: left;
  align-self: center;
  padding-left: 10px !important;
  padding: 0
}

.lokal_latters_images img{
  width: 20px;
  position: absolute
}


.lokal_latters_images img:first-child{
  top: 60px;
  left: 23vw;
  transform: rotate(45deg);
}

.lokal_latters_images img:nth-child(2){
  top: 40px;
  left: 31vw;
}

.lokal_latters_images img:nth-child(3){
  top: 30px;
  left: 49vw;
  transform: rotate(-18deg);
}

.lokal_latters_images img:nth-child(4){
  top: 35px;
  left: 65vw;
  transform: rotate(30deg);
}

.lokal_latters_images img:nth-child(5){
  top: 60px;
  left: 74vw;
  transform: rotate(-17deg);
}

.lokal_latters_images img:nth-child(6){
  top: 150px;
  left: 12vw;
  transform: rotate(-28deg);
}

.lokal_latters_images img:nth-child(7){
  top: 100px;
  left: 18vw;
  transform: rotate(-28deg);
}


.lokal_latters_images img:nth-child(8){
  top: 100px;
  left: 81vw;
  transform: rotate(37deg);
}

.lokal_latters_images img:nth-child(9){
  top: 200px;
  left: 82vw;
  transform: rotate(-15deg);
}

.lokal_latters_images img:nth-child(10){
  top: 150px;
  left: 84vw;
  transform: rotate(-15deg);
}

.filter_capsules_holder{
  display: flex;
   /* gap: 15px */
   justify-content: space-between;
}

.from_toggler_mobile{
  display: none
}

#job_application_submit_btn:disabled {
  border: transparent !important;
  cursor: not-allowed;
  opacity: 0.4;
}

.submit_success_mesg_holder{
  background: #07524d;
  padding: 20px;
  margin-bottom: 20px;
  display: none;
  text-align: center;
}

.submit_success_mesg_holder h3{
  font-size: 20px;
  text-align: center;
  color: white;
  font-weight: 600;
  width: 70%;
  margin: 15px auto 0;
}

.job_page_reach_out h3{
  margin-bottom: 25px;
  font-size: 22px;
  color: #07524d;
  font-weight: 600;
}

/* Apply As Mt Css */
.app_mt_card{
  background: #ffffff;
  box-shadow: 0px 2px 5px 1px rgb(0 0 0 / 25%);
  border-radius: 16px;
  width: 100%;
  padding: 20px;
  position: relative
}


.app_mt_card_body > div{
  /* width: 90%; */
  margin: auto;
  margin-bottom: 1rem
}

.app_mt_question_Options{
  gap: 15px;
  display: flex;
  flex-direction: column;
  margin-left: 20px;
}

.app_mt_question_Options label {
  width: 100%;
  border-radius: 30px;
  background: #e69991;
  text-align: center;
  color: white !important;
  font-weight: 600;
  padding: 0.8vw 0;
  cursor: pointer;
  user-select: none;
  font-size: 0.8rem ;
}

#app_mt_form{
  overflow: hidden;
}

.app_mt_question h3{
  color: #07524d;
  font-weight: 600;
  font-size: 1rem;
}


.app_mt_question_Options input{
  display: none
}

.app_mt_question_Options div.row > div {
  /* text-align: center */
}


.app_mt_question_Options input:checked + label {
  background: #07524d !important
}

.next_prev_app_mt{
  position: absolute;
  bottom: 1.5rem;
  display: flex;
  justify-content: space-between;
  width: 95%;
}

.career_capsules_parent{
  display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 16px
}

/* New Benefits Section */
.benefits_circle_icon{
  width: 12vw;
  height: 12vw;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}

/* @media only screen and (max-width: 1199px){
  .benefits_circle_icon{
    width: 100%;
  }
} */

.benefits_circle_icon img{
  width: 60%;
  filter: brightness(0) invert(1);
}

.benefits_cicle_title{
  text-align:center
}

.benefits_cicle_title h3{
  font-size: 1.1vw;
  color: white;
  font-weight: 600;
  margin: 0;
}

.benefit_tarvel_icon{
  background: #b092b8 !important
}

.benefit_mediacal_icon{
  background: #e69991 !important
}

.benefit_opd_icon{
  background: #c65a79 !important
}

.benefit_hours_icon{
  background: #87cfc4 !important
}

.benefit_scholerships_icon{
  background: #c65a79 !important
}

.benefit_skill_icon{
  background: #b092b8 !important
}

.benefit_meal_icon{
  background: #87cfc4 !important
}

.benefit_incentives_icon{
  background: #e69991 !important
}

.job_page_contect_us_section{
  display: none;
  position: sticky;
  top: 100px;
}

.benefits_icon_text_holder{
  text-align: center;
  gap: 10px;
  width: 100%
}

.benefit_rows:first-child{
  margin-bottom: 15px
}

.benefit_rows{
  justify-content: center;
  /* gap: 20px; */
}

/* Check tick animations svg */

.checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #e8e1ce;
  fill: none;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark-mark {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: block;
  stroke-width: 10;
  stroke: #c35a79;
  stroke-miterlimit: 10;
  margin: auto;
  box-shadow: inset 0px 0px 0px #e8e1ce;
  animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

.white-line{
  width: 70%;
  height: 3px;
  background: white;
  margin: 15px auto;
}

.submited_form_below_detils_success_line{
  color: white;
  text-align: center;
  font-size:20px;
  font-weight: 500;
}


/* Test Line Code */
#line-box {
  position: absolute;
  left: -30vw;
  top: 0;
  width: 31vw;
  height: 69px;
  stroke-dasharray: 5px;
  stroke-width: 2px;
}

#circle {
  left:25px;
  top:25px;
  overflow:visible;
  fill:#cccccc;
}


/* Test Line Code End */

@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes scale {
  0%, 100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}
@keyframes fill {
  100% {
    box-shadow: inset 0px 0px 0px 40px #e8e1ce;
  }
}

.h3_submit_form{
  width: 60%
}

/* New css */
.chose_path_options label{
  width: 12vw;
  height: 10vw;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  color: white;
  cursor: pointer;
  font-weight: 600;
  padding: 20px;
  font-size: 1.2vw;
}

.anim_card_section{
  height: calc(100vh - 70px);
  display: grid;
  grid-template-rows: repeat(2, 100%);
  justify-content: center;
  align-items: center;
  transition: 0.5s
}

.anim_card_section > div:first-child{
  text-align: center
}

.chose_path_options label.mt_form_label,
.chose_path_options label.intern_form_label{
  background: #b092b8
}



.chose_path_options input[type="radio"]{
  appearance: none;
  display:none
}

.choose_path_title h3{
  margin-bottom: 30px !important;
  font-size: 3vw;
  color: #07524d;
  font-weight: 600;
  text-align: center
}

.chose_path_options{
  text-align: center;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  margin: auto
}

.jb_options_capsules{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.jb_options_capsules > div.progress_capsule{
  background: #c65a79;
  border-radius: 30px;
  padding: 10px 15px;
  color: white;
  font-weight: 600;
  width: 20vw;
  text-align: center;
  cursor: pointer;
  font-size: 1.1vw
}

.three_jd_container{
  transform: translateX(0px);
  height: calc(100vh - 260px);
  overflow-y: scroll;
  transition: 0.5s
}

#floating_arrow_back{
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #c65a79;
  border: none;
  color: white;
  font-size: 20px;
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
  animation: bouncey 1.6s linear infinite;
  justify-content: center;
  align-items: center;
  z-index: 2;
}

@keyframes bouncey {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(5px);
  }
  100% {
    transform: translateY(0);
  }
}


/* .choose_depratment_section{
  width: 80%;
  margin: auto
} */

.jb_options_capsules > div.active{
background: #07524d
}


.apply_jd_section{
  padding:  10px  0;
  top: 0;
  transition: 0.5s
}

.jd_details_card_holder{
  box-shadow: 0px 2px 5px 1px rgb(0 0 0 / 25%);
  border-radius: 30px;
  width: 99%;
  margin: auto
}

.jd_details_card_holder .jd_cards_row{
  display: grid;
  grid-template-columns: repeat(3, 100%);
  transition: 0.5s;
  /* padding: 20px 20px 0; */
  overflow: hidden;
  /* width: 99%; */
  margin: auto
}

#jd_details_card_holder{
  padding: 20px;
}





.choose_depratment_section,
.choose_your_career_path{
  margin-top: -46px
}
/* 
.jd_details_card_holder .jd_cards_row div.jd_detail_card:not(:first-child) .jd_description{
  display: none
} */

.jd_detail_card{
  /* padding: 20px 20px 0; */
  transition: 0.5s;
}

.jd_slider{
 margin-bottom: 15px
}

.jd_title h3{
  margin-bottom: 18px;
  font-size: 2.5vw;
  color: #07524d;
  font-weight: 600;
  text-align: center;
}

.jd_description{
  /* font-size: 20px; */
  font-size: 1rem;
  color: #07524d;
  text-align: center;
}

.questions_row_mt_form{
  margin-left: -33px;
}

.next_prev_jd_section button{
  width: 120px;
  padding: 10px 10px;
  background-color: #c65a79;
  border-radius: 30px;
  color: white;
  font-weight: 500;
  border: transparent;
}

#jd_back{
  visibility: hidden;
}

#submit_mt_form{
  display: none
}

.next_prev_jd_section{
  display: flex;
  justify-content: space-between;
  padding: 20px;
}

#form_container > div{
  box-shadow: 0px 2px 5px 1px rgb(0 0 0 / 25%);
  width: 100%;
  margin: 0 auto 20px auto;
  padding: 20px 20px;
  border-radius: 30px;
}

#app_mt_card_5{
  margin-bottom: 0 !important;
}

#form_container{
  padding: 5px
}
.icon_name_form_mobile{
  display: none
}

.app_mt_submit{
  justify-content: space-between;
}

.app_mt_submit button{
  width: 120px !important;
  padding: 10px 10px !important;
  background-color: #c65a79 !important;
  border-radius: 30px !important;
  color: white !important;
  font-weight: 500 !important;
  border: transparent !important;
}

#resume_error_mesg{
  color: red;
  font-size: 14px;
  display:none
}

.three_jd_container{
  /* margin: 20px 20px 0 */
}

.three_jd_container > div{
  padding: 0 !important
}

.three_jd_container_nonScroll{
  overflow: hidden
}

#card_2 .jd_title,
#card_3 .jd_title{
  margin-top: 20px
}


.job_cat_card ul.row.mobile-gap > li:not(:first-child):not(:nth-child(2))
{
  margin-top: 25px
}



/***** ciities dropdown scroll bar *****/
.three_jd_container::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #07524d;
}

.three_jd_container::-webkit-scrollbar {
  width: 5px;
}

.three_jd_container::-webkit-scrollbar-thumb {
  background-color: #07524d;
  border-radius: 30px;
}


/* Track */
.three_jd_container::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 30px;
}
/* Handle */

/* Handle on hover */
/* Test */


@media only screen and (max-width: 1024px){

  /* .app_mt_question_Options label{
    font-size: 0.5rem
  } */

  /* .chose_path_options label {
    width: 16vw;
    height: 15vw;
  } */

  .choose_path_title h3 {
    margin-bottom: 20px !important;
  }

  .career_banner_text h1 {
    font-size: 50px;
  }

  #banner_text {
    height: 120px;
  }

  .career_apply_buttons_section button {
    width: 190px;
  }

  .carrer_banner_images .career_banner_images_holder.part_1 div:nth-child(3),
  .carrer_banner_images .career_banner_images_holder.part_2 div:nth-child(2){
    display: none
  }

  .carrer_banner_images .career_banner_images_holder.part_1{
    grid-template-columns: 30% 40% 30%;
  }
  
  .carrer_banner_images .career_banner_images_holder.part_2{
    grid-template-columns: 35% 30% 35%;
  }
  .career_vertical_card_title h2{
    font-size: 3vw;
  }

}

#doted_line_3_mobile,
#doted_line_5_mobile{
  display: none
}

@media only screen and (max-width: 768px){
  .filter_capsules_holder{
    display: grid;
    gap: 10px;
    justify-content: unset;
  }

  .career_capsules_parent{
    gap: 10px;
  }

  .career_find_your_passion_at_lokal_section .career_vertical_card_title h2{
    text-align: center !important;
  }
}


@media only screen and (max-width: 575px){

  .filter_capsules_holder{
    justify-content: unset;
  }

  .job_filter_capsule{
    margin-left: 0;
    margin-right: 0;
  }

  .questions_row_mt_form{
    margin-left: -15px;
  }

  .career_capsule_name{
    padding-left: 0 !important;
  }

  .filter_capsules_holder{
    flex-direction: column;
  }

  .carrer_banner_images{
    display: none
  }

  .choose_depratment_section,
  .choose_your_career_path{
    margin-top: 0
  }

  #floating_arrow_back{
    bottom: 100px;
    z-index: 999
  }

  .three_jd_container{
    height: 65vh
    /* height: calc(100vh - 300px); */
  }

  #card_4 .jd_description{
    overflow: scroll;
  }

  .career_banner{
    height: calc(100vh - 70px);
    min-height: auto;
    max-height: calc(100vh - 70px);
    background-image: url(../assets/images/career/test-mobile-banner-01.jpg);
    background-size: cover;
    background-repeat: no-repeat;
  }

  .lokal_form textarea,
  .lokal_form input{
    font-size: 4vw
  }

  .choose_path_title h3{
    margin-bottom: 10px !important
  }

  .filter_capsules_holder{
    gap: 5px !important
  }

  .career_capsules_parent{
    gap: 5px 
  }

  #doted_line_3,
  #doted_line_5{
    display: none
  }

  #doted_line_3_mobile,
  #doted_line_5_mobile{
    display: flex
  }

  #doted_line_2 img, #doted_line_4 img{
    left: 1px
  }

  .career_jurney_circle img{
    width: 100%
  }

  .last-circle-line{
    right: 0
  }

  .benefits_cicle_title.col-12{
    display:none
  }
  .submit_success_mesg_holder h3,
  .white-line{
    width: 100%
  }

  .filters-container{
    margin-top: 0 !important 
  }


  .icon_name_form_mobile{
    display: block;
    align-items: center;
    display: flex;
    justify-content: flex-start;
    padding-left: 15px
  }

  .defult_card_settings_another{
    padding: 0 0 2vh 0
  }

  .icon_name_form_mobile h3{
      font-size: 5vw;
      color: #07524d;
      font-weight: 600;
  }

  .h3_submit_form{
    width: 100%
  }

  .benefits_circle_icon {
    width: 30vw;
    height: 30vw;
    border-radius: 50%;
    background: #07524d;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
  }
  .benefit_cricle_card_holder{
    display: grid;
    grid-template-columns: 35% 65%;
  }

  .benefits_cicle_title{
    align-self: center;
  }

  .benefits_cicle_title h3 {
    font-size: 5vw;
    margin: 0;
  }

  .benefits_cicle_title {
    text-align: left;
  }

  .career_beacome_a_lokaler_tag_line{
    width: 100% !important
  }

  .benefit_rows{
    gap: 15px;
    margin-bottom: 15px
  }

  .app_mt_question_Options{
    gap: 0
  }

  .app_mt_question_Options label {
    height: 40px;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  #form_container > div{
    padding: 15px 15px;
  }

  .choose_depratment_section{
    overflow-x: hidden;
    overflow-y: scroll;
    height: calc(100vh - 75px);
  }

  .app_mt_question_Options{
    margin-left: 0
  }

  .app_mt_question_Options div.row div.col-md-2.col-6{
    padding: 5px 5px !important
  }

  .from_toggler_mobile{
    display: block;
    margin: 10px 0 0
  }
    
  .lokal_latters_images img:first-child{
    top: 30px;
    left: 10vw;
    transform: rotate(45deg);
  }

  .lokal_latters_images img:nth-child(2){
    top: 35px;
    left: 31vw;
  }

  .lokal_latters_images img:nth-child(3){
    top: 25px;
    left: 49vw;
    transform: rotate(-18deg);
  }

  .lokal_latters_images img:nth-child(4){
    top: 28px;
    left: 70vw;
    transform: rotate(30deg);
  }

  .lokal_latters_images img:nth-child(5){
    top: 25px;
    left: 86vw;
    transform: rotate(-17deg);
  }

  .lokal_latters_images img:nth-child(6),
  .lokal_latters_images img:nth-child(7),
  .lokal_latters_images img:nth-child(8),
  .lokal_latters_images img:nth-child(9),
  .lokal_latters_images img:nth-child(10){
    display: none
  }

  #Operations_category_jobs, #hospitality_category_jobs, #Supply_category_jobs, #tech_category_jobs, #marketing_category_jobs, #human_resource_category_jobs, #travel_category_jobs {
    scroll-margin-top: 120px;
  }



  .category_title_left_section h3{
    text-align: center;
    font-size: 25px
  }

  .hastag_join_lokal {
    text-align: center;
    padding: 4vh 0 0vh;
  }

  .capsule_job_title{
    font-size: 4.5vw
  }

  .filter_capsules_holder{
    display: grid;
    grid-template-rows: repeat(3, 70px);
    gap: 15px;
  }

  .selectPathIcon{
    width: 60px !important;
    height: 60px !important;
  }

  .job_filter_capsule .job_icon .job_icons_circle{
    width: 60px;
    height: 60px
  }


  .career_find_your_passion_at_lokal_section .career_vertical_card_title h2{
    text-align: center !important;
    margin: 25px 0;
    font-size: 10vw;
  }

  .career_owen_your_dream .career_vertical_card_title h2{
    text-align: center !important;
    margin: 25px 0;
    font-size: 10vw;
  }

  .career_beacome_a_lokaler_title h2{
    font-size: 10vw
  }

  .career_find_your_passion_at_lokal_section{
    padding-top: 0 !important;
  }
  
  .carrer_banner_images .career_banner_images_holder.part_1 div:nth-child(3),
  .carrer_banner_images .career_banner_images_holder.part_2 div:nth-child(2),
  .carrer_banner_images .career_banner_images_holder.part_1 div:nth-child(4),
  .carrer_banner_images .career_banner_images_holder.part_2 div:nth-child(3){
    display: none
  }

  .carrer_banner_images .career_banner_images_holder.part_1{
    grid-template-columns: 50% 50%;
  }
  
  .carrer_banner_images .career_banner_images_holder.part_2{
    grid-template-columns: 50% 50%;
  }

  .travel_desk_logo img{
    width: 120px
  }

  .lokal_travel_desk_holder{
    height: fit-content;
    background-repeat: repeat;
    background-size: contain;
  }

  .travel_features_image{
    display: grid;
    grid-template-columns: 40% 60%;
    padding: 3vw 0 3vw 0;
    border-bottom: 1px solid white;
  }

  .travel_features_image:nth-child(5){
    border-bottom: none;
  }

  .travel_features_image img{
    width: 70%;
  }

  .travel_desk_features h3{
    text-align: left;
    align-items: center;
    display: flex;
    font-size: 5.5vw;
    text-decoration: underline;
    text-underline-offset: 8px;
  }
  /* set each icons color on under line */
  .airline_main_icon h3{
    text-decoration-color: #87cfc4;
  }

  .bus_main_icon h3{
    text-decoration-color: #e69991;
  }

  .car_main_icon h3{
    text-decoration-color: #c45a79;
  }

  .tour_main_icon h3{
    text-decoration-color: #af91b7;
  }

  .umrah_main_icon h3{
    text-decoration-color: #af91b7;
  }
  /* set each icons color on under line end */
  .travel_desk_features {
    justify-content: center;
  }

  .lokal_travel_desk_holder .container {
    display: flex;
    flex-direction: column;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-right: inherit;
    padding-left: inherit;
  }

  .travel_desk_footer{
    font-size: 3vw;
    margin-top: 10px;
  }
  .travel_desk_footer button{
    font-size: 2.8vw;
    padding: 1.5vh 10vw;
  }

  .travel_desk_footer div > div{
    margin-top: 0.5rem;
  }

  .mobile-gap{
    gap: 20px
  }

  .career_banner_text h1 {
    color: white;
    font-size: 35px;
    text-align: center;
  }

  #banner_text {
    height: 90px;
  }

  .career_apply_buttons_section button, .job_apply_section button{
    /* border-radius: 10vw; */
    padding: 10px 10px;
  }

  .career_apply_buttons_section button{
    width: 150px
  }

  .career_apply_buttons_section{
    gap: 20px
  }

  .sticky_container{
    display: none
  }

  .career_vertical_card_title h2{
    font-size: 8vw
  }

  .career_vertical_card_description p{
    text-align: center
  }

  /* Lokal Hive css */
  .choose_path_title h3{
    font-size: 6vw;
  }

  .chose_path_options{
    grid-template-columns: 50% 50%;
    gap: 15px;
  }

  .chose_path_options label{
    width: 35vw;
    height: 35vw;
  }

  .anim_card_section{
    height: calc(100vh - 70px);
  }

  .jd_title h3{
    font-size: 6.5vw;
  }
}


/* lokal Form inputs and containers */
.lokal_form label{
  color: #07524d;
}


.lokal_form input[type="text"],
.lokal_form input[type="number"],
.lokal_form input[type="email"],
.lokal_form input[type="date"],
.lokal_form input[type="password"],
.lokal_form input[type="datetime"],
.lokal_form input[type="time"],
.lokal_form input[type="tel"],
.lokal_form input[type="url"],
.lokal_form input[type="file"],
.lokal_form select{
  border: none;
  box-shadow: none;
  outline: none;
  border-bottom: 1px solid #07524d ;
  border-radius: 0 !important;
  background-color: transparent;
  color: #07524d;
  font-size: 15px;
}

.lokal_form input:-webkit-autofill{
  -webkit-text-fill-color: #07524d
}

.lokal_form textarea{
  background-color: transparent;
  border-color: #07524d;
  resize: none;
  border-radius: 30px;
  padding: 10px 15px;
  color: #07524d;
  font-size: 15px;
}

.lokal_form textarea:focus{
  background-color: transparent;
  box-shadow: none;
  outline: none !important;
  border-color: #07524d;
}

.lokal_form input[type="text"]:focus,
.lokal_form input[type="number"]:focus,
.lokal_form input[type="email"]:focus,
.lokal_form input[type="date"]:focus,
.lokal_form input[type="password"]:focus,
.lokal_form input[type="tel"]:focus,
.lokal_form input[type="url"]:focus,
.lokal_form select:focus{
  border: none;
  box-shadow: none;
  outline: none;
  background-color: transparent;
  border-bottom: 1px solid #07524d;
}

.scroll_to_form{
  scroll-margin-top: 90px;
}

.readonly_section_inputs label{
  color: #C65A79;
}

.readonly_section_inputs_with_green_label label{
  color: #07524d;
}

.readonly_section_inputs input:read-only,
.readonly_section_inputs_with_green_label input:read-only{
  border: none;
  box-shadow: none;
  outline: none;
  border-bottom: 1px solid #07524d !important;
  border-radius: 0 !important;
  background-color: transparent;
  color: #07524d;
}

/* New Umrah Module Css */

.travel_page_banner_section{
  /* height: calc(100vh - 70px);
  overflow: hidden;
  display: grid;
  grid-template-rows: 92% 8% ; */
}

.travel_detaling_cards{
  position: relative;
  z-index: 1;
  /* margin-top: -51.4875px; */
}

.travel_detailing_dropdown_section{
  height: 7vh;
}

#travel_detaling_cards_holder{
  /* position: absolute; */
}

.travel_banner_img img{
   width: 100%;
}

.travel_banner_img{
  background-image: url(../assets/images/header_old.jpg);
  height: 100%;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.travel_banner{
  overflow: hidden;
  height: calc(93vh - 70px);
}

.travel_faqs_dropdown,
.travel_benefits_dropdown{
  height: 100%;
  color: white;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.travel_faqs_dropdown img,
.travel_benefits_dropdown img{
  width: 15px;
  position: absolute;
  right: 20px;
}

.travel_faqs_dropdown p,
.travel_benefits_dropdown p{
 font-size: 20px;
}

.travel_benefits_dropdown{
  background-color: #c65a79;
}

.travel_faqs_dropdown{
  background-color: #e89992;
}

.travel_banner_text_details h2{
  color: white;
  font-size: 40px;
  margin-bottom: 4.5rem;
}

.travel_banner_text_details h4{
  color: white;
  font-size: 25px;
}

.travel_banner_text_details button{
  color: white;
  font-size: 20px;
  background-color: #b092b8;
  padding: 0.3vw 2.8vw;
  font-weight: 500;
  border: none;
  border-radius: 30px;
}

.travel_benefits_dropdown_card,
.travel_faqs_dropdown_card{
  height: fit-content;
  width: 100%;
  overflow: hidden;
  display: none;
}

.travel_benefits_dropdown_card{
  background-color: #c65a79;
}

.travel_faqs_dropdown_card{
  background-color: #e89992;
}

.travel_benefits_inner_card{
  text-align: center;
}

.travel_benefits_inner_card img{
  width: 55%
}

.travel_faqs_dropdown_card_inner .travel_card_body .row{
  gap: 15px;
} 

.travel_card_body .row{
  justify-content: center;
  align-items: center;
}

#close_travel_benefits_dropdown_card,
#close_travel_faqs_dropdown_card{
  width: 25px;
  height: 25px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 10px;
  top: 10px;
  border: 1px solid white;
  border-radius: 50%;
  padding: 5px;
  cursor: pointer;
}
#close_travel_benefits_dropdown_card img,
#close_travel_faqs_dropdown_card img{
  width: 80%;
  filter: brightness(0) invert(1);
}


.travel_benefits_inner_card h3,
.travel_benefits_inner_card p{
  color: white
}

.travel_benefits_inner_card h3{
  font-size: 18px;
  margin: 10px 0;
}
.travel_benefits_inner_card p{
  font-size: 11px;
  width: 67%;
  margin: auto;
}

.travel_card_title h2{
  margin: 0;
  padding: 0 0 4vh;
  color: white;
}

.travel_benefits_dropdown_card_inner,
.travel_faqs_dropdown_card_inner
{

  text-align: center;
}

.travel_benefits_dropdown_card_inner{
  padding: 4vh 0 9vh;
}

.travel_faqs_dropdown_card_inner{
  padding: 4vh 0 6vh;
}

/* Faqs dropdowns card */
.toggle_faqs_dropdown_card{
  border: 1px solid white;
  border-radius: 30px;
  padding: 15px 30px;
  
}

.toggle_faqs_dropdown_card_head{
  cursor: pointer;
}

.toggle_faqs_dropdown_card .toggle_faqs_dropdown_card_head{
  display: grid;
  grid-template-columns: 90% 10%;
}

.toggle_faqs_dropdown_card .toggle_faqs_dropdown_card_head img{
 width: 15px;
 filter: brightness(0) invert(1);
  transition: 0.9s;
}

.toggle_faqs_dropdown_card .toggle_faqs_dropdown_card_head .toggle_faqs_dropdown_icon{
  text-align: right;
}

.toggle_faqs_dropdown_card_title{
  display: flex;
  align-items: center;
}

.toggle_faqs_dropdown_card_head h4{
  text-align: left;
  margin: 0;
  color: white;
  font-size: 20px;
}

.toggle_faqs_dropdown_card_body{
  text-align: left;
  display: none
}

.toggle_faqs_dropdown_card_body p{
  color: white;
  padding: 15px 0;
  border-top: 0.5px solid white;
  margin-top: 15px;

}

/* Book travel css */
.book_travel_container{
  height: calc(100vh - 70px);
}

.book_travel_left{
  padding: 0 20px;
  height: 100%;
  overflow: hidden;
}

.book_travel_right{
  background-image: url(../assets/images/lokal_travel_desk_icons/book_umrah_bg.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.book_travel_card_left_head{
  padding: 1vw 0px;
  position: relative;
}


.book_travel_card_left_head h2,
.book_travel_card_left_head p{
  color: #07524d;
}

.book_travel_card_left_head h2{
  font-size: 2.1vw;
  margin: 0;
}


.book_travel_card_left_head p{
  font-weight: 500;
  font-size: 1.4vw;
}

.book_travel_card_left_head img{
  position: absolute;
  width: 15px;
}

.book_travel_card_left_head img.img__1{
  top: 1.4vw;
  left: 26vw;
  transform: rotate(-45deg);
}

.book_travel_card_left_head img.img__2{
  top: 2.5vw;
  left: 37vw;
  transform: rotate(-45deg);
}

.book_travel_card_left_head img.img__3{
  top: 4.5vw;
  left: 45vw;
  transform: rotate(-45deg);
}

.book_travel_card_left_head img.img__4{
  top: 2vw;
  left: 50vw;
  transform: rotate(25deg);
}

.book_travel_card_left_head img.img__5{
  top: 4vw;
  left: 60vw;
  transform: rotate(25deg);
}

#book_travel_card_left_body > div:not(:first-child){
  display: none;
  /* opacity: 0; */
}

.book_travel_card_left_body{
  height: 100%;
  overflow-y: scroll;
  /* display: flex;
  flex-direction: column; */
}

/* .capsule_connected_line{
  display: grid !important;
  grid-template-columns: 10% 90%;
}

.capsule_connected_line div:first-child > div{
  height: 6px;
  width: 1.5px;
  background: red;
  margin: auto;
} */

#departure_city_select{
  height: 0;
  width: 0;
}


#capsule_input_3,
#capsule_input_4,
#capsule_input_5,
#capsule_input_6,
#capsule_input_7,
#capsule_input_8,
#capsule_input_9,
#capsule_input_10,
#capsule_input_11,
#capsule_input_12,
#capsule_input_13,
#capsule_input_14,
#capsule_input_15,
#capsule_input_16,
#capsule_input_17,
#capsule_input_18,
#capsule_input_19,
#capsule_input_20,
#capsule_input_21,
#capsule_input_22,
#capsule_input_23,
#capsule_input_24{
  display: none;
  /* opacity: 0; */
  transition: 0.5s;
}

#first_city_selecter_capsule_container,
#first_city_hotel_cat_selecter,
#first_city_type_transport_selecter{
  display: none;
}

#second_city_selecter_capsule_container,
#second_city_hotel_cat_selecter,
#second_city_type_transport_selecter,
#arrival_airline_capsule_container{
  display: none;
}

#third_city_selecter_capsule_container,
#third_city_hotel_cat_selecter,
#third_city_type_transport_selecter{
  display: none;
}


/* Calender Holder Capsules */
#capsule_input_3,
#capsule_input_7,
#capsule_input_12,
#capsule_input_17,
#capsule_input_22{
  position: relative;
}

.travel_calender_holder{
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  border-radius: 10px;
  overflow: hidden;
  z-index: 1;
  transition: 0.5s;
}



#first_city_show,
#second_city_show,
#third_city_show,
#first_city_date_show_capsule,
#second_city_date_show_capsule,
#third_city_date_show_capsule{
  display: none;
}

.travel_select_city_list{
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#first_city_select{
  padding: 0 20px 0 5px;
}

.large_capsules{
  display: grid;
  grid-template-columns: 10% 89.3%;
  justify-content: space-between;
}

.small_capsules{
  display: grid;
  grid-template-columns: 10% 89.3%;
  justify-content: space-between;
}

.small_capsules .travel_content_capsule_holder > div:first-child,
.small_capsules .travel_content_capsule_holder > div:nth-child(3){
  width: 29%;
}

.small_capsules .travel_content_capsule_holder  > div:nth-child(2),
.small_capsules .travel_content_capsule_holder > div:nth-child(4){
  width: 19%;
}


.selecter_capsules_holder > div:first-child > div:first-child{
  height: 5.5vw;
  border-radius: 10px;
  background-color: #e4dbc4;  
  text-align: center;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.selecter_capsules_holder > div:first-child > div:last-child{
  height: 6px;
  width: 1.5px;
  margin: auto;
  background: #07524d;
  display: none;
}

/* .selecter_capsules_holder > div:first-child:before{
  height: 35px;
  position: absolute;
  bottom: 0;
  background: #07524d;
  content: "";
  width: 1.5px;
  z-index: 1;
  bottom: -35px;
} */

.travel_content_capsule_holder > div{
  height: 5.5vw;
  border-radius: 10px;
  background-color: #e4dbc4;  
  text-align: center;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  /* margin-bottom: .8%; */
}

.travel_content_capsule_holder{
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

#capsules_row_1 .travel_content_capsule_holder > div:first-child{
  width: 39%;
} 

#capsules_row_1 .travel_content_capsule_holder > div:not(:first-child){
  width: 29%;
} 

#capsules_row_5 .travel_content_capsule_holder > div:first-child{
  width: 39%;
} 

#capsules_row_5 .travel_content_capsule_holder > div:not(:first-child){
  width: 29%;
} 

.book_travel_card_left_capsules_rows{
  /* margin-bottom: 7px; */
}

.book_travel_left_card{
  gap: 10px;
  display: grid;
  grid-template-rows: 15% 82%;
  height: 100%;
}

.travel_capsule_text{
  color: #07524d;
  font-size: 1vw;
  font-weight: 600;
}

.travel_capsule_value_box{
  cursor: pointer;
}
.travel_capsule_value_box select{
  color: white;
  background-color: #07524d;
  width: fit-content;
  margin: 0 auto;
  font-size: .8vw;
  border-radius: 10px;
  cursor: pointer;
}

.select_box_capsule{
  width: 50%;
  margin: auto;
}

.capsule__large{
  /* padding: 0.5vw 3vw; */
  width: 60%;
  background: #07524d;
  border-radius: 10px;
  color: white;
  font-size: 1vw;
  padding: 5px;
  margin: auto;
  cursor: pointer;
}

.travel_capsule_defult_colord{
  background-color: #07524d;
  background-color: #07524d;
  width: 50%;
  margin: auto;
  border-radius: 10px;
  color: white;
  font-size: .9vw;
  padding: 6px 0;
}

.capsule__small{
  /* padding: 0.5vw 1.8vw; */
}

.travel_selecter_capsule_down{
  display: grid;
  grid-template-columns: 10% 90%;
  gap: 5px
}

.travel_selecter_capsule_down > div:nth-child(1){
  width: 1.5px;
  padding: 0;
  margin: 0 auto;
  height: 49%;
  background-color: #07524d !important;
}

#bottom_green_line_5{
  height: 52%;
}

#capsule_input_9,
#capsule_input_14,
#capsule_input_19,
#capsule_input_4{
  margin-bottom: 6px;
}

.tile_block{
  display: block !important;
}
.tile_flex{
  display: flex !important;
}

.tile_none{
  display: none !important;
}





.travel_selecter_capsule_down > div:nth-child(2){
  position: relative;
}

.travel_selecter_capsule_down > div:nth-child(2):before {
  content: '';
  width: 3.5vw;
  border-bottom: solid 2px #07524d;
  position: absolute;
  left: -3.5vw;
  top: 50%;
  z-index: 1;
}

#departure_airline_capsule_container{
  display: none;
}

.travel_select_options_card.three_divs{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-content: space-between;
  align-items: center;
  gap: 5px
}

.travel_select_options_card.two_divs{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  justify-content: space-between;
  align-items: center;
  gap: 5px
}

.travel_select_options_card > div{
  border: 1px solid #07524d;
  padding: 3px 2vw;
  border-radius: 10px;
  color: #07524d;
  font-size: 1vw;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.4;
}

.travel_select_option_capsule_holder{
  width: fit-content;
  text-align: left !important;
  display: flex !important;
  /* margin-top: 10px; */
  margin-bottom: 6px;
  /* margin-top: 6px; */
  align-items: flex-start !important;
  padding: 10px 30px 10px 20px !important;
  line-height: 2;
  background: #e4dbc4;
  border-radius: 10px;
}

.travel_capsule_defult_colord.xs_capsules{
  width: 75% !important
}

#book_travel_card_left_body > .submit_button_section{
  text-align: right;
  padding: 10px;
  display: none;
}

#book_travel_card_left_body > .submit_button_section button{
  font-style: normal;
  font-weight: 500;
  font-size: 14px !important;
  text-align: center;
  background-color: #c65a79;
  color: #fff !important;
  border-radius: 50vw;
  border: transparent;
  width: 100%;
  padding: 5px 25px;
  text-decoration: none;
  height: 40px;
  outline: none !important;
  border: 1px solid #c65a79 !important;
  width: 155px;
  z-index: 1;
  position: relative;
}






.book_travel_right{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: white;
}

.book_travel_progress_bar{
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 10px;
  border: 1px solid white;
  border-radius: 10px;
  overflow: hidden;
}

#book_travel_progress_white_bar{
  background: white;
  /* height: 10%; */
  border-radius: 10px;
  transition: 0.8s;
}

.book_travel_right_inner_content_holder{
  height: 60%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.travel_book_right_details_text_card{
  width: 65%;
  margin: 0 auto;
  text-align: center;
  border: 1px solid white;
  border-radius: 10px;
  border-top: 0;
}

.travel_book_right_details_text_card > div:first-child{
  padding: 0.4vw 0;
  border: 1px solid white;
  border-radius: 10px;
  font-size: 1.2vw;
}

.travel_book_right_details_text_card > div:last-child p{
  padding: 1.2vw;
  font-size: 1vw;
  text-align: left;
}

.travel_budget_card{
  border: 1px solid white;
  border-radius: 10px;
  text-align: center;
  border-top:0 ;
}

.travel_budget_card > div:first-child{
  border: 1px solid white;
  padding: 0.5vw 1.2vw;
  border-radius: 10px;
  font-size: 1vw;
}

.travel_budget_card > div:last-child{
  padding: 0.2vw 0.8vw;
  font-size: 1.4vw;
}

/* Line Images  */
#capsule_line_1,
#capsule_line_2,
#capsule_line_3,
#capsule_line_4,
#capsule_line_5{
  display: flex;
  justify-content: center;
  align-items: center;
}
#capsule_line_1 img,
#capsule_line_5 img,
#capsule_line_10 img,
#capsule_line_15 img,
#capsule_line_20 img{
  width: 50%;
}

#capsule_line_15 img{
  width: 35%;
}

.book_travel_card_left_capsules_rows .select2-selection.select2-selection--single::before{
  position: absolute;
  background-image: url(../assets/images/travel_desk_form_icons/dropdown.png);
  right: 23%;
  bottom: 0;
  background-size: 7px 7px;
  content: '';
  top: 14px;
  width: 10px;
  height: 10px;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
}

.book_travel_card_left_capsules_rows .select2-selection.select2-selection--single.hide_before::before{
  display: none;
}

/* Date Select Calendar Css */
.travel_calendar_holder #dateSelect,
.travel_calendar_holder #firstCityDate,
.travel_calendar_holder #secondCityDate,
.travel_calendar_holder #thirdCityDate,
.travel_calendar_holder #arrivalDateSelect,
.travel_calendar_holder .daterangepicker.opensright:after,
.travel_calendar_holder .daterangepicker.opensright:before{
  display: none
}

.travel_calendar_holder .daterangepicker.single .drp-calendar {
    float: none !important;
    margin: auto !important; 
}

.travel_calendar_holder .daterangepicker{
  position: relative !important;
  margin: auto;
  background: transparent;
  display: block !important;
  top: 0 !important;
  right: 0 !important;
  left: 0 !important;
  width: 80%;
  padding-bottom: 10px;
  border: none;
}
.travel_calendar_holder .daterangepicker table,
.travel_calendar_holder .daterangepicker div,
.travel_calendar_holder .daterangepicker tr,
.travel_calendar_holder .daterangepicker td,
.travel_calendar_holder .daterangepicker span,
.travel_calendar_holder .daterangepicker td.off{
  background: transparent !important;
  color: #07524d !important;
  font-weight: 600;
}

.travel_calendar_holder .daterangepicker table tr th:first-child,
.travel_calendar_holder .daterangepicker table tr td:first-child{
  color: #c65a79 !important
}

.travel_calendar_holder{
  text-align: center;
  background: #e4dbc4
}

.travel_calendar_holder h1{
  margin: 0 0 3px !important;
  font-size: 1vw;
  font-weight: 600;
  color: #07524d;
  padding-top: 14px;
}

#travel_date_selecter_card .ranges{
  margin: 0 !important
}
#travel_date_selecter_card .daterangepicker .drp-calendar.left .calendar-table{
  padding-right: 0 !important;
}

#departure_date_show_capsule{
  margin: auto;
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

#arrival_date_select_capsule{
  z-index: 2;
}


#first_city_show,
#first_city_date_show_capsule,
#second_city_show,
#second_city_date_show_capsule,
#third_city_show,
#third_city_date_show_capsule,
#arrival_date_show_capsule{
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  height: 100%;
}





@media only screen and (max-width: 575px) {
  .toggle_faqs_dropdown_card_head h4{
    font-size: 14px;
  }

  .toggle_faqs_dropdown_card_body p{
    font-size: 13px;
  }

  .travel_detailing_dropdown_section{
    height: 12vh;
  }

  .travel_detailing_dropdown_section > div.row{
    display: grid;
    grid-template-rows: 50% 50%;
  }

  .travel_detailing_dropdown_section .travel_benefits_dropdown,
  .travel_detailing_dropdown_section .travel_faqs_dropdown{
    height: 50px ;
  }

  .travel_banner {
    overflow: hidden;
    height: calc(88vh - 70px);
  }

  .travel_banner_text_details h2{
    font-size: 30px;
    margin: 0 10% 2.5rem 10%;
  }

  .travel_banner_text_details h4 {
    font-size: 18px;
  }

  .travel_banner_text_details{
    position: relative;
    top: -30px;
  }


  /* */
  /* Mobile Css */
  .book_travel_card_left_head h2 {
    font-size: 8vw;
  }

  .book_travel_card_left_head p {
    font-size: 4vw;
  }

  .book_travel_left {
    padding: 0 10px;
  }

  .book_travel_card_left_head{
    text-align: center;
    padding-top: 30px;
  }

  .book_travel_card_left_head img.img__1 {
    top: 9vw;
    left: 2vw;
    transform: rotate(-45deg);
  }

  .book_travel_card_left_head img.img__2 {
    top: 2.5vw;
    left: 22vw;
    transform: rotate(-45deg);
  }

  .book_travel_card_left_head img.img__3 {
    top: 4.5vw;
    left: 47vw;
    transform: rotate(-45deg);
  }
  
  .book_travel_card_left_head img.img__5 {
    top: 8vw;
    left: 90vw;
    transform: rotate(25deg);
  }

  .book_travel_card_left_head img.img__4 {
    top: 3vw;
    left: 73vw;
    transform: rotate(25deg);
}

}