@keyframes fadeInOut {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.3;
    }
    100% {
        opacity: 1;
    }
}

.fade-animation {
    animation: fadeInOut 1s ease-in-out infinite;
}


.user-profile-image {
    width: 45px;
    height: 45px;
    object-fit: cover;
    border-radius: 12px;
}

.cursor-pointer {
    cursor: pointer;
}
.font-6{
    font-size: 6px !important;
}
.font-7{
    font-size: 7px !important;
}
.font-8{
    font-size: 8px !important;
}
.font-9{
    font-size: 9px !important;
}
.font-10{
    font-size: 10px !important;
}
.font-11{
    font-size: 11px !important;
}
.font-12{
    font-size: 12px !important;
}
.font-13{
    font-size: 13px !important;
}
.font-14{
    font-size: 14px !important;
}
.font-15{
    font-size: 15px !important;
}
.font-16{
    font-size: 16px !important;
}
.font-17{
    font-size: 17px !important;
}
.font-18{
    font-size: 18px !important;
}
.font-19{
    font-size: 19px !important;
}
.font-20{
    font-size: 20px !important;
}
.font-21{
    font-size: 21px !important;
}
.font-22{
    font-size: 22px !important;
}
.font-23{
    font-size: 23px !important;
}
.font-24{
    font-size: 24px !important;
}
.font-25{
    font-size: 25px !important;
}
.font-26{
    font-size: 26px !important;
}
.font-27{
    font-size: 27px !important;
}
.font-28{
    font-size: 28px !important;
}
.font-29{
    font-size: 29px !important;
}
.font-30{
    font-size: 30px !important;
}
.font-32{
    font-size: 32px !important;
}
.font-34{
    font-size: 34px !important;
}
.font-36{
    font-size: 36px !important;
}
.font-38{
    font-size: 38px !important;
}
.font-40{
    font-size: 40px !important;
}
.font-45{
    font-size: 45px !important;
}