/*===========================
  Tema CLÍNICAS (B2B): tonalidades más oscuras
  del mismo acento de color (#43cae9 / #38f9d7)
===========================*/
.rounded-buttons .rounded-one {
  border-color: #0fa98c;
  color: #0fa98c; }
  .rounded-buttons .rounded-one:hover {
    background-color: rgba(15, 169, 140, 0.4); }

.rounded-buttons .rounded-two {
  background-color: #0fa98c;
  border-color: #0fa98c; }
  .rounded-buttons .rounded-two:hover {
    background-color: rgba(15, 169, 140, 0.4);
    border-color: rgba(15, 169, 140, 0.4); }

.rounded-buttons .rounded-three,
.rounded-buttons .rounded-six {
  background: linear-gradient(to right, #1f7a93 0%, #0fa98c 50%, #1f7a93 100%);
  background-size: 200% auto; }

.rounded-buttons .rounded-four,
.rounded-buttons .rounded-five {
  border-color: #0fa98c; }
  .rounded-buttons .rounded-four:hover,
  .rounded-buttons .rounded-five {
    background-color: #0fa98c; }
  .rounded-buttons .rounded-five:hover {
    color: #0fa98c; }

.navbar-area {
  background: linear-gradient(to right, #1f7a93 0%, #0fa98c 100%); }

.navbar-area.navbar-transparent .navbar .navbar-nav .nav-item.active a,
.navbar-area.navbar-transparent .navbar .navbar-nav .nav-item:hover a,
.navbar-area.navbar-transparent.sticky .navbar .navbar-nav .nav-item.active a,
.navbar-area.navbar-transparent.sticky .navbar .navbar-nav .nav-item:hover a,
.navbar-area.navbar-transparent-2 .navbar .navbar-nav .nav-item.active a,
.navbar-area.navbar-transparent-2 .navbar .navbar-nav .nav-item:hover a {
  color: #0fa98c; }

.about-content-2 .about-icon i {
  color: #0fa98c; }

.single-services .services-icon i {
  color: #0fa98c; }
.single-services:hover {
  background-color: #1f7a93; }

.single-portfolio .portfolio-text .portfolio-title a:hover {
  color: #0fa98c; }
.single-portfolio .portfolio-image .portfolio-overlay .portfolio-content .portfolio-icon a {
  color: #0fa98c; }

.portfolio-menu ul li:hover,
.portfolio-menu ul li.active {
  color: #0fa98c; }

.footer-area .footer-widget .footer-link ul li a:hover,
.footer-area .footer-copyright .social li a:hover,
.footer-area.footer-dark .footer-widget .footer-link ul li a:hover,
.footer-area.footer-dark .footer-copyright .social li a:hover {
  color: #0fa98c; }

.back-to-top {
  background-color: #0fa98c; }
  .back-to-top:hover {
    background-color: #0fa98c; }

.form-input .input-items input:focus,
.form-input .input-items textarea:focus {
  border-color: #0fa98c; }