[data-bs-theme=light]{
    --primary-color:#3c4c3a;
    --secondary-color:#325930;
    --helper-color:#3d210f;
    --primary-bg-color:#f5f1ed;
    --secondary-bg-color:#fffdfb;
    --helper-bg-color:#e7dfd8;
}
[data-bs-theme=dark]{
    --primary-bg-color:rgb(30, 30, 21);
    --secondary-bg-color:rgb(37,37,27);
    --helper-bg-color:rgb(55, 55, 39);
    --primary-color:rgb(199,192,169);
    --secondary-color:#f9ece1;
    --helper-color:#eddcca;   
}
body , .primary-bg
{
    background-color: var(--primary-bg-color) !important;
}
body *{
    color: var(--primary-color) !important;
}
.secondary-bg , .modal-content
{
    background-color: var(--secondary-bg-color);
}
.home-section h1 ,
.home-section h2 ,
.home-section p {
    color: #fff !important;
}
/* header nav , .navbar-nav .dropdown-menu
{
    background-color: #3d210f !important;
} */
/* header nav *{
    color: #f9ece1 !important;
} */
.footer ,
header nav , .navbar-nav .dropdown-menu
{
    background-color: var(--helper-bg-color) !important;
}
header * , .footer *,header nav *
{
    color: var(--primary-color) !important;
}
.navbar-fixed-top .navbar-nav > li > a:hover
{
    color: var(--helper-color) !important;
}
.main-services , ul.team-icon li a ,
.carousel-indicators button.active
{
    background-color: var(--helper-bg-color) !important;
}
.btn-primary , 
#newsletter-form-hero #submit-button-newsletter-hero
{
    background-color: var(--helper-bg-color) !important;
    border-color: var(--helper-bg-color) !important;
}

.about-page {
	width: 100%;
	position: relative;
  	padding-top: 225px;
  	padding-bottom: 145px;
	background: url(../images/about-bg.jpg) center center no-repeat;
    background-size: cover;
    z-index: 99;
}
.service-page {
	width: 100%;
	position: relative;
  	padding-top: 225px;
  	padding-bottom: 145px;
	background: url(../images/service-bg.jpg) center center no-repeat;
    background-size: cover;
    z-index: 99;
}
.contact-page {
	width: 100%;
	position: relative;
  	padding-top: 225px;
  	padding-bottom: 145px;
	background: url(../images/contact-bg.jpg) center center no-repeat;
    background-size: cover;
    z-index: 99;
}
.team-page {
	width: 100%;
	position: relative;
  	padding-top: 225px;
  	padding-bottom: 145px;
	background: url(../images/team-bg.jpg) center center no-repeat;
    background-size: cover;
    z-index: 99;
}