* {
      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 Styles */
/*.announcement-bar {*/
/*  position: fixed;*/
/*  top: 0;*/
/*  left: 0;*/
/*  width: 100%;*/
/*  background-color: #4a2c2c; */
/*  color: #ffffff;*/
/*  z-index: 1100; */
/*  font-family: 'MessinaSans-Regular', sans-serif;*/
/*  height: 40px;*/
/*  display: flex;*/
/*  align-items: center;*/
/*  transition: opacity 0.3s ease; */
/*}*/

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

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

/*.announcement-text {*/
/*  text-align: center; */
/*}*/

/*.announcement-title {*/
/*  font-size: 14px;*/
/*  font-weight: bold;*/
/*}*/

/*.announcement-description {*/
/*  font-size: 12px;*/
/*  margin-left: 10px;*/
/*}*/

/*.close-announcement {*/
/*  cursor: pointer;*/
/*  font-size: 18px;*/
/*  padding: 0 10px;*/
/*  position: absolute; */
/*  right: 20px;*/
/*  top: 50%;*/
/*  transform: translateY(-50%); */
/*}*/

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

/* Navbar Adjustments */
/*.custom-header {*/
/*  position: fixed;*/
/*  width: 100%;*/
/*  top: var(--bar-height, 30px);*/
/*  z-index: 1000; */
/*  transition: top 0.3s ease;*/
/*}*/

/* When announcement bar is closed, move navbar to top */
/*body.announcement-closed .custom-header {*/
/*  top: 0;*/
/*}*/

/* Ensure content below navbar is not overlapped */
/*.page-content {*/
/*  margin-top: 100px;*/
/*}*/

/* Responsive adjustments */
/*@media (max-width: 1024px) {*/
/*  .announcement-content {*/
/*    padding: 0 15px;*/
/*  }*/
/*  .announcement-title {*/
/*    font-size: 12px;*/
/*  }*/
/*  .announcement-description {*/
/*    font-size: 10px;*/
/*  }*/
/*  .close-announcement {*/
/*    font-size: 16px;*/
/*  }*/
/*  .custom-header {*/
/*    top: var(--bar-height, 25px);*/
/*  }*/
/*  body.announcement-closed .custom-header {*/
/*    top: 0;*/
/*  }*/
/*}*/

/*@media (max-width: 767px) {*/
/*  .announcement-content {*/
/*    flex-direction: column;*/
/*    text-align: center;*/
/*    padding: 5px 15px;*/
/*    height: 50px;*/
/*    justify-content: center;*/
/*  }*/
/*  .announcement-text {*/
/*    margin-bottom: 5px;*/
/*  }*/
/*  .announcement-description {*/
/*    margin-left: 0;*/
/*  }*/
/*  .close-announcement {*/
/*    position: static;*/
/*    transform: none;*/
/*    margin-top: 5px;*/
/*  }*/
/*  .custom-header {*/
/*    top: var(--bar-height, 50px);*/
/*  }*/
/*  body.announcement-closed .custom-header {*/
/*    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;
	right:0px;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1000;
  overflow-y: auto;
  backdrop-filter: blur(8px);
	justify-items: end;
}
 .popup-content {
 background: #fff1ea;
    margin: 0px;
    padding-top: 32px;
    border-radius: 0;
    height: 100vh;
    width: 90%;
    max-width: 480px;
    position: absolute;
	right:0px;
  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;
}

/* New Popup css */
.modern-list {
    display: grid;
    gap: 40px;
    margin: 60px 40px;
}

.item-box {
    background: #ffbfa5;
    border-radius: 6px;
    padding: 18px 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.item-box p {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    color: #111;
}

.item-btn {
    border: 1px solid #2c2826 !important;
    border-radius: 50px !important;
    padding: 6px 12px !important;
    text-decoration: unset !important;
}
@media (max-width: 767px) {
  .modern-list {
    margin: 40px 10px;
  }
  .item-box {
    padding: 12px 10px;
  }
  .item-box p {
    font-size: 14px;
    
  }
}


/* New Popup css */

/*Popup CF7 Form CSS*/
.roseate-booking-form {
  background: #fff1ea;
  padding: 15px 30px;
  border-radius: 16px;
  max-width: 500px;
  margin: 0px 0px 70px 0px;
}
.roseate-booking-form p{
  margin: 0px;
}
.roseate-submit {
    border-top: 1px solid #8d6a6d96;
	    position: absolute;
    width: 100%;
    bottom: 0px;
}
.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 #8d6a6d96;
    font-size: 14px;
    color: #8D6A6D;
    background-color: #fff1ea;
    font-family: 'MessinaSans-Regular';
}

.roseate-booking-form input::placeholder,
.roseate-booking-form textarea::placeholder {
    color: #8D6A6D;
    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;
}
@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;
      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: 0;
    }

    /* 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: 165px;
      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: 30px;
      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;
    }

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

    .roseate-logo-container img.scrolled-logo {
      margin: 7px;
      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;
    }

    .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;
    }
    
    /* 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;
      opacity: unset;
    }
    .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;
        opacity: 0.5;
        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 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:hover + .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: 70px;
        left: 12%;
        width: 88%;
        background-color: #fff1ea;
        padding: 20px 0;
        z-index: 999;
        pointer-events: none; 
    }
    
    /* Show mega menu only for active menu item */
    .roseate-nav-items li a.active:hover + .roseate-mega-menu {
        display: flex;
        pointer-events: auto;
    }
    
    /* Remove hover-based display */
    .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-left {
        width: 25%;
        padding: 12px 22px;
    }
    
    .roseate-name-italic {
        font-family: 'NantesFont-LightItalic';
    }
    
    .roseate-mega-left h5 {
        color: #8D6A6D;
        font-size: 12px;
        font-family: 'MessinaSans-Regular';
        text-transform: uppercase;
        line-height: 110%;
    }
    
    .roseate-mega-left p {
        font-size: 24px;
        font-family: 'NantestFont-Light';
        color: #292938;
        line-height: 120%;
    }
    
    .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: 0;
      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: 0;
      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%;
	   }
	 .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%;
	   }
	   .roseate-nav-items li a {
        font-size: 10px;
        padding: 30px 12px;
       }
       .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: 5px;
	   }
   }
   @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%;
        }
        .roseate-navbar-center {
          width: 60%;
	      }
	    .roseate-navbar-right {
	      width: 25%;
          gap: 28px;
        }
        .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%;
        }
    }

    /* ==================== */
    /* 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;
        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;
        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: 56px;
        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: 14px;
        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;
		  margin-bottom: 156px;
      }

      /* Bottom Menu Items */
      .btm-menus {
        margin-top: auto;
        padding-bottom: 20px;
        position: fixed;
        bottom: 0px;
        left: 0px;
        width: 100%;
        z-index: 999;
        background: #fff1ea;
        padding-top: 12px;
    }

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

      .page-content img {
        width: 100%;
        margin-bottom: 20px;
      }
    }


    /* Tablet-specific grid layout */
    @media (min-width: 768px) and (max-width: 1024px) {
        .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-logo-bar {
          border: 1px solid #a68f914f;
      }
      .destination-item-text p {
        font-size: 14px;
      }
      .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 {
        /*display: block;*/
        /*height: 115px;*/
        /*background-color: #decec6;*/
        padding: 16px 46px;
        transition: opacity 0.3s ease;
        transition-delay: 3s;
        margin: 30px 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;
      }
    }

     @media (min-width: 980px) and (max-width: 1024px) {
            .roseate-mobile-tab-default-logo {
                padding: 16px 60px;
                margin: 40px 0px 0px 0px;
                width: 100%;
            }
     }

    /* 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 {
        /*display: block;*/
        /*height: 80px;*/
        /*background-color: #decec6;*/
        padding: 15px 12px;
        transition: opacity 0.3s ease;
        transition-delay: 3s;
        margin: 20px 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 {
          /*height: 115px;*/
          padding: 12px 35px;
          margin: 40px 0px 0px 0px;   
        }
    }
    @media (min-width: 600px) and (max-width: 625px) {
        .roseate-mobile-tab-default-logo {
          /*height: 100px;*/
          padding: 10px 16px;
          margin: 40px 0px 0px 0px;   
        }
    }
    @media (min-width: 500px) and (max-width: 599px) {
        .roseate-mobile-tab-default-logo {
          /*height: 100px;*/
          padding: 20px 25px;
          margin: 30px 0px 0px 0px;   
        }
    }
    @media (min-width: 434px) and (max-width: 499px) {
        .roseate-mobile-tab-default-logo {
          padding: 20px 15px;
          margin: 35px 0px 0px 0px;   
        }
    }
    @media (min-width: 331px) and (max-width: 375px) {
    .roseate-mobile-tab-default-logo {
        padding: 16px 10px;
        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: 18px 12px;
        transition-delay: 3s;
       }
    }