:root {
    color-scheme: light;
}

html {
	scroll-behavior: smooth;
}

body {
    min-width: 320px;
}

@media (max-width: 767px) {
    .hero-mobile-image {
        height: 42vh;
        min-height: 240px;
    }
}

.btn-spinner {
    display: inline-block;
    width: 0.9rem;
    height: 0.9rem;
    border: 2px solid rgba(255, 255, 255, 0.35);
    border-top-color: #ffffff;
    border-radius: 9999px;
    animation: spin 0.7s linear infinite;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 767px) {
    .mobile-menu-open {
        overflow: hidden;
    }
}