::selection {
    background: rgba(12, 192, 222, 0.3);
}

.base-color {
    color: rgb(12, 192, 222) !important;
}

.hero-social li a:hover, .blog-link a:hover {
    color: rgb(12, 172, 201) !important;
}

.bg-base-color {
    background-color: rgb(12, 192, 222) !important;
}

.follow-label::before, .skill-box .fill-skillbar, .timeline-area::before, .testimonial .testimonial-border, .blog-content::before, .blog .owl-dot.active span {
    background: rgb(12, 192, 222);
}

.testimonial .owl-dot.active span {
    background: rgb(12, 192, 222) !important;
}

.menu li a, .pill-button, header .navbar-brand span, header .navbar-brand b, .pill-button:hover, .ability ul li::before, .timeline-icon, .timeline-year, .language-skill ul li i, .contact .form-item .form-control, .comments .comment-info a, .portfolio .portfolio-icon a, .portfolio .portfolio-icon a:first-child, .blog-content button:hover, .comments .comment-info a:hover, .social a:hover {
    color: rgb(12, 192, 222);
}

.loader {
    border-top: 4px solid rgb(12, 192, 222) !important;
}

.timeline-icon {
    border: 1px solid rgb(12, 192, 222);
    background-color: rgb(12, 192, 222);
}

.portfolio .portfolio-item-content::before {
    background-color: rgba(12, 192, 222, 0.9);
}

.menu-toggler span {
    background-color: rgb(12, 192, 222);
}

.timeline-item::before {
    border: 2px solid rgb(12, 192, 222);
}

.timeline-item::before {
    border: 1px solid rgb(12, 192, 222);
}

.flat-demo .button-border, .arshia-dark.flat-demo .button-border {
    background-color: rgb(12, 192, 222);
}

.flat-demo .pill-button:hover, .flat-demo .pill-button.active {
    background-color: rgb(12, 172, 201);
}

.arshia-dark .hero-social li a:hover {
    color: rgb(12, 172, 201) !important;
}