/* ==========================================================
   LAYOUT
========================================================== */

:root{

    --container:1280px;

}

/* ==========================================================
   BODY
========================================================== */

html{

    scroll-behavior:smooth;

}

body{

    font-family:var(--font-body);

    background:var(--color-background);

    color:var(--color-text);

    overflow-x:hidden;

    line-height:1.7;

}

/* ==========================================================
   CONTAINER
========================================================== */

.container{

    width:100%;

    max-width:1360px;

    margin:0 auto;

    padding:0 48px;

}

/* ==========================================================
   SECTION
========================================================== */

section{

    position:relative;

    padding:120px 0;

}

/* ==========================================================
   TITLES
========================================================== */

h1,
h2,
h3,
h4{

    font-family:var(--font-title);

    font-weight:600;

    color:var(--color-text);

}

h2{

    font-size:3rem;

    line-height:1.1;

    margin-bottom:25px;

}

p{

    color:var(--color-text-light);

    font-size:1.05rem;

}

/* ==========================================================
   LINKS
========================================================== */

a{

    color:inherit;

    text-decoration:none;

}

/* ==========================================================
   LISTS
========================================================== */

ul{

    list-style:none;

}

/* ==========================================================
   IMAGES
========================================================== */

img{

    display:block;

    max-width:100%;

}

/* ==========================================================
   BUTTONS
========================================================== */

.btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    height:56px;

    padding:0 34px;

    border-radius:50px;

    font-weight:600;

    transition:.35s;

    cursor:pointer;

}

.btn-primary{

    background:var(--color-primary);

    color:#fff;

}

.btn-primary:hover{

    transform:translateY(-4px);

    background:var(--color-primary-light);

}

.btn-outline{

    border:1px solid rgba(255,255,255,.25);

    color:#fff;

}

.btn-outline:hover{

    background:#fff;

    color:#111;

}

/* ==========================================================
   SPACING
========================================================== */

.mb-1{

    margin-bottom:16px;

}

.mb-2{

    margin-bottom:24px;

}

.mb-3{

    margin-bottom:40px;

}

.mb-4{

    margin-bottom:60px;

}