/* Styles for success/error messages */
.message-box {
    padding: 1rem; /* p-4 */
    margin-bottom: 1.25rem; /* mb-5 */
    border-radius: 0.5rem; /* rounded-lg */
    text-align: center; /* text-center */
    font-weight: 600; /* font-semibold */
}
.message-box.success {
    background-color: #dcfce7; /* bg-green-100 */
    color: #166534; /* text-green-800 */
    border: 1px solid #bbf7d0; /* border-green-200 */
}
.message-box.error {
    background-color: #fee2e2; /* bg-red-100 */
    color: #991b1b; /* text-red-800 */
    border: 1px solid #fecaca; /* border-red-200 */
}

/* Common background image properties */
.bg-image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Styles for the background image in the cover and advantages section */
.hero-bg {
    background-image: url("../images/background_1.jpg");
}
.services-bg {
    background-image: url("../images/background_3.jpg");
}
.contacts-bg {
    background-image: url("../images/background_4.png");
}
/* Add a semi-transparent overlay for better text readability */
.overlay {
    background-color: rgba(0, 0, 0, 0.6); /* Dark overlay */
}

/* Animations for the cover section */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-in-up, .animate-fade-in-up-delay, .animate-fade-in-up-delay-2 {
    animation: fadeInUp 1s ease-out forwards;
}

.animate-fade-in-up-delay {
    animation-delay: 0.3s;
}

.animate-fade-in-up-delay-2 {
    animation-delay: 0.6s;
}

/* Note: The 'bounce' animation was in the original inline style but not used in the provided HTML.
   If it's not used, it can be removed. If it is, consider moving it here. */

/* Smooth scroll for anchors and fixed header offset */
html {
    scroll-behavior: smooth;
    /* Adjust this value to match your fixed header's height */
    scroll-padding-top: 100px;
}