:root .text-primary,
:root a.text-primary {
  color: #009688 !important;
}

:root .bg-primary {
  background-color: #009688 !important;
}

:root .border-primary {
  border-color: #009688 !important;
}

:root .btn-primary,
:root a.btn-primary {
  background-color: #009688 !important;
  border-color: #009688 !important;
  color: #fff !important;
}

:root .btn-gradient-primary,
:root a.btn-gradient-primary {
  background-image: linear-gradient(45deg, #009688, #00786d) !important;
  border: none !important;
  color: #fff !important;
}

:root .btn-outline-primary,
:root .btn-flat-primary,
:root a.btn-outline-primary {
  color: #009688 !important;
  border-color: #009688 !important;
  background-color: transparent !important;
}

:root .btn-outline-primary:hover,
:root .btn-outline-primary:focus,
:root .btn-outline-primary:active,
:root a.btn-outline-primary:hover,
:root a.btn-outline-primary:focus,
:root a.btn-outline-primary:active {
  background-color: #009688 !important;
  color: #fff !important;
  border-color: #009688 !important;
}

:root .btn-primary:hover,
:root .btn-primary:focus,
:root .btn-primary:active,
:root a.btn-primary:hover,
:root a.btn-primary:focus,
:root a.btn-primary:active {
  background-color: #00786d !important;
  border-color: #00786d !important;
  color: #fff !important;
}

:root .btn-gradient-primary:hover,
:root .btn-gradient-primary:focus,
:root .btn-gradient-primary:active,
:root a.btn-gradient-primary:hover,
:root a.btn-gradient-primary:focus,
:root a.btn-gradient-primary:active {
  background-image: linear-gradient(45deg, #00786d, #009688) !important;
  color: #fff !important;
}

:root .alert-primary {
  background-color: #009688 !important;
  border-color: #009688 !important;
  color: #fff !important;
}

:root .badge-primary {
  background-color: #009688 !important;
  color: #fff !important;
}

:root .list-group-item-primary {
  background-color: #009688 !important;
  color: #fff !important;
}

:root .text-bg-primary {
  background-color: #009688 !important;
  color: #fff !important;
}

:root a {
  color: #009688 !important;
}

:root .front-footer .footer-brev .section-2 h4 a {
  color: #009688 !important;
  text-decoration: underline;
}

html[dir] .btn-primary,
:root [dir] .btn-primary {
    border-color: #009688 !important;
    background-color: #009688 !important;
    color: #fff !important;
}

:root .offer-percent {
  color: #009688 !important;
}

:root .feature-highlight-card .item .text {
  color: #009688 !important;
}

html[dir] .btn-outline-primary,
:root [dir] .btn-outline-primary {
  border: 1px solid #009688 !important;
}

html[dir] .products-navbar .promotion-bar ,
:root [dir] .products-navbar .promotion-bar  {
  background-color: #009688 !important;
}

:root .products-navbar svg {
  color: #009688 !important;
}


:root .feature-highlight-card .item svg {
  color: #009688 !important;
}

:root .product-detail-section .swiper-button-prev.swiper-button-white ,
:root .swiper-button-next
{
  --swiper-navigation-color: #009688 !important;
}

html[dir] .vue-slider-process,
:root [dir] .vue-slider-process {
  background-color: #009688 !important;
}

html[dir]  .vue-slider-dot-handle ,
:root [dir]  .vue-slider-dot-handle  {
  border: 2px solid #009688 !important;
}

html[dir]  .custom-control-input:checked ~ .custom-control-label::before,
:root [dir]  .custom-control-input:checked ~ .custom-control-label::before {
  border-color: #009688 !important;
  background-color: #009688 !important;
  box-shadow: 0 2px 4px 0 rgba(#00786d, 0.4) !important;
}

html[dir=ltr] .nav-tabs .nav-link:before ,
:root [dir] .nav-tabs .nav-link:before  {
  background: linear-gradient(30deg, #00786d, rgba(#00786d, 0.5)) !important;
}

html[dir] .page-item.active .page-link ,
:root [dir] .page-item.active .page-link  {
  background-color: #009688 !important;
}

:root .filter-footer .keep-on-top .sort-filter-icon svg{
  color: #009688 !important;
}

:root .filter-footer .keep-on-top .sort-filter-icon span {
  color: #009688 !important;
}

:root .sidebar-section .sidebar-content .close-icon svg {
  color: #009688 !important;
}

html[dir] .page-item.next-item .page-link svg:hover,
:root [dir] .page-item.next-item .page-link svg:hover {
  background-color: #009688 !important;
}

:root .home-footer .keep-on-top .icon-container .icon-item .icon-item-link svg.home-footer-icons {
  color: #009688 !important;
}

:root .outer-circle {
  background-color: #009688 !important;
}

:root .stepTitle {
  color: #009688 !important;
}

:root .pagination-custom .page-item.active .page-link {
  background-color: #009688 !important;
  border-color: #009688 !important;
}

:root .filter-about-data .text-2 {
  color: #009688 !important;
}

:root .home-footer .keep-on-top .icon-container .icon-item .icon-item-link .icon-text, .filter-footer .keep-on-top .icon-container .icon-item .icon-item-link .icon-text, .mobile-footer .keep-on-top .icon-container .icon-item .icon-item-link .icon-text {
  color: #009688 !important;
}

html[dir] .btn-primary,
:root [dir] .btn-primary,
html[dir] .btn-primary:hover,
:root [dir] .btn-primary:hover,
html[dir] .btn-primary:focus,
:root [dir] .btn-primary:focus,
html[dir] .btn-primary:active,
:root [dir] .btn-primary:active {
    border-color: #009688 !important;
    background-color: #009688 !important;
    color: #fff !important;
}

html[dir] .b-form-spinbutton.form-control.focus {
  border-color: #009688 !important;
}

:root .wizard-icon-container {
  background-color: #009688 !important;
  color: #fff !important;
}

.vue-form-wizard .wizard-navigation .wizard-nav li .wizard-icon-circle.checked:not(.active) .wizard-icon {
  background-color: #ededed !important;
  color: #009688 !important;
}

.vue-form-wizard .wizard-navigation .wizard-nav li.active a .wizard-icon-circle .wizard-icon-container .wizard-icon {
  background-color: #009688 !important;
  color: #fff !important;
}

html[dir] .sidebar-section .sidebar-content .welcome-card {
  background-color: #009688 !important;
}

.sidebar-section .sidebar-content .sidebar-listing h4.sidebar-list-heading {
  color: #009688 !important;
}