/* CMS Styles */
:root {
    --body-font: Open Sans, sans-serif;
    --body-font-size: 20px;
    --body-font-weight: 400;
    --h1-font: Open Sans, sans-serif;
    --h1-font-size: 36px;
    --h1-font-weight: 600;
    --h1-font-style: normal;
    --h2-font: Open Sans, sans-serif;
    --h2-font-size: 30px;
    --h2-font-weight: 600;
    --h2-font-style: normal;
    --h3-font: Open Sans, sans-serif;
    --h3-font-size: 24px;
    --h3-font-weight: 600;
    --h3-font-style: normal;
    --h4-font: Open Sans, sans-serif;
    --h4-font-size: 20px;
    --h4-font-weight: 600;
    --h4-font-style: normal;
    --h5-font: Arial;
    --h5-font-size: 14px;
    --h5-font-weight: 400;
    --h5-font-style: normal;
    --h6-font: Arial;
    --h6-font-size: 12px;
    --h6-font-weight: 400;
    --h6-font-style: normal;
    --color-font: #0f0f0f;
    --link-decoration: underline;
    --link-decoration-hover: none;
    --link-color: #3b82f6;
    --link-color-hover: #2563eb;
    --color-primary: #32917e;
    --color-secondary: #c85d7d;
    --color-accent: #32917e;
    --color-quaternary: #6b7280;
    --color-background: #ffffff;
}

/* Custom Styles */
.navbar-classic .navbar-list li a {
 display: block;
 font-weight: 600;
 text-decoration: none;
 color: #c85d7d;
 padding: 0.5rem 0.5rem;
 font-size: 16px;
 transition: all 0.2s ease;
 position: relative;

 border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.navbar-classic .navbar-list li a:after {
 content: "";
 position: absolute;
 width: 0;
 height: 1px;
 bottom: 0;
 left: 0;
 background-color: #fff;
 transition: width 0.3s ease;

  @media (min-width: 768px) {
   margin: 0 10%;
  }

}



.navbar-classic .navbar-list li a:hover {
 color: #32917e;
}


.navbar-classic .navbar-list li:hover {
 text-decoration: none;
}


.navbar-classic .navbar-list li a:hover:after {
 background-color: #32917e;
 height: 2px;
 width: 80%;
}