.wrapper1324 {

    max-width: 1324px;

    margin-left: auto;

    margin-right: auto;

    width: 100%;

}



.wrapper1240 {

    max-width: 1240px;

    margin-left: auto;

    margin-right: auto;

    width: 100%;

}



/*  */

.brown-btn a, 

.brown-btn button {

    background-color: var(--brown--color);

    min-width: 200px;

    text-align: center;

    font-size: 16px;

    font-weight: 500;

    line-height: 16px;

    width: 100%;

    padding: 17px 25px;

    text-decoration: none;

    color: var(--secondary--color) !important;

    border-radius: 10px;

    font-family: "Work Sans", sans-serif;

    cursor: pointer;

}



.brown-btn a:hover,

.brown-btn button:hover {

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

    transition: ease-in-out 0.6s;

}



h1 {

    font-size: 48px;

    line-height: 54px;

}



h2 {

    font-size: 36px;

    line-height: 42px;

}



h3 {

    font-size: 28px;

    line-height: 36px;

    font-weight: 500;

    color: var(--brown--color);

}



h4 {

    font-size: 24px;

    line-height: 30px;

    font-weight: 500;

    color: var(--brown--color);

}



h5 {

    font-size: 20px;

    line-height: 20px

}



h6 {

    font-size: 18px;

    line-height: 18px;

    font-weight: 600;

}



.spacer {

    float: left;

    width: 100%;

    height: 70px;

}



.text-size-16 {

    font-size: 16px;

}



.padding-top {

    padding-top: 92px;

}



.padding-bottom {

    padding-bottom: 100px;

}





.min-height-auto {

    min-height: auto !important;

}



.beige-bg {

    background-color: var(--beige-color);

}



.font-size-18 {

    font-size: 18px;

    line-height: 24px;

}



.pink-bg {

    background-color: var(--pink-bg-color);

}



.light-bg {

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

}



.tea-pink-bg {

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

}



.color-fdbf00 {

    color: #fdbf00;

}



.font-size-20 {

    font-size: 20px;

}



.font-size-30 {

    font-size: 30px;

    line-height: 34px;

    font-weight: 300;

}



.special-text {

    font-size: 20px;

    line-height: 24px;

    font-family: "Nunito", sans-serif;

    font-weight: 400;

}



.black-text {

    color: var(--black--color);

}



.pink-text {

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

}



.brown-text {

    color: var(--brown--color);

}



.font-weight-500 {

    font-weight: 500;

}



.font-weight-600 {

    font-weight: 600;

}



.font-weight-800 {

    font-weight: 800;

}



.padding-top78 {

    padding-top: 78px;

}



.padding-bottom78 {

    padding-bottom: 78px;

}



.pink-btn a,

.pink-btn button {

    background-color: var(--brown--color);

    min-width: 180px;

    text-align: center;

    font-size: 16px;

    font-weight: 500;

    line-height: 16px;

    width: 100%;

    padding: 17px 24px;

    text-decoration: none;

    color: var(--secondary--color) !important;

    border-radius: 10px;

    /* box-shadow: 0 9px 13px rgb(251 156 35 / 26%); */

    font-family: "Work Sans", sans-serif;

    cursor: pointer;

}



.pink-btn a:hover,

.pink-btn button:hover {

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

    transition: ease-in-out 0.6s;

}



.border-top {

    border-top: 1px solid #ededed;

}