/*Dark-Main Button css
=========================*/

.dark-button {
    position: fixed;
    right: 12px;
    top: 35%;
    z-index: 222;
}

input[type=checkbox].toggle-switch {
    transform: rotate(90deg);
    -webkit-appearance: none;
    cursor: pointer;
    width: 5em;
    height: 2em;
    border-radius: 3em;
    background-color: #ebebeb;
    transition: background-color 0.09s ease-in-out;
    position: relative;
    outline: 0;
    box-shadow: 0 0 0 0.15rem rgb(32 101 239 / 50%);
}

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: 0px;
    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: 3em;
    background-color: #2475fc;
}

/*===========< Dark Body CSS > ==============*/

.dark {
  background:#1D1D1D;
  color: #fff;
  transition: 0.5s;
}

.dark p {
    color: #A2A2A2;
    transition: 0.5s;
}

.dark a{
    color: #fff;
}

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

/*=========== < Top menu bar >================ */

.dark .techno_nav_manu {
    background: #00247e;
}

.dark .bg_color {
    background: #131313;
}

.dark .menu a img {
    filter: invert(2);
}

.dark .sticky .menu a img {
    filter: invert(0);
}

.dark .menu > ul > li a {
    color: #fff;
}



/*
<!-- =======================================-->
<!--Home 2 Dark Css-->
<!-- =======================================-->*/


.dark .slider19 {
    background-image: url(../images/slider/software-dark-hero-bg.jpg);
}

/*
<!-- =======================================-->
<!--Service Section 3 Dark Css-->
<!-- =======================================-->*/

.dark .style-14.service_area {
    background: url(../images/software-service-bg-dark.png);
    background-position: bottom right;
}
.dark .service_single_box {
    background: #101010;
    filter: inherit;
}

.dark  .service_title h4 {
    color: #fff;
}

/*
<!-- =======================================-->
<!-- Testimonial Area Dark Css-->
<!-- =======================================-->*/

.dark .style-2.testimonial_area {
    background-image: url("../images/software-dark-testi-bg.png");
    background-position: top center;
}

.dark .single_testimonial-box {
    background-color: #101010;
}

.dark .testi-rating {
    background: #101010;
    border: 1px solid rgba(255,255,255,0.1);
}

/*
<!-- =======================================-->
<!--Portfolio Section 5 Dark Css-->
<!-- =======================================-->*/

.dark .style-2.portfolio_area {
    background-image: url(../images/software-dark-port-bg.png);
    background-position: top center;
}

/*
<!-- =======================================-->
<!--Work Process Section 5 Dark Css-->
<!-- =======================================-->*/

.dark .work_process {
    background-image: url(../images/software-dark-work-bg.png);
    background-position: top center;
}

.dark .single_process_work {
    background: #101010;
}

/*
<!-- =======================================-->
<!-- Team Section 5 Dark Css-->
<!-- =======================================-->*/

.dark .team_area.style-1 {
    background-image: url(../images/software-dark-port-bg.png);
    background-position: top center;
}

.dark .team_single_box {
    background-color: #101010;
}

.dark .team_social_icon {
    background-color: #101010;
}

.dark .team_-thumb img {
    filter: grayscale(1);
}

/*
<!-- =======================================-->
<!--Pricing Section 5 Dark Css-->
<!-- =======================================-->*/

.dark .pricing_area.style-1 {
    background-image: url(../images/software-dark-testi-bg.png);
    background-position: top center;
}

.dark .pricing_single-box {
    background-color: #101010;
    border: 1px solid rgba(255,255,255,0.1);
}

.dark .style-1 .pricing_tk h2 {
    color: #fff;
}

.dark .pricing-head {
    border-bottom: 1px solid #A2A2A2;
}

.dark .pricing_button a {
    background-color: #1e1d1d;
    border: 1px solid #A2A2A2;;
}



/*
<!-- =======================================-->
<!-- Blog Section 5 Dark Css-->
<!-- =======================================-->*/

.dark .blog_area.style-2 {
    background-image: url(../images/software-dark-port-bg.png);
    background-position: top center;
}

.dark .style-2 .single_blog_content {
    background: transparent;
}

.dark .style-2 .blog_page_title a {
    color: #fff;
}

.dark .style-2 .techno_blog_meta a {
    background: #101010;
}

.dark .style-2 .techno_blog_meta span {
    color: #A2A2A2;
}

/*
<!-- =======================================-->
<!-- Footer Section 5 Dark Css-->
<!-- =======================================-->*/

.dark .footer-section.style-2 {
    background-image: url(../images/software-dark-testi-bg.png) !important;
    background-position: top center;
}

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