/* Custom font families */
 .font-inter {
    font-family: 'Inter', sans-serif;
}
.font-playfair-display {
    font-family: 'Playfair Display', serif;
}
/* Custom colors */
.primary-bg-color {
    background-color: #001f3f;
}
.secondary-bg-color {
    background-color: #B8860B;
}
.primary-text-color {
    color: #001f3f;
}
.secondary-text-color {
    color: #B8860B;
}
.primary-border-color {
    border-color: #001f3f;
}
.secondary-border-color {
    border-color: #B8860B;
}
.primary-bg-color:hover {
    background-color: #001f3f;
}
.secondary-bg-color:hover {
    background-color: #B8860B;
}
.primary-text-color:hover {
    color: #001f3f;
}
.secondary-text-color:hover {
    color: #B8860B;
}
.primary-border-color:hover {
    border-color: #001f3f;
}
.secondary-border-color:hover {
    border-color: #B8860B;
}
@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); }
}
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
.animate-fade-in-down { animation: fadeInDown 1s ease-out forwards; }
.animate-fade-in-up { animation: fadeInUp 1s ease-out forwards; }
.animate-fade-in { animation: fadeIn 1s ease-out forwards; }

/* Custom font families for consistency with the professional theme */
.font-inter {
    font-family: 'Inter', sans-serif;
}
.font-playfair-display {
    font-family: 'Playfair Display', serif;
}
/* Custom animation for subtle fade-in effects */
@keyframes fadeInMoveUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}
.animate-fadeInMoveUp {
    animation: fadeInMoveUp 0.8s ease-out forwards;
}
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
.animate-fadeIn {
    animation: fadeIn 1s ease-out forwards;
}

.bg-image{
    background-image: url('Images/imagebrigde.png');
    background-size: contain;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    position: relative;
    min-height: 400px;  
    background-blend-mode: overlay;
    background-color: rgba(255, 255, 255, 0.8); 
}