@font-face {
  font-family: 'D-DIN';
  src: url('./font/D-DIN.otf');
  font-weight: normal;
  font-style: normal;
}

.ellipsis-1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ellipsis-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.ellipsis-3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.ellipsis-4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.ellipsis-5 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}

.ellipsis-6 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
}

.ellipsis-7 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
}

.ellipsis-8 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 8;
}

.scrollbar-no::-webkit-scrollbar {
  display: none;
  width: 0 !important;
  height: 0 !important;
  color: transparent;
  background: transparent;
  -webkit-appearance: none;
}

.scrollbar-custom1 {
  padding-right: 6px;
}

.scrollbar-custom1::-webkit-scrollbar {
  display: block;
  opacity: 1;
  z-index: 11;
  width: 8px;
}

.scrollbar-custom1::-webkit-scrollbar:horizontal {
  height: 8px;
}

.scrollbar-custom1::-webkit-scrollbar-thumb {
  width: 8px;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.25);
}

.scrollbar-custom1::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0);
}

.scrollbar-custom1::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}

.scrollbar-custom1::-webkit-scrollbar-track-piece {
  background: rgba(0, 0, 0, 0);
  width: 8px;
}