.white {
  background: $whiteColor;
  .title {
    color: $darksColor;
   }
   .sub_title {
    color: $darksColor;
   }

  #header-area {
    background: $whiteColor;
    .menu-bar1 {
      i {
        color: $darksColor;
      }
      .menu-area {
        background: $whiteColor;
        color: $darksColor;
      }
    }
    .menu-bar ul li a{
      color: $darksColor;
    }
    .my-cv a {
      color: $darksColor;
    }
  }
  #main-area {
    background: $whiteColor;
    color: $darksColor;
    .icons a {
      background: $greyColor;
      color: $whiteColor;
      border: none;
      box-shadow: none;
    }
    .content p {
      color: $darksColor;
    }
    .content h3 {
      color: $darksColor;
    }
  }
  #about_area {
    h4, h2, p {
      color: $darksColor;
    }
    .child_about h2, h4 {
      color: $whiteColor;
    }
  }
  #service_area {
    .child_service {
      border: 1px dashed #2f3640;
      h2, h3, p {
        color: $darksColor;
      }
      .service-details p {
        color: $darksColor;
      }
      &:hover {
        background: none;
      }
    }
  }
}