.global-home-link-dropdown-box.show #dropdownMenuButton1 {
  color: #fff;
}

nav .dropdown-menu {
  border: 0;
  border-radius: 0;
}

.global-home-link-dropdown-box .navbar-nav .nav-link,
.darkHeader .global-home-link-dropdown-box.show #dropdownMenuButton1 {
  color: #2b2724 !important;
}

.global-home-link-dropdown-inner-box .nav-indentation-class > .nav-link {
  font-weight: 700 !important;
  cursor: default;
}

.hotel-nav-sub-heading {
  font-weight: 700 !important;
}

.hotel-nav-sub-heading > .nav-link {
  /* text-decoration: none !important; */
  cursor: default;
}

nav .dropdown-menu li {
  padding: 10px 16px 13px 20px;
}

.global-home-link-dropdown-inner-box .navbar-nav .nav-indentation-class {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.global-home-link-dropdown {
  color: #fff;
}

#nav-main .navbar-collapse .navbar-nav {
  max-width: 780px;
}

.manageBooking-desktop {
  position: absolute;
  top: 2px;
  right: 230px !important;
  color: #fff;
  font-family: FreightSansProBook;
  font-size: 14px !important;
  font-weight: 300 !important;
  letter-spacing: 0;
  line-height: 18px !important;
  margin-bottom: 14px;
  white-space: nowrap;
  cursor: pointer;
}

:lang(ar) .manageBooking-desktop {
  right: unset !important;
  left: 180px !important;
}

@-moz-document url-prefix() {
  :lang(ar) .manageBooking-desktop {
    left: 210px;
  }
}

.manageBooking-desktop:hover {
  text-decoration: underline;
}

.darkHeader .manageBooking-desktop {
  color: #25282d;
}

#nav-main.navbar:hover .manageBooking-desktop {
  color: #25282d;
}

@media (min-width: 992px) {
  .more-dropdown-navbar :lang(ar) .menu-bottom-border {
    margin: 0 17px 0 15px !important;
  }

  .global-home-link-dropdown-box {
    position: absolute;
    right: 0;
    top: 0;
  }

  .global-home-link-dropdown {
    position: absolute;
    top: 10px;
    /* color: #fff; */
    right: 45px;
    font-size: 14px;
  }

  .global-home-link-dropdown-box .dropdown-menu.show {
    top: 0;
    margin-top: 0;
    left: auto;
    right: 0;
    min-width: auto;
    width: 100vw;
    padding: 44px 0 35px;
  }

  .global-home-link-dropdown-inner {
    width: 1170px;
    padding: 0;
    margin: 0 auto;
  }

  /* .global-home-link-dropdown-inner .menu-item-12719 a[href^="http://dummy"] {
          display: none;
      } */
  .global-home-link-dropdown-inner-box .close {
    position: absolute;
    right: 43px;
    top: 40px;
  }

  .global-home-link-dropdown-inner-box {
    position: inherit;
    padding-top: 22px;
    padding-bottom: 9px;
  }

  /* .global-home-link-dropdown-inner-box .navbar-nav {
          width: 100vw;
          display: block;
          margin-top: 0;
          top: 99%;
      } */
  .global-home-link-dropdown-inner-box .navbar-nav {
    /* width: 785px; */
    margin: 0 auto;
    display: grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(7, 1fr);
    /* grid-template-columns: 1fr 1fr 1fr; */
    grid-column-gap: 5px;
    padding: 0;
  }

  .global-home-link-dropdown-inner-box .navbar-nav li {
    margin: 0;
    padding-left: 0;
  }

  .global-home-link-dropdown-inner-box .navbar-nav .nav-link {
    padding: 0;
    padding-left: 0 !important;
  }

  .global-home-link-dropdown-inner-box .navbar-nav .nav-indentation-class {
    padding: 10px 0px;
    margin: 0 40px 0 0;
    grid-row: 1 / 2;
    grid-column-end: span 3;
  }

  .global-home-link-dropdown-inner-box
    .navbar-nav
    .dropdown-item.current-menu-item {
    position: relative;
  }

  .global-home-link-dropdown-inner-box
    .navbar-nav
    .dropdown-item.current-menu-item::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f0da";
    position: absolute;
    left: -15px;
  }

  .global-home-link-dropdown-inner-box .navbar-nav li.hotel-nav-sub-heading {
    padding: 10px 16px 13px 20px;
  }
}

@media (max-width: 991px) {
  .global-home-link-dropdown-inner-box
    .navbar-nav
    .dropdown-item.current-menu-item {
    position: relative;
  }

  .global-home-link-dropdown-inner-box
    .navbar-nav
    .dropdown-item.current-menu-item
    a {
    padding-left: 20px;
  }

  .global-home-link-dropdown-inner-box
    .navbar-nav
    .dropdown-item.current-menu-item::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f0da";
    position: absolute;
    top: 9px;
    left: 7px;
  }

  .global-home-link-dropdown-box {
    position: absolute;
    right: 20px;
    top: 10px;
  }

  nav.navbar.navbar-expand-xl.navigation.align-items-end.fixed-top.navigation-individual-hotel.top-cookie-message-height.fade-transparent {
    padding: 45px 12px 20px 12px;
  }

  .global-home-link-dropdown-box .dropdown-menu.show {
    top: -20px;
    margin-top: 0;
    left: auto;
    right: -20px;
    width: 100vw;
    padding: 24px 10px 35px;
    height: calc(100vh + 20px);
  }

  .global-home-link-dropdown-inner-box .navbar-nav {
    max-height: 97vh;
    overflow: scroll;
    padding-bottom: 120px;
  }

  /* Country flag design change suggested by MARAL */
  /* #topbooknow {
        margin-top: 120px;
    } */
  #topbooknow {
    margin-top: 100px;
  }
}

@media (max-width: 600px) {
  .navbar-global-home-page .hotel_resorts_dropdown .dropdown-item {
    padding-left: 18px;
  }

  .hotel_resorts_dropdown .nav-indentation-class {
    padding-left: 3px;
  }
}

/* navbar changes to add more option */

@media (min-width: 992px) {
  [id^="menu-item-"].more-option-menu #hotelList__dropdown {
    position: absolute;
    width: auto;
    top: 53px;
    left: -40px;
  }

  :lang(ar) [id^="menu-item-"].more-option-menu #hotelList__dropdown {
    left: unset;
    right: -40px;
  }
}

@media (max-width: 991px) {
  .more-option-menu a.dropdown-toggle.nav-link {
    display: none;
  }

  .more-option-menu #hotelList__dropdown {
    display: block;
    padding: 0;
  }

  nav .more-option-menu #hotelList__dropdown.dropdown-menu li {
    padding: 10px;
  }
}

/* navbar changes to add more option */

/*! CSS For Display scaling issues Start */

@media (-webkit-device-pixel-ratio: 1.5),
  (-moz-device-pixel-ratio: 1.5),
  (-webkit-device-pixel-ratio: 1.25),
  (-moz-device-pixel-ratio: 1.25) {
  :lang(ar) .custom-navbar-page #nav-main.navbar .navbar-nav .nav-link {
    font-size: 12px !important;
    /* Font size adjustment for Arabic */
    padding-left: 0.5rem;
    /* Adjust padding for Arabic */
  }
}

/* Additional Responsive Adjustments */
@media screen and (min-width: 1600px) and (max-width: 1900px) {
  .custom-navbar-page #work-area {
    max-width: 400px;
    /* Max width for work area */
  }
}

@media (min-width: 1198px) {
  .more-option-menu #hotelList__dropdown {
    top: 53px;
    left: -30px;
  }

  .custom-navbar-page .collapse.navbar-collapse {
    padding-inline-start: 0;
    padding-inline-end: 0;
  }

  .custom-navbar-page #new-workarea-ul,
  .custom-navbar-page #new-workarea-ul li {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .custom-navbar-page .custom-navigation-expandable ul.navbar-nav {
    display: flex;
    flex-direction: row;
    width: 100%;
  }

  .custom-navbar-page #work-area .navbar-nav .nav-item {
    white-space: nowrap;
    text-align: center;
    width: auto;
    margin-inline-end: 8px;
    /* Adjusted for RTL support */
  }

  .custom-navbar-page #bootscore-navbar-collapsedd {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .custom-navbar-page #work-area {
    display: flex;
    flex: 1;
    justify-content: start;
    overflow: hidden;
    padding: 0;
    /* margin-inline-end: 10px;   adjusted for rtl support*/
  }

  .custom-navbar-page .navigation-ul-area {
    margin-block-end: 0px !important;
    /* Adjusted for RTL support */
  }
}

@media screen and (min-width: 1140px) {
  .custom-navbar-page #nav-main .navbar-collapse .work-navbar-nav {
    justify-content: start;
  }
}

@media (min-width: 1950px) {
  .custom-navbar-page ul.navbar-nav > li {
    width: auto !important;
  }
}

#nav-main.navbar.darkHeader .navigation-ul-area .nav-link,
#nav-main.navbar.alternate-navbar .navigation-ul-area .nav-link {
  color: black;
}

@media screen and (min-width: 1140px) {
  #nav-main.navbar:hover .navigation-ul-area .nav-link {
    color: #25282d;
  }
}

#nav-main.navbar .navigation-ul-area .nav-link {
  color: #fff;
  font-size: 17px;
  font-weight: 50;
}

@media screen and (min-width: 1140px) {
  #nav-main .nav-link {
    padding-bottom: 0;
  }
}

.work-navbar-nav {
  font-family: FreightSansProMedium;
}

.no-more-dropdown {
  display: flex;
}

#nav-main .right-nav-container {
  transition: max-width 0s !important;
}

#nav-main .right-nav-container {
  transition: none !important;
}

@media (max-width: 1198px) {
  .more-dropdown-navbar #hotelList__dropdown .menu-item {
    padding-inline-start: 0 !important;
    margin-inline-start: 0;
  }

  .more-dropdown-navbar .navbar-nav.rightlinks.internal_page #topbooknow {
    margin-inline-start: 2px !important;
  }

  .more-dropdown-navbar .navigation-ul-area {
    display: none !important;
  }
}

@media screen and (max-width: 990px) {
  .more-dropdown-navbar #topbooknow {
    margin-top: 65px;
  }
}

@media screen and (min-width: 990px) and (max-width: 1200px) {
  .more-dropdown-navbar #topbooknow {
    margin-top: 65px;
  }
}

.fit-content {
  max-width: fit-content !important;
}

@media (min-width: 769px) {
  .booknowbtn {
    margin-inline-start: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1270px) {
  #nav-main .navbar-collapse .navbar-nav.rightlinks {
    padding-inline-end: 0px !important;
    /* Adjusted for RTL support */
  }
}

@media (max-width: 900px) {
  #hotelList__dropdown.dropdown-menu.show > .hotel_resorts_dropdown {
    padding-bottom: 15px !important;
  }
}

@media screen and (min-width: 750px) {
  .btn-outline-dark {
    color: #6a6a6a;
    border-color: #808183 !important;
  }

  .btn-outline-dark:hover {
    color: #fff;
    border-color: #000000 !important;
  }
}

@media screen and (max-width: 750px) {
  .cta-buttons-redirection {
    border-block-start: 1px solid #ccc;
    /* Adjusted for RTL support */
  }
}

@media screen and (min-width: 1550px) {
  .hotel_resorts_dropdown {
    padding-inline-start: 25px !important;
    /* Adjusted for RTL support */
  }
}

@media (-moz-device-pixel-ratio: 1.25) {
  .navigation-ul-area {
    font-size: 14px !important;
  }
}

@media (min-width: 1198px) {
  #responsive-navbar-flex {
    display: flex;
  }

  .dropdown-item.current-menu-item {
    position: relative;
    font-weight: 600 !important;
  }

  .dropdown-item.current-menu-item::before {
    content: "";
    position: absolute;
    left: -10px;
    top: 50%;
    transform: translateY(-50%);
    /* border-left: 6px solid black; */
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
  }

  :lang(ar) .dropdown-item.current-menu-item::before {
    left: auto;
    right: -10px;
    /* Move arrow to the right */
    border-left: none;
    /* Remove left border */
    border-right: 6px solid black;
    /* Add right border */
  }

  li.dropdown-item:hover {
    position: relative;
  }

  li.dropdown-item:hover a {
    font-weight: 600 !important;
  }

  li.dropdown-item:not(.hotel-nav-sub-heading):hover::before {
    content: "";
    position: absolute;
    left: -10px;
    top: 50%;
    transform: translateY(-50%);
    /* border-left: 6px solid black; */
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
  }

  :lang(ar) li.dropdown-item:not(.hotel-nav-sub-heading):hover::before {
    left: auto;
    right: -10px;
    /* Move arrow to the right */
    border-left: none;
    /* Remove left border */
    border-right: 6px solid black;
    /* Add right border */
  }
}

#hotelList__dropdown .menu-item {
  padding: 10px 15px;
}

.custom-navbar-page #work-area {
  display: flex;
  justify-content: start;
}

.custom-navbar-page #nav-main {
  margin: 0;
}

.custom-navbar-page #nav-main .navbar-nav {
  margin: 0;
}

.custom-navbar-page .fixed-top {
  padding: 0 10px;
  /* Adjusted for RTL support */
}

.nav-individual .right-nav-container {
  max-width: 400px !important;
}

@media (min-width: 992px) and (max-width: 1197px) {
  .more-dropdown-navbar #bootscore-navbar-collapsedd {
    margin-top: 20px;
  }

  .more-dropdown-navbar li.wpml-ls-slot-shortcode_actions.wpml-ls-item {
    margin-inline-start: 17px;
    margin-top: 5px;
  }
}

@media (min-width: 992px) {
  .more-dropdown-navbar
    :lang(ar)
    [id^="menu-item-"]
    #hotelList__dropdown
    .hotel_resorts_dropdown {
    width: 790px;
  }
}

@media (min-width: 1198px) {
  .more-dropdown-navbar :lang(ar) .more-option-menu #hotelList__dropdown {
    left: -80px;
    right: unset;
  }
}

/* .more-dropdown-navbar #nav-main .nav-link,
.more-dropdown-navbar #hotelList__dropdown .menu-item {
  font-size: 16px !important;
  font-family: Tahoma, Verdana, Segoe, sans-serif !important;
  line-height: 24px;
} */

@media screen and (min-width: 1140px) {
  :lang(ar) .more-dropdown-navbar .right-nav-container {
    max-width: 300px !important;
  }

  :lang(ar) #nav-main .right-nav-container {
    max-width: 300px;
  }
}

@media screen and (min-width: 1900px) {
  #nav-main .navbar-collapse .navbar-nav {
    max-width: 750px;
  }

  /* #nav-main .right-nav-container {
    max-width: 400px; 
  }
  :lang(en) #nav-main .right-nav-container {
    max-width: 300px; 
  }
  #nav-main .navbar-collapse .navbar-nav.rightlinks.show,
  #nav-main .navbar-collapse .navbar-nav.rightlinks.internal_page {
    max-width: 500px;
  }
  :lang(fr-fr) #nav-main .right-nav-container,
  :lang(fr-fr) #nav-main .navbar-collapse .navbar-nav.rightlinks.show {
    max-width: 360px; 
  }
  :lang(de-de) #nav-main .right-nav-container,
  :lang(de-de) #nav-main .navbar-collapse .navbar-nav.rightlinks.show {
    max-width: 320px; 
  }
  :lang(de-de) #nav-main .navbar-collapse .navbar-nav {
    max-width: 1000px; 
  }
  :lang(ru) #nav-main .right-nav-container {
    max-width: 320px; 
  } */
}

/* :lang(ar) #nav-main .navbar-collapse .navbar-nav.rightlinks.show,
:lang(ar) #nav-main .navbar-collapse .navbar-nav.rightlinks.internal_page {
  max-width: 320px;
} */

@media (min-width: 1200px) and (max-width: 1350px) {
  .more-dropdown-navbar .static-area {
    min-width: 600px !important;
  }
}

/* 
#nav-main .navbar-collapse .navbar-nav.rightlinks.show,
#nav-main .navbar-collapse .navbar-nav.rightlinks.internal_page {
  max-width: 300px;
} */

/* @media screen and (min-width: 1140px) {
  #nav-main .navbar-collapse .navbar-nav.rightlinks {
    max-width: 190px;
  }
  #nav-main .right-nav-container,
  :lang(fr-fr) #nav-main .navbar-collapse .navbar-nav.rightlinks {
    max-width: 300px;
  }
  :lang(fr-fr) #nav-main .right-nav-container {
    max-width: 340px;
  }
  :lang(fr-fr) #nav-main .navbar-collapse .navbar-nav.rightlinks {
    max-width: 220px;
  }
  :lang(fr-fr) #nav-main .navbar-collapse .navbar-nav.rightlinks.show {
    max-width: 310px;
  }
  :lang(ar) #nav-main .right-nav-container {
    max-width: 320px;
  }
  :lang(fr-fr) #nav-main .navbar-collapse .navbar-nav.rightlinks.internal_page {
    max-width: 350px;
  }
  :lang(de-de) #nav-main .right-nav-container,
  :lang(de-de) #nav-main .navbar-collapse .navbar-nav.rightlinks.show {
    max-width: 270px;
  }
} */

@media screen and (min-width: 1140px) {
  #nav-main .navbar-collapse .navbar-nav.rightlinks {
    /* padding-inline-end: 20px; */
    /* Adjusted for RTL support */
  }

  .nav-individual .navbar-nav.rightlinks {
    padding-inline-end: 0 !important;
    /* Adjusted for RTL support */
  }
}

@media screen and (min-width: 900px) and (max-width: 1199px) {
  /* :lang(ar) .manageBooking-desktop {
    left: 30px !important;
    right: unset !important;
  }

  .manageBooking-desktop {
    right: 30px !important;
  } */
}

@media screen and (max-width: 1024px) {
  .custom-navbar-page #nav-main .navbar-collapse .navbar-nav:not(.rightlinks) {
    border-block-end: 0;
    padding: 0;
  }

  .custom-navbar-page .fixed-top {
    inline-size: auto;
    /* margin-inline-end: 20px !important;  */
  }
}

@media (min-width: 1024px) and (max-width: 1198px) {
  .custom-navbar-page .fixed-top {
    inline-size: auto;
  }
}

@media (min-width: 1025px) and (max-width: 1198px) {
  #nav-main.navbar .navbar-nav .nav-link {
    color: black !important;
  }
}