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

*,
*::before,
*::after{
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{

    margin:0;

    font-family:'Montserrat',sans-serif;

    font-size:16px;

    line-height:1.7;

    color:#1f2937;

    background:#ffffff;

    overflow-x:hidden;

}

img{

    display:block;

    max-width:100%;

    height:auto;

}

a{

    color:inherit;

    text-decoration:none;

}

ul{

    margin:0;

    padding:0;

    list-style:none;

}

button{

    cursor:pointer;

    font-family:inherit;

}

/*
==================================================
ROOT VARIABLES
==================================================
*/

:root{

--am-primary:#0F5D3F;

--am-secondary:#C89D2A;

--am-dark:#102027;

--am-light:#F8FAFC;

--am-white:#ffffff;

--am-text:#334155;

--am-muted:#64748B;

--am-border:#E5E7EB;

--am-shadow:0 12px 40px rgba(0,0,0,.08);

--radius:18px;

--transition:.35s ease;

--container:1280px;

}

h1{

font-size:clamp(3rem,7vw,5rem);

font-weight:900;

line-height:1.1;

}

h2{

font-size:clamp(2.2rem,5vw,3.6rem);

font-weight:800;

}

h3{

font-size:2rem;

font-weight:700;

}

h4{

font-size:1.4rem;

font-weight:700;

}

p{

margin:0 0 1.5rem;

color:var(--am-text);

}

.container{

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

margin-inline:auto;

}

.btn{

display:inline-flex;

align-items:center;

justify-content:center;

padding:16px 34px;

border-radius:999px;

transition:var(--transition);

font-weight:700;

}

.btn-primary{

background:var(--am-primary);

color:#fff;

}

.btn-primary:hover{

transform:translateY(-3px);

}

.btn-outline{

border:2px solid var(--am-primary);

color:var(--am-primary);

}

.btn-outline:hover{

background:var(--am-primary);

color:#fff;

}