:root {
    /* Colors */
    --brown: #804409;
    --white: #FFFFFF;
    --pink: #F7C6C6;


    /* Layout */
    --container-max: 100rem; /* 1600px */
    --container-padding: clamp(1rem, 4vw, 2rem);

    /* Z-index */
    --z-bottom: -10000;
    --z-top: 10000;
}

.container {
    width: 100%;
    max-width: var(--container-max);
    margin-inline: auto;
    padding-inline: var(--container-padding);
}

html,
body {
    overflow-x: hidden;
    scroll-behavior: smooth;
    font-family: 'Avenir Next Medium';
    font-size: 14px;
    line-height: 19px;

}
p{
    font-family: 'Avenir Next Medium';
    font-size: 14px;
    line-height: 19px;
    color: var(--brown);
}
a, ins {
    text-decoration: unset;
}
:focus-visible {
    outline: unset!important;
}
.section__title.brown{
    color: var(--brown);
}
.section__title{
    font-family: 'CooperBlack-Std';
    font-size: 35px;
    line-height: 43px;
}
.section__heading.brown{
    color: var(--brown);
}
.section__heading{
    font-family: 'CooperBlack-Std';
    font-size: 20px;
    line-height: 27px;
}
.description_md.brown{
    color: var(--brown);
}
.description_md{
    font-family: 'Avenir Next Medium';
    font-size: 20px;
    line-height: 30px;
}
.description{
    font-family: 'Avenir Next Medium';
    font-size: 14px;
    line-height: 19px;
}
.description strong,
.description b{
    font-weight: bold;
}
.description p{
    margin-bottom: 20px;
}
.description.brown{
    color: var(--brown);
}
.main-btn .main-btn-icon {
    margin-left: 5px;
}
.main-btn.pink .main-btn-txt{
    color: var(--brown);
}
.main-btn .main-btn-txt{
    font-family: 'Avenir Next Medium';
    font-size: 16px;
    line-height: 1;
}
.main-btn{
    border-radius: 10px;
    padding: 14px 18px;
    transition: all 0.2s;
}
.main-btn.pink:hover img{
    filter: brightness(0) invert(1);
}
.main-btn.pink:hover .main-btn-txt{
    color: var(--white);
}
.main-btn.pink:hover{
    background-color: var(--brown);
    border: 1px solid var(--brown);
}
.main-btn.pink{
    background-color: var(--pink);
    border: 1px solid var(--pink);
}
.main-btn.white:hover img{
    filter: brightness(0) invert(1);
}
.main-btn.white:hover .main-btn-txt{
    color: var(--white);
}
.main-btn.white:hover{
    background-color: var(--brown);
    border: 1px solid var(--brown);
}
.main-btn.white{
    background-color: var(--white);
    border: 1px solid var(--white);
    color: var(--brown);
}
.main-btn.transparent img{
    filter: brightness(0) invert(1);
}
.main-btn.transparent:hover img{
    filter: none;
}
.main-btn.transparent:hover .main-btn-txt{
    color: var(--brown);
}
.main-btn.transparent:hover{
    background-color: var(--white);
    border: 1px solid var(--white);
}
.main-btn.transparent{
    background-color: transparent;
    border: 1px solid var(--white);
    color: var(--white);
}
/* Animations */

.slide-right {
    width: 100%;
    overflow: hidden;
    max-width: fit-content;
}
.slide-right h1 {
    animation: 0.8s slide-right 0.8s forwards;
    transform:translateX(-100%);
}
@keyframes slide-right {
    to {
        transform:translateX(0);
    }
}
.slide-left {
    width: 100%;
    overflow: hidden;
    max-width: fit-content;
}
.slide-left h1 {
    animation: 0.8s slide-left 0.8s forwards;
    transform:translateX(100%);
}
@keyframes slide-left {
    to {
        transform:translateX(0);
    }
}