@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800&family=Roboto:wght@300;400;500&display=swap');
/* Smooth Scroll Global */
html {
  scroll-behavior: smooth;
}

body { font-family: 'Roboto', sans-serif; color: #111111; }

h1, h2, h3, h4, .font-title { font-family: 'Montserrat', sans-serif; }

.hero-bg { 
    background: linear-gradient(rgba(17, 17, 17, 0.75), rgba(17, 17, 17, 0.75)), url('../../resources/img/backgroup.png'); 
    background-size: cover; 
    background-position: center;
    background-attachment: fixed;
}

.section-divider { height: 4px; width: 60px; background-color: #3e4095; margin: 1.5rem 0; }

.card-shadow { box-shadow: 0 4px 20px rgba(62, 64, 149, 0.08); }

.filter-btn.active { background-color: #3e4095; color: white; }

.gallery-item { transition: all 0.4s ease; }

.gallery-item.hidden { display: none; opacity: 0; transform: scale(0.9); }