body {
    font-family: 'Segoe UI', sans-serif;
}

.hero {
    height: 90vh;
    background: linear-gradient(135deg, #00bcd4, #0d6efd);
}

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

footer {
    background: #0d6efd;
    color: white;
}

.btn-primary {
    border-radius: 50px;
}

.shroom-watermark {
    position: fixed;
    bottom: 10px;
    right: 15px;
    opacity: 0.6;
}


.hero-hotels {
    height: 80vh;
    background: linear-gradient(135deg, #00bcd4, #0097a7);
    color: white;
}


.hero-bukhara {
    height: 70vh;
    background: linear-gradient(135deg, #0097a7, #006064);
    color: white;
}

.hero-bukhara h1 {
    text-shadow: 0 10px 30px rgba(0,0,0,0.4);
}

.hero-museums {
    height: 70vh;
    background: linear-gradient(135deg, #00acc1, #006064);
}

.museum-card img {
    height: 220px;
    object-fit: cover;
}

.museum-card {
    border-radius: 15px;
    overflow: hidden;
    transition: 0.3s;
}

.museum-card:hover {
    transform: translateY(-5px);
}