/* Custom Styles for PharmTech */

/* Use Inter as the primary font, with Montserrat as a fallback */
body {
    font-family: 'Inter', 'Montserrat', sans-serif;
}

/* Add custom animations */
@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-in-down {
    animation: fadeInDown 1s ease-out forwards;
}

.animate-fade-in-up {
    animation: fadeInUp 1s ease-out 0.5s forwards;
    opacity: 0; /* Start with opacity 0 */
}

/* Style for the modal to ensure it appears above all content */
#coa-modal {
    z-index: 100;
}

/* Contact form focus state */
.contact-form-container input:focus, .contact-form-container textarea:focus {
    box-shadow: 0 0 0 2px #277093;
    border-color: #277093;
}