body{

    font-family:var(--font);

    background:var(--background);

    color:var(--text);

    overflow-x:hidden;

    min-height:100vh;

}
body.menu-open{

    overflow:hidden;

}

.container{

    width:min(92%,1280px);

    margin:auto;

}
.section-divider{

    position:relative;

}

.section-divider::before{

    content:"";

    position:absolute;

    top:32px;
    left:50%;

    transform:translateX(-50%);

    width:min(88%,1180px);
    height:1px;

    background:linear-gradient(
        90deg,
        transparent 0%,
        rgba(226,232,240,.12) 20%,
        rgba(226,232,240,.45) 50%,
        rgba(226,232,240,.12) 80%,
        transparent 100%
    );

}
/* SCROLLBAR */

html{

    scrollbar-width:thin;

    scrollbar-color:var(--accent) #F8FAFC;

}

/* Chrome, Edge, Safari */

::-webkit-scrollbar{

    width:10px;

}

::-webkit-scrollbar-track{

    background:#F8FAFC;

}

::-webkit-scrollbar-thumb{

    background:var(--accent);

    border-radius:999px;

    border:2px solid #F8FAFC;

}

::-webkit-scrollbar-thumb:hover{

    background:#EA580C;

}
.btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:16px 30px;

    border-radius:12px;

    font-weight:700;

    text-decoration:none;

    transition:
        background-color .35s ease,
        color .35s ease,
        border-color .35s ease,
        transform .35s ease;

}

.btn-primary{

    background:var(--secondary);

    color:#fff;

}

.btn-primary:hover{

    transform:translateY(-2px);

    background:#1D4ED8;

}

.btn-secondary{

    border:1px solid #CBD5E1;

    color:var(--primary);

}

.btn-secondary:hover{

    background:#F1F5F9;

}