/*
Theme Name: GeneratePress Child
Template: generatepress
*/

        html {
            scroll-behavior: smooth;
        }

        .hero-bg {
            background-image: linear-gradient(rgba(30, 41, 59, 0.7), rgba(30, 41, 59, 0.7)),
                url('images/h1_hero.jpg');
            background-size: cover;
            background-position: center;
            background-attachment: fixed;
        }

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

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

        .card-hover {
            transition: all 0.3s ease;
        }

        .card-hover:hover {
            transform: translateY(-8px);
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        }

        .dropdown-menu {
            opacity: 0;
            visibility: hidden;
            transform: translateY(-10px);
            transition: all 0.3s ease;
        }

        .dropdown-menu.active {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }

        .mobile-menu {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease;
        }

        .mobile-menu.active {
            max-height: 500px;
        }

        .portfolio-overlay {
            background: linear-gradient(45deg, rgba(20, 184, 166, 0.9), rgba(59, 130, 246, 0.9));
            opacity: 0;
            transition: opacity 0.3s ease;
        }

        .portfolio-card:hover .portfolio-overlay {
            opacity: 1;
        }

        .back-to-top {
            transform: translateY(100px);
            transition: transform 0.3s ease;
        }

        .back-to-top.visible {
            transform: translateY(0);
        }













        /* ====  18/08/2025 ===== */

        .welcome {
    display: flex;
    justify-content: center;   
}

section.about{
     padding: 30px;
    background: lavender;
}

.logo_wrap{
    max-width: 80px;
}