.my-logo {
  filter: opacity(0.5) drop-shadow(0 0 0 rgb(69, 9, 63))
}

::-webkit-scrollbar {
  scrollbar-width: thin;
}

::-webkit-scrollbar-thumb {
  background-color: #f1f1f4e2;
  border-radius: 1px;
}

::-webkit-scrollbar-track {
  background-color: #252f4a;
}

.ck-editor__editable {
  min-height: 550px;
}

.file-input {
  position: relative;
  display: inline-block;
}

.file-input input[type="file"] {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.file-input label {
  display: inline-block;
  padding: 8px 12px;
  background-color: #e6e6e6;
  color: #333;
  border-radius: 4px;
  cursor: pointer;
}

.file-input label:hover {
  background-color: #d4d4d4;
}

.file-input label:active {
  background-color: #c2c2c2;
}

.rounded-4 {
  border-radius: 1.8rem !important;
}

.hover-elevate-up {
  transition: transform .3s ease
}

.hover-elevate-up:hover {
  transform: translateY(-2.5%);
  transition: transform .3s ease;
  will-change: transform
}

.hover-elevate-down {
  transition: transform .3s ease
}

.hover-elevate-down:hover {
  transform: translateY(2.5%);
  transition: transform .3s ease;
  will-change: transform
}

.hover-scale {
  transition: transform .3s ease;
}

.hover-scale:hover {
  transform: scale(1.1);
  transition: transform .3s ease;
  will-change: transform
}

.table .sticky-col {
  position: sticky !important;
  right: 0;
  background-color: white !important; 
  z-index: 10;
}

.url-truncate {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  line-height: 1.5em;
  max-height: 3em;
}