* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
    
    /* Full-screen blur overlay for desktop */
    .overlay-blur {
      position: fixed;
      inset: 0;
      background-color: rgba(255,255,255,0);
      backdrop-filter: blur(15px);
      -webkit-backdrop-filter: blur(15px);
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.3s ease;
      z-index: 500;
    }

    body.blur-background .overlay-blur {
      opacity: 1;
    }
    
  /* Announcement Bar */
.announcement-bar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #3f3131;
  color: #ffffff;
  z-index: 1100;
  font-family: 'MessinaSans-Regular', sans-serif;
  height: 48px;
  display: flex;
  align-items: center;
  transition: opacity 0.3s ease;
}

.announcement-bar.hidden {
  display: none;
}

.announcement-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
}

.announcement-home-icon {
  flex-shrink: 0;
}

.home-icon {
  width: 20px;
  height: 20px;
  filter: brightness(0) invert(1);
}

.announcement-text {
  flex: 1;
  text-align: center;
  padding: 0 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.announcement-description {
  font-size: 15px;
  font-family: 'MessinaSans-Book';
  line-height: 140%;
  color: #ffffffbf;
  margin: 0;
}

/* Close Button */
.close-announcement {
  cursor: pointer;
  font-size: 22px;
  flex-shrink: 0;
  padding: 0 10px;
  color: #fff;
}

.close-announcement:hover {
  color: #ccc;
}

/* Responsive Adjustments */
@media (max-width: 1024px) {
  .announcement-bar {
    height: 50px;
  }

  .announcement-content {
    padding: 0 15px;
  }

  .home-icon {
    width: 18px;
    height: 18px;
  }

  .announcement-description {
    font-size: 13px;
  }

  .close-announcement {
    font-size: 18px;
  }

  .announcement-text {
    padding: 0 20px;
  }
}

@media (max-width: 767px) {
  .announcement-bar {
    height: 60px;
    padding: 8px 0;
  }

  .announcement-content {
    flex-direction: row;
    align-items: center;
    padding: 0 10px;
    gap: 10px;
  }

  .announcement-home-icon,
  .close-announcement {
    flex-shrink: 0;
  }

  .home-icon {
    width: 20px;
    height: 20px;
  }

  .announcement-text {
    flex: 1;
    text-align: center;
    padding: 0 15px;
  }

  .announcement-description {
    font-size: 12px;
    line-height: 1.4;
    margin: 0;
  }

  .close-announcement {
    font-size: 20px;
    padding: 0 5px;
  }
}

/* Adjust other elements when bar is closed */
body.announcement-closed .custom-header,
body.announcement-closed .roseate-navbar.scrolled,
body.announcement-closed .roseate-side-panel,
body.announcement-closed .side-mega-menu,
body.announcement-closed .roseate-mobile-tab-nav,
body.announcement-closed .roseate-mobile-tab-nav.scrolled {
  top: 0;
}
body.announcement-closed .roseate-mega-menu {
   top: 70px;
}
body.announcement-closed .roseate-mobile-tab-menu,
body.announcement-closed .luxury-stay-submenu {
   top: 56px;
}
body.announcement-closed .about-us-section {
        padding-top: 125px;
}
.page-content {
  margin-top: 100px;
}

.custom-header,
.roseate-mobile-tab-nav {
  top: var(--bar-height, 48px);
  transition: top 0.3s ease;
}

/* Responsive Announcement Bar */
@media (max-width: 1024px) {
  body.announcement-closed .about-us-section {
        padding-top: 150px;
  }
  .announcement-bar {
    height: 50px;
  }
  .announcement-content {
    padding: 0 15px;
  }
  .announcement-title {
    font-size: 14px;
  }
  .announcement-description {
    font-size: 12px;
  }
  .close-announcement {
    font-size: 16px;
  }
  .custom-header,
  .roseate-mobile-tab-nav {
    top: var(--bar-height, 50px);
  }
  body.announcement-closed .custom-header,
  body.announcement-closed .roseate-mobile-tab-nav {
    top: 0;
  }
}

@media (max-width: 767px) {
  body.announcement-closed .about-us-section {
        padding-top: 130px;
  }
  .announcement-bar {
    height: 60px;
  }
  .announcement-content {
        flex-direction: row;
        text-align: center;
        height: 100%;
        justify-content: center;
        align-items: start;
        padding: 0 10px;
  }
  .announcement-text {
        display: grid;
        margin: 5px;
  }
  .announcement-description {
    margin-left: 0;
  }
  .close-announcement {
    position: static;
    transform: none;
    margin-top: 1px;
    font-size: 20px;
  }
  .custom-header,
  .roseate-mobile-tab-nav {
    top: var(--bar-height, 60px);
  }
  body.announcement-closed .custom-header,
  body.announcement-closed .roseate-mobile-tab-nav {
    top: 0;
  }
}

    
    /*gtlanguage css*/
    .gtlanguage-switcher {
      position: relative;
      display: inline-block;
    }
    
    .gtlang-toggle {
      background: transparent;
      color: #2C2826;
      padding: 0px;
      border: none;
      cursor: pointer;
      border-radius: 5px;
      display: flex;
      align-items: center;
    }
    .gt-active-flag {
        font-family: 'MessinaSans-Regular';
        font-size: 14px;
    }
    .custom-navbar .gtarrow i{  color: var(--primary-color);
    }
    .gtarrow {
        font-size: 12px;
        padding-left: 5px;
    }
    .gtranslate_flags {
      position: absolute;
      top: 100%;
      background: #fff1ea;
      padding: 5px;
      z-index: 999;
      font-family: 'MessinaSans-Regular';
      font-size: 14px;
    }
    
    .gtranslate_flags a {
        display: flex;
        padding: 0px;
        color: #2C2826;
    }
    
    .gtranslate_flags img {
      width: 16px;
      height: auto;
      margin: 0px 5px 0px 0px !important;
    }
    .roseate-navbar.nav-hovered .gtlang-toggle,
    .roseate-navbar.scrolled .gtlang-toggle,
    .roseate-navbar.scrolled .gtarrow,
    .roseate-navbar.scrolled .gtarrow {
      color: #2C2826;
    }

    /*Navbar Blur*/
    .custom-header.blur-except-left .roseate-navbar-center,
    .custom-header.blur-except-left .roseate-navbar-right {
      filter: blur(8px);
      pointer-events: none;
      user-select: none;
      transition: filter 0.3s ease;
    }

    .custom-header.blur-except-left .roseate-navbar-left {
      filter: none !important;
      pointer-events: auto;
      user-select: auto;
    }
    
/*Pop Up Css */
.popup-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1000;
  overflow-y: auto;
  backdrop-filter: blur(8px);
}
.popup-content {
  background: #fff1ea;
  margin: 60px auto;
  padding: 0;
  border-radius: 0;
  width: 90%;
  max-width: 480px;
  position: relative;
  font-family: 'Helvetica Neue', sans-serif;
}
.booking-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 18px 35px 14px 35px;
  border-bottom: 1px solid #8d6a6d96;
}
.booking-bar p {
    margin: 0;
    font-size: 22px;
    color: #2c2826;
    font-family: 'MessinaSans-Regular';
}
.close-popup {
  font-size: 20px;
  cursor: pointer;
  color: #2c2826;
  line-height: 1;
}
.tab-container {
  width: 100%;
}
.tab-nav {
  list-style: none;
  padding: 0 16px;
  display: flex;
  justify-content: space-around;
  gap: 24px;
  border-bottom: 1px solid #8d6a6d96;
}
.tab-link {
  cursor: pointer;
    padding: 12px 0;
    font-size: 16px;
    color: #8d6a6d96;
    position: relative;
    font-family: 'MessinaSans-Regular';
}
.tab-link.active {
  color: #2c2826;
}
.tab-link.active::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: #8b6d65;
  border-radius: 2px;
}
.tab {
  display: none;
}
.tab.active {
  display: block;
}

/*Popup CF7 Form CSS*/
.roseate-booking-form {
  background: #fff1ea;
  padding: 15px 30px;
  border-radius: 16px;
  max-width: 500px;
  margin: 0px 0px 25px 0px;
}
.roseate-booking-form p{
  margin: 0px;
}
.roseate-submit {
    border-top: 1px solid #8d6a6d96;
}
.roseate-submit p{
    margin: 30px 20px 0px 30px;
}
.roseate-booking-form select,
.roseate-booking-form input[type="date"],
.roseate-booking-form input[type="number"] {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid #8d6a6d96;
  background: #fff1ea;
  font-size: 14px;
  color: #8D6A6D;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  margin-bottom: 12px;
}

.tab-container .wpcf7-form input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(37%) sepia(22%) saturate(577%) hue-rotate(306deg) brightness(92%) contrast(87%);
}

.tab-container .wpcf7-form input.wpcf7-form-control:focus,
.tab-container .wpcf7-form select.wpcf7-form-control:focus,
.tab-container .wpcf7-form textarea.wpcf7-form-control:focus {
    -webkit-appearance: none;
    appearance: none;
    border: 1px solid #8d6a6d96;
    outline: none !important;
    box-shadow: none !important; /* Remove Safari’s glow */
    -webkit-tap-highlight-color: transparent; /* Remove tap highlight */
}

.roseate-booking-form select {
  background: #fff1ea url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%238d6a6d" viewBox="0 0 24 24"><path d="M7 10l5 5 5-5z"/></svg>') no-repeat right 14px center;
  background-size: 16px;
}

.roseate-booking-form .wpcf7-not-valid-tip {
    margin: -5px 0px 10px;
}

.roseate-booking-form .date-row,
.roseate-booking-form .row-inputs {
  display: flex;
  gap: 10px;
}

.roseate-booking-form textarea {
    width: 100%;
}

.roseate-booking-form .date-row input,
.roseate-booking-form .row-inputs input {
  flex: 1;
  margin-bottom: 0;
}

.roseate-booking-form input[type="submit"] {
    background: #FFBFA5;
    color: #2C2826;
    border: none;
    padding: 14px;
    font-size: 15px;
    border-radius: 24px;
    margin-top: 50px;
    cursor: pointer;
    width: 100%;
    transition: background 0.3s ease;
}
.roseate-booking-form input,
.roseate-booking-form textarea,
.roseate-booking-form select {
    width: 100%;
    padding: 12px 14px;
    margin-bottom: 12px;
    border: 1px solid #8d6a6d40;
    font-size: 14px;
    color: #8D6A6D;
    background-color: #fff1ea;
    font-family: 'MessinaSans-Regular';
}

.roseate-booking-form input::placeholder,
.roseate-booking-form textarea::placeholder {
    color: #8D6A6D !important;
    font-size: 14px;
}
.roseate-booking-form .form-label {
    margin-bottom: 5px;
    font-size: 14px;
    color: #8D6A6D;
}
.wpcf7-form .wpcf7-submit.roseate-form-submit-btn {
  background: #FFBFA5;
  color: #2C2826;
  padding: 14px;
  border: none;
  border-radius: 24px;
  cursor: pointer;
  font-size: 14px;
  font-family: 'MessinaSans-Regular';
  width: 100%;
  transition: background 0.3s ease;
}
.wpcf7 form.sent .wpcf7-response-output {
    display: inline-block;
    margin-top: 0px;
}
@media (max-width: 480px) {
  .roseate-booking-form {
    padding: 18px 14px;
  }
  .roseate-booking-form .date-row,
  .roseate-booking-form .row-inputs {
    flex-direction: column;
  }
  .popup-content {
    margin: 40px 16px;
    width: auto;
  }
}


  
    /* ==================== */
    /* DESKTOP NAVBAR STYLES */
    /* ==================== */
    
    @media (min-width: 1025px) {
      .roseate-navbar-center,.roseate-navbar-right,.roseate-navbar-left{
        backdrop-filter:blur(16px);
        -webkit-backdrop-filter: blur(16px);
      }

    /* Navbar Container */
    .roseate-navbar {
      display: flex;
      width: 100%;
      height: 70px;
      position: fixed;
      /*top: 0;*/
      z-index: 1000;
      transition: background-color 0.2s ease;
    }

    .roseate-navbar.nav-hovered,
    .roseate-navbar.scrolled,
    .roseate-navbar.side-panel-open {
      background-color: #fff1ea;
    }
    .roseate-navbar.scrolled {
        top: 48px;
    }

    /* Navbar Left Section */
    .roseate-navbar-left {
      width: 12%;
      border-right: 1px solid #a68f914f;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      min-height: 160px;
      border-bottom: 1px solid #a68f914f;
      transition: background-color 0.2s ease;
      background-color: #fff1ea;
    }

    .roseate-navbar.nav-hovered .roseate-navbar-left,
    .roseate-navbar.scrolled .roseate-navbar-left,
    .roseate-navbar.side-panel-open .roseate-navbar-left {
      background-color: #fff1ea;
      border-right: 1px solid #a68f914f;
      border-bottom: 1px solid #a68f914f;
      transition: background-color 0.4s ease;
      backdrop-filter: none !important;
      -webkit-backdrop-filter: none !important;
    }

    .roseate-logo-container {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 20px;
      width: 100%;
      border-bottom: 1px solid #a68f914f;
    }

    .roseate-navbar.side-panel-open .roseate-logo-container,
    .roseate-navbar.nav-hovered .roseate-logo-container,
    .roseate-navbar.scrolled .roseate-logo-container,
    .roseate-navbar.nav-hovered .roseate-navbar-center,
    .roseate-navbar.scrolled .roseate-navbar-center,
    .roseate-navbar.nav-hovered .roseate-navbar-right,
    .roseate-navbar.scrolled .roseate-navbar-right {
        border-bottom: 1px solid #a68f914f;
    }

    .roseate-navbar.nav-hovered .roseate-lang-dropdown,
    .roseate-navbar.scrolled .roseate-lang-dropdown {
      border-left: 1px solid #AA8F92;
    }

    .roseate-logo-container img.default-logo {
      display: none;
      width: 100%;
    }

    .roseate-logo-container img.black-logo {
      display: block;
      width: 100%;
    }

    .roseate-logo-container img.scrolled-logo {
      margin: 3px;
      display: none;
    }
    
    .roseate-navbar.scrolled .roseate-logo-container {
      padding: 20px;
    }

    .roseate-navbar.nav-hovered .roseate-logo-container img.default-logo,
    .roseate-navbar.side-panel-open .roseate-logo-container img.default-logo {
      display: none;
    }

    .roseate-navbar.nav-hovered .roseate-logo-container img.black-logo,
    .roseate-navbar.side-panel-open .roseate-logo-container img.black-logo {
      display: block;
    }

    .roseate-navbar.scrolled .roseate-logo-container img.default-logo,
    .roseate-navbar.scrolled .roseate-logo-container img.black-logo {
      display: none;
    }

    .roseate-navbar.scrolled .roseate-logo-container img.scrolled-logo {
      display: block;
      width: 40%;
		margin:auto;
    }

    .roseate-navbar.scrolled .roseate-navbar-left {
      min-height: 119px;
    }

    .roseate-dest-btn {
      background: none;
      border: none;
      font-size: 14px;
      font-family: 'MessinaSans-Regular';
      color: #2c2826;
      cursor: pointer;
      margin: 15px;
      display: flex;
      align-items: center;
      gap: 5px;
    }

    .roseate-dest-btn svg {
      width: 12px;
      height: 12px;
    }

    .roseate-dest-btn svg path {
      fill: #2c2826 !important;
    }

    .roseate-navbar.nav-hovered .roseate-dest-btn,
    .roseate-navbar.scrolled .roseate-dest-btn,
    .roseate-navbar.side-panel-open .roseate-dest-btn {
      color: #2c2826;
    }

    .roseate-navbar.nav-hovered .roseate-dest-btn svg path,
    .roseate-navbar.scrolled .roseate-dest-btn svg path,
    .roseate-navbar.side-panel-open .roseate-dest-btn svg path {
      fill: #2c2826!important;
    }

    /* Home Page CSS */
    .home-page .roseate-navbar-center {
      border-bottom: 1px solid #feebe240;
      background-color: #3f31311a;
    }
    .home-page .roseate-nav-items li a {
      color: #fff;
    }
    .home-page .roseate-navbar-left {
      border-right: 1px solid #feebe240;
      border-bottom: 1px solid #feebe240;
      background-color: #3f31311a;
    }
    .home-page .roseate-logo-container img.default-logo {
      display: block;
    }
    .home-page .roseate-logo-container img.black-logo {
      display: none;
    }
    .home-page .roseate-dest-btn {
      color: #fff;
    }
    .home-page .roseate-logo-container {
      border-bottom: 1px solid #feebe240;
    }
    .home-page .roseate-navbar-right {
      background-color: #3f31311a;
      border-bottom: 1px solid #feebe240;
    }
    .home-page .roseate-lang-dropdown {
       border-left: 1px solid #ffffff7a;
    }
    .home-page .gtlang-toggle {
       color: #fff;
    }
    .home-page .roseate-contact-link {
       color: #fff;
    }
    .home-page .roseate-dest-btn svg path {
        fill: #ffffff !important;
    }
    .home-page .roseate-navbar.scrolled .roseate-navbar-left .roseate-dest-btn svg path, 
    .home-page .roseate-navbar.nav-hovered .roseate-navbar-left .roseate-dest-btn svg path {
        fill: #2c2826 !important;
    }

    /* Navbar Center Section */
    .roseate-navbar-center {
      width: 66%;
      justify-content: left;
      align-items: center;
      min-height: 70px;
      padding-left: 10px;
      border-bottom: 1px solid #a68f914f;
      background-color: #fff1ea;
    }

    .roseate-nav-items {
      list-style: none;
      display: flex;
      gap: 0px;
	    padding-left: 0px;
      margin: 0px;
    }

    .roseate-nav-items li {
      position: relative;
    }

    .roseate-nav-items li a {
        text-decoration: none;
        color: #2c2826;
        font-size: 14px;
        padding: 28px 12px;
        display: block;
        position: relative;
        font-family: 'MessinaSans-Regular';
        line-height: 100%;
    }

    .roseate-nav-items li a:hover::after,
    .roseate-nav-items li a:active::after,
    .roseate-nav-items li.active-menu a::after {
        content: '';
        position: absolute;
        bottom: 10px;
        left: 50%;
        transform: translateX(-50%);
        width: 4px;
        height: 4px;
        background-color: #2c2826;
        border-radius: 50%;
    }
		
	.roseate-nav-items li.active-menu .roseate-mega-menu a::after {
      display: none;
    }
    
    .roseate-nav-items li.active-menu a {
        color: #2c2826 !important;
        opacity: unset !important;
    }
    
    .roseate-nav-items li a:hover,
    .roseate-nav-items li.active-menu a:hover {
        color: #2c2826 !important;
        opacity: unset !important;
    }
    .roseate-navbar.nav-hovered .roseate-nav-items li a {
        color: #2c2826;
        opacity: 0.5;
    }
    .roseate-navbar.scrolled .roseate-nav-items li a {
        color: #2c2826;
    }
    
    .roseate-nav-items li a.active + .roseate-mega-menu {
        display: flex;
        pointer-events: auto;
    }
    
    /* Override hover rule to prevent showing on hover alone */
    .roseate-nav-items li:hover .roseate-mega-menu {
        display: none;
    }
    
    .roseate-navbar.nav-hovered .roseate-navbar-center, .roseate-navbar.scrolled .roseate-navbar-center, .roseate-navbar.side-panel-open .roseate-navbar-center {
        background-color: #fff1ea;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    /* Navbar Right Section */
    .roseate-navbar-right {
        width: 22%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        gap: 25px;
        transition: background-color 0.2s ease;
        border-bottom: 1px solid #a68f914f;
        background-color: #fff1ea;
    }

    .roseate-navbar.nav-hovered .roseate-navbar-right,
    .roseate-navbar.scrolled .roseate-navbar-right,
    .roseate-navbar.side-panel-open .roseate-navbar-right {
      background-color: #fff1ea;
      backdrop-filter: none !important;
      -webkit-backdrop-filter: none !important;
    }

    .roseate-lang-dropdown {
        position: relative;
        border-left: 1px solid #AA8F92;
        height: 55%;
        align-content: center;
        padding-left: 20px;
    }

    .roseate-lang-toggle {
      font-size: 14px;
      color: #ffffff;
      text-decoration: none;
      cursor: pointer;
      font-family: 'MessinaSans-Regular';
      line-height: 100%;
    }

    .roseate-navbar.nav-hovered .roseate-lang-toggle,
    .roseate-navbar.scrolled .roseate-lang-toggle,
    .roseate-navbar.side-panel-open .roseate-lang-toggle {
      color: #2c2826;
    }

    .roseate-lang-toggle::after {
      content: url("data:image/svg+xml,%3Csvg width='8' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.33464 3.05877L7.51238 2.77807e-07L8.0013 0.470618L4.33464 4L0.667969 0.470618L1.15689 0L4.33464 3.05877Z' fill='%23ffffff'/%3E%3C/svg%3E");
      margin-left: 5px;
      vertical-align: text-top;
    }

    .roseate-navbar.nav-hovered .roseate-lang-toggle::after,
    .roseate-navbar.scrolled .roseate-lang-toggle::after,
    .roseate-navbar.side-panel-open .roseate-lang-toggle::after {
      content: url("data:image/svg+xml,%3Csvg width='8' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.33464 3.05877L7.51238 2.77807e-07L8.0013 0.470618L4.33464 4L0.667969 0.470618L1.15689 0L4.33464 3.05877Z' fill='%232c2826'/%3E%3C/svg%3E");
    }

    .roseate-lang-options {
      position: absolute;
      top: 100%;
      left: 0;
      background: #fff1ea;
      border: 1px solid #453636;
      display: none;
      min-width: 80px;
      list-style: none;
      z-index: 99;
	    padding: 0px;
    }

    .roseate-lang-dropdown:hover .roseate-lang-options {
      display: block;
    }

    .roseate-lang-options li a {
      display: block;
      padding: 10px;
      color: #000;
      font-size: 14px;
      text-decoration: none;
    }

    .roseate-navbar.nav-hovered .roseate-lang-options li a,
    .roseate-navbar.scrolled .roseate-lang-options li a,
    .roseate-navbar.side-panel-open .roseate-lang-options li a {
      color: #2c2826;
    }

    .roseate-lang-options li a:hover {
      background-color: #FEF0E9;
    }

    .roseate-contact-link {
      font-size: 14px;
      color: #2c2826;
      text-decoration: none;
      font-family: 'MessinaSans-Regular';
      line-height: 100%;
    }

    .roseate-navbar.nav-hovered .roseate-contact-link,
    .roseate-navbar.scrolled .roseate-contact-link,
    .roseate-navbar.side-panel-open .roseate-contact-link {
      color: #2c2826;
    }

    .roseate-book-btn {
      background-color: #ffbfa5;
      color: #2c2826;
      padding: 0px 30px;
      font-size: 14px;
      cursor: pointer;
      border: 0px solid;
      height: 70px;
      font-family: 'MessinaSans-Regular';
      line-height: 100%;
    }

    /* Mega Menu */
    .roseate-mega-menu {
        display: none;
        position: fixed;
        top: 118px;
        left: 12%;
        width: 88%;
        background-color: #fff1ea;
        padding: 20px 0;
        z-index: 999;
        pointer-events: none; 
    }
    
    .roseate-nav-items li a.active + .roseate-mega-menu {
        display: flex;
        pointer-events: auto; 
    }
    
    .roseate-nav-items li:hover .roseate-mega-menu {
        display: none;
    }
    
    /* Existing mega menu container styles */
    .roseate-mega-container {
        display: flex;
        width: 100%;
        margin: 0;
        right: 0;
        position: relative;
    }
    .roseate-mega-container-divider {
        width: 100%;
    }
    .roseate-mega-container-divider .container-fluid {
        padding: 12px 22px 0px 22px;
        max-width: 100%;
    }
    .roseate-mega-left {
        width: 25%;
    }	
    .roseate-mega-left,
    .roseate-col-left {
      padding: 12px 22px;
    }
    .roseate-col-left {
      padding: 5px 0px 0px 0px;
    }
    .roseate-name-italic {
        font-family: 'NantesFont-LightItalic';
    }
    
    .roseate-mega-left h5, .roseate-col-left h5 {
        color: #8D6A6D;
        font-size: 12px;
        font-family: 'MessinaSans-Regular';
        text-transform: uppercase;
        line-height: 110%;
    }
    
    .roseate-mega-left p, .roseate-col-left p {
        font-size: 24px;
        font-family: 'NantestFont-Light';
        color: #292938;
        line-height: 120%;
    }
    .roseate-col-divider {
		overflow: hidden;
		margin: 12px 0px;
		position: relative;
	}

	.roseate-col-anchor {
		padding: 0px !important;
		display: unset !important;
	}
	.roseate-col-divider .roseate-col-btm {
		width: 100%;
		height: auto;
	}
	.roseate-col-divider .roseate-item-text {
		position: absolute;
		bottom: 0px; 
		left: 0px;
		right: 0px;
		display: flex;
		align-items: center; 
		justify-content: space-between; 
		background: rgba(0, 0, 0, 0.1); 
		padding: 10px 15px; 
	}
	.roseate-col-divider .roseate-item-text p {
		margin: 0;
		font-size: 18px;
		font-family: 'MessinaSans-Regular';
		line-height: 100%;
		color: #fff; 
	}
	.roseate-col-divider .roseate-arw-right img {
		width: 24px; 
		height: auto;
		transition: transform 0.3s ease;
	}
    .roseate-mega-right {
        width: 75%;
        margin: 10px 20px;
        overflow: hidden;
    }
    
    .roseate-mega-right img {
        width: 100%;
        height: 300px;
        object-fit: cover;
        margin: 0;
        padding: 0;
    }
    
    .zoom-image {
        transition: 0.3s;
    }
    
    .zoom-image:hover {
        transform: scale(1.1);
        filter: brightness(0.8);
        opacity: 0.8;
    }

    /* Side Panel */
    .roseate-side-panel {
      display: none;
      position: fixed;
      left: 12%;
      top: 48px;
      width: 18%;
      background-color: #fff1ea;
      border: 1px solid #a68f914f;
      border-left: none;
      border-top: none;
      padding: 20px;
      padding-bottom: 90px;
      z-index: 1000;
      transition: background-color 0.2s ease;
    }

    .roseate-side-panel h5 {
      font-size: 14px;
      margin-bottom: 10px;
      color: #8D6A6D;
      border-bottom: 1px solid #a68f914f;
      padding-bottom: 8px;
      font-family: 'MessinaSans-Regular';
      line-height: 110%;
    }

    .roseate-side-panel h6 {
      font-size: 12px;
      margin: 15px 0 5px;
      color: #8D6A6D;
      font-family: 'MessinaSans-Regular';
      line-height: 110%;
    }

    .roseate-side-panel ul {
      list-style: none;
      padding-left: 0;
    }

    .roseate-side-panel ul li {
      position: relative;
    }

    .roseate-side-panel ul li a {
      color: #2c2826;
      text-decoration: none;
      display: flex;
      align-items: center;
      font-size: 14px;
      padding: 5px 0;
      font-family: 'MessinaSans-Regular';
      line-height: 100%;
    }

    .roseate-side-panel ul li a:hover {
      font-weight: 600;
    }

    .roseate-side-panel ul li .roseate-cities::after {
      content: url('data:image/svg+xml;utf8,<svg width="22" height="18" viewBox="0 0 43 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M34.6923 0.345999L42.2886 5.173L34.6923 10L37.0981 5.673L0 5.673L0 4.673L37.0981 4.673L34.6923 0.345999Z" fill="%233F3131"/></svg>');
      margin-left: auto;
      display: inline-block;
      vertical-align: middle;
    }
    
    .roseate-side-panel ul li .roseate-cities:hover::after {
        content: url('data:image/svg+xml;utf8,<svg width="22" height="18" viewBox="0 0 43 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M34.6923 0.345999L42.2886 5.173L34.6923 10L37.0981 5.673L0 5.673L0 4.673L37.0981 4.673L34.6923 0.345999Z" fill="%233F3131"/></svg>');
    }

    /* Side Mega Menu Container */
    .side-mega-menu {
      display: none;
      position: fixed;
      left: 30%;
      top: 48px;
      width: 70%;
      height: 100vh;
      background-color: #fff1ea;
      border: 1px solid #a68f914f;
      border-left: none;
      z-index: 1039;
      padding: 20px;
      justify-content: center;
      align-items: center;
      transition: opacity 0.3s ease;
      opacity: 0;
      box-sizing: border-box;
    }
    
    /* Show side-mega-menu on hover */
    .roseate-side-panel ul li:hover > .side-mega-menu {
      display: flex;
      opacity: 1;
      transition: transform 0.4s ease-out;
    }
    
    /* Hide side-mega-menu when not hovered */
    .roseate-side-panel ul li:not(:hover) .side-mega-menu {
      display: none;
      opacity: 0;
    }
    
    /* Image wrapper inside side-mega-menu */
    .side-mega-menu .image-wrapper {
      width: 100%;
      max-width: 100%;
      height: 100%; 
      overflow: hidden; 
      position: relative; 
    }
    
    /* Image inside image-wrapper */
    .side-mega-menu .image-wrapper img.rst-logo {
      width: 100%; 
      max-width: 100%; 
      height: auto; 
      object-fit: cover; 
      display: block; 
      transition: transform 0.3s ease;
    }
    
    /* Zoom effect on hover */
    .side-mega-menu .image-wrapper img.rst-logo:hover {
      transform: scale(1.1);
      filter: brightness(0.8);
      opacity: 0.9;
    }

    /* Hide all mega menus by default, show only on hover of respective li */
    .roseate-side-panel ul li:not(:hover) .side-mega-menu {
      display: none;
      opacity: 0;
    }

    /* Hide mobile and tablet navbar and menu on desktop */
    .roseate-mobile-tab-nav,
    .roseate-mobile-tab-menu {
      display: none !important;
    }
  }
   
   @media (min-width: 1025px) and (max-width: 1160px) {
	 .roseate-navbar-left {
		  width: 18%;
      min-height: 160px;
	   }
	 .roseate-navbar-center {
        width: 50%;
	   }
	  .roseate-navbar-right {
	     width: 32%;
		 gap: 20px;
	   }
	   .roseate-lang-toggle {
        font-size: 10px;
	   }
	   .roseate-book-btn {
        font-size: 10px;
	   }
	   .roseate-contact-link {
        font-size: 10px;
        padding-top: 8px;
	   }
     .roseate-dest-btn {
        font-size: 10px;
      }
	  .roseate-mega-menu {
        left: 18%;
        width: 82%;
	   }
     .gt-active-flag {
        font-size: 10px;
      }
	   .roseate-nav-items li a {
        font-size: 10px;
        padding: 30px 8px;
       }
       .roseate-navbar-center {
        padding-left: 15px;
       }
       .roseate-mega-left {
        padding: 12px 24px;
       }
	   .roseate-mega-left h5 {
        font-size: 10px;
      }
	  .roseate-mega-left p {
        font-size: 12px;
      }
	  .roseate-side-panel {
        left: 18%;
	   }
	  .roseate-side-panel ul li .side-mega-menu {
        left: 36%;
        width: 64%;
	   }
	   .roseate-side-panel ul li a {
         font-size: 12px;
       }
	   .roseate-side-panel h5 {
        font-size: 10px;
	   }
	   .roseate-side-panel h6 {
			   font-size: 10px;
	   }
	   .roseate-logo-container img.scrolled-logo {
        margin: 2px;
	   }
   }
   @media (min-width: 1161px) and (max-width: 1279px) {
    .roseate-lang-toggle::after {
        vertical-align: text-top;
    }
    .roseate-navbar-left {
		 width: 15%;
	   }
	  .roseate-navbar-center {
        width: 58%;
	   }
	  .roseate-navbar-right {
	     width: 27%;
		   gap: 20px;
	   }
	  .roseate-mega-menu {
        left: 15%;
        width: 85%;
	   }
	   .roseate-mega-left h5 {
        font-size: 12px;
      }
	  .roseate-mega-left p {
        font-size: 14px;
      }
	  .roseate-side-panel {
        left: 15%;
	   }
	  .roseate-side-panel ul li .side-mega-menu {
        left: 33%;
        width: 67%;
	   }
	   .roseate-side-panel ul li a {
         font-size: 12px;
       }
	   .roseate-side-panel h5 {
         font-size: 10px;
	   }
	   .roseate-side-panel h6 {
		 font-size: 10px;
	   }
	   
   }
    @media (min-width: 1280px) and (max-width: 1490px) {
        .roseate-navbar-left {
           width: 15%;
           min-height: 180px;
        }
        .roseate-navbar-center {
          width: 60%;
	      }
	    .roseate-navbar-right {
	        width: 25%;
          gap: 25px;
        }
        .roseate-mega-left p {
         font-size: 20px;
        }
        .roseate-side-panel {
          width: 20%;
          left: 15%;
        }
        .side-mega-menu {
          left: 35%;
          width: 65%;
        }
        .roseate-mega-menu {
         left: 15%;
         width: 85%;
        }
    }
     @media (min-width: 1660px) and (max-width:1920px) {
        .roseate-navbar-left {
          min-height: 190px;
        }
     }
     @media (min-width: 1921px) and (max-width:2560px) {
        .roseate-navbar-left {
          min-height: 220px;
        }
     }
     @media (min-width: 2570px) {
        .roseate-navbar-left {
          min-height: 240px;
        }
     }

    /* ==================== */
    /* MOBILE AND TABLET NAVBAR STYLES */
    /* ==================== */
    @media (max-width: 1024px) {

      /* Home Page Css */
      .home-page .roseate-mobile-tab-menu-button {
           background-color: #3f31311a;
           border-bottom: 1px solid #a68f914f;
      }
      .home-page .roseate-mobile-tab-default-logo {
        background-color: #3f31311a;
      }
      .home-page .roseate-mobile-tab-right-section {
           background-color: #3f31311a;
      }

      .home-page .roseate-mobile-tab-contact-link {
           color: #fff;
      }
      .home-page .roseate-mobile-tab-menu-text {
            color: #fff;
      }
      .home-page .hamburg-icon {
        filter: brightness(0) invert(1);
      }
      .home-page .roseate-mobile-tab-white-logo-main {
          display: block;
      }
      .home-page .roseate-mobile-tab-black-logo-main {
          display: none;
      }

      .roseate-mobile-tab-white-logo-main {
          display: none;
      }
      .roseate-mobile-tab-black-logo-main {
          display: block;
      }


      .gtlang-toggle {
         color: #2C2826;
      }
      .roseate-name-italic {
        font-family: 'NantesFont-LightItalic';
      }
      /* Hide desktop elements on tablet and mobile */
      .roseate-navbar,
      .roseate-side-panel,
      .roseate-mega-menu,
      .side-mega-menu,
      .overlay-blur {
        display: none !important;
      }

      /* Mobile and Tablet Navbar Container */
      .roseate-mobile-tab-nav {
        display: flex;
        width: 100%;
        height: 56px;
        /*background-color: #DECEC6;*/
        position: fixed;
        /* top: 0; */
        z-index: 1000;
        padding: 0;
        justify-content: space-between;
        align-items: center;
        transition: all 0.3s ease;
        /*border-bottom: 1px solid #a68f914f;*/
      }

      .roseate-mobile-tab-nav.scrolled {
        background-color: #FEF0E9;
        border-bottom: 1px solid #FEF0E9;
        border-bottom: 1px solid #a68f914f;
      }

      /* Left Section - Menu Button */
      .roseate-mobile-tab-menu-button {
        background: none;
        border: none;
        cursor: pointer;
        z-index: 1001;
        display: flex;
        align-items: center;
        gap: 8px;
        padding-left: 15px;
        /* background-color: #3f31311a; */
        backdrop-filter: blur(16px);
        height: 56px;
        border-bottom: 1px solid #a68f914f;
      }
      
      .roseate-mobile-tab-nav.scrolled .roseate-mobile-tab-menu-button,
      .roseate-mobile-tab-nav.menu-active .roseate-mobile-tab-menu-button,
      .roseate-mobile-tab-nav.scrolled .roseate-mobile-tab-right-section,
      .roseate-mobile-tab-nav.menu-active .roseate-mobile-tab-right-section {
        background-color: unset;
        backdrop-filter: unset;
        border-right: 1px solid #a68f914f;
        height: 100%;
        border-bottom: 0px;
      }

      .roseate-mobile-tab-menu-text {
        font-size: 16px;
        color: #2c2826;
        text-transform: uppercase;
        letter-spacing: 1px;
        transition: color 0.3s ease;
        font-family: 'MessinaSans-Regular';
        line-height: 100%;
      }

      .hamburg-icon {
        filter: brightness(0) invert(0);
        transition: filter 0.3s ease;
      }
      
      .roseate-mobile-tab-nav.scrolled .hamburg-icon,
      .roseate-mobile-tab-nav.menu-active .hamburg-icon {
        filter: brightness(0) invert(0);
      }
      
      .roseate-mobile-tab-nav.scrolled .roseate-mobile-tab-menu-text,
      .roseate-mobile-tab-nav.menu-active .roseate-mobile-tab-menu-text {
        color: #2c2826;
      }

      /* Center Section - Logo */
      .roseate-mobile-tab-logo-container {
        overflow: hidden;
      }

      .roseate-mobile-tab-black-logo {
        display: none;
        height: auto;
        margin: auto;
		  width:25%;
        transition: opacity 0.3s ease;
        transition-delay: 3s;
      }
      .roseate-mobile-tab-default-logo {
            /* background-color: #3f31311a; */
            backdrop-filter: blur(16px);
      }

      .roseate-mobile-tab-nav.scrolled .roseate-mobile-tab-default-logo,
      .roseate-mobile-tab-nav.menu-active .roseate-mobile-tab-default-logo {
        display: none;
      }
      
      .roseate-mobile-tab-nav.menu-active {
        background-color: #FFF1EA;
        border-bottom: 1px solid #a68f914f;
      }

      .roseate-mobile-tab-nav.scrolled .roseate-mobile-tab-black-logo,
      .roseate-mobile-tab-nav.menu-active .roseate-mobile-tab-black-logo {
        display: block;
      }

      /* Right Section - Contact and Book Now */
      .roseate-mobile-tab-right-section {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        gap: 10px;
      }

      .roseate-mobile-tab-contact-link {
        font-size: 14px;
        font-family: 'MessinaSans-Regular';
        line-height: 100%;
        color: #2C2826;
        text-decoration: none;
        transition: color 0.3s ease;
      }

      .roseate-mobile-tab-nav.scrolled .roseate-mobile-tab-contact-link,
      .roseate-mobile-tab-nav.menu-active .roseate-mobile-tab-contact-link {
        color: #2c2826;
      }

      .roseate-mobile-tab-book-now-button {
        background-color: #FFBFA5;
        color: #2c2826;
        border: none;
        height: 56px;
        font-size: 12px;
        cursor: pointer;
        text-transform: uppercase;
        letter-spacing: 1px;
        z-index: 1001;
        width: 40%;
        font-family: 'MessinaSans-Regular';
        line-height: 100%;
      }

      .roseate-mobile-tab-nav.scrolled .roseate-mobile-tab-book-now-button,
      .roseate-mobile-tab-nav.menu-active .roseate-mobile-tab-book-now-button {
        background-color: #FFBFA5;
      }

    

      /* Mobile and Tablet Menu */
      .roseate-mobile-tab-menu {
        position: fixed;
        top:116px;
        left: 0;
        width: 100%;
        background-color: #FFF1EA;
        z-index: 999;
        padding: 0;
        display: none;
        flex-direction: column;
        overflow-y: auto;
        height: calc(100vh - 56px);
      }

      .roseate-mobile-tab-menu.active {
        display: flex;
      }

      /* Destination Toggle Header */
      .roseate-mobile-tab-destination-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 15px;
        font-size: 16px;
        font-family: 'MessinaSans-Regular';
        line-height: 100%;
        color: #2c2826;
        letter-spacing: 1px;
        border-bottom: 1px solid #a68f914f;
        cursor: pointer;
      }

      .roseate-mobile-tab-destination-header .toggle-icon {
        transition: transform 0.3s ease;
      }

      .roseate-mobile-tab-destination-header.active .toggle-icon {
        transform: rotate(180deg);
      }

      /* Destination Submenu */
      .roseate-mobile-tab-destination-submenu {
        display: none;
        background-color: #FFF1EA;
        padding: 15px;
      }

      .roseate-mobile-tab-destination-submenu.active {
        display: grid;
        gap: 10px;
      }

      .destination-country {
        padding: 5px 0;
        font-size: 10px;
        color: #8D6A6D;
        text-transform: uppercase;
        font-family: 'MessinaSans-Regular';
        line-height: 110%;
        margin-bottom: 10px;
      }

      .destination-item {
        display: block;
        position: relative;
        overflow: hidden;
      }

      .destination-item-bg {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      .destination-item-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.3);
        z-index: 2;
      }

      .destination-item-text {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 3;
        width: 100%;
        padding: 10px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: rgba(255, 255, 255, 0);
        backdrop-filter: blur(1px);
        -webkit-backdrop-filter: blur(1px);
      }

      .destination-item-text p {
        font-size: 12px;
        font-family: 'MessinaSans-Regular';
        line-height: 100%;
        color: #fff;
        padding: 0;
        margin: 0;
      }

      .destination-item-text .arrow-icon {
        width: 20px;
        height: 20px;
      }

      /* Regular Menu Items */
      .roseate-mobile-tab-menu-item {
        color: #2c2826;
        text-decoration: none;
        font-size: 16px;
        font-family: 'MessinaSans-Regular';
        line-height: 100%;
        padding: 15px;
        display: block;
      }

      .roseate-mobile-tab-menu-item a {
        color: unset;
        text-decoration: none;
      }

      .roseate-mobile-tab-menu-item-btm {
        color: #2c2826;
        text-decoration: none;
        font-size: 14px;
        padding: 5px 15px;
        display: block;
        font-family: 'MessinaSans-Regular';
        line-height: 100%; 
      }
      
      .roseate-mobile-tab-menu-item-btm a {
        color: unset;
        text-decoration: none;
      }

      /* Language Toggle */
      .roseate-mobile-tab-language-toggle {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 5px 15px;
        font-size: 14px;
        color: #2c2826;
        cursor: pointer;
        font-family: 'MessinaSans-Regular';
        line-height: 100%; 
      }
      .roseate-mobile-tab-language-toggle .gtlanguage-switcherr {
    position: relative;
    width: 100%;
  }

  .roseate-mobile-tab-language-toggle .gtlang-togglee {
    background: none;
    border: none;
    color: #2c2826;
    font-size: 14px;
    font-family: 'MessinaSans-Regular';
    line-height: 100%;
    display: flex;
    align-items: center;
    cursor: pointer;
    text-align: left;
  }

  .roseate-mobile-tab-language-toggle .gt-active-flagg {
    color: #2c2826;
  }

  .roseate-mobile-tab-language-toggle .gtarroww {
    font-size: 12px;
    color: #2c2826;
    padding-left: 10px;
  }

  .roseate-mobile-tab-language-toggle .gtranslate_flagss {
        position: absolute;
        bottom: 100% !important;
        left: 0;
        background: #FFF1EA;
        padding: 5px 10px;
        margin: 5px 0px;
        border: 1px solid #a68f914f;
        z-index: 999;
        display: none;
  }

  .roseate-mobile-tab-language-toggle .gtranslate_flagss a {
    display: block;
    padding: 3px 0;
    color: #2c2826;
    font-size: 14px;
    text-decoration: none;
    font-family: 'MessinaSans-Regular';
  }

  .roseate-mobile-tab-language-toggle .gtranslate_flagss img {
    width: 14px;
    height: auto;
    vertical-align: middle;
    margin-right: 5px;
  }

  .roseate-mobile-tab-language-toggle .gtranslate_flagss a:hover {
    background-color: #FEF0E9;
  }

      /* Contact Button */
      .roseate-mobile-tab-contact-button {
        background: none;
        border: 1px solid #C6B5B6;
        color: #2c2826;
        text-align: center;
        text-decoration: none;
        font-size: 14px;
        padding: 15px;
        margin: 15px;
        display: block;
        border-radius: 50px;
        text-transform: uppercase;
        font-family: 'MessinaSans-Regular';
        line-height: 100%;
      }

      .roseate-mobile-tab-menu-barr {
        border-bottom: 1px solid #a68f914f;
      }
		.active .submenu-items{padding-bottom:200px;}
      /* Bottom Menu Items */
      .btm-menus {
        margin-top: auto;
        padding-bottom: 20px;
		  position: fixed;
        bottom: 0px;
        left: 0px;
        width: 100%;
        z-index: 99999;
        background: #fff1ea;
        padding-top: 12px;
      }

      /* Page content */
      .page-content {
        margin-top: 56px;
        padding: 20px;
      }

      .page-content img {
        width: 100%;
        margin-bottom: 20px;
      }
		
/* Slide-down overlay panel styling */
.roseate-mobile-tab-menu-item-tgl {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
  font-size: 16px;
  color: #2c2826;
  cursor: pointer;
  font-family: 'MessinaSans-Regular';
}
.roseate-mobile-tab-menu-item-tgl .toggle-icon {
  transition: transform 0.3s ease;
}
.roseate-mobile-tab-menu-item-tgl.active .toggle-icon {
  transform: rotate(180deg);
}
.luxury-stay-submenu .back-button {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 16px;
  color: #2C2826;
  font-family: 'MessinaSans-Regular';
  border-bottom: 1px solid #a68f914f;
  padding: 15px 20px;
}
.luxury-stay-submenu .back-button svg {
  margin-right: 10px;
}		
.luxury-stay-submenu {
  position: fixed;
  top: 116px;
  left: 0;
  width: 100%;
  height: calc(100% - 56px);
  background-color: #FFF1EA;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  transform: translateY(-100%);
  transition: transform 0.3s ease-in-out;
  z-index: 1001;
}
.luxury-stay-submenu.active {
  transform: translateY(0);
}
.submenu-cntnr {
	padding: 0px !important;
}
.luxury-stay-menu-detail {
    padding: 20px;
}
.lxry-name {
    font-family: 'MessinaSans-Regular';
    font-size: 10px;
    color: #8d6a6d;
    line-height: 110%;
	text-transform: uppercase;
}
.lxry-detail {
    font-family: 'NantestFont-Light';
    font-size: 20px;
    color: #292938;
    line-height: 100%;
}
.luxury-stay-menu-detail a.luxury-explr-btn {
    width: 100%;
     display: block;
}
.submenu-item {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  text-decoration: none;
}		
.submenu-item img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
}
.roseate-mobile-tab-menu-overlay-text {
        position: absolute;
        bottom: 0px;
        left: 0px;
        right: 0px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: rgba(0, 0, 0, 0.1);
        padding: 10px 15px;
}
.roseate-mobile-tab-menu-overlay-text p {
        margin: 0;
        font-size: 12px;
        font-family: 'MessinaSans-Regular';
        line-height: 100%;
        color: #fff;
}
.submenu-item .roseate-arw-right img {
   width: 24px;
   height: auto;
   transition: transform 0.3s ease;
}
.roseate-mobile-tab-book-now-button-anchor {
            display: contents;
        }

    }


    /* Tablet-specific grid layout */
    @media (min-width: 899px) and (max-width: 1024px) {
      .roseate-mobile-tab-default-logo {
        margin: 70px 0px 0px 0px !important;
        padding: 25px 75px !important;
      }
    }
    @media (min-width: 768px) and (max-width: 1024px) {
        .roseate-mobile-tab-menu {
            top: 106px;
        }
        .luxury-stay-submenu {
            top: 106px;
        }
        .roseate-mobile-tab-book-now-button {
            height: 55px;
        }
      .roseate-mobile-tab-destination-header {
          font-size: 18px;
      }
      .roseate-mobile-tab-menu-item {
        font-size: 18px;
      }
	  .roseate-mobile-tab-menu-item-tgl {
		  font-size: 18px;
	  }
      .roseate-logo-bar {
          border: 1px solid #a68f914f;
      }
      .destination-item-text p {
        font-size: 14px;
      }
	  .roseate-mobile-tab-menu-overlay-text p {
	      font-size: 14px;
	  }
    .roseate-mobile-tab-menu-item-btm {
        font-size: 16px;
    }
    .roseate-mobile-tab-language-toggle .gtlang-togglee {
        font-size: 16px;
    }
	 .lxry-name {
		 font-size: 12px;
	  }
	 .lxry-detail {
		font-size: 22px;	
	  }
      .roseate-mobile-tab-nav.scrolled .roseate-logo-bar {
          border: 0px solid;
      }
      .roseate-mobile-tab-nav.scrolled #roseateMobileTabMenuButton {
          border-right: 1px solid #a68f914f;
          height: 100%;
      }
      .roseate-mobile-tab-nav.scrolled .roseate-mobile-tab-right-section {
          border-left: 1px solid #a68f914f;
          height: 100%;
      }
      .roseate-mobile-tab-nav.menu-active .roseate-logo-bar {
          border: 0px solid;
      }
      .roseate-mobile-tab-nav.menu-active #roseateMobileTabMenuButton {
          border-right: 1px solid #a68f914f;
          height: 100%;
      }
      .roseate-mobile-tab-nav.menu-active .roseate-mobile-tab-right-section {
          border-left: 1px solid #a68f914f;
          height: 100%;
      }
      .roseate-mobile-tab-nav.scrolled.menu-active #roseateMobileTabMenuButton {
          border-right: 1px solid #a68f914f;
          height: 100%;
      }
      .roseate-mobile-tab-nav.scrolled.menu-active .roseate-mobile-tab-right-section {
          border-left: 1px solid #a68f914f;
          height: 100%;
      }
      .roseate-mobile-tab-default-logo {
        padding: 25px 55px;
        transition: opacity 0.3s ease;
        transition-delay: 3s;
        margin: 70px 0px 0px 0px;
        width: 100%;
      }
      .hamburg-icon {
          width: 12px;
          height: 12px;
      }
      .roseate-mobile-tab-menu-button {
        width: 35%;
      }
      .roseate-mobile-tab-logo-container {
        width: 30%;
      }
      .roseate-mobile-tab-right-section {
        width: 35%;
        gap: 25px;
        border-bottom: 1px solid #a68f914f;
        /* background-color: #3f31311a; */
        backdrop-filter: blur(16px);
      }
      .roseate-mobile-tab-destination-submenu.active {
        grid-template-columns: repeat(4, 1fr);
      }
      .destination-country {
        grid-column: span 4;
        font-size: 12px;
      }
      .destination-item {
        height: 150px;
      }
    }

    /* Mobile-specific grid layout */
    @media (max-width: 767px) {
      .roseate-logo-bar {
          border: 1px solid #a68f914f;
      }
      .roseate-mobile-tab-nav.scrolled .roseate-logo-bar {
          border: 0px solid;
      }
      .roseate-mobile-tab-nav.scrolled #roseateMobileTabMenuButton {
          border-right: 1px solid #a68f914f;
          height: 100%;
      }
      .roseate-mobile-tab-nav.scrolled .roseate-mobile-tab-right-section {
          border-left: 1px solid #a68f914f;
          height: 100%;
      }
      .roseate-mobile-tab-nav.menu-active .roseate-logo-bar {
          border: 0px solid;
      }
      .roseate-mobile-tab-nav.menu-active #roseateMobileTabMenuButton {
          border-right: 1px solid #a68f914f;
          height: 100%;
      }
      .roseate-mobile-tab-nav.menu-active .roseate-mobile-tab-right-section {
          border-left: 1px solid #a68f914f;
          height: 100%;
      }
      .roseate-mobile-tab-nav.scrolled.menu-active #roseateMobileTabMenuButton {
          border-right: 1px solid #a68f914f;
          height: 100%;
      }
      .roseate-mobile-tab-nav.scrolled.menu-active .roseate-mobile-tab-right-section {
          border-left: 1px solid #a68f914f;
          height: 100%;
      }
      .roseate-mobile-tab-default-logo {
        padding: 15px 25px;
        transition: opacity 0.3s ease;
        transition-delay: 3s;
        margin: 30px 0px 0px 0px;
        width: 100%;
      }
      .hamburg-icon {
          width: 16px;
          height: 16px;
      }
      .roseate-mobile-tab-menu-button {
        width: 30%;
      }
      .roseate-mobile-tab-logo-container {
        width: 40%;
      }
      .roseate-mobile-tab-right-section {
        width: 30%;
      }
      .roseate-mobile-tab-destination-submenu.active {
        grid-template-columns: 1fr 1fr;
      }
      .destination-country {
        grid-column: span 2;
      }
      .destination-item {
        height: auto;
      }
      .roseate-mobile-tab-contact-link {
          display: none;
        }
      .roseate-mobile-tab-right-section {
          gap: 0; 
          justify-content: flex-end; 
        }
      .roseate-mobile-tab-book-now-button {
          width: 100%;
        }
    }
    @media (min-width: 626px) and (max-width: 767px) {
        .roseate-mobile-tab-default-logo {
          padding: 35px 60px;
          margin: 90px 0px 0px 0px;   
        }
    }
    @media (min-width: 600px) and (max-width: 625px) {
        .roseate-mobile-tab-default-logo {
          padding: 20px 45px;
          margin: 80px 0px 0px 0px;   
        }
    }
    @media (min-width: 500px) and (max-width: 599px) {
        .roseate-mobile-tab-default-logo {
          padding: 25px 45px;
          margin: 60px 0px 0px 0px;   
        }
    }
    @media (min-width: 434px) and (max-width: 499px) {
        .roseate-mobile-tab-default-logo {
          padding: 25px 25px;
          margin: 70px 0px 0px 0px;   
        }
    }
    @media (min-width: 331px) and (max-width: 375px) {
    .roseate-mobile-tab-default-logo {
        padding: 15px 20px;
        transition-delay: 3s;
       }
    }
    @media (min-width: 320px) and (max-width: 330px) {
    .roseate-mobile-tab-menu-button {
        width: 28%;
    }
    .roseate-mobile-tab-logo-container {
        width: 44%;
    }
    .roseate-mobile-tab-right-section {
        width: 28%;
    }
    .roseate-mobile-tab-default-logo {
        padding: 15px 20px;
        transition-delay: 3s;
    }
        .hamburg-icon {
        width: 12px;
        height: 12px;
    }
    .roseate-mobile-tab-menu-text {
        font-size: 12px;
    }
    .luxury-stay-menu-detail a.luxury-explr-btn {
        font-size: 10px;
    }
    }