body{
    color: #494949;
}

strong{
    font-weight:revert;
}


.page-item.active .page-link{
    background:var(--color-hover);
}

table td{
    padding: 10px;
}

.widget_services ul li{
    padding-bottom: 0;
}

@media only screen and (max-width: 767px) {
    .content-inner {
        min-height: 50vh;
        padding-bottom: 30px;
        padding-top: 30px;
    }
    .section-head .title{
        font-size: 20px;
    }
}

.dlab-topbar-left ul li i, .dlab-topbar-right ul li i{
    color: #fff;
}


  :root {
      --blue: #2d6fa3;
      --blue-light: #eaf3fb;
      --blue-active-line: #5ba4cf;
      --text-primary: #2b2b2b;
      --text-secondary: #4a4a4a;
      --text-muted: #888;
      --border: #dde3ea;
      --bg: #f0f2f5;
      --white: #fff;
      --radius: 4px;
      --nav-w: 220px;
    }

    .wrapper {
      margin: 0 auto;
      background: transparent;
      display: flex;
      min-height: 420px;
      gap: 0;
    }

    /* ── Sidebar nav ── */
    .tab-nav {
      width: var(--nav-w);
      flex-shrink: 0;
      padding: 0;
      display: flex;
      flex-direction: column;
      border-right: 1.5px solid #c8d6e5;
    }

    .tab-btn {
      background: none;
      border: none;
      border-left: 3px solid transparent;
      text-align: left;
      padding: 12px 20px;
      font-family: 'DM Sans', sans-serif;
      font-size: 14px;
      color: var(--text-secondary);
      cursor: pointer;
      line-height: 1.4;
      transition: color 0.15s, border-color 0.15s;
    }

    .tab-btn:hover {
      color: var(--blue);
    }

    .tab-btn.active {
      border-left-color: var(--blue-active-line);
      color: var(--blue);
      font-weight: 500;
    }

    /* ── Content ── */
    .tab-content {
      flex: 1;
      padding: 0 2.5rem;
      overflow: auto;
    }

    .tab-pane { display: none; animation: fadeIn 0.18s ease; }
    .tab-pane.active { display: block; }

    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(5px); }
      to   { opacity: 1; transform: translateY(0); }
    }

    .pane-title {
      font-family: 'DM Sans', sans-serif;
      font-size: 1.3rem;
      font-weight: 700;
      color: var(--text-primary);
      margin-bottom: 1.4rem;
    }

    .pane-body {
      font-size: 14px;
      color: var(--text-secondary);
      line-height: 1.85;
    }

    .pane-body p { margin-bottom: 0.9rem; }
    .pane-body p:last-child { margin-bottom: 0; }

    .pane-body ul {
      padding-left: 1.2rem;
      margin-top: 6px;
    }

    .pane-body ul li { margin-bottom: 6px; }

    .section-label {
      font-size: 0.72rem;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.09em;
      color: var(--blue);
      margin-bottom: 6px;
    }


    /* ── Mobile: top tabs ── */
    @media (max-width: 640px) {

      .wrapper {
        flex-direction: column;
        min-height: unset;
        gap: 0;
      }

      .tab-nav {
        width: 100%;
        border-right: none;
        border-bottom: 2px solid var(--border);
        flex-direction: row;
        overflow-x: auto;
        padding: 0;
        gap: 0;
        scrollbar-width: none;
      }

      .tab-nav::-webkit-scrollbar { display: none; }

      .tab-btn {
        border-left: none;
        border-bottom: 3px solid transparent;
        padding: 11px 15px;
        white-space: nowrap;
        font-size: 0.78rem;
        flex-shrink: 0;
      }

      .tab-btn.active {
        border-bottom-color: var(--blue-active-line);
        border-left-color: transparent;
      }

      .tab-content { padding: 1.5rem 0; }
    }