:root {
  --text-scale: 0.7; /* You can change this to 0.9, 0.8, etc. to scale down all fonts */

  --text-xs: calc(0.6rem);
  --text-sm: calc(0.75rem);
  --text-base: calc(0.85rem);
  --text-lg: calc(1rem);
  --text-xl: calc(1.25rem);
  --text-2xl: calc(1.6rem);
  --text-3xl: calc(2.25rem);
  --text-4xl: calc(3rem);
}

.img-about {
  aspect-ratio: 4/3;
}

.service-card {
  flex-direction: column-reverse;
}

.service-card .service-text {
  width: 100%;
}

.service-card .img-service-list {
  width: 100%;
}

.img-service-list {
  min-height: 30vh;
}

.client-logo {
  width: calc(50% - 10px);
}

.blog-list {
  flex-direction: column;
}

.blog-list .category {
  width: 100%;
}

.blog-list .title {
  width: 100%;
}