.support-banner__header {
    background: #fff;
    margin-bottom: 0 !important;
    color:#222329 !important;
    padding-left: 22px;
    /* padding: 30px 45px 0; */
    font-family: Nunito;
    font-size: 36px;
    font-weight: 700 !important;
    line-height: 49.1px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.blog-posts-container {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
    padding:0 0px 40px;
    background: #fff;
    justify-content: center;
}

.blog-post-column {
    width: calc(33.33% - 50px);
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin: 20px 0px 0 !important;
    position: relative;
    padding: 0px 0px 90px;
}

.blog-post__image {
    height: 200px;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-bottom: 21px;
    border-radius: 4px;
}

.blog-post__image-link {
    /* position: absolute; */
    display: block;
    width: 100%;
    height: 100%;
}

.blog-post__label {
	position: absolute;
    bottom: auto;
    top: 10px;
    left: 10px;
    background-color: #ffffff;
    text-transform: uppercase;
    padding: 5px 10px;
    font-family: "Nunito";
    font-weight: 600;
    font-size: 14px;
    color: #222329;
	border-radius: 5px;
    line-height: 19.1px;
}

.blog-post__text {
    padding: 0 20px;
}
.blog-post__title {
    font-size: 25px;
    margin-bottom: 10px;
}
.img-wrapper .blog-post__title a{
    font-weight: 700;
}
.blog-post-row .blog-post__date{
    font-size: 14px;
}
.blog-post__title a {
    /* transition: color 0.25s ease; */
    text-decoration: none;
    font-family: Nunito;
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #222329;
}
.blog-post__title a:hover {
    color: #1e3361;
}
.blog-post__date {
    font-family: "Nunito";
    font-weight: 400;
    font-size: 15px;
    line-height: 20.46px;
    color: #222329;
}

.blog-post__paragraph {
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    padding: 10px 0 !important
}

.blog-post-column a.button--transparent {
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 80%;
    margin: 0 auto;
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    text-transform: capitalize !important;

    background: transparent;
    border: 1px solid #1559A1;
    color: #1559A1;
    font-family: Nunito;
    font-size: 17px;
    font-weight: 700;
    line-height: 24px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}
div#page{
    /* Check */
    position: unset !important;
}
#post-navigation{
    display: block !important;
    border:unset;
}
h4.latest-pst-title {
margin-bottom: 21px ! IMPORTANT;
font-size: 24px;
font-weight: 700;
line-height: 32.74px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #000000;


}

.blog-post-row {
    display: flex;
    flex-direction: row-reverse; /* This will place the image on the right side */
    align-items: flex-start; /* Align items to the top */
    margin-bottom: 30px;
    /* //box-shadow: -1px -1px 5px rgb(0 0 0 / 16%); */
    box-shadow: 0px 2px 4px 0px #0000001A;

    background: #fff;
    border-radius: 4px;
    padding: 35px 20px 0;
    position: relative;
}

.blog-post__image-row {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 180px;
    width: 180px;
    margin: 1%;
}   
.blog-post__label-top, .blog-post__label-top-mobile {
    position: absolute;
    bottom: auto;
    top: 16px;
    left: 31px;
    background-color: #1E3361;
    text-transform: uppercase;
    padding: 5px 15px;
    font-family: "Roboto Flex";
    font-weight: 500;
    font-size: 12px;
    color: #fff;
    border-radius: 5px;
}
.blog-post__text-row {
    flex: 1;
    padding: 15px;
}
.blog-post__title {
    font-size: 25px;
    margin-bottom: 10px;
}
.pagination .page-numbers li .page-numbers{
    text-decoration: none !important;
    border-left-width: 1px !important;
    background-color: transparent !important;
    text-decoration: none;
    font-size: 24px;
    padding: .8rem 1.2rem !important;
    color: #222329 !important;
    border: 1px solid #999999;
    border-radius: 3px;
    line-height: 24px;
    font-weight: 400 !important;
}
#main .pagination .page-numbers li .page-numbers.current{
    background-color: transparent !important;
    text-decoration: none !important;
    font-size: 24px;
    padding: .8rem 1.2rem;
    border: 1px solid #999999;
}
.read-more-post-anchor {
    font-family: Nunito;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    line-height: 21.82px;
    text-align: left;
    color: #676767;
    text-decoration: none;
    padding-bottom: 10px;
}
.read-more-post-anchor img{
    margin-left: 8px;
}
.woocommerce-breadcrumb{
    display: none !important;
    font-family: Nunito;
    font-size: 12px !important;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
}
.woocommerce-breadcrumb a:first-child, .woocommerce-breadcrumb a{
    padding-left: 0.95em;
    font-family: Nunito;
    font-size: 12px !important;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
}
.wp-block-categories-list .current-cat{
    display:none;
}
.woocommerce-breadcrumb .breadcrumb-separator::after{
    padding-right: 10px;
}
.blog-menu__content .side-bar p{
    font-family: Nunito !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    line-height: 24.55px;
    text-align: left;
    color: #222329 !important;
    margin-bottom: 30px;
}

.side-bar .cat-item.cat-item{
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 14px;
    color: #fff;
    width: 100%;
    border-radius: 4px;
    position: relative;
    padding: 0 !important;
    border-top: none !important;
}
.side-bar .cat-item.cat-item a{
padding: 20.5px 37px;
display: block;
font-family: Nunito;
font-size: 18px;
font-weight: 700;
line-height: 24.55px;
text-align: left;
position: relative;
z-index: 99;
border-radius: 4px;
background-color: rgba(30, 51, 97, 0.9);
text-decoration: none;
text-transform: capitalize;
color: white;
}
.side-bar .cat-item.cat-item a:after{
content: "\f054";
font-family: "Font Awesome 6 Free";
margin-right: 6px;
font-size: 1rem;
vertical-align: middle;
color: #fff;
float: right;
font-weight: 500.30;
}
.wp-block-categories-list {
padding-left: 0 !important;
margin-left: 0 !important;
}
#content .col-full{
    padding-left: 4.27vw;
    padding-right: 4.27vw;
    margin: 0 auto;
    max-width: 1238px;
}

#page  > .content-area {
    padding-left: 6vw;
    padding-right: 6vw;
    margin: 0 auto;
    background:#fff;
}

#content .col-full #primary.content-area{
    margin-top: 50px;
}
#main .col-md-8{
    padding-right:60px;
}
#main .col-xs-12.col-md-4{
    padding-left: 4rem;
    padding-right: 3rem;
}

/* Single Page */
.container .row.main-content-wrap{
    flex-direction: row-reverse;
}
.container .row.main-content-wrap.single-post .aioseo-author-bio-compact{
display: none;
}
.single-post .col-lg-4.sidebar.left-sidebar{
    position: sticky !important;
    top: 20px;
    height: 100%;
}
.single-post .blog-content-section .title ,.single-post .content-section-mobile .title {
    font-family: 'Nunito' !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 24.55px;
    text-align: left;
    padding-left: 15px;
    text-transform: uppercase;
}
.single-post  .blog-content-section .context-headings , .single-post .content-section-mobile .context-headings {
    position: relative;
    padding-left: 40px;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-left: 0 !important;
}
.single-post .blog-content-section .context-headings li, .single-post .content-section-mobile .context-headings li {
    position: relative;
    line-height: 21px;
}
.single-post .blog-content-section .context-headings li::before, .single-post .content-section-mobile .context-headings li::before {
    content: '';
    position: absolute;
    left: -24px;
    top: 6px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #e6e6e6 !important;
    z-index: 1;
}
.single-post .blog-content-section .context-headings li a, .single-post .content-section-mobile .context-headings li a {
    font-family: Nunito;
    font-size: 16px;
    font-weight: 500;
    line-height: 24.55px;
    text-align: left;
    color: #222329;
    text-decoration: none;
}

.single-post .blog-content-section .context-headings::after, .single-post .content-section-mobile .context-headings::after {
    content: '';
    position: absolute;
    left: 20px;
    top: 10px;
    bottom: 10px !important;
    width: 1px;
    background-color: #e6e6e6 !important;
    z-index: 0;
}

.single-post .sidebar-content{
    padding:5%;
}
.single-post .hentry .wp-post-image{
    height: 300px;
    width: 100%;
}
.single-post article .post-date{
    font-family: Nunito;
    font-size: 16px;
    font-weight: 500;
    line-height: 21.82px;
    text-align: left;
    color: #5c5c5c;
    max-width: 300px;
    margin-top: 18px;
}
.share-links a {
    font-size: .8rem;
    color: #fff;
    text-align: center;
    width: 2.2857em;
    height: 2.2857em;
    display: inline-block;
    margin: .2857em .5714em .2857em 0;
    position: relative;
    vertical-align: middle;
    transition: .25s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.share-links a:before {
    display: flex;
    align-items: center;
    justify-content: center;
    height: unset !important;
    text-indent: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    line-height: 23px;
    margin: auto;
    z-index: 2;
}
.share-links .share-facebook:before{
    content: "\f39e";    
    font-size: large;
    color: #1559a1 !important;
    border: 1px solid #1559a1 !important;
    border-radius: 2px;
    font-family: 'FontAwesome';
    line-height: 27px;
}
.share-links .share-twitter:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0,0,256,256' width='24px' height='24px' fill-rule='nonzero'%3E%3Cg fill='%231559a1' fill-rule='nonzero' stroke='none' stroke-width='1' stroke-linecap='butt' stroke-linejoin='miter' stroke-miterlimit='10' stroke-dasharray='' stroke-dashoffset='0' font-family='none' font-weight='none' font-size='none' text-anchor='none' style='mix-blend-mode: normal'%3E%3Cg transform='scale(8.53333,8.53333)'%3E%3Cpath d='M26.37,26l-8.795,-12.822l0.015,0.012l7.93,-9.19h-2.65l-6.46,7.48l-5.13,-7.48h-6.95l8.211,11.971l-0.001,-0.001l-8.66,10.03h2.65l7.182,-8.322l5.708,8.322zM10.23,6l12.34,18h-2.1l-12.35,-18z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    font-size: xx-large;
    color: #1559a1 !important;
    border: 1px solid #1559a1 !important;
    border-radius: 2px;
    font-family: 'FontAwesome';
}
.share-links .share-linkedin:before {
    font-size: large;
    color: #1559a1 !important;
    border: 1px solid #1559a1 !important;
    border-radius: 2px;
    content: "\f0e1";
    font-family: 'FontAwesome';
}
.share-links .share-email:before {
    font-size: large;
    color: #1559a1 !important;
    border: 1px solid #1559a1 !important;
    border-radius: 2px;
    content: "\f0e0";
    font-family: 'FontAwesome';
}
.share-links{
    position: absolute;
    right: 0;
    vertical-align: middle;
    top: -30px;
}
.single-post .post-share.post-block{
    position: relative;
    margin-bottom: 50px;
}
.single-post .post-content{
    border-bottom: 1px solid #BDBDBD;
}
.single-post .more-posts-h2{
    color:#222329 !important;
    line-height: 32.74px;

}
.single-post .blog-content-section .context-headings li.highlight-bg::before, .single-post .content-section-mobile .context-headings li.highlight-bg::before {
    background-color: #003975 !important;
    border: 4px solid #d9d9d9;
    width: 18px;
    height: 18px;
    left: -28px;
    top: 2px;
    z-index: 1;
}
.single-post article{
    margin-left: 60px;
}
.woocommerce-breadcrumb{
    border:unset !important;
    padding-right: unset !important;
    box-shadow: unset !important;
}
.storefront-breadcrumb .col-full{
    max-width: unset !important;
}
.archive .storefront-breadcrumb{
    padding-left: 4rem !important;
}
.storefront-breadcrumb{
padding-left: 6rem !important;
}


.single-post article .posts-cont .meta-tags a {
    margin-right: 15px;
    background-color: #ebebeb;
    border: 1px solid #ddd;
    color: #262626;
    border-radius: 2px;
    padding: 5px 13px;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    text-decoration: none;
    margin-bottom: 15px;
    display: inline-block;
}
.single-post article .posts-cont{
    padding-top: 24px;
}
.blog-post__text-row .img-thumbnail-mobile{
    display:none;
}
.blog-post__label-top-mobile{
    display:none;
}
.single-post .content-section-mobile{
    display:none;
}
.blog-menu__content strong{
    font-family: Nunito;
    font-size: 18px;
    font-weight: 700;
    line-height: 24.55px;
    text-align: left;
}
.single-post  h1.entry-title {
    font-family: Nunito;
    font-size: 34px;
    font-weight: 700;
    line-height: 46.38px;
    text-align: left;
    color: #222329 !important;
}
.single-post .share-links:hover{
    color: #1E3361;
}
.single-post .share-links a:hover{
    opacity: .9;
    color: #fff;
}
.share-links .share-facebook:hover {
    background: #1559A1  !important;
}
.share-links .share-email:hover {
    background: #1559A1 !important;
}
.share-links .share-linkedin:hover {
    background: #1559A1 !important;
}
.share-links .share-twitter:hover{
    background: #1559A1 !important;
}
.share-links .share-facebook:hover::before,
.share-links .share-email:hover::before,
.share-links .share-linkedin:hover::before{
    color: #fff !important;
}
.share-links .share-twitter:hover::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0,0,256,256' width='30px' height='30px' fill-rule='nonzero'%3E%3Cg fill='%23fff' fill-rule='nonzero' stroke='none' stroke-width='1' stroke-linecap='butt' stroke-linejoin='miter' stroke-miterlimit='10' stroke-dasharray='' stroke-dashoffset='0' font-family='none' font-weight='none' font-size='none' text-anchor='none' style='mix-blend-mode: normal'%3E%3Cg transform='scale(8.53333,8.53333)'%3E%3Cpath d='M26.37,26l-8.795,-12.822l0.015,0.012l7.93,-9.19h-2.65l-6.46,7.48l-5.13,-7.48h-6.95l8.211,11.971l-0.001,-0.001l-8.66,10.03h2.65l7.182,-8.322l5.708,8.322zM10.23,6l12.34,18h-2.1l-12.35,-18z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.single-post #page.hfeed.site{
    overflow-x: visible !important;
}
.highlighted {
    font-weight: 700 !important;
    color: #1E3361 !important;
}

@media(max-width:768px){
    .support-banner__header{
        font-size: 26px;
        line-height: 32px;
        padding-left: 0;
    }
    #page .storefront-breadcrumb{
        display: none;
    }
    .blog-post-column {
        width: 100% !important;
        margin: 34px 0 0 !important;
    }
    .single-post .blog-post-column{
        display:flex;
        flex-direction:row;
        padding:0 !important;
        border:unset;
        margin: 20px 0 0 !important;
    }
    .blog-posts-container{
        gap:unset;
    }
    #content .col-full #primary.content-area {
        margin-top: 18px;
    }
    #main .col-md-8 {
        padding-right: 12px !important;
    }
    .blog-post-row{
        margin-bottom:20px;
        padding: 18px 18px 0;
    }
    .img-wrapper .blog-post__title{
        height: unset !important;
        font-size:18px;
        width: 70%;
    }
    .blog-post__title a{
        font-size: 18px;
    }
    .single-post #more-posts .blog-post__title{
        width:100%;

    }
    .blog-post__paragraph{
        height: unset !important;
        color: #222329;
    }
    #main .col-xs-12.col-md-4{
        padding-left: 12px !important;
        padding-right: 4rem !important;
    }
    .side-bar .cat-item.cat-item a {
        padding: 17.5px 40px;
    }
    #post-navigation ul.page-numbers{
        padding-left: 0 !important;
    }
    .blog-post__text-row .img-thumbnail-mobile{
        display:block !important;
        width: 30%;
        padding-top: 8px;
    }
    .blog-post__image-row{
        display:none !important;
    }
    .blog-post__text-row .img-wrapper{
        display:flex;
        padding-top: 36px;
    }
    .blog-post__label{
        font-weight: 500;
    }
    .blog-post__label-top-mobile{
        display:block !important;
        top: 16px;
        left: 18px;
        padding: 7px 12px;
        line-height: 14.06px;
    }
    h4.latest-pst-title {
        font-size: 22px;
    }
    .blog-post__text-row {
        padding:unset !important;
    }
    .read-more-post-anchor{
        margin-top: unset !important;
        padding-bottom: 10px;
    }
    .single-post .content-section-mobile{
        display:block !important;
    }
    #page .storefront-breadcrumb {
        display: block !important;
        padding:0 !important;
    }
    .single-post article{
        margin-left:0 !important;
    }
    .single-post  > .col-lg-4.sidebar.left-sidebar {
        display:none !important;
    }
    #main  > .col-lg-4.sidebar.left-sidebar .blog-content-section{
        display:none !important;
    }
    .single-post h1.entry-title{
        font-size: 24px;
        line-height: 32.74px;
    }
    .woocommerce-breadcrumb{
        font-size: 12px !important;
    }
    .woocommerce-breadcrumb a{
        font-size: 12px !important;
    }
    .single-post .sidebar-content{
        padding-top: 0;
        padding-left: 0;
        padding-right: 10%;
    }

    .single-post #main h2.more-posts-h2 {
        font-size: 20px;
        text-align: left !important;
        
    }
    .single-post .blog-post__text p, .single-post .blog-post__text a.button{
        display:none !important;
    }
    .single-post .blog-post__image, .single-post .blog-post__image-link {
        height: 77px !important;
        width: 77px !important;
    }
    .single-post .blog-post__label{
        display: none !important;
    }
    .blog-post-column a.button--transparent{
        max-width: 90%;
    }
    .pagination .page-numbers li .page-numbers,  #main .pagination .page-numbers li .page-numbers.current{
        font-size: 18px;
    }
    .single-post article {
        display: flex;
        flex-direction: column;
        position: relative;
    }
    .single-post article .share-links {
        position: unset !important;
    }
    .single-post article .post-block{
        order:1;
    }
    .single-post article h1.entry-title{
        order: 2;
    }
    .single-post article .post-date{
        order:3;
    }
    .single-post article .post-content{
        order:4;
    }
    .single-post article .posts-cont{
        order:5;
    }
    .single-post .post-share.post-block {
        margin-bottom: 10px !important;
    }
    .single-post article .post-date{
        margin-top: 10px;
        margin-bottom: 18px;
    }
    .support-banner__header {
        font-size: 26px !important;
    }
	.single-post h1.entry-title {
        font-size: 24px !important;
    }
}

@media(min-width:769px){
    #main > .left-sidebar{
        display: none;
    }
}