.dark body {
    color: #000000 !important;
}
.dark h1,h2,h3,h4,h5,h6 {
    color: #fff !important;
}

.dark p,span {
    color: #fff !important;
}



/*dark-button css*/

.dark-button {
    position: fixed;
    right: 18px;
    top: 47%;
    z-index: 999;
}

input[type=checkbox].toggle-switch {
    transform: rotate(90deg);
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    outline: 0;
    cursor: pointer;
    width: 4em;
    height: 1.5em;
    border-radius: 3em;
    background-color: #ebebeb;
    transition: background-color 0.09s ease-in-out;
    position: relative;
    outline: 0;
    border: transparent;
}

input[type=checkbox].toggle-switch:active::after {
  background-color: #f2f2f2;
  padding-right: .8em;
}

input[type=checkbox].toggle-switch::after {
  content: '';
  width: 2em;
  height: 2em;
  background-color: white;
  border-radius: 3em;
  position: absolute;
  left: -5px;
  top: 50%;
  transform: translateY(-50%);
  transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
  box-shadow: 2px 0px 5px 0 rgba(0, 0, 0, 0.15);
}

input[type=checkbox].toggle-switch:checked {
    background-color: #fff;
}

input[type=checkbox].toggle-switch:checked:active::after {
  margin-left: -.8em;
}

input[type=checkbox].toggle-switch:checked::after {
    left: 2em;
    background-color: #C19E66;
}
.dark .hero-area {
    background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0.9)), url(../images/hero.png) no-repeat center/cover;
}
.dark .service-area {
    background: #000000;
    padding: 1px 0 30px;
}
.dark .about-area {
    background: #000000;
}
.dark .service-single-box {
    box-shadow: inherit;
    background: #0F0F0F;
}

.dark .service-title h3 {
    color: #ffff !important;
}

.dark span.style {
    color: #ffff !important;
}

.dark .feature-area {
    background: #0F0F0F;
}

.dark .choose-us-area {
    background: #000000;
    padding: 120px 0 120px;
}

.dark .choose-us-button a {
    color: #fff;
    background: #0F0F0F;
    border: 2px solid transparent;
}
.dark .choose-us-button a:hover {
    color: #000000;
}

.dark .single-team-thumb img {
    border-radius: 5px;
}

.dark .service-area.style2 {
    padding: 111px 0 120px;
}

.dark .counter-area {
    background: #000000;
}

.dark .row.upper1 {
    margin-top: 0;
    padding: 50px 0 74px;
    background: #0F0F0F;
}

.dark .team-area {
    background: #0F0F0F;
}

.dark .team-box-content {
    background: #000000;
}

.dark .single-team-box {
    background: #000000;
}
.dark .team-title {
    background: #0F0F0F;
}
.dark .team-title h3 a {
    color: #ffff;
}
.dark .team-social-info ul li a {
    color: #D0A37C;
    background: #0F0F0F !important;
}
.dark .about-name-title h3 {
    color: #ffff !important;
}

.dark .owl-prev {
    background: #000000;
    border: 1px solid #000000;
}
.dark .owl-prev:hover {
    background: #fff;
    border: 1px solid #fff;
    color: #000000;
}

.dark .owl-next {
    background: #000000;
    border: 1px solid #000000;
}
.dark .owl-next:hover {
    background: #fff;
    border: 1px solid #fff;
    color: #000000;
}
.dark .call-do-action-area:before {
    background: rgba(0,0,0,0.9);
}
.dark .call-do-button a {
    background: #ffff;
    color: #000000;

}
.dark .call-do-button a:hover {
    color: #ffff;
    background: #000000;
}
.dark .call-do-button  a:before {
    border-bottom: 55px solid #000000;
}
.dark .call-do-button a:after {
    border-bottom: 55px solid #000000;
}
.dark .call-do-action-area:after {
    border: 1px solid #fff;
}
.dark .contact-area {
    background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0.9)), url(../images/contact.jpg) no-repeat center/cover;
}

.dark .footer-area {
    background: #000000;
}
.dark .service-box-icon {
    background: #000000;
}
.dark .service-box-icon img {
    filter: brightness(0) invert(1);
}
.dark .choose-us-thumb img {
    filter: opacity(0.5);
}
.dark .single-feature-icon img {
    display: none;
}
.dark img.icon-dark {
    display: block;
}
.dark .counter-number-content span {
    color: #fff !important;
}
/* Strt inner page */
.dark .case-study-area {
    background: #0F0F0F;
}
.dark .section-mean-title h1 {
    color: #fff
}
.dark .case-study-content {
    background: #000000;
}
.dark .case-study-title h3 a {
    color: #fff;
}
.prot-content p {
    color: #fff ;
}
.dark .protfolio-details {
    background: #0F0F0F;
}
.dark .protfolio-details-intro {
    background: #000000;
}
.dark .prot-title h3 {
    color: #ffff !important;
}
.dark .prot-info span {
    color: #fff !important;
}
.dark .prot-info strong {
    color: #ffff;
}
.dark .prot-title h2 {
    color: #fff !important;
}
.dark .service-details-area {
    background: #0F0F0F;
}
.dark .single-service-details-box {
    background: #000000;
}
.dark .single-widget-list h3 {
    color: #fff !important;
}
.dark .single-widget-list ul li a {
    color: #ffff;
}
.dark p.description {
    background: #000000;
}
.dark .single-sidebar-widget ul li {
    background: #000000;
}
.dark .single-help-widget {
    background: #000000;
}
.dark .single-sidebar-widget ul li a {
    color: #000000;
}
.dark .service-details-left {
    background: #000000;
}
.dark .faq-area.new-style{
    background: #0F0F0F;
}
.dark a.active {
    border: 2px solid #fff !important;
    background: #000000 !important;
    color: #ffff !important;
}
.dark .faq-area.new-style .accordion li p {
    background: #000000;
}
.dark .accordion li a span {
    color: #D0A37C !important;
}
.dark .blog-grid-area {
    background: #0F0F0F;
}
.dark .single-blog-content {
    background: #000000;
}
.dark .blog-page-title h4 a {
    color: #fff;
}
.dark .post-categories a {
    color: #ffff;
}
.dark .datatech-blog-meta a span {
    color: #ffff !important;
}
.dark .blog-two-cloum {
    background: #0F0F0F;
}
.dark .blog-details-area {
	background: #0F0F0F;
}
.dark .blog-details-meta a {
    color: #ffff;
}
.dark .blog-details-meta span {
    color: #fff !important;
}
.dark .meta-blog-right a {
    color: #ffff;
}