#all-blogs .blogs-section .sticky-div{
    position: sticky;
    top:120px;
    z-index: 100;
}
.registration-form{
    background: linear-gradient(180deg, rgba(141, 188, 218, 0.2) 0%, rgba(85, 172, 238, 0.2) 50.86%, rgba(235, 246, 255, 0.2) 100%);
    border-radius: 10px;
    box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.25);
}
.form-banner{
    background: linear-gradient(270deg, rgba(129, 182, 217, 0.3) 29.21%, rgba(70, 157, 223, 0.3) 65.21%, rgba(55, 143, 209, 0.3) 100%);
    border-radius: 10px 10px 0px 0px;
}
.blog-list .blog-item{
    border: 1px solid transparent;
    border-radius: 10px;
    position: relative;
}
.blog-list .blog-item:hover{
    border: 1px solid var(--gray);
}
.blog-list .blog-item .blog-thumbnail{
    object-fit: cover;
    border-radius: 10px;
    height: 100%;
    width: 100%;
}
.blogs-section .search-icon{
    position: absolute;
    top: 12px;
    left: 10px;
}
.blogs-section .search-input{
    text-indent: 15px;
    padding-left: 18px;
}
.blog-header .blog-category{
    min-width: max-content;
}
.blog-header .blog-category a{
    color: var(--black);
    text-decoration: none;
    border: 2px solid transparent;
}
.blog-header .blog-category a.active{
    color: var(--blue);
    font-weight: 700;
    background: var(--light);
    border: 2px solid var(--blue);
    border-radius: 4px;
}
.blog-header .blog-category a:hover{
    color: var(--blue);
}
.blog-categories-outer::-webkit-scrollbar {
    display: none;
}
.blog-categories-outer {
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
    cursor: grab;
    overflow-x: auto;
}
.blog-header #right-blog-categories, .blog-header #left-blog-categories{
    z-index: 9 !important;
    height: 40px!important;
    width: 40px!important;
    border-radius: 100%!important;
    margin-top: -3.9rem;
}
.blog-header #right-blog-categories{
    margin-right: -25px;
}
.blog-header #left-blog-categories {
    margin-left: -25px;
}
.blog-header #right-blog-categories a,.blog-header #left-blog-categories a{
    border-radius: 100%;
    background: #fff;
    border: none;
    font-size: 14px;
}
.blog-header #right-blog-categories a:hover,.blog-header #left-blog-categories a:hover{
    background: var(--gray);
}
@media only screen and (max-width: 768px) {
    .blog-list .blog-item{
        border: 1px solid var(--lightgray);
    }
    .blog-list .blog-item .item-category{
        font-size: 12px;
        margin-top: -5px;
    }
    .blog-list .blog-item .item-title{
        font-size: 18px;
    }
    .blogs-section .search-icon{
        position: absolute;
        top: 12px;
        left:unset;
        right: 10px;
        z-index: 10;
    }
    .cat-dropdown{
        border-top: 1px solid var(--gray);
        border-bottom: 1px solid var(--gray);
        padding: 0.38rem 0;
    }
    .cat-dropdown .dropdown-menu.show{
        height: 400px;
        max-width: 80%;
        overflow-y: auto;
        overflow-x: hidden;
        margin-top: 13px !important;
        z-index: 10;

    }
    .cat-dropdown .dropdown-item{
        white-space: normal;
        z-index: 10;
    }
    .cat-dropdown .dropdown-toggle.show:before{
        content: '';
        position: absolute;
        top: 38px;
        left: 20px;
        width: 11px;
        height: 11px;
        border: 1px solid rgba(0,0,0,.25);
        border-right: 0;
        border-bottom: 0;
        background-color: var(--white);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        z-index: 2;
    }
    /*.blog-search-m{*/
    /*    display: none;*/
    /*}*/
    .blogs-section .search-input{
        text-indent: 0;
        /*background: var(--light);*/
        /*border:none;*/
        /*border-radius: 0;*/
    }
    .cat-dropdown .dropdown-menu.show::-webkit-scrollbar-track {
        margin-right: 10px;
        border-radius: 10px;
        background-color: var(--lightgray) !important;
    }

    .cat-dropdown .dropdown-menu.show::-webkit-scrollbar {
        background-color: var(--lightgray) !important;
        height: 5px !important;
        width: 5px !important;
        border-radius: 10px;
    }

    .cat-dropdown .dropdown-menu.show::-webkit-scrollbar-thumb {
        background-color: var(--blue) !important;
        border-radius: 20px;
        margin-top: -1rem;
        margin-bottom: -1rem;
    }
}