/* Custom Styles */

body {
    font-family: 'Tajawal', sans-serif;
    background-color: #FFFCF5;
    color: #36454F;
    scroll-behavior: smooth;
}


/* Custom Colors for Tailwind */

.bg-brand-gold {
    background-color: #DAA520;
}

.text-brand-gold {
    color: #DAA520;
}

.border-brand-gold {
    border-color: #DAA520;
}

.bg-brand-blue {
    background-color: #2563EB;
}

.text-brand-blue {
    color: #2563EB;
}

.bg-brand-charcoal {
    background-color: #36454F;
}

.bg-brand-cream {
    background-color: #FFFCF5;
}


/* Hero Section Height */

.hero-section {
    height: 100vh;
    min-height: 700px;
    max-height: 1200px;
}


/* Animation for fade-in effect on scroll */

.fade-in-section {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.fade-in-section.is-visible {
    opacity: 1;
    transform: translateY(0);
}


/* Slideshow styles */

.slideshow-container {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 1.5s ease-in-out;
}

.slide.fade {
    opacity: 1;
}


/* Service card hover effect */

.service-card {
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.service-card:hover {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.08);
}


/* Portfolio item overlay */

.portfolio-overlay {
    transition: all 0.4s ease;
}

.portfolio-item:hover .portfolio-overlay {
    background-color: rgba(0, 0, 0, 0.7);
}


/* Floating button animation */

.floating-button {
    animation: float 3s ease-in-out infinite;
}

@keyframes float {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(0px);
    }
}


/* Navbar scroll effect */

.navbar-scroll {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    background-color: rgba(255, 252, 245, 0.98);
}