body:not(.wp-core-ui) .newest-post .et-container,
html:not(.wp-toolbar) .newest-post .et-container,
.acf-block-preview .newest-post .et-container {
    width: min(90%, 1024px)
}

body:not(.wp-core-ui) .newest-post .hero-block,
html:not(.wp-toolbar) .newest-post .hero-block,
.acf-block-preview .newest-post .hero-block {
    --border-radius: 130px;
    display: flex;
    align-items: center;
    gap: 70px
}

@media(min-width: 992px)and (max-width: 1199px) {

    body:not(.wp-core-ui) .newest-post .hero-block,
    html:not(.wp-toolbar) .newest-post .hero-block,
    .acf-block-preview .newest-post .hero-block {
        --border-radius: 100px
    }
}

@media(max-width: 767px) {

    body:not(.wp-core-ui) .newest-post .hero-block,
    html:not(.wp-toolbar) .newest-post .hero-block,
    .acf-block-preview .newest-post .hero-block {
        --border-radius: 78px
    }
}

@media all and (max-width: 1050px) {

    body:not(.wp-core-ui) .newest-post .hero-block,
    html:not(.wp-toolbar) .newest-post .hero-block,
    .acf-block-preview .newest-post .hero-block {
        gap: 30px
    }
}

@media all and (max-width: 991px) {

    body:not(.wp-core-ui) .newest-post .hero-block,
    html:not(.wp-toolbar) .newest-post .hero-block,
    .acf-block-preview .newest-post .hero-block {
        flex-direction: column;
        align-items: flex-start
    }
}

body:not(.wp-core-ui) .newest-post .hero-block .left,
html:not(.wp-toolbar) .newest-post .hero-block .left,
.acf-block-preview .newest-post .hero-block .left {
    max-width: 390px;
    display: flex;
    flex-direction: column;
    gap: 30px
}

@media(max-width: 991px) {

    body:not(.wp-core-ui) .newest-post .hero-block .left,
    html:not(.wp-toolbar) .newest-post .hero-block .left,
    .acf-block-preview .newest-post .hero-block .left {
        width: 88%;
        margin: auto;
        max-width: unset
    }
}

body:not(.wp-core-ui) .newest-post .hero-block .left .desc,
html:not(.wp-toolbar) .newest-post .hero-block .left .desc,
.acf-block-preview .newest-post .hero-block .left .desc {
    max-width: 290px
}

@media(max-width: 991px) {

    body:not(.wp-core-ui) .newest-post .hero-block .left .btn-wrapper,
    html:not(.wp-toolbar) .newest-post .hero-block .left .btn-wrapper,
    .acf-block-preview .newest-post .hero-block .left .btn-wrapper {
        display: none
    }
}

@media all and (max-width: 991px) {

    body:not(.wp-core-ui) .newest-post .hero-block .right,
    html:not(.wp-toolbar) .newest-post .hero-block .right,
    .acf-block-preview .newest-post .hero-block .right {
        width: 88%;
        margin: auto;
        max-width: unset;
    }
}

body:not(.wp-core-ui) .newest-post .hero-block .right .newest-label,
html:not(.wp-toolbar) .newest-post .hero-block .right .newest-label,
.acf-block-preview .newest-post .hero-block .right .newest-label {
    text-transform: uppercase;
    margin-bottom: 5px
}

/*@media(max-width: 991px) {

    body:not(.wp-core-ui) .newest-post .hero-block .right .newest-label,
    html:not(.wp-toolbar) .newest-post .hero-block .right .newest-label,
    .acf-block-preview .newest-post .hero-block .right .newest-label {
        width: 87%;
        margin-inline: auto
    }
}

body:not(.wp-core-ui) .newest-post .hero-block .right .big-post,
html:not(.wp-toolbar) .newest-post .hero-block .right .big-post,
.acf-block-preview .newest-post .hero-block .right .big-post {
    padding-left: 18%;
    position: relative
}

@media(max-width: 575px) {

    body:not(.wp-core-ui) .newest-post .hero-block .right .big-post,
    html:not(.wp-toolbar) .newest-post .hero-block .right .big-post,
    .acf-block-preview .newest-post .hero-block .right .big-post {
        padding-left: 10%
    }
}

@media(max-width: 399px) {

    body:not(.wp-core-ui) .newest-post .hero-block .right .big-post,
    html:not(.wp-toolbar) .newest-post .hero-block .right .big-post,
    .acf-block-preview .newest-post .hero-block .right .big-post {
        padding-left: 30px
    }
}*/

/*body:not(.wp-core-ui) .newest-post .hero-block .right .big-post:before,
html:not(.wp-toolbar) .newest-post .hero-block .right .big-post:before,
.acf-block-preview .newest-post .hero-block .right .big-post:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--light-bg);
    border-bottom-left-radius: var(--border-radius);
    z-index: -2
}*/

body:not(.wp-core-ui) .newest-post .hero-block .right .big-post .inner-wrapper,
html:not(.wp-toolbar) .newest-post .hero-block .right .big-post .inner-wrapper,
.acf-block-preview .newest-post .hero-block .right .big-post .inner-wrapper {
    position: relative;
    display: grid;
    z-index: 1
}

body:not(.wp-core-ui) .newest-post .hero-block .right .big-post .thumbnail,
html:not(.wp-toolbar) .newest-post .hero-block .right .big-post .thumbnail,
.acf-block-preview .newest-post .hero-block .right .big-post .thumbnail {
    position: relative;
    z-index: 1;
    border-radius: 24px;
    border-bottom-left-radius: 0;
    overflow: hidden;
    position: relative
}

body:not(.wp-core-ui) .newest-post .hero-block .right .big-post .thumbnail:after,
html:not(.wp-toolbar) .newest-post .hero-block .right .big-post .thumbnail:after,
.acf-block-preview .newest-post .hero-block .right .big-post .thumbnail:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 1;
    opacity: .2;
}

body:not(.wp-core-ui) .newest-post .hero-block .right .big-post .thumbnail img,
html:not(.wp-toolbar) .newest-post .hero-block .right .big-post .thumbnail img,
.acf-block-preview .newest-post .hero-block .right .big-post .thumbnail img {
    aspect-ratio: 600/350;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media(max-width: 1199px) {

    body:not(.wp-core-ui) .newest-post .hero-block .right .big-post .thumbnail img,
    html:not(.wp-toolbar) .newest-post .hero-block .right .big-post .thumbnail img,
    .acf-block-preview .newest-post .hero-block .right .big-post .thumbnail img {
        min-height: 240px
    }
}

body:not(.wp-core-ui) .newest-post .hero-block .right .big-post .text,
html:not(.wp-toolbar) .newest-post .hero-block .right .big-post .text,
.acf-block-preview .newest-post .hero-block .right .big-post .text {
    position: absolute;
    bottom: 38px;
    left: 45%;
    transform: translateX(-50%);
    z-index: 2
}

@media(max-width: 399px) {

    body:not(.wp-core-ui) .newest-post .hero-block .right .big-post .text,
    html:not(.wp-toolbar) .newest-post .hero-block .right .big-post .text,
    .acf-block-preview .newest-post .hero-block .right .big-post .text {
        left: 36px;
        bottom: 35px;
        transform: unset;
        padding: 0 20px;
        padding-left: 0
    }
}

body:not(.wp-core-ui) .newest-post .hero-block .right .big-post .text .date,
html:not(.wp-toolbar) .newest-post .hero-block .right .big-post .text .date,
.acf-block-preview .newest-post .hero-block .right .big-post .text .date {
    padding: 8px;
    background: var(--blue);
    color: #fff;
    display: inline-block;
    border-radius: 4px
}

body:not(.wp-core-ui) .newest-post .hero-block .right .big-post .text .title,
html:not(.wp-toolbar) .newest-post .hero-block .right .big-post .text .title,
.acf-block-preview .newest-post .hero-block .right .big-post .text .title {
    color: #fff;
    margin: 10px 0 22px
}

@media(max-width: 399px) {

    body:not(.wp-core-ui) .newest-post .hero-block .right .big-post .text .title,
    html:not(.wp-toolbar) .newest-post .hero-block .right .big-post .text .title,
    .acf-block-preview .newest-post .hero-block .right .big-post .text .title {
        margin: 10px 0
    }
}

body:not(.wp-core-ui) .newest-post .hero-block .right .big-post .text .read-more,
html:not(.wp-toolbar) .newest-post .hero-block .right .big-post .text .read-more,
.acf-block-preview .newest-post .hero-block .right .big-post .text .read-more {
    display: flex;
    align-items: center;
    gap: 8px
}

body:not(.wp-core-ui) .newest-post .hero-block .right .big-post .text .read-more .rm-text,
html:not(.wp-toolbar) .newest-post .hero-block .right .big-post .text .read-more .rm-text,
.acf-block-preview .newest-post .hero-block .right .big-post .text .read-more .rm-text {
    color: #fff
}

body:not(.wp-core-ui) .newest-post .hero-block .right .big-post .text .read-more .icon svg,
html:not(.wp-toolbar) .newest-post .hero-block .right .big-post .text .read-more .icon svg,
.acf-block-preview .newest-post .hero-block .right .big-post .text .read-more .icon svg {
    width: 24px;
    transition: .3s
}