/* Reset e Base */
    * {
      box-sizing: border-box;
    }

    .text-primary {
      color: #2e3856 !important;
    }

    .bg-primary {
      background-color: var(--primary-color) !important;
      color: #fff !important;
    }

    body {
      font-family: 'Montserrat', 'Inter', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
      line-height: 1.6;
      color: var(--text-dark);
      background-color: var(--bg-light);
      margin: 0;
      padding: 0;
    }

    /* Hero Section */
    .hero-section {
      background: var(--gradient-primary);
      color: var(--text-light);
      padding: 4rem 0;
      position: relative;
      overflow: hidden;
    }

    .hero-section::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(0, 0, 0, 0.1);
      z-index: 1;
    }

    .hero-section .container {
      position: relative;
      z-index: 2;
    }

    .hero-section h1 {
      text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
      margin-bottom: 1rem;
    }

    .hero-section .lead {
      font-size: 1.25rem;
      font-weight: 300;
      text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    }

    .bold-text-78 {
      width: 350px;
      color: #fff !important;
    }

    /* Cards 
    .card {
        border: none;
        border-radius: var(--border-radius-lg);
        box-shadow: var(--shadow-md);
        transition: var(--transition-base);
        background: var(--bg-white);
    }

    .card:hover {
        transform: translateY(-5px);
        box-shadow: var(--shadow-lg);
    }

    .card-header {
        background: var(--gradient-primary);
        color: var(--text-light);
        border-radius: var(--border-radius-lg) var(--border-radius-lg) 0 0 !important;
        border: none;
        padding: 1.5rem;
    }

    .card-body {
        padding: 2rem;
    }*/

    /* Estilos adicionais para a treeview */
    .treeview ul {
      list-style: none;
      padding-left: 0;
      margin-bottom: 0;
    }

    .treeview li {
      margin-bottom: 5px;
    }

    .treeview li a {
      display: block;
      padding: 8px 15px;
      background-color: var(--bg-light);
      border-radius: 8px;
      text-decoration: none;
      color: var(--text-dark);
      transition: all 0.2s ease-in-out;
      font-weight: 500;
    }

    .treeview li a:hover,
    .treeview li a.active {
      background-color: var(--primary-color);
      color: white;
      transform: translateX(5px);
    }

    .treeview li ul {
      padding-left: 20px;
      /* Indentação para subníveis */
      margin-top: 5px;
    }

    /* Estilo para rolagem da treeview se for muito longa */
    .treeview-container {
      /*max-height: calc(100vh - 100px); /* Ajuste conforme necessário */
      overflow-y: auto;
      padding-right: 15px;
      /* Espaço para a barra de rolagem */
    }

    /* Ajustes de responsividade - podem ser genéricos ou específicos para o layout Onde Estamos */
    @media (max-width: 768px) {
      .custom-tabs {
        flex-direction: column;
      }

      .custom-tabs .nav-link {
        margin: 2px 0;
        border-radius: 6px;
        text-align: center;
        padding: 10px 15px;
        /* Ajuste para mobile */
      }

      .tab-content {
        padding: 1rem;
      }

      .stats-card {
        padding: 1.5rem 1rem;
      }

      .stats-number {
        font-size: 2.5rem;
        /* Ajuste para mobile */
      }

      .treeview-container {
        max-height: 300px;
        /* Limita altura em mobile para não ocupar muito espaço */
      }
    }

    @media (max-width: 576px) {
      .stats-number {
        font-size: 2rem;
        /* Ajuste para mobile */
      }
    }

    /* Container para equalizar altura dos cards */
    .unit-cards-container {
      display: flex;
      flex-wrap: wrap;
      gap: 1.5rem;
    }

    .unit-cards-container>.col-lg-4,
    .unit-cards-container>.col-md-6,
    .unit-cards-container>.col-sm-12 {
      display: flex;
      flex: 1;
      min-width: 300px;
      max-width: 400px;
    }

    /* Unit Cards */
    .unit-card {
      background: #fff;
      border: 1px solid var(--border-color);
      border-radius: 12px;
      overflow: hidden;
      transition: all 0.3s ease;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
      margin-bottom: 2rem;
      display: flex;
      flex-direction: column;
      width: 100%;
      height: 100%;
    }

    .unit-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
      border-color: var(--primary-color);
    }

    /* Container da imagem com altura fixa */
    .unit-card .image-container {
      position: relative;
      height: var(--card-image-height);
      overflow: hidden;
      background: var(--bg-light);
      display: flex;
      align-items: center;
      justify-content: center;
    }

    /* Imagem com ajuste automático de largura e centralização */
    .unit-card .card-img-top {
      width: auto;
      height: 100%;
      max-width: 100%;
      object-fit: cover;
      object-position: center;
      transition: transform 0.3s ease;
      display: block;
    }

    /* Efeito hover na imagem */
    .unit-card:hover .card-img-top {
      transform: scale(1.05);
    }

    /* Fallback para imagens que falharam */
    .image-fallback {
      height: 100%;
      width: 100%;
      background: #f8f9fa;
      border: 2px dashed #dee2e6;
      color: #6c757d;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .image-fallback i {
      opacity: 0.5;
    }

    .image-fallback .small {
      font-size: 0.75rem;
      line-height: 1.2;
    }

    /* Body do card com altura flexível */
    .unit-card .card-body {
      padding: 1.5rem;
      display: flex;
      flex-direction: column;
      flex-grow: 1;
      min-height: 120px;
      /* Altura mínima para uniformidade */
    }

    /* Título com altura flexível */
    .unit-card .card-title {
      font-size: 1.1rem;
      font-weight: 600;
      color: var(--text-dark);
      margin-bottom: 1rem;
      line-height: 1.4;
      flex-grow: 1;
      display: flex;
      align-items: center;
      text-align: center;
      min-height: 60px;
      /* Altura mínima para o título */
    }

    /* Botão sempre no final do card */
    .unit-card .btn-primary {
      background: linear-gradient(135deg, var(--primary-color), #0056b3);
      border: none;
      border-radius: 8px;
      padding: 12px 20px;
      font-weight: 500;
      transition: all 0.3s ease;
      margin-top: auto;
      align-self: stretch;
    }

    .unit-card .btn-primary:hover {
      background: linear-gradient(135deg, #0056b3, #004085);
      transform: translateY(-2px);
      box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3);
    }

    /* Status Indicators */
    .status-indicator {
      position: absolute;
      top: 15px;
      right: 15px;
      padding: 6px 12px;
      border-radius: 20px;
      font-size: 0.75rem;
      font-weight: 600;
      text-transform: uppercase;
      z-index: 2;
      backdrop-filter: blur(10px);
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    }

    .status-active {
      background: rgba(40, 167, 69, 0.9);
      color: white;
    }

    .status-archive {
      background: rgba(108, 117, 125, 0.9);
      color: white;
    }

    /* Badges */
    .badge {
      font-size: 0.75rem;
      padding: 0.4rem 0.6rem;
      border-radius: 20px;
    }

    /* Loading State */
    .loading-skeleton {
      background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
      background-size: 200% 100%;
      animation: loading 1.5s infinite;
      border-radius: 8px;
      height: 20px;
      margin-bottom: 10px;
    }

    @keyframes loading {
      0% {
        background-position: 200% 0;
      }

      100% {
        background-position: -200% 0;
      }
    }

    /* Grid responsivo melhorado */
    .units-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
      gap: 1.5rem;
      align-items: stretch;
    }

    /* Responsividade */
    @media (max-width: 1200px) {
      :root {
        --card-image-height: 220px;
      }

      .units-grid {
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      }
    }

    @media (max-width: 992px) {
      :root {
        --card-image-height: 200px;
      }

      .hero-title {
        font-size: 2.5rem;
      }

      .units-grid {
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        gap: 1rem;
      }
    }

    @media (max-width: 768px) {
      :root {
        --card-image-height: 180px;
      }

      .hero-title {
        font-size: 2rem;
      }

      .hero-subtitle {
        font-size: 1rem;
      }

      .custom-tabs .nav-link {
        padding: 12px 15px;
        font-size: 0.9rem;
        margin: 2px 0;
        border-radius: 6px;
        text-align: center;
      }

      .tab-content {
        padding: 1rem;
      }

      .units-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
      }

      .unit-card .card-body {
        padding: 1.25rem;
        min-height: 100px;
      }

      .unit-card .card-title {
        font-size: 1rem;
        min-height: 50px;
      }

      .status-indicator {
        top: 10px;
        right: 10px;
        padding: 4px 8px;
        font-size: 0.7rem;
      }
    }

    @media (max-width: 576px) {
      :root {
        --card-image-height: 160px;
      }

      .hero-section {
        padding: 2rem 0 1.5rem;
      }

      .custom-tabs {
        flex-direction: column;
      }

      .unit-card .card-body {
        padding: 1rem;
        min-height: 90px;
      }

      .unit-card .card-title {
        font-size: 0.95rem;
        min-height: 45px;
      }

      .unit-card .btn-primary {
        padding: 10px 15px;
        font-size: 0.9rem;
      }
    }

    /* Melhorias para acessibilidade */
    .unit-card:focus-within {
      outline: 2px solid var(--primary-color);
      outline-offset: 2px;
    }

    .unit-card .btn-primary:focus {
      box-shadow: 0 0 0 0.25rem rgba(0, 123, 255, 0.25);
    }

    /* Animações para os cards */
    .unit-card {
      animation: slideInUp 0.3s ease-out;
    }

    @keyframes slideInUp {
      from {
        opacity: 0;
        transform: translateY(20px);
      }

      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    /* Efeito de carregamento suave */
    .units-loading {
      opacity: 0.7;
      pointer-events: none;
    }

    .units-loaded {
      opacity: 1;
      pointer-events: auto;
      transition: opacity 0.3s ease;
    }




    /* Botões */
    .btn {
      border-radius: var(--border-radius);
      font-weight: 500;
      padding: 0.75rem 1.5rem;
      transition: var(--transition-base);
      border: none;
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
    }

    .btn-primary {
      background: var(--gradient-primary);
      color: var(--text-light);
    }

    .btn-primary:hover {
      transform: translateY(-2px);
      box-shadow: var(--shadow-md);
      color: var(--text-light);
    }

    .btn-success {
      background: var(--gradient-success);
      color: var(--text-light);
    }

    .btn-success:hover {
      transform: translateY(-2px);
      box-shadow: var(--shadow-md);
      color: var(--text-light);
    }

    .btn-outline-primary {
      border: 2px solid var(--primary-color);
      color: var(--primary-color);
      background: transparent;
    }

    .btn-outline-primary:hover {
      background: var(--primary-color);
      color: var(--text-light);
      transform: translateY(-2px);
    }

    /* Badges */
    .badge {
      border-radius: var(--border-radius);
      font-weight: 500;
      padding: 0.5rem 0.75rem;
    }

    .badge-primary {
      background: var(--primary-color);
      color: var(--text-light);
    }

    .badge-success {
      background: var(--success-color);
      color: var(--text-light);
    }

    /* Alerts */
    .alert {
      border: none;
      border-radius: var(--border-radius-lg);
      padding: 1.5rem;
      margin-bottom: 1.5rem;
    }

    .alert-success {
      background: linear-gradient(135deg, rgba(65, 120, 47, 0.1), rgba(65, 120, 33, 0.05));
      border-left: 4px solid var(--success-color);
      color: var(--success-color);
    }

    .alert-info {
      background: linear-gradient(135deg, rgba(42, 58, 89, 0.1), rgba(42, 58, 89, 0.05));
      border-left: 4px solid var(--info-color);
      color: var(--info-color);
    }

    /* Formulários */
    .form-control {
      border: 2px solid #e9ecef;
      border-radius: var(--border-radius);
      padding: 0.75rem 1rem;
      transition: var(--transition-base);
    }

    .form-control:focus {
      border-color: var(--primary-color);
      box-shadow: 0 0 0 0.2rem rgba(46, 56, 86, 0.25);
    }

    .form-label {
      font-weight: 600;
      color: var(--text-dark);
      margin-bottom: 0.5rem;
    }

    /* Tabelas */
    .table {
      border-radius: var(--border-radius-lg);
      overflow: hidden;
      box-shadow: var(--shadow-sm);
    }

    .table thead th {
      background: var(--gradient-primary);
      color: var(--text-light);
      border: none;
      font-weight: 600;
      padding: 1rem;
    }

    .table tbody tr {
      transition: var(--transition-fast);
    }

    .table tbody tr:hover {
      background-color: rgba(46, 56, 86, 0.05);
    }

    /* Ícones */
    .icon {
      width: 1.5rem;
      height: 1.5rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
    }

    .icon-lg {
      width: 3rem;
      height: 3rem;
      font-size: 1.5rem;
    }

    /* Animações */
    .fade-in {
      animation: fadeIn 0.6s ease-out;
    }

    @keyframes fadeIn {
      from {
        opacity: 0;
        transform: translateY(20px);
      }

      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    .pulse-icon {
      animation: pulse 2s infinite;
    }

    @keyframes pulse {
      0% {
        transform: scale(1);
      }

      50% {
        transform: scale(1.1);
      }

      100% {
        transform: scale(1);
      }
    }

    .slide-up {
      animation: slideUp 0.8s ease-out;
    }

    @keyframes slideUp {
      from {
        opacity: 0;
        transform: translateY(30px);
      }

      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    /* Loading States */
    .loading {
      position: relative;
      pointer-events: none;
    }

    .loading::after {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      width: 20px;
      height: 20px;
      margin: -10px 0 0 -10px;
      border: 2px solid transparent;
      border-top: 2px solid var(--primary-color);
      border-radius: 50%;
      animation: spin 1s linear infinite;
    }

    @keyframes spin {
      0% {
        transform: rotate(0deg);
      }

      100% {
        transform: rotate(360deg);
      }
    }

    /* Utilitários */
    .text-gradient {
      background: var(--gradient-primary);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }

    .bg-gradient-primary {
      background: var(--gradient-primary);
    }

    .bg-gradient-success {
      background: var(--gradient-success);
    }

    .shadow-custom {
      box-shadow: var(--shadow-lg);
    }

    .border-radius-custom {
      border-radius: var(--border-radius-xl);
    }

    /* Responsividade */
    @media (max-width: 768px) {
      .hero-section {
        padding: 2rem 0;
      }

      .hero-section h1 {
        font-size: 2rem;
      }

      .card-body {
        padding: 1.5rem;
      }

      .btn {
        padding: 0.625rem 1.25rem;
        font-size: 0.875rem;
      }
    }

    @media (max-width: 576px) {
      .hero-section h1 {
        font-size: 1.75rem;
      }

      .card-body {
        padding: 1rem;
      }
    }

    /* Reset e Base */
    * {
      box-sizing: border-box;
    }

    .w-layout-blockcontainer {
      max-width: 940px;
      margin-left: auto;
      margin-right: auto;
      display: block;
    }

    .w-layout-layout {
      grid-row-gap: 20px;
      grid-column-gap: 20px;
      grid-auto-columns: 1fr;
      justify-content: center;
      padding: 20px;
    }

    .w-layout-cell {
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      display: flex;
    }

    .container-grid-transparencia,
    .container-grid-transparencia-2 {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: auto;
      gap: 1.5rem;
    }

    .container-grid-transparencia a,
    .container-grid-transparencia-2 a {
      display: grid;
      grid-template-columns: 25px 1fr;
      border-bottom: solid 1px grey;
      color: #31425F;
      min-height: 51px;
      height: auto;
      align-items: center;
      justify-content: center;
      gap: 1rem;
    }

    /* Modal de Contratação */

    .modal-overlay {
      position: fixed;
      inset: 0;
      display: flex;
      justify-content: flex-end;
      align-items: flex-start;
      z-index: 10000;
    }

    .modal {
      border: 2px solid black;
      border-radius: 0.8rem;
      background-color: white;
      padding: 20px;
      margin: 50px;
      max-width: 400px;
      width: 90%;
      position: relative;
      box-sizing: border-box;
      z-index: 100000;
    }

    .button-modal {
      color: #fff;
      text-transform: uppercase;
      background-color: #353b56;
      border: 2px solid #353b56;
      border-radius: 20px;
      height: 39px;
      margin-top: 0;
      padding: 7px 24px;
      font-weight: 700;
      transition: background-color .25s, color .25s;
      display: inline-block;
    }

    .text-modal {
      color: #000;
      font-weight: bold;
      font-size: 18px;
      margin-top: 1rem;
    }

    .modal-close {
      color: #292929;
      position: absolute;
      top: 10px;
      right: 10px;
      background: transparent;
      border: none;
      font-size: 20px;
      cursor: pointer;
    }

    .modal-button {
      margin-top: 20px;
      padding: 10px 20px;
      background-color: black;
      color: white;
      border: none;
      cursor: pointer;
    }

    @media (max-width: 768px) {
      .modal-overlay {
        justify-content: center;
        align-items: flex-start;
      }

      .modal {
        margin: 50px 50px 0 50px;
      }
    }

    @media (max-width: 352px) {
      .modal {
        margin: 50px 30px 0 30px;
      }
    }

    /* Fecha Modal */

    .container-grid-transparencia a img,
    .container-grid-transparencia-2 a img {
      width: 24px;
      height: 24px;
    }

    .container-grid-transparencia a p,
    .container-grid-transparencia-2 a p {
      margin-bottom: 0;
      color: #31425F;
    }

    @media screen and (max-width: 991px) {
      .w-layout-blockcontainer {
        max-width: 728px;
      }
    }

    @media screen and (max-width: 767px) {
      .w-layout-blockcontainer {
        max-width: none;
      }
    }

    body {
      color: #8895a0;
      font-family: 'Montserrat', Open Sans, sans-serif;
      font-size: 0.875rem;
      font-weight: 400;
      line-height: 21px;
    }

    h1 {
      color: #2883d2;
      margin-top: 20px;
      padding-bottom: 20px;
      font-family: Montserrat, sans-serif;
      font-size: 1.125rem;
      font-weight: 700;
      line-height: 44px;
    }

    h2 {
      color: #2883d2;
      text-transform: capitalize;
      margin-top: 0;
      margin-bottom: 10px;
      font-family: Montserrat, sans-serif;
      font-size: 1.625rem;
      font-weight: 700;
      line-height: 32px;
    }

    h3 {
      color: #2883d2;
      text-transform: capitalize;
      margin-top: 0;
      margin-bottom: 10px;
      font-family: Montserrat, sans-serif;
      font-size: 1.125rem;
      font-weight: 700;
      line-height: 26px;
    }

    h4 {
      color: #2883d2;
      text-transform: capitalize;
      margin-top: 0;
      font-family: Montserrat, sans-serif;
      font-size: 1rem;
      font-weight: 700;
      line-height: 24px;
    }

    h5 {
      color: #2883d2;
      text-transform: capitalize;
      margin-top: 0;
      margin-bottom: 10px;
      font-size: 0.875rem;
      font-weight: 700;
      line-height: 20px;
    }

    h6 {
      color: #2883d2;
      margin-top: 10px;
      margin-bottom: 10px;
      font-size: 0.75rem;
      font-weight: 700;
      line-height: 18px;
    }

    p {
      color: #8895a0;
      letter-spacing: .2px;
      margin-bottom: 10px;
      font-size: 0.9375rem;
      line-height: 24px;
    }

    a {
      color: var(--success-color);
      text-decoration: none;
    }

    a:hover {
      text-decoration: underline;
    }

    ul,
    ol {
      color: #596d7e;
      margin-top: 0;
      margin-bottom: 10px;
      padding-left: 40px;
    }

    li {
      margin-top: 10px;
      margin-bottom: 10px;
    }

    label {
      color: #fff;
      margin-bottom: 5px;
      font-weight: 700;
      display: block;
    }

    blockquote {
      color: #8895a0;
      border-left: 5px solid var(--success-color);
      margin-bottom: 10px;
      padding: 10px 20px;
      font-size: 18px;
      line-height: 24px;
    }

    .Xnavbar {
      background-color: #fff;
      height: 94px;
    }

    .hero {
      background-color: var(--primary-color);
      flex-flow: column wrap;
      justify-content: center;
      align-items: center;
      height: 70vh;
      min-height: 600px;
      display: flex;
      position: relative;
      inset: 0;
      overflow: hidden;
    }

    .top-info-bar {
      background-color: #fff;
      padding-top: 15px;
      padding-bottom: 15px;
    }

    .v {
      border-bottom: 1px solid #f0f2f4;
      height: 850px;
      padding-top: 80px;
      padding-bottom: 80px;
      position: relative;
    }

    .v.why-us {
      background-image: url('/images/isolated-1188036_1920.png');
      background-position: 100%;
      background-repeat: no-repeat;
      background-size: contain;
      justify-content: space-between;
      position: relative;
    }

    .v.tint {
      background-color: #f0f5f8;
    }

    .v.tint.why-us {
      background-image: url('/images/CAPA-CORRETA.png');
      background-position: 25%;
      background-size: cover;
      background-attachment: fixed;
      border-bottom-width: 0;
      width: 100%;
      height: 1150px;
      top: -50px;
    }

    .v.tint.services {
      color: #589bd570;
      background-color: #f8fafc;
      background-image: url('/images/capa5.png');
      background-position: 0 0;
      background-size: auto;
      height: 1139px;
    }

    .v.services {
      padding-top: 160px;
    }

    .v.about-us {
      background-image: url('/images/Ativo-22x_1.webp');
      border-bottom-width: 0;
      height: 600px;
      top: -48px;
    }

    .hero-card-paragraph {
      color: #fff;
      width: 80%;
      margin-left: auto;
      margin-right: auto;
      font-size: 18px;
      line-height: 26px;
      display: block;
    }

    .hero-header {
      color: #fff;
      letter-spacing: 1px;
      text-transform: none;
      margin-bottom: 20px;
      margin-left: auto;
      margin-right: auto;
      padding: 15px 20px;
      font-size: 40px;
      line-height: 52px;
      display: block;
    }

    .slogan {
      text-align: center;
      margin-bottom: 20rem;
      margin-top: -4rem;
    }

    .Xnav-link {
      color: #353b56;
      text-transform: uppercase;
      border-bottom: 2px solid #0000;
      justify-content: center;
      align-items: center;
      width: 170px;
      height: 50px;
      padding-top: 34px;
      padding-bottom: 36px;
      font-size: 13px;
      font-weight: 400;
      transition: background-color .25s, color .25s;
      display: flex;
    }

    .Xnav-link:hover {
      color: #587837;
      border-bottom-color: #587837;
      text-decoration: none;
    }

    .Xnav-link.w--current {
      grid-column-gap: 0px;
      grid-row-gap: 0px;
      opacity: 1;
      outline-offset: 0px;
      color: #353b56;
      border-bottom-color: #587837;
      border-radius: 0;
      outline: 3px #587837;
      justify-content: center;
      align-items: center;
      width: 100px;
      height: 40px;
      margin-left: 205px;
      font-weight: 400;
    }

    .Xnav-link.w--current:hover {
      color: #587837;
      border-bottom-color: #587837;
    }

    .logo {
      color: var(--success-color);
      font-family: Montserrat, sans-serif;
    }

    .Xnav-menu {
      float: left;
      text-align: center;
      justify-content: center;
      align-items: center;
      width: 1200px;
      max-width: 1200px;
      height: 72px;
      display: flex;
    }

    .Xnav-menu.scroll {
      float: right;
      text-align: left;
      justify-content: flex-start;
      align-items: center;
    }

    .top-info-icon {
      float: left;
      background-image: url('/images/phone-receiver_2phone-receiver.png');
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: 16px;
      border: 2px solid #2883d2;
      border-radius: 100%;
      align-items: center;
      width: 45px;
      height: 46px;
      margin-right: 15px;
    }

    .top-info-icon._2 {
      background-image: url('/images/marker_1marker.png');
    }

    .Xnavbar-container {
      background-color: #fff;
      border-top: 1px solid #f0f5f8;
      justify-content: center;
      align-items: center;
      width: 1200px;
      max-width: 1200px;
      height: 94px;
      display: flex;
    }

    .hero-content {
      text-align: center;
      flex-direction: column;
      align-items: center;
    }

    .title-wrapper {
      text-align: center;
      width: 940px;
      margin-bottom: 60px;
      margin-left: auto;
      margin-right: auto;
    }

    .title-wrapper.left-align {
      text-align: left;
      width: auto;
    }

    .title-wrapper.less-margin {
      width: auto;
      max-width: 940px;
      margin-bottom: 40px;
      margin-left: 0;
      margin-right: 0;
    }

    .subtitle {
      color: #587837;
      letter-spacing: 1px;
      text-transform: none;
      font-family: Montserrat, sans-serif;
      font-size: 16px;
      font-weight: 700;
    }

    .subtitle.white {
      color: #fff;
    }

    .underline {
      color: #587837;
      background-color: #353b56;
      width: 50px;
      height: 2px;
      margin-top: 10px;
      margin-left: auto;
      margin-right: auto;
      display: block;
    }

    .underline.white {
      background-color: #fff;
      margin-top: 0;
    }

    .underline.no-center {
      margin-left: 0;
      margin-right: 0;
    }

    .service-box {
      text-align: center;
      background-color: #fff;
      border-radius: 2px;
      justify-content: center;
      align-items: flex-end;
      width: 100%;
      height: 327px;
      padding: 20px 15px;
      transition: box-shadow .25s, transform .25s;
      box-shadow: 6px 6px 30px #2883d226;
    }

    .service-box:hover {
      text-decoration: none;
      box-shadow: 6px 6px 30px #2883d24d;
    }

    .service-icon {
      margin-bottom: 20px;
      margin-left: auto;
      margin-right: auto;
      display: block;
    }

    .service-title {
      color: #353b56;
      margin-top: 10px;
      margin-bottom: 10px;
      display: block;
    }

    .service-link {
      text-transform: capitalize;
      font-weight: 600;
    }

    .service-link:hover {
      color: #2883d2;
    }

    .white {
      color: #fff;
      justify-content: center;
      align-items: center;
      margin-top: -77px;
      display: flex;
    }

    .appointment-wrapper {
      background-color: #fff;
      border: 4px #f0f2f4;
      justify-content: flex-end;
      margin-top: 60px;
      padding: 40px 20px 20px;
      position: relative;
      box-shadow: 6px 6px 30px #2883d21a;
    }

    .text-field {
      border: 2px solid #f0f2f4;
      height: 41px;
      margin-bottom: 15px;
      font-size: 13px;
      transition: border .25s;
    }

    .text-field:focus {
      border-color: var(--success-color);
    }

    .text-field.name {
      background-image: url('/images/user_grey_1user_grey.png');
      background-position: 10px;
      background-repeat: no-repeat;
      background-size: 15px;
      width: 49%;
      margin-right: 1%;
      padding-left: 34px;
      display: inline-block;
    }

    .text-field.name.full-width {
      width: 100%;
    }

    .text-field.last-name {
      float: right;
      width: 49%;
      padding-left: 22px;
      display: inline-block;
    }

    .text-field.email {
      background-image: url('/images/email_grey_1email_grey.png');
      background-position: 10px;
      background-repeat: no-repeat;
      background-size: 15px;
      width: 49%;
      margin-right: 1%;
      padding-left: 34px;
      display: inline-block;
    }

    .mask-2 {
      height: 380px;
    }

    .text-field.email.full-width {
      width: 100%;
    }

    .text-field.phone {
      float: right;
      background-image: url('/images/phone-receiver_grey_1phone-receiver_grey.png');
      background-position: 10px;
      background-repeat: no-repeat;
      background-size: 13px;
      width: 49%;
      padding-left: 34px;
      display: inline-block;
    }

    .text-field.textarea {
      background-image: url('/images/keyboard_grey_1keyboard_grey.png');
      background-position: 10px 10px;
      background-repeat: no-repeat;
      background-size: 16px;
      height: 120px;
      padding-left: 34px;
    }

    .text-field.date {
      background-image: url('/images/calendar_grey_1calendar_grey.png');
      background-position: 10px;
      background-repeat: no-repeat;
      background-size: 14px;
      padding-left: 34px;
    }

    .button {
      color: #fff;
      text-transform: uppercase;
      background-color: #353b56;
      border: 2px solid #353b56;
      border-radius: 20px;
      height: 39px;
      margin-top: 0;
      padding: 7px 24px;
      font-weight: 700;
      transition: background-color .25s, color .25s;
      display: inline-block;
    }

    .button:hover {
      color: #353b56;
      background-color: #fff;
      border-color: #353b56;
      text-decoration: none;
    }

    .button.w--current {
      margin-top: -35px;
    }

    .button.price-button {
      width: 80%;
    }

    .button.all-news-btn {
      position: relative;
      bottom: 18px;
    }

    .button.appointment-button {
      float: right;
      flex: none;
      justify-content: center;
      align-self: center;
      align-items: flex-start;
      margin-top: 0;
      padding-top: 10px;
      padding-bottom: 10px;
      font-size: 14px;
      font-weight: 700;
      display: flex;
    }

    .button.fixed-contact-button {
      border-radius: 100%;
      padding: 26px;
      transition: background-color .25s, color .25s;
    }

    .button.white {
      color: #fff;
      background-color: #0000;
      border-color: #fff;
      margin-top: 11px;
    }

    .button.white:hover {
      color: #353b56;
      background-color: #fff;
      border-color: #fff;
    }

    .button.white.buy-button {
      padding: 6px 21px;
      font-size: 12px;
    }

    .button.full-width {
      width: 100%;
    }

    .page-banner {
      background-color: #dadada;
      background-image: linear-gradient(90deg, #353b56, var(--success-color)cc), url('/images/architecture-931283_1920.jpg');
      background-position: 0 0, 50%;
      background-repeat: repeat, no-repeat;
      background-size: auto, cover;
      position: relative;
    }

    .Xdropdown-link {
      color: #353b56;
      text-transform: capitalize;
      border-bottom: 0 solid #f0f2f4;
      padding-top: 15px;
      padding-bottom: 15px;
      font-size: 13px;
      font-weight: 400;
    }

    .Xdropdown-link:hover {
      color: #fff;
      background-color: #353b56;
      text-decoration: none;
    }

    .Xdropdown-link.w--current {
      color: #fff;
      background-color: var(--success-color);
    }

    .dynamic-item {
      width: 100%;
    }

    .post-preview-big.card {
      border-radius: 2px;
      flex-flow: column;
      place-content: flex-start space-between;
      align-items: stretch;
      margin-bottom: 20px;
      box-shadow: 6px 6px 38px -8px #2883d233;
    }

    .post-preview-category {
      color: var(--success-color);
      text-transform: uppercase;
      font-size: 11px;
      font-weight: 700;
    }

    .post-preview-thumbnail {
      background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
      background-position: 50%;
      background-size: cover;
      width: 100%;
      min-height: 200px;
      display: block;
      position: relative;
    }

    .post-preview-date {
      color: #8895a0;
      text-transform: uppercase;
      margin-bottom: 10px;
      font-size: 10px;
      font-weight: 700;
      display: block;
    }

    .post-date-wrapper {
      z-index: 20;
      background-color: var(--success-color)cc;
      width: 45px;
      height: 45px;
      padding-top: 2px;
      position: absolute;
      top: 0;
      left: 0;
    }

    .post-date-box {
      color: #fff;
      text-align: center;
      text-transform: uppercase;
      font-weight: 700;
      line-height: 19px;
    }

    .post-preview-content {
      flex-flow: wrap;
      place-content: stretch center;
      align-items: flex-start;
      padding: 20px;
    }

    .post-preview-content.less-padding {
      padding-left: 0;
      padding-right: 10px;
    }

    .post-title-link {
      color: #2883d2;
      text-transform: capitalize;
      font-family: Montserrat, sans-serif;
      font-size: 16px;
      font-weight: 700;
      display: block;
    }

    .post-mini-thumbnail {
      float: left;
      background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
      background-position: 50%;
      background-size: cover;
      width: 100px;
      height: 100px;
      position: relative;
    }

    .post-mini-wrapper {
      border-bottom: 1px solid #f0f2f4;
      width: 100%;
      margin-bottom: 20px;
      padding-bottom: 15px;
    }

    .post-mini-content {
      padding-left: 15px;
      position: relative;
      overflow: hidden;
    }

    .blog-post-row {
      background-color: #fff;
      flex-wrap: nowrap;
      align-content: stretch;
      align-items: stretch;
      padding: 15px 15px 10px;
      box-shadow: 6px 6px 30px #2883d226;
    }

    .dynamic-list {
      flex-direction: column;
      justify-content: center;
      align-items: stretch;
      display: flex;
    }

    .news-padding-column {
      padding-right: 20px;
    }

    .read-more-link {
      text-transform: capitalize;
      font-weight: 700;
      transition: color .25s;
    }

    .read-more-link:hover {
      color: #2883d2;
    }

    .read-more-link.service-link {
      color: #353b56;
    }

    .read-more-link.service-link:hover {
      text-decoration: underline;
    }

    .service-item {
      flex-flow: column;
      justify-content: space-between;
      align-items: flex-start;
      width: 33%;
      padding-bottom: 20px;
    }

    .page-header-content {
      text-align: center;
    }

    .page-heading {
      color: #fff;
      text-transform: none;
      margin-top: 0;
      margin-bottom: 10px;
      font-size: 32px;
      text-decoration: none;
    }

    .page-banner-container {
      padding-left: 20px;
      padding-right: 20px;
      padding-top: 2rem;
      padding-bottom: 2rem;
    }

    .div-center {
      text-align: center;
      margin-top: 87px;
    }

    .sidebar-card {
      border-radius: 7px;
      margin-bottom: 40px;
      padding: 20px;
      box-shadow: 6px 6px 38px -4px #2883d233;
    }

    .sidebar-card.no-padding {
      padding: 0;
    }

    .sidebar-category-link {
      color: var(--success-color);
      text-transform: capitalize;
      border-bottom: 1px solid #f0f2f4;
      padding-top: 15px;
      padding-bottom: 15px;
      font-weight: 700;
      display: block;
    }

    .Xdropdown-list.w--open {
      background-color: #fff;
    }

    .space-divider {
      align-self: stretch;
      height: 40px;
    }

    .space-divider.small {
      height: 20px;
    }

    .service-page-wrapper {
      box-shadow: 6px 6px 38px -8px #2883d226;
    }

    .appointment {
      position: relative;
      overflow: hidden;
    }

    .working-day {
      text-transform: capitalize;
      display: inline-block;
    }

    .working-day.hour {
      float: right;
    }

    .working-hours-list {
      text-align: left;
    }

    .open-hours-list-item {
      border-bottom: 1px solid #f0f5f8;
      padding-top: 10px;
      padding-bottom: 10px;
    }

    .open-hours-list-item.last-item {
      border-bottom-style: none;
    }

    .department-description-block {
      box-shadow: 6px 6px 38px -4px #2883d226;
    }

    .service-price {
      color: var(--success-color);
      font-size: 17px;
      font-weight: 600;
    }

    .service-price-list-item {
      border-bottom: 1px solid #f0f5f8;
      justify-content: space-between;
      padding-bottom: 10px;
      padding-left: 20px;
      padding-right: 20px;
      display: flex;
    }

    .service-price-header {
      background-color: #f0f5f8;
      justify-content: space-between;
      margin-bottom: 15px;
      padding: 10px 20px;
      display: flex;
    }

    .service-header {
      color: #2883d2;
      text-transform: capitalize;
      font-family: Montserrat, sans-serif;
      font-size: 15px;
      font-weight: 700;
    }

    .close-modal {
      cursor: pointer;
      background-image: url('/images/modal-close_1modal-close.png');
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: 20px;
      width: 36px;
      height: 36px;
      position: absolute;
      top: 10px;
      right: 10px;
    }

    .doctor-avatar {
      box-shadow: none;
      background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: cover;
      border: 2px solid #f0f5f8;
      border-radius: 100%;
      width: 200px;
      height: 200px;
      margin-bottom: 20px;
      position: relative;
    }

    .hero-subheader {
      color: #fff;
      font-size: 22px;
    }

    .footer {
      background-image: linear-gradient(90deg, #353b56, #2883d2e6), url('/images/architecture-931283_1920.jpg');
      background-position: 0 0, 50%;
      background-repeat: repeat, no-repeat;
      background-size: auto, cover;
      margin-top: 0;
      padding-top: 70px;
      position: relative;
      top: 0;
    }

    .footer-column {
      padding-right: 20px;
    }

    .footer-title {
      color: #fff;
      flex-flow: column;
      margin-top: 9px;
      margin-bottom: 15px;
      padding-left: 15px;
      padding-right: 15px;
      font-weight: 400;
      text-decoration: none;
      display: flex;
    }

    .footer-line {
      background-color: var(--success-color);
      width: 150px;
      height: 1px;
    }

    .footer-link {
      color: #f0f5f8;
      text-align: center;
      margin-bottom: 15px;
      padding-left: 15px;
      padding-right: 15px;
      font-weight: 700;
      display: block;
    }

    .footer-link:hover {
      color: #fff;
      text-decoration: underline;
    }

    .footer-link.credit-link {
      font-weight: 700;
      display: inline-block;
    }

    .footer-header-wrapper {
      flex-flow: column;
      justify-content: center;
      align-items: center;
      margin-bottom: 30px;
      display: flex;
    }

    .breadcrumbs-wrapper {
      align-items: flex-end;
    }

    .breadcrumb {
      padding: 0;
      font-size: 12px;
    }

    .breadcrumb:hover {
      text-decoration: underline;
    }

    .breadcrumb.w--current {
      color: #587837;
      font-weight: 700;
    }

    .breadcrumb.active {
      color: #353b56;
      text-transform: capitalize;
      font-weight: 700;
      text-decoration: none;
      display: inline;
    }

    .breadcrumb-arrow {
      color: #353b56;
      margin-left: 10px;
      margin-right: 10px;
      font-weight: 700;
      display: inline-block;
    }

    .dynamic-breadcrumbs {
      display: inline-block;
    }

    .faq-icon {
      color: #2883d2;
      justify-content: flex-end;
      position: static;
    }

    .faq-content-wrapper {
      position: relative;
      overflow: hidden;
    }

    .Xdropdown-block {
      background-color: #fff;
      margin-bottom: 20px;
      overflow: hidden;
      box-shadow: 6px 6px 30px #2883d226;
    }

    .faq-content {
      padding: 10px 25px 20px;
    }

    .about-us {
      background-image: url('/images/doctors_3.png');
      background-position: 50% 10px;
      background-repeat: no-repeat;
      padding-top: 80px;
      padding-bottom: 170px;
      position: relative;
    }

    .about-us-card {
      text-align: center;
      background-color: #fff;
      border-radius: 2px;
      padding: 30px 35px 35px;
      position: relative;
      top: -198px;
      overflow: hidden;
      box-shadow: 6px 6px 30px #2883d226;
    }

    .about-us-container {
      z-index: 30;
      position: relative;
      bottom: -250px;
    }

    .doctor-details {
      flex: 1;
      padding-left: 40px;
    }

    .doctor-name {
      margin-bottom: 0;
    }

    .socials-wrapper {
      flex-direction: row;
      justify-content: space-between;
      align-items: flex-start;
      margin-top: 20px;
      margin-bottom: 10px;
    }

    .social-icon {
      background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: 14px;
      border-radius: 100%;
      width: 32px;
      height: 32px;
      margin-left: 7px;
      transition: transform .25s;
    }

    .social-icon:hover {
      transform: translate(0, -2px);
    }

    .social-icon.facebook {
      background-color: #3b5999;
      background-image: url('/images/facebookpng_1facebookpng.png');
      background-repeat: no-repeat;
      margin-left: 0;
    }

    .social-icon.twitter {
      background-color: #1da1f2;
      background-image: url('/images/twitter_1twitter.png');
    }

    .social-icon.linkedin {
      background-color: #0077b5;
      background-image: url('/images/linkedin_1linkedin.png');
    }

    .doctor-profession {
      color: var(--success-color);
      font-size: 15px;
      font-weight: 700;
    }

    .doctor-block {
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 250px;
      display: flex;
      overflow: hidden;
    }

    .doctor-block:hover {
      text-decoration: none;
    }

    .doctor-detail-wrapper {
      text-align: center;
      border-top: 1px solid #f0f5f8;
      padding: 15px 20px;
      position: relative;
    }

    .blue-overlay {
      z-index: 20;
      background-color: #2883d2e6;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 100%;
      display: flex;
      position: absolute;
      inset: 0;
    }

    .blue-overlay.doctor-overlay {
      border-radius: 100%;
    }

    .doctor-overlay-icon {
      background-color: #fff;
      background-image: url('/images/user_1user.png');
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: 24px;
      border-radius: 100%;
      width: 52px;
      height: 52px;
      margin-bottom: 5px;
    }

    .price-table {
      text-align: center;
      background-color: #fff;
      flex-direction: column;
      flex: 1;
      justify-content: space-around;
      align-self: stretch;
      padding: 20px 20px 35px;
      position: relative;
      overflow: hidden;
      box-shadow: 6px 6px 30px #2883d226;
    }

    .price-table-header {
      border-bottom: 1px solid #f0f5f8;
      padding-bottom: 20px;
    }

    .price-block {
      border-bottom: 1px solid #f0f5f8;
      margin-bottom: 20px;
      padding-bottom: 20px;
    }

    .big-price {
      color: #2883d2;
      padding-top: 10px;
      font-size: 48px;
      font-weight: 700;
      line-height: 71px;
    }

    .price-list-item {
      flex-direction: row;
      justify-content: space-between;
      align-self: stretch;
      align-items: center;
      margin-bottom: 10px;
    }

    .contact-link {
      color: #353b56;
      font-weight: 700;
      line-height: 22px;
      display: block;
    }

    .contact-link:hover {
      color: #353b56;
    }

    .popup {
      z-index: 2001;
      background-color: var(--primary-color);
      width: 100%;
      height: 100%;
      display: none;
      position: fixed;
      inset: 0;
    }

    .popup-close {
      cursor: pointer;
      background-image: url('/images/modal-close_whitepng_1modal-close_whitepng.png');
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: 32px;
      width: 52px;
      height: 52px;
      position: absolute;
      top: 25px;
      right: 25px;
    }

    .price-unordered-list {
      border-bottom: 1px solid #f0f5f8;
      flex-direction: column;
      justify-content: space-between;
      align-items: stretch;
      margin-bottom: 20px;
      padding-bottom: 10px;
    }

    .feature-big-number {
      color: #5878378f;
      margin-bottom: 40px;
      font-size: 64px;
      font-weight: 700;
    }

    .feature-block {
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      display: flex;
    }

    .emergency-number {
      color: #fff;
      font-size: 34px;
      font-weight: 700;
      display: inline-block;
    }

    .tabs-menu {
      text-align: center;
      margin-bottom: 40px;
    }

    .tab-link-left {
      color: var(--success-color);
      background-color: #fff;
      border: 2px solid var(--success-color);
      border-top-left-radius: 20px;
      border-bottom-left-radius: 20px;
      font-weight: 700;
    }

    .tab-link-left:hover {
      text-decoration: none;
    }

    .tab-link-left.w--current {
      color: #fff;
      background-color: var(--success-color);
      border-width: 2px;
      border-top-style: solid;
      border-top-color: var(--success-color);
      border-bottom-style: solid;
      border-bottom-color: var(--success-color);
      border-left-style: solid;
      border-left-color: var(--success-color);
      border-top-left-radius: 20px;
      border-bottom-left-radius: 20px;
    }

    .tab-link-right {
      color: var(--success-color);
      background-color: #fff;
      border-top: 2px solid var(--success-color);
      border-bottom: 2px solid var(--success-color);
      border-right: 2px solid var(--success-color);
      border-top-right-radius: 20px;
      border-bottom-right-radius: 20px;
      font-weight: 700;
    }

    .tab-link-right:hover {
      text-decoration: none;
    }

    .tab-link-right.w--current {
      color: #fff;
      background-color: var(--success-color);
    }

    .tabs-content {
      flex-wrap: wrap;
      padding-top: 20px;
      padding-left: 20px;
      padding-right: 20px;
    }

    .emergency-wrapper {
      text-align: center;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      margin-bottom: 40px;
      margin-left: auto;
      margin-right: auto;
      padding-bottom: 20px;
    }

    .top-info-bar-container {
      justify-content: flex-start;
      align-items: center;
    }

    .brand.scroll {
      margin-top: 15px;
    }

    .top-info-block {
      float: right;
      border-right: 1px solid #f0f5f8;
      justify-content: flex-start;
      align-items: center;
      margin-right: 15px;
      padding-right: 15px;
    }

    .top-info-block.no-right-border {
      border-style: none;
    }

    .top-info-content {
      float: right;
      position: relative;
      overflow: hidden;
    }

    .info-blocks-wrapper {
      justify-content: flex-start;
    }

    .footer-contact-block {
      flex-wrap: nowrap;
      align-content: space-around;
      align-items: flex-start;
      margin-bottom: 7px;
      display: flex;
    }

    .footer-contact-icon {
      height: 14px;
      margin-top: 4px;
      margin-right: 12px;
    }

    .footer-credits {
      border-top: 1px solid #ffffff80;
      justify-content: space-between;
      align-items: center;
      margin-top: 40px;
      padding-top: 15px;
      padding-bottom: 15px;
    }

    .credits {
      color: #f0f5f8;
      flex: 1;
      margin-bottom: 0;
      font-size: 13px;
      line-height: 16px;
    }

    .credits-wrapper {
      justify-content: flex-start;
      align-items: center;
      display: flex;
    }

    .post-image {
      background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
      background-position: 50%;
      background-size: cover;
      height: 450px;
    }

    .blog-content-wrapper {
      box-shadow: 6px 6px 38px -8px #2883d226;
    }

    .post-body {
      padding: 20px;
    }

    .post-flex-list {
      flex-wrap: wrap;
      display: flex;
    }

    .post-flex-item {
      align-self: stretch;
      display: flex;
    }

    .service-image {
      background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: cover;
      height: 350px;
    }

    .service-body {
      padding: 20px;
    }

    .department-body {
      border-radius: 7px;
      height: 1100px;
      padding: 20px;
    }

    .price-feature-text {
      text-transform: capitalize;
      margin-bottom: 0;
      font-weight: 700;
    }

    .price-feature-text.strikeout {
      color: #8895a0b3;
      font-weight: 400;
      text-decoration: line-through;
    }

    .price-ribbon {
      color: #fff;
      text-transform: uppercase;
      background-color: var(--success-color);
      padding: 3px 20px;
      font-size: 11px;
      font-weight: 700;
      position: absolute;
      top: 20px;
      left: -28px;
      transform: rotate(-45deg);
    }

    .features {
      background-color: #f4f4f4;
      border-radius: .7rem;
      width: auto;
      height: auto;
      padding: 20px;
      box-shadow: 6px 6px 30px #2883d226;
    }

    .service-table {
      border-radius: 2px;
      box-shadow: 6px 6px 30px #2883d226;
    }

    .Xnav-icon {
      color: #353b56;
      margin-left: 0;
      top: 0;
      left: 129px;
    }

    .Xnav-icon:hover {
      color: #587837;
    }

    .ceo {
      color: #8895a0;
      font-size: 12px;
      font-weight: 700;
    }

    .signature {
      margin-top: 51px;
    }

    .align-right {
      text-align: right;
    }

    .Xnavbar-scroll {
      z-index: 1001;
      background-color: #fff;
      height: 100px;
      display: block;
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      box-shadow: 6px 6px 38px -8px #2883d226;
    }

    .info-bar {
      justify-content: flex-end;
      align-items: center;
    }

    .Xnav-scroll-container {
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      margin-top: 10px;
      display: block;
    }

    .doctor-contact-box {
      justify-content: flex-start;
      align-items: center;
      display: flex;
    }

    .doctor-contact-icon {
      height: 14px;
      margin-right: 10px;
    }

    .faq-header {
      cursor: pointer;
      background-color: #fff;
      padding: 20px;
      display: flex;
    }

    .faq-name {
      text-transform: none;
      margin-top: 0;
      margin-bottom: 0;
    }

    .testimonial-slider {
      background-color: #fff;
      height: auto;
      box-shadow: 6px 6px 30px #2883d226;
    }

    .testimonial-slider-arrow {
      border: 2px solid var(--success-color);
      border-radius: 100%;
      width: 42px;
      height: 42px;
      margin-left: 25px;
      transition: background-color .25s;
    }

    .testimonial-slider-arrow:hover {
      background-color: var(--success-color);
    }

    .testimonial-slider-arrow.second {
      margin-left: 0;
      margin-right: 25px;
    }

    .testimonial-slider-icon {
      color: var(--success-color);
      width: 100%;
      height: 100%;
      padding-top: 10px;
      font-size: 18px;
      transition: color .25s;
    }

    .testimonial-slider-icon:hover {
      color: #fff;
    }

    .testimonial-slide-nav {
      opacity: .5;
      font-size: 11px;
      position: relative;
    }

    .testimonial-slide {
      text-align: center;
      padding: 5% 12%;
    }

    .testimonial-signature {
      font-weight: 700;
    }

    .testimonial-quote {
      font-style: italic;
    }

    .testimonial-image {
      background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
      background-position: 50%;
      background-size: cover;
      border-radius: 100%;
      width: 82px;
      height: 82px;
      margin-bottom: 20px;
      margin-left: auto;
      margin-right: auto;
      display: block;
    }

    .testimonial-image.first {
      background-image: url('/images/face-8-min.jpg');
    }

    .testimonial-image.second {
      background-image: url('/images/face-14-min.jpg');
    }

    .testimonial-image.third {
      background-image: url('/images/face-5-min.jpg');
    }

    .flex-box {
      flex-wrap: wrap;
      align-content: stretch;
      align-items: stretch;
      display: flex;
      position: relative;
    }

    .flex-box.justify-center {
      justify-content: center;
    }

    .flex-box.justify-center.departments-align {
      grid-column-gap: 53px;
      grid-row-gap: 53px;
    }

    .flex-box.space-between {
      flex-wrap: wrap;
      justify-content: space-between;
    }

    .flex-box.justify-start {
      justify-content: flex-start;
    }

    .fixed-contact-form-box {
      z-index: 2000;
      width: 280px;
      position: fixed;
      bottom: 90px;
      right: 50px;
    }

    .fixed-contact-form-tab {
      background-color: var(--success-color);
      background-image: url('/images/emai_whitel_1emai_whitel.png');
      background-position: 16px;
      background-repeat: no-repeat;
      background-size: 18px;
      border-top-left-radius: 3px;
      border-top-right-radius: 3px;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      height: 50px;
      padding-left: 52px;
      display: flex;
      position: relative;
    }

    .fixed-contact-form-tab:hover {
      text-decoration: none;
    }

    .fixed-contact-form-body {
      background-color: #fff;
      border-left: 1px solid #f0f5f8;
      border-right: 1px solid #f0f5f8;
      border-bottom-right-radius: 3px;
      border-bottom-left-radius: 3px;
      padding: 15px;
      box-shadow: 6px 6px 38px -8px #2883d226;
    }

    .utility-page-wrap {
      justify-content: center;
      align-items: center;
      width: 100vw;
      max-width: 100%;
      height: 100vh;
      max-height: 100%;
      display: flex;
    }

    .utility-page-content {
      text-align: center;
      flex-direction: column;
      width: 260px;
      display: flex;
    }

    .utility-page-form {
      flex-direction: column;
      align-items: stretch;
      display: flex;
    }

    .department-block {
      flex-direction: column;
      align-items: center;
      width: 200px;
      max-width: 133.594px;
      height: 200px;
      display: flex;
    }

    .department-block:hover {
      text-decoration: none;
    }

    .department-circle {
      background-color: #fff;
      background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: 28px;
      border-radius: 100%;
      width: 100px;
      height: 100px;
      margin-bottom: 20px;
      transition: transform .25s, box-shadow .25s;
      box-shadow: 6px 6px 30px #2883d226;
    }

    .department-circle:hover {
      transform: translate(0, -6px);
      box-shadow: 6px 6px 30px #2883d24d;
    }

    .department-circle.page-banner-circle {
      width: 72px;
      height: 72px;
      transition: none;
      position: absolute;
      top: -40px;
    }

    .department-circle.page-banner-circle:hover {
      transform: none;
      box-shadow: 6px 6px 30px #2883d226;
    }

    .department-item {
      text-align: center;
      width: 16%;
      margin-bottom: 30px;
    }

    .price-column {
      width: 32%;
      padding-bottom: 20px;
      display: flex;
    }

    .fixed-contact-button {
      background-color: var(--success-color);
      position: fixed;
      bottom: 0;
      right: 0;
    }

    .success-message {
      background-color: #0000;
    }

    .fixed-button-wrapper {
      display: none;
    }

    .popup-map-wrapper {
      margin-left: auto;
      margin-right: auto;
    }

    .popup-wrapper {
      text-align: center;
      width: 800px;
      margin-left: auto;
      margin-right: auto;
      display: block;
      position: relative;
      top: 50%;
      left: 0;
      right: 0;
      transform: translate(0, -50%);
    }

    .popup-link {
      color: #fff;
      margin-top: 10px;
      font-size: 12px;
      display: block;
    }

    .column-right-padding {
      padding-right: 30px;
    }

    .top-margin {
      justify-content: center;
      align-items: center;
      margin-top: 40px;
      display: flex;
    }

    .top-margin.less {
      grid-column-gap: 0px;
      grid-row-gap: 0px;
      justify-content: center;
      align-items: flex-start;
      margin-top: 150px;
      position: relative;
    }

    .doctor-card {
      background-color: #fff;
      width: 100%;
      margin-bottom: 20px;
      transition: box-shadow .25s;
      box-shadow: 6px 6px 30px #2883d226;
    }

    .doctor-card:hover {
      text-decoration: none;
      box-shadow: 6px 6px 30px #2883d24d;
    }

    .view-profile {
      color: #fff;
      font-weight: 600;
    }

    .sidebar-card-image-block {
      background-image: url('/images/Hospital-Estadual-de-Mirandópolis-“Dr.-Osvaldo-Brandi-Faria”---UTI-Adulto.png');
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: cover;
      display: block;
    }

    .sidebar-card-image-block:hover {
      text-decoration: none;
    }

    .sidebar-card-image-block.appointment-card-image {
      background-image: url('/images/apoointment_doctor.jpg');
    }

    .sidebar-card-image-overlay {
      background-image: linear-gradient(#0000 50%, #353b56);
      padding: 160px 20px 25px;
      transition: background-color .3s;
    }

    .sidebar-card-image-overlay:hover {
      background-color: #2883d2e6;
    }

    .contact-info-block {
      border-bottom: 1px solid #f0f5f8;
      justify-content: flex-start;
      align-items: center;
      margin-bottom: 15px;
      padding-bottom: 15px;
      display: flex;
    }

    .contact-info-block.last {
      border-bottom-style: none;
      margin-bottom: 0;
      padding-bottom: 0;
    }

    .contact-icon {
      height: 22px;
      margin-right: 15px;
    }

    .contact-header {
      color: #587837;
      margin-bottom: 7px;
      font-size: 15px;
      font-weight: 600;
    }

    .emergency-footer-icon {
      margin-bottom: 10px;
    }

    .sidebar-column {
      height: auto;
      padding-left: 25px;
    }

    .department-circle-wrapper {
      justify-content: center;
      display: flex;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
    }

    .fixed-contact-close {
      cursor: pointer;
      background-image: url('/images/modal-close_whitepng_1modal-close_whitepng.png');
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: 16px;
      width: 45px;
      height: 100%;
      transition: background-color .25s;
    }

    .fixed-contact-close:hover {
      background-color: #00a9e7;
    }

    .contact-us-wrapper {
      position: relative;
      box-shadow: 6px 6px 30px #2883d226;
    }

    .contact-map {
      opacity: .4;
      filter: grayscale();
      height: 100%;
    }

    .hours-wrapper {
      flex-flow: column;
      height: 500px;
      padding: 25px 25% 25px 35px;
    }

    .contact-us-info-blocks {
      background-color: #ffffffe6;
      margin-left: auto;
      margin-right: auto;
      padding: 20px;
      position: absolute;
      top: 50%;
      left: -70px;
      transform: translate(0, -50%);
      box-shadow: 6px 6px 30px #2883d226;
    }

    ._50-percent-column {
      width: 50%;
      position: relative;
    }

    .contact-form-header {
      margin-bottom: 30px;
    }

    .breadcrumbs {
      border-bottom: 0 solid #f0f2f4;
      height: 72px;
      padding-top: 25px;
      padding-bottom: 25px;
    }

    .hero-container {
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      padding-left: 20px;
      padding-right: 20px;
      display: flex;
      position: relative;
    }

    .doctor-column {
      width: 33%;
    }

    .heading-link {
      color: #2883d2;
      display: block;
    }

    .heading-4-link {
      margin-bottom: 0;
    }

    .more-left-padding {
      padding-left: 25px;
    }

    .white-card {
      padding: 20px;
      box-shadow: 6px 6px 30px #2883d226;
    }

    .doctor-contact-link {
      font-weight: 700;
    }

    ._33-percent-column {
      width: 33%;
    }

    ._33-percent-column.right-padding {
      grid-column-gap: 23px;
      grid-row-gap: 23px;
      flex-flow: wrap;
      justify-content: center;
      align-items: center;
      width: 150%;
      display: flex;
    }

    ._33-percent-column.contact-footer {
      width: 32%;
      padding-left: 20px;
    }

    ._17-percent-column {
      color: #3775aa;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      width: 17%;
      display: flex;
    }

    ._17-percent-column.next {
      align-items: flex-start;
      padding-left: 20px;
    }

    .footer-logo {
      margin-bottom: 20px;
      margin-left: 0;
    }

    .test-row {
      display: none;
    }

    ._404-image {
      margin-bottom: 10px;
    }

    .image {
      margin-right: 34px;
    }

    .icon {
      color: #353b56;
      top: 0;
      left: 136.938px;
    }

    .icon:hover {
      color: #587837;
    }

    .text-block {
      color: #353b56;
      font-weight: 400;
    }

    .text-block:hover {
      color: #587837;
    }

    .bold-text {
      color: #353b56;
      font-weight: 400;
    }

    .bold-text:hover {
      color: #587837;
    }

    .bold-text-2 {
      color: #353b56;
      width: 50px;
      font-weight: 400;
    }

    .bold-text-2:hover {
      color: #587837;
    }

    .paragraph {
      font-weight: 300;
    }

    .bold-text-3 {
      font-weight: 400;
    }

    .heading {
      color: #353b56;
      width: auto;
      font-size: 2rem;
    }

    .heading-2 {
      color: #353b56;
      text-transform: none;
      font-size: 2rem;
      text-decoration: none;
    }

    .heading-3 {
      width: 200px;
    }

    .hero-without-image {
      background-color: #fff;
      border-bottom: 1px solid #e4ebf3;
      width: 100%;
      height: 500px;
      padding: 80px 30px;
      position: relative;
      top: -50px;
    }

    .container {
      width: 100%;
      max-width: 940px;
      margin-left: auto;
      margin-right: auto;
    }

    .hero-wrapper-two {
      text-align: center;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center;
      max-width: 750px;
      margin-left: auto;
      margin-right: auto;
      display: flex;
    }

    .container-2 {
      margin-top: 0;
      padding-top: 25px;
    }

    .margin-bottom-24px {
      margin-bottom: 24px;
    }

    .button-primary {
      color: #fff;
      letter-spacing: 2px;
      text-transform: uppercase;
      background-color: #1a1b1f;
      padding: 12px 25px;
      font-size: 12px;
      line-height: 20px;
      transition: all .2s;
    }

    .button-primary:hover {
      color: #fff;
      background-color: #32343a;
    }

    .button-primary:active {
      background-color: #43464d;
    }

    .container-2 {
      margin-top: 0;
      padding-top: 25px;
    }

    .container-3 {
      max-width: 940px;
      margin-top: 0;
    }

    .container-4 {
      max-width: 1200px;
    }

    .hospital-padre-bernardo {
      width: 300px;
      height: 150px;
    }

    .paragraph-2 {
      text-align: left;
    }

    .sao-lucas {
      text-align: center;
      background-color: #fff;
      border-radius: 2px;
      justify-content: center;
      align-items: flex-end;
      width: 100%;
      height: 327px;
      padding: 20px 15px;
      transition: box-shadow .25s, transform .25s;
      box-shadow: 6px 6px 30px #2883d226;
    }

    .sao-lucas:hover {
      text-decoration: none;
      box-shadow: 6px 6px 30px #2883d24d;
    }

    .ondeestamos {
      border-bottom: 1px solid #f0f2f4;
      height: 1500px;
      padding-top: 80px;
      padding-bottom: 80px;
      position: relative;
    }

    .ondeestamos.why-us {
      background-image: url('/images/isolated-1188036_1920.png');
      background-position: 100%;
      background-repeat: no-repeat;
      background-size: contain;
      justify-content: space-between;
      position: relative;
    }

    .ondeestamos.tint {
      background-color: #f0f5f8;
    }

    .ondeestamos.tint.why-us {
      background-image: url('/images/CAPA-CORRETA.png');
      background-position: 0 0;
      background-size: cover;
      width: 100%;
      height: 960px;
    }

    .ondeestamos.tint.ondeestamoss {
      color: #589bd570;
      background-color: #f8fafc;
      border-bottom-width: 0;
      height: 1200px;
      top: 0;
    }

    .ondeestamos.services {
      padding-top: 160px;
    }

    .ondeestamos.about-us {
      background-image: url('/images/doctors_5.png');
      border-bottom-width: 0;
      height: 600px;
    }

    .grid {
      grid-template: "Area"
        "."
        "."
        / 1fr 1fr 1fr;
    }

    .team-circles {
      border-bottom: 1px solid #e4ebf3;
      padding: 80px 30px;
      position: relative;
    }

    .centered-heading {
      text-align: center;
      margin-bottom: 16px;
    }

    .centered-subheading {
      text-align: center;
      max-width: 530px;
      margin-left: auto;
      margin-right: auto;
    }

    .team-grid {
      grid-column-gap: 64px;
      grid-row-gap: 56px;
      grid-template-rows: auto auto;
      grid-template-columns: 1fr 1fr 1fr;
      grid-auto-columns: 1fr;
      margin-top: 50px;
      display: grid;
    }

    .team-card {
      text-align: center;
      flex-direction: column;
      align-items: center;
      width: 270.656px;
      font-size: 14px;
      line-height: 22px;
      display: flex;
    }

    .team-member-image {
      object-fit: cover;
      border-bottom: 10px solid #587837;
      border-radius: 2%;
      width: 300px;
      min-width: 100px;
      height: 150px;
      min-height: 100px;
      margin-bottom: 24px;
      position: static;
      overflow: hidden;
    }

    .team-member-name {
      text-align: center;
      margin-bottom: 6px;
      font-size: 1.125rem;
      font-weight: 500;
      line-height: 20px;
    }

    .team-member-position {
      margin-bottom: 24px;
    }

    .team-card-2 {
      text-align: center;
      background-color: #f4f4f4;
      border: .1px solid #d7ddf5;
      border-radius: .7rem;
      flex-direction: column;
      align-items: center;
      height: 450px;
      font-size: 0.875rem;
      line-height: 22px;
      display: flex;
      box-shadow: 6px 6px 10px #0000001a;
    }

    .team-card-2:hover {
      border-width: 1px;
      border-color: #587837;
    }

    .team-card-2-copy {
      text-align: center;
      background-color: #f4f4f4;
      border: .1px solid #d7ddf5;
      border-radius: .7rem;
      flex-direction: column;
      align-items: center;
      height: 420px;
      font-size: 0.875rem;
      line-height: 22px;
      display: flex;
      box-shadow: 6px 6px 10px #0000001a;
    }

    .team-card-2-copy:hover {
      border-width: 1px;
      border-color: #587837;
    }

    .bold-text-4 {
      color: #353b56;
      font-size: 1.125rem;
      line-height: 28px;
    }

    .paragraph-3 {
      text-align: left;
      padding-left: 15px;
      padding-right: 15px;
      font-size: 0.875rem;
    }

    .bold-text-5 {
      color: #353b56;
      font-size: 1.125rem;
      line-height: 28px;
    }

    .paragraph-4 {
      text-align: left;
      padding-left: 15px;
      padding-right: 15px;
    }

    .bold-text-6 {
      color: #353b56;
      line-height: 28px;
    }

    .bold-text-6-copy {
      color: #353b56;
      line-height: 28px;
    }


    .paragraph-5 {
      text-align: left;
      padding-left: 15px;
      padding-right: 15px;
    }

    .text-span {
      font-size: 0.875rem;
    }

    .bold-text-7 {
      color: #353b56;
      font-size: 1.25rem;
      line-height: 28px;
    }

    .bold-text-8 {
      color: #353b56;
      padding-left: 15px;
      padding-right: 15px;
      line-height: 20px;
    }

    .paragraph-6 {
      text-align: left;
      padding-left: 30px;
      padding-right: 30px;
    }

    .paragraph-6-copy {
      text-align: left;
      text-align: left;
      padding-left: 30px;
      padding-right: 20px;
    }

    .bold-text-9,
    .bold-text-10 {
      color: #353b56;
      line-height: 28px;
    }

    .cell-43 {
      justify-content: flex-end;
      align-items: flex-end;
    }

    .paragraph-7 {
      text-align: left;
      padding-left: 15px;
      padding-right: 15px;
    }

    .quick-stack {
      grid-column-gap: 18px;
      grid-row-gap: 18px;
      width: 940px;
      max-width: 940px;
      height: auto;
      margin-top: 10px;
    }

    .cell {
      background-color: #f4f4f4;
      border-radius: .7rem;
      justify-content: center;
      align-items: center;
    }

    .cell:hover {
      border: 0 solid #000;
    }

    .cell-2,
    .cell-3,
    .cell-4 {
      background-color: #f4f4f4;
      border-radius: .7rem;
      justify-content: center;
      align-items: center;
    }

    .heading-4 {
      color: #353b56;
      order: 0;
      padding-left: 15px;
      padding-right: 15px;
      font-size: 15px;
      line-height: 25px;
      display: block;
      text-align: center;
    }

    .heading-5,
    .heading-6 {
      color: #353b56;
      padding-left: 15px;
      padding-right: 15px;
      font-size: 15px;
      text-align: center;
    }

    .heading-7 {
      color: #353b56;
      text-align: center;
      flex-flow: wrap;
      justify-content: flex-end;
      align-items: center;
      margin-left: 0;
      margin-right: 0;
      padding-left: 15px;
      padding-right: 15px;
      font-size: 15px;
      line-height: 25px;
      display: flex;
    }

    .container-5 {
      max-width: 1200px;
      margin-top: 10px;
    }

    .container-52 {
      max-width: 1400px;
      margin-top: 400px;
    }

    .bold-text-90 {
      color: #353b56;
      font-size: 28px;
    }

    .heading-8 {
      color: #353b56;
      text-align: center;
      text-transform: none;
      margin-top: 100px;
    }

    .heading-9 {
      color: #353b56;
      text-align: center;
    }

    .heading-10 {
      color: #353b56;
    }

    .paragraph-8 {
      text-align: left;
      width: 425px;
      height: 192px;
    }

    .bold-text-11,
    .bold-text-12,
    .bold-text-13,
    .bold-text-14,
    .bold-text-15,
    .bold-text-16 {
      font-weight: 400;
    }

    .editais {
      color: #353b56;
      width: 50px;
      font-weight: 400;
    }

    .editais:hover {
      color: #587837;
    }

    .bold-text-2-copy {
      color: #353b56;
      width: 50px;
      font-weight: 400;
    }

    .bold-text-2-copy:hover {
      color: #587837;
    }

    .bold-text-2-copy-copy {
      color: #353b56;
      width: 100px;
      font-weight: 400;
    }

    .bold-text-2-copy-copy:hover {
      color: #587837;
    }

    .Xdropdown-title {
      text-align: left;
      margin-bottom: 2px;
      font-size: 15px;
    }

    .Xdropdown-title:hover {
      color: #587837;
      text-align: left;
      text-decoration: none;
    }

    .Xnav-menu-2 {
      color: #283338;
      align-items: center;
      font-size: 15px;
      display: flex;
      position: static;
    }

    .brand-2 {
      margin-right: 44px;
    }

    .bold-text-17 {
      font-weight: 500;
    }

    .Xnav-link-details {
      color: #28333899;
      white-space: normal;
      font-size: 14px;
      font-weight: 300;
    }

    .bold-text-18 {
      font-weight: 500;
    }

    .faleconosco {
      color: #353b56;
      text-align: right;
      justify-content: center;
      align-items: center;
      width: 120px;
      padding: 20px 12px;
      font-size: 15px;
      text-decoration: none;
      transition: all .2s;
      display: flex;
    }

    .faleconosco:hover {
      color: #587837;
      text-decoration: underline;
    }

    .faleconosco.w--current {
      color: #99d715;
    }

    .navigation-container {
      align-items: center;
      width: 100%;
      max-width: 1300px;
      height: 100%;
      min-height: 90px;
      margin-left: auto;
      margin-right: auto;
      display: flex;
    }

    .navigation-left {
      justify-content: space-between;
      align-items: center;
      width: 650px;
      display: flex;
    }

    .Xdropdown-wrapper {
      background-color: #fff;
      border-radius: 10px;
      width: 320px;
      min-width: 140px;
      overflow: hidden;
      box-shadow: 4px -19px 35px #20355a14, 11px 11px 30px -10px #20355a26;
    }

    .Xdropdown-wrapper.w--open {
      background-color: #fff;
      border-radius: 15px;
      min-width: 300px;
      max-height: 100vh;
      left: -97px;
      box-shadow: 0 50px 25px -50px #20355a26, 8px 18px 60px 4px #00000021;
    }

    .bold-text-19 {
      font-weight: 500;
    }

    .navigation-dropdown {
      min-width: 140px;
    }

    .navigation-dropdown.w--open {
      background-color: #0000;
      min-width: 320px;
      max-height: 100vh;
      padding-top: 10px;
      left: -100px;
    }

    .link1 {
      z-index: 25;
      color: #283338;
      align-items: center;
      width: 320px;
      padding: 20px;
      font-size: 16px;
      text-decoration: none;
      transition: all .2s;
      display: flex;
      position: relative;
    }

    .link1:hover {
      color: #587837;
      background-color: #fafafacc;
    }

    .home {
      color: #353b56;
      justify-content: center;
      align-items: center;
      width: 90px;
      padding: 20px 12px;
      font-size: 15px;
      text-decoration: none;
      transition: all .2s;
      display: flex;
    }

    .home:hover {
      color: #587837;
    }

    .home.w--current {
      color: #353b56;
    }

    .home.w--current:hover,
    .home.w--current:active {
      color: #587837;
    }

    .pointer {
      z-index: 20;
      background-color: #fff;
      border-radius: 2px;
      width: 20px;
      height: 20px;
      margin-left: auto;
      margin-right: auto;
      position: absolute;
      inset: -3% 4% auto 0%;
      transform: rotate(45deg);
    }

    .compliance {
      color: #353b56;
      justify-content: center;
      align-items: center;
      width: 125px;
      padding: 20px 12px;
      font-size: 15px;
      text-decoration: none;
      transition: all .2s;
      display: flex;
    }

    .compliance:hover,
    .compliance.w--current {
      color: #587837;
    }

    .navigation-link {
      color: #28346b;
      justify-content: center;
      align-items: center;
      width: 130px;
      padding: 20px 12px;
      font-size: 15px;
      text-decoration: none;
      transition: all .2s;
      display: flex;
    }

    .navigation-link:hover,
    .navigation-link:active {
      color: #587837;
    }

    .navigation-link.w--current {
      color: #99d715;
    }

    .navigation-link:lang(en) {
      color: #587837;
    }

    .icon-2 {
      width: 20px;
      max-width: 100px;
    }

    .bold-text-20 {
      font-weight: 500;
    }

    .navigation-right {
      justify-content: flex-end;
      align-items: center;
      width: 900px;
      font-size: 16px;
      display: flex;
    }

    .quemsomos {
      width: 140px;
      margin-left: 10px;
      padding-left: 12px;
      padding-right: 24px;
      transition: all .2s;
    }

    .quemsomos:hover {
      color: #587837;
      text-decoration: underline;
    }

    .text-block-2 {
      color: #353b56;
      width: 100px;
      height: 21px;
    }

    .text-block-2:hover {
      color: #587837;
    }

    .icon-wrap {
      background-color: #f4f4f4;
      border-radius: 100px;
      flex: none;
      justify-content: center;
      align-items: center;
      width: 40px;
      height: 40px;
      padding: 11px;
      display: flex;
    }

    .bold-text-21 {
      font-weight: 500;
    }

    .navigation {
      z-index: 9;
      -webkit-text-stroke-color: var(--white-smoke);
      word-break: normal;
      background-color: #fff;
      flex-direction: column;
      align-items: center;
      padding-left: 3%;
      padding-right: 3%;
      display: flex;
      inset: 0% 0% auto;
    }

    .Xdropdown-pointer {
      position: relative;
    }

    .global-logo {
      width: 250px;
      max-width: 150%;
    }

    .icon-4 {
      margin-right: 5px;
      left: 130px;
    }

    .transpar-ncia {
      color: #353b56;
      width: 120px;
    }

    .transpar-ncia:hover {
      color: #587837;
    }

    .Xnav-content-wrap {
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      width: 100%;
      margin-left: 20px;
      padding-left: 0;
      font-weight: 600;
      display: flex;
    }

    .Xnav-content-wrap:hover {
      color: #587837;
    }

    .icon-7,
    .icon-8 {
      color: #353b56;
    }

    .Xdropdown-toggle {
      width: 145px;
      margin-left: 10px;
      padding-left: 12px;
      padding-right: 24px;
      transition: all .2s;
    }

    .Xdropdown-toggle:hover {
      color: #587837;
      text-decoration: underline;
    }

    .editais-2 {
      color: #353b56;
      justify-content: center;
      align-items: center;
      width: 90px;
      padding: 20px 12px;
      font-size: 15px;
      text-decoration: none;
      transition: all .2s;
      display: flex;
    }

    .editais-2:hover {
      color: #587837;
    }

    .editais-2:active {
      text-decoration: underline;
    }

    .editais-2.w--current {
      color: #99d715;
    }

    .Xnavbar-logo-center-container {
      z-index: 5;
      background-color: #0000;
      width: 1030px;
      max-width: 100%;
      margin-left: auto;
      margin-right: auto;
      padding: 20px;
    }

    .Xnavbar-logo-center-container.shadow-three {
      width: 100%;
      max-width: 1140px;
    }

    .container-8 {
      width: 100%;
      max-width: 940px;
      margin-left: auto;
      margin-right: auto;
    }

    .Xnavbar-wrapper-three {
      justify-content: center;
      align-items: center;
      display: flex;
      position: relative;
    }

    .Xnavbar-brand-three {
      z-index: 5;
      position: absolute;
    }

    .Xnav-menu-wrapper-three {
      width: 100%;
    }

    .Xnav-menu-three {
      justify-content: space-between;
      align-items: center;
      margin-bottom: 0;
      display: flex;
    }

    .Xnav-menu-block {
      justify-content: center;
      align-items: center;
      margin-bottom: 0;
      display: flex;
    }

    .Xnav-link-2 {
      color: #1a1b1f;
      letter-spacing: .25px;
      margin-left: 5px;
      margin-right: 5px;
      padding: 5px 10px;
      font-size: 14px;
      line-height: 20px;
      text-decoration: none;
    }

    .Xnav-link-2:hover {
      color: #1a1b1fbf;
    }

    .Xnav-link-2:focus-visible {
      outline-offset: 0px;
      color: #0050bd;
      border-radius: 4px;
      outline: 2px solid #0050bd;
    }

    .Xnav-link-2[data-wf-focus-visible] {
      outline-offset: 0px;
      color: #0050bd;
      border-radius: 4px;
      outline: 2px solid #0050bd;
    }

    .Xnav-dropdown {
      margin-left: 5px;
      margin-right: 5px;
    }

    .Xnav-dropdown-toggle {
      letter-spacing: .25px;
      padding: 5px 30px 5px 10px;
      font-size: 14px;
      line-height: 20px;
    }

    .Xnav-dropdown-toggle:hover {
      color: #1a1b1fbf;
    }

    .Xnav-dropdown-toggle:focus-visible {
      outline-offset: 0px;
      color: #0050bd;
      border-radius: 5px;
      outline: 2px solid #0050bd;
    }

    .Xnav-dropdown-toggle[data-wf-focus-visible] {
      outline-offset: 0px;
      color: #0050bd;
      border-radius: 5px;
      outline: 2px solid #0050bd;
    }

    .Xnav-dropdown-icon {
      margin-right: 10px;
    }

    .Xnav-dropdown-list {
      background-color: #fff;
      border-radius: 12px;
    }

    .Xnav-dropdown-list.w--open {
      padding-top: 10px;
      padding-bottom: 10px;
    }

    .Xnav-dropdown-link {
      padding-top: 5px;
      padding-bottom: 5px;
      font-size: 14px;
    }

    .Xnav-dropdown-link:focus-visible {
      outline-offset: 0px;
      color: #0050bd;
      border-radius: 5px;
      outline: 2px solid #0050bd;
    }

    .Xnav-dropdown-link[data-wf-focus-visible] {
      outline-offset: 0px;
      color: #0050bd;
      border-radius: 5px;
      outline: 2px solid #0050bd;
    }

    .Xnav-link-accent {
      color: #1a1b1f;
      letter-spacing: .25px;
      margin-left: 5px;
      margin-right: 20px;
      padding: 5px 10px;
      font-size: 14px;
      font-weight: 700;
      line-height: 20px;
      text-decoration: none;
    }

    .Xnav-link-accent:hover {
      color: #1a1b1fbf;
    }

    .button-primary-2 {
      color: #fff;
      letter-spacing: 2px;
      text-transform: uppercase;
      background-color: #1a1b1f;
      padding: 12px 25px;
      font-size: 12px;
      line-height: 20px;
      transition: all .2s;
    }

    .button-primary-2:hover {
      color: #fff;
      background-color: #32343a;
    }

    .button-primary-2:active {
      background-color: #43464d;
    }

    .Xnav-menu-3 {
      color: #283338;
      align-items: center;
      font-size: 15px;
      display: flex;
      position: static;
    }

    .bold-text-22,
    .bold-text-23,
    .bold-text-24 {
      font-weight: 500;
    }

    .Xdropdown-link-mobile {
      color: #283338;
      width: 100%;
      padding: 20px 22px 16px;
      font-size: 16px;
      text-decoration: none;
      display: flex;
    }

    .Xdropdown-link-mobile:hover {
      background-color: #f8faff;
    }

    .Xdropdown-link-3 {
      z-index: 25;
      color: #283338;
      align-items: center;
      padding: 20px;
      font-size: 16px;
      text-decoration: none;
      transition: all .2s;
      display: flex;
      position: relative;
    }

    .Xdropdown-link-3:hover {
      color: #587837;
      background-color: #fafafacc;
    }

    .navigation-container-mob {
      align-items: center;
      width: 100%;
      max-width: 1300px;
      height: 100%;
      margin-left: auto;
      margin-right: auto;
      display: flex;
    }

    .icon-5 {
      width: 20px;
      max-width: 100px;
    }

    .bold-text-26 {
      font-weight: 500;
    }

    .text-block-3 {
      width: 70px;
    }

    .navigation-mob {
      background-color: #0000;
      flex-direction: column;
      align-items: center;
      display: none;
      position: relative;
      inset: 0% 0% auto;
    }

    .bold-text-29 {
      font-weight: 500;
    }

    .flowbase-logo {
      width: 54px;
    }

    .editais-3 {
      justify-content: center;
      align-items: center;
      width: 90px;
      padding: 20px 12px;
      font-size: 15px;
      text-decoration: none;
      transition: all .2s;
      display: flex;
    }

    .editais-3:hover {
      color: #587837;
    }

    .editais-3.w--current {
      color: #99d715;
    }

    .div-block {
      background-color: #d5d2d23d;
      height: 180px;
    }

    .link-block,
    .link-block-2 {
      display: flex;
    }

    .quemsomoscopy {
      color: #fff;
      text-align: center;
      flex-flow: column;
      width: 150px;
      margin-bottom: 15px;
      padding-top: 15px;
      padding-left: 15px;
      padding-right: 15px;
      font-weight: 400;
      text-decoration: none;
      display: flex;
    }

    .footercoy {
      color: #fff;
      text-align: center;
      flex-flow: column;
      margin-bottom: 15px;
      padding-top: 15px;
      padding-left: 15px;
      padding-right: 15px;
      font-weight: 400;
      text-decoration: none;
      display: flex;
    }

    .div-block-2 {
      background-color: #d5d2d23d;
      width: 150px;
      height: 220px;
    }

    .hero-heading-left {
      background-color: #f5f7fa;
      border-bottom: 1px solid #e4ebf3;
      padding: 80px 30px;
      position: relative;
    }

    .container-9 {
      width: 100%;
      max-width: 940px;
      margin-left: auto;
      margin-right: auto;
    }

    .hero-wrapper {
      justify-content: space-between;
      align-items: center;
      display: flex;
    }

    .hero-split {
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      max-width: 46%;
      display: flex;
    }

    .margin-bottom-24px-2 {
      margin-bottom: 24px;
    }

    .button-primary-3 {
      color: #fff;
      letter-spacing: 2px;
      text-transform: uppercase;
      background-color: #1a1b1f;
      padding: 12px 25px;
      font-size: 12px;
      line-height: 20px;
      transition: all .2s;
    }

    .button-primary-3:hover {
      color: #fff;
      background-color: #32343a;
    }

    .button-primary-3:active {
      background-color: #43464d;
    }

    .shadow-two {
      box-shadow: 0 4px 24px #96a3b514;
    }

    .cell-5 {
      grid-column-gap: 0px;
      grid-row-gap: 0px;
      flex-flow: wrap;
      justify-content: center;
      align-items: center;
    }

    .cell-6 {
      justify-content: flex-start;
      align-items: center;
    }

    .cell-7 {
      justify-content: flex-start;
      align-items: flex-end;
    }

    .cell-8 {
      grid-column-gap: 0px;
      grid-row-gap: 0px;
      justify-content: flex-start;
      align-items: flex-start;
    }

    .link-block-3 {
      text-decoration: underline;
    }

    .about-us-card-copy {
      text-align: center;
      background-color: #fff;
      border-radius: 2px;
      padding: 30px 35px 35px;
      position: relative;
      top: -198px;
      overflow: hidden;
      box-shadow: 6px 6px 30px #2883d226;
    }

    .copycapa {
      justify-content: center;
      align-items: center;
      margin-top: 40px;
      display: flex;
    }

    .copycapa.less {
      grid-column-gap: 0px;
      grid-row-gap: 0px;
      justify-content: center;
      align-items: flex-start;
      margin-top: 50px;
      position: relative;
    }

    .container-10 {
      max-width: 1000px;
    }

    .heading-11 {
      color: #353b56;
      text-decoration: none;
    }

    .heading-12 {
      color: #353b56;
    }

    .heading-13 {
      color: #353b56;
      text-transform: none;
    }

    .heading-14 {
      color: #353b56;
      text-transform: none;
      font-size: 32px;
    }

    .logos-quote-divider {
      border-bottom: 1px solid #e4ebf3;
      padding: 60px 30px;
      position: relative;
    }

    .container-11 {
      width: 100%;
      max-width: 940px;
      margin-left: auto;
      margin-right: auto;
    }

    .clients-wrapper-two {
      justify-content: space-between;
      align-items: center;
      max-width: 820px;
      margin-left: auto;
      margin-right: auto;
      display: flex;
    }

    .clients-info-two {
      flex-direction: column;
      align-items: flex-start;
      max-width: 350px;
      display: flex;
    }

    .clients-quote-two {
      margin-top: 10px;
      font-size: 32px;
      font-weight: 600;
      line-height: 40px;
    }

    .clients-divider {
      background-color: #e4ebf3;
      width: 90%;
      height: 1px;
      margin-top: 20px;
      margin-bottom: 20px;
    }

    .clients-info {
      align-items: center;
      font-size: 14px;
      line-height: 20px;
      display: flex;
    }

    .clients-info-image {
      object-fit: cover;
      width: 50px;
      height: 50px;
      margin-right: 24px;
    }

    .clients-grid {
      grid-column-gap: 50px;
      grid-row-gap: 50px;
      grid-template-rows: auto auto;
      grid-template-columns: 1fr 1fr;
      grid-auto-columns: 1fr;
      place-items: center;
      display: grid;
    }

    .logos-title-small {
      border-bottom: 1px solid #e4ebf3;
      padding: 60px 30px;
      position: relative;
      top: 0;
    }

    .clients-tag {
      text-align: center;
      margin-bottom: 32px;
      font-size: 14px;
      line-height: 20px;
    }

    .clients-wrapper-three {
      flex-wrap: wrap;
      justify-content: space-around;
      align-items: center;
      margin-bottom: -10px;
      display: flex;
    }

    .clients-image-three {
      margin-bottom: 10px;
      margin-left: 15px;
      margin-right: 15px;
    }

    .logo-grid_wrapper {
      background-color: #f4f4f4;
      border-radius: .75rem;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 10rem;
      padding: 2rem 1rem;
      display: flex;
      box-shadow: 6px 6px 10px #0000001a;
    }

    .logo-grid_mask {
      width: 100px;
      height: 100px;
      max-height: 100px;
      overflow: hidden;
    }

    .logo-grid_track {
      grid-column-gap: .5rem;
      grid-row-gap: .5rem;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 100px;
      height: 300px;
      display: flex;
    }

    .logo1copy {
      width: 90px;
      max-width: 100px;
      height: 90px;
      max-height: 90px;
      position: relative;
      top: -50px;
    }

    .logo1copy2 {
      width: 90px;
      max-width: 100px;
      height: 90px;
      max-height: 80px;
      position: relative;
      top: -45px;
    }

    .bionexocopy {
      width: 90px;
      max-width: 100px;
      height: 50px;
      max-height: 90px;
      position: relative;
      top: -50px;
    }

    .epimedcomy {
      width: 90px;
      max-width: 100px;
      height: 45px;
      max-height: 90px;
      position: relative;
      top: -50px;
    }

    .bold-text-40 {
      text-transform: none;
    }

    .image-3,
    .image-4,
    .image-5 {
      margin-top: 15px;
    }

    .image-6 {
      margin-top: 0;
    }

    .hero-without-image-2 {
      background-color: #353b56;
      border-bottom: 0 solid #e4ebf3;
      padding: 80px 30px;
      position: relative;
      top: -52px;
    }

    .container-13 {
      width: 100%;
      max-width: 940px;
      margin-left: auto;
      margin-right: auto;
    }

    .hero-wrapper-two-2 {
      text-align: center;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center;
      max-width: 750px;
      margin-left: auto;
      margin-right: auto;
      display: flex;
    }

    .margin-bottom-24px-3 {
      margin-bottom: 24px;
    }

    .button-primary-4 {
      color: #fff;
      letter-spacing: 2px;
      text-transform: uppercase;
      background-color: #1a1b1f;
      padding: 12px 25px;
      font-size: 12px;
      line-height: 20px;
      transition: all .2s;
    }

    .button-primary-4:hover {
      color: #fff;
      background-color: #32343a;
    }

    .button-primary-4:active {
      background-color: #43464d;
    }

    .hero-heading-left-2 {
      background-color: #353b56;
      background-image: url('/images/capatransparencia.png');
      background-position: 150%;
      background-size: cover;
      border-bottom: 0 solid #e4ebf3;
      height: 350px;
      padding: 80px 30px;
      position: relative;
      top: 0;
    }

    .hero-wrapper-2 {
      justify-content: space-between;
      align-items: center;
      display: flex;
    }

    .hero-split-2 {
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      max-width: 46%;
      display: flex;
    }

    .shadow-two-2 {
      box-shadow: 0 4px 24px #96a3b514;
    }

    .cell-9 {
      justify-content: center;
      align-items: center;
    }

    .transparencia {
      text-align: center;
      width: 70%;
      margin-bottom: 60px;
      margin-left: auto;
      margin-right: auto;
    }

    .transparencia.left-align {
      text-align: left;
      width: auto;
    }

    .transparencia.less-margin {
      margin-bottom: 40px;
    }

    .transparenciahead {
      color: #fff;
      font-size: 32px;
    }

    .copytransparencia {
      color: #fff;
      background-color: #fff;
      width: 50px;
      height: 2px;
      margin-top: 10px;
      margin-left: auto;
      margin-right: auto;
      display: block;
    }

    .copytransparencia.white {
      background-color: #fff;
    }

    .copytransparencia.no-center {
      margin-left: 0;
      margin-right: 0;
    }

    .quick-stack-3 {
      height: 350px;
      margin-top: 45px;
    }

    .heading-16 {
      color: #fff;
      font-size: 18px;
      line-height: 28px;
    }

    .container-15 {
      height: auto;
      margin-top: -79px;
    }

    .container-15.container-27 {
      max-width: 600px;
      margin-left: 5rem;
    }

    .bold-text-41 {
      text-transform: none;
    }

    .hero-heading-center {
      background-color: #f5f7fa;
      border-bottom: 1px solid #e4ebf3;
      height: 1000px;
      padding: 80px 30px;
      position: relative;
    }

    .centered-heading-2 {
      text-align: center;
      margin-bottom: 16px;
    }

    .centered-heading-2.margin-bottom-32px {
      margin-bottom: 32px;
    }

    .container-16 {
      width: auto;
      max-width: 1100px;
      height: auto;
      display: flex;
      justify-content: center;
    }

    .header {
      color: #587837;
      text-transform: capitalize;
      font-family: Montserrat, sans-serif;
      font-weight: 700;
    }

    .zen-grid-2 {
      grid-column-gap: 1em;
      grid-row-gap: 1em;
      grid-template-rows: auto;
      grid-template-columns: 1fr;
      grid-auto-columns: 1fr;
      margin-top: 140px;
      display: grid;
    }

    .zen-pic-2 {
      border-radius: 7px;
      height: 12.9em;
    }

    .zen-pic-1 {
      border-radius: 7px;
      height: 13em;
    }

    .zen-wrap-1-4 {
      justify-content: flex-end;
      align-items: center;
      margin-left: 1em;
      display: flex;
    }

    .nossamissao {
      color: #353b56;
      height: 300px;
      margin-top: 0;
      font-size: 1.3em;
      font-weight: 400;
      line-height: 1.6em;
    }

    .zen-pic-3 {
      border-radius: 7px;
      height: 12em;
    }

    .zen-grid-1 {
      grid-column-gap: 3em;
      grid-row-gap: 3em;
      grid-template: ". Area"
        / 1fr 1fr;
      grid-auto-columns: 1fr;
      display: grid;
    }

    .zen-wrap-2 {
      display: flex;
      flex-direction: column;
      width: 450px;
      height: auto;
      margin-top: 0;
      margin-left: 46px;
      gap: 4rem
    }

    .zen-pic-5 {
      background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
      background-position: 50% 0;
      background-size: cover;
      border-radius: 7px;
    }

    .zen-paragraph-1 {
      color: #353b56;
      height: auto;
      margin-bottom: 0rem;
      font-size: 15px;
      font-weight: 400;
      line-height: 24px;
    }

    .zen-wrap-9 {
      justify-content: flex-start;
      align-items: center;
      margin-bottom: 1em;
      display: flex;
    }

    .zen-pic-4 {
      border-radius: 7px;
    }

    .zen-wrap-1 {
      background-image: url('/images/empty-hall-in-a-hospital-2023-11-27-05-22-26-utc.png');
      background-position: 50%;
      background-size: cover;
      border-radius: 7px;
      height: 1000px;
      margin-top: 76px;
    }

    .zen-wrap-1-2 {
      flex-direction: row;
      grid-template-rows: auto;
      grid-template-columns: 1fr 1fr;
      grid-auto-columns: 1fr;
      margin-top: 1em;
      padding-left: 2em;
      padding-right: 2em;
      display: flex;
    }

    .zen-heading-1 {
      color: #587837 !important;
      letter-spacing: 0;
      text-transform: capitalize;
      margin-top: 0;
      margin-bottom: 1em;
      font-family: Montserrat, sans-serif;
      font-size: 18px;
      font-weight: 700;
      line-height: 1.3px;
    }

    .zen-wrap-5 {
      flex-direction: column;
      grid-template-rows: auto auto;
      grid-template-columns: 1fr;
      grid-auto-columns: 1fr;
      display: flex;
    }

    .text-span-2 {
      color: #353b56;
      font-size: 15px;
      line-height: 24px;
    }

    .zen-wrap-3 {
      padding-left: .7em;
      position: relative;
    }

    .zen-wrap-7 {
      justify-content: flex-end;
      margin-top: 1em;
      display: flex;
    }

    .zen-pic-6 {
      border-radius: 7px;
      height: 22em;
    }

    .zen-wrap-8 {
      flex-direction: column;
      grid-template-rows: 179px auto;
      grid-template-columns: 1fr;
      grid-auto-columns: 1fr;
      display: flex;
    }

    .body-2 {
      height: 100%;
      max-height: 100%;
    }

    .hero-heading-center-2 {
      background-color: #f5f7fa;
      border-bottom: 1px solid #e4ebf3;
      height: 1850px;
      padding: 80px 30px;
      position: relative;
    }

    .top-margin-2 {
      margin-top: 40px;
    }

    .button-2 {
      color: #fff;
      text-transform: capitalize;
      background-color: var(--success-color);
      border: 2px solid var(--success-color);
      border-radius: 20px;
      padding: 7px 24px;
      font-weight: 700;
      transition: background-color .25s, color .25s;
      display: inline-block;
    }

    .button-2:hover {
      color: var(--success-color);
      background-color: #fff;
      border-color: var(--success-color);
      text-decoration: none;
    }

    .button-2.white {
      color: #fff;
      background-color: #0000;
      border-color: #fff;
    }

    .button-2.white:hover {
      color: var(--success-color);
      background-color: #fff;
      border-color: #fff;
    }

    .image-7 {
      aspect-ratio: auto;
      height: 350px;
    }

    .bold-text-42,
    .bold-text-43 {
      font-weight: 400;
    }

    .container-17 {
      justify-content: center;
      align-items: center;
      height: 39px;
      display: flex;
    }

    .heading-17 {
      color: #353b56;
      text-align: center;
      margin-top: 7px;
    }

    .body-3 {
      height: auto;
    }

    .cell-10 {
      background-color: #fff;
      border-radius: 7px;
      justify-content: center;
      align-items: center;
    }

    .bold-text-44 {
      font-weight: 400;
    }

    .link2 {
      z-index: 25;
      color: #283338;
      align-items: center;
      width: 276.375px;
      padding: 20px;
      font-size: 16px;
      text-decoration: none;
      transition: all .2s;
      display: flex;
      position: relative;
    }

    .link2:hover {
      color: #587837;
      background-color: #fafafacc;
    }

    .link3 {
      z-index: 25;
      color: #283338;
      align-items: center;
      width: 276.375px;
      padding: 20px;
      font-size: 16px;
      text-decoration: none;
      transition: all .2s;
      display: flex;
      position: relative;
    }

    .link3:hover {
      color: #587837;
      background-color: #fafafacc;
    }

    .llink4 {
      z-index: 25;
      color: #283338;
      align-items: center;
      width: 276.375px;
      padding: 20px;
      font-size: 16px;
      text-decoration: none;
      transition: all .2s;
      display: flex;
      position: relative;
    }

    .llink4:hover {
      color: #587837;
      background-color: #fafafacc;
    }

    .bold-text-45 {
      color: #587837;
      font-weight: 600;
    }

    .bold-text-45:hover {
      border: 0 solid #000;
      text-decoration: none;
    }

    .bold-text-45:active {
      text-decoration: none;
    }

    .bold-text-46,
    .bold-text-47,
    .bold-text-48 {
      color: #587837;
      font-weight: 600;
    }

    .bold-text-48:hover {
      color: #587837;
      text-align: left;
    }

    .bold-text-49 {
      font-weight: 400;
    }

    .paragraph-12 {
      margin-top: 0;
    }

    .bold-text-50 {
      font-weight: 600;
    }

    .quick-stack-4 {
      margin-top: -23px;
    }

    .cell-11 {
      background-color: #8895a00f;
      justify-content: flex-end;
      align-items: center;
    }

    .quick-stack-5 {
      margin-top: -47px;
    }

    .servicos {
      border-radius: 7px;
      height: 500px;
      margin-bottom: 40px;
      padding: 20px;
      box-shadow: 6px 6px 38px -4px #2883d233;
    }

    .servicos.no-padding {
      padding: 0;
    }

    .paragraph-16 {
      margin-top: -7px;
    }

    .paragraph-17 {
      margin-top: -7px;
      font-weight: 400;
    }

    .columns {
      height: auto;
    }

    .mob {
      color: #587837;
      margin-bottom: 7px;
      font-size: 15px;
      font-weight: 600;
    }

    .mob-version {
      border-bottom: 1px solid #f0f5f8;
      justify-content: flex-start;
      align-items: center;
      margin-bottom: 15px;
      padding-bottom: 15px;
      display: flex;
    }

    .mob-version.last {
      border-bottom-style: none;
      margin-bottom: 0;
      padding-bottom: 0;
    }

    .hospital-banner {
      border-radius: 7px;
      margin-bottom: 40px;
      padding: 20px;
      box-shadow: 6px 6px 38px -4px #2883d233;
    }

    .hospital-banner.no-padding {
      padding: 0;
    }

    .servi-os-banner {
      border-radius: 7px;
      margin-bottom: 40px;
      padding: 20px;
      box-shadow: 6px 6px 38px -4px #2883d233;
    }

    .servi-os-banner.no-padding {
      padding: 0;
    }

    .hospital-banner2 {
      border-radius: 7px;
      margin-bottom: 40px;
      padding: 20px;
      box-shadow: 6px 6px 38px -4px #2883d233;
    }

    .hospital-banner2.no-padding {
      padding: 0;
    }

    .servicosbanner2 {
      border-radius: 7px;
      margin-bottom: 40px;
      padding: 20px;
      box-shadow: 6px 6px 38px -4px #2883d233;
    }

    .servicosbanner2.no-padding {
      padding: 0;
    }

    .tabletbannerhospital {
      border-radius: 7px;
      margin-bottom: 40px;
      padding: 20px;
      box-shadow: 6px 6px 38px -4px #2883d233;
    }

    .tabletbannerhospital.no-padding {
      padding: 0;
    }

    .servicosbannertabler {
      border-radius: 7px;
      margin-bottom: 40px;
      padding: 20px;
      box-shadow: 6px 6px 38px -4px #2883d233;
    }

    .servicosbannertabler.no-padding {
      padding: 0;
    }

    .hospitalbanner2tablet {
      border-radius: 7px;
      margin-bottom: 40px;
      padding: 20px;
      box-shadow: 6px 6px 38px -4px #2883d233;
    }

    .hospitalbanner2tablet.no-padding {
      padding: 0;
    }

    .servicostabletcoy {
      border-radius: 7px;
      margin-bottom: 40px;
      padding: 20px;
      box-shadow: 6px 6px 38px -4px #2883d233;
    }

    .servicostabletcoy.no-padding {
      padding: 0;
    }

    .paragraph-18,
    .paragraph-19 {
      margin-top: -7px;
    }

    .container-20,
    .container-21 {
      justify-content: center;
      align-items: center;
      display: flex;
    }

    .text-span-3 {
      font-style: italic;
    }

    .hospital-sao-lucas {
      background-color: #f5f7fa;
      border-bottom: 1px solid #e4ebf3;
      height: auto;
      padding: 80px 30px;
      position: relative;
    }

    .servicoscopydacopy {
      border-radius: 7px;
      margin-bottom: 40px;
      padding: 20px;
      box-shadow: 6px 6px 38px -4px #2883d233;
    }

    .servicoscopydacopy.no-padding {
      padding: 0;
    }

    .copy1 {
      border-radius: 7px;
    }

    .department-description-block-copy {
      border-radius: 7px;
      box-shadow: 6px 6px 38px -4px #2883d226;
    }

    .copy2 {
      border-radius: 7px;
      height: 1100px;
      padding: 20px;
    }

    .capahospital {
      border-radius: 7px;
      height: 660px;
      padding: 20px;
    }

    .hospitalpadre {
      background-color: #f5f7fa;
      border-bottom: 1px solid #e4ebf3;
      height: auto;
      padding: 80px 30px;
      position: relative;
    }

    .copycentro {
      border-radius: 7px;
      height: 2950px;
      padding: 20px;
    }

    .text-span-4 {
      font-style: italic;
    }

    .centroespecializado {
      background-color: #f5f7fa;
      border-bottom: 1px solid #e4ebf3;
      height: auto;
      padding: 80px 30px;
      position: relative;
    }

    .image-7-copy {
      height: 350px;
    }

    .bold-text-51 {
      text-align: center;
      text-transform: none;
    }

    .sistemademedia {
      background-color: #f5f7fa;
      border-bottom: 1px solid #e4ebf3;
      height: auto;
      padding: 80px 30px;
      position: relative;
    }

    .rich-text-block {
      color: #587837;
    }

    .bold-text-52 {
      color: #353b56;
      text-align: center;
    }

    .bold-text-53,
    .bold-text-54,
    .bold-text-55,
    .bold-text-56,
    .bold-text-57,
    .paragraph-20,
    .bold-text-58,
    .bold-text-59 {
      color: #587837;
    }

    .copycentro-copy {
      border-radius: 7px;
      height: 250px;
      padding: 20px;
    }

    .bold-text-60 {
      text-transform: none;
    }

    .unidademista {
      border-radius: 7px;
      height: 300px;
      padding: 20px;
    }

    .sistemademedia-copy,
    .sistemademedia-copy-copy {
      background-color: #f5f7fa;
      border-bottom: 1px solid #e4ebf3;
      height: auto;
      padding: 80px 30px;
      position: relative;
    }

    .prontoatendimentoinfantilcapa {
      background-color: #f5f7fa;
      border-bottom: 1px solid #e4ebf3;
      height: 1100px;
      padding: 80px 30px;
      position: relative;
    }

    .unidademistaboa {
      background-color: #f5f7fa;
      border-bottom: 1px solid #e4ebf3;
      height: auto;
      padding: 80px 30px;
      position: relative;
    }

    .infantil {
      background-color: #f5f7fa;
      border-bottom: 1px solid #e4ebf3;
      height: auto;
      padding: 80px 30px;
      position: relative;
    }

    .porntosocorroinfantil {
      border-radius: 7px;
      height: auto;
      padding: 20px;
    }

    .saolucas {
      box-shadow: 6px 6px 38px -4px #2883d226;
    }

    .saobernardo {
      margin-top: 2rem;
      border-radius: 7px;
      box-shadow: 6px 6px 38px -4px #2883d226;
    }

    .reablitacao {
      box-shadow: 6px 6px 38px -4px #2883d226;
    }

    .reabilitacao2 {
      border-radius: 7px;
      height: auto;
      padding: 20px;
    }

    .capa2 {
      border-radius: 7px;
      height: auto;
      padding: 20px;
    }

    .sistemasmedia {
      border-radius: 7px;
      height: auto;
      padding: 20px;
    }

    ._1 {
      text-align: center;
      text-transform: none;
    }

    ._2 {
      color: #353b56;
      text-align: center;
      margin-top: 7px;
    }

    .capa {
      box-shadow: 6px 6px 38px -4px #2883d226;
    }

    .team-slider {
      background-color: #f5f7fa;
      border-bottom: 0 solid #e4ebf3;
      height: 450px;
      padding: 80px 30px;
      position: relative;
    }

    .container-22 {
      width: 100%;
      max-width: 940px;
      margin-left: auto;
      margin-right: auto;
    }

    .centered-heading-3 {
      text-align: center;
      margin-bottom: 16px;
    }

    .centered-subheading-2 {
      text-align: center;
      max-width: 530px;
      margin-left: auto;
      margin-right: auto;
    }

    .team-slider-wrapper {
      background-color: #0000;
      height: auto;
      margin-top: 50px;
    }

    .team-slide-wrapper {
      width: 30%;
      margin-right: 5%;
    }

    .team-block {
      background-color: #fff;
      border-radius: 7px;
      height: 390px;
      padding-bottom: 24px;
      box-shadow: 2px 6px 10px #0000001a;
    }

    .team-member-image-two {
      border-top-left-radius: 7px;
      border-top-right-radius: 7px;
      height: 176.047px;
      margin-bottom: 18px;
    }

    .team-member-image-two-2 {
      margin-bottom: 18px;
    }

    .team-block-info {
      flex-direction: column;
      align-items: flex-start;
      height: 159px;
      padding-left: 24px;
      padding-right: 24px;
      display: flex;
    }

    .team-member-name-two {
      color: #587837;
      margin-bottom: 12px;
      font-weight: 600;
    }

    .team-member-text {
      margin-bottom: 20px;
    }

    .text-link-arrow {
      color: #1a1b1f;
      justify-content: flex-start;
      align-items: center;
      font-size: 14px;
      line-height: 20px;
      text-decoration: none;
      display: flex;
    }

    .arrow-embed {
      margin-left: 2px;
      display: flex;
    }

    .team-slider-arrow {
      display: none;
    }

    .team-slider-nav {
      margin-top: 24px;
      font-size: 10px;
      position: static;
      bottom: -60px;
    }

    .mask {
      width: 880px;
      height: 450px;
      margin-top: -76px;
    }

    .hero-heading-center-copy {
      background-color: #f5f7fa;
      border-bottom: 1px solid #e4ebf3;
      height: 1000px;
      padding: 80px 30px;
      position: relative;
    }

    .webmodel {
      background-color: #f5f7fa;
      border-bottom: 1px solid #e4ebf3;
      height: 900px;
      padding: 80px 30px;
      position: relative;
    }

    .transparenciaweb {
      background-color: #f5f7fa;
      border-bottom: 1px solid #e4ebf3;
      height: 600px;
      padding: 80px 30px;
      position: relative;
    }

    .cell-15 {
      justify-content: center;
      align-items: center;
    }

    .image-8 {
      height: 1000px;
      margin-top: -77px;
    }

    .hero-without-image-3 {
      background-color: #f5f7fa;
      background-image: url('/images/CAPA2.png');
      background-position: 50% top;
      background-size: cover;
      border-bottom: 1px solid #e4ebf3;
      height: 350px;
      padding: 80px 30px;
      position: relative;
    }

    .hero-wrapper-two-3 {
      text-align: center;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center;
      max-width: 750px;
      margin-left: auto;
      margin-right: auto;
      display: flex;
    }

    .margin-bottom-24px-4 {
      margin-bottom: 24px;
    }

    .button-primary-5 {
      color: #fff;
      letter-spacing: 2px;
      text-transform: uppercase;
      background-color: #1a1b1f;
      padding: 12px 25px;
      font-size: 12px;
      line-height: 20px;
      transition: all .2s;
    }

    .button-primary-5:hover {
      color: #fff;
      background-color: #32343a;
    }

    .button-primary-5:active {
      background-color: #43464d;
    }

    .bold-text-62,
    .bold-text-63,
    .bold-text-64 {
      color: #587837;
    }

    .heading-18 {
      color: #353b56;
    }

    .documentoetica {
      color: #587837;
      background-color: #353b56;
      width: 50px;
      height: 2px;
      margin-top: 10px;
      margin-left: auto;
      margin-right: auto;
      display: block;
    }

    .documentoetica.white {
      color: #000;
      background-color: #353b56;
      margin-top: 0;
      position: absolute;
      top: 218px;
    }

    .documentoetica.no-center {
      margin-left: 0;
      margin-right: 0;
    }

    .mobile {
      color: #353b56;
      font-size: 32px;
    }

    .documentoetica-copy {
      color: #587837;
      background-color: #353b56;
      width: 50px;
      height: 2px;
      margin-top: 10px;
      margin-left: auto;
      margin-right: auto;
      display: block;
    }

    .documentoetica-copy.white {
      color: #000;
      background-color: #353b56;
      margin-top: 0;
      position: absolute;
      top: 218px;
    }

    .documentoetica-copy.no-center {
      margin-left: 0;
      margin-right: 0;
    }

    .mobiletraco {
      color: #587837;
      background-color: #353b56;
      width: 50px;
      height: 2px;
      margin-top: 10px;
      margin-left: auto;
      margin-right: auto;
      display: block;
    }

    .mobiletraco.white {
      color: #000;
      background-color: #353b56;
      margin-top: 0;
      position: absolute;
      top: 199px;
    }

    .mobiletraco.no-center {
      margin-left: 0;
      margin-right: 0;
    }

    .quick-stack-7 {
      margin-top: -18px;
    }

    .zen-wrap-4 {
      border-left: 1px solid #8d9e91;
      padding-bottom: 2em;
      padding-left: 2em;
    }

    .zen-grid-2-2 {
      grid-column-gap: 1em;
      grid-row-gap: 1em;
      grid-template-rows: auto;
      grid-template-columns: 1fr 1fr;
      grid-auto-columns: 1fr;
      grid-auto-flow: row;
      margin-top: -21px;
      padding-top: 34px;
      display: grid;
    }

    .zen-container-1 {
      width: 1095px;
      max-width: 100em;
      margin-left: auto;
      margin-right: auto;
    }

    .zen-pic-5-2 {
      border-radius: 7px;
    }

    .zen-paragraph-1-2 {
      color: #909090;
      margin-bottom: 4em;
      font-size: 1.3em;
      font-weight: 400;
      line-height: 1.6em;
    }

    .zen-pic-1-2 {
      height: 13em;
    }

    .zen-text-2 {
      color: #909090;
      font-size: 1.3em;
      line-height: 1.3em;
    }

    .zen-heading-1-2 {
      color: #fff;
      letter-spacing: .3em;
      text-transform: uppercase;
      margin-top: 0;
      margin-bottom: 1em;
      font-size: 2.5em;
      font-weight: 500;
      line-height: 1.3em;
    }

    .zen-grid-1-2 {
      grid-column-gap: 3em;
      grid-row-gap: 3em;
      grid-template-rows: auto;
      grid-template-columns: 1fr 1fr;
      grid-auto-columns: 1fr;
      display: grid;
    }

    .zen-pic-2-2 {
      border-radius: 7px;
      height: 12.9em;
    }

    .zen-pic-6-2 {
      height: 22em;
    }

    .zen-decor-1 {
      z-index: 1000000;
      background-image: url('/images/Ellipse-5_1Ellipse 5.png');
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: contain;
      width: 1.7em;
      height: 1.7em;
      padding-bottom: 0;
      position: absolute;
      inset: 0% auto auto 0%;
    }

    .zen-pic-3-2 {
      height: 12em;
    }

    .zen-text-1 {
      color: #fff;
      margin-bottom: .5em;
      font-size: 1.2em;
      font-weight: 700;
      line-height: 1.3em;
    }

    .zen-wrap-4-copy {
      border-left: 1px solid #000;
      padding-bottom: 2em;
      padding-left: 2em;
    }

    .zen-wrap-1-2 {
      flex-flow: column;
    }

    .zen-pic-4-2 {
      border-radius: 7px;
    }

    .zen-wrap-9-2 {
      margin-bottom: 1em;
    }

    .zen-pic-1-3 {
      height: 13em;
    }

    .nossahistoria {
      grid-column-gap: 3em;
      grid-row-gap: 3em;
      grid-template-rows: auto;
      grid-template-columns: 1fr 1fr;
      grid-auto-columns: 1fr;
      margin-top: 50px;
      display: grid;
    }

    .zen-pic-1-4 {
      border-radius: 7px;
      height: 13em;
    }

    .zen-wrap-1-4-2 {
      margin-left: 1em;
    }

    .zen-pic-6-3 {
      height: 22em;
    }

    .zen-wrap-1-3 {
      height: auto;
      margin-left: 12px;
    }

    .modelcompliance {
      background-color: #f5f7fa;
      border-bottom: 1px solid #e4ebf3;
      height: 1300px;
      padding: 80px 30px;
      position: relative;
    }

    .div-block-4 {
      height: 1000px;
    }

    .hero-heading-center-3 {
      background-color: #f5f7fa;
      border-bottom: 1px solid #e4ebf3;
      height: 1250px;
      padding: 80px 30px;
      position: relative;
    }

    .container-25 {
      width: 100%;
      max-width: 940px;
      margin-left: auto;
      margin-right: auto;
    }

    .centered-heading-4 {
      text-align: center;
      margin-bottom: 16px;
    }

    .centered-heading-4.margin-bottom-32px {
      margin-bottom: 32px;
    }

    .hero-wrapper-3 {
      justify-content: space-between;
      align-items: center;
      display: flex;
    }

    .hero-split-3 {
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      max-width: 46%;
      display: flex;
    }

    .margin-bottom-24px-5 {
      margin-bottom: 24px;
    }

    .button-primary-6 {
      color: #fff;
      letter-spacing: 2px;
      text-transform: uppercase;
      background-color: #1a1b1f;
      padding: 12px 25px;
      font-size: 12px;
      line-height: 20px;
      transition: all .2s;
    }

    .atuacao {
      background-color: #f8fafc;
      border-bottom: 0 solid #e4ebf3;
      width: 100%;
      height: 700px;
      padding: 80px 30px;
      position: relative;
      top: 0;
    }



    .button-primary-6:hover {
      color: #fff;
      background-color: #32343a;
    }

    .button-primary-6:active {
      background-color: #43464d;
    }

    .shadow-two-3 {
      box-shadow: 0 4px 24px #96a3b514;
    }

    .div-block-5 {
      background-image: url('/images/empty-hall-in-a-hospital-2023-11-27-05-22-26-utc.png');
      background-position: 50%;
      background-size: cover;
      border-radius: 7px;
      width: 500px;
      height: 1000px;
    }

    .cell-16 {
      justify-content: flex-start;
      align-items: center;
    }

    .webmodel-copy {
      background-color: #f5f7fa;
      border-bottom: 1px solid #e4ebf3;
      height: 900px;
      padding: 80px 30px;
      position: relative;
    }

    .webmodel-copy._1920 {
      height: auto;
    }

    .atuacao {
      background-color: #fff;
      border-bottom: 0 solid #e4ebf3;
      width: 100%;
      height: auto;
      padding: 80px 30px;
      position: relative;
      top: 0;
    }

    .mista {
      border-radius: 7px;
      height: 300px;
      padding: 20px;
    }

    .estatuto {
      background-color: #353b56;
      background-image: url('/images/capatransparencia.png');
      background-position: 50%;
      background-size: cover;
      border-bottom: 0 solid #e4ebf3;
      height: 450px;
      padding: 80px 30px;
      position: relative;
      top: 0;
    }

    .hero-subscribe-right {
      background-color: #f5f7fa;
      background-image: url('/images/CAPA3.png');
      background-position: 50%;
      background-size: cover;
      border-bottom: 1px solid #e4ebf3;
      height: 350px;
      padding: 80px 30px;
      position: relative;
    }

    .container-28 {
      width: 100%;
      max-width: 940px;
      margin-left: auto;
      margin-right: auto;
    }

    .hero-wrapper-4 {
      justify-content: space-between;
      align-items: center;
      display: flex;
    }

    .hero-split-4 {
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      max-width: 46%;
      display: flex;
    }

    .shadow-two-4 {
      box-shadow: 0 4px 24px #96a3b514;
    }

    .margin-bottom-24px-6 {
      margin-bottom: 24px;
    }

    .hero-form {
      margin-bottom: 12px;
    }

    .hero-form-container {
      justify-content: flex-start;
      align-items: stretch;
      display: flex;
    }

    .hero-form-input {
      color: #1a1b1f;
      border: 1px solid #d1d6db;
      width: 240px;
      height: auto;
      margin-bottom: 0;
      margin-right: 9px;
      padding: 5px 16px;
      font-size: 14px;
      line-height: 20px;
      transition: all .2s;
    }

    .hero-form-input:hover,
    .hero-form-input:focus {
      border-color: #76879d;
    }

    .hero-form-input::placeholder {
      color: #1a1b1fcc;
    }

    .button-primary-7 {
      color: #fff;
      letter-spacing: 2px;
      text-transform: uppercase;
      background-color: #1a1b1f;
      padding: 12px 25px;
      font-size: 12px;
      line-height: 20px;
      transition: all .2s;
    }

    .button-primary-7:hover {
      color: #fff;
      background-color: #32343a;
    }

    .button-primary-7:active {
      background-color: #43464d;
    }

    .text-link-arrow-2 {
      color: #1a1b1f;
      justify-content: flex-start;
      align-items: center;
      font-size: 14px;
      line-height: 20px;
      text-decoration: none;
      display: flex;
    }

    .arrow-embed-2 {
      margin-left: 2px;
      display: flex;
    }

    .hero-without-image-4 {
      background-color: #fff;
      border-bottom: 1px solid #e4ebf3;
      padding: 80px 30px;
      position: relative;
    }

    .container-29 {
      width: 100%;
      max-width: 940px;
      margin-left: auto;
      margin-right: auto;
    }

    .hero-wrapper-two-4 {
      text-align: center;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center;
      max-width: 750px;
      margin-left: auto;
      margin-right: auto;
      display: flex;
    }

    .margin-bottom-24px-7 {
      margin-top: -27px;
      margin-bottom: 24px;
    }

    .button-primary-8 {
      color: #fff;
      letter-spacing: 2px;
      text-transform: uppercase;
      background-color: #1a1b1f;
      padding: 12px 25px;
      font-size: 12px;
      line-height: 20px;
      transition: all .2s;
    }

    .button-primary-8:hover {
      color: #fff;
      background-color: #32343a;
    }

    .button-primary-8:active {
      background-color: #43464d;
    }

    .heading-19 {
      color: #587837;
      font-size: 1.3rem;
    }

    .heading-20,
    .heading-21 {
      font-size: 32px;
    }

    .hero-without-image-5 {
      background-color: #f5f7fa;
      border-bottom: 1px solid #e4ebf3;
      height: 600px;
      padding: 80px 30px;
      position: relative;
    }

    .container-30 {
      width: 100%;
      max-width: 940px;
      margin-left: auto;
      margin-right: auto;
    }

    .hero-wrapper-two-5 {
      text-align: center;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center;
      max-width: 750px;
      margin-left: auto;
      margin-right: auto;
      display: flex;
    }

    .margin-bottom-24px-8 {
      margin-bottom: 24px;
    }

    .button-primary-9 {
      color: #fff;
      letter-spacing: 2px;
      text-transform: uppercase;
      background-color: #1a1b1f;
      padding: 12px 25px;
      font-size: 12px;
      line-height: 20px;
      transition: all .2s;
    }

    .button-primary-9:hover {
      color: #fff;
      background-color: #32343a;
    }

    .button-primary-9:active {
      background-color: #43464d;
    }

    .heading-22 {
      font-size: 32px;
    }

    .heading-23 {
      color: #353b56;
      font-size: 32px;
      line-height: 42px;
    }

    .hero-without-image-6 {
      background-color: #f5f7fa;
      background-image: url('/images/capacovid.png');
      background-position: 50%;
      background-size: cover;
      border-bottom: 1px solid #e4ebf3;
      height: 420px;
      padding: 80px 30px;
      position: relative;
    }

    .container-31 {
      width: 100%;
      max-width: 940px;
      margin-left: auto;
      margin-right: auto;
    }

    .hero-wrapper-two-6 {
      text-align: center;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center;
      max-width: 750px;
      margin-left: auto;
      margin-right: auto;
      display: flex;
    }

    .margin-bottom-24px-9 {
      margin-bottom: 24px;
    }

    .button-primary-10 {
      color: #fff;
      letter-spacing: 2px;
      text-transform: uppercase;
      background-color: #1a1b1f;
      padding: 12px 25px;
      font-size: 12px;
      line-height: 20px;
      transition: all .2s;
    }

    .button-primary-10:hover {
      color: #fff;
      background-color: #32343a;
    }

    .button-primary-10:active {
      background-color: #43464d;
    }

    .container-32 {
      height: 50px;
    }

    .quick-stack-8 {
      height: 100px;
    }

    .quick-stack-9 {
      height: 100px;
      margin-top: 0;
    }

    .heading-24 {
      color: #353b56;
      font-size: 30px;
      line-height: 40px;
    }

    .hero-without-image-7 {
      background-color: #fff;
      border-bottom: 1px solid #e4ebf3;
      height: 800px;
      padding: 80px 30px;
      position: relative;
    }

    .container-33 {
      height: 50px;
    }

    .bold-text-65 {
      max-width: 940px;
    }

    .quick-stack-10 {
      height: 500px;
    }

    .text-span-5,
    .text-span-6,
    .text-span-7,
    .text-span-8,
    .text-span-9,
    .text-span-10 {
      color: #587837;
      font-size: 20px;
    }

    .quick-stack-11 {
      height: 50px;
    }

    .quick-stack-12 {
      grid-column-gap: 0px;
      grid-row-gap: 0px;
      height: 100px;
    }

    .cell-18 {
      justify-content: flex-start;
      align-items: flex-start;
    }

    .quick-stack-13 {
      grid-column-gap: 0px;
      grid-row-gap: 0px;
      width: 400px;
      height: 100px;
      margin-top: 50px;
    }

    .cell-19 {
      grid-column-gap: 0px;
      grid-row-gap: 0px;
      justify-content: center;
      align-items: flex-start;
    }

    .cell-20 {
      justify-content: center;
      align-items: center;
    }

    .paragraph-21 {
      font-size: 12px;
    }

    .cell-21 {
      justify-content: center;
      align-items: flex-end;
    }

    .hero-without-image-8 {
      background-color: #f5f7fa;
      border-bottom: 1px solid #e4ebf3;
      padding: 80px 30px;
      position: relative;
    }

    .container-36 {
      width: 100%;
      max-width: 940px;
      margin-left: auto;
      margin-right: auto;
    }

    .hero-wrapper-two-7 {
      text-align: center;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center;
      max-width: 750px;
      margin-left: auto;
      margin-right: auto;
      display: flex;
    }

    .margin-bottom-24px-10 {
      margin-bottom: 24px;
    }

    .button-primary-11 {
      color: #fff;
      letter-spacing: 2px;
      text-transform: uppercase;
      background-color: #1a1b1f;
      padding: 12px 25px;
      font-size: 12px;
      line-height: 20px;
      transition: all .2s;
    }

    .button-primary-11:hover {
      color: #fff;
      background-color: #32343a;
    }

    .button-primary-11:active {
      background-color: #43464d;
    }

    .quick-stack-14 {
      border-bottom: 1px solid #000;
      width: 350px;
    }

    .faq-answer {
      text-align: left;
      border-bottom: 1px #cfcfcf;
      width: 100%;
      overflow: hidden;
    }

    .cell-23 {
      justify-content: center;
      align-items: flex-end;
    }

    .docs {
      color: #000;
      border-radius: 10px;
      justify-content: space-between;
      align-items: center;
      width: 500px;
      height: 50px;
      padding: 20px;
      font-size: 16px;
      font-weight: 600;
      text-decoration: none;
      display: flex;
    }

    .docs:hover {
      color: #434de7;
    }

    .team-slider-arrow-2 {
      height: 280px;
      margin: 0 -76px 0 -75px;
      display: none;
    }

    .minus {
      background-color: #000;
      border-radius: 20px;
      width: 100%;
      height: 3px;
      position: absolute;
    }

    .docscont {
      background-color: #fff;
      border-radius: 10px;
      flex-direction: column;
      align-items: flex-start;
      width: 100%;
      max-width: none;
      height: 50px;
      display: flex;
    }

    .p-m-wrap {
      grid-column-gap: 0px;
      grid-row-gap: 0px;
      justify-content: flex-start;
      align-items: center;
      width: 15px;
      height: 15px;
      display: flex;
      position: relative;
    }

    .quick-stack-15,
    .quick-stack-16,
    .quick-stack-17 {
      border-bottom: 1px solid #000;
      width: 350px;
    }

    .plus {
      background-color: #000;
      border-radius: 20px;
      width: 3px;
      height: 15px;
      position: absolute;
    }

    .accordion-wrap {
      border: 1px solid #f2f3ff;
      border-radius: 10px;
      flex-direction: column;
      align-items: flex-start;
      width: 100%;
      max-width: 800px;
      display: flex;
      overflow: hidden;
      box-shadow: 0 10px 30px -10px #1d01501a;
    }

    .bold-text-66 {
      font-family: Montserrat, sans-serif;
      font-size: 14px;
    }

    .text-block-4 {
      color: #587837;
      width: 300px;
    }

    .paragraph-22 {
      color: #353b56;
      margin-top: 6px;
      font-size: 18px;
      font-weight: 700;
    }

    .paragraph-23 {
      color: #353b56;
      font-size: 14px;
      font-weight: 400;
    }

    .bold-text-67,
    .bold-text-68,
    .bold-text-69,
    .bold-text-70,
    .bold-text-71 {
      color: #353b56;
      font-weight: 400;
    }

    .bold-text-72,
    .bold-text-73,
    .bold-text-74,
    .bold-text-75,
    .bold-text-76 {
      color: #587837;
    }

    .confiaremnos {
      border-bottom: 1px solid #f0f2f4;
      height: 1250px;
      padding-top: 80px;
      padding-bottom: 80px;
      position: relative;
    }

    .confiaremnos.why-us {
      background-image: url('/images/isolated-1188036_1920.png');
      background-position: 100%;
      background-repeat: no-repeat;
      background-size: contain;
      justify-content: space-between;
      position: relative;
    }

    .confiaremnos.tint {
      background-color: #f0f5f8;
    }

    .confiaremnos.tint.why-us {
      background-image: url('/images/CAPA-CORRETA.png');
      background-position: 25%;
      background-size: cover;
      background-attachment: scroll;
      border-bottom-width: 0;
      width: 100%;
      height: auto;
      position: static;
      top: -50px;
    }

    .confiaremnos.tint.services {
      color: #589bd570;
      background-color: #f8fafc;
      background-image: url('/images/capa5.png');
      background-position: 0 0;
      background-size: auto;
      height: 1139px;
    }

    .confiaremnos.services {
      padding-top: 160px;
    }

    .confiaremnos.about-us {
      background-image: url('/images/Ativo-22x_1.webp');
      border-bottom-width: 0;
      height: 600px;
      top: -48px;
    }

    .webmodel-copy-copy {
      background-color: #f5f7fa;
      border-bottom: 1px solid #e4ebf3;
      height: auto;
      padding: 80px 30px;
      position: relative;
    }

    .field-label {
      color: #615e5e;
      text-transform: uppercase;
      margin-top: 15px;
      margin-bottom: 5px;
      padding-left: 0;
      font-size: 14px;
      font-weight: 600;
      line-height: 15px;
      display: block;
    }

    .form-field {
      letter-spacing: 1px;
      border-radius: 4px;
      width: 98%;
      height: 50px;
      margin-top: 5px;
      padding: 10px;
      font-family: Open Sans, sans-serif;
      font-size: 12px;
      line-height: 20px;
      display: block;
      position: relative;
      box-shadow: 0 0 3px #0003;
    }

    .form-field:focus {
      border: 1px solid #0882f3;
    }

    .form-field.text {
      letter-spacing: .5px;
      border-radius: 5px;
      padding-bottom: 40px;
    }

    .form-field.required {
      letter-spacing: .5px;
      background-image: url('/images/Required-star_1Required star.png');
      background-position: 99%;
      background-repeat: no-repeat;
      background-size: 16px;
      font-size: 12px;
      box-shadow: 0 0 3px #0000001a;
    }

    .form-paragraph {
      color: #a0a0a0;
      font-family: Open Sans, sans-serif;
    }

    .step1 {
      width: 100%;
      height: 100%;
      position: static;
    }

    .line-devider {
      background-color: #d3d3d3;
      width: 100%;
      height: 1px;
      margin-top: 10px;
      margin-bottom: 20px;
    }

    .checkout-formwrapper {
      background-color: #fff;
      height: 500px;
      padding: 30px;
      position: relative;
    }

    .next-button {
      float: right;
      background-color: #052f6e;
      border-radius: 30px;
      width: 30%;
      height: 50px;
      margin-left: auto;
      margin-right: auto;
      display: block;
      position: relative;
      bottom: 0;
      left: 0;
      right: 0;
    }

    .next-button.back {
      float: left;
      color: #000;
      background-color: #f4f4f4;
      width: 30%;
      font-size: 17px;
    }

    .form-checkbox {
      margin-top: 0;
      margin-bottom: 2px;
      font-family: Exo, sans-serif;
      font-size: 15px;
      position: relative;
    }

    .button-text {
      letter-spacing: 2px;
      font-size: 17px;
      line-height: 45px;
      position: relative;
    }

    .form-navbar {
      display: none;
    }

    .heading-form-title {
      z-index: 2;
      color: #052f6e;
      text-align: left;
      text-transform: none;
      margin: 0 auto 0 0;
      padding-left: 10px;
      padding-right: 0;
      font-family: Open Sans, sans-serif;
      font-size: 24px;
      font-weight: 700;
      line-height: 46px;
      display: block;
      position: static;
      top: 0;
      left: 0;
      right: 0;
    }

    .heading-form-title.checkout {
      text-align: left;
      margin-top: 20px;
      margin-bottom: 20px;
      padding-left: 0;
      position: static;
    }

    .step-form-slider {
      background-color: #0000;
      height: 100%;
    }

    .upload-button {
      color: #1665af;
      background-color: #fff;
      background-image: url('/images/cloud-upload_1cloud-upload.png');
      background-position: 7px;
      background-repeat: no-repeat;
      background-size: 20px;
      border-radius: 5px;
      margin-top: 10px;
      margin-bottom: 10px;
      padding: 10px 25px 10px 33px;
      font-family: Open Sans, sans-serif;
      text-decoration: none;
      box-shadow: 0 0 3px #0000001a;
    }

    .terms-column-flex {
      justify-content: center;
      align-items: center;
      display: flex;
    }

    .slider-form-wrapper {
      background-color: #f4f4f4;
      margin-bottom: 20px;
      padding: 30px 50px;
    }

    .form-button {
      text-align: center;
      background-color: #ff5f05;
      border-radius: 100px;
      width: 300px;
      height: 50px;
      margin-bottom: 0;
      margin-left: auto;
      margin-right: auto;
      font-family: Open Sans, sans-serif;
      font-size: 20px;
      font-weight: 600;
      line-height: 25px;
      transition: all .5s;
      display: block;
      position: static;
      top: 0;
      left: 0;
    }

    .form-button:hover {
      background-color: #000;
    }

    .checkout-formwrapper-2 {
      background-color: #fff;
      padding: 30px;
      position: relative;
    }

    .container-37 {
      text-align: center;
    }

    .submit-button-2 {
      text-align: center;
      letter-spacing: 2px;
      cursor: pointer;
      background-color: #0f8f64;
      border-radius: 6px;
      width: 120px;
      padding: 12px 25px;
      font-size: 12px;
      font-weight: 700;
    }

    .submit-button-2:active {
      background-color: #1ee7a4;
    }

    .comp-pane {
      width: 45%;
    }

    .comp-pane.right {
      background-color: #fff;
      border-radius: 10px;
      width: 500px;
      min-height: 500px;
      padding: 50px;
      position: relative;
      box-shadow: 0 7px 30px #0000000f;
    }

    .footer-logo-copy {
      background-color: #fff;
      border-radius: 6px;
      margin-bottom: 20px;
      margin-left: 0;
      padding: 10px;
    }

    .form-field-label {
      color: #353b56;
      background-color: #fff;
      margin-top: -9px;
      margin-left: 10px;
      padding: 1px 10px;
      line-height: 14px;
      display: inline-block;
      position: absolute;
      z-index: 10
    }

    .heading-25 {
      color: #353b56;
      text-align: center;
      font-size: 32px;
    }

    .container-38 {
      max-width: auto;
    }

    .form-field-2 {
      background-color: #0000;
      border: 1px solid #dcdcdd;
      height: 50px;
      min-height: 50px;
      max-height: 100px;
      padding-top: 11px;
      position: relative;
    }

    .form-field-2:focus {
      border-color: #000;
    }

    .form-field-2::placeholder {
      color: #a0a0a0;
    }

    .textarea {
      height: 58px;
    }

    .field-wrap {
      padding-top: 10px;
      padding-bottom: 10px;
      position: relative;
    }

    .container-39 {
      width: 100%;
      max-width: 950px;
      margin-left: auto;
      margin-right: auto;
    }

    .form-wrap {
      margin-bottom: 0;
    }

    .form {
      margin-top: 25px;
    }

    .select-field {
      background-color: #fff;
    }

    .div-block-6 {
      background-color: #fff;
      border-radius: 10px;
      width: 450px;
      height: 200px;
    }

    .container-40 {
      margin-top: 50px;
    }

    .quick-stack-18 {
      grid-column-gap: 60px;
      grid-row-gap: 60px;
      margin-top: -22px;
    }

    .cell-24,
    .cell-25 {
      justify-content: center;
      align-items: center;
    }

    .heading-26 {
      color: #353b56;
      padding-bottom: 0;
      font-size: 18px;
      line-height: 20px;
    }

    .paragraph-24 {
      margin-top: 15px;
      text-decoration: underline;
    }

    .cell-26 {
      justify-content: center;
      align-items: center;
      padding-left: 0;
    }

    .link-block-4,
    .link-block-5 {
      margin-top: -21px;
    }

    .hero-without-image-9 {
      background-color: #f5f7fa;
      border-bottom: 1px solid #e4ebf3;
      padding: 80px 30px;
      position: relative;
    }

    .container-41 {
      width: 100%;
      max-width: 940px;
      margin-left: auto;
      margin-right: auto;
    }

    .hero-wrapper-two-8 {
      text-align: center;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center;
      max-width: 750px;
      margin-left: auto;
      margin-right: auto;
      display: flex;
    }

    .margin-bottom-24px-11 {
      margin-bottom: 24px;
    }

    .button-primary-12 {
      color: #fff;
      letter-spacing: 2px;
      text-transform: uppercase;
      background-color: #1a1b1f;
      padding: 12px 25px;
      font-size: 12px;
      line-height: 20px;
      transition: all .2s;
    }

    .button-primary-12:hover {
      color: #fff;
      background-color: #32343a;
    }

    .button-primary-12:active {
      background-color: #43464d;
    }

    .heading-27 {
      padding-left: 20px;
      font-size: 18px;
    }

    .bold-text-77 {
      color: #353b56;
    }

    .image-9 {
      width: 100px;
      max-width: 100px;
    }

    .quick-stack-19 {
      width: 800px;
      max-width: 800px;
      height: 50px;
      padding-top: 0;
      padding-bottom: 0;
    }

    .heading-28 {
      line-height: 20px;
    }

    .heading-29 {
      color: #353b56;
      order: 0;
      justify-content: flex-end;
      align-items: center;
      width: 300px;
      height: 40px;
      margin-top: 0;
      padding-top: 12px;
      padding-bottom: 0;
      font-size: 12px;
      line-height: 14px;
      text-decoration: underline;
      display: block;
    }

    .cell-29 {
      justify-content: center;
      align-items: center;
    }

    .cell-30 {
      grid-column-gap: 16px;
      grid-row-gap: 16px;
      justify-content: center;
      align-items: center;
    }

    .cell-31 {
      justify-content: center;
      align-items: center;
    }

    .container-43 {
      max-width: 1300px;
    }

    .quick-stack-20 {
      width: 100%;
      max-width: 100%;
      height: 50px;
      padding-top: 0;
      padding-bottom: 0;
    }

    .container-44 {
      width: 100%;
    }

    .cell-32 {
      grid-column-gap: 0px;
      grid-row-gap: 0px;
      justify-content: flex-start;
      align-items: center;
      padding-top: 9px;
    }

    .heading-30 {
      color: #353b56;
      cursor: pointer;
      width: 427.391px;
      margin-top: 3px;
      padding-bottom: 0;
      font-size: 12px;
      font-weight: 400;
      text-decoration: underline;
    }

    .heading-30:hover {
      color: #587837;
      font-weight: 500;
    }

    .cell-33,
    .cell-34,
    .cell-35,
    .cell-36,
    .cell-37,
    .cell-38 {
      justify-content: center;
      align-items: center;
    }

    .text-span-11 {
      line-height: 22px;
    }

    .text-span-11:hover {
      color: #587837;
      font-weight: 500;
    }

    .heading-30-copy {
      color: #353b56;
      margin-top: 3px;
      padding-bottom: 0;
      font-size: 12px;
      font-weight: 400;
      text-decoration: underline;
    }

    .detalhamento {
      color: #353b56;
      margin-top: 3px;
      padding-bottom: 0;
      font-size: 12px;
      font-weight: 400;
      line-height: 22px;
      text-decoration: underline;
    }

    .hero-heading-center-4 {
      background-color: #f5f7fa;
      border-bottom: 1px solid #e4ebf3;
      max-height: 8000%;
      padding: 80px 30px;
      position: relative;
    }

    .container-45 {
      width: 100%;
      max-width: 940px;
      margin-left: auto;
      margin-right: auto;
    }

    .centered-heading-5 {
      text-align: center;
      margin-bottom: 16px;
    }

    .centered-heading-5.margin-bottom-32px {
      margin-bottom: 32px;
    }

    .hero-wrapper-5 {
      justify-content: space-between;
      align-items: center;
      display: flex;
    }

    .hero-split-5 {
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      max-width: 46%;
      display: flex;
    }

    .margin-bottom-24px-12 {
      margin-bottom: 24px;
    }

    .button-primary-13 {
      color: #fff;
      letter-spacing: 2px;
      text-transform: uppercase;
      background-color: #1a1b1f;
      padding: 12px 25px;
      font-size: 12px;
      line-height: 20px;
      transition: all .2s;
    }

    .button-primary-13:hover {
      color: #fff;
      background-color: #32343a;
    }

    .button-primary-13:active {
      background-color: #43464d;
    }

    .shadow-two-5 {
      box-shadow: 0 4px 24px #96a3b514;
    }

    .container-46 {
      max-width: 1250px;
    }

    .link-block-6 {
      width: 427.391px;
    }

    .link-block-7 {
      height: 50px;
    }

    .text-span-12 {
      height: 40px;
      line-height: 22px;
    }

    .text-span-13 {
      height: 50px;
      max-height: 50px;
      line-height: 22px;
    }

    .heading-30-copy {
      color: #353b56;
      cursor: pointer;
      width: 427.391px;
      margin-top: 3px;
      padding-bottom: 0;
      font-size: 12px;
      font-weight: 400;
      line-height: 22px;
      text-decoration: underline;
    }

    .heading-30-copy:hover {
      color: #587837;
      font-weight: 500;
    }

    .accordion-item {
      background-color: #fff;
      border-radius: 10px;
      margin-bottom: 20px;
      padding: 24px 30px 14px;
      box-shadow: 0 3px 7px #00000008;
    }

    .accordion-item-trigger {
      justify-content: space-between;
      align-items: flex-start;
      display: flex;
    }

    .accordion-heading {
      cursor: pointer;
      flex: 1;
      margin-top: 0;
      margin-bottom: 0;
      line-height: 30px;
    }

    .icon-6.accordion-icon {
      color: #0009;
      cursor: pointer;
      font-size: 32px;
      line-height: 30px;
    }

    .accordion-item-content {
      margin-top: 10px;
      margin-right: 30px;
      overflow: hidden;
    }

    .faq-tile {
      margin-bottom: 20px;
    }

    .faq-question-div {
      color: #fff;
      cursor: pointer;
      background-color: #353b56;
      justify-content: space-between;
      padding: 15px;
      font-family: Montserrat, sans-serif;
      font-weight: 600;
      line-height: 100%;
      transition: all .2s;
      display: flex;
    }

    .faq-question-div:hover {
      color: #fff;
      background-color: #353b56;
    }

    .faq-question-div:active {
      background-color: #353b56;
    }

    .up-down-arrow {
      color: #fff;
      font-size: 20px;
      font-weight: 700;
    }

    .faq-answer-div {
      background-color: #f5f5f5;
      border-bottom: .1px solid #0000001f;
      justify-content: flex-start;
      align-items: center;
      display: flex;
      overflow: hidden;
    }

    .faq-answer-padding {
      padding: 30px;
    }

    .body-copy {
      font-family: Montserrat, sans-serif;
      font-size: 14px;
      line-height: 25px;
    }

    .text-block-5,
    .text-block-5:hover {
      color: #fff;
    }

    .cell-39 {
      justify-content: center;
      align-items: flex-start;
    }

    .paragraph-25 {
      text-decoration: underline;
    }

    .quick-stack-21 {
      width: 350px;
    }

    .container-47 {
      width: auto;
      height: 90px;
    }

    .howto-list-item-text {
      line-height: 1.2em;
    }

    .c-help-link {
      cursor: pointer;
      text-decoration: none;
      display: inline-block;
    }

    .help-icon {
      z-index: 500;
      height: 25px;
    }

    .c-howto-close {
      cursor: pointer;
      position: absolute;
      inset: 10px 10px auto auto;
    }

    ._w-howto-close {
      background-color: #333;
      border-radius: 5px;
      justify-content: center;
      align-items: center;
      width: 35px;
      height: 35px;
      padding: 8px;
      display: flex;
    }

    .c-help {
      padding-top: 20px;
      padding-bottom: 10px;
    }

    .c-howto-header {
      padding-right: 40px;
    }

    .co-created {
      z-index: 99998;
      position: fixed;
      inset: 0% 10px auto auto;
      overflow: hidden;
    }

    ._w-faq {
      background-color: #fff;
      border-radius: 10px;
      width: 100%;
      height: 100%;
      padding: 10px;
      position: relative;
      box-shadow: 0 0 10px #13131333;
    }

    .b-faq {
      height: 100%;
      padding: 10px;
      overflow: auto;
    }

    .howto-header {
      color: #219fa3;
      margin-top: 0;
      margin-bottom: 0;
      font-size: 1.5em;
      line-height: 1.4em;
    }

    .c-howto-divider {
      border-bottom: 1px dashed #eee;
      width: 100%;
      height: 0;
      margin-top: 10px;
      margin-bottom: 20px;
    }

    .c-help-text {
      perspective-origin: 0%;
      transform-origin: 0%;
      overflow: hidden;
    }

    .c-created {
      z-index: 99998;
      opacity: .75;
      cursor: pointer;
      transition: all .25s;
    }

    .c-created:hover {
      opacity: 1;
    }

    .c-help-btn {
      text-align: right;
      padding: 10px;
    }

    ._w-help-btn {
      background-color: #13131326;
      border: 1px solid #ffffff80;
      border-radius: 5000px;
      padding: 5px;
      box-shadow: 0 0 15px #13131326;
    }

    ._w-help-btn.menu-toggle {
      position: relative;
      overflow: hidden;
    }

    .c-faq {
      z-index: 99999;
      align-items: flex-start;
      width: 400px;
      padding: 10px;
      display: none;
      position: fixed;
      inset: 0% 0% 0% auto;
    }

    .team-slide-wrapper-2 {
      background-color: #fff0;
      width: 30%;
      margin-right: 5%;
    }

    .c-howto-list-item {
      margin-bottom: 30px;
    }

    .tab-link {
      color: #361c6c;
      background-color: #0000;
      border-bottom: 3px solid #fff0;
      justify-content: center;
      align-items: center;
      width: auto;
      min-width: 115px;
      height: 20px;
      margin-right: 0;
      padding: 0;
      font-size: 30px;
      display: flex;
      left: 0;
    }

    .tab-link.w--current {
      grid-column-gap: 16px;
      grid-row-gap: 16px;
      cursor: pointer;
      background-color: #0000;
      border-bottom: 0 solid #a54181;
      grid-template-rows: auto auto;
      grid-template-columns: 1fr 1fr;
      grid-auto-columns: 1fr;
      grid-auto-flow: column;
      justify-content: center;
      align-items: center;
      width: auto;
      min-width: 115px;
      height: 20px;
      margin-left: 0;
      margin-right: 0;
      padding-top: 0;
      padding-bottom: 0;
      padding-right: 0;
      font-weight: 700;
      display: flex;
      left: 0;
    }

    .tab-link.w--current:hover {
      border-bottom-width: 0;
      min-width: 80px;
    }

    .tab-link-left {
      color: var(--success-color);
      background-color: #fff;
      border: 2px solid var(--success-color);
      border-top-left-radius: 20px;
      border-bottom-left-radius: 20px;
      font-weight: 700;
    }

    .hero-heading-center-5 {
      grid-column-gap: 16px;
      grid-row-gap: 16px;
      background-color: #f5f7fa;
      border-bottom: 1px solid #e4ebf3;
      flex-flow: column;
      grid-template-rows: auto auto;
      grid-template-columns: 1fr 1fr;
      grid-auto-columns: 1fr;
      justify-content: center;
      align-items: center;
      height: auto;
      padding: 80px 30px;
      display: flex;
      position: relative;
    }

    .tab-link-left:hover {
      text-decoration: none;
    }

    .c-howto-list {
      padding-left: 20px;
      list-style-type: square;
    }

    .howto-list-item-img {
      border-radius: 5px;
      overflow: hidden;
    }

    .sta-cruz-das-palmeiras {
      justify-content: flex-start;
      align-items: center;
      width: 300px;
    }

    .sta-cruz-das-palmeiras:hover {
      border-width: 1px;
      border-color: #587837;
    }

    .help-2 {
      z-index: 99999;
      position: fixed;
      inset: auto 0% 0% auto;
      overflow: hidden;
    }

    .c-faq-btn {
      text-align: right;
      padding: 10px;
      position: relative;
    }

    .c-faq-btn.faq {
      margin-top: 10px;
      padding-top: 0;
      padding-bottom: 0;
    }

    .team-member-text-2 {
      justify-content: center;
      align-items: center;
      width: 230px;
      margin-top: 20px;
      margin-bottom: 20px;
      padding-left: 10px;
      display: flex;
    }

    .team-member-text-2-copy,
    ._22,
    ._66 {
      justify-content: center;
      align-items: center;
      width: 230px;
      margin-top: 10px;
      margin-bottom: 20px;
      padding-left: 10px;
      display: flex;
    }

    .team-member-name-two-2 {
      color: #fff;
      text-align: center;
      text-transform: none;
      background-color: #353b56;
      justify-content: center;
      align-items: center;
      width: 100%;
      max-width: 100%;
      height: 56px;
      margin-bottom: 12px;
      padding-top: 20px;
      padding-bottom: 20px;
      font-weight: 600;
      display: flex;
    }

    .c-help-open-nav {
      display: block;
      position: relative;
      overflow: hidden;
    }

    .help-text {
      color: #fff;
      white-space: nowrap;
      padding-left: 12px;
      font-family: Exo, sans-serif;
      font-size: 1em;
      font-weight: 500;
      line-height: 1.3em;
    }

    .help-text:hover {
      color: #0ba028;
      -webkit-text-stroke-color: #587837;
    }

    .b-help-btn {
      background-color: #00ff7b;
      border-radius: 5000px;
      align-items: center;
      padding: 12px;
      display: flex;
    }

    .hospital-estadual-de-mirand-polis {
      text-align: center;
      background-color: #f4f4f4;
      border: .1px solid #d7ddf5;
      border-radius: .7rem;
      flex-direction: column;
      align-items: center;
      height: 450px;
      font-size: 14px;
      line-height: 22px;
      display: flex;
      box-shadow: 6px 6px 10px #0000001a;
    }

    .hospital-estadual-de-mirand-polis:hover {
      border-width: 1px;
      border-color: #587837;
    }

    .tabs-content-3 {
      flex-flow: column;
      justify-content: center;
      align-items: center;
      width: 100%;
      display: flex;
      overflow: visible;
    }

    .tabs-menu-3 {
      flex-flow: row;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 50px;
      margin-top: -40px;
      padding: 30px 42px 30px 30px;
      display: flex;
    }

    .team-block-2-copy {
      background-color: #fff;
      width: 282px;
      height: 360px;
      padding-bottom: 0;
    }

    .b-help-btn.close-menu {
      position: relative;
    }

    .b-help-btn.open-menu {
      opacity: 0;
      display: none;
      position: absolute;
    }

    .team-block-2 {
      background-color: #fff;
      width: 282px;
      height: 320px;
      padding-bottom: 0;
    }

    .team-block-info-2,
    .team-block-info-2-copy {
      background-color: #f4f4f4;
      border-bottom-right-radius: 20px;
      border-bottom-left-radius: 20px;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center;
      width: 282px;
      height: 345px;
      padding-left: 0;
      padding-right: 0;
      display: flex;
      box-shadow: -1px -6px 8px 4px #0000001a;
    }

    .tab-pane-tab-1 {
      width: auto;
    }

    .text-block-7-copy:hover {
      font-weight: 700;
    }

    .team-slider-wrapper-2 {
      background-color: #0000;
      height: auto;
      margin-top: 50px;
    }

    .portfolio {
      grid-column-gap: 64px;
      grid-row-gap: 56px;
      grid-template-rows: auto auto;
      grid-template-columns: 1fr 1fr 1fr;
      grid-auto-columns: 1fr;
      display: grid;
      margin-top: 40px;
    }

    .paragraph-26,
    .paragraph-27,
    .paragraph-28 {
      margin-top: 30px;
    }

    .bold-text-79,
    .bold-text-80,
    .bold-text-81,
    .bold-text-82,
    .bold-text-83,
    .bold-text-84,
    .bold-text-85,
    .bold-text-86,
    .bold-text-87 {
      color: #353b56;
    }

    .cell-40 {
      justify-content: center;
      align-items: flex-end;
    }

    .image-10 {
      background-color: #fff;
      border-radius: 6px;
      padding: 5px;
    }

    .cell-41 {
      justify-content: center;
      align-items: flex-start;
    }

    html.w-mod-js [data-ix="appointment-height-0px"],
    html.w-mod-js [data-ix="appointment-height-0px-2"] {
      height: 0;
    }

    html.w-mod-js [data-ix="blue-overlay-opacity-0"] {
      opacity: 0;
    }

    html.w-mod-js [data-ix="doctor-overlay-icon-first-appear"] {
      opacity: 0;
      transform: translate(0, 100px);
    }

    html.w-mod-js [data-ix="popup-modal-initial-appearance"] {
      opacity: 0;
      display: none;
      transform: scale3d(1.1, 1.1, 1.1);
    }

    html.w-mod-js [data-ix="display-scroll-navbar"] {
      display: none;
    }

    .menu-title {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      padding: 8px 12px;
      border-top: 1px solid grey;
    }

    .menu-title:hover {
      background-color: rgba(160, 200, 140, 0.6);
    }

    .menu-title p {
      margin-bottom: 0;
      color: #31425F;
      font-size: 18px;
      cursor: pointer;
    }

    .text-block-7 {
      color: #353b56;
      cursor: pointer;
      flex-flow: column;
      width: 115px;
      font-family: Montserrat, sans-serif;
      font-size: 16px;
      font-weight: 400;
      display: flex;
    }

    .text-block-7:hover {
      font-weight: 700;
    }

    .text-block-7-copy {
      color: #353b56;
      cursor: pointer;
      flex-flow: column;
      width: 80px;
      font-family: Montserrat, sans-serif;
      font-size: 16px;
      font-weight: 400;
      display: flex;
    }

    .text-block-7-copy:hover {
      font-weight: 700;
    }

    .menu-content {
      background-color: rgba(160, 200, 140, 0.3);
      display: none;
    }

    .sub-content {
      display: none;
      gap: 1rem;
    }

    .sub-content a {
      display: flex;
      align-items: center;
      border-top: 1px solid grey;
      height: 41px;
      padding-left: 6px;
      gap: 0.7rem;
      text-decoration: none;
    }

    .sub-content a:hover {
      background-color: rgba(160, 200, 140, 0.6);
    }

    .sub-content a span {
      margin-bottom: 0px;
      color: #31425F;
      font-size: 16px;
    }

    .sub-content a img {
      width: 24px;
      height: 24px;
    }

    .sub-item {
      padding: 4px 0;
      padding-left: 12px;
      padding-right: 4px;
    }

    .sub-title {
      display: flex;
      justify-content: space-between;
      padding: 5px 8px;
      cursor: pointer;
    }

    .sub-title:hover {
      background-color: rgba(160, 200, 140, 0.6);
    }

    .sub-title p {
      color: #31425F;
      font-weight: 700;
      text-transform: uppercase;
      font-size: 0.9375rem;
      margin-bottom: 0px;
    }

    @media screen and (min-width: 1440px) {
      .v {
        height: 15px;
      }

      .portfolio {
        grid-column-gap: 64px;
        grid-row-gap: 56px;
        flex-flow: wrap;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr 1fr;
        grid-auto-columns: 1fr;
        grid-auto-flow: row;
        justify-content: center;
        align-items: center;
        display: grid;
      }

      .bold-text-6 {
        font-size: 1.125rem;
      }

      .bold-text-6-copy {
        font-size: 0.875rem;
      }

      .team-block-2,
      .team-block-2-copy {
        height: 282px;
      }

      .hospital-estadual-de-mirand-polis {
        justify-content: flex-start;
        align-items: center;
        width: 300px;
      }

      .atuacao {
        border-bottom-width: 0;
        top: 0;
      }

      .v.tint.why-us {
        background-position: 5%;
        height: 1150px;
        top: -66px;
      }

      .v.about-us {
        background-image: url('/images/Ativo-22x_1.webp');
        background-size: auto;
        top: -53px;
      }

      .hero-content {
        margin-top: 72px;
      }

      .subtitle {
        font-size: 1rem;
      }

      .underline {
        color: #353b56;
        background-color: #353b56;
      }

      .div-center {
        margin-top: 87px;
      }

      .department-description-block {
        border-radius: 7px;
      }

      .footer {
        margin-top: 0;
        top: 0;
      }

      .about-us-card {
        top: -210px;
      }

      .feature-big-number {
        color: #5878378f;
      }

      .department-body {
        height: 635px;
      }

      .features {
        width: 550px;
      }

      .signature {
        margin-top: 68px;
        margin-bottom: 10px;
      }

      .align-right {
        margin-top: -29px;
      }

      .top-margin.less {
        margin-top: 150px;
      }

      .hero-container {
        max-width: 1250px;
        margin-top: 0;
      }

      .paragraph {
        text-align: left;
      }

      .bold-text-3 {
        text-align: left;
        font-size: 1.125rem;
        line-height: 28px;
      }

      .heading {
        font-size: 2rem;
      }

      .heading-2 {
        color: #353b56;
        font-size: 2rem;
      }

      .hero-without-image {
        top: -66px;
      }

      .container-2 {
        max-width: 1100px;
        margin-top: 0;
      }

      .container-3 {
        max-width: 1250px;
      }

      .ondeestamos.tint.ondeestamoss {
        background-image: none;
        height: 1350px;
        top: 0;
      }

      .team-grid {
        flex-flow: wrap;
        justify-content: center;
        align-items: center;
        display: flex;
      }

      .team-member-image {
        min-width: 300px;
        max-width: 372px;
        max-height: none;
      }

      .team-card-2 {
        justify-content: flex-start;
        align-items: center;
        width: 300px;
      }

      .team-member-name {
        font-size: 0.875rem;
      }

      .team-card-2-copy {
        justify-content: center;
        align-items: center;
        width: 300px;
      }

      .paragraph-3,
      .paragraph-4,
      .paragraph-5,
      .paragraph-6,
      .paragraph-7 {
        font-size: 1rem;
      }

      .paragraph-6-copy {
        font-size: 1rem;
      }

      .quick-stack {
        grid-column-gap: 61px;
        grid-row-gap: 61px;
        width: 1100px;
        max-width: 1100px;
        margin-top: 0;
      }

      .container-6 {
        max-width: 1250px;
      }

      .cell-6 {
        justify-content: flex-start;
        align-items: flex-end;
      }

      .cell-8 {
        grid-column-gap: 64px;
        grid-row-gap: 64px;
      }

      .about-us-card-copy {
        max-width: 940px;
        margin-top: 35px;
        top: -210px;
      }

      .copycapa.less {
        margin-top: 50px;
      }

      .container-10 {
        max-width: 1250px;
      }

      .paragraph-9 {
        padding-left: 15px;
        padding-right: 15px;
        font-size: 1rem;
      }

      .paragraph-10 {
        font-size: 1rem;
      }

      .sta-cruz-das-palmeiras {
        justify-content: flex-start;
        align-items: center;
        width: 300px;
      }

      .heading-11,
      .heading-12,
      .heading-13 {
        color: #353b56;
        font-size: 1.125rem;
      }

      .heading-14 {
        color: #353b56;
        text-transform: none;
        text-decoration: none;
      }

      .logos-title-small {
        top: 0;
      }

      .bold-text-40 {
        text-decoration: none;
      }

      .hero-without-image-2 {
        height: 500px;
        top: -61px;
      }

      .hero-heading-left-2 {
        background-color: #353b56;
        height: 400px;
        top: 0;
      }

      .container-14 {
        max-width: 1100px;
      }

      .heading-15 {
        color: #fff;
        font-size: 2rem;
      }

      .cell-9 {
        justify-content: center;
        align-items: center;
      }

      .transparenciahead {
        color: #fff;
        font-size: 2rem;
      }

      .copytransparencia {
        color: #353b56;
        background-color: #fff;
      }

      .quick-stack-3 {
        margin-top: 26px;
      }

      .container-15 {
        max-width: 1100px;
      }

      .hero-heading-center {
        background-color: #f5f7fa;
        height: 1100px;
      }

      .zen-grid-1 {
        margin-top: 20px;
      }

      .zen-wrap-2 {
        margin-top: 0;
      }

      .image-7 {
        border-top-left-radius: 7px;
        border-top-right-radius: 7px;
      }

      .paragraph-12 {
        margin-top: 20px;
      }

      .department-description-block-copy {
        border-radius: 7px;
      }

      .copy2,
      .capahospital,
      .copycentro {
        height: 635px;
      }

      .image-7-copy {
        border-top-left-radius: 7px;
        border-top-right-radius: 7px;
      }

      .copycentro-copy,
      .unidademista {
        height: 635px;
      }

      .porntosocorroinfantil {
        height: auto;
      }

      .saolucas,
      .saobernardo,
      .reablitacao {
        border-radius: 7px;
      }

      .reabilitacao2 {
        height: auto;
      }

      .capa2 {
        height: auto;
      }

      .sistemasmedia {
        height: auto;
      }

      .capa {
        border-radius: 7px;
      }

      .hero-heading-center-copy {
        background-color: #f5f7fa;
        height: 1100px;
      }

      .webmodel {
        background-color: #f5f7fa;
        height: 1300px;
      }

      .transparenciaweb {
        background-color: #f5f7fa;
        height: 650px;
      }

      .documentoetica,
      .documentoetica-copy,
      .mobiletraco {
        color: #353b56;
        background-color: #353b56;
      }

      .nossahistoria {
        margin-top: 20px;
      }

      .modelcompliance {
        background-color: #f5f7fa;
        height: 1300px;
      }

      .hero-heading-center-3 {
        height: auto;
      }

      .tabs-2 {
        flex-flow: column;
        justify-content: space-between;
        height: auto;
        margin-top: 100px;
        display: flex;
      }

      .div-block-5 {
        height: 1000px;
        margin-top: 0;
      }

      .webmodel-copy {
        background-color: #f5f7fa;
        height: 1300px;
      }



      .webmodel-copy._1920 {
        height: auto;
      }

      .atuacao {
        border-bottom-width: 0;
        top: 0;
      }

      .mista {
        height: 250px;
      }

      .estatuto {
        background-color: #353b56;
        height: 400px;
        top: 0;
      }

      .container-27 {
        top: 0;
      }

      .hero-without-image-4 {
        border-bottom-width: 0;
        height: 300px;
        top: 0;
      }

      .confiaremnos {
        height: 3000px;
      }

      .confiaremnos.tint.why-us {
        background-position: 5%;
        height: 1150px;
        top: -66px;
      }

      .confiaremnos.about-us {
        background-image: url('/images/Ativo-22x_1.webp');
        background-size: auto;
        top: -53px;
      }

      .webmodel-copy-copy {
        background-color: #f5f7fa;
        height: 1300px;
      }

      .webmodel-copy-copy._1920 {
        height: 950px;
      }

      .comp-pane.right {
        width: 500px;
      }

      .div-block-6 {
        border-radius: 10px;
        height: 400px;
      }

      .container-40 {
        margin-bottom: 50px;
      }

      .container-43 {
        max-width: 1500px;
      }
    }

    @media screen and (max-width: 1300px) {
      .container-52 {
        margin-top: 480px;
      }

      .cell-43 {
        display: flex;
        justify-content: center;
        align-items: center;
      }

      .team-slider-wrapper {
        flex-flow: row;
        display: flex;
      }

      .team-slide-wrapper {
        width: 47%;
        margin-right: 6%;
      }
    }

    @media screen and (max-width: 1200px) {
      .container-16 {
        margin-left: 0rem;
      }

      .nossahistoria {
        grid-template-columns: 1fr;
        width: auto;
      }

      .container-15.container-27 {
        max-width: 500px
      }
    }

    @media screen and (max-width: 1100px) {
      .team-slide-wrapper-2 {
        width: 47%;
        margin-right: 6%;
      }
    }

    @media screen and (max-width: 991px) {
      .Xnavbar {
        width: 100%;
        height: 120px;
        padding-top: 15px;
        padding-bottom: 15px;
      }

      .portfolio {
        grid-column-gap: 40px;
      }

      .tabs-content-3 {
        justify-content: center;
        align-items: center;
        width: 100%;
        display: flex;
      }

      .tab-link {
        margin-left: 20px;
        margin-right: 20px;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 26px;
      }

      .tabs-menu-3 {
        flex-direction: row;
        justify-content: center;
        width: 100%;
        padding-top: 10px;
      }

      .tabs-2 {
        flex-direction: column;
      }



      .atuacao {
        height: 700px;
        top: 0;
      }

      .top-info-bar {
        display: none;
      }

      .v {
        height: 1200px;
        padding-left: 20px;
        padding-right: 20px;
      }

      .v.why-us {
        background-image: none;
        background-repeat: repeat;
        background-size: auto;
      }

      .v.tint.why-us {
        background-position: 50%;
        top: -144px;
      }

      .v.about-us {
        background-image: url('/images/Ativo-22x_1.webp');
        background-position: 50% 60px;
        background-repeat: no-repeat;
        top: -135px;
      }

      .hero-header {
        font-size: 38px;
      }

      .Xnav-link.w--current {
        background-color: #0000;
      }

      .Xnav-menu {
        background-color: #fff;
        width: 100%;
        height: 550px;
      }

      .Xnavbar-container {
        border-top-style: none;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        width: 728px;
        max-width: 900px;
      }

      .title-wrapper {
        width: auto;
      }

      .service-box {
        padding-left: 10px;
        padding-right: 10px;
      }

      .service-box:hover {
        box-shadow: none;
        transform: none;
      }

      .appointment-wrapper {
        margin-top: 0;
        margin-bottom: 40px;
      }

      .button {
        height: 40px;
        font-size: 12px;
      }

      .button.appointment-button {
        margin-top: 0;
        display: none;
      }

      .button.fixed-contact-button {
        z-index: 2000;
        background-color: #fff;
        background-image: url('/images/office-form.png');
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 28px;
        padding: 28px;
        bottom: 10px;
        right: 10px;
      }

      .post-preview-content {
        padding-right: 10px;
      }

      .service-item {
        flex-direction: row;
        justify-content: center;
        align-items: flex-end;
      }

      .sidebar-card {
        height: 500px;
        margin-bottom: 0;
        position: relative;
      }

      .doctor-item {
        margin-top: 0;
      }

      .department-description-block {
        width: auto;
        padding-bottom: 0;
      }

      .doctor-avatar {
        width: 170px;
        height: 170px;
      }

      .footer {
        margin-top: 0;
        padding-left: 20px;
        padding-right: 20px;
        top: 0;
      }

      .footer-header-wrapper {
        width: 148.109px;
        display: flex;
      }

      .about-us {
        background-position: 50% 60px;
        background-size: 800px;
      }

      .about-us-card {
        padding: 30px 25px;
      }

      .doctor-details {
        padding-left: 50px;
      }

      .doctor-detail-wrapper {
        flex-direction: row;
        justify-content: space-around;
        align-items: baseline;
      }

      .price-table,
      .tabs-content {
        padding-left: 10px;
        padding-right: 10px;
      }

      .top-info-bar-container {
        justify-content: center;
      }

      .info-blocks-wrapper {
        flex: none;
      }

      .department-body {
        height: 1600px;
      }

      .column-no-padding-on-mobile {
        padding-left: 0;
        padding-right: 0;
      }

      .price-ribbon {
        left: -32px;
      }

      .info-bar {
        justify-content: center;
      }

      .Xnav-scroll-container {
        flex-wrap: nowrap;
        place-content: center space-between;
        display: block;
      }

      .menu-button {
        color: var(--success-color);
        margin-right: 10px;
        left: 470px;
      }

      .menu-button.w--open {
        background-color: var(--success-color);
      }

      .flex-box.justify-center.departments-align {
        grid-column-gap: 15px;
        grid-row-gap: 15px;
      }

      .flex-box.space-between {
        flex-flow: row;
      }

      .department-item {
        justify-content: center;
        align-items: center;
        width: 33%;
        display: flex;
      }

      .price-column {
        display: flex;
      }

      .fixed-button-wrapper {
        display: block;
      }

      .popup-wrapper {
        width: 100%;
      }

      .column-right-padding {
        padding-right: 10px;
      }

      .contact-info-block {
        margin-left: -10px;
      }

      .sidebar-column {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        flex-flow: column;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        padding-left: 0;
        padding-right: 0;
        display: flex;
      }

      .contact-us-info-blocks {
        left: -60px;
      }

      .breadcrumbs {
        height: 72px;
      }

      .hero-container {
        margin-top: -55px;
      }

      ._33-percent-column.right-padding {
        grid-column-gap: 19px;
        grid-row-gap: 19px;
        flex-flow: wrap;
        justify-content: center;
        align-items: center;
        width: auto;
        display: flex;
      }

      ._17-percent-column {
        width: 18%;
        height: 250px;
      }

      ._17-percent-column.next {
        flex-flow: row;
      }

      .Xdropdown {
        display: flex;
      }

      .hero-without-image {
        height: 700px;
        top: -140px;
      }

      .container {
        max-width: 728px;
      }

      .container-2 {
        width: auto;
      }

      .container-3 {
        max-width: 728px;
      }

      .sao-lucas {
        padding-left: 10px;
        padding-right: 10px;
      }

      .sao-lucas:hover {
        box-shadow: none;
        transform: none;
      }

      .ondeestamos {
        padding-left: 20px;
        padding-right: 20px;
      }

      .ondeestamos.why-us {
        background-image: none;
        background-repeat: repeat;
        background-size: auto;
      }

      .ondeestamos.tint.ondeestamoss {
        top: 0;
      }

      .ondeestamos.about-us {
        background-image: url('/images/doctors_5.png');
        background-position: 50% 60px;
        background-repeat: no-repeat;
      }

      .team-grid {
        grid-column-gap: 40px;
      }

      .team-member-image {
        width: 100%;
        height: 190px;
      }

      .quick-stack {
        width: auto;
      }

      .container-7 {
        max-width: 728px;
      }

      .Xnav-menu-2 {
        display: none;
      }

      .navigation-left {
        display: flex;
      }

      .navigation {
        display: none;
      }

      .container-8 {
        max-width: 728px;
      }

      .Xnavbar-wrapper-three {
        justify-content: space-between;
      }

      .Xnavbar-brand-three {
        position: relative;
      }

      .Xnav-menu-wrapper-three {
        background-color: #0000;
        top: 70px;
      }

      .Xnav-menu-three {
        background-color: #fff;
        border-radius: 50px;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        margin-top: 10px;
        padding: 20px;
        display: flex;
        box-shadow: 0 8px 50px #0000000d;
      }

      .Xnav-link-2 {
        padding-left: 5px;
        padding-right: 5px;
      }

      .Xnav-dropdown-list.shadow-three.w--open {
        position: absolute;
      }

      .menu-button-2 {
        padding: 12px;
      }

      .menu-button-2.w--open {
        color: #fff;
        background-color: #a6b1bf;
      }

      .Xnav-menu-3 {
        display: none;
      }

      .Xdropdown-link-mobile {
        padding-top: 15px;
        padding-bottom: 15px;
      }

      .Xdropdown-list-2 {
        background-color: #fff;
      }

      .mobile-nav-link {
        width: 100%;
      }

      .navigation-container-mob {
        justify-content: space-between;
      }

      .menu-mob {
        color: #000;
        background-color: #fafafa;
        border-radius: 100px;
        font-size: 22px;
      }

      .menu-mob.w--open {
        background-color: #824bf1;
      }

      .mobile-nav {
        background-color: #fff;
        padding-top: 15px;
        box-shadow: 42px 42px 55px #20355a17;
      }

      .navigation-mob {
        border-bottom: 1px solid #4455671c;
        flex-direction: row;
        justify-content: center;
        height: 85px;
        padding-left: 3%;
        padding-right: 3%;
        display: flex;
      }

      .flowbase-logo {
        width: 250px;
      }

      .mobile-toggle {
        flex-flow: column;
        width: 100%;
        display: flex;
      }

      .mobile-dropdown {
        flex-flow: column;
        display: flex;
      }

      .container-9 {
        max-width: 728px;
      }

      .hero-wrapper {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        margin-bottom: -40px;
      }

      .hero-split {
        max-width: 100%;
        margin-bottom: 40px;
      }

      .cell-5 {
        flex-flow: wrap;
      }

      .about-us-card-copy {
        padding: 30px 25px;
        top: -141px;
      }

      .container-11 {
        max-width: 728px;
      }

      .clients-quote-two {
        font-size: 28px;
        line-height: 36px;
      }

      .logos-title-small {
        height: 1100px;
        top: 0;
      }

      .clients-image-three {
        margin-bottom: 30px;
      }

      .container-13 {
        max-width: 728px;
      }

      .hero-heading-left-2 {
        background-position: 70%;
        height: 450px;
        top: -205px;
      }

      .hero-wrapper-2 {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        margin-bottom: -40px;
      }

      .hero-split-2 {
        max-width: 100%;
        margin-bottom: 40px;
      }

      .quick-stack-3 {
        width: auto;
        height: auto;
        margin-top: 0;
      }

      .container-15 {
        max-height: 3580px;
        margin-top: -40px;
      }

      .hero-heading-center {
        height: 1900px;
      }

      .container-16 {
        width: 728px;
      }

      .zen-pic-2,
      .zen-pic-1 {
        height: 10em;
      }

      .nossamissao {
        height: auto;
      }

      .zen-pic-3 {
        height: 10em;
      }

      .zen-grid-1 {
        grid-template-columns: 1fr;
        width: 728px;
      }

      .zen-wrap-2 {
        width: auto;
        margin-top: 150px;
        margin-left: 0;
        padding-top: 0;
        display: flex;
        flex-direction: column;
        gap: 2rem;
        margin-top: 50px;
      }

      .zen-paragraph-1 {
        width: 728px;
        height: auto;
      }

      .zen-wrap-1 {
        height: 500px;
        margin-top: 0;
      }

      .zen-wrap-1-1 {
        justify-content: center;
        align-items: center;
        display: flex;
      }

      .zen-wrap-7 {
        justify-content: flex-end;
        align-items: flex-end;
      }

      .zen-pic-6 {
        height: 18em;
      }

      .hero-heading-center-2 {
        height: 2200px;
      }

      .image-7,
      .container-17 {
        margin-top: 0;
      }

      .heading-17 {
        margin-top: 12px;
      }

      .columns {
        display: flex;
      }

      .column {
        flex-flow: row;
        justify-content: center;
        align-items: center;
        margin-top: 0;
      }

      .mob-version {
        margin-left: -10px;
      }

      .hospital-banner,
      .servi-os-banner,
      .hospital-banner2 {
        width: 250px;
        height: 500px;
        margin-bottom: 0;
        position: relative;
      }

      .servicosbanner2 {
        width: 250px;
        height: 550px;
        max-height: 550px;
        margin-bottom: 0;
        position: relative;
      }

      .tabletbannerhospital,
      .servicosbannertabler {
        width: 250px;
        height: auto;
        margin-bottom: 0;
        position: relative;
      }

      .hospitalbanner2tablet {
        width: 250px;
        height: auto;
        margin-bottom: 0;
        position: relative;
      }

      .servicostabletcoy {
        width: auto;
        height: auto;
        max-height: 1350px;
        margin-bottom: 0;
        position: relative;
      }

      .paragraph-18,
      .paragraph-19 {
        margin-top: -7px;
      }

      .hospital-sao-lucas {
        height: auto;
      }

      .servicoscopydacopy {
        width: 250px;
        height: auto;
        max-height: 1350px;
        margin-bottom: 0;
        position: relative;
      }

      .copy1 {
        flex-flow: row;
        justify-content: center;
        align-items: center;
        margin-top: 0;
        display: flex;
      }

      .department-description-block-copy {
        width: auto;
      }

      .copy2 {
        height: auto;
      }

      .capahospital {
        height: auto;
      }

      .hospitalpadre {
        height: auto;
      }

      .copycentro {
        height: auto;
      }

      .centroespecializado {
        height: auto;
      }

      .bold-text-51 {
        font-size: 14px;
        line-height: 14px;
      }

      .sistemademedia {
        height: auto;
      }

      .copycentro-copy {
        height: auto;
      }

      .unidademista {
        height: auto;
      }

      .sistemademedia-copy,
      .sistemademedia-copy-copy,
      .prontoatendimentoinfantilcapa {
        height: auto;
      }

      .unidademistaboa,
      .infantil {
        height: auto;
      }

      .porntosocorroinfantil {
        height: auto;
      }

      .saolucas {
        width: auto;
      }

      .saobernardo {
        width: auto;
      }

      .reablitacao {
        width: auto;
        height: auto;
        padding-top: 0;
      }

      .reabilitacao2 {
        height: auto;
      }

      .capa2 {
        height: auto;
      }

      .sistemasmedia {
        height: auto;
      }

      ._1 {
        font-size: 14px;
        line-height: 14px;
      }

      ._2 {
        margin-top: -17px;
      }

      .capa {
        width: auto;
      }

      .container-22 {
        max-width: 728px;
      }



      .team-block {
        height: auto;
      }

      .team-member-image-two {
        width: 100%;
        height: auto;
      }

      .team-member-text {
        margin-top: -14px;
      }

      .mask,
      .container-23 {
        width: auto;
      }

      .cell-12,
      .cell-13,
      .cell-14 {
        justify-content: center;
        align-items: center;
      }

      .quick-stack-6 {
        grid-column-gap: 60px;
        grid-row-gap: 60px;
      }

      .hero-heading-center-copy {
        height: auto;
      }

      .webmodel {
        height: auto;
      }

      .transparenciaweb {
        height: auto;
      }

      .div-block-3 {
        flex-flow: row;
        display: block;
      }

      .image-8 {
        order: -1;
        height: auto;
      }

      .zen-grid-2-2 {
        grid-column-gap: 0em;
        grid-row-gap: 0em;
      }

      .zen-pic-1-2,
      .zen-pic-2-2 {
        height: 10em;
      }

      .zen-pic-6-2 {
        height: 18em;
      }

      .zen-pic-3-2 {
        height: 10em;
      }

      .zen-wrap-9-2 {
        order: -1;
        display: flex;
      }

      .zen-pic-1-3 {
        height: 10em;
      }

      .zen-pic-1-4 {
        height: 10em;
      }

      .zen-pic-6-3 {
        height: 18em;
      }

      .modelcompliance {
        height: 1600px;
      }

      .hero-heading-center-3 {
        height: auto;
      }

      .container-25 {
        max-width: 728px;
      }

      .hero-wrapper-3 {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        margin-bottom: -40px;
      }

      .hero-split-3 {
        max-width: 100%;
        margin-bottom: 40px;
      }

      .div-block-5 {
        width: 100%;
        height: 350px;
      }

      .webmodel-copy {
        height: 1700px;
      }

      .cell-17 {
        justify-content: flex-start;
        align-items: center;
      }

      .atuacao {
        height: auto;
        top: 0;
      }

      .mista {
        height: 450px;
      }

      .estatuto {
        background-position: 45%;
        height: 450px;
        top: 0;
      }

      .container-28 {
        max-width: 728px;
      }

      .hero-wrapper-4 {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        margin-bottom: -40px;
      }

      .hero-split-4 {
        max-width: 100%;
        margin-bottom: 40px;
      }

      .container-29,
      .container-30,
      .container-31,
      .container-36 {
        max-width: 728px;
      }

      .confiaremnos {
        padding-left: 20px;
        padding-right: 20px;
      }

      .confiaremnos.why-us {
        background-image: none;
        background-repeat: repeat;
        background-size: auto;
      }

      .confiaremnos.tint.why-us {
        background-position: 50%;
        top: -144px;
      }

      .confiaremnos.about-us {
        background-image: url('/images/Ativo-22x_1.webp');
        background-position: 50% 60px;
        background-repeat: no-repeat;
        top: -135px;
      }

      .webmodel-copy-copy {
        height: 1700px;
      }

      .form-field {
        width: auto;
        position: static;
        left: 0;
      }

      .heading-form-title {
        margin-top: 0;
        margin-left: 0;
        left: 0;
      }

      .form-button {
        left: 0;
      }

      .comp-pane.right {
        width: 730px;
      }

      .container-39 {
        max-width: 728px;
      }

      .div-block-6 {
        height: 200px;
      }

      .quick-stack-18 {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
      }

      .cell-24 {
        justify-content: center;
        align-items: flex-end;
      }

      .cell-26 {
        justify-content: center;
        align-items: center;
      }

      .cell-27 {
        flex-flow: row;
        justify-content: center;
        align-items: center;
      }

      .container-41,
      .container-45 {
        max-width: 728px;
      }

      .hero-wrapper-5 {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        margin-bottom: -40px;
      }

      .hero-split-5 {
        max-width: 100%;
        margin-bottom: 40px;
      }
    }

    @media screen and (max-width: 940px) {

      .container-grid-transparencia,
      .container-grid-transparencia-2 {
        grid-template-columns: 1fr;
      }

    }

    @media screen and (max-width: 870px) {
      .container-52 {
        margin-top: 550px;
      }

      .team-slide-wrapper-2 {
        width: 280px;
        margin-right: 0%;
      }

      .team-block-2,
      .team-block-info-2 {
        width: 280px;
      }

      .team-slider-wrapper-2 {
        flex-flow: column;
        justify-content: center;
        align-items: center;
        display: flex;
      }

      .atuacao {
        height: 700px;
        top: 0;
      }

      .container-2 {
        max-width: 350px;
        margin-top: 0;
      }

      .mask-2,
      .team-block-info-2-copy,
      ._44 {
        width: 280px;
      }
    }

    @media screen and (max-width: 767px) {
      .v {
        height: 1200px;
        padding-top: 50px;
        padding-bottom: 50px;
      }

      .portfolio {
        grid-template-columns: 1fr 1fr;
      }

      .hero-heading-center-5 {
        padding: 60px 15px;
      }

      .atuacao {
        height: 700px;
        padding: 60px 15px;
      }

      .v.tint.why-us {
        margin-top: -144px;
        top: 0;
      }

      .v.tint.services {
        padding-top: 50px;
      }

      .v.about-us {
        background-image: url('/images/Ativo-22x_1.webp');
        background-repeat: no-repeat;
        background-size: 800px;
        padding-bottom: 50px;
        top: -135px;
      }

      .hero-header {
        font-size: 34px;
        line-height: 44px;
      }

      .Xnav-link {
        flex-flow: column;
        display: flex;
      }

      .Xnav-menu {
        width: 100%;
        height: 500px;
      }

      .Xnavbar-container {
        width: 519px;
      }

      .title-wrapper {
        width: auto;
      }

      .appointment-wrapper {
        width: 100%;
        margin-top: 0;
      }

      .button {
        height: 40px;
      }

      .button.appointment-button {
        margin-right: 10px;
      }

      .blog-post-row {
        flex-direction: column;
        padding-bottom: 30px;
      }

      .news-padding-column {
        margin-bottom: 40px;
        padding-left: 0;
        padding-right: 0;
      }

      .service-item {
        width: 49%;
      }

      .doctor-item {
        width: 50%;
      }

      .department-description-block {
        width: auto;
      }

      .service-prices-wrapper {
        margin-bottom: 40px;
      }

      .footer {
        margin-top: 0;
      }

      .footer-column {
        padding-bottom: 30px;
      }

      .breadcrumbs-wrapper {
        padding-left: 20px;
      }

      .about-us {
        padding-bottom: 140px;
      }

      .about-us-container {
        top: 19px;
        bottom: 0;
      }

      .doctor-details {
        padding-left: 0;
      }

      .popup-close {
        z-index: 10;
        width: 42px;
        height: 42px;
        top: 15px;
        right: 15px;
      }

      .emergency-number {
        flex: none;
        align-self: center;
      }

      .emergency-wrapper {
        flex-direction: column;
      }

      .brand.w--current {
        width: 150px;
      }

      .footer-credits {
        padding-left: 10px;
        padding-right: 10px;
      }

      .credits {
        margin-bottom: 10px;
      }

      .footer-socials {
        margin-top: 20px;
        margin-left: 0;
      }

      .credits-wrapper {
        flex-direction: column;
        justify-content: center;
        align-items: center;
      }

      .post-flex-list {
        flex-direction: column;
      }

      .service-body {
        margin-bottom: 40px;
      }

      .department-body {
        height: 1000px;
      }

      .menu-button {
        left: 294px;
      }

      .testimonial-slider-arrow {
        display: none;
      }

      .flex-box.justify-center {
        justify-content: flex-start;
        align-items: center;
      }

      .flex-box.justify-center.departments-align {
        flex-direction: row;
        justify-content: center;
        align-items: center;
      }

      .flex-box.space-between {
        flex-direction: row;
      }

      .flex-box.justify-start.contact-flex {
        flex-direction: column;
      }

      .department-item {
        width: 33%;
      }

      .price-column {
        width: 48%;
        padding-bottom: 20px;
      }

      .sidebar-column {
        flex-flow: column;
        order: -1;
        margin-top: 29px;
        padding-left: 0;
        display: flex;
        justify-content: center;
        align-items: center;
      }

      .contact-map {
        display: none;
      }

      .hours-wrapper {
        margin-bottom: 25px;
        padding-right: 35px;
      }

      .contact-us-info-blocks {
        box-shadow: none;
        position: relative;
        left: 0;
        right: 0;
        transform: none;
      }

      ._50-percent-column {
        width: 100%;
      }

      .doctor-column {
        width: 50%;
      }

      .more-left-padding {
        margin-top: 20px;
        padding-left: 10px;
      }

      ._33-percent-column.right-padding {
        width: 50%;
      }

      ._33-percent-column.contact-footer {
        width: 55%;
        margin-top: 30px;
        padding-left: 0;
      }

      ._17-percent-column {
        width: 25%;
      }

      .hero-without-image {
        height: 700px;
        padding: 60px 15px;
      }

      .container-3 {
        margin-top: 0;
      }

      .container-15.container-27 {
        margin-left: 0rem;
      }

      .ondeestamos {
        padding-top: 50px;
        padding-bottom: 50px;
      }

      .ondeestamos.tint.ondeestamoss {
        height: 1700px;
        padding-top: 50px;
      }

      .ondeestamos.about-us {
        background-image: none;
        background-repeat: repeat;
        background-size: auto;
        padding-bottom: 50px;
      }

      .team-circles {
        padding: 60px 15px;
      }

      .team-grid {
        grid-template-columns: 1fr 1fr;
      }

      .heading-8 {
        margin-top: 50px;
      }

      .container-7 {
        max-width: 519px;
      }

      .Xnavbar-brand-three {
        padding-left: 0;
      }

      .Xnav-menu-three {
        border-radius: 20px;
        flex-direction: column;
        padding-bottom: 30px;
      }

      .Xnav-menu-block {
        flex-direction: column;
      }

      .Xnav-link-2 {
        padding-top: 10px;
        padding-bottom: 10px;
        display: inline-block;
      }

      .Xnav-dropdown {
        flex-direction: column;
        align-items: center;
        display: flex;
      }

      .Xnav-dropdown-toggle {
        padding-top: 10px;
        padding-bottom: 10px;
      }

      .Xnav-dropdown-list.shadow-three {
        box-shadow: 0 8px 50px #0000000d;
      }

      .Xnav-dropdown-list.shadow-three.w--open {
        position: relative;
      }

      .Xnav-dropdown-list.shadow-three.mobile-shadow-hide {
        box-shadow: none;
      }

      .Xnav-link-accent {
        margin-right: 5px;
        padding-top: 10px;
        padding-bottom: 10px;
        display: inline-block;
      }

      .mobile-margin-top-10 {
        margin-top: 10px;
      }

      .hero-heading-left {
        padding: 60px 15px;
      }

      .cell-5 {
        grid-column-gap: 25px;
        grid-row-gap: 25px;
        flex-flow: row;
      }

      .about-us-card-copy {
        top: 117px;
      }

      .container-10 {
        max-width: 940px;
      }

      .logos-quote-divider {
        padding: 60px 15px;
      }

      .clients-wrapper-two {
        flex-direction: column;
      }

      .clients-info-two {
        max-width: none;
        margin-bottom: 40px;
      }

      .clients-grid {
        grid-column-gap: 40px;
        grid-template-columns: 1fr 1fr 1fr;
        margin-top: 15px;
      }

      .logos-title-small {
        padding: 60px 15px;
        top: 0;
      }

      .clients-wrapper-three {
        margin-bottom: -30px;
      }

      .clients-image-three {
        margin-bottom: 30px;
        margin-left: 20px;
        margin-right: 20px;
      }

      .logo-grid_wrapper {
        padding-bottom: 1rem;
        padding-left: 1rem;
        padding-right: 1rem;
      }

      .logo1copy,
      .logo1copy2,
      .bionexocopy,
      .epimedcomy {
        max-height: 3rem;
      }

      .container-12 {
        max-width: 940px;
      }

      .hero-without-image-2 {
        padding: 60px 15px;
      }

      .hero-heading-left-2 {
        background-position: 45%;
        height: 450px;
        margin-top: 0;
        padding: 60px 15px;
        top: -149px;
      }

      .transparencia {
        width: 100%;
      }

      .quick-stack-3 {
        margin-top: 0;
      }

      .container-15 {
        width: auto;
        max-width: 700px;
        margin-top: -70px;
      }

      .hero-heading-center {
        padding: 60px 15px;
      }

      .container-16 {
        width: auto;
        max-width: 728px;
      }

      .zen-pic-2,
      .zen-pic-1 {
        height: 8em;
      }

      .zen-pic-3 {
        width: 10em;
        height: auto;
      }

      .zen-grid-1 {
        grid-template-columns: 1fr;
      }

      .zen-wrap-2,
      .zen-paragraph-1 {
        width: auto;
      }

      .zen-wrap-1 {
        width: 700px;
        max-width: 700px;
      }

      .zen-pic-6 {
        width: 20em;
        height: auto;
      }

      .hero-heading-center-2 {
        height: auto;
        padding: 60px 15px;
      }

      .container-18 {
        max-width: 700px;
      }

      .columns {
        flex-flow: column-reverse;
      }

      .column {
        margin-top: 0;
      }

      .hospital-sao-lucas {
        height: auto;
        padding: 60px 15px;
      }

      .hospitalpadre {
        height: auto;
        padding: 60px 15px;
      }

      .copycentro {
        height: 1000px;
      }

      .centroespecializado {
        height: auto;
        padding: 60px 15px;
      }

      .sistemademedia {
        height: auto;
        padding: 60px 15px;
      }

      .unidademista {
        height: 350px;
      }

      .sistemademedia-copy,
      .sistemademedia-copy-copy,
      .prontoatendimentoinfantilcapa {
        height: auto;
        padding: 60px 15px;
      }

      .unidademistaboa {
        height: auto;
        padding: 60px 15px;
      }

      .infantil {
        height: auto;
        padding: 60px 15px;
      }

      ._2 {
        margin-top: 0;
      }

      .capa {
        width: auto;
      }

      .team-slider,
      .hero-heading-center-copy {
        padding: 60px 15px;
      }

      .webmodel {
        height: 1500px;
        padding: 60px 15px;
      }

      .transparenciaweb,
      .hero-without-image-3 {
        padding: 60px 15px;
      }

      .mobiletraco.white {
        top: 198px;
      }

      .zen-pic-1-2,
      .zen-pic-2-2 {
        height: 8em;
      }

      .zen-pic-6-2 {
        width: 20em;
        height: auto;
      }

      .zen-pic-3-2 {
        width: 10em;
        height: auto;
      }

      .zen-pic-1-3 {
        height: 8em;
      }

      .nossahistoria {
        grid-template-columns: 1fr;
      }

      .zen-pic-1-4 {
        height: 8em;
      }

      .zen-pic-6-3 {
        width: 20em;
        height: auto;
      }

      .modelcompliance,
      .hero-heading-center-3 {
        padding: 60px 15px;
      }

      .container-26 {
        width: auto;
        max-width: 700px;
      }

      .webmodel-copy {
        height: 1500px;
        padding: 60px 15px;
      }

      .webmodel-copy._1920 {
        height: 1700px;
      }

      .atuacao {
        height: auto;
        padding: 60px 15px;
      }

      .mista {
        height: 350px;
      }

      .estatuto {
        background-position: 45%;
        height: auto;
        margin-top: 0;
        padding: 60px 15px;
        top: 0;
      }

      .hero-subscribe-right,
      .hero-without-image-4,
      .hero-without-image-5,
      .hero-without-image-6,
      .hero-without-image-7,
      .hero-without-image-8 {
        padding: 60px 15px;
      }

      .confiaremnos {
        height: 1400px;
        padding-top: 50px;
        padding-bottom: 50px;
      }

      .confiaremnos.tint.why-us {
        margin-top: 0;
        top: 0;
      }

      .confiaremnos.tint.services {
        padding-top: 50px;
      }

      .confiaremnos.about-us {
        background-image: url('/images/Ativo-22x_1.webp');
        background-repeat: no-repeat;
        background-size: 800px;
        padding-bottom: 50px;
        top: -135px;
      }

      .webmodel-copy-copy {
        height: 1500px;
        padding: 60px 15px;
      }

      .webmodel-copy-copy._1920 {
        height: 1700px;
      }

      .form-field {
        width: 100%;
      }

      .heading-form-title {
        top: 0;
        left: 6px;
      }

      .comp-pane.right {
        width: auto;
        margin-top: 0;
      }

      .container-38,
      .container-39 {
        max-width: auto;
      }

      .hero-without-image-9,
      .hero-heading-center-4 {
        padding: 60px 15px;
      }

      .accordion-item-content {
        margin-right: 0;
      }

      .faq-answer-padding {
        padding: 20px;
      }

      .c-faq {
        width: 100%;
      }

      .paragraph-28 {
        margin-top: 30px;
      }

      .container-15 {
        margin-top: -20px
      }

    }

    @media screen and (max-width: 500px) {
      .container-6 {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        flex-flow: wrap;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr;
        grid-auto-columns: 1fr;
        max-width: 350px;
        display: grid;
      }

    }

    @media screen and (max-width: 479px) {
      .Xnavbar {
        height: 115px;
      }

      .tabs-menu-3 {
        flex-direction: column;
        align-items: center;
        padding-left: 0;
        padding-right: 0;
      }

      .portfolio {
        grid-template-columns: 1fr;
      }

      .tab-pane-tab-1 {
        order: 0;
        align-self: auto;
        width: auto;
      }

      .tabs-2 {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        flex-flow: column;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr;
        grid-auto-columns: 1fr;
        justify-content: space-between;
        align-items: center;
        margin-top: 0;
        display: flex;
      }

      .hero {
        flex-direction: row;
      }

      .icon-7 {
        color: #fff;
        background-color: #0000;
        margin-top: 7px;
      }

      .icon-8 {
        color: #fff;
        background-color: #fff0;
        margin-left: 15px;
      }

      .v {
        height: 1100px;
      }

      .v.tint.why-us {
        background-position: 0 100%;
        height: 1400px;
        top: -149px;
      }

      .v.tint.services {
        background-position: 50%;
        background-size: cover;
        height: 2400px;
      }

      .v.about-us {
        background-image: url('/images/Ativo-22x_1.webp');
        background-position: 50% 60px;
        background-repeat: no-repeat;
        background-size: cover;
        top: -143px;
      }

      .hero-header {
        width: 350px;
        font-size: 32px;
      }

      .cell-43 {
        text-align: center;
      }

      .Xnav-link {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        flex-flow: column;
        justify-content: center;
        align-items: center;
        margin-top: 20px;
        display: flex;
      }

      .Xnav-menu {
        flex-flow: column;
        width: 100%;
        height: 550px;
        display: flex;
      }

      .team-slider-arrow-2 {
        height: 50px;
        margin-top: 150px;
        margin-left: 20px;
        margin-right: 15px;
      }

      .Xnavbar-container {
        justify-content: flex-start;
        align-items: center;
        width: 350px;
        max-width: 350px;
      }

      .hero-content {
        flex-wrap: nowrap;
        place-content: space-around center;
        align-items: center;
        width: 350px;
        margin-top: -116px;
      }

      .underline.white {
        margin-top: 0;
      }

      .text-field.name,
      .text-field.last-name,
      .text-field.email,
      .text-field.phone {
        width: 100%;
      }

      .button {
        height: 39px;
        margin-top: -5px;
      }

      .button.w--current {
        margin-top: 23px;
      }

      .button.white {
        font-size: 10px;
      }

      .post-preview-category {
        font-size: 11px;
      }

      .post-title-link {
        font-size: 15px;
      }

      .post-mini-thumbnail {
        margin-bottom: 5px;
      }

      .post-mini-content {
        padding-left: 10px;
      }

      .service-item {
        width: 100%;
      }

      .page-heading {
        font-size: 32px;
      }

      .sidebar-card {
        width: 350px;
        margin-bottom: 0;
      }

      .doctor-item {
        width: 100%;
      }

      .department-description-block {
        order: 1;
        height: auto;
      }

      .hero-subheader {
        font-size: 20px;
      }

      .footer-title {
        flex-flow: column;
      }

      .footer-line {
        width: 250px;
      }

      .footer-link {
        justify-content: center;
        align-items: center;
        display: flex;
      }

      .footer-header-wrapper {
        text-align: center;
        flex-flow: column;
        width: 250px;
        display: flex;
      }

      .breadcrumbs-wrapper {
        padding-right: 20px;
      }

      .faq-icon {
        padding-left: 10px;
      }

      .about-us {
        background-size: cover;
        padding-bottom: 30px;
      }

      .about-us-card {
        width: 350px;
        height: 400px;
        margin-top: 92px;
        padding: 20px 10px;
        top: 47px;
      }

      .about-us-container {
        justify-content: center;
        align-items: center;
        max-width: 350px;
        display: flex;
      }

      .popup-close {
        width: 32px;
        height: 32px;
      }

      .tab-link-left,
      .tab-link-right {
        display: inline-block;
      }

      .tab-link {
        padding-top: 20px;
        padding-bottom: 20px;
      }

      .info-blocks-wrapper {
        margin-bottom: 10px;
      }

      .department-body {
        width: 350px;
        max-width: 350px;
        height: 1150px;
      }

      .features {
        width: 350px;
        height: auto;
      }

      .info-bar {
        flex-direction: column;
      }

      .menu-button {
        left: 110px;
      }

      .flex-box.justify-center.departments-align {
        flex-direction: column;
      }

      .fixed-contact-form-box {
        bottom: 90px;
        right: 20px;
      }

      .department-block {
        flex-direction: column;
        align-items: center;
      }

      .department-item {
        justify-content: center;
        align-items: center;
        width: 100%;
        display: flex;
      }

      .price-column {
        width: 100%;
      }

      .column-right-padding {
        justify-content: center;
        align-items: center;
        display: flex;
      }

      .top-margin {
        justify-content: center;
        align-items: flex-start;
        margin-top: 0;
      }

      .w-col-8 {
        margin-top: 2rem;
      }

      .sidebar-column {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        justify-content: flex-start;
        align-items: stretch;
        margin-top: 35px;
        padding-left: 0;
        display: flex;
      }

      .hours-wrapper {
        margin-bottom: 0;
      }

      .doctor-column {
        width: 100%;
      }

      .white-card {
        padding: 15px;
      }

      ._33-percent-column.right-padding {
        grid-column-gap: 15px;
        grid-row-gap: 15px;
        flex-flow: wrap;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin-bottom: 45px;
        display: flex;
      }

      ._17-percent-column {
        justify-content: center;
        align-items: center;
        width: 50%;
        margin-top: 0;
      }

      ._17-percent-column.next {
        justify-content: flex-start;
        align-items: center;
      }

      .image {
        margin-top: 20px;
      }

      .image-2 {
        margin-left: 0;
      }

      .Xdropdown {
        display: flex;
      }

      .paragraph {
        text-align: left;
        padding-left: 15px;
        padding-right: 15px;
      }

      .bold-text-3 {
        text-align: left;
      }

      .hero-without-image {
        height: 1400px;
        top: -141px;
      }

      .container {
        max-width: none;
      }

      .container-3 {
        max-width: 350px;
        margin-top: 90px;
      }

      .ondeestamos.tint.ondeestamoss {
        background-image: none;
        height: 3300px;
        top: 0;
      }

      .centered-heading {
        margin-bottom: 24px;
      }

      .team-grid {
        grid-template-columns: 1fr;
      }

      .team-member-image {
        width: 100%;
      }

      .bold-text-10 {
        padding-left: 15px;
        padding-right: 15px;
      }

      .quick-stack {
        width: auto;
      }

      .Xdropdown-title {
        font-weight: 500;
      }

      .link1 {
        width: 350px;
      }

      .container-8 {
        max-width: none;
      }

      .Xnav-menu-three {
        flex-direction: column;
      }

      .Xdropdown-link-mobile {
        padding-top: 12px;
        padding-bottom: 12px;
      }

      .bold-text-25 {
        font-weight: 500;
      }

      .menu-mob.w--open {
        background-color: #2c2f4d;
      }

      .bold-text-27,
      .bold-text-28,
      .bold-text-30,
      .bold-text-31,
      .bold-text-32,
      .bold-text-33,
      .bold-text-34,
      .bold-text-35,
      .bold-text-36,
      .bold-text-37,
      .bold-text-38 {
        font-weight: 500;
      }

      .div-block {
        grid-column-gap: 15px;
        grid-row-gap: 15px;
        flex-flow: column;
        justify-content: center;
        align-items: center;
        width: 250px;
        height: 259px;
        display: flex;
      }

      .link-block {
        text-align: center;
        justify-content: center;
        align-items: center;
      }

      .link-block-2 {
        justify-content: center;
        align-items: center;
      }

      .quemsomoscopy,
      .footercoy,
      .div-block-2 {
        width: 250px;
      }

      .container-9 {
        max-width: none;
      }

      .quick-stack-2 {
        width: auto;
      }

      .bold-text-39 {
        justify-content: center;
        align-items: flex-start;
        display: block;
      }

      .about-us-card-copy {
        width: 350px;
        height: 350px;
        margin-top: 92px;
        padding: 20px 10px;
        top: 47px;
      }

      .copycapa {
        justify-content: center;
        align-items: flex-start;
        margin-top: 30px;
      }

      .paragraph-10 {
        margin-bottom: 30px;
      }

      .container-11 {
        max-width: none;
      }

      .clients-quote-two {
        font-size: 24px;
        line-height: 32px;
      }

      .clients-info-image {
        margin-right: 16px;
      }

      .clients-grid {
        grid-column-gap: 20px;
        grid-row-gap: 40px;
        grid-template-columns: 1fr 1fr;
      }

      .logos-title-small {
        height: 1450px;
        top: 0;
      }

      .clients-wrapper-three {
        grid-column-gap: 20px;
        grid-row-gap: 30px;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        justify-items: center;
        margin-bottom: 0;
        display: grid;
      }

      .clients-image-three {
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
      }

      .container-12 {
        max-width: 350px;
      }

      .paragraph-11 {
        margin-bottom: 30px;
      }

      .container-13 {
        max-width: none;
      }

      .hero-heading-left-2 {
        background-position: 50%;
        background-size: cover;
        height: 500px;
        top: -150px;
      }

      .quick-stack-3 {
        width: auto;
        margin-top: -48px;
      }

      .container-15 {
        max-width: 350px;
        margin-top: -9px;
      }

      .hero-heading-center {
        height: 1850px;
      }

      .centered-heading-2 {
        margin-bottom: 24px;
      }

      .container-16 {
        width: auto;
      }

      .header {
        text-align: center;
        width: 350px;
        max-width: 150.469px;
        height: auto;
        margin-bottom: -18px;
        font-size: 18px;
      }

      .nossamissao {
        text-align: left;
        flex-flow: column;
        justify-content: center;
        align-items: center;
        font-size: 15px;
        line-height: 24px;
        display: flex;
      }

      .zen-grid-1 {
        grid-template-columns: 1fr;
        width: 350px;
        margin-top: -131px;
      }

      .zen-wrap-2 {
        width: auto;
        margin-left: 0;
      }

      .zen-paragraph-1 {
        text-align: left;
        width: auto;
        max-width: 728px;
      }

      .zen-wrap-1 {
        width: 350px;
        height: 300px;
        margin-top: 120px;
      }

      .zen-heading-1 {
        text-align: center;
        margin-top: 10px;
      }

      .text-span-2 {
        text-align: left;
      }

      .hero-heading-center-2 {
        height: 2800px;
      }

      .image-7 {
        height: 250px;
        margin-top: 0;
      }

      .heading-17 {
        margin-top: -8px;
      }

      .paragraph-12 {
        margin-top: 10px;
        padding-left: 15px;
        padding-right: 15px;
      }

      .container-18 {
        width: auto;
      }

      .container-19 {
        max-width: 350px;
        font-size: 10px;
      }

      .paragraph-13,
      .paragraph-14,
      .paragraph-15 {
        padding-left: 15px;
        padding-right: 15px;
      }

      .servicos,
      .hospital-banner,
      .servi-os-banner,
      .hospital-banner2,
      .servicosbanner2,
      .tabletbannerhospital,
      .servicosbannertabler,
      .hospitalbanner2tablet {
        width: auto;
        margin-bottom: 0;
      }

      .servicostabletcoy {
        width: auto;
        height: auto;
        margin-bottom: 0;
      }

      .hospital-sao-lucas {
        height: auto;
      }

      .servicoscopydacopy {
        width: auto;
        height: auto;
        margin-bottom: 0;
      }

      .copy1 {
        justify-content: center;
        align-items: flex-start;
      }

      .department-description-block-copy {
        margin-top: 0px;
      }

      .copy2 {
        width: auto;
        max-width: 350px;
        height: auto;
      }

      .capahospital {
        width: auto;
        max-width: 350px;
        height: auto;
      }

      .hospitalpadre {
        height: auto;
      }

      .copycentro {
        flex-flow: column;
        width: 350px;
        max-width: 350px;
        height: auto;
        display: flex;
      }

      .centroespecializado {
        height: auto;
      }

      .image-7-copy {
        height: 250px;
      }

      .sistemademedia {
        height: auto;
      }

      .copycentro-copy {
        width: 350px;
        max-width: 350px;
        height: 1600px;
      }

      .unidademista {
        width: 350px;
        max-width: 350px;
        height: 400px;
      }

      .sistemademedia-copy,
      .sistemademedia-copy-copy,
      .prontoatendimentoinfantilcapa {
        height: auto;
      }

      .unidademistaboa {
        height: auto;
      }

      .bold-text-61 {
        font-size: 2rem;
        line-height: 24px;
      }

      .infantil {
        height: auto;
      }

      .porntosocorroinfantil {
        width: auto;
        max-width: 350px;
        height: auto;
      }

      .saolucas {
        order: 1;
      }

      .reablitacao {
        order: 1;
        height: auto;
      }

      .reabilitacao2 {
        width: auto;
        max-width: 350px;
        height: auto;
      }

      .capa2 {
        width: auto;
        max-width: 350px;
        height: auto;
      }

      .sistemasmedia {
        flex-flow: column;
        width: auto;
        max-width: 350px;
        height: auto;
        max-height: 8000px;
        margin-top: 0;
        display: flex;
      }

      ._2 {
        margin-top: -8px;
      }

      .capa {
        order: 1;
        height: auto;
      }

      .container-22 {
        max-width: none;
      }

      .centered-heading-3 {
        margin-bottom: 24px;
      }

      .team-slide-wrapper {
        width: 100%;
        margin-right: 0%;
      }

      .team-member-image-two {
        height: 220px;
      }

      .container-23 {
        width: auto;
      }

      .hero-heading-center-copy {
        height: 1850px;
      }

      .webmodel {
        height: 1500px;
      }

      .transparenciaweb {
        height: 1700px;
      }

      .image-8 {
        height: 350px;
      }

      .heading-18 {
        font-size: 1.5625rem;
        line-height: 25px;
      }

      .documentoetica.white {
        margin-top: 0;
      }

      .mobile {
        font-size: 1.5625rem;
        line-height: 35px;
      }

      .documentoetica-copy.white {
        margin-top: 0;
      }

      .mobiletraco.white {
        margin-top: 0;
        top: 219px;
      }

      .container-24 {
        width: auto;
      }

      .zen-grid-2-2 {
        margin-top: 0;
      }

      .zen-paragraph-1-2,
      .zen-heading-1-2 {
        text-align: center;
      }

      .zen-grid-1-2 {
        grid-template-columns: 1fr;
      }

      .nossahistoria {
        grid-template-columns: 1fr;
        width: auto;
        margin-top: 0;
      }

      .zen-wrap-1-3 {
        margin-top: 0;
      }

      .modelcompliance {
        height: 1700px;
      }

      .hero-heading-center-3 {
        height: auto;
      }

      .container-25 {
        max-width: none;
      }

      .centered-heading-4 {
        margin-bottom: 24px;
      }

      .div-block-5 {
        height: 350px;
      }

      .container-26 {
        width: auto;
      }

      .webmodel-copy,
      .webmodel-copy._1920 {
        height: 1500px;
      }

      .atuacao {
        height: auto;
        top: 0;
      }

      .mista {
        width: auto;
        max-width: 350px;
        height: 400px;
      }

      .estatuto {
        background-position: 48%;
        background-size: cover;
        height: auto;
        top: 0;
      }

      .container-28 {
        max-width: none;
      }

      .hero-form {
        align-self: stretch;
        margin-bottom: 15px;
      }

      .hero-form-container {
        flex-direction: column;
        align-items: flex-start;
      }

      .hero-form-input {
        width: 100%;
        height: 48px;
        margin-bottom: 10px;
      }

      .hero-without-image-4 {
        height: 350px;
      }

      .container-29 {
        width: auto;
        max-width: none;
      }

      .hero-without-image-5 {
        height: 1150px;
      }

      .container-30,
      .container-31 {
        max-width: none;
      }

      .heading-24 {
        width: 300px;
        font-size: 20px;
        line-height: 28px;
      }

      .hero-without-image-7 {
        height: 1550px;
      }

      .container-33,
      .quick-stack-13 {
        width: auto;
      }

      .cell-19 {
        justify-content: flex-start;
        align-items: flex-start;
      }

      .cell-20 {
        justify-content: center;
        align-items: center;
      }

      .paragraph-21 {
        line-height: 22px;
      }

      .cell-21 {
        justify-content: center;
        align-items: flex-start;
      }

      .container-34 {
        width: auto;
      }

      .hero-without-image-6 {
        background-position: 57%;
      }

      .cell-22 {
        justify-content: center;
        align-items: flex-start;
      }

      .container-35 {
        width: auto;
      }

      .container-36 {
        max-width: none;
      }

      .faq-answer {
        object-fit: fill;
      }

      .confiaremnos {
        height: 1500px;
      }

      .confiaremnos.tint.why-us {
        background-position: 0 100%;
        height: auto;
        top: -149px;
      }

      .confiaremnos.tint.services {
        background-position: 50%;
        background-size: cover;
        height: 2400px;
      }

      .confiaremnos.about-us {
        background-image: url('/images/Ativo-22x_1.webp');
        background-position: 50% 60px;
        background-repeat: no-repeat;
        background-size: cover;
        top: -143px;
      }

      .webmodel-copy-copy,
      .webmodel-copy-copy._1920 {
        height: 1500px;
      }

      .field-label {
        width: auto;
        padding-left: 0;
        position: static;
        left: 0;
      }

      .form-field {
        border-radius: 5px;
        width: 97%;
        margin-top: 10px;
        font-size: 14px;
        position: static;
        top: 0;
        left: 0;
      }

      .form-field:focus {
        border-color: #ff5f05;
      }

      .form-checkbox {
        justify-content: flex-start;
        margin-left: 5px;
        font-size: 14px;
        line-height: 15px;
        display: flex;
      }

      .heading-form-title {
        z-index: 20;
        width: auto;
        margin-top: 0;
        margin-left: 0;
        padding-left: 11px;
        padding-right: 10px;
        font-size: 20px;
        line-height: 30px;
        display: block;
        top: 31px;
        bottom: 0;
        left: -13px;
      }

      .form-button {
        width: 270px;
        top: 450px;
        left: 5px;
      }

      .comp-pane.right {
        width: auto;
        margin-top: 0;
        padding: 30px;
      }

      .form-field-label {
        height: 15px;
      }

      .container-38 {
        width: auto;
      }

      .container-39 {
        max-width: none;
      }

      .div-block-6,
      .container-40 {
        width: auto;
      }

      .quick-stack-18 {
        grid-column-gap: 46px;
        grid-row-gap: 46px;
      }

      .cell-26 {
        justify-content: center;
        align-items: flex-start;
      }

      .cell-28 {
        justify-content: center;
        align-items: center;
      }

      .container-41 {
        max-width: none;
      }

      .container-42 {
        width: auto;
      }

      .container-45 {
        max-width: none;
      }

      .centered-heading-5 {
        margin-bottom: 24px;
      }

      .bold-text-78 {
        width: 350px;
        color: #fff !important;
      }
    }

    @media screen and (max-width: 360px) {
      .zen-pic-5-2 {
        max-width: 70%;
      }

      .zen-wrap-2 {
        width: auto;
      }

      .zen-wrap-1-3 {
        margin-left: 0;
      }
    }

    #w-node-d5718129-d9d6-aa6e-b75e-f8fa07d45e1c-ef3578b4 {
      grid-template-rows: auto;
      grid-template-columns: 1fr 1fr 1fr;
    }

    #w-node-_6a2e4205-de15-f16f-c5a2-d27a4fae7427-ef3578b4,
    #w-node-_6a2e4205-de15-f16f-c5a2-d27a4fae7432-ef3578b4,
    #w-node-_6a2e4205-de15-f16f-c5a2-d27a4fae743c-ef3578b4,
    #w-node-_6a2e4205-de15-f16f-c5a2-d27a4fae7446-ef3578b4,
    #w-node-_6a2e4205-de15-f16f-c5a2-d27a4fae7450-ef3578b4,
    #w-node-_6a2e4205-de15-f16f-c5a2-d27a4fae745a-ef3578b4 {
      grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-a316fc99-acff-2cc9-106b-6a528f7f86e0-39430f27 {
      grid-template-rows: auto;
      grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    #w-node-d8ca9acb-3254-44e3-b5d8-3ae9ddd9aa78-39430f27 {
      grid-template-rows: auto;
      grid-template-columns: 1fr 1fr 1fr;
    }

    #w-node-dd98df5b-27c4-0b95-7a42-0d46d2ea1fcb-ef3578c9,
    #w-node-dd98df5b-27c4-0b95-7a42-0d46d2ea1fcd-ef3578c9,
    #w-node-dd98df5b-27c4-0b95-7a42-0d46d2ea1fce-ef3578c9,
    #w-node-dd98df5b-27c4-0b95-7a42-0d46d2ea1fd0-ef3578c9,
    #w-node-dd98df5b-27c4-0b95-7a42-0d46d2ea1fd2-ef3578c9,
    #w-node-dd98df5b-27c4-0b95-7a42-0d46d2ea1fd3-ef3578c9,
    #w-node-dd98df5b-27c4-0b95-7a42-0d46d2ea1fd5-ef3578c9,
    #w-node-_8ae86a24-a991-2a22-9e16-0c44a18e6f74-ef3578c9,
    #w-node-_8ae86a24-a991-2a22-9e16-0c44a18e6f75-ef3578c9,
    #w-node-_8ae86a24-a991-2a22-9e16-0c44a18e6f79-ef3578c9,
    #w-node-_8ae86a24-a991-2a22-9e16-0c44a18e6f7a-ef3578c9,
    #w-node-b8647454-5303-84b3-3521-a865dd1903a8-ef3578c9 {
      grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-_452c18fc-69f3-7b31-7b7e-91aadf57b0f1-ef3578cb {
      grid-template-rows: auto;
      grid-template-columns: 1fr 1fr;
    }

    #w-node-_452c18fc-69f3-7b31-7b7e-91aadf57b0f5-ef3578cb {
      grid-template-rows: auto;
      grid-template-columns: .25fr 2fr;
    }

    #w-node-_06543f18-e676-42b2-79a2-071ca79c73ce-e508a897 {
      grid-template-rows: auto;
      grid-template-columns: 1fr 1fr 1fr;
    }

    #w-node-_486e15d8-1a02-f4e0-4e46-b23a494dbeee-8b6f734f {
      grid-template-rows: auto;
      grid-template-columns: 1fr .5fr;
    }

    #w-node-_6406c5eb-be7b-c385-60e1-201b0690fc22-8b6f734f {
      grid-template-rows: auto;
      grid-template-columns: 1fr 1fr;
    }

    #w-node-_78ebadd8-ce8a-bba3-cf8d-ef55f0da7e4d-b7b8e06b {
      grid-template-rows: auto auto;
      grid-template-columns: 1fr 1fr 1fr;
    }

    #w-node-df5f1e71-4446-67d5-4eda-3f7032c7dc69-b7b8e06b {
      grid-template-rows: auto;
      grid-template-columns: 1fr 1fr;
    }

    #w-node-cf90ecb0-603c-0b0f-ebca-772bafc8ab1d-d8f60c7f {
      grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
      grid-template-columns: 1fr 1fr;
    }

    #w-node-cf90ecb0-603c-0b0f-ebca-772bafc8ab22-d8f60c7f,
    #w-node-cf90ecb0-603c-0b0f-ebca-772bafc8ab2d-d8f60c7f,
    #w-node-cf90ecb0-603c-0b0f-ebca-772bafc8ab38-d8f60c7f,
    #w-node-cf90ecb0-603c-0b0f-ebca-772bafc8ab43-d8f60c7f,
    #w-node-cf90ecb0-603c-0b0f-ebca-772bafc8ab4e-d8f60c7f,
    #w-node-cf90ecb0-603c-0b0f-ebca-772bafc8ab59-d8f60c7f,
    #w-node-cf90ecb0-603c-0b0f-ebca-772bafc8ab64-d8f60c7f,
    #w-node-cf90ecb0-603c-0b0f-ebca-772bafc8ab6f-d8f60c7f,
    #w-node-cf90ecb0-603c-0b0f-ebca-772bafc8ab7a-d8f60c7f,
    #w-node-cf90ecb0-603c-0b0f-ebca-772bafc8ab85-d8f60c7f,
    #w-node-cf90ecb0-603c-0b0f-ebca-772bafc8ab90-d8f60c7f,
    #w-node-cf90ecb0-603c-0b0f-ebca-772bafc8ab9b-d8f60c7f,
    #w-node-cf90ecb0-603c-0b0f-ebca-772bafc8aba6-d8f60c7f,
    #w-node-cf90ecb0-603c-0b0f-ebca-772bafc8abb1-d8f60c7f,
    #w-node-cf90ecb0-603c-0b0f-ebca-772bafc8abbc-d8f60c7f,
    #w-node-cf90ecb0-603c-0b0f-ebca-772bafc8abc7-d8f60c7f,
    #w-node-cf90ecb0-603c-0b0f-ebca-772bafc8abd2-d8f60c7f,
    #w-node-cf90ecb0-603c-0b0f-ebca-772bafc8abdd-d8f60c7f,
    #w-node-cf90ecb0-603c-0b0f-ebca-772bafc8abe8-d8f60c7f,
    #w-node-_6edcca65-b202-c424-dc4b-babd9c172bdd-d8f60c7f,
    #w-node-cf90ecb0-603c-0b0f-ebca-772bafc8abf4-d8f60c7f,
    #w-node-_6486982a-345d-3526-38a4-5c5c986ba0f6-d8f60c7f,
    #w-node-cf90ecb0-603c-0b0f-ebca-772bafc8ac00-d8f60c7f,
    #w-node-a251a9c0-e991-e331-c548-ed6d8d5a2a8c-d8f60c7f,
    #w-node-cf90ecb0-603c-0b0f-ebca-772bafc8ac0d-d8f60c7f,
    #w-node-_0538b03b-9ba5-5d60-4522-8f63f1000619-d8f60c7f,
    #w-node-cf90ecb0-603c-0b0f-ebca-772bafc8ac19-d8f60c7f,
    #w-node-_92e1bf8e-8aee-6de3-baaa-71dd44780886-d8f60c7f,
    #w-node-cf90ecb0-603c-0b0f-ebca-772bafc8ac25-d8f60c7f,
    #w-node-_7985ec16-ae6a-fbe2-a8ee-07b08040c52e-d8f60c7f,
    #w-node-cf90ecb0-603c-0b0f-ebca-772bafc8ac31-d8f60c7f,
    #w-node-a625201d-58cd-0d05-b61e-41c63bc8cd6c-d8f60c7f,
    #w-node-cf90ecb0-603c-0b0f-ebca-772bafc8ac3d-d8f60c7f,
    #w-node-cb58ecb3-18f4-a811-8cde-8993fe0135f4-d8f60c7f,
    #w-node-cf90ecb0-603c-0b0f-ebca-772bafc8ac49-d8f60c7f,
    #w-node-b82c87ee-6243-f457-cf78-00e5cd7c2fca-d8f60c7f,
    #w-node-cf90ecb0-603c-0b0f-ebca-772bafc8ac55-d8f60c7f,
    #w-node-b82c3edc-fcd4-91ae-419c-f3a49b0685b3-d8f60c7f,
    #w-node-_693eba5a-18e9-b1af-c08b-02ad8efba33e-d8f60c7f {
      grid-template-rows: auto;
      grid-template-columns: .25fr 1fr;
    }

    #w-node-d2997aee-23c1-d9d1-ff64-39678cb7059f-ef3578b4,
    #w-node-d2997aee-23c1-d9d1-ff64-39678cb705a9-ef3578b4,
    #w-node-d2997aee-23c1-d9d1-ff64-39678cb705b2-ef3578b4,
    #w-node-d2997aee-23c1-d9d1-ff64-39678cb705bd-ef3578b4,
    #w-node-d2997aee-23c1-d9d1-ff64-39678cb705ca-ef3578b4,
    #w-node-d2997aee-23c1-d9d1-ff64-39678cb705d8-ef3578b4,
    #w-node-d2997aee-23c1-d9d1-ff64-39678cb705e5-ef3578b4,
    #w-node-d2997aee-23c1-d9d1-ff64-39678cb705f0-ef3578b4,
    #Hospital-Estadual-de-Mirand-polis.w-node-b063a8ec-b867-bbc7-bcf6-b04254f80031-ef3578b4,
    #w-node-b063a8ec-b867-bbc7-bcf6-b04254f8003b-ef3578b4,
    #w-node-b063a8ec-b867-bbc7-bcf6-b04254f80044-ef3578b4,
    #w-node-b063a8ec-b867-bbc7-bcf6-b04254f8004f-ef3578b4,
    #w-node-b063a8ec-b867-bbc7-bcf6-b04254f8005c-ef3578b4,
    #w-node-b063a8ec-b867-bbc7-bcf6-b04254f8006a-ef3578b4,
    #w-node-b063a8ec-b867-bbc7-bcf6-b04254f80077-ef3578b4,
    #w-node-b063a8ec-b867-bbc7-bcf6-b04254f80082-ef3578b4,
    #w-node-_2ba4c066-36b6-1960-3ad3-beda00dead2d-ef3578b4,
    #w-node-d24da06b-0994-d87a-d2a5-0ac4595f4659-ef3578b4,
    #w-node-_1f8c830e-0c09-4678-6d96-1a09901dda40-ef3578b4,
    #w-node-_7791adb9-ecee-c532-7787-e8cd297cd288-ef3578b4,
    #w-node-_9d972b50-0559-4a84-9fd6-426aaf9bafa1-ef3578b4,
    #w-node-_165e9d1d-8661-24fc-2b59-5ad35817fc78-ef3578b4,
    #w-node-de8f456b-d1e3-28c7-514c-6d5d433db75f-ef3578b4,
    #w-node-d086cdf3-be65-ff75-eead-c7550968aae3-ef3578b4,
    #w-node-_767c95ae-199a-cb7c-11b2-ab336783f3ca-ef3578b4,
    #w-node-e81aaff1-570a-6469-4fa3-88e41fd28e63-ef3578b4,
    #w-node-_61a15495-560f-705e-494c-a89cbe80dd94-ef3578b4,
    #w-node-_264daf32-50e7-b1bf-862a-9ce332f14c65-ef3578b4,
    #w-node-_40ddc4d2-5418-4186-93ef-076fa1a6210d-ef3578b4,
    #w-node-_9501aedb-ce49-71e9-f040-941e78386e72-ef3578b4 {
      grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-e71d9bac-1fa1-59bb-d222-6cd8dd72b075-c9823401 {
      grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto;
      grid-template-columns: 1fr 1fr;
    }

    #w-node-d2997aee-23c1-d9d1-ff64-39678cb7059f-ef3578b4,
    #w-node-d2997aee-23c1-d9d1-ff64-39678cb705a9-ef3578b4,
    #w-node-d2997aee-23c1-d9d1-ff64-39678cb705b2-ef3578b4,
    #w-node-d2997aee-23c1-d9d1-ff64-39678cb705bd-ef3578b4,
    #w-node-d2997aee-23c1-d9d1-ff64-39678cb705ca-ef3578b4,
    #w-node-d2997aee-23c1-d9d1-ff64-39678cb705d8-ef3578b4,
    #w-node-d2997aee-23c1-d9d1-ff64-39678cb705e5-ef3578b4,
    #w-node-d2997aee-23c1-d9d1-ff64-39678cb705f0-ef3578b4,
    #Hospital-Estadual-de-Mirand-polis.w-node-b063a8ec-b867-bbc7-bcf6-b04254f80031-ef3578b4,
    #w-node-b063a8ec-b867-bbc7-bcf6-b04254f8003b-ef3578b4,
    #w-node-b063a8ec-b867-bbc7-bcf6-b04254f80044-ef3578b4,
    #w-node-b063a8ec-b867-bbc7-bcf6-b04254f8004f-ef3578b4,
    #w-node-b063a8ec-b867-bbc7-bcf6-b04254f8005c-ef3578b4,
    #w-node-b063a8ec-b867-bbc7-bcf6-b04254f8006a-ef3578b4,
    #w-node-b063a8ec-b867-bbc7-bcf6-b04254f80077-ef3578b4,
    #w-node-b063a8ec-b867-bbc7-bcf6-b04254f80082-ef3578b4,
    #w-node-_2ba4c066-36b6-1960-3ad3-beda00dead2d-ef3578b4,
    #w-node-d24da06b-0994-d87a-d2a5-0ac4595f4659-ef3578b4,
    #w-node-_1f8c830e-0c09-4678-6d96-1a09901dda40-ef3578b4,
    #w-node-_7791adb9-ecee-c532-7787-e8cd297cd288-ef3578b4,
    #w-node-_9d972b50-0559-4a84-9fd6-426aaf9bafa1-ef3578b4,
    #w-node-_165e9d1d-8661-24fc-2b59-5ad35817fc78-ef3578b4,
    #w-node-de8f456b-d1e3-28c7-514c-6d5d433db75f-ef3578b4,
    #w-node-d086cdf3-be65-ff75-eead-c7550968aae3-ef3578b4,
    #w-node-_767c95ae-199a-cb7c-11b2-ab336783f3ca-ef3578b4,
    #w-node-e81aaff1-570a-6469-4fa3-88e41fd28e63-ef3578b4,
    #w-node-_61a15495-560f-705e-494c-a89cbe80dd94-ef3578b4,
    #w-node-_264daf32-50e7-b1bf-862a-9ce332f14c65-ef3578b4,
    #w-node-_40ddc4d2-5418-4186-93ef-076fa1a6210d-ef3578b4,
    #w-node-_9501aedb-ce49-71e9-f040-941e78386e72-ef3578b4 {
      grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-b9b2c2d2-37f7-6ea3-39a4-f14fb3d68ab1-c9823401,
    #w-node-_7200dd4d-1904-6a09-cc1f-97cb91850f80-c9823401,
    #w-node-_4995e7f8-2a73-1689-94e1-92252314bd1a-c9823401,
    #w-node-acf52dc7-a2ba-d666-9f1f-244599510b5a-c9823401,
    #w-node-_0b8d13c1-2fc2-d197-a0d0-81384a3c9f7f-c9823401,
    #w-node-_2c70dc71-0421-0bd6-50bd-a3a97f7074bf-c9823401,
    #w-node-_908cdc5c-4476-8e03-d71d-c4a3696050eb-c9823401,
    #w-node-_2744ca63-db57-2343-6b11-76a22c9a3f64-c9823401,
    #w-node-dbdbe4ea-b2de-3de9-c1ab-fd550bcf492f-c9823401,
    #w-node-_07a0a895-921d-06a2-d0b6-972c10aeb6e6-c9823401,
    #w-node-_8c8a6c21-6328-6cfa-c250-3069a23ee69c-c9823401,
    #w-node-_85ca3f87-ff5a-9ab4-144e-ece073a633ad-c9823401,
    #w-node-_75ace0aa-4508-d933-9845-ab612d3baba7-c9823401,
    #w-node-fb30a9e4-7fbd-20c0-c3e8-f35f42d6f4a9-c9823401,
    #w-node-f606446b-eada-ccce-5ff1-47aa247beb07-c9823401,
    #w-node-ccb2b55e-ba91-cb23-d360-737270daf1bb-c9823401,
    #w-node-_5af70ce9-c989-323c-ec37-ed4f51c1ada1-c9823401,
    #w-node-e9b62bf3-6667-3123-3f93-5504b2b20ab2-c9823401,
    #w-node-a1d80d52-faae-17d0-05e0-d3c03dcba0a6-c9823401,
    #w-node-b0a583c5-3a95-04aa-0568-5af50f02df52-c9823401,
    #w-node-_94bc70d3-8641-6dbc-ecc2-828ce305cf2e-c9823401,
    #w-node-ebfcc6b0-00a8-4993-84c8-3eb9739b4646-c9823401,
    #w-node-ead9accb-a170-2043-d4f0-c1f85c16ce2d-c9823401,
    #w-node-_269c0f68-6793-6fdc-65dd-a4d2913f2de5-c9823401,
    #w-node-_4466848e-6778-9b68-26ff-638eeb1441c6-c9823401,
    #w-node-d8f00964-9503-2deb-79a2-bfd0c66bbf10-c9823401,
    #w-node-_9228f630-fd5b-77e5-97af-a6762dedab0f-c9823401,
    #w-node-_54fbf479-b479-ddc4-7112-0986dc52eeef-c9823401,
    #w-node-_6a505f5d-c4a1-7c27-d5f6-e61ad0a6aa43-c9823401 {
      grid-template-rows: auto;
      grid-template-columns: 1fr 6.25fr;
    }

    @media screen and (min-width: 1440px) {

      #w-node-_6a2e4205-de15-f16f-c5a2-d27a4fae7432-ef3578b4,
      #w-node-_6a2e4205-de15-f16f-c5a2-d27a4fae743c-ef3578b4 {
        grid-area: span 1 / span 1 / span 1 / span 1;
      }
    }

    @media screen and (max-width: 991px) {
      #w-node-d5718129-d9d6-aa6e-b75e-f8fa07d45e1c-ef3578b4 {
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr;
      }

      #w-node-_8ae86a24-a991-2a22-9e16-0c44a18e6f79-ef3578c9 {
        grid-area: span 1 / span 1 / span 1 / span 1;
      }

      #w-node-_452c18fc-69f3-7b31-7b7e-91aadf57b0f1-ef3578cb,
      #w-node-_06543f18-e676-42b2-79a2-071ca79c73ce-e508a897,
      #w-node-_486e15d8-1a02-f4e0-4e46-b23a494dbeee-8b6f734f {
        grid-template-rows: auto;
        grid-template-columns: 1fr;
      }
    }

    @media screen and (max-width: 767px) {
      #w-node-d5718129-d9d6-aa6e-b75e-f8fa07d45e1c-ef3578b4 {
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr;
      }

      #w-node-b8647454-5303-84b3-3521-a865dd1903a8-ef3578c9 {
        grid-area: span 1 / span 1 / span 1 / span 1;
      }

      #w-node-_486e15d8-1a02-f4e0-4e46-b23a494dbeee-8b6f734f {
        grid-template-rows: auto;
        grid-template-columns: 1fr;
      }
    }

    @media screen and (max-width: 760px) {

      #w-node-d5718129-d9d6-aa6e-b75e-f8fa07d45e1c-ef3578b4,
      #w-node-a316fc99-acff-2cc9-106b-6a528f7f86e0-39430f27,
      #w-node-_50152aa2-47bd-e41d-b8b3-5d65a065a929-a065a927 {
        grid-template-rows: auto;
        grid-template-columns: 1fr;
      }

      .cell-6,
      .cell-7,
      .cell-8 {
        justify-content: center;
        align-items: center;
      }
    }

    @media screen and (max-width: 479px) {


      #w-node-dd98df5b-27c4-0b95-7a42-0d46d2ea1fcb-ef3578c9 {
        order: -9999;
      }

      #w-node-_78ebadd8-ce8a-bba3-cf8d-ef55f0da7e4d-b7b8e06b {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr;
      }
    }


    /* ===== W Grid – inspirado no grid do Bootstrap ===== */

    /* Container opcional (centraliza e limita largura) */
    .w-container {
      width: 100%;
      margin-right: auto;
      margin-left: auto;
      padding-right: 12px;
      padding-left: 12px;
      max-width: 1140px;
      /* ajuste se quiser */
    }

    /* Linha: usa flexbox (como o grid do Bootstrap) */
    .w-row {
      display: flex;
      flex-wrap: wrap;
      margin-right: -12px;
      /* gutter */
      margin-left: -12px;
    }

    /* Célula base */
    .w-layout-cell {
      position: relative;
      width: 100%;
      padding-right: 12px;
      /* gutter */
      padding-left: 12px;
      min-height: 1px;
      box-sizing: border-box;
    }

    /* ===== Sistema de colunas (12 colunas) ===== */
    .cell-1 {
      flex: 0 0 calc(1/12 * 100%);
      max-width: calc(1/12 * 100%);
    }

    .cell-2 {
      flex: 0 0 calc(2/12 * 100%);
      max-width: calc(2/12 * 100%);
    }

    .cell-3 {
      flex: 0 0 calc(3/12 * 100%);
      max-width: calc(3/12 * 100%);
    }

    .cell-4 {
      flex: 0 0 calc(4/12 * 100%);
      max-width: calc(4/12 * 100%);
    }

    .cell-5 {
      flex: 0 0 calc(5/12 * 100%);
      max-width: calc(5/12 * 100%);
    }

    .cell-6 {
      flex: 0 0 calc(6/12 * 100%);
      max-width: calc(6/12 * 100%);
    }

    .cell-7 {
      flex: 0 0 calc(7/12 * 100%);
      max-width: calc(7/12 * 100%);
    }

    .cell-8 {
      flex: 0 0 calc(8/12 * 100%);
      max-width: calc(8/12 * 100%);
    }

    .cell-9 {
      flex: 0 0 calc(9/12 * 100%);
      max-width: calc(9/12 * 100%);
    }

    .cell-10 {
      flex: 0 0 calc(10/12 * 100%);
      max-width: calc(10/12 * 100%);
    }

    .cell-11 {
      flex: 0 0 calc(11/12 * 100%);
      max-width: calc(11/12 * 100%);
    }

    .cell-12 {
      flex: 0 0 100%;
      max-width: 100%;
    }

    /* Auto width (cresce ocupando o espaço disponível) */
    .cell-auto {
      flex: 1 1 0;
      max-width: 100%;
    }

    /* ===== Offsets (margem esquerda em colunas) ===== */
    .offset-1 {
      margin-left: calc(1/12 * 100%);
    }

    .offset-2 {
      margin-left: calc(2/12 * 100%);
    }

    .offset-3 {
      margin-left: calc(3/12 * 100%);
    }

    .offset-4 {
      margin-left: calc(4/12 * 100%);
    }

    .offset-5 {
      margin-left: calc(5/12 * 100%);
    }

    .offset-6 {
      margin-left: calc(6/12 * 100%);
    }

    .offset-7 {
      margin-left: calc(7/12 * 100%);
    }

    .offset-8 {
      margin-left: calc(8/12 * 100%);
    }

    .offset-9 {
      margin-left: calc(9/12 * 100%);
    }

    .offset-10 {
      margin-left: calc(10/12 * 100%);
    }

    .offset-11 {
      margin-left: calc(11/12 * 100%);
    }

    /* ===== Breakpoints (como Bootstrap) ===== */
    @media (min-width: 576px) {
      .sm-cell-1 {
        flex: 0 0 calc(1/12 * 100%);
        max-width: calc(1/12 * 100%);
      }

      .sm-cell-2 {
        flex: 0 0 calc(2/12 * 100%);
        max-width: calc(2/12 * 100%);
      }

      .sm-cell-3 {
        flex: 0 0 calc(3/12 * 100%);
        max-width: calc(3/12 * 100%);
      }

      .sm-cell-4 {
        flex: 0 0 calc(4/12 * 100%);
        max-width: calc(4/12 * 100%);
      }

      .sm-cell-5 {
        flex: 0 0 calc(5/12 * 100%);
        max-width: calc(5/12 * 100%);
      }

      .sm-cell-6 {
        flex: 0 0 calc(6/12 * 100%);
        max-width: calc(6/12 * 100%);
      }

      .sm-cell-7 {
        flex: 0 0 calc(7/12 * 100%);
        max-width: calc(7/12 * 100%);
      }

      .sm-cell-8 {
        flex: 0 0 calc(8/12 * 100%);
        max-width: calc(8/12 * 100%);
      }

      .sm-cell-9 {
        flex: 0 0 calc(9/12 * 100%);
        max-width: calc(9/12 * 100%);
      }

      .sm-cell-10 {
        flex: 0 0 calc(10/12 * 100%);
        max-width: calc(10/12 * 100%);
      }

      .sm-cell-11 {
        flex: 0 0 calc(11/12 * 100%);
        max-width: calc(11/12 * 100%);
      }

      .sm-cell-12 {
        flex: 0 0 100%;
        max-width: 100%;
      }

      .sm-offset-1 {
        margin-left: calc(1/12 * 100%);
      }

      .sm-offset-2 {
        margin-left: calc(2/12 * 100%);
      }

      .sm-offset-3 {
        margin-left: calc(3/12 * 100%);
      }

      .sm-offset-4 {
        margin-left: calc(4/12 * 100%);
      }

      .sm-offset-5 {
        margin-left: calc(5/12 * 100%);
      }

      .sm-offset-6 {
        margin-left: calc(6/12 * 100%);
      }

      .sm-offset-7 {
        margin-left: calc(7/12 * 100%);
      }

      .sm-offset-8 {
        margin-left: calc(8/12 * 100%);
      }

      .sm-offset-9 {
        margin-left: calc(9/12 * 100%);
      }

      .sm-offset-10 {
        margin-left: calc(10/12 * 100%);
      }

      .sm-offset-11 {
        margin-left: calc(11/12 * 100%);
      }
    }

    @media (min-width: 768px) {
      .md-cell-1 {
        flex: 0 0 calc(1/12 * 100%);
        max-width: calc(1/12 * 100%);
      }

      .md-cell-2 {
        flex: 0 0 calc(2/12 * 100%);
        max-width: calc(2/12 * 100%);
      }

      .md-cell-3 {
        flex: 0 0 calc(3/12 * 100%);
        max-width: calc(3/12 * 100%);
      }

      .md-cell-4 {
        flex: 0 0 calc(4/12 * 100%);
        max-width: calc(4/12 * 100%);
      }

      .md-cell-5 {
        flex: 0 0 calc(5/12 * 100%);
        max-width: calc(5/12 * 100%);
      }

      .md-cell-6 {
        flex: 0 0 calc(6/12 * 100%);
        max-width: calc(6/12 * 100%);
      }

      .md-cell-7 {
        flex: 0 0 calc(7/12 * 100%);
        max-width: calc(7/12 * 100%);
      }

      .md-cell-8 {
        flex: 0 0 calc(8/12 * 100%);
        max-width: calc(8/12 * 100%);
      }

      .md-cell-9 {
        flex: 0 0 calc(9/12 * 100%);
        max-width: calc(9/12 * 100%);
      }

      .md-cell-10 {
        flex: 0 0 calc(10/12 * 100%);
        max-width: calc(10/12 * 100%);
      }

      .md-cell-11 {
        flex: 0 0 calc(11/12 * 100%);
        max-width: calc(11/12 * 100%);
      }

      .md-cell-12 {
        flex: 0 0 100%;
        max-width: 100%;
      }

      .md-offset-1 {
        margin-left: calc(1/12 * 100%);
      }

      .md-offset-2 {
        margin-left: calc(2/12 * 100%);
      }

      .md-offset-3 {
        margin-left: calc(3/12 * 100%);
      }

      .md-offset-4 {
        margin-left: calc(4/12 * 100%);
      }

      .md-offset-5 {
        margin-left: calc(5/12 * 100%);
      }

      .md-offset-6 {
        margin-left: calc(6/12 * 100%);
      }

      .md-offset-7 {
        margin-left: calc(7/12 * 100%);
      }

      .md-offset-8 {
        margin-left: calc(8/12 * 100%);
      }

      .md-offset-9 {
        margin-left: calc(9/12 * 100%);
      }

      .md-offset-10 {
        margin-left: calc(10/12 * 100%);
      }

      .md-offset-11 {
        margin-left: calc(11/12 * 100%);
      }
    }

    @media (min-width: 992px) {
      .lg-cell-1 {
        flex: 0 0 calc(1/12 * 100%);
        max-width: calc(1/12 * 100%);
      }

      .lg-cell-2 {
        flex: 0 0 calc(2/12 * 100%);
        max-width: calc(2/12 * 100%);
      }

      .lg-cell-3 {
        flex: 0 0 calc(3/12 * 100%);
        max-width: calc(3/12 * 100%);
      }

      .lg-cell-4 {
        flex: 0 0 calc(4/12 * 100%);
        max-width: calc(4/12 * 100%);
      }

      .lg-cell-5 {
        flex: 0 0 calc(5/12 * 100%);
        max-width: calc(5/12 * 100%);
      }

      .lg-cell-6 {
        flex: 0 0 calc(6/12 * 100%);
        max-width: calc(6/12 * 100%);
      }

      .lg-cell-7 {
        flex: 0 0 calc(7/12 * 100%);
        max-width: calc(7/12 * 100%);
      }

      .lg-cell-8 {
        flex: 0 0 calc(8/12 * 100%);
        max-width: calc(8/12 * 100%);
      }

      .lg-cell-9 {
        flex: 0 0 calc(9/12 * 100%);
        max-width: calc(9/12 * 100%);
      }

      .lg-cell-10 {
        flex: 0 0 calc(10/12 * 100%);
        max-width: calc(10/12 * 100%);
      }

      .lg-cell-11 {
        flex: 0 0 calc(11/12 * 100%);
        max-width: calc(11/12 * 100%);
      }

      .lg-cell-12 {
        flex: 0 0 100%;
        max-width: 100%;
      }

      .lg-offset-1 {
        margin-left: calc(1/12 * 100%);
      }

      .lg-offset-2 {
        margin-left: calc(2/12 * 100%);
      }

      .lg-offset-3 {
        margin-left: calc(3/12 * 100%);
      }

      .lg-offset-4 {
        margin-left: calc(4/12 * 100%);
      }

      .lg-offset-5 {
        margin-left: calc(5/12 * 100%);
      }

      .lg-offset-6 {
        margin-left: calc(6/12 * 100%);
      }

      .lg-offset-7 {
        margin-left: calc(7/12 * 100%);
      }

      .lg-offset-8 {
        margin-left: calc(8/12 * 100%);
      }

      .lg-offset-9 {
        margin-left: calc(9/12 * 100%);
      }

      .lg-offset-10 {
        margin-left: calc(10/12 * 100%);
      }

      .lg-offset-11 {
        margin-left: calc(11/12 * 100%);
      }
    }

    /* ===== Utilitários ===== */
    .w-gap-0 .w-layout-cell {
      padding-left: 0;
      padding-right: 0;
    }

    .w-gap-1 .w-layout-cell {
      padding-left: 6px;
      padding-right: 6px;
    }

    .w-gap-2 .w-layout-cell {
      padding-left: 12px;
      padding-right: 12px;
    }

    .w-gap-3 .w-layout-cell {
      padding-left: 16px;
      padding-right: 16px;
    }

    .w-align-start {
      align-items: flex-start;
    }

    .w-align-center {
      align-items: center;
    }

    .w-align-end {
      align-items: flex-end;
    }

    .w-justify-start {
      justify-content: flex-start;
    }

    .w-justify-center {
      justify-content: center;
    }

    .w-justify-end {
      justify-content: flex-end;
    }

    .w-justify-between {
      justify-content: space-between;
    }


    /* ===== W Grid – inspirado no grid do Bootstrap ===== */

    /* Container opcional (centraliza e limita largura) */
    .w-container {
      width: 100%;
      margin-right: auto;
      margin-left: auto;
      padding-right: 12px;
      padding-left: 12px;
      max-width: 1140px;
      /* ajuste se quiser */
    }

    /* Linha: usa flexbox (como o grid do Bootstrap) */
    .w-row {
      display: flex;
      flex-wrap: wrap;
      margin-right: -12px;
      /* gutter */
      margin-left: -12px;
    }

    /* Célula base */
    .w-layout-cell {
      position: relative;
      width: 100%;
      padding-right: 12px;
      /* gutter */
      padding-left: 12px;
      min-height: 1px;
      box-sizing: border-box;
    }

    /* ===== Sistema de colunas (12 colunas) ===== */
    .cell-1 {
      flex: 0 0 calc(1/12 * 100%);
      max-width: calc(1/12 * 100%);
    }

    .cell-2 {
      flex: 0 0 calc(2/12 * 100%);
      max-width: calc(2/12 * 100%);
    }

    .cell-3 {
      flex: 0 0 calc(3/12 * 100%);
      max-width: calc(3/12 * 100%);
    }

    .cell-4 {
      flex: 0 0 calc(4/12 * 100%);
      max-width: calc(4/12 * 100%);
    }

    .cell-5 {
      flex: 0 0 calc(5/12 * 100%);
      max-width: calc(5/12 * 100%);
    }

    .cell-6 {
      flex: 0 0 calc(6/12 * 100%);
      max-width: calc(6/12 * 100%);
    }

    .cell-7 {
      flex: 0 0 calc(7/12 * 100%);
      max-width: calc(7/12 * 100%);
    }

    .cell-8 {
      flex: 0 0 calc(8/12 * 100%);
      max-width: calc(8/12 * 100%);
    }

    .cell-9 {
      flex: 0 0 calc(9/12 * 100%);
      max-width: calc(9/12 * 100%);
    }

    .cell-10 {
      flex: 0 0 calc(10/12 * 100%);
      max-width: calc(10/12 * 100%);
    }

    .cell-11 {
      flex: 0 0 calc(11/12 * 100%);
      max-width: calc(11/12 * 100%);
    }

    .cell-12 {
      flex: 0 0 100%;
      max-width: 100%;
    }

    /* Auto width (cresce ocupando o espaço disponível) */
    .cell-auto {
      flex: 1 1 0;
      max-width: 100%;
    }

    /* ===== Offsets (margem esquerda em colunas) ===== */
    .offset-1 {
      margin-left: calc(1/12 * 100%);
    }

    .offset-2 {
      margin-left: calc(2/12 * 100%);
    }

    .offset-3 {
      margin-left: calc(3/12 * 100%);
    }

    .offset-4 {
      margin-left: calc(4/12 * 100%);
    }

    .offset-5 {
      margin-left: calc(5/12 * 100%);
    }

    .offset-6 {
      margin-left: calc(6/12 * 100%);
    }

    .offset-7 {
      margin-left: calc(7/12 * 100%);
    }

    .offset-8 {
      margin-left: calc(8/12 * 100%);
    }

    .offset-9 {
      margin-left: calc(9/12 * 100%);
    }

    .offset-10 {
      margin-left: calc(10/12 * 100%);
    }

    .offset-11 {
      margin-left: calc(11/12 * 100%);
    }

    /* ===== Breakpoints (como Bootstrap) ===== */
    @media (min-width: 576px) {
      .sm-cell-1 {
        flex: 0 0 calc(1/12 * 100%);
        max-width: calc(1/12 * 100%);
      }

      .sm-cell-2 {
        flex: 0 0 calc(2/12 * 100%);
        max-width: calc(2/12 * 100%);
      }

      .sm-cell-3 {
        flex: 0 0 calc(3/12 * 100%);
        max-width: calc(3/12 * 100%);
      }

      .sm-cell-4 {
        flex: 0 0 calc(4/12 * 100%);
        max-width: calc(4/12 * 100%);
      }

      .sm-cell-5 {
        flex: 0 0 calc(5/12 * 100%);
        max-width: calc(5/12 * 100%);
      }

      .sm-cell-6 {
        flex: 0 0 calc(6/12 * 100%);
        max-width: calc(6/12 * 100%);
      }

      .sm-cell-7 {
        flex: 0 0 calc(7/12 * 100%);
        max-width: calc(7/12 * 100%);
      }

      .sm-cell-8 {
        flex: 0 0 calc(8/12 * 100%);
        max-width: calc(8/12 * 100%);
      }

      .sm-cell-9 {
        flex: 0 0 calc(9/12 * 100%);
        max-width: calc(9/12 * 100%);
      }

      .sm-cell-10 {
        flex: 0 0 calc(10/12 * 100%);
        max-width: calc(10/12 * 100%);
      }

      .sm-cell-11 {
        flex: 0 0 calc(11/12 * 100%);
        max-width: calc(11/12 * 100%);
      }

      .sm-cell-12 {
        flex: 0 0 100%;
        max-width: 100%;
      }

      .sm-offset-1 {
        margin-left: calc(1/12 * 100%);
      }

      .sm-offset-2 {
        margin-left: calc(2/12 * 100%);
      }

      .sm-offset-3 {
        margin-left: calc(3/12 * 100%);
      }

      .sm-offset-4 {
        margin-left: calc(4/12 * 100%);
      }

      .sm-offset-5 {
        margin-left: calc(5/12 * 100%);
      }

      .sm-offset-6 {
        margin-left: calc(6/12 * 100%);
      }

      .sm-offset-7 {
        margin-left: calc(7/12 * 100%);
      }

      .sm-offset-8 {
        margin-left: calc(8/12 * 100%);
      }

      .sm-offset-9 {
        margin-left: calc(9/12 * 100%);
      }

      .sm-offset-10 {
        margin-left: calc(10/12 * 100%);
      }

      .sm-offset-11 {
        margin-left: calc(11/12 * 100%);
      }
    }

    @media (min-width: 768px) {
      .md-cell-1 {
        flex: 0 0 calc(1/12 * 100%);
        max-width: calc(1/12 * 100%);
      }

      .md-cell-2 {
        flex: 0 0 calc(2/12 * 100%);
        max-width: calc(2/12 * 100%);
      }

      .md-cell-3 {
        flex: 0 0 calc(3/12 * 100%);
        max-width: calc(3/12 * 100%);
      }

      .md-cell-4 {
        flex: 0 0 calc(4/12 * 100%);
        max-width: calc(4/12 * 100%);
      }

      .md-cell-5 {
        flex: 0 0 calc(5/12 * 100%);
        max-width: calc(5/12 * 100%);
      }

      .md-cell-6 {
        flex: 0 0 calc(6/12 * 100%);
        max-width: calc(6/12 * 100%);
      }

      .md-cell-7 {
        flex: 0 0 calc(7/12 * 100%);
        max-width: calc(7/12 * 100%);
      }

      .md-cell-8 {
        flex: 0 0 calc(8/12 * 100%);
        max-width: calc(8/12 * 100%);
      }

      .md-cell-9 {
        flex: 0 0 calc(9/12 * 100%);
        max-width: calc(9/12 * 100%);
      }

      .md-cell-10 {
        flex: 0 0 calc(10/12 * 100%);
        max-width: calc(10/12 * 100%);
      }

      .md-cell-11 {
        flex: 0 0 calc(11/12 * 100%);
        max-width: calc(11/12 * 100%);
      }

      .md-cell-12 {
        flex: 0 0 100%;
        max-width: 100%;
      }

      .md-offset-1 {
        margin-left: calc(1/12 * 100%);
      }

      .md-offset-2 {
        margin-left: calc(2/12 * 100%);
      }

      .md-offset-3 {
        margin-left: calc(3/12 * 100%);
      }

      .md-offset-4 {
        margin-left: calc(4/12 * 100%);
      }

      .md-offset-5 {
        margin-left: calc(5/12 * 100%);
      }

      .md-offset-6 {
        margin-left: calc(6/12 * 100%);
      }

      .md-offset-7 {
        margin-left: calc(7/12 * 100%);
      }

      .md-offset-8 {
        margin-left: calc(8/12 * 100%);
      }

      .md-offset-9 {
        margin-left: calc(9/12 * 100%);
      }

      .md-offset-10 {
        margin-left: calc(10/12 * 100%);
      }

      .md-offset-11 {
        margin-left: calc(11/12 * 100%);
      }
    }

    @media (min-width: 992px) {
      .lg-cell-1 {
        flex: 0 0 calc(1/12 * 100%);
        max-width: calc(1/12 * 100%);
      }

      .lg-cell-2 {
        flex: 0 0 calc(2/12 * 100%);
        max-width: calc(2/12 * 100%);
      }

      .lg-cell-3 {
        flex: 0 0 calc(3/12 * 100%);
        max-width: calc(3/12 * 100%);
      }

      .lg-cell-4 {
        flex: 0 0 calc(4/12 * 100%);
        max-width: calc(4/12 * 100%);
      }

      .lg-cell-5 {
        flex: 0 0 calc(5/12 * 100%);
        max-width: calc(5/12 * 100%);
      }

      .lg-cell-6 {
        flex: 0 0 calc(6/12 * 100%);
        max-width: calc(6/12 * 100%);
      }

      .lg-cell-7 {
        flex: 0 0 calc(7/12 * 100%);
        max-width: calc(7/12 * 100%);
      }

      .lg-cell-8 {
        flex: 0 0 calc(8/12 * 100%);
        max-width: calc(8/12 * 100%);
      }

      .lg-cell-9 {
        flex: 0 0 calc(9/12 * 100%);
        max-width: calc(9/12 * 100%);
      }

      .lg-cell-10 {
        flex: 0 0 calc(10/12 * 100%);
        max-width: calc(10/12 * 100%);
      }

      .lg-cell-11 {
        flex: 0 0 calc(11/12 * 100%);
        max-width: calc(11/12 * 100%);
      }

      .lg-cell-12 {
        flex: 0 0 100%;
        max-width: 100%;
      }

      .lg-offset-1 {
        margin-left: calc(1/12 * 100%);
      }

      .lg-offset-2 {
        margin-left: calc(2/12 * 100%);
      }

      .lg-offset-3 {
        margin-left: calc(3/12 * 100%);
      }

      .lg-offset-4 {
        margin-left: calc(4/12 * 100%);
      }

      .lg-offset-5 {
        margin-left: calc(5/12 * 100%);
      }

      .lg-offset-6 {
        margin-left: calc(6/12 * 100%);
      }

      .lg-offset-7 {
        margin-left: calc(7/12 * 100%);
      }

      .lg-offset-8 {
        margin-left: calc(8/12 * 100%);
      }

      .lg-offset-9 {
        margin-left: calc(9/12 * 100%);
      }

      .lg-offset-10 {
        margin-left: calc(10/12 * 100%);
      }

      .lg-offset-11 {
        margin-left: calc(11/12 * 100%);
      }
    }

    /* ===== Utilitários ===== */
    .w-gap-0 .w-layout-cell {
      padding-left: 0;
      padding-right: 0;
    }

    .w-gap-1 .w-layout-cell {
      padding-left: 6px;
      padding-right: 6px;
    }

    .w-gap-2 .w-layout-cell {
      padding-left: 12px;
      padding-right: 12px;
    }

    .w-gap-3 .w-layout-cell {
      padding-left: 16px;
      padding-right: 16px;
    }

    .w-align-start {
      align-items: flex-start;
    }

    .w-align-center {
      align-items: center;
    }

    .w-align-end {
      align-items: flex-end;
    }

    .w-justify-start {
      justify-content: flex-start;
    }

    .w-justify-center {
      justify-content: center;
    }

    .w-justify-end {
      justify-content: flex-end;
    }

    .w-justify-between {
      justify-content: space-between;
    }


    .bg-transparent {
      background-color: transparent !important;
    }

    .fg-primary {
      color: #007bff !important
    }

    ;

    .bg-transparent {
      background-color: transparent !important
    }

    .bg-hover:hover {
      background-color: rgba(29, 29, 29, .1) !important
    }

    .bg-hover2:hover {
      background-color: rgba(29, 29, 29, .5) !important
    }

    .bg-hover-light:hover {
      background-color: rgba(255, 255, 255, .01) !important
    }

    .bg-hover-light1:hover {
      background-color: rgba(255, 255, 255, .1) !important
    }

    .bg-hover-light2:hover {
      background-color: rgba(255, 255, 255, .2) !important
    }

    .bg-hover-light3:hover {
      background-color: rgba(255, 255, 255, .3) !important
    }

    .bg-facebook {
      background-color: #4267b2
    }

    .bg-twitter {
      background-color: #1da1f2
    }

    .bg-github {
      background-color: #24292e
    }

    .bg-bootstrap {
      background-color: #563d7c
    }

    .bg-gitlab {
      background-color: #e65328
    }

    .bg-amazon {
      background-color: #232f3e
    }

    .bg-black {
      background-color: #000 !important
    }

    .bg-black-active:active {
      background-color: #000 !important
    }

    .bg-black-hover:hover {
      background-color: #000 !important
    }

    .bg-black-focus:focus {
      background-color: #000 !important
    }

    .bg-white {
      background-color: #fff !important
    }

    .bg-white-active:active {
      background-color: #fff !important
    }

    .bg-white-hover:hover {
      background-color: #fff !important
    }

    .bg-white-focus:focus {
      background-color: #fff !important
    }

    .bg-dark {
      background-color: #1d1d1d !important
    }

    .bg-dark-active:active {
      background-color: #1d1d1d !important
    }

    .bg-dark-hover:hover {
      background-color: #1d1d1d !important
    }

    .bg-dark-focus:focus {
      background-color: #1d1d1d !important
    }

    .bg-light {
      background-color: #f8f8f8 !important
    }

    .bg-light-active:active {
      background-color: #f8f8f8 !important
    }

    .bg-light-hover:hover {
      background-color: #f8f8f8 !important
    }

    .bg-light-focus:focus {
      background-color: #f8f8f8 !important
    }

    .bg-grayBlue {
      background-color: #607d8b !important
    }

    .bg-grayBlue-active:active {
      background-color: #607d8b !important
    }

    .bg-grayBlue-hover:hover {
      background-color: #607d8b !important
    }

    .bg-grayBlue-focus:focus {
      background-color: #607d8b !important
    }

    .bg-grayWhite {
      background-color: #f5f5f5 !important
    }

    .bg-grayWhite-active:active {
      background-color: #f5f5f5 !important
    }

    .bg-grayWhite-hover:hover {
      background-color: #f5f5f5 !important
    }

    .bg-grayWhite-focus:focus {
      background-color: #f5f5f5 !important
    }

    .bg-grayMouse {
      background-color: #455a64 !important
    }

    .bg-grayMouse-active:active {
      background-color: #455a64 !important
    }

    .bg-grayMouse-hover:hover {
      background-color: #455a64 !important
    }

    .bg-grayMouse-focus:focus {
      background-color: #455a64 !important
    }

    .bg-brandColor1 {
      background-color: #2ac4f4 !important
    }

    .bg-brandColor1-active:active {
      background-color: #2ac4f4 !important
    }

    .bg-brandColor1-hover:hover {
      background-color: #2ac4f4 !important
    }

    .bg-brandColor1-focus:focus {
      background-color: #2ac4f4 !important
    }

    .bg-brandColor2 {
      background-color: #004d6f !important
    }

    .bg-brandColor2-active:active {
      background-color: #004d6f !important
    }

    .bg-brandColor2-hover:hover {
      background-color: #004d6f !important
    }

    .bg-brandColor2-focus:focus {
      background-color: #004d6f !important
    }

    .bg-lime {
      background-color: #a4c400 !important
    }

    .bg-lime-active:active {
      background-color: #a4c400 !important
    }

    .bg-lime-hover:hover {
      background-color: #a4c400 !important
    }

    .bg-lime-focus:focus {
      background-color: #a4c400 !important
    }

    .bg-green {
      background-color: #60a917 !important
    }

    .bg-green-active:active {
      background-color: #60a917 !important
    }

    .bg-green-hover:hover {
      background-color: #60a917 !important
    }

    .bg-green-focus:focus {
      background-color: #60a917 !important
    }

    .bg-emerald {
      background-color: #008a00 !important
    }

    .bg-emerald-active:active {
      background-color: #008a00 !important
    }

    .bg-emerald-hover:hover {
      background-color: #008a00 !important
    }

    .bg-emerald-focus:focus {
      background-color: #008a00 !important
    }

    .bg-blue {
      background-color: #00aff0 !important
    }

    .bg-blue-active:active {
      background-color: #00aff0 !important
    }

    .bg-blue-hover:hover {
      background-color: #00aff0 !important
    }

    .bg-blue-focus:focus {
      background-color: #00aff0 !important
    }

    .bg-teal {
      background-color: #00aba9 !important
    }

    .bg-teal-active:active {
      background-color: #00aba9 !important
    }

    .bg-teal-hover:hover {
      background-color: #00aba9 !important
    }

    .bg-teal-focus:focus {
      background-color: #00aba9 !important
    }

    .bg-cyan {
      background-color: #1ba1e2 !important
    }

    .bg-cyan-active:active {
      background-color: #1ba1e2 !important
    }

    .bg-cyan-hover:hover {
      background-color: #1ba1e2 !important
    }

    .bg-cyan-focus:focus {
      background-color: #1ba1e2 !important
    }

    .bg-cobalt {
      background-color: #0050ef !important
    }

    .bg-cobalt-active:active {
      background-color: #0050ef !important
    }

    .bg-cobalt-hover:hover {
      background-color: #0050ef !important
    }

    .bg-cobalt-focus:focus {
      background-color: #0050ef !important
    }

    .bg-indigo {
      background-color: #6a00ff !important
    }

    .bg-indigo-active:active {
      background-color: #6a00ff !important
    }

    .bg-indigo-hover:hover {
      background-color: #6a00ff !important
    }

    .bg-indigo-focus:focus {
      background-color: #6a00ff !important
    }

    .bg-violet {
      background-color: #a0f !important
    }

    .bg-violet-active:active {
      background-color: #a0f !important
    }

    .bg-violet-hover:hover {
      background-color: #a0f !important
    }

    .bg-violet-focus:focus {
      background-color: #a0f !important
    }

    .bg-pink {
      background-color: #dc4fad !important
    }

    .bg-pink-active:active {
      background-color: #dc4fad !important
    }

    .bg-pink-hover:hover {
      background-color: #dc4fad !important
    }

    .bg-pink-focus:focus {
      background-color: #dc4fad !important
    }

    .bg-magenta {
      background-color: #d80073 !important
    }

    .bg-magenta-active:active {
      background-color: #d80073 !important
    }

    .bg-magenta-hover:hover {
      background-color: #d80073 !important
    }

    .bg-magenta-focus:focus {
      background-color: #d80073 !important
    }

    .bg-crimson {
      background-color: #a20025 !important
    }

    .bg-crimson-active:active {
      background-color: #a20025 !important
    }

    .bg-crimson-hover:hover {
      background-color: #a20025 !important
    }

    .bg-crimson-focus:focus {
      background-color: #a20025 !important
    }

    .bg-red {
      background-color: #ce352c !important
    }

    .bg-red-active:active {
      background-color: #ce352c !important
    }

    .bg-red-hover:hover {
      background-color: #ce352c !important
    }

    .bg-red-focus:focus {
      background-color: #ce352c !important
    }

    .bg-orange {
      background-color: #fa6800 !important
    }

    .bg-orange-active:active {
      background-color: #fa6800 !important
    }

    .bg-orange-hover:hover {
      background-color: #fa6800 !important
    }

    .bg-orange-focus:focus {
      background-color: #fa6800 !important
    }

    .bg-amber {
      background-color: #f0a30a !important
    }

    .bg-amber-active:active {
      background-color: #f0a30a !important
    }

    .bg-amber-hover:hover {
      background-color: #f0a30a !important
    }

    .bg-amber-focus:focus {
      background-color: #f0a30a !important
    }

    .bg-yellow {
      background-color: #fff000 !important
    }

    .bg-yellow-active:active {
      background-color: #fff000 !important
    }

    .bg-yellow-hover:hover {
      background-color: #fff000 !important
    }

    .bg-yellow-focus:focus {
      background-color: #fff000 !important
    }

    .bg-brown {
      background-color: #825a2c !important
    }

    .bg-brown-active:active {
      background-color: #825a2c !important
    }

    .bg-brown-hover:hover {
      background-color: #825a2c !important
    }

    .bg-brown-focus:focus {
      background-color: #825a2c !important
    }

    .bg-olive {
      background-color: #6d8764 !important
    }

    .bg-olive-active:active {
      background-color: #6d8764 !important
    }

    .bg-olive-hover:hover {
      background-color: #6d8764 !important
    }

    .bg-olive-focus:focus {
      background-color: #6d8764 !important
    }

    .bg-steel {
      background-color: #647687 !important
    }

    .bg-steel-active:active {
      background-color: #647687 !important
    }

    .bg-steel-hover:hover {
      background-color: #647687 !important
    }

    .bg-steel-focus:focus {
      background-color: #647687 !important
    }

    .bg-mauve {
      background-color: #76608a !important
    }

    .bg-mauve-active:active {
      background-color: #76608a !important
    }

    .bg-mauve-hover:hover {
      background-color: #76608a !important
    }

    .bg-mauve-focus:focus {
      background-color: #76608a !important
    }

    .bg-taupe {
      background-color: #87794e !important
    }

    .bg-taupe-active:active {
      background-color: #87794e !important
    }

    .bg-taupe-hover:hover {
      background-color: #87794e !important
    }

    .bg-taupe-focus:focus {
      background-color: #87794e !important
    }

    .bg-gray {
      background-color: #bebebe !important
    }

    .bg-gray-active:active {
      background-color: #bebebe !important
    }

    .bg-gray-hover:hover {
      background-color: #bebebe !important
    }

    .bg-gray-focus:focus {
      background-color: #bebebe !important
    }

    .bg-lightLime {
      background-color: #d8ff12 !important
    }

    .bg-lightLime-active:active {
      background-color: #d8ff12 !important
    }

    .bg-lightLime-hover:hover {
      background-color: #d8ff12 !important
    }

    .bg-lightLime-focus:focus {
      background-color: #d8ff12 !important
    }

    .bg-lightGreen {
      background-color: #86e22a !important
    }

    .bg-lightGreen-active:active {
      background-color: #86e22a !important
    }

    .bg-lightGreen-hover:hover {
      background-color: #86e22a !important
    }

    .bg-lightGreen-focus:focus {
      background-color: #86e22a !important
    }

    .bg-lightEmerald {
      background-color: #00d600 !important
    }

    .bg-lightEmerald-active:active {
      background-color: #00d600 !important
    }

    .bg-lightEmerald-hover:hover {
      background-color: #00d600 !important
    }

    .bg-lightEmerald-focus:focus {
      background-color: #00d600 !important
    }

    .bg-lightBlue {
      background-color: #3ecbff !important
    }

    .bg-lightBlue-active:active {
      background-color: #3ecbff !important
    }

    .bg-lightBlue-hover:hover {
      background-color: #3ecbff !important
    }

    .bg-lightBlue-focus:focus {
      background-color: #3ecbff !important
    }

    .bg-lightTeal {
      background-color: #00f7f5 !important
    }

    .bg-lightTeal-active:active {
      background-color: #00f7f5 !important
    }

    .bg-lightTeal-hover:hover {
      background-color: #00f7f5 !important
    }

    .bg-lightTeal-focus:focus {
      background-color: #00f7f5 !important
    }

    .bg-lightCyan {
      background-color: #5ebdec !important
    }

    .bg-lightCyan-active:active {
      background-color: #5ebdec !important
    }

    .bg-lightCyan-hover:hover {
      background-color: #5ebdec !important
    }

    .bg-lightCyan-focus:focus {
      background-color: #5ebdec !important
    }

    .bg-lightCobalt {
      background-color: #3d7eff !important
    }

    .bg-lightCobalt-active:active {
      background-color: #3d7eff !important
    }

    .bg-lightCobalt-hover:hover {
      background-color: #3d7eff !important
    }

    .bg-lightCobalt-focus:focus {
      background-color: #3d7eff !important
    }

    .bg-lightIndigo {
      background-color: #974dff !important
    }

    .bg-lightIndigo-active:active {
      background-color: #974dff !important
    }

    .bg-lightIndigo-hover:hover {
      background-color: #974dff !important
    }

    .bg-lightIndigo-focus:focus {
      background-color: #974dff !important
    }

    .bg-lightViolet {
      background-color: #c44dff !important
    }

    .bg-lightViolet-active:active {
      background-color: #c44dff !important
    }

    .bg-lightViolet-hover:hover {
      background-color: #c44dff !important
    }

    .bg-lightViolet-focus:focus {
      background-color: #c44dff !important
    }

    .bg-lightPink {
      background-color: #e98fcb !important
    }

    .bg-lightPink-active:active {
      background-color: #e98fcb !important
    }

    .bg-lightPink-hover:hover {
      background-color: #e98fcb !important
    }

    .bg-lightPink-focus:focus {
      background-color: #e98fcb !important
    }

    .bg-lightMagenta {
      background-color: #ff2599 !important
    }

    .bg-lightMagenta-active:active {
      background-color: #ff2599 !important
    }

    .bg-lightMagenta-hover:hover {
      background-color: #ff2599 !important
    }

    .bg-lightMagenta-focus:focus {
      background-color: #ff2599 !important
    }

    .bg-lightCrimson {
      background-color: #ef0036 !important
    }

    .bg-lightCrimson-active:active {
      background-color: #ef0036 !important
    }

    .bg-lightCrimson-hover:hover {
      background-color: #ef0036 !important
    }

    .bg-lightCrimson-focus:focus {
      background-color: #ef0036 !important
    }

    .bg-lightRed {
      background-color: #df6e68 !important
    }

    .bg-lightRed-active:active {
      background-color: #df6e68 !important
    }

    .bg-lightRed-hover:hover {
      background-color: #df6e68 !important
    }

    .bg-lightRed-focus:focus {
      background-color: #df6e68 !important
    }

    .bg-lightOrange {
      background-color: #ff9447 !important
    }

    .bg-lightOrange-active:active {
      background-color: #ff9447 !important
    }

    .bg-lightOrange-hover:hover {
      background-color: #ff9447 !important
    }

    .bg-lightOrange-focus:focus {
      background-color: #ff9447 !important
    }

    .bg-lightAmber {
      background-color: #f8bf4f !important
    }

    .bg-lightAmber-active:active {
      background-color: #f8bf4f !important
    }

    .bg-lightAmber-hover:hover {
      background-color: #f8bf4f !important
    }

    .bg-lightAmber-focus:focus {
      background-color: #f8bf4f !important
    }

    .bg-lightYellow {
      background-color: #fff44d !important
    }

    .bg-lightYellow-active:active {
      background-color: #fff44d !important
    }

    .bg-lightYellow-hover:hover {
      background-color: #fff44d !important
    }

    .bg-lightYellow-focus:focus {
      background-color: #fff44d !important
    }

    .bg-lightBrown {
      background-color: #bb823f !important
    }

    .bg-lightBrown-active:active {
      background-color: #bb823f !important
    }

    .bg-lightBrown-hover:hover {
      background-color: #bb823f !important
    }

    .bg-lightBrown-focus:focus {
      background-color: #bb823f !important
    }

    .bg-lightOlive {
      background-color: #95ab8d !important
    }

    .bg-lightOlive-active:active {
      background-color: #95ab8d !important
    }

    .bg-lightOlive-hover:hover {
      background-color: #95ab8d !important
    }

    .bg-lightOlive-focus:focus {
      background-color: #95ab8d !important
    }

    .bg-lightSteel {
      background-color: #8d9cab !important
    }

    .bg-lightSteel-active:active {
      background-color: #8d9cab !important
    }

    .bg-lightSteel-hover:hover {
      background-color: #8d9cab !important
    }

    .bg-lightSteel-focus:focus {
      background-color: #8d9cab !important
    }

    .bg-lightMauve {
      background-color: #9c89ad !important
    }

    .bg-lightMauve-active:active {
      background-color: #9c89ad !important
    }

    .bg-lightMauve-hover:hover {
      background-color: #9c89ad !important
    }

    .bg-lightMauve-focus:focus {
      background-color: #9c89ad !important
    }

    .bg-lightTaupe {
      background-color: #aea073 !important
    }

    .bg-lightTaupe-active:active {
      background-color: #aea073 !important
    }

    .bg-lightTaupe-hover:hover {
      background-color: #aea073 !important
    }

    .bg-lightTaupe-focus:focus {
      background-color: #aea073 !important
    }

    .bg-lightGray {
      background-color: #e4e4e4 !important
    }

    .bg-lightGray-active:active {
      background-color: #e4e4e4 !important
    }

    .bg-lightGray-hover:hover {
      background-color: #e4e4e4 !important
    }

    .bg-lightGray-focus:focus {
      background-color: #e4e4e4 !important
    }

    .bg-lightGrayBlue {
      background-color: #8aa2ae !important
    }

    .bg-lightGrayBlue-active:active {
      background-color: #8aa2ae !important
    }

    .bg-lightGrayBlue-hover:hover {
      background-color: #8aa2ae !important
    }

    .bg-lightGrayBlue-focus:focus {
      background-color: #8aa2ae !important
    }

    .bg-darkLime {
      background-color: #647800 !important
    }

    .bg-darkLime-active:active {
      background-color: #647800 !important
    }

    .bg-darkLime-hover:hover {
      background-color: #647800 !important
    }

    .bg-darkLime-focus:focus {
      background-color: #647800 !important
    }

    .bg-darkGreen {
      background-color: #3a660e !important
    }

    .bg-darkGreen-active:active {
      background-color: #3a660e !important
    }

    .bg-darkGreen-hover:hover {
      background-color: #3a660e !important
    }

    .bg-darkGreen-focus:focus {
      background-color: #3a660e !important
    }

    .bg-darkEmerald {
      background-color: #003d00 !important
    }

    .bg-darkEmerald-active:active {
      background-color: #003d00 !important
    }

    .bg-darkEmerald-hover:hover {
      background-color: #003d00 !important
    }

    .bg-darkEmerald-focus:focus {
      background-color: #003d00 !important
    }

    .bg-darkBlue {
      background-color: #0077a3 !important
    }

    .bg-darkBlue-active:active {
      background-color: #0077a3 !important
    }

    .bg-darkBlue-hover:hover {
      background-color: #0077a3 !important
    }

    .bg-darkBlue-focus:focus {
      background-color: #0077a3 !important
    }

    .bg-darkTeal {
      background-color: #005e5d !important
    }

    .bg-darkTeal-active:active {
      background-color: #005e5d !important
    }

    .bg-darkTeal-hover:hover {
      background-color: #005e5d !important
    }

    .bg-darkTeal-focus:focus {
      background-color: #005e5d !important
    }

    .bg-darkCyan {
      background-color: #13709e !important
    }

    .bg-darkCyan-active:active {
      background-color: #13709e !important
    }

    .bg-darkCyan-hover:hover {
      background-color: #13709e !important
    }

    .bg-darkCyan-focus:focus {
      background-color: #13709e !important
    }

    .bg-darkCobalt {
      background-color: #0036a3 !important
    }

    .bg-darkCobalt-active:active {
      background-color: #0036a3 !important
    }

    .bg-darkCobalt-hover:hover {
      background-color: #0036a3 !important
    }

    .bg-darkCobalt-focus:focus {
      background-color: #0036a3 !important
    }

    .bg-darkIndigo {
      background-color: #4a00b3 !important
    }

    .bg-darkIndigo-active:active {
      background-color: #4a00b3 !important
    }

    .bg-darkIndigo-hover:hover {
      background-color: #4a00b3 !important
    }

    .bg-darkIndigo-focus:focus {
      background-color: #4a00b3 !important
    }

    .bg-darkViolet {
      background-color: #7700b3 !important
    }

    .bg-darkViolet-active:active {
      background-color: #7700b3 !important
    }

    .bg-darkViolet-hover:hover {
      background-color: #7700b3 !important
    }

    .bg-darkViolet-focus:focus {
      background-color: #7700b3 !important
    }

    .bg-darkPink {
      background-color: #ba2588 !important
    }

    .bg-darkPink-active:active {
      background-color: #ba2588 !important
    }

    .bg-darkPink-hover:hover {
      background-color: #ba2588 !important
    }

    .bg-darkPink-focus:focus {
      background-color: #ba2588 !important
    }

    .bg-darkMagenta {
      background-color: #8c004a !important
    }

    .bg-darkMagenta-active:active {
      background-color: #8c004a !important
    }

    .bg-darkMagenta-hover:hover {
      background-color: #8c004a !important
    }

    .bg-darkMagenta-focus:focus {
      background-color: #8c004a !important
    }

    .bg-darkCrimson {
      background-color: #560014 !important
    }

    .bg-darkCrimson-active:active {
      background-color: #560014 !important
    }

    .bg-darkCrimson-hover:hover {
      background-color: #560014 !important
    }

    .bg-darkCrimson-focus:focus {
      background-color: #560014 !important
    }

    .bg-darkRed {
      background-color: #8f251f !important
    }

    .bg-darkRed-active:active {
      background-color: #8f251f !important
    }

    .bg-darkRed-hover:hover {
      background-color: #8f251f !important
    }

    .bg-darkRed-focus:focus {
      background-color: #8f251f !important
    }

    .bg-darkOrange {
      background-color: #ae4800 !important
    }

    .bg-darkOrange-active:active {
      background-color: #ae4800 !important
    }

    .bg-darkOrange-hover:hover {
      background-color: #ae4800 !important
    }

    .bg-darkOrange-focus:focus {
      background-color: #ae4800 !important
    }

    .bg-darkAmber {
      background-color: #a77107 !important
    }

    .bg-darkAmber-active:active {
      background-color: #a77107 !important
    }

    .bg-darkAmber-hover:hover {
      background-color: #a77107 !important
    }

    .bg-darkAmber-focus:focus {
      background-color: #a77107 !important
    }

    .bg-darkYellow {
      background-color: #b3a800 !important
    }

    .bg-darkYellow-active:active {
      background-color: #b3a800 !important
    }

    .bg-darkYellow-hover:hover {
      background-color: #b3a800 !important
    }

    .bg-darkYellow-focus:focus {
      background-color: #b3a800 !important
    }

    .bg-darkBrown {
      background-color: #493219 !important
    }

    .bg-darkBrown-active:active {
      background-color: #493219 !important
    }

    .bg-darkBrown-hover:hover {
      background-color: #493219 !important
    }

    .bg-darkBrown-focus:focus {
      background-color: #493219 !important
    }

    .bg-darkOlive {
      background-color: #4a5b43 !important
    }

    .bg-darkOlive-active:active {
      background-color: #4a5b43 !important
    }

    .bg-darkOlive-hover:hover {
      background-color: #4a5b43 !important
    }

    .bg-darkOlive-focus:focus {
      background-color: #4a5b43 !important
    }

    .bg-darkSteel {
      background-color: #43505b !important
    }

    .bg-darkSteel-active:active {
      background-color: #43505b !important
    }

    .bg-darkSteel-hover:hover {
      background-color: #43505b !important
    }

    .bg-darkSteel-focus:focus {
      background-color: #43505b !important
    }

    .bg-darkMauve {
      background-color: #4f415d !important
    }

    .bg-darkMauve-active:active {
      background-color: #4f415d !important
    }

    .bg-darkMauve-hover:hover {
      background-color: #4f415d !important
    }

    .bg-darkMauve-focus:focus {
      background-color: #4f415d !important
    }

    .bg-darkTaupe {
      background-color: #574e32 !important
    }

    .bg-darkTaupe-active:active {
      background-color: #574e32 !important
    }

    .bg-darkTaupe-hover:hover {
      background-color: #574e32 !important
    }

    .bg-darkTaupe-focus:focus {
      background-color: #574e32 !important
    }

    .bg-darkGray {
      background-color: #989898 !important
    }

    .bg-darkGray-active:active {
      background-color: #989898 !important
    }

    .bg-darkGray-hover:hover {
      background-color: #989898 !important
    }

    .bg-darkGray-focus:focus {
      background-color: #989898 !important
    }

    .bg-darkGrayBlue {
      background-color: #41545e !important
    }

    .bg-darkGrayBlue-active:active {
      background-color: #41545e !important
    }

    .bg-darkGrayBlue-hover:hover {
      background-color: #41545e !important
    }

    .bg-darkGrayBlue-focus:focus {
      background-color: #41545e !important
    }

    .bd-default {
      border-color: #dfdfdf !important
    }

    .bd-transparent {
      border-color: transparent !important
    }

    .bd-black {
      border-color: #000 !important
    }

    .bd-black-active:active {
      border-color: #000 !important
    }

    .bd-black-hover:hover {
      border-color: #000 !important
    }

    .bd-black-focus:focus {
      border-color: #000 !important
    }

    .tg-black::before {
      border-color: #000
    }

    .bd-white {
      border-color: #fff !important
    }

    .bd-white-active:active {
      border-color: #fff !important
    }

    .bd-white-hover:hover {
      border-color: #fff !important
    }

    .bd-white-focus:focus {
      border-color: #fff !important
    }

    .tg-white::before {
      border-color: #fff
    }

    .bd-dark {
      border-color: #1d1d1d !important
    }

    .bd-dark-active:active {
      border-color: #1d1d1d !important
    }

    .bd-dark-hover:hover {
      border-color: #1d1d1d !important
    }

    .bd-dark-focus:focus {
      border-color: #1d1d1d !important
    }

    .tg-dark::before {
      border-color: #1d1d1d
    }

    .bd-light {
      border-color: #f8f8f8 !important
    }

    .bd-light-active:active {
      border-color: #f8f8f8 !important
    }

    .bd-light-hover:hover {
      border-color: #f8f8f8 !important
    }

    .bd-light-focus:focus {
      border-color: #f8f8f8 !important
    }

    .tg-light::before {
      border-color: #f8f8f8
    }

    .bd-grayBlue {
      border-color: #607d8b !important
    }

    .bd-grayBlue-active:active {
      border-color: #607d8b !important
    }

    .bd-grayBlue-hover:hover {
      border-color: #607d8b !important
    }

    .bd-grayBlue-focus:focus {
      border-color: #607d8b !important
    }

    .tg-grayBlue::before {
      border-color: #607d8b
    }

    .bd-grayWhite {
      border-color: #f5f5f5 !important
    }

    .bd-grayWhite-active:active {
      border-color: #f5f5f5 !important
    }

    .bd-grayWhite-hover:hover {
      border-color: #f5f5f5 !important
    }

    .bd-grayWhite-focus:focus {
      border-color: #f5f5f5 !important
    }

    .tg-grayWhite::before {
      border-color: #f5f5f5
    }

    .bd-grayMouse {
      border-color: #455a64 !important
    }

    .bd-grayMouse-active:active {
      border-color: #455a64 !important
    }

    .bd-grayMouse-hover:hover {
      border-color: #455a64 !important
    }

    .bd-grayMouse-focus:focus {
      border-color: #455a64 !important
    }

    .tg-grayMouse::before {
      border-color: #455a64
    }

    .bd-brandColor1 {
      border-color: #2ac4f4 !important
    }

    .bd-brandColor1-active:active {
      border-color: #2ac4f4 !important
    }

    .bd-brandColor1-hover:hover {
      border-color: #2ac4f4 !important
    }

    .bd-brandColor1-focus:focus {
      border-color: #2ac4f4 !important
    }

    .tg-brandColor1::before {
      border-color: #2ac4f4
    }

    .bd-brandColor2 {
      border-color: #004d6f !important
    }

    .bd-brandColor2-active:active {
      border-color: #004d6f !important
    }

    .bd-brandColor2-hover:hover {
      border-color: #004d6f !important
    }

    .bd-brandColor2-focus:focus {
      border-color: #004d6f !important
    }

    .tg-brandColor2::before {
      border-color: #004d6f
    }

    .bd-lime {
      border-color: #a4c400 !important
    }

    .bd-lime-active:active {
      border-color: #a4c400 !important
    }

    .bd-lime-hover:hover {
      border-color: #a4c400 !important
    }

    .bd-lime-focus:focus {
      border-color: #a4c400 !important
    }

    .tg-lime::before {
      border-color: #a4c400
    }

    .bd-green {
      border-color: #60a917 !important
    }

    .bd-green-active:active {
      border-color: #60a917 !important
    }

    .bd-green-hover:hover {
      border-color: #60a917 !important
    }

    .bd-green-focus:focus {
      border-color: #60a917 !important
    }

    .tg-green::before {
      border-color: #60a917
    }

    .bd-emerald {
      border-color: #008a00 !important
    }

    .bd-emerald-active:active {
      border-color: #008a00 !important
    }

    .bd-emerald-hover:hover {
      border-color: #008a00 !important
    }

    .bd-emerald-focus:focus {
      border-color: #008a00 !important
    }

    .tg-emerald::before {
      border-color: #008a00
    }

    .bd-blue {
      border-color: #00aff0 !important
    }

    .bd-blue-active:active {
      border-color: #00aff0 !important
    }

    .bd-blue-hover:hover {
      border-color: #00aff0 !important
    }

    .bd-blue-focus:focus {
      border-color: #00aff0 !important
    }

    .tg-blue::before {
      border-color: #00aff0
    }

    .bd-teal {
      border-color: #00aba9 !important
    }

    .bd-teal-active:active {
      border-color: #00aba9 !important
    }

    .bd-teal-hover:hover {
      border-color: #00aba9 !important
    }

    .bd-teal-focus:focus {
      border-color: #00aba9 !important
    }

    .tg-teal::before {
      border-color: #00aba9
    }

    .bd-cyan {
      border-color: #1ba1e2 !important
    }

    .bd-cyan-active:active {
      border-color: #1ba1e2 !important
    }

    .bd-cyan-hover:hover {
      border-color: #1ba1e2 !important
    }

    .bd-cyan-focus:focus {
      border-color: #1ba1e2 !important
    }

    .tg-cyan::before {
      border-color: #1ba1e2
    }

    .bd-cobalt {
      border-color: #0050ef !important
    }

    .bd-cobalt-active:active {
      border-color: #0050ef !important
    }

    .bd-cobalt-hover:hover {
      border-color: #0050ef !important
    }

    .bd-cobalt-focus:focus {
      border-color: #0050ef !important
    }

    .tg-cobalt::before {
      border-color: #0050ef
    }

    .bd-indigo {
      border-color: #6a00ff !important
    }

    .bd-indigo-active:active {
      border-color: #6a00ff !important
    }

    .bd-indigo-hover:hover {
      border-color: #6a00ff !important
    }

    .bd-indigo-focus:focus {
      border-color: #6a00ff !important
    }

    .tg-indigo::before {
      border-color: #6a00ff
    }

    .bd-violet {
      border-color: #a0f !important
    }

    .bd-violet-active:active {
      border-color: #a0f !important
    }

    .bd-violet-hover:hover {
      border-color: #a0f !important
    }

    .bd-violet-focus:focus {
      border-color: #a0f !important
    }

    .tg-violet::before {
      border-color: #a0f
    }

    .bd-pink {
      border-color: #dc4fad !important
    }

    .bd-pink-active:active {
      border-color: #dc4fad !important
    }

    .bd-pink-hover:hover {
      border-color: #dc4fad !important
    }

    .bd-pink-focus:focus {
      border-color: #dc4fad !important
    }

    .tg-pink::before {
      border-color: #dc4fad
    }

    .bd-magenta {
      border-color: #d80073 !important
    }

    .bd-magenta-active:active {
      border-color: #d80073 !important
    }

    .bd-magenta-hover:hover {
      border-color: #d80073 !important
    }

    .bd-magenta-focus:focus {
      border-color: #d80073 !important
    }

    .tg-magenta::before {
      border-color: #d80073
    }

    .bd-crimson {
      border-color: #a20025 !important
    }

    .bd-crimson-active:active {
      border-color: #a20025 !important
    }

    .bd-crimson-hover:hover {
      border-color: #a20025 !important
    }

    .bd-crimson-focus:focus {
      border-color: #a20025 !important
    }

    .tg-crimson::before {
      border-color: #a20025
    }

    .bd-red {
      border-color: #ce352c !important
    }

    .bd-red-active:active {
      border-color: #ce352c !important
    }

    .bd-red-hover:hover {
      border-color: #ce352c !important
    }

    .bd-red-focus:focus {
      border-color: #ce352c !important
    }

    .tg-red::before {
      border-color: #ce352c
    }

    .bd-orange {
      border-color: #fa6800 !important
    }

    .bd-orange-active:active {
      border-color: #fa6800 !important
    }

    .bd-orange-hover:hover {
      border-color: #fa6800 !important
    }

    .bd-orange-focus:focus {
      border-color: #fa6800 !important
    }

    .tg-orange::before {
      border-color: #fa6800
    }

    .bd-amber {
      border-color: #f0a30a !important
    }

    .bd-amber-active:active {
      border-color: #f0a30a !important
    }

    .bd-amber-hover:hover {
      border-color: #f0a30a !important
    }

    .bd-amber-focus:focus {
      border-color: #f0a30a !important
    }

    .tg-amber::before {
      border-color: #f0a30a
    }

    .bd-yellow {
      border-color: #fff000 !important
    }

    .bd-yellow-active:active {
      border-color: #fff000 !important
    }

    .bd-yellow-hover:hover {
      border-color: #fff000 !important
    }

    .bd-yellow-focus:focus {
      border-color: #fff000 !important
    }

    .tg-yellow::before {
      border-color: #fff000
    }

    .bd-brown {
      border-color: #825a2c !important
    }

    .bd-brown-active:active {
      border-color: #825a2c !important
    }

    .bd-brown-hover:hover {
      border-color: #825a2c !important
    }

    .bd-brown-focus:focus {
      border-color: #825a2c !important
    }

    .tg-brown::before {
      border-color: #825a2c
    }

    .bd-olive {
      border-color: #6d8764 !important
    }

    .bd-olive-active:active {
      border-color: #6d8764 !important
    }

    .bd-olive-hover:hover {
      border-color: #6d8764 !important
    }

    .bd-olive-focus:focus {
      border-color: #6d8764 !important
    }

    .tg-olive::before {
      border-color: #6d8764
    }

    .bd-steel {
      border-color: #647687 !important
    }

    .bd-steel-active:active {
      border-color: #647687 !important
    }

    .bd-steel-hover:hover {
      border-color: #647687 !important
    }

    .bd-steel-focus:focus {
      border-color: #647687 !important
    }

    .tg-steel::before {
      border-color: #647687
    }

    .bd-mauve {
      border-color: #76608a !important
    }

    .bd-mauve-active:active {
      border-color: #76608a !important
    }

    .bd-mauve-hover:hover {
      border-color: #76608a !important
    }

    .bd-mauve-focus:focus {
      border-color: #76608a !important
    }

    .tg-mauve::before {
      border-color: #76608a
    }

    .bd-taupe {
      border-color: #87794e !important
    }

    .bd-taupe-active:active {
      border-color: #87794e !important
    }

    .bd-taupe-hover:hover {
      border-color: #87794e !important
    }

    .bd-taupe-focus:focus {
      border-color: #87794e !important
    }

    .tg-taupe::before {
      border-color: #87794e
    }

    .bd-gray {
      border-color: #bebebe !important
    }

    .bd-gray-active:active {
      border-color: #bebebe !important
    }

    .bd-gray-hover:hover {
      border-color: #bebebe !important
    }

    .bd-gray-focus:focus {
      border-color: #bebebe !important
    }

    .tg-gray::before {
      border-color: #bebebe
    }

    .bd-lightLime {
      border-color: #d8ff12 !important
    }

    .bd-lightLime-active:active {
      border-color: #d8ff12 !important
    }

    .bd-lightLime-hover:hover {
      border-color: #d8ff12 !important
    }

    .bd-lightLime-focus:focus {
      border-color: #d8ff12 !important
    }

    .tg-lightLime::before {
      border-color: #d8ff12
    }

    .bd-lightGreen {
      border-color: #86e22a !important
    }

    .bd-lightGreen-active:active {
      border-color: #86e22a !important
    }

    .bd-lightGreen-hover:hover {
      border-color: #86e22a !important
    }

    .bd-lightGreen-focus:focus {
      border-color: #86e22a !important
    }

    .tg-lightGreen::before {
      border-color: #86e22a
    }

    .bd-lightEmerald {
      border-color: #00d600 !important
    }

    .bd-lightEmerald-active:active {
      border-color: #00d600 !important
    }

    .bd-lightEmerald-hover:hover {
      border-color: #00d600 !important
    }

    .bd-lightEmerald-focus:focus {
      border-color: #00d600 !important
    }

    .tg-lightEmerald::before {
      border-color: #00d600
    }

    .bd-lightBlue {
      border-color: #3ecbff !important
    }

    .bd-lightBlue-active:active {
      border-color: #3ecbff !important
    }

    .bd-lightBlue-hover:hover {
      border-color: #3ecbff !important
    }

    .bd-lightBlue-focus:focus {
      border-color: #3ecbff !important
    }

    .tg-lightBlue::before {
      border-color: #3ecbff
    }

    .bd-lightTeal {
      border-color: #00f7f5 !important
    }

    .bd-lightTeal-active:active {
      border-color: #00f7f5 !important
    }

    .bd-lightTeal-hover:hover {
      border-color: #00f7f5 !important
    }

    .bd-lightTeal-focus:focus {
      border-color: #00f7f5 !important
    }

    .tg-lightTeal::before {
      border-color: #00f7f5
    }

    .bd-lightCyan {
      border-color: #5ebdec !important
    }

    .bd-lightCyan-active:active {
      border-color: #5ebdec !important
    }

    .bd-lightCyan-hover:hover {
      border-color: #5ebdec !important
    }

    .bd-lightCyan-focus:focus {
      border-color: #5ebdec !important
    }

    .tg-lightCyan::before {
      border-color: #5ebdec
    }

    .bd-lightCobalt {
      border-color: #3d7eff !important
    }

    .bd-lightCobalt-active:active {
      border-color: #3d7eff !important
    }

    .bd-lightCobalt-hover:hover {
      border-color: #3d7eff !important
    }

    .bd-lightCobalt-focus:focus {
      border-color: #3d7eff !important
    }

    .tg-lightCobalt::before {
      border-color: #3d7eff
    }

    .bd-lightIndigo {
      border-color: #974dff !important
    }

    .bd-lightIndigo-active:active {
      border-color: #974dff !important
    }

    .bd-lightIndigo-hover:hover {
      border-color: #974dff !important
    }

    .bd-lightIndigo-focus:focus {
      border-color: #974dff !important
    }

    .tg-lightIndigo::before {
      border-color: #974dff
    }

    .bd-lightViolet {
      border-color: #c44dff !important
    }

    .bd-lightViolet-active:active {
      border-color: #c44dff !important
    }

    .bd-lightViolet-hover:hover {
      border-color: #c44dff !important
    }

    .bd-lightViolet-focus:focus {
      border-color: #c44dff !important
    }

    .tg-lightViolet::before {
      border-color: #c44dff
    }

    .bd-lightPink {
      border-color: #e98fcb !important
    }

    .bd-lightPink-active:active {
      border-color: #e98fcb !important
    }

    .bd-lightPink-hover:hover {
      border-color: #e98fcb !important
    }

    .bd-lightPink-focus:focus {
      border-color: #e98fcb !important
    }

    .tg-lightPink::before {
      border-color: #e98fcb
    }

    .bd-lightMagenta {
      border-color: #ff2599 !important
    }

    .bd-lightMagenta-active:active {
      border-color: #ff2599 !important
    }

    .bd-lightMagenta-hover:hover {
      border-color: #ff2599 !important
    }

    .bd-lightMagenta-focus:focus {
      border-color: #ff2599 !important
    }

    .tg-lightMagenta::before {
      border-color: #ff2599
    }

    .bd-lightCrimson {
      border-color: #ef0036 !important
    }

    .bd-lightCrimson-active:active {
      border-color: #ef0036 !important
    }

    .bd-lightCrimson-hover:hover {
      border-color: #ef0036 !important
    }

    .bd-lightCrimson-focus:focus {
      border-color: #ef0036 !important
    }

    .tg-lightCrimson::before {
      border-color: #ef0036
    }

    .bd-lightRed {
      border-color: #df6e68 !important
    }

    .bd-lightRed-active:active {
      border-color: #df6e68 !important
    }

    .bd-lightRed-hover:hover {
      border-color: #df6e68 !important
    }

    .bd-lightRed-focus:focus {
      border-color: #df6e68 !important
    }

    .tg-lightRed::before {
      border-color: #df6e68
    }

    .bd-lightOrange {
      border-color: #ff9447 !important
    }

    .bd-lightOrange-active:active {
      border-color: #ff9447 !important
    }

    .bd-lightOrange-hover:hover {
      border-color: #ff9447 !important
    }

    .bd-lightOrange-focus:focus {
      border-color: #ff9447 !important
    }

    .tg-lightOrange::before {
      border-color: #ff9447
    }

    .bd-lightAmber {
      border-color: #f8bf4f !important
    }

    .bd-lightAmber-active:active {
      border-color: #f8bf4f !important
    }

    .bd-lightAmber-hover:hover {
      border-color: #f8bf4f !important
    }

    .bd-lightAmber-focus:focus {
      border-color: #f8bf4f !important
    }

    .tg-lightAmber::before {
      border-color: #f8bf4f
    }

    .bd-lightYellow {
      border-color: #fff44d !important
    }

    .bd-lightYellow-active:active {
      border-color: #fff44d !important
    }

    .bd-lightYellow-hover:hover {
      border-color: #fff44d !important
    }

    .bd-lightYellow-focus:focus {
      border-color: #fff44d !important
    }

    .tg-lightYellow::before {
      border-color: #fff44d
    }

    .bd-lightBrown {
      border-color: #bb823f !important
    }

    .bd-lightBrown-active:active {
      border-color: #bb823f !important
    }

    .bd-lightBrown-hover:hover {
      border-color: #bb823f !important
    }

    .bd-lightBrown-focus:focus {
      border-color: #bb823f !important
    }

    .tg-lightBrown::before {
      border-color: #bb823f
    }

    .bd-lightOlive {
      border-color: #95ab8d !important
    }

    .bd-lightOlive-active:active {
      border-color: #95ab8d !important
    }

    .bd-lightOlive-hover:hover {
      border-color: #95ab8d !important
    }

    .bd-lightOlive-focus:focus {
      border-color: #95ab8d !important
    }

    .tg-lightOlive::before {
      border-color: #95ab8d
    }

    .bd-lightSteel {
      border-color: #8d9cab !important
    }

    .bd-lightSteel-active:active {
      border-color: #8d9cab !important
    }

    .bd-lightSteel-hover:hover {
      border-color: #8d9cab !important
    }

    .bd-lightSteel-focus:focus {
      border-color: #8d9cab !important
    }

    .tg-lightSteel::before {
      border-color: #8d9cab
    }

    .bd-lightMauve {
      border-color: #9c89ad !important
    }

    .bd-lightMauve-active:active {
      border-color: #9c89ad !important
    }

    .bd-lightMauve-hover:hover {
      border-color: #9c89ad !important
    }

    .bd-lightMauve-focus:focus {
      border-color: #9c89ad !important
    }

    .tg-lightMauve::before {
      border-color: #9c89ad
    }

    .bd-lightTaupe {
      border-color: #aea073 !important
    }

    .bd-lightTaupe-active:active {
      border-color: #aea073 !important
    }

    .bd-lightTaupe-hover:hover {
      border-color: #aea073 !important
    }

    .bd-lightTaupe-focus:focus {
      border-color: #aea073 !important
    }

    .tg-lightTaupe::before {
      border-color: #aea073
    }

    .bd-lightGray {
      border-color: #e4e4e4 !important
    }

    .bd-lightGray-active:active {
      border-color: #e4e4e4 !important
    }

    .bd-lightGray-hover:hover {
      border-color: #e4e4e4 !important
    }

    .bd-lightGray-focus:focus {
      border-color: #e4e4e4 !important
    }

    .tg-lightGray::before {
      border-color: #e4e4e4
    }

    .bd-lightGrayBlue {
      border-color: #8aa2ae !important
    }

    .bd-lightGrayBlue-active:active {
      border-color: #8aa2ae !important
    }

    .bd-lightGrayBlue-hover:hover {
      border-color: #8aa2ae !important
    }

    .bd-lightGrayBlue-focus:focus {
      border-color: #8aa2ae !important
    }

    .tg-lightGrayBlue::before {
      border-color: #8aa2ae
    }

    .bd-darkLime {
      border-color: #647800 !important
    }

    .bd-darkLime-active:active {
      border-color: #647800 !important
    }

    .bd-darkLime-hover:hover {
      border-color: #647800 !important
    }

    .bd-darkLime-focus:focus {
      border-color: #647800 !important
    }

    .tg-darkLime::before {
      border-color: #647800
    }

    .bd-darkGreen {
      border-color: #3a660e !important
    }

    .bd-darkGreen-active:active {
      border-color: #3a660e !important
    }

    .bd-darkGreen-hover:hover {
      border-color: #3a660e !important
    }

    .bd-darkGreen-focus:focus {
      border-color: #3a660e !important
    }

    .tg-darkGreen::before {
      border-color: #3a660e
    }

    .bd-darkEmerald {
      border-color: #003d00 !important
    }

    .bd-darkEmerald-active:active {
      border-color: #003d00 !important
    }

    .bd-darkEmerald-hover:hover {
      border-color: #003d00 !important
    }

    .bd-darkEmerald-focus:focus {
      border-color: #003d00 !important
    }

    .tg-darkEmerald::before {
      border-color: #003d00
    }

    .bd-darkBlue {
      border-color: #0077a3 !important
    }

    .bd-darkBlue-active:active {
      border-color: #0077a3 !important
    }

    .bd-darkBlue-hover:hover {
      border-color: #0077a3 !important
    }

    .bd-darkBlue-focus:focus {
      border-color: #0077a3 !important
    }

    .tg-darkBlue::before {
      border-color: #0077a3
    }

    .bd-darkTeal {
      border-color: #005e5d !important
    }

    .bd-darkTeal-active:active {
      border-color: #005e5d !important
    }

    .bd-darkTeal-hover:hover {
      border-color: #005e5d !important
    }

    .bd-darkTeal-focus:focus {
      border-color: #005e5d !important
    }

    .tg-darkTeal::before {
      border-color: #005e5d
    }

    .bd-darkCyan {
      border-color: #13709e !important
    }

    .bd-darkCyan-active:active {
      border-color: #13709e !important
    }

    .bd-darkCyan-hover:hover {
      border-color: #13709e !important
    }

    .bd-darkCyan-focus:focus {
      border-color: #13709e !important
    }

    .tg-darkCyan::before {
      border-color: #13709e
    }

    .bd-darkCobalt {
      border-color: #0036a3 !important
    }

    .bd-darkCobalt-active:active {
      border-color: #0036a3 !important
    }

    .bd-darkCobalt-hover:hover {
      border-color: #0036a3 !important
    }

    .bd-darkCobalt-focus:focus {
      border-color: #0036a3 !important
    }

    .tg-darkCobalt::before {
      border-color: #0036a3
    }

    .bd-darkIndigo {
      border-color: #4a00b3 !important
    }

    .bd-darkIndigo-active:active {
      border-color: #4a00b3 !important
    }

    .bd-darkIndigo-hover:hover {
      border-color: #4a00b3 !important
    }

    .bd-darkIndigo-focus:focus {
      border-color: #4a00b3 !important
    }

    .tg-darkIndigo::before {
      border-color: #4a00b3
    }

    .bd-darkViolet {
      border-color: #7700b3 !important
    }

    .bd-darkViolet-active:active {
      border-color: #7700b3 !important
    }

    .bd-darkViolet-hover:hover {
      border-color: #7700b3 !important
    }

    .bd-darkViolet-focus:focus {
      border-color: #7700b3 !important
    }

    .tg-darkViolet::before {
      border-color: #7700b3
    }

    .bd-darkPink {
      border-color: #ba2588 !important
    }

    .bd-darkPink-active:active {
      border-color: #ba2588 !important
    }

    .bd-darkPink-hover:hover {
      border-color: #ba2588 !important
    }

    .bd-darkPink-focus:focus {
      border-color: #ba2588 !important
    }

    .tg-darkPink::before {
      border-color: #ba2588
    }

    .bd-darkMagenta {
      border-color: #8c004a !important
    }

    .bd-darkMagenta-active:active {
      border-color: #8c004a !important
    }

    .bd-darkMagenta-hover:hover {
      border-color: #8c004a !important
    }

    .bd-darkMagenta-focus:focus {
      border-color: #8c004a !important
    }

    .tg-darkMagenta::before {
      border-color: #8c004a
    }

    .bd-darkCrimson {
      border-color: #560014 !important
    }

    .bd-darkCrimson-active:active {
      border-color: #560014 !important
    }

    .bd-darkCrimson-hover:hover {
      border-color: #560014 !important
    }

    .bd-darkCrimson-focus:focus {
      border-color: #560014 !important
    }

    .tg-darkCrimson::before {
      border-color: #560014
    }

    .bd-darkRed {
      border-color: #8f251f !important
    }

    .bd-darkRed-active:active {
      border-color: #8f251f !important
    }

    .bd-darkRed-hover:hover {
      border-color: #8f251f !important
    }

    .bd-darkRed-focus:focus {
      border-color: #8f251f !important
    }

    .tg-darkRed::before {
      border-color: #8f251f
    }

    .bd-darkOrange {
      border-color: #ae4800 !important
    }

    .bd-darkOrange-active:active {
      border-color: #ae4800 !important
    }

    .bd-darkOrange-hover:hover {
      border-color: #ae4800 !important
    }

    .bd-darkOrange-focus:focus {
      border-color: #ae4800 !important
    }

    .tg-darkOrange::before {
      border-color: #ae4800
    }

    .bd-darkAmber {
      border-color: #a77107 !important
    }

    .bd-darkAmber-active:active {
      border-color: #a77107 !important
    }

    .bd-darkAmber-hover:hover {
      border-color: #a77107 !important
    }

    .bd-darkAmber-focus:focus {
      border-color: #a77107 !important
    }

    .tg-darkAmber::before {
      border-color: #a77107
    }

    .bd-darkYellow {
      border-color: #b3a800 !important
    }

    .bd-darkYellow-active:active {
      border-color: #b3a800 !important
    }

    .bd-darkYellow-hover:hover {
      border-color: #b3a800 !important
    }

    .bd-darkYellow-focus:focus {
      border-color: #b3a800 !important
    }

    .tg-darkYellow::before {
      border-color: #b3a800
    }

    .bd-darkBrown {
      border-color: #493219 !important
    }

    .bd-darkBrown-active:active {
      border-color: #493219 !important
    }

    .bd-darkBrown-hover:hover {
      border-color: #493219 !important
    }

    .bd-darkBrown-focus:focus {
      border-color: #493219 !important
    }

    .tg-darkBrown::before {
      border-color: #493219
    }

    .bd-darkOlive {
      border-color: #4a5b43 !important
    }

    .bd-darkOlive-active:active {
      border-color: #4a5b43 !important
    }

    .bd-darkOlive-hover:hover {
      border-color: #4a5b43 !important
    }

    .bd-darkOlive-focus:focus {
      border-color: #4a5b43 !important
    }

    .tg-darkOlive::before {
      border-color: #4a5b43
    }

    .bd-darkSteel {
      border-color: #43505b !important
    }

    .bd-darkSteel-active:active {
      border-color: #43505b !important
    }

    .bd-darkSteel-hover:hover {
      border-color: #43505b !important
    }

    .bd-darkSteel-focus:focus {
      border-color: #43505b !important
    }

    .tg-darkSteel::before {
      border-color: #43505b
    }

    .bd-darkMauve {
      border-color: #4f415d !important
    }

    .bd-darkMauve-active:active {
      border-color: #4f415d !important
    }

    .bd-darkMauve-hover:hover {
      border-color: #4f415d !important
    }

    .bd-darkMauve-focus:focus {
      border-color: #4f415d !important
    }

    .tg-darkMauve::before {
      border-color: #4f415d
    }

    .bd-darkTaupe {
      border-color: #574e32 !important
    }

    .bd-darkTaupe-active:active {
      border-color: #574e32 !important
    }

    .bd-darkTaupe-hover:hover {
      border-color: #574e32 !important
    }

    .bd-darkTaupe-focus:focus {
      border-color: #574e32 !important
    }

    .tg-darkTaupe::before {
      border-color: #574e32
    }

    .bd-darkGray {
      border-color: #989898 !important
    }

    .bd-darkGray-active:active {
      border-color: #989898 !important
    }

    .bd-darkGray-hover:hover {
      border-color: #989898 !important
    }

    .bd-darkGray-focus:focus {
      border-color: #989898 !important
    }

    .tg-darkGray::before {
      border-color: #989898
    }

    .bd-darkGrayBlue {
      border-color: #41545e !important
    }

    .bd-darkGrayBlue-active:active {
      border-color: #41545e !important
    }

    .bd-darkGrayBlue-hover:hover {
      border-color: #41545e !important
    }

    .bd-darkGrayBlue-focus:focus {
      border-color: #41545e !important
    }

    .tg-darkGrayBlue::before {
      border-color: #41545e
    }

    .fc-black {
      color: #000 !important
    }

    .fc-black-active:active {
      color: #000 !important
    }

    .fc-black-hover:hover {
      color: #000 !important
    }

    .fc-black-focus:focus {
      color: #000 !important
    }

    .fc-white {
      color: #fff !important
    }

    .fc-white-active:active {
      color: #fff !important
    }

    .fc-white-hover:hover {
      color: #fff !important
    }

    .fc-white-focus:focus {
      color: #fff !important
    }

    .fc-dark {
      color: #1d1d1d !important
    }

    .fc-dark-active:active {
      color: #1d1d1d !important
    }

    .fc-dark-hover:hover {
      color: #1d1d1d !important
    }

    .fc-dark-focus:focus {
      color: #1d1d1d !important
    }

    .fc-light {
      color: #f8f8f8 !important
    }

    .fc-light-active:active {
      color: #f8f8f8 !important
    }

    .fc-light-hover:hover {
      color: #f8f8f8 !important
    }

    .fc-light-focus:focus {
      color: #f8f8f8 !important
    }

    .fc-grayBlue {
      color: #607d8b !important
    }

    .fc-grayBlue-active:active {
      color: #607d8b !important
    }

    .fc-grayBlue-hover:hover {
      color: #607d8b !important
    }

    .fc-grayBlue-focus:focus {
      color: #607d8b !important
    }

    .fc-grayWhite {
      color: #f5f5f5 !important
    }

    .fc-grayWhite-active:active {
      color: #f5f5f5 !important
    }

    .fc-grayWhite-hover:hover {
      color: #f5f5f5 !important
    }

    .fc-grayWhite-focus:focus {
      color: #f5f5f5 !important
    }

    .fc-grayMouse {
      color: #455a64 !important
    }

    .fc-grayMouse-active:active {
      color: #455a64 !important
    }

    .fc-grayMouse-hover:hover {
      color: #455a64 !important
    }

    .fc-grayMouse-focus:focus {
      color: #455a64 !important
    }

    .fc-brandColor1 {
      color: #2ac4f4 !important
    }

    .fc-brandColor1-active:active {
      color: #2ac4f4 !important
    }

    .fc-brandColor1-hover:hover {
      color: #2ac4f4 !important
    }

    .fc-brandColor1-focus:focus {
      color: #2ac4f4 !important
    }

    .fc-brandColor2 {
      color: #004d6f !important
    }

    .fc-brandColor2-active:active {
      color: #004d6f !important
    }

    .fc-brandColor2-hover:hover {
      color: #004d6f !important
    }

    .fc-brandColor2-focus:focus {
      color: #004d6f !important
    }

    .fc-lime {
      color: #a4c400 !important
    }

    .fc-lime-active:active {
      color: #a4c400 !important
    }

    .fc-lime-hover:hover {
      color: #a4c400 !important
    }

    .fc-lime-focus:focus {
      color: #a4c400 !important
    }

    .fc-green {
      color: #60a917 !important
    }

    .fc-green-active:active {
      color: #60a917 !important
    }

    .fc-green-hover:hover {
      color: #60a917 !important
    }

    .fc-green-focus:focus {
      color: #60a917 !important
    }

    .fc-emerald {
      color: #008a00 !important
    }

    .fc-emerald-active:active {
      color: #008a00 !important
    }

    .fc-emerald-hover:hover {
      color: #008a00 !important
    }

    .fc-emerald-focus:focus {
      color: #008a00 !important
    }

    .fc-blue {
      color: #00aff0 !important
    }

    .fc-blue-active:active {
      color: #00aff0 !important
    }

    .fc-blue-hover:hover {
      color: #00aff0 !important
    }

    .fc-blue-focus:focus {
      color: #00aff0 !important
    }

    .fc-teal {
      color: #00aba9 !important
    }

    .fc-teal-active:active {
      color: #00aba9 !important
    }

    .fc-teal-hover:hover {
      color: #00aba9 !important
    }

    .fc-teal-focus:focus {
      color: #00aba9 !important
    }

    .fc-cyan {
      color: #1ba1e2 !important
    }

    .fc-cyan-active:active {
      color: #1ba1e2 !important
    }

    .fc-cyan-hover:hover {
      color: #1ba1e2 !important
    }

    .fc-cyan-focus:focus {
      color: #1ba1e2 !important
    }

    .fc-cobalt {
      color: #0050ef !important
    }

    .fc-cobalt-active:active {
      color: #0050ef !important
    }

    .fc-cobalt-hover:hover {
      color: #0050ef !important
    }

    .fc-cobalt-focus:focus {
      color: #0050ef !important
    }

    .fc-indigo {
      color: #6a00ff !important
    }

    .fc-indigo-active:active {
      color: #6a00ff !important
    }

    .fc-indigo-hover:hover {
      color: #6a00ff !important
    }

    .fc-indigo-focus:focus {
      color: #6a00ff !important
    }

    .fc-violet {
      color: #a0f !important
    }

    .fc-violet-active:active {
      color: #a0f !important
    }

    .fc-violet-hover:hover {
      color: #a0f !important
    }

    .fc-violet-focus:focus {
      color: #a0f !important
    }

    .fc-pink {
      color: #dc4fad !important
    }

    .fc-pink-active:active {
      color: #dc4fad !important
    }

    .fc-pink-hover:hover {
      color: #dc4fad !important
    }

    .fc-pink-focus:focus {
      color: #dc4fad !important
    }

    .fc-magenta {
      color: #d80073 !important
    }

    .fc-magenta-active:active {
      color: #d80073 !important
    }

    .fc-magenta-hover:hover {
      color: #d80073 !important
    }

    .fc-magenta-focus:focus {
      color: #d80073 !important
    }

    .fc-crimson {
      color: #a20025 !important
    }

    .fc-crimson-active:active {
      color: #a20025 !important
    }

    .fc-crimson-hover:hover {
      color: #a20025 !important
    }

    .fc-crimson-focus:focus {
      color: #a20025 !important
    }

    .fc-red {
      color: #ce352c !important
    }

    .fc-red-active:active {
      color: #ce352c !important
    }

    .fc-red-hover:hover {
      color: #ce352c !important
    }

    .fc-red-focus:focus {
      color: #ce352c !important
    }

    .fc-orange {
      color: #fa6800 !important
    }

    .fc-orange-active:active {
      color: #fa6800 !important
    }

    .fc-orange-hover:hover {
      color: #fa6800 !important
    }

    .fc-orange-focus:focus {
      color: #fa6800 !important
    }

    .fc-amber {
      color: #f0a30a !important
    }

    .fc-amber-active:active {
      color: #f0a30a !important
    }

    .fc-amber-hover:hover {
      color: #f0a30a !important
    }

    .fc-amber-focus:focus {
      color: #f0a30a !important
    }

    .fc-yellow {
      color: #fff000 !important
    }

    .fc-yellow-active:active {
      color: #fff000 !important
    }

    .fc-yellow-hover:hover {
      color: #fff000 !important
    }

    .fc-yellow-focus:focus {
      color: #fff000 !important
    }

    .fc-brown {
      color: #825a2c !important
    }

    .fc-brown-active:active {
      color: #825a2c !important
    }

    .fc-brown-hover:hover {
      color: #825a2c !important
    }

    .fc-brown-focus:focus {
      color: #825a2c !important
    }

    .fc-olive {
      color: #6d8764 !important
    }

    .fc-olive-active:active {
      color: #6d8764 !important
    }

    .fc-olive-hover:hover {
      color: #6d8764 !important
    }

    .fc-olive-focus:focus {
      color: #6d8764 !important
    }

    .fc-steel {
      color: #647687 !important
    }

    .fc-steel-active:active {
      color: #647687 !important
    }

    .fc-steel-hover:hover {
      color: #647687 !important
    }

    .fc-steel-focus:focus {
      color: #647687 !important
    }

    .fc-mauve {
      color: #76608a !important
    }

    .fc-mauve-active:active {
      color: #76608a !important
    }

    .fc-mauve-hover:hover {
      color: #76608a !important
    }

    .fc-mauve-focus:focus {
      color: #76608a !important
    }

    .fc-taupe {
      color: #87794e !important
    }

    .fc-taupe-active:active {
      color: #87794e !important
    }

    .fc-taupe-hover:hover {
      color: #87794e !important
    }

    .fc-taupe-focus:focus {
      color: #87794e !important
    }

    .fc-gray {
      color: #bebebe !important
    }

    .fc-gray-active:active {
      color: #bebebe !important
    }

    .fc-gray-hover:hover {
      color: #bebebe !important
    }

    .fc-gray-focus:focus {
      color: #bebebe !important
    }

    .fc-lightLime {
      color: #d8ff12 !important
    }

    .fc-lightLime-active:active {
      color: #d8ff12 !important
    }

    .fc-lightLime-hover:hover {
      color: #d8ff12 !important
    }

    .fc-lightLime-focus:focus {
      color: #d8ff12 !important
    }

    .fc-lightGreen {
      color: #86e22a !important
    }

    .fc-lightGreen-active:active {
      color: #86e22a !important
    }

    .fc-lightGreen-hover:hover {
      color: #86e22a !important
    }

    .fc-lightGreen-focus:focus {
      color: #86e22a !important
    }

    .fc-lightEmerald {
      color: #00d600 !important
    }

    .fc-lightEmerald-active:active {
      color: #00d600 !important
    }

    .fc-lightEmerald-hover:hover {
      color: #00d600 !important
    }

    .fc-lightEmerald-focus:focus {
      color: #00d600 !important
    }

    .fc-lightBlue {
      color: #3ecbff !important
    }

    .fc-lightBlue-active:active {
      color: #3ecbff !important
    }

    .fc-lightBlue-hover:hover {
      color: #3ecbff !important
    }

    .fc-lightBlue-focus:focus {
      color: #3ecbff !important
    }

    .fc-lightTeal {
      color: #00f7f5 !important
    }

    .fc-lightTeal-active:active {
      color: #00f7f5 !important
    }

    .fc-lightTeal-hover:hover {
      color: #00f7f5 !important
    }

    .fc-lightTeal-focus:focus {
      color: #00f7f5 !important
    }

    .fc-lightCyan {
      color: #5ebdec !important
    }

    .fc-lightCyan-active:active {
      color: #5ebdec !important
    }

    .fc-lightCyan-hover:hover {
      color: #5ebdec !important
    }

    .fc-lightCyan-focus:focus {
      color: #5ebdec !important
    }

    .fc-lightCobalt {
      color: #3d7eff !important
    }

    .fc-lightCobalt-active:active {
      color: #3d7eff !important
    }

    .fc-lightCobalt-hover:hover {
      color: #3d7eff !important
    }

    .fc-lightCobalt-focus:focus {
      color: #3d7eff !important
    }

    .fc-lightIndigo {
      color: #974dff !important
    }

    .fc-lightIndigo-active:active {
      color: #974dff !important
    }

    .fc-lightIndigo-hover:hover {
      color: #974dff !important
    }

    .fc-lightIndigo-focus:focus {
      color: #974dff !important
    }

    .fc-lightViolet {
      color: #c44dff !important
    }

    .fc-lightViolet-active:active {
      color: #c44dff !important
    }

    .fc-lightViolet-hover:hover {
      color: #c44dff !important
    }

    .fc-lightViolet-focus:focus {
      color: #c44dff !important
    }

    .fc-lightPink {
      color: #e98fcb !important
    }

    .fc-lightPink-active:active {
      color: #e98fcb !important
    }

    .fc-lightPink-hover:hover {
      color: #e98fcb !important
    }

    .fc-lightPink-focus:focus {
      color: #e98fcb !important
    }

    .fc-lightMagenta {
      color: #ff2599 !important
    }

    .fc-lightMagenta-active:active {
      color: #ff2599 !important
    }

    .fc-lightMagenta-hover:hover {
      color: #ff2599 !important
    }

    .fc-lightMagenta-focus:focus {
      color: #ff2599 !important
    }

    .fc-lightCrimson {
      color: #ef0036 !important
    }

    .fc-lightCrimson-active:active {
      color: #ef0036 !important
    }

    .fc-lightCrimson-hover:hover {
      color: #ef0036 !important
    }

    .fc-lightCrimson-focus:focus {
      color: #ef0036 !important
    }

    .fc-lightRed {
      color: #df6e68 !important
    }

    .fc-lightRed-active:active {
      color: #df6e68 !important
    }

    .fc-lightRed-hover:hover {
      color: #df6e68 !important
    }

    .fc-lightRed-focus:focus {
      color: #df6e68 !important
    }

    .fc-lightOrange {
      color: #ff9447 !important
    }

    .fc-lightOrange-active:active {
      color: #ff9447 !important
    }

    .fc-lightOrange-hover:hover {
      color: #ff9447 !important
    }

    .fc-lightOrange-focus:focus {
      color: #ff9447 !important
    }

    .fc-lightAmber {
      color: #f8bf4f !important
    }

    .fc-lightAmber-active:active {
      color: #f8bf4f !important
    }

    .fc-lightAmber-hover:hover {
      color: #f8bf4f !important
    }

    .fc-lightAmber-focus:focus {
      color: #f8bf4f !important
    }

    .fc-lightYellow {
      color: #fff44d !important
    }

    .fc-lightYellow-active:active {
      color: #fff44d !important
    }

    .fc-lightYellow-hover:hover {
      color: #fff44d !important
    }

    .fc-lightYellow-focus:focus {
      color: #fff44d !important
    }

    .fc-lightBrown {
      color: #bb823f !important
    }

    .fc-lightBrown-active:active {
      color: #bb823f !important
    }

    .fc-lightBrown-hover:hover {
      color: #bb823f !important
    }

    .fc-lightBrown-focus:focus {
      color: #bb823f !important
    }

    .fc-lightOlive {
      color: #95ab8d !important
    }

    .fc-lightOlive-active:active {
      color: #95ab8d !important
    }

    .fc-lightOlive-hover:hover {
      color: #95ab8d !important
    }

    .fc-lightOlive-focus:focus {
      color: #95ab8d !important
    }

    .fc-lightSteel {
      color: #8d9cab !important
    }

    .fc-lightSteel-active:active {
      color: #8d9cab !important
    }

    .fc-lightSteel-hover:hover {
      color: #8d9cab !important
    }

    .fc-lightSteel-focus:focus {
      color: #8d9cab !important
    }

    .fc-lightMauve {
      color: #9c89ad !important
    }

    .fc-lightMauve-active:active {
      color: #9c89ad !important
    }

    .fc-lightMauve-hover:hover {
      color: #9c89ad !important
    }

    .fc-lightMauve-focus:focus {
      color: #9c89ad !important
    }

    .fc-lightTaupe {
      color: #aea073 !important
    }

    .fc-lightTaupe-active:active {
      color: #aea073 !important
    }

    .fc-lightTaupe-hover:hover {
      color: #aea073 !important
    }

    .fc-lightTaupe-focus:focus {
      color: #aea073 !important
    }

    .fc-lightGray {
      color: #e4e4e4 !important
    }

    .fc-lightGray-active:active {
      color: #e4e4e4 !important
    }

    .fc-lightGray-hover:hover {
      color: #e4e4e4 !important
    }

    .fc-lightGray-focus:focus {
      color: #e4e4e4 !important
    }

    .fc-lightGrayBlue {
      color: #8aa2ae !important
    }

    .fc-lightGrayBlue-active:active {
      color: #8aa2ae !important
    }

    .fc-lightGrayBlue-hover:hover {
      color: #8aa2ae !important
    }

    .fc-lightGrayBlue-focus:focus {
      color: #8aa2ae !important
    }

    .fc-darkLime {
      color: #647800 !important
    }

    .fc-darkLime-active:active {
      color: #647800 !important
    }

    .fc-darkLime-hover:hover {
      color: #647800 !important
    }

    .fc-darkLime-focus:focus {
      color: #647800 !important
    }

    .fc-darkGreen {
      color: #3a660e !important
    }

    .fc-darkGreen-active:active {
      color: #3a660e !important
    }

    .fc-darkGreen-hover:hover {
      color: #3a660e !important
    }

    .fc-darkGreen-focus:focus {
      color: #3a660e !important
    }

    .fc-darkEmerald {
      color: #003d00 !important
    }

    .fc-darkEmerald-active:active {
      color: #003d00 !important
    }

    .fc-darkEmerald-hover:hover {
      color: #003d00 !important
    }

    .fc-darkEmerald-focus:focus {
      color: #003d00 !important
    }

    .fc-darkBlue {
      color: #0077a3 !important
    }

    .fc-darkBlue-active:active {
      color: #0077a3 !important
    }

    .fc-darkBlue-hover:hover {
      color: #0077a3 !important
    }

    .fc-darkBlue-focus:focus {
      color: #0077a3 !important
    }

    .fc-darkTeal {
      color: #005e5d !important
    }

    .fc-darkTeal-active:active {
      color: #005e5d !important
    }

    .fc-darkTeal-hover:hover {
      color: #005e5d !important
    }

    .fc-darkTeal-focus:focus {
      color: #005e5d !important
    }

    .fc-darkCyan {
      color: #13709e !important
    }

    .fc-darkCyan-active:active {
      color: #13709e !important
    }

    .fc-darkCyan-hover:hover {
      color: #13709e !important
    }

    .fc-darkCyan-focus:focus {
      color: #13709e !important
    }

    .fc-darkCobalt {
      color: #0036a3 !important
    }

    .fc-darkCobalt-active:active {
      color: #0036a3 !important
    }

    .fc-darkCobalt-hover:hover {
      color: #0036a3 !important
    }

    .fc-darkCobalt-focus:focus {
      color: #0036a3 !important
    }

    .fc-darkIndigo {
      color: #4a00b3 !important
    }

    .fc-darkIndigo-active:active {
      color: #4a00b3 !important
    }

    .fc-darkIndigo-hover:hover {
      color: #4a00b3 !important
    }

    .fc-darkIndigo-focus:focus {
      color: #4a00b3 !important
    }

    .fc-darkViolet {
      color: #7700b3 !important
    }

    .fc-darkViolet-active:active {
      color: #7700b3 !important
    }

    .fc-darkViolet-hover:hover {
      color: #7700b3 !important
    }

    .fc-darkViolet-focus:focus {
      color: #7700b3 !important
    }

    .fc-darkPink {
      color: #ba2588 !important
    }

    .fc-darkPink-active:active {
      color: #ba2588 !important
    }

    .fc-darkPink-hover:hover {
      color: #ba2588 !important
    }

    .fc-darkPink-focus:focus {
      color: #ba2588 !important
    }

    .fc-darkMagenta {
      color: #8c004a !important
    }

    .fc-darkMagenta-active:active {
      color: #8c004a !important
    }

    .fc-darkMagenta-hover:hover {
      color: #8c004a !important
    }

    .fc-darkMagenta-focus:focus {
      color: #8c004a !important
    }

    .fc-darkCrimson {
      color: #560014 !important
    }

    .fc-darkCrimson-active:active {
      color: #560014 !important
    }

    .fc-darkCrimson-hover:hover {
      color: #560014 !important
    }

    .fc-darkCrimson-focus:focus {
      color: #560014 !important
    }

    .fc-darkRed {
      color: #8f251f !important
    }

    .fc-darkRed-active:active {
      color: #8f251f !important
    }

    .fc-darkRed-hover:hover {
      color: #8f251f !important
    }

    .fc-darkRed-focus:focus {
      color: #8f251f !important
    }

    .fc-darkOrange {
      color: #ae4800 !important
    }

    .fc-darkOrange-active:active {
      color: #ae4800 !important
    }

    .fc-darkOrange-hover:hover {
      color: #ae4800 !important
    }

    .fc-darkOrange-focus:focus {
      color: #ae4800 !important
    }

    .fc-darkAmber {
      color: #a77107 !important
    }

    .fc-darkAmber-active:active {
      color: #a77107 !important
    }

    .fc-darkAmber-hover:hover {
      color: #a77107 !important
    }

    .fc-darkAmber-focus:focus {
      color: #a77107 !important
    }

    .fc-darkYellow {
      color: #b3a800 !important
    }

    .fc-darkYellow-active:active {
      color: #b3a800 !important
    }

    .fc-darkYellow-hover:hover {
      color: #b3a800 !important
    }

    .fc-darkYellow-focus:focus {
      color: #b3a800 !important
    }

    .fc-darkBrown {
      color: #493219 !important
    }

    .fc-darkBrown-active:active {
      color: #493219 !important
    }

    .fc-darkBrown-hover:hover {
      color: #493219 !important
    }

    .fc-darkBrown-focus:focus {
      color: #493219 !important
    }

    .fc-darkOlive {
      color: #4a5b43 !important
    }

    .fc-darkOlive-active:active {
      color: #4a5b43 !important
    }

    .fc-darkOlive-hover:hover {
      color: #4a5b43 !important
    }

    .fc-darkOlive-focus:focus {
      color: #4a5b43 !important
    }

    .fc-darkSteel {
      color: #43505b !important
    }

    .fc-darkSteel-active:active {
      color: #43505b !important
    }

    .fc-darkSteel-hover:hover {
      color: #43505b !important
    }

    .fc-darkSteel-focus:focus {
      color: #43505b !important
    }

    .fc-darkMauve {
      color: #4f415d !important
    }

    .fc-darkMauve-active:active {
      color: #4f415d !important
    }

    .fc-darkMauve-hover:hover {
      color: #4f415d !important
    }

    .fc-darkMauve-focus:focus {
      color: #4f415d !important
    }

    .fc-darkTaupe {
      color: #574e32 !important
    }

    .fc-darkTaupe-active:active {
      color: #574e32 !important
    }

    .fc-darkTaupe-hover:hover {
      color: #574e32 !important
    }

    .fc-darkTaupe-focus:focus {
      color: #574e32 !important
    }

    .fc-darkGray {
      color: #989898 !important
    }

    .fc-darkGray-active:active {
      color: #989898 !important
    }

    .fc-darkGray-hover:hover {
      color: #989898 !important
    }

    .fc-darkGray-focus:focus {
      color: #989898 !important
    }

    .fc-darkGrayBlue {
      color: #41545e !important
    }

    .fc-darkGrayBlue-active:active {
      color: #41545e !important
    }

    .fc-darkGrayBlue-hover:hover {
      color: #41545e !important
    }

    .fc-darkGrayBlue-focus:focus {
      color: #41545e !important
    }

    .fg-black {
      color: #000 !important
    }

    .fg-black-active:active {
      color: #000 !important
    }

    .fg-black-hover:hover {
      color: #000 !important
    }

    .fg-black-focus:focus {
      color: #000 !important
    }

    .fg-white {
      color: #fff !important
    }

    .fg-white-active:active {
      color: #fff !important
    }

    .fg-white-hover:hover {
      color: #fff !important
    }

    .fg-white-focus:focus {
      color: #fff !important
    }

    .fg-dark {
      color: #1d1d1d !important
    }

    .fg-dark-active:active {
      color: #1d1d1d !important
    }

    .fg-dark-hover:hover {
      color: #1d1d1d !important
    }

    .fg-dark-focus:focus {
      color: #1d1d1d !important
    }

    .fg-light {
      color: #f8f8f8 !important
    }

    .fg-light-active:active {
      color: #f8f8f8 !important
    }

    .fg-light-hover:hover {
      color: #f8f8f8 !important
    }

    .fg-light-focus:focus {
      color: #f8f8f8 !important
    }

    .fg-grayBlue {
      color: #607d8b !important
    }

    .fg-grayBlue-active:active {
      color: #607d8b !important
    }

    .fg-grayBlue-hover:hover {
      color: #607d8b !important
    }

    .fg-grayBlue-focus:focus {
      color: #607d8b !important
    }

    .fg-grayWhite {
      color: #f5f5f5 !important
    }

    .fg-grayWhite-active:active {
      color: #f5f5f5 !important
    }

    .fg-grayWhite-hover:hover {
      color: #f5f5f5 !important
    }

    .fg-grayWhite-focus:focus {
      color: #f5f5f5 !important
    }

    .fg-grayMouse {
      color: #455a64 !important
    }

    .fg-grayMouse-active:active {
      color: #455a64 !important
    }

    .fg-grayMouse-hover:hover {
      color: #455a64 !important
    }

    .fg-grayMouse-focus:focus {
      color: #455a64 !important
    }

    .fg-brandColor1 {
      color: #2ac4f4 !important
    }

    .fg-brandColor1-active:active {
      color: #2ac4f4 !important
    }

    .fg-brandColor1-hover:hover {
      color: #2ac4f4 !important
    }

    .fg-brandColor1-focus:focus {
      color: #2ac4f4 !important
    }

    .fg-brandColor2 {
      color: #004d6f !important
    }

    .fg-brandColor2-active:active {
      color: #004d6f !important
    }

    .fg-brandColor2-hover:hover {
      color: #004d6f !important
    }

    .fg-brandColor2-focus:focus {
      color: #004d6f !important
    }

    .fg-lime {
      color: #a4c400 !important
    }

    .fg-lime-active:active {
      color: #a4c400 !important
    }

    .fg-lime-hover:hover {
      color: #a4c400 !important
    }

    .fg-lime-focus:focus {
      color: #a4c400 !important
    }

    .fg-green {
      color: #60a917 !important
    }

    .fg-green-active:active {
      color: #60a917 !important
    }

    .fg-green-hover:hover {
      color: #60a917 !important
    }

    .fg-green-focus:focus {
      color: #60a917 !important
    }

    .fg-emerald {
      color: #008a00 !important
    }

    .fg-emerald-active:active {
      color: #008a00 !important
    }

    .fg-emerald-hover:hover {
      color: #008a00 !important
    }

    .fg-emerald-focus:focus {
      color: #008a00 !important
    }

    .fg-blue {
      color: #00aff0 !important
    }

    .fg-blue-active:active {
      color: #00aff0 !important
    }

    .fg-blue-hover:hover {
      color: #00aff0 !important
    }

    .fg-blue-focus:focus {
      color: #00aff0 !important
    }

    .fg-teal {
      color: #00aba9 !important
    }

    .fg-teal-active:active {
      color: #00aba9 !important
    }

    .fg-teal-hover:hover {
      color: #00aba9 !important
    }

    .fg-teal-focus:focus {
      color: #00aba9 !important
    }

    .fg-cyan {
      color: #1ba1e2 !important
    }

    .fg-cyan-active:active {
      color: #1ba1e2 !important
    }

    .fg-cyan-hover:hover {
      color: #1ba1e2 !important
    }

    .fg-cyan-focus:focus {
      color: #1ba1e2 !important
    }

    .fg-cobalt {
      color: #0050ef !important
    }

    .fg-cobalt-active:active {
      color: #0050ef !important
    }

    .fg-cobalt-hover:hover {
      color: #0050ef !important
    }

    .fg-cobalt-focus:focus {
      color: #0050ef !important
    }

    .fg-indigo {
      color: #6a00ff !important
    }

    .fg-indigo-active:active {
      color: #6a00ff !important
    }

    .fg-indigo-hover:hover {
      color: #6a00ff !important
    }

    .fg-indigo-focus:focus {
      color: #6a00ff !important
    }

    .fg-violet {
      color: #a0f !important
    }

    .fg-violet-active:active {
      color: #a0f !important
    }

    .fg-violet-hover:hover {
      color: #a0f !important
    }

    .fg-violet-focus:focus {
      color: #a0f !important
    }

    .fg-pink {
      color: #dc4fad !important
    }

    .fg-pink-active:active {
      color: #dc4fad !important
    }

    .fg-pink-hover:hover {
      color: #dc4fad !important
    }

    .fg-pink-focus:focus {
      color: #dc4fad !important
    }

    .fg-magenta {
      color: #d80073 !important
    }

    .fg-magenta-active:active {
      color: #d80073 !important
    }

    .fg-magenta-hover:hover {
      color: #d80073 !important
    }

    .fg-magenta-focus:focus {
      color: #d80073 !important
    }

    .fg-crimson {
      color: #a20025 !important
    }

    .fg-crimson-active:active {
      color: #a20025 !important
    }

    .fg-crimson-hover:hover {
      color: #a20025 !important
    }

    .fg-crimson-focus:focus {
      color: #a20025 !important
    }

    .fg-red {
      color: #ce352c !important
    }

    .fg-red-active:active {
      color: #ce352c !important
    }

    .fg-red-hover:hover {
      color: #ce352c !important
    }

    .fg-red-focus:focus {
      color: #ce352c !important
    }

    .fg-orange {
      color: #fa6800 !important
    }

    .fg-orange-active:active {
      color: #fa6800 !important
    }

    .fg-orange-hover:hover {
      color: #fa6800 !important
    }

    .fg-orange-focus:focus {
      color: #fa6800 !important
    }

    .fg-amber {
      color: #f0a30a !important
    }

    .fg-amber-active:active {
      color: #f0a30a !important
    }

    .fg-amber-hover:hover {
      color: #f0a30a !important
    }

    .fg-amber-focus:focus {
      color: #f0a30a !important
    }

    .fg-yellow {
      color: #fff000 !important
    }

    .fg-yellow-active:active {
      color: #fff000 !important
    }

    .fg-yellow-hover:hover {
      color: #fff000 !important
    }

    .fg-yellow-focus:focus {
      color: #fff000 !important
    }

    .fg-brown {
      color: #825a2c !important
    }

    .fg-brown-active:active {
      color: #825a2c !important
    }

    .fg-brown-hover:hover {
      color: #825a2c !important
    }

    .fg-brown-focus:focus {
      color: #825a2c !important
    }

    .fg-olive {
      color: #6d8764 !important
    }

    .fg-olive-active:active {
      color: #6d8764 !important
    }

    .fg-olive-hover:hover {
      color: #6d8764 !important
    }

    .fg-olive-focus:focus {
      color: #6d8764 !important
    }

    .fg-steel {
      color: #647687 !important
    }

    .fg-steel-active:active {
      color: #647687 !important
    }

    .fg-steel-hover:hover {
      color: #647687 !important
    }

    .fg-steel-focus:focus {
      color: #647687 !important
    }

    .fg-mauve {
      color: #76608a !important
    }

    .fg-mauve-active:active {
      color: #76608a !important
    }

    .fg-mauve-hover:hover {
      color: #76608a !important
    }

    .fg-mauve-focus:focus {
      color: #76608a !important
    }

    .fg-taupe {
      color: #87794e !important
    }

    .fg-taupe-active:active {
      color: #87794e !important
    }

    .fg-taupe-hover:hover {
      color: #87794e !important
    }

    .fg-taupe-focus:focus {
      color: #87794e !important
    }

    .fg-gray {
      color: #bebebe !important
    }

    .fg-gray-active:active {
      color: #bebebe !important
    }

    .fg-gray-hover:hover {
      color: #bebebe !important
    }

    .fg-gray-focus:focus {
      color: #bebebe !important
    }

    .fg-lightLime {
      color: #d8ff12 !important
    }

    .fg-lightLime-active:active {
      color: #d8ff12 !important
    }

    .fg-lightLime-hover:hover {
      color: #d8ff12 !important
    }

    .fg-lightLime-focus:focus {
      color: #d8ff12 !important
    }

    .fg-lightGreen {
      color: #86e22a !important
    }

    .fg-lightGreen-active:active {
      color: #86e22a !important
    }

    .fg-lightGreen-hover:hover {
      color: #86e22a !important
    }

    .fg-lightGreen-focus:focus {
      color: #86e22a !important
    }

    .fg-lightEmerald {
      color: #00d600 !important
    }

    .fg-lightEmerald-active:active {
      color: #00d600 !important
    }

    .fg-lightEmerald-hover:hover {
      color: #00d600 !important
    }

    .fg-lightEmerald-focus:focus {
      color: #00d600 !important
    }

    .fg-lightBlue {
      color: #3ecbff !important
    }

    .fg-lightBlue-active:active {
      color: #3ecbff !important
    }

    .fg-lightBlue-hover:hover {
      color: #3ecbff !important
    }

    .fg-lightBlue-focus:focus {
      color: #3ecbff !important
    }

    .fg-lightTeal {
      color: #00f7f5 !important
    }

    .fg-lightTeal-active:active {
      color: #00f7f5 !important
    }

    .fg-lightTeal-hover:hover {
      color: #00f7f5 !important
    }

    .fg-lightTeal-focus:focus {
      color: #00f7f5 !important
    }

    .fg-lightCyan {
      color: #5ebdec !important
    }

    .fg-lightCyan-active:active {
      color: #5ebdec !important
    }

    .fg-lightCyan-hover:hover {
      color: #5ebdec !important
    }

    .fg-lightCyan-focus:focus {
      color: #5ebdec !important
    }

    .fg-lightCobalt {
      color: #3d7eff !important
    }

    .fg-lightCobalt-active:active {
      color: #3d7eff !important
    }

    .fg-lightCobalt-hover:hover {
      color: #3d7eff !important
    }

    .fg-lightCobalt-focus:focus {
      color: #3d7eff !important
    }

    .fg-lightIndigo {
      color: #974dff !important
    }

    .fg-lightIndigo-active:active {
      color: #974dff !important
    }

    .fg-lightIndigo-hover:hover {
      color: #974dff !important
    }

    .fg-lightIndigo-focus:focus {
      color: #974dff !important
    }

    .fg-lightViolet {
      color: #c44dff !important
    }

    .fg-lightViolet-active:active {
      color: #c44dff !important
    }

    .fg-lightViolet-hover:hover {
      color: #c44dff !important
    }

    .fg-lightViolet-focus:focus {
      color: #c44dff !important
    }

    .fg-lightPink {
      color: #e98fcb !important
    }

    .fg-lightPink-active:active {
      color: #e98fcb !important
    }

    .fg-lightPink-hover:hover {
      color: #e98fcb !important
    }

    .fg-lightPink-focus:focus {
      color: #e98fcb !important
    }

    .fg-lightMagenta {
      color: #ff2599 !important
    }

    .fg-lightMagenta-active:active {
      color: #ff2599 !important
    }

    .fg-lightMagenta-hover:hover {
      color: #ff2599 !important
    }

    .fg-lightMagenta-focus:focus {
      color: #ff2599 !important
    }

    .fg-lightCrimson {
      color: #ef0036 !important
    }

    .fg-lightCrimson-active:active {
      color: #ef0036 !important
    }

    .fg-lightCrimson-hover:hover {
      color: #ef0036 !important
    }

    .fg-lightCrimson-focus:focus {
      color: #ef0036 !important
    }

    .fg-lightRed {
      color: #df6e68 !important
    }

    .fg-lightRed-active:active {
      color: #df6e68 !important
    }

    .fg-lightRed-hover:hover {
      color: #df6e68 !important
    }

    .fg-lightRed-focus:focus {
      color: #df6e68 !important
    }

    .fg-lightOrange {
      color: #ff9447 !important
    }

    .fg-lightOrange-active:active {
      color: #ff9447 !important
    }

    .fg-lightOrange-hover:hover {
      color: #ff9447 !important
    }

    .fg-lightOrange-focus:focus {
      color: #ff9447 !important
    }

    .fg-lightAmber {
      color: #f8bf4f !important
    }

    .fg-lightAmber-active:active {
      color: #f8bf4f !important
    }

    .fg-lightAmber-hover:hover {
      color: #f8bf4f !important
    }

    .fg-lightAmber-focus:focus {
      color: #f8bf4f !important
    }

    .fg-lightYellow {
      color: #fff44d !important
    }

    .fg-lightYellow-active:active {
      color: #fff44d !important
    }

    .fg-lightYellow-hover:hover {
      color: #fff44d !important
    }

    .fg-lightYellow-focus:focus {
      color: #fff44d !important
    }

    .fg-lightBrown {
      color: #bb823f !important
    }

    .fg-lightBrown-active:active {
      color: #bb823f !important
    }

    .fg-lightBrown-hover:hover {
      color: #bb823f !important
    }

    .fg-lightBrown-focus:focus {
      color: #bb823f !important
    }

    .fg-lightOlive {
      color: #95ab8d !important
    }

    .fg-lightOlive-active:active {
      color: #95ab8d !important
    }

    .fg-lightOlive-hover:hover {
      color: #95ab8d !important
    }

    .fg-lightOlive-focus:focus {
      color: #95ab8d !important
    }

    .fg-lightSteel {
      color: #8d9cab !important
    }

    .fg-lightSteel-active:active {
      color: #8d9cab !important
    }

    .fg-lightSteel-hover:hover {
      color: #8d9cab !important
    }

    .fg-lightSteel-focus:focus {
      color: #8d9cab !important
    }

    .fg-lightMauve {
      color: #9c89ad !important
    }

    .fg-lightMauve-active:active {
      color: #9c89ad !important
    }

    .fg-lightMauve-hover:hover {
      color: #9c89ad !important
    }

    .fg-lightMauve-focus:focus {
      color: #9c89ad !important
    }

    .fg-lightTaupe {
      color: #aea073 !important
    }

    .fg-lightTaupe-active:active {
      color: #aea073 !important
    }

    .fg-lightTaupe-hover:hover {
      color: #aea073 !important
    }

    .fg-lightTaupe-focus:focus {
      color: #aea073 !important
    }

    .fg-lightGray {
      color: #e4e4e4 !important
    }

    .fg-lightGray-active:active {
      color: #e4e4e4 !important
    }

    .fg-lightGray-hover:hover {
      color: #e4e4e4 !important
    }

    .fg-lightGray-focus:focus {
      color: #e4e4e4 !important
    }

    .fg-lightGrayBlue {
      color: #8aa2ae !important
    }

    .fg-lightGrayBlue-active:active {
      color: #8aa2ae !important
    }

    .fg-lightGrayBlue-hover:hover {
      color: #8aa2ae !important
    }

    .fg-lightGrayBlue-focus:focus {
      color: #8aa2ae !important
    }

    .fg-darkLime {
      color: #647800 !important
    }

    .fg-darkLime-active:active {
      color: #647800 !important
    }

    .fg-darkLime-hover:hover {
      color: #647800 !important
    }

    .fg-darkLime-focus:focus {
      color: #647800 !important
    }

    .fg-darkGreen {
      color: #3a660e !important
    }

    .fg-darkGreen-active:active {
      color: #3a660e !important
    }

    .fg-darkGreen-hover:hover {
      color: #3a660e !important
    }

    .fg-darkGreen-focus:focus {
      color: #3a660e !important
    }

    .fg-darkEmerald {
      color: #003d00 !important
    }

    .fg-darkEmerald-active:active {
      color: #003d00 !important
    }

    .fg-darkEmerald-hover:hover {
      color: #003d00 !important
    }

    .fg-darkEmerald-focus:focus {
      color: #003d00 !important
    }

    .fg-darkBlue {
      color: #0077a3 !important
    }

    .fg-darkBlue-active:active {
      color: #0077a3 !important
    }

    .fg-darkBlue-hover:hover {
      color: #0077a3 !important
    }

    .fg-darkBlue-focus:focus {
      color: #0077a3 !important
    }

    .fg-darkTeal {
      color: #005e5d !important
    }

    .fg-darkTeal-active:active {
      color: #005e5d !important
    }

    .fg-darkTeal-hover:hover {
      color: #005e5d !important
    }

    .fg-darkTeal-focus:focus {
      color: #005e5d !important
    }

    .fg-darkCyan {
      color: #13709e !important
    }

    .fg-darkCyan-active:active {
      color: #13709e !important
    }

    .fg-darkCyan-hover:hover {
      color: #13709e !important
    }

    .fg-darkCyan-focus:focus {
      color: #13709e !important
    }

    .fg-darkCobalt {
      color: #0036a3 !important
    }

    .fg-darkCobalt-active:active {
      color: #0036a3 !important
    }

    .fg-darkCobalt-hover:hover {
      color: #0036a3 !important
    }

    .fg-darkCobalt-focus:focus {
      color: #0036a3 !important
    }

    .fg-darkIndigo {
      color: #4a00b3 !important
    }

    .fg-darkIndigo-active:active {
      color: #4a00b3 !important
    }

    .fg-darkIndigo-hover:hover {
      color: #4a00b3 !important
    }

    .fg-darkIndigo-focus:focus {
      color: #4a00b3 !important
    }

    .fg-darkViolet {
      color: #7700b3 !important
    }

    .fg-darkViolet-active:active {
      color: #7700b3 !important
    }

    .fg-darkViolet-hover:hover {
      color: #7700b3 !important
    }

    .fg-darkViolet-focus:focus {
      color: #7700b3 !important
    }

    .fg-darkPink {
      color: #ba2588 !important
    }

    .fg-darkPink-active:active {
      color: #ba2588 !important
    }

    .fg-darkPink-hover:hover {
      color: #ba2588 !important
    }

    .fg-darkPink-focus:focus {
      color: #ba2588 !important
    }

    .fg-darkMagenta {
      color: #8c004a !important
    }

    .fg-darkMagenta-active:active {
      color: #8c004a !important
    }

    .fg-darkMagenta-hover:hover {
      color: #8c004a !important
    }

    .fg-darkMagenta-focus:focus {
      color: #8c004a !important
    }

    .fg-darkCrimson {
      color: #560014 !important
    }

    .fg-darkCrimson-active:active {
      color: #560014 !important
    }

    .fg-darkCrimson-hover:hover {
      color: #560014 !important
    }

    .fg-darkCrimson-focus:focus {
      color: #560014 !important
    }

    .fg-darkRed {
      color: #8f251f !important
    }

    .fg-darkRed-active:active {
      color: #8f251f !important
    }

    .fg-darkRed-hover:hover {
      color: #8f251f !important
    }

    .fg-darkRed-focus:focus {
      color: #8f251f !important
    }

    .fg-darkOrange {
      color: #ae4800 !important
    }

    .fg-darkOrange-active:active {
      color: #ae4800 !important
    }

    .fg-darkOrange-hover:hover {
      color: #ae4800 !important
    }

    .fg-darkOrange-focus:focus {
      color: #ae4800 !important
    }

    .fg-darkAmber {
      color: #a77107 !important
    }

    .fg-darkAmber-active:active {
      color: #a77107 !important
    }

    .fg-darkAmber-hover:hover {
      color: #a77107 !important
    }

    .fg-darkAmber-focus:focus {
      color: #a77107 !important
    }

    .fg-darkYellow {
      color: #b3a800 !important
    }

    .fg-darkYellow-active:active {
      color: #b3a800 !important
    }

    .fg-darkYellow-hover:hover {
      color: #b3a800 !important
    }

    .fg-darkYellow-focus:focus {
      color: #b3a800 !important
    }

    .fg-darkBrown {
      color: #493219 !important
    }

    .fg-darkBrown-active:active {
      color: #493219 !important
    }

    .fg-darkBrown-hover:hover {
      color: #493219 !important
    }

    .fg-darkBrown-focus:focus {
      color: #493219 !important
    }

    .fg-darkOlive {
      color: #4a5b43 !important
    }

    .fg-darkOlive-active:active {
      color: #4a5b43 !important
    }

    .fg-darkOlive-hover:hover {
      color: #4a5b43 !important
    }

    .fg-darkOlive-focus:focus {
      color: #4a5b43 !important
    }

    .fg-darkSteel {
      color: #43505b !important
    }

    .fg-darkSteel-active:active {
      color: #43505b !important
    }

    .fg-darkSteel-hover:hover {
      color: #43505b !important
    }

    .fg-darkSteel-focus:focus {
      color: #43505b !important
    }

    .fg-darkMauve {
      color: #4f415d !important
    }

    .fg-darkMauve-active:active {
      color: #4f415d !important
    }

    .fg-darkMauve-hover:hover {
      color: #4f415d !important
    }

    .fg-darkMauve-focus:focus {
      color: #4f415d !important
    }

    .fg-darkTaupe {
      color: #574e32 !important
    }

    .fg-darkTaupe-active:active {
      color: #574e32 !important
    }

    .fg-darkTaupe-hover:hover {
      color: #574e32 !important
    }

    .fg-darkTaupe-focus:focus {
      color: #574e32 !important
    }

    .fg-darkGray {
      color: #989898 !important
    }

    .fg-darkGray-active:active {
      color: #989898 !important
    }

    .fg-darkGray-hover:hover {
      color: #989898 !important
    }

    .fg-darkGray-focus:focus {
      color: #989898 !important
    }

    .fg-darkGrayBlue {
      color: #41545e !important
    }

    .fg-darkGrayBlue-active:active {
      color: #41545e !important
    }

    .fg-darkGrayBlue-hover:hover {
      color: #41545e !important
    }

    .fg-darkGrayBlue-focus:focus {
      color: #41545e !important
    }

    ;

    .op-default {
      background-color: rgba(27, 161, 226, 0.5) !important;
    }

    .op-black {
      background-color: rgba(0, 0, 0, 0.5) !important;
    }

    .op-black-hi {
      background-color: rgba(0, 0, 0, 0.2) !important;
    }

    .op-black-low {
      background-color: rgba(0, 0, 0, 0.8) !important;
    }

    .op-white {
      background-color: rgba(255, 255, 255, 0.5) !important;
    }

    .op-white-hi {
      background-color: rgba(255, 255, 255, 0.2) !important;
    }

    .op-white-low {
      background-color: rgba(255, 255, 255, 0.8) !important;
    }

    .op-dark {
      background-color: rgba(29, 29, 29, 0.5) !important;
    }

    .op-dark-hi {
      background-color: rgba(29, 29, 29, 0.2) !important;
    }

    .op-dark-low {
      background-color: rgba(29, 29, 29, 0.8) !important;
    }

    .op-light {
      background-color: rgba(248, 248, 248, 0.5) !important;
    }

    .op-light-hi {
      background-color: rgba(248, 248, 248, 0.2) !important;
    }

    .op-light-low {
      background-color: rgba(248, 248, 248, 0.8) !important;
    }

    .op-grayBlue {
      background-color: rgba(96, 125, 139, 0.5) !important;
    }

    .op-grayBlue-hi {
      background-color: rgba(96, 125, 139, 0.2) !important;
    }

    .op-grayBlue-low {
      background-color: rgba(96, 125, 139, 0.8) !important;
    }

    .op-grayWhite {
      background-color: rgba(245, 245, 245, 0.5) !important;
    }

    .op-grayWhite-hi {
      background-color: rgba(245, 245, 245, 0.2) !important;
    }

    .op-grayWhite-low {
      background-color: rgba(245, 245, 245, 0.8) !important;
    }

    .op-grayMouse {
      background-color: rgba(69, 90, 100, 0.5) !important;
    }

    .op-grayMouse-hi {
      background-color: rgba(69, 90, 100, 0.2) !important;
    }

    .op-grayMouse-low {
      background-color: rgba(69, 90, 100, 0.8) !important;
    }

    .op-brandColor1 {
      background-color: rgba(42, 196, 244, 0.5) !important;
    }

    .op-brandColor1-hi {
      background-color: rgba(42, 196, 244, 0.2) !important;
    }

    .op-brandColor1-low {
      background-color: rgba(42, 196, 244, 0.8) !important;
    }

    .op-brandColor2 {
      background-color: rgba(0, 77, 111, 0.5) !important;
    }

    .op-brandColor2-hi {
      background-color: rgba(0, 77, 111, 0.2) !important;
    }

    .op-brandColor2-low {
      background-color: rgba(0, 77, 111, 0.8) !important;
    }

    .op-lime {
      background-color: rgba(164, 196, 0, 0.5) !important;
    }

    .op-lime-hi {
      background-color: rgba(164, 196, 0, 0.2) !important;
    }

    .op-lime-low {
      background-color: rgba(164, 196, 0, 0.8) !important;
    }

    .op-green {
      background-color: rgba(96, 169, 23, 0.5) !important;
    }

    .op-green-hi {
      background-color: rgba(96, 169, 23, 0.2) !important;
    }

    .op-green-low {
      background-color: rgba(96, 169, 23, 0.8) !important;
    }

    .op-emerald {
      background-color: rgba(0, 138, 0, 0.5) !important;
    }

    .op-emerald-hi {
      background-color: rgba(0, 138, 0, 0.2) !important;
    }

    .op-emerald-low {
      background-color: rgba(0, 138, 0, 0.8) !important;
    }

    .op-blue {
      background-color: rgba(0, 175, 240, 0.5) !important;
    }

    .op-blue-hi {
      background-color: rgba(0, 175, 240, 0.2) !important;
    }

    .op-blue-low {
      background-color: rgba(0, 175, 240, 0.8) !important;
    }

    .op-teal {
      background-color: rgba(0, 171, 169, 0.5) !important;
    }

    .op-teal-hi {
      background-color: rgba(0, 171, 169, 0.2) !important;
    }

    .op-teal-low {
      background-color: rgba(0, 171, 169, 0.8) !important;
    }

    .op-cyan {
      background-color: rgba(27, 161, 226, 0.5) !important;
    }

    .op-cyan-hi {
      background-color: rgba(27, 161, 226, 0.2) !important;
    }

    .op-cyan-low {
      background-color: rgba(27, 161, 226, 0.8) !important;
    }

    .op-cobalt {
      background-color: rgba(0, 80, 239, 0.5) !important;
    }

    .op-cobalt-hi {
      background-color: rgba(0, 80, 239, 0.2) !important;
    }

    .op-cobalt-low {
      background-color: rgba(0, 80, 239, 0.8) !important;
    }

    .op-indigo {
      background-color: rgba(106, 0, 255, 0.5) !important;
    }

    .op-indigo-hi {
      background-color: rgba(106, 0, 255, 0.2) !important;
    }

    .op-indigo-low {
      background-color: rgba(106, 0, 255, 0.8) !important;
    }

    .op-violet {
      background-color: rgba(170, 0, 255, 0.5) !important;
    }

    .op-violet-hi {
      background-color: rgba(170, 0, 255, 0.2) !important;
    }

    .op-violet-low {
      background-color: rgba(170, 0, 255, 0.8) !important;
    }

    .op-pink {
      background-color: rgba(220, 79, 173, 0.5) !important;
    }

    .op-pink-hi {
      background-color: rgba(220, 79, 173, 0.2) !important;
    }

    .op-pink-low {
      background-color: rgba(220, 79, 173, 0.8) !important;
    }

    .op-magenta {
      background-color: rgba(216, 0, 115, 0.5) !important;
    }

    .op-magenta-hi {
      background-color: rgba(216, 0, 115, 0.2) !important;
    }

    .op-magenta-low {
      background-color: rgba(216, 0, 115, 0.8) !important;
    }

    .op-crimson {
      background-color: rgba(162, 0, 37, 0.5) !important;
    }

    .op-crimson-hi {
      background-color: rgba(162, 0, 37, 0.2) !important;
    }

    .op-crimson-low {
      background-color: rgba(162, 0, 37, 0.8) !important;
    }

    .op-red {
      background-color: rgba(206, 53, 44, 0.5) !important;
    }

    .op-red-hi {
      background-color: rgba(206, 53, 44, 0.2) !important;
    }

    .op-red-low {
      background-color: rgba(206, 53, 44, 0.8) !important;
    }

    .op-orange {
      background-color: rgba(250, 104, 0, 0.5) !important;
    }

    .op-orange-hi {
      background-color: rgba(250, 104, 0, 0.2) !important;
    }

    .op-orange-low {
      background-color: rgba(250, 104, 0, 0.8) !important;
    }

    .op-amber {
      background-color: rgba(240, 163, 10, 0.5) !important;
    }

    .op-amber-hi {
      background-color: rgba(240, 163, 10, 0.2) !important;
    }

    .op-amber-low {
      background-color: rgba(240, 163, 10, 0.8) !important;
    }

    .op-yellow {
      background-color: rgba(255, 240, 0, 0.5) !important;
    }

    .op-yellow-hi {
      background-color: rgba(255, 240, 0, 0.2) !important;
    }

    .op-yellow-low {
      background-color: rgba(255, 240, 0, 0.8) !important;
    }

    .op-brown {
      background-color: rgba(130, 90, 44, 0.5) !important;
    }

    .op-brown-hi {
      background-color: rgba(130, 90, 44, 0.2) !important;
    }

    .op-brown-low {
      background-color: rgba(130, 90, 44, 0.8) !important;
    }

    .op-olive {
      background-color: rgba(109, 135, 100, 0.5) !important;
    }

    .op-olive-hi {
      background-color: rgba(109, 135, 100, 0.2) !important;
    }

    .op-olive-low {
      background-color: rgba(109, 135, 100, 0.8) !important;
    }

    .op-steel {
      background-color: rgba(100, 118, 135, 0.5) !important;
    }

    .op-steel-hi {
      background-color: rgba(100, 118, 135, 0.2) !important;
    }

    .op-steel-low {
      background-color: rgba(100, 118, 135, 0.8) !important;
    }

    .op-mauve {
      background-color: rgba(118, 96, 138, 0.5) !important;
    }

    .op-mauve-hi {
      background-color: rgba(118, 96, 138, 0.2) !important;
    }

    .op-mauve-low {
      background-color: rgba(118, 96, 138, 0.8) !important;
    }

    .op-taupe {
      background-color: rgba(135, 121, 78, 0.5) !important;
    }

    .op-taupe-hi {
      background-color: rgba(135, 121, 78, 0.2) !important;
    }

    .op-taupe-low {
      background-color: rgba(135, 121, 78, 0.8) !important;
    }

    .op-gray {
      background-color: rgba(190, 190, 190, 0.5) !important;
    }

    .op-gray-hi {
      background-color: rgba(190, 190, 190, 0.2) !important;
    }

    .op-gray-low {
      background-color: rgba(190, 190, 190, 0.8) !important;
    }

    .op-lightLime {
      background-color: rgba(216, 255, 18, 0.5) !important;
    }

    .op-lightLime-hi {
      background-color: rgba(216, 255, 18, 0.2) !important;
    }

    .op-lightLime-low {
      background-color: rgba(216, 255, 18, 0.8) !important;
    }

    .op-lightGreen {
      background-color: rgba(134, 226, 42, 0.5) !important;
    }

    .op-lightGreen-hi {
      background-color: rgba(134, 226, 42, 0.2) !important;
    }

    .op-lightGreen-low {
      background-color: rgba(134, 226, 42, 0.8) !important;
    }

    .op-lightEmerald {
      background-color: rgba(0, 214, 0, 0.5) !important;
    }

    .op-lightEmerald-hi {
      background-color: rgba(0, 214, 0, 0.2) !important;
    }

    .op-lightEmerald-low {
      background-color: rgba(0, 214, 0, 0.8) !important;
    }

    .op-lightBlue {
      background-color: rgba(62, 203, 255, 0.5) !important;
    }

    .op-lightBlue-hi {
      background-color: rgba(62, 203, 255, 0.2) !important;
    }

    .op-lightBlue-low {
      background-color: rgba(62, 203, 255, 0.8) !important;
    }

    .op-lightTeal {
      background-color: rgba(0, 247, 245, 0.5) !important;
    }

    .op-lightTeal-hi {
      background-color: rgba(0, 247, 245, 0.2) !important;
    }

    .op-lightTeal-low {
      background-color: rgba(0, 247, 245, 0.8) !important;
    }

    .op-lightCyan {
      background-color: rgba(94, 189, 236, 0.5) !important;
    }

    .op-lightCyan-hi {
      background-color: rgba(94, 189, 236, 0.2) !important;
    }

    .op-lightCyan-low {
      background-color: rgba(94, 189, 236, 0.8) !important;
    }

    .op-lightCobalt {
      background-color: rgba(61, 126, 255, 0.5) !important;
    }

    .op-lightCobalt-hi {
      background-color: rgba(61, 126, 255, 0.2) !important;
    }

    .op-lightCobalt-low {
      background-color: rgba(61, 126, 255, 0.8) !important;
    }

    .op-lightIndigo {
      background-color: rgba(151, 77, 255, 0.5) !important;
    }

    .op-lightIndigo-hi {
      background-color: rgba(151, 77, 255, 0.2) !important;
    }

    .op-lightIndigo-low {
      background-color: rgba(151, 77, 255, 0.8) !important;
    }

    .op-lightViolet {
      background-color: rgba(196, 77, 255, 0.5) !important;
    }

    .op-lightViolet-hi {
      background-color: rgba(196, 77, 255, 0.2) !important;
    }

    .op-lightViolet-low {
      background-color: rgba(196, 77, 255, 0.8) !important;
    }

    .op-lightPink {
      background-color: rgba(233, 143, 203, 0.5) !important;
    }

    .op-lightPink-hi {
      background-color: rgba(233, 143, 203, 0.2) !important;
    }

    .op-lightPink-low {
      background-color: rgba(233, 143, 203, 0.8) !important;
    }

    .op-lightMagenta {
      background-color: rgba(255, 37, 153, 0.5) !important;
    }

    .op-lightMagenta-hi {
      background-color: rgba(255, 37, 153, 0.2) !important;
    }

    .op-lightMagenta-low {
      background-color: rgba(255, 37, 153, 0.8) !important;
    }

    .op-lightCrimson {
      background-color: rgba(239, 0, 54, 0.5) !important;
    }

    .op-lightCrimson-hi {
      background-color: rgba(239, 0, 54, 0.2) !important;
    }

    .op-lightCrimson-low {
      background-color: rgba(239, 0, 54, 0.8) !important;
    }

    .op-lightRed {
      background-color: rgba(223, 110, 104, 0.5) !important;
    }

    .op-lightRed-hi {
      background-color: rgba(223, 110, 104, 0.2) !important;
    }

    .op-lightRed-low {
      background-color: rgba(223, 110, 104, 0.8) !important;
    }

    .op-lightOrange {
      background-color: rgba(255, 148, 71, 0.5) !important;
    }

    .op-lightOrange-hi {
      background-color: rgba(255, 148, 71, 0.2) !important;
    }

    .op-lightOrange-low {
      background-color: rgba(255, 148, 71, 0.8) !important;
    }

    .op-lightAmber {
      background-color: rgba(248, 191, 79, 0.5) !important;
    }

    .op-lightAmber-hi {
      background-color: rgba(248, 191, 79, 0.2) !important;
    }

    .op-lightAmber-low {
      background-color: rgba(248, 191, 79, 0.8) !important;
    }

    .op-lightYellow {
      background-color: rgba(255, 244, 77, 0.5) !important;
    }

    .op-lightYellow-hi {
      background-color: rgba(255, 244, 77, 0.2) !important;
    }

    .op-lightYellow-low {
      background-color: rgba(255, 244, 77, 0.8) !important;
    }

    .op-lightBrown {
      background-color: rgba(187, 130, 63, 0.5) !important;
    }

    .op-lightBrown-hi {
      background-color: rgba(187, 130, 63, 0.2) !important;
    }

    .op-lightBrown-low {
      background-color: rgba(187, 130, 63, 0.8) !important;
    }

    .op-lightOlive {
      background-color: rgba(149, 171, 141, 0.5) !important;
    }

    .op-lightOlive-hi {
      background-color: rgba(149, 171, 141, 0.2) !important;
    }

    .op-lightOlive-low {
      background-color: rgba(149, 171, 141, 0.8) !important;
    }

    .op-lightSteel {
      background-color: rgba(141, 156, 171, 0.5) !important;
    }

    .op-lightSteel-hi {
      background-color: rgba(141, 156, 171, 0.2) !important;
    }

    .op-lightSteel-low {
      background-color: rgba(141, 156, 171, 0.8) !important;
    }

    .op-lightMauve {
      background-color: rgba(156, 137, 173, 0.5) !important;
    }

    .op-lightMauve-hi {
      background-color: rgba(156, 137, 173, 0.2) !important;
    }

    .op-lightMauve-low {
      background-color: rgba(156, 137, 173, 0.8) !important;
    }

    .op-lightTaupe {
      background-color: rgba(174, 160, 115, 0.5) !important;
    }

    .op-lightTaupe-hi {
      background-color: rgba(174, 160, 115, 0.2) !important;
    }

    .op-lightTaupe-low {
      background-color: rgba(174, 160, 115, 0.8) !important;
    }

    .op-lightGray {
      background-color: rgba(228, 228, 228, 0.5) !important;
    }

    .op-lightGray-hi {
      background-color: rgba(228, 228, 228, 0.2) !important;
    }

    .op-lightGray-low {
      background-color: rgba(228, 228, 228, 0.8) !important;
    }

    .op-lightGrayBlue {
      background-color: rgba(138, 162, 174, 0.5) !important;
    }

    .op-lightGrayBlue-hi {
      background-color: rgba(138, 162, 174, 0.2) !important;
    }

    .op-lightGrayBlue-low {
      background-color: rgba(138, 162, 174, 0.8) !important;
    }

    .op-darkLime {
      background-color: rgba(100, 120, 0, 0.5) !important;
    }

    .op-darkLime-hi {
      background-color: rgba(100, 120, 0, 0.2) !important;
    }

    .op-darkLime-low {
      background-color: rgba(100, 120, 0, 0.8) !important;
    }

    .op-darkGreen {
      background-color: rgba(58, 102, 14, 0.5) !important;
    }

    .op-darkGreen-hi {
      background-color: rgba(58, 102, 14, 0.2) !important;
    }

    .op-darkGreen-low {
      background-color: rgba(58, 102, 14, 0.8) !important;
    }

    .op-darkEmerald {
      background-color: rgba(0, 61, 0, 0.5) !important;
    }

    .op-darkEmerald-hi {
      background-color: rgba(0, 61, 0, 0.2) !important;
    }

    .op-darkEmerald-low {
      background-color: rgba(0, 61, 0, 0.8) !important;
    }

    .op-darkBlue {
      background-color: rgba(0, 119, 163, 0.5) !important;
    }

    .op-darkBlue-hi {
      background-color: rgba(0, 119, 163, 0.2) !important;
    }

    .op-darkBlue-low {
      background-color: rgba(0, 119, 163, 0.8) !important;
    }

    .op-darkTeal {
      background-color: rgba(0, 94, 93, 0.5) !important;
    }

    .op-darkTeal-hi {
      background-color: rgba(0, 94, 93, 0.2) !important;
    }

    .op-darkTeal-low {
      background-color: rgba(0, 94, 93, 0.8) !important;
    }

    .op-darkCyan {
      background-color: rgba(19, 112, 158, 0.5) !important;
    }

    .op-darkCyan-hi {
      background-color: rgba(19, 112, 158, 0.2) !important;
    }

    .op-darkCyan-low {
      background-color: rgba(19, 112, 158, 0.8) !important;
    }

    .op-darkCobalt {
      background-color: rgba(0, 54, 163, 0.5) !important;
    }

    .op-darkCobalt-hi {
      background-color: rgba(0, 54, 163, 0.2) !important;
    }

    .op-darkCobalt-low {
      background-color: rgba(0, 54, 163, 0.8) !important;
    }

    .op-darkIndigo {
      background-color: rgba(74, 0, 179, 0.5) !important;
    }

    .op-darkIndigo-hi {
      background-color: rgba(74, 0, 179, 0.2) !important;
    }

    .op-darkIndigo-low {
      background-color: rgba(74, 0, 179, 0.8) !important;
    }

    .op-darkViolet {
      background-color: rgba(119, 0, 179, 0.5) !important;
    }

    .op-darkViolet-hi {
      background-color: rgba(119, 0, 179, 0.2) !important;
    }

    .op-darkViolet-low {
      background-color: rgba(119, 0, 179, 0.8) !important;
    }

    .op-darkPink {
      background-color: rgba(186, 37, 136, 0.5) !important;
    }

    .op-darkPink-hi {
      background-color: rgba(186, 37, 136, 0.2) !important;
    }

    .op-darkPink-low {
      background-color: rgba(186, 37, 136, 0.8) !important;
    }

    .op-darkMagenta {
      background-color: rgba(140, 0, 74, 0.5) !important;
    }

    .op-darkMagenta-hi {
      background-color: rgba(140, 0, 74, 0.2) !important;
    }

    .op-darkMagenta-low {
      background-color: rgba(140, 0, 74, 0.8) !important;
    }

    .op-darkCrimson {
      background-color: rgba(86, 0, 20, 0.5) !important;
    }

    .op-darkCrimson-hi {
      background-color: rgba(86, 0, 20, 0.2) !important;
    }

    .op-darkCrimson-low {
      background-color: rgba(86, 0, 20, 0.8) !important;
    }

    .op-darkRed {
      background-color: rgba(143, 37, 31, 0.5) !important;
    }

    .op-darkRed-hi {
      background-color: rgba(143, 37, 31, 0.2) !important;
    }

    .op-darkRed-low {
      background-color: rgba(143, 37, 31, 0.8) !important;
    }

    .op-darkOrange {
      background-color: rgba(174, 72, 0, 0.5) !important;
    }

    .op-darkOrange-hi {
      background-color: rgba(174, 72, 0, 0.2) !important;
    }

    .op-darkOrange-low {
      background-color: rgba(174, 72, 0, 0.8) !important;
    }

    .op-darkAmber {
      background-color: rgba(167, 113, 7, 0.5) !important;
    }

    .op-darkAmber-hi {
      background-color: rgba(167, 113, 7, 0.2) !important;
    }

    .op-darkAmber-low {
      background-color: rgba(167, 113, 7, 0.8) !important;
    }

    .op-darkYellow {
      background-color: rgba(179, 168, 0, 0.5) !important;
    }

    .op-darkYellow-hi {
      background-color: rgba(179, 168, 0, 0.2) !important;
    }

    .op-darkYellow-low {
      background-color: rgba(179, 168, 0, 0.8) !important;
    }

    .op-darkBrown {
      background-color: rgba(73, 50, 25, 0.5) !important;
    }

    .op-darkBrown-hi {
      background-color: rgba(73, 50, 25, 0.2) !important;
    }

    .op-darkBrown-low {
      background-color: rgba(73, 50, 25, 0.8) !important;
    }

    .op-darkOlive {
      background-color: rgba(74, 91, 67, 0.5) !important;
    }

    .op-darkOlive-hi {
      background-color: rgba(74, 91, 67, 0.2) !important;
    }

    .op-darkOlive-low {
      background-color: rgba(74, 91, 67, 0.8) !important;
    }

    .op-darkSteel {
      background-color: rgba(67, 80, 91, 0.5) !important;
    }

    .op-darkSteel-hi {
      background-color: rgba(67, 80, 91, 0.2) !important;
    }

    .op-darkSteel-low {
      background-color: rgba(67, 80, 91, 0.8) !important;
    }

    .op-darkMauve {
      background-color: rgba(79, 65, 93, 0.5) !important;
    }

    .op-darkMauve-hi {
      background-color: rgba(79, 65, 93, 0.2) !important;
    }

    .op-darkMauve-low {
      background-color: rgba(79, 65, 93, 0.8) !important;
    }

    .op-darkTaupe {
      background-color: rgba(87, 78, 50, 0.5) !important;
    }

    .op-darkTaupe-hi {
      background-color: rgba(87, 78, 50, 0.2) !important;
    }

    .op-darkTaupe-low {
      background-color: rgba(87, 78, 50, 0.8) !important;
    }

    .op-darkGray {
      background-color: rgba(152, 152, 152, 0.5) !important;
    }

    .op-darkGray-hi {
      background-color: rgba(152, 152, 152, 0.2) !important;
    }

    .op-darkGray-low {
      background-color: rgba(152, 152, 152, 0.8) !important;
    }

    .op-darkGrayBlue {
      background-color: rgba(65, 84, 94, 0.5) !important;
    }

    .op-darkGrayBlue-hi {
      background-color: rgba(65, 84, 94, 0.2) !important;
    }

    .op-darkGrayBlue-low {
      background-color: rgba(65, 84, 94, 0.8) !important;
    }


    /* ===== TYPOGRAPHY SYSTEM ===== */
    /* Sistema de tipografia com classes utilitárias */

    /* ===== TAMANHO DE FONTE (fs-) ===== */
    /* Font Size - de 8px a 40px com intervalos úteis */

    .fs-8 {
      font-size: 8px !important;
    }

    .fs-10 {
      font-size: 10px !important;
    }

    .fs-12 {
      font-size: 12px !important;
    }

    .fs-14 {
      font-size: 14px !important;
    }

    .fs-16 {
      font-size: 16px !important;
    }

    .fs-18 {
      font-size: 18px !important;
    }

    .fs-20 {
      font-size: 20px !important;
    }

    .fs-22 {
      font-size: 22px !important;
    }

    .fs-24 {
      font-size: 24px !important;
    }

    .fs-26 {
      font-size: 26px !important;
    }

    .fs-28 {
      font-size: 28px !important;
    }

    .fs-30 {
      font-size: 30px !important;
    }

    .fs-32 {
      font-size: 32px !important;
    }

    .fs-34 {
      font-size: 34px !important;
    }

    .fs-36 {
      font-size: 36px !important;
    }

    .fs-38 {
      font-size: 38px !important;
    }

    .fs-40 {
      font-size: 40px !important;
    }

    /* Tamanhos responsivos */
    .fs-xs {
      font-size: 0.75rem !important;
    }

    /* 12px */
    .fs-sm {
      font-size: 0.875rem !important;
    }

    /* 14px */
    .fs-base {
      font-size: 1rem !important;
    }

    /* 16px */
    .fs-lg {
      font-size: 1.125rem !important;
    }

    /* 18px */
    .fs-xl {
      font-size: 1.25rem !important;
    }

    /* 20px */
    .fs-2xl {
      font-size: 1.5rem !important;
    }

    /* 24px */
    .fs-3xl {
      font-size: 1.875rem !important;
    }

    /* 30px */
    .fs-4xl {
      font-size: 2.25rem !important;
    }

    /* 36px */

    /* ===== SIMULAÇÃO DE ELEMENTOS H (h-) ===== */
    /* Classes que simulam os tamanhos dos headings */

    .h-1 {
      font-size: 2.5rem !important;
      /* 40px */
      font-weight: 700 !important;
      line-height: 1.2 !important;
      margin-bottom: 0.5rem !important;
    }

    .h-2 {
      font-size: 2rem !important;
      /* 32px */
      font-weight: 600 !important;
      line-height: 1.25 !important;
      margin-bottom: 0.5rem !important;
    }

    .h-3 {
      font-size: 1.75rem !important;
      /* 28px */
      font-weight: 600 !important;
      line-height: 1.3 !important;
      margin-bottom: 0.5rem !important;
    }

    .h-4 {
      font-size: 1.5rem !important;
      /* 24px */
      font-weight: 600 !important;
      line-height: 1.35 !important;
      margin-bottom: 0.5rem !important;
    }

    .h-5 {
      font-size: 1.25rem !important;
      /* 20px */
      font-weight: 600 !important;
      line-height: 1.4 !important;
      margin-bottom: 0.5rem !important;
    }

    .h-6 {
      font-size: 1rem !important;
      /* 16px */
      font-weight: 600 !important;
      line-height: 1.5 !important;
      margin-bottom: 0.5rem !important;
    }

    /* ===== FONT WEIGHT (fl-) ===== */
    /* Font Weight Light e suas variantes */

    .fl-100 {
      font-weight: 100 !important;
    }

    /* Thin */
    .fl-200 {
      font-weight: 200 !important;
    }

    /* Extra Light */
    .fl-300 {
      font-weight: 300 !important;
    }

    /* Light */
    .fl-400 {
      font-weight: 400 !important;
    }

    /* Normal/Regular */
    .fl-500 {
      font-weight: 500 !important;
    }

    /* Medium */
    .fl-600 {
      font-weight: 600 !important;
    }

    /* Semi Bold */
    .fl-700 {
      font-weight: 700 !important;
    }

    /* Bold */
    .fl-800 {
      font-weight: 800 !important;
    }

    /* Extra Bold */
    .fl-900 {
      font-weight: 900 !important;
    }

    /* Black */

    /* Aliases mais semânticos */
    .fl-thin {
      font-weight: 100 !important;
    }

    .fl-extralight {
      font-weight: 200 !important;
    }

    .fl-light {
      font-weight: 300 !important;
    }

    .fl-normal {
      font-weight: 400 !important;
    }

    .fl-medium {
      font-weight: 500 !important;
    }

    .fl-semibold {
      font-weight: 600 !important;
    }

    .fl-bold {
      font-weight: 700 !important;
    }

    .fl-extrabold {
      font-weight: 800 !important;
    }

    .fl-black {
      font-weight: 900 !important;
    }

    /* ===== CLASSES COM HOVER ===== */

    /* Font Size Hover */
    .hover-fs-12:hover {
      font-size: 12px !important;
    }

    .hover-fs-14:hover {
      font-size: 14px !important;
    }

    .hover-fs-16:hover {
      font-size: 16px !important;
    }

    .hover-fs-18:hover {
      font-size: 18px !important;
    }

    .hover-fs-20:hover {
      font-size: 20px !important;
    }

    .hover-fs-22:hover {
      font-size: 22px !important;
    }

    .hover-fs-24:hover {
      font-size: 24px !important;
    }

    .hover-fs-26:hover {
      font-size: 26px !important;
    }

    .hover-fs-28:hover {
      font-size: 28px !important;
    }

    .hover-fs-30:hover {
      font-size: 30px !important;
    }

    /* Font Weight Hover */
    .hover-fl-300:hover {
      font-weight: 300 !important;
    }

    .hover-fl-400:hover {
      font-weight: 400 !important;
    }

    .hover-fl-500:hover {
      font-weight: 500 !important;
    }

    .hover-fl-600:hover {
      font-weight: 600 !important;
    }

    .hover-fl-700:hover {
      font-weight: 700 !important;
    }

    .hover-fl-800:hover {
      font-weight: 800 !important;
    }

    .hover-fl-light:hover {
      font-weight: 300 !important;
    }

    .hover-fl-normal:hover {
      font-weight: 400 !important;
    }

    .hover-fl-medium:hover {
      font-weight: 500 !important;
    }

    .hover-fl-semibold:hover {
      font-weight: 600 !important;
    }

    .hover-fl-bold:hover {
      font-weight: 700 !important;
    }

    .hover-fl-extrabold:hover {
      font-weight: 800 !important;
    }

    /* ===== CLASSES ADICIONAIS DE TIPOGRAFIA ===== */

    /* Text Transform */
    .text-uppercase {
      text-transform: uppercase !important;
    }

    .text-lowercase {
      text-transform: lowercase !important;
    }

    .text-capitalize {
      text-transform: capitalize !important;
    }

    .text-normal-case {
      text-transform: none !important;
    }

    /* Text Decoration */
    .text-underline {
      text-decoration: underline !important;
    }

    .text-line-through {
      text-decoration: line-through !important;
    }

    .text-no-underline {
      text-decoration: none !important;
    }

    /* Text Align */
    .text-left {
      text-align: left !important;
    }

    .text-center {
      text-align: center !important;
    }

    .text-right {
      text-align: right !important;
    }

    .text-justify {
      text-align: justify !important;
    }

    /* Line Height */
    .lh-1 {
      line-height: 1 !important;
    }

    .lh-sm {
      line-height: 1.25 !important;
    }

    .lh-base {
      line-height: 1.5 !important;
    }

    .lh-lg {
      line-height: 1.75 !important;
    }

    .lh-xl {
      line-height: 2 !important;
    }

    /* Letter Spacing */
    .ls-tighter {
      letter-spacing: -0.05em !important;
    }

    .ls-tight {
      letter-spacing: -0.025em !important;
    }

    .ls-normal {
      letter-spacing: 0em !important;
    }

    .ls-wide {
      letter-spacing: 0.025em !important;
    }

    .ls-wider {
      letter-spacing: 0.05em !important;
    }

    .ls-widest {
      letter-spacing: 0.1em !important;
    }

    /* Font Style */
    .font-italic {
      font-style: italic !important;
    }

    .font-normal {
      font-style: normal !important;
    }

    /* Word Break */
    .word-break {
      word-break: break-word !important;
    }

    .word-break-all {
      word-break: break-all !important;
    }

    .word-normal {
      word-break: normal !important;
    }

    /* White Space */
    .whitespace-nowrap {
      white-space: nowrap !important;
    }

    .whitespace-pre {
      white-space: pre !important;
    }

    .whitespace-pre-line {
      white-space: pre-line !important;
    }

    .whitespace-pre-wrap {
      white-space: pre-wrap !important;
    }

    .whitespace-normal {
      white-space: normal !important;
    }

    /* Text Overflow */
    .text-ellipsis {
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      white-space: nowrap !important;
    }

    .text-clip {
      overflow: hidden !important;
      text-overflow: clip !important;
    }

    /* ===== CLASSES COMBINADAS ÚTEIS ===== */

    /* Títulos com estilo */
    .title-primary {
      font-size: 2.5rem !important;
      font-weight: 700 !important;
      line-height: 1.2 !important;
      letter-spacing: -0.025em !important;
    }

    .title-secondary {
      font-size: 2rem !important;
      font-weight: 600 !important;
      line-height: 1.25 !important;
    }

    .subtitle {
      font-size: 1.25rem !important;
      font-weight: 500 !important;
      line-height: 1.4 !important;
    }

    /* Texto de corpo */
    .body-large {
      font-size: 1.125rem !important;
      font-weight: 400 !important;
      line-height: 1.6 !important;
    }

    .body-normal {
      font-size: 1rem !important;
      font-weight: 400 !important;
      line-height: 1.5 !important;
    }

    .body-small {
      font-size: 0.875rem !important;
      font-weight: 400 !important;
      line-height: 1.4 !important;
    }

    /* Texto de apoio */
    .caption {
      font-size: 0.75rem !important;
      font-weight: 400 !important;
      line-height: 1.3 !important;
      color: #6b7280 !important;
    }

    .overline {
      font-size: 0.75rem !important;
      font-weight: 600 !important;
      text-transform: uppercase !important;
      letter-spacing: 0.1em !important;
    }

    /* ===== RESPONSIVIDADE ===== */

    /* Mobile First - SM (576px+) */
    @media (min-width: 576px) {
      .sm-fs-12 {
        font-size: 12px !important;
      }

      .sm-fs-14 {
        font-size: 14px !important;
      }

      .sm-fs-16 {
        font-size: 16px !important;
      }

      .sm-fs-18 {
        font-size: 18px !important;
      }

      .sm-fs-20 {
        font-size: 20px !important;
      }

      .sm-fs-24 {
        font-size: 24px !important;
      }

      .sm-fs-28 {
        font-size: 28px !important;
      }

      .sm-fs-32 {
        font-size: 32px !important;
      }

      .sm-fs-36 {
        font-size: 36px !important;
      }

      .sm-fs-40 {
        font-size: 40px !important;
      }

      .sm-h-1 {
        font-size: 2.5rem !important;
      }

      .sm-h-2 {
        font-size: 2rem !important;
      }

      .sm-h-3 {
        font-size: 1.75rem !important;
      }

      .sm-h-4 {
        font-size: 1.5rem !important;
      }

      .sm-h-5 {
        font-size: 1.25rem !important;
      }

      .sm-h-6 {
        font-size: 1rem !important;
      }

      .sm-text-left {
        text-align: left !important;
      }

      .sm-text-center {
        text-align: center !important;
      }

      .sm-text-right {
        text-align: right !important;
      }
    }

    /* Medium (768px+) */
    @media (min-width: 768px) {
      .md-fs-12 {
        font-size: 12px !important;
      }

      .md-fs-14 {
        font-size: 14px !important;
      }

      .md-fs-16 {
        font-size: 16px !important;
      }

      .md-fs-18 {
        font-size: 18px !important;
      }

      .md-fs-20 {
        font-size: 20px !important;
      }

      .md-fs-24 {
        font-size: 24px !important;
      }

      .md-fs-28 {
        font-size: 28px !important;
      }

      .md-fs-32 {
        font-size: 32px !important;
      }

      .md-fs-36 {
        font-size: 36px !important;
      }

      .md-fs-40 {
        font-size: 40px !important;
      }

      .md-h-1 {
        font-size: 3rem !important;
      }

      .md-h-2 {
        font-size: 2.5rem !important;
      }

      .md-h-3 {
        font-size: 2rem !important;
      }

      .md-h-4 {
        font-size: 1.75rem !important;
      }

      .md-h-5 {
        font-size: 1.5rem !important;
      }

      .md-h-6 {
        font-size: 1.25rem !important;
      }

      .md-text-left {
        text-align: left !important;
      }

      .md-text-center {
        text-align: center !important;
      }

      .md-text-right {
        text-align: right !important;
      }
    }

    /* Large (992px+) */
    @media (min-width: 992px) {
      .lg-fs-12 {
        font-size: 12px !important;
      }

      .lg-fs-14 {
        font-size: 14px !important;
      }

      .lg-fs-16 {
        font-size: 16px !important;
      }

      .lg-fs-18 {
        font-size: 18px !important;
      }

      .lg-fs-20 {
        font-size: 20px !important;
      }

      .lg-fs-24 {
        font-size: 24px !important;
      }

      .lg-fs-28 {
        font-size: 28px !important;
      }

      .lg-fs-32 {
        font-size: 32px !important;
      }

      .lg-fs-36 {
        font-size: 36px !important;
      }

      .lg-fs-40 {
        font-size: 40px !important;
      }

      .lg-h-1 {
        font-size: 3.5rem !important;
      }

      .lg-h-2 {
        font-size: 3rem !important;
      }

      .lg-h-3 {
        font-size: 2.5rem !important;
      }

      .lg-h-4 {
        font-size: 2rem !important;
      }

      .lg-h-5 {
        font-size: 1.75rem !important;
      }

      .lg-h-6 {
        font-size: 1.5rem !important;
      }

      .lg-text-left {
        text-align: left !important;
      }

      .lg-text-center {
        text-align: center !important;
      }

      .lg-text-right {
        text-align: right !important;
      }
    }

    /* Extra Large (1200px+) */
    @media (min-width: 1200px) {
      .xl-fs-12 {
        font-size: 12px !important;
      }

      .xl-fs-14 {
        font-size: 14px !important;
      }

      .xl-fs-16 {
        font-size: 16px !important;
      }

      .xl-fs-18 {
        font-size: 18px !important;
      }

      .xl-fs-20 {
        font-size: 20px !important;
      }

      .xl-fs-24 {
        font-size: 24px !important;
      }

      .xl-fs-28 {
        font-size: 28px !important;
      }

      .xl-fs-32 {
        font-size: 32px !important;
      }

      .xl-fs-36 {
        font-size: 36px !important;
      }

      .xl-fs-40 {
        font-size: 40px !important;
      }

      .xl-h-1 {
        font-size: 4rem !important;
      }

      .xl-h-2 {
        font-size: 3.5rem !important;
      }

      .xl-h-3 {
        font-size: 3rem !important;
      }

      .xl-h-4 {
        font-size: 2.5rem !important;
      }

      .xl-h-5 {
        font-size: 2rem !important;
      }

      .xl-h-6 {
        font-size: 1.75rem !important;
      }

      .xl-text-left {
        text-align: left !important;
      }

      .xl-text-center {
        text-align: center !important;
      }

      .xl-text-right {
        text-align: right !important;
      }
    }

    /* ===== TRANSIÇÕES PARA HOVER ===== */

    .transition-font {
      transition: font-size 0.2s ease, font-weight 0.2s ease !important;
    }

    .transition-text {
      transition: color 0.2s ease, text-decoration 0.2s ease !important;
    }

    /* ===== CLASSES UTILITÁRIAS ESPECIAIS ===== */

    /* Texto responsivo que se adapta ao container */
    .text-responsive {
      font-size: clamp(1rem, 2.5vw, 2rem) !important;
    }

    .title-responsive {
      font-size: clamp(1.5rem, 4vw, 3rem) !important;
    }

    /* Texto com sombra */
    .text-shadow-sm {
      text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
    }

    .text-shadow {
      text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
    }

    .text-shadow-lg {
      text-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important;
    }

    /* Texto com outline */
    .text-outline {
      -webkit-text-stroke: 1px #000;
      text-stroke: 1px #000;
    }

    .text-outline-white {
      -webkit-text-stroke: 1px #fff;
      text-stroke: 1px #fff;
    }

    /* ===== BOOTSTRAP-LIKE UTILITIES SYSTEM ===== */
    /* Sistema de utilitários baseado no Bootstrap com valores diretos */

    /* ===== PADDING CLASSES (p-) ===== */



    /* ===== FLEXBOX CLASSES ===== */

    /* Display Flex */
    .d-flex {
      display: flex !important;
    }

    .d-inline-flex {
      display: inline-flex !important;
    }

    /* Flex Direction */
    .flex-row {
      flex-direction: row !important;
    }

    .flex-row-reverse {
      flex-direction: row-reverse !important;
    }

    .flex-column {
      flex-direction: column !important;
    }

    .flex-column-reverse {
      flex-direction: column-reverse !important;
    }

    /* Flex Wrap */
    .flex-wrap {
      flex-wrap: wrap !important;
    }

    .flex-nowrap {
      flex-wrap: nowrap !important;
    }

    .flex-wrap-reverse {
      flex-wrap: wrap-reverse !important;
    }

    /* Justify Content (eixo principal) */
    .justify-content-start {
      justify-content: flex-start !important;
    }

    .justify-content-end {
      justify-content: flex-end !important;
    }

    .justify-content-center {
      justify-content: center !important;
    }

    .justify-content-between {
      justify-content: space-between !important;
    }

    .justify-content-around {
      justify-content: space-around !important;
    }

    .justify-content-evenly {
      justify-content: space-evenly !important;
    }

    /* Align Items (eixo transversal) */
    .align-items-start {
      align-items: flex-start !important;
    }

    .align-items-end {
      align-items: flex-end !important;
    }

    .align-items-center {
      align-items: center !important;
    }

    .align-items-baseline {
      align-items: baseline !important;
    }

    .align-items-stretch {
      align-items: stretch !important;
    }

    /* Align Content (múltiplas linhas) */
    .align-content-start {
      align-content: flex-start !important;
    }

    .align-content-end {
      align-content: flex-end !important;
    }

    .align-content-center {
      align-content: center !important;
    }

    .align-content-between {
      align-content: space-between !important;
    }

    .align-content-around {
      align-content: space-around !important;
    }

    .align-content-stretch {
      align-content: stretch !important;
    }

    /* Align Self (item individual) */
    .align-self-auto {
      align-self: auto !important;
    }

    .align-self-start {
      align-self: flex-start !important;
    }

    .align-self-end {
      align-self: flex-end !important;
    }

    .align-self-center {
      align-self: center !important;
    }

    .align-self-baseline {
      align-self: baseline !important;
    }

    .align-self-stretch {
      align-self: stretch !important;
    }

    /* Flex Grow */
    .flex-grow-0 {
      flex-grow: 0 !important;
    }

    .flex-grow-1 {
      flex-grow: 1 !important;
    }

    /* Flex Shrink */
    .flex-shrink-0 {
      flex-shrink: 0 !important;
    }

    .flex-shrink-1 {
      flex-shrink: 1 !important;
    }

    /* Flex */
    .flex-fill {
      flex: 1 1 auto !important;
    }

    .flex-0 {
      flex: 0 1 auto !important;
    }

    .flex-1 {
      flex: 1 1 0% !important;
    }

    /* Order */
    .order-first {
      order: -1 !important;
    }

    .order-0 {
      order: 0 !important;
    }

    .order-1 {
      order: 1 !important;
    }

    .order-2 {
      order: 2 !important;
    }

    .order-3 {
      order: 3 !important;
    }

    .order-4 {
      order: 4 !important;
    }

    .order-5 {
      order: 5 !important;
    }

    .order-last {
      order: 6 !important;
    }

    /* ===== GAP (para flexbox e grid) ===== */
    .gap-0 {
      gap: 0 !important;
    }

    .gap-1 {
      gap: 0.25rem !important;
    }

    .gap-2 {
      gap: 0.5rem !important;
    }

    .gap-3 {
      gap: 1rem !important;
    }

    .gap-4 {
      gap: 1.5rem !important;
    }

    .gap-5 {
      gap: 3rem !important;
    }

    .row-gap-0 {
      row-gap: 0 !important;
    }

    .row-gap-1 {
      row-gap: 0.25rem !important;
    }

    .row-gap-2 {
      row-gap: 0.5rem !important;
    }

    .row-gap-3 {
      row-gap: 1rem !important;
    }

    .row-gap-4 {
      row-gap: 1.5rem !important;
    }

    .row-gap-5 {
      row-gap: 3rem !important;
    }

    .column-gap-0 {
      column-gap: 0 !important;
    }

    .column-gap-1 {
      column-gap: 0.25rem !important;
    }

    .column-gap-2 {
      column-gap: 0.5rem !important;
    }

    .column-gap-3 {
      column-gap: 1rem !important;
    }

    .column-gap-4 {
      column-gap: 1.5rem !important;
    }

    .column-gap-5 {
      column-gap: 3rem !important;
    }

    /* ===== RESPONSIVIDADE ===== */

    /* Small devices (576px and up) */
    @media (min-width: 576px) {

      /* Padding */
      .sm-p-0 {
        padding: 0 !important;
      }

      .sm-p-1 {
        padding: 0.25rem !important;
      }

      .sm-p-2 {
        padding: 0.5rem !important;
      }

      .sm-p-3 {
        padding: 1rem !important;
      }

      .sm-p-4 {
        padding: 1.5rem !important;
      }

      .sm-p-5 {
        padding: 3rem !important;
      }

      .sm-px-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
      }

      .sm-px-1 {
        padding-left: 0.25rem !important;
        padding-right: 0.25rem !important;
      }

      .sm-px-2 {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
      }

      .sm-px-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
      }

      .sm-px-4 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
      }

      .sm-px-5 {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
      }

      .sm-py-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
      }

      .sm-py-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
      }

      .sm-py-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
      }

      .sm-py-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
      }

      .sm-py-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
      }

      .sm-py-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
      }

      /* Margin */
      .sm-m-0 {
        margin: 0 !important;
      }

      .sm-m-1 {
        margin: 0.25rem !important;
      }

      .sm-m-2 {
        margin: 0.5rem !important;
      }

      .sm-m-3 {
        margin: 1rem !important;
      }

      .sm-m-4 {
        margin: 1.5rem !important;
      }

      .sm-m-5 {
        margin: 3rem !important;
      }

      .sm-m-auto {
        margin: auto !important;
      }

      .sm-mx-0 {
        margin-left: 0 !important;
        margin-right: 0 !important;
      }

      .sm-mx-1 {
        margin-left: 0.25rem !important;
        margin-right: 0.25rem !important;
      }

      .sm-mx-2 {
        margin-left: 0.5rem !important;
        margin-right: 0.5rem !important;
      }

      .sm-mx-3 {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
      }

      .sm-mx-4 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important;
      }

      .sm-mx-5 {
        margin-left: 3rem !important;
        margin-right: 3rem !important;
      }

      .sm-mx-auto {
        margin-left: auto !important;
        margin-right: auto !important;
      }

      .sm-my-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
      }

      .sm-my-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
      }

      .sm-my-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
      }

      .sm-my-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
      }

      .sm-my-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
      }

      .sm-my-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
      }

      .sm-my-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
      }

      /* Flex */
      .sm-d-flex {
        display: flex !important;
      }

      .sm-d-inline-flex {
        display: inline-flex !important;
      }

      .sm-flex-row {
        flex-direction: row !important;
      }

      .sm-flex-column {
        flex-direction: column !important;
      }

      .sm-flex-row-reverse {
        flex-direction: row-reverse !important;
      }

      .sm-flex-column-reverse {
        flex-direction: column-reverse !important;
      }

      .sm-flex-wrap {
        flex-wrap: wrap !important;
      }

      .sm-flex-nowrap {
        flex-wrap: nowrap !important;
      }

      .sm-justify-content-start {
        justify-content: flex-start !important;
      }

      .sm-justify-content-end {
        justify-content: flex-end !important;
      }

      .sm-justify-content-center {
        justify-content: center !important;
      }

      .sm-justify-content-between {
        justify-content: space-between !important;
      }

      .sm-justify-content-around {
        justify-content: space-around !important;
      }

      .sm-align-items-start {
        align-items: flex-start !important;
      }

      .sm-align-items-end {
        align-items: flex-end !important;
      }

      .sm-align-items-center {
        align-items: center !important;
      }

      .sm-align-items-baseline {
        align-items: baseline !important;
      }

      .sm-align-items-stretch {
        align-items: stretch !important;
      }
    }

    /* Medium devices (768px and up) */
    @media (min-width: 768px) {

      /* Padding */
      .md-p-0 {
        padding: 0 !important;
      }

      .md-p-1 {
        padding: 0.25rem !important;
      }

      .md-p-2 {
        padding: 0.5rem !important;
      }

      .md-p-3 {
        padding: 1rem !important;
      }

      .md-p-4 {
        padding: 1.5rem !important;
      }

      .md-p-5 {
        padding: 3rem !important;
      }

      .md-px-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
      }

      .md-px-1 {
        padding-left: 0.25rem !important;
        padding-right: 0.25rem !important;
      }

      .md-px-2 {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
      }

      .md-px-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
      }

      .md-px-4 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
      }

      .md-px-5 {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
      }

      .md-py-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
      }

      .md-py-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
      }

      .md-py-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
      }

      .md-py-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
      }

      .md-py-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
      }

      .md-py-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
      }

      /* Margin */
      .md-m-0 {
        margin: 0 !important;
      }

      .md-m-1 {
        margin: 0.25rem !important;
      }

      .md-m-2 {
        margin: 0.5rem !important;
      }

      .md-m-3 {
        margin: 1rem !important;
      }

      .md-m-4 {
        margin: 1.5rem !important;
      }

      .md-m-5 {
        margin: 3rem !important;
      }

      .md-m-auto {
        margin: auto !important;
      }

      .md-mx-0 {
        margin-left: 0 !important;
        margin-right: 0 !important;
      }

      .md-mx-1 {
        margin-left: 0.25rem !important;
        margin-right: 0.25rem !important;
      }

      .md-mx-2 {
        margin-left: 0.5rem !important;
        margin-right: 0.5rem !important;
      }

      .md-mx-3 {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
      }

      .md-mx-4 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important;
      }

      .md-mx-5 {
        margin-left: 3rem !important;
        margin-right: 3rem !important;
      }

      .md-mx-auto {
        margin-left: auto !important;
        margin-right: auto !important;
      }

      .md-my-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
      }

      .md-my-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
      }

      .md-my-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
      }

      .md-my-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
      }

      .md-my-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
      }

      .md-my-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
      }

      .md-my-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
      }

      /* Flex */
      .md-d-flex {
        display: flex !important;
      }

      .md-d-inline-flex {
        display: inline-flex !important;
      }

      .md-flex-row {
        flex-direction: row !important;
      }

      .md-flex-column {
        flex-direction: column !important;
      }

      .md-flex-row-reverse {
        flex-direction: row-reverse !important;
      }

      .md-flex-column-reverse {
        flex-direction: column-reverse !important;
      }

      .md-flex-wrap {
        flex-wrap: wrap !important;
      }

      .md-flex-nowrap {
        flex-wrap: nowrap !important;
      }

      .md-justify-content-start {
        justify-content: flex-start !important;
      }

      .md-justify-content-end {
        justify-content: flex-end !important;
      }

      .md-justify-content-center {
        justify-content: center !important;
      }

      .md-justify-content-between {
        justify-content: space-between !important;
      }

      .md-justify-content-around {
        justify-content: space-around !important;
      }

      .md-align-items-start {
        align-items: flex-start !important;
      }

      .md-align-items-end {
        align-items: flex-end !important;
      }

      .md-align-items-center {
        align-items: center !important;
      }

      .md-align-items-baseline {
        align-items: baseline !important;
      }

      .md-align-items-stretch {
        align-items: stretch !important;
      }
    }

    /* Large devices (992px and up) */
    @media (min-width: 992px) {

      /* Padding */
      .lg-p-0 {
        padding: 0 !important;
      }

      .lg-p-1 {
        padding: 0.25rem !important;
      }

      .lg-p-2 {
        padding: 0.5rem !important;
      }

      .lg-p-3 {
        padding: 1rem !important;
      }

      .lg-p-4 {
        padding: 1.5rem !important;
      }

      .lg-p-5 {
        padding: 3rem !important;
      }

      .lg-px-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
      }

      .lg-px-1 {
        padding-left: 0.25rem !important;
        padding-right: 0.25rem !important;
      }

      .lg-px-2 {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
      }

      .lg-px-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
      }

      .lg-px-4 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
      }

      .lg-px-5 {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
      }

      .lg-py-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
      }

      .lg-py-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
      }

      .lg-py-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
      }

      .lg-py-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
      }

      .lg-py-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
      }

      .lg-py-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
      }

      /* Margin */
      .lg-m-0 {
        margin: 0 !important;
      }

      .lg-m-1 {
        margin: 0.25rem !important;
      }

      .lg-m-2 {
        margin: 0.5rem !important;
      }

      .lg-m-3 {
        margin: 1rem !important;
      }

      .lg-m-4 {
        margin: 1.5rem !important;
      }

      .lg-m-5 {
        margin: 3rem !important;
      }

      .lg-m-auto {
        margin: auto !important;
      }

      .lg-mx-0 {
        margin-left: 0 !important;
        margin-right: 0 !important;
      }

      .lg-mx-1 {
        margin-left: 0.25rem !important;
        margin-right: 0.25rem !important;
      }

      .lg-mx-2 {
        margin-left: 0.5rem !important;
        margin-right: 0.5rem !important;
      }

      .lg-mx-3 {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
      }

      .lg-mx-4 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important;
      }

      .lg-mx-5 {
        margin-left: 3rem !important;
        margin-right: 3rem !important;
      }

      .lg-mx-auto {
        margin-left: auto !important;
        margin-right: auto !important;
      }

      .lg-my-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
      }

      .lg-my-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
      }

      .lg-my-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
      }

      .lg-my-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
      }

      .lg-my-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
      }

      .lg-my-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
      }

      .lg-my-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
      }

      /* Flex */
      .lg-d-flex {
        display: flex !important;
      }

      .lg-d-inline-flex {
        display: inline-flex !important;
      }

      .lg-flex-row {
        flex-direction: row !important;
      }

      .lg-flex-column {
        flex-direction: column !important;
      }

      .lg-flex-row-reverse {
        flex-direction: row-reverse !important;
      }

      .lg-flex-column-reverse {
        flex-direction: column-reverse !important;
      }

      .lg-flex-wrap {
        flex-wrap: wrap !important;
      }

      .lg-flex-nowrap {
        flex-wrap: nowrap !important;
      }

      .lg-justify-content-start {
        justify-content: flex-start !important;
      }

      .lg-justify-content-end {
        justify-content: flex-end !important;
      }

      .lg-justify-content-center {
        justify-content: center !important;
      }

      .lg-justify-content-between {
        justify-content: space-between !important;
      }

      .lg-justify-content-around {
        justify-content: space-around !important;
      }

      .lg-align-items-start {
        align-items: flex-start !important;
      }

      .lg-align-items-end {
        align-items: flex-end !important;
      }

      .lg-align-items-center {
        align-items: center !important;
      }

      .lg-align-items-baseline {
        align-items: baseline !important;
      }

      .lg-align-items-stretch {
        align-items: stretch !important;
      }
    }

    /* Extra large devices (1200px and up) */
    @media (min-width: 1200px) {

      /* Padding */
      .xl-p-0 {
        padding: 0 !important;
      }

      .xl-p-1 {
        padding: 0.25rem !important;
      }

      .xl-p-2 {
        padding: 0.5rem !important;
      }

      .xl-p-3 {
        padding: 1rem !important;
      }

      .xl-p-4 {
        padding: 1.5rem !important;
      }

      .xl-p-5 {
        padding: 3rem !important;
      }

      .xl-px-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
      }

      .xl-px-1 {
        padding-left: 0.25rem !important;
        padding-right: 0.25rem !important;
      }

      .xl-px-2 {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
      }

      .xl-px-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
      }

      .xl-px-4 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
      }

      .xl-px-5 {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
      }

      .xl-py-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
      }

      .xl-py-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
      }

      .xl-py-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
      }

      .xl-py-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
      }

      .xl-py-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
      }

      .xl-py-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
      }

      /* Margin */
      .xl-m-0 {
        margin: 0 !important;
      }

      .xl-m-1 {
        margin: 0.25rem !important;
      }

      .xl-m-2 {
        margin: 0.5rem !important;
      }

      .xl-m-3 {
        margin: 1rem !important;
      }

      .xl-m-4 {
        margin: 1.5rem !important;
      }

      .xl-m-5 {
        margin: 3rem !important;
      }

      .xl-m-auto {
        margin: auto !important;
      }

      .xl-mx-0 {
        margin-left: 0 !important;
        margin-right: 0 !important;
      }

      .xl-mx-1 {
        margin-left: 0.25rem !important;
        margin-right: 0.25rem !important;
      }

      .xl-mx-2 {
        margin-left: 0.5rem !important;
        margin-right: 0.5rem !important;
      }

      .xl-mx-3 {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
      }

      .xl-mx-4 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important;
      }

      .xl-mx-5 {
        margin-left: 3rem !important;
        margin-right: 3rem !important;
      }

      .xl-mx-auto {
        margin-left: auto !important;
        margin-right: auto !important;
      }

      .xl-my-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
      }

      .xl-my-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
      }

      .xl-my-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
      }

      .xl-my-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
      }

      .xl-my-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
      }

      .xl-my-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
      }

      .xl-my-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
      }

      /* Flex */
      .xl-d-flex {
        display: flex !important;
      }

      .xl-d-inline-flex {
        display: inline-flex !important;
      }

      .xl-flex-row {
        flex-direction: row !important;
      }

      .xl-flex-column {
        flex-direction: column !important;
      }

      .xl-flex-row-reverse {
        flex-direction: row-reverse !important;
      }

      .xl-flex-column-reverse {
        flex-direction: column-reverse !important;
      }

      .xl-flex-wrap {
        flex-wrap: wrap !important;
      }

      .xl-flex-nowrap {
        flex-wrap: nowrap !important;
      }

      .xl-justify-content-start {
        justify-content: flex-start !important;
      }

      .xl-justify-content-end {
        justify-content: flex-end !important;
      }

      .xl-justify-content-center {
        justify-content: center !important;
      }

      .xl-justify-content-between {
        justify-content: space-between !important;
      }

      .xl-justify-content-around {
        justify-content: space-around !important;
      }

      .xl-align-items-start {
        align-items: flex-start !important;
      }

      .xl-align-items-end {
        align-items: flex-end !important;
      }

      .xl-align-items-center {
        align-items: center !important;
      }

      .xl-align-items-baseline {
        align-items: baseline !important;
      }

      .xl-align-items-stretch {
        align-items: stretch !important;
      }
    }

    /* ===== CLASSES ADICIONAIS ÚTEIS ===== */

    /* Display */
    .d-none {
      display: none !important;
    }

    .d-block {
      display: block !important;
    }

    .d-inline {
      display: inline !important;
    }

    .d-inline-block {
      display: inline-block !important;
    }

    .d-grid {
      display: grid !important;
    }

    /* Width e Height */
    .w-25 {
      width: 25% !important;
    }

    .w-50 {
      width: 50% !important;
    }

    .w-75 {
      width: 75% !important;
    }

    .w-100 {
      width: 100% !important;
    }

    .w-auto {
      width: auto !important;
    }

    .h-25 {
      height: 25% !important;
    }

    .h-50 {
      height: 50% !important;
    }

    .h-75 {
      height: 75% !important;
    }

    .h-100 {
      height: 100% !important;
    }

    .h-auto {
      height: auto !important;
    }

    /* Overflow */
    .overflow-auto {
      overflow: auto !important;
    }

    .overflow-hidden {
      overflow: hidden !important;
    }

    .overflow-visible {
      overflow: visible !important;
    }

    .overflow-scroll {
      overflow: scroll !important;
    }

    /* Position */
    .position-static {
      position: static !important;
    }

    .position-relative {
      position: relative !important;
    }

    .position-absolute {
      position: absolute !important;
    }

    .position-fixed {
      position: fixed !important;
    }

    .position-sticky {
      position: sticky !important;
    }

    /* Border Radius */
    .rounded-0 {
      border-radius: 0 !important;
    }

    .rounded-1 {
      border-radius: 0.2rem !important;
    }

    .rounded-2 {
      border-radius: 0.25rem !important;
    }

    .rounded-3 {
      border-radius: 0.3rem !important;
    }

    .rounded {
      border-radius: 0.375rem !important;
    }

    .rounded-pill {
      border-radius: 50rem !important;
    }

    .rounded-circle {
      border-radius: 50% !important;
    }

    /* Shadow */
    .shadow-none {
      box-shadow: none !important;
    }

    .shadow-sm {
      box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
    }

    .shadow {
      box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    }

    .shadow-lg {
      box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
    }

    /* ===== BOOTSTRAP-LIKE CARD SYSTEM ===== */
    /* Sistema de cards baseado no Bootstrap */

    /* ===== CARD BASE ===== */
    .card {
      position: relative;
      display: flex;
      flex-direction: column;
      min-width: 0;
      word-wrap: break-word;
      background-color: #fff;
      background-clip: border-box;
      border: 1px solid rgba(0, 0, 0, 0.125);
      border-radius: 0.375rem;
      box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    }

    .card>hr {
      margin-right: 0;
      margin-left: 0;
    }

    .card>.list-group {
      border-top: inherit;
      border-bottom: inherit;
    }

    .card>.list-group:first-child {
      border-top-width: 0;
      border-top-left-radius: calc(0.375rem - 1px);
      border-top-right-radius: calc(0.375rem - 1px);
    }

    .card>.list-group:last-child {
      border-bottom-width: 0;
      border-bottom-right-radius: calc(0.375rem - 1px);
      border-bottom-left-radius: calc(0.375rem - 1px);
    }

    /* ===== CARD BODY ===== */
    .card-body {
      flex: 1 1 auto;
      padding: 1rem;
    }

    /* ===== CARD TITLE ===== */
    .card-title {
      margin-bottom: 0.5rem;
      font-size: 1.25rem;
      font-weight: 500;
      line-height: 1.2;
    }

    /* ===== CARD SUBTITLE ===== */
    .card-subtitle {
      margin-top: -0.25rem;
      margin-bottom: 0;
      font-size: 0.875rem;
      color: #6c757d;
    }

    /* ===== CARD TEXT ===== */
    .card-text:last-child {
      margin-bottom: 0;
    }

    /* ===== CARD LINK ===== */
    .card-link:hover {
      text-decoration: none;
    }

    .card-link+.card-link {
      margin-left: 1rem;
    }

    /* ===== CARD HEADER ===== */
    .card-header {
      padding: 0.5rem 1rem;
      margin-bottom: 0;
      background-color: rgba(0, 0, 0, 0.03);
      border-bottom: 1px solid rgba(0, 0, 0, 0.125);
      border-top-left-radius: calc(0.375rem - 1px);
      border-top-right-radius: calc(0.375rem - 1px);
    }

    .card-header:first-child {
      border-radius: calc(0.375rem - 1px) calc(0.375rem - 1px) 0 0;
    }

    /* ===== CARD FOOTER ===== */
    .card-footer {
      padding: 0.5rem 1rem;
      background-color: rgba(0, 0, 0, 0.03);
      border-top: 1px solid rgba(0, 0, 0, 0.125);
      border-bottom-right-radius: calc(0.375rem - 1px);
      border-bottom-left-radius: calc(0.375rem - 1px);
    }

    .card-footer:last-child {
      border-radius: 0 0 calc(0.375rem - 1px) calc(0.375rem - 1px);
    }

    /* ===== CARD IMAGE ===== */
    .card-img-overlay {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      padding: 1rem;
      border-radius: calc(0.375rem - 1px);
    }

    .card-img,
    .card-img-top,
    .card-img-bottom {
      width: 100%;
    }

    .card-img,
    .card-img-top {
      border-top-left-radius: calc(0.375rem - 1px);
      border-top-right-radius: calc(0.375rem - 1px);
    }

    .card-img,
    .card-img-bottom {
      border-bottom-right-radius: calc(0.375rem - 1px);
      border-bottom-left-radius: calc(0.375rem - 1px);
    }

    /* ===== CARD GROUPS ===== */
    .card-group {
      display: flex;
      flex-direction: column;
    }

    .card-group>.card {
      margin-bottom: 0.75rem;
    }

    @media (min-width: 576px) {
      .card-group {
        flex-flow: row wrap;
      }

      .card-group>.card {
        flex: 1 0 0%;
        margin-bottom: 0;
      }

      .card-group>.card+.card {
        margin-left: 0;
        border-left: 0;
      }

      .card-group>.card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
      }

      .card-group>.card:not(:last-child) .card-img-top,
      .card-group>.card:not(:last-child) .card-header {
        border-top-right-radius: 0;
      }

      .card-group>.card:not(:last-child) .card-img-bottom,
      .card-group>.card:not(:last-child) .card-footer {
        border-bottom-right-radius: 0;
      }

      .card-group>.card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
      }

      .card-group>.card:not(:first-child) .card-img-top,
      .card-group>.card:not(:first-child) .card-header {
        border-top-left-radius: 0;
      }

      .card-group>.card:not(:first-child) .card-img-bottom,
      .card-group>.card:not(:first-child) .card-footer {
        border-bottom-left-radius: 0;
      }
    }

    /* ===== CARD DECK ===== */
    .card-deck {
      display: flex;
      flex-direction: column;
    }

    .card-deck .card {
      margin-bottom: 0.75rem;
    }

    @media (min-width: 576px) {
      .card-deck {
        flex-flow: row wrap;
        margin-right: -0.75rem;
        margin-left: -0.75rem;
      }

      .card-deck .card {
        flex: 1 0 0%;
        margin-right: 0.75rem;
        margin-bottom: 0;
        margin-left: 0.75rem;
      }
    }

    /* ===== CARD COLUMNS ===== */
    .card-columns .card {
      margin-bottom: 0.75rem;
    }

    @media (min-width: 576px) {
      .card-columns {
        column-count: 3;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1;
      }

      .card-columns .card {
        display: inline-block;
        width: 100%;
      }
    }

    /* ===== VARIAÇÕES DE COR ===== */

    /* Card Primary */
    .card-primary {
      background-color: #0d6efd;
      border-color: #0d6efd;
      color: #fff;
    }

    .card-primary .card-header,
    .card-primary .card-footer {
      background-color: rgba(255, 255, 255, 0.1);
      border-color: rgba(255, 255, 255, 0.2);
    }

    /* Card Secondary */
    .card-secondary {
      background-color: #6c757d;
      border-color: #6c757d;
      color: #fff;
    }

    .card-secondary .card-header,
    .card-secondary .card-footer {
      background-color: rgba(255, 255, 255, 0.1);
      border-color: rgba(255, 255, 255, 0.2);
    }

    /* Card Success */
    .card-success {
      background-color: #198754;
      border-color: #198754;
      color: #fff;
    }

    .card-success .card-header,
    .card-success .card-footer {
      background-color: rgba(255, 255, 255, 0.1);
      border-color: rgba(255, 255, 255, 0.2);
    }

    /* Card Danger */
    .card-danger {
      background-color: #dc3545;
      border-color: #dc3545;
      color: #fff;
    }

    .card-danger .card-header,
    .card-danger .card-footer {
      background-color: rgba(255, 255, 255, 0.1);
      border-color: rgba(255, 255, 255, 0.2);
    }

    /* Card Warning */
    .card-warning {
      background-color: #ffc107;
      border-color: #ffc107;
      color: #000;
    }

    .card-warning .card-header,
    .card-warning .card-footer {
      background-color: rgba(0, 0, 0, 0.1);
      border-color: rgba(0, 0, 0, 0.2);
    }

    /* Card Info */
    .card-info {
      background-color: #0dcaf0;
      border-color: #0dcaf0;
      color: #000;
    }

    .card-info .card-header,
    .card-info .card-footer {
      background-color: rgba(0, 0, 0, 0.1);
      border-color: rgba(0, 0, 0, 0.2);
    }

    /* Card Light */
    .card-light {
      background-color: #f8f9fa;
      border-color: #f8f9fa;
      color: #000;
    }

    .card-light .card-header,
    .card-light .card-footer {
      background-color: rgba(0, 0, 0, 0.03);
      border-color: rgba(0, 0, 0, 0.125);
    }

    /* Card Dark */
    .card-dark {
      background-color: #212529;
      border-color: #212529;
      color: #fff;
    }

    .card-dark .card-header,
    .card-dark .card-footer {
      background-color: rgba(255, 255, 255, 0.1);
      border-color: rgba(255, 255, 255, 0.2);
    }

    /* ===== OUTLINE CARDS ===== */

    .card-outline-primary {
      background-color: transparent;
      border-color: #0d6efd;
      color: #0d6efd;
    }

    .card-outline-secondary {
      background-color: transparent;
      border-color: #6c757d;
      color: #6c757d;
    }

    .card-outline-success {
      background-color: transparent;
      border-color: #198754;
      color: #198754;
    }

    .card-outline-danger {
      background-color: transparent;
      border-color: #dc3545;
      color: #dc3545;
    }

    .card-outline-warning {
      background-color: transparent;
      border-color: #ffc107;
      color: #ffc107;
    }

    .card-outline-info {
      background-color: transparent;
      border-color: #0dcaf0;
      color: #0dcaf0;
    }

    .card-outline-light {
      background-color: transparent;
      border-color: #f8f9fa;
      color: #f8f9fa;
    }

    .card-outline-dark {
      background-color: transparent;
      border-color: #212529;
      color: #212529;
    }

    /* ===== TAMANHOS DE CARD ===== */

    .card-sm {
      max-width: 18rem;
    }

    .card-md {
      max-width: 24rem;
    }

    .card-lg {
      max-width: 32rem;
    }

    .card-xl {
      max-width: 40rem;
    }

    /* ===== CARD COM HOVER ===== */

    .card-hover {
      transition: all 0.3s ease;
      cursor: pointer;
    }

    .card-hover:hover {
      transform: translateY(-5px);
      box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    }

    /* ===== CARD COM SOMBRAS ===== */

    .card-shadow-none {
      box-shadow: none;
    }

    .card-shadow-sm {
      box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    }

    .card-shadow {
      box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    }

    .card-shadow-lg {
      box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
    }

    /* ===== CARD HORIZONTAL ===== */

    .card-horizontal {
      flex-direction: row;
    }

    .card-horizontal .card-img {
      width: auto;
      height: 100%;
      border-radius: calc(0.375rem - 1px) 0 0 calc(0.375rem - 1px);
    }

    .card-horizontal .card-img-top {
      border-radius: calc(0.375rem - 1px) 0 0 calc(0.375rem - 1px);
    }

    @media (max-width: 575.98px) {
      .card-horizontal {
        flex-direction: column;
      }

      .card-horizontal .card-img,
      .card-horizontal .card-img-top {
        border-radius: calc(0.375rem - 1px) calc(0.375rem - 1px) 0 0;
      }
    }

    /* ===== CARD RESPONSIVO ===== */

    @media (max-width: 575.98px) {
      .card-responsive {
        margin-bottom: 1rem;
      }
    }

    @media (min-width: 576px) {
      .card-responsive {
        margin-bottom: 0;
      }
    }

    /* ===== CARD COM BADGE ===== */

    .card-badge {
      position: relative;
    }

    .card-badge .badge {
      position: absolute;
      top: 0.5rem;
      right: 0.5rem;
      z-index: 1;
    }

    /* ===== CARD LOADING ===== */

    .card-loading {
      position: relative;
      overflow: hidden;
    }

    .card-loading::before {
      content: '';
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background: rgba(255, 255, 255, 0.2);
      animation: loading 1.5s infinite;
    }

    @keyframes loading {
      0% {
        left: -100%;
      }

      100% {
        left: 100%;
      }
    }

    /* ===== INTEGRAÇÃO COM METRO UI ===== */

    .card-metro-blue {
      background-color: #0078d4;
      border-color: #0078d4;
      color: #fff;
    }

    .card-metro-green {
      background-color: #107c10;
      border-color: #107c10;
      color: #fff;
    }

    .card-metro-red {
      background-color: #d13438;
      border-color: #d13438;
      color: #fff;
    }

    .card-metro-orange {
      background-color: #ff8c00;
      border-color: #ff8c00;
      color: #fff;
    }

    .card-metro-purple {
      background-color: #5c2d91;
      border-color: #5c2d91;
      color: #fff;
    }

    .card-metro-teal {
      background-color: #008272;
      border-color: #008272;
      color: #fff;
    }

    /* ===== CARD GRID SYSTEM ===== */

    .card-grid {
      display: grid;
      gap: 1rem;
      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    }

    .card-grid-2 {
      display: grid;
      gap: 1rem;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    }

    .card-grid-3 {
      display: grid;
      gap: 1rem;
      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    }

    @media (max-width: 575.98px) {

      .card-grid,
      .card-grid-2,
      .card-grid-3 {
        grid-template-columns: 1fr;
      }
    }

    .footer .list-group {
      background-color: transparent !important;
      /* branco com 60% de opacidade */
      border-radius: 8px;
      /* opcional, só para suavizar */
    }

    .footer .list-group-item {
      background-color: rgba(255, 255, 255, 0.1);
      /* branco com 60% de opacidade */
      font-weight: bold;
      color: #fff;
      padding-left: 15px;
      /* valor base */
      transition: padding-left 0.3s ease, background-color 0.3s ease;
    }

    .footer .list-group-item:hover {
      padding-left: 25px;
    }


    .w-dropdown-list {
      position: absolute;
      background: transparent !important;
      display: block !important;
    }