body.active, body.active .product_dedicated{
    background: #fff !important;
}
body.active .black_active{
   display: block; 
}
body.active .white_active{
    display: none;
}
body.active header>i:before, body.active header>i:after {
    background: #070707;
}
body.active .nav_section>div,
body.active .social-icon,
body.active .portfolio-button{
    background: var(--black1-color);
}
body.active .social-icon ul li a,
body.active .portfolio-button{
    color: var(--white-color);
}
body.active .portfolio-button span:after{
    color: var(--grey5-color);
}
body.active .portfolio-button:hover{
    color:  var(--black1-color);
}
body.active .nav_left h2,
body.active .nav_left p,
body.active .nav_left ul li>a,
body.active .nav_right ul li a,
body.active span.close_menu,
body.active .social_link>ul>li>a,
body.active .nav_form form input, body.active .nav_form form input::placeholder, 
body.active .nav_form form textarea, body.active .nav_form form textarea::placeholder{
    color: var(--white-color);
}
body.active .nav_right button,
body.active .nav_form form button{
    background: var(--white-color);
}
body.active .nav_form form input, body.active .nav_form form textarea{
    border-bottom: 1px solid var(--white-color);
}
body.active .nav_left ul li,
body.active .nav_right ul li.active a{
    color: var(--grey11-color);
}
body.active .banner .banner-content>h2, 
body.active .scroll_down i{
    color: var(--black1-color);
}
body.active .banner .banner-content>p, body.active .banner .banner-content>ul li {
    color: var(--grey5-color);
}
body.active .scroll_down span.icon-scroll-arrow {
    color: var(--black1-color);
}
body.active .all_project>div{
    border-color:var(--grey6-color) !important;
}
body.active .profile_content>h2 {
    color: var(--black2-color);
}
body.active .profile_content>p {
    color: var(--grey5-color);
}
body.active .how_work {
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}
body.active .how_work_content {
    border-left: 1px solid #e1e1e1;
}
body.active .how_work_content>div {
    border-bottom: 1px solid #e1e1e1;
}
body.active .how_work_content>div>span {
    color: var(--black2-color);
    border: 1px solid #070707;
    background: #fff;
}
body.active .how_work_img>h2,
body.active .how_work_content>div>i,
body.active .how_work_content>div h2{
    color: var(--black2-color);
}
body.active .mycute_left ul li, 
body.active .mycute_left p,
body.active .friend_section .row>p,
body.active .trusted_left>p{
    color: var(--grey5-color);
}
body.active .mycute_left h2,
body.active .friend_section .row>h2,
body.active .trusted_left>h2{
    color: var(--black1-color);
}
body.active .friend_section .row>ul>li>a {
    border: 1px solid #e1e1e1;
    color:var(--grey7-color);;
}
body.active .trusted_carousel .owl-dot{
    background:var(--grey5-color);
}
body.active .trusted_carousel .owl-dot.active{
    background:#414141;
}
body.active .trusted_carousel .owl-item.active2{
    opacity: 0.9;
}
body.active .trusted_carousel .owl-item.active2 .item>p,
body.active .trusted_carousel .owl-item.active2 .item>h2{
    opacity: 0.6;
}
body.active .view_section .row h2,
body.active .view_section .row i {
    color: var(--black1-color);
}
body.active .footer_section {
    color: var(--grey5-color);
}
body.active .clients-inner {
    background: var(--black-color);
}
body.active .my-certifications .item, 
body.active .my-certifications .item>span {
    border: 1px solid #e1e1e1;
}
body.active .project1>a>p{
    color: var(--black-color);
}
body.active span.toggle-button {
    border: 1px solid #000;
}
body.active span.toggle-button span.active {
    background: #fff;
}