html{

scroll-behavior:smooth;


}
body{

font-family:'Inter',sans-serif;

}
h1,h2,h3{

font-family:'Poppins',sans-serif;




}

.lucide {
    width: 28px;
    height: 28px;
    stroke-width: 1.8;
}
.gallery-img {

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition: transform .6s ease;

    cursor: pointer;

}

.gallery-img:hover{

    transform: scale(1.08);

}
/* ===== HERO ===== */

.hero-image{
    animation: heroZoom 20s ease-in-out infinite alternate;
    will-change: transform;
}

@keyframes heroZoom{

    from{
        transform: scale(1);
    }

    to{
        transform: scale(1.08);
    }

}