.gap-5 {
    gap: 4px;
}

.gap-4 {
    gap: 8px;
}

.gap-3 {
    gap: 12px;
}

.gap-2 {
    gap: 16px;
}
.gap-1 {
    gap: 20px;
}
.gap-x-5 {
    column-gap: 4px;
}
.gap-x-4 {
    column-gap: 8px;
}
.gap-x-3 {
    column-gap: 12px;
}
.gap-x-2 {
    column-gap: 16px;
}
.gap-x-1 {
    column-gap: 20px;
}
.gap-y-5 {
    row-gap: 4px;
}
.gap-y-4 {
    row-gap: 8px;
}
.gap-y-3 {
    row-gap: 12px;
}
.gap-y-2 {
    row-gap: 16px;
}
.gap-y-1 {
    row-gap: 20px;
}

.profile-user-img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 50%;
}

.dropdown-menu {
    width: 100%;
    max-height: 300px;
    overflow-y: auto;
}

/* .dropdown-toggle::after {
    display: none;
} */

.form-control.text-left {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.cropper-view-box,
.cropper-face {
  border-radius: 50%;  /* Makes the cropping area a circle */
}