body { background-color: #f0f0f0; overflow-x: hidden; }

.wrapper { width: 100vw; min-height: 100vh; background-color: #f0f0f0; font-family: "Inter", sans-serif; display: flex; flex-direction: column; flex-wrap: nowrap; }

nav { position: fixed; top: 0; width: 100vw; z-index: 1000; display: flex; justify-content: flex-start; align-items: center; padding: 20px; font-size: 18px; font-weight: 300; background-color: #fff; }
nav .left { width: 280px; }
nav .left img{ width: 80px; }
nav ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 16px; align-items: flex-start; }
nav li a { text-decoration: none; color: unset; opacity: 0.7; }

nav .right { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); padding-right: 20px; }
nav .right img { width: 24px; }

.home-banner { width: 100vw; height: 100%; flex-grow: 1; position: relative; overflow: hidden; }
.home-banner img { position: absolute; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 1s ease-in-out; z-index: 0; }

.home-banner img.active { opacity: 1; z-index: 1; }


@media (max-width:1075px) {
    nav { flex-direction: column; }
    nav .right { display: none; }
    nav .left { width: 100%; display: flex; justify-content: center; align-items: center; }
    nav .left img { height: 60px; margin-bottom: 12px; }
    .mob-footer-end { display: unset; background-color: #fff; text-align: center; padding: 8px; }
    .mob-footer-end a { color: inherit; }
}