#infobar {
        background-color: var(--background-color-contrast);
        color: var(--text-color-contrast);
    }

    #menu-main > li {
        margin-right: 24px;
        background-color: var(--background-color-tertiary);
        border-radius: 4px;
        padding: 4px;
    }
    #menu-main > li:hover {
        background-color: var(--background-color-emphasis);
    }

    .mega-menu .dropdown-wrap .menu > li {
        background-color: var(--background-color);
        padding: 4px;
    }
    .mega-menu .dropdown-wrap .menu > li:hover {
        background-color: var(--background-color-emphasis);
    }


    #menu-main > li > a, h2 > a {
        margin-right: 24px;
        position: relative;
    }

    .title-txt {
        line-height: 22px;
    }
    #menu-main .title-txt::after {
        content: "";
        position: absolute;
        top: 5px;
        right: -18px;
        width: 12px;
        height: 12px;
        background-size: 12px 12px;
        background-image: url('/wp-content/themes/savior/assets/img/right-arrow-2.svg');
        background-repeat: no-repeat ;
        /* Add any other styling you need for the icon */
    }

     h2 > a::after  {
        content: "";
        position: absolute;
         bottom: 4px;
         right: -28px;
         width: 20px;
         height: 20px;
         background-size: 20px 20px;
         background-image: url('/wp-content/themes/savior/assets/img/right-arrow-2.svg');
         background-repeat: no-repeat ;
        /* Add any other styling you need for the icon */
    }

    h4 > a, h5 > a   {
        width:100%;
        padding: 4px;
    }
    h4 > a:hover, h5 > a:hover   {
        background-color: var(--background-color-emphasis);
    }

    #menu-mobile {
        max-height: 500px;
        overflow-y: auto;
    }

    #menu-mobile a{
        padding: 6px 0;
    }
    /*#mobile-menu-container {*/
    /*    display: flex;*/
    /*    flex-wrap: nowrap;*/
    /*    justify-content: left;*/
    /*}*/

    .savior-widget.banner-widget a.banner-button {
        margin-top: auto;
        background-colour: transparent;
        border: 2px solid var(--secondary-color-default);
        border-radius: 4px;
    }

    .savior-widget.banner-widget a.banner-button:hover, .savior-widget.banner-widget a.banner-button:active {
        background-color: var(--secondary-color-emphasis);
    }


    .submenu li {
        margin: 10px 24px 10px 10px;
        position: relative;
    }

    .single-post article.post .post-header, .single-portfolio article.portfolio .portfolio-header {
        margin-bottom: 0px;
    }

    @media screen and (min-width: 1023px) {
        #primary > .main-wrap {
            padding-inline-start: 50px;
        }
        #secondary {
            border-right: 1px solid var(--border-color-default);
        }
    }
    .sidebar-wrap > li {
        list-style-type: none;
    }

    h1 {
        font-size: 1.975rem;
        line-height: 2.85rem;
        margin-top: 0px;
        text-transform: uppercase;
    }

    h2 {
        font-size: 1.575rem;
        line-height: 2.35rem;
        margin-top: 0px;
        text-transform: uppercase;
    }



    .post-item.skin-v3 .post-content {
        align-items: flex-start;
         -webkit-padding-start: 0px;
         padding-inline-start: 0px;
    }
/* Savior Banner */
    .savior-widget.banner-widget .banner-heading {
        font-size: 1.475rem;
    }
    .savior-widget.banner-widget .banner-description {
        font-size: 0.9rem;
        margin-bottom: 20px;
    }
    /* // Savior Banner */

    #content > .content-wrap {
        padding: 40px 0;
    }

    .categories-list, .categories-list-parent {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 400;
        font-stretch: condensed;
        font-size: 1.175rem;
        line-height: 1.875rem;
        text-transform: capitalize;
    }