@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap');
@font-face {
    font-family: 'Butler';
    src: url('../fonts/Butler-Free-Bd.woff2') format('woff2'),
        url('../fonts/Butler-Free-Bd.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


:root {
    --White: #fff;
    --Black: #000;
    --themeColor: #B7684E;
    --BluePrimary: #022E39;
    --RichBlack: #000303;
    --BlackLight: #1E1E1E;
    --Red: #FC0400;
    --Gray: #626262;
    --OffWhite: #F6F6F6;
    --OffGray: #C4C4C4;
    --BabyBlue: #CEE9F1;
    --SteelBlue: #3691A7;
    --primaryFont: "Host Grotesk", sans-serif;
    --secondaryFont: "EB Garamond", serif;
}

body {
    padding:0;
    margin:0;
    font-family: var(--primaryFont);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: var(--RichBlack);
    background: #F7E9D6;
}

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

img {
    max-width: 100%;
}
a,
a:hover,
a:focus,
a:active,
a:visited {
    text-decoration: none;
}
p {
    font-weight: 400;
    color: var(--Gray);
    font-size: 1em;
}
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;
}
.theme-btn {
    background: var(--themeColor);
    color: var(--White);
    font-size: 1.1em;
    font-family: var(--primaryFont);
    text-decoration: none;
    padding: 8px 25px;
    border-radius: 10px;
    border: solid 2px var(--themeColor);
}
.transparent-btn {
    background: var(--White);
    color: var(--themeColor);
    font-size: 1.1em;
    font-family: var(--primaryFont);
    text-decoration: none;
    padding: 8px 25px;
    border-radius: 10px;
    border: solid 1px var(--themeColor);
    transition: all 0.3s ease;
}
.transparent-btn:hover,
.transparent-btn:focus,
.transparent-btn:active {
    background: var(--themeColor);
    color: var(--White);
    border-color: var(--themeColor);
}
.lg-btn {
    font-size: 1.2em;
    padding: 10px;
}

.main-heading {
    color:#B7684E;
    font-size: 3.4em;
    font-family: 'Butler';
}
.sub-heading {
    font-size: 1.8em;
    color: var(--Black);
    font-weight: 400;
    font-family: var(--primaryFont);
}
.lg-title {
    font-size: 2.4em;
    color: #B7684E;
    font-weight: 600;
}
.md-title {
    font-size: 1.5em;
    color: #AA5A3F;
    font-weight: 500;
}
.sm-title {
    font-size: 1.1em;
    color: var(--Black);
    font-weight: 400;
}
.fw-500 {
    font-weight: 500;
}
.read-more-btn {
    border-radius: 8px;
    background: transparent;
    display: inline-block;
    padding: 10px 25px;
}
.sm-btn {
    font-size: 0.8em;
    padding: 5px 15px;
}