* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {

    font-family: 'Poppins', sans-serif; 
    background: #F8FAFC;
    overflow-x: hidden;

}

h1,
h2,
h3,
h4,
h5 {

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

}

.navBlur {

    backdrop-filter: blur(18px);
    background: rgba(255, 255, 255, .8);

}

.shadowSoft {

    box-shadow: 0 15px 50px rgba(0, 0, 0, .08);

}

.heroOverlay {

    background: linear-gradient(to right,
            rgba(0, 0, 0, .75),
            rgba(0, 0, 0, .55),
            rgba(0, 0, 0, .35));

}

.greenGradient {

    background: linear-gradient(135deg, #047857, #065F46);

}

.card {

    transition: .35s;

}

.card:hover {

    transform: translateY(-10px);

}

.heroImage {

    animation: zoom 15s linear infinite;

}

@keyframes zoom {

    0% {

        transform: scale(1);

    }

    100% {

        transform: scale(1.1);

    }

}