.pagination .page-item.active .page-link, .pagination .page-item:hover .page-link,
.bg--base, .banner-content .sub-title::before, .btn--base, .badge-circle, .section-header .section-title::before, .section-header .section-title::after, .footer-social li:hover, .scrollToTop, .submit-btn, .timeline .timeline-item.complete > .timeline-point.blk-point, .blog-social-area .blog-social li:hover, .contact-info-icon i, .custom-table thead tr th, button.cmn--btn:hover, *::selection, .footer-bottom-area::after, .custom--card .card-header{
    background-color: #ff3d3d;
}
.mobile-menu li a.active, .navbar-collapse .main-menu li a.active, .text--base, .product-details-content .product-ratings, .overview-icon, .blog-content .title a:hover, .timeline .timeline-item .timeline-time p, .timeline .timeline-item > .timeline-point.blk-point ~ .timeline-event, .product-single-tab .nav-tabs .nav-item .nav-link.active{
    color: #ff3d3d;
} 
  
.info-icon { 
    background-color: #ff3d3d;cc;
    box-shadow: 0px 0px 10px 0 #ff3d3d;ccb3;
}
 
.btn--base:focus, .btn--base:hover{
    background-color: #020657;
} 

.timeline-item.complete::after {
    border-right-color: #ff3d3dcc;
}
.pagination .page-item.active .page-link, .pagination .page-item:hover .page-link {
    border-color: #ff3d3d;
}
  
.add-cart-box {
    border-top: 4px solid #ff3d3dcc;
}
.bg--base,
.bg--base:hover,
.cmn--btn, 
*::-webkit-scrollbar-button,
*::-webkit-scrollbar-thumb {
  background-color: #ff3d3d;
}

.loader::before {
  box-shadow: 18px 18px #0077b6, -18px -18px #2a9d8f;
}

.loader::after {
  box-shadow: 18px 18px #ff3d3d, -18px -18px #020657;
  transform: translate(-50%, -50%) rotate(90deg);
}

.footer-bottom-area::before{
    background-color: #ff3d3d10;
}

.product-single-tab .nav-tabs .nav-item .nav-link.active{
    border-color: #ff3d3d;
}

.config-size-list input:checked ~ label {
    background: #ff3d3d;
    border-color: #ff3d3d;
}

.loader::before {
  box-shadow: 18px 18px #0077b6, -18px -18px #2a9d8f;
}

.loader::after {
  box-shadow: 18px 18px #ff3d3d, -18px -18px #020657;
  transform: translate(-50%, -50%) rotate(90deg);
}

.loader::before {
  box-shadow: 18px 18px #ff3d3d, -18px -18px #ff3d3d;
}

.loader::after {
  box-shadow: 18px 18px #020657, -18px -18px #020657;
  transform: translate(-50%, -50%) rotate(90deg);
}