.top-bar {
    background: #0a1eff;
    font-size: 14px;
}

.footer {
    background: #1a1a1a;
}

.footer h5 {
    margin-bottom: 15px;
}

.footer-link {
    color: #0a84ff;
    text-decoration: none;
}

.footer-link:hover {
    text-decoration: underline;
}


.navbar{
display:flex;
justify-content:space-between;
padding:15px 40px;
background:#fff;
box-shadow:0 2px 8px rgba(0,0,0,0.05);
}

.nav-right{
display:flex;
align-items:center;
gap:20px;
}

.user-dropdown{
position:relative;
display:flex;
align-items:center;
gap:8px;
cursor:pointer;
}

.avatar{
width:35px;
height:35px;
border-radius:50%;
object-fit:cover;
}

.dropdown-menu{
position:absolute;
top:45px;
right:0;
background:#fff;
border-radius:8px;
box-shadow:0 10px 25px rgba(0,0,0,0.08);
padding:10px 0;
display:none;
min-width:180px;
}

.dropdown-menu a{
display:block;
padding:10px 15px;
text-decoration:none;
color:#333;
}

.dropdown-menu a:hover{
background:#f5f5f5;
}

.user-dropdown:hover .dropdown-menu{
display:block;
}




.avatar{
width:50px;
height:50px;
border-radius:50%;
object-fit:cover;
}

.username{
font-weight:600;
font-size:14px;
}

body{
    background:red;

}

.hero{
    background: url("images/hero.png") center/cover no-repeat;
    height: 80vh;
    position: relative;
    display:flex;
    align-items:center;
    justify-content:center;
}

.hero-overlay{
    background: rgba(0,0,0,0.6);
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
}

.hero-title{
    color:#fff;
    font-size:3rem;
    font-weight:700;
}

.hero-subtitle{
    color:#ddd;
    font-size:1.2rem;
}

.section-title{
    font-weight:700;
}

.card{
    border:none;
    border-radius:10px;
}

.btn-primary{
    background:#0d6efd;
    border:none;
}

.swiper {
  padding-bottom: 20px;
}

.swiper-slide {
  display:flex;
}

.hotel-card{
  width:100%;
  border-radius:10px;
  overflow:hidden;
}

.hotel-card img{
  height:160px;
  object-fit:cover;
}

.hotel-card h6{
  font-size:15px;
  font-weight:600;
}

.hotel-card p{
  font-size:13px;
  color:#666;
}