/* Website Background - Soft Beige */
html, body {
    background-color: #F5F1E6 !important;
}
/* Apply Soft Beige background across the site */
body,
html,
.main-content,
.wrapper,
.page-wrapper,
.container,
section {
    background-color: #F5F1E6 !important;
}
/* Navbar Background White */
header,
.navbar,
.main-header,
.site-header {
    background-color: #ffffff !important;
}
/* Navbar text color */
.navbar a,
header a,
.menu a {
    color: #000000 !important;
}
/* Navbar shadow */
header,
.navbar {
    background-color: #ffffff !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
}
/* Primary Buttons - Leaf Green */
button,
.btn,
.primary-btn,
.button-primary,
input[type="submit"] {
    background-color: #4CAF50 !important;
    border-color: #4CAF50 !important;
    color: #ffffff !important;
}
/* Section Background - Light Mint Green */
section {
    background-color: #DFF5E1 !important;
}
/* Custom class for mint background */
.mint-bg {
    background-color: #DFF5E1;
}

   Your content here
/* Accent Elements - Soft Mint Green */
a,
.highlight,
.accent,
.icon,
.badge {
    color: #A8E6CF !important;
}
/* Accent background and borders */
.btn-accent,
.accent-bg,
.border-accent {
    background-color: #A8E6CF !important;
    border-color: #A8E6CF !important;
}
/* Accent hover effect */
a:hover,
.btn-accent:hover {
    color: #8EDCC0 !important;
    background-color: #8EDCC0 !important;
}
/* Text Color - Charcoal Grey */
body {
    color: #36454F !important;
}
/* Apply Charcoal Grey to all text */
body,
p,
span,
li,
label,
a,
h1, h2, h3, h4, h5, h6 {
    color: #36454F !important;
}
/* Link hover effect */
a:hover {
    color: #2C3E46 !important;
}
/* Improve logo size in mobile view */
@media (max-width: 768px) {

.mobile-header-logo img {
    max-height: 120px !important;
    height: auto !important;
    width: auto !important;
}

/* Adjust header spacing if needed */
.mobile-header-top {
    padding: 10px 15px;
}

}
@media (max-width: 768px) {

.mobile-header-logo img {
    max-height: 130px !important;
    width: auto !important;
}

header .mobile-header-logo {
    display: flex;
    align-items: center;
}

}