/**

1.0 Global

2.0 Header
    2.1 Site Identity
    2.2 Primary Menu
    2.3 Secondary Menu
    2.4 Search Icon
    2.5 Search Field
    2.6 Dark Mode
    2.7 Social Icons
    2.8 Ticker News
    2.9 Date & Time
    2.10 Time
    2.11 Button
    2.12 Random Blog
    2.13 Divider
    2.14 HTML
    2.15 Off Canvas
    2.16 Widget Area
    2.17 Mobile Canvas

3.0 Frontpage Section
    3.1 Banner Slider


You May Have Missed

Footer
    Footer Menu

**/

    .bnv-container {
        max-width: 1340px;
        width: 100%;
        padding: 0 20px;
        margin-inline: auto;
    }


/*
=========================================
MARK: 1.0 Global
=========================================
*/

    /* alignment */
    .align--center,
    .align--center .entry-inner {
        justify-content: center;
        text-align: center;
    }

    .align--right,
    .align--right .entry-inner {
        justify-content: flex-end;
        text-align: right;
    }

    /* Scrollbar */
    .widgets-wrap::-webkit-scrollbar,
    .bnv-video-playlist .content-wrapper .videos::-webkit-scrollbar {
        width: 4px;
    }

    .widgets-wrap::-webkit-scrollbar-thumb,
    .bnv-video-playlist .content-wrapper .videos::-webkit-scrollbar {
        background-color: var(--bnv-theme-color);
        border-radius: 40px;
    }

    .bnv-video-playlist .content-wrapper .videos::-webkit-scrollbar-thumb {
        background-color: transparent;
    }

    /* Title Clamp */
    .video-title,
    .video-meta .video-channel,
    .banner-sidebar .bnv-article .entry-title,
    .bnv-main-banner.layout--three .sidebar-content .bnv-article .entry-title a {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    /* Entry Inner */
    .bnv-article .entry-inner {
        display: flex;
        flex-direction: column;
        gap: 12px;
        min-width: 0;
    }

    .bnv-article .entry-categories {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    .bnv-article .entry-categories .cat-item {
        --bnv-site-meta-font-weight: 700;
        --bnv-site-meta-font-size: 11px;
        --bnv-site-meta-font-letterspacing: 0.05em;
        --bnv-site-meta-font-texttransform: uppercase;
    }

    .bnv-article .entry-categories .cat-item a {
        color: var(--bnv-site-meta-color);
    }

    .bnv-article .entry-title,
    .bnv-article .entry-title a {
        --bnv-site-font-size: 17px;
        --bnv-site-font-lineheight: 1.48;
    }

    .bnv-article .entry-meta {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px;
        row-gap: 6px;
    }

    .bnv-article .entry-meta .icon i {
        font-size: calc(var(--bnv-site-meta-font-size) * 0.89);
        margin-right: 6px;
    }

    .bnv-article .entry-meta > div {
        --bnv-site-meta-font-size: 11px;
        --bnv-site-meta-font-letterspacing: 0.02em;
        --bnv-site-meta-font-texttransform: uppercase;
        color: var(--bnv-site-meta-color);
    }

    .bnv-article .entry-meta > div a {
        color: inherit;
    }

    .bnv-article .entry-meta > div a:hover {
        color: var(--bnv-theme-color);
    }

    .bnv-article .entry-excerpt p {
        --bnv-site-font-weight: 400;
        --bnv-site-font-size: 14px;
        --bnv-site-font-lineheight: 1.64;
        color: var(--bnv-site-excerpt-color);
    }

    /* Read More Button */
    .bnv-article .entry-read-more a {
        --bnv-site-font-weight: 500;
        --bnv-site-font-size: 14px;
        color: var(--bnv-site-color);
    }

    .bnv-article .entry-read-more a:hover {
        color: var(--bnv-site-color-hover);
    }


/*
=========================================
MARK: 2.0 Header
=========================================
*/

    /* 
    MARK: 2.1 Site Identity
    */

    .bnv-header .align--center .bnv-site-logo {
        text-align: center;
    }

    .bnv-header .align--right .bnv-site-logo {
        text-align: right;
    }

    .bnv-headers .bnv-site-logo .custom-logo-link {
        display: none;
    }

    .bnv-headers .bnv-site-logo .custom-logo-link {
        display: block;
    }

    .bnv-builder .bnv-site-logo .site-title,
    .bnv-builder .bnv-site-logo .site-title-link {
        --bnv-site-font-size: 26px;
        --bnv-site-font-lineheight: 1.4;
        color: var(--bnv-site-color);
        margin: 0;
    }

    .bnv-light .bnv-builder .bnv-site-logo .site-title-link:hover {
        color: var(--bnv-site-color-hover);
    }

    .bnv-header .bnv-site-logo .site-description {
        --bnv-site-font-weight: 400;
        color: var(--bnv-site-description-color);
    }

    /* Hilight Text */
        .bnv-header .bnv-site-logo .highlight {
            --bnv-site-font-size: 26px;
            --bnv-site-font-lineheight: 1.4;
            --bnv-site-color: var(--bnv-theme-color);
            --bnv-site-bg-color: #ffffff00;
            color: var(--bnv-site-color);
            background: var(--bnv-site-bg-color);
            transition: var(--transition-1);
            display: inline-block;
        }

        .bnv-header .bnv-site-logo .site-title-link:hover .highlight {
            --bnv-site-bg-color-hover: #ffffff00;
            color: var(--bnv-site-color-hover);
            background: var(--bnv-site-bg-color-hover);
        }

    /* Site Logo */
        .bnv-dark .bnv-builder .bnv-site-logo .custom-logo-link,
        .bnv-light .bnv-builder .bnv-site-logo .dark-custom-logo-link {
            display: none;
        }

        .bnv-builder .bnv-site-logo .custom-logo {
            width: 210px;
        }

    /* 
    MARK: 2.2 Primary Menu
    */

    .bnv-builder .bnv-menu {
        --bnv-site-bg-color: #ffffff00;
        background-color: var(--bnv-site-bg-color);
    }

    .bnv-builder .menu-toggle {
        display: none;
    }

    .bnv-builder .bnv-menu li {
        position: relative;
    }

    .bnv-builder .bnv-menu div > .menu,
    .bnv-builder .bnv-menu .menu > ul {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .bnv-builder .bnv-menu div > .menu > li,
    .bnv-builder .bnv-menu .menu > ul > li {
        padding: 2px 12px;
    }

    .bnv-builder .bnv-menu li a {
        --bnv-site-font-weight: 500;
        --bnv-site-font-size: 15px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        position: relative;
        color: var(--bnv-site-color);
    }

    .bnv-builder .bnv-menu li a:hover {
        color: var(--bnv-site-color-hover);
    }

    .bnv-header .bnv-menu li.current_page_item > a {
        --bnv-site-color: var(--bnv-theme-color);
        color: var(--bnv-site-color);
    }

    .bnv-header .bnv-menu li.menu-item-has-children > a .submenu-icon,
    .bnv-header .bnv-menu li.page_item_has_children > a .submenu-icon {
        font-size: calc( var(--bnv-site-font-size) * 0.72 );
    }

    @media ( min-width: 950px ) {
        .bnv-header .menu-toggle {
            display: none;
        }

        .bnv-header .bnv-menu .icon-button {
            display: none;
        }

        /* Sub Menu */
        .bnv-header .bnv-menu .sub-menu,
        .bnv-header .bnv-menu .children {
            --bnv-site-bg-color: #fff;
            position: absolute;
            top: 100%;
            width: 240px;
            opacity: 0;
            visibility: hidden;
            transform: translateY(10px);
            transition: var(--transition-2);
            z-index: 99999;
            padding: 16px 20px;
            background: var(--bnv-site-bg-color);
            box-shadow: 0 4px 10px -2px rgb(0 0 0 / 10%);
        }

        .bnv-header .third.has-primary-menu .bnv-menu .sub-menu,
        .bnv-header .third.has-primary-menu .bnv-menu .children {
            right: 0;
        }

        .bnv-header .third.has-primary-menu .bnv-menu li .sub-menu .sub-menu,
        .bnv-header .third.has-primary-menu .bnv-menu li .children .children {
            right: calc(103% + 20px);
            left: initial;
        }

        .bnv-dark .bnv-header .bnv-menu .sub-menu,
        .bnv-dark .bnv-header .bnv-menu .children {
            background: #212121f7;
        }

        .bnv-header .bnv-menu li > .sub-menu li + li,
        .bnv-header .bnv-menu li > .children li + li {
            border-top: 1px solid #00000014;
            margin-top: 8px;
            padding-top: 8px;
        }

        .bnv-header .bnv-menu li:hover > .sub-menu,
        .bnv-header .bnv-menu li:hover > .children,
        .bnv-header .bnv-menu li.focus > .sub-menu,
        .bnv-header .bnv-menu li.focus > .children {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }

        .bnv-header .bnv-menu li .sub-menu .sub-menu,
        .bnv-header .bnv-menu li .children .children {
            top: 0;
            left: calc( 103% + 20px );
        }

        .bnv-header .bnv-menu li.menu-item-has-children .sub-menu a:after,
        .bnv-header .bnv-menu li.page_item_has_children .children a:after {
            transform: rotate(-90deg);
        }
    }

    /* 
    MARK: 2.3 Secondary Menu
    */

    .bnv-header .bnv-secondary-menu {
        --bnv-site-bg-color: #ffffff00;
        background: var(--bnv-site-bg-color);
    }

    .bnv-header .bnv-secondary-menu .icon-button {
        display: none;
    }

    /* 
    MARK: 2.4 Search Icon
    */

    .bnv-header .bnv-search-icon i {
        color: var(--bnv-site-color);
        transition: var(--transition-1);
    }

    .bnv-header .bnv-search-icon i:hover {
        color: var(--bnv-site-color-hover);
    }

    .bnv-header .form-wrapper {
        --bnv-site-bg-color: #fff;
        opacity: 0;
        visibility: hidden;
        background: var(--bnv-site-bg-color);
    }

    .bnv-dark .bnv-header .form-wrapper {
        background: #212121;
    }

    .bnv-header .form-wrapper.active {
        opacity: 1;
        visibility: visible;
    }

    .bnv-header .search-form {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .bnv-header .search-form > label {
        width: 100%;
    }

    .bnv-header .search-field {
        width: 100%;
        height: 42px;
        border: none;
        padding: 0 5px;
        border-radius: 0;
        color: var(--bnv-site-color);
        background-color: transparent;
        border-bottom: 1px solid var(--bnv-site-border-color-muted);
    }

    .bnv-header .search-field:focus {
        outline: none;
        color: var(--bnv-site-color);
        border-color: var(--bnv-site-border-color-muted);
    }

    .bnv-header .form-wrapper .search-icon {
        display: none;
    }

    .bnv-header .form-wrapper:not(.layout--four) .close-icon {
        background-color: var(--bnv-site-bg-color);
        color: var(--bnv-site-color);
    }

    .bnv-dark .bnv-header .form-wrapper:not(.layout--four) .close-icon {
        background-color: #212121;
    }

    /* Live Search */
    .bnv-header .bnv-live-search {
        display: none;
    }

    .bnv-header .loaded .bnv-live-search { 
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
        margin-top: 25px;
    }

    .bnv-header .bnv-live-search .bnv-article {
        display: flex;
        align-items: center;
        gap: 14px;
    }

    .bnv-header .bnv-live-search .bnv-article .bnv-article-figure {
        width: 80px;
        height: 70px;
    }

    .bnv-header .bnv-live-search .bnv-article .entry-content {
        flex: 1;
    }

    .bnv-header .bnv-live-search .bnv-article .entry-title,
    .bnv-header .bnv-live-search .bnv-article .entry-title a {
        color: var(--bnv-site-color);
        font-size: 15px;
        font-weight: 500;
    }

    /* 2.4.1 Layout One */
    .bnv-header .bnv-search-icon {
        position: relative;
    }

    .bnv-header .bnv-search-icon .layout--one {
        --bnv-site-bg-color: #fff;
        position: absolute;
        right: 0;
        width: 360px;
        transform: translateY(20px);
        padding: 14px 30px 20px;
        transition: var(--transition-2);
        z-index: 1;
        background: var(--bnv-site-bg-color);
        box-shadow: 0px 1px 5px 3px rgb(0 0 0 / 9%);
        -webkit-box-shadow: 0px 1px 5px 3px rgb(0 0 0 / 9%);
        -moz-box-shadow: 0px 1px 5px 3px rgb(0 0 0 / 9%);
    }

    .bnv-dark .bnv-header .bnv-search-icon .layout--one {
        background: #212121f7;
    }

    .bnv-header .bnv-search-icon .layout--one.active {
        transform: translateY(10px);
    }

    .bnv-header .bnv-search-icon .layout--one .icon {
        display: none;
    }

    .bnv-header .layout--one .bnv-live-search {
        grid-template-columns: 100%;
    }
    
    /* 2.4.2 Layout Two */
    .bnv-header .form-wrapper.layout--two {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 40px 0;
        z-index: 1;
        transition: var(--transition-1);
        transition: all .5s ease-in-out;
    }

    .bnv-header .form-wrapper.layout--two .bnv-container {
        position: relative;
    }

    .bnv-header .form-wrapper.layout--two .search-form {
        position: relative;
    }

    .bnv-header .form-wrapper.layout--two .close-icon {
        position: absolute;
        right: 5px;
    }

    .bnv-header .form-wrapper.layout--two .bnv-live-search {
        --bnv-site-bg-color: #fff;
        position: absolute;
        width: 100%;
        background: var(--bnv-site-bg-color);
        padding: 20px;
        box-shadow: 0 0 4px #00000026;
        border-radius: 3px;
    }

    .bnv-dark .bnv-header .form-wrapper.layout--two .bnv-live-search {
        --bnv-site-bg-color: #212121;
    }

    /* 2.4.3 Layout Three */
    .bnv-header .form-wrapper.layout--three {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        z-index: 1;
        padding: 40px 0;
        transform: translateY(-10px);
        transition: var(--transition-1);
        box-shadow: 0 4px 4px 0px #0000000d;
    }

    .bnv-header .form-wrapper.layout--three.active {
        transform: translateY(0);
    }

    .bnv-header .form-wrapper.layout--three .search-form {
        position: relative;
    }

    .bnv-header .form-wrapper.layout--three .close-icon {
        position: absolute;
        right: 5px;
    }

    /* 2.4.4 Layout Four */
    .bnv-header .form-wrapper.layout--four {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transition: var(--transition-1);
        z-index: 6;
        display: flex;
        align-items: center;
    }

    .admin-bar .bnv-header .form-wrapper.layout--four {
        top: 32px;
    }

    .bnv-header .form-wrapper.layout--four .search-form {
        position: relative;
        width: 80%;
        margin-inline: auto;
    }

    .bnv-header .form-wrapper.layout--four.loaded .search-form {
        margin-top: -10rem;
    }

    .bnv-header .form-wrapper.layout--four .search-field {
        height: initial;
        font-size: 3rem;
        text-align: center;
    }

    .bnv-header .form-wrapper.layout--four .close-icon {
        position: fixed;
        top: 80px;
        right: 50px;
        font-size: 22px;
        color: var(--bnv-site-color);
    }

    .bnv-header .form-wrapper.layout--four .bnv-live-search {
        width: 80%;
        margin-inline: auto;
        margin-top: 40px;
    }

    /* 
    MARK: 2.5 Search Field
    */

    .bnv-header .bnv-search-field .search-form {
        position: relative;
        padding: 0 0px 0 10px;
        overflow: hidden;
        border: 1px solid var(--bnv-site-border-color-muted);
    }

    .bnv-dark .bnv-header .bnv-search-field .search-form {
        border-color: var(--bnv-site-border-color-muted);
    }

    .bnv-header .bnv-search-field label {
        padding-right: 40px;
    }

    .bnv-header .bnv-search-field .search-field {
        border: none;
    }

    .bnv-header .bnv-search-field .search-icon {
        --bnv-site-bg-color: #ffffff00;
        position: absolute;
        right: 0;
        height: 100%;
        padding: 0 10px;
        transition: var(--transition-1);
        color: var(--bnv-site-color);
        background: var(--bnv-site-bg-color);
        border-left: 1px solid var(--bnv-site-border-color-muted);
    }

    .bnv-light .bnv-header .bnv-search-field .search-icon:hover {
        color: var(--bnv-site-color-hover);
        background: var(--bnv-site-bg-color-hover);
    }
    
    .bnv-header .bnv-search-field .close-icon {
        display: none;
    }

    /* 2.5.1 Small */
    .bnv-header .bnv-search-field.width--medium .search-field {
        width: 150px;
    }

    /* 2.5.2 Medium */
    .bnv-header .bnv-search-field.width--medium .search-field {
        width: 250px;
    }

    /* 2.5.3 Large */
    .bnv-header .bnv-search-field.width--large .search-field {
        width: 400px;
    }

    /* 2.5.4 Full width */
    .bnv-header .bnv-search-field.width--full .search-field,
    .bnv-header .column:has(.width--full),
    .bnv-header .bnv-search-field.width--full {
        width: 100%;
    }

    /* 
    MARK: 2.6 Dark Mode
    */

    .bnv-header .bnv-dark-mode {
        position: relative;
    }

    .bnv-header .bnv-dark-mode .icon-wrapper {
        display: flex;
        align-items: center;
        gap: 8px;
        transition: var(--transition-1);
        line-height: initial;
    }

    .bnv-light .bnv-header .bnv-dark-mode .icon-wrapper.light-icon {
        color: var(--bnv-site-color);
    }

    .bnv-light .bnv-header .bnv-dark-mode .icon-wrapper.light-icon:hover {
        color: var(--bnv-site-color-hover);
    }

    .bnv-dark .bnv-header .bnv-dark-mode .icon-wrapper.dark-icon {
        color: var(--bnv-site-color);
    }

    .bnv-dark .bnv-header .bnv-dark-mode .icon-wrapper.dark-icon:hover {
        color: var(--bnv-site-color-hover);
    }

    .bnv-header .bnv-dark-mode .label {
        --bnv-site-font-weight: 500;
        --bnv-site-font-size: 14px;
        --bnv-site-font-texttransform: uppercase;
    }

    /* Fixed */
    /* .bnv-header .bnv-dark-mode {
        position: fixed;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
    }

    .bnv-header .bnv-dark-mode .label {
        position: absolute;
        right: 100%;
        padding-right: 10px;
    } */

    /* Layout One */
    .bnv-light .bnv-header .bnv-dark-mode.layout--one .dark-icon,
    .bnv-dark .bnv-header .bnv-dark-mode.layout--one .light-icon {
        display: none;
    }

    .bnv-header .bnv-dark-mode.layout--one .icon-wrapper.light-icon {
        --bnv-site-bg-color: #ffffff00;
        background: var(--bnv-site-bg-color);
    }

    .bnv-header .bnv-dark-mode.layout--one .icon-wrapper.light-icon:hover {
        --bnv-site-bg-color-hover: #ffffff00;
        background: var(--bnv-site-bg-color-hover);
    }

    .bnv-header .bnv-dark-mode.layout--one .icon-wrapper.dark-icon {
        --bnv-site-bg-color: #ffffff00;
        background: var(--bnv-site-bg-color);
    }

    .bnv-header .bnv-dark-mode.layout--one .icon-wrapper.dark-icon:hover {
        --bnv-site-bg-color-hover: #ffffff00;
        background: var(--bnv-site-bg-color-hover);
    }

    .bnv-header .bnv-dark-mode.layout--one .icon {
        font-size: calc( var(--bnv-site-font-size) * 0.98 );
        margin-top: -2px;
    }

    /* Layout Two */
    .bnv-header .bnv-dark-mode.layout--two {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 3px;
        border-radius: 30px;
    }

    .bnv-light .bnv-header .bnv-dark-mode.layout--two {
        --bnv-site-bg-color-hover: #efefef;
        background: var(--bnv-site-bg-color-hover);
    }

    .bnv-dark .bnv-header .bnv-dark-mode.layout--two {
        --bnv-site-bg-color-hover: #efefef33;
        background: var(--bnv-site-bg-color-hover);
    }

    .bnv-header .bnv-dark-mode.layout--two .icon-wrapper {
        padding: 4px 18px;
        border-radius: 30px;
    }

    .bnv-light .bnv-header .bnv-dark-mode.layout--two .icon-wrapper.light-icon {
        --bnv-site-bg-color: #fff;
        background: var(--bnv-site-bg-color);
    }

    .bnv-dark .bnv-header .bnv-dark-mode.layout--two .icon-wrapper.dark-icon {
        --bnv-site-bg-color: #212121;
        background: var(--bnv-site-bg-color);
    }

    .bnv-dark .bnv-header .bnv-dark-mode.layout--two .icon-wrapper.light-icon {
        color: #fff;
    }

    .bnv-dark .bnv-header .bnv-dark-mode.layout--two .icon-wrapper.light-icon:hover,
    .bnv-header .bnv-dark-mode .icon-wrapper.dark-icon:hover {
        color: var(--bnv-site-color-hover);
    }

    .bnv-light .bnv-header .bnv-dark-mode.layout--two .icon-wrapper.light-icon,
    .bnv-dark .bnv-header .bnv-dark-mode.layout--two .icon-wrapper.dark-icon {
        pointer-events: none;
    }

    .bnv-header .bnv-dark-mode.layout--two .icon-wrapper .icon {
        order: 2;
        font-size: calc( var(--bnv-site-font-size) * 0.79 );
    }

    .bnv-light .bnv-header .bnv-dark-mode.layout--two .icon-wrapper.dark-icon .icon,
    .bnv-dark .bnv-header .bnv-dark-mode.layout--two .icon-wrapper.light-icon .icon {
        display: none;
    }

    /* Fixed */
    /* .bnv-header .bnv-dark-mode.layout--two {
        position: fixed;
        top: 50%;
        right: -40px;
        transform: translateY(-50%) rotate(-90deg);
    } */

    /* 
    MARK: 2.7 Social Icons
    */

    .bnv-social-icons {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
    }

    .bnv-social-icons i {
        transition: var(--transition-1);
    }

    .bnv-social-icons.official--off i {
        color: var(--bnv-site-color);
    }

    .bnv-social-icons.official--off i:hover {
        --bnv-site-color-hover: var(--bnv-theme-color);
        color: var(--bnv-site-color-hover);
    }

    /* 
    MARK: 2.8 Ticker News
    */

    .bnv-header .bnv-ticker-news {
        display: flex;
        align-items: center;
        row-gap: 15px;
        flex: 1;
        min-width: 0;
        overflow: hidden;
    }

    .bnv-header .bnv-ticker-news .label {
        --bnv-site-font-weight: 600;
        --bnv-site-font-size: 13px;
        --bnv-site-font-texttransform: uppercase;
        --bnv-site-bg-color: #ffffff00;
        display: flex;
        align-items: center;
        align-self: stretch;
        padding-right: 35px;
        color: var(--bnv-theme-color);
        background: var(--bnv-site-bg-color);
    }

    .bnv-header .bnv-ticker-news .entry-content {
        --bnv-site-bg-color: #ffffff00;
        flex: 1;
        overflow: hidden;
        background: var(--bnv-site-bg-color);
    }

    .bnv-header .bnv-ticker-news .bnv-article {
        margin-bottom: 0;
    }

    .bnv-header .bnv-ticker-news .bnv-article .entry-title,
    .bnv-header .bnv-ticker-news .bnv-article .entry-title a {
        --bnv-site-font-weight: 500;
        --bnv-site-font-size: 15px;
        --bnv-site-font-lineheight: 1.4;
    }

    .bnv-header .bnv-ticker-news .bnv-article .entry-date {
        display: flex;
        align-items: center;
        gap: 6px;
        font-size: 12px;
        margin-top: 4px;
    }

    /* controller */
    .bnv-header .bnv-ticker-news .controller-wrap {
        --bnv-site-bg-color: #ffffff00;
        display: flex;
        align-self: stretch;
        padding: 2px 6px;
        transition: var(--transition-1);
        background: var(--bnv-site-bg-color);
    }

    .bnv-header .bnv-ticker-news .controller-wrap:hover {
        --bnv-site-bg-color-hover: #ffffff00;
        background: var(--bnv-site-bg-color-hover);
    }

    .bnv-header .bnv-ticker-news .controller-wrap .icon i {
        font-size: 15px;
        color: var(--bnv-site-color);
    }

    /* Style None */
    .bnv-header .bnv-ticker-news.slider--none {
        flex-direction: column;
        align-items: self-start;
    }

    .bnv-header .bnv-ticker-news.slider--none .label {
        align-self: auto;
    }

    .bnv-header .bnv-ticker-news.slider--none .entry-content {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 20px;
    }

    /* Style Slick */
    .bnv-ticker-news.slider--slick .entry-content:not(.slick-initialized) .bnv-article + .bnv-article,
    .bnv-ticker-news.slider--slick .entry-content:not(.slick-initialized) ~ .controller-wrap {
        display: none;
    }

    .bnv-ticker-news.slider--slick .bnv-article {
        display: flex;
        align-items: center;
        gap: 20px;
    }

    .bnv-ticker-news.slider--slick .bnv-article .entry-date {
        margin: 0;
    }

    /* 
    MARK: 2.9 Date & Time
    */

    .bnv-header .bnv-date-time {
        --bnv-site-bg-color: #ffffff00;
        background: var(--bnv-site-bg-color);
    }

    .bnv-header .bnv-date-time,
    .bnv-header .bnv-date-time > span {
        --bnv-site-font-weight: 500;
        --bnv-site-font-size: 14px;
        --bnv-site-font-letterspacing: -0.2px;
        color: var(--bnv-site-color);
    }

    .bnv-header .bnv-date-time .time {
        position: relative;
        padding-left: 9px;
        margin-left: 9px;
    }

    .bnv-header .bnv-date-time .time:before {
        content: '';
        position: absolute;
        top: 50%;
        left: -1px;
        transform: translateY(-50%);
        width: 2px;
        height: 12px;
        background: currentColor;
    }

    /* 
    MARK: 2.10 Time
    */

    .bnv-header .bnv-time {
        --bnv-site-bg-color: #ffffff00;
        background: var(--bnv-site-bg-color);
    }

    .bnv-header .bnv-time,
    .bnv-header .bnv-time > .time {
        --bnv-site-font-weight: 500;
        --bnv-site-font-size: 14px;
        --bnv-site-font-letterspacing: -0.2px;
        color: var(--bnv-site-color);
    }

    /* 
    MARK: 2.11 Button
    */

    .bnv-header .bnv-custom-button .custom-button-link {
        --bnv-site-font-weight: 400;
        --bnv-site-font-size: 14px;
        --bnv-site-color: #fff;
        --bnv-site-bg-color: #3b5cff;
        position: relative;
        display: flex;
        align-items: center;
        gap: 6px;
        padding: 8px 18px;
        border-radius: 6px;
        color: var(--bnv-site-color);
        background: var(--bnv-site-bg-color);
        border-color: var(--bnv-site-border-color);
    }

    .bnv-header .bnv-custom-button .custom-button-link:hover {
        --bnv-site-color-hover: #fff;
        --bnv-site-bg-color-hover: #5d76f1;
        color: var(--bnv-site-color-hover);
        background: var(--bnv-site-bg-color-hover);
        border-color: var(--bnv-site-border-color-hover);
    }

    .bnv-header .context--after .icon {
        order: 2;
    }

    .bnv-header .bnv-custom-button .custom-button-link .icon i {
        font-size: calc( var(--bnv-site-font-size) * 0.94 );
    }

    /* For Svg */
    .icon.svg {
        display: flex;
        width: calc( var(--bnv-site-font-size) * 1.14 );
        margin-top: -2px;
    }

    .icon svg {
        fill: currentColor;
    }

    /* 
    MARK: 2.12 Random Blog
    */

    .bnv-header .bnv-random-blog .random-blog-link {
        --bnv-site-bg-color: #ffffff00;
        display: flex;
        align-items: center;
        gap: 6px;
        color: var(--bnv-site-color);
        background: var(--bnv-site-bg-color);
    }

    .bnv-header .bnv-random-blog .random-blog-link,
    .bnv-header .bnv-random-blog .random-blog-link .label {
        --bnv-site-font-weight: 400;
        --bnv-site-font-size: 15px;
    }

    .bnv-header .bnv-random-blog .random-blog-link:hover {
        --bnv-site-bg-color-hover: #ffffff00;
        color: var(--bnv-site-color-hover);
        background: var(--bnv-site-bg-color-hover);
    }

    .bnv-header .bnv-random-blog.context--after .random-blog-link .icon {
        order: 2;
    }

    .bnv-header .bnv-random-blog .random-blog-link .icon i {
        font-size: calc( var(--bnv-site-font-size) * 0.94 );
    }

    /* 
    MARK: 2.13 Divider
    */

    .bnv-builder .column:has(.bnv-builder-divider) {
        align-self: stretch;
    }

    /* Border Style */
    .bnv-builder .style--solid {
        border-style: solid;
    }

    .bnv-builder .style--dashed {
        border-style: dashed;
    }

    .bnv-builder .style--dotted {
        border-style: dotted;
    }

    .bnv-builder .style--double {
        border-style: double;
    }

    /* Border Type */
    .bnv-builder .bnv-builder-divider {
        border-width: 0;
        border-right-width: 1px;
        border-color: var(--bnv-site-border-color);
        height: 50%;
    }

    /* 
    MARK: 2.14 HTML
    */

    .bnv-builder .bnv-builder-html p {
        --bnv-site-font-size: 15px;
        --bnv-site-font-weight: 500;
        color: var(--bnv-site-color);
    }

    .bnv-builder .bnv-builder-html a {
        --bnv-site-color: #0073aa;
        color: var(--bnv-site-color);
    }
    .bnv-builder .bnv-builder-html a:hover {
        color: var(--bnv-site-color-hover);
    }

    /* 
    MARK: 2.15 Off Canvas
    */

    .bnv-header .bnv-off-canvas .icon i {
        color: var(--bnv-site-color);
        transition: var(--transition-1);
    }

    .bnv-header .bnv-off-canvas .icon i:hover {
        color: var(--bnv-site-color-hover);
    }

    /* popover */
    .bnv-header .bnv-off-canvas .off-canvas-sidebar {
        --bnv-site-bg-color: #fff;
        position: fixed;
        z-index: 99999;
        left: 0;
        top: 0;
        height: 100vh;
        visibility: hidden;
        transition: .4s ease-in-out;
        transition-property: transform, visibility;
        content-visibility: auto;
        transform: translate3d(-100%, 0, 0);
        width: 350px;
        background-color: var(--bnv-site-bg-color);
    }

    .bnv-dark .bnv-header .bnv-off-canvas .off-canvas-sidebar {
        --bnv-site-bg-color: #292c2f;
    }

    .bnv-header .bnv-off-canvas.active:before {
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        background: #1d1d2c91;
        backdrop-filter: blur(8px);
    }

    .bnv-header .bnv-off-canvas.position--right .off-canvas-sidebar {
        right: 0;
        left: initial;
        transform: translate3d(100%, 0, 0);
    }

    body .bnv-header .bnv-off-canvas.active .off-canvas-sidebar {
        transform: translate3d(0, 0, 0);
        visibility: visible;
    }

    /* Close Icon */
    .bnv-header .bnv-off-canvas .close-icon {
        position: absolute;
        top: 15px;
        right: 12px;
    }

    .bnv-header .bnv-off-canvas .close-icon i {
        border: none;
        width: 20px;
        height: 20px;
        color: var(--bnv-site-color);
        background: transparent;
        transition: var(--transition-1)
    }

    .bnv-header .bnv-off-canvas .close-icon i:hover {
        color: var(--bnv-site-color-hover);
    }

    /* Widget Area */
    .bnv-header .bnv-off-canvas .widgets-wrap {
        margin: 50px 8px 0 0;
        overflow-y: auto;
        height: calc(100% - 50px);
        padding: 20px 20px 20px 25px;
    }

    .bnv-header .bnv-off-canvas .widget .sub-menu {
        margin-top: 8px;
    }

    /* 
    MARK: 2.16 Widget Area
    */

    .widget {
        color: var(--bnv-site-color);
        --bnv-site-font-weight: 400;
        --bnv-site-font-size: 15px;
    }

    .widget h1,
    .widget h2,
    .widget h3,
    .widget h4,
    .widget h5,
    .widget h6 {
        color: var(--bnv-site-color);
        margin-bottom: 16px;
    }

    .widget a {
        --bnv-site-color: #0073aa;
        color: var(--bnv-site-color);
    }

    .widget a:hover {
        color: var(--bnv-site-color-hover);
    }

    .widget + .widget {
        margin-top: 20px;
    }

    /* List */
    .widget ul li + li,
    .widget ol li + li {
        margin-top: 8px;
    }

    /* Quote */
    .widget blockquote {
        font-style: italic;
        border-left: 4px solid var(--bnv-site-border-color-muted);
        padding: 15px;
    }

    /* Code */
    .bnv-dark .widget pre {
        background: #eeeeee1f;
    }

    .widget code {
        font-family: 'Courier New', Courier, monospace;
        padding: 12px 16px;
    }

    /* Posts List & Posts Grid */
    .widget_blognova_post_list_widget .post-list-widget .article-wrap {
        gap: 20px;
    }

        /* Post List */
        .widget_blognova_post_list_widget .post-list-widget.layout--list .bnv-article {
            display: flex;
            align-items: center;
            gap: 16px;
            position: relative;
        }

        .widget_blognova_post_list_widget .post-list-widget.layout--list .bnv-article .bnv-article-figure {
            position: relative;
            width: 100px;
            height: 100px;
        }

        .widget_blognova_post_list_widget .post-list-widget.layout--list .bnv-article .entry-content {
            flex: 1;
        }

        .widget_blognova_post_list_widget .post-list-widget.layout--list .bnv-article .bnv-article-figure .count {
            top: 0px;
            display: flex;
            justify-content: center;
            align-items: center;
            background: rgba(0, 0, 0, .25);
            display: flex;
            position: absolute;
            width: 100%;
            height: 100%;
            color: #fff;
            font-size: 22px;
        }

        .widget_blognova_post_list_widget .post-list-widget.layout--list .bnv-article .entry-title {
            margin-bottom: 5px;
        }

        .widget_blognova_post_list_widget .post-list-widget.layout--list .bnv-article .entry-title,
        .widget_blognova_post_list_widget .post-list-widget.layout--list .bnv-article .entry-title a {
            --bnv-site-font-size: 16px;
            --bnv-site-font-weight: 500;
            --bnv-site-color: #30344b;
        }

        .widget_blognova_post_list_widget .post-list-widget.layout--list .entry-date {
            font-size: 13px;
            color: #666;
            display: flex;
            align-items: center;
            gap: 6px;
        }

        /* Post List Layout Two */
        .widget_blognova_post_list_widget .post-list-widget.layout--list.variant--two .bnv-article:first-child {
            flex-direction: column;
            align-items: initial;
            position: relative;
        }

        .widget_blognova_post_list_widget .post-list-widget.layout--list.variant--two .bnv-article:first-child .bnv-article-figure{
            width: 100%;
            height: initial;
            aspect-ratio: var(--bnv-ratio-4-3);
        }

        .widget_blognova_post_list_widget .post-list-widget.layout--list.variant--two .bnv-article:first-child .entry-title,
        .widget_blognova_post_list_widget .post-list-widget.layout--list.variant--two .bnv-article:first-child .entry-title a {
            --bnv-site-font-size: 16px;
            --bnv-site-font-lineheight: 1.6;
        }

        .widget_blognova_post_list_widget .post-list-widget.layout--list.variant--two .entry-content .count {
            position: absolute;
            top: 0px;
            left: 0px;
            background: #EFEFEF;
            height: 25px;
            width: 25px;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 16px;
            font-weight: 400;
        }

        .widget_blognova_post_list_widget .post-list-widget.layout--list.variant--two .bnv-article:first-child .entry-content .count {
            height: 35px;
            width: 35px;
            font-size: 16px;
            font-weight: 500;
        }

        /* Posts Grid */
        .widget_blognova_post_list_widget .post-list-widget.layout--grid.two-column .article-wrap {
            grid-template-columns: repeat(2, 1fr);
        }

        .widget_blognova_post_list_widget .post-list-widget.layout--grid.variant--one .entry-content .count {
            position: absolute;
            top: 0px;
            background: #EFEFEF;
            height: 40px;
            width: 40px;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 20px;
            font-weight: 500;
        }

        .widget_blognova_post_list_widget .post-list-widget.layout--grid.variant--one.two-column .entry-content .count {
            height: 25px;
            width: 25px;
            font-size: 16px;
            font-weight: 400;
        }

        .widget_blognova_post_list_widget .post-list-widget.layout--grid.one-column .entry-content .entry-title {
            margin-bottom: 14px;
        }

        .widget_blognova_post_list_widget .post-list-widget.layout--grid.post-list-widget.layout--grid.two-column .entry-content .entry-title {
            margin-bottom: 4px;
        }

        .widget_blognova_post_list_widget .post-list-widget.layout--grid .entry-content .entry-title a {
            --bnv-site-font-size: 16px;
            --bnv-site-font-lineheight: 1.48;
            --bnv-site-color: #404040;
        }

        .widget_blognova_post_list_widget .post-list-widget.layout--grid .entry-content .entry-date .icon {
            font-size: calc(var(--bnv-site-meta-font-size) * 0.85);
            color: var(--bnv-site-meta-color);
            padding-right: 6px;
        }

        .widget_blognova_post_list_widget .post-list-widget.layout--grid .entry-content .entry-date .post-date a {
            --bnv-site-meta-font-size: 14px;
            font-size: var(--bnv-site-meta-font-size);
            color: var(--bnv-site-meta-color);
        }

    /* ================================ sidebar Post Grid - Variant two  =============================== */
        .widget_blognova_post_list_widget .post-list-widget.layout--grid.variant--two.post-list-widget.layout--grid.two-column .article-wrap {
            display: flex;
            flex-direction: column;
        }

        .widget_blognova_post_list_widget .post-list-widget.layout--grid.variant--two .bnv-article {
            display: flex;
        }

        .widget_blognova_post_list_widget .post-list-widget.layout--grid.variant--two .bnv-article:nth-of-type(even) {
            flex-direction: row-reverse;
        }

        .widget_blognova_post_list_widget .post-list-widget.layout--grid.variant--two .bnv-article-figure,
        .widget_blognova_post_list_widget .post-list-widget.layout--grid.variant--two .entry-content {
            flex: 0 1 50%;
            margin: 0px;
        }

        .widget_blognova_post_list_widget .post-list-widget.layout--grid.variant--two .entry-content {
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            /* padding-bottom: 15px; */
            gap: 0px;
            align-items: self-start;
            position: relative;
        }

        .widget_blognova_post_list_widget .post-list-widget.layout--grid.variant--two .entry-content .count {
            position: relative;
            color: var(--bnv-theme-color);
            padding-bottom: 5px;
            font-weight: 600;
            font-size: 16px;
        }

        .widget_blognova_post_list_widget .post-list-widget.layout--grid.variant--two .entry-content .count::after {
            content: "";
            position: absolute;
            left: 0px;
            bottom: 10px;
            width: 25px;
            height: 1px;
            background: var(--bnv-theme-color);
            transform: translateY(-50%) rotate(-40deg);
        }

        /* .widget_blognova_post_list_widget .post-list-widget.layout--grid.variant--two .entry-content::before {
            position: absolute;
            content: "";
            height: 2px;
            width: 30px;
            bottom: 1px;
            background-color: #000;
        } */

        .widget_blognova_post_list_widget .post-list-widget.layout--grid.variant--two .bnv-article:nth-of-type(odd) .entry-content {
            padding-left: 15px;
        }

        .widget_blognova_post_list_widget .post-list-widget.layout--grid.variant--two .bnv-article:nth-of-type(even) .entry-content {
            padding-right: 15px;
        }
        
    /* Load More Button */
        .widget_blognova_post_list_widget .post-list-widget .ajax-button {
            --bnv-site-font-weight: 400;
            --bnv-site-font-size: 14px;
            --bnv-site-color: #fff;
            --bnv-site-bg-color: #3b5cff;
            position: relative;
            display: flex;
            align-items: center;
            gap: 6px;
            padding: 8px 18px;
            margin: 25px auto auto auto;
            border-radius: 6px;
            color: var(--bnv-site-color);
            background: var(--bnv-site-bg-color);
            border-color: var(--bnv-site-border-color);
            transition: var(--transition-1);
        }

        .widget_blognova_post_list_widget .post-list-widget .ajax-button:hover {
            --bnv-site-color-hover: #fff;
            --bnv-site-bg-color-hover: #5d76f1;
            color: var(--bnv-site-color-hover);
            background: var(--bnv-site-bg-color-hover);
            border-color: var(--bnv-site-border-color-hover);
        }

        .widget_blognova_post_list_widget .post-list-widget .ajax-button:active {
            --bnv-site-color-hover: #fff;
            --bnv-site-bg-color-hover: #5d76f1;
            color: var(--bnv-site-color-hover);
            background: var(--bnv-site-bg-color-hover);
            border-color: var(--bnv-site-border-color-hover);
        }

        .widget_blognova_post_list_widget .post-list-widget .ajax-button .label {
            pointer-events: none;
        }

        .widget_blognova_post_list_widget .post-list-widget .ajax-button .no-results-label {
            display: none;
            font-size: 13px;
            color: var(--bnv-site-meta-color);
            margin-left: 8px;
        }

        .widget_blognova_post_list_widget .post-list-widget .ajax-button.no-more .label {
            display: none;
        }

        .widget_blognova_post_list_widget .post-list-widget .ajax-button.no-more .no-results-label {
            display: inline;
        }

    /* 
    MARK: 2.17 Mobile Canvas
    */

    .bnv-header .bnv-mobile-canvas i {
        color: var(--bnv-site-color);
    }

    .bnv-header .bnv-mobile-canvas i:hover {
        color: var(--bnv-site-color-hover);
    }

    /* Popup */
    .bnv-header .bnv-mobile-canvas.dropdown {
        display: none;
    }

    body .bnv-header .bnv-mobile-canvas.popup--fullscreen,
    body .bnv-header .bnv-mobile-canvas.popup--dropdown .row {
        --bnv-site-bg-color: #fff;
        padding: 25px;
        background: var(--bnv-site-bg-color);
        box-shadow: 0 0 3px #0000001f;
    }

    body.bnv-dark .bnv-header .bnv-mobile-canvas.popup--fullscreen,
    body.bnv-dark .bnv-header .bnv-mobile-canvas.popup--dropdown .row {
        --bnv-site-bg-color: #292c2f;
    }

    .bnv-header .bnv-mobile-canvas.dropdown .column {
        max-height: 300px;
        overflow-y: auto;
        padding-right: 15px;
        margin-right: -12px;
    }

    .bnv-builder .bnv-mobile-canvas .bnv-menu div > .menu,
    .bnv-builder .bnv-mobile-canvas .bnv-menu .menu > ul {
        display: initial;
    }

    body .bnv-header .bnv-mobile-canvas .bnv-menu li {
        padding: 0;
    }

    .bnv-header .bnv-mobile-canvas .bnv-menu li + li {
        padding-top: 10px;
    }

    .bnv-header .bnv-mobile-canvas .bnv-menu li:not(.current_page_item) a {
        color: #30344b;
    }

    .bnv-dark .bnv-header .bnv-mobile-canvas .bnv-menu li:not(.current_page_item) a {
        color: #fff;
    }

    .bnv-header .bnv-mobile-canvas .bnv-menu span.submenu-icon {
        display: none;
    }

    .bnv-header .bnv-mobile-canvas .bnv-menu .sub-menu {
        padding-top: 10px;
    }

    .bnv-header .bnv-mobile-canvas.align--left .bnv-menu .sub-menu {
        padding-left: 12px;
    }

    .bnv-header .bnv-mobile-canvas.align--right .bnv-menu .sub-menu {
        padding-right: 12px;
    }

    .bnv-builder .bnv--responsive .sub-menu {
        display: none;
    }

    .bnv-header .bnv-mobile-canvas .bnv-menu .sub-menu.active {
        display: block;
    }

    /* Alignment */
    .bnv-header .bnv-mobile-canvas.align--center li > a {
        justify-content: center;
    }

    .bnv-header .bnv-mobile-canvas.align--right li > a {
        justify-content: flex-end;
    }

    .bnv-header .bnv-mobile-canvas li > a .icon-button {
        position: absolute;
        right: 0;
    }

    .bnv-header .bnv-mobile-canvas.align--right li > a .icon-button {
        position: absolute;
        right: initial;
        left: 0;
    }

    /* Popup Dropdown */
    .bnv-header .bnv-mobile-canvas.popup--dropdown.active  {
        position: absolute;
        display: block;
        width: 100%;
        z-index: 1;
    }

    .bnv-header .bnv-mobile-canvas.full-width--on.dropdown .bnv-container {
        padding: 0;
    }

    /* Popup Fullscreen */
    .bnv-header .bnv-mobile-canvas .canvas-close-icon {
        position: absolute;
        top: 100px;
        right: 100px;
    }

    .bnv-header .bnv-mobile-canvas.popup--fullscreen.active {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        z-index: 1;
        display: flex;
    }

    .bnv-header .bnv-mobile-canvas.popup--fullscreen.valign--middle {
        align-items: center;
    }

    .bnv-header .bnv-mobile-canvas.popup--fullscreen.valign--bottom {
        align-items: flex-end;
    }

    .bnv-header .bnv-mobile-canvas.popup--fullscreen .column {
        max-height: 400px;
    }

    .bnv-header .bnv-mobile-canvas.popup--fullscreen .bnv-menu li a {
        font-size: calc( var(--bnv-site-font-size) * 1.47 );
    }

/*
=========================================
MARK: 3.0 Frontpage Section
=========================================
*/

    .bnv-sections-wrap .site-main section {
        padding: 25px 0;
    }

    /* .bnv-sections-wrap .slick-dots,
    .controller-wrap {
        display: none !important;
    } */

    /*
    MARK: 3.1 Banner Slider
    */

    .bnv-main-banner .entry-content .bnv-article-figure {
        position: relative;
        padding-bottom: 50%;
        /* aspect-ratio: 10 / 4; */
    }

    .bnv-main-banner .entry-content .bnv-article-figure img {
        position: absolute;
    }

    /* Content */
    .bnv-main-banner .entry-content .entry-inner {
        gap: 0;
    }

    .bnv-main-banner.align--center .entry-content .entry-inner {
        align-items: center;
    }
    
    .bnv-main-banner.align--right .entry-content .entry-inner {
        align-items: flex-end;
    }

    .bnv-main-banner .entry-content .entry-inner .entry-categories {
        margin-bottom: 16px;
    }

    .bnv-main-banner .entry-content .entry-inner .entry-title,
    .bnv-main-banner .entry-content .entry-inner .entry-title a {
        --bnv-site-font-size: 32px;
        --bnv-site-font-line-height: 1.34;
        --bnv-site-font-letterspacing: -0.01em;
        max-width: 680px;
    }

    .bnv-main-banner .entry-content .entry-inner .entry-excerpt {
        margin-top: 16px;
        font-size: 14px;
        font-weight: 300;
        line-height: 1.65;
        max-width: 520px;
    }

    .bnv-main-banner .entry-content .entry-inner .entry-meta {
        margin-top: 22px;
    }

    .bnv-main-banner .entry-content .entry-inner .entry-read-more {
        margin-top: 14px;
    }

    .bnv-main-banner .entry-content .entry-inner .entry-read-more a {
        font-family: 'Outfit', sans-serif;
        font-size: 11px;
        font-weight: 500;
        letter-spacing: 0.13em;
        text-transform: uppercase;
    }

    /* Banner with Sidebar */
    .bnv-main-banner .block-wrap {
        display: flex;
        gap: 30px;
    }

    .bnv-main-banner .block-wrap .entry-content,
    .bnv-main-banner .block-wrap .slider-content-wrap {
        flex: 1;
        min-width: 0;
    }

    .bnv-main-banner .block-wrap .banner-sidebar {
        flex: 0 0 30%;
    }

    .bnv-main-banner .block-wrap:has(.bnv-main-banner-left):has(.bnv-main-banner-right) .banner-sidebar {
        flex: 0 0 25%;
    }

    /* 3.1.1 Banner Layout One */
    .bnv-main-banner.layout--one .entry-content .bnv-article-figure .entry-inner {
        position: absolute;
        inset: 0;
        z-index: 2;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        gap: 0;
        padding: 4%;
    }

    .bnv-main-banner.layout--one.position--top-left .entry-content .bnv-article-figure .entry-inner {
        justify-content: flex-start;
    }

    .bnv-main-banner.layout--one.position--top-center .entry-content .bnv-article-figure .entry-inner {
        justify-content: flex-start;
        align-items: center;
        text-align: center;
    }

    .bnv-main-banner.layout--one.position--top-right .entry-content .bnv-article-figure .entry-inner {
        justify-content: flex-start;
        align-items: flex-end;
        text-align: right;
    }

    .bnv-main-banner.layout--one.position--center-left .entry-content .bnv-article-figure .entry-inner {
        justify-content: center;
    }
    
    .bnv-main-banner.layout--one.position--center-center .entry-content .bnv-article-figure .entry-inner {
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    
    .bnv-main-banner.layout--one.position--center-right .entry-content .bnv-article-figure .entry-inner {
        justify-content: center;
        align-items: flex-end;
        text-align: right;
    }

    .bnv-main-banner.layout--one.position--bottom-center .entry-content .bnv-article-figure .entry-inner {
        align-items: center;
        text-align: center;
    }

    .bnv-main-banner.layout--one.position--bottom-right .entry-content .bnv-article-figure .entry-inner {
        align-items: flex-end;
        text-align: right;
    }

    .bnv-main-banner.layout--one .entry-content .bnv-article-figure .bnv-article-thumb {
        filter: brightness(0.55) saturate(0.85);
    }

    .bnv-main-banner.layout--one .entry-content .bnv-article-figure:after {
        content: '';
        position: absolute;
        inset: 0;
        background: linear-gradient(to bottom, rgba(10, 8, 6, 0.15) 0%, rgba(10, 8, 6, 0.0) 30%, rgba(10, 8, 6, 0.55) 65%, rgb(10 8 6 / 85%) 100%);
    }

    .bnv-main-banner.layout--one .entry-content .bnv-article-figure .entry-inner * {
        color: #fff;
    }

    /* 3.1.2 Banner Layout Two */
    /* .bnv-main-banner.layout--two .bnv-article .bnv-article-figure {
        aspect-ratio: 4 / 3;
    } */
  
    .bnv-main-banner.layout--two .bnv-article.slick-current .entry-inner > * {
        animation: none;
    }

    .bnv-main-banner.layout--two .bnv-article .entry-inner {
        margin-top: 30px;
    }

    .bnv-main-banner.layout--two .bnv-article .entry-inner .entry-title {
        max-width: 780px;
    }

    .bnv-main-banner.layout--two .bnv-article .entry-inner .entry-excerpt {
        max-width: 620px;
    }

    /* 3.1.3 Banner Layout Three */
    .bnv-main-banner.layout--three .slider-content-wrap {
        position: relative;
        background-position: center center;
        background-attachment: fixed;
        background-size: cover;
        background-repeat: no-repeat;
        padding: 4%;
    }

    .bnv-main-banner.layout--three .slider-content-wrap .slider-content-inner-wrap {
        display: grid;
        grid-template-columns: 65% 35%;
        justify-content: center;
        align-items: center;
        z-index: 2;
        position: relative;
    }

    .bnv-main-banner.layout--three .slider-content-wrap .slider-content-inner-wrap > div {
        padding: 0 20px;
    }

    .bnv-main-banner.layout--three .slider-content-wrap .banner-overlay {
        position: absolute;
        inset: 0;
        z-index: 1;
        background: #0000003d;
    }

    .bnv-main-banner.layout--three .entry-content .bnv-article .bnv-article-figure {
        background: transparent;
    }

    .bnv-main-banner.layout--three .entry-content .bnv-article .bnv-article-figure > a {
        display: none;
    }

    .bnv-main-banner.layout--three .entry-content .bnv-article .entry-inner {
        position: absolute;
        inset: 0;
        justify-content: center;
    }

    .bnv-main-banner.layout--three .bnv-article .entry-inner * {
        color: #fff;
    }

    /* Sidebar Content */
    .bnv-main-banner.layout--three .sidebar-content {
        max-width: 500px;
    }

    .bnv-main-banner.layout--three .sidebar-content .bnv-article {
        display: flex;
        align-items: center;
        gap: 15px;
        border: none;
    }

    .bnv-main-banner.layout--three .sidebar-content .bnv-article + .bnv-article {
        margin-top: 16px;
    }

    .bnv-main-banner.layout--three .sidebar-content .bnv-article .bnv-article-figure {
        width: 92px;
        height: 92px;
        transition: all 0.25s ease-in-out;
    }

    .bnv-main-banner.layout--three .sidebar-content .bnv-article .bnv-article-figure img {
        transform: none;
    }

    .bnv-main-banner.layout--three .sidebar-content .bnv-article.slick-current .bnv-article-figure {
        border: 2px solid transparent;
    }

    .bnv-main-banner.layout--three .sidebar-content .bnv-article .entry-title {
        flex: 1;
    }

    .bnv-main-banner.layout--three .sidebar-content .bnv-article .entry-title a {
        color: #fff;
        -webkit-line-clamp: 2;
    }

    /* 3.1.4 Banner Layout Four */
    .bnv-main-banner.layout--four .entry-content .bnv-article {
        margin-inline: 10px;
    }

    .bnv-main-banner.layout--four .entry-content .bnv-article .entry-inner {
        position: absolute;
        inset: 0;
        justify-content: center;
        align-items: center;
        text-align: center;
        padding: 4%;
        z-index: 1;
    }

    .bnv-main-banner.layout--four .entry-content .bnv-article .entry-inner * {
        color: #fff;
    }

    .bnv-main-banner.layout--four .entry-content .bnv-article .entry-inner:before {
        content: '';
        background: #00000073;
        position: absolute;
        inset: 0;
        opacity: 0;
        transition: var(--transition-1);
    }

    .bnv-main-banner.layout--four .entry-content .bnv-article.slick-current .entry-inner:before {
        opacity: 1;
    }

    /*
    MARK: 3.2 Carousel
    */

    .bnv-carousel {
        background-color: var(--bnv-site-bg-color);
    }

    .bnv-carousel .row {
        position: relative;
        overflow: hidden;
    }

    .bnv-carousel .bnv-article-figure {
        position: relative;
        padding-bottom: 72%;
    }

    .bnv-carousel .bnv-article-figure img {
        position: absolute;
        top: 0;
        left: 0;
    }

    .bnv-carousel .slick-list {
        margin: 0 -15px;
    }

    .bnv-carousel .slick-slide {
        margin: 0 15px;
    }

/* ====================== Carousel SLICK ARROW  ====================== */

    .bnv-carousel .controller-wrap {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-top: 20px;
        margin-top: 30px;
        border-top: 1px solid var(--bnv-site-border-color-muted);
        gap: 20px;
    } 

    .bnv-carousel.arrow--center .entry-content-wrap .controller-wrap {
        position: absolute;
        padding: 0px 10px;
        margin-top: 0;
        width: 100%;
        top: 32%;
        justify-content: space-between;
        border-top: none;
        gap: 20px;
        opacity: 0;
        pointer-events: none;
        transition: var(--transition-1);
    }

    .bnv-carousel .entry-content-wrap:hover .controller-wrap {
        opacity: 1;
        pointer-events: auto;
    }

    .bnv-carousel.arrow--center .controller-wrap {
        justify-content: center;
    } 

    .bnv-carousel .controller-wrap .icon.slick-arrow {
        position: relative;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        border: 1px solid #e9e9e9;
        background: #fff;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        transition: var(--transition-1);
        cursor: pointer;
    }

    .bnv-carousel .controller-wrap .icon:hover {
        border-color: var(--bnv-site-border-color-hover);
    }

    .bnv-carousel.arrow--center .controller-wrap .icon:hover {
        --bnv-site-border-color-hover: #000;
        border-color: var(--bnv-site-border-color-hover);
    }

    .bnv-sections-wrap .bnv-carousel .slick-arrow i {
        position: absolute;
        font-size: 10px;
        transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        z-index: 1;
        color: var(--bnv-site-color);
    }

    .bnv-sections-wrap .bnv-carousel.arrow--center .slick-arrow i {
        --bnv-site-color: #000;
        color: var(--bnv-site-color);
    }

/* SLICK - LEFT ARROW (prev-arrow) */
    .bnv-carousel .prev-arrow i:first-child {
        transform: translateX(0);
        opacity: 1;
    }

    .bnv-carousel .prev-arrow i:last-child {
        transform: translateX(25px);
        opacity: 0;
    }

    .bnv-carousel .prev-arrow:hover i:first-child {
        transform: translateX(-25px);
        opacity: 0;
    }

    .bnv-carousel .prev-arrow:hover i:last-child {
    transform: translateX(0);
    opacity: 1;
    }

/* SLICK - RIGHT ARROW (next-arrow) */
    .bnv-carousel .next-arrow i:first-child {
        transform: translateX(0);
        opacity: 1;
    }

    .bnv-carousel .next-arrow i:last-child {
        transform: translateX(-25px);
        opacity: 0;
    }

    .bnv-carousel .next-arrow:hover i:first-child {
        transform: translateX(25px);
        opacity: 0;
    }

    .bnv-carousel .next-arrow:hover i:last-child {
        transform: translateX(0);
        opacity: 1;
    }

/* SLICK Arrow - Disabled state */
    .bnv-carousel .slick-arrow.slick-disabled {
        opacity: 0.35;
        cursor: not-allowed;
        border-color: #ddd;
    }

    .bnv-carousel .slick-arrow.slick-disabled:hover {
        transform: none;
        box-shadow: none;
        border-color: #ddd;
        color: #999;
    }

    .bnv-carousel .view-all {
        --bnv-site-font-weight: 400;
        --bnv-site-font-size: 14px;
        --bnv-site-font-lineheight: 1.8;
        --bnv-site-color: #fff;
        display: flex;
        align-items: center;
        gap: 6px;
        padding: 2px 22px;
        color: var(--bnv-site-color);
    }

    .bnv-carousel .view-all i {
        border: none;
        font-size: 11px;
        height: initial;
        width: initial;
        background-color: transparent;
        border-radius: unset;
    }

    .bnv-carousel .view-all:hover i {
        color: inherit;
    }

/* ===== NUMBER STYLING ===== */
    .bnv-carousel .type--numbers .slick-dots {
        display: flex;
        gap: 5px;
    }

    .bnv-carousel .type--numbers .slick-dots button {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        border: 1px solid #e0e0e0;
        font-size: 11px;
        font-weight: 600;
        color: #999;
        cursor: pointer;
        transition: var(--transition-1);
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 1;
        vertical-align: middle;
    }

    .bnv-carousel .type--numbers .slick-dots li:not(.slick-active) button:hover {
        border-color: var(--bnv-site-color-hover);
        color: var(--bnv-site-color-hover);
    }

    .bnv-carousel .type--numbers .slick-dots li.slick-active button {
        background: var(--bnv-site-color-hover);
        border-color: var(--bnv-site-color-hover);
        color: white;
    }

/* Dot Pagination Styling  */
    .bnv-slick-dots.type--dots .slick-dots {
        display: flex;
        justify-content: center;
    }

    .bnv-slick-dots.type--dots .slick-dots li {
        margin: 0 6px;
    }

    .bnv-slick-dots.type--dots .slick-dots li button {
        --bnv-site-grey-color: #00000033;
        background: var(--bnv-site-grey-color);
        width: 10px;
        height: 10px;
        border-radius: 50%;
        text-indent: -9999px;
        outline: none;
        padding: 0;
        cursor: pointer;
        border: none;
        transition: var(--transition-1);
        position: relative;
    }

    .bnv-slick-dots.type--dots .slick-dots li.slick-active button {
        width: 12px;
        height: 12px;
        background: transparent;
    }

    .bnv-slick-dots.type--dots .slick-dots li.slick-active button::before {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: 50%;
        border: 2px solid var(--bnv-site-color);
        animation: prixClipFix 0.3s linear forwards;
        will-change: clip-path;
    }

    @keyframes prixClipFix {
        0%   { clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0); }
        25%  { clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0); }
        50%  { clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%); }
        75%  { clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%); }
        100% { clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0); }
    }

    /* .bnv-carousel .entry-meta > * + *::before {
        content: "·";
        font-weight: 600;
        color: #b5b5b5;
        margin-right: 8px;
    } */

    /* 3.2.1 Carousel Layout One */
    .bnv-carousel.bnv-carousel.layout--one .bnv-article-figure {
        margin-bottom: 25px;
    }

    /* 3.2.2 Carousel Layout Two */
    .bnv-carousel.layout--two .bnv-article {
        position: relative;
        border-radius: 6px;
        overflow: hidden;
    }

    .bnv-carousel.layout--two .entry-content .entry-inner * {
        color: #fff;
    }

    .bnv-carousel.layout--two .entry-inner {
        --bnv-site-bg-color: rgba(0,0,0,0.7);
        position: absolute;
        bottom: 0;
        width: 100%;
        padding: 6%;
        background: linear-gradient(to top, var(--bnv-site-bg-color), rgba(0, 0, 0, 0));
    }

    /* 3.2.3 Carousel Layout Three */
    .bnv-carousel.layout--three .bnv-article {
        display: flex;
        gap: 26px;
    }

    .bnv-carousel.layout--three .bnv-article .bnv-article-figure {
        flex: 0 1 40%;
    }

    .bnv-carousel.layout--three.image-position--right .bnv-article .bnv-article-figure  {
        order: 2;
    }

    .bnv-carousel.layout--three .bnv-article .entry-inner {
        flex: 1;
        justify-content: center;
    }

    /*
    MARK: 3.3 Category Collection
    */

    .bnv-category-collection .content-wrapper {
        display: flex;
        gap: 25px;
    }

    /*
    MARK: 3.4 Three Column
    */

    /* .bnv-three-blocks .row {
        display: grid;
        grid-template-columns: repeat( 3, 1fr );
        gap: 30px;
        align-items: start;
    } */

    .bnv-three-blocks .bnv-three-blocks {

    }

    /*
    MARK: 3.5 Video Playlist
    */

    .bnv-video-playlist .content-wrapper {
        display: grid;
        grid-template-columns: 64fr 36fr;
        gap: 25px;
    }

    .bnv-video-playlist .content-wrapper .video-player iframe {
        width: 100%;
        height: 100%;
    }

    /* Videos */
    .bnv-video-playlist .content-wrapper .videos {
        max-height: 550px;
        overflow-y: auto;
        scrollbar-width: thin;
        scrollbar-color: #dddddd transparent;
    }

    .bnv-video-playlist .content-wrapper .video-item {
        display: flex;
        align-items: center;
        gap: 16px;
        cursor: pointer;
    }

    .bnv-video-playlist .content-wrapper .video-item .thumb-figure {
        width: 125px;
        flex-shrink: 0;
    }

    .bnv-video-playlist .content-wrapper .video-item.playing .thumb-figure {
        border: 3px solid;
        border-color: var(--bnv-theme-color);
    }

    .bnv-video-playlist .content-wrapper .video-item .video-content {
        min-width: 0;
        flex: 1;
    }

    .bnv-video-playlist .content-wrapper .video-content .video-title {
        --bnv-site-font-size: 14px;
        --bnv-site-font-lineheight: 1.5;
        color: var(--bnv-site-color);
    }

    /* Video Meta */
    .bnv-video-playlist .content-wrapper .video-content .video-meta {
        display: flex;
        justify-content: space-between;
        gap: 20px;
        margin-top: 10px;
    }

    .bnv-video-playlist .content-wrapper .video-content .video-meta > span {
        --bnv-site-font-size: 12px;
        font-size: var(--bnv-site-font-size);
        color: var(--bnv-site-meta-color);
    }

    .bnv-video-playlist .content-wrapper .video-content .video-meta .video-channel {
        max-width: 150px;
        -webkit-line-clamp: 1;
        white-space: nowrap;
    }

    /* 
    MARK: 3.5.1 Layout One
    */

    .bnv-video-playlist.layout--one .content-wrapper .videos {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
    }

    /* Not Active */
    .bnv-video-playlist.layout--one:not(.active) .content-wrapper {
        display: initial;
    }

    .bnv-video-playlist.layout--one:not(.active) .content-wrapper .video-player {
        display: none;
    }

    .bnv-video-playlist.layout--one:not(.active) .content-wrapper .videos {
        max-height: 100%;
    }

    .bnv-video-playlist.layout--one:not(.active) .content-wrapper .video-item {
        flex-direction: column;
    }

    .bnv-video-playlist.layout--one:not(.active) .content-wrapper .video-item:nth-child( n + 5 ) {
        display: none;
    }

    .bnv-video-playlist.layout--one:not(.active) .content-wrapper .video-item .thumb-figure {
        width: 100%;
        position: relative;
        padding-bottom: 70%;
    }

    .bnv-video-playlist.layout--one:not(.active) .content-wrapper .thumb-figure {
        border: none;
    }

    .bnv-video-playlist.layout--one:not(.active) .content-wrapper .video-item .thumb-figure img {
        position: absolute;
        top: 0;
        left: 0;
    }

    .bnv-video-playlist.layout--one:not(.active) .content-wrapper .close-icon {
        display: none;
    }

    /* Popup */
    .bnv-video-playlist.layout--one.active {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        z-index: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        background: var(--bnv-site-bg-color);
    }

    .bnv-video-playlist.layout--one.active .section-head {
        display: none;
    }

    .bnv-video-playlist.layout--one.active .content-wrapper .videos {
        grid-template-columns: 100%;
    }

    /* Close Btn */
    .bnv-video-playlist.layout--one.active .content-wrapper .close-icon {
        position: fixed;
        top: 80px;
        right: 60px;
        color: var(--bnv-site-color);
        transition: var(--transition-1);
    }

    .bnv-video-playlist.layout--one.active .content-wrapper .close-icon:hover {
        color: var(--bnv-site-color-hover);
    }

    /* 
    MARK: 3.5.2 Layout Two
    */

    .bnv-video-playlist.layout--two .content-wrapper {
        column-gap: 20px;
    }

    .bnv-video-playlist.layout--two .video-item {
        padding: 12px;
        border: 1px solid var(--bnv-site-border-color-muted);
    }

    .bnv-video-playlist.layout--two .video-item.playing {
        border-color: var(--bnv-theme-color);
    }

    .bnv-video-playlist.layout--two .video-item + .video-item {
        margin-top: 20px;
    }

    /* 
    MARK: 3.5.3 Layout Three
    */

    .bnv-video-playlist.layout--three .content-wrapper {
        gap: 0;
    }

    .bnv-video-playlist.layout--three .content-wrapper .videos {
        --bnv-site-bg-color: #efefef;
        background: var(--bnv-site-bg-color);
    }

    .bnv-dark .bnv-video-playlist.layout--three .content-wrapper .videos {
        --bnv-site-bg-color: #efefef0f;
    }

    .bnv-video-playlist.layout--three .content-wrapper .video-item {
        padding: 20px 25px;
    }

    .bnv-video-playlist.layout--three .content-wrapper .video-item + .video-item {
        border-top: 1px solid var(--bnv-site-border-color-dark);
    }

/*
=========================================
MARK: Archive
=========================================
*/

    .blognova-main-wrap {
        padding: 30px 0;
        background: var(--bnv-site-bg-color);
    }

    .blognova-main-wrap .content-wrapper {
        display: flex;
        gap: 30px;
    }

    .blognova-main-wrap .content-wrapper .site-main {
        flex: 1;
    }

    .blognova-main-wrap .content-wrapper:has(.widget-area) .site-main {
        flex: 0 1 75%;
    }

    .blognova-main-wrap .content-wrapper .widget-area {
        flex: 0 0 25%;
    }

    .content-wrapper:has( > aside:nth-of-type(2) ) .widget-area {
        flex: 0 0 20%;
    }

    /* Columns */
    .blognova-main-wrap .article-wrap {
        display: grid;
        gap: 30px;
    }

    .blognova-main-wrap.column--two .site-main .article-wrap {
        grid-template-columns: repeat(2, 1fr);
    }

    .blognova-main-wrap.column--three .site-main .article-wrap {
        grid-template-columns: repeat(3, 1fr);
    }

    .blognova-main-wrap.column--four .site-main .article-wrap {
        grid-template-columns: repeat(4, 1fr);
    }

    .blognova-main-wrap.column--five .site-main .article-wrap {
        grid-template-columns: repeat(5, 1fr);
    }

    @media ( max-width: 768px ) {
        .blognova-main-wrap.tab-column--one .site-main .article-wrap {
            grid-template-columns: 100%;
        }

        .blognova-main-wrap.tab-column--two .site-main .article-wrap {
            grid-template-columns: repeat(2, 1fr);
        }

        .blognova-main-wrap.tab-column--three .site-main .article-wrap {
            grid-template-columns: repeat(3, 1fr);
        }

        .blognova-main-wrap.tab-column--four .site-main .article-wrap {
            grid-template-columns: repeat(4, 1fr);
        }

        .blognova-main-wrap.tab-column--five .site-main .article-wrap {
            grid-template-columns: repeat(5, 1fr);
        }
    }

    @media ( max-width: 610px ) {
        .blognova-main-wrap.mobile-column--one .site-main .article-wrap {
            grid-template-columns: 100%;
        }

        .blognova-main-wrap.mobile-column--two .site-main .article-wrap {
            grid-template-columns: repeat(2, 1fr);
        }

        .blognova-main-wrap.mobile-column--three .site-main .article-wrap {
            grid-template-columns: repeat(3, 1fr);
        }

        .blognova-main-wrap.mobile-column--four .site-main .article-wrap {
            grid-template-columns: repeat(4, 1fr);
        }

        .blognova-main-wrap.mobile-column--five .site-main .article-wrap {
            grid-template-columns: repeat(5, 1fr);
        }
    }

    /* Image Ratio */
        .blognova-main-wrap.ratio--wide .site-main .bnv-article .bnv-article-figure {
            aspect-ratio: var(--bnv-ratio-16-9);
        }

        .blognova-main-wrap.ratio--boxy .site-main .bnv-article .bnv-article-figure {
            aspect-ratio: var(--bnv-ratio-4-3);
        }

        .blognova-main-wrap.ratio--banner .site-main .bnv-article .bnv-article-figure {
            aspect-ratio: var(--bnv-ratio-2-1);
        }

        .blognova-main-wrap.ratio--square .site-main .bnv-article .bnv-article-figure {
            aspect-ratio: var(--bnv-ratio-1-1);
        }

    .blognova-main-wrap .site-main .bnv-article {
        position: relative;
    }

    .blognova-main-wrap .site-main .bnv-article .entry-content {
        display: grid;
        gap: 25px;
    }

    .blognova-main-wrap .site-main .bnv-article .bnv-article-figure {
        position: relative;
    }

    /* Overlay Enabled */
    .blognova-main-wrap.overlay--enabled .site-main .bnv-article .bnv-article-figure:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        pointer-events: none;
        background-color: #2c2f3040;
        transition: var(--transition-1);
    }

    .blognova-main-wrap.overlay--enabled .site-main .bnv-article .entry-inner {
        position: absolute;
        bottom: 0;
        z-index: 1;
        padding: 6%;
    }

    .blognova-main-wrap.overlay--enabled .site-main .bnv-article .entry-inner * {
        color: #fff;
    }

    /* Layout Grid */
    .blognova-main-wrap.layout--grid:not(.alter--enabled) .site-main .bnv-article .bnv-article-figure {
        margin: 14px 0;
    }

    .blognova-main-wrap.layout--grid:not(.alter--enabled) .site-main .bnv-article .bnv-article-figure:first-child {
        margin-top: 0;
    }

    .blognova-main-wrap.layout--grid:not(.alter--enabled) .site-main .bnv-article .bnv-article-figure:last-child {
        margin-bottom: 0;
    }

    /* Layout List */
    .blognova-main-wrap.overlay--enabled.layout--list .site-main .bnv-article .entry-content {
        grid-template-columns: 100%;
    }

    /* Alter Enabled */
    .blognova-main-wrap.alter--enabled .site-main .bnv-article:nth-child(even) .bnv-article-figure {
        order: 2;
    }

    /* Image Position */
    .blognova-main-wrap.position--right .site-main .bnv-article .bnv-article-figure {
        order: 2;
    }

    /* Masonry */
    .blognova-main-wrap.masonry--on .site-main .bnv-article {
        width: 100%;
        margin-bottom: 30px;
        break-inside: avoid;
    }

    .blognova-main-wrap.masonry--on.column--two .bnv-article,
    .blognova-main-wrap.masonry--on.column--two .bnv-masonry-sizer {
        width: calc((100% - (2 - 1) * 30px) / 2);
    }

    .blognova-main-wrap.masonry--on.column--three .bnv-article,
    .blognova-main-wrap.masonry--on.column--three .bnv-masonry-sizer {
        width: calc((100% - (3 - 1) * 30px) / 3);
    }

    .blognova-main-wrap.masonry--on.column--four .bnv-article,
    .blognova-main-wrap.masonry--on.column--four .bnv-masonry-sizer {
        width: calc((100% - (4 - 1) * 30px) / 4);
    }

    .blognova-main-wrap.masonry--on.column--five .bnv-article,
    .blognova-main-wrap.masonry--on.column--five .bnv-masonry-sizer {
        width: calc((100% - (5 - 1) * 30px) / 5);
    }

    @media ( max-width: 768px ) {
        .blognova-main-wrap.masonry--on.tab-column--two .bnv-article,
        .blognova-main-wrap.masonry--on.tab-column--two .bnv-masonry-sizer {
            width: calc((100% - (2 - 1) * 30px) / 2);
        }

        .blognova-main-wrap.masonry--on.tab-column--three .bnv-article,
        .blognova-main-wrap.masonry--on.tab-column--three .bnv-masonry-sizer {
            width: calc((100% - (3 - 1) * 30px) / 3);
        }

        .blognova-main-wrap.masonry--on.tab-column--four .bnv-article,
        .blognova-main-wrap.masonry--on.tab-column--four .bnv-masonry-sizer {
            width: calc((100% - (4 - 1) * 30px) / 4);
        }

        .blognova-main-wrap.masonry--on.tab-column--five .bnv-article,
        .blognova-main-wrap.masonry--on.tab-column--five .bnv-masonry-sizer {
            width: calc((100% - (5 - 1) * 30px) / 5);
        }
    }

    @media ( max-width: 610px ) {
        .blognova-main-wrap.masonry--on.mobile-column--two .bnv-article,
        .blognova-main-wrap.masonry--on.mobile-column--two .bnv-masonry-sizer {
            width: calc((100% - (2 - 1) * 30px) / 2);
        }

        .blognova-main-wrap.masonry--on.mobile-column--three .bnv-article,
        .blognova-main-wrap.masonry--on.mobile-column--three .bnv-masonry-sizer {
            width: calc((100% - (3 - 1) * 30px) / 3);
        }

        .blognova-main-wrap.masonry--on.mobile-column--four .bnv-article,
        .blognova-main-wrap.masonry--on.mobile-column--four .bnv-masonry-sizer {
            width: calc((100% - (4 - 1) * 30px) / 4);
        }

        .blognova-main-wrap.masonry--on.mobile-column--five .bnv-article,
        .blognova-main-wrap.masonry--on.mobile-column--five .bnv-masonry-sizer {
            width: calc((100% - (5 - 1) * 30px) / 5);
        }
    }

    .blognova-main-wrap.masonry--on.overlay--enabled .content-wrapper .site-main .bnv-article .bnv-article-figure {
        aspect-ratio: unset;
    }

    .blognova-main-wrap.masonry--on.overlay--enabled .site-main .bnv-article .post-thumbnail {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .blognova-main-wrap.masonry--on.overlay--enabled .site-main .bnv-article .entry-inner {
        position: relative;
        z-index: 1;
    }

    /* Edit Posts Button */
    .blognova-main-wrap .bnv-article .entry-footer {
        position: absolute;
        top: -21px;
        left: 0;
        line-height: 1;
        opacity: 0;
        visibility: hidden;
        transition: var(--transition-1);
    }

    .blognova-main-wrap .bnv-article:hover .entry-footer {
        opacity: 1;
        visibility: visible;
    }

    .blognova-main-wrap .bnv-article .entry-footer .post-edit-link {
        color: #ffffff;
        background: #2271b1;
        padding: 5px 7px;
        font-size: 10px;
        letter-spacing: 0.6px;
        text-transform: uppercase;
    }

    /* List Layout */
    .blognova-main-wrap.layout--list.column--two .site-main .article-wrap {
        grid-template-columns: repeat(2, 1fr);
    }

    .blognova-main-wrap.layout--list .site-main .bnv-article {
        border-bottom: 1px solid var(--bnv-site-border-color-muted);
        padding-bottom: 30px;
    }

    .blognova-main-wrap.layout--list .site-main .bnv-article:last-child {
        padding: 0;
        border: none;
    }

    .blognova-main-wrap.layout--list .site-main .bnv-article .entry-content {
        grid-template-columns: 30fr 70fr;
        align-items: center;
    }

    .blognova-main-wrap.layout--list.alter--enabled .site-main .bnv-article:nth-child(even) .entry-content,
    .blognova-main-wrap.layout--list.position--right .site-main .bnv-article .entry-content {
        grid-template-columns: 70fr 30fr;
    }

    /* Pagination */
    .blognova-main-wrap:not(.masonry--on) .bnv-pagination {
        margin-top: 30px;
    }

    /* Styles */
    .blognova-main-wrap .bnv-pagination.default.filled .nav-links a {
        --bnv-site-bg-color: #30344b;
        background: var(--bnv-site-bg-color);
        padding: 6px 14px;
    }

    .blognova-main-wrap .bnv-pagination.default.filled .nav-links a:hover {
        --bnv-site-bg-color-hover: var(--bnv-theme-color);
        background: var(--bnv-site-bg-color-hover);
    }

    .blognova-main-wrap .bnv-pagination.default.outline .nav-links a {
        border: 1px solid var(--bnv-site-border-color);
        padding: 6px 14px;
    }

    .blognova-main-wrap .bnv-pagination.default.outline .nav-links a:hover {
        border: 1px solid var(--bnv-site-border-color-hover);
    }

    .blognova-main-wrap .bnv-pagination.default.rounded .nav-links a,
    .blognova-main-wrap .bnv-pagination.number.rounded .page-numbers .page-numbers.current,
    .blognova-main-wrap .bnv-pagination.ajax.rounded .label {
        border-radius: 4px;
    }

    .blognova-main-wrap .bnv-pagination.default.circle .nav-links a,
    .blognova-main-wrap .bnv-pagination.number.circle .page-numbers .page-numbers.current,
    .blognova-main-wrap .bnv-pagination.ajax.circle .label {
        border-radius: 30px;
    }

        /* Default */
        .blognova-main-wrap .bnv-pagination.default .nav-links {
            display: flex;
            justify-content: space-between;
        }

        .blognova-main-wrap .bnv-pagination.default .nav-links a {
            font-size: 14px;
            color: var(--bnv-site-color);
            display: inline-block;
        }

        .blognova-main-wrap .bnv-pagination.default .nav-links a:hover {
            color: var(--bnv-site-color-hover);
        }

        /* Numbers */
        .blognova-main-wrap .bnv-pagination.number > .page-numbers {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
            gap: 20px;
        }

        .blognova-main-wrap .bnv-pagination.number .prev.page-numbers i,
        .blognova-main-wrap .bnv-pagination.number .next.page-numbers i {
            background: transparent;
            border: none;
            width: initial;
            height: initial;
            font-size: 16px;
        }

        .blognova-main-wrap .bnv-pagination.number .page-numbers a {
            color: var(--bnv-site-color);
        }

        .blognova-main-wrap .bnv-pagination.number .page-numbers .page-numbers.current {
            color: var(--bnv-theme-color);
        }

        .blognova-main-wrap .bnv-pagination.number .page-numbers a:hover {
            color: var(--bnv-site-color-hover);
        }

        .blognova-main-wrap .bnv-pagination.number .page-numbers .page-numbers.current {
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 18px;
        }

        .blognova-main-wrap .bnv-pagination.number.filled .page-numbers span.page-numbers.current,
        .blognova-main-wrap .bnv-pagination.number.outline .page-numbers span.page-numbers.current {
            width: 35px;
            height: 35px;
            line-height: 35px;
        }

        .blognova-main-wrap .bnv-pagination.number.filled .page-numbers .page-numbers.current {
            --bnv-site-bg-color: var(--bnv-theme-color);
            color: #fff;
            background: var(--bnv-site-bg-color);
        }

        .blognova-main-wrap .bnv-pagination.number.outline .page-numbers span.page-numbers.current {
            border: 1px solid var(--bnv-site-border-color);
        }

        .blognova-main-wrap .bnv-pagination.number .dots {
            color: var(--bnv-site-color);
        }

        /* Ajax */
        .blognova-main-wrap .bnv-pagination.ajax {
            text-align: center;
        }

        .blognova-main-wrap .bnv-pagination.ajax.filled .label,
        .blognova-main-wrap .bnv-pagination.ajax.outline .label {
            line-height: 46px;
            padding: 0 50px;
            height: 46px;
        }

        .blognova-main-wrap .bnv-pagination.ajax.filled .label {
            background: var(--bnv-site-bg-color);
        }

        .blognova-main-wrap .bnv-pagination.ajax.filled .label:hover {
            background: var(--bnv-site-bg-color-hover);
        }

        .blognova-main-wrap .bnv-pagination.ajax.outline .label {
            border: 1px solid var(--bnv-site-border-color);
        }

        .blognova-main-wrap .bnv-pagination.ajax.outline .label:hover {
            border-color: var(--bnv-site-border-color-hover);
        }

        .blognova-main-wrap .bnv-pagination.ajax .label {
            font-size: 14px;
            text-transform: uppercase;
            color: var(--bnv-site-color);
            display: inline-block;
            transition: var(--transition-1);
        }

        .blognova-main-wrap .bnv-pagination.ajax .label:hover {
            color: var(--bnv-site-color-hover);
        }

        .blognova-main-wrap .bnv-pagination.ajax .hidden {
            display: none;
        }

    /* No Result Found */

    .blognova-main-wrap .bnv-pagination .no-results-label {
        color: var(--bnv-site-color);
        cursor: initial;
    }

/*
=========================================
MARK: You May Have Missed
=========================================
*/

    .bnv-you-may-have-missed {
        padding: 30px 0;
        background: var(--bnv-site-bg-color);
    }

    .bnv-you-may-have-missed .article-wrap {
        display: grid;
        gap: 30px;
    }

    .bnv-you-may-have-missed.column--two .article-wrap {
        grid-template-columns: repeat(2, 1fr);
    }

    .bnv-you-may-have-missed.column--three .article-wrap {
        grid-template-columns: repeat(3, 1fr);
    }

    .bnv-you-may-have-missed.column--four .article-wrap {
        grid-template-columns: repeat(4, 1fr);
    }

    .bnv-you-may-have-missed.column--five .article-wrap {
        grid-template-columns: repeat(5, 1fr);
    }

    @media (max-width: 768px) {
        .bnv-you-may-have-missed.tab-column--one  .article-wrap {
            grid-template-columns: 100%;
        }

        .bnv-you-may-have-missed.tab-column--two  .article-wrap {
            grid-template-columns: repeat(2, 1fr);
        }

        .bnv-you-may-have-missed.tab-column--three .article-wrap {
            grid-template-columns: repeat(3, 1fr);
        }

        .bnv-you-may-have-missed.tab-column--four .article-wrap {
            grid-template-columns: repeat(4, 1fr);
        }

        .bnv-you-may-have-missed.tab-column--five .article-wrap {
            grid-template-columns: repeat(5, 1fr);
        }
    }

    @media (max-width: 610px) {
        .bnv-you-may-have-missed.mobile-column--one .article-wrap {
            grid-template-columns: 100%;
        }

        .bnv-you-may-have-missed.mobile-column--two .article-wrap {
            grid-template-columns: repeat(2, 1fr);
        }

        .bnv-you-may-have-missed.mobile-column--three .article-wrap {
            grid-template-columns: repeat(3, 1fr);
        }

        .bnv-you-may-have-missed.mobile-column--four .article-wrap {
            grid-template-columns: repeat(4, 1fr);
        }

        .bnv-you-may-have-missed.mobile-column--five .article-wrap {
            grid-template-columns: repeat(5, 1fr);
        }
    }

    .bnv-you-may-have-missed .article-wrap .bnv-article {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    /* Image Ratio */
    .bnv-you-may-have-missed.ratio--wide .bnv-article .bnv-article-figure {
        aspect-ratio: var(--bnv-ratio-16-9);
    }

    .bnv-you-may-have-missed.ratio--boxy .bnv-article .bnv-article-figure {
        aspect-ratio: var(--bnv-ratio-4-3);
    }

    .bnv-you-may-have-missed.ratio--banner .bnv-article .bnv-article-figure {
        aspect-ratio: var(--bnv-ratio-2-1);
    }

    .bnv-you-may-have-missed.ratio--square .bnv-article .bnv-article-figure {
        aspect-ratio: var(--bnv-ratio-1-1);
    }


/*
=========================================
MARK: Footer
=========================================
*/

    /* 
    MARK: Footer Logo
    */

    .bnv-footer .bnv-site-logo .site-description {
        display: none;
    }

    /* 
    MARK: Footer Menu
    */

    .bnv-footer .bnv-footer-menu .page_item_has_children,
    .bnv-footer .bnv-footer-menu .children {
        display: flex;
    }

    .bnv-footer .bnv-footer-menu .sub-menu li,
    .bnv-footer .bnv-footer-menu .children li {
        padding: 2px 12px;
    }

    /*
    MARK: Copyright
    */

    .bnv-footer .bnv-copyright p {
        --bnv-site-font-weight: 400;
        --bnv-site-font-size: 15px;
        color: var(--bnv-site-color);
    }

    .bnv-footer .bnv-copyright a {
        --bnv-site-color: #0073aa;
        color: var(--bnv-site-color);
    }

    .bnv-footer .bnv-copyright a:hover {
        color: var(--bnv-site-color-hover);
    }

    /*
    MARK: Scroll to Top
    */

    .bnv-footer .bnv-scroll-to-top {
        cursor: pointer;
    }

    .bnv-footer .bnv-scroll-to-top {
        --bnv-site-color: #fff;
        display: flex;
        align-items: center;
        gap: 8px;
        color: var(--bnv-site-color);
        transition: var(--transition-1);
    }

    .bnv-footer .bnv-scroll-to-top:hover {
        --bnv-site-color-hover: #fff;
        color: var(--bnv-site-color-hover);
    }

    .bnv-footer .bnv-scroll-to-top .label {
        --bnv-site-font-weight: 500;
        --bnv-site-font-size: 15px;
    }

    body .bnv-footer .bnv-scroll-to-top .label:empty {
        display: none;
    }

    .bnv-footer .bnv-scroll-to-top .icon {
        color: inherit;
    }

    .bnv-footer .bnv-scroll-to-top .icon i {
        font-size: calc(var(--bnv-site-font-size) * 0.9);
    }

    /* Position Fixed */
    .bnv-footer .bnv-scroll-to-top.is-fixed {
        position: fixed;
        bottom: 25px;
        left: 25px;
        opacity: 0;
        visibility: hidden;
        transform: translateY(25px);
        transition: var(--transition-1);
    }

    .bnv-footer .bnv-scroll-to-top.is-fixed.show {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    .bnv-footer .bnv-scroll-to-top.position--center {
        left: 50%;
        transform: translateX(-50%);
    }

    .bnv-footer .bnv-scroll-to-top.position--right {
        right: 25px;
        left: initial;
    }

    /* Layout One */
    .bnv-footer .bnv-scroll-to-top.layout--one .label {
        --bnv-site-bg-color: #30344b;
        display: flex;
        align-items: center;
        height: 40px;
        border-radius: 50px;
        padding: 4px 16px;
        background: var(--bnv-site-bg-color);
        transition: var(--transition-1);
    }

    .bnv-footer .bnv-scroll-to-top.layout--one:hover .label {
        --bnv-site-bg-color-hover: #E78371;
        background: var(--bnv-site-bg-color-hover);
    }

    .bnv-footer .bnv-scroll-to-top.layout--one .icon {
        --bnv-site-bg-color: #30344b;
        width: 40px;
        height: 40px;
        border-radius: 50px;
        background: var(--bnv-site-bg-color);
        transition: var(--transition-1);
    }

    .bnv-footer .bnv-scroll-to-top.layout--one:hover .icon {
        --bnv-site-bg-color-hover: #E78371;
        background: var(--bnv-site-bg-color-hover);
    }

    /* Layout Two */
    .bnv-footer .bnv-scroll-to-top.layout--two {
        --bnv-site-bg-color: #30344b;
        padding: 6px 16px;
        border-radius: 50px;
        background: var(--bnv-site-bg-color);
    }

    .bnv-footer .bnv-scroll-to-top.layout--two:hover {
        --bnv-site-bg-color-hover: #E78371;
        background: var(--bnv-site-bg-color-hover);
    }


    /* 
    
    1. post list & grid widget
    -> Overlay option

    2. Off canvas
    -> outside click

    3. card settings
    -> same class
    -> add border-radius option
    
    */