html,body {
    font-family: 'Krub', sans-serif !important;
}

.active-item{
    background-color: #ffffff !important;
}

.inactive-item{
    background-color: #e6e6e6 !important;
    border-bottom: 1px solid rgb(196, 196, 196) !important;
}

.intl-tel-input {
    width: 100% !important;
}

.iti {
    width: 100% !important;
}

.iti.iti--allow-dropdown {
    width: 100%
}
@layer utilities {
    .no-scroll-hover {
        overflow: hidden; 
        scrollbar-width: none;
    }

    .no-scroll-hover::-webkit-scrollbar {
        display: none;
    }

    .no-scroll-hover {
        padding-right: 0; 
    }
}

   .ul-element {
    scrollbar-width: thin;
    scrollbar-color: #cbd5e0 transparent;
    }

    .ul-element::-webkit-scrollbar {
        width: 6px;
    }

    .ul-element::-webkit-scrollbar-thumb {
        background-color: #cbd5e0;
        border-radius: 3px;
   }

   .font-sans-serif {
    font-family: sans-serif;
   }

    header {
        overflow-x: scroll !important;
    }

    @media (min-width: 768px) {
        header {
        overflow-x: hidden !important;
        }
    }

div > li > a.mrl-cs1{
    margin-left: 1.25rem;
}

.note-modal-backdrop {
    display: none !important;
}

/* page blogs */

h1.blog-page{
    font-size: 35px;
}

.main-blog-page {
    font-family: 'Arial', sans-serif;
    width: 100%;
    background-color: rgb(252, 246, 254);
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
}

.content-blog-page{
    padding: 16px;
    line-height: 1.6;
}

.main-blog-page article {
    max-width: 100%;
    overflow: hidden;
}