@mixin text-ellips {
  display: block; 
  display: -webkit-box;
  height: 1;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

@mixin text-ellips-2 {
  display: block; 
  display: -webkit-box;
  height: 2; 
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

@mixin text-ellips-3 {
  display: block; 
  display: -webkit-box;
  height: 3; 
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

@mixin d-center {
  display: flex;
  justify-content: center;
  align-items: center;
}


@mixin custom-shade {
    border: 1px solid rgb(226 232 240 / var(--tw-border-opacity, 1));
    --tw-shadow: 0 10px 30px rgba(2, 6, 23, 0.08);
    --tw-shadow-colored: 0 10px 30px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}