@import url("toggle.css");

html{
    scroll-behavior: smooth;
}
.marginal {
    width: 86%;
    max-width: 1500px;
    margin: auto;
    padding: 2% 0;
}

body {
    font-family: "Helvetica Neue", sans-serif;
    overflow-x: hidden;
}

.overlay-curtain {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.group:hover .overlay-curtain {
    opacity: 1;
}

.overlay-curtain>div {
    transform: scale(0.8);
    opacity: 0;
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.group:hover .overlay-curtain>div {
    transform: scale(1);
    opacity: 1;
}

#menu-panel {
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

#menu-overlay {
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

body.menu-open {
    overflow: hidden;
}
  .slider-section {
            font-family: 'Rajdhani', sans-serif;
        }

        .slide-content h2 {
            font-size: clamp(2rem, 5vw, 4rem);
        }

        .slide-content p {
            font-size: clamp(1.125rem, 2.5vw, 1.5rem);
        }