@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap);

body {
 font-family: 'Plus Jakarta Sans', sans-serif;
 background-color: #f8fafc
}

.hero-bg-1 {
 background: linear-gradient(rgb(0 0 0 / .4), rgb(0 0 0 / .4)), url(https://images.unsplash.com/photo-1718013064534-010ca043a797?q=80&w=870&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D)
}

.hero-bg-2 {
 background: linear-gradient(rgb(0 0 0 / .4), rgb(0 0 0 / .4)), url(https://plus.unsplash.com/premium_photo-1682124431132-76331d407d4d?q=80&w=870&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D)
}

.hero-slide {
 background-size: cover;
 background-position: center
}

.glass-card {
 position: absolute;
 background: rgb(255 255 255 / .95);
 backdrop-filter: blur(10px);
 transition: transform 0.3s ease
}

.glass-card:hover {
 transform: translateY(-5px);
 background: rgb(235 199 19 / .9)
}

.nav-link:hover {
 color: #fbbf24
}

.mobile-menu-content::-webkit-scrollbar {
 width: 4px
}

.mobile-menu-content::-webkit-scrollbar-thumb {
 background: #cbd5e1;
 border-radius: 10px
}