
.btn--base, .badge--base, .bg--base, *::selection, .counter__item .counter__icon, .service__item .service__icon {
background-color:#f0f !important
}

.text--base,.client-item blockquote::before,.dashboard-item:hover .dashboard-icon,.footer-wrapper .quick-links li a:hover,.try,.post__item .post__read,.post__item .post__content .meta__date .meta__item i,h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover,.widget__post .widget__post__content span, .dashboard-menu ul li a i, .opacity-icon {
color: #f0f !important;
}


.section__header .section__category, .cmn--btn,.section__header .section__category::before, .section__header .section__category::after,.video__btn,.video__btn::before, .video__btn::after, .owl-dots .owl-dot,button.cmn--btn:hover,.contact__item-icon,.dashboard-item .dashboard-icon,.dashboard-item:hover,.cmn--table thead tr th,.banner__widget-title::after,.pagination .page-item.active span, .pagination .page-item.active a, .pagination .page-item:hover span, .pagination .page-item:hover a,.dashboard-menu-open, .custom--card button.form--control, .btn__grp .cmn--btn:nth-of-type(2n):hover, .footer-bottom .social-icon li a:hover i {
background : #f0f}

.menu li .active {
color: #f0f;
}

.cmn--btn{
border: 1px solid #f0f33;
}

.form--control:focus, .select2-container--open .select2-selection.select2-selection--single {
border-color: #f0f33 !important;
}

.shorten-form-group .form--control {
background : #f0f26 !important;
}

.dashboard-menu ul li a:hover, .dashboard-menu ul li a.active,.pagination .page-item.active span, .pagination .page-item.active a, .pagination .page-item:hover span, .pagination .page-item:hover a{
border-color: #f0f}

.shorten-form-group .form--control:focus{
box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px, #f0f 0px 0px 0px 3px !important
}
.recent__logins .item .thumb{
border: 1px solid #f0f;
}


.pagination .page-item.disabled span{
background : #f0f66;
color: #111
}

@keyframes shadowBase {
0% {
box-shadow: 0 0 0 #f0f29;
}50% {
box-shadow: 0 0 15px #f0f;
}100% {
box-shadow: 0 0 0 #f0f29;
}
}

:root{
--main: #f0f;
}