/*
====================================
Container
====================================
*/

.container{

    width:100%;

    max-width:var(--container-width);

    margin-inline:auto;

    padding-inline:var(--container-padding);

}

.site-header{
    background:#ffffff;
    border-bottom:1px solid #e5e7eb;
}

.site-header__container{

    display:flex;

    justify-content:space-between;

    align-items:center;

    min-height:90px;

}

/* =======================================
   Wrapper
======================================= */

.wrapper{

    width:100%;

    overflow:hidden;

}

/* =======================================
   Section
======================================= */

.section{

    padding-block:var(--section-spacing);

}

/* =======================================
   Grid
======================================= */

.grid{

    display:grid;

    gap:var(--spacing-lg);

}

/* =======================================
   Content Width
======================================= */

.content-width{

    max-width:800px;

    margin-inline:auto;

}