@font-face {
    font-family: Nunito-black;
    src: url('/fonts/Nunito_Sans/NunitoSans-Black.ttf');
}

@font-face {
    font-family: Nunito-bold;
    src: url('/fonts/Nunito_Sans/NunitoSans-Bold.ttf');
}

.font-nunito-black {
    font-family: Nunito-black;
}

.font-nunito-bold {
    font-family: Nunito-bold;
}

.cat2{
    padding-left: 20px !important;
}

.cat3{
    padding-left: 40px !important;
}

#scrollbar {
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 0%;
    height: 5px;
    z-index: 9999;
}

#scrollbar-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #E16036;
}

.blog-item .blog-image img {
    width: 100%;
    border-radius: 30px 30px 0 30px
}

.blog-item .blog-inner-item {
    background-color: #FFFFFF;
    vertical-align: top;
    border-radius: 0 0 0 35px;
    box-shadow: 1px 2px 9px #e9e7e7;
    padding: 30px;
    position: relative;
}

.blog_container .page-item.active .page-link {
    background-color: transparent;
    color: #354350;
    font-weight: bolder;
}

.blog_container .pagination li .page-link {
    border: none;
    border-left: 1px solid #a2a2a2;
    color: #a2a2a2;
    font-size: 18px;
}

.blog_container .page-item:first-child, .blog_container .page-item:last-child {
    width: 35px;
    position: relative;
}

.blog_container .page-item:first-child:before {
    content: "";
    background-image: url("/images/front-end/icons/left-arrow.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    top: 9px;
    position: absolute;
}

.blog_container .page-item:first-child .page-link, .blog_container .page-item:last-child .page-link {
    visibility: hidden;
}

.blog_container .page-item:last-child:before {
    content: "";
    background-image: url("/images/front-end/icons/right-arrow.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    top: 9px;
    position: absolute;
}

.search-form-outer input.form-control {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    background: transparent;
    border: 1px solid #d2d9df !important;
    border-right: 0 !important;
    padding-left: 10px;
    font-size: 13px;
}

.search-form-outer .input-group-text {
    border-top-right-radius: 30px !important;
    border-bottom-right-radius: 30px !important;
    background: transparent;
    border: 1px solid #d2d9df !important;
    border-left: 0 !important;
}

.blog_container .list-group .item-header {
    background-color: #354350;
    color: #fff;
    font-family: Nunito-black;
}

.blog_container .list-group a {
    color: #323e4b;
    font-family: Nunito-bold;
    text-decoration: none;
}

.blog_container .list-group a:hover, .blog_container .list-group .active {
    color: #c12937;
}

/* blog details page */
.blog-details-container * {
    color: #9aa7b3;
}

.blog-details-container img {
    width: 100%;
    border-radius: 30px
}

.blog-details-container .blog_title {
    font-family: Nunito-black;
}

.blog-details-container .btn-outline-secondary{
    border-color: #bcc2c7;
}

.blog-details-container .right-side-container img {
    border-radius: 10px;
    min-height: 65px;
    object-fit: cover;
}

.blog-details-container .right-side-container .blog_title {
    font-size: 13px;
}

.dark-gray {
    color: #354f68;
}