/* Custom Styles for AGBK Website */

body {
    font-family: "Vazirmatn", "Tahoma", sans-serif;
    /* Subtle background pattern */
    background-color: #f8f9fa;
    background-image:
        linear-gradient(30deg, #f0f0f0 12%, transparent 12.5%, transparent 87%, #f0f0f0 87.5%, #f0f0f0),
        linear-gradient(150deg, #f0f0f0 12%, transparent 12.5%, transparent 87%, #f0f0f0 87.5%, #f0f0f0),
        linear-gradient(30deg, #f0f0f0 12%, transparent 12.5%, transparent 87%, #f0f0f0 87.5%, #f0f0f0),
        linear-gradient(150deg, #f0f0f0 12%, transparent 12.5%, transparent 87%, #f0f0f0 87.5%, #f0f0f0),
        linear-gradient(60deg, #e8e8e8 25%, transparent 25.5%, transparent 75%, #e8e8e8 75%, #e8e8e8),
        linear-gradient(60deg, #e8e8e8 25%, transparent 25.5%, transparent 75%, #e8e8e8 75%, #e8e8e8);
    background-size: 80px 140px;
    background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;
    background-attachment: fixed;
}

/* Slider Animations */
.slider-item {
    opacity: 0;
    transition: opacity 1s ease-in-out;
    z-index: 0;
}

.slider-item.active {
    opacity: 1;
    z-index: 1;
}

/* Hover Effects - No parallax transform */
section img {
    transition: transform 0.6s ease-out;
    transform: none !important;
    /* Prevent parallax displacement */
}

section img:hover {
    transform: scale(1.05) !important;
}

/* Card Hover Lift Effect */
.bg-white.rounded-2xl {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.bg-white.rounded-2xl:hover {
    transform: translateY(-8px);
}

/* WhatsApp Button Pulse Animation */
@keyframes pulse {

    0%,
    100% {
        box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.7);
    }

    50% {
        box-shadow: 0 0 0 15px rgba(34, 197, 94, 0);
    }
}

.fixed.bg-green-500 {
    animation: pulse 2s infinite;
}

/* Smooth overflow for parallax */
body {
    overflow-x: hidden;
}

/* Parallax Background Styles */
.parallax-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    will-change: transform;
    z-index: 0;
}

/* Semi-transparent overlay for readability */
section .parallax-bg::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.92);
    z-index: 1;
}

/* Darker overlay for goals section */
#goals .parallax-bg::after {
    background: rgba(0, 0, 0, 0.1);
}