
*::-webkit-scrollbar-button {
  background-color: #f0f}

*::-webkit-scrollbar-thumb {
  background-color: #f0f}

.scrollToTop {
  background: #f0f 
}

.swiper-pagination .swiper-pagination-bullet {

  background-color: #f0f}
.swiper-pagination .swiper-pagination-bullet-active {
  background-color: #f0f}
.slider-next, .slider-prev {
  background-color: #f0f}


.btn--base {
  position: relative;
  background-color: #f0f}

.btn--base.active {
  color: #f0f}
.btn--base.active:focus, .btn--base.active:hover {
  border: 1px solid #f0f;
  color: #f0f}
.btn--base:focus, .btn--base:hover {
  border: 1px solid #f0f;
  color: #f0f}

.custom-btn {
  color: #f0f !important;
}

.input-group-text {
  background-color: #f0f}

.custom-check-group input:checked + label::before {
  background-color: #f0f}

.form--control:focus {
  border: 1px solid #f0f}

.submit-btn {
  background-color: #f0f;
  border: 1px solid #f0f;
}

.submit-btn:hover {
  color: #f0f;
}

.loader-1 .loader-outter {
  border: 4px solid #f0f;
}

.loader-1 .loader-inner {
  border: 4px solid #f0f;
}

::selection {
  background-color: #f0f;
}

.header-bottom-area .navbar-collapse .main-menu li a:hover, .header-bottom-area .navbar-collapse .main-menu li a.active {
  color: #f0f;
}

.header-bottom-area .navbar-collapse .main-menu li .sub-menu {
  border-top: 2px solid #f0f;
}

.navbar-toggler span {
  color: #f0f;
}

.banner-section .banner-widget .title {
  color: #f0f;
}

.banner-element::before {
  background-color: #f0f;
}

.footer-social li a {
  color:  #f0f;
}
.client-quote-icon {
  color: #f0f;
}

.service-item:hover .service-icon {
  background-color: #f0f;
}
.section-heading-line-left {
  background: #f0f;
}

.faq-header-area .sub-title {
  border-left: 4px solid #f0f;
  color: #f0f;
}

.faq-wrapper .right-icon {
  background-color: #f0f;
}

.contact-info-icon {
  background-color: #f0f;
}

.banner-section .widget-list li i {
  font-size: 24px;
  color: #f0f;
}

.breadcrumb-item a {
  color: #f0f;
}
.breadcrumb-item.active::before{
  color: #f0f;
}

.text--base{
  color: #f0f!important;
}


