:root{

    --cream:#EAE4D3;
    --cream-light:#EFEADE;
    --card:#FFFDF8;

    --green:#20432F;
    --green-dark:#121E14;

    --gold:#B89345;
    --gold-light:#D2B46D;

}

/*************************
RESET
**************************/

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

body{

    font-family:'Poppins',sans-serif;
    background:var(--cream);

    color:#333;

}

img{

    max-width:100%;
    display:block;

}

.container{

    max-width:100%;

    margin:auto;

    padding:0 25px;

}

.section{

    padding:90px 0;

}

.section-small{

    padding:60px 0;

}

.text-center{

    text-align:center;

}

.card{

    background:var(--card);

    border-radius:20px;

    padding:35px;

    box-shadow:0 18px 45px rgba(0,0,0,.08);

}

.section-title{

    text-transform:uppercase;

    letter-spacing:2px;

    color:var(--green);

    font-size:15px;

    text-align:center;

}

.decorated-title{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:20px;

    margin-bottom:50px;

}

.decorated-title::before,

.decorated-title::after{

    content:"";

    width:120px;

    height:2px;

    background:var(--gold);

}

.btn{

    display:inline-block;

    padding:14px 30px;

    border-radius:40px;

    text-decoration:none;

    transition:.3s;

}

.btn-primary{

    background:var(--green);

    color:#fff;

}

.btn-primary:hover{

    background:var(--green-dark);

}

.btn-outline{

    border:2px solid #fff;

    color:#fff;

}

.btn-outline:hover{

    background:#fff;

    color:#000;

}