#main.site-blog {
    background-color: #ffffff;
}

.site-blog img,
.blog__highLight img,
.blog-category img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.blog__highLight {
    max-width: 1170px;
    margin: auto;
    margin-top: 30px;
}

.blog-category {
    max-width: 1170px;
    margin: auto;
    border-bottom: 1px solid #e8e8e8;
    padding-top: 25px;
}

#lifeatgroove.blog-category {
    padding-top: 20px;
    border-bottom: none;
}

.blog__highLight-header h2 {
    font-size: 28px !important;
    line-height: 34px !important;
    font-family: 'Inter', sans-serif;
    font-weight: bold;
    margin-bottom: 10px;
}

.blog__highLight-header>span {
    font-size: 28px !important;
    line-height: 34px !important;
    font-family: 'Inter', sans-serif;
    font-weight: bold;
    margin-bottom: 20px;
    display: block;
}

.blog__highLight-content {
    display: flex;
    justify-content: space-between;
    padding-bottom: 25px;
    border-bottom: solid 1px #E8E8E8;
}

.blog__highLight-postLeft {
    max-width: 550px;
    position: relative;
}

.blog__highLight-postLeft img,
.blog__hightLight-PostRBox img {
    transition: 0.4s;
}

.blog__highLight-postLeft:hover img{
    transform: scale(1.05);
}

.blog__hightLight-PostRBox:hover img  {
    transform: scale(1.1);
}

.blog__highLight-postLeft:hover .blog__highLight-title a {
    color: #000;
}

.blog__highLight-imageLeft {
    width: 550px;
    height: 220px;
    position: relative;
    margin-bottom: 20px;
    border-radius: 5px;
    overflow: hidden;
}

.blog__highLight-imageLeft>a {
    width: 100%;
    height: 100%;
    display: block;
}

.blog__highLight-imageLeft>div {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 50px;
    height: 45px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #0000008c;
    color: #ffffff;
    border-radius: 4px;
    overflow: hidden;
}

.blog__highLight-imageLeft span.month {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    font-weight: 500;
}

.blog__highLight-imageLeft span.day {
    font-family: 'Inter', sans-serif;
    font-size: 17px;
    line-height: 20px;
    font-weight: bold;
}

.blog__highLight-decor {
    display: flex;
    margin-top: 20px;
    gap: 15px;
}

.blog__highLight_readTime,
.category_readTime {
    display: flex;
    padding-right: 18px;
    position: relative;
}

.blog__highLight_readTime::after,
.category_readTime::after {
    display: block;
    content: "";
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #888888;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.blog__highLight-readMore,
.category-readMore {
    position: relative;
    padding-right: 16px;
    display: flex;
}

.blog__highLight-readMore a {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    line-height: 20px;
    color: #E60078;
    z-index: 2;
}

.blog__highLight-readMore a::after,
.category-readMore a::after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
}

.blog__highLight-readMore::after,
.category-readMore::after {
    display: block;
    content: "";
    width: 7px;
    height: 7px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="7.414" height="7.414" viewBox="0 0 7.414 7.414"><path id="more" d="M4.5,10.5l6-6m0,0H6m4.5,0V9" transform="translate(-3.793 -3.793)" fill="none" stroke="%23e60078" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/></svg>');
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-position: center;
    transition: 0.4s;
}

.category-readMore::after{
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="7.414" height="7.414" viewBox="0 0 7.414 7.414"><path id="more" d="M4.5,10.5l6-6m0,0H6m4.5,0V9" transform="translate(-3.793 -3.793)" fill="none" stroke="%23888" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/></svg>')
}

.blog__highLight-postRight {
    max-width: 570px;
}

.blog__hightLight-PostRBox {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.blog__hightLight-postR {
    padding: 25px 0px;
    border-top: 1px solid #e8e8e8;
}

.blog__hightLight-postR:last-child {
    padding-bottom: 0;
}

.blog__hightLight-postR:first-child {
    padding-top: 0px;
    border-top: none;
}

.all-highlight .blog__hightLight-postR:first-child .blog__hightLight-PostRImage {
    border: solid 1px #e8e8e8;
}

.blog__hightLight-PostRImage {
    width: 160px;
    height: 100px;
    position: relative;
    margin-right: 30px;
    border-radius: 4px;
    overflow: hidden;
}

.blog__hightLight-PostRImage a {
    display: block;
    width: 100%;
    height: 100%;
}

.blog__hightLight-PostRImage>div {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 42px;
    height: 39px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #000000b8;
    color: #ffffff;
    border-radius: 4px;
    overflow: hidden;
}

.blog__hightLight-PostRImage span.month {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    font-weight: 500;
}

.blog__hightLight-PostRImage span.day {
    font-family: 'Inter', sans-serif;
    font-size: 17px;
    line-height: 20px;
    font-weight: bold;
}

.blog__hightLight-PostRContent {
    max-width: 380px;
}

.blog__highLight-des p {
    height: 40px;
    overflow: hidden;
    color: #222222;
    font-size: 15px;
    line-height: 20px;
    font-family: 'Inter', sans-serif;
    margin-bottom: 0;
}


.blog__highLight-title a {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    font-family: 'Inter', sans-serif;
}

.blog__highLight-title a::before {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.blog__highLight-title {
    margin-bottom: 10px;
}

.blog__hightLight-PostRBox .blog__highLight-title {
    margin-bottom: 5px;
}

.blog__hightLight-PostRBox .blog__highLight-title h3 {
    margin-bottom: 0;
}

.span-reading-time.rt-reading-time {
    display: flex;
    align-items: center;
}

.span-reading-time.rt-reading-time span {
    font-size: 15px;
    line-height: 20px;
    font-family: 'Inter', sans-serif;
    color: #888888;
}

.category__content-box .span-reading-time.rt-reading-time span {
    font-size: 13px;
    line-height: 18px;
}

.rt-label.rt-prefix {
    margin-right: 7px;
    width: 12px;
    height: 12px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13"><path id="Path_108449" data-name="Path 108449" d="M9,5V9h3m3,0A6,6,0,1,1,9,3a6,6,0,0,1,6,6Z" transform="translate(-2.5 -2.5)" fill="none" stroke="%23888" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/></svg>');
    background-size: cover;
}

/* */

.category__header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    align-items: center;
}

.category__header-title h2,
.category__header-title h2 a {
    font-size: 28px !important;
    line-height: 32px !important;
    font-weight: bold;
    font-family: 'Inter', sans-serif;
    text-transform: capitalize;
    margin-bottom: 0px;
}

.category__header-title>span {
    font-size: 28px !important;
    line-height: 34px !important;
    font-weight: bold;
    font-family: 'Inter', sans-serif;
    text-transform: capitalize;
    display: block;
}
.category__header-title.h3-modify h3 {
    font-size: 28px !important;
    line-height: 34px !important;
    font-weight: bold;
    font-family: 'Inter', sans-serif;
    text-transform: capitalize;
    margin-bottom: 0px;
}

.category__header-title.h3-modify>span {
    font-size: 28px !important;
    line-height: 34px !important;
    font-weight: bold;
    font-family: 'Inter', sans-serif;
    text-transform: capitalize;
    display: block;
}

.category__header-more {
    display: flex;
    align-items: center;
    justify-content: center;
}

.category__header-more:hover span {
    text-decoration: underline;
}

.category__header-more span {
    font-size: 15px;
    line-height: 20px;
    font-family: 'Inter', sans-serif;
    color: #E60078;
    margin-right: 12px;
}

.category__header-more svg {
    width: 12px;
}

.category__header-more img {
    width: 24px !important;
    height: 24px !important;
}

.category__content-box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 25px;
}

#lifeatgroove .category__content-box {
    margin-bottom: 30px;
}

.category__post-box {
    max-width: 370px;
    background-color: #FAFAFA;
    padding: 0 0 25px;
    padding-bottom: 30px;
    border-radius: 6px;
    position: relative;
}

.category-postLeft {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.category-image {
    position: relative;
    height: 180px;
    margin-bottom: 15px;
    overflow: hidden;
    border-radius: 6px;
}

.category-image a {
    width: 100%;
    height: 100%;
}
.category-image a img{
    border-radius: 6px;
    transition: 0.4s;
}

.category-image>div {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #0000008c;
    padding: 3px 10px;
    border-radius: 18px;
    overflow: hidden;
}

.category-image>div span {
    color: #ffffff;
    font-size: 12px;
    line-height: 16px;
    font-family: 'Inter', sans-serif;
    text-transform: capitalize;
    display: block;
}

.category-title {
    padding: 0 20px;
}

.category-title a {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    font-family: 'Inter', sans-serif;
}

.category-title a:hover {
    color: #000;
}

.category-title a::before {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.category-title h3 {
    margin-bottom: 5px;
}

.category-des {
    margin-bottom: 10px;
    padding: 0 20px;
}

.category-des p {
    font-size: 15px;
    line-height: 20px;
    font-family: 'Inter', sans-serif;
    height: 60px;
    overflow: hidden;
    margin-bottom: 0;
}

.category-decor {
    display: flex;
    align-items: center;
    margin-top: auto;
    padding: 0 20px;
    gap: 15px;
}

.category-readMore a {
    font-size: 13px;
    line-height: 18px;
    font-family: 'Inter', sans-serif;
    color: #888888;
    position: relative;
    transition: 0.4s;
}

/**/

.blog-CTA {
    max-width: 1170px;
    margin: auto;
}

.blog-CTA.mobile-blog {
    display: none;
}

.CTA__image-box {
    position: relative;
}

.CTA__image-box>div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 34px 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #0000004f;
    border-radius: 6px;
}

.CTA__text {
    font-size: 32px;
    line-height: 42px;
    font-family: 'Inter', sans-serif;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
}

.CTA__text span {
    font-size: inherit;
    line-height: inherit;
    font-family: inherit;
    font-weight: inherit;
    color: #ffffff;
    display: block;
}

.CTA__button {
    margin-top: 25px;
}

.CTA__button a {
    width: 160px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #e60078;
    border-radius: 4px;
}

.CTA__button a span {
    color: #ffffff;
    font-size: 16px;
    line-height: 22px;
    font-family: 'Inter', sans-serif;
}

/**/
.blog-lifeatgroove-img {
    max-width: 1170px;
    margin: auto;
}

.LAG__image-box {
    position: relative;
}

.LAG__image-box>div {
    position: absolute;
    left: 45px;
    top: 50%;
    transform: translateY(-50%);
    max-width: 420px;
}

.LAG__text h2 {
    font-size: 28px !important;
    line-height: 34px !important;
    font-family: 'Inter', sans-serif;
    font-weight: bold;
    color: #ffffff;
}

.LAG__text h2 span {
    font-size: inherit;
    line-height: inherit;
    font-family: inherit;
    font-weight: inherit;
    color: #e60078;
}

.LAG__text p {
    font-size: 16px;
    line-height: 22px;
    font-family: 'Inter', sans-serif;
    color: #ffffff;
}

/**/

#lifeatgroove .category-image>div {
    background-color: #e60078;
    border: 1px solid #FFFFFF80;
    padding: 5px 10px;
}

#lifeatgroove .category_readTime {
    font-size: 13px;
    line-height: 18px;
    font-family: 'Inter', sans-serif;
    color: #888888;
}

.blog-lifeatgroove-img.mobile-image {
    display: none;
}

/**/
.atCategory .category__post-box {
    margin-right: 15px;
    margin-bottom: 10px;
}

.atCategory .category__post-box:nth-child(3n+0) {
    margin-right: 0px;
}

.atCategory .category__content-box {
    justify-content: flex-start;
}

/**/
.wgl-pagination {
    margin-top: 20px;
    gap: 15px;
}

.paginsearch .page-numbers {
    min-width: 40px;
    padding: 0;
    font-size: 15px;
    font-weight: 500;
    margin: 0;
}

.paginsearch .page-numbers.current {
    margin: 0;
    font-size: 15px;
    font-weight: 500;
}

.wgl-pagination .prev,
.wgl-pagination .next {
    width: 40px;
    height: 40px;
}

.wgl-pagination .prev {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><g id="Group_164459" data-name="Group 164459" transform="translate(-687 -3684)"><g id="Rectangle_7555" data-name="Rectangle 7555" transform="translate(687 3684)" fill="%23fff" stroke="%23e8e8e8" stroke-width="1"><rect width="40" height="40" rx="6" stroke="none"/><rect x="0.5" y="0.5" width="39" height="39" rx="5.5" fill="none"/></g><path id="Path_88961" data-name="Path 88961" d="M23,7.5l-5,5,5,5" transform="translate(686.5 3692)" fill="none" stroke="%23222" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/></g></svg>');
}

.wgl-pagination .next {
    background-image: url('data:image/svg+xml,<svg id="Group_164460" data-name="Group 164460" xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><g id="Rectangle_7555" data-name="Rectangle 7555" fill="%23fff" stroke="%23e8e8e8" stroke-width="1"><rect width="40" height="40" rx="6" stroke="none"/><rect x="0.5" y="0.5" width="39" height="39" rx="5.5" fill="none"/></g><path id="Path_88961" data-name="Path 88961" d="M18,7.5l5,5-5,5" transform="translate(-0.5 8)" fill="none" stroke="%23222" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/></svg>')
}

.wgl-pagination .page-numbers.dots {
    min-width: fit-content;
}

/**/

.blog-category-link {
    max-width: 1170px;
    margin: 15px auto 0;
    min-height: 32px;
}

.blog-category-link.isSticky .category-link-wrapper {
    position: fixed;
    top: 70px;
    padding: 10px 0;
    background: #fff;
    width: 100%;
    left: 0;
    z-index: 999;
}

#wpadminbar ~ .site-main .blog-category-link.isSticky .category-link-wrapper {
    top: 101px;
}

.category-link__box {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    max-width: 1170px;
    margin: 0 auto;
}

.category-link__box .category-link-item {
    font-size: 12px;
    line-height: 22px;
    padding: 4px 15px;
    border-radius: 20px;
    border: solid 1px #F0EFEF;
}

.category-link__box.software-development .s-d,
.category-link__box.technologies .tech,
.category-link__box.methodologies .metho,
.category-link__box.software-testing .s-t,
.category-link__box.industries .indus,
.category-link__box.n8n .n8n,
.category-link__box.artificial-intelligence .ai,
.category-link__box .category-link-item.active {
    color: #FFFFFF;
    background-color: #000000;
}

.category-link__box .category-link-item:hover {
    color: #FFFFFF;
    background-color: #000000;
}

.category__post-box:hover .category-image img {
    transform: scale(1.1);
}

.category__post-box:hover .category-readMore a {
    color: #e60078;
}

.category__post-box:hover .category-readMore::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="7.414" height="7.414" viewBox="0 0 7.414 7.414"><path id="more" d="M4.5,10.5l6-6m0,0H6m4.5,0V9" transform="translate(-3.793 -3.793)" fill="none" stroke="%23e60078" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/></svg>');
}

@media (max-width: 800px) {
    .page-header_content p{
        display: none;
    }
    .blog__highLight {
        padding: 0px 15px;
    }

    .blog__highLight-content {
        flex-direction: column;
        padding-bottom: 0px;
    }

    .blog__highLight-imageLeft {
        width: 100%;
        height: 180px;
    }

    .blog__highLight-des p {
        display: none;
    }

    .blog__hightLight-PostRContent {
        max-width: 57%;
    }

    .blog__hightLight-PostRImage {
        margin-right: 15px;
    }

    .blog__highLight-postLeft .blog__highLight-des p {
        display: block;
    }

    .blog__highLight-postRight {
        margin-top: 30px;
    }

    .blog__highLight-postLeft {
        max-width: none;
    }

    .blog__highLight-postRight {
        max-width: none;
    }

    .blog__hightLight-PostRBox {
        justify-content: flex-start;
    }

    /**/
    .category__header-title h2,
    .category__header-title h2 a {
        margin-bottom: 0px;
    }

    .category__header {
        gap: 5px;
    }

    .blog-category.software-development .category__header {
        align-items: end;
    }

    .blog-category.software-development .category__header .category__header-title ~ a {
        height: 32px;
        align-items: center;
        justify-content: end;
        display: flex;
    }

    .category__header-title {
        width: calc(100% - 112px);
    }

    .category__header-title ~ a {
        width: 107px;
    }

    .blog-category {
        padding: 15px;
        padding-top: 30px;
    }

    .category__post-box {
        padding-bottom: 25px;
        margin-bottom: 15px;
        max-width: none;
    }
    .atCategory .category__post-box{
        margin-right: 0px;
    }

    /**/
    .blog-CTA {
        display: none;
    }

    .blog-CTA.mobile-blog {
        display: block;
    }

    .CTA__image-box>div {
        top: 0;
        left: 0;
        transform: none;
        bottom: 0;
        right: 0;
    }

    /**/
    .blog-lifeatgroove-img {
        display: none;
    }

    .blog-lifeatgroove-img.mobile-image {
        display: block;
    }

    .blog-lifeatgroove-img.mobile-image .LAG__image-box>div {
        left: 50%;
        transform: translateX(-50%);
        max-width: none;
        top: 30px;
        width: 90%;
        text-align: center;
    }
    #lifeatgroove .category-title{
        min-height: auto;
    }

    .blog-category-link {
        margin-top: 10px;
    }

    .blog-category-link.isSticky .category-link-wrapper {
        top: 68px;
    }

    #wpadminbar ~ .site-main .blog-category-link.isSticky .category-link-wrapper {
        top: 116px;
    }

    .category-link__box {
        padding: 0 15px 2px;
        max-width: 100%;
        white-space: nowrap;
        flex-wrap: nowrap;
        overflow: auto;
    }

    .category__content-box,
    #lifeatgroove .category__content-box {
        margin-bottom: 0;
    }

    .buttonAll.LAG {
        margin-bottom: 30px;
    }

    .wgl-pagination {
        gap: 10px;
        padding-left: 0;
    }

    .paginsearch .page-numbers {
        min-width: 20px;
    }

    .wgl-pagination .prev, .wgl-pagination .next {
        width: 30px;
        height: 30px;
        background-size: cover;
    }

    .paginsearch .page-numbers.current {
        width: 34px;
        padding: 5px 0;
    }
}

.buttonAll{
    margin-bottom: 30px;
}

.buttonAll.LAG {
    margin-bottom: 50px;
}

.buttonAll a{
    display: flex;
    width: fit-content;
    height: 46px;
    background-color: #E60078;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    color: #ffffff;
    margin: auto;
    gap: 10px;
    padding: 0 20px;
}

.buttonAll a:hover {
    background-color: #D00068;
}

.buttonAll span {
    font-size: 15px;
    line-height: 20px;
}

.buttonAll.LAG a{
    width: 280px;
}