* {
    font-style: normal !important;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    min-width: 320px;
    background-color: #f4fbf7;
    color: #022c22;
    font-family: "Montserrat", sans-serif;
    line-height: 1.5;
}

a {
    color: inherit;
    text-decoration: none;
}

img,
svg,
video,
canvas {
    display: block;
    max-width: 100%;
}

button,
input,
textarea,
select {
    font: inherit;
    color: inherit;
}

button {
    border: 0;
    background: transparent;
}

[x-cloak] {
    display: none !important;
}

.hide-scrollbar::-webkit-scrollbar {
    display: none;
}

@keyframes spin-slow {
    100% {
        transform: rotate(360deg);
    }
}

.animate-spin-slow {
    animation: spin-slow 12s linear infinite;
}

.swiper-button-disabled {
    opacity: 0.4;
    pointer-events: none;
}

/* Fallbacks for the custom Tailwind CDN theme colors used by Twig templates. */
.bg-eco-light {
    background-color: #f4fbf7;
}

.bg-eco-light\/90 {
    background-color: rgb(244 251 247 / 0.9);
}

.bg-eco-accent {
    background-color: #059669;
}

.bg-eco-accent\/10 {
    background-color: rgb(5 150 105 / 0.1);
}

.bg-eco-accent\/20 {
    background-color: rgb(5 150 105 / 0.2);
}

.bg-eco-dark {
    background-color: #022c22;
}

.bg-eco-gray {
    background-color: #d1fae5;
}

.bg-\[\#1C1C1E\] {
    background-color: #1c1c1e;
}

.text-eco-light {
    color: #f4fbf7;
}

.text-eco-accent {
    color: #059669;
}

.text-eco-dark {
    color: #022c22;
}

.text-eco-dark\/50 {
    color: rgb(2 44 34 / 0.5);
}

.text-eco-dark\/60 {
    color: rgb(2 44 34 / 0.6);
}

.text-eco-dark\/70 {
    color: rgb(2 44 34 / 0.7);
}

.text-eco-dark\/80 {
    color: rgb(2 44 34 / 0.8);
}

.border-eco-accent {
    border-color: #059669;
}

.border-eco-gray {
    border-color: #d1fae5;
}

.border-eco-light {
    border-color: #f4fbf7;
}

.hover\:bg-eco-accent:hover {
    background-color: #059669;
}

.hover\:bg-eco-dark:hover {
    background-color: #022c22;
}

.hover\:text-eco-accent:hover {
    color: #059669;
}

.hover\:text-eco-dark:hover {
    color: #022c22;
}

.focus\:ring-eco-accent:focus {
    --tw-ring-color: #059669;
}

.from-eco-dark {
    --tw-gradient-from: #022c22 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(2 44 34 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-eco-dark\/80 {
    --tw-gradient-from: rgb(2 44 34 / 0.8) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(2 44 34 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-eco-dark\/90 {
    --tw-gradient-from: rgb(2 44 34 / 0.9) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(2 44 34 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.via-eco-dark\/20 {
    --tw-gradient-to: rgb(2 44 34 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(2 44 34 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
}