@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;600&family=Montserrat:wght@400;500;600&family=Poppins:wght@400;600&family=Roboto:wght@400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Teko:wght@300..700&display=swap');

@import url('https://cdn.jsdelivr.net/npm/quill@2.0.3/dist/quill.snow.css');

body{
    font-family: 'Poppins', sans-serif !important;
    
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}

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

.news-thumb{
    background: #eee; background-repeat: no-repeat; background-size: cover; background-position: center;
    border-radius: 10px;
}

#bottom-nav{
    box-shadow: 1px 1px 10px rgba(0,0,0,0.25);
    position: fixed; bottom: 0; left: 0;
    z-index: 99999999999;
    background: #fff;
    padding: 10px 0px;
}

.nav-btn{
    padding: 5px 0px;
    border-radius: 10px;
    display: flex; align-items: center; justify-content: center; flex-direction: column;
    font-size: 14px;
    color: #666;
    background: #fff;
}.nav-btn.active{
    font-weight: 600;
    color: #000;
    background: #eee;
}

.smooth-loader {
     height: 20px;
     border-radius: 3px;
     opacity: 0.7;
     animation: skeleton-loading 1s linear infinite alternate;
}
@keyframes skeleton-loading {
     0% {
         background-color: hsl(200, 20%, 75%);
    }
     100% {
         background-color: hsl(200, 20%, 95%);
    }
}

.loading-area{
    height: 100%;
    width: 100%;
    display: none; align-items: center; justify-content: center;
    position: fixed; left: 0; top: 0;
    z-index: 999999999999999;
    background: rgba(0,0,0,0.4);
    backdrop-filter: blur(4px);
}.loading-box{
    background: #ffffff; border-radius: 10px; box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
    display: flex; align-items: center; justify-content: center;
}