.overlay {
  height: 100%;
  width: 100%;
  background: linear-gradient(-29deg, rgba(69, 69, 219, 0.9) 0, rgba(95, 95, 255, 0.9) 100%);
  background: linear-gradient(-29deg, rgba(69, 69, 219, 0.9) 0, rgba(95, 95, 255, 0.9) 100%);
}

/*blog page*/
.blog-sidebar .widget > h3:after {
  background-color: #5f5fff;
}

.blog-details-post .entry-meta li i {
  color: #5f5fff;
}

.blog-details-post .entry-body blockquote {
  border-color: #5f5fff;
}

.blog-details-post .comments-area .comment-author-metadata img {
  border: 3px solid #5f5fff;
}

.blog-sidebar .search-widget button:hover {
  color: #5f5fff;
}

.blog-sidebar .categories-widget ul li a:hover {
  color: #5f5fff;
}

.blog-sidebar .recent-posts-widget h4 a:hover {
  color: #5f5fff;
}

.blog-sidebar .recent-posts-widget .date {
  color: #5f5fff;
}

.blog-sidebar .tags-widget div > a:hover {
  background-color: #5f5fff;
  border-color: #5f5fff;
}

.slider-area .owl-dot.active {
  background: #ff9c80;
}

.project-details-title h6 {
  color: #5f5fff;
}

.project-features ul li i {
  color: #5f5fff;
}

.portfolio .port-filter ul li.filter-item {
  background: linear-gradient(-45deg, rgba(78, 84, 200, 0.9), rgba(128, 137, 255, 0.9));
}

.success {
  background: #5f5fff;
}