/* about.php and contact.php: the few utility classes that are not in the compiled index bundle (they used the Tailwind runtime script before) */
.hero-bg {
    background: linear-gradient(rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65)), url('/assets/images/site/b1.jpg') center/cover no-repeat;
}
.hero-bg-contact {
    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('/assets/images/site/b1.jpg') center/cover no-repeat;
}

.card-hover {
    transition: all 0.3s ease;
}
.card-hover:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
}

.gap-16 { gap: 4rem; }
.mb-10 { margin-bottom: 2.5rem; }
.mb-16 { margin-bottom: 4rem; }
.p-10 { padding: 2.5rem; }
.px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
.py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.py-24 { padding-top: 6rem; padding-bottom: 6rem; }
.text-6xl { font-size: 3.75rem; line-height: 1; }
.h-\[460px\] { height: 460px; }
.space-y-10 > :not([hidden]) ~ :not([hidden]) { margin-top: 2.5rem; }

.bg-\[\#00ab6c\] { background-color: #00ab6c; }
.bg-\[\#00ab6c\]\/10 { background-color: rgb(0 171 108 / 0.1); }
.text-\[\#00ab6c\] { color: #00ab6c; }
.text-\[\#00ff9d\] { color: #00ff9d; }
.hover\:text-\[\#00ab6c\]:hover { color: #00ab6c; }
.hover\:bg-\[\#00945e\]:hover { background-color: #00945e; }
.focus\:border-\[\#00ab6c\]:focus { border-color: #00ab6c; }