html {
    scroll-behavior: smooth;
}

body {
    overflow-x: hidden;
}

.font-heading {
    font-family: 'Manrope', sans-serif;
}

::selection {
    background: #176B5B;
    color: #ffffff;
}

.hero-overlay {
    background:
        linear-gradient(
            90deg,
            rgba(16, 42, 39, 0.90) 0%,
            rgba(16, 42, 39, 0.60) 50%,
            rgba(16, 42, 39, 0.15) 100%
        );
}

.section-padding {
    padding-top: 90px;
    padding-bottom: 90px;
}

@media (max-width: 768px) {

    .section-padding {
        padding-top: 60px;
        padding-bottom: 60px;
    }

}