@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Mulish:wght@200;300;400;500;600;700;800;900&display=swap");
body {
  margin: 0;
  font-size: 0.875rem;
  line-height: 24px;
  overflow-x: hidden !important;
  overflow-y: scroll;
  font-family: "Mulish", sans-serif;
  background: #fff;
  padding-right: 0px !important;
}

.modal {
  overflow-y: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  position: relative;
}

p {
  margin: 10px 0 0 0;
  color: #57595b;
  line-height: 24px;
}

a {
  text-decoration: none;
  transition: all 0.5s;
}
a:hover {
  text-decoration: none;
}

textarea:focus,
input:focus {
  outline: none;
}

.mt-100 {
  margin-top: 85px !important;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .mt-100 {
    margin-top: 82px !important;
  }
}

.mt-20 {
  margin-top: 20px;
}
@media (max-width: 767px) {
  .mt-20 {
    margin-top: 0px;
  }
}

.mb-50 {
  margin-bottom: 50px !important;
}

.search-border {
  border: 1px solid #c4c4c4;
}

.pdng_20 {
  padding-top: 20px;
}
@media (max-width: 767px) {
  .pdng_20 {
    padding-top: 0px !important;
  }
}

.pdng_15 {
  padding: 15px 0px;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .pdng_15 {
    padding: 6px 0px;
  }
}
@media (max-width: 767px) {
  .pdng_15 {
    padding: 0;
  }
}

@media (max-width: 767px) {
  .mob_pdg {
    padding: 0;
  }
}

.mrgn_top_onefive {
  margin-top: 1.4rem;
}
@media (max-width: 767px) {
  .mrgn_top_onefive {
    margin-top: 0.75rem;
  }
}

#scrl::-webkit-scrollbar {
  width: 6px;
  background-color: #1F397A;
}

#scrl::-webkit-scrollbar-thumb {
  background-color: #F4F4F4;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

ul {
  padding: 0;
  margin: 0;
}

section {
  padding: 60px 0px;
}
@media (max-width: 991px) {
  section {
    padding: 40px 0px;
  }
}
@media (max-width: 767px) {
  section {
    padding: 20px 0px;
  }
}

h2 {
  color: #000;
  font-size: 1.5rem;
  margin-bottom: 10px;
  font-weight: 800;
  position: relative;
  text-align: left;
}
@media (max-width: 480px) {
  h2 {
    font-size: 1.25rem;
  }
}

.scrollup {
  width: 50px;
  height: 50px;
  position: fixed;
  bottom: 40px;
  right: 20px;
  display: none;
  text-indent: -9999px;
  z-index: 99999;
  background: url(../images/up-arrow.svg) no-repeat;
}
.scrollup img {
  width: 50px;
  height: 50px;
}

.form-group,
.form-floating {
  position: relative;
}
.form-group input,
.form-group .form-select,
.form-floating input,
.form-floating .form-select {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  height: 45px;
  padding: 0 20px;
  width: 100%;
  font-size: 1rem;
  transition: all 0.4s ease;
  color: #5a5a59;
  border: 1px solid #ced4da;
}
.form-group input:focus,
.form-group textarea:focus,
.form-group .form-select:focus,
.form-group select:focus,
.form-floating input:focus,
.form-floating textarea:focus,
.form-floating .form-select:focus,
.form-floating select:focus {
  color: #5a5a59;
  outline: 0;
  box-shadow: none;
  border-color: #1F397A;
  transition: all 0.6s ease-in-out;
}
.form-group input:disabled,
.form-group input[readonly],
.form-floating input:disabled,
.form-floating input[readonly] {
  background-color: #1F397A;
}
.form-group textarea,
.form-floating textarea {
  height: 100px;
  padding: 10px 20px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  resize: none;
  width: 100%;
  font-size: 1rem;
  border: 1px solid #ced4da;
  transition: all 0.4s ease;
}
.form-group ::-moz-placeholder, .form-floating ::-moz-placeholder {
  color: #9c9c99;
  font-weight: 500;
  opacity: 1;
  /* Firefox */
}
.form-group ::placeholder,
.form-floating ::placeholder {
  color: #9c9c99;
  font-weight: 500;
  opacity: 1;
  /* Firefox */
}
.form-group :-ms-input-placeholder,
.form-floating :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #9c9c99;
  font-weight: 500;
}
.form-group ::-ms-input-placeholder,
.form-floating ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #9c9c99;
  font-weight: 500;
}

.modal-content {
  border: 5px solid rgba(253, 238, 238, 0.2);
  background: #fff;
}
.modal-content .close-enquiry .close {
  color: #fff;
}
.modal-content .close {
  background: none;
  border: none;
  font-size: 24px;
  color: #1F397A;
  position: absolute;
  right: 0;
  z-index: 999;
}

header {
  background: #fff;
  width: 100%;
  position: fixed;
  z-index: 999;
  top: 0;
  padding: 10px 0px;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  header {
    padding: 10px 20px;
  }
}
@media (max-width: 767px) {
  header {
    padding: 10px;
    position: relative;
    display: none;
  }
}
@media (max-width: 480px) {
  header {
    padding-bottom: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  header .container {
    max-width: 100% !important;
    padding: 0;
  }
}
header .formwidth {
  width: 100%;
  display: flex;
}
header .topmenu {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  header .topmenu {
    justify-content: center;
  }
}
header .topmenu .logo {
  background: url(../images/logo.svg);
  display: inline-block;
  width: 165px;
  height: 36px;
  top: 0;
  transition: all 0.4s ease-in-out;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 991px) and (max-width: 1200px) {
  header .topmenu .logo {
    width: 270px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  header .topmenu .logo {
    width: 250px;
  }
}
@media (max-width: 767px) {
  header .topmenu .logo {
    width: 250px;
    height: 55px;
  }
}
@media (max-width: 480px) {
  header .topmenu .logo {
    width: 190px;
    height: 40px;
  }
}
header .topmenu .search {
  display: none;
}
header .topmenu .right_colum {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  header .topmenu .right_colum {
    display: none;
  }
}
header .topmenu .right_colum .top_icon ul {
  display: flex;
  align-items: center;
  margin: 0;
}
header .topmenu .right_colum .top_icon li {
  padding: 0px 8px;
  color: #000;
  font-weight: 800;
  font-size: 0.813rem;
  list-style: none;
  position: relative;
  transition-duration: 0.5s;
}
header .topmenu .right_colum .top_icon li a {
  color: #000;
}
header .topmenu .right_colum .top_icon li a img {
  width: 22px;
}
header .topmenu .right_colum .top_icon li a span br {
  display: none;
}
header .topmenu .right_colum .top_icon li:first-child {
  padding-left: 0px;
}
header .topmenu .right_colum .top_icon ul li ul {
  background: #fff;
  visibility: hidden;
  opacity: 0;
  min-width: 200px;
  padding-top: 10px;
  position: absolute;
  transition: all 0.5s ease;
  left: 0;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
  display: none;
}
@media (max-width: 1400px) {
  header .topmenu .right_colum .top_icon ul li ul {
    right: 0;
    left: auto;
  }
}
header .topmenu .right_colum .top_icon ul li:hover > ul,
header .topmenu .right_colum .top_icon ul li ul:hover {
  visibility: visible;
  opacity: 1;
  display: block;
}
header .topmenu .right_colum .top_icon ul li ul li {
  clear: both;
  width: 100%;
  font-weight: 700;
  padding: 0;
}
header .topmenu .right_colum .top_icon ul li ul li:first-child {
  padding-left: 0px;
}
header .topmenu .right_colum .top_icon ul li ul li a {
  padding: 5px 10px;
  width: 100%;
  font-weight: 700;
  color: #484848;
  display: inline-block;
}
header .topmenu .right_colum .top_icon ul li ul li a:hover {
  background: #f2f0f0;
}
header .topmenu .right_colum .top_icon ul li ul li i {
  color: #18A0FB;
}

.cbp-af-header.cbp-af-header-shrink {
  top: 0;
  padding: 7px;
  background: #1F397A;
  height: 60px;
  border-bottom: 1px solid #1f5173;
}
@media (max-width: 767px) {
  .cbp-af-header.cbp-af-header-shrink {
    display: none;
    padding: 10px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .cbp-af-header.cbp-af-header-shrink .t-datepicker-day {
    top: 46px;
  }
}
.cbp-af-header.cbp-af-header-shrink .t-datepicker-day {
  top: 47px;
}
@media (min-width: 1400px) {
  .cbp-af-header.cbp-af-header-shrink .container {
    max-width: 100% !important;
    padding: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1400px) {
  .cbp-af-header.cbp-af-header-shrink .container {
    max-width: 100% !important;
    padding: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .cbp-af-header.cbp-af-header-shrink .container {
    max-width: 100% !important;
    padding: 0;
  }
}
.cbp-af-header.cbp-af-header-shrink .container .nav-toggle:before {
  content: "";
  position: absolute;
  width: 24px;
  height: 2px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 0.5em 0 0 #fff, 0 1em 0 0 #fff;
}
.cbp-af-header.cbp-af-header-shrink .container .nav-toggle {
  margin-top: -14px;
}
@media (max-width: 480px) {
  .cbp-af-header.cbp-af-header-shrink .container .nav-toggle {
    right: 0;
  }
}
.cbp-af-header.cbp-af-header-shrink .container .nav-brand {
  padding: 0;
}
.cbp-af-header.cbp-af-header-shrink .container .logo {
  background: url(../images/white_logo.svg);
  display: inline-block;
  width: 165px;
  height: 36px;
  position: relative;
  transition: all 0.4s ease-in-out;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .cbp-af-header.cbp-af-header-shrink .container .logo {
    background: url(../images/white_logo_icon.svg);
    width: 55px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .cbp-af-header.cbp-af-header-shrink .container .logo {
    background: url(../images/white_logo_icon.svg) no-repeat;
    width: 55px;
  }
}
.cbp-af-header.cbp-af-header-shrink .container .search {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  position: relative;
  margin-top: 0px;
  background: #fff;
  width: 55%;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  display: flex;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .cbp-af-header.cbp-af-header-shrink .container .search {
    width: 65%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .cbp-af-header.cbp-af-header-shrink .container .search {
    width: 85%;
    margin: 0px 5px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .cbp-af-header.cbp-af-header-shrink .container .search {
    display: none;
  }
}
.cbp-af-header.cbp-af-header-shrink .container .search ::-moz-placeholder {
  font-weight: 700;
}
.cbp-af-header.cbp-af-header-shrink .container .search ::placeholder {
  font-weight: 700;
}
.cbp-af-header.cbp-af-header-shrink .container .search .form-group input {
  border: none;
  height: 40px;
  color: #57595b;
  font-weight: 700;
  font-size: 0.75rem;
  padding: 0 10px;
  height: 100%;
}
.cbp-af-header.cbp-af-header-shrink .container .search .search__field {
  width: 40%;
  border-right: 1px solid #c4c4c4;
  position: relative;
}
.cbp-af-header.cbp-af-header-shrink .container .search .search__field .nearby {
  position: absolute;
  top: calc(50% - 12px);
  right: 20px;
  color: #566CC6;
  font-weight: 700;
  font-size: 0.75rem;
  cursor: pointer;
}
.cbp-af-header.cbp-af-header-shrink .container .search .search__field .closebtn {
  position: absolute;
  top: calc(50% - 12px);
  right: 20px;
  color: #7c8893;
  cursor: pointer;
}
.cbp-af-header.cbp-af-header-shrink .container .search .search__field .closebtn i {
  font-size: 1.5rem;
}
.cbp-af-header.cbp-af-header-shrink .container .search .search__field .arrowbtn {
  position: absolute;
  top: calc(50% - 12px);
  left: 20px;
  color: #7c8893;
  cursor: pointer;
}
.cbp-af-header.cbp-af-header-shrink .container .search .search__field .arrowbtn i {
  font-size: 1.2rem;
}
.cbp-af-header.cbp-af-header-shrink .container .search .calender__field {
  width: 25%;
  border-right: 1px solid #c4c4c4;
}
.cbp-af-header.cbp-af-header-shrink .container .search .calender__field .t-check-in .t-date-check-in,
.cbp-af-header.cbp-af-header-shrink .container .search .calender__field .t-check-in .t-date-check-out {
  gap: 3px !important;
}
.cbp-af-header.cbp-af-header-shrink .container .search .calender__field .t-check-in .t-date-info-title,
.cbp-af-header.cbp-af-header-shrink .container .search .calender__field .t-check-out .t-date-info-title {
  position: absolute;
  left: 9px;
  font-size: 12px;
}
.cbp-af-header.cbp-af-header-shrink .container .search .calender__field .t-datepicker {
  clear: both;
  width: 100%;
  height: 100%;
  font-size: 12px;
  font-weight: 700;
  max-width: 650px;
  color: #7c8893;
}
.cbp-af-header.cbp-af-header-shrink .container .search .calender__field .arrow {
  font-size: 0.875rem;
}
.cbp-af-header.cbp-af-header-shrink .container .search .calender__field .t-dates {
  padding: 10px 3px;
}
.cbp-af-header.cbp-af-header-shrink .container .search .room__field {
  width: 25%;
}
.cbp-af-header.cbp-af-header-shrink .container .search .room__field .panel-dropdown {
  position: relative;
  padding: 0 10px;
  height: 100%;
  display: flex;
  align-items: center;
}
.cbp-af-header.cbp-af-header-shrink .container .search .room__field .panel-dropdown a {
  color: #7c8893;
  font-weight: 700;
  transition: 0.3s;
  width: 100%;
  display: block;
  font-size: 0.75rem;
  position: relative;
}
.cbp-af-header.cbp-af-header-shrink .container .search .room__field .panel-dropdown .panel-dropdown-content {
  animation: fadeInUp 0.5s ease backwards;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  position: absolute;
  top: 25px;
  left: 0;
  z-index: 99;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: 0 12px 35px 2px rgba(0, 0, 0, 0.12);
  padding: 10px 0;
  white-space: normal;
  width: 100%;
}
.cbp-af-header.cbp-af-header-shrink .container .search .room__field .panel-dropdown .panel-dropdown-content .heading_row {
  display: flex;
}
.cbp-af-header.cbp-af-header-shrink .container .search .room__field .panel-dropdown .panel-dropdown-content .heading_row .room,
.cbp-af-header.cbp-af-header-shrink .container .search .room__field .panel-dropdown .panel-dropdown-content .heading_row .guests {
  width: 50%;
  padding: 0px 10px;
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
  color: #000;
}
.cbp-af-header.cbp-af-header-shrink .container .search .room__field .panel-dropdown .panel-dropdown-content .qtyButtons {
  display: flex;
  padding: 5px 15px;
}
.cbp-af-header.cbp-af-header-shrink .container .search .room__field .panel-dropdown .panel-dropdown-content .qtyButtons input {
  outline: 0;
  font-size: 1rem;
  text-align: center;
  width: 50px;
  height: 36px !important;
  color: #333;
  line-height: 36px;
  margin: 0 !important;
  padding: 0 5px !important;
  box-shadow: none;
  pointer-events: none;
  display: inline-block;
  border: none !important;
}
.cbp-af-header.cbp-af-header-shrink .container .search .room__field .panel-dropdown .panel-dropdown-content .box_grid ul,
.cbp-af-header.cbp-af-header-shrink .container .search .room__field .panel-dropdown .panel-dropdown-content .box_list ul {
  border-top: 1px solid #ededed;
}
.cbp-af-header.cbp-af-header-shrink .container .search .room__field .panel-dropdown .panel-dropdown-content .qtyButtons label {
  font-weight: 500;
  line-height: 36px;
  padding-right: 15px;
  display: block;
  flex: 1;
  color: #727b82;
}
.cbp-af-header.cbp-af-header-shrink .container .search .room__field .panel-dropdown .panel-dropdown-content .qtyDec,
.cbp-af-header.cbp-af-header-shrink .container .search .room__field .panel-dropdown .panel-dropdown-content .qtyInc {
  width: 36px;
  height: 36px;
  line-height: 36px;
  font-size: 1.75rem;
  background-color: #f2f2f2;
  -webkit-text-stroke: 1px #f2f2f2;
  color: #333;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  font-family: bootstrap-icons !important;
}
.cbp-af-header.cbp-af-header-shrink .container .search .room__field .panel-dropdown .panel-dropdown-content .qtyTotal,
.cbp-af-header.cbp-af-header-shrink .container .search .room__field .panel-dropdown .panel-dropdown-content a.box_news figure figcaption {
  display: inline-block;
  color: #fff;
  text-align: center;
}
.cbp-af-header.cbp-af-header-shrink .container .search .room__field .panel-dropdown .panel-dropdown-content .qtyInc:before {
  content: "\f4fe";
}
.cbp-af-header.cbp-af-header-shrink .container .search .room__field .panel-dropdown .panel-dropdown-content .qtyDec:before {
  content: "\f2ea";
}
.cbp-af-header.cbp-af-header-shrink .container .search .room__field .panel-dropdown .panel-dropdown-content .qtyTotal {
  background-color: #66676b;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 600;
  font-family: bootstrap-icons !important;
  line-height: 18px;
  position: relative;
  top: 0;
  left: 2px;
  height: 18px;
  width: 18px;
}
.cbp-af-header.cbp-af-header-shrink .container .search .room__field .panel-dropdown .panel-dropdown-content .modal-footer {
  margin-top: 10px;
  padding: 2px 10px;
}
.cbp-af-header.cbp-af-header-shrink .container .search .room__field .panel-dropdown .panel-dropdown-content .modal-footer .panel_footer_btn {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  width: 100%;
  border: 2px solid #126eb7;
  color: #126eb7;
  text-align: center;
  font-weight: 600;
  font-size: 0.875rem;
  background: #fff;
  padding: 4px 5px;
}
.cbp-af-header.cbp-af-header-shrink .container .search .room__field .panel-dropdown .panel-dropdown-content .add__delete {
  padding: 2px 10px;
  display: flex;
  margin-top: 10px;
}
.cbp-af-header.cbp-af-header-shrink .container .search .room__field .panel-dropdown .panel-dropdown-content .add__delete a .delete__room,
.cbp-af-header.cbp-af-header-shrink .container .search .room__field .panel-dropdown .panel-dropdown-content .add__delete a .add__room {
  padding: 5px;
  font-size: 0.875rem;
  font-weight: 500;
  text-align: left;
  color: #000;
}
.cbp-af-header.cbp-af-header-shrink .container .search .room__field .panel-dropdown .panel-dropdown-content .add__delete a .add__room {
  text-align: right;
}
.cbp-af-header.cbp-af-header-shrink .container .search .room__field .panel-dropdown .panel-dropdown-content.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(22px);
  animation: fadeInUp 0.5s ease backwards;
}
@keyframes fadeInUp {
  0% {
    transform: translate(0px, 20px);
    opacity: 1;
  }
  100% {
    transform: translate(0px, 0);
    opacity: 1;
  }
}
.cbp-af-header.cbp-af-header-shrink .container .search .search__button {
  width: 10%;
}
.cbp-af-header.cbp-af-header-shrink .container .search .search__button .btn__search {
  border-radius: 0px 3px 3px 0px;
  -webkit-border-radius: 0px 3px 3px 0px;
  -moz-border-radius: 0px 3px 3px 0px;
  -ms-border-radius: 0px 3px 3px 0px;
  -o-border-radius: 0px 3px 3px 0px;
  background: #126eb7;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 700;
  font-size: 0.75rem;
  width: 100%;
  border: none;
}
.cbp-af-header.cbp-af-header-shrink .container .right_colum ul li {
  font-size: 0.75rem;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .cbp-af-header.cbp-af-header-shrink .container .right_colum ul li {
    font-size: 0.625rem;
  }
}
.cbp-af-header.cbp-af-header-shrink .container .right_colum ul li img {
  width: 20px;
}
.cbp-af-header.cbp-af-header-shrink .container .right_colum ul li a {
  color: #fff;
}
.cbp-af-header.cbp-af-header-shrink .container .right_colum ul li a span br {
  display: none;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .cbp-af-header.cbp-af-header-shrink .container .right_colum ul li a span {
    display: none;
  }
}
@media (max-width: 1200px) {
  .cbp-af-header.cbp-af-header-shrink .container .right_colum ul li a span {
    display: none;
  }
}
.cbp-af-header.cbp-af-header-shrink .container .right_colum .top_icon ul li ul li a {
  color: #000;
}
.cbp-af-header.cbp-af-header-shrink .container .nav-menu > li > a {
  color: #fff;
  padding: 14px 10px;
}
.cbp-af-header.cbp-af-header-shrink .container .nav-menu > li.active > a {
  color: #afcef2;
}
.cbp-af-header.cbp-af-header-shrink .container .nav-menu > li.active > a .submenu-indicator-chevron {
  border-color: transparent #afcef2 #afcef2 transparent;
}
.cbp-af-header.cbp-af-header-shrink .container .nav-button {
  margin: 5px 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .cbp-af-header.cbp-af-header-shrink .container .nav-button {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin: 0;
    padding: 5px;
  }
}
.cbp-af-header.cbp-af-header-shrink .container .submenu-indicator-chevron {
  border-color: transparent #fff #fff transparent;
}
.cbp-af-header.cbp-af-header-shrink .container:hover .submenu-indicator-chevron {
  border-color: transparent #fff #fff transparent;
}
.cbp-af-header.cbp-af-header-shrink .container:hover .navigation-portrait .submenu-indicator-chevron {
  border-color: transparent #57595b #57595b transparent;
}
.cbp-af-header.cbp-af-header-shrink .container .navigation-portrait .nav-menu > li.active > a {
  color: #1F397A;
}
.cbp-af-header.cbp-af-header-shrink .container .navigation-portrait .submenu-indicator-chevron {
  border-color: transparent #57595b #57595b transparent;
}
.cbp-af-header.cbp-af-header-shrink .container .navigation-portrait .nav-menu > li > a {
  color: #000;
  padding: 12px 15px 12px 26px;
}
.cbp-af-header.cbp-af-header-shrink .container .navigation-portrait .nav-menu > li > a span {
  font-weight: 700;
  display: inline-block;
  padding: 5px 20px;
  float: left;
  background: #15295b;
  color: #F2FAFF;
  width: 100%;
  font-size: 14px;
}

.second_menu {
  width: 100%;
  height: 46px;
  background: #1C3677;
  margin-top: 66px;
  border-bottom: 1px solid #1f5173;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .second_menu .container {
    max-width: 100% !important;
    padding: 0;
  }
}
@media (max-width: 767px) {
  .second_menu {
    display: none;
  }
}

.banner {
  width: 100%;
  height: 40vh;
  background: #1F397A;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .banner {
    height: 35vh;
  }
}
@media (max-width: 767px) {
  .banner {
    display: none;
  }
}
.banner .banner__content {
  width: 100%;
  justify-content: center;
}
.banner .banner__content h1 {
  font-weight: 800;
  font-size: 2.8rem;
  color: #fff;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .banner .banner__content h1 {
    font-size: 2.2rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .banner .banner__content h1 {
    font-size: 1.8rem;
  }
}
.banner .banner__content h2 {
  color: #fff;
  font-weight: 600;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .banner .banner__content h2 {
    font-size: 1.2rem;
  }
}

.search__box {
  width: 100%;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .search__box .container {
    max-width: 100% !important;
    padding: 0px 10px;
  }
}
.search__box .search {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  position: relative;
  margin-top: -20px !important;
  background: #fff;
  width: 100%;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  display: flex;
}
.search__box .search ::-moz-placeholder {
  font-size: 0.875rem;
  font-weight: 700;
  color: #7c8893;
}
.search__box .search ::placeholder {
  font-size: 0.875rem;
  font-weight: 700;
  color: #7c8893;
}
.search__box .search .form-group input {
  border: none;
  height: 72px;
  color: #57595b;
  font-weight: 700;
  font-size: 0.875rem;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .search__box .search .form-group input {
    font-size: 0.75rem;
    padding: 0 15px;
    height: 52px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .search__box .search .form-group input {
    font-size: 0.875rem;
    height: 52px;
  }
}
.search__box .search .search__field {
  width: 40%;
  border-right: 1px solid #c4c4c4;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .search__box .search .search__field {
    width: 35%;
  }
}
.search__box .search .search__field .destination_start {
  transition: all 0.4s ease-in-out;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  position: absolute;
  bottom: -15px;
  left: 20px;
  background: #f44336;
  font-size: 0.813rem;
  color: #fff;
  padding: 0px 10px;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .search__box .search .search__field .destination_start {
    font-size: 0.715rem;
  }
}
.search__box .search .search__field .destination_start::before {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #f44336;
  position: absolute;
  bottom: 100%;
}
.search__box .search .search__field .nearby {
  position: absolute;
  top: calc(50% - 12px);
  right: 20px;
  color: #566CC6;
  font-weight: 700;
  font-size: 0.875rem;
  cursor: pointer;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .search__box .search .search__field .nearby {
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .search__box .search .search__field .nearby {
    font-size: 0.75rem;
  }
}
.search__box .search .search__field .closebtn {
  position: absolute;
  top: calc(50% - 12px);
  right: 20px;
  color: #7c8893;
  cursor: pointer;
}
.search__box .search .search__field .closebtn i {
  font-size: 1.5rem;
}
.search__box .search .search__field .arrowbtn {
  position: absolute;
  top: calc(50% - 12px);
  left: 20px;
  color: #7c8893;
  cursor: pointer;
}
.search__box .search .search__field .arrowbtn i {
  font-size: 1.2rem;
}
.search__box .search .calender__field {
  width: 25%;
  border-right: 1px solid #c4c4c4;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .search__box .search .calender__field {
    width: 30%;
  }
}
.search__box .search .room__field {
  width: 20%;
}
.search__box .search .room__field .panel-dropdown {
  position: relative;
  padding: 0 20px;
  height: 100%;
  display: flex;
  align-items: center;
}
.search__box .search .room__field .panel-dropdown a {
  color: #7c8893;
  font-weight: 700;
  transition: 0.3s;
  width: 100%;
  display: block;
  font-size: 0.813rem;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .search__box .search .room__field .panel-dropdown a {
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .search__box .search .room__field .panel-dropdown a {
    font-size: 0.75rem;
  }
}
.search__box .search .room__field .panel-dropdown .panel-dropdown-content {
  animation: fadeInUp 0.5s ease backwards;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  position: absolute;
  top: 55px;
  left: 0;
  z-index: 99;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: 0 12px 35px 2px rgba(0, 0, 0, 0.12);
  padding: 10px 0;
  white-space: normal;
  width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .search__box .search .room__field .panel-dropdown .panel-dropdown-content {
    top: 36px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .search__box .search .room__field .panel-dropdown .panel-dropdown-content {
    width: 220px;
  }
}
.search__box .search .room__field .panel-dropdown .panel-dropdown-content .heading_row {
  display: flex;
}
.search__box .search .room__field .panel-dropdown .panel-dropdown-content .heading_row .room,
.search__box .search .room__field .panel-dropdown .panel-dropdown-content .heading_row .guests {
  width: 50%;
  padding: 0px 10px;
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
  color: #000;
}
.search__box .search .room__field .panel-dropdown .panel-dropdown-content .qtyButtons {
  display: flex;
  padding: 5px 15px;
}
.search__box .search .room__field .panel-dropdown .panel-dropdown-content .qtyButtons input {
  outline: 0;
  font-size: 1rem;
  text-align: center;
  width: 50px;
  height: 36px !important;
  color: #333;
  line-height: 36px;
  margin: 0 !important;
  padding: 0 5px !important;
  box-shadow: none;
  pointer-events: none;
  display: inline-block;
  border: none !important;
  -moz-appearance: textfield;
}
.search__box .search .room__field .panel-dropdown .panel-dropdown-content .box_grid ul,
.search__box .search .room__field .panel-dropdown .panel-dropdown-content .box_list ul {
  border-top: 1px solid #ededed;
}
.search__box .search .room__field .panel-dropdown .panel-dropdown-content .qtyButtons label {
  font-weight: 500;
  line-height: 36px;
  padding-right: 15px;
  display: block;
  flex: 1;
  color: #727b82;
}
.search__box .search .room__field .panel-dropdown .panel-dropdown-content .qtyDec,
.search__box .search .room__field .panel-dropdown .panel-dropdown-content .qtyInc {
  width: 36px;
  height: 36px;
  line-height: 36px;
  font-size: 1.75rem;
  background-color: #f2f2f2;
  -webkit-text-stroke: 1px #f2f2f2;
  color: #333;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  font-family: bootstrap-icons !important;
}
.search__box .search .room__field .panel-dropdown .panel-dropdown-content .qtyTotal,
.search__box .search .room__field .panel-dropdown .panel-dropdown-content a.box_news figure figcaption {
  display: inline-block;
  color: #fff;
  text-align: center;
}
.search__box .search .room__field .panel-dropdown .panel-dropdown-content .qtyInc:before {
  content: "\f4fe";
}
.search__box .search .room__field .panel-dropdown .panel-dropdown-content .qtyDec:before {
  content: "\f2ea";
}
.search__box .search .room__field .panel-dropdown .panel-dropdown-content .qtyTotal {
  background-color: #66676b;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 600;
  font-family: bootstrap-icons !important;
  line-height: 18px;
  position: relative;
  top: 0;
  left: 2px;
  height: 18px;
  width: 18px;
}
.search__box .search .room__field .panel-dropdown .panel-dropdown-content .modal-footer {
  margin-top: 10px;
  padding: 2px 10px;
}
.search__box .search .room__field .panel-dropdown .panel-dropdown-content .modal-footer .panel_footer_btn {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  width: 100%;
  border: 2px solid #126eb7;
  color: #126eb7;
  text-align: center;
  font-weight: 600;
  font-size: 1rem;
  background: #fff;
  padding: 4px 5px;
}
.search__box .search .room__field .panel-dropdown .panel-dropdown-content .add__delete {
  padding: 2px 10px;
  display: flex;
  margin-top: 10px;
}
.search__box .search .room__field .panel-dropdown .panel-dropdown-content .add__delete .btn-done {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  width: 100%;
  border: 2px solid #126eb7;
  color: #126eb7;
  text-align: center;
  font-weight: 600;
  font-size: 1rem;
  background: #fff;
  padding: 8px 5px;
}
.search__box .search .room__field .panel-dropdown .panel-dropdown-content .add__delete a .delete__room,
.search__box .search .room__field .panel-dropdown .panel-dropdown-content .add__delete a .add__room {
  padding: 5px;
  font-size: 0.875rem;
  font-weight: 500;
  text-align: left;
  color: #000;
}
.search__box .search .room__field .panel-dropdown .panel-dropdown-content .add__delete a .add__room {
  text-align: right;
}
.search__box .search .room__field .panel-dropdown .panel-dropdown-content.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(22px);
  animation: fadeInUp 0.5s ease backwards;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .search__box .search .room__field .panel-dropdown .panel-dropdown-content.active {
    transform: translateY(0px);
  }
}
@keyframes fadeInUp {
  0% {
    transform: translate(0px, 20px);
    opacity: 1;
  }
  100% {
    transform: translate(0px, 0);
    opacity: 1;
  }
}
.search__box .search .search__button {
  width: 15%;
}
.search__box .search .search__button .btn__search {
  border-radius: 0px 5px 5px 0px;
  -webkit-border-radius: 0px 5px 5px 0px;
  -moz-border-radius: 0px 5px 5px 0px;
  -ms-border-radius: 0px 5px 5px 0px;
  -o-border-radius: 0px 5px 5px 0px;
  background: #126eb7;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
  width: 100%;
  border: none;
  position: relative;
  right: -1px;
}

.listing_hght input {
  height: 45px !important;
}
@media (max-width: 480px) {
  .listing_hght input {
    height: 22px !important;
  }
}

.calender_room_hght {
  line-height: 20px !important;
}
@media (max-width: 480px) {
  .calender_room_hght {
    line-height: 18px !important;
  }
}
.calender_room_hght input {
  height: 20px !important;
}
.calender_room_hght .txt {
  color: #3f99df !important;
}
.calender_room_hght ::-moz-placeholder {
  color: #3f99df !important;
  opacity: 1;
  /* Firefox */
  font-weight: 700;
  font-size: 1rem;
}
.calender_room_hght ::placeholder {
  color: #3f99df !important;
  opacity: 1;
  /* Firefox */
  font-weight: 700;
  font-size: 1rem;
}
.calender_room_hght :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #3f99df !important;
  font-weight: 700;
  font-size: 1rem;
}
.calender_room_hght ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #3f99df !important;
  font-weight: 700;
  font-size: 1rem;
}

.search_mobile_device {
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  position: relative;
  margin-top: 0px;
  padding: 10px 10px 0px 10px;
  background: #fff;
  width: 100%;
  flex-wrap: wrap;
  display: flex;
  border-bottom: 1px solid #eee;
  margin-bottom: 10px;
}
@media (max-width: 480px) {
  .search_mobile_device {
    padding: 2px 10px 5px 10px;
  }
}
.search_mobile_device ::-moz-placeholder {
  color: #777575;
  opacity: 1;
  /* Firefox */
  font-weight: 700;
  font-size: 1rem;
}
.search_mobile_device ::placeholder {
  color: #777575;
  opacity: 1;
  /* Firefox */
  font-weight: 700;
  font-size: 1rem;
}
@media (max-width: 480px) {
  .search_mobile_device ::-moz-placeholder {
    font-size: 0.75rem;
  }
  .search_mobile_device ::placeholder {
    font-size: 0.75rem;
  }
}
.search_mobile_device :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #777575;
  font-weight: 700;
  font-size: 1rem;
}
@media (max-width: 480px) {
  .search_mobile_device :-ms-input-placeholder {
    font-size: 0.75rem;
  }
}
.search_mobile_device ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #777575;
  font-weight: 700;
  font-size: 1rem;
}
@media (max-width: 480px) {
  .search_mobile_device ::-ms-input-placeholder {
    font-size: 0.75rem;
  }
}
@media (max-width: 480px) {
  .search_mobile_device h2 {
    font-size: 1rem;
  }
}
.search_mobile_device .form-group input {
  border: none;
  height: 25px;
  padding: 0;
  font-weight: 600;
  font-size: 1.2rem;
  color: #000;
  padding-left: 25px;
}
@media (max-width: 480px) {
  .search_mobile_device .form-group input {
    font-size: 0.875rem;
  }
}
.search_mobile_device span {
  font-size: 0.875rem;
  color: #b8b8b8;
  font-weight: 400;
}
@media (max-width: 480px) {
  .search_mobile_device span {
    font-size: 0.75rem;
  }
}
.search_mobile_device .subfield {
  font-size: 0.875rem;
  color: #b8b8b8;
  font-weight: 400;
}
@media (max-width: 480px) {
  .search_mobile_device .subfield {
    font-size: 0.75rem;
  }
}
.search_mobile_device .txt {
  font-weight: 700;
  font-size: 1.1rem;
  color: #777575;
}
@media (max-width: 480px) {
  .search_mobile_device .txt {
    font-size: 1rem;
  }
}
.search_mobile_device .txt ::-moz-placeholder {
  color: #000;
  /* Firefox */
  font-size: 1.1rem;
}
.search_mobile_device .txt ::placeholder {
  color: #000;
  /* Firefox */
  font-size: 1.1rem;
}
@media (max-width: 480px) {
  .search_mobile_device .txt ::-moz-placeholder {
    font-size: 1rem;
  }
  .search_mobile_device .txt ::placeholder {
    font-size: 1rem;
  }
}
.search_mobile_device .txt :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  font-size: 1.1rem;
}
@media (max-width: 480px) {
  .search_mobile_device .txt :-ms-input-placeholder {
    font-size: 1rem;
  }
}
.search_mobile_device .txt ::-ms-input-placeholder {
  /* Microsoft Edge */
  font-size: 1.1rem;
}
@media (max-width: 480px) {
  .search_mobile_device .txt ::-ms-input-placeholder {
    font-size: 1rem;
  }
}
.search_mobile_device .search__field {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border: 1px solid #c4c4c4;
  width: 100%;
  margin: 5px 10px;
  padding: 5px 10px;
  position: relative;
}
@media (max-width: 767px) {
  .search_mobile_device .search__field {
    margin: 5px 0px;
  }
}
.search_mobile_device .search__field .nearby {
  position: absolute;
  top: calc(50% - 12px);
  right: 20px;
  color: #566CC6;
  font-weight: 700;
  font-size: 1rem;
  cursor: pointer;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .search_mobile_device .search__field .nearby {
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .search_mobile_device .search__field .nearby {
    font-size: 0.75rem;
  }
}
.search_mobile_device .search__field .closebtn {
  position: absolute;
  top: calc(50% - 12px);
  right: 5px;
  color: #7c8893;
  cursor: pointer;
}
.search_mobile_device .search__field .closebtn i {
  font-size: 1.5rem;
}
.search_mobile_device .search__field .arrowbtn {
  position: absolute;
  top: calc(50% - 12px);
  left: 10px;
  color: #7c8893;
  cursor: pointer;
}
.search_mobile_device .search__field .arrowbtn i {
  font-size: 1.2rem;
}
.search_mobile_device .calender__field {
  width: 49%;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  margin-right: 1%;
  border: 1px solid #c4c4c4;
  margin-bottom: 5px;
  padding: 5px 10px;
}
@media (max-width: 480px) {
  .search_mobile_device .calender__field {
    padding: 1px 10px;
  }
}
.search_mobile_device .calender__field .txt {
  font-size: 1rem;
}
@media (max-width: 767px) {
  .search_mobile_device .calender__field .txt {
    font-size: 0.875rem;
  }
}
@media (max-width: 480px) {
  .search_mobile_device .calender__field .txt {
    font-size: 0.688rem;
  }
}
.search_mobile_device .room__field {
  width: 49%;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  margin-left: 1%;
  margin-bottom: 5px;
  border: 1px solid #c4c4c4;
  padding: 5px 10px;
}
@media (max-width: 480px) {
  .search_mobile_device .room__field {
    padding: 1px 10px;
  }
}
.search_mobile_device .room__field .txt {
  font-size: 1rem;
}
@media (max-width: 767px) {
  .search_mobile_device .room__field .txt {
    font-size: 0.875rem;
  }
}
@media (max-width: 480px) {
  .search_mobile_device .room__field .txt {
    font-size: 0.75rem;
  }
}
@media (max-width: 480px) {
  .search_mobile_device .room__field .txt {
    font-size: 0.688rem;
  }
}
.search_mobile_device .room__field .panel-dropdown {
  position: relative;
  padding: 0 20px;
  height: 100%;
  display: flex;
  display: none;
  align-items: center;
}
.search_mobile_device .room__field .panel-dropdown a {
  color: #7c8893;
  font-weight: 700;
  transition: 0.3s;
  width: 100%;
  display: block;
  font-size: 1rem;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .search_mobile_device .room__field .panel-dropdown a {
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .search_mobile_device .room__field .panel-dropdown a {
    font-size: 0.75rem;
  }
}
.search_mobile_device .room__field .panel-dropdown .panel-dropdown-content {
  display: none;
  animation: fadeInUp 0.5s ease backwards;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  position: absolute;
  top: 58px;
  left: 0;
  z-index: 99;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: 0 12px 35px 2px rgba(0, 0, 0, 0.12);
  padding: 10px 0;
  white-space: normal;
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .search_mobile_device .room__field .panel-dropdown .panel-dropdown-content {
    width: 220px;
  }
}
.search_mobile_device .room__field .panel-dropdown .panel-dropdown-content .heading_row {
  display: flex;
}
.search_mobile_device .room__field .panel-dropdown .panel-dropdown-content .heading_row .room,
.search_mobile_device .room__field .panel-dropdown .panel-dropdown-content .heading_row .guests {
  width: 50%;
  padding: 0px 10px;
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
  color: #000;
}
.search_mobile_device .room__field .panel-dropdown .panel-dropdown-content .qtyButtons {
  display: flex;
  padding: 5px 15px;
}
.search_mobile_device .room__field .panel-dropdown .panel-dropdown-content .qtyButtons input {
  outline: 0;
  font-size: 1rem;
  text-align: center;
  width: 50px;
  height: 36px !important;
  color: #333;
  line-height: 36px;
  margin: 0 !important;
  padding: 0 5px !important;
  box-shadow: none;
  pointer-events: none;
  display: inline-block;
  border: none !important;
}
.search_mobile_device .room__field .panel-dropdown .panel-dropdown-content .box_grid ul,
.search_mobile_device .room__field .panel-dropdown .panel-dropdown-content .box_list ul {
  border-top: 1px solid #ededed;
}
.search_mobile_device .room__field .panel-dropdown .panel-dropdown-content .qtyButtons label {
  font-weight: 500;
  line-height: 36px;
  padding-right: 15px;
  display: block;
  flex: 1;
  color: #727b82;
}
.search_mobile_device .room__field .panel-dropdown .panel-dropdown-content .qtyDec,
.search_mobile_device .room__field .panel-dropdown .panel-dropdown-content .qtyInc {
  width: 36px;
  height: 36px;
  line-height: 36px;
  font-size: 1.75rem;
  background-color: #f2f2f2;
  -webkit-text-stroke: 1px #f2f2f2;
  color: #333;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  font-family: bootstrap-icons !important;
}
.search_mobile_device .room__field .panel-dropdown .panel-dropdown-content .qtyTotal,
.search_mobile_device .room__field .panel-dropdown .panel-dropdown-content a.box_news figure figcaption {
  display: inline-block;
  color: #fff;
  text-align: center;
}
.search_mobile_device .room__field .panel-dropdown .panel-dropdown-content .qtyInc:before {
  content: "\f4fe";
}
.search_mobile_device .room__field .panel-dropdown .panel-dropdown-content .qtyDec:before {
  content: "\f2ea";
}
.search_mobile_device .room__field .panel-dropdown .panel-dropdown-content .qtyTotal {
  background-color: #66676b;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 600;
  font-family: bootstrap-icons !important;
  line-height: 18px;
  position: relative;
  top: 0;
  left: 2px;
  height: 18px;
  width: 18px;
}
.search_mobile_device .room__field .panel-dropdown .panel-dropdown-content .add__delete {
  padding: 2px 10px;
  display: flex;
}
.search_mobile_device .room__field .panel-dropdown .panel-dropdown-content .add__delete a .delete__room,
.search_mobile_device .room__field .panel-dropdown .panel-dropdown-content .add__delete a .add__room {
  padding: 5px;
  font-size: 0.875rem;
  font-weight: 500;
  text-align: left;
  color: #000;
}
.search_mobile_device .room__field .panel-dropdown .panel-dropdown-content .add__delete a .add__room {
  text-align: right;
}
.search_mobile_device .room__field .panel-dropdown .panel-dropdown-content.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(22px);
  animation: fadeInUp 0.5s ease backwards;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .search_mobile_device .room__field .panel-dropdown .panel-dropdown-content.active {
    transform: translateY(0px);
  }
}
@keyframes fadeInUp {
  0% {
    transform: translate(0px, 20px);
    opacity: 1;
  }
  100% {
    transform: translate(0px, 0);
    opacity: 1;
  }
}
.search_mobile_device .calender_guests {
  width: 100%;
  padding-top: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  margin-bottom: 10px;
}
@media (max-width: 480px) {
  .search_mobile_device .calender_guests {
    margin-bottom: 0px;
  }
}
.search_mobile_device .calender_guests .calenderbox {
  width: 75%;
  padding: 0;
  display: flex;
}
.search_mobile_device .calender_guests .calenderbox .book_date {
  display: flex;
  flex-direction: column;
  width: 35%;
  justify-content: center;
  align-items: center;
}
.search_mobile_device .calender_guests .calenderbox .book_date input {
  border: none;
  height: 25px;
  text-align: center;
  color: #1F397A;
  background: none;
  padding: 0;
  font-weight: 700;
  font-size: 0.875rem;
}
.search_mobile_device .calender_guests .calenderbox .book_date .subfield {
  font-size: 0.75rem;
}
.search_mobile_device .calender_guests .calenderbox .in {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  display: flex;
  width: 12%;
  margin: 0 8%;
  align-self: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.75rem;
  text-transform: uppercase;
  padding: 2px 6px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  color: #212121;
}
.search_mobile_device .calender_guests .calenderbox .checkout_date {
  display: flex;
  flex-direction: column;
  width: 35%;
  justify-content: center;
  align-items: center;
}
.search_mobile_device .calender_guests .calenderbox .checkout_date input {
  border: none;
  height: 25px;
  text-align: center;
  color: #1F397A;
  background: none;
  padding: 0;
  font-weight: 700;
  font-size: 0.875rem;
}
.search_mobile_device .calender_guests .calenderbox .checkout_date .subfield {
  font-size: 0.75rem;
}
.search_mobile_device .calender_guests .guestsbox {
  width: 25%;
  padding: 0;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.search_mobile_device .calender_guests .guestsbox .txt {
  border: none;
  height: 25px;
  color: #1F397A;
  padding: 0;
  font-weight: 700;
  font-size: 0.875rem;
}
.search_mobile_device .calender_guests .guestsbox .subfield {
  font-size: 0.75rem;
}
.search_mobile_device .search__button {
  width: 100%;
}
.search_mobile_device .search__button .btn__search {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  background: #126eb7;
  height: 100%;
  display: flex;
  height: 55px;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
  width: 100%;
  border: none;
}

.search_mobile_device_index {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  position: relative;
  margin-top: 0px;
  padding: 10px 10px;
  background: #fff;
  width: 100%;
  flex-wrap: wrap;
  display: flex;
}
@media (max-width: 480px) {
  .search_mobile_device_index {
    padding: 2px 10px 10px 10px;
  }
}
.search_mobile_device_index ::-moz-placeholder {
  color: #000;
  /* Firefox */
  font-weight: 700;
  font-size: 1rem;
}
.search_mobile_device_index ::placeholder {
  color: #000;
  /* Firefox */
  font-weight: 700;
  font-size: 1rem;
}
.search_mobile_device_index :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #000;
  font-weight: 700;
  font-size: 1rem;
}
.search_mobile_device_index ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #000;
  font-weight: 700;
  font-size: 1rem;
}
@media (max-width: 767px) {
  .search_mobile_device_index h2 {
    font-size: 1rem;
    margin-bottom: 15px;
  }
}
.search_mobile_device_index .form-group input {
  border: none;
  height: 25px;
  color: #57595b;
  font-weight: 700;
  padding: 0;
  font-weight: 700;
  font-size: 1.1rem;
  color: #777575;
}
@media (max-width: 480px) {
  .search_mobile_device_index .form-group input {
    font-size: 0.875rem;
  }
}
.search_mobile_device_index span {
  font-size: 0.875rem;
  color: #5e5c5c;
  font-weight: 400;
}
@media (max-width: 480px) {
  .search_mobile_device_index span {
    font-size: 0.75rem;
  }
}
.search_mobile_device_index .subfield {
  font-size: 0.875rem;
  color: #b8b8b8;
  font-weight: 400;
}
@media (max-width: 480px) {
  .search_mobile_device_index .subfield {
    font-size: 0.75rem;
  }
}
.search_mobile_device_index .txt {
  font-weight: 700;
  font-size: 1.1rem;
  color: #000;
}
@media (max-width: 480px) {
  .search_mobile_device_index .txt {
    font-size: 1rem;
  }
}
.search_mobile_device_index .search__field {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border: 1px solid #c4c4c4;
  width: 100%;
  margin-bottom: 10px;
  padding: 5px 10px;
  position: relative;
}
.search_mobile_device_index .search__field .destination_start {
  transition: all 0.4s ease-in-out;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  position: absolute;
  bottom: -20px;
  left: 10px;
  background: #f44336;
  font-size: 0.813rem;
  color: #fff;
  padding: 0px 10px;
  z-index: 99;
}
.search_mobile_device_index .search__field .destination_start::before {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #f44336;
  position: absolute;
  bottom: 100%;
}
.search_mobile_device_index .search__field ::-moz-placeholder {
  font-size: 0.875rem;
}
.search_mobile_device_index .search__field ::placeholder {
  font-size: 0.875rem;
}
.search_mobile_device_index .search__field .nearby {
  position: absolute;
  top: calc(50% - 12px);
  right: 20px;
  color: #566CC6;
  font-weight: 700;
  font-size: 1rem;
  cursor: pointer;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .search_mobile_device_index .search__field .nearby {
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .search_mobile_device_index .search__field .nearby {
    font-size: 0.75rem;
  }
}
.search_mobile_device_index .search__field .closebtn {
  position: absolute;
  top: calc(50% - 12px);
  right: 20px;
  color: #7c8893;
  cursor: pointer;
}
.search_mobile_device_index .search__field .closebtn i {
  font-size: 1.5rem;
}
.search_mobile_device_index .search__field .arrowbtn {
  position: absolute;
  top: calc(50% - 12px);
  left: 20px;
  color: #7c8893;
  cursor: pointer;
}
.search_mobile_device_index .search__field .arrowbtn i {
  font-size: 1.2rem;
}
.search_mobile_device_index .calender__field {
  width: 49%;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  margin-right: 1%;
  border: 1px solid #c4c4c4;
  margin-bottom: 5px;
  padding: 5px 10px;
}
@media (max-width: 480px) {
  .search_mobile_device_index .calender__field {
    padding: 1px 10px;
  }
}
.search_mobile_device_index .calender__field .txt {
  font-size: 1rem;
}
@media (max-width: 767px) {
  .search_mobile_device_index .calender__field .txt {
    font-size: 0.875rem;
    color: #000;
  }
}
.search_mobile_device_index .room__field {
  width: 49%;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  margin-left: 1%;
  margin-bottom: 5px;
  border: 1px solid #c4c4c4;
  padding: 5px 10px;
}
@media (max-width: 480px) {
  .search_mobile_device_index .room__field {
    padding: 1px 10px;
  }
}
.search_mobile_device_index .room__field .txt {
  font-size: 1rem;
}
@media (max-width: 767px) {
  .search_mobile_device_index .room__field .txt {
    font-size: 0.875rem;
  }
}
@media (max-width: 480px) {
  .search_mobile_device_index .room__field .txt {
    font-size: 0.875rem;
  }
}
.search_mobile_device_index .room__field .panel-dropdown {
  position: relative;
  padding: 0 20px;
  height: 100%;
  display: flex;
  display: none;
  align-items: center;
}
.search_mobile_device_index .room__field .panel-dropdown a {
  color: #7c8893;
  font-weight: 700;
  transition: 0.3s;
  width: 100%;
  display: block;
  font-size: 1rem;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .search_mobile_device_index .room__field .panel-dropdown a {
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .search_mobile_device_index .room__field .panel-dropdown a {
    font-size: 0.75rem;
  }
}
.search_mobile_device_index .room__field .panel-dropdown .panel-dropdown-content {
  display: none;
  animation: fadeInUp 0.5s ease backwards;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  position: absolute;
  top: 58px;
  left: 0;
  z-index: 99;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: 0 12px 35px 2px rgba(0, 0, 0, 0.12);
  padding: 10px 0;
  white-space: normal;
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .search_mobile_device_index .room__field .panel-dropdown .panel-dropdown-content {
    width: 220px;
  }
}
.search_mobile_device_index .room__field .panel-dropdown .panel-dropdown-content .heading_row {
  display: flex;
}
.search_mobile_device_index .room__field .panel-dropdown .panel-dropdown-content .heading_row .room,
.search_mobile_device_index .room__field .panel-dropdown .panel-dropdown-content .heading_row .guests {
  width: 50%;
  padding: 0px 10px;
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
  color: #000;
}
.search_mobile_device_index .room__field .panel-dropdown .panel-dropdown-content .qtyButtons {
  display: flex;
  padding: 5px 15px;
}
.search_mobile_device_index .room__field .panel-dropdown .panel-dropdown-content .qtyButtons input {
  outline: 0;
  font-size: 1rem;
  text-align: center;
  width: 50px;
  height: 36px !important;
  color: #333;
  line-height: 36px;
  margin: 0 !important;
  padding: 0 5px !important;
  box-shadow: none;
  pointer-events: none;
  display: inline-block;
  border: none !important;
}
.search_mobile_device_index .room__field .panel-dropdown .panel-dropdown-content .box_grid ul,
.search_mobile_device_index .room__field .panel-dropdown .panel-dropdown-content .box_list ul {
  border-top: 1px solid #ededed;
}
.search_mobile_device_index .room__field .panel-dropdown .panel-dropdown-content .qtyButtons label {
  font-weight: 500;
  line-height: 36px;
  padding-right: 15px;
  display: block;
  flex: 1;
  color: #727b82;
}
.search_mobile_device_index .room__field .panel-dropdown .panel-dropdown-content .qtyDec,
.search_mobile_device_index .room__field .panel-dropdown .panel-dropdown-content .qtyInc {
  width: 36px;
  height: 36px;
  line-height: 36px;
  font-size: 1.75rem;
  background-color: #f2f2f2;
  -webkit-text-stroke: 1px #f2f2f2;
  color: #333;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  font-family: bootstrap-icons !important;
}
.search_mobile_device_index .room__field .panel-dropdown .panel-dropdown-content .qtyTotal,
.search_mobile_device_index .room__field .panel-dropdown .panel-dropdown-content a.box_news figure figcaption {
  display: inline-block;
  color: #fff;
  text-align: center;
}
.search_mobile_device_index .room__field .panel-dropdown .panel-dropdown-content .qtyInc:before {
  content: "\f4fe";
}
.search_mobile_device_index .room__field .panel-dropdown .panel-dropdown-content .qtyDec:before {
  content: "\f2ea";
}
.search_mobile_device_index .room__field .panel-dropdown .panel-dropdown-content .qtyTotal {
  background-color: #66676b;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 600;
  font-family: bootstrap-icons !important;
  line-height: 18px;
  position: relative;
  top: 0;
  left: 2px;
  height: 18px;
  width: 18px;
}
.search_mobile_device_index .room__field .panel-dropdown .panel-dropdown-content .add__delete {
  padding: 2px 10px;
  display: flex;
}
.search_mobile_device_index .room__field .panel-dropdown .panel-dropdown-content .add__delete a .delete__room,
.search_mobile_device_index .room__field .panel-dropdown .panel-dropdown-content .add__delete a .add__room {
  padding: 5px;
  font-size: 0.875rem;
  font-weight: 500;
  text-align: left;
  color: #000;
}
.search_mobile_device_index .room__field .panel-dropdown .panel-dropdown-content .add__delete a .add__room {
  text-align: right;
}
.search_mobile_device_index .room__field .panel-dropdown .panel-dropdown-content.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(22px);
  animation: fadeInUp 0.5s ease backwards;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .search_mobile_device_index .room__field .panel-dropdown .panel-dropdown-content.active {
    transform: translateY(0px);
  }
}
@keyframes fadeInUp {
  0% {
    transform: translate(0px, 20px);
    opacity: 1;
  }
  100% {
    transform: translate(0px, 0);
    opacity: 1;
  }
}
.search_mobile_device_index .search__button {
  width: 100%;
}
@media (max-width: 767px) {
  .search_mobile_device_index .search__button {
    margin-top: 15px;
  }
}
.search_mobile_device_index .search__button .btn__search {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  background: #126eb7;
  height: 100%;
  display: flex;
  height: 55px;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
  width: 100%;
  border: none;
}

.search_mobile_device__second {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  position: relative;
  margin-top: 0px;
  padding: 10px 0px;
  background: #fff;
  width: 100%;
  flex-wrap: wrap;
  display: flex;
}
@media (max-width: 767px) {
  .search_mobile_device__second ::-moz-placeholder {
    color: #777575;
    opacity: 1;
    /* Firefox */
    font-weight: 700;
    font-size: 1rem;
  }
  .search_mobile_device__second ::placeholder {
    color: #777575;
    opacity: 1;
    /* Firefox */
    font-weight: 700;
    font-size: 1rem;
  }
  .search_mobile_device__second :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #777575;
    font-weight: 700;
    font-size: 1rem;
  }
  .search_mobile_device__second ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #777575;
    font-weight: 700;
    font-size: 1rem;
  }
  .search_mobile_device__second .form-group input {
    border: none;
    height: 25px;
    color: #57595b;
    font-weight: 700;
    padding: 0;
    font-weight: 700;
    font-size: 1.1rem;
    color: #777575;
  }
}
@media (max-width: 767px) and (max-width: 480px) {
  .search_mobile_device__second .form-group input {
    font-size: 0.875rem;
  }
}
@media (max-width: 767px) {
  .search_mobile_device__second span {
    font-size: 0.875rem;
    color: #b8b8b8;
    font-weight: 400;
  }
  .search_mobile_device__second .subfield {
    font-size: 0.875rem;
    color: #36ca2c;
    font-weight: 400;
  }
  .search_mobile_device__second .txt {
    font-weight: 700;
    font-size: 1.1rem;
    color: #777575;
  }
}
@media (max-width: 767px) and (max-width: 480px) {
  .search_mobile_device__second .txt {
    font-size: 0.875rem;
  }
}
@media (max-width: 767px) {
  .search_mobile_device__second .search__field {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border: 1px solid #c4c4c4;
    width: 100%;
    margin-bottom: 10px;
    padding: 5px 10px;
    position: relative;
  }
  .search_mobile_device__second .search__field .nearby {
    position: absolute;
    top: calc(50% - 12px);
    right: 20px;
    color: #566CC6;
    font-weight: 700;
    font-size: 1rem;
    cursor: pointer;
  }
}
@media only screen and (max-width: 767px) and (min-width: 992px) and (max-width: 1200px) {
  .search_mobile_device__second .search__field .nearby {
    font-size: 0.875rem;
  }
}
@media only screen and (max-width: 767px) and (min-width: 768px) and (max-width: 992px) {
  .search_mobile_device__second .search__field .nearby {
    font-size: 0.75rem;
  }
}
@media (max-width: 767px) {
  .search_mobile_device__second .search__field .closebtn {
    position: absolute;
    top: calc(50% - 12px);
    right: 20px;
    color: #7c8893;
    cursor: pointer;
  }
  .search_mobile_device__second .search__field .closebtn i {
    font-size: 1.5rem;
  }
  .search_mobile_device__second .search__field .arrowbtn {
    position: absolute;
    top: calc(50% - 12px);
    left: 20px;
    color: #7c8893;
    cursor: pointer;
  }
  .search_mobile_device__second .search__field .arrowbtn i {
    font-size: 1.2rem;
  }
  .search_mobile_device__second .calender__field {
    width: 49%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    margin-right: 1%;
    border: 1px solid #c4c4c4;
    margin-bottom: 5px;
    padding: 5px 10px;
  }
  .search_mobile_device__second .txt {
    font-size: 1rem;
  }
}
@media (max-width: 767px) and (max-width: 480px) {
  .search_mobile_device__second .txt {
    font-size: 0.875rem;
  }
}
.search_mobile_device__second .room__field {
  width: 49%;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  margin-left: 1%;
  margin-bottom: 5px;
  border: 1px solid #c4c4c4;
  padding: 5px 10px;
}
.search_mobile_device__second .room__field .txt {
  font-size: 1rem;
}
@media (max-width: 480px) {
  .search_mobile_device__second .room__field .txt {
    font-size: 0.875rem;
  }
}
.search_mobile_device__second .room__field .panel-dropdown {
  position: relative;
  padding: 0 20px;
  height: 100%;
  display: flex;
  display: none;
  align-items: center;
}
.search_mobile_device__second .room__field .panel-dropdown a {
  color: #7c8893;
  font-weight: 700;
  transition: 0.3s;
  width: 100%;
  display: block;
  font-size: 1rem;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .search_mobile_device__second .room__field .panel-dropdown a {
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .search_mobile_device__second .room__field .panel-dropdown a {
    font-size: 0.75rem;
  }
}
.search_mobile_device__second .room__field .panel-dropdown .panel-dropdown-content {
  display: none;
  animation: fadeInUp 0.5s ease backwards;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  position: absolute;
  top: 54px;
  left: 0;
  z-index: 99;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: 0 12px 35px 2px rgba(0, 0, 0, 0.12);
  padding: 10px 0;
  white-space: normal;
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .search_mobile_device__second .room__field .panel-dropdown .panel-dropdown-content {
    width: 220px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .search_mobile_device__second .room__field .panel-dropdown .panel-dropdown-content {
    width: 240px;
  }
}
.search_mobile_device__second .room__field .panel-dropdown .panel-dropdown-content .heading_row {
  display: flex;
}
.search_mobile_device__second .room__field .panel-dropdown .panel-dropdown-content .heading_row .room,
.search_mobile_device__second .room__field .panel-dropdown .panel-dropdown-content .heading_row .guests {
  width: 50%;
  padding: 0px 10px;
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
  color: #000;
}
.search_mobile_device__second .room__field .panel-dropdown .panel-dropdown-content .qtyButtons {
  display: flex;
  padding: 5px 15px;
}
.search_mobile_device__second .room__field .panel-dropdown .panel-dropdown-content .qtyButtons input {
  outline: 0;
  font-size: 1rem;
  text-align: center;
  width: 50px;
  height: 36px !important;
  color: #333;
  line-height: 36px;
  margin: 0 !important;
  padding: 0 5px !important;
  box-shadow: none;
  pointer-events: none;
  display: inline-block;
  border: none !important;
}
.search_mobile_device__second .room__field .panel-dropdown .panel-dropdown-content .box_grid ul,
.search_mobile_device__second .room__field .panel-dropdown .panel-dropdown-content .box_list ul {
  border-top: 1px solid #ededed;
}
.search_mobile_device__second .room__field .panel-dropdown .panel-dropdown-content .qtyButtons label {
  font-weight: 500;
  line-height: 36px;
  padding-right: 15px;
  display: block;
  flex: 1;
  color: #727b82;
}
.search_mobile_device__second .room__field .panel-dropdown .panel-dropdown-content .qtyDec,
.search_mobile_device__second .room__field .panel-dropdown .panel-dropdown-content .qtyInc {
  width: 36px;
  height: 36px;
  line-height: 36px;
  font-size: 1.75rem;
  background-color: #f2f2f2;
  -webkit-text-stroke: 1px #f2f2f2;
  color: #333;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  font-family: bootstrap-icons !important;
}
.search_mobile_device__second .room__field .panel-dropdown .panel-dropdown-content .qtyTotal,
.search_mobile_device__second .room__field .panel-dropdown .panel-dropdown-content a.box_news figure figcaption {
  display: inline-block;
  color: #fff;
  text-align: center;
}
.search_mobile_device__second .room__field .panel-dropdown .panel-dropdown-content .qtyInc:before {
  content: "\f4fe";
}
.search_mobile_device__second .room__field .panel-dropdown .panel-dropdown-content .qtyDec:before {
  content: "\f2ea";
}
.search_mobile_device__second .room__field .panel-dropdown .panel-dropdown-content .qtyTotal {
  background-color: #66676b;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 600;
  font-family: bootstrap-icons !important;
  line-height: 18px;
  position: relative;
  top: 0;
  left: 2px;
  height: 18px;
  width: 18px;
}
.search_mobile_device__second .room__field .panel-dropdown .panel-dropdown-content .add__delete {
  padding: 2px 10px;
  display: flex;
}
.search_mobile_device__second .room__field .panel-dropdown .panel-dropdown-content .add__delete a .delete__room,
.search_mobile_device__second .room__field .panel-dropdown .panel-dropdown-content .add__delete a .add__room {
  padding: 5px;
  font-size: 0.875rem;
  font-weight: 500;
  text-align: left;
  color: #000;
}
.search_mobile_device__second .room__field .panel-dropdown .panel-dropdown-content .add__delete a .add__room {
  text-align: right;
}
.search_mobile_device__second .room__field .panel-dropdown .panel-dropdown-content.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(22px);
  animation: fadeInUp 0.5s ease backwards;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .search_mobile_device__second .room__field .panel-dropdown .panel-dropdown-content.active {
    transform: translateY(0px);
  }
}
@keyframes fadeInUp {
  0% {
    transform: translate(0px, 20px);
    opacity: 1;
  }
  100% {
    transform: translate(0px, 0);
    opacity: 1;
  }
}
.search_mobile_device__second .search__button {
  width: 100%;
}
.search_mobile_device__second .search__button .btn__search {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  background: #126eb7;
  height: 100%;
  display: flex;
  height: 55px;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
  width: 100%;
  border: none;
}

.browse__property {
  width: 100%;
  position: relative;
  padding-top: 40px;
}
@media (max-width: 767px) {
  .browse__property {
    padding-top: 20px;
    padding-bottom: 5px;
  }
}
.browse__property .buttonbox {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .browse__property .buttonbox {
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .browse__property .buttonbox .btn2 {
    font-size: 0.875rem;
    min-width: auto;
    padding: 5px 10px;
  }
}
@media (max-width: 480px) {
  .browse__property .buttonbox .btn2 {
    font-size: 0.813rem;
    padding: 0px 8px;
  }
}
@media (max-width: 767px) {
  .browse__property h2 {
    font-size: 1.2rem;
  }
}
@media (max-width: 480px) {
  .browse__property h2 {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .browse__property .mb-4 {
    margin-bottom: 0 !important;
  }
}
@media (max-width: 767px) {
  .browse__property .mob_pd_0 {
    padding: 5px !important;
    display: block;
  }
}
@media (max-width: 767px) {
  .browse__property .pd_15 {
    padding: 0px 8px !important;
  }
}
.browse__property .property__box {
  position: relative;
  overflow: hidden;
  width: 100%;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 767px) {
  .browse__property .property__box {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
  }
}
.browse__property .property__box img {
  transition: all 0.4s ease-in-out;
  transform: scale(1);
}
@media (max-width: 767px) {
  .browse__property .property__box img {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
  }
}
.browse__property .property__box .heading {
  border-radius: 0px 10px 10px 0px;
  -webkit-border-radius: 0px 10px 10px 0px;
  -moz-border-radius: 0px 10px 10px 0px;
  -ms-border-radius: 0px 10px 10px 0px;
  -o-border-radius: 0px 10px 10px 0px;
  transition: all 0.4s ease-in-out;
  position: absolute;
  left: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  bottom: 10px;
  background: #fff;
  padding: 5px 10px;
  font-size: 1rem;
  font-weight: 700;
  color: #000;
}
@media (max-width: 767px) {
  .browse__property .property__box .heading {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .browse__property .property__box .heading img {
    width: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .browse__property .property__box .heading {
    font-size: 0.75rem;
    padding: 2px 10px;
  }
}
.browse__property .property__box .heading img {
  padding-right: 5px;
}
.browse__property .property__box .heading a {
  color: #000;
}
.browse__property .property__box:hover img {
  transform: scale(1.1);
}
.browse__property .property__box:hover .heading {
  letter-spacing: 0.5px;
}
.browse__property .property__box:hover .heading img {
  transform: scale(1);
}
.browse__property .heading_mob {
  font-size: 1rem;
  color: #000;
  font-weight: 600;
  display: none;
}
@media (max-width: 767px) {
  .browse__property .heading_mob {
    display: block;
  }
}
@media (max-width: 480px) {
  .browse__property .heading_mob {
    font-size: 0.813rem;
  }
}

.mobile_ad {
  padding: 0;
  width: 100%;
  display: none;
}
.mobile_ad img {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
@media (max-width: 767px) {
  .mobile_ad {
    display: block;
  }
}
.mobile_ad .owl-carousel {
  margin: 0px;
}
.mobile_ad .owl-theme .owl-controls .owl-page span {
  display: block;
  width: 5px;
  height: 5px;
  margin: 0x 5px;
  border: none;
}
.mobile_ad .owl-theme .owl-controls {
  position: absolute;
  width: 100%;
  bottom: 0px;
  text-align: left;
  left: 10px;
}

.last_minute_deals,
.featured_hotels {
  background: #F4F4F4;
  position: relative;
}
@media (max-width: 480px) {
  .last_minute_deals h2,
  .featured_hotels h2 {
    font-size: 1rem;
  }
}
.last_minute_deals .property_box,
.featured_hotels .property_box {
  transition: all 0.4s ease-in-out;
  width: 100%;
  margin: 10px 10px 20px 10px;
}
@media (max-width: 767px) {
  .last_minute_deals .property_box,
  .featured_hotels .property_box {
    margin: 2px;
  }
}
.last_minute_deals .property_box .property__img,
.featured_hotels .property_box .property__img {
  transition: all 0.4s ease-in-out;
  width: 100%;
  position: relative;
  background: #1F397A;
}
@media (max-width: 767px) {
  .last_minute_deals .property_box .property__img,
  .featured_hotels .property_box .property__img {
    border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -ms-border-radius: 5px 5px 0px 0px;
    -o-border-radius: 5px 5px 0px 0px;
  }
}
.last_minute_deals .property_box .property__img img,
.featured_hotels .property_box .property__img img {
  transition: all 0.4s ease-in-out;
}
@media (max-width: 767px) {
  .last_minute_deals .property_box .property__img img,
  .featured_hotels .property_box .property__img img {
    border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -ms-border-radius: 5px 5px 0px 0px;
    -o-border-radius: 5px 5px 0px 0px;
  }
}
.last_minute_deals .property_box .property__img .include,
.featured_hotels .property_box .property__img .include {
  transition: all 0.4s ease-in-out;
  position: absolute;
  left: -6px;
  top: 10px;
  background: #2e4293;
  font-size: 0.813rem;
  color: #fff;
  font-weight: 700;
  padding: 3px 10px;
  z-index: 9;
}
@media (max-width: 767px) {
  .last_minute_deals .property_box .property__img .include,
  .featured_hotels .property_box .property__img .include {
    left: 0;
    font-size: 0.75rem;
  }
}
@media (max-width: 480px) {
  .last_minute_deals .property_box .property__img .include,
  .featured_hotels .property_box .property__img .include {
    font-size: 0.625rem;
    top: 3px;
    line-height: 15px;
  }
}
.last_minute_deals .property_box .property__img .rating,
.featured_hotels .property_box .property__img .rating {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  transition: all 0.4s ease-in-out;
  position: absolute;
  left: 10px;
  bottom: 10px;
  background: #53b64c;
  font-size: 0.813rem;
  color: #fff;
  font-weight: 700;
  padding: 3px 10px;
  z-index: 9;
}
@media (max-width: 767px) {
  .last_minute_deals .property_box .property__img .rating,
  .featured_hotels .property_box .property__img .rating {
    left: 5px;
    font-size: 0.75rem;
  }
}
@media (max-width: 480px) {
  .last_minute_deals .property_box .property__img .rating,
  .featured_hotels .property_box .property__img .rating {
    font-size: 0.625rem;
    padding: 3px 5px;
    line-height: 15px;
  }
}
.last_minute_deals .property_box .property__img .discount,
.featured_hotels .property_box .property__img .discount {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  transition: all 0.4s ease-in-out;
  position: absolute;
  border: 3px solid #fff;
  right: 15px;
  bottom: -25px;
  width: 55px;
  height: 55px;
  line-height: 18px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #EDC01F;
  font-size: 0.938rem;
  color: #fff;
  font-weight: 700;
  z-index: 9;
}
.last_minute_deals .property_box .property__img .discount span,
.featured_hotels .property_box .property__img .discount span {
  display: block;
  font-size: 0.75rem;
  font-weight: 500;
}
@media (max-width: 767px) {
  .last_minute_deals .property_box .property__img .discount span,
  .featured_hotels .property_box .property__img .discount span {
    font-size: 0.625rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .last_minute_deals .property_box .property__img .discount,
  .featured_hotels .property_box .property__img .discount {
    font-size: 0.813rem;
  }
}
@media (max-width: 767px) {
  .last_minute_deals .property_box .property__img .discount,
  .featured_hotels .property_box .property__img .discount {
    font-size: 0.75rem;
    width: 50px;
    height: 50px;
    right: 5px;
    bottom: -15px;
    border: 2px solid #fff;
  }
}
@media (max-width: 480px) {
  .last_minute_deals .property_box .property__img .discount,
  .featured_hotels .property_box .property__img .discount {
    font-size: 0.625rem;
    width: 40px;
    height: 40px;
    line-height: 15px;
  }
}
.last_minute_deals .property_box .property_content,
.featured_hotels .property_box .property_content {
  border-radius: 0px 0px 5px 5px;
  -webkit-border-radius: 0px 0px 5px 5px;
  -moz-border-radius: 0px 0px 5px 5px;
  -ms-border-radius: 0px 0px 5px 5px;
  -o-border-radius: 0px 0px 5px 5px;
  width: 100%;
  padding: 20px 15px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  background: #fff;
}
@media (max-width: 767px) {
  .last_minute_deals .property_box .property_content,
  .featured_hotels .property_box .property_content {
    box-shadow: none;
    padding: 10px;
  }
}
.last_minute_deals .property_box .property_content h3,
.featured_hotels .property_box .property_content h3 {
  transition: all 0.4s ease-in-out;
  text-align: left;
  color: #57595b;
  display: -webkit-box;
  height: 25px;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 10px;
  color: #000;
  font-size: 1.25rem;
  font-weight: 800;
  margin: 5px 0px;
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
  .last_minute_deals .property_box .property_content h3,
  .featured_hotels .property_box .property_content h3 {
    height: 19px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .last_minute_deals .property_box .property_content h3,
  .featured_hotels .property_box .property_content h3 {
    font-size: 1.05rem;
    height: 22px;
  }
}
@media (max-width: 767px) {
  .last_minute_deals .property_box .property_content h3,
  .featured_hotels .property_box .property_content h3 {
    font-size: 1rem;
    font-weight: 700;
  }
}
@media (max-width: 480px) {
  .last_minute_deals .property_box .property_content h3,
  .featured_hotels .property_box .property_content h3 {
    font-size: 0.875rem;
    height: 34px;
    -webkit-line-clamp: 2;
  }
}
.last_minute_deals .property_box .property_content .location,
.last_minute_deals .property_box .property_content .review,
.featured_hotels .property_box .property_content .location,
.featured_hotels .property_box .property_content .review {
  color: #3e3e3e;
  font-size: 0.875rem;
  font-weight: 400;
}
.last_minute_deals .property_box .property_content .price,
.featured_hotels .property_box .property_content .price {
  width: 100%;
  margin-top: 10px;
}
.last_minute_deals .property_box .property_content .price h5,
.featured_hotels .property_box .property_content .price h5 {
  color: #E41414;
  font-weight: 700;
  font-size: 1.2rem;
}
@media (max-width: 480px) {
  .last_minute_deals .property_box .property_content .price h5,
  .featured_hotels .property_box .property_content .price h5 {
    font-size: 1rem;
  }
}
.last_minute_deals .property_box .property_content .price h5 .actualrate,
.featured_hotels .property_box .property_content .price h5 .actualrate {
  text-decoration: line-through;
  color: #868686;
  font-weight: 400;
  font-size: 0.875rem;
}
@media (max-width: 480px) {
  .last_minute_deals .property_box .property_content .price h5 .actualrate,
  .featured_hotels .property_box .property_content .price h5 .actualrate {
    font-size: 0.75rem;
  }
}
.last_minute_deals .property_box .property_content .price .per_rate,
.featured_hotels .property_box .property_content .price .per_rate {
  font-weight: 400;
  line-height: 1em;
  font-size: 0.875rem;
  margin-top: 4px;
  color: #3e3e3e;
}
.last_minute_deals .property_box:hover .property__img img,
.featured_hotels .property_box:hover .property__img img {
  opacity: 0.5;
}
.last_minute_deals .owl-carousel,
.featured_hotels .owl-carousel {
  margin: 0px;
}
.last_minute_deals .owl-pagination,
.featured_hotels .owl-pagination {
  display: none;
}
.last_minute_deals .owl-theme .owl-controls .owl-buttons div,
.featured_hotels .owl-theme .owl-controls .owl-buttons div {
  display: inline-block;
  zoom: 1;
  background: #fff;
  margin: 0 5px;
  width: 40px;
  border-radius: 50%;
  height: 40px;
  padding: 0px;
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  line-height: 40px;
  transition: all 0.5s ease-in-out;
}
@media (max-width: 767px) {
  .last_minute_deals .owl-theme .owl-controls .owl-buttons div,
  .featured_hotels .owl-theme .owl-controls .owl-buttons div {
    display: none;
  }
}
@media (max-width: 580px) {
  .last_minute_deals .owl-theme .owl-controls .owl-buttons div,
  .featured_hotels .owl-theme .owl-controls .owl-buttons div {
    background: #e8e8e8;
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
}
.last_minute_deals .owl-prev,
.featured_hotels .owl-prev {
  position: absolute;
  right: auto;
  left: -44px;
}
@media (max-width: 580px) {
  .last_minute_deals .owl-prev,
  .featured_hotels .owl-prev {
    left: 0px;
  }
}
.last_minute_deals .owl-next,
.featured_hotels .owl-next {
  position: absolute;
  right: -44px;
  left: auto;
}
@media (max-width: 580px) {
  .last_minute_deals .owl-next,
  .featured_hotels .owl-next {
    right: 0px;
  }
}
.last_minute_deals .owl-theme .owl-controls,
.featured_hotels .owl-theme .owl-controls {
  position: absolute;
  width: 100%;
  top: 50%;
  margin: 0;
}
@media (max-width: 480px) {
  .last_minute_deals .owl-theme .owl-controls,
  .featured_hotels .owl-theme .owl-controls {
    top: 42%;
  }
}
.last_minute_deals .owl-prev::before,
.featured_hotels .owl-prev::before {
  content: "\f284";
  position: absolute;
  font-family: bootstrap-icons !important;
  font-size: 20px;
  left: 9px;
  color: #b9b9b9;
}
@media (max-width: 580px) {
  .last_minute_deals .owl-prev::before,
  .featured_hotels .owl-prev::before {
    font-size: 26px;
    left: 1px;
  }
}
.last_minute_deals .owl-next::before,
.featured_hotels .owl-next::before {
  content: "\f285";
  position: absolute;
  font-family: bootstrap-icons !important;
  font-size: 20px;
  right: 9px;
  color: #b9b9b9;
}
@media (max-width: 580px) {
  .last_minute_deals .owl-next::before,
  .featured_hotels .owl-next::before {
    font-size: 26px;
    right: 1px;
  }
}

.featured_hotels {
  background-color: #fff;
}
@media (max-width: 767px) {
  .featured_hotels {
    padding-top: 10px;
  }
}
.featured_hotels .rating {
  bottom: 20px !important;
}
.featured_hotels .discount {
  right: 20px !important;
  bottom: -7px !important;
}
.featured_hotels .property_content {
  width: 95% !important;
  margin: 0 auto;
  background: #F2FAFF !important;
  border: 1px solid #96d5ff;
  transform: translateY(-10px);
}
@media (max-width: 767px) {
  .featured_hotels .property_content {
    left: 5% !important;
  }
}

.pdng_btm100 {
  display: none;
}
@media (max-width: 767px) {
  .pdng_btm100 {
    padding-bottom: 100px;
  }
}

.popular_destination {
  background: #F4F4F4;
  width: 100%;
}
@media (max-width: 767px) {
  .popular_destination h2 {
    font-size: 1.2rem;
  }
}
@media (max-width: 480px) {
  .popular_destination h2 {
    font-size: 1rem;
  }
}
.popular_destination .destination {
  width: 100%;
  position: relative;
  overflow: hidden;
  height: 100%;
}
.popular_destination .destination img {
  transition: all 0.4s ease-in-out;
  transform: scale(1);
  height: 100%;
}
.popular_destination .destination::before {
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  content: "";
  left: 0;
  height: 100%;
  top: 0;
  z-index: 9;
  width: 100%;
}
.popular_destination .destination .place,
.popular_destination .destination .place_2 {
  position: absolute;
  left: 20px;
  bottom: 20px;
  z-index: 9;
  font-size: 1.75rem;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .popular_destination .destination .place,
  .popular_destination .destination .place_2 {
    font-size: 1.25rem;
  }
}
.popular_destination .destination .place_2 {
  font-size: 1.25rem;
  bottom: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .popular_destination .destination .place_2 {
    font-size: 1rem;
    bottom: 12px;
    left: 12px;
  }
}
.popular_destination .destination:hover img {
  transform: scale(1.2);
}
.popular_destination .popular__destinations {
  width: 100%;
  position: relative;
  margin: 0px 5px;
}
.popular_destination .popular__destinations .destination_img {
  width: 100%;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  overflow: hidden;
}
.popular_destination .popular__destinations .destination_img img {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  transition: all 0.4s ease-in-out;
  transform: scale(1);
}
.popular_destination .popular__destinations .place__name {
  font-size: 1rem;
  color: #000;
  font-weight: 600;
  display: none;
}
@media (max-width: 767px) {
  .popular_destination .popular__destinations .place__name {
    display: block;
  }
}
@media (max-width: 480px) {
  .popular_destination .popular__destinations .place__name {
    font-size: 0.813rem;
  }
}
.popular_destination .popular__destinations:hover img {
  transform: scale(1.2);
}
.popular_destination .owl-carousel {
  margin: 0px;
}
.popular_destination .owl-pagination {
  display: none;
}
.popular_destination .owl-theme .owl-controls .owl-buttons div {
  display: inline-block;
  zoom: 1;
  background: #fff;
  margin: 0 5px;
  width: 40px;
  border-radius: 50%;
  height: 40px;
  padding: 0px;
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  line-height: 40px;
  transition: all 0.5s ease-in-out;
}
@media (max-width: 767px) {
  .popular_destination .owl-theme .owl-controls .owl-buttons div {
    display: none;
  }
}
@media (max-width: 580px) {
  .popular_destination .owl-theme .owl-controls .owl-buttons div {
    background: #e8e8e8;
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
}
.popular_destination .owl-prev {
  position: absolute;
  right: auto;
  left: -44px;
}
@media (max-width: 580px) {
  .popular_destination .owl-prev {
    left: 0px;
  }
}
.popular_destination .owl-next {
  position: absolute;
  right: -44px;
  left: auto;
}
@media (max-width: 580px) {
  .popular_destination .owl-next {
    right: 0px;
  }
}
.popular_destination .owl-theme .owl-controls {
  position: absolute;
  width: 100%;
  top: 50%;
  margin: 0;
}
@media (max-width: 480px) {
  .popular_destination .owl-theme .owl-controls {
    top: 42%;
  }
}
.popular_destination .owl-prev::before {
  content: "\f284";
  position: absolute;
  font-family: bootstrap-icons !important;
  font-size: 20px;
  left: 9px;
  color: #b9b9b9;
}
@media (max-width: 580px) {
  .popular_destination .owl-prev::before {
    font-size: 26px;
    left: 1px;
  }
}
.popular_destination .owl-next::before {
  content: "\f285";
  position: absolute;
  font-family: bootstrap-icons !important;
  font-size: 20px;
  right: 9px;
  color: #b9b9b9;
}
@media (max-width: 580px) {
  .popular_destination .owl-next::before {
    font-size: 26px;
    right: 1px;
  }
}

.news__letter {
  background: url(../images/news_letter_img.png);
  background-position: center center;
  width: 100%;
  position: relative;
}
@media (max-width: 767px) {
  .news__letter {
    display: none;
  }
}
.news__letter .subscribe {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.news__letter .subscribe .heading {
  font-size: 2.5rem;
  font-weight: 700;
  color: #fff;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .news__letter .subscribe .heading {
    font-size: 2rem;
  }
}
.news__letter .subscribe .heading span {
  font-weight: 400;
  font-size: 1.3rem;
  display: block;
  letter-spacing: 3px;
  line-height: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .news__letter .subscribe .heading span {
    line-height: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .news__letter .subscribe .heading span {
    font-size: 1rem;
    letter-spacing: 0px;
  }
}
.news__letter .subscribe .subscribe_form {
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  width: 100%;
  background: #fff;
  margin-left: 15px;
}
.news__letter .subscribe .subscribe_form .input-group > .form-control {
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  color: #000;
  font-size: 14px;
  box-shadow: none;
  background: #fff;
  border: none;
  padding: 20px 15px;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .news__letter .subscribe .subscribe_form .input-group > .form-control {
    padding: 10px 15px;
  }
}
.news__letter .subscribe .subscribe_form .input-group .btn {
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  transition: all 0.4s ease-in-out;
  padding: 14px 50px;
  font-size: 1rem;
  margin: 3px;
  font-weight: 700;
  color: #fff;
  background: #126eb7;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .news__letter .subscribe .subscribe_form .input-group .btn {
    padding: 10px 50px;
  }
}
.news__letter .subscribe .subscribe_form .input-group .btn:hover {
  background: #1F397A;
}
.news__letter .subscribe .subscribe_form .form-control::-moz-placeholder {
  color: #949393;
}
.news__letter .subscribe .subscribe_form .form-control::placeholder {
  color: #949393;
}

.footer {
  background: #DEDEDE;
  width: 100%;
  position: relative;
}
@media (max-width: 767px) {
  .footer {
    display: none;
  }
}
.footer .logo {
  width: 250px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .footer .logo {
    width: 220px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .footer .logo {
    width: 200px;
  }
}
.footer .call,
.footer .mail {
  color: #6F6F6F;
  font-size: 1rem;
  margin: 10px 0px;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.footer .call a,
.footer .mail a {
  color: #6F6F6F;
}
.footer .call span,
.footer .mail span {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background: #566CC6;
  color: #fff;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer .call span i,
.footer .mail span i {
  font-size: 1rem;
}
.footer h4 {
  font-size: 1.2rem;
  font-weight: 800;
  margin-bottom: 10px;
  color: #000;
}
.footer .lists ul {
  display: flex;
  flex-wrap: wrap;
}
.footer .lists ul li {
  transition: all 0.4s ease-in-out;
  padding: 2px 0px;
  list-style: none;
  font-size: 1rem;
  position: relative;
  font-weight: 600;
  color: #6F6F6F;
  width: 33.3333333333%;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .footer .lists ul li {
    width: 50%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .footer .lists ul li {
    width: 50%;
    font-size: 0.938rem;
  }
}
@media (max-width: 767px) {
  .footer .lists ul li {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .footer .lists ul li {
    width: 100%;
  }
}
.footer .lists ul li a {
  color: #6F6F6F;
}
.footer .lists ul li a:hover {
  letter-spacing: 1px;
}
@media (max-width: 992px) {
  .footer .lists ul li a:hover {
    letter-spacing: 0px;
  }
}
.footer .lists_ftr ul li {
  transition: all 0.4s ease-in-out;
  padding: 5px 0px;
  list-style: none;
  font-size: 1rem;
  position: relative;
  padding-left: 20px;
  font-weight: 600;
  color: #6F6F6F;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .footer .lists_ftr ul li {
    font-size: 0.938rem;
  }
}
.footer .lists_ftr ul li a {
  color: #6F6F6F;
}
.footer .lists_ftr ul li a:hover {
  letter-spacing: 0.5px;
}
@media (max-width: 992px) {
  .footer .lists_ftr ul li a:hover {
    letter-spacing: 0px;
  }
}
.footer .lists_ftr ul li::before {
  position: absolute;
  content: "\f135";
  font-family: bootstrap-icons !important;
  left: 0;
  top: 5px;
}
.footer .hr_style {
  border-top: 1px solid #b7b5b5;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .footer .hr_style {
    margin: 20px 0px;
  }
}
.footer p {
  color: #6F6F6F;
  font-size: 1rem;
}
.footer .social__icons {
  display: flex;
  justify-content: flex-end;
}
.footer .social__icons li {
  padding: 10px 5px;
  list-style: none;
  font-size: 1rem;
  font-weight: 600;
  color: #6F6F6F;
}
.footer .social__icons li a {
  color: #6F6F6F;
  font-size: 1.3rem;
}
.footer .social__icons li a:hover {
  color: #1F397A;
}
.footer .social__icons li:first-child {
  padding-left: 0px;
}

.footer_mob {
  background: #DEDEDE;
  width: 100%;
  position: relative;
}
.footer_mob .logo {
  width: 250px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .footer_mob .logo {
    width: 220px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .footer_mob .logo {
    width: 200px;
  }
}
.footer_mob .call,
.footer_mob .mail {
  color: #6F6F6F;
  font-size: 1rem;
  margin: 10px 0px;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.footer_mob .call a,
.footer_mob .mail a {
  color: #6F6F6F;
}
.footer_mob .call span,
.footer_mob .mail span {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background: #566CC6;
  color: #fff;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer_mob .call span i,
.footer_mob .mail span i {
  font-size: 1rem;
}
.footer_mob h4 {
  font-size: 1.2rem;
  font-weight: 800;
  margin-bottom: 10px;
  color: #000;
}
.footer_mob .lists ul {
  display: flex;
  flex-wrap: wrap;
}
.footer_mob .lists ul li {
  transition: all 0.4s ease-in-out;
  padding: 2px 0px;
  list-style: none;
  font-size: 1rem;
  position: relative;
  font-weight: 600;
  color: #6F6F6F;
  width: 33.3333333333%;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .footer_mob .lists ul li {
    width: 50%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .footer_mob .lists ul li {
    width: 50%;
    font-size: 0.938rem;
  }
}
@media (max-width: 767px) {
  .footer_mob .lists ul li {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .footer_mob .lists ul li {
    width: 100%;
  }
}
.footer_mob .lists ul li a {
  color: #6F6F6F;
}
.footer_mob .lists ul li a:hover {
  letter-spacing: 1px;
}
@media (max-width: 992px) {
  .footer_mob .lists ul li a:hover {
    letter-spacing: 0px;
  }
}
.footer_mob .lists_ftr ul li {
  transition: all 0.4s ease-in-out;
  padding: 5px 0px;
  list-style: none;
  font-size: 1rem;
  position: relative;
  padding-left: 20px;
  font-weight: 600;
  color: #6F6F6F;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .footer_mob .lists_ftr ul li {
    font-size: 0.938rem;
  }
}
.footer_mob .lists_ftr ul li a {
  color: #6F6F6F;
}
.footer_mob .lists_ftr ul li a:hover {
  letter-spacing: 0.5px;
}
@media (max-width: 992px) {
  .footer_mob .lists_ftr ul li a:hover {
    letter-spacing: 0px;
  }
}
.footer_mob .lists_ftr ul li::before {
  position: absolute;
  content: "\f135";
  font-family: bootstrap-icons !important;
  left: 0;
  top: 5px;
}
.footer_mob .hr_style {
  border-top: 1px solid #b7b5b5;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .footer_mob .hr_style {
    margin: 20px 0px;
  }
}
.footer_mob p {
  color: #6F6F6F;
  font-size: 1rem;
}
.footer_mob .social__icons {
  display: flex;
  justify-content: flex-end;
}
.footer_mob .social__icons li {
  padding: 10px 5px;
  list-style: none;
  font-size: 1rem;
  font-weight: 600;
  color: #6F6F6F;
}
.footer_mob .social__icons li a {
  color: #6F6F6F;
  font-size: 1.3rem;
}
.footer_mob .social__icons li a:hover {
  color: #1F397A;
}
.footer_mob .social__icons li:first-child {
  padding-left: 0px;
}

.mobile_menu {
  background: #f9f9f9;
  position: fixed;
  bottom: 0;
  padding: 8px 10px;
  z-index: 99;
  width: 100%;
  display: flex;
  align-items: center;
  border-top: 1px solid #e4e4e4;
}
.mobile_menu ul {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.mobile_menu li {
  list-style: none;
  padding: 0px 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 20%;
}
.mobile_menu li span {
  transition: all 0.4s ease-in-out;
}
@media (max-width: 480px) {
  .mobile_menu li {
    padding: 0px 10px;
  }
}
.mobile_menu li .humberg {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  width: 50px;
  cursor: pointer;
  height: 50px;
  transform: translateY(-20px);
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid #e4e4e4;
  background: #fff;
}
.mobile_menu li .humberg svg .mob_clr {
  fill: #b9b9b9;
}
@media (max-width: 767px) {
  .mobile_menu li .humberg svg {
    width: 30px;
  }
}
@media (max-width: 480px) {
  .mobile_menu li .humberg svg {
    width: 20px;
  }
}
.mobile_menu li .mob_icon {
  margin: 0 auto;
}
@media (max-width: 767px) {
  .mobile_menu li .mob_icon {
    width: 30px;
  }
}
@media (max-width: 480px) {
  .mobile_menu li .mob_icon {
    width: 20px;
  }
}
.mobile_menu li .mob_icon svg .mob_clr {
  transition: all 0.4s ease-in-out;
  fill: #b9b9b9;
}
.mobile_menu li .actives svg .mob_clr {
  fill: #18A0FB;
}
.mobile_menu li .actives span {
  color: #18A0FB;
}
.mobile_menu li span {
  color: #444;
  font-size: 1rem;
}
@media (max-width: 480px) {
  .mobile_menu li span {
    font-size: 0.813rem;
  }
}
.mobile_menu li:hover svg .mob_clr {
  fill: #18A0FB;
}
.mobile_menu li:hover span {
  color: #18A0FB;
}

.filter-sort {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  background: #303c90;
  position: fixed;
  bottom: 6px;
  z-index: 99;
  margin: 0px 2%;
  width: 96% !important;
}
.filter-sort ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.filter-sort ul li {
  padding: 10px 5px;
  color: #fff;
  width: 50%;
  border-right: 1px solid #18247b;
  list-style: none;
  cursor: pointer;
  font-size: 1rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}
@media (max-width: 480px) {
  .filter-sort ul li {
    font-size: 0.875rem;
  }
}
.filter-sort ul li:last-child {
  border-right: none;
}
.filter-sort ul li img {
  padding-right: 2px;
}

#container,
#container1,
#filter,
#sortby,
#hoteldetail {
  animation: fadeInbottom 0.5s ease backwards;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
  align-items: center;
  justify-content: center;
  display: none;
  z-index: 9999;
}

#container1,
#sortby {
  align-items: flex-end;
}

@keyframes fadeInbottom {
  0% {
    transform: translate(0px, 20px);
    opacity: 1;
  }
  100% {
    transform: translate(0px, 0);
    opacity: 1;
  }
}
#container.active,
#container1.active,
#filter.active,
#sortby.active,
#hoteldetail.active {
  display: flex;
}

.popup_fullwidth {
  border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  -ms-border-radius: 0px !important;
  -o-border-radius: 0px !important;
  width: 100% !important;
  height: 100% !important;
  padding: 1rem !important;
}
.popup_fullwidth h3 {
  margin-bottom: 12px !important;
}

.popup {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  background-color: #fff;
  width: 90%;
  height: 90%;
  padding: 2rem;
  align-items: center;
  position: relative;
  overflow: auto;
}
.popup h3 {
  font-weight: 700;
  color: #1F397A;
  font-size: 1.2rem;
  margin-bottom: 5px;
}
.popup .filterbox {
  position: fixed;
  padding: 10px 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  z-index: 99;
  top: 0;
  left: 0;
  background: #fff;
  border-bottom: 1px solid #e7e7e7;
}
.popup .filterbox h3 {
  font-weight: 700;
  color: #1F397A;
  font-size: 1.2rem;
  margin-bottom: 0px !important;
}
.popup .filterbox h5 {
  font-weight: 500;
  color: #1F397A;
  font-size: 0.813rem;
  color: #1F397A;
  padding-right: 35px;
}
.popup .filterbox button {
  right: 15;
  border: none;
  top: 6px;
}
.popup .apply {
  width: 100%;
  left: 0;
  bottom: 0;
  position: fixed;
  padding: 10px;
  z-index: 99;
  background: #fff;
  border-top: 1px solid #e7e7e7;
}
.popup .apply .applybtn {
  background: #1C3677;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  padding: 5px;
  text-align: center;
  width: 100%;
  position: relative;
  right: auto;
  top: auto;
  color: #fff;
}
.popup .apply .applybtn a {
  color: #fff;
}
.popup ul li {
  transition: all 0.4s ease-in-out;
  list-style: none;
  padding: 5px 0px;
  color: #57595b;
}
.popup ul li a {
  color: #57595b;
}
.popup ul li:hover {
  letter-spacing: 0.5px;
}
.popup ul .active {
  background: rgba(0, 127, 255, 0.0901960784);
}
.popup .price {
  border-radius: 0px 0px 5px 5px;
  -webkit-border-radius: 0px 0px 5px 5px;
  -moz-border-radius: 0px 0px 5px 5px;
  -ms-border-radius: 0px 0px 5px 5px;
  -o-border-radius: 0px 0px 5px 5px;
  border: 1px solid #e7e7e7;
  margin: 40px 0px 10px 0px;
  padding: 15px;
}
.popup .price h4 {
  font-size: 1rem;
  color: #000;
  font-weight: 800;
}
.popup .price .price-input {
  width: 100%;
  display: flex;
  margin: 35px 0px 5px 0px;
}
.popup .price .price-input .field {
  display: flex;
  width: 100%;
  height: 35px;
  align-items: center;
}
.popup .price .price-input .separator {
  width: 130px;
  display: flex;
  font-size: 19px;
  align-items: center;
  justify-content: center;
}
.popup .price .field input {
  width: 100%;
  height: 100%;
  outline: none;
  font-size: 0.875rem;
  margin-left: 12px;
  font-weight: 800;
  border-radius: 5px;
  text-align: left;
  border: none;
  -moz-appearance: textfield;
}
.popup .price .field-max input {
  width: 100%;
  height: 100%;
  outline: none;
  font-size: 0.875rem;
  font-weight: 800;
  margin-right: 12px;
  padding-right: 12px;
  border-radius: 5px;
  text-align: right;
  border: none;
  -moz-appearance: textfield;
}
.popup .price input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.popup .price input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.popup .price .slider {
  height: 5px;
  position: relative;
  background: #ddd;
  top: 20px;
  border-radius: 5px;
}
.popup .price .slider .progress {
  height: 100%;
  left: 25%;
  right: 25%;
  position: absolute;
  border-radius: 5px;
  background: #1F397A;
}
.popup .price .range-input {
  position: relative;
}
.popup .price .range-input input {
  position: absolute;
  width: 100%;
  height: 5px;
  top: 15px;
  background: none;
  pointer-events: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.popup .price input[type=range]::-webkit-slider-thumb {
  height: 17px;
  width: 17px;
  border-radius: 50%;
  background: #fff;
  pointer-events: auto;
  -webkit-appearance: none;
  border: 1px solid #bdbdbd;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.popup .price input[type=range]::-moz-range-thumb {
  height: 17px;
  width: 17px;
  border: none;
  border-radius: 50%;
  background: #fff;
  pointer-events: auto;
  -moz-appearance: none;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  border: 1px solid #bdbdbd;
}
.popup .left_box {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  padding: 15px;
  border: 1px solid #e7e7e7;
  margin-bottom: 10px;
}
.popup .left_box h4 {
  font-size: 1rem;
  color: #000;
  font-weight: 800;
}
.popup .left_box h5 {
  font-size: 0.875rem;
  color: #57595b;
  font-weight: 500;
  line-height: 28px;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .popup .left_box h5 {
    line-height: 18px;
  }
}
.popup .left_box .moretext {
  display: none;
}
.popup .left_box .moreless-button {
  color: #18A0FB;
  font-weight: 700;
  font-size: 0.875rem;
  cursor: pointer;
  margin-top: 5px;
}
.popup .left_box .form-check {
  padding: 3px 0px;
  /* Hide the default checkbox appearance */
  /* Style the tick mark */
  /* Style the tick mark when checked */
  /* close */
  /* Hide the default radio button appearance */
  /* Style the custom radio button */
  /* Style the custom radio button when selected */
  /* Add the inner dot for the radio button */
}
.popup .left_box .form-check .tick-checkbox {
  display: none;
}
.popup .left_box .form-check .tick-label {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  font-size: 0.938rem;
  color: #000;
}
.popup .left_box .form-check .tick-label:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  width: 18px;
  height: 18px;
  border: 2px solid #ccc;
  border-radius: 4px;
}
.popup .left_box .form-check .tick-checkbox:checked + .tick-label:before {
  border-color: #1F397A;
  background-color: #1F397A;
}
.popup .left_box .form-check .custom-radio {
  display: none;
}
.popup .left_box .form-check .custom-label {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  font-size: 0.938rem;
  color: #57595b;
}
.popup .left_box .form-check .custom-label:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2px solid #ccc;
}
.popup .left_box .form-check .custom-radio:checked + .custom-label:before {
  background-color: #1F397A;
  border: 6px solid #1F397A;
}
.popup .left_box .form-check .custom-radio:checked + .custom-label:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #fff;
}
.popup .left_box .form-check .tick-checkbox:checked + .tick-label:before {
  content: "\f272";
  color: #fff;
  font-family: bootstrap-icons !important;
  font-size: 14px;
  text-align: center;
  line-height: 16px;
}

.guest_room_popup {
  border-radius: 10px 10px 0px 0px;
  -webkit-border-radius: 10px 10px 0px 0px;
  -moz-border-radius: 10px 10px 0px 0px;
  -ms-border-radius: 10px 10px 0px 0px;
  -o-border-radius: 10px 10px 0px 0px;
  background-color: #fff;
  width: 100%;
  height: auto;
  padding: 2rem;
  align-items: center;
  position: relative;
  overflow: auto;
}
@media (max-width: 767px) {
  .guest_room_popup {
    padding: 1rem 1.5rem;
  }
}
.guest_room_popup h3 {
  font-weight: 700;
  color: #1F397A;
  font-size: 1.2rem;
  margin-bottom: 5px;
}
.guest_room_popup .sortlists ul li {
  list-style: none;
  padding: 5px 0px;
  font-weight: 700;
  color: #000;
}
.guest_room_popup .sortlists ul li a {
  color: #000;
}
.guest_room_popup .sortlists ul li.active a {
  color: #18A0FB;
}
.guest_room_popup .heading_row {
  display: flex;
}
.guest_room_popup .heading_row h4 {
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
  color: #000;
}
.guest_room_popup .heading_row .room,
.guest_room_popup .heading_row .guests {
  width: 50%;
  padding: 0px 10px;
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
  color: #000;
}
.guest_room_popup .qtyButtons {
  display: flex;
  padding: 5px 0px;
}
.guest_room_popup .done_box {
  width: 100%;
  position: relative;
}
.guest_room_popup .done_box .done {
  width: 100%;
  border: 2px solid #126eb7;
  color: #126eb7;
  text-align: center;
  font-weight: 600;
  font-size: 1rem;
  background: #fff;
  padding: 4px 5px;
  position: relative;
  top: 0;
  right: 0;
}
.guest_room_popup .qtyButtons input {
  outline: 0;
  font-size: 1rem;
  text-align: center;
  width: 50px;
  height: 36px !important;
  color: #333;
  line-height: 36px;
  margin: 0 !important;
  padding: 0 5px !important;
  box-shadow: none;
  pointer-events: none;
  display: inline-block;
  border: none !important;
}
.guest_room_popup .box_grid ul,
.guest_room_popup .box_list ul {
  border-top: 1px solid #ededed;
}
.guest_room_popup .qtyButtons label {
  font-weight: 700;
  line-height: 36px;
  padding-right: 15px;
  display: block;
  flex: 1;
  color: #000;
}
.guest_room_popup .qtyDec,
.guest_room_popup .qtyInc {
  width: 36px;
  height: 36px;
  line-height: 36px;
  font-size: 1.75rem;
  background-color: #f2f2f2;
  -webkit-text-stroke: 1px #f2f2f2;
  color: #333;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  font-family: bootstrap-icons !important;
}
.guest_room_popup .qtyTotal,
.guest_room_popup a.box_news figure figcaption {
  display: inline-block;
  color: #fff;
  text-align: center;
}
.guest_room_popup .qtyInc:before {
  content: "\f4fe";
}
.guest_room_popup .qtyDec:before {
  content: "\f2ea";
}
.guest_room_popup .qtyTotal {
  background-color: #66676b;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 600;
  font-family: bootstrap-icons !important;
  line-height: 18px;
  position: relative;
  top: 0;
  left: 2px;
  height: 18px;
  width: 18px;
}
.guest_room_popup .add__delete {
  padding: 2px 10px;
  display: flex;
  justify-content: space-between;
}
.guest_room_popup .add__delete a .delete__room,
.guest_room_popup .add__delete a .add__room {
  padding: 5px;
  font-size: 0.875rem;
  font-weight: 500;
  text-align: left;
  color: #000;
}
.guest_room_popup .add__delete a .add__room {
  text-align: right;
}

.feature__hotels {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  background-color: #fff;
  max-width: 800px;
  width: 800px;
  margin-right: auto;
  margin-left: auto;
  padding: 0px;
  align-items: center;
  position: relative;
  overflow: auto;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .feature__hotels {
    max-width: 700px;
  }
}
.feature__hotels .heading {
  padding: 2rem 2rem 0rem 2rem;
}
@media (max-width: 767px) {
  .feature__hotels .heading {
    padding: 1rem 1rem 0rem 1rem;
  }
}
.feature__hotels .heading h3 {
  font-weight: 800;
  color: #1F397A;
  font-size: 1.4rem;
  margin-bottom: 5px;
}
@media (max-width: 480px) {
  .feature__hotels .heading h3 {
    font-size: 1rem;
  }
}
.feature__hotels .content__seection {
  width: 100%;
  max-height: 70vh;
  overflow: auto;
  padding: 0px 2rem 7rem 2rem;
}
@media (max-width: 767px) {
  .feature__hotels .content__seection {
    padding: 0rem 1rem 5.5rem 1rem;
  }
}
.feature__hotels .content__seection .total__feet {
  padding: 10px 0px;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .feature__hotels .content__seection .total__feet {
    flex-wrap: wrap;
    padding: 3px 0px 5px 0px;
  }
}
.feature__hotels .content__seection .total__feet span {
  font-size: 0.875rem;
  padding-right: 10px;
}
@media (max-width: 767px) {
  .feature__hotels .content__seection .total__feet span {
    margin-bottom: 5px;
  }
}
.feature__hotels .content__seection .total__feet span img {
  width: 15px;
}
.feature__hotels .content__seection .total__feet .bf__included {
  background: #dcf1ff;
  padding: 5px 15px;
}
@media (max-width: 480px) {
  .feature__hotels .content__seection .total__feet .bf__included {
    padding: 2px 8px;
  }
}
.feature__hotels .content__seection .amenities {
  width: 100%;
}
.feature__hotels .content__seection .amenities h4 {
  font-weight: 800;
  color: #444;
  font-size: 1.3rem;
}
@media (max-width: 480px) {
  .feature__hotels .content__seection .amenities h4 {
    font-size: 1.1rem;
    font-weight: 700;
  }
}
.feature__hotels .content__seection .amenities ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.feature__hotels .content__seection .amenities ul li {
  list-style: none;
  padding: 2px 0px;
  color: #000;
  font-weight: 600;
  position: relative;
}
@media (max-width: 480px) {
  .feature__hotels .content__seection .amenities ul li {
    padding: 0px;
    line-height: 17px;
    font-size: 0.75rem;
  }
}
.feature__hotels .content__seection .amenities ul li span {
  color: #36ca2c;
}
.feature__hotels .content__seection .amenities ul li .texts {
  padding-right: 15px;
  color: #000;
}
.feature__hotels .content__seection .amenities ul li::after {
  position: absolute;
  content: "";
  width: 5px;
  margin: 0px 6px;
  height: 5px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background: #dadada;
  right: -3px;
  top: 50%;
}
@media (max-width: 480px) {
  .feature__hotels .content__seection .amenities ul li::after {
    top: 32%;
  }
}
.feature__hotels .content__seection .amenities ul li:first-child {
  padding-left: 0px;
}
.feature__hotels .content__seection .amenities ul li:last-child::after {
  display: none;
}
.feature__hotels .content__seection .amenities ul li img {
  width: 25px;
  padding: 0px 4px;
}
@media (max-width: 480px) {
  .feature__hotels .content__seection .amenities ul li img {
    width: 20px;
  }
}
.feature__hotels .content__seection .img__slide {
  width: 100%;
  display: flex;
}
.feature__hotels .content__seection .img__slide .owl-carousel {
  margin: 0px;
}
.feature__hotels .content__seection .img__slide .owl-pagination {
  display: none;
}
.feature__hotels .content__seection .img__slide .owl-theme .owl-controls .owl-buttons div {
  display: inline-block;
  zoom: 1;
  background: #fff;
  margin: 0 5px;
  width: 40px;
  border-radius: 50%;
  height: 40px;
  padding: 0px;
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  line-height: 40px;
  transition: all 0.5s ease-in-out;
}
@media (max-width: 767px) {
  .feature__hotels .content__seection .img__slide .owl-theme .owl-controls .owl-buttons div {
    display: none;
  }
}
@media (max-width: 580px) {
  .feature__hotels .content__seection .img__slide .owl-theme .owl-controls .owl-buttons div {
    background: #e8e8e8;
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
}
.feature__hotels .content__seection .img__slide .owl-prev {
  position: absolute;
  right: auto;
  left: 10px;
}
@media (max-width: 580px) {
  .feature__hotels .content__seection .img__slide .owl-prev {
    left: 0px;
  }
}
.feature__hotels .content__seection .img__slide .owl-next {
  position: absolute;
  right: 10px;
  left: auto;
}
@media (max-width: 580px) {
  .feature__hotels .content__seection .img__slide .owl-next {
    right: 0px;
  }
}
.feature__hotels .content__seection .img__slide .owl-theme .owl-controls {
  position: absolute;
  width: 100%;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
}
@media (max-width: 480px) {
  .feature__hotels .content__seection .img__slide .owl-theme .owl-controls {
    top: 42%;
  }
}
.feature__hotels .content__seection .img__slide .owl-prev::before {
  content: "\f284";
  position: absolute;
  font-family: bootstrap-icons !important;
  font-size: 20px;
  left: 9px;
  color: #b9b9b9;
}
@media (max-width: 580px) {
  .feature__hotels .content__seection .img__slide .owl-prev::before {
    font-size: 26px;
    left: 1px;
  }
}
.feature__hotels .content__seection .img__slide .owl-next::before {
  content: "\f285";
  position: absolute;
  font-family: bootstrap-icons !important;
  font-size: 20px;
  right: 9px;
  color: #b9b9b9;
}
@media (max-width: 580px) {
  .feature__hotels .content__seection .img__slide .owl-next::before {
    font-size: 26px;
    right: 1px;
  }
}
.feature__hotels .content__seection .property_images {
  margin: 0px 5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  width: 100%;
}
.feature__hotels .content__seection .property_images img {
  width: 100%;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.feature__hotels .amount__box {
  position: absolute;
  bottom: 0;
  padding: 10px 20px;
  left: 0;
  width: 100%;
  background: #1F397A;
  justify-content: space-between;
  align-items: center;
  display: flex;
}
@media (max-width: 480px) {
  .feature__hotels .amount__box {
    padding: 5px 15px;
  }
}
.feature__hotels .amount__box .leftside__amount {
  position: relative;
}
.feature__hotels .amount__box .leftside__amount .refund {
  font-size: 0.75rem;
  color: #18A0FB;
}
.feature__hotels .amount__box .leftside__amount .day__price {
  font-size: 1.2rem;
  color: #fff;
  font-weight: 800;
}
@media (max-width: 480px) {
  .feature__hotels .amount__box .leftside__amount .day__price {
    line-height: 18px;
    font-size: 0.875rem;
  }
}
.feature__hotels .amount__box .leftside__amount .day__price span {
  font-size: 0.75rem;
  font-weight: 500;
  display: block;
}
.feature__hotels .amount__box .selected {
  font-size: 1rem;
  font-weight: 800;
  color: #fff;
}
@media (max-width: 480px) {
  .feature__hotels .amount__box .selected {
    font-size: 0.875rem;
  }
}
.feature__hotels .amount__box .selected i {
  color: #18A0FB;
}

.popup button,
.guest_room_popup button,
.feature__hotels button {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  font-size: 1rem;
  color: #18A0FB;
  padding: 5px;
  position: absolute;
  right: 15px;
  background: #fff;
  border: none;
  top: 15px;
  z-index: 999;
}
@media (max-width: 767px) {
  .popup button,
  .guest_room_popup button,
  .feature__hotels button {
    background: none;
    top: 8px;
  }
}

.call__box {
  transition: all 0.4s ease-in-out;
  display: flex;
  position: fixed;
  right: 20px;
  bottom: 80px;
  z-index: 99;
  align-items: center;
}
@media (max-width: 767px) {
  .call__box {
    right: 10px;
  }
}
.call__box .call__icon {
  transition: all 0.4s ease-in-out;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  z-index: 99;
  align-items: center;
  justify-content: center;
  border: 1px solid #18A0FB;
  background: #fff;
  transform: translateX(15px);
}
@media (max-width: 767px) {
  .call__box .call__icon {
    transform: translateX(0px);
    width: 30px;
    height: 30px;
  }
}
.call__box .call__text {
  transition: all 0.4s ease-in-out;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border: 1px solid #18A0FB;
  padding: 5px 8px 5px 20px;
  background: #fff;
}
@media (max-width: 767px) {
  .call__box .call__text {
    display: none;
  }
}

.inner__container {
  position: relative;
  width: 100%;
}
.inner__container h4 {
  font-size: 1.25rem;
  color: #000;
  font-weight: 800;
}
.inner__container .moretext {
  display: none;
}
.inner__container .nofound {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  margin-top: 10rem;
}
@media (max-width: 767px) {
  .inner__container .nofound {
    flex-direction: column;
    margin-top: 4rem;
  }
}
.inner__container .nofound .img_boxes img {
  width: 250px;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .inner__container .nofound .img_boxes img {
    width: 150px;
  }
}
@media (max-width: 767px) {
  .inner__container .nofound .img_boxes img {
    width: 180px;
  }
}
.inner__container .nofound .texts {
  padding-left: 10px;
}
.inner__container .nofound .texts h4 {
  font-size: 2.5rem;
  color: #000;
  font-weight: 700;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .inner__container .nofound .texts h4 {
    font-size: 2rem;
  }
}
@media (max-width: 767px) {
  .inner__container .nofound .texts h4 {
    font-size: 2rem;
    text-align: center;
    padding-left: 0px;
    margin-top: 10px;
  }
}
.inner__container .nofound .texts h4 span {
  display: block;
  font-size: 1.2rem;
  font-weight: 600;
}
@media (max-width: 767px) {
  .inner__container .nofound .texts h4 span {
    font-size: 1rem;
  }
}
.inner__container .empty_data {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin: 5rem 0rem;
}
@media (max-width: 767px) {
  .inner__container .empty_data {
    flex-direction: column;
    margin-top: 4rem;
  }
}
.inner__container .empty_data .img_boxes img {
  width: 250px;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .inner__container .empty_data .img_boxes img {
    width: 150px;
  }
}
@media (max-width: 767px) {
  .inner__container .empty_data .img_boxes img {
    width: 180px;
  }
}
.inner__container .empty_data .texts h4 {
  font-size: 1.8rem;
  color: #000;
  font-weight: 800;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .inner__container .empty_data .texts h4 {
    font-size: 1.5rem;
  }
}
@media (max-width: 767px) {
  .inner__container .empty_data .texts h4 {
    font-size: 1.5rem;
    text-align: center;
    padding-left: 0px;
    margin-top: 10px;
  }
}
@media (max-width: 480px) {
  .inner__container .empty_data .texts h4 {
    font-size: 1.3rem;
  }
}
.inner__container .empty_data .texts h4 span {
  display: block;
  font-size: 1.2rem;
  font-weight: 400;
  margin-top: 10px;
}
@media (max-width: 767px) {
  .inner__container .empty_data .texts h4 span {
    font-size: 0.875rem;
  }
}
.inner__container .empty_data .btn1 {
  padding: 10px;
}
.inner__container .moreless-button {
  color: #18A0FB;
  font-weight: 800;
  font-size: 0.875rem;
  cursor: pointer;
  margin-top: 5px;
}
.inner__container .need__call {
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  margin: 15px 0px;
  width: 100%;
  padding: 10px 15px 10px 50px;
  position: relative;
  background: #fff;
  border: 1px solid #f9bebe;
}
.inner__container .need__call .call__icon {
  position: absolute;
  left: -1px;
  top: -3px;
}
.inner__container .need__call .call__icon img {
  width: 45px;
}
.inner__container .need__call .call__button {
  position: absolute;
  right: 4px;
  top: 4px;
}
.inner__container .need__call .call__button img {
  width: 30px;
}
.inner__container .need__call h4 {
  color: #f05c5c;
  font-size: 1rem;
  font-weight: 700;
}
.inner__container .filter {
  border-radius: 5px 5px 0px 0px;
  -webkit-border-radius: 5px 5px 0px 0px;
  -moz-border-radius: 5px 5px 0px 0px;
  -ms-border-radius: 5px 5px 0px 0px;
  -o-border-radius: 5px 5px 0px 0px;
  padding: 15px;
  background: #F4F4F4;
  font-size: 1.25rem;
  color: #000;
  font-weight: 800;
  border: 1px solid #e7e7e7;
}
.inner__container .filter span {
  font-size: 1rem;
  color: #000;
  font-weight: 600;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .inner__container .filter {
    font-size: 1.15rem;
  }
}
.inner__container .price {
  border-radius: 0px 0px 5px 5px;
  -webkit-border-radius: 0px 0px 5px 5px;
  -moz-border-radius: 0px 0px 5px 5px;
  -ms-border-radius: 0px 0px 5px 5px;
  -o-border-radius: 0px 0px 5px 5px;
  border: 1px solid #e7e7e7;
  border-top: none;
  padding: 15px;
  margin-bottom: 10px;
}
.inner__container .price h4 {
  font-size: 1.15rem;
  color: #000;
  font-weight: 800;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .inner__container .price h4 {
    font-size: 1.063rem;
  }
}
.inner__container .price .price-input {
  width: 100%;
  display: flex;
  margin: 35px 0px 10px 0px;
}
.inner__container .price .price-input .field {
  display: flex;
  width: 100%;
  height: 35px;
  align-items: center;
}
.inner__container .price .price-input .separator {
  width: 130px;
  display: flex;
  font-size: 19px;
  align-items: center;
  justify-content: center;
}
.inner__container .price .field input {
  width: 100%;
  height: 100%;
  outline: none;
  font-size: 0.875rem;
  margin-left: 12px;
  font-weight: 800;
  border-radius: 5px;
  text-align: left;
  border: none;
  -moz-appearance: textfield;
}
.inner__container .price .field-max input {
  width: 100%;
  height: 100%;
  outline: none;
  font-size: 0.875rem;
  font-weight: 800;
  margin-right: 12px;
  padding-right: 12px;
  border-radius: 5px;
  text-align: right;
  border: none;
  -moz-appearance: textfield;
}
.inner__container .price input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.inner__container .price input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.inner__container .price .slider {
  height: 5px;
  position: relative;
  background: #ddd;
  top: 20px;
  border-radius: 5px;
}
.inner__container .price .slider .progress {
  height: 100%;
  left: 25%;
  right: 25%;
  position: absolute;
  border-radius: 5px;
  background: #1F397A;
}
.inner__container .price .range-input {
  position: relative;
}
.inner__container .price .range-input input {
  position: absolute;
  width: 100%;
  height: 5px;
  top: 15px;
  background: none;
  pointer-events: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.inner__container .price input[type=range]::-webkit-slider-thumb {
  height: 17px;
  width: 17px;
  border-radius: 50%;
  background: #fff;
  pointer-events: auto;
  -webkit-appearance: none;
  border: 1px solid #bdbdbd;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.inner__container .price input[type=range]::-moz-range-thumb {
  height: 17px;
  width: 17px;
  border: none;
  border-radius: 50%;
  background: #fff;
  pointer-events: auto;
  -moz-appearance: none;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  border: 1px solid #bdbdbd;
}
.inner__container .left_box {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  padding: 15px;
  border: 1px solid #e7e7e7;
  margin-bottom: 10px;
}
.inner__container .left_box h4 {
  font-size: 1.15rem;
  color: #000;
  font-weight: 800;
}
.inner__container .left_box h5 {
  font-size: 0.875rem;
  color: #57595b;
  font-weight: 500;
  line-height: 28px;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .inner__container .left_box h5 {
    line-height: 18px;
  }
}
.inner__container .left_box .moretext {
  display: none;
}
.inner__container .left_box .moreless-button {
  color: #18A0FB;
  font-weight: 700;
  font-size: 0.875rem;
  cursor: pointer;
  margin-top: 5px;
}
.inner__container .left_box .form-check {
  padding: 3px 0px;
  /* Hide the default checkbox appearance */
  /* Style the tick mark */
  /* Style the tick mark when checked */
  /* close */
  /* Hide the default radio button appearance */
  /* Style the custom radio button */
  /* Style the custom radio button when selected */
  /* Add the inner dot for the radio button */
}
.inner__container .left_box .form-check .tick-checkbox {
  display: none;
}
.inner__container .left_box .form-check .tick-label {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  font-size: 0.938rem;
  color: #000;
}
.inner__container .left_box .form-check .tick-label:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  width: 18px;
  height: 18px;
  border: 2px solid #ccc;
  border-radius: 4px;
}
.inner__container .left_box .form-check .tick-checkbox:checked + .tick-label:before {
  border-color: #1F397A;
  background-color: #1F397A;
}
.inner__container .left_box .form-check .custom-radio {
  display: none;
}
.inner__container .left_box .form-check .custom-label {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  font-size: 0.938rem;
  color: #57595b;
}
.inner__container .left_box .form-check .custom-label:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2px solid #ccc;
}
.inner__container .left_box .form-check .custom-radio:checked + .custom-label:before {
  background-color: #1F397A;
  border: 6px solid #1F397A;
}
.inner__container .left_box .form-check .custom-radio:checked + .custom-label:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #fff;
}
.inner__container .left_box .form-check .tick-checkbox:checked + .tick-label:before {
  content: "\f272";
  color: #fff;
  font-family: bootstrap-icons !important;
  font-size: 14px;
  text-align: center;
  line-height: 16px;
}
.inner__container .top__bar {
  width: 100%;
  display: flex;
  margin-bottom: 15px;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 7670px) {
  .inner__container .top__bar {
    margin-bottom: 5px;
  }
}
.inner__container .top__bar .found__location {
  position: relative;
}
.inner__container .top__bar .found__location h4 {
  font-size: 1.25rem;
  color: #000;
  font-weight: 800;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .inner__container .top__bar .found__location h4 {
    font-size: 1.15rem;
  }
}
@media (max-width: 480px) {
  .inner__container .top__bar .found__location h4 {
    font-size: 0.938rem;
  }
}
.inner__container .top__bar .found__location h3 {
  font-weight: 300;
  font-size: 1rem;
  font-weight: 600;
  color: #444;
  line-height: 22px;
}
@media (max-width: 767px) {
  .inner__container .top__bar .found__location h3 {
    display: none;
  }
}
.inner__container .top__bar .found__location h3 span {
  color: #57595b;
}
.inner__container .top__bar .priceper {
  display: none;
}
@media (max-width: 767px) {
  .inner__container .top__bar .priceper {
    display: block;
    font-size: 1rem;
    color: #060607;
  }
}
@media (max-width: 480px) {
  .inner__container .top__bar .priceper {
    font-size: 0.75rem;
  }
}
.inner__container .top__bar .sortby {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .inner__container .top__bar .sortby {
    display: none;
  }
}
.inner__container .top__bar .sortby p {
  margin: 0;
  padding-right: 10px;
  color: #57595b;
  font-weight: 600;
  font-size: 1rem;
}
.inner__container .top__bar .sortby .form-select {
  width: auto;
  height: 35px;
  width: auto;
  margin: 0;
  font-size: 0.875rem;
  padding: 0px 36px 0px 15px;
  border: 1px solid #e2dddd;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .inner__container .top__bar .sortby .form-select {
    width: 300px;
  }
}
.inner__container .hotel__list {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  position: relative;
  border: 1px solid #e7e7e7;
  background: #fff;
  width: 100%;
  display: flex;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .inner__container .hotel__list {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #e7e7e7;
  }
}
@media (max-width: 480px) {
  .inner__container .hotel__list {
    margin-bottom: 10px;
  }
}
.inner__container .hotel__list .sold__out {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 9;
  background: rgba(255, 255, 255, 0.6117647059);
}
.inner__container .hotel__list .sold__out .sold_out_txt {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  position: absolute;
  color: #ff0000;
  font-size: 1rem;
  padding: 5px;
  font-weight: 700;
  border: 2px solid #ff0000;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.inner__container .hotel__list .img__box {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  width: 30%;
  padding: 15px;
  position: relative;
  overflow: hidden;
}
.inner__container .hotel__list .img__box img {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.inner__container .hotel__list .img__box .inner_img {
  padding: 0;
  overflow: hidden;
  position: relative;
}
.inner__container .hotel__list .img__box .inner_img .prime__mobile {
  transition: all 0.4s ease-in-out;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  position: absolute;
  left: 10px;
  bottom: 40px;
  background: #fff;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
@media (min-width: 767px) {
  .inner__container .hotel__list .img__box .inner_img .prime__mobile {
    display: none !important;
  }
}
@media (max-width: 480px) {
  .inner__container .hotel__list .img__box .inner_img .prime__mobile {
    left: 5px;
    bottom: 40px;
  }
}
.inner__container .hotel__list .img__box .inner_img .prime__mobile img {
  margin-left: 0;
  width: 20px;
}
.inner__container .hotel__list .img__box .inner_img .rating {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  transition: all 0.4s ease-in-out;
  position: absolute;
  left: 5px;
  bottom: 5px;
  background: #53b64c;
  font-size: 0.813rem;
  color: #fff;
  font-weight: 700;
  padding: 3px 10px;
  z-index: 9;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .inner__container .hotel__list .img__box .inner_img .rating {
    font-size: 0.75rem;
    padding: 3px 5px;
    line-height: 15px;
  }
}
@media (max-width: 767px) {
  .inner__container .hotel__list .img__box .inner_img .rating {
    left: 5px;
    font-size: 0.75rem;
  }
}
@media (max-width: 480px) {
  .inner__container .hotel__list .img__box .inner_img .rating {
    font-size: 0.625rem;
    padding: 3px 5px;
    line-height: 15px;
  }
}
@media (max-width: 767px) {
  .inner__container .hotel__list .img__box .inner_img {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    display: block;
  }
}
@media (max-width: 767px) {
  .inner__container .hotel__list .img__box .inner_img img {
    max-width: none;
    margin-left: -125px;
    height: 400px;
  }
}
@media (max-width: 480px) {
  .inner__container .hotel__list .img__box .inner_img img {
    height: 210px;
  }
}
@media (max-width: 992px) {
  .inner__container .hotel__list .img__box {
    width: 40%;
  }
}
@media (max-width: 767px) {
  .inner__container .hotel__list .img__box {
    overflow: hidden;
    padding: 0px;
    margin-right: 5px;
  }
}
@media (max-width: 480px) {
  .inner__container .hotel__list .img__box {
    width: 35%;
  }
}
.inner__container .hotel__list .img__box .include__breakfast {
  transition: all 0.4s ease-in-out;
  border-radius: 0px 0px 5px 0px;
  -webkit-border-radius: 0px 0px 5px 0px;
  -moz-border-radius: 0px 0px 5px 0px;
  -ms-border-radius: 0px 0px 5px 0px;
  -o-border-radius: 0px 0px 5px 0px;
  position: absolute;
  left: 7px;
  top: 26px;
  background: #1F397A;
  font-size: 0.813rem;
  color: #fff;
  font-weight: 700;
  padding: 3px 10px;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .inner__container .hotel__list .img__box .include__breakfast {
    font-size: 0.625rem;
    padding: 0px 5px;
  }
}
@media (max-width: 767px) {
  .inner__container .hotel__list .img__box .include__breakfast {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    left: 0px;
    font-size: 0.75rem;
    padding: 0px 5px;
    top: 0px;
    text-align: center;
    width: 100%;
  }
}
@media (max-width: 480px) {
  .inner__container .hotel__list .img__box .include__breakfast {
    font-size: 0.625rem;
    padding: 0px 5px;
  }
}
.inner__container .hotel__list .img__box .prime {
  transition: all 0.4s ease-in-out;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  position: absolute;
  right: 24px;
  top: 26px;
  background: #fff;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .inner__container .hotel__list .img__box .prime {
    width: 20px;
    height: 20px;
    right: 20px;
  }
  .inner__container .hotel__list .img__box .prime img {
    width: 15px;
  }
}
@media (max-width: 767px) {
  .inner__container .hotel__list .img__box .prime {
    display: none;
  }
}
.inner__container .hotel__list .left__content {
  width: 50%;
  padding: 15px 15px 15px 0px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .inner__container .hotel__list .left__content {
    width: 45%;
  }
}
@media (max-width: 992px) {
  .inner__container .hotel__list .left__content {
    width: 60%;
  }
}
@media (max-width: 480px) {
  .inner__container .hotel__list .left__content {
    width: 65%;
    padding: 10px 0px 5px 5px;
  }
}
.inner__container .hotel__list .left__content h3 {
  font-size: 1.25rem;
  color: #000;
  font-weight: 800;
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .inner__container .hotel__list .left__content h3 {
    font-size: 1.15rem;
  }
}
@media (max-width: 767px) {
  .inner__container .hotel__list .left__content h3 {
    font-size: 1rem;
  }
}
@media (max-width: 480px) {
  .inner__container .hotel__list .left__content h3 {
    font-size: 0.813rem;
  }
}
.inner__container .hotel__list .left__content .offer {
  margin: 5px 0px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  background: #e12d2d;
  padding: 2px 10px;
  font-size: 0.813rem;
  font-weight: 600;
  display: inline-flex;
  color: #fff;
  line-height: 18px;
}
@media (max-width: 480px) {
  .inner__container .hotel__list .left__content .offer {
    font-size: 0.625rem;
    padding: 2px 5px;
  }
}
.inner__container .hotel__list .left__content .location {
  color: #000;
  font-size: 0.875rem;
  font-weight: 600;
}
@media (max-width: 480px) {
  .inner__container .hotel__list .left__content .location img {
    width: 16px;
  }
}
@media (max-width: 480px) {
  .inner__container .hotel__list .left__content .location {
    font-size: 0.75rem;
    line-height: 15px;
  }
}
.inner__container .hotel__list .left__content .amenities {
  width: 100%;
}
.inner__container .hotel__list .left__content .amenities ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.inner__container .hotel__list .left__content .amenities ul li {
  list-style: none;
  padding: 2px 8px;
  color: #000;
  font-weight: 600;
  position: relative;
}
@media (max-width: 480px) {
  .inner__container .hotel__list .left__content .amenities ul li {
    padding: 0px 6px;
    line-height: 15px;
    font-size: 0.625rem;
  }
}
.inner__container .hotel__list .left__content .amenities ul li span {
  color: #36ca2c;
}
.inner__container .hotel__list .left__content .amenities ul li::after {
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background: #dadada;
  right: -3px;
  top: 50%;
}
@media (max-width: 480px) {
  .inner__container .hotel__list .left__content .amenities ul li::after {
    top: 32%;
  }
}
.inner__container .hotel__list .left__content .amenities ul li:first-child {
  padding-left: 0px;
}
.inner__container .hotel__list .left__content .amenities ul li:last-child::after {
  display: none;
}
.inner__container .hotel__list .left__content .amenities ul li img {
  width: 25px;
  padding: 0px 4px;
}
@media (max-width: 480px) {
  .inner__container .hotel__list .left__content .amenities ul li img {
    display: none;
  }
}
.inner__container .hotel__list .left__content .Services {
  width: 100%;
  margin-top: 10px;
}
@media (max-width: 480px) {
  .inner__container .hotel__list .left__content .Services {
    margin-top: 5px;
  }
}
.inner__container .hotel__list .left__content .Services ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.inner__container .hotel__list .left__content .Services ul li {
  list-style: none;
  padding: 2px 10px;
  color: #239d1a;
  background: #eeeeee;
  font-weight: 600;
  margin: 0px 5px 5px 0px;
  position: relative;
}
@media (max-width: 480px) {
  .inner__container .hotel__list .left__content .Services ul li {
    font-size: 0.625rem;
    line-height: 10px;
    padding: 4px 5px;
    margin: 0px 1px 2px 0px;
  }
}
.inner__container .hotel__list .left__content .Services ul li:first-child {
  margin-left: 0px;
}
.inner__container .hotel__list .left__content .review__box {
  padding: 15px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.inner__container .hotel__list .left__content .review__box .review__text {
  padding-right: 10px;
  font-weight: 700;
  color: #000;
  font-size: 1rem;
  text-align: right;
  line-height: 16px;
}
@media (max-width: 480px) {
  .inner__container .hotel__list .left__content .review__box .review__text {
    font-size: 0.813rem;
  }
}
.inner__container .hotel__list .left__content .review__box .review__text span {
  display: block;
  color: #53b64c;
  font-size: 0.813rem;
}
.inner__container .hotel__list .left__content .review__box .reviews {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  background: #53b64c;
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.125rem;
  font-weight: 700;
  color: #fff;
  position: relative;
}
.inner__container .hotel__list .left__content .review__box .reviews::before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  bottom: 0;
  left: -10px;
  border: 10px solid transparent;
  border-bottom: 9px solid #53b64c;
}
.inner__container .hotel__list .left__content .price__box_mob {
  display: none;
}
.inner__container .hotel__list .left__content .review__box_mob {
  display: none;
}
@media (max-width: 992px) {
  .inner__container .hotel__list .left__content .price__box_mob {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 992px) and (max-width: 480px) {
  .inner__container .hotel__list .left__content .price__box_mob {
    margin-top: 5px;
  }
}
@media (max-width: 992px) {
  .inner__container .hotel__list .left__content .price__box_mob .days {
    font-size: 0.875rem;
    color: #57595b;
    font-weight: 400;
    text-align: right;
  }
}
@media (max-width: 992px) and (max-width: 480px) {
  .inner__container .hotel__list .left__content .price__box_mob .days {
    font-size: 0.75rem;
    line-height: 14px;
  }
}
@media (max-width: 992px) {
  .inner__container .hotel__list .left__content .price__box_mob .prices {
    color: #E41414;
    font-weight: 800;
    font-size: 1.2rem;
    text-align: right;
  }
}
@media (max-width: 992px) and (max-width: 480px) {
  .inner__container .hotel__list .left__content .price__box_mob .prices {
    font-size: 0.813rem;
    line-height: 26px;
  }
}
@media (max-width: 992px) {
  .inner__container .hotel__list .left__content .price__box_mob .prices span {
    text-decoration: line-through;
    font-weight: 400;
    color: #57595b;
    font-size: 0.75rem;
  }
  .inner__container .hotel__list .left__content .price__box_mob .taxes {
    font-size: 0.875rem;
    color: #57595b;
    font-weight: 400;
    text-align: right;
  }
}
@media (max-width: 992px) and (max-width: 480px) {
  .inner__container .hotel__list .left__content .price__box_mob .taxes {
    font-size: 0.75rem;
    line-height: 14px;
  }
}
@media (max-width: 992px) {
  .inner__container .hotel__list .left__content .review__box_mob {
    margin-top: 10px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
  }
}
@media (max-width: 992px) and (max-width: 480px) {
  .inner__container .hotel__list .left__content .review__box_mob {
    margin-top: 0px;
  }
}
@media (max-width: 992px) {
  .inner__container .hotel__list .left__content .review__box_mob .discount_mob {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all 0.4s ease-in-out;
    position: absolute;
    border: 3px solid #f6f6f6;
    top: 0px;
    left: 0px;
    width: 55px;
    height: 55px;
    line-height: 18px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #EDC01F;
    font-size: 0.938rem;
    color: #fff;
    font-weight: 700;
    z-index: 1;
  }
}
@media (max-width: 992px) and (max-width: 767px) {
  .inner__container .hotel__list .left__content .review__box_mob .discount_mob {
    left: -40px;
  }
}
@media (max-width: 992px) and (max-width: 480px) {
  .inner__container .hotel__list .left__content .review__box_mob .discount_mob {
    width: 50px;
    height: 50px;
    font-size: 0.813rem;
  }
}
@media (max-width: 992px) {
  .inner__container .hotel__list .left__content .review__box_mob .discount_mob span {
    display: block;
    font-size: 0.75rem;
    font-weight: 500;
  }
}
@media (max-width: 992px) and (max-width: 767px) {
  .inner__container .hotel__list .left__content .review__box_mob .discount_mob span {
    font-size: 0.625rem;
  }
}
@media (max-width: 992px) and (max-width: 480px) {
  .inner__container .hotel__list .left__content .review__box_mob .discount_mob span {
    font-size: 0.625rem;
  }
}
@media only screen and (max-width: 992px) and (min-width: 768px) and (max-width: 992px) {
  .inner__container .hotel__list .left__content .review__box_mob .discount_mob {
    font-size: 0.813rem;
  }
}
@media (max-width: 992px) {
  .inner__container .hotel__list .left__content .review__box_mob .review__text {
    padding-right: 10px;
    font-weight: 700;
    color: #000;
    font-size: 1rem;
    text-align: right;
    line-height: 16px;
  }
}
@media (max-width: 992px) and (max-width: 480px) {
  .inner__container .hotel__list .left__content .review__box_mob .review__text {
    font-size: 0.75rem;
    line-height: 14px;
  }
}
@media (max-width: 992px) {
  .inner__container .hotel__list .left__content .review__box_mob .review__text span {
    display: block;
    color: #53b64c;
    font-size: 0.75rem;
  }
  .inner__container .hotel__list .left__content .review__box_mob .reviews {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    background: #53b64c;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.125rem;
    font-weight: 700;
    color: #fff;
    position: relative;
  }
}
@media (max-width: 992px) and (max-width: 480px) {
  .inner__container .hotel__list .left__content .review__box_mob .reviews {
    width: 23px;
    height: 23px;
    font-size: 0.75rem;
  }
}
@media (max-width: 992px) {
  .inner__container .hotel__list .left__content .review__box_mob .reviews::before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    bottom: 0;
    left: -8px;
    border: 15px solid transparent;
    border-bottom: 15px solid #53b64c;
  }
}
@media (max-width: 992px) and (max-width: 480px) {
  .inner__container .hotel__list .left__content .review__box_mob .reviews::before {
    left: -6px;
    border: 6px solid transparent;
    border-bottom-color: transparent;
    border-bottom-style: solid;
    border-bottom-width: 6px;
    border-bottom: 7px solid #53b64c;
  }
}
.inner__container .hotel__list .left__content .button__box {
  display: flex;
  flex-wrap: wrap;
  margin-top: 15px;
}
@media (max-width: 767px) {
  .inner__container .hotel__list .left__content .button__box {
    display: none;
    justify-content: flex-end;
    margin-top: 10px;
  }
}
@media (max-width: 767px) {
  .inner__container .hotel__list .left__content .button__box button {
    margin-bottom: 5px;
  }
}
.inner__container .hotel__list .left__content .button__box .btn1 {
  margin-right: 10px;
}
@media (max-width: 480px) {
  .inner__container .hotel__list .left__content .button__box .btn1 {
    padding: 0px 5px;
    min-width: auto;
    font-size: 0.75rem;
  }
}
@media (max-width: 480px) {
  .inner__container .hotel__list .left__content .button__box .btn2 {
    margin-left: 5px;
    padding: 0px 5px;
    min-width: auto;
    font-size: 0.75rem;
  }
}
.inner__container .hotel__list .right_content {
  width: 20%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  border-left: 1px solid #e7e7e7;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .inner__container .hotel__list .right_content {
    width: 25%;
  }
}
@media (max-width: 992px) {
  .inner__container .hotel__list .right_content {
    display: none;
  }
}
.inner__container .hotel__list .right_content .review__box {
  padding: 15px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.inner__container .hotel__list .right_content .review__box .review__text {
  padding-right: 10px;
  font-weight: 700;
  color: #000;
  font-size: 1rem;
  text-align: right;
  line-height: 16px;
}
.inner__container .hotel__list .right_content .review__box .review__text span {
  display: block;
  color: #53b64c;
  font-size: 0.813rem;
}
.inner__container .hotel__list .right_content .review__box .reviews {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  background: #53b64c;
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.125rem;
  font-weight: 700;
  color: #fff;
  position: relative;
}
.inner__container .hotel__list .right_content .review__box .reviews::before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  bottom: 0;
  left: -10px;
  border: 10px solid transparent;
  border-bottom: 9px solid #53b64c;
}
.inner__container .hotel__list .right_content .price__box {
  padding: 15px;
  display: flex;
  flex-direction: column;
}
.inner__container .hotel__list .right_content .price__box .days {
  font-size: 0.875rem;
  color: #57595b;
  font-weight: 400;
  text-align: right;
}
.inner__container .hotel__list .right_content .price__box .prices {
  color: #E41414;
  font-weight: 800;
  font-size: 1.2rem;
  text-align: right;
}
.inner__container .hotel__list .right_content .price__box .prices span {
  text-decoration: line-through;
  font-weight: 400;
  color: #57595b;
  font-size: 0.875rem;
}
.inner__container .hotel__list .right_content .price__box .taxes {
  font-size: 0.875rem;
  color: #57595b;
  font-weight: 400;
  text-align: right;
}
.inner__container .hotel__list .right_content .discount {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  transition: all 0.4s ease-in-out;
  position: absolute;
  border: 3px solid #fff;
  top: 15px;
  left: -25px;
  width: 55px;
  height: 55px;
  line-height: 18px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #EDC01F;
  font-size: 0.938rem;
  color: #fff;
  font-weight: 700;
  z-index: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1400px) {
  .inner__container .hotel__list .right_content .discount {
    font-size: 0.813rem;
  }
}
.inner__container .hotel__list .right_content .discount span {
  display: block;
  font-size: 0.75rem;
  font-weight: 500;
}
@media (max-width: 767px) {
  .inner__container .hotel__list .right_content .discount span {
    font-size: 0.625rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .inner__container .hotel__list .right_content .discount {
    font-size: 0.813rem;
  }
}
@media (max-width: 767px) {
  .inner__container .hotel__list .right_content .discount {
    font-size: 0.75rem;
    width: 50px;
    height: 50px;
    right: 5px;
    bottom: -15px;
    border: 2px solid #fff;
  }
}
@media (max-width: 480px) {
  .inner__container .hotel__list .right_content .discount {
    font-size: 0.625rem;
    width: 40px;
    height: 40px;
    line-height: 15px;
  }
}
.inner__container .add_post {
  width: 100%;
  margin-bottom: 15px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.inner__container .add_post img {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.inner__container .found {
  width: 100%;
}
@media (max-width: 767px) {
  .inner__container .found {
    text-align: center;
  }
}
.inner__container .found h5 {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  font-size: 0.813rem;
  font-weight: 500;
  background: #eaf2f8;
  padding: 5px 10px;
  color: #000;
  display: inline-block;
}
.inner__container .paginations {
  margin-top: 10px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 767px) {
  .inner__container .paginations {
    margin-bottom: 20px;
    flex-direction: column;
  }
}
.inner__container .paginations .lefts {
  position: relative;
}
.inner__container .paginations .lefts .page-item .page-link {
  font-size: 0.875rem;
}
.inner__container .paginations .lefts .page-item.actives .page-link {
  z-index: 3;
  color: #fff;
  background-color: #1F397A;
  border-color: #1F397A;
}
.inner__container .paginations .lefts .page-item .page-link {
  color: #000;
}
@media (max-width: 767px) {
  .inner__container .paginations .lefts .page-item .page-link {
    padding: 2px 10px;
  }
}
.inner__container .paginations .rights {
  font-weight: 500;
  font-size: 0.875rem;
}
@media (max-width: 767px) {
  .inner__container .paginations .rights {
    margin-top: 10px;
  }
}
.inner__container .header__nav {
  margin: 0;
  padding: 0;
  overflow: hidden;
  list-style: none;
  display: table;
  table-layout: fixed;
  width: 100%;
  text-align: center;
  background: #1C3677;
}
.inner__container .header__nav li.current {
  background: #0e5894;
}
.inner__container .header__nav .menu-item {
  display: table-cell;
  position: relative;
}
.inner__container .header__nav .menu-item::before {
  position: absolute;
  content: "";
  right: 0;
  width: 1px;
  top: 7px;
  width: 1px;
  height: 42px;
  background: #0e5894;
}
.inner__container .header__nav .menu-item a {
  display: block;
  padding: 1em;
  color: #d0ecff;
  font-weight: 600;
  text-decoration: none;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .inner__container .header__nav .menu-item a {
    font-size: 0.813rem;
  }
}
.inner__container .header__nav .menu-item a:hover {
  background: #0e5894;
}
.inner__container .location__share {
  width: 100%;
  display: flex;
  padding-top: 15px;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .inner__container .location__share {
    padding-top: 0px;
    flex-direction: column;
  }
}
.inner__container .location__share .locate {
  position: relative;
}
.inner__container .location__share .locate .stars {
  font-size: 0.75rem;
}
.inner__container .location__share .locate .stars i {
  color: #febb02;
  padding-right: 3px;
}
.inner__container .location__share .locate h3 {
  font-size: 1.5rem;
  font-weight: 800;
  color: #000;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .inner__container .location__share .locate h3 {
    font-size: 1.1rem;
  }
}
@media (max-width: 767px) {
  .inner__container .location__share .locate h3 {
    font-size: 1.3rem;
  }
}
@media (max-width: 480px) {
  .inner__container .location__share .locate h3 {
    font-size: 1rem;
  }
}
.inner__container .location__share .locate h5 {
  font-weight: 400;
  font-size: 1rem;
  padding-top: 5px;
  color: #000;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .inner__container .location__share .locate h5 {
    font-size: 0.813rem;
  }
}
@media (max-width: 767px) {
  .inner__container .location__share .locate h5 {
    font-size: 0.813rem;
  }
}
.inner__container .location__share .share__box {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .inner__container .location__share .share__box {
    display: none;
  }
}
.inner__container .location__share .share__box li {
  list-style: none;
  padding: 0px 15px;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .inner__container .location__share .share__box li {
    padding: 0px 5px;
  }
}
.inner__container .location__share .share__box li:last-child {
  padding-right: 0px;
}
.inner__container .location__share .share__box li::before {
  position: absolute;
  content: "";
  width: 1px;
  right: 0;
  height: 100%;
  background: #cecece;
}
.inner__container .location__share .share__box li:last-child::before {
  display: none;
}
.inner__container .location__share .share__box li .review__box {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.inner__container .location__share .share__box li .review__box .review__text {
  padding-right: 10px;
  font-weight: 700;
  color: #000;
  font-size: 1rem;
  text-align: right;
  line-height: 16px;
}
.inner__container .location__share .share__box li .review__box .review__text span {
  display: block;
  color: #53b64c;
  font-size: 0.813rem;
}
.inner__container .location__share .share__box li .review__box .reviews {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  background: #53b64c;
  width: 40px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  font-weight: 700;
  color: #fff;
  position: relative;
}
.inner__container .location__share .share__box li .review__box .reviews::before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  bottom: 0;
  left: -8px;
  border: 10px solid transparent;
  border-bottom: 9px solid #53b64c;
}
.inner__container .location__share .share__box li .whishlist {
  height: 40px;
  display: flex;
  align-items: center;
}
.inner__container .location__share .share__box li .whishlist i {
  font-size: 2rem;
  color: #e41414;
}
.inner__container .location__share .share__box li .whishlist svg {
  width: 30px;
}
.inner__container .location__share .share__box li .whishlist svg .st0 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #e41414;
}
.inner__container .location__share .share__box li .whishlist:active svg {
  width: 30px;
}
.inner__container .location__share .share__box li .whishlist:active svg .st0 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #239d1a;
}
.inner__container .location__share .share__box .share {
  display: flex;
  align-items: center;
  color: #000;
  font-weight: 700;
}
.inner__container .location__share .share__box .share .c-share {
  position: relative;
  width: 3.4375em;
  height: 3.4375em;
}
.inner__container .location__share .share__box .share .c-share__input {
  display: none;
}
.inner__container .location__share .share__box .share .c-share__input:checked ~ .c-share__toggler .c-share__icon {
  transition: 0s;
  width: 0;
  height: 0;
  color: #1C3677;
}
.inner__container .location__share .share__box .share .c-share__input:checked ~ .c-share__toggler .c-share__icon::before {
  transform: rotate(-45deg);
}
.inner__container .location__share .share__box .share .c-share__input:checked ~ .c-share__toggler .c-share__icon::after {
  transform: rotate(45deg);
}
.inner__container .location__share .share__box .share .c-share__input:checked ~ .c-share_options {
  width: 11.0625em;
  height: 14.5em;
  border-radius: 0.3125em;
  z-index: 1;
}
.inner__container .location__share .share__box .share .c-share__input:checked ~ .c-share_options::before,
.inner__container .location__share .share__box .share .c-share__input:checked ~ .c-share_options li {
  transition: 0.3s 0.15s;
  opacity: 1;
  transform: translateY(0);
}
.inner__container .location__share .share__box .share .c-share__toggler,
.inner__container .location__share .share__box .share .c-share_options {
  position: absolute;
  right: 0;
  width: inherit;
  height: inherit;
  border-radius: 50%;
  background-color: #fff;
}
.inner__container .location__share .share__box .share .c-share__toggler {
  cursor: pointer;
  z-index: 1;
  z-index: 9;
  display: flex;
  justify-content: center;
  align-items: center;
}
.inner__container .location__share .share__box .share .c-share__toggler i {
  color: #53B64C;
  font-size: 20px;
}
.inner__container .location__share .share__box .share .c-share__icon {
  position: relative;
  left: -0.3125em;
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
  color: #53b64c;
  background-color: currentColor;
  box-shadow: 0.625em -0.625em, 0.625em 0.625em;
  transition: 0.1s 0.05s;
}
.inner__container .location__share .share__box .share .c-share__icon::before, .inner__container .location__share .share__box .share .c-share__icon::after {
  content: "";
  position: absolute;
  width: 1em;
  height: 0.125em;
  background-color: currentColor;
  transition: 0.1s;
}
.inner__container .location__share .share__box .share .c-share__icon::before {
  top: 0.1875em;
  left: 0.1875em;
  transform-origin: bottom left;
  transform: rotate(45deg);
}
.inner__container .location__share .share__box .share .c-share__icon::after {
  top: -0.125em;
  left: 0.03125em;
  transform-origin: center;
  transform: rotate(-45deg);
}
.inner__container .location__share .share__box .share .c-share_options {
  list-style: none;
  margin: 0;
  padding: 1.0625em 1.25em;
  box-sizing: border-box;
  overflow: hidden;
  transition: 0.2s;
}
.inner__container .location__share .share__box .share .c-share_options::before {
  content: attr(data-title);
  display: block;
  margin-bottom: 5px;
  font-weight: 700;
}
.inner__container .location__share .share__box .share .c-share_options li {
  font-size: 0.875em;
  color: #1F397A;
  cursor: pointer;
  padding: 0;
}
.inner__container .location__share .share__box .share .c-share_options li a {
  color: #1F397A;
}
.inner__container .location__share .share__box .share .c-share_options li:not(:last-child) {
  margin-bottom: 5px;
}
.inner__container .location__share .share__box .share .c-share_options li::before {
  background: #fff;
}
.inner__container .location__share .share__box .share .c-share_options::before,
.inner__container .location__share .share__box .share .c-share_options li {
  opacity: 0;
  transform: translateY(0.625em);
  transition: 0s;
}
.inner__container .share__box_mobile {
  display: none;
  width: 100%;
  align-items: center;
}
@media (max-width: 767px) {
  .inner__container .share__box_mobile {
    display: block;
  }
}
.inner__container .share__box_mobile .review__box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.inner__container .share__box_mobile .review__box .left__boxes {
  position: relative;
  display: flex;
  align-items: center;
}
.inner__container .share__box_mobile .review__box .left__boxes i {
  font-size: 0.875rem;
  padding-right: 3px;
}
.inner__container .share__box_mobile .review__box .left__boxes .review__text {
  padding-right: 10px;
  font-weight: 700;
  color: #000;
  font-size: 1rem;
}
.inner__container .share__box_mobile .review__box .left__boxes .review__text span {
  display: block;
  color: #53b64c;
  font-size: 0.813rem;
}
.inner__container .share__box_mobile .review__box .left__boxes .review__rating {
  color: gray;
  font-weight: 500;
}
.inner__container .share__box_mobile .review__box .left__boxes .review__rating i {
  color: #18A0FB;
}
.inner__container .share__box_mobile .review__box .left__boxes .reviews {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  background: #53b64c;
  width: 34px;
  height: 32px;
  display: flex;
  align-items: center;
  margin-right: 5px;
  justify-content: center;
  font-size: 1rem;
  font-weight: 700;
  color: #fff;
  position: relative;
}
.inner__container .share__box_mobile .review__box .right__boxes {
  display: flex;
  align-items: center;
}
.inner__container .share__box_mobile .review__box .right__boxes .whishlist {
  height: 40px;
  display: flex;
  align-items: center;
  line-height: 0;
}
.inner__container .share__box_mobile .review__box .right__boxes .whishlist i {
  font-size: 1.5rem;
  color: #e41414;
}
.inner__container .share__box_mobile .review__box .right__boxes .whishlist svg {
  width: 25px;
}
.inner__container .share__box_mobile .review__box .right__boxes .whishlist svg .st0 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #e41414;
}
.inner__container .share__box_mobile .review__box .right__boxes .whishlist:active svg {
  width: 25px;
}
.inner__container .share__box_mobile .review__box .right__boxes .whishlist:active svg .st0 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #239d1a;
}
.inner__container .share__box_mobile .review__box .right__boxes .share {
  display: flex;
  align-items: center;
  color: #000;
  font-weight: 700;
}
.inner__container .share__box_mobile .review__box .right__boxes .share .c-share {
  position: relative;
  width: 3.4375em;
  height: 3.4375em;
}
.inner__container .share__box_mobile .review__box .right__boxes .share .c-share__input {
  display: none;
}
.inner__container .share__box_mobile .review__box .right__boxes .share .c-share__input:checked ~ .c-share__toggler .c-share__icon {
  transition: 0s;
  width: 0;
  height: 0;
  color: #1C3677;
}
.inner__container .share__box_mobile .review__box .right__boxes .share .c-share__input:checked ~ .c-share__toggler .c-share__icon::before {
  transform: rotate(-45deg);
}
.inner__container .share__box_mobile .review__box .right__boxes .share .c-share__input:checked ~ .c-share__toggler .c-share__icon::after {
  transform: rotate(45deg);
}
.inner__container .share__box_mobile .review__box .right__boxes .share .c-share__input:checked ~ .c-share_options {
  width: 11.0625em;
  height: 12.5em;
  border-radius: 0.3125em;
  z-index: 1;
}
.inner__container .share__box_mobile .review__box .right__boxes .share .c-share__input:checked ~ .c-share_options::before,
.inner__container .share__box_mobile .review__box .right__boxes .share .c-share__input:checked ~ .c-share_options li {
  transition: 0.3s 0.15s;
  opacity: 1;
  transform: translateY(0);
}
.inner__container .share__box_mobile .review__box .right__boxes .share .c-share__toggler,
.inner__container .share__box_mobile .review__box .right__boxes .share .c-share_options {
  position: absolute;
  right: 0;
  width: inherit;
  height: inherit;
  border-radius: 50%;
  background-color: #fff;
}
.inner__container .share__box_mobile .review__box .right__boxes .share .c-share__toggler {
  cursor: pointer;
  z-index: 1;
  z-index: 9;
  display: flex;
  justify-content: center;
  align-items: center;
}
.inner__container .share__box_mobile .review__box .right__boxes .share .c-share__toggler i {
  color: #000;
  font-size: 20px;
}
.inner__container .share__box_mobile .review__box .right__boxes .share .c-share__icon {
  position: relative;
  left: -0.3125em;
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
  color: #040404;
  background-color: currentColor;
  box-shadow: 0.625em -0.625em, 0.625em 0.625em;
  transition: 0.1s 0.05s;
}
.inner__container .share__box_mobile .review__box .right__boxes .share .c-share__icon::before, .inner__container .share__box_mobile .review__box .right__boxes .share .c-share__icon::after {
  content: "";
  position: absolute;
  width: 1em;
  height: 0.125em;
  background-color: currentColor;
  transition: 0.1s;
}
.inner__container .share__box_mobile .review__box .right__boxes .share .c-share__icon::before {
  top: 0.1875em;
  left: 0.1875em;
  transform-origin: bottom left;
  transform: rotate(45deg);
}
.inner__container .share__box_mobile .review__box .right__boxes .share .c-share__icon::after {
  top: -0.125em;
  left: 0.03125em;
  transform-origin: center;
  transform: rotate(-45deg);
}
.inner__container .share__box_mobile .review__box .right__boxes .share .c-share_options {
  list-style: none;
  margin: 0;
  padding: 1.0625em 1.25em;
  box-sizing: border-box;
  overflow: hidden;
  transition: 0.2s;
}
.inner__container .share__box_mobile .review__box .right__boxes .share .c-share_options::before {
  content: attr(data-title);
  display: block;
  margin-bottom: 5px;
  font-weight: 700;
}
.inner__container .share__box_mobile .review__box .right__boxes .share .c-share_options li {
  font-size: 0.875em;
  color: #1F397A;
  cursor: pointer;
  padding: 0;
}
.inner__container .share__box_mobile .review__box .right__boxes .share .c-share_options li a {
  color: #1F397A;
}
.inner__container .share__box_mobile .review__box .right__boxes .share .c-share_options li:not(:last-child) {
  margin-bottom: 5px;
}
.inner__container .share__box_mobile .review__box .right__boxes .share .c-share_options li::before {
  background: #fff;
}
.inner__container .share__box_mobile .review__box .right__boxes .share .c-share_options::before,
.inner__container .share__box_mobile .review__box .right__boxes .share .c-share_options li {
  opacity: 0;
  transform: translateY(0.625em);
  transition: 0s;
}
.inner__container .lite__blue {
  border: 1px solid rgba(24, 160, 251, 0.3);
  background: rgba(205, 235, 255, 0.3);
}
.inner__container .pl_10 {
  padding-left: 5px;
}
.inner__container .rooms__select {
  background: #1F397A;
  color: #fff;
}
.inner__container .hotel__type {
  width: 100%;
  display: flex;
  padding: 20px;
  border: 1px solid #e3e3e3;
  margin-bottom: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .inner__container .hotel__type {
    padding: 10px;
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .inner__container .hotel__type {
    margin-bottom: 0px;
    padding: 10px;
    flex-wrap: wrap;
  }
}
.inner__container .hotel__type .searchselect {
  max-width: 200px;
}
.inner__container .hotel__type .searchselect .form-select {
  height: 2.375rem;
}
.inner__container .hotel__type .searchselect .form-select {
  border-radius: 0.3125rem;
  border: 1px solid #DDD5D5;
  background-color: #126eb7;
  margin-top: 0.44rem;
  height: 2.375rem;
  font-size: 0.9375rem;
  color: #fff;
  text-transform: none;
  font-weight: 400;
  background-image: url(../images/chevron-down.svg);
  background-size: 30px 20px;
}
@media (max-width: 480px) {
  .inner__container .hotel__type .searchselect .form-select {
    font-size: 0.715rem;
    background-image: url(../images/chevron-down.svg);
    background-size: 15px 16px;
  }
}
.inner__container .hotel__type .searchselect .form-select:focus {
  box-shadow: none;
}
.inner__container .hotel__type .searchselect .form-select option {
  background: #fff;
  color: #57595b;
  border: none;
}
.inner__container .hotel__type .img__box {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  width: 30%;
  position: relative;
  overflow: hidden;
  height: 100%;
  cursor: pointer;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .inner__container .hotel__type .img__box {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .inner__container .hotel__type .img__box {
    width: 55%;
    height: 100px;
  }
}
.inner__container .hotel__type .img__box img {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
@media (max-width: 767px) {
  .inner__container .hotel__type .img__box img {
    margin-top: -15%;
  }
}
.inner__container .hotel__type .img__box .hover__design {
  transition: all 0.4s ease-in-out;
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  text-align: center;
  opacity: 0;
  font-size: 1rem;
  font-weight: 800;
  color: #fff;
}
@media (max-width: 767px) {
  .inner__container .hotel__type .img__box .hover__design {
    opacity: 1;
    transform: none;
    right: 10px;
    bottom: 10px;
    text-align: right;
    left: auto;
    top: auto;
  }
}
.inner__container .hotel__type .img__box:before {
  position: absolute;
  width: 100%;
  content: "";
  height: 100%;
  background: rgba(1, 1, 1, 0.2901960784);
}
.inner__container .hotel__type .img__box:hover .hover__design {
  opacity: 1;
}
.inner__container .hotel__type .price__mobile {
  width: 45%;
  text-align: left;
  display: flex;
  flex-direction: column;
  position: relative;
  align-items: flex-end;
}
@media (max-width: 480px) {
  .inner__container .hotel__type .price__mobile {
    text-align: right;
  }
}
.inner__container .hotel__type .price__mobile .rate__text {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  position: absolute;
  text-align: right;
  left: -50px;
  top: -5px;
}
.inner__container .hotel__type .price__mobile .rate__text svg {
  width: 55px;
  height: 54px;
}
.inner__container .hotel__type .price__mobile .rate__text .offer__box {
  position: absolute;
  right: 6px;
  top: 4px;
}
.inner__container .hotel__type .price__mobile .rate__text .offer__box h5 {
  color: #fff;
  font-weight: 700;
  font-size: 0.875rem;
}
.inner__container .hotel__type .price__mobile .rate__text .offer__box h5 span {
  display: block;
  font-size: 0.75rem;
}
@media (min-width: 767px) {
  .inner__container .hotel__type .price__mobile {
    display: none;
  }
}
.inner__container .hotel__type .price__mobile .room__size {
  color: #3f3f3f;
  font-size: 0.875rem;
  font-weight: 700;
}
@media (max-width: 480px) {
  .inner__container .hotel__type .price__mobile .room__size {
    font-size: 0.75rem;
    line-height: 18px;
  }
}
.inner__container .hotel__type .price__mobile .prices {
  padding: 4px 0px;
  color: #E41414;
  font-weight: 800;
  font-size: 1.2rem;
}
@media (max-width: 480px) {
  .inner__container .hotel__type .price__mobile .prices {
    font-size: 1rem;
    padding: 0px;
  }
}
.inner__container .hotel__type .price__mobile .prices span {
  text-decoration: line-through;
  font-weight: 400;
  color: #57595b;
  font-size: 0.875rem;
}
@media (max-width: 480px) {
  .inner__container .hotel__type .price__mobile .prices span {
    font-size: 0.75rem;
  }
}
@media (max-width: 480px) {
  .inner__container .hotel__type .price__mobile .prices {
    font-size: 1rem;
  }
}
.inner__container .hotel__type .price__mobile .btn1 {
  padding: 4px 8px;
}
@media (max-width: 480px) {
  .inner__container .hotel__type .price__mobile .btn1 {
    padding: 4px 6px;
  }
}
.inner__container .hotel__type .content__mobile {
  width: 100%;
  margin-top: 10px;
}
.inner__container .hotel__type .content__mobile h5 {
  font-size: 1.25rem;
  color: #000;
  font-weight: 800;
}
@media (max-width: 480px) {
  .inner__container .hotel__type .content__mobile h5 {
    font-size: 1rem;
  }
}
.inner__container .hotel__type .content__mobile .amenities {
  width: 100%;
  padding: 4px 0px;
}
@media (max-width: 480px) {
  .inner__container .hotel__type .content__mobile .amenities {
    margin-top: 5px;
  }
}
.inner__container .hotel__type .content__mobile .amenities ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.inner__container .hotel__type .content__mobile .amenities ul li {
  list-style: none;
  padding: 2px 0px;
  color: #4a4a4a;
  font-weight: 600;
  position: relative;
  font-size: 0.75rem;
}
@media (max-width: 480px) {
  .inner__container .hotel__type .content__mobile .amenities ul li {
    line-height: 15px;
  }
}
.inner__container .hotel__type .content__mobile .amenities ul li .texts {
  padding-right: 15px;
  color: #000;
}
.inner__container .hotel__type .content__mobile .amenities ul li span {
  color: #36ca2c;
  cursor: pointer;
}
.inner__container .hotel__type .content__mobile .amenities ul li::after {
  position: absolute;
  content: "";
  margin: 0px 6px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background: #dadada;
  right: -3px;
  top: 50%;
}
@media (max-width: 480px) {
  .inner__container .hotel__type .content__mobile .amenities ul li::after {
    top: 32%;
  }
}
.inner__container .hotel__type .content__mobile .amenities ul li:first-child {
  padding-left: 0px;
}
.inner__container .hotel__type .content__mobile .amenities ul li:last-child::after {
  display: none;
}
.inner__container .hotel__type .content__mobile .amenities ul li img {
  width: 25px;
  padding: 0px 4px;
}
.inner__container .hotel__type .content {
  width: 60%;
  padding-left: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1400px) {
  .inner__container .hotel__type .content {
    width: 55%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .inner__container .hotel__type .content {
    width: 80%;
    margin-top: 10px;
    padding-left: 0px;
  }
}
@media (max-width: 767px) {
  .inner__container .hotel__type .content {
    display: none;
  }
}
.inner__container .hotel__type .content h5 {
  font-size: 1.25rem;
  color: #000;
  font-weight: 800;
}
.inner__container .hotel__type .content .room__size {
  color: #3f3f3f;
  font-size: 0.875rem;
  font-weight: 600;
}
.inner__container .hotel__type .content .amenities {
  width: 100%;
  padding: 4px 0px;
}
@media (max-width: 480px) {
  .inner__container .hotel__type .content .amenities {
    margin-top: 5px;
  }
}
.inner__container .hotel__type .content .amenities ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.inner__container .hotel__type .content .amenities ul li {
  list-style: none;
  padding: 2px 0px;
  color: #4a4a4a;
  font-weight: 600;
  position: relative;
}
@media (max-width: 480px) {
  .inner__container .hotel__type .content .amenities ul li {
    padding: 0px 6px;
    line-height: 15px;
    font-size: 0.625rem;
  }
}
.inner__container .hotel__type .content .amenities ul li .texts {
  padding-right: 15px;
  color: #000;
  font-size: 0.875rem;
}
@media (max-width: 767px) {
  .inner__container .hotel__type .content .amenities ul li .texts {
    font-size: 0.75rem;
  }
}
.inner__container .hotel__type .content .amenities ul li span {
  color: #36ca2c;
  cursor: pointer;
}
.inner__container .hotel__type .content .amenities ul li::after {
  position: absolute;
  content: "";
  margin: 0px 6px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background: #dadada;
  right: -3px;
  top: 50%;
}
@media (max-width: 480px) {
  .inner__container .hotel__type .content .amenities ul li::after {
    top: 32%;
  }
}
.inner__container .hotel__type .content .amenities ul li:first-child {
  padding-left: 0px;
}
.inner__container .hotel__type .content .amenities ul li:last-child::after {
  display: none;
}
.inner__container .hotel__type .content .amenities ul li img {
  width: 25px;
  padding: 0px 4px;
}
@media (max-width: 480px) {
  .inner__container .hotel__type .content .amenities ul li img {
    display: none;
  }
}
.inner__container .hotel__type .content .prices {
  padding: 4px 0px;
  color: #E41414;
  font-weight: 800;
  font-size: 1.2rem;
}
.inner__container .hotel__type .content .prices span {
  text-decoration: line-through;
  font-weight: 400;
  color: #57595b;
  font-size: 0.875rem;
}
@media (max-width: 480px) {
  .inner__container .hotel__type .content .prices {
    font-size: 1rem;
  }
}
.inner__container .hotel__type .off__price {
  width: 10%;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1400px) {
  .inner__container .hotel__type .off__price {
    width: 15%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .inner__container .hotel__type .off__price {
    width: 20%;
    margin-top: 10px;
  }
}
@media (max-width: 767px) {
  .inner__container .hotel__type .off__price {
    display: none;
  }
}
.inner__container .hotel__type .off__price .rate__text {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  position: relative;
  text-align: right;
}
.inner__container .hotel__type .off__price .rate__text .offer__box {
  position: absolute;
  right: 10px;
  top: 10px;
}
.inner__container .hotel__type .off__price .rate__text .offer__box h5 {
  color: #fff;
  font-weight: 700;
  font-size: 1.063rem;
}
.inner__container .hotel__type .off__price .rate__text .offer__box h5 span {
  display: block;
  font-size: 0.813rem;
}
.inner__container .most__facilities {
  width: 100%;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .inner__container .most__facilities {
    margin-bottom: 0px;
  }
}
.inner__container .most__facilities .moretext2,
.inner__container .most__facilities .moreless-button2,
.inner__container .most__facilities .moretext3,
.inner__container .most__facilities .moreless-button3 {
  display: block;
}
@media (max-width: 767px) {
  .inner__container .most__facilities .moretext2,
  .inner__container .most__facilities .moreless-button2,
  .inner__container .most__facilities .moretext3,
  .inner__container .most__facilities .moreless-button3 {
    display: none;
  }
}
.inner__container .most__facilities .moreless-button2,
.inner__container .most__facilities .moreless-button3 {
  display: none;
  color: #18A0FB;
  font-weight: 700;
  font-size: 0.875rem;
  cursor: pointer;
  margin-top: 5px;
}
@media (max-width: 767px) {
  .inner__container .most__facilities .moreless-button2,
  .inner__container .most__facilities .moreless-button3 {
    display: block;
  }
}
@media (max-width: 767px) {
  .inner__container .most__facilities {
    margin-top: 20px;
  }
}
.inner__container .most__facilities h4 {
  padding-bottom: 10px;
}
.inner__container .most__facilities ul {
  display: flex;
  flex-wrap: wrap;
}
.inner__container .most__facilities ul li {
  padding: 10px 0px;
  align-items: center;
  display: flex;
  font-size: 0.875rem;
  font-weight: 600;
  list-style: none;
  background: #fff;
  width: 25%;
}
@media only screen and (min-width: 992px) and (max-width: 1400px) {
  .inner__container .most__facilities ul li {
    width: 33.3333333333%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .inner__container .most__facilities ul li {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .inner__container .most__facilities ul li {
    width: 32%;
    padding: 6px 4px;
    margin: 1px;
  }
}
@media (max-width: 480px) {
  .inner__container .most__facilities ul li {
    width: 48%;
  }
}
.inner__container .most__facilities ul li .icons {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border: 1px solid #e3e3e3;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  margin-right: 10px;
  justify-content: center;
}
@media (max-width: 767px) {
  .inner__container .most__facilities ul li .icons {
    border: none;
    margin-right: 4px;
    width: 20px;
    height: 20px;
  }
}
.inner__container .most__facilities .hotel__rating__box {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  background: #f3f1f8;
  padding: 20px;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  min-width: 50px;
}
@media (max-width: 1200px) {
  .inner__container .most__facilities .hotel__rating__box {
    padding-bottom: 0px;
  }
}
@media (max-width: 767px) {
  .inner__container .most__facilities .hotel__rating__box {
    flex-direction: row;
    justify-content: flex-start;
    padding-bottom: 0px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
  }
}
.inner__container .most__facilities .hotel__rating__box .reviews {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  background: #53b64c;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.125rem;
  font-weight: 700;
  color: #fff;
  position: relative;
  min-width: 50px;
}
.inner__container .most__facilities .hotel__rating__box .reviews i {
  font-size: 10px;
}
@media (max-width: 767px) {
  .inner__container .most__facilities .hotel__rating__box .reviews {
    padding: 5px 8px;
    margin-right: 10px;
  }
}
.inner__container .most__facilities .hotel__rating__box .reviews::before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  bottom: 0;
  left: -8px;
  border: 15px solid transparent;
  border-bottom: 15px solid #53B64C;
}
@media (max-width: 767px) {
  .inner__container .most__facilities .hotel__rating__box .reviews::before {
    display: none;
  }
}
.inner__container .most__facilities .hotel__rating__box .goodrate__box {
  display: flex;
  margin-top: 5px;
  align-items: center;
  font-weight: 800;
  color: #000;
  font-size: 1rem;
}
.inner__container .most__facilities .hotel__rating__box .goodrate__box i {
  color: #53B64C;
}
.inner__container .most__facilities .hotel__rating__box .goodrate__box span {
  font-weight: 400;
  font-size: 0.875rem;
}
.inner__container .most__facilities .hotel__rating__box .goodrate__box span i {
  color: #18A0FB;
}
.inner__container .most__facilities .hotel__rating {
  background: #f3f1f8;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  padding: 20px;
}
@media (max-width: 767px) {
  .inner__container .most__facilities .hotel__rating {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
  }
}
.inner__container .most__facilities .percentage__box {
  display: flex;
  align-items: center;
}
.inner__container .most__facilities .percentage__box .stars_rating {
  width: 8%;
  font-size: 0.875rem;
  font-weight: 700;
  color: #000;
}
@media (max-width: 480px) {
  .inner__container .most__facilities .percentage__box .stars_rating {
    width: 14%;
  }
}
.inner__container .most__facilities .percentage__box .stars_rating i {
  color: #a8a8a8;
}
.inner__container .most__facilities .percentage__box .progress {
  width: 80%;
  height: 7px;
}
@media (max-width: 480px) {
  .inner__container .most__facilities .percentage__box .progress {
    width: 72%;
  }
}
.inner__container .most__facilities .percentage__box .progress .progress-bar {
  background-color: #8ec46c;
}
.inner__container .most__facilities .percentage__box .percentage_rating {
  width: 12%;
  text-align: right;
  color: #9b9a9c;
  font-weight: 700;
  font-size: 0.875rem;
}
@media (max-width: 480px) {
  .inner__container .most__facilities .percentage__box .percentage_rating {
    width: 14%;
  }
}
.inner__container .write-review {
  margin-bottom: 20px;
}
.inner__container .write-review h4 {
  margin-bottom: 10px;
}
.inner__container .write-review .outboxes {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  width: 100%;
  background: #f3f1f8;
  padding: 20px;
}
@media (max-width: 480px) {
  .inner__container .write-review .outboxes {
    padding: 10px 15px;
  }
}
@media (max-width: 480px) {
  .inner__container .write-review .outboxes .write .form-control {
    font-size: 0.813rem;
  }
}
.inner__container .write-review .outboxes .rating {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  justify-content: flex-end;
  margin-bottom: 15px;
  /* Ratings widget */
  /* Hide radio */
  /* Order correctly by floating highest to the right */
  /* The star of the show */
  /* Zero stars rating */
  /* Half star trick */
  /* Click + hover color */
  /* color previous stars on hover */
  /* Hover highlights */
}
.inner__container .write-review .outboxes .rating .rate {
  display: inline-block;
  border: 0;
  color: #9c9e9f;
}
.inner__container .write-review .outboxes .rating .rate > input {
  display: none;
}
.inner__container .write-review .outboxes .rating .rate > label {
  float: right;
}
.inner__container .write-review .outboxes .rating .rate > label:before {
  display: inline-block;
  font-size: 2rem;
  padding: 0.3rem 0.2rem;
  margin: 0;
  cursor: pointer;
  font-family: FontAwesome;
  content: "\f005";
  /* full star */
}
.inner__container .write-review .outboxes .rating .rate .half:before {
  content: "\f089";
  /* half star no outline */
  position: absolute;
  padding-right: 0;
}
.inner__container .write-review .outboxes .rating input:checked ~ label,
.inner__container .write-review .outboxes .rating label:hover,
.inner__container .write-review .outboxes .rating label:hover ~ label {
  color: #edc01f;
}
.inner__container .write-review .outboxes .rating input:checked + label:hover,
.inner__container .write-review .outboxes .rating input:checked ~ label:hover,
.inner__container .write-review .outboxes .rating input:checked ~ label:hover ~ label,
.inner__container .write-review .outboxes .rating label:hover ~ input:checked ~ label {
  color: #edc01f;
}
.inner__container .write-review .outboxes .rating:not(:checked) > input {
  position: absolute;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.inner__container .write-review .outboxes .rating:not(:checked) > label {
  cursor: pointer;
  font-size: 30px;
  color: #666;
}
@media (max-width: 480px) {
  .inner__container .write-review .outboxes .rating:not(:checked) > label {
    font-size: 25px;
  }
}
.inner__container .write-review .outboxes .rating:not(:checked) > label:before {
  content: "★";
}
.inner__container .write-review .outboxes .rating > input:checked + label:hover,
.inner__container .write-review .outboxes .rating > input:checked + label:hover ~ label,
.inner__container .write-review .outboxes .rating > input:checked ~ label:hover,
.inner__container .write-review .outboxes .rating > input:checked ~ label:hover ~ label,
.inner__container .write-review .outboxes .rating > label:hover ~ input:checked ~ label {
  color: #edc01f;
}
.inner__container .write-review .outboxes .rating:not(:checked) > label:hover,
.inner__container .write-review .outboxes .rating:not(:checked) > label:hover ~ label {
  color: #edc01f;
}
.inner__container .write-review .outboxes .rating > input:checked ~ label {
  color: #edc01f;
}
.inner__container .rules__box {
  width: 100%;
  border: 1px solid #e3e3e3;
  border-bottom: none;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .inner__container .rules__box {
    margin-bottom: 0px;
  }
}
.inner__container .rules__box .hotel__checking {
  width: 100%;
  border-bottom: 1px solid #e3e3e3;
  display: flex;
}
.inner__container .rules__box .hotel__checking .colum_first {
  width: 30%;
  padding: 15px;
  position: relative;
  font-size: 1rem;
  color: #000;
  font-weight: 700;
}
@media (max-width: 767px) {
  .inner__container .rules__box .hotel__checking .colum_first {
    width: 50%;
    font-size: 0.875rem;
    padding: 5px 10px;
  }
}
.inner__container .rules__box .hotel__checking .colum_second {
  width: 70%;
  padding: 15px;
}
@media (max-width: 767px) {
  .inner__container .rules__box .hotel__checking .colum_second {
    width: 50%;
    font-size: 0.875rem;
    padding: 5px 10px;
  }
}
.inner__container .testimonialbg {
  width: 100%;
  position: relative;
}
@media (max-width: 767px) {
  .inner__container .testimonialbg {
    border-top: 1px solid #e5e5e5;
  }
}
.inner__container .testimonialbg .btn-box {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 15px 0px;
}
.inner__container .testimonialbg .btn-box .btn2 {
  padding: 5px 10px;
}
.inner__container .testimonialbg .clientnew__bg {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  background: #f3f1f8;
  padding: 15px 25px;
  width: 100%;
  margin: 10px;
  display: flex;
  flex-direction: column;
}
.inner__container .testimonialbg .clientnew__bg .top_box {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.inner__container .testimonialbg .clientnew__bg .top_box .left_side {
  display: flex;
}
.inner__container .testimonialbg .clientnew__bg .top_box .left_side .pic {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  margin-right: 10px;
  border: 1px solid #fff;
  width: 60px;
  height: 60px;
}
@media (max-width: 480px) {
  .inner__container .testimonialbg .clientnew__bg .top_box .left_side .pic {
    width: 40px;
    height: 40px;
  }
}
.inner__container .testimonialbg .clientnew__bg .top_box .left_side .pic img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  width: 60px;
  height: 60px;
}
@media (max-width: 480px) {
  .inner__container .testimonialbg .clientnew__bg .top_box .left_side .pic img {
    width: 40px;
    height: 40px;
  }
}
.inner__container .testimonialbg .clientnew__bg .top_box .left_side .name_rate .calender {
  width: 100%;
  color: #6F6F6F;
  font-weight: 500;
  font-size: 0.875rem;
}
@media (max-width: 767px) {
  .inner__container .testimonialbg .clientnew__bg .top_box .left_side .name_rate .calender {
    line-height: 18px;
  }
}
.inner__container .testimonialbg .clientnew__bg .top_box .left_side .name_rate .calender i {
  color: #18A0FB;
}
.inner__container .testimonialbg .clientnew__bg .top_box .left_side .name_rate .rating {
  line-height: 18px;
}
.inner__container .testimonialbg .clientnew__bg .top_box .left_side .name_rate .rating i {
  color: #edc01f;
}
@media (max-width: 480px) {
  .inner__container .testimonialbg .clientnew__bg .top_box .left_side .name_rate .rating i {
    font-size: 0.875rem;
  }
}
.inner__container .testimonialbg .clientnew__bg .top_box .left_side .name_rate .client__name {
  width: 100%;
  color: #000;
  font-weight: 700;
  font-size: 1rem;
}
@media (max-width: 767px) {
  .inner__container .testimonialbg .clientnew__bg .top_box .left_side .name_rate .client__name {
    text-align: left;
    margin-top: 5px;
    font-size: 0.875rem;
    margin-top: 0;
    line-height: 18px;
  }
}
.inner__container .testimonialbg .clientnew__bg .top_box .left_side .name_rate .client__name i {
  color: #18A0FB;
  font-size: 1.2rem;
}
.inner__container .testimonialbg .clientnew__bg .top_box .right_side .reviews {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  background: #53b64c;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  font-weight: 700;
  color: #fff;
  position: relative;
  min-width: 45px;
}
.inner__container .testimonialbg .clientnew__bg .top_box .right_side .reviews i {
  font-size: 10px;
}
@media (max-width: 767px) {
  .inner__container .testimonialbg .clientnew__bg .top_box .right_side .reviews {
    padding: 5px 8px;
    min-width: 40px;
    font-size: 0.813rem;
  }
}
.inner__container .testimonialbg .clientnew__bg .top_box .right_side .reviews::before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  bottom: 0;
  left: -8px;
  border: 15px solid transparent;
  border-bottom: 15px solid #53B64C;
}
@media (max-width: 767px) {
  .inner__container .testimonialbg .clientnew__bg .top_box .right_side .reviews::before {
    display: none;
  }
}
.inner__container .testimonialbg .clientnew__bg .contents {
  width: 100%;
}
.inner__container .testimonialbg .clientnew__bg .contents p {
  height: 148px;
  -webkit-line-clamp: 6;
  overflow: hidden;
}
.inner__container .testimonialbg .clientnew__bg .contents .btn-5 {
  border: none;
  font-size: 0.875rem;
  padding: 5px 0px;
  color: #1F397A;
  background: none;
  font-weight: 700;
}
.inner__container .testimonialbg .clientnew__bg .property-response {
  margin-top: 10px;
  width: 100%;
  background: #fff;
  padding: 15px;
}
.inner__container .testimonialbg .clientnew__bg .property-response h3 {
  font-size: 1rem;
  font-weight: 600;
}
@media (max-width: 480px) {
  .inner__container .testimonialbg .clientnew__bg .property-response h3 {
    font-size: 0.875rem;
  }
}
.inner__container .testimonialbg .owl-carousel {
  margin: 0px;
}
.inner__container .testimonialbg .owl-pagination {
  display: none;
}
.inner__container .testimonialbg .owl-theme .owl-controls .owl-buttons div {
  display: inline-block;
  zoom: 1;
  background: #fff;
  margin: 0 5px;
  width: 40px;
  border-radius: 50%;
  height: 40px;
  padding: 0px;
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  line-height: 40px;
  transition: all 0.5s ease-in-out;
}
@media (max-width: 767px) {
  .inner__container .testimonialbg .owl-theme .owl-controls .owl-buttons div {
    display: none;
  }
}
@media (max-width: 580px) {
  .inner__container .testimonialbg .owl-theme .owl-controls .owl-buttons div {
    background: #e8e8e8;
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
}
.inner__container .testimonialbg .owl-prev {
  position: absolute;
  right: auto;
  left: -20px;
}
@media (max-width: 580px) {
  .inner__container .testimonialbg .owl-prev {
    left: 0px;
  }
}
.inner__container .testimonialbg .owl-next {
  position: absolute;
  right: -20px;
  left: auto;
}
@media (max-width: 580px) {
  .inner__container .testimonialbg .owl-next {
    right: 0px;
  }
}
.inner__container .testimonialbg .owl-theme .owl-controls {
  position: absolute;
  width: 100%;
  top: 50%;
  margin: 0;
}
@media (max-width: 480px) {
  .inner__container .testimonialbg .owl-theme .owl-controls {
    top: 42%;
  }
}
.inner__container .testimonialbg .owl-prev::before {
  content: "\f284";
  position: absolute;
  font-family: bootstrap-icons !important;
  font-size: 20px;
  left: 9px;
  color: #b9b9b9;
}
@media (max-width: 580px) {
  .inner__container .testimonialbg .owl-prev::before {
    font-size: 26px;
    left: 1px;
  }
}
.inner__container .testimonialbg .owl-next::before {
  content: "\f285";
  position: absolute;
  font-family: bootstrap-icons !important;
  font-size: 20px;
  right: 9px;
  color: #b9b9b9;
}
@media (max-width: 580px) {
  .inner__container .testimonialbg .owl-next::before {
    font-size: 26px;
    right: 1px;
  }
}
.inner__container .map__box {
  width: 100%;
  position: relative;
}
.inner__container .map__box h4 {
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .inner__container .map__box h4 {
    display: none;
  }
}
.inner__container .similar__hotel {
  width: 100%;
  position: relative;
}
@media (max-width: 767px) {
  .inner__container .similar__hotel {
    padding-bottom: 40px;
  }
}
.inner__container .similar__hotel .property_box {
  transition: all 0.4s ease-in-out;
  width: 100%;
  margin: 10px 10px 20px 10px;
}
@media (max-width: 767px) {
  .inner__container .similar__hotel .property_box {
    margin: 2px;
  }
}
.inner__container .similar__hotel .property_box .property__img {
  transition: all 0.4s ease-in-out;
  width: 100%;
  position: relative;
  background: #1F397A;
}
@media (max-width: 767px) {
  .inner__container .similar__hotel .property_box .property__img {
    border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -ms-border-radius: 5px 5px 0px 0px;
    -o-border-radius: 5px 5px 0px 0px;
  }
}
.inner__container .similar__hotel .property_box .property__img img {
  transition: all 0.4s ease-in-out;
}
@media (max-width: 767px) {
  .inner__container .similar__hotel .property_box .property__img img {
    border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -ms-border-radius: 5px 5px 0px 0px;
    -o-border-radius: 5px 5px 0px 0px;
  }
}
.inner__container .similar__hotel .property_box .property__img .include {
  transition: all 0.4s ease-in-out;
  position: absolute;
  left: -6px;
  top: 10px;
  background: #2e4293;
  font-size: 0.813rem;
  color: #fff;
  font-weight: 700;
  padding: 3px 10px;
  z-index: 9;
}
@media (max-width: 767px) {
  .inner__container .similar__hotel .property_box .property__img .include {
    left: 0;
    font-size: 0.75rem;
  }
}
@media (max-width: 480px) {
  .inner__container .similar__hotel .property_box .property__img .include {
    font-size: 0.625rem;
    top: 3px;
    line-height: 15px;
  }
}
.inner__container .similar__hotel .property_box .property__img .rating {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  transition: all 0.4s ease-in-out;
  position: absolute;
  left: 10px;
  bottom: 20px;
  background: #53b64c;
  font-size: 0.813rem;
  color: #fff;
  font-weight: 700;
  padding: 3px 10px;
  z-index: 9;
}
@media (max-width: 767px) {
  .inner__container .similar__hotel .property_box .property__img .rating {
    left: 5px;
    font-size: 0.75rem;
  }
}
@media (max-width: 480px) {
  .inner__container .similar__hotel .property_box .property__img .rating {
    font-size: 0.625rem;
    padding: 3px 5px;
    line-height: 15px;
  }
}
.inner__container .similar__hotel .property_box .property__img .discount {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  transition: all 0.4s ease-in-out;
  position: absolute;
  border: 3px solid #fff;
  right: 20px;
  bottom: -7px;
  width: 55px;
  height: 55px;
  line-height: 18px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #EDC01F;
  font-size: 0.938rem;
  color: #fff;
  font-weight: 700;
  z-index: 9;
}
.inner__container .similar__hotel .property_box .property__img .discount span {
  display: block;
  font-size: 0.75rem;
  font-weight: 500;
}
@media (max-width: 767px) {
  .inner__container .similar__hotel .property_box .property__img .discount span {
    font-size: 0.625rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .inner__container .similar__hotel .property_box .property__img .discount {
    font-size: 0.813rem;
  }
}
@media (max-width: 767px) {
  .inner__container .similar__hotel .property_box .property__img .discount {
    font-size: 0.75rem;
    width: 50px;
    height: 50px;
    right: 5px;
    bottom: -15px;
    border: 2px solid #fff;
  }
}
@media (max-width: 480px) {
  .inner__container .similar__hotel .property_box .property__img .discount {
    font-size: 0.625rem;
    width: 40px;
    height: 40px;
    line-height: 15px;
  }
}
.inner__container .similar__hotel .property_box .property_content {
  border-radius: 0px 0px 5px 5px;
  -webkit-border-radius: 0px 0px 5px 5px;
  -moz-border-radius: 0px 0px 5px 5px;
  -ms-border-radius: 0px 0px 5px 5px;
  -o-border-radius: 0px 0px 5px 5px;
  width: 95%;
  margin: 0 auto;
  padding: 10px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  background: #F2FAFF;
  border: 1px solid #96d5ff;
  transform: translateY(-10px);
}
@media (max-width: 767px) {
  .inner__container .similar__hotel .property_box .property_content {
    box-shadow: none;
    padding: 10px;
    left: 5%;
  }
}
.inner__container .similar__hotel .property_box .property_content h3 {
  transition: all 0.4s ease-in-out;
  text-align: left;
  color: #57595b;
  display: -webkit-box;
  height: 25px;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 10px;
  color: #000;
  font-size: 1rem;
  height: 22px;
  font-weight: 800;
  margin: 5px 0px;
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
  .inner__container .similar__hotel .property_box .property_content h3 {
    height: 19px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .inner__container .similar__hotel .property_box .property_content h3 {
    height: 22px;
  }
}
@media (max-width: 767px) {
  .inner__container .similar__hotel .property_box .property_content h3 {
    font-size: 1rem;
    font-weight: 700;
    font-size: 0.875rem;
    -webkit-line-clamp: inherit !important;
    overflow: auto;
  }
}
.inner__container .similar__hotel .property_box .property_content .location,
.inner__container .similar__hotel .property_box .property_content .review {
  color: #3e3e3e;
  font-size: 0.875rem;
  font-weight: 400;
}
.inner__container .similar__hotel .property_box .property_content .price {
  width: 100%;
  margin-top: 5px;
  border: none;
  padding: 0px;
}
.inner__container .similar__hotel .property_box .property_content .price h5 {
  color: #E41414;
  font-weight: 700;
  font-size: 1.2rem;
}
@media (max-width: 480px) {
  .inner__container .similar__hotel .property_box .property_content .price h5 {
    font-size: 1rem;
  }
}
.inner__container .similar__hotel .property_box .property_content .price h5 .actualrate {
  text-decoration: line-through;
  color: #868686;
  font-weight: 400;
  font-size: 0.875rem;
}
@media (max-width: 480px) {
  .inner__container .similar__hotel .property_box .property_content .price h5 .actualrate {
    font-size: 0.75rem;
  }
}
.inner__container .similar__hotel .property_box .property_content .price .per_rate {
  font-weight: 400;
  line-height: 1em;
  font-size: 0.875rem;
  margin-top: 4px;
  color: #3e3e3e;
}
.inner__container .similar__hotel .property_box:hover .property__img img {
  opacity: 0.5;
}
.inner__container .similar__hotel .owl-carousel {
  margin: 0px;
}
.inner__container .similar__hotel .owl-pagination {
  display: none;
}
.inner__container .similar__hotel .owl-theme .owl-controls .owl-buttons div {
  display: inline-block;
  zoom: 1;
  background: #fff;
  margin: 0 5px;
  width: 40px;
  border-radius: 50%;
  height: 40px;
  padding: 0px;
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  line-height: 40px;
  transition: all 0.5s ease-in-out;
  transform: translateY(-43px);
}
@media (max-width: 767px) {
  .inner__container .similar__hotel .owl-theme .owl-controls .owl-buttons div {
    display: none;
  }
}
@media (max-width: 580px) {
  .inner__container .similar__hotel .owl-theme .owl-controls .owl-buttons div {
    background: #e8e8e8;
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
}
.inner__container .similar__hotel .owl-prev {
  position: absolute;
  right: 80px;
  left: auto;
}
@media (max-width: 580px) {
  .inner__container .similar__hotel .owl-prev {
    right: 0px;
  }
}
.inner__container .similar__hotel .owl-next {
  position: absolute;
  right: 20px;
  left: auto;
}
@media (max-width: 580px) {
  .inner__container .similar__hotel .owl-next {
    right: 0px;
  }
}
.inner__container .similar__hotel .owl-theme .owl-controls {
  position: absolute;
  width: 100%;
  top: 0;
  margin: 0;
}
@media (max-width: 480px) {
  .inner__container .similar__hotel .owl-theme .owl-controls {
    top: 42%;
  }
}
.inner__container .similar__hotel .owl-prev::before {
  content: "\f284";
  position: absolute;
  font-family: bootstrap-icons !important;
  font-size: 20px;
  left: 9px;
  color: #b9b9b9;
}
@media (max-width: 580px) {
  .inner__container .similar__hotel .owl-prev::before {
    font-size: 26px;
    left: 1px;
  }
}
.inner__container .similar__hotel .owl-next::before {
  content: "\f285";
  position: absolute;
  font-family: bootstrap-icons !important;
  font-size: 20px;
  right: 9px;
  color: #b9b9b9;
}
@media (max-width: 580px) {
  .inner__container .similar__hotel .owl-next::before {
    font-size: 26px;
    right: 1px;
  }
}
.inner__container .price__listing {
  width: 100%;
  padding: 20px;
  border: 1px solid #e3e3e3;
  margin-bottom: 15px;
  position: sticky;
  top: 76px;
}
.inner__container .price__listing .prices {
  color: #E41414;
  font-weight: 800;
  font-size: 1.8rem;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .inner__container .price__listing .prices {
    font-size: 1.2rem;
  }
}
.inner__container .price__listing .prices span {
  text-decoration: line-through;
  font-weight: 400;
  color: #57595b;
  font-size: 1rem;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .inner__container .price__listing .prices span {
    font-size: 0.875rem;
  }
}
.inner__container .price__listing .prices .off {
  color: #EDC01F;
  text-decoration: none;
  font-weight: 600;
}
@media (max-width: 480px) {
  .inner__container .price__listing .prices {
    font-size: 1rem;
  }
}
.inner__container .price__listing .taxes {
  color: #656565;
}
.inner__container .calender__room {
  margin-top: 15px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  width: 100%;
  border: 1px solid #c4c4c4;
  display: flex;
  padding: 10px;
}
@media (max-width: 1400px) {
  .inner__container .calender__room {
    flex-direction: column;
  }
}
.inner__container .calender__room .calender {
  width: 50%;
  padding-right: 10px;
  border-right: 1px solid #c4c4c4;
}
@media (max-width: 1400px) {
  .inner__container .calender__room .calender {
    width: 100%;
    border: none;
  }
}
.inner__container .calender__room .calender input {
  border: none;
}
.inner__container .calender__room .room__guest {
  width: 50%;
}
@media (max-width: 1400px) {
  .inner__container .calender__room .room__guest {
    width: 100%;
  }
}
.inner__container .calender__room .room__guest .panel-dropdown {
  position: relative;
  padding: 0 10px;
  height: 100%;
  display: flex;
  align-items: center;
}
@media (max-width: 1400px) {
  .inner__container .calender__room .room__guest .panel-dropdown {
    padding: 0px;
  }
}
.inner__container .calender__room .room__guest .panel-dropdown a {
  color: #000;
  font-weight: 400;
  transition: 0.3s;
  font-size: 1rem;
  width: 100%;
  display: block;
  position: relative;
}
.inner__container .calender__room .room__guest .panel-dropdown .panel-dropdown-content {
  animation: fadeInUp 0.5s ease backwards;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  position: absolute;
  top: 28px;
  padding-top: 10px;
  left: 0;
  z-index: 99;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: 0 12px 35px 2px rgba(0, 0, 0, 0.12);
  white-space: normal;
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .inner__container .calender__room .room__guest .panel-dropdown .panel-dropdown-content {
    width: 220px;
  }
}
.inner__container .calender__room .room__guest .panel-dropdown .panel-dropdown-content .heading_row {
  display: flex;
}
.inner__container .calender__room .room__guest .panel-dropdown .panel-dropdown-content .heading_row .room,
.inner__container .calender__room .room__guest .panel-dropdown .panel-dropdown-content .heading_row .guests {
  width: 50%;
  padding: 0px 10px;
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
  color: #000;
}
.inner__container .calender__room .room__guest .panel-dropdown .panel-dropdown-content .qtyButtons {
  display: flex;
  padding: 5px 15px;
}
.inner__container .calender__room .room__guest .panel-dropdown .panel-dropdown-content .qtyButtons input {
  outline: 0;
  font-size: 1rem;
  text-align: center;
  width: 50px;
  height: 36px !important;
  color: #333;
  line-height: 36px;
  margin: 0 !important;
  padding: 0 5px !important;
  box-shadow: none;
  pointer-events: none;
  display: inline-block;
  border: none !important;
}
.inner__container .calender__room .room__guest .panel-dropdown .panel-dropdown-content .box_grid ul,
.inner__container .calender__room .room__guest .panel-dropdown .panel-dropdown-content .box_list ul {
  border-top: 1px solid #ededed;
}
.inner__container .calender__room .room__guest .panel-dropdown .panel-dropdown-content .qtyButtons label {
  font-weight: 500;
  line-height: 36px;
  padding-right: 15px;
  display: block;
  flex: 1;
  color: #727b82;
}
.inner__container .calender__room .room__guest .panel-dropdown .panel-dropdown-content .qtyDec,
.inner__container .calender__room .room__guest .panel-dropdown .panel-dropdown-content .qtyInc {
  width: 36px;
  height: 36px;
  line-height: 36px;
  font-size: 1.75rem;
  background-color: #f2f2f2;
  -webkit-text-stroke: 1px #f2f2f2;
  color: #333;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  font-family: bootstrap-icons !important;
}
.inner__container .calender__room .room__guest .panel-dropdown .panel-dropdown-content .qtyTotal,
.inner__container .calender__room .room__guest .panel-dropdown .panel-dropdown-content a.box_news figure figcaption {
  display: inline-block;
  color: #fff;
  text-align: center;
}
.inner__container .calender__room .room__guest .panel-dropdown .panel-dropdown-content .qtyInc:before {
  content: "\f4fe";
}
.inner__container .calender__room .room__guest .panel-dropdown .panel-dropdown-content .qtyDec:before {
  content: "\f2ea";
}
.inner__container .calender__room .room__guest .panel-dropdown .panel-dropdown-content .qtyTotal {
  background-color: #66676b;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 600;
  font-family: bootstrap-icons !important;
  line-height: 18px;
  position: relative;
  top: 0;
  left: 2px;
  height: 18px;
  width: 18px;
}
.inner__container .calender__room .room__guest .panel-dropdown .panel-dropdown-content .add__delete {
  padding: 2px 10px;
  display: flex;
}
.inner__container .calender__room .room__guest .panel-dropdown .panel-dropdown-content .add__delete a .delete__room,
.inner__container .calender__room .room__guest .panel-dropdown .panel-dropdown-content .add__delete a .add__room {
  padding: 5px;
  font-size: 0.875rem;
  font-weight: 500;
  text-align: left;
  color: #000;
}
.inner__container .calender__room .room__guest .panel-dropdown .panel-dropdown-content .add__delete a .add__room {
  text-align: right;
}
.inner__container .calender__room .room__guest .panel-dropdown .panel-dropdown-content .cancel__done {
  background: #e8e8e8;
  display: flex;
}
.inner__container .calender__room .room__guest .panel-dropdown .panel-dropdown-content .cancel__done .cancel,
.inner__container .calender__room .room__guest .panel-dropdown .panel-dropdown-content .cancel__done .done {
  padding: 5px;
  text-align: center;
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
  width: 50%;
}
.inner__container .calender__room .room__guest .panel-dropdown .panel-dropdown-content .cancel__done .cancel a,
.inner__container .calender__room .room__guest .panel-dropdown .panel-dropdown-content .cancel__done .done a {
  color: rgba(0, 0, 0, 0.7);
  font-size: 1rem;
}
.inner__container .calender__room .room__guest .panel-dropdown .panel-dropdown-content .cancel__done .done a {
  color: red;
  font-size: 1rem;
}
.inner__container .calender__room .room__guest .panel-dropdown .panel-dropdown-content.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(22px);
  animation: fadeInUp 0.5s ease backwards;
}
.inner__container .selected__room {
  margin-top: 15px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  width: 100%;
  border: 1px solid #c4c4c4;
  display: flex;
  padding: 10px;
  display: flex;
  justify-content: space-between;
}
.inner__container .selected__room .choose__room {
  font-size: 1rem;
  font-weight: 700;
  color: #464646;
}
.inner__container .pricing__detail {
  display: flex;
  width: 100%;
  margin-top: 15px;
  justify-content: space-between;
}
.inner__container .pricing__detail .savings {
  font-size: 1rem;
  color: #464646;
  font-weight: 800;
}
.inner__container .pricing__detail .savings span {
  display: block;
  font-weight: 400;
  font-size: 0.75rem;
  color: #656565;
}
.inner__container .pricing__detail .amount {
  font-size: 1rem;
  color: #464646;
  font-weight: 800;
}
.inner__container .pricing__detail .amount span {
  color: #c0c0c0;
}
.inner__container .book__now {
  width: 100%;
}
.inner__container .book__now .btn2 {
  width: 100%;
  padding: 10px;
  flex-direction: column;
  margin-top: 10px;
  align-items: center;
  font-size: 1.2rem;
}
.inner__container .book__now .btn2 span {
  display: block;
  font-size: 0.875rem;
  font-weight: 400;
}
.inner__container .login__box {
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: 10px;
  padding: 10px 0px;
}
.inner__container .login__box .btn3 {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border: 1px solid #53b64c;
  padding: 10px 15px;
  background: #fff;
  color: #53b64c;
  width: 100%;
  font-weight: 800;
}
.inner__container .login__box .texts__login {
  color: #53b64c;
  margin-left: 10px;
  font-weight: 700;
}
.inner__container .cancel__policy {
  width: 100%;
  padding: 10px 0px;
}
.inner__container .cancel__policy h5 {
  font-size: 1rem;
  color: #464646;
  font-weight: 800;
}
.inner__container .reserve {
  width: 100%;
}
.inner__container .reserve .btn2 {
  padding: 15px;
}

.detail__mobile {
  width: 100%;
  position: relative;
  padding: 10px 0px;
}
.detail__mobile .outer_slider {
  width: 100%;
  position: relative;
  display: flex;
}
.detail__mobile .outer_slider .gallery__pic {
  margin: 0;
  width: 100%;
}
.detail__mobile .outer_slider .social_medias {
  position: absolute;
  right: 20px;
  bottom: -15px;
}
.detail__mobile .outer_slider .social_medias .social__boxes {
  display: flex;
}
.detail__mobile .outer_slider .social_medias .social__boxes .icons__img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  padding: 0px 5px;
  margin-right: 5px;
}
.detail__mobile .outer_slider .social_medias .social__boxes .call__div {
  background: #f05c5c;
}
.detail__mobile .outer_slider .social_medias .social__boxes .whatsapp__div {
  background: #5fcd56;
}
.detail__mobile .outer_slider .social_medias .social__boxes .location__div {
  background: #126eb7;
}
.detail__mobile .owl-carousel {
  margin: 0px;
}
.detail__mobile .owl-pagination {
  display: none;
}
.detail__mobile .owl-theme .owl-controls .owl-buttons div {
  display: inline-block;
  zoom: 1;
  background: none;
  margin: 0 5px;
  width: 40px;
  border-radius: 50%;
  height: 40px;
  padding: 0px;
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  line-height: 40px;
  transition: all 0.5s ease-in-out;
}
.detail__mobile .owl-prev {
  position: absolute;
  right: auto;
  left: 10px;
}
@media (max-width: 580px) {
  .detail__mobile .owl-prev {
    left: 0px;
  }
}
.detail__mobile .owl-next {
  position: absolute;
  right: 10px;
  left: auto;
}
@media (max-width: 580px) {
  .detail__mobile .owl-next {
    right: 0px;
  }
}
.detail__mobile .owl-theme .owl-controls {
  position: absolute;
  width: 100%;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
}
@media (max-width: 480px) {
  .detail__mobile .owl-theme .owl-controls {
    top: 42%;
  }
}
.detail__mobile .owl-prev::before {
  content: "\f284";
  position: absolute;
  font-family: bootstrap-icons !important;
  font-size: 20px;
  left: 9px;
  color: #fff;
}
@media (max-width: 580px) {
  .detail__mobile .owl-prev::before {
    font-size: 26px;
    left: 1px;
  }
}
.detail__mobile .owl-next::before {
  content: "\f285";
  position: absolute;
  font-family: bootstrap-icons !important;
  font-size: 20px;
  right: 9px;
  color: #fff;
}
@media (max-width: 580px) {
  .detail__mobile .owl-next::before {
    font-size: 20px;
    right: 1px;
  }
}

.view__desktop {
  display: block !important;
}
@media (max-width: 767px) {
  .view__desktop {
    display: none !important;
  }
}

.view__mobile {
  display: none !important;
}
@media (max-width: 767px) {
  .view__mobile {
    display: block !important;
  }
}

.pdng_15 {
  padding: 10px 0px;
}

.view__mob {
  display: none !important;
}
@media (max-width: 767px) {
  .view__mob .container {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .view__mob {
    display: block !important;
    width: 100%;
  }
}

.grid__colums {
  width: 100%;
  padding: 0px;
}
.grid__colums .gallery_grid {
  -moz-column-gap: 9px;
       column-gap: 9px;
  display: grid;
  grid-template-areas: "large normal normal" "large normal normal";
  grid-template-columns: 2.04fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  row-gap: 9px;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .grid__colums .gallery_grid {
    row-gap: 6px;
    -moz-column-gap: 6px;
         column-gap: 6px;
  }
}
.grid__colums .gallery_grid img {
  width: 100%;
  height: 100%;
}
.grid__colums .gallery_grid .grid_first {
  overflow: hidden;
  position: relative;
}
.grid__colums .gallery_grid .grid_first:nth-child(1) {
  grid-area: large;
}
.grid__colums .gallery_grid__two {
  -moz-column-gap: 9px;
       column-gap: 9px;
  display: grid;
  grid-template-areas: "normal";
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  row-gap: 9px;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .grid__colums .gallery_grid__two {
    row-gap: 6px;
    -moz-column-gap: 6px;
         column-gap: 6px;
  }
}
.grid__colums .gallery_grid__two img {
  width: 100%;
  height: 100%;
}
.grid__colums .gallery_grid__two .grid_first {
  overflow: hidden;
  position: relative;
}
.grid__colums .gallery_grid__two .grid_first .all__photos {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-weight: 700;
  text-align: center;
  font-size: 1rem;
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .grid__colums .gallery_grid__two .grid_first .all__photos {
    font-size: 0.875rem;
  }
}
.grid__colums .gallery_grid__two .transprnt {
  width: 100%;
  position: relative;
}
.grid__colums .gallery_grid__two .transprnt::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(6, 6, 7, 0.368627451);
}

.fixed__booking {
  position: fixed;
  width: 100%;
  padding: 10px 15px;
  bottom: 0;
  z-index: 99;
  background: #126eb7;
}
.fixed__booking .outer__boxes {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.fixed__booking .outer__boxes .prices {
  position: relative;
  display: flex;
  flex-direction: column;
}
.fixed__booking .outer__boxes .prices h4 {
  color: #fff;
  font-weight: 800;
  font-size: 1.2rem;
  text-align: left;
}
@media (max-width: 480px) {
  .fixed__booking .outer__boxes .prices h4 {
    font-size: 1.1rem;
  }
}
.fixed__booking .outer__boxes .prices h4 span {
  text-decoration: line-through;
  font-weight: 400;
  color: #fff;
  font-size: 0.875rem;
}
.fixed__booking .outer__boxes .prices .total__amount {
  color: #fff;
  font-size: 0.875rem;
}
.fixed__booking .outer__boxes .booknow__btn {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  background: #fff;
  padding: 8px 15px;
  color: #53B64C;
  line-height: 18px;
  text-align: center;
  font-weight: 700;
  font-size: 1rem;
  box-shadow: rgba(0, 0, 0, 0.33) 0px 3px 8px;
  display: flex;
  flex-direction: column;
  min-width: 200px;
}
@media (max-width: 480px) {
  .fixed__booking .outer__boxes .booknow__btn {
    min-width: 160px;
  }
}
.fixed__booking .outer__boxes .booknow__btn span {
  display: block;
  font-size: 0.75rem;
  font-weight: 300;
}

.social_medias__desktop {
  position: fixed;
  top: 45%;
  right: 15px;
}
.social_medias__desktop .social__boxes {
  display: flex;
  flex-direction: column;
}
.social_medias__desktop .social__boxes .icons__img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  margin: 2px 0px;
}
.social_medias__desktop .social__boxes .call__div {
  background: #f05c5c;
}
.social_medias__desktop .social__boxes .whatsapp__div {
  background: #5fcd56;
}
.social_medias__desktop .social__boxes .location__div {
  background: #126eb7;
}

.checkout {
  width: 100%;
}
.checkout .heading_full {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .checkout .heading_full {
    flex-direction: column;
    align-items: flex-start;
  }
}
.checkout .heading_full .manage_booking h4 {
  font-size: 1rem;
  font-weight: 700;
  color: #000;
}
@media (max-width: 767px) {
  .checkout .heading_full .manage_booking h4 {
    font-size: 0.875rem;
  }
}
.checkout .heading_full .manage_booking h4 i {
  color: #1F397A;
}
.checkout .heading_full .count-down {
  display: flex;
  align-items: center;
  font-weight: 500;
  color: #544d4d;
}
@media (max-width: 767px) {
  .checkout .heading_full .count-down {
    margin-top: 10px;
  }
}
.checkout .heading_full .count-down .otp-countdown {
  font-weight: 700;
  font-size: 1.2rem;
  color: #E41414;
  margin-left: 10px;
}
@media (max-width: 767px) {
  .checkout .heading_full .count-down .otp-countdown {
    font-size: 1rem;
  }
}
.checkout .btn1 i {
  padding-right: 10px;
}
.checkout .btn1:hover {
  color: #fff;
}
.checkout h4 {
  font-size: 1rem;
  font-weight: 700;
  color: #000;
}
@media (max-width: 767px) {
  .checkout h4 {
    font-size: 0.875rem;
  }
}
.checkout h4 i {
  color: #1F397A;
}
.checkout h5 {
  font-size: 1.5rem;
  font-weight: 800;
  color: #1F397A;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .checkout h5 {
    font-size: 1.3rem;
  }
}
@media (max-width: 767px) {
  .checkout h5 {
    font-size: 1rem;
  }
}
.checkout h5 i {
  color: #1F397A;
}
.checkout h6 {
  margin: 10px 0px;
}
.checkout h6 span {
  color: #1C3677;
  font-weight: 600;
}
.checkout .detail_boxes {
  padding: 20px;
  border: 1px solid #e3e3e3;
  margin-bottom: 20px;
}
.checkout .detail_boxes .counter {
  display: block;
  display: flex;
  align-items: center;
  color: red;
  font-size: 0.875rem;
  font-weight: 700;
}
.checkout .detail_boxes .counter span {
  color: red;
}
@media (max-width: 1200px) {
  .checkout .detail_boxes .dnone {
    display: none;
  }
}
.checkout .detail_boxes .btn2 {
  padding: 6px 10px;
  min-width: auto;
}
.checkout .detail_boxes .time-count {
  padding-left: 10px;
}
.checkout .detail_boxes label {
  color: #444;
  font-weight: 700;
}
.checkout .detail_boxes .btn-4 {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  width: 100%;
  border: none;
  background: #1F397A;
  color: #fff;
  height: 50px;
  font-weight: 600;
}
.checkout .detail_boxes .yourdetails__box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.checkout .detail_boxes .yourdetails__box h3 {
  font-size: 1.25rem;
  color: #000;
  font-weight: 800;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .checkout .detail_boxes .yourdetails__box h3 {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .checkout .detail_boxes .yourdetails__box h3 {
    font-size: 1rem;
  }
}
.checkout .detail_boxes .yourdetails__box h3 span {
  font-weight: 500;
  color: #18A0FB;
}
.checkout .detail_boxes .yourdetails__box .modify {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  padding: 5px 10px;
  border: 1px solid #e3e3e3;
  color: #1F397A;
  font-weight: 700;
  font-size: 1rem;
}
.checkout .detail_boxes .yourdetails__box .booked__date {
  font-weight: 500;
  color: #000;
  font-size: 1rem;
}
@media (max-width: 767px) {
  .checkout .detail_boxes .yourdetails__box .booked__date {
    font-size: 0.875rem;
  }
}
.checkout .detail_boxes .full__details {
  width: 100%;
  padding: 10px 0px;
  display: flex;
}
@media (max-width: 992px) {
  .checkout .detail_boxes .full__details {
    flex-wrap: wrap;
  }
}
.checkout .detail_boxes .full__details .arrow__iocn {
  width: 25px;
  padding: 0px 5px;
  color: #1F397A;
}
.checkout .detail_boxes .full__details .inner__list {
  font-weight: 500;
  font-size: 1rem;
}
.checkout .detail_boxes .form-control {
  height: 50px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
  font-size: 14px;
}
.checkout .detail_boxes h3 {
  font-size: 1.25rem;
  color: #000;
  font-weight: 800;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .checkout .detail_boxes h3 {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .checkout .detail_boxes h3 {
    font-size: 1rem;
  }
}
.checkout .detail_boxes h4 {
  font-size: 1.25rem;
  color: #1C3677;
  font-weight: 800;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .checkout .detail_boxes h4 {
    font-size: 1.3rem;
  }
}
@media (max-width: 767px) {
  .checkout .detail_boxes h4 {
    font-size: 1rem;
  }
}
.checkout .detail_boxes h5 {
  font-weight: 400;
  font-size: 1rem;
  padding-top: 5px;
  color: #000;
}
@media (max-width: 767px) {
  .checkout .detail_boxes h5 {
    font-size: 0.875rem;
  }
}
.checkout .detail_boxes h6 {
  font-weight: 700;
  font-size: 1rem;
  padding-top: 10px;
  margin: 0px;
  color: #000;
}
@media (max-width: 767px) {
  .checkout .detail_boxes h6 {
    font-size: 0.875rem;
  }
}
.checkout .detail_boxes p {
  margin-top: 5px;
}

.booked_hotel {
  width: 100%;
  padding: 20px;
  border: 1px solid #e3e3e3;
  background: #f1f1f1;
}
@media (max-width: 767px) {
  .booked_hotel {
    margin-bottom: 76px;
  }
}
.booked_hotel .lists {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .booked_hotel .lists {
    flex-direction: column;
  }
}
.booked_hotel .lists .details {
  width: 100%;
}
.booked_hotel .lists .details h3 {
  font-size: 1.25rem;
  color: #000;
  font-weight: 800;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .booked_hotel .lists .details h3 {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .booked_hotel .lists .details h3 {
    font-size: 1rem;
  }
}
.booked_hotel .lists .details h5 {
  font-weight: 400;
  font-size: 1rem;
  padding-top: 5px;
  color: #000;
}
@media (max-width: 767px) {
  .booked_hotel .lists .details h5 {
    font-size: 0.875rem;
  }
}
.booked_hotel .lists .details .ratings {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 5px 0px;
}
@media (max-width: 992px) {
  .booked_hotel .lists .details .ratings {
    flex-wrap: wrap;
  }
}
.booked_hotel .lists .details .ratings .rating {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  transition: all 0.4s ease-in-out;
  background: #53b64c;
  font-size: 0.75rem;
  color: #fff;
  font-weight: 600;
  padding: 0px 5px;
}
.booked_hotel .lists .details .ratings .rates,
.booked_hotel .lists .details .ratings .goods {
  font-size: 0.75rem;
  padding: 0px 10px;
  color: #222;
}
.booked_hotel .lists .details .ratings .dots {
  color: #1C3677;
}
.booked_hotel .lists .hotel__pic {
  position: relative;
}
@media (max-width: 767px) {
  .booked_hotel .lists .hotel__pic {
    margin: 10px 0px;
  }
}
@media (max-width: 992px) {
  .booked_hotel .lists .hotel__pic {
    padding-right: 10px;
  }
}
.booked_hotel .lists .hotel__pic img {
  width: 100px;
}
@media (max-width: 767px) {
  .booked_hotel .lists .hotel__pic img {
    width: 100%;
  }
}
.booked_hotel .details_box {
  margin-top: 10px;
  width: 100%;
}
.booked_hotel .details_box .top__border {
  border-top: 1px solid #cdc5c5;
  padding-top: 10px;
}
.booked_hotel .details_box .list__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.booked_hotel .details_box .list__row .detail__text {
  font-size: 1rem;
}
@media (max-width: 767px) {
  .booked_hotel .details_box .list__row .detail__text {
    font-size: 0.875rem;
    padding-right: 10px;
  }
}
@media (max-width: 480px) {
  .booked_hotel .details_box .list__row .detail__text {
    width: 60%;
  }
}
.booked_hotel .details_box .list__row .detail__text .price__amount {
  font-size: 1rem;
}
@media (max-width: 767px) {
  .booked_hotel .details_box .list__row .detail__text .price__amount {
    font-size: 0.875rem;
  }
}
.booked_hotel .details_box .list__row .detail__text .taxes__amount {
  font-size: 0.75rem;
}
.booked_hotel .details_box .list__row .detail__price {
  font-weight: 700;
  color: #000;
  font-size: 1rem;
}
@media (max-width: 767px) {
  .booked_hotel .details_box .list__row .detail__price {
    font-size: 0.875rem;
  }
}
@media (max-width: 480px) {
  .booked_hotel .details_box .list__row .detail__price {
    width: 40%;
    display: flex;
    justify-content: end;
  }
}
.booked_hotel .details_box .list__row .detail__price__total {
  font-weight: 800;
  color: #000;
  font-size: 1.25rem;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .booked_hotel .details_box .list__row .detail__price__total {
    font-size: 1.3rem;
  }
}
@media (max-width: 767px) {
  .booked_hotel .details_box .list__row .detail__price__total {
    font-size: 1rem;
  }
}
.booked_hotel .days {
  font-size: 1rem;
  padding: 10px 0px;
  font-weight: 700;
  color: #000;
}
@media (max-width: 767px) {
  .booked_hotel .days {
    font-size: 0.875rem;
  }
}
.booked_hotel .checking__date,
.booked_hotel .room__class {
  font-size: 1rem;
  padding: 10px 0px;
  font-weight: 700;
  color: #000;
}
@media (max-width: 767px) {
  .booked_hotel .checking__date,
  .booked_hotel .room__class {
    font-size: 0.875rem;
  }
}
.booked_hotel .checking__date span,
.booked_hotel .room__class span {
  padding-right: 15px;
}
.booked_hotel .checking__date i,
.booked_hotel .room__class i {
  color: #1C3677;
}

.comingsoon {
  width: 100%;
  height: 30vh;
  background: #eef2fd;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media (max-width: 767px) {
  .comingsoon {
    height: 60vh;
  }
}
.comingsoon h4 {
  font-size: 3rem;
  font-weight: 800;
  color: #000;
}
@media (max-width: 767px) {
  .comingsoon h4 {
    font-size: 1.8rem;
  }
}
.comingsoon h5 {
  font-size: 1.2rem;
  font-weight: 600;
  color: #747474;
  margin-top: 10px;
}
@media (max-width: 767px) {
  .comingsoon h5 {
    font-size: 1rem;
  }
}

.desktop_link {
  display: block;
}
@media (max-width: 767px) {
  .desktop_link {
    display: none;
  }
}

.mobile_link {
  display: none;
}
@media (max-width: 767px) {
  .mobile_link {
    display: block;
  }
}

.fixedmob {
  display: none;
}
@media (max-width: 767px) {
  .fixedmob {
    transition: all 0.4s ease-in-out;
    display: flex;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 99;
    transform: translateY(0px);
    padding-top: 8px;
    border-bottom: 1px solid #eee;
    box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
  }
}

.mobile-header {
  width: 100%;
  display: flex;
  padding: 10px 0px;
  align-items: center;
  justify-content: center;
  display: none;
}
@media (max-width: 767px) {
  .mobile-header {
    display: flex;
  }
}
.mobile-header .logo {
  background: url(../images/logo.svg);
  width: 165px;
  height: 36px;
  top: 0;
  transition: all 0.4s ease-in-out;
  background-repeat: no-repeat;
  display: none;
}
@media (max-width: 767px) {
  .mobile-header .logo {
    width: 250px;
    height: 55px;
    display: block;
  }
}
@media (max-width: 480px) {
  .mobile-header .logo {
    width: 190px;
    height: 40px;
  }
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #c5c5c5;
  background: #f3f5f7;
  color: #222;
}

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 14px 8px;
  display: flex;
  align-items: center;
  border: none;
  font-size: 18px;
}

.ui-menu .ui-menu-item-wrapper h4 {
  font-size: 1rem;
}

.ui-widget {
  font-family: "Mulish", sans-serif;
  font-size: 1em;
}

.ui-menu .ui-menu-item-wrapper i {
  color: #222;
  padding-right: 8px;
  transition: all 0.4s ease-in-out;
}

.ui-menu .ui-menu-item-wrapper:hover i {
  color: #222;
}

.searching_mob {
  width: 100%;
  max-width: 100%;
}

.searching_mob .modal-body::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.searching_mob .modal-body {
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

.searching_mob .modal-dialog {
  margin: 0;
  border-radius: 0px;
}
.searching_mob .modal-dialog .modal-content {
  border-radius: 0px;
  padding: 0;
  height: 100dvh;
  background: #fff;
  border: none;
}
.searching_mob .modal-dialog .modal-header {
  padding: 8px;
  box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
  border-bottom: none;
}
.searching_mob .modal-dialog .modal-header .search_panel {
  width: 100%;
}
.searching_mob .modal-dialog .modal-header .search_panel input {
  width: 100%;
  font-size: 0.875rem;
  border: none;
  padding-left: 20px;
}
@media (max-width: 480px) {
  .searching_mob .modal-dialog .modal-header .search_panel input {
    font-size: 0.813rem;
  }
}
.searching_mob .modal-dialog .modal-header .arrow {
  position: relative;
}
.searching_mob .modal-dialog .modal-header .arrow .closebtn {
  position: absolute;
  left: 0;
  top: 2px;
  cursor: pointer;
}
.searching_mob .modal-dialog .modal-header .arrow .closebtn i {
  position: absolute;
  left: 0;
  font-size: 0.875rem;
}
.searching_mob .modal-dialog .modal-body {
  overflow: scroll;
}
.searching_mob .modal-dialog .modal-body h4 {
  font-size: 0.813rem;
  color: #959595;
  margin: 0 5px 10px 5px;
}
.searching_mob .modal-dialog .modal-body .citylists {
  width: 100%;
}
.searching_mob .modal-dialog .modal-body .citylists ul {
  margin-left: 5px;
}
.searching_mob .modal-dialog .modal-body .citylists ul li {
  font-weight: 700;
  list-style: none;
}
.searching_mob .modal-dialog .modal-body .citylists ul li a {
  padding: 5px;
  color: #000;
  font-weight: 700;
  font-size: 0.875rem;
}
.searching_mob .modal-dialog .modal-body .popular__destinations {
  width: 100%;
  position: relative;
  margin: 0px 5px;
}
.searching_mob .modal-dialog .modal-body .popular__destinations .destination_img {
  width: 100%;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  overflow: hidden;
}
.searching_mob .modal-dialog .modal-body .popular__destinations .destination_img img {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  transition: all 0.4s ease-in-out;
  transform: scale(1);
}
.searching_mob .modal-dialog .modal-body .popular__destinations .place__name {
  font-size: 1rem;
  color: #000;
  font-weight: 600;
  display: none;
}
@media (max-width: 767px) {
  .searching_mob .modal-dialog .modal-body .popular__destinations .place__name {
    display: block;
    font-size: 0.813rem;
  }
}
@media (max-width: 480px) {
  .searching_mob .modal-dialog .modal-body .popular__destinations .place__name {
    font-size: 0.625rem;
  }
}
.searching_mob .modal-dialog .modal-body .popular__destinations:hover img {
  transform: scale(1.2);
}
.searching_mob .modal-dialog .modal-body .owl-carousel {
  margin: 0px;
}
.searching_mob .modal-dialog .modal-body .owl-pagination {
  display: none;
}
.searching_mob .modal-dialog .modal-body .owl-theme .owl-controls .owl-buttons div {
  display: inline-block;
  zoom: 1;
  background: #fff;
  margin: 0 5px;
  width: 40px;
  border-radius: 50%;
  height: 40px;
  padding: 0px;
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  line-height: 40px;
  transition: all 0.5s ease-in-out;
}
@media (max-width: 767px) {
  .searching_mob .modal-dialog .modal-body .owl-theme .owl-controls .owl-buttons div {
    display: none;
  }
}
@media (max-width: 580px) {
  .searching_mob .modal-dialog .modal-body .owl-theme .owl-controls .owl-buttons div {
    background: #e8e8e8;
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
}
.searching_mob .modal-dialog .modal-body .owl-prev {
  position: absolute;
  right: auto;
  left: -44px;
}
@media (max-width: 580px) {
  .searching_mob .modal-dialog .modal-body .owl-prev {
    left: 0px;
  }
}
.searching_mob .modal-dialog .modal-body .owl-next {
  position: absolute;
  right: -44px;
  left: auto;
}
@media (max-width: 580px) {
  .searching_mob .modal-dialog .modal-body .owl-next {
    right: 0px;
  }
}
.searching_mob .modal-dialog .modal-body .owl-theme .owl-controls {
  position: absolute;
  width: 100%;
  top: 50%;
  margin: 0;
}
@media (max-width: 480px) {
  .searching_mob .modal-dialog .modal-body .owl-theme .owl-controls {
    top: 42%;
  }
}
.searching_mob .modal-dialog .modal-body .owl-prev::before {
  content: "\f284";
  position: absolute;
  font-family: bootstrap-icons !important;
  font-size: 20px;
  left: 9px;
  color: #b9b9b9;
}
@media (max-width: 580px) {
  .searching_mob .modal-dialog .modal-body .owl-prev::before {
    font-size: 26px;
    left: 1px;
  }
}
.searching_mob .modal-dialog .modal-body .owl-next::before {
  content: "\f285";
  position: absolute;
  font-family: bootstrap-icons !important;
  font-size: 20px;
  right: 9px;
  color: #b9b9b9;
}
@media (max-width: 580px) {
  .searching_mob .modal-dialog .modal-body .owl-next::before {
    font-size: 26px;
    right: 1px;
  }
}

#bookCinfModal .modal-body h3 {
  font-size: 1rem;
}

@media (max-width: 767px) {
  .ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 5px;
    font-size: 0.875rem;
    font-weight: 700;
    color: #212121;
    line-height: 18px;
  }
  .ui-menu .ui-menu-item-wrapper h4 {
    font-size: 0.875;
    font-weight: 600;
  }
  .ui-menu .ui-menu-item-wrapper span {
    display: block;
    padding-left: 0px;
    color: #a3a0a0;
    font-size: 0.813rem;
    font-weight: 400;
  }
  .ui-menu {
    z-index: 10000 !important;
    background: #fff;
    height: 100dvh;
    padding: 0;
    margin: 0;
  }
  .ui-menu .ui-menu-item-wrapper i {
    padding-right: 8px;
    font-size: 1.5rem;
  }
  .ui-autocomplete-category {
    font-weight: bold;
    padding: 5px 12px;
    margin: 0.8em 0 0.2em;
    line-height: 1.5;
  }
  .ui-widget-content {
    border: none;
  }
  .ui-widget.ui-widget-content {
    border: none;
    top: 50px;
    left: 0 !important;
    width: 100% !important;
    padding: 0px 10px;
  }
}
@media (max-width: 480px) {
  .ui-menu .ui-menu-item-wrapper span {
    font-size: 0.75rem;
  }
}
.blog_header {
  height: 15vh;
  margin: 50px 0 10px 0px;
}
@media (max-width: 767px) {
  .blog_header {
    margin: 0px;
    height: auto;
    padding: 0;
  }
}
.blog_header .blog_center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.blog_sec {
  width: 100%;
  padding: 60px 0px;
}
@media (max-width: 767px) {
  .blog_sec {
    padding: 30px 0px;
  }
}
.blog_sec .side_lists2 {
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .blog_sec .side_lists2 {
    margin-bottom: 100px;
  }
}
.blog_sec .side_lists2 ul {
  display: flex;
  width: 100%;
  flex-direction: column;
  margin: 0px;
}
.blog_sec .side_lists2 ul li {
  transition: all 0.4s ease-in-out;
  list-style: none;
  display: flex;
  line-height: 20px;
  font-size: 0.875rem;
  background: #F4F4F4;
  padding: 10px;
  border-bottom: 1px solid #e7e4e4;
}
.blog_sec .side_lists2 ul li .img_box {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  width: 60px;
}
.blog_sec .side_lists2 ul li .img_box img {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  width: 60px;
  border: 3px solid #fff;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
}
.blog_sec .side_lists2 ul li .content {
  padding-left: 8px;
  position: relative;
}
.blog_sec .side_lists2 ul li .content a {
  transition: all 0.4s ease-in-out;
  font-size: 0.875rem;
  color: #000;
  line-height: 20px;
  display: -webkit-box;
  height: 40px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.blog_sec .side_lists2 ul li::before {
  display: none;
}
.blog_sec .side_lists2 ul li:hover {
  background: #b0d4f1;
}
.blog_sec .headindgs {
  background: #1C3677;
  padding: 10px;
  font-size: 1.2rem;
  font-weight: 700;
  color: #fff;
  border-left: 4px solid #126EB7;
}

.blog_details {
  width: 100%;
}
.blog_details h4 {
  font-size: 1.5rem;
  font-weight: 700;
}
@media (max-width: 767px) {
  .blog_details h4 {
    font-size: 1.3rem;
  }
}
@media (max-width: 480px) {
  .blog_details h4 {
    font-size: 1.2rem;
  }
}
.blog_details h5 {
  font-size: 1.2rem;
  font-weight: 700;
}
@media (max-width: 480px) {
  .blog_details h5 {
    font-size: 1rem;
  }
}
.blog_details h6 {
  font-size: 0.875rem;
  font-weight: 700;
  color: #1F397A;
  margin-bottom: 10px;
  display: inline-block;
  padding: 5px 10px;
  background: aliceblue;
}
.blog_details .detail_img {
  width: 100%;
  margin-top: 10px;
}
.blog_details .detail_img img {
  width: 100%;
}
.blog_details p {
  margin: 0px 0px 10px 0px;
}
.blog_details ul {
  padding-left: 20px;
}
.blog_details ul li {
  color: #57595b;
  padding: 3px 0px;
}
.blog_details ul li a {
  color: #57595b;
}
.blog_details li::marker {
  color: #1F397A;
}

.list_property_banner {
  width: 100%;
  margin-top: 60px;
  position: relative;
  background: rgb(27, 106, 180);
  background: radial-gradient(circle, rgb(27, 106, 180) 0%, rgb(55, 50, 144) 100%);
  display: flex;
  align-items: center;
  padding: 60px 0px;
}
@media (max-width: 767px) {
  .list_property_banner {
    margin-top: 0px;
    padding: 40px 0px;
  }
}
.list_property_banner .btm_img {
  position: absolute;
  bottom: 0;
  left: 6%;
  display: block;
}
@media (max-width: 767px) {
  .list_property_banner .btm_img {
    display: none;
  }
}
.list_property_banner .main_slider {
  position: relative;
  height: 50vh;
  left: 0;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .list_property_banner .main_slider {
    padding: 40px 0px;
  }
}
@media (max-width: 480px) {
  .list_property_banner .main_slider {
    height: 30vh;
  }
}
.list_property_banner .main_slider .btm_img_2 {
  position: absolute;
  bottom: 0;
  display: none;
}
@media (max-width: 767px) {
  .list_property_banner .main_slider .btm_img_2 {
    display: block;
  }
}
.list_property_banner .main_slider .main_slider_txt {
  width: 100%;
}
.list_property_banner .main_slider .main_slider_txt h4 {
  font-weight: 800;
  font-size: 3.125rem;
  color: white;
  line-height: 50px;
}
@media (max-width: 767px) {
  .list_property_banner .main_slider .main_slider_txt h4 {
    font-size: 2rem;
    line-height: 32px;
  }
}
.list_property_banner .main_slider .main_slider_txt h4 span {
  color: #53B64C;
}
.list_property_banner .main_slider .main_slider_txt h3 {
  font-size: 23px;
  color: #f9e700;
  font-weight: 500;
}
.list_property_banner .main_slider .main_slider_txt p {
  font-weight: bold;
  font-size: 20px;
  color: white;
  line-height: 33px;
  margin-top: 0;
}
.list_property_banner .form_bg {
  background: #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  padding: 20px;
  position: relative;
}
.list_property_banner .form_bg h4 {
  color: #1F397A;
  font-weight: 800;
  font-size: 1.4rem;
}
.list_property_banner .form_bg ul {
  margin: 10px 0px;
  width: 100%;
}
.list_property_banner .form_bg ul li {
  position: relative;
  padding: 3px 0px;
  padding-left: 25px;
  list-style: none;
}
.list_property_banner .form_bg ul li::before {
  position: absolute;
  left: 0;
  content: "\f134";
  font-family: bootstrap-icons !important;
  color: #1C3677;
  font-size: 1rem;
}
.list_property_banner .form_bg .submit_btn {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  transition: all 0.4s ease-in-out;
  width: 100%;
  background: #126eb7;
  padding: 10px;
  text-align: center;
  border: none;
  color: #fff;
  font-weight: 1rem;
}
.list_property_banner .form_bg .submit_btn:hover {
  background: #20397B;
}
.list_property_banner .form_bg .login {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  width: 100%;
  background: #f0f1f4;
  padding: 15px;
  margin-top: 10px;
}
.list_property_banner .form_bg .login h3 {
  font-size: 1rem;
  font-weight: 700;
  color: #000;
  margin-bottom: 5px;
}
.list_property_banner .form_bg .login h5 {
  font-size: 0.875rem;
  font-weight: 500;
  color: #1C3677;
}

.addreses {
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  height: 100%;
  background: url(../images/shape1.png) no-repeat right bottom #1F397A;
  padding: 30px;
}
@media (max-width: 767px) {
  .addreses {
    margin-bottom: 90px;
  }
}
.addreses h3 {
  font-size: 1.5rem;
  color: #fff;
  font-weight: 800;
}
.addreses p {
  color: #fff;
  font-size: 1rem;
  margin-top: 2px;
}
.addreses ul {
  width: 100%;
  margin-top: 20px;
}
.addreses ul li {
  position: relative;
  list-style: none;
  color: #fff;
  padding: 0px 0 30px 35px;
  font-size: 1rem;
}
.addreses ul li a {
  color: #fff;
}
.addreses ul li i {
  position: absolute;
  left: 0;
  top: -2px;
  font-size: 16px;
  color: #fff;
  background: #126EB7;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
}

/* PRELOADER CSS */
.page-loader {
  width: 100%;
  height: 100vh;
  position: fixed;
  background: rgba(0, 0, 0, 0.8039215686);
  z-index: 1000;
  top: 0;
}
.page-loader .loader {
  height: 20px;
  width: 250px;
  top: 40%;
  position: relative;
  margin: auto;
}
.page-loader .loader--dot {
  animation-name: loader;
  animation-timing-function: ease-in-out;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  height: 20px;
  color: #fff;
  width: 20px;
  border-radius: 100%;
  background-color: black;
  position: absolute;
  border: none;
}
.page-loader .loader--dot:first-child {
  background-color: #8cc759;
  animation-delay: 0.5s;
}
.page-loader .loader--dot:nth-child(2) {
  background-color: #8c6daf;
  animation-delay: 0.4s;
}
.page-loader .loader--dot:nth-child(3) {
  background-color: #ef5d74;
  animation-delay: 0.3s;
}
.page-loader .loader--dot:nth-child(4) {
  background-color: #f9a74b;
  animation-delay: 0.2s;
}
.page-loader .loader--dot:nth-child(5) {
  background-color: #60beeb;
  animation-delay: 0.1s;
}
.page-loader .loader--dot:nth-child(6) {
  background-color: #fbef5a;
  animation-delay: 0s;
}
.page-loader .loader--text {
  position: absolute;
  top: 200%;
  left: 0;
  right: 0;
  width: 4rem;
  margin: auto;
}
.page-loader .loader--text:after {
  content: "LOADING";
  font-weight: 600;
  color: #fff;
  animation-name: loading-text;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
@keyframes loader {
  15% {
    transform: translateX(0);
  }
  45% {
    transform: translateX(230px);
  }
  65% {
    transform: translateX(230px);
  }
  95% {
    transform: translateX(0);
  }
}
@keyframes loading-text {
  0% {
    content: "LOADING";
  }
  25% {
    content: "LOADING.";
  }
  50% {
    content: "LOADING..";
  }
  75% {
    content: "LOADING...";
  }
}

/* SPINNER ANIMATION */
.spinner {
  position: relative;
  top: 35%;
  width: 80px;
  height: 80px;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 100%;
  animation: sk-scaleout 1s infinite ease-in-out;
}
@keyframes sk-scaleout {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
/*page loader close */
.full_width {
  width: 100%;
  margin-bottom: 40px;
}
.full_width h3 {
  text-align: center;
  font-weight: 800;
  font-size: 2rem;
}
@media (max-width: 767px) {
  .full_width h3 {
    font-size: 1.6rem;
  }
}
.full_width p {
  text-align: center;
  font-size: 1rem;
}

.listing_policy {
  width: 100%;
  position: sticky;
  top: 85px;
}
@media (max-width: 767px) {
  .listing_policy {
    display: none;
  }
}
.listing_policy ul li {
  padding: 5px 10px;
  list-style: none;
  font-size: 0.875rem;
  font-weight: 500;
  color: #57595b;
}
.listing_policy ul li a {
  color: #57595b;
}
.listing_policy ul li:hover {
  background: #f3f3f3;
}
.listing_policy ul .active {
  background: rgba(0, 127, 255, 0.0901960784);
}

.mobile_headings {
  display: none;
  margin-bottom: 10px;
}
.mobile_headings h4 {
  font-weight: 700;
  font-size: 1.2rem;
}
@media (max-width: 767px) {
  .mobile_headings {
    display: none;
    align-items: center;
  }
}
.mobile_headings .mob-btn {
  background: #1F397A;
  font-size: 1.3rem;
  display: none;
  padding: 5px 10px;
  margin-right: 10px;
}

.listing_policy_mob {
  width: 100%;
  display: none;
}
@media (max-width: 767px) {
  .listing_policy_mob {
    display: block;
  }
}
.listing_policy_mob ul li {
  padding: 5px 10px;
  list-style: none;
  font-size: 0.875rem;
  font-weight: 500;
  color: #57595b;
}
.listing_policy_mob ul li a {
  color: #57595b;
}
.listing_policy_mob ul li:hover {
  background: #f3f3f3;
}
.listing_policy_mob ul .active {
  background: rgba(0, 127, 255, 0.0901960784);
}

.policies {
  width: 100%;
}
@media (max-width: 767px) {
  .policies {
    margin-bottom: 90px;
  }
}
.policies p {
  margin-top: 0;
  margin-bottom: 10px;
}
.policies ul {
  padding-left: 18px;
  margin-bottom: 10px;
}
.policies ul li {
  color: #57595b;
  position: relative;
}
.policies ul li::marker {
  color: #1F397A;
  font-size: 1.2em;
}
.policies .offices-continents {
  width: 100%;
  margin: 20px 0px;
}
.policies .offices-continents h4 {
  margin-bottom: 10px;
}
.policies .offices-continents ul {
  display: flex;
  margin-left: 0;
  padding-left: 0;
  flex-wrap: wrap;
}
@media (max-width: 480px) {
  .policies .offices-continents ul {
    flex-direction: column;
  }
}
.policies .offices-continents ul li {
  list-style: none;
  margin: 0px 10px 10px 0;
}
.policies .offices-continents ul li .dropdown {
  position: relative;
  display: inline-block;
}
.policies .offices-continents ul li .dropdown .dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  padding: 15px;
  min-width: 250px;
  z-index: 999;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}
.policies .offices-continents ul li .dropdown .dropdown-content span {
  font-size: 0.875rem;
  color: #1F397A;
  font-weight: 700;
  padding-bottom: 0;
}
.policies .offices-continents ul li .dropdown .dropdown-content p {
  margin-top: 0;
  margin-bottom: 10px;
}
.policies .offices-continents ul li .dropdown .dropdown-content p a {
  color: #57595b;
}
.policies .offices-continents ul li .dropdown:hover .dropdown-content {
  display: block;
}
.policies .country_list {
  width: 100%;
}
.policies .country_list h3 {
  margin-bottom: 10px;
}
.policies .country_list ul {
  display: flex;
  margin-left: 0;
  padding-left: 0;
  flex-wrap: wrap;
}
.policies .country_list ul li {
  transition: all 0.4s ease-in-out;
  list-style: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 5px 15px;
  border: 1px solid #d0cdcd;
  margin: 5px 5px 5px 0px;
}
.policies .country_list ul li:hover {
  background: #efeeee;
}
.policies .country_list ul li .flag {
  margin-right: 10px;
  line-height: 0;
}
.policies .country_list ul li .flag img {
  width: 18px;
}
.policies .country_list ul li .contry_name {
  font-size: 0.875rem;
}
.policies .dropbtn {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  transition: all 0.4s ease-in-out;
  border: 2px solid #1C3677;
  background: #fff;
  color: #1C3677;
  padding: 5px 15px;
  font-size: 1rem;
  font-weight: 600;
}
.policies .tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media (max-width: 767px) {
  .policies .tabs {
    justify-content: flex-start;
  }
}
.policies .tabs label {
  order: 1;
  display: block;
  padding: 1rem;
  margin-right: 0.2rem;
  cursor: pointer;
  background: #fff;
  font-weight: bold;
  transition: background ease 0.2s;
}
@media (max-width: 767px) {
  .policies .tabs label {
    padding: 0.715rem;
    font-size: 0.813rem;
  }
}
.policies .tabs .tab {
  order: 99;
  flex-grow: 1;
  width: 100%;
  display: none;
  padding: 2rem;
  margin-top: 10px;
  background: #fff;
  border: 1px solid #d6d6d6;
}
@media (max-width: 767px) {
  .policies .tabs .tab {
    padding: 1rem;
  }
}
.policies .tabs input[type=radio] {
  display: none;
}
.policies .tabs input[type=radio]:checked + label {
  border-bottom: 4px solid #1F397A;
}
.policies .tabs input[type=radio]:checked + label + .tab {
  display: block;
}
@media (max-width: 767px) {
  .policies .tabs label {
    width: auto;
    margin-top: 0.2rem;
  }
}
.policies h3 {
  font-weight: 700;
  font-size: 1.3rem;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .policies h3 {
    font-size: 1.2rem;
  }
}
@media (max-width: 480px) {
  .policies h3 {
    font-size: 1rem;
  }
}
.policies h5 {
  font-weight: 700;
  font-size: 1rem;
  margin-top: 5px;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .policies h5 {
    font-size: 0.8751rem;
  }
}
.policies h4 {
  font-weight: 700;
  font-size: 1rem;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #444;
}
@media (max-width: 767px) {
  .policies h4 {
    font-size: 0.8751rem;
  }
}
.policies p {
  margin-top: 5px;
}

.founder_sec {
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  width: 100%;
  background: #F5F5F5;
  padding: 40px 60px;
  margin-top: 100px;
}
@media (max-width: 1200px) {
  .founder_sec {
    margin-top: 0px;
    padding: 30px;
  }
}
@media (max-width: 767px) {
  .founder_sec {
    padding: 20px;
  }
}
.founder_sec .large_screen {
  display: block;
}
@media (max-width: 767px) {
  .founder_sec .large_screen {
    display: none;
  }
}
.founder_sec .large_screen p .heading {
  color: #1F397A;
  font-size: 0.875rem;
  font-weight: 600;
}
.founder_sec .mobile_screen {
  display: none;
}
@media (max-width: 767px) {
  .founder_sec .mobile_screen {
    display: block;
  }
}
.founder_sec .mobile_screen p .heading {
  color: #1F397A;
  font-size: 0.875rem;
  font-weight: 600;
}
.founder_sec .outer {
  position: relative;
}
.founder_sec .outer .ceo {
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  position: relative;
  background: #fff;
  padding: 10px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
  margin-top: -140px;
}
@media (max-width: 1200px) {
  .founder_sec .outer .ceo {
    margin-top: 0px;
  }
}
.founder_sec .outer .ceo img {
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  width: 100%;
}
.founder_sec .outer .ceo .founder_text {
  padding: 10px;
  text-align: center;
}
.founder_sec .outer .ceo .founder_text h4 {
  color: #1F397A;
  font-weight: 700;
  font-size: 1rem;
}
.founder_sec .outer .ceo .founder_text h4 span {
  display: block;
  font-weight: 500;
  font-size: 0.875rem;
  color: #57595b;
}
.founder_sec .read-more-content {
  display: none;
  padding-top: 22px;
}
.founder_sec .read-more {
  display: inline-block;
  margin-top: 8px;
}
.founder_sec .btn2 {
  padding: 6px 10px;
  text-align: center;
}
.founder_sec a {
  color: #fff;
}

.our_team {
  width: 100%;
}
@media (max-width: 767px) {
  .our_team {
    margin-bottom: 50px;
  }
}
.our_team h3 {
  font-size: 2rem;
  color: #000;
  font-weight: 800;
  text-align: center;
}
.our_team h3 span {
  font-weight: 400;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .our_team h3 {
    font-size: 1.8rem;
  }
}
@media (max-width: 767px) {
  .our_team h3 {
    font-size: 1.5rem;
    text-align: center;
    padding-left: 0px;
    margin-top: 10px;
  }
}
.our_team .memmbers {
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  position: relative;
  background: #fff;
  width: 100%;
  padding: 10px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
}
.our_team .memmbers img {
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  width: 100%;
}
.our_team .memmbers .founder_text {
  padding: 10px;
  text-align: center;
}
.our_team .memmbers .founder_text h4 {
  color: #1F397A;
  font-weight: 700;
  font-size: 1rem;
}
@media (max-width: 480px) {
  .our_team .memmbers .founder_text h4 {
    font-size: 0.875rem;
  }
}
.our_team .memmbers .founder_text h4 span {
  display: block;
  font-weight: 500;
  font-size: 0.875rem;
  color: #57595b;
}
@media (max-width: 480px) {
  .our_team .memmbers .founder_text h4 span {
    font-size: 0.813rem;
  }
}

.offcanvas-top {
  width: 100%;
  height: auto !important;
  bottom: auto;
}
.offcanvas-top .offcanvas-header {
  padding: 10px 15px;
}
.offcanvas-top .offcanvas-body {
  padding-top: 5px;
  overflow-y: visible;
}
.offcanvas-top .offcanvas-body .modal_boxes {
  width: 100%;
  display: flex;
  background: #fff;
  border-radius: 0.375rem;
  border: 1px solid #ced4da;
  flex-direction: column;
}
.offcanvas-top .offcanvas-body .modal_boxes .fullclm {
  width: 100%;
  display: flex;
  padding: 5px 10px;
  flex-direction: column;
}
.offcanvas-top .offcanvas-body .modal_boxes .fullclm .text {
  font-size: 0.813rem;
  color: #6F6F6F;
  font-weight: 400;
}
.offcanvas-top .offcanvas-body .modal_boxes .fullclm .date {
  font-size: 0.875rem;
  color: #000;
  font-weight: 400;
}
.offcanvas-top .offcanvas-body .modal_boxes .fullclm .date .txt {
  border: none;
  height: 25px;
  width: 100%;
  padding: 0;
  font-weight: 400;
  font-size: 0.875rem;
}
.offcanvas-top .offcanvas-body .modal_boxes .fullclm2 {
  width: 100%;
  display: flex;
  border-top: 1px solid #ced4da;
  padding: 0px;
}
.offcanvas-top .offcanvas-body .modal_boxes .fullclm2 .halfclm {
  width: 50%;
  display: flex;
  flex-direction: column;
  padding: 5px 10px;
}
.offcanvas-top .offcanvas-body .modal_boxes .fullclm2 .halfclm input {
  border: none;
}
.offcanvas-top .offcanvas-body .modal_boxes .fullclm2 .halfclm .text {
  font-size: 0.813rem;
  color: #6F6F6F;
  font-weight: 400;
}
.offcanvas-top .offcanvas-body .modal_boxes .fullclm2 .halfclm .date {
  font-size: 0.875rem;
  color: #000;
  font-weight: 400;
}
.offcanvas-top .offcanvas-body .modal_boxes .fullclm2 .halfclm .date .txt {
  border: none;
  width: 100%;
  height: 25px;
  padding: 0;
  font-weight: 400;
  font-size: 0.875rem;
}
@media (max-width: 480px) {
  .offcanvas-top .offcanvas-body .modal_boxes .fullclm2 .halfclm .date .txt {
    font-size: 0.813rem;
  }
}
.offcanvas-top .offcanvas-body .modal_boxes .fullclm2 .brdr_rght {
  border-right: 1px solid #ced4da;
}
.offcanvas-top .offcanvas-body .btn2 {
  width: 100%;
}
.offcanvas-top h3 {
  font-weight: 700;
  font-size: 1rem;
}

.offcanvas-end {
  width: 40% !important;
}
@media (max-width: 767px) {
  .offcanvas-end {
    width: 80% !important;
  }
}
@media (max-width: 480px) {
  .offcanvas-end {
    width: 90% !important;
  }
}
.offcanvas-end .offcanvas-header h3 {
  font-weight: 700;
  font-size: 1.3rem;
  color: #000;
}
@media (max-width: 767px) {
  .offcanvas-end .offcanvas-header h3 {
    font-size: 1rem;
  }
}
.offcanvas-end .review_rating {
  width: 100%;
  display: flex;
  padding: 10px 0px;
}
@media (max-width: 767px) {
  .offcanvas-end .review_rating {
    padding: 0;
    margin-bottom: 10px;
  }
}
.offcanvas-end .review_rating .reviews {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  background: #53b64c;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.125rem;
  font-weight: 700;
  color: #fff;
  position: relative;
  min-width: 50px;
  margin-left: 8px;
}
.offcanvas-end .review_rating .reviews i {
  font-size: 10px;
}
@media (max-width: 767px) {
  .offcanvas-end .review_rating .reviews {
    padding: 5px 8px;
    min-width: 40px;
    font-size: 0.875rem;
  }
}
.offcanvas-end .review_rating .reviews::before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  bottom: 0;
  left: -8px;
  border: 15px solid transparent;
  border-bottom: 15px solid #53B64C;
}
.offcanvas-end .review_rating .goodrate__box {
  display: flex;
  margin-left: 10px;
  align-items: center;
  font-weight: 800;
  color: #000;
  font-size: 1rem;
}
@media (max-width: 767px) {
  .offcanvas-end .review_rating .goodrate__box {
    font-size: 0.813rem;
  }
}
.offcanvas-end .review_rating .goodrate__box i {
  color: #53B64C;
}
.offcanvas-end .review_rating .goodrate__box span {
  font-weight: 400;
  font-size: 0.875rem;
}
.offcanvas-end .review_rating .goodrate__box span i {
  color: #18A0FB;
}
.offcanvas-end .all-review {
  width: 100%;
  padding-top: 0;
}
.offcanvas-end .all-review .clientnew__bg {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  background: #f3f1f8;
  padding: 15px;
  width: 100%;
  margin-bottom: 15px;
  display: flex;
  flex-direction: column;
}
.offcanvas-end .all-review .clientnew__bg .top_box {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.offcanvas-end .all-review .clientnew__bg .top_box .left_side {
  display: flex;
}
.offcanvas-end .all-review .clientnew__bg .top_box .left_side .pic {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  margin-right: 10px;
  border: 1px solid #fff;
  width: 60px;
  height: 60px;
}
@media (max-width: 480px) {
  .offcanvas-end .all-review .clientnew__bg .top_box .left_side .pic {
    width: 40px;
    height: 40px;
  }
}
.offcanvas-end .all-review .clientnew__bg .top_box .left_side .pic img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  width: 60px;
  height: 60px;
}
@media (max-width: 480px) {
  .offcanvas-end .all-review .clientnew__bg .top_box .left_side .pic img {
    width: 40px;
    height: 40px;
  }
}
.offcanvas-end .all-review .clientnew__bg .top_box .left_side .name_rate .calender {
  width: 100%;
  color: #6F6F6F;
  font-weight: 500;
  font-size: 0.875rem;
}
@media (max-width: 767px) {
  .offcanvas-end .all-review .clientnew__bg .top_box .left_side .name_rate .calender {
    line-height: 18px;
  }
}
.offcanvas-end .all-review .clientnew__bg .top_box .left_side .name_rate .calender i {
  color: #18A0FB;
}
.offcanvas-end .all-review .clientnew__bg .top_box .left_side .name_rate .rating {
  line-height: 18px;
}
.offcanvas-end .all-review .clientnew__bg .top_box .left_side .name_rate .rating i {
  color: #edc01f;
}
@media (max-width: 480px) {
  .offcanvas-end .all-review .clientnew__bg .top_box .left_side .name_rate .rating i {
    font-size: 0.875rem;
  }
}
.offcanvas-end .all-review .clientnew__bg .top_box .left_side .name_rate .client__name {
  width: 100%;
  color: #000;
  font-weight: 700;
  font-size: 1rem;
}
@media (max-width: 767px) {
  .offcanvas-end .all-review .clientnew__bg .top_box .left_side .name_rate .client__name {
    text-align: left;
    margin-top: 5px;
    font-size: 0.875rem;
    margin-top: 0;
    line-height: 18px;
  }
}
.offcanvas-end .all-review .clientnew__bg .top_box .left_side .name_rate .client__name i {
  color: #18A0FB;
  font-size: 1.2rem;
}
.offcanvas-end .all-review .clientnew__bg .top_box .right_side .reviews {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  background: #53b64c;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  font-weight: 700;
  color: #fff;
  position: relative;
  min-width: 45px;
}
.offcanvas-end .all-review .clientnew__bg .top_box .right_side .reviews i {
  font-size: 10px;
}
@media (max-width: 767px) {
  .offcanvas-end .all-review .clientnew__bg .top_box .right_side .reviews {
    padding: 5px 8px;
    min-width: 40px;
    font-size: 0.813rem;
  }
}
.offcanvas-end .all-review .clientnew__bg .top_box .right_side .reviews::before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  bottom: 0;
  left: -8px;
  border: 15px solid transparent;
  border-bottom: 15px solid #53B64C;
}
.offcanvas-end .all-review .clientnew__bg .content {
  max-height: 80px;
  /* Set the initial max height */
  overflow: hidden;
  transition: max-height 0.3s ease-out;
}
@media (max-width: 767px) {
  .offcanvas-end .all-review .clientnew__bg .content {
    max-height: 155px;
  }
}
.offcanvas-end .all-review .clientnew__bg #read-more-checkbox {
  display: none;
  /* Hide the checkbox */
}
.offcanvas-end .all-review .clientnew__bg #read-more-checkbox:checked + .content {
  max-height: 1000px;
  /* Set a large max height when the checkbox is checked */
}
.offcanvas-end .all-review .clientnew__bg .read-more-label {
  cursor: pointer;
  color: #1F397A;
  display: block;
  margin-top: 5px;
  font-weight: 700;
}
.offcanvas-end .all-review .clientnew__bg .property-response {
  margin-top: 10px;
  width: 100%;
  background: #fff;
  padding: 15px;
}
.offcanvas-end .all-review .clientnew__bg .property-response h3 {
  font-size: 1rem;
  font-weight: 600;
}
@media (max-width: 480px) {
  .offcanvas-end .all-review .clientnew__bg .property-response h3 {
    font-size: 0.875rem;
  }
}

.sign__up__txt h4 {
  font-weight: 700;
  font-size: 1.2rem;
  color: #1C3677;
}

.account-clum {
  width: 100%;
  padding: 0 20px;
  margin-bottom: 90px;
  margin-top: 20px;
}
.account-clum h4 {
  font-weight: 700;
  font-size: 1.2rem;
  color: #1C3677;
}
.account-clum .myaccount {
  width: 100%;
  margin-top: 10px;
}
.account-clum .myaccount ul li {
  padding: 15px 0px 15px 30px;
  list-style: none;
  font-size: 1rem;
  color: #000;
  position: relative;
}
.account-clum .myaccount ul li a {
  color: #000;
}
.account-clum .myaccount ul li i {
  position: absolute;
  color: #1F397A;
  font-size: 1.4rem;
  left: 0px;
}

.offcanvas-header .offcanvas_logo {
  width: 150px;
}

.modal .modal-header {
  padding: 0;
  border-bottom: none;
}
@media (max-width: 480px) {
  .modal .modal-header {
    padding: 10px;
  }
}
.modal .modal-header .btn-close {
  width: 35px;
  height: 35px;
  opacity: 1;
  position: absolute;
  right: -20px;
  top: -20px;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 480px) {
  .modal .modal-header .btn-close {
    right: 10px;
    top: -12px;
    width: 30px;
    height: 30px;
  }
}
.modal .modal-header .btn-close:hover {
  transform: rotate(90deg);
}
.modal .modal-content {
  background: #f3f1f8;
}
.modal .modal-content .clientnew__bg {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.modal .modal-content .clientnew__bg .top_box {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.modal .modal-content .clientnew__bg .top_box .left_side {
  display: flex;
}
.modal .modal-content .clientnew__bg .top_box .left_side .pic {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  margin-right: 10px;
  border: 1px solid #fff;
  width: 60px;
  height: 60px;
}
@media (max-width: 480px) {
  .modal .modal-content .clientnew__bg .top_box .left_side .pic {
    width: 40px;
    height: 40px;
  }
}
.modal .modal-content .clientnew__bg .top_box .left_side .pic img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  width: 60px;
  height: 60px;
}
@media (max-width: 480px) {
  .modal .modal-content .clientnew__bg .top_box .left_side .pic img {
    width: 40px;
    height: 40px;
  }
}
.modal .modal-content .clientnew__bg .top_box .left_side .name_rate .calender {
  width: 100%;
  color: #6F6F6F;
  font-weight: 500;
  font-size: 0.875rem;
}
@media (max-width: 767px) {
  .modal .modal-content .clientnew__bg .top_box .left_side .name_rate .calender {
    line-height: 18px;
  }
}
.modal .modal-content .clientnew__bg .top_box .left_side .name_rate .calender i {
  color: #18A0FB;
}
.modal .modal-content .clientnew__bg .top_box .left_side .name_rate .rating {
  line-height: 18px;
}
.modal .modal-content .clientnew__bg .top_box .left_side .name_rate .rating i {
  color: #edc01f;
}
@media (max-width: 480px) {
  .modal .modal-content .clientnew__bg .top_box .left_side .name_rate .rating i {
    font-size: 0.875rem;
  }
}
.modal .modal-content .clientnew__bg .top_box .left_side .name_rate .client__name {
  width: 100%;
  color: #000;
  font-weight: 700;
  font-size: 1rem;
}
@media (max-width: 767px) {
  .modal .modal-content .clientnew__bg .top_box .left_side .name_rate .client__name {
    text-align: left;
    margin-top: 5px;
    font-size: 0.875rem;
    margin-top: 0;
    line-height: 18px;
  }
}
.modal .modal-content .clientnew__bg .top_box .left_side .name_rate .client__name i {
  color: #18A0FB;
  font-size: 1.2rem;
}
.modal .modal-content .clientnew__bg .top_box .right_side .reviews {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  background: #53b64c;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  font-weight: 700;
  color: #fff;
  position: relative;
  min-width: 45px;
}
.modal .modal-content .clientnew__bg .top_box .right_side .reviews i {
  font-size: 10px;
}
@media (max-width: 767px) {
  .modal .modal-content .clientnew__bg .top_box .right_side .reviews {
    padding: 5px 8px;
    min-width: 40px;
    font-size: 0.813rem;
  }
}
.modal .modal-content .clientnew__bg .top_box .right_side .reviews::before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  bottom: 0;
  left: -8px;
  border: 15px solid transparent;
  border-bottom: 15px solid #53B64C;
}
@media (max-width: 767px) {
  .modal .modal-content .clientnew__bg .top_box .right_side .reviews::before {
    display: none;
  }
}
.modal .modal-content .clientnew__bg .contents {
  width: 100%;
}
.modal .modal-content .clientnew__bg .contents p {
  height: 148px;
  -webkit-line-clamp: 6;
  overflow: hidden;
}
.modal .modal-content .clientnew__bg .contents .btn-5 {
  border: none;
  font-size: 0.875rem;
  padding: 5px 0px;
  color: #1F397A;
  background: none;
  font-weight: 700;
}
.modal .modal-content .clientnew__bg .property-response {
  margin-top: 10px;
  width: 100%;
  background: #fff;
  padding: 15px;
}
.modal .modal-content .clientnew__bg .property-response h3 {
  font-size: 1rem;
  font-weight: 600;
}
@media (max-width: 480px) {
  .modal .modal-content .clientnew__bg .property-response h3 {
    font-size: 0.875rem;
  }
}

.fill_width {
  width: 100% !important;
  --bs-modal-width: 100%;
}

.modal .newcalendar {
  width: 100%;
  height: 100dvh;
  margin: 0;
  padding: 0;
  border-radius: 0;
  border: none;
  background: #fff;
  scrollbar-width: none;
}
.modal .newcalendar .modal-header {
  width: 100%;
  padding: 10px 15px;
  border-bottom: 1px solid #ededed;
}
.modal .newcalendar .modal-header h5 {
  font-size: 0.875rem;
  color: #000;
  font-weight: 500;
}
.modal .newcalendar .modal-header h5 i {
  cursor: pointer;
  padding-right: 5px;
}
.modal .newcalendar .modal-body {
  width: 100%;
  padding: 0 15px;
}
.modal .newcalendar .modal-body .dates {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 10px 5px;
}
.modal .newcalendar .modal-body .dates .check-in {
  width: 40%;
}
.modal .newcalendar .modal-body .dates .check-in h4 {
  color: #232323;
  font-weight: 600;
  font-size: 1rem;
  line-height: 18px;
  text-align: center;
}
.modal .newcalendar .modal-body .dates .check-in h4 span {
  color: #777575;
  display: block;
  font-weight: 400;
  font-size: 0.875rem;
}
.modal .newcalendar .modal-body .dates .check-out {
  width: 40%;
}
.modal .newcalendar .modal-body .dates .check-out h4 {
  color: #232323;
  font-weight: 600;
  font-size: 1rem;
  text-align: center;
  line-height: 18px;
}
.modal .newcalendar .modal-body .dates .check-out h4 span {
  color: #777575;
  display: block;
  font-weight: 400;
  font-size: 0.875rem;
}
.modal .newcalendar .modal-body .dates .days {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  top: 65%;
  transform: translate(-50%, 55%);
  color: #000;
  height: 26px;
  font-weight: 600;
  font-size: 0.715rem;
  text-transform: uppercase;
  line-height: 18px;
  padding: 2px 10px;
  background: #79ce73;
  z-index: 99;
}
.modal .newcalendar .modal-body .calender_section {
  border-top: 1px solid #ededed;
  background: #fff;
  position: fixed;
  height: 100vh;
  width: 100%;
  overflow: scroll;
  left: 0;
  top: 98px;
  padding: 10px 15px;
}
.modal .newcalendar .modal-footer {
  z-index: 999;
  background: #fff;
  display: flex;
  justify-content: space-between;
  box-shadow: 1px -24px 52px -54px rgba(0, 0, 0, 0.45), 0px 25px 20px -20px rgba(0, 0, 0, 0.45);
}
.modal .newcalendar .modal-footer .guest_rooms {
  font-size: 0.875rem;
  font-weight: 500;
}
.modal .newcalendar .modal-footer .btn-primary {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  transition: all 0.4s ease-in-out;
  background: #126eb7;
  color: #fff;
  border: 2px solid #126eb7;
  min-width: 120px;
  padding: 6px 0px;
  font-weight: 700;
  display: flex;
  justify-content: center;
}

.mob_scrn {
  font-size: 1.25rem;
  margin-bottom: 25px;
  font-weight: 800;
  color: #1f397a;
  position: relative;
}
.mob_scrn::before {
  position: absolute;
  content: "";
  width: 60px;
  height: 2px;
  background: #53B64C;
  left: 15px;
  bottom: -8px;
}

.confirming .modal-content {
  background: #fff;
}
@media (max-width: 767px) {
  .confirming .modal-content {
    width: 90%;
    margin: auto;
  }
}
@media (max-width: 480px) {
  .confirming .modal-content {
    width: 75%;
  }
}
.confirming .modal-content .modal-body {
  padding: 2rem 0;
  text-align: center;
}
.confirming .modal-content .modal-body img {
  margin-bottom: 15px;
}
.confirming .modal-content .modal-body h3 {
  text-align: center;
  font-weight: 800;
  font-size: 1.5rem;
  color: #000;
}
@media (max-width: 767px) {
  .confirming .modal-content .modal-body h3 {
    width: 90%;
    margin: auto;
  }
}
@media (max-width: 480px) {
  .confirming .modal-content .modal-body h3 {
    font-size: 1.2rem;
  }
}
.confirming .modal-content .modal-body p {
  text-align: center;
  margin: 0;
  font-size: 1rem;
}
@media (max-width: 480px) {
  .confirming .modal-content .modal-body p {
    font-size: 0.875rem;
  }
}

.otp-wrapper {
  display: grid;
  grid-template-columns: 30px 30px 30px 30px;
  max-width: 400px;
  gap: 30px;
  margin: 10px 0px;
}

.otp-wrapper input:focus {
  outline: none;
}

.otp-wrapper input {
  width: 40px;
  height: 40px;
  line-height: 40px;
  padding: 0;
  text-align: center;
  border: 1px solid #c9c9c9;
  border-radius: 8px;
  background-color: #f8f8f8;
  color: #292929;
}

.otp-wrapper input::-moz-placeholder {
  color: #292929;
}

.otp-wrapper input::placeholder {
  color: #292929;
}

.passcode {
  height: auto !important;
  width: 100%;
}
.passcode input[type=number]::-webkit-outer-spin-button,
.passcode input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.passcode input[type=number] {
  -moz-appearance: textfield;
}
.passcode .offcanvas-header {
  align-items: flex-start;
}
.passcode .offcanvas-header .logo {
  width: 150px;
  margin-bottom: 10px;
}
.passcode .offcanvas-body {
  margin-top: 0px;
  padding-top: 0;
}
.passcode .offcanvas-body p {
  font-size: 0.875rem;
  color: #57595b;
}
.passcode .offcanvas-body .btn3 {
  width: 100%;
}
.passcode .offcanvas-body .recent_code {
  font-weight: 700;
  font-size: 0.813rem;
  color: #57595b;
}

.modal.fade.ad-popups .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, 50px);
}

.modal.show.ad-popups .modal-dialog {
  transform: none;
}

.ad-popups {
  width: 100%;
}
.ad-popups .btn-close {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  position: absolute;
  right: 0;
  font-size: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background: none;
  z-index: 999;
  font-size: 1.3rem;
  background: #1F397A;
  opacity: 1;
  top: -14px;
  right: -14px;
  opacity: 1;
  border: none;
}
@media (max-width: 767px) {
  .ad-popups .btn-close {
    top: 4px;
    right: 4px;
    background: none;
  }
}
@media (max-width: 767px) {
  .ad-popups .modal-dialog-centered {
    min-height: auto;
  }
}
@media (max-width: 767px) {
  .ad-popups .modal-dialog {
    position: fixed !important;
    bottom: 0px !important;
    left: 0% !important;
    right: 0% !important;
    margin-bottom: 0 !important;
  }
}
@media (max-width: 480px) {
  .ad-popups .modal-dialog {
    margin: 0;
  }
}
.ad-popups .modal-dialog .modal-content {
  padding: 0;
  border: 0px;
  background: #000;
}
@media (max-width: 767px) {
  .ad-popups .modal-dialog .modal-content {
    width: 90%;
    margin: auto;
  }
}
@media (max-width: 480px) {
  .ad-popups .modal-dialog .modal-content {
    width: 100%;
  }
}
.ad-popups .modal-dialog .modal-content .modal-body {
  padding: 0;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
@media (max-width: 767px) {
  .ad-popups .modal-dialog .modal-content .modal-body {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
  }
}
.ad-popups .modal-dialog .modal-content .modal-body img {
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}
@media (max-width: 767px) {
  .ad-popups .modal-dialog .modal-content .modal-body img {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
  }
}

.modal .fav {
  text-align: center;
}
.modal .fav img {
  width: 50px;
  margin-bottom: 20px;
}
.modal .fav h3 {
  text-align: center;
  font-weight: 700;
  font-size: 1.2rem;
}
@media (max-width: 767px) {
  .modal .fav h3 {
    font-size: 1rem;
  }
}

.btn1 {
  transition: all 0.4s ease-in-out;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  background: #fff;
  color: #126eb7;
  min-width: 120px;
  display: flex;
  padding: 6px 0px;
  font-weight: 700;
  justify-content: center;
  border: 2px solid #126eb7;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .btn1 {
    font-size: 0.813rem;
    min-width: 100px;
  }
}
.btn1:hover {
  background: #126eb7;
  color: #fff;
}

.btn2 {
  transition: all 0.4s ease-in-out;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  background: #126eb7;
  color: #fff;
  border: 2px solid #126eb7;
  min-width: 120px;
  padding: 6px 0px;
  font-weight: 700;
  display: flex;
  justify-content: center;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .btn2 {
    font-size: 0.813rem;
    min-width: 110px;
  }
}
.btn2:hover {
  background: #1C3677;
  border: 2px solid #1C3677;
}

.btn3 {
  transition: all 0.4s ease-in-out;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  background: #dadada;
  color: #fff;
  border: 2px solid #ffffff;
  padding: 6px 10px;
  font-weight: 700;
  display: flex;
  justify-content: center;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .btn3 {
    font-size: 0.813rem;
    min-width: 110px;
  }
}

.btn4 {
  transition: all 0.4s ease-in-out;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  font-size: 1rem;
  background: #fff;
  color: #126eb7;
  border: 1px solid #126eb7;
  padding: 6px 10px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .btn4 {
    font-size: 0.813rem;
    min-width: 100px;
  }
}
@media (max-width: 767px) {
  .btn4 {
    font-size: 0.813rem;
  }
}

.navigation {
  width: 100%;
  position: relative;
  font-family: inherit;
  display: flex;
}
.navigation * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

.navigation-portrait .nav-toggle {
  display: block;
}
.navigation-portrait .align-to-left .nav-menu > li span {
  display: none;
}
.navigation-portrait .dropdown {
  width: 100% !important;
}
.navigation-portrait .btn1 {
  padding: 4px 15px;
}
.navigation-portrait .nav-menus-wrapper {
  width: 320px;
  height: 100%;
  top: 0;
  left: -400px;
  position: fixed;
  background-color: #fff;
  z-index: 20000;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  transition-duration: 0.8s;
  transition-timing-function: ease;
}
.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right {
  left: auto;
  right: -400px;
}
.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-open {
  left: 0;
}
.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right.nav-menus-wrapper-open {
  left: auto;
  right: 0;
}
.navigation-portrait .nav-menus-wrapper-close-button {
  display: block;
}
.navigation-portrait .nav-menu {
  width: 100%;
}
.navigation-portrait .nav-menu > li.focus > a {
  color: #000;
  transition: all 0.4s ease-in-out;
}
.navigation-portrait .nav-menu > li {
  width: 100%;
  position: relative;
  border-top: solid 1px #f0f0f0;
}
.navigation-portrait .nav-menu > li:last-child {
  border-bottom: solid 1px #f0f0f0;
}
.navigation-portrait .nav-menu > li > a {
  width: 100%;
  height: auto;
  padding: 12px 15px 12px 26px;
  color: #000;
}
.navigation-portrait .nav-menu > li > a:hover {
  color: #000;
}
.navigation-portrait .nav-menu.nav-menu-social {
  width: 100%;
  text-align: center;
}
.navigation-portrait .nav-menu.nav-menu-social > li {
  width: auto;
}
.navigation-portrait .nav-menu.nav-menu-social > li > a {
  padding: 15px;
}
.navigation-portrait .submenu-indicator {
  width: 54px;
  height: 44px;
  margin-top: 0;
  position: absolute;
  top: 0;
  right: 0;
  text-align: center;
  z-index: 20000;
}
.navigation-portrait .submenu-indicator-chevron {
  position: absolute;
  top: 18px;
  left: 24px;
}
.navigation-portrait .submenu-indicator.submenu-indicator-up {
  transform: rotate(-180deg);
}
.navigation-portrait .nav-search {
  height: 48px;
  padding: 0 10px;
  margin-right: 52px;
}
.navigation-portrait .nav-search-button {
  width: 50px;
  height: 48px;
  line-height: 46px;
  font-size: 22px;
}
.navigation-portrait .nav-search-inner {
  height: 48px;
}
.navigation-portrait .nav-search-inner input[type=text] {
  height: 48px;
  font-size: 18px;
  line-height: 48px;
}
.navigation-portrait .nav-search-inner input[type=search] {
  height: 48px;
  font-size: 18px;
  line-height: 48px;
}
.navigation-portrait .nav-search-close-button {
  top: 10px;
  right: 14px;
}
.navigation-portrait .nav-button {
  width: calc(100% - 52px);
  margin: 17px 38px;
}
.navigation-portrait .nav-text {
  width: calc(100% - 52px);
  margin: 12px 26px 0;
}
.navigation-portrait .nav-text + ul {
  margin-top: 15px;
}
.navigation-portrait .nav-dropdown {
  width: 100%;
  position: static;
  left: 0;
}
.navigation-portrait .nav-dropdown > li > a {
  padding: 12px 20px 12px 30px;
}
.navigation-portrait .nav-dropdown > li > ul > li > a {
  padding-left: 50px;
}
.navigation-portrait .nav-dropdown > li > ul > li > ul > li > a {
  padding-left: 70px;
}
.navigation-portrait .nav-dropdown > li > ul > li > ul > li > ul > li > a {
  padding-left: 90px;
}
.navigation-portrait .nav-dropdown > li > ul > li > ul > li > ul > li > ul > li > a {
  padding-left: 110px;
}
.navigation-portrait .nav-dropdown .submenu-indicator {
  right: 0;
  top: 0;
}
.navigation-portrait .nav-dropdown .submenu-indicator .submenu-indicator-chevron {
  transform: rotate(45deg);
}
.navigation-portrait .nav-dropdown-horizontal .nav-dropdown-horizontal {
  border-top: none;
}
.navigation-portrait .nav-dropdown-horizontal > li {
  width: 100%;
}
.navigation-portrait .nav-dropdown-horizontal .submenu-indicator {
  height: 42px;
  top: 0;
  transform: rotate(0deg);
}
.navigation-portrait .nav-dropdown-horizontal .submenu-indicator.submenu-indicator-up {
  transform: rotate(-180deg);
}

.navigation-fixed-wrapper {
  width: 100%;
  left: 0;
  z-index: 19998;
  will-change: opacity;
}
.navigation-fixed-wrapper .navigation {
  margin-right: auto;
  margin-left: auto;
}

.navigation-fixed-wrapper.fixed {
  position: fixed !important;
  animation: fade 0.5s;
}

.navigation-fixed-placeholder {
  width: 100%;
  display: none;
}

.navigation-fixed-placeholder.navigation-fixed-placeholder.visible {
  display: block;
}

.navigation-hidden {
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  position: absolute;
  top: -9999px;
}
.navigation-hidden .nav-header {
  display: none;
}
.navigation-hidden .nav-search {
  display: none;
}

.align-to-right {
  float: right;
}

.nav-header {
  float: left;
}

.nav-brand {
  padding: 0 10px;
  text-decoration: none !important;
}

.nav-logo > img {
  height: 48px;
  margin: 11px auto;
  padding: 0 15px;
  float: left;
}
.nav-logo:focus > img {
  outline: initial;
}

.nav-toggle {
  width: 30px;
  height: 30px;
  padding: 6px 2px 0;
  position: absolute;
  top: 50%;
  margin-top: 8px;
  right: 15px;
  display: none;
  cursor: pointer;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .nav-toggle {
    margin-top: 14px;
  }
}
@media (max-width: 767px) {
  .nav-toggle {
    margin-top: 10px;
  }
}
.nav-toggle:before {
  content: "";
  position: absolute;
  width: 24px;
  height: 2px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 0.5em 0 0 #fff, 0 1em 0 0 #fff;
}

.nav-menus-wrapper-close-button {
  width: 30px;
  height: 40px;
  margin: 10px 7px;
  display: none;
  float: right;
  color: #70798b;
  font-size: 26px;
  cursor: pointer;
}

.nav-menu {
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: normal;
  font-size: 0;
  transition: all 0.4s ease-in-out;
}
.nav-menu > li {
  display: inline-block;
  text-align: left;
  float: left;
  transition: all 0.4s ease-in-out;
}
.nav-menu > li > a {
  transition: all 0.4s ease-in-out;
  padding: 12px 28px;
  display: inline-block;
  position: relative;
  text-decoration: none;
  font-size: 0.938rem;
  font-weight: 500;
  color: #fff;
  transition: color 0.3s, background 0.3s;
}
.nav-menu > li > a > i {
  width: 18px;
  height: 16px;
  line-height: 16px;
  transform: scale(1.4);
}
.nav-menu > li > a > [class*=ion-] {
  width: 18px;
  height: 16px;
  line-height: 16px;
  transform: scale(1.4);
  width: 16px;
  display: inline-block;
  transform: scale(1.8);
}
.nav-menu > li:hover {
  transition: all 0.4s ease-in-out;
}
.nav-menu > li:hover > a {
  color: #fff;
  transition: all 0.4s ease-in-out;
}
.nav-menu > li:hover > a .submenu-indicator-chevron {
  border-color: transparent #566CC6 #566CC6 transparent;
}
.nav-menu > li.active {
  transition: all 0.4s ease-in-out;
}
.nav-menu > li.active > a {
  transition: all 0.4s ease-in-out;
  color: #fff;
}
.nav-menu > li.focus {
  transition: all 0.4s ease-in-out;
}
.nav-menu > li.focus > a {
  color: #fff;
  transition: all 0.4s ease-in-out;
}
.nav-menu > .active > a .submenu-indicator-chevron {
  border-color: transparent #566CC6 #566CC6 transparent;
}
.nav-menu > .focus > a .submenu-indicator-chevron {
  border-color: transparent #566CC6 #566CC6 transparent;
}

.nav-menu.nav-menu-centered {
  text-align: center;
}
.nav-menu.nav-menu-centered > li {
  float: none;
}

.nav-menu.nav-menu-left {
  text-align: left;
}
.nav-menu.nav-menu-left > li {
  float: none;
}

.nav-menu + .nav-menu > li:first-child {
  border-top: none;
}

.nav-menu.nav-menu-social > li {
  text-align: center;
  float: none;
  border: none !important;
}
.nav-menu.nav-menu-social > li > a > [class*=ion-] {
  font-size: 12px;
}
.nav-menu.nav-menu-social > li > a > .fa {
  font-size: 14px;
}

.submenu-indicator {
  margin-left: 6px;
  margin-top: 6px;
  float: right;
  transition: all 0.3s;
}

.submenu-indicator-chevron {
  height: 6px;
  width: 6px;
  display: block;
  border-style: solid;
  border-width: 0 2px 2px 0;
  border-color: transparent #566CC6 #566CC6 transparent;
  transform: rotate(45deg);
  transition: border 0.3s;
}

.nav-overlay-panel {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: fixed;
  display: none;
  z-index: 19999;
}

.no-scroll {
  touch-action: none;
  overflow-x: hidden;
}

.nav-search {
  height: 70px;
  float: right;
  z-index: 19998;
}
.nav-search > form {
  width: 100%;
  height: 100%;
  padding: 0 auto;
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #1F397A;
  z-index: 99;
}

.nav-search-button {
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  cursor: pointer;
  background-color: #fbfcfd;
}
.nav-search-button:hover .nav-search-icon {
  color: #8cc152;
}

.nav-search-icon {
  width: 14px;
  height: 14px;
  margin: 2px 8px 8px 4px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  color: #70798b;
  text-align: left;
  text-indent: -9999px;
  border: 2px solid;
  border-radius: 50%;
  transform: rotate(-45deg);
  transition: color 0.3s;
}
.nav-search-icon:after {
  content: "";
  pointer-events: none;
}
.nav-search-icon:before {
  content: "";
  pointer-events: none;
  width: 2px;
  height: 11px;
  top: 11px;
  position: absolute;
  left: 50%;
  border-radius: 0 0 1px 1px;
  box-shadow: inset 0 0 0 32px;
  transform: translateX(-50%);
}

.nav-search-inner {
  width: 70%;
  height: 70px;
  margin: auto;
  display: table;
}
.nav-search-inner input[type=text] {
  height: 70px;
  width: 100%;
  margin: 0;
  padding: 0 12px;
  font-size: 26px;
  text-align: center;
  color: #70798b;
  outline: none;
  line-height: 70px;
  border: none;
  background-color: transparent;
  transition: all 0.3s;
}
.nav-search-inner input[type=search] {
  height: 70px;
  width: 100%;
  margin: 0;
  padding: 0 12px;
  font-size: 26px;
  text-align: center;
  color: #70798b;
  outline: none;
  line-height: 70px;
  border: none;
  background-color: transparent;
  transition: all 0.3s;
}

.nav-search-close-button {
  width: 28px;
  height: 28px;
  display: block;
  position: absolute;
  right: 20px;
  top: 20px;
  line-height: normal;
  color: #70798b;
  font-size: 20px;
  cursor: pointer;
  text-align: center;
}

.nav-button {
  margin: 5px 0;
  padding: 0px 14px;
  display: inline-block;
  color: #1F397A;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  border-radius: 8px;
  transition: opacity 0.3s;
}
.nav-button .box {
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  padding: 10px 15px;
  display: flex;
  align-items: center;
  color: #000;
  font-weight: 600;
  cursor: pointer;
  border: 2px solid #1C3677;
  font-weight: 400;
  color: #000;
}
.nav-button .box i {
  padding-right: 10px;
  color: #1F397A;
}

.nav-text {
  margin: 25px 15px;
  display: inline-block;
  color: #70798b;
  font-size: 14px;
}

.nav-dropdown {
  min-width: 180px;
  margin: 0;
  padding: 0;
  display: none;
  position: absolute;
  list-style: none;
  z-index: 98;
  white-space: nowrap;
}
.nav-dropdown .nav-dropdown {
  left: 100%;
}
.nav-dropdown > li {
  width: 100%;
  float: left;
  clear: both;
  position: relative;
  text-align: left;
}
.nav-dropdown > li span {
  font-weight: 700;
  display: inline-block;
  padding: 5px 20px;
  float: left;
  background: #1977bf;
  color: #F2FAFF;
  width: 100%;
  font-size: 14px;
}
.nav-dropdown > li > a {
  width: 100%;
  padding: 8px 20px;
  display: inline-block;
  text-decoration: none;
  font-size: 14px;
  color: #fff;
  float: left;
  background: #1977bf;
  transition: color 0.3s, background 0.3s;
}
.nav-dropdown > li > a .all {
  transition: color 0.3s, background 0.3s;
  font-weight: 700;
  padding: 0;
  background: #1977bf;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .nav-dropdown > li > a {
    padding: 6px 20px !important;
  }
}
@media only screen and (min-width: 900px) and (max-width: 1200px) {
  .nav-dropdown > li > a {
    padding: 6px 20px !important;
  }
}
.nav-dropdown > li:hover > a {
  background: #1C3677;
  color: #fff;
}
.nav-dropdown > li:hover > a .submenu-indicator-chevron {
  border-color: transparent #fff #fff transparent;
}
.nav-dropdown > li > .nav-dropdown-left {
  left: auto;
  right: 100%;
}
.nav-dropdown > li.focus > a {
  color: #fff;
  background: #18A0FB;
}
.nav-dropdown > li.focus > a .all {
  background: #18A0FB;
}
.nav-dropdown .submenu-indicator {
  right: 15px;
  top: 14px;
  position: absolute;
}
.nav-dropdown .submenu-indicator .submenu-indicator-chevron {
  transform: rotate(-45deg);
  border-color: transparent #566CC6 #566CC6 transparent;
}
.nav-dropdown > .focus > a .submenu-indicator-chevron {
  border-color: transparent #566CC6 #566CC6 transparent;
}

.nav-dropdown.nav-dropdown-left {
  right: 0;
}

.navigation-landscape .nav-dropdown.nav-dropdown-left > li > a {
  text-align: right;
}
.navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator {
  left: 10px;
}
.navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator .submenu-indicator-chevron {
  transform: rotate(135deg);
}

.nav-dropdown-horizontal {
  width: 100%;
  left: 0;
  background-color: #fdfdfd;
  border-top: solid 1px #f0f0f0;
}
.nav-dropdown-horizontal .nav-dropdown-horizontal {
  width: 100%;
  top: 100%;
  left: 0;
}
.nav-dropdown-horizontal > li {
  width: auto;
  clear: none;
  position: static;
}
.nav-dropdown-horizontal > li > a {
  position: relative;
}
.nav-dropdown-horizontal .submenu-indicator {
  height: 18px;
  top: 11px;
  transform: rotate(90deg);
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .nav-menu li a {
    padding: 10px 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .nav-menu li a {
    padding: 10px 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .nav-menu li a {
    padding: 8px 15px;
  }
}
/*owl theme start */
.carousel-control-prev {
  left: 0;
  font-size: 0px;
}

.carousel-control-next {
  right: 0;
  font-size: 0px;
}

.owl-item {
  display: flex;
  height: auto !important;
}

.owl-carousel {
  position: relative;
  width: 100%;
  float: left;
  margin: 30px 0 0;
}
.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
  transition: height 0.5s ease-in-out;
}
.owl-carousel .owl-item {
  float: left;
  padding: 0;
  transform: translate3d(0, 0, 0);
}

.owl-controls {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.owl-controls .owl-buttons div {
  cursor: pointer;
  display: none;
}
.owl-controls .owl-page {
  cursor: pointer;
  display: none;
}

.owl-theme .owl-controls {
  margin-top: 35px;
  text-align: center;
  margin: 0 0 0;
  width: 100%;
  float: left;
}
.owl-theme .owl-controls .owl-page {
  display: inline-block;
  zoom: 1;
}
.owl-theme .owl-controls .owl-page span {
  display: block;
  width: 15px;
  height: 15px;
  margin: 5px 2px;
  background: #d4d2d2;
  border: #fff 1px solid;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.owl-theme .owl-controls .owl-page span.owl-numbers {
  height: auto;
  width: auto;
  color: #fff;
  padding: 2px 10px;
  font-size: 12px;
  border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
}
.owl-theme .owl-controls .owl-page.active span {
  background: #959597;
  border: #959597 1px solid;
}
.owl-theme .owl-controls.clickable .owl-page:hover span {
  background: #959597;
  border: #959597 1px solid;
}
.owl-theme .owl-page.active span {
  background: #a4a1a1;
  border: #a4a1a1 1px solid;
}

.owl-goDown-out {
  animation: scaleToFade 0.7s ease both;
}

.owl-goDown-in {
  transition: all 0.4s ease-in-out;
  animation: goDown 0.6s ease both;
}

.owl-fade-out {
  z-index: 10;
  transition: all 0.4s ease-in-out;
  animation: fadeOut 0.7s both ease;
}

.owl-fade-in {
  transition: all 0.4s ease-in-out;
  animation: fadeIn 0.7s both ease;
}
@keyframes empty {
  0% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes scaleToFade {
  to {
    opacity: 0;
    transform: scale(0.8);
  }
}
@keyframes goDown {
  from {
    transform: translateY(-100%);
  }
}
.daterangepicker {
  animation: fadeInUp 0.5s ease backwards;
  position: absolute;
  color: inherit;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ddd;
  width: 278px;
  max-width: none;
  padding: 0;
  margin-top: 7px;
  top: 100px;
  left: 20px;
  z-index: 3001;
  display: none;
  font-family: "Mulish", sans-serif;
  font-size: 15px;
  line-height: 1em;
}
@media (max-width: 767px) {
  .daterangepicker {
    width: 100%;
  }
}

@keyframes fadeInUp {
  0% {
    transform: translate(0px, -20px);
    opacity: 1;
  }
  100% {
    transform: translate(0px, 0);
    opacity: 1;
  }
}
.daterangepicker:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc;
}

.daterangepicker:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
}

.daterangepicker.opensleft:before {
  right: 9px;
}

.daterangepicker.opensleft:after {
  right: 10px;
}

.daterangepicker.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.openscenter:after {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.opensright:before {
  left: 9px;
}

.daterangepicker.opensright:after {
  left: 10px;
}

.daterangepicker.drop-up {
  margin-top: -7px;
}

.daterangepicker.drop-up:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc;
}

.daterangepicker.drop-up:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff;
}

.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
  float: none;
}

.daterangepicker.single .drp-selected {
  display: none;
}

.daterangepicker.show-calendar .drp-calendar {
  display: block;
}

.daterangepicker.show-calendar .drp-buttons {
  display: block;
}

.daterangepicker.auto-apply .drp-buttons {
  display: none;
}

.daterangepicker .drp-calendar {
  display: none;
  max-width: 270px;
}
@media (max-width: 767px) {
  .daterangepicker .drp-calendar {
    width: 100%;
    max-width: 100%;
    top: 100% !important;
  }
}

.daterangepicker .drp-calendar.left {
  padding: 8px 0 8px 8px;
}

.daterangepicker .drp-calendar.right {
  padding: 8px;
}

.daterangepicker .drp-calendar.single .calendar-table {
  border: none;
}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
  color: #fff;
  border: solid black;
  border-width: 0 2px 2px 0;
  border-radius: 0;
  display: inline-block;
  padding: 3px;
}

.daterangepicker .calendar-table .next span {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.daterangepicker .calendar-table .prev span {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  min-width: 32px;
  width: 32px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer;
}

.daterangepicker .calendar-table {
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: #fff;
}

.daterangepicker .calendar-table table {
  width: 100%;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background-color: #eee;
  border-color: transparent;
  color: inherit;
}

.daterangepicker td.week, .daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  background-color: #fff;
  border-color: transparent;
  color: #999;
}

.daterangepicker td.in-range {
  background-color: #ebf4f8;
  border-color: transparent;
  color: #000;
  border-radius: 0;
}

.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
  border-radius: 4px;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #1C3677;
  border-color: transparent;
  color: #fff;
}

.daterangepicker th.month {
  width: auto;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}

.daterangepicker select.yearselect {
  width: 40%;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  width: 50px;
  margin: 0 auto;
  background: #eee;
  border: 1px solid #eee;
  padding: 2px;
  outline: 0;
  font-size: 12px;
}

.daterangepicker .calendar-time {
  text-align: center;
  margin: 4px auto 0 auto;
  line-height: 30px;
  position: relative;
}

.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}

.daterangepicker .drp-buttons {
  clear: both;
  text-align: right;
  padding: 8px;
  border-top: 1px solid #ddd;
  display: none;
  line-height: 12px;
  vertical-align: middle;
}

.daterangepicker .drp-selected {
  display: inline-block;
  font-size: 12px;
  padding-right: 8px;
}

.daterangepicker .drp-buttons .btn {
  margin-left: 8px;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 8px;
}

.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker.show-ranges.rtl .drp-calendar.right {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker .ranges {
  float: none;
  text-align: left;
  margin: 0;
}

.daterangepicker.show-calendar .ranges {
  margin-top: 8px;
}

.daterangepicker .ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.daterangepicker .ranges li {
  font-size: 12px;
  padding: 8px 12px;
  cursor: pointer;
}

.daterangepicker .ranges li:hover {
  background-color: #eee;
}

.daterangepicker .ranges li.active {
  background-color: #1C3677;
  color: #fff;
}

/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto;
  }
  .daterangepicker .ranges ul {
    width: 140px;
  }
  .daterangepicker.single .ranges ul {
    width: 100%;
  }
  .daterangepicker.single .drp-calendar.left {
    clear: none;
  }
  .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
    float: left;
  }
  .daterangepicker {
    direction: ltr;
    text-align: left;
  }
  .daterangepicker .drp-calendar.left {
    clear: left;
    margin-right: 0;
  }
  .daterangepicker .drp-calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .daterangepicker .drp-calendar.right {
    margin-left: 0;
  }
  .daterangepicker .drp-calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .daterangepicker .drp-calendar.left .calendar-table {
    padding-right: 8px;
  }
  .daterangepicker .ranges, .daterangepicker .drp-calendar {
    float: left;
  }
}
@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto;
  }
  .daterangepicker .ranges {
    float: left;
  }
  .daterangepicker.rtl .ranges {
    float: right;
  }
  .daterangepicker .drp-calendar.left {
    clear: none !important;
  }
}/*# sourceMappingURL=main.css.map */