@import "_vars.css";
@import "_nav.css";
@import "_header.css";
@import "_aboutUs.css";
@import "_services.css";
@import "_footer.css";

::-webkit-scrollbar {
    display: none;
}

html {
    scroll-behavior: smooth;
}

html, body {
    width: 100%;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
    background: linear-gradient(to bottom,#fff 0%,#f3f4fb 25%,#eaecf9 50%,#f3f4fb 75%,#fff 100%);
    box-sizing: border-box;
    font-family: "Inter", sans-serif;
    color: #1C1C1C;
}

ul {
    list-style: none;
}

.fade-section {
    opacity: 0.001;
    transition:
        opacity 1s cubic-bezier(.22, 1, .36, 1),
        transform 1s cubic-bezier(.22, 1, .36, 1);
    will-change: opacity, transform;
    min-height: 200px;
}

.fade-section.visible {
    opacity: 1;
}