@charset "utf-8";
/* CSS Document */
/* Light Theme */
body {
    background: #ffffff;
    color: #222;
    transition: all 0.3s ease;
}

/* Dark Theme */
body.dark-theme {
    background: #121212;
    color: #f5f5f5;
}

/* Example Elements */
body.dark-theme .navbar {
    background: #1e1e1e;
}

body.dark-theme .about-section {
    background: #1e1e1e;
}

body.dark-theme .footer-about{
    color: #c79a4a;
}


body.dark-theme .about-section ul li {
    color: #f5f5f5;
}

body.dark-theme .contact-one__wrapper {
    background: #1e1e1e;
}

body.dark-theme .contact-one__info {
    background: #1e1e1e;
}

body.dark-theme .contact-one__form__bg-two {
    background: #474747;
}

body.dark-theme .service {
    background: #474747;
}

body.dark-theme .service__item {
    background: #1e1e1e;
}

body.dark-theme .testimonials {
    background: #474747;
}

body.dark-theme .testimonials-card {
    background: #1e1e1e;
}

body.dark-theme .testimonials-card__top i{
    color: #c79a4a;
}
body.dark-theme .testimonials-card__quote{
    background: #fff;
    	color: #000;
}

body.dark-theme .testimonials-card__name {
    color: #c79a4a;
}

body.dark-theme .cta-title {
    color: #000;
}

body.dark-theme .cta-btn {
    background: #000;
}

body.dark-theme .card {
    background: #252525;
    color: #fff;
}

body.dark-theme a {
    color: #c79a4a;
}

/*
body.dark-theme textarea,
body.dark-theme input,
body.dark-theme select {
    background: #2d2d2d;
    color: #fff;
    border: 1px solid #555;
}
*/

body.dark-theme .btn-primary {
    background: #c79a4a;
}

/* Toggle Button */
#themeToggle {
    width: 45px;
    height: 45px;
    border: none;
    border-radius: 0 50% 50% 0;
    cursor: pointer;
    background: #f4f4f4;
    color: #222;
    transition: all 0.3s ease;
	position: fixed;
	left: 0;
	top: 20%;
	z-index: 99999;
}

body.dark-theme #themeToggle {
    background: #333;
    color: #fff;
}


:root {
    --bg: #ffffff;
    --text: #222;
    --card: #f8f8f8;
}

.dark-theme {
    --bg: #121212;
    --text: #f5f5f5;
    --card: #1f1f1f;
}

body {
    background: var(--bg);
    color: var(--text);
}

.card {
    background: var(--card);
}