@import url('https://fonts.googleapis.com/css2?family=Marcellus&family=Outfit:wght@100..900&display=swap');

.font-marcellus{
    font-family: "Marcellus", sans-serif;
}

body{
    font-family: "Outfit", serif;
}

html{
    scroll-behavior: smooth;
}

.box-shadow{
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
}

.bg-container {
    width: 100%;
    height: 100%;
    /* Add your background pattern here */
    background: rgba(29, 31, 32, 0.116) linear-gradient(0deg,rgba(255, 255, 255, 0.12) 10%, transparent 1%);
    background-size: 11px 11px;
    position: relative;
}

.bg-container::after{
    z-index: 2;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Add your background pattern here */
    background: rgba(29, 31, 32, 0.116) linear-gradient(90deg,rgba(255, 255, 255, 0.12) 10%, transparent 1%);
    background-size: 11px 11px;
}

.spacing-container{
    padding-top: 108px;
}


@media screen and (max-width: 992px){
    .spacing-container{
        padding-top: 96px;
    }
}