/* ==========================================================================
  34. COLOR SCHEME
  ========================================================================== */ 

.bg--theme,
.shape--blue-400:after { 
  background-color: #0ab39c; 
}

.btn--theme {
  color: #fff!important;
  border-color: #0ab39c!important;
  background-color: #0ab39c!important;
}
.btn--theme-outline {
  border-color: #0ab39c!important;
}
.btn--gray-outline {
  border-color: rgb(225, 225, 225);
}
  .gradient-border {
      position: relative;
      border-radius: 12px;
      padding: 12px;
      margin: 20px auto;
      font-family: Arial, sans-serif;
      background: #fff;
      box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    }

    .gradient-border::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 5px; /* acts as border-top */
      border-top-left-radius: 12px;
      border-top-right-radius: 12px;
      background: linear-gradient(to right, #0ab39c, #0063b4);
    }

.hover--theme:hover,
.white-scroll .scroll .hover--theme:hover,
.black-scroll .scroll .hover--theme:hover {
  color: #fff!important;
  border-color: #0063b4!important;
  background-color: #0063b4!important;
}

.theme--dark .white-scroll .scroll .hover--theme:hover {
  color: #fff!important;
  border-color: #0063b4!important;
  background-color: #0063b4!important;
}

.theme--dark .white-scroll .hover--theme:hover {
  color: #fff!important;
  border-color: #0063b4!important;
  background-color: #0063b4!important;
}

.color--theme, 
.color--theme h1, 
.color--theme h2, 
.color--theme h3, 
.color--theme h4, 
.color--theme h5, 
.color--theme h6, 
.color--theme p, 
.color--theme a, 
.color--theme li, 
.color--theme i, 
.color--theme span,
.color--white .color--theme { color: #0ab39c!important; }

.loading--theme .loader { 
  border-color: transparent #0ab39c; 
}

.loading--theme .loader::after {
  border-color: transparent rgba(14, 188, 73, .15); 
}

.nav-theme .sm-info { 
  background-color: #0ab39c; 
}

.wsmenu > .wsmenu-list.nav-theme > li > ul.sub-menu > li > a:hover,
.wsmenu > .wsmenu-list.nav-theme > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
.wsmenu > .wsmenu-list.nav-theme > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
  color: #0ab39c!important;
}

.hero-section .quick-form .form-control:focus {
  border-color: #0ab39c;
}

.cbox-2:hover .cbox-2-ico.bg--theme { 
  color: #0ab39c; 
  border-color: #0ab39c; 
}

.tabs-1.tabs--theme, 
.tabs-1.tabs--theme li.current:hover { 
  color: #0ab39c; 
  border-color: #0ab39c; 
}

.faqs-section .tabs--theme .tabs-1 li.current,
.faqs-section .tabs--theme .tabs-1 li.current:hover {
  background-color: #0ab39c;
  border-color: #0ab39c!important;
}

.switch-wrap input:checked + .switcher.switcher--theme { 
  background-color: #0ab39c; 
  border-color: #0ab39c; 
}

.shape-ico.color--theme path,
.shape-ico.color--theme path,
.shape-ico.color--theme path {
  fill: #e9f8f2;
}

.newsletter-section .form-control:focus {
  background-color: #fff;
  border-color: #353f4f;
}

.theme-pagination .page-item.active .page-link {
  color: #fff!important;
  background-color: #0ab39c;
  border: 2px solid #0ab39c;
}