.logoo{
    width: 100%;
    height: 100%;    
}

.btn{
    background: #87c554;
}


#scrollUp {
    background: #87c554;
}

.slider-area .hero__caption h1 {
    color: #87c554;
}

h2{
    color: #87c554;
}

.slider-area .hero__caption .stock-text h2:nth-child(2) {
    color: #87c554;
}

.header-area .header-top .header-info-right .header-social li a:hover {
    color: #203e3e;
}

.single-team .team-caption span {
    color: #87c554;
}

.main-header .main-menu ul li:hover > a {
    color: #87c554;
}

.main-header .main-menu ul ul.submenu {
    border-top: 5px solid #87c554;;
}

.services-area1 .single-service-cap .service-cap h4 a:hover {
    color: #87c554;
}

#overlay {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 209, 0, 0.05); /* Black background with opacity */
    z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
  }


.section-padding30 {
    padding-top: 50px;
    padding-bottom: 40px;
}

.slider-area .hero-cap .breadcrumb-item a{
	color:#87c554;
	}

.slider-area .hero-cap .breadcrumb{
	color:#87c554;
	}