/*
Theme Name: Event Planner
Theme URI: https://wordpress.org/themes/twentytwentyone/
Template: twentytwentyone
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Tags: one-column,accessibility-ready,custom-colors,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready,blog,portfolio
Version: 2.2.1719229348
Updated: 2024-06-24 11:42:28

*/

/* GLOBAL CSS */
:root {
  --Darkblack: #202020;
  --Darkblack50: #20202080;
  --Mediumblack: #0a142f;
  --yellow: #ff8c2a;
  --white: white;
  --Lightblue: #2b3d5133;
  --lightgray: #8f8f8f;
  --gray: #202020;
  --darkgray: #5b5f62;
  --black: #000;
}
.sticky {
    position: fixed;
    top: 175px;
    background:white;
}
.activities-col{
    max-height: calc(100vh - 480px);
}
.planner-col.stretch {
    max-width: 70%;
    margin-left: auto;
}
.dark-black-202020 {
  color: var(--Darkblack);
}
.dark-opacity-20202080 {
  color: var(--Darkblack50);
}
.medium-black-0A142F {
  color: var(--Mediumblack);
}
.white {
  color: var(--white);
}
.secondary-color {
  color: var(--yellow);
}
.light-gray-color {
  color: var(--lightgray);
}
.gray-color {
  color: var(--gray);
}
.dark-gray-color {
  color: var(--darkgray);
}
.black {
  color: var(--black);
}

.black-bg {
  background-color: #000 !important;
}

body {
  padding: 0 !important;
  font-family: poppins;
  margin: 0 !important;
  box-sizing: border-box !important;
  overflow-x: hidden;
}
.w-100 {
  font-weight: 100 !important;
}
.w-200 {
  font-weight: 200 !important;
}
.w-300 {
  font-weight: 300 !important;
}
.w-400 {
  font-weight: 400 !important;
}
.w-500 {
  font-weight: 500 !important;
}
.w-600 {
  font-weight: 600 !important;
}
.w-700 {
  font-weight: 700 !important;
}
.w-800 {
  font-weight: 800 !important;
}
.w-900 {
  font-weight: 900 !important;
}

.font-12 {
  font-size: 12px;
}
.font-14 {
  font-size: 14px;
}
.font-16 {
  font-size: 16px;
}
.font-18 {
  font-size: 18px;
}
.font-20 {
  font-size: 20px;
}
.font-22 {
  font-size: 22px;
}
.font-24 {
  font-size: 24px;
}

.line-h-14 {
  line-height: 14px;
}
.line-h-16 {
  line-height: 16px;
}
.line-h-18 {
  line-height: 18px;
}
.line-h-20 {
  line-height: 20px;
}
.line-h-22 {
  line-height: 22px;
}
.line-h-24 {
  line-height: 24px;
}
.line-h-26 {
  line-height: 26px;
}

.font-inter {
  font-family: "Inter", sans-serif;
}
.font-poppin {
  font-family: "Poppins", sans-serif;
}

.text-decoration-none {
  text-decoration: none;
}
.text-center {
  text-align: center;
}

.d-flex {
  display: flex;
}
.d-block {
  display: block;
}

.flex-column {
  flex-direction: column;
}

.align-center {
  align-items: center;
}
.align-start {
  align-items: start;
}

.align-strech {
  align-items: stretch;
}

.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-1 {
  flex: 1;
}

.gap-5 {
  gap: 5px;
}
.gap-10 {
  gap: 10px;
}
.gap-12 {
  gap: 12px;
}
.gap-15 {
  gap: 15px;
}
.gap-20 {
  gap: 20px;
}
.gap-25 {
  gap: 25px;
}
.gap-30 {
  gap: 30px;
}

.primary-heading {
  font-size: 75px;
  font-weight: 300;
  line-height: 112.5px;
}
.secondary-heading {
  font-size: 50px;
  font-weight: 300;
  line-height: 75px;
}
.third-heading {
  font-size: 45px;
  font-weight: 400;
  line-height: 58px;
}
.fourth-heading {
  font-size: 35px;
  font-weight: 300;
  line-height: 53px;
}

.para-18 {
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
}
.para-16 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.para-14 {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}
.para-12 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.para-10 {
  font-size: 10px;
  font-weight: 400;
  line-height: 16px;
}
.para-9 {
  font-size: 9px;
  font-weight: 400;
  line-height: 14px;
}

.mt-5 {
  margin-top: 5px;
}
.mt-10 {
  margin-top: 10px;
}
.mt-15 {
  margin-top: 15px;
}
.mt-20 {
  margin-top: 20px;
}
.mt-25 {
  margin-top: 25px;
}
.mt-30 {
  margin-top: 30px;
}
.mt-35 {
  margin-top: 35px;
}
.mt-100 {
  margin-top: 100px;
}
.mt-120 {
  margin-top: 120px;
}

.mb-5 {
  margin-bottom: 5px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mb-15 {
  margin-bottom: 15px;
}
.mb-20 {
  margin-bottom: 20px;
}
.mb-25 {
  margin-bottom: 25px;
}
.mb-30 {
  margin-bottom: 30px;
}
.mb-35 {
  margin-bottom: 35px;
}
.mb-100 {
  margin-bottom: 100px;
}
.mb-120 {
  margin-bottom: 120px;
}

.mr-5 {
  margin-right: 5px;
}
.mr-10 {
  margin-right: 10px;
}
.mr-15 {
  margin-right: 15px;
}
.mr-20 {
  margin-right: 20px;
}
.mr-25 {
  margin-right: 25px;
}
.mr-30 {
  margin-right: 30px;
}
.mr-35 {
  margin-right: 35px;
}
.mr-100 {
  margin-right: 100px;
}
.mr-120 {
  margin-right: 120px;
}

.border-with-black {
  border: 1px solid rgba(0, 0, 0, 0.05);
}

.px-10 {
  padding-left: 10px;
  padding-right: 10px;
}
.px-15 {
  padding-left: 15px;
  padding-right: 15px;
}
.px-20 {
  padding-left: 20px;
  padding-right: 20px;
}
.px-25 {
  padding-left: 25px;
  padding-right: 25px;
}
.px-30 {
  padding-left: 30px;
  padding-right: 30px;
}
.px-50 {
  padding-left: 50px;
  padding-right: 50px;
}

.py-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.py-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}
.py-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.py-25 {
  padding-top: 25px;
  padding-bottom: 25px;
}
.py-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}
.py-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.pb-0 {
  padding-bottom: 0px;
}

.primary-btn {
  background-color: var(--yellow);
  border-radius: 12px;
  text-decoration: none;
  color: var(--white);
  padding: 15px 25px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  display: inline-block;
}
.primary-btn:focus,
.hotel-detail-btn:focus {
  background-color: var(--yellow) !important;
  outline: none !important;
  text-decoration: none !important;
}

.primary-btn-ground-pkg {
  background-color: var(--yellow);
  border-radius: 12px;
  text-decoration: none;
  color: var(--white);
  padding: 6px 24px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  /* text-align: center; */
  width: 100%;
  display: inline-block;
}
.primary-btn-ground-pkg:focus{
  background-color: var(--yellow) !important;
  outline: none !important;
  text-decoration: none !important;
}

.container {
  max-width: 1280px;
  width: 100%;
  margin: auto;
  padding: 0 30px;
}

.horizontal-line {
  width: 100%;
  height: 1px;
  background-color: var(--Lightblue);
}

.width-100 {
  width: 100%;
}
.height-100 {
  height: 100%;
}

.object-fit-cover {
  object-fit: cover;
}

.text-center {
  text-align: center;
}

.position-relative {
  position: relative;
}

.single-page-gallery-two > .slick-list > .slick-track.custom-arrow-handler {
  transform: translate3d(0px, 0px, 0px) !important;
}

.bread-crumbs {
  margin-right: 20px;
  position: relative;
}
.bread-crumbs:after {
  content: ">";
  position: absolute;
  right: -15px;
  font-size: 18px;
  color: var(--yellow);
}
.bread-crumbs-section {
  margin-bottom: 0;
}
.bread-crumbs-section .container > div {
  flex-wrap: nowrap;
}
.bread-crumbs-section .container > div > span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  flex: 1;
}
section {
  margin: 0 !important;
}
.responsive {
  display: none;
}
/*.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {*/
/*    background: inherit !important;*/
/*    outline: none !important;*/
/*}*/
a:focus {
    background: none !important;
}
a:focus img {
    outline: none !important;
}
button:focus {
    outline: none !important;
}
.top-header-part-wrapper .trp-language-switcher, .multilingual-wrapper .trp-language-switcher {
    width: unset;
    height: unset;
}
.top-header-part-wrapper .trp-ls-shortcode-current-language, .top-header-part-wrapper .trp-ls-shortcode-current-language a,
.multilingual-wrapper .trp-ls-shortcode-current-language, .multilingual-wrapper .trp-ls-shortcode-current-language a{
    padding: 0 !important;
    width: unset !important;
    background: transparent;
    border: none;
    color: #fff;
    display: block;
}
.top-header-part-wrapper .trp-language-switcher:focus .trp-ls-shortcode-language, .top-header-part-wrapper .trp-language-switcher:hover .trp-ls-shortcode-language,
.multilingual-wrapper .trp-language-switcher:focus .trp-ls-shortcode-language, .multilingual-wrapper .trp-language-switcher:hover .trp-ls-shortcode-language{
    padding: 0;
    width: unset !important;
}
.fancybox__content {
    height: 100% !important;
}
.bottom-header-part-wrapper .menu-wrapper li.current-menu-item > a:focus {
  border: none !important;
  background: none !important;
  outline: none !important;
  /* text-decoration: none !important; */
}
#weather img {
  margin-top: -8px;
  margin-right: 5px;
}
.header-divider {
  width: 1px;
  height: 15px;
  background: #ffffff;
  opacity: 0.5;
}
.header-whatsapp-wrap.responsive {
  display: none;
}
input[type="checkbox"]::after {
  transform: rotate(45deg) !important;
}
#city_form .filter-wrap:nth-child(4) {
  display: none;
}
/* header */
.header-date-wrap {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #fff;
  font-family: Poppins;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  text-align: left;
}
.menu-parent-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.menu-parent-wrap .menu-main-wrapper {
  width: 40%;
}
.menu-parent-wrap .menu-wrapper {
  flex-wrap: wrap;
}
.menu-parent-wrap .menu-main-wrapper:first-child .menu-wrapper {
  justify-content: flex-start;
}
.menu-parent-wrap .menu-main-wrapper:last-child .menu-wrapper {
  justify-content: flex-end;
}

/* FOOTER CSS */
/*.custom-footer {*/
/*  padding: 0px 0px 30px;*/
/*}*/
.footer-wrapper {
  flex-direction: column;
  gap: 40px;
}
.footer-wrapper > .social-menu-wrapper {
  align-items: center;
  justify-content: space-between;
}
.footer-wrapper > .social-menu-wrapper > .menu-wrapper {
  gap: 25px;
}
.footer-wrapper > .social-menu-wrapper > .social-wrapper {
  gap: 30px;
}
.footer-wrapper > .rights-wrapper {
  align-items: center;
  justify-content: space-between;
}
.footer-wrapper > .rights-wrapper > .terms-policy-wrap {
  gap: 15px;
}
.custom-footer a:focus {
  background-color: transparent !important;
  text-decoration: none !important;
  color: #0a142f !important;
}

/* home tab */
.home-tabs-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
}
.home-tabs-wrapper > p {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  text-align: center;
  color: #fff;
  border: 1px solid #ffffff33;
  background: linear-gradient(
      0deg,
      rgba(255, 255, 255, 0.1),
      rgba(255, 255, 255, 0.1)
    ),
    linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
  padding: 12px 60px;
  backdrop-filter: blur(10px);
  /*transition: all 0.3s ease-in-out;*/
  cursor: pointer;
}
.home-tabs-wrapper .plan-ziarat-tab {
  border-right: 0;
  border-radius: 12px 0 0 12px;
  margin-right: -5px;
}
.home-tabs-wrapper .search-hotel-tab {
  border-left: 0;
  border-radius: 0 12px 12px 0;
  margin-left: -5px;
}
.home-tabs-wrapper .active-tab {
  background: #ff8c2a;
  border-radius: 12px;
  position: relative;
  z-index: 2;
  /*transition: all 0.3s ease-in-out;*/
}
.home-tabs-content {
  display: none;
}
.active-tab-content {
  display: block;
}

/*header*/
.header {
  border-radius: 24px;
  margin: 20px;
  margin-bottom: 0;
  transition: all 0.3s ease;
  padding-bottom: 15px;
}
.header.scrolled {
  background: black;
  border-radius: 0;
  transition: all 0.3s ease;
  margin: 0;
  z-index: 999;
}
.header-img {
  background-position: center;
  background: transparent;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  margin: 25px auto 0 auto;
  z-index: 99;
}
.white-horizontal-line {
  height: 1px;
  background-color: #fff;
  opacity: 0.1;
}
.bottom-header-part-wrapper {
  padding: 10px 0;
}
.bottom-header-part-wrapper .menu-wrapper {
  padding-left: 0;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px 40px !important;
  position: relative;
}
.bottom-header-part-wrapper .menu-wrapper .header-logo {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 200px;
}
.bottom-header-part-wrapper .menu-wrapper .header-logo > a {
  max-width: 208.93px;
}
.bottom-header-part-wrapper .menu-wrapper .header-logo > a img {
  width: 100%;
}
.bottom-header-part-wrapper .menu-wrapper li > a {
  color: #ffffffcc;
  font-family: Poppins;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  text-decoration: none;
  display: block;
  text-align: center;
}
.bottom-header-part-wrapper .menu-wrapper li > a:focus {
  background-color: transparent !important;
  text-decoration: none !important;
}
.bottom-header-part-wrapper .menu-wrapper li.current-menu-item > a {
  color: #fff;
  opacity: 1;
  font-weight: 500;
  background: transparent !important;
}
.top-header-part-wrapper {
  padding: 16px 0;
}
.site-main {
  padding: 0;
}
.logo-wrapper-hamburger {
  position: relative;
  text-align: center;
  margin-bottom: 20px;
}

.bottom-header-part-wrapper .menu-wrapper li > button {
  display: none;
}

.bottom-header-part-wrapper .menu-wrapper li > ul {
  position: absolute;
  background: red;
  list-style: none;
  top: 0px;
  opacity: 0;
  visibility: hidden;
  margin: 0;
  padding: 0;
  width: 200px;
  padding: 15px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 12px;
  background: #00000050;
  backdrop-filter: blur(12px);
  display: flex;
  gap: 15px;
  flex-direction: column;
  text-align: left;
  transition: 0.2s ease-in-out all;
}
.bottom-header-part-wrapper
  .menu-wrapper
  li.menu-item-has-children.active
  > ul {
  top: 50px;
  opacity: 1;
  visibility: unset;
  transition: 0.2s ease-in-out all;
}
.bottom-header-part-wrapper .menu-wrapper li.menu-item-has-children {
  position: relative;
}
.bottom-header-part-wrapper .menu-wrapper li.menu-item-has-children > a {
  position: relative;
}
.bottom-header-part-wrapper
  .menu-wrapper
  li.menu-item-has-children
  > a::before {
  position: absolute;
  content: "";
  right: -20px;
  top: 0px;
  bottom: 0px;
  margin: auto;
  width: 10px;
  height: 6px;
  background-image: url(assets/dropdown.svg);
  background-repeat: no-repeat;
}
.bottom-header-part-wrapper .menu-wrapper li > ul > li > a {
  text-align: left !important;
}
.scrolled .bottom-header-part-wrapper .menu-wrapper li > ul {
  background: black;
}
/*Search*/
.hotel-banner {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 20px;
  justify-content: space-between;
}
/*input[name="vx_width"], input[name="vx_height"], input[name="vx_url"] {*/
/*    display: none !important;*/
/*}*/

.ziarat-form {
  position: fixed;
  inset: 0;
  display: flex;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 999;
}
.ziarat-form .container {
  margin: 30px auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  z-index: 99999999;
  position: relative;
  max-width: 40%;
  padding: 40px 30px;
  border-radius: 12px;
  max-height: 90vh;
  /*overflow: auto;*/
}
.ziarat-form .wpcf7-response-output {
  margin: 20px 0px 10px 0px !important;
  font-size: 16px;
}
.ziarat-form .wpcf7-not-valid-tip {
  font-size: 16px;
}
.lead-form .wpcf7-submit {
  background-color: rgba(255, 140, 42, 1) !important;
  border: none;
  padding: 15px 20px;
  color: white !important;
  outline: none !important;
  text-align: center;
  display: inline-flex;
  align-items: flex-start;
  justify-content: center;
}

.intl-tel-input.separate-dial-code .selected-dial-code {
  font-size: 14px;
  padding-left: 12px;
}
.ziarat-form h3 {
  font-family: "poppins";
  text-align: center;
  margin-bottom: 40px;
  font-weight: 600;
}
.ziarat-form .city-form input#download-submit {
  width: max-content;
  background: #ff8c2a;
  padding: 10px 40px;
  float: right;
  /*border: none;*/
  cursor: pointer;
  border: 1px solid #ff8c2a;
  outline: none;
}
.ziarat-form .city-form input#download-submit:hover {
  color: white !important;
  border: 1px solid #ff8c2a;
}
.ziarat-form .city-form {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
p.download-url {
  position: absolute;
  z-index: 1;
  opacity: 0;
}
.ziarat-form .city-form input {
  border: 1px solid rgba(0, 0, 0, 0.1);
  font-family: "poppins";
  font-size: 16px;
  color: #000;
  border-radius: 12px;
  padding: 15px 20px;
  outline: none;
}
.hotel-banner p.city {
  padding: 5px 10px;
  color: white;
  font-size: 12px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 30px;
  font-family: Poppins;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  text-align: right;
  display: block;
}
#search-results .hotel-rating {
  gap: 0;
  color: #fff;
  position: relative;
  padding-right: 15px;
}
#search-results .hotel-rating:before {
  content: "";
  background: #fff;
  height: 60%;
  width: 2px;
  position: absolute;
  right: 0;
  display: none;
}
.hotel-parent:focus {
  background-color: transparent !important;
  text-decoration: none !important;
}
#search-results {
  background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.1) 0%,
      rgba(0, 0, 0, 0.1) 100%
    ),
    rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  z-index: 9;
  position: absolute;
  max-height: 220px;
  overflow-y: auto;
  left: 0;
  right: 0;
  width: 100%;
  top: 77px;
}
#search-results.no-results {
  display: none;
}
/*.hotel-result {*/
/*    display: none;*/
/*}*/

/* Custom Scrollbar for #search-results */
#search-results::-webkit-scrollbar {
  width: 5px;
}
/* Track */
#search-results::-webkit-scrollbar-track {
  background: #f1f1f1;
}
/* Handle */
#search-results::-webkit-scrollbar-thumb {
  background: #888;
}
/* Handle on hover */
#search-results::-webkit-scrollbar-thumb:hover {
  background: #555;
}

a.hotel-parent,
.no-results {
  display: flex;
  padding: 11px 20px;
  text-decoration: none;
}
#search-results .hotel-image {
  width: 50px;
  display: flex;
  height: 50px;
  object-fit: cover;
}
#search-results .hotel-content {
  flex: 1;
}
.hotel-name {
  font-size: 14px;
  font-weight: 600;
  color: white;
}
.city-ziarat-content {
  font-family: Poppins;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  text-align: left;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.hotel-address {
  font-size: 12px;
  color: white;
  font-weight: 400;
}
.hotel-image img {
  width: 100%;
  border-radius: 10px;
  object-fit: cover;
}
.search-bar.results-found {
  border-radius: 12px 12px 0px 0px;
}
.no-results p {
  color: white;
  font-size: 16px;
}
.hotel-city-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
}
.hotel-city-wrap > p {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-align: right;
  color: #fff;
  display: none;
}
.blog-result .blog-parent {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
  padding: 11px 20px;
}
.blog-result .blog-parent:focus {
  background-color: transparent !important;
}
.blog-result .blog-parent:focus * {
  outline: none !important;
  border: none !important;
  text-decoration: none !important;
}
.blog-result .blog-image {
  width: 50px;
  display: flex;
  height: 50px;
  object-fit: cover;
}
.blog-result .blog-image img {
  width: 100%;
  border-radius: 10px;
  object-fit: cover;
}
.blog-result .blog-content {
  flex: 1;
}
.blog-result .blog-banner {
  display: flex;
  align-items: center;
  gap: 15px;
}
.blog-result .blog-tags {
  font-family: Poppins;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  text-align: right;
  background: #00000080;
  border: none;
  padding: 2px 14px;
  color: #fff;
  border-radius: 200px;
}
.blog-result .blog-name {
  font-size: 14px;
  font-weight: 600;
  color: white;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.blog-result .blog-categories {
  background-color: #ff8928;
  display: inline;
  font-family: Poppins;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  text-align: right;
  color: #fff;
  padding: 2px 20px;
  border-radius: 6px;
}
.blog-sorting-resp,
.blog-filter-close {
  display: none;
}
.blog-top-filter #blog-sorting {
  display: flex;
  align-items: center;
}
.blog-top-filter #blog-sorting > label {
  margin-bottom: 0;
}
.blog-top-filter #blog-sorting > select {
  flex: 1;
}

/* Home */
.offer-section {
  background-repeat: no-repeat;
  background-size: cover;
  padding: 45px 55px;
  max-width: 1280px;
  margin: 0 auto !important;
}
.offer-section h2 {
  max-width: 30%;
}
.offer-section h4 {
  line-height: 32px;
}
.cities-list {
  list-style-type: none;
  padding-left: 0;
}
.cities-section {
  display: flex;
  justify-content: space-between;
  padding-top: 20px;
}
.city-box {
  display: flex;
  width: 25%;
  background: #ff8c2a1a;
  border-radius: 12px;
  padding: 19px 25px;
}
.city-box a {
  display: flex;
  column-gap: 20px;
  align-items: center;
  text-decoration: none;
}
.city-name h4 {
  color: #ff8c2a;
  text-decoration: none;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  font-family: "poppins";
}
.city-name h5 {
  color: #202020;
  line-height: 18px;
  font-size: 12px;
  font-weight: 400;
  font-family: "poppins";
}
.about-three-col-wrap p {
  color: rgba(32, 32, 32, 0.5);
}
.explore-section h2,
.explore-section p {
  text-align: center;
}
.explore-section {
  padding: 0px 0px 100px;
}
.explore-section p {
  max-width: 67%;
  margin: 0 auto;
  color: #202020;
  opacity: 0.5;
  font-weight: 400;
}
.explore-section h2 {
  font-family: "poppins";
  font-size: 50px;
  font-weight: 500;
  line-height: 75px;
    letter-spacing: -2px;
}
.hero-section {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-image: url(../../uploads/2024/07/hero-bg.webp);
  min-height: 715px;
  margin: 20px !important;
  /* display: flex; */
  border-radius: 24px;
  padding: 210px 0;
  position: relative;
  display: flex;
}
.search-banner {
  position: relative;
  width: 100%;
}
.about-header-image {
  background-image: url(assets/header-bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 24px;
  min-height: 161px;
  padding: 20px !important;
  margin: 20px !important;
}
.hero-banner > h1 {
    color: white;
    font-family: Poppins;
    font-size: 75px;
    font-weight: 500;
    line-height: 90px;
    text-align: center;
    margin-bottom: 15px;
    text-transform: capitalize;
    letter-spacing: -4px;
}
.hero-banner > h1 span {
  display: block;
  font-size: 30px;
  line-height: 30px;
  text-transform: uppercase;
  letter-spacing: 6px;
}
.search-bar {
  display: flex;
  align-items: center;
  border-radius: 12px;
  background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.1) 0%,
      rgba(0, 0, 0, 0.1) 100%
    ),
    rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  padding: 11px 20px;
  flex: 1;
  min-height: 78px;
}
.hero-banner .filters {
  background-color: #ff8928;
  display: none;
  align-items: center;
  justify-content: center;
  width: 50px;
  border-radius: 12px;
  cursor: pointer;
}
.hero-banner .filters img {
  width: 40%;
  margin: auto;
}
.filter-close {
  display: none;
  width: 20px;
  cursor: pointer;
}
.hotel-filteration-wrapper.open,
.room-sharing-filteration-wrapper.open {
  left: 0;
  transition: all 0.4s ease-in-out;
  width: 350px !important;
}
.search-input {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding-right: 20px;
  position: relative;
}
span.clear-icon {
  position: absolute;
  left: unset;
  width: 20px;
  height: 20px;
  display: inline-block;
  cursor: pointer;
  right: 0;
  font-size: 20px !important;
  top: 5px;
}
.search-input input:focus {
  outline: none !important;
}
.search-input input {
  background: transparent;
  border: 0;
  outline: none;
  margin-left: 0px;
  color: White !important;
  padding: 0;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  text-align: left;
  width: 100%;
}
.search-input input::placeholder {
  color: White;
  font-size: 14px;
}
.search-input span {
  color: white;
  font-size: 12px;
}
.search-button {
  display: flex;
  justify-content: flex-end;
  gap: 20px;
  align-items: Center;
}
.search-button button {
  border: none;
  background-color: #ff8c2a !important;
  border-radius: 12px;
  font-family: Poppins;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
}
.search-button button:hover {
  border: none;
  color: #fff !important;
}
.search-button-resp .search-btn {
  display: none;
}
span.divider {
  width: 1px;
  height: 15px;
  display: inline-block;
  background: #ffffff4d;
}
.home-hotel-listing-wrap {
  width: 32%;
  border-radius: 12px;
  padding: 15px 12px;
  /*min-height: 565px !important;*/
  min-height: 320px !important;
  display: flex !important;
  align-items: flex-end;
  background-color: #f6f6f6;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
.home-hotel-listing-wrap .featured {
  position: absolute;
  top: 10px;
  left: 10px;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: center;
  background: #ff8c2a;
  height: 35px;
  border-radius: 6px;
  padding: 5px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.latest-posts-slider-wrapper {
  padding-top: 30px;
}
.home-hotel-content-wrap {
    border: 1px solid #ffffff33;
    background: linear-gradient(0deg, rgb(0 0 0 / 10%), rgb(240 240 240 / 10%)), linear-gradient(0deg, rgb(0 0 0 / 10%), rgb(0 0 0 / 10%));
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 12px;
    padding: 20px;
    width: 100%;
}
.hero-section .headline-wrapper {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 21px;
  text-align: left;
  color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 15px;
  background: #00000099;
  border-radius: 0 0 24px 24px;
  backdrop-filter: blur(10px);
  overflow: hidden;
}
.hero-section .headline {
    animation: heroSectionHeadline 60s linear infinite;
    width: max-content;
}
.hero-section .headline-wrapper:hover .headline {
  animation-play-state: paused;
}
.hero-section .headline a {
  color: #ff8c2a;
  text-decoration: none;
  font-weight: 600;
  position: relative;
}

.hero-section .headline a span {
  font-weight: 600;
  color: #fff !important;
}
.hero-section .headline a:before {
  content: "";
  background: #fff;
  width: 8px;
  height: 8px;
  position: absolute;
  border-radius: 1000px;
  right: -20px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.hero-section .headline a:last-child::before {
  display: none;
}
.hotel-listing-content {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
  color: #ffffff;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 0;
  transition: all 0.4s ease-in-out;
  display: none;
}
@keyframes heroSectionHeadline {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}

.home-hotel-listing-wrap:hover .hotel-listing-content {
  height: 63px;
  margin-bottom: 15px;
  transition: all 0.4s ease-in-out;
}
.home-hero-section #search-results {
  width: 100%;
}
.home-hero-section .search-banner {
  gap: 0px;
}
.home-hotel-button {
  display: Flex;
  justify-content: Center;
  margin-top: 20px;
}
.hotel-listing-header {
  display: flex;
  align-items: center;
  gap: 15px;
  justify-content: space-between;
}
.hotel-listing-name-wrap > div {
    /*min-height: 41px;*/
}
.hotel-listing-name-wrap {
    flex: 1;
}
.hotel-listing-name-wrap a {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
  color: #fff;
  display: flex;
  align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.hotel-listing-name-wrap > a {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
  text-align: left;
  color: #fff;
  text-transform: lowercase;
  text-decoration: none;
}
.hotel-listing-price {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 600;
    line-height: 27px;
    text-align: left;
    color: #fff;
}
.hotel-listing-tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px 8px;
}
.hotel-listing-tag {
  background: #00000080;
  border-radius: 100px;
  padding: 4px 10px;
  font-family: Poppins;
  font-size: 10px;
  font-weight: 400;
  line-height: 18px;
  text-align: left;
  color: #fff;
}
.hotel-detail-btn {
  background: #ff8c2a;
  display: block;
  font-family: Poppins;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  padding: 14px 20px;
  border-radius: 12px;
}
.hotel-tabs .tabs {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  margin-bottom: 20px;
  list-style: none;
  padding-left: 0;
}
.hotel-tabs .tabs > li {
  padding: 10px;
  border-radius: 6px;
  min-width: 100px;
  background-color: transparent !important;
  font-family: Poppins;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  color: #20202070 !important;
  text-transform: capitalize;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.hotel-tabs .tabs > li.active {
  background-color: #ff8c2a !important;
  color: #fff !important;
  transition: all 0.2s ease-in-out;
}
.no-hotel-tabs, .no-hotel-tabs-wrapper {
    width: 100% !important;
}
.city-tab:hover {
  border: none !important;
}
.hotel-listings-wrapper .tab-pane {
  display: none !important;
}
.hotel-listings-wrapper .tab-pane.active {
  display: flex !important;
  flex-wrap: wrap;
  column-gap: 20px;
  justify-content: center;
}
.no-hotel-tabs-wrapper .slick-list {
    width: 100%;
}
.home-hotel-section {
  padding: 0px 0px 100px;
}
.hotel-listings-main-wrapper h2 {
    font-family: Poppins;
    font-size: 50px;
    font-weight: 500;
    line-height: 75px;
    text-align: center;
    color: #202020;
    letter-spacing: -2px;
}
.hotel-listings-main-wrapper > p {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  color: #202020;
  opacity: 0.5;
  width: 50%;
  margin: auto;
  margin-bottom: 20px;
}
.hotel-listing-main-section {
  padding: 25px 0 100px;
}
.hotel-hero-section {
  min-height: 400px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin: 20px !important;
  border-radius: 24px;
  padding: 160px 0 60px;
}
.home-banner-ads {
  padding: 0px 0px 100px !important;
}
.page-id-18 .faq-section {
  padding-bottom: 0px !important;
  padding-top: 0px !important;
}

/*contact page*/
.contact-section {
  padding: 40px 0px;
}
.contact-columns {
  flex-wrap: wrap;
}
.contact-column1 {
  width: 100%;
  border-radius: 12px;
}
.contact-column2 {
  flex: 1;
  width: 100%;
  border-radius: 12px;
}
.contact-form-wrapper input,
.contact-form-wrapper select,
.contact-form-wrapper textarea {
  border-radius: 12px;
  padding: 6px 20px;
  min-height: 57px;
  border: 1px solid rgb(0 0 0 / 5%);
  width: 100%;
  font-family: Poppins;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  color: #202020;
}
.contact-form-wrapper input:focus,
.contact-form-wrapper select:focus,
.contact-form-wrapper textarea:focus {
  outline: none;
  border: 1px solid rgb(0 0 0 / 5%);
  outline-offset: 0;
  color: unset;
}
.contact-column2 > h2 {
  font-family: Poppins;
  font-size: 50px;
  font-weight: 300;
  line-height: 75px;
  text-align: center;
}
.contact-column2 > p {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  width: 60%;
  margin: 0 auto 30px;
}
.contact-form-wrapper .wpcf7-not-valid-tip {
  font-size: 12px;
  margin-left: 10px;
  text-align: left;
}
.selected-flag {
  background-color: transparent !important;
  border-right: 1px solid #f2f2f2;
}
.contact-form-wrapper form > .uacf7-form-83 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.contact-form-wrapper form .wpcf7-form-control-wrap {
  display: block;
}
.contact-box {
  width: 25%;
  border: 1px solid rgba(0, 0, 0, 0.05);
  padding: 22px 24px;
  border-radius: 12px;
}
.contact-icon {
  display: flex;
  padding: 10px;
  width: max-content;
  border-radius: 12px;
}
.contact-box h3 {
  padding-top: 45px;
  font-family: Poppins;
  font-size: 18px !important;
  font-weight: 300;
  line-height: 27px;
  color: rgba(32, 32, 32, 1);
}
.contact-box a {
  padding: 15px 20px;
  font-size: 12px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  line-height: 18px;
  display: flex;
  justify-content: center;
  text-decoration: none;
  border-radius: 6px;
  font-weight: 500;
  transition: all 0.2s ease;
}
.contact-box a:hover {
  background: #ff8c2a;
  border: 1px solid #ff8c2a;
  color: white;
  transition: all 0.2s ease;
}
.contact-box h4 {
  font-family: Poppins;
  font-size: 14px !important;
  font-weight: 300;
  line-height: 24px;
  color: rgba(32, 32, 32, 1);
  margin-bottom: 10px;
  min-height: 48px;
}
.contact-icon img {
  width: 20px;
  height: 20px;
}
.contact-form-wrapper form .wpcf7-form-control-wrap {
  width: 49%;
  margin-bottom: 10px;
}
.contact-form-wrapper form .wpcf7-form-control-wrap:nth-child(5),
.contact-form-wrapper form .wpcf7-form-control-wrap:nth-child(6) {
  width: 100%;
}
.contact-form-wrapper form > .uacf7-form-83 > p {
  margin-bottom: 0;
  text-align: center;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 2px;
  max-width: unset;
}
.contact-form-wrapper form > p > span {
  display: block;
  margin: 5px auto 0;
}

.contact-form-wrapper textarea {
  padding: 20px;
}
.contact-form-wrapper input.wpcf7-submit {
  max-width: 152px;
  text-align: center;
  background-color: #ff8c2a !important;
  border: none !important;
}
.contact-form-wrapper input.wpcf7-submit:hover {
  color: #fff;
}
/*.contact-form-wrapper form > p:nth-child(7) span {*/
/*    height: 24px;*/
/*    margin-top: 5px;*/
/*}*/
/* .contact-form-wrapper form div:last-child {
  width: 100%;
  margin: 0;
  font-size: 14px;
  margin-bottom: 10px;
} */

.iti.iti--allow-dropdown {
  width: 100%;
}
.iti.iti--allow-dropdown .iti__flag-container {
  border-radius: 12px 0 0 12px;
  /*overflow: hidden;*/
  border-right: 1px solid rgb(0 0 0 / 5%) !important;
}
.iti.iti--allow-dropdown .iti__flag-container > div {
  background-color: transparent;
  font-size: 16px;
  color: #202020;
}
.testimonial-section {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  padding: 120px 0px 100px 0;
}
.custom-footer {
  padding: 50px 0px;
}
.testimonial-wrapper > h2 {
  font-family: Poppins;
  font-size: 50px;
  font-weight: 500;
  line-height: 75px;
  text-align: center;
  color: #202020;
    letter-spacing: -2px;
}
.testimonial-wrapper > p {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  color: #202020;
  opacity: 0.5;
  width: 60%;
  margin: auto;
  margin-bottom: 20px;
}
.review-card {
  border: 2px solid #1818181a;
  background: #ffffff66;
  border-radius: 12px;
  padding: 25px 30px;
  backdrop-filter: blur(10px);
}
.review-header {
  display: flex;
  align-items: center;
  gap: 15px;
}
.review-header > img {
  width: 63px !important;
  height: 63px !important;
  border-radius: 1000px;
  object-fit: cover;
}
.review-header .name {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  text-align: left;
  color: #202020;
  padding-right: 40px;
}
.review-header .customer {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 21px;
  text-align: left;
  color: #202020;
}

.review-body {
  margin-top: 13px;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 21px;
  text-align: left;
  color: #202020;
  /*min-height: 126px;*/
}
.comments-list .review-body {
  min-height: unset;
}
.review-body .review-body-heading {
    font-weight: 600 !important;
}
.review-body > div {
    margin-bottom: 6px;
}
.review-body > div:last-child {
    margin-bottom: 0px;
}
.review-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
}
.stars {
  display: flex;
  align-items: center;
  gap: 0;
  color: #dfdfdf;
  font-size: 24px;
}
.stars .fill-star {
  color: #f8bb46;
}
.review-footer .flag {
  width: 48px;
  height: 32.28px;
}
.review-footer .flag img {
  width: 100%;
  height: 100%;
}
.review-card-wrapper .slick-slide {
  width: 637px;
}
.review-card-wrapper {
  padding: 30px 0px;
}
.review-card-wrapper .review-body {
    min-height: 126px;
}
.review-card-wrapper .slick-track,
.hotel-listings-wrapper .slick-track {
  display: flex;
  gap: 20px !important;
}
.review-card {
  position: relative;
}
.review-card::before {
  content: "";
  position: absolute;
  top: 40px;
  right: 25px;
  width: 40px;
  height: 40px;
  background-image: url(../../uploads/2024/07/image-29-Traced-3.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.review-card-wrapper .slick-dots,
.hotel-listings-wrapper .slick-dots,
.latest-posts-slider .slick-dots,
.you-may-like-list-wrap .slick-dots{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
  list-style: none;
  gap: 5px;
  padding-left: 0;
}
.review-card-wrapper .slick-dots button,
.hotel-listings-wrapper .slick-dots button,
.latest-posts-slider .slick-dots button,
.cats_blogs-slider .slick-dots button,
.you-may-like-list-wrap .slick-dots button {
  background-color: rgb(32 32 32 / 20%) !important;
  font-size: 0;
  padding: 0;
  width: 9.96px;
  height: 9.96px;
  border-radius: 1000px;
  border: none;
  display: block;
}
.review-card-wrapper .slick-dots .slick-active button,
.hotel-listings-wrapper .slick-dots .slick-active button,
.latest-posts-slider .slick-dots .slick-active button,
.cats_blogs-slider .slick-dots .slick-active button,
.you-may-like-list-wrap .slick-dots .slick-active button {
  background-color: #ff8c2a !important;
  outline: none !important;
}

/* About Page */
/*.about-hero-sec,*/
.about-update-sec {
  padding: 200px 0px;
}
.about-hero-sec {
  padding: 130px 0px 150px;
}
section.blogs-section.blog-news-section {
  padding-bottom: 100px;
}
.about-dua-content-wrapper .primary-btn,
.about-update-content-wrapper .primary-btn {
  margin-top: 40px;
}
.about-hero-wrapper {
  gap: 20px 2%;
}
#section10 {
  padding: 0px 0px 50px 0px !important;
}
section.about-dua-sec {
  /*margin-bottom: 30px !important;*/
  padding: 0px 0px 40px 0px;
}
.about-hero-wrapper::before {
  position: absolute;
  content: "";
  background: rgb(255 140 42 / 10%);
  width: 70%;
  height: 120%;
  z-index: -1;
  left: -30px;
  top: -20px;
  border-radius: 24px;
}
.about-hero-video {
  width: 40%;
  margin-top: -50px;
}
.about-hero-content {
  width: 60%;
}
.about-update-sec {
  position: relative;
}
.about-update-sec::before {
  content: "";
  position: absolute;
  background: #ff8c2a1a;
  height: 75%;
  top: 0;
  width: 65%;
  z-index: -1;
  margin: auto;
  bottom: 0;
}
.about-hero-video > iframe,
.about-hero-video > video {
  border-radius: 24px;
}
.about-sec-2-wrapper {
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 24px;
  z-index: 2;
  margin: 20px 0px 0px 0px;
}
section.about-sec-2 {
  padding: 0px 0px 130px;
}
.about-choose-wrapper {
  gap: 60px;
}
.about-three-col-sec {
  padding: 0px 0px 130px 0px !important;
}

section.about-sec-2 .container {
  padding: 0px;
}
.about-choose-image-wrapper {
  width: 39%;
}
/*.about-choose-image-wrapper::before {*/
/*  position: absolute;*/
/*  content: "";*/
/*  background-color: #fff3ea;*/
/*  z-index: -1;*/
/*  width: 100%;*/
/*  height: 90%;*/
/*  left: -50%;*/
/*}*/
.about-choose-image-wrapper > img {
  border-radius: 10px 10px 10px 10px;
}
.about-choose-content-wrapper {
  width: 59%;
}
.about-three-col-wrapper {
  background: #ff8c2a1a;
  border-radius: 12px;
}
.about-dua-content-wrapper {
  width: 49%;
}
.about-dua-image-wrapper {
  width: 49%;
}
.about-update-wrapper {
  gap: 20px 2%;
}
.about-update-content-wrapper {
  width: 55%;
}
.about-update-box-wrapper {
  width: 50%;
  flex-direction: row !important;
}
.about-update-box-wrapper-2 {
  width: 50%;
  display: inline-flex;
}
.about-update-big-box-wrapper {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-radius: 13px;
  background: white;
  padding: 16px 13px;
}
.about-update-small-box-wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.about-update-small-box-wrap {
  box-shadow: rgba(100, 100, 111, 0.08) 0px 0px 30px 0px;
  border-radius: 13px;
  background: white;
  padding: 9px 8px 14px;
}
.small-boxes-container {
  display: flex;
  width: 40%;
  flex-direction: column;
  row-gap: 10px;
}
.big-box-container {
  display: flex;
  width: 70%;
}
.about-update-box-wrapper .big-box-container img {
  min-height: 212.89px;
  object-fit: cover;
  object-position: center;
  margin-bottom: 18px;
  border-radius: 6px;
}
.about-update-big-box-wrapper a,
.about-update-small-box-wrap a {
  text-decoration: none;
  display: block;
}
.about-update-big-box-wrapper > div,
.about-update-small-box-wrap:first-child > div {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.about-update-big-box-wrapper > div {
  font-family: Poppins;
  font-size: 15.17px;
  font-weight: 400;
  line-height: 22.76px;
  text-align: left;
  color: #202020;
  opacity: 0.5;
}
.about-update-small-box-wrap:first-child img {
  height: 110px;
  object-fit: cover;
  object-position: center;
  margin-bottom: 10px;
  border-radius: 3px;
}
.about-update-small-box-wrap:last-child img {
  height: 67.98px;
  object-fit: cover;
  object-position: center;
  margin-bottom: 10px;
  border-radius: 3px;
}
.about-update-small-box-wrap:last-child > div {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.about-update-small-box-wrap > div {
  font-family: Poppins;
  font-size: 9.21px;
  font-weight: 400;
  line-height: 13.82px;
  text-align: left;
  color: #202020;
  opacity: 0.5;
}
.about-update-box-wrapper h4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-family: Poppins;
  font-size: 10.53px;
  font-weight: 400;
  line-height: 15.8px;
  text-align: left;
  color: #202020;
}
.about-update-big-box-wrapper h4 {
  font-family: Poppins;
  font-size: 17.34px;
  font-weight: 400;
  line-height: 26.01px;
  text-align: left;
  color: #202020;
}

/* newsletter */
/*.newsletter-wrapper {*/
/*  background-color: #fff9f4;*/
/*  border-radius: 24px;*/
/*  padding: 60px;*/
/*  text-align: center;*/
/*}*/
/*.newsletter-heading {*/
/*  font-family: Poppins;*/
/*  font-size: 45px;*/
/*  font-weight: 275;*/
/*  line-height: 67.5px;*/
/*  text-align: center;*/
/*  color: #101010;*/
/*  margin-bottom: 3px;*/
/*}*/
/*.newsletter-para {*/
/*  font-family: Poppins;*/
/*  font-size: 14px;*/
/*  font-weight: 300;*/
/*  line-height: 21px;*/
/*  text-align: center;*/
/*  color: #5b5f62;*/
/*  width: 40%;*/
/*  margin: auto;*/
/*}*/
/*.newsletter-wrap {*/
/*  width: 50%;*/
/*  margin: auto;*/
/*  margin-top: 30px;*/
/*}*/
.newsletter-wrapper {
  background-color: #fff9f4;
  border-radius: 24px;
  padding: 60px;
  text-align: center;
  max-width: max-content;
  margin: auto;
}
.newsletter-heading {
  font-family: Poppins;
  font-size: 45px;
  font-weight: 275;
  line-height: 67.5px;
  text-align: left;
  color: #101010;
  margin-bottom: 3px;
}
.newsletter-para {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 21px;
  text-align: left;
  color: #5b5f62;
  /* width: 40%; */
  margin: auto;
}
.newsletter-wrap {
  /* width: 50%; */
  margin: auto;
  margin-top: 30px;
}
.newsletter-wrap .noptin-optin-form-wrapper {
  margin: 0;
  background: transparent !important;
  border: none !important;
}
.newsletter-wrap .noptin-optin-form-wrapper .noptin-form-header {
  display: none;
}
.newsletter-wrap .noptin-optin-form-wrapper .noptin-form-footer {
  padding-top: 33px;
}
.newsletter-wrap .noptin-form-fields {
  position: relative;
}
.newsletter-wrap .noptin-form-fields input.noptin-form-submit {
  position: absolute;
  right: 15px;
  font-size: 0;
  padding: 0;
  width: 40px;
  height: 40px;
  box-shadow: 0px 2px 6px 0px #f7674340;
  background-color: #ff9936 !important;
  border-radius: 12px;
  top: 10px;
  background-image: url("../../uploads/2024/06/arrow.svg");
  background-position: center;
  background-repeat: no-repeat;
}
.newsletter-wrap .noptin-optin-field-wrapper-email input.noptin-form-field {
  min-height: 60px !important;
  border: none !important;
  background-color: #ffffff !important;
  border-radius: 12px !important;
  padding: 6px 60px 6px 30px !important;
  font-family: Inter;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  color: #5b5f62;
}

/* Price Slider */
.wrapper {
  position: relative;
  width: 100%;
  /*background-color: #ffffff;*/
  padding: 30px 0px;
  border-radius: 10px;
}
input[type="range"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  outline: none;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  background-color: transparent;
  pointer-events: none;
}
.slider-track,
.room-sharing-slider-track {
  width: 100%;
  height: 5px;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  border-radius: 5px;
}

.single-page-gallery-one .slick-next,
.single-page-gallery-one .slick-prev {
  bottom: 30px;
  right: 60px;
  position: absolute;
  z-index: 9;
  cursor: pointer;
}
.single-page-gallery-one .slick-next {
  right: 20px !important;
  z-index: 9;
}
input[type="range"]::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  height: 5px;
  background-color: transparent !important;
}
input[type="range"]::-moz-range-track {
  -moz-appearance: none;
  height: 5px;
  background-color: red !important;
}
input[type="range"]::-ms-track {
  appearance: none;
  height: 5px;
  background: red !important;
}
input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 30px;
  width: 30px;
  background-color: #ff8c2a !important;
  cursor: pointer;
  margin-top: -13px;
  pointer-events: auto;
  border: 0px;
  border-radius: 50%;
}

/* hotel single page */
.single-page-hero-section {
  padding: 10px 0 20px;
  margin-bottom: 20px !important;
}
.single-page-hero-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.single-page-hero-wrapper:before {
  content: "";
  background-color: #000;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -20px;
  margin: auto;
  opacity: 0.1;
}
.single-page-heading-wrap {
  display: flex;
  align-items: center;
  gap: 17px;
}
.single-page-heading-wrap > h1 {
  font-family: Poppins;
  font-size: 50px;
  font-weight: 600;
  line-height: 75px;
  text-align: left;
  color: #202020;
  letter-spacing: -2px;
}
.single-page-heading-wrap > div {
  display: flex;
  gap: 5px;
}
.single-page-heading-wrap > div span {
  font-family: Poppins;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  text-align: center;
  color: #000;
  padding: 4px 10px;
  border-radius: 6px;
}
.single-page-address-wrap {
  display: flex;
  align-items: center;
}
.single-page-address-wrap a {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
  text-decoration: none;
  color: #202020;
}
.single-page-address-wrap > p {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
  margin-left: 6px;
  padding-left: 6px;
  position: relative;
  color: #202020;
}
.single-page-address-wrap > p:before {
  content: "";
  background-color: #202020;
  height: 60%;
  width: 1px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.single-page-rating-wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
  margin: 10px 0;
}
.single-page-rating-wrap > p {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: center;
  background: #ff8c2a1a;
  height: 35px;
  border-radius: 6px;
  padding: 5px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ff8c2a;
}
.single-page-rating-wrap .stars {
  display: flex;
}
.single-page-rating-wrap .star {
  font-size: 14px;
}
.single-page-price-wrap {
    display: flex;
    align-items: flex-end;
    gap: 18px;
    flex: 1;
    justify-content: flex-end;
    flex-direction: column;
}
.single-page-min-price-wrap > p {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-align: right;
  color: #202020;
}
.single-page-min-price-wrap > .season-wrap {
  display: flex;
  display: none;
}
.single-page-min-price-wrap > .season-wrap > p {
  font-family: Poppins;
  font-size: 10px;
  font-weight: 400;
  line-height: 15px;
  color: #202020;
  text-align: right;
  margin-top: 1px;
}
.single-page-min-price-wrap > .season-wrap .min-booking {
  color: #de2d00b2;
  position: relative;
  margin-right: 7px;
  padding-right: 7px;
}
.single-page-min-price-wrap > .season-wrap .min-booking:after {
  content: "";
  background-color: #202020b2;
  height: 80%;
  width: 1px;
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
}
.single-page-min-price-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  flex: 1;
  display: none;
}
.all-season-wrapper .see-seasons {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #20202080;
  text-align: right;
  cursor: pointer;
}
.all-season-wrapper {
  position: relative;
  width: 100%;
  display: none;
}
.all-season-wrap {
  position: absolute;
  background-color: #202020;
  border-radius: 0 6px 6px 6px;
  padding: 10px;
  width: auto;
  right: 0;
  visibility: hidden;
  z-index: -1;
  opacity: 0;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.all-season-wrapper:hover .all-season-wrap {
  visibility: visible;
  z-index: 10;
  opacity: 1;
  transition: all 0.3s ease;
}
.all-season-wrap > div {
  display: flex;
  align-items: center;
  gap: 3px;
}
.all-season-wrap span {
  font-family: Poppins;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  text-align: left;
  color: #fff;
}
.single-page-gallery-one-item img,
.single-page-gallery-two-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.single-page-gallery-one {
    display: flex;
}
.single-page-gallery-one-item {
  max-height: 432.81px;
  min-height: 432.81px;
  border-radius: 12px;
  overflow: hidden;
}
.single-page-gallery-one-item img {
  max-height: 432.81px;
}
.single-page-gallery-one .slick-track,
.single-page-gallery-two .slick-track {
  display: flex;
  gap: 10px;
}
.single-page-gallery-two {
  margin-top: 15px;
}
.single-page-gallery-two-item {
  max-height: 90px;
  height: 100% !important;
  min-height: 90px !important;
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  transition: all 0.2s ease-in-out;
}
.single-page-gallery-two-item img {
  max-height: 90px !important;
  min-height: 90px;
}
.single-page-gallery-two-item {
  position: relative;
  display: inline-block;
  border-radius: 15px; /* Rounded corners */
  overflow: hidden; /* Ensure the image stays within the rounded corners */
}

.single-page-gallery-two-item.slick-current::before,
.single-page-gallery-two-item.slick-current + .slick-active:before
/*.room-sharing-single-page-gallery-two-item.slick-current:before */ {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 3px solid rgba(255, 165, 0, 1); /* Orange border */
  border-radius: inherit;
  box-sizing: border-box;
}

.single-page-gallery-two-item.slick-current::after,
.single-page-gallery-two-item.slick-current + .slick-active:after
/*.room-sharing-single-page-gallery-two-item.slick-current:after*/ {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  right: 3px;
  bottom: 3px;
  border: 4px solid rgba(255, 255, 255, 0.5); /* Light gray transparent border */
  border-radius: 10px;
  box-sizing: border-box;
  pointer-events: none;
}
.single-page-gallery-two-item.slick-current + .slick-active:after {
  border-width: 7px;
}

.single-page-gallery-two-item img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px; /* Adjust if needed */
}

.single-page-content-section {
  margin-top: 20px !important;
}
.single-page-content-columns {
  display: flex;
  gap: 10px;
}
.single-page-content-columns > div {
  border: 1px solid #0000001a;
  border-radius: 12px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.single-page-content-column2 {
  width: 375px;
}
.single-page-content-column1 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 15px;
  min-width: 0;
  overflow: hidden;
}
.single-page-desc-heading,
.single-page-amenities-heading,
.write-review-wrapper > p,
#reviewsContainer > p {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  color: #202020;
}
.saperator {
  height: 1px;
  background: #000;
  opacity: 0.1;
  display: block;
}
.single-page-content {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 21px;
  text-align: left;
  max-height: 200px;
  overflow: hidden;
  transition: all 0.3s ease;

}

.single-page-content-open {
  max-height: unset;
  transition: all 0.3s ease;
}
.read-more {
  cursor: pointer;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 300;
    line-height: 26px;
    text-align: center;
    font-weight: 500;
    display: block !important;
    background: #eff0f1;
    margin-top: 5px;
}
.single-page-roomtype-wrap {
  display: flex;
  gap: 10px;
}
.single-page-roomtype-wrap > p {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  color: #202020;
}
.single-page-roomtype-wrap > ul {
  padding: 0;
  list-style: none;
  display: flex;
  gap: 10px 15px;
  flex-wrap: wrap;
  flex: 1;
}
.single-page-roomtype-wrap > ul li {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: right;
  color: #202020;
}
.single-page-facilities-wrap {
    display: flex;
    gap: 12px 8px;
    flex-wrap: wrap;
}
.single-page-facilities-wrap > div {
    background: #ff8c2a1a;
    border-radius: 8px;
    min-width: 115px;
    min-height: 45px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    padding: 8px 30px;
    gap: inherit;
}
.single-page-facilities-wrap > div img {
  width: 22px;
  margin-bottom: 6px;
}
.single-page-facilities-wrap > div span {
  font-family: Poppins;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  text-align: center;
  color: #ff8c2a;
}
.write-review-section {
  margin-top: 20px !important;
}
.write-review-wrapper {
  
  padding: 20px;
  border-radius: 12px;
}
.write-review-wrapper > p,
.average-rating-heading-wrap {
  margin-bottom: 15px;
}
.input-fields-wrapper {
  margin-bottom: 15px;
  text-align: right;
}
.input-fields-wrapper input,
.input-fields-wrapper textarea,
.input-fields-wrapper select {
  border: 1px solid #0000001a;
  border-radius: 12px;
  font-family: Poppins;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  color: #202020;
  min-height: 57px;
  width: 100%;
  margin: 0;
}
.input-fields-wrapper textarea {
  /*min-height: 255px !important;*/
  min-height: 100px !important;
}
.input-fields-wrapper input:focus,
.input-fields-wrapper textarea:focus,
.input-fields-wrapper select:focus {
  outline: none !important;
}
.input-fields-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 7px;
}
.input-fields-wrap > div {
  display: flex;
  gap: 7px;
  width: 100%;
}
.star-review-rating-wrapper {
  display: flex;
  align-items: center;
  column-gap: 5px;
  flex-wrap: wrap;
  padding: 12px 0;
}
.star-review-rating-wrapper .saperator {
  height: 20px;
  width: 1px;
}
.star-review-rating-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
}
.star-review-rating-wrap > p {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  text-align: left;
  color: #202020;
}
.input-fields-wrapper .stars-review {
  /*margin: 10px 0;*/
  text-align: left;
}
.input-fields-wrapper .star-review {
  color: #dfdfdf;
  cursor: pointer;
  font-size: 25px;
}
.input-fields-wrapper .star-review.selected {
  color: #f8bb46;
}
.review-submit-btn {
  background-color: var(--yellow) !important;
  border-radius: 12px !important;
  text-decoration: none !important;
  color: var(--white) !important;
  padding: 15px 35px !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 24px !important;
  text-align: center !important;
  display: inline-block !important;
  margin-top: 18px !important;
  width: auto !important;
}
.write-review-wrapper .reviews-list {
  margin-top: 20px;
  max-height: 850px;
  overflow: auto;
}
.review-search-form {
  margin-top: 20px;
}
.review-search-form,
.review-search-form > div {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 14px;
}
.review-search-form input {
  flex: 1;
  border: 1px solid #0000001a;
  border-radius: 12px;
  font-family: Poppins;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  min-height: 57px;
  padding: 10px 20px;
}
.review-search-form input[name="review_search"] {
    z-index: -1;
    visibility: hidden;
}
.review-search-form > div select {
  border: 1px solid #0000001a;
  border-radius: 12px;
  font-family: Poppins;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  min-height: 57px;
  width: 217.36px;
}
.review-search-form input:focus,
.review-search-form > div select:focus {
  text-decoration: none !important;
  outline: none !important;
}
.review-search-form > div p {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  color: #202020;
  opacity: 0.4;
}
.write-review-wrapper .review-item {
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 20px;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.write-review-wrapper .review-item:last-child {
  margin-bottom: 0;
}
.write-review-wrapper .review-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.write-review-wrapper .review-author > div {
  display: flex;
  align-items: center;
  gap: 10px;
}
.write-review-wrapper .review-author {
    display: flex;
    align-items: center;
    gap: 15px;
}
.write-review-wrapper .review-author > div img {
  width: 25px;
}
.write-review-wrapper .review-author h4 {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  text-align: left;
  color: #202020;
}
.write-review-wrapper .review-author p {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 21px;
  text-align: left;
  color: #202020;
  display: none;
}
.write-review-wrapper .review-date p {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 21px;
  text-align: left;
  color: #202020;
}
.write-review-wrapper .review-body p {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 21px;
  text-align: left;
  color: #202020;
}
.write-review-wrapper .review-rating {
  display: flex;
  align-items: center;
  padding-bottom: 0;
}
.write-review-wrapper .review-rating .star {
  color: #f8bb46;
}
.write-review-wrapper .review-rating .star.empty {
  color: #dfdfdf;
}
.average-rating {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin: 15px 0;
}
.average-rating-heading-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.average-rating-heading-wrap h3 {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  color: #202020;
}
.average-rating-heading-wrap span {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: right;
  color: #202020;
}
.average-rating-heading-wrap .star {
  color: #f8bb46;
  font-size: 24px;
  margin-top: -2px;
}
.single-page-content-column2 .average-rating-heading-wrap > div {
  display: flex;
  align-items: center;
  gap: 2px;
}
.rating-breakdown {
  display: flex;
  flex-direction: column;
}
.rating-bar {
  display: flex;
  align-items: center;
  gap: 20px;
}
.rating-bar:nth-child(1) {
  order: 2;
}
.rating-bar:nth-child(2) {
  order: 3;
}
.rating-bar:nth-child(3) {
  order: 4;
}
.rating-bar:nth-child(4) {
  order: 5;
}
.rating-bar:nth-child(5) {
  order: 6;
}
.rating-bar:nth-child(6) {
  order: 1;
}
.rating-bar {
  margin-bottom: 10px;
}
.rating-bar > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex: 1;
}
.rating-bar > span,
.rating-bar > div span {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  text-align: left;
}
.rating-bar > div span {
  flex: 1;
}
.rating-bar > div span:last-child {
  text-align: right;
}
.rating-bar .bar {
  background: rgba(0, 0, 0, 0.05);
  height: 9px;
  width: 100%;
  border-radius: 5px;
  overflow: hidden;
  /*margin-right: 10px;*/
  position: relative;
}
.rating-bar .bar .filled-bar {
  height: 100%;
  background: #ff8c2a;
  position: absolute;
  top: 0;
  left: 0;
}
.rating-main-wrapper {
  display: flex;
  align-items: center;
  gap: 20px;
}
.rating-main-wrapper .star-rating, .rating-main-wrapper .saperator {
    display: none;
}
.rating-main-wrapper > div {
  flex: 1;
}
.rating-main-wrapper .saperator {
  height: 140px;
  width: 1px;
}
.rating-bar > div span {
  min-width: 48px;
}
.rating-breakdown .rating-bar > span {
  min-width: 85px;
}
.star-rating .rating-bar > span {
  min-width: 50px;
}
.single-star-rating {
  display: flex;
  gap: 3px;
}
.single-star-rating .star {
  margin-top: -1px;
}
.google-map-wrap iframe {
  border-radius: 12px;
  border: 1px solid #0000000d;
  height: 100%;
}
.google-map-wrap {
  position: relative;
  height: 350px;
}
.google-map-wrap .primary-btn {
  position: absolute;
  left: 19px;
  right: 19px;
  bottom: 22px;
}
.you-may-like-section {
  padding: 20px 0 100px;
}
.you-may-like-wrapper > p {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  color: #202020;
}
.review-card-wrapper .slick-dots,
.hotel-listings-wrapper .slick-dots {
  padding-left: 0px;
}
.search-divider {
  width: 1px;
  height: 25px;
  background: #fff;
  opacity: 0.5;
}
.slick-disabled {
  /*filter: invert(0.5) grayscale(0.21);*/
}
.Deluxe {
  background-color: rgba(255, 125, 125, 1) !important;
}
.Standard {
  background-color: rgba(117, 147, 255, 1) !important;
}

/**/
.comment-sort-form {
  justify-content: space-between;
}
.comment-sort-form > p {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  color: #202020;
}

/* modal */
section.package-popup.pricing-popup {
  position: fixed;
  inset: 0;
  z-index: 999;
  display: none;
  /* background: rebeccapurple; */
}
.parent-container {
  position: absolute;
  height: 100vh;
  width: 100%;
  background: black;
  opacity: 0.7;
}
.package-popup.pricing-popup .container {
  position: fixed;
  inset: 0;
  z-index: 9999;
  padding: 20px 70px;
  background: white;
  height: max-content;
  overflow-y: auto;
  margin: auto;
  width: 95%;
  max-height: 85vh !important;
  border-radius: 12px;
}
.package-popup.pricing-popup h2 {
  font-size: 30px;
  font-weight: 600;
  font-family: "poppins";
  color: black;
  text-align: center;
  margin: 10px 0px;
  letter-spacing: -2px;
}

.package-popup.pricing-popup h2 > span {
  color: #ff8928;
}
.package-popup.pricing-popup h4 {
  font-size: 22px;
  font-weight: 400;
  text-transform: capitalize;
  text-align: center;
  margin: 10px 0px 20px;
}
/* ground package popup modal */
section.ground-pkg-popup.pricing-popup {
  position: fixed;
  inset: 0;
  z-index: 999;
  display: none;
  /* background: rebeccapurple; */
}
.parent-container {
  position: absolute;
  height: 100vh;
  width: 100%;
  background: black;
  opacity: 0.7;
}
.ground-pkg-popup.pricing-popup .container {
  position: fixed;
  inset: 0;
  z-index: 9999;
  padding: 20px 70px;
  background: white;
  height: max-content;
  overflow-y: auto;
  margin: auto;
  width: 95%;
  max-height: 85vh !important;
  border-radius: 12px;
}
.ground-pkg-popup.pricing-popup h2 {
  font-size: 40px;
  font-weight: 600;
  font-family: "poppins";
  color: black;
  text-align: center;
  margin: 10px 0px;
}

.ground-pkg-popup.pricing-popup h2 > span {
  color: #ff8928;
}
.ground-pkg-popup.pricing-popup h4 {
  font-size: 22px;
  font-weight: 400;
  text-transform: capitalize;
  text-align: center;
  margin: 10px 0px 20px;
}
/* hotel review popup modal */
section.hotel-review-popup.pricing-popup {
  position: fixed;
  inset: 0;
  z-index: 999;
  display: none;
  /* background: rebeccapurple; */
}
.parent-container {
  position: absolute;
  height: 100vh;
  width: 100%;
  background: black;
  opacity: 0.7;
}
.hotel-review-popup.pricing-popup .container {
  position: fixed;
  inset: 0;
  z-index: 9999;
  padding: 20px 70px;
  background: white;
  height: max-content;
  overflow-y: auto;
  margin: auto;
  width: 95%;
  max-height: 85vh !important;
  border-radius: 12px;
}
.hotel-review-popup.pricing-popup h2 {
  font-size: 30px;
  font-weight: 600;
  font-family: "poppins";
  color: black;
  text-align: center;
  margin: 10px 0px;
  letter-spacing: -2px;

}

.hotel-review-popup.pricing-popup h2 > span {
  color: #ff8928;
}
.hotel-review-popup.pricing-popup h4 {
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  margin: 10px 0px 20px;
}

/* hotel search popup modal */
section.hotel-search-popup.pricing-popup {
  position: fixed;
  inset: 0;
  z-index: 999;
  display: none;
  /* background: rebeccapurple; */
}
.parent-container {
  position: absolute;
  height: 100vh;
  width: 100%;
  background: black;
  opacity: 0.7;
}
.hotel-search-popup.pricing-popup .container {
      position: fixed;
    inset: 0;
    z-index: 9999;
    padding: 60px 30px;
    background: #000000;
    height: max-content;
    overflow-y: auto;
    margin: auto;
    width: 95%;
    max-height: 85vh !important;
    border-radius: 12px;

}
.hotel-search-popup.pricing-popup h2 {
  font-size: 30px;
  font-weight: 600;
  font-family: "poppins";
    color: #ffffff;
    text-align: center;
  margin: 10px 0px;
  letter-spacing: -2px;

}

.hotel-search-popup.pricing-popup h2 > span {
  color: #ff8928;
}
.hotel-search-popup.pricing-popup h4 {
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  margin: 10px 0px 20px;
  color: #fff;
}


.ziarat-form .cross-icon {
  padding: 0;
  right: 15px;
  top: 15px;
}
.cross-icon {
  display: flex;
  justify-content: flex-end;
  padding: 0px 0px 10px 0px;
  position: absolute;
  right: 30px;
  top: 30px;
}
.cross-icon img {
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.lead-form {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 5px 15px;
}
.thirty {
  display: flex;
  width: 32%;
}
.fifty {
  display: flex;
  width: 49%;
}
.country-picker > div + p {
  display: none;
}
.hundred {
  display: flex;
  width: 99%;
}
.thirty p,
.thirty input,
.thirty select,
.fifty p,
.fifty input,
.fifty select,
.hundred p,
.hundred select,
.hundred input,
.hundred textarea {
  width: 100%;
}
.lead-form input,
.lead-form select,
.lead-form textarea {
  border: 1px solid #0000001a;
  outline: none !important;
  color: #000 !important;
  border-radius: 12px;
  font-size: 16px !important;
  padding: 6px 14px;
  min-height: 43px;
}
.hotel-name-hotel-form input,.room-name-room-form input {
    text-transform: lowercase;
}
.lead-form > p:last-child {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}
.lead-bttn {
  display: flex;
  flex-direction: column;
}
.pricing-section .wpcf7-response-output,
.contact-form-wrapper .wpcf7-response-output {
  margin: 0 !important;
  font-size: 14px;
}
.lead-form textarea {
  max-height: 140px;
}
.hotel-name-hotel-form,.room-name-room-form {
    position: absolute;
    z-index: -2;
    visibility: hidden;
}
.label {
  font-size: 16px;
}
.popup-open {
  overflow: hidden;
}
.lead-form .wpcf7-not-valid-tip {
  font-size: 14px;
}
.about-dua-wrapper {
  gap: 20px 2%;
}
/* Translated Css */
/* .translated-rtl .custom-rtl {
  flex-direction: row-reverse;
}
.translated-rtl .custom-rtl > div {
  display: flex;
  flex-direction: column;
  text-align: right;
  align-items: self-end;
}
.translated-rtl .custom-rtl.about-hero-wrapper::before {
  right: -30px;
  left: unset;
}
.translated-rtl .custom-rtl .about-choose-image-wrapper::before {
  right: -50%;
  left: unset;
}
.translated-rtl .about-update-sec::before {
  right: 0;
}
.translated-rtl .contact-column2 > p {
  text-align: right;
}
.translated-rtl .contact-form-wrapper form > p:nth-child(7) {
  text-align: right;
}
.translated-rtl .contact-column1 > div > p {
  text-align: right;
}
.translated-rtl .contact-column1 > div > a {
  flex-direction: row-reverse;
}
.translated-rtl .contact-column1 > div > div {
  align-items: end;
}
.translated-rtl .contact-column1 > div > div > div {
  display: flex;
  flex-direction: column;
  align-items: self-end;
  width: 100%;
}
.translated-rtl .contact-column1 > div > div > div > a {
  flex-direction: row-reverse;
}
.translated-rtl .contact-column1 > div > div > div > a > img {
  transform: rotate(270deg);
}
.translated-rtl .hotel-name .hotel-address {
  flex-direction: row-reverse;
}
.translated-rtl .hotel-upper .hotel-name > h4 {
  text-align: right;
}
.translated-rtl .hotel-about p {
  text-align: right;
}
.translated-rtl .hotel-distance {
  flex-direction: row-reverse;
}
.translated-rtl .custom-tags {
  justify-content: flex-end;
}
.translated-rtl .hotel-filteration-wrapper h3 {
  text-align: right;
}
.translated-rtl .filter-wrap {
  flex-direction: row-reverse;
}
.translated-rtl .filter-wrap > label {
  text-align: right;
}
.translated-rtl .single-page-desc-heading,
.translated-rtl .single-page-content,
.translated-rtl .single-page-amenities-heading,
.translated-rtl .write-review-wrapper > p,
.translated-rtl .write-review-wrapper .review-body p {
  text-align: right;
}
.translated-rtl .single-page-roomtype-wrap > ul {
  justify-content: flex-end;
}
.translated-rtl .single-page-roomtype-wrap > ul li {
  flex-direction: row-reverse;
  display: flex;
  align-items: center;
  gap: 5px;
}
.translated-rtl .single-page-facilities-wrap,
.translated-rtl .write-review-wrapper .review-rating {
  justify-content: flex-end;
} */
.hotel-filteration-wrapper {
  height: max-content;
  position: relative;
}
.single-page-address-wrap > div {
  display: flex;
  gap: 5px;
}

/*right to left css*/
/* .translated-rtl .hotel-listing-wrapper,
.translated-rtl .hotel-top-filter-wrapper,
.translated-rtl .hotel-top-filter-wrapper > div,
.translated-rtl .hotel-item,
.translated-rtl .hotel-upper,
.translated-rtl .hotel-standards,
.translated-rtl .hotel-rating,
.translated-rtl .hotel-detail-link,
.translated-rtl .write-review-wrapper .review-header,
.translated-rtl .write-review-wrapper .review-author p,
.translated-rtl .single-page-hero-wrapper,
.translated-rtl .single-page-heading-wrap,
.translated-rtl .single-page-address-wrap,
.translated-rtl .single-page-address-wrap > div,
.translated-rtl .single-page-rating-wrap,
.translated-rtl .single-page-rating-wrap .stars,
.translated-rtl .single-page-price-wrap,
.translated-rtl .bread-crumbs-section .container > div {
  flex-direction: row-reverse;
}

.translated-rtl .bread-crumbs {
  margin-right: 0;
  margin-left: 20px;
}
.translated-rtl .bread-crumbs:after {
  right: unset;
  left: -15px;
  transform: rotate(180deg);
}
.translated-rtl #hotel-sorting {
  display: flex;
  flex-direction: row-reverse;
}
.translated-rtl #hotel-sorting > label {
  margin-right: 0;
  margin-left: 20px;
}
.translated-rtl .hotel-rating {
  left: unset;
  right: 10px;
  flex-direction: row-reverse;
}
.translated-rtl .input-fields-wrapper .stars-review {
  display: flex;
  flex-direction: row-reverse;
}
.translated-rtl .single-page-address-wrap > div {
  flex-direction: row-reverse;
}
.translated-rtl .single-page-address-wrap > p {
  margin-left: 0;
  padding-left: 0;
  margin-right: 6px;
  padding-right: 6px;
}
.translated-rtl .single-page-address-wrap > p:before {
  left: unset;
  right: 0;
}
.translated-rtl .write-review-wrapper .review-author p,
.translated-rtl .read-more,
.translated-rtl .single-page-roomtype-wrap > p {
  text-align: right;
}
.translated-rtl .newsletter-wrap .noptin-form-fields input.noptin-form-submit {
  left: 15px;
  right: 0;
}
.translated-rtl
  .newsletter-wrap
  .noptin-optin-field-wrapper-email
  input.noptin-form-field {
  padding: 6px 20px 6px 60px !important;
  text-align: right !important;
}
.translated-rtl .home-banner-ads-wrapper h2 {
  text-align: right;
}
.translated-rtl .home-banner-ads-wrapper,
.translated-rtl .ads-banner-wrapper {
  align-items: flex-end !important;
}
.translated-rtl .custom-ad-one-section::before {
  background: linear-gradient(
    270deg,
    #000 31.83%,
    rgba(0, 0, 0, 0.5) 84.32%,
    rgba(0, 0, 0, 0) 100%
  );
  right: 0;
  left: unset;
}
.translated-rtl .ads-banner-wrapper p {
  text-align: right;
} */

/*Custom Ads */


.custom-ad-one-section h2 {
  font-size: 24px;
  font-weight: 500;
  font-family: "poppins", sans-serif;
  line-height: 29px;
  color: white;
}
.custom-ad-one-section a {
  width: max-content;
  color: white !important;
  text-decoration: none;
}
.ads-banner-wrapper {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.custom-ad-one-section p {
  font-size: 14px;
  font-weight: 400;
  font-family: "poppins", sans-serif;
  line-height: 21px;
  color: white;
  max-width: 60%;
}
.custom-ad-one-section h3 {
  font-size: 20px;
  font-weight: 600;
  font-family: "poppins", sans-serif;
  line-height: 30px;
  color: white;
  margin-bottom: 15px;
}

/*Home Banner Ads*/
.home-banner-ads-wrapper {
  background-image: url(../../uploads/2024/07/image-7.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 40px 40px;
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  gap: 10px;
}
.home-banner-ads-wrapper h2 {
  margin: 0;
  color: white;
  font-family: "poppins" sans-serif;
  font-size: 45px;
  line-height: 58px;
  font-weight: 400;
  max-width: 30%;
}
.home-banner-ads-wrapper h3 {
  margin: 0;
  color: white;
  font-family: "poppins" sans-serif;
  font-size: 24px;
  line-height: 36px;
  font-weight: 300;
}
.home-banner-ads-wrapper ul {
  display: inline-flex;
  gap: 25px;
  margin-bottom: 20px;
  padding-left: 0;
  flex-wrap: Wrap;
  row-gap: 10px;
  list-style-type: none;
}
.home-banner-ads-wrapper ul li {
  color: white;
}
.home-banner-ads-wrapper .primary-btn {
  width: max-content;
  text-decoration: none;
  color: white !important;
}

/*room sharing listing*/
.room-sharing-columns {
  display: flex;
  gap: 12px;
}
.room-sharing-filter-wrapper {
  border: 1px solid rgb(0 0 0 / 10%);
  border-radius: 12px;
  width: 30%;
}
.room-sharing-main-wrapper {
  flex: 1;
  display: flex;
  gap: 15px;
  padding-bottom: 62px;
}
.room-sharing-filteration-wrapper {
  width: 30%;
  border: 1px solid #0000001a;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: relative;
}
.clear-filter {
  position: absolute;
  right: 20px;
  font-size: 10px;
  background: #ff8928;
  color: white;
  padding: 5px;
  cursor: pointer;
  margin: 0;
  border-radius: 6px;
}
.room-sharing-item-main-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.room-sharing-item-wrapper {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.room-sharing-wrapper {
  border: 1px solid #0000001a;
  border-radius: 12px;
  padding: 15px;
  display: flex;
  gap: 15px;
}
.room-sharing-img-wrap {
  text-decoration: none;
  min-width: 203px;
  max-width: 203px;
  border-radius: 6px;
  overflow: hidden;
  min-height: 249px;
}
.room-sharing-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.room-sharing-content-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.room-sharing-title-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.room-sharing-title-wrap > h3 {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  color: #202020;
  margin-bottom: 4px;
}
.room-sharing-title-wrap > h3 a {
  text-decoration: none;
}
.room-sharing-location-wrap {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  height: 100%;
}
.room-sharing-location-wrap > a {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-decoration: none;
  text-transform: capitalize;
}
.room-sharing-city-wrap {
  background: #00000080;
  font-family: Poppins;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: #fff;
  padding: 2px 10px;
  border-radius: 200px;
}
.rooms-features-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.rooms-features-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
}
.rooms-features-wrap > img {
  width: 17px;
}
.rooms-features-wrap > p {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  color: #202020;
}
.ground-packages-features-wrap > p {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  color: #202020;
}
.room-sharing-availability-wrapper {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.room-sharing-availability-wrapper > p {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  color: #202020;
}
.room-sharing-availability-wrapper > div {
  font-family: Poppins;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: #fff;
  background-color: #00000080;
  border-radius: 200px;
  padding: 2px 10px;
}
.room-sharing-price-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.room-sharing-price-wrap > h3 {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  color: #202020;
}
.room-sharing-price-wrap > p {
  font-family: Poppins;
  font-size: 10px;
  font-weight: 400;
  line-height: 15px;
  color: #de2d00b2;
}
.room-sharing-btn-wrap {
  display: flex;
  align-items: center;
  gap: 20px;
}
.available-slots {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  color: #ff8c2a;
}
.available-slots .slot-all-book {
  color: #f83e3e;
}
.single-room-sharing-you-also-like-content-wrap .price {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  color: #202020;
}
.room-sharing-main-wrapper a:focus {
  background-color: transparent !important;
  text-decoration: none !important;
  color: #202020 !important;
}
.room-sharing-main-wrapper a.primary-btn:focus {
  background-color: #ff8c2a !important;
  color: #fff !important;
}
.room-top-filter-resp {
  display: none;
}

/*room sharing single page */
.single-home-sharing-hero-columns {
  display: flex;
  gap: 15px;
  margin-top: 20px;
}
.single-home-sharing-hero-columns > div {
  width: 50%;
}
.single-home-sharing-column2 {
  padding: 10px 20px 15px;
  border: 1px solid #0000001a;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.single-room-sharing-features > h5 {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #202020;
}
.single-room-sharing-features > p {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #202020;
}
.single-home-sharing-column2 .room-sharing-title-wrap > h3 {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 300;
  line-height: 60px;
  margin-bottom: 0;
}
.room-sharing-single-page-gallery-two {
  margin-top: 10px;
}
.room-sharing-single-page-gallery-two .slick-track {
  display: flex;
  gap: 3px !important;
}
.room-sharing-single-page-gallery-two-item {
  height: 96px !important;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  border: 3px solid transparent;
}
.room-sharing-single-page-gallery-two-item.slick-current {
  border: 3px solid #ff8c2a;
}
.room-sharing-single-page-gallery-two-item img,
.room-sharing-single-page-gallery-one-item img {
  height: 100% !important;
  width: 100%;
  object-fit: cover;
  max-height: 390px;
}
.room-sharing-single-page-gallery-one-item img {
  min-height: 390px;
}
.room-sharing-single-page-gallery-one-item {
  max-height: 390px;
  border-radius: 6px;
  overflow: hidden;
}
.room-sharing-single-page-arrows-wrap {
  position: absolute;
  z-index: 1;
  /*bottom: 15px;*/
  /*right: 15px;*/
    inset: 0;
    margin: auto;
    width: 100%;
    height: 100%;
}
.room-sharing-single-page-arrows-wrap img {
  cursor: pointer;
  position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #ff8c2a;
    padding: 12px 5px;
    border-radius: 4px;
}
.room-sharing-single-page-arrows-wrap img.room-sharing-single-page-arrow-prev {
    left: -10px;
}
.room-sharing-single-page-arrows-wrap img.room-sharing-single-page-arrow-next {
    right: -10px;
}
.single-home-sharing-column1 > div {
  position: relative;
}
.single-home-sharing-availability-section {
  padding: 20px 0;
  display:none !important;
}
.single-home-sharing-availability-main-wrapper {
  border: 1px solid #0000001a;
  border-radius: 12px;
  padding: 20px;
  padding-bottom: 0;
}
.single-home-sharing-availability-main-wrapper > p {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #202020;
  margin-bottom: 15px;
}
.single-home-sharing-availability-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 30px 0;
}
.single-home-sharing-availability-item {
  flex: 1;
  position: relative;
}
.single-home-sharing-availability-item > p {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #202020;
}
.single-home-sharing-availability-item .see-available-slots {
  font-weight: 400;
  opacity: 0.5;
  cursor: pointer;
}
.single-home-sharing-availability-item
  .see-available-slots:hover
  + .single-home-sharing-availability-slots-wrap {
  opacity: 1;
  visibility: visible;
  transition: all 0.3s ease;
}
.single-home-sharing-availability-slots-wrap {
  background-color: #202020;
  border-radius: 0 6px 6px 6px;
  padding: 11px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: absolute;
  top: 50px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}
.single-home-sharing-availability-slots-wrap > div {
  display: flex;
  align-items: center;
  gap: 5px;
}
.single-home-sharing-availability-slots-wrap span {
  font-family: Poppins;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: #ffffff;
}
.single-home-sharing-you-also-like-section {
  padding: 10px 0;
}
.single-room-sharing-you-also-like-main-wrapper > p {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #202020;
  margin-bottom: 15px;
}
.single-room-sharing-you-also-like-wrapper {
  display: flex;
  gap: 15px;
  margin-top: 23px;
}
.single-room-sharing-you-also-like-wrap {
  border: 1px solid #0000001a;
  border-radius: 12px;
  padding: 17px;
  display: flex;
  gap: 20px;
  flex: 1;
}
.single-room-sharing-you-also-like-img-wrap {
  max-width: 140px;
  border-radius: 6px;
  overflow: hidden;
  width: 100%;
  max-height: 190px;
  min-height: 190px;
}
.single-room-sharing-you-also-like-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  max-height: 190px;
  min-height: 190px;
}
.single-room-sharing-you-also-like-content-wrap {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.single-room-sharing-you-also-like-content-wrap > h3 {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 500;
  line-height: 21px;
  margin-bottom: 5px;
  /*min-height: 50px;*/
}
.single-room-sharing-you-also-like-content-wrap > h3 a {
  text-decoration: none;
  color: #202020;
}
.single-room-sharing-you-also-like-content-wrap .room-sharing-location-wrap {
  margin-bottom: 6px;
}
.single-room-sharing-you-also-like-content-wrap
  .room-sharing-location-wrap
  > a {
  opacity: 0.5;
}
.single-room-sharing-you-also-like--btn {
  background-color: #ff8c2a1a;
  min-height: 49px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
  border-radius: 12px;
  font-family: Poppins;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #ff8c2a;
  text-decoration: none;
}
.single-room-sharing-news-letter-section {
  margin-top: 100px !important;
}

/*city ziarat*/
.city-ziarat-section {
  padding: 40px 0px 100px;
}
.city-ziarat-columns {
  display: flex;
  gap: 20px;
  align-items: flex-start;
}
.city-ziarat-column1 {
  max-width: 300px;
  width: 100%;
  border: 1px solid #0000001a;
  border-radius: 12px;
  padding: 0 20px;
}
.city-ziarat-column2 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
  overflow: hidden;
}
.city-ziarat-title-wrapper {
  border: 1px solid #0000001a;
  border-radius: 12px;
  padding: 20px 25px;
}
.city-ziarat-title-wrapper > h2 {
  font-family: Poppins;
  font-size: 45px;
  font-weight: 300;
  line-height: 67.5px;
  text-align: left;
  color: #202020;
  margin-bottom: 5px;
}
.city-ziarat-title-wrapper > a {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  color: #ff8c2a;
  text-decoration: none;
  background: #ff8c2a1a;
  border-radius: 12px;
  padding: 14px 18px;
  display: inline-block;
  margin-bottom: 10px;
}
.city-ziarat-title-wrapper > a:focus {
    background: #ff8c2a1a !important;
    text-decoration: none !important;
}
.city-ziarat-title-wrapper > p {
  font-family: Poppins;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-align: left;
  color: #de2d00b2;
}
.city-ziarat-title-wrapper > div {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 24px;
  text-align: left;
  color: #202020;
  margin-bottom: 12px;
}
.city-ziarat-gallery-item > a,
.city-ziarat-gallery-item > a video,
.city-ziarat-gallery-item > a img {
  width: 100%;
  display: block;
  height: 164px;
  object-fit: cover;
}
.city-ziarat-gallery-item > a,
.city-ziarat-gallery-item {
  border-radius: 12px;
  overflow: hidden;
}
/*option {*/
/*    background-repeat: no-repeat;*/
/*    background-size: 20px 15px;*/
/*    padding-left: 30px;*/
/*}*/

/*option[value="afghanistan"] {*/
/*    background-image: url('https://flagcdn.com/w20/af.png');*/
/*}*/

/*option[value="albania"] {*/
/*    background-image: url('https://flagcdn.com/w20/al.png');*/
/*}*/

/*option[value="algeria"] {*/
/*    background-image: url('https://flagcdn.com/w20/dz.png');*/
/*}*/
.city-ziarat-iframe-wrapper iframe {
  border: 1px solid #0000000d;
  border-radius: 12px;
}
.city-ziarat-column1 #menu-cities-ziarat {
  padding: 0;
  list-style: none;
}
.city-ziarat-column1 #menu-cities-ziarat > li {
  padding: 20px 0;
  border-bottom: 1px solid #0000001a;
}
.city-ziarat-column1 #menu-cities-ziarat > li:last-child {
  border-bottom: none;
}
.city-ziarat-column1 #menu-cities-ziarat > li > a {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  color: #202020;
  text-decoration: none;
  display: block;
  position: relative;
  background: transparent;
  transition: background 0.2s linear, opacity 0.2s linear;
}
.city-ziarat-column1 #menu-cities-ziarat > li > a.active {
  color: #ff8c2a;
}
/*.city-ziarat-column1 #menu-cities-ziarat > li > a:before {*/
/*    content: "";*/
/*    background-image: url(/wp-content/themes/event-planner/assets/down-arrow.svg);*/
/*    width: 14px;*/
/*    height: 8px;*/
/*    position: absolute;*/
/*    right: 0;*/
/*    top: 0;*/
/*    bottom: 0;*/
/*    margin: auto;*/
/*    background-position: center;*/
/*    background-repeat: no-repeat;*/
/*    background-size: contain;*/
/*    transition: all 0.3s ease-in-out;*/
/*}*/
.city-ziarat-column1 #menu-cities-ziarat > li > a.active:before {
  transform: rotate(180deg);
}
.city-ziarat-column1 #menu-cities-ziarat > li > button {
  display: none;
}
.city-ziarat-column1 .sub-menu {
  padding: 0;
  list-style: none;
  margin-top: 10px;
  display: none;
  transition: all 0.3s ease;
}
.city-ziarat-column1 .sub-menu a {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: #202020;
  opacity: 0.5;
  text-decoration: none;
  position: relative;
}
.city-ziarat-column1 .sub-menu a:focus {
  background-color: transparent !important;
  color: #202020 !important;
}
.city-ziarat-column1 .sub-menu .current-menu-item a {
  color: #ff8c2a;
  font-weight: 500;
  padding-left: 20px;
}
.city-ziarat-column1 .sub-menu.current-menu-item a:focus {
  background-color: transparent !important;
  color: #ff8c2a !important;
}
.city-ziarat-column1 .sub-menu .current-menu-item a:before {
  content: "";
  background: #ff8c2a;
  width: 17.7px;
  height: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.city-ziarat-gallery-wrap .slick-track > div {
  margin-right: 10px;
}
.city-ziarat-gallery-item {
  min-height: 190px;
  max-height: 190px;
}
.city-ziarat-gallery-item > a,
.city-ziarat-gallery-item video,
.city-ziarat-gallery-item img {
  width: 100%;
  height: 100%;
  display: block;
  min-height: 190px;
}
.ziarat-city-menu-close {
  display: none;
}
.city-ziarat-column1 > p {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  color: #202020;
  text-decoration: none;
  padding: 20px 0;
}

/* responsive search style */
.search-responsive-wrapper {
  flex: 1;
  display: none;
}
.search-responsive-wrapper.search-responsive-wrapper-open {
  position: fixed;
  inset: 0;
  z-index: 111;
}
.search-responsive-wrapper-open .search-responsive-wrapper-bg {
  backdrop-filter: blur(10px);
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  inset: 0;
}
.search-responsive-wrapper-open .search-button-resp {
  display: none;
}
.search-responsive-wrapper-open .search-banner {
  width: 95%;
  margin: 50px auto 0;
}
.search-responsive-wrapper-open .search-button {
  display: block;
  position: relative;
}
.search-responsive-wrapper-open .search-button img {
  width: 24px;
}
.search-responsive-wrapper-open #search-results {
  top: 68px;
  max-height: calc(100vh - 70px - 78px - 50px);
}
.search-responsive-wrapper .close-resp-search {
  display: none;
}
.search-responsive-wrapper-open .close-resp-search {
  display: block;
  position: absolute;
  z-index: 1;
  right: 20px;
  top: 15px;
  width: 15px;
}
.search-responsive-wrapper .search-now-text {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  text-align: left;
}
.search-responsive-wrapper .search-input input,
.search-responsive-wrapper-open .search-now-text {
  display: none;
}
.search-responsive-wrapper-open .search-input input {
  display: block;
}
.country-select .country-list .country {
  display: flex;
  align-items: center;
}

.whatsapp-form-btn-wrap {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 20px;
}
.whatsapp-form-btn {
  background: #24d366;
  padding: 12px 20px;
  border-radius: 10px;
  text-decoration: none;
  font-family: "Poppins";
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 16px;
  display: none;
}
.whatsapp-form-btn:focus {
  outline: none !important;
  text-decoration: none !important;
  background: #24d366 !important;
}
.whatsapp-form-btn-contact + div {
  display: flex;
  flex-direction: column;
}
.whatsapp-form-btn-contact + div > span {
  margin: 10px auto 0;
}

#baghdad .slick-track{
      width:unset !important;
  }
  .custom-background {
      width:100% !important;
  }
  .hotel-listings-wrapper .custom-background img, #no-hotels img {
      width: 100%;
  }
/* ALL RESPONSIVE */

/*@media (min-width: 767px) {*/
/*    .you-may-like-list-wrap .slick-list, .you-may-like-list-wrap .slick-track {*/
/*        width: 100% !important;*/
/*    }*/
/*}*/

@media (max-width: 1160px) {
  .bottom-header-part-wrapper .menu-wrapper {
    gap: 20px 30px;
  }
  .bottom-header-part-wrapper .menu-wrapper li > a {
    font-size: 14px;
  }
}

@media (max-width: 1250px) {
 .activities-col{
    max-height: calc(100vh - 280px);
}
}

@media only screen and (max-width: 1024px) {
  .contact-column1 {
    flex-wrap: Wrap;
    justify-content: center;
  }
  .contact-box {
    width: 48%;
  }
  /*BLOG-PAGE */
  /*  .cats_blogs-slider .blog-post {*/
  /*    width: 48% !important;*/
  /*}*/
}

@media (max-width: 980px) {
  /* .translated-rtl .hotel-distance {
    flex-direction: column;
  }
  .translated-rtl .hotel-distance h5 {
    width: 100%;
    text-align: right;
  }
  .translated-rtl .custom-tags {
    width: 100%;
  }
  .translated-rtl .about-update-sec::before {
    right: unset;
  }
  .translated-rtl .custom-rtl.about-hero-wrapper::before {
    right: 0px;
  }
  .translated-rtl .custom-rtl {
    flex-direction: column;
  }
  .translated-rtl .custom-rtl .about-choose-image-wrapper::before {
    right: 0;
  } */
  .footer-wrapper > .social-menu-wrapper,
  .footer-wrapper > .rights-wrapper {
    flex-direction: column;
    align-items: center;
    gap: 30px;
    text-align: center;
  }
  .hotel-filteration-wrapper > div h3,
  .room-sharing-filteration-wrapper > div h3 {
    margin-bottom: 0px;
  }
  .multilingual-wrapper {
    display: none;
  }
  .hotel-hero-section {
    padding: 150px 0px 40px;
  }
  .footer-wrapper {
    gap: 30px;
  }
  /* header */
  .top-header-part-wrapper {
    justify-content: center;
  }
  .header-social-links-wrapper {
    display: none;
  }
  .custom-temp-social-link-wrapper {
    justify-content: space-between;
  }
  .bottom-header-part-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
  }
  .header {
    margin: 0;
    padding: 0;
  }
  .bottom-header-part-wrapper .menu-wrapper .header-logo {
    display: none;
  }
  .menu-parent {
    position: absolute;
    top: -600px;
    width: 100%;
    left: 0;
    padding-top: 20px;
    z-index: 2;
    transition: all 0.2s ease-in-out;
  }
  .menu-parent-open {
    top: 0px;
    transition: all 0.2s ease-in-out;
    border-radius: 0 0 12px 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    background: black !important;
    backdrop-filter: blur(10px);
    max-height: 95vh;
    overflow: auto;
  }
  .menu-parent:before {
    content: "";
    position: absolute;
    inset: 0;

    border-radius: 0 0 12px 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.8) 0%,
        rgba(0, 0, 0, 0.8) 100%
      ),
      rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    display: none !important;
  }
  .bottom-header-part-wrapper .menu-wrapper {
    flex-direction: column;
  }
  .menu-main-wrapper {
    position: relative;
    z-index: 2;
  }
  .responsive {
    display: block;
  }
  .menu-parent .white-horizontal-line {
    margin-top: 20px;
  }
  .menu-parent .header-social-icons {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 20px;
    gap: 10px;
  }
  .menu-parent .close-menu-res {
    position: relative;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
    color: #fff;
    background: linear-gradient(
        0deg,
        rgba(255, 255, 255, 0.1),
        rgba(255, 255, 255, 0.1)
      ),
      linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
    padding: 12px;
    cursor: pointer;
  }

  /*home*/
  /*.explore-section{*/
  /*    padding:50px 0px;*/
  /*}*/
  .explore-section p {
    font-size: 16px;
  }
  .city-box {
    width: 49%;
  }
  .cities-section {
    gap: 20px 2% !important;
  }
  .cities-section {
    flex-wrap: Wrap;
  }
  .city-img {
    width: 100%;
    max-width: 50px;
    min-width: 50px;
    min-height: 50px;
    max-height: 50px;
  }
  .city-img > img {
    width: 100%;
    max-width: 50px;
    min-width: 50px;
    min-height: 50px;
    max-height: 50px;
  }
  /* about */
  .about-hero-sec,
  .about-update-sec {
    padding: 60px 0px;
  }
  .about-hero-wrapper {
    flex-direction: column;
    padding: 30px;
  }
  .about-hero-wrapper::before {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
  }
  .about-hero-content {
    width: 100%;
  }
  .about-hero-video {
    width: 100%;
    margin-top: 0px;
  }
  .about-service-wrap {
    flex: auto;
    width: 49%;
  }
  .about-service-number-wrapper {
    gap: 20px 2%;
    align-items: center;
  }
  .about-choose-wrapper {
    flex-direction: column;
  }
  .about-choose-image-wrapper {
    width: 100%;
  }
  .about-choose-image-wrapper > img {
    border-radius: 30px;
    padding: 20px;
  }
  .about-choose-image-wrapper::before {
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 20px;
  }
  
  .about-choose-content-wrapper {
    width: 100%;
  }
  .about-three-col-wrapper {
    flex-direction: column;
  }
  .about-dua-wrapper,
  .about-update-wrapper {
    flex-direction: column;
  }
  .about-dua-content-wrapper,
  .about-update-content-wrapper {
    width: 100%;
  }
  .about-dua-image-wrapper {
    width: 100%;
  }
  .about-update-sec::before {
    display: none;
  }
  .about-update-sec {
    background: #fff3e9;
  }
  .about-update-box-wrapper-2 {
    width: 100%;
  }
  /* contact */
  .contact-columns {
    flex-direction: column;
  }
  .contact-columns > div {
    flex: 1;
    width: 100%;
  }
  /* newsletter */
  .newsletter-para {
    width: 60%;
  }
  .newsletter-wrap {
    width: 80%;
  }
  .single-page-content-columns {
    flex-direction: column;
  }
  .single-page-content-columns > div {
    width: 100%;
    flex: unset;
  }
  .single-page-hero-wrapper,
  .single-page-price-wrap {
    align-items: flex-start;
    flex-direction: column !important;
  }
  /* .translated-rtl .single-page-hero-wrapper {
    align-items: flex-end;
  } */
  .about-header-image,
  .hero-section,
  .hotel-hero-section {
    margin: 0 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0;
  }
  .about-header-image {
    min-height: 160px;
    margin-bottom: 30px !important;
  }
  .you-may-like-list-wrap {
    flex-wrap: wrap;
    justify-content: center;
  }
  .you-may-like-list-wrap .slick-dots {
      margin-top: 0;
  }
  .you-may-like-list-wrap > div {
    width: 100%;
  }
  .hero-banner .filters {
    display: flex;
    height: 100%;
  }
  .filter-close {
    display: block;
    position: absolute;
    right: 20px;
    top: 20px;
  }
  .hotel-filteration-wrapper,
  .room-sharing-filteration-wrapper {
    position: fixed;
    left: -350px;
    top: 0;
    bottom: 0;
    z-index: 999999;
    background-color: #fff;
    transition: all 0.4s ease-in-out;
    height: 100%;
    overflow: auto;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .hotel-hero-section {
    margin-bottom: 20px !important;
  }
  .room-sharing-listing-search,
  .hotel-listing-search,
  .blog-listing-search {
    display: flex;
    gap: 10px;
  }
  .room-sharing-listing-search #search-results,
  .hotel-listing-search #search-results,
  #search-results {
    width: calc(100% - 60px);
  }
  .thirty {
    width: 48%;
  }
  .about-update-box-wrapper {
    width: 70%;
  }
  .pagination {
    width: 100%;
    max-width: 100%;
  }
  html .country-select .country-list {
    position: fixed !important;
    inset: 0 !important;
    width: 90% !important;
    height: 80vh !important;
    margin: auto !important;
    max-height: unset !important;
  }
  .iti-mobile .iti__country-list {
    height: 85%;
    inset: 0 !important;
    margin: auto;
  }
}

@media only screen and (max-width: 980px) {
    .city-ziarat-title-wrapper > h2{
        font-size:30px;
        line-height:40px;
    }
    .bread-crumbs{
        font-size: 12px;
    }
    .bread-crumbs-section .container > div > span{
        font-size: 12px;
    }
    .single-page-hero-section{
        padding: 0px 0 10px;
        margin: 0px 0 20px !important;
    }
    .single-page-hero-wrap {
        margin-bottom: 5px;
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .single-page-rating-wrap {
        order:1;
    }
    .single-page-heading-wrap {
        order:2;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }
    .single-page-address-wrap {
        order:3;
    }
    .social-share {
        order:4;
    }
    .single-page-rating-wrap > p{
        height: 28px;
        font-size: 10px;
        font-weight: 400;
        line-height: 15px;
    }
    .single-page-heading-wrap > h1,.single-home-sharing-column2 .room-sharing-title-wrap > h3 {
        font-size: 32px;
        line-height: 46px;
    }
    .single-page-heading-wrap > div span{
        font-size: 11px;
        padding: 2px 11px;
    }
    .single-page-address-wrap a,.room-sharing-location-wrap > a{
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
    }
    .single-page-price-wrap {
        flex-direction: row !important;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        margin-top: 10px;
    }
    .single-page-min-price-wrap > p{
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
    }
    .inquire {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 5px 12px;
        font-size: 12px;
        gap: 5px;
    }
    .inquire img {
        width: 10px !important;
        height: 10px !important;
    }
    .inquire-ground-pkg {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 12px 12px;
        font-size: 18px;
        gap: 5px;
    }
    .inquire-ground-pkg img {
        width: 25px !important;
        height: 25px !important;
    }
    .single-page-gallery-one-item{
             min-height: unset !important;
    }
  .menu-parent-wrap {
    display: none;
  }

  .bottom-header-part-wrapper .menu-wrapper li.menu-item-has-children {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
  .bottom-header-part-wrapper .menu-wrapper li.menu-item-has-children > a {
    position: relative;
    max-width: max-content;
  }
  .bottom-header-part-wrapper .menu-wrapper li.menu-item-has-children > ul {
    position: static;
    height: 0px;
    margin-left: 80px;
    overflow: hidden;
    padding: 0px;
    width: 100%;
    border: 0px;
    margin-left: 0px;
    backdrop-filter: blur(0px) !important;
    text-align: center !important;
    justify-content: center;
    align-items: center;
    transition: 0.3s ease-in-out all;
    background: transparent !important;
  }
  .bottom-header-part-wrapper
    .menu-wrapper
    li.menu-item-has-children.active
    > ul {
    position: static;
    height: 100%;
    padding: 15px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 12px;
    margin-top: 20px;
    background: transparent;
    backdrop-filter: blur(0px) !important;
    width: 90% !important;
    text-align: center !important;
    transition: 0.3s ease-in-out all;
    background: transparent !important;
  }
  .ziarat-form .container {
    max-width: 70%;
  }
  .city-ziarat-search.search-banner {
    display: flex;
    gap: 10px;
    flex-direction: row !important;
  }
  .city-ziarat-search #search-results {
    width: calc(100% - 60px);

    top: 78px;
  }
  .ziarat-city-menu-close {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 15px;
    display: block;
    cursor: pointer;
  }
  
  .city-ziarat-column1 > p {
    padding-top: 0px;
  }
  .blog-container .cat-tag-wrapper,
  .city-ziarat-column1 {
    position: fixed;
    z-index: 1000;
    background: #fff;
    left: -350px;
    top: 0;
    bottom: 0;
    transition: all 0.4s ease-in-out;
    width: 350px !important;
    height: 100%;
    padding: 20px;
    overflow: auto;
    border-radius: 12px;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .blog-container .cat-tag-wrapper-open,
  .city-ziarat-column1-open {
    left: 0;
  }
  .blog-top-filter,
  .room-top-filter {
    display: none;
  }
  .blog-sorting-resp,
  .room-top-filter-resp > form {
    display: flex;
    flex-direction: column;
  }
  .blog-filter-close {
    display: block;
  }
  .blogs-section .custom-categories ul {
    flex-direction: column;
  }
  .total-room-wrapper {
    justify-content: flex-end !important;
  }
  .blog-filter-close {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 15px;
    cursor: pointer;
  }
  .room-top-filter-resp {
    display: block;
  }
  .hero-banner > h1 span {
    font-size: 26px;
    line-height: 26px;
  }
  .fifty {
    width: 100%;
  }
  .clear-filter {
    right: 20px;
    top: 112px;
  }
  .header-whatsapp-wrap.responsive {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    margin-top: 20px;
  }
  .single-page-min-price-wrap {
    align-items: flex-start;
  }
  .about-hero-content {
    padding: 0px 20px;
  }
  .home-banner-ads-wrapper h2 {
    width: 100%;
    max-width: 100%;
  }
  .about-three-col-sec {
    margin-bottom: 0px !important;
  }
  .testimonial-section {
    background-image: url(../../uploads/2024/07/home-1.png) !important;
    padding: 30px 0px 10px 0px;
  }
  .about-hero-wrapper::before {
    left: 0;
  }
  .about-sec-2 .container {
    padding: 0px 30px;
  }
  .hotel-distance {
    flex-direction: column;
  }
  span.divider {
    display: none;
  }
  .custom-tags {
    gap: 10px;
    flex-wrap: wrap;
    justify-content: start;
  }
  .hotel-distance {
    align-items: flex-start !important;
  }
  .single-home-sharing-hero-columns {
    flex-direction: column !important;
  }
  .single-home-sharing-hero-columns > div {
    width: 100%;
  }
  .room-sharing-single-page-gallery-one-item {
    max-height: 500px;
  }
  .single-room-sharing-you-also-like-wrapper {
    flex-direction: column;
  }
  .single-room-sharing-you-also-like-wrapper > div {
    width: 100%;
  }
  .single-room-sharing-you-also-like-content-wrap {
    flex: 1;
  }
  .all-season-wrapper .see-seasons {
    text-align: left;
  }
  .all-season-wrap {
    right: unset;
    left: 0;
  }
}

@media (max-width: 767px) {
    .header {
        position: absolute;
    }
    .header.scrolled {
        background: transparent;
    }
    .fourth-heading{
        font-size:30px;
        line-height:40px;
    }
  .home-hotel-listing-wrap:hover .hotel-listing-content,
  .home-hotel-listing-wrap .hotel-listing-content {
    height: auto;
    margin-bottom: 15px;
  }
  .search-bar {
    min-height: unset !important;
  }
  .city-ziarat-search #search-results {
    width: 100%;
  }
  .search-responsive-wrapper-open #search-results {
    display: block;
  }
  .search-responsive-wrapper #search-results {
    display: none;
  }
  .search-responsive-wrapper {
    display: block;
  }
  .search-desktop-wrapper {
    display: none;
  }
  .room-sharing-listing-search #search-results,
  .hotel-listing-search #search-results {
    width: 100%;
    top: 78px;
  }
  .ziarat-form .container {
    max-width: 90%;
  }
  .city-ziarat-gallery-wrap .slick-track > div {
    margin-right: 0px;
  }
  .hotel-hero-section {
    min-height: unset !important;
  }
  .hero-banner > h1 span {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    letter-spacing: 4px;
  }
  .single-home-sharing-availability-item {
    width: 100%;
  }
  .rating-main-wrapper {
    flex-direction: column;
  }
  .about-three-col-sec {
    padding: 50px 0px !important;
  }
  section.blogs-section.blog-news-section {
    padding-bottom: 20px;
  }
  .blogs-section .pagination {
    padding: 20px 0px !important;
  }
  #section10 {
    padding: 20px 0px 20px 0px !important;
    margin: 0 !important;
  }
  .contact-column2 > h2 {
    font-size: 35px;
    line-height: 45px;
  }
  .contact-column2 p {
    max-width: 100%;
    width: 100%;
  }
  .rating-main-wrapper > div {
    width: 100%;
  }
  .rating-main-wrapper .saperator {
    width: 100%;
    height: 1px;
  }
  .cross-icon {
    right: 20px;
    top: 20px;
  }
  .home-hero-section .search-banner {
    gap: 20px;
  }
  .cross-icon img {
    width: 15px;
    height: 15px;
    cursor: pointer;
  }
  .room-sharing-listing-main-section {
    padding-top: 20px;
  }

  /*custom banner*/
  .custom-ad-one-section {
    padding: 20px 0px;
  }
  div#custom-ad-2 {
    margin: 30px 0px;
  }
  .home-banner-ads {
    padding: 40px 15px 10px 15px !important;
  }
  .custom-ad-one-section::before {
    width: 100%;
    background: linear-gradient(
      270deg,
      rgba(0, 0, 0, 0) 1.83%,
      rgba(0, 0, 0, 0.5) 42.37%,
      #000 100%
    );
  }
  .home-banner-ads-wrapper h2 {
    font-size: 30px;
    line-height: 40px;
  }
  .home-banner-ads-wrapper h3 {
    font-size: 20px;
  }
  .home-banner-ads-wrapper ul {
    gap: 15px;
  }
  .home-banner-ads-wrapper {
    padding: 40px 20px;
  }
  .hotel-banner {
    width: 100%;
    gap: 10px;
  }
  .package-popup.pricing-popup .container {
    padding: 30px 20px;
  }
  .hotel-review-popup.pricing-popup .container {
    padding: 30px 20px;
  }
  .package-popup.pricing-popup h4 {
    font-size: 16px;
  }
  .package-popup.pricing-popup h2 {
    font-size: 25px;
    letter-spacing: -2px;
  }
  .hotel-review-popup.pricing-popup h2 {
    font-size: 25px;
    letter-spacing: -2px;
  }
  .ground-pkg-popup.pricing-popup .container {
    padding: 30px 20px;
  }

  .ground-pkg-popup.pricing-popup h4 {
    font-size: 16px;
  }
  .ground-pkg-popup.pricing-popup h2 {
    font-size: 25px;
  }
  /*#search-results .hotel-image{*/
  /*    height:75%;*/
  /*    width:30%;*/
  /*}*/
  #search-results .hotel-image img {
    border-radius: 4px;
  }
  .about-sec-2-wrapper {
    margin-bottom: 20px !important;
  }
  .about-hero-content {
    padding: 0px;
  }
  .faq-section {
    margin-bottom: 50px !important;
  }
  section.about-three-col-sec {
    padding: 20px 0px !important;
  }
  .testimonial-section {
    padding: 0px;
    background-image: unset !important;
  }
  .slick-track {
    gap: 0px !important;
  }
  .single-page-gallery-two .slick-track {
    gap: 10px !important;
  }

  .about-dua-content-wrapper .primary-btn,
  .about-update-content-wrapper .primary-btn {
    margin: 20px 0px;
  }
  .about-dua-wrapper {
    row-gap: 20px;
  }
  .footer-wrapper > .social-menu-wrapper > .menu-wrapper {
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
  }
  .custom-footer {
    padding: 30px 0px;
  }
  /*home*/
  .explore-section p {
    max-width: 100%;
  }
  .city-box {
    padding: 15px;
  }
  .explore-section h2 {
    font-size: 30px;
    line-height: 40px;
  }
  .testimonial-wrapper > h2 {
    font-size: 30px;
    line-height: 40px;
    padding-bottom: 10px;
  }
  .testimonial-wrapper > p {
    width: 100%;
  }
  .hotel-tabs .tabs {
    padding: 0;
    overflow-x: scroll;
    gap: 0px;
    /*justify-content: unset;*/
  }

  /* about */
  .about-service-wrap {
    width: 100%;
  }
  .about-update-sec {
    margin-bottom: 50px !important;
  }
  /* contact */
  .contact-form-wrapper form > p {
    width: 100%;
  }
  /* newsletter */
  .newsletter-para,
  .newsletter-wrap {
    width: 100%;
  }
  .newsletter-heading {
    font-size: 30px;
    line-height: 40px;
  }
  .single-page-address-wrap {
    flex-direction: column !important;
    align-items: flex-start;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .single-page-address-wrap > p {
    padding-left: 0;
    margin-left: 0;
  }
  .single-page-address-wrap > p:before {
    display: none;
  }
  .single-page-gallery-one .slick-track {
    gap: 0;
  }
  /*.search-bar {*/
  /*    padding: 8px 20px;*/
  /*}*/
  /*.single-page-gallery-two-item.slick-current:before, .single-page-gallery-two-item.slick-current + .slick-active:before, .search-bar .search-button {*/
  /*    display: none;*/
  /*}*/
  .search-button-resp .search-btn {
    display: block;
  }
  .search-button {
    display: none;
  }
  /*.search-banner {*/
  /*    flex-direction: column !important;*/
  /*}*/
  .search-button-resp {
    display: flex;
    gap: 10px;
  }
  .search-button-resp #search-button {
    background-color: #ff8c2a;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
    border-radius: 12px;
    padding: 11px 20px;
    flex: 1;
    margin-top: 10px;
  }
  #search-results {
    width: 100%;
    top: 64px;
  }
  .single-page-gallery-two-item.slick-current::after,
  .single-page-gallery-two-item.slick-current + .slick-active:after,
  .single-page-gallery-two-item.slick-current::before,
  .single-page-gallery-two-item.slick-current + .slick-active:before {
    border: 4px solid rgba(128, 128, 128, 0.3);
  }
  .noptin-form-footer {
    padding: 0px !important;
    margin-top: 20px;
  }
  .review-search-form,
  .review-search-form > div {
    flex-direction: column;
    align-items: flex-start;
  }
  .review-search-form input,
  .review-search-form > div,
  .review-search-form > div select {
    width: 100%;
  }
  .review-search-form > div {
    align-items: flex-start;
  }
  .single-home-sharing-availability-wrap {
    flex-direction: column !important;
    align-items: flex-start;
  }
  .review-card-wrapper .slick-list {
    padding: 0 0px !important;
  }
  /*BLOG-PAGE */
  /*  .related-posts-wrapper .blog-listing  .cats_blogs-slider .blog-post {*/
  /*    width: 100% !important;*/
  /*}*/
  .featured-news-post-section.featured-posts-section .post-info h2,
  .featured-news-post-section.featured-posts-section .post-info h2 a {
    font-size: 25px !important;
    line-height: 35px !important;
  }
  .explore-section,
  .home-hotel-section {
    padding: 20px 0px 20px;
  }
  section.testimonial-section {
    padding: 20px 0px;
  }
  .review-card-wrapper {
    padding: 0px;
  }
}

@media only screen and (max-width: 600px) {
  .fifty,
  .thirty {
    width: 100%;
  }
  .contact-box {
    width: 100%;
  }
  .about-update-box-wrapper img {
    min-height: 212.89px;
    margin-bottom: 18px !important;
    border-radius: 6px !important;
  }
  .about-update-small-box-wrap {
    padding: 16px 13px !important;
  }
  .about-update-small-box-wrap > div {
    font-size: 15.17px;
    line-height: 22.76px;
    -webkit-line-clamp: 3;
  }
  .room-sharing-img-wrap img {
    max-height: 350px;
  }
  .header-date-wrap {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
  }
  .header-date-wrap > span.english-date {
    display: block;
  }
  .header-date-wrap > span {
    display: none;
  }
}

@media (max-width: 550px) {
  #weather {
    font-size: 12px;
  }
  .custom-temp-social-link-wrapper {
    width: 100%;
  }
  .custom-date-wrapper {
    flex: 2;
  }
  .temp-wrap {
    flex: 1;
    justify-content: flex-end !important;
  }
  .header-date-wrap {
    font-size: 10px;
  }
  .hotel-tabs .tabs {
      justify-content: unset;
  }
}
@media (max-width: 500px) {
  .home-tabs-wrapper > p {
    padding: 12px;
    flex: 1;
  }
  .single-page-facilities-wrap {
    gap: 10px 4%;
    justify-content: center;
  }
  .single-page-facilities-wrap > div {
    min-width: unset !important;
    width: 48% !important;
    padding: 8px 10px;
    justify-content: center;
  }
  /*header*/
  /* .translated-rtl .custom-date-wrapper,
  .translated-rtl .temp-wrap {
    flex-direction: row-reverse;
  }
  .translated-rtl .temp-wrap #weather {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
  }
  .translated-rtl .temp-wrap #weather > img {
    margin-right: 0;
    margin-left: 9px;
  } */
  .custom-date-wrapper,
  .temp-wrap {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    gap: 13px;
  }
  /*.custom-temp-social-link-wrapper{*/
  /*    flex-direction:column;*/
  /*}*/
  .header-divider {
    display: none;
  }
  /*home*/
  .city-box {
    width: 100%;
  }
  .city-box a {
    width: 100%;
  }
  /* about */
  .about-choose-content-wrapper > h3,
  .about-dua-content-wrapper > h3 {
    font-size: 30px;
    line-height: 40px;
  }
  .big-box-container,
  .small-boxes-container {
    width: 100%;
  }
  
  .small-boxes-container h4 {
    font-size: 18px !important;
  }
  .about-update-small-box-wrap .para-9 {
    font-size: 16px !important;
    line-height: 24px;
  }
  /* newsletter */
  .newsletter-wrapper {
    padding: 40px 30px;
  }
  .single-room-sharing-you-also-like-wrapper > div {
    flex-direction: column !important;
  }
  .single-room-sharing-you-also-like-img-wrap {
    max-width: 100%;
    /*max-height: 220px;*/
  }
  .contact-column2 > h2 {
    font-size: 30px;
    margin-bottom: 20px;
    line-height: 40px;
  }
  a.trp-ls-shortcode-disabled-language.trp-ls-disabled-language {
    font-size: 12px;
  }
}

@media (max-width: 450px) {
  #weather {
    font-size: 10px !important;
  }
  .room-sharing-img-wrap img {
    max-height: 300px;
    min-height: 300px;
  }
  .hotel-city-wrap {
      flex-direction: column;
      gap: 0;
  }
  .hotel-banner p.city {
      font-size: 10px;
  }
}
@media (max-width: 380px) {
  .about-header-image {
    min-height: 175px;
  }
}