/* DataXsys Design System v2.8 */

.donut-chart {
  position: relative;
  isolation: isolate;
}

.donut-chart::before {
  grid-area: 1 / 1;
}

.donut-chart > span {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  line-height: 1;
  text-align: center;
  pointer-events: none;
  transform: none;
}

.donut-chart > span strong {
  margin: 0;
  line-height: .95;
}

.donut-chart > span small {
  margin-top: .28rem;
  line-height: 1.1;
}

@media (max-width: 640px) {
  .analytics-compact__grid,
  .seo-compact__body {
    align-items: center;
  }

  .donut-chart {
    width: clamp(6.4rem, 29vw, 7.25rem);
    margin-inline: auto;
    flex: 0 0 auto;
  }

  .donut-chart > span strong {
    font-size: clamp(1.25rem, 6vw, 1.75rem);
  }

  .donut-chart > span small {
    max-width: 5rem;
    font-size: .58rem;
  }

  .site-footer--dark .footer-shell {
    width: min(100% - 2rem, var(--dx-container-max, 1220px));
  }

  .site-footer--dark .footer-main {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }

  .site-footer--dark .footer-brand-block {
    grid-column: 1 / -1;
    max-width: 100%;
  }

  .site-footer--dark .footer-links--engine {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 2.5rem 1.25rem !important;
    width: 100%;
  }

  .site-footer--dark .footer-links--engine > div {
    min-width: 0;
  }

  .site-footer--dark .footer-links--engine h3 {
    margin-bottom: .85rem;
    font-size: .9rem;
  }

  .site-footer--dark .footer-links--engine a {
    margin: .65rem 0;
    font-size: .82rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
  }

  .site-footer--dark .footer-legal-row {
    gap: 1.25rem;
  }

  .site-footer--dark .footer-legal-row > div {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem 1rem;
  }
}

@media (max-width: 380px) {
  .site-footer--dark .footer-links--engine {
    gap: 2rem .9rem !important;
  }

  .site-footer--dark .footer-links--engine h3 {
    font-size: .82rem;
  }

  .site-footer--dark .footer-links--engine a {
    font-size: .75rem;
  }
}

.btn-client-website{
display:inline-flex;align-items:center;justify-content:center;
padding:16px 30px;border-radius:999px;
background:#fff!important;color:#111!important;
border:2px solid #fff!important;font-weight:700;
text-decoration:none;transition:all .25s ease}
.btn-client-website:hover{
background:#f2f2f2!important;color:#111!important;
border-color:#f2f2f2!important;
box-shadow:0 10px 24px rgba(0,0,0,.18);
transform:translateY(-2px)}