/*======================================
        RESET
======================================*/

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{

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

    color:var(--text);

    background:var(--background);

    overflow-x:hidden;

    line-height:1.7;

}

img{

    max-width:100%;

    display:block;

}

a{

    text-decoration:none;

    color:inherit;

}

ul{

    list-style:none;

}

button,
input,
textarea,
select{

    font-family:inherit;

    border:none;

    outline:none;

}

button{

    cursor:pointer;

}

.container{

    width:min(92%, var(--container));

    margin:auto;

}

.section-padding{

    padding:120px 0;

}

.section-heading{

    text-align:center;

    max-width:760px;

    margin:0 auto 70px;

}

.section-subtitle{

    color:var(--primary);

    text-transform:uppercase;

    letter-spacing:2px;

    font-size:14px;

    font-weight:600;

}

.section-title{

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

    font-size:58px;

    margin:18px 0;

    line-height:1.1;

    color:var(--black);

}

.section-heading p{

    color:var(--paragraph);

    font-size:18px;

}