[x-cloak] { display: none !important; }

.aso-modal-body::-webkit-scrollbar {
    width: 6px;
    display: block; 
}
.aso-modal-body::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}
.aso-modal-body::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 10px;
}
.aso-modal-body::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

.sidebar-transition {
    transition: transform 0.3s ease-in-out;
}

.custom-scrollbar::-webkit-scrollbar {
    width: 6px;
}
.custom-scrollbar::-webkit-scrollbar-track {
    background: transparent;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: #cbd5e1; /* Tailwind slate-300 */
    border-radius: 10px;
}
.custom-scrollbar:hover::-webkit-scrollbar-thumb {
    background-color: #94a3b8; /* Tailwind slate-400 on hover */
}

::-webkit-scrollbar {
    width: 8px; 
    height: 8px; 
}

::-webkit-scrollbar-track {
    background: #f8fafc; 
}

::-webkit-scrollbar-thumb {
    background-color: #cbd5e1; 
    border-radius: 10px; 
    border: 2px solid #f8fafc; 
}

::-webkit-scrollbar-thumb:hover {
    background-color: #94a3b8;
}

@keyframes sonarPing {
    0% { transform: scale(0.5); opacity: 0.8; }
    100% { transform: scale(1.8); opacity: 0; }
}
.animate-sonar-ping {
    animation: sonarPing 2s cubic-bezier(0, 0, 0.2, 1) infinite;
}

@keyframes smooth-ping {
    0% {
        transform: scale(1);
        opacity: 0.8;
    }
    100% {
        transform: scale(2.5); 
        opacity: 0;
    }
}

.animate-smooth-ping {
    animation: smooth-ping 2s cubic-bezier(0, 0, 0.2, 1) infinite;
}

@keyframes scaleIn {
    0% { transform: scale(0); opacity: 0; }
    100% { transform: scale(1); opacity: 1; }
}
.animate-scale-in {
    animation: scaleIn 2s cubic-bezier(0, 0, 0.2, 1) forwards;
}

 .hide-scrollbar::-webkit-scrollbar {
    display: none;
}
.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.swiper {
    width: 100%;
    height: auto;
}
.swiper-slide {
    width: 100%;
    display: flex;
    justify-content: center;
}

.top-experts-swiper {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding-bottom: 5px; 
}

.top-experts-swiper .swiper-wrapper {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch;
}

.top-experts-swiper .swiper-slide {
    height: auto;
    display: flex;
    justify-content: center;
}