:root {
    --primary-color: #2ec27e;
}

.sidebar .widget.tags a:hover {
    background: var(--primary-color) !important;
  }
  .main-post .info-area .tags a:hover,
.main-post .info-area .share-icon a:hover {
  background: var(--primary-color) !important;
  color: #1d1d1d;
}


.brands-crev .item:after {
    content: '';
    position: absolute;
    top: 35px;
    left: 35px;
    right: 35px;
    bottom: 35px;
    background: -webkit-linear-gradient(320deg, transparent, var(--primary-color));
    background: -o-linear-gradient(320deg, transparent, var(--primary-color));
    background: linear-gradient(130deg, transparent, var(--primary-color));
    opacity: 0;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
  }

.main-color {
    color: var(--primary-color) !important;
  }

  .main-colorbg {
    background: var(--primary-color)  !important;
  }

  .btn-circle:after {
    background: var(--primary-color)  !important;

  }

  .btn-circle:hover {
    border-color: var(--primary-color)  !important;
  }

  .blog-list-half .item .cont .tags a:hover {
    background: var(--primary-color)  !important;
  }

  .blog-list-half .item .cont .tags.colorbg a:hover {
    background: var(--primary-color)  !important;
    color: #1a1a1a;
  }

  .blog-list-crev .item .background .more a {
    font-size: 14px;
    padding: 14px 35px;
    background: var(--primary-color)  !important;
    border-radius: 30px;
  }

  .social-icon-circle a:hover {
    color: var(--primary-color)  !important;
  }

  .header-project6 .info .date:after {
    content: '';
    position: absolute;
    bottom: 5px;
    left: -2px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: var(--primary-color)  !important;
  }
  .portfolio-tab.crev .glry-img .bg-img:after, .portfolio-tab.crev .glry-img .bg-img:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 100px;
    background: var(--primary-color)  !important;
    opacity: 0;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;
  }

  .services .item-box2 .rmore:hover .arrow {
    background: var(--primary-color)  !important;
  }

  .team .item .social .links a:hover {
    background: var(--primary-color)  !important;
    border-color: var(--primary-color)  !important;
    color: #111;
  }
  .team-tab.crev .glry-img .bg-img:after, .team-tab.crev .glry-img .bg-img:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 100px;
    background: var(--primary-color)  !important;
    opacity: 0;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;
  }
  .skills .skill-item .skill-progress .progres {
    position: absolute;
    height: 100%;
    width: 0;
    top: 0;
    left: 0;
    background-color: var(--primary-color)  !important;
    -webkit-transition: all 1.5s;
    -o-transition: all 1.5s;
    transition: all 1.5s;
  }
  .skills .resume-exp .box-items .item .num {
    position: absolute;
    top: 0;
    left: 0;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border-radius: 0 50px 50px 50px;
    background: var(--primary-color)  !important;
    color: #1a1a1a;
    font-size: 17px;
    font-weight: 500;
  }