

/* color */
.text-primary,
.btn-outline-primary,
.bg-soft-primary,
.navbar .navbar-nav .nav-item .nav-link:hover,
.navbar .navbar-nav .nav-item .nav-link:focus,
.navbar .navbar-nav .nav-item .nav-link.active,
.nav-sticky .navbar-nav .nav-item .nav-link:hover,
.nav-sticky .navbar-nav .nav-item .nav-link:active,
.nav-sticky .navbar-nav .nav-item .nav-link:focus,
.nav-sticky .navbar-nav .nav-item .nav-link.active,
.client-carousel .carousel-control-next:after,
.client-carousel .carousel-control-prev:after {
    color: #00bcd4 !important;
    font-weight: 700;
}

    /* background-color */
    .bg-primary,
    .btn-primary,
    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-soft-primary:hover,
    .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active,
    .nav-sticky .nav-btn {
        background-color: #00bcd4 !important;
    }

/* border */
.btn-primary,
.btn-outline-primary,
.nav-sticky .nav-btn {
    border: 1px solid #00bcd4 !important;
}

.navbar .navbar-nav .nav-item .nav-link.active::before,
.client-carousel .carousel-control-prev,
.client-carousel .carousel-control-next,
.bg-soft-primary {
    background-color: rgba(0, 188, 212, 0.1);
}

.btn-soft-primary {
    background-color: rgba(0, 188, 212, 0.1);
    color: #00bcd4;
}

.navbar .nav-btn {
    border: 1px solid rgba(0, 188, 212, 0.3);
}

.svg-primary {
    fill: rgba(0, 188, 212, 0.2);
    color: #00bcd4;
}

.filter-tab li.active {
    border-bottom: 1px solid #00bcd4;
}

.lines .line {
    background: rgba(0, 188, 212, 0.1);
}

    .lines .line:after {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(75%, #00bcd4), to(#00bcd4));
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #00bcd4 75%, #00bcd4 100%);
    }
