/* Custom styles to complement Tailwind CSS */
body {
    font-family: 'Segoe UI', Tahoma, sans-serif;
    line-height: 1.6;
}

header {
    background: linear-gradient(90deg, #4facfe, #ff4e70);
}

.form-section input:focus,
.form-section button:focus {
    outline: none;
}

.portfolio img {
    transition: transform 0.3s ease;
}

.portfolio img:hover {
    transform: scale(1.05);
}

.offer-banner {
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.02);
    }

    100% {
        transform: scale(1);
    }
}

@media (max-width: 600px) {
    header h1 {
        font-size: 2rem;
    }

    .intro h2 {
        font-size: 1.75rem;
    }

    .form-section h3,
    .testimonials h3,
    .portfolio h3,
    .contact h3 {
        font-size: 1.5rem;
    }

    .offer-banner p.text-2xl {
        font-size: 1.25rem;
    }
}