* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    /* outline: 1px solid red; */
}

body {
   font-family: 'Open Sans Condensed',sans-serif!important;   
}

.text-sucess {
    color:#87ba45!important;
}

.bg-sucess {
    background-color:#87ba45!important;
}

ul, li {
    list-style: none;
}

a {
    text-decoration: none;
}

/* header-section */

.navbar-toggler:hover {
    background-color: #ddd;
}

.navbar-scrolled {
    background: transparent;
    background-color:rgba(52, 61, 71, 0.7);
    height: 70px;
}


/* banner-section */

.banner {
    background-image: url(../images/bg2.jpg);
    padding: 300px 0;
    background-color: rgba(52, 61, 71, 0.9);
    background-repeat: no-repeat;
    background-blend-mode: multiply;
    background-size: cover;
}

.banner a:hover, .theme-content a:hover, .load-more a:hover, .purchase-btn a:hover {
    color: #87ba45!important;
    background-color: white!important;
    border:1px solid #87ba45!important;
    transition: ease-in-out 0.5s;
}


/* purchase-section */

.purchase {
    background-image: url(../images/price-bg.jpg);
    padding: 300px 0;
    background-color: rgba(52, 61, 71, 0.9);
    background-repeat: no-repeat;
    background-blend-mode: multiply;
    background-size: cover;
}

.purchase-border, .blog .border, .services .border, .portfolio .border, .team .border, .customer .border {
    width: 50px;
    height: 5px;
    background: #87ba45;
    display: block;
}


/* service-section */

.service-icon:hover {
    border: 4px solid #87ba45!important;
    background-color: white!important;
    color: #87ba45!important;
    transition: ease 0.5s;
}

/* portfolio-section */

.port-img:hover {
    background: rgba(52, 61, 71, 0.7);
}


/* blog-section */

.blog a {
    text-decoration: none;
}

.single-blog a i {
    font-size: 25px;
    font-weight: 800;
}

.single-blog {
    background: #f7f7f7;
    margin-bottom: 20px;
    transition: all 0s ease-out 0s;
}

.single-blog:hover {
    box-shadow:0 12px 20px rgba(52, 61, 71, 0.7);

}

/* footer-section */

.social-media a:hover {
    color: #87ba45!important;
}