:root{
    --footerx-bg:#1f2a32;          /* dark slate */
    --footerx-text:#cfd8df;        /* body text */
    --footerx-heading:#ffffff;     /* column titles */
    --footerx-accent:#0b644b;      /* green chips */
    --footerx-accent-2:#1e8e6c;    /* hover */
    --footerx-border:rgba(255,255,255,.10);
    --footerx-max:1200px;
  }

  /* demo page background (optional) */
  body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#f6f4ef;}

  /* FOOTER */
  .footerx{
    background:var(--footerx-bg);
    color:var(--footerx-text);
  }
  .footerx-inner{
    max-width:var(--footerx-max);
    margin:0 auto;
    padding:36px 20px 22px;
  }

  /* Top grid */
  .footerx-grid{
    display:grid;
    grid-template-columns: 1.1fr 1fr 1fr 1.1fr;
    gap:28px;
    align-items:start;
  }
  @media (max-width:980px){ .footerx-grid{ grid-template-columns:1fr 1fr; } }
  @media (max-width:560px){ .footerx-grid{ grid-template-columns:1fr; } }

  /* Brand block */
  .footerx-brand{ display:flex; flex-direction:column; gap:12px; }
  .footerx-logo{
    font-family: cursive, "Segoe Script", "Brush Script MT", system-ui;
    font-weight:700;
    font-size:24px;
    color:var(--footerx-heading);
  }
  .footerx-tag{ margin:0; line-height:1.6; }

  /* Socials */
  .footerx-socials{ display:flex; gap:12px; margin-top:6px; }
  .footerx-social{
    width:34px; height:34px; border-radius:999px;
    display:grid; place-items:center;
    background: var(--footerx-accent);
    color:#fff; text-decoration:none;
    transition: transform .2s ease, background .2s ease;
  }
  .footerx-social:hover{ transform: translateY(-2px); background: var(--footerx-accent-2); }
  .footerx-social svg{ width:18px; height:18px; fill:currentColor; display:block; }

  /* Column titles + lists */
  .footerx-title{
    margin:0 0 10px;
    color:var(--footerx-heading);
    font-weight:700;
    font-size:16px;
  }
  .footerx-list{ list-style:none; padding:0; margin:0; display:grid; gap:10px; }
  .footerx-list a{
    color:var(--footerx-text);
    text-decoration:none;
  }
  .footerx-list a:hover{ color:#e8eef3; }

  /* Divider + bottom */
  .footerx-rule{
    border:0; height:1px; background:var(--footerx-border);
    margin:22px 0 14px;
  }
  .footerx-copy{
    text-align:center; font-size:14px; color:#aeb8bf; padding-bottom:12px;
  }
  .rs-menu__link{
    color: black;
}
.top-bar div a{
    color: white;
}
.top-bar{
    background: #0e1a2b !important;
    color: white;
        display: flex;
    justify-content: space-between;
    padding: 10px;
}
.tb-link{
    text-decoration: none;
}
.navbar{
    padding: 10px 10px;
    background-color: #ffffff;
}
.logo{
  font-weight:600; color:#0f6a42; font-size:22px; text-decoration:none;
}
.logo img{
  height: 68px;
}
.footer-logo-img{
  height: 60px;
}
.apply-btn{
    background-color:#0f6a42;
    color: white;
}
.navbar1{
    display: block;
}
.navbar{
    display: none;
}
.navbar1 {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 8px 40px;
      background: #fff;
      box-shadow: 0 2px 6px rgba(0,0,0,0.1);
      position: sticky;
      top: 0;
      z-index: 1000;
    }

    .logo svg {
      height: 40px;
    }

    .nav-links {
      display: flex;
        align-items: center;
    gap: 35px;
    }

    .nav-links a {
      text-decoration: none;
      color: #333;
      font-weight: 500;
      transition: color 0.3s ease;
    }

    .nav-links a:hover {
      color: #007BFF;
    }

    .apply-btn {
      padding: 8px 18px;
      border: none;
     
      color: #fff;
      font-weight: bold;
      border-radius: 4px;
      cursor: pointer;
      transition: background 0.3s ease;
    }

    .apply-btn:hover {
      background: #0056b3;
    }
    /* Show burger only on mobile; hide your desktop UL + book button there */
@media (max-width: 900px){
    .navbar{
    display: block;
}
.navbar1{
    display: none;
}
  .nav-links{ display:none; }
   .book-btn{ display:none; }
  .rs-burger{ display:flex; }
  .navbar{
        display: flex;
                align-items: center;
  }
  .rs-burger{
  display:flex !important;   
  flex-direction: column;
  gap: 5px;;             /* becomes flex in media query above */
  width:44px; height:38px;
  margin-left:auto;            /* push to the right */
  border:1px solid #e5e8ec; border-radius:8px;
  background:#fff; cursor:pointer;
  align-items:center; justify-content:center; gap:4px;
}
}

/* Burger button (right side) */
.rs-burger{
  display:none;                /* becomes flex in media query above */
  width:44px; height:38px;
  margin-left:auto;            /* push to the right */
  border:1px solid #e5e8ec; border-radius:8px;
  background:#fff; cursor:pointer;
  align-items:center; justify-content:center; gap:4px;
}
.rs-burger span{
  width:20px; height:2px; background:#1f2937; border-radius:2px; display:block;
}

/* Full-screen off-canvas from the right */
.rs-menu{
  position:fixed; inset:0;               /* full viewport */
  background:#0f1720; color:#e5e7eb;
  z-index:9999;                          /* above header/top-bar */
  transform:translateX(100%);            /* hidden off-screen (right) */
  transition:transform .35s ease;
}
.rs-menu.rs-open{ transform:translateX(0); }

/* Close (×) button */
.rs-menu__close{
  position:absolute; top:12px; right:12px;
  width:42px; height:42px; border:0; border-radius:10px;
  background:#ffffff1a; color:#fff; font-size:28px; line-height:42px;
  cursor:pointer;
}

/* List & links */
.rs-menu__list{ list-style:none; margin:80px 20px 20px; padding:0; }
.rs-menu__list li{ margin:0 0 14px; }

.rs-menu__link{
  display:block; padding:14px 16px; border-radius:12px;
  text-decoration:none; color:#e5e7eb; font-weight:800;
  background:#ffffff10;
}
.rs-menu__link:hover{ background:#ffffff20; }

.rs-menu__cta{
  display:block; text-align:center; padding:14px 16px; border-radius:12px;
  text-decoration:none; color:#fff; font-weight:900; background:#0b644b;
}

/* Prevent body scroll when menu is open */
.rs-no-scroll{ overflow:hidden; }