.btn--base, .add-item .add-header, .view-btn-list li.active .list-btn, .search-from button, .search-from input[type="button"], .search-from input[type="reset"], .search-from input[type="submit"], .btn--base.active:focus, .btn--base.active:hover, .custom-check-group input:checked + label::before, .slider-next, .slider-prev, .nav-tabs .nav-link.active, .item-review-widget-wrapper .left, .submit-btn, .reply-btn, .coupon-form .coupon-form-btn, .blog-thumb .blog-date, .blog-social-area .blog-social li:hover, .category-item-content .title, .item-card .item-card-thumb .item-level, .ui-slider-range, .ui-state-default, .bg--base, .image-upload .thumb .avatar-edit label,.dashboard-sidebar-open, .dashboard-sidebar-close{
background: #336699;
background: -webkit-linear-gradient(legacy-direction(to right), #336699 0%, #198754 100%);
background: -webkit-gradient(linear, left top, right top, from( #336699), to(#198754));
background: -webkit-linear-gradient(left, #336699 0%, #198754 100%);
background: -o-linear-gradient(left, #336699 0%, #198754 100%);
background: linear-gradient(to right, #336699 0%, #198754 100%);
}

.view-btn-list li.active .list-btn, .btn--base.active:focus, .btn--base.active:hover, .item-details-footer .footer-social li a:hover, .item-details-footer .footer-social li a.active, .blog-social-area .blog-social li:hover,.payment-item:has(.payment-item__radio:checked) .payment-item__check,.payment-item__check, .select2-container--open .select2-selection.select2-selection--single, .select2-container--open .select2-selection.select2-selection--multiple, .select2-container--open .select2-selection.select2-selection--single, .select2-container--open .select2-selection.select2-selection--multiple{
border-color: #336699 !important;
}

.item-card-content-top .author-content .name .level-text, .item-card-content-top .right .item-amount, .item-card-footer .item-like i, .item-card-title a:hover, .category-list li:hover::before, .category-list li:hover, .header-bottom-area .navbar-collapse .main-menu li a:hover, .header-bottom-area .navbar-collapse .main-menu li a.active, .footer-links li:hover, .footer-links li:hover::before, .breadcrumb-item a, .breadcrumb-item.active::before, .blog-content-inner .title a:hover, .short-menu li:hover, .sidebar-main-menu li a:hover, .navbar-toggler span,.payment-item:has(.payment-item__radio:checked) .payment-item__check {
color: black !important;
}

.text--base{
color: #336699 !important;
}


.header-bottom-area .navbar-collapse .main-menu li a::after, .item-details-footer .item-like, .footer-social li a:hover, .footer-social li a.active, .subscribe-form button, .subscribe-form input[type="button"], .subscribe-form input[type="reset"], .subscribe-form input[type="submit"], .short-menu-open-btn, .short-menu-close-btn, *::-webkit-scrollbar-button, *::-webkit-scrollbar-thumb, .chosen-container .chosen-results li.highlighted, ::selection,.payment-system-list.is-scrollable::-webkit-scrollbar-thumb {
background-color: #336699;
}



.buy-btn {
border: 1px solid #336699 !important;
color: #336699 !important;
}

.date-btn {
border: 1px solid #336699 !important;
color: #336699 !important;
}

.contact-info-icon i {
background-color: #336699;
}

.sidebar-main-menu li.open a {
background-color: rgba(255, 255, 255, 0.1);
color: black;
border-left: 2px solid #336699;
}

.pagination .page-item.active .page-link, .pagination .page-item:hover .page-link, .item-tags a:hover {
background: #336699;
border-color: #336699;
color: white;
}

.btn--base:focus, .btn--base:hover {

box-shadow: 0 10px 20px #33669940;
}

.ui-widget.ui-widget-content::after{
background-color: #33669920;
}

.path {
stroke: #336699;
}

@keyframes color {
0% {
stroke: #336699;
}

100% {
stroke: #336699;
}
}

.follow-btn a {
border: 1px solid #336699 !important;
color: #336699 !important;
}


.pagination .page-item.disabled span {
background: #33669966;

}



.payment-system-list {
 
  --hover-border-color:  #336699 !important;
}




.payment-system-list.is-scrollable::-webkit-scrollbar-thumb {
  background-color: #336699 !important;

}





.payment-item:has(.payment-item__radio:checked) .payment-item__check {
  border: 3px solid  #336699 !important;
}



.payment-item__check {

  border: 1px solid  #336699 !important;


}

.short-menu .active {
    color:  #336699 !important;
}