.breadcrumbs .active{
    color: var(--dark1) !important;
}

.border-btn{
    width: 100%;
    text-align: center;
    
    color: var(--cus-primary);
    padding: 12px 8px;
    border-radius: 5px;
    background: var(--white)  !important;
    border: 2px solid var(--cus-primary);
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.border-btn:hover{
    color: #fff;
    background: var(--cus-primary) !important;
    border: 2px solid var(--cus-primary);
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

@media (max-width: 767.98px) {
    .outer-section {
        padding: 2rem 0;
    }
}