* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "rockwell-nova", sans-serif;
    font-weight: 400;
    font-style: normal;
}

p {
    line-height: 1.7;
}

body {
    background-color: #f8f7f2;
    overflow-x: hidden;
}

body, html {
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
    overflow-x: hidden;
}

body::-webkit-scrollbar , html::-webkit-scrollbar {
    display: none; /* For Chrome, Safari, and Opera */
}

/* Prevent body scroll when menu is open */
body.no-scroll {
    overflow: hidden;
    height: 100vh;
    position: fixed;
    width: 100vw;
}

.fade-in {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.4,0,0.2,1);
}

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

.fade-in-left {
    opacity: 0;
    transform: translateX(-40px);
    transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.4,0,0.2,1);
}

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

.fade-in-right {
    opacity: 0;
    transform: translateX(40px);
    transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.4,0,0.2,1);
}

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

.fade-in-stagger-1 { transition-delay: 0.5s;}
.fade-in-stagger-2 { transition-delay: 0.6s;}
.fade-in-stagger-3 { transition-delay: 0.7s;}
.fade-in-stagger-4 { transition-delay: 0.8s;}
.fade-in-stagger-5 { transition-delay: 0.9s;}
.fade-in-stagger-6 { transition-delay: 1s;}
.fade-in-stagger-7 { transition-delay: 1.1s;}