@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders:opsz,wght@10..72,100..900&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Corben:wght@400;700&display=swap');

:root {
    --White: #fff;
    --Black: #000;
    --themeColor: #694a36;
    --primaryFont: "DM Sans", sans-serif;
    --secondaryFont: "Big Shoulders", sans-serif;
}

body {
    font-family: var(--primaryFont);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: var(--RichBlack);
    background: #EFF9DA;
}

ul,
li {
    list-style: none;
    padding: 0;
    margin: 0;
}

img {
    max-width: 100%;
}

p {
    font-weight: 400;
    color: #1a0d00;
    font-size: 18px;
    line-height: 170%;
}
p a {
    color: var(--themeColor);
    text-decoration: none;
}
a:focus,
button:focus,
.form-control:focus {
    outline: none;
    box-shadow: none !important;
}

button {
    outline: none;
    border: none;
    background: transparent;
}

.primary-font {
    font-family: var(--primaryFont) !important;
}

.secondary-font {
    font-family: var(--secondaryFont) !important;
}

.black-btn {
    background-color: #1a0d00;
    border-radius: 8px;
    opacity: 1;
    will-change: auto;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    text-decoration: none;
    line-height: 170%;
    transition: all 0.5s ease-in-out 0s;
}
.black-btn:hover {
    background: #694a36;
}
.theme-btn {
    background-color: #694a36;
    border-radius: 8px;
    opacity: 1;
    will-change: auto;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    text-decoration: none;
    line-height: 170%;
    transition: all 0.5s ease-in-out 0s;
}
.theme-btn:hover {
    background: #854d29;
}
.transparent-btn {
    background: transparent;
    color: var(--BluePrimary);
}

.xl-title {
    font-size: 64px;
    color: var(--themeColor);
    font-family: var(--secondaryFont);
    font-weight: 900;
    letter-spacing: -.02em;
    line-height: 110%;
}
.lg-title {
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .04em;
    line-height: 140%;
    font-family: var(--secondaryFont);
    color: var(--themeColor);
}
.theme-bg {
    background: #EFF9DA !important;
}

.mxw-958 {
    max-width: 958px !important;
}
.xxs-title {
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    letter-spacing: .04em;
    line-height: 140%;
    color: #fff;
}
.large-text {
    font-size: 12em;
    font-weight: 900;
    color: #694a36;
    font-family: var(--secondaryFont);
    text-transform: uppercase;
}
.md-title {
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .04em;
    line-height: 140%;
    color: var(--themeColor);
}
.sm-title {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .04em;
    line-height: 140%;
    color: var(--themeColor);
}
.font-1em {
    font-size: 1em;
}
.text-gray {
    color: #8a8a8a !important;
}
.mxw-860 {
    max-width: 860px !important;
}
.font-45 {
    font-size: 45px !important;
}
.mxw-100 {
    max-width: 100% !important;
}
.xs-title {
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: .04em;
    line-height: 140%;
    color: #000;
}
.text-black {
    color: #000 !important;
}
.text-theme {
    color: var(--themeColor) !important;
}