.mbpost_thumbnail {
    display: block;
}
img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    vertical-align: middle;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.mbpost-main-wrapper {
    position: relative;
    display: flex;
    gap: 10px;
}
.mbpost-img-wrapper {
   position: relative;
   margin-bottom: 10px;
    border-radius: 8px;
    overflow: hidden;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.mbpost-content-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    pointer-events: none;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    padding: 20px;
    will-change: transform;
    transform: translateY(38px);
    -webkit-transform: translateY(38px);
    -moz-transform: translateY(38px);
    -ms-transform: translateY(38px);
    -o-transform: translateY(38px);
}
.mbpost-img-wrapper:hover .mbpost-content-wrapper {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.mbpost-pos-main {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.mbpost-style-one .mbpost-img-wrapper:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.mbpost-title {
    pointer-events: auto;
}
.mbpost-cat {
    position: absolute;
    right: 40px;
    top: 10px;
    color: #fff;
    background: #7209b7;
    padding: 5px 10px;
    border-radius: 30px;
    border-top-left-radius: 0;
    font-weight: 500;
    font-size: 13px;
    z-index: 1;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.mbpost-moreBtn {
    background: #7209b7;
    color: #fff;
    padding: 8px 10px;
    border-radius: 5px;
    line-height: 1;
    display: inline-block;
    font-size: 14px;
    pointer-events: auto;
}
.mbpost-btnWrap {
    margin-top: 15px;
}
.mbpost-style-one .mbpost-img-wrapper:hover .mbpost-cat {
    background: #ff0000;
    border-radius: 30px;
    border-top-right-radius: 0;
}
.mbpost-style-one {
    column-count: 3;
    display: block;
    column-width: 250px;
}
.mbpost-style-one .mbpost-img-wrapper:nth-child(1) img {
    height: 400px!important;
}
.mbpost-style-one .mbpost-img-wrapper:nth-child(3) img {
    height: 320px!important;
}
.mbpost-style-one .mbpost-img-wrapper:nth-child(4) img {
    height: 330px!important;
}
.mbpost-style-one .mbpost-img-wrapper:nth-child(5) img {
    height: 370px!important;
}
.mbpost-style-one .mbpost-img-wrapper:nth-child(6) img {
    height: 400px!important;
}
.mbpost-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
    row-gap: 1px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.mbpost-img-wrapper::before {
   content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear,left top, left bottom,from(#01284273),to(#012842));
    background-image: -o-linear-gradient(top,#01284273 0%,#012842 100%);
    background-image: linear-gradient(180deg,#01284273 0%,#012842 100%);
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    z-index: 1;
    pointer-events: none;
}
.mbpost-style-one .mbpost-img-wrapper .mbpost-content-wrapper {
    padding: 20px;
}
.mbpost-style-one .mbpost-img-wrapper .mbpost-meta,
.mbpost-style-five .mbpost-img-wrapper .mbpost-meta,
.mbpost-style-six .mbpost-img-wrapper .mbpost-meta, 
.mbpost-style-eight .mbpost-img-wrapper .mbpost-meta, 
.mbpost-style-nine .mbpost-img-wrapper .mbpost-meta, 
.mbpost-style-fourteen .mbpost-img-wrapper .mbpost-meta {
    opacity: 0;
}
.mbpost-style-one .mbpost-img-wrapper:hover .mbpost-meta,
.mbpost-style-five .mbpost-img-wrapper:hover .mbpost-meta,
.mbpost-style-six .mbpost-img-wrapper:hover .mbpost-meta, 
.mbpost-style-eight .mbpost-img-wrapper:hover .mbpost-meta, 
.mbpost-style-nine .mbpost-img-wrapper:hover .mbpost-meta, 
.mbpost-style-fourteen .mbpost-img-wrapper:hover .mbpost-meta {
    opacity: 1;
}
.mbpost-title .mbpost-h2-title {
    font-size: 23px;
    color: #fff;
    line-height: 1.1;
    display: inline;
    padding-bottom: 0;
    font-family: 'Open Sans', sans-serif;
    background-image: -webkit-gradient(linear,left top, left bottom,from(#00ff48),color-stop(98%, #00ff48));
    background-image: -o-linear-gradient(top,#00ff48 0%,#00ff48 98%);
    background-image: linear-gradient(to bottom,#00ff48 0%,#00ff48 98%);
    background-size: 0 2px;
    background-repeat: no-repeat;
    background-position: left 100%;
    transition: all .7s;
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -ms-transition: all .7s;
    -o-transition: all .7s;
}
.mbpost-style-one .mbpost-img-wrapper:hover .mbpost-title .mbpost-h2-title {
    background-size: 100% 2px;
    color: #00ff48;
}
.mbpost-desc p{
    color: #fff;
    margin-bottom: 15px;
    margin-top: 8px;
}
.mbpost-meta .mbpost-date i {
    color: #fff;
    margin-right: 5px;
    font-size: 12px;
}
.mbpost-meta .mbpost-date span {
    color: #fff;
    font-size: 12px;
}
.mbpost-meta .mbpost-author i {
    color: #fff;
    margin-right: 5px;
    font-size: 12px;
}
.mbpost-meta .mbpost-author span {
    color: #fff;
    font-size: 12px;
}
.mbpost-meta .mbpost-comment i {
    color: #fff;
    margin-right: 5px;
    font-size: 12px;
}
.mbpost-meta .mbpost-comment span {
    color: #fff;
    font-size: 12px;
}
.mbpost-meta .mbpost-tag i {
    color: #fff;
    margin-right: 5px;
    font-size: 12px;
}
.mbpost-meta .mbpost-tag span {
    color: #fff;
    font-size: 12px;
}

/* Style two Start */
.mbpost-style-two {
    column-count: 3;
    display: block;
    column-width: 250px;
}
.mbpost-style-two .mbpost-img-wrapper:nth-child(1) img {
    height: 320px!important;
}
.mbpost-style-two .mbpost-img-wrapper:nth-child(3) img {
    height: 330px!important;
}
.mbpost-style-two .mbpost-img-wrapper:nth-child(5) img {
    height: 370px!important;
}
.mbpost-style-two .mbpost-img-wrapper:nth-child(6) img {
    height: 330px!important;
}
.mbpost-style-two .mbpost-img-wrapper:nth-child(7) img {
    height: 500px!important;
}
.mbpost-style-two .mbpost-img-wrapper:nth-child(8) img {
    height: 460px!important;
}
.mbpost-style-two .mbpost-img-wrapper::before {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fd4d0938), to(#6610f2));
    background-image: -o-linear-gradient(top, #fd4d0938 0%, #6610f2 100%);
    background-image: linear-gradient(180deg, #fd4d0938 0%, #6610f2 100%);
}
.mbpost-style-two .mbpost-img-wrapper:hover img {
    object-position: 0 1%;
}
.mbpost-style-two .mbpost-img-wrapper .mbpost-content-wrapper .mbpost-title .mbpost-h2-title {
    background-image: -webkit-gradient(linear,left top,left bottom,from(#ffb244),to(#ffb244));
    background-image: linear-gradient(#ffb244,#ffb244);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: 0% 100%;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    transition: all .7s;
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -ms-transition: all .7s;
    -o-transition: all .7s;
}
.mbpost-style-two .mbpost-img-wrapper .mbpost-content-wrapper {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
}
.mbpost-style-two .mbpost-img-wrapper:hover .mbpost-content-wrapper .mbpost-title .mbpost-h2-title {
    color: #fff;
    background-size: 100% 100%;
    padding: 0 7px;
}
.mbpost-style-two .mbpost-cat {
    background: #ffb700;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    transform: skewX(-10deg);
    -moz-transform: skewX(-10deg);
    -o-transform: skewX(-10deg);
    -webkit-transform: skewX(-10deg);
    -ms-transform: skewX(-10deg);
}
.mbpost-style-two .mbpost-img-wrapper:hover .mbpost-cat {
    background: #9e0059;
}
.mbpost-style-two .mbpost-img-wrapper:hover .mbpost-cat {
    border-radius: 30vmin;
    -webkit-border-radius: 30vmin;
    -moz-border-radius: 30vmin;
    -ms-border-radius: 30vmin;
    -o-border-radius: 30vmin;
} 

/* Style three Start */
.mbpost-style-three {
    column-count: 3;
    display: block;
    column-width: 250px;
}
.mbpost-style-three .mbpost-img-wrapper:nth-child(2) img {
    height: 390px!important;
}
.mbpost-style-three .mbpost-img-wrapper:nth-child(3) img {
    height: 330px!important;
}
.mbpost-style-three .mbpost-img-wrapper:nth-child(4) img {
    height: 430px!important;
}
.mbpost-style-three .mbpost-img-wrapper:nth-child(5) img {
    height: 370px!important;
}
.mbpost-style-three .mbpost-img-wrapper:nth-child(7) img {
    height: 400px!important;
}
.mbpost-style-three .mbpost-img-wrapper:nth-child(8) img {
    height: 450px!important;
}

.mbpost-style-three .mbpost-img-wrapper .mbpost-content-wrapper {
    background: #9b5de5;
    transform: translateY(120%);
    -webkit-transform: translateY(120%);
    -moz-transform: translateY(120%);
    -ms-transform: translateY(120%);
    -o-transform: translateY(120%);
}
.mbpost-style-three .mbpost-img-wrapper:hover .mbpost-content-wrapper {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
}
.mbpost-style-three .mbpost-img-wrapper:hover img {
    transform: translateY(-90px);
    -webkit-transform: translateY(-90px);
    -moz-transform: translateY(-90px);
    -ms-transform: translateY(-90px);
    -o-transform: translateY(-90px);
}
.mbpost-style-three .mbpost-img-wrapper::before {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#00a651), to(#00c8ff57));
    background-image: -o-linear-gradient(bottom, #00a651 0%, #00c8ff57 100%);
    background-image: linear-gradient(0deg, #00a651 0%, #00c8ff57 100%);
}
.mbpost-style-three .mbpost-img-wrapper:hover::before {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(23%, #00a651), to(#00c8ff5e));
    background-image: -o-linear-gradient(bottom, #00a651 23%, #00c8ff5e 100%);
    background-image: linear-gradient(0deg, #00a651bd 0%, #00c8ff5e 100%);
}
.mbpost-style-three .mbpost-img-wrapper .mbpost-title .mbpost-h2-title {
    background-image: -webkit-gradient(linear,left top, left bottom,from(#f95700),color-stop(98%, #f95700)); 
    background-image: -o-linear-gradient(top,#f95700 0%,#f95700 98%); 
    background-image: linear-gradient(to bottom,#f95700 0%,#f95700 98%);
}
.mbpost-style-three .mbpost-img-wrapper:hover .mbpost-title .mbpost-h2-title {
    background-size: 100% 2px;
}
.mbpost-style-three .mbpost-cat {
    background: #80b918;
    border-radius: 30px;
}
.mbpost-style-three .mbpost-img-wrapper:hover .mbpost-cat {
    background: #ff9c00;
    border-radius: 0;
}

/* Style four Start */
.mbpost-style-four {
    column-count: 3;
    display: block;
    column-width: 250px;
}
.mbpost-style-four .mbpost-img-wrapper:nth-child(2) img {
    height: 420px!important;
}
.mbpost-style-four .mbpost-img-wrapper:nth-child(3) img {
    height: 350px!important;
}
.mbpost-style-four .mbpost-img-wrapper:nth-child(4) img {
    height: 400px!important;
}
.mbpost-style-four .mbpost-img-wrapper:nth-child(5) img {
    height: 330px!important;
}
.mbpost-style-four .mbpost-img-wrapper:nth-child(7) img {
    height: 500px!important;
}
.mbpost-style-four .mbpost-img-wrapper:nth-child(8) img {
    height: 400px!important;
}
.mbpost-style-four .mbpost-img-wrapper:hover img {
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7);
}
:is(.mbpost-style-four .mbpost-img-wrapper:nth-child(1),
 .mbpost-style-four .mbpost-img-wrapper:nth-child(4)) .mbpost-content-wrapper {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.mbpost-style-four .mbpost-img-wrapper {
    background: #5efdac;
}
.mbpost-style-four .mbpost-img-wrapper::before {
    background-image: -webkit-gradient(linear,left top, left bottom,from(#00000073),to(#393c07));
    background-image: -o-linear-gradient(top,#00000073 0%,#393c07 100%);
    background-image: linear-gradient(180deg,#00000073 0%,#393c07 100%);
}
.mbpost-style-four .mbpost-img-wrapper .mbpost-content-wrapper .mbpost-title .mbpost-h2-title {
    background-image: -webkit-gradient(linear,left top,left bottom,from(#9e0059),to(#9e0059));
    background-image: linear-gradient(#9e0059,#9e0059);
    background-repeat: no-repeat;
    background-position: left bottom;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    transition: all .7s;
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -ms-transition: all .7s;
    -o-transition: all .7s;
}
.mbpost-style-four .mbpost-img-wrapper:hover .mbpost-content-wrapper .mbpost-title .mbpost-h2-title {
    color: #fff;
    background-size: 100% 100%;
    padding: 0 7px;
}
.mbpost-style-four .mbpost-cat {
    background: #9e0059;
    border-radius: 5px;
    -webkit-transition: .5s linear;
    -o-transition: .5s linear;
    transition: .5s linear;
}

/* Style five Start */
.mbpost-style-five {
    column-count: 3;
    column-width: 250px;
    display: block;
}
.mbpost-style-five .mbpost-img-wrapper:nth-child(1) img {
    height: 500px!important;
}
.mbpost-style-five .mbpost-img-wrapper:nth-child(2) img {
    height: 500px!important;
}
.mbpost-style-five .mbpost-img-wrapper:nth-child(3) img {
    height: 350px!important;
}
.mbpost-style-five .mbpost-img-wrapper:nth-child(4) img {
    height: 400px!important;
}
.mbpost-style-five .mbpost-img-wrapper:nth-child(5) img {
    height: 330px!important;
}
.mbpost-style-five .mbpost-img-wrapper:nth-child(7) img {
    height: 330px!important;
}
.mbpost-style-five .mbpost-img-wrapper:nth-child(8) img {
    height: 400px!important;
}
.mbpost-main-wrapper.mbpost-style-five {
    grid-template-columns: repeat(6, 1fr);
}
.mbpost-style-five .mbpost-img-wrapper::before {
    background: -webkit-linear-gradient(top left, #E4B41B, #084049);
    background: -moz-linear-gradient(top left, #E4B41B, #084049);
    background: linear-gradient(to bottom right, #e4b41b63, #084049);
}

.mbpost-style-five .mbpost-img-wrapper:hover img {
    opacity: 0;
}
.mbpost-style-five .mbpost-img-wrapper .mbpost-title .mbpost-h2-title {
   background-image: -webkit-gradient(linear,left top, left bottom,from(#f3501e),color-stop(98%, #f3501e));
   background-image: -o-linear-gradient(top,#f3501e 0%,#f3501e 98%);
   background-image: linear-gradient(to bottom,#f3501e 0%,#f3501e 98%);
}
.mbpost-style-five .mbpost-img-wrapper:hover .mbpost-title .mbpost-h2-title {
    background-size: 100% 2px;
    color: #fff;
}
.mbpost-style-five .mbpost-cat {
    background: #f3501e;
    border-bottom-right-radius: 0;
    padding: 5px 15px;
}
.mbpost-style-five .mbpost-img-wrapper:hover img {
    transform: scale(1.1);
}
.mbpost-style-five .mbpost-img-wrapper:nth-child(1) .mbpost-content-wrapper,
.mbpost-style-five .mbpost-img-wrapper:nth-child(2) .mbpost-content-wrapper {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
}
.mbpost-style-five .mbpost-img-wrapper:nth-child(3) .mbpost-content-wrapper,
.mbpost-style-five .mbpost-img-wrapper:nth-child(4) .mbpost-content-wrapper {
    transform: translateY(38px)
}
.mbpost-style-five .mbpost-img-wrapper:hover:nth-child(3) .mbpost-content-wrapper,
.mbpost-style-five .mbpost-img-wrapper:hover:nth-child(4) .mbpost-content-wrapper {
    transform: translateY(0)
}
.mbpost-style-five .mbpost-img-wrapper:nth-child(1) .mbpost-title .mbpost-h2-title,
.mbpost-style-five .mbpost-img-wrapper:nth-child(2) .mbpost-title .mbpost-h2-title {
    font-size: 35px;
}

/* Style six Start */
.mbpost-style-six {
    column-count: 3;
    column-width: 250px;
    display: block;
}
.mbpost-style-six .mbpost-img-wrapper:nth-child(1) img {
    height: 450px!important;
}
.mbpost-style-six .mbpost-img-wrapper:nth-child(2) img {
    height: 480px!important;
}
.mbpost-style-six .mbpost-img-wrapper:nth-child(4) img {
    height: 350px!important;
}
.mbpost-style-six .mbpost-img-wrapper:nth-child(3) img {
    height: 400px!important;
}
.mbpost-style-six .mbpost-img-wrapper:nth-child(5) img {
    height: 380px!important;
}
.mbpost-style-six .mbpost-img-wrapper:nth-child(6) img {
    height: 330px!important;
}
.mbpost-style-six .mbpost-img-wrapper:nth-child(7) img {
    height: 330px!important;
}
.mbpost-style-six .mbpost-img-wrapper:nth-child(8) img {
    height: 400px!important;
}
.mbpost-style-six .mbpost-img-wrapper::before {
    background: -webkit-linear-gradient(top left, #610c1759, #0D1A86);
    background: -moz-linear-gradient(top left, #610c1759, #0D1A86);
    background: linear-gradient(to bottom right, #610c1759, #0D1A86);
}
.mbpost-style-six .mbpost-img-wrapper::after {
    position: absolute;
    content: "";
    top: 15px;
    right: 15px;
    bottom: 15px;
    background: #7109b700;
    left: 15px;
    border: 2px solid #fffffff2;
    box-shadow: 0 0 0 15px rgb(255 255 255 / 65%);
    transition: all 0.3s, transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    pointer-events: none;
    -webkit-transition: all 0.3s, transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 0.3s, transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: all 0.3s, transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 0.3s, transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.mbpost-style-six .mbpost-img-wrapper .mbpost-title .mbpost-h2-title {
     background-image: linear-gradient(to bottom,#fff 0%,#fff 98%);
}
.mbpost-style-six .mbpost-img-wrapper:hover .mbpost-title .mbpost-h2-title {
    background-size: 100% 2px;
    color: #fff;
}
.mbpost-style-six .mbpost-img-wrapper:hover::after {
    background:#7209b79e;
}
.mbpost-style-six .mbpost-img-wrapper:hover .mbpost-content-wrapper {
    padding: 30px;
}
.mbpost-style-six .mbpost-cat {
    background: #D6ED17FF;
    color: #000;
}

/* Style seven Start */
.mbpost-style-seven {
    column-count: 3;
    column-width: 250px;
    display: block;
}
.mbpost-style-sieven .mbpost-img-wrapper:nth-child(1) img {
    height: 450px!important;
}
.mbpost-style-seven .mbpost-img-wrapper:nth-child(2) img {
    height: 400px!important;
}
.mbpost-style-seven .mbpost-img-wrapper:nth-child(4) img {
    height: 350px!important;
}
.mbpost-style-seven .mbpost-img-wrapper:nth-child(3) img {
    height: 400px!important;
}
.mbpost-style-seven .mbpost-img-wrapper:nth-child(5) img {
    height: 380px!important;
}
.mbpost-style-seven .mbpost-img-wrapper:nth-child(6) img {
    height: 330px!important;
}
.mbpost-style-seven .mbpost-img-wrapper:nth-child(7) img {
    height: 330px!important;
}
.mbpost-style-seven .mbpost-img-wrapper:nth-child(8) img {
    height: 400px!important;
}
.mbpost-style-seven .mbpost-img-wrapper {
    border-radius: 0;
}
.mbpost-style-seven .mbpost-img-wrapper::before {
    background: -webkit-linear-gradient(top left, #d6d00954, #A74EB0);
    background: -moz-linear-gradient(top left, #d6d00954, #A74EB0);
    background: linear-gradient(to bottom right, #d6d00954, #A74EB0);
}
.mbpost-style-seven .mbpost-img-wrapper::after {
    position: absolute;
    content: "";
    top: 15px;
    right: 15px;
    bottom: 15px;
    left: 15px;
    border: 2px solid #fffffff2;
    box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.103);
    will-change: opacity;
    transition: opacity 0.3s, transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    pointer-events: none;
    -webkit-transition: opacity 0.3s, transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: opacity 0.3s, transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: opacity 0.3s, transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: opacity 0.3s, transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.mbpost-style-seven .mbpost-img-wrapper:hover img {
    transform: scale(1.1);
}
.mbpost-style-seven .mbpost-img-wrapper .mbpost-content-wrapper {
    padding: 30px;
    transform: translateY(0);
    background: #6a994e;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transform: rotate(256deg) translateX(-142%);
    -webkit-transform: rotate(256deg) translateX(-142%);
    -moz-transform: rotate(256deg) translateX(-142%);
    -ms-transform: rotate(256deg) translateX(-142%);
    -o-transform: rotate(256deg) translateX(-142%);
}
.mbpost-style-seven .mbpost-img-wrapper:hover .mbpost-content-wrapper {
    transform: rotate(0) translateX(0);
    -webkit-transform: rotate(0) translateX(0);
    -moz-transform: rotate(0) translateX(0);
    -ms-transform: rotate(0) translateX(0);
    -o-transform: rotate(0) translateX(0);
}
.mbpost-style-seven .mbpost-img-wrapper .mbpost-content-wrapper .mbpost-title .mbpost-h2-title {
    background-image: -webkit-gradient(linear,left top,left bottom,from(#c0760c),to(#c0760c));
    background-image: linear-gradient(#c0760c,#c0760c);
    background-repeat: no-repeat;
    background-position: right bottom;
    line-height: inherit;
    transition: all .7s;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -ms-transition: all .7s;
    -o-transition: all .7s;
}
.mbpost-style-seven .mbpost-img-wrapper:hover .mbpost-content-wrapper .mbpost-title .mbpost-h2-title {
    color: #fff;
    background-size: 100% 100%;
    padding: 0 7px;
}
.mbpost-style-seven .mbpost-cat {
     background: #c0760c;
    border-radius: 5px;
}

/* Style eight Start */
.mbpost-style-eight {
    column-count: 3;
    column-width: 250px;
    display: block;
}
.mbpost-style-eight .mbpost-img-wrapper:nth-child(1) img {
    height: 350px!important;
}
.mbpost-style-eight .mbpost-img-wrapper:nth-child(2) img {
    height: 350px!important;
}
.mbpost-style-eight .mbpost-img-wrapper:nth-child(4) img {
    height: 350px!important;
}
.mbpost-style-eight .mbpost-img-wrapper:nth-child(3) img {
    height: 400px!important;
}
.mbpost-style-eight .mbpost-img-wrapper:nth-child(5) img {
    height: 380px!important;
}
.mbpost-style-eight .mbpost-img-wrapper:nth-child(6) img {
    height: 330px!important;
}
.mbpost-style-eight .mbpost-img-wrapper:nth-child(7) img {
    height: 500px!important;
}
.mbpost-style-eight .mbpost-img-wrapper:nth-child(8) img {
    height: 500px!important;
}
.mbpost-main-wrapper.mbpost-style-eight {
    grid-template-columns: repeat(7, 1fr);
}
.mbpost-style-eight .mbpost-img-wrapper::before {
    background: -webkit-linear-gradient(bottom left, #750b8300, #5C03D9);
    background: -moz-linear-gradient(bottom left, #750b8300, #5C03D9);
    background: linear-gradient(to bottom left, #750b8300, #5c03d9);
}
.mbpost-style-eight .mbpost-img-wrapper::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background: linear-gradient(to right, #4fd675, #4fd6c8);
content: "";
opacity: 0;
transition: opacity 0.4s;
pointer-events: none;
z-index: 0;
}
.mbpost-style-eight .mbpost-img-wrapper:hover img {
    transform: scale(1.1);
}
.mbpost-style-eight .mbpost-img-wrapper:hover::after {
    opacity: .8;
}
.mbpost-style-eight .mbpost-img-wrapper .mbpost-content-wrapper {
    transform: translateY(37px);
    -webkit-transform: translateY(37px);
    -moz-transform: translateY(37px);
    -ms-transform: translateY(37px);
    -o-transform: translateY(37px);
}
.mbpost-style-eight .mbpost-img-wrapper:hover .mbpost-content-wrapper {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
}

.mbpost-style-eight .mbpost-img-wrapper .mbpost-content-wrapper .mbpost-title .mbpost-h2-title {
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f95700),to(#f95700));
    background-image: linear-gradient(#f95700,#f95700);
    background-repeat: no-repeat;
    background-position: left top;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}
.mbpost-style-eight .mbpost-img-wrapper:hover .mbpost-content-wrapper .mbpost-title .mbpost-h2-title {
    color: #fff;
    background-size: 100% 100%;
    padding: 0 7px;
}
.mbpost-style-eight .mbpost-cat {
    background: #F95700FF;
    border-radius: 5px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transform: skewX(-10deg);
    -webkit-transform: skewX(-10deg);
    -moz-transform: skewX(-10deg);
    -ms-transform: skewX(-10deg);
    -o-transform: skewX(-10deg);
}
.mbpost-style-eight .mbpost-img-wrapper:hover .mbpost-cat {
    right: auto;
    left: 25px;
    transform: skewX(10deg);
    -webkit-transform: skewX(10deg);
    -moz-transform: skewX(10deg);
    -ms-transform: skewX(10deg);
    -o-transform: skewX(10deg);
}

/* Style nine Start */
.mbpost-style-nine {
    column-count: 3;
    column-width: 250px;
    display: block;
    column-gap: 3px;
}
.mbpost-style-nine .mbpost-img-wrapper:nth-child(1) img {
    height: 450px!important;
}
.mbpost-style-nine .mbpost-img-wrapper:nth-child(2) img {
    height: 400px!important;
}
.mbpost-style-nine .mbpost-img-wrapper:nth-child(4) img {
    height: 350px!important;
}
.mbpost-style-nine .mbpost-img-wrapper:nth-child(3) img {
    height: 350px!important;
}
.mbpost-style-nine .mbpost-img-wrapper:nth-child(5) img {
    height: 380px!important;
}
.mbpost-style-nine .mbpost-img-wrapper:nth-child(6) img {
    height: 330px!important;
}
.mbpost-style-nine .mbpost-img-wrapper:nth-child(7) img {
    height: 330px!important;
}
.mbpost-style-nine .mbpost-img-wrapper:nth-child(8) img {
    height: 350px!important;
}
.mbpost-style-nine .mbpost-img-wrapper::after {
    content: " ";
    width: 45px;
    height: 45px;
    display: block;
    position: absolute;
    bottom: calc(-1 * 55px);
    right: calc(-1 * 55px);
    border-left: 55px solid #326891;
    border-bottom: 55px solid #fff;
    box-shadow: 7px 7px 7px rgba(0,0,0,0.3);
    transition: all .3s;
    z-index: 2;
}
.mbpost-style-nine .mbpost-img-wrapper::before {
    background-image: linear-gradient(180deg,#c1691c52 0%,#427e35 100%);
}
.mbpost-style-nine .mbpost-img-wrapper {
    border-radius: 0;
    margin-bottom: 3px;
}
.mbpost-style-nine .mbpost-img-wrapper:hover::after {
    bottom: 0!important;
    right: 0!important;
}
.mbpost-style-nine .mbpost-img-wrapper:hover img {
    transform: scale(1.1);
}
.mbpost-style-nine .mbpost-img-wrapper .mbpost-title .mbpost-h2-title {
     background-image: linear-gradient(to bottom,#f95700 0%,#f95700 98%);
}
.mbpost-style-nine .mbpost-img-wrapper:hover .mbpost-title .mbpost-h2-title {
    background-size: 100% 2px;
    color: #f95700;
}
.mbpost-style-nine .mbpost-cat {
    background: #D01C1FFF;
    border-radius: 30px;
}

/* Style ten Start */
.mbpost-style-ten {
    column-count: 3;
    column-width: 250px;
    display: block;
    column-gap: 0;
}
.mbpost-style-ten .mbpost-img-wrapper:nth-child(1) img {
    height: 320px!important;
}
.mbpost-style-ten .mbpost-img-wrapper:nth-child(2) img {
    height: 350px!important;
}
.mbpost-style-ten .mbpost-img-wrapper:nth-child(4) img {
    height: 350px!important;
}
.mbpost-style-ten .mbpost-img-wrapper:nth-child(3) img {
    height: 400px!important;
}
.mbpost-style-ten .mbpost-img-wrapper:nth-child(5) img {
    height: 380px!important;
}
.mbpost-style-ten .mbpost-img-wrapper:nth-child(6) img {
    height: 330px!important;
}
.mbpost-style-ten .mbpost-img-wrapper:nth-child(7) img {
    height: 500px!important;
}
.mbpost-style-ten .mbpost-img-wrapper:nth-child(8) img {
    height: 400px!important;
}
.mbpost-style-ten .mbpost-img-wrapper {
    margin-bottom: 0;
}
.mbpost-style-ten .mbpost-img-wrapper {
    will-change: transform;
    border-radius: 0;
}
.mbpost-style-ten .mbpost-img-wrapper::before {
    background-image: linear-gradient(336deg, #000 0%, #b0ff0047 100%);
}
.mbpost-style-ten .mbpost-img-wrapper:hover img {
    transform: scale(1.1);
}
.mbpost-style-ten .mbpost-content-wrapper {
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
}
.mbpost-style-ten .mbpost-img-wrapper:hover .mbpost-content-wrapper::before {
    position: absolute;
    content: "";
    inset: 0;
    background: #0000006b;
    opacity: 1;
    transform: translateY(0);
    z-index: -1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
}
.mbpost-style-ten .mbpost-img-wrapper .mbpost-title .mbpost-h2-title {
     background-image: linear-gradient(to bottom,#fff 0%,#fff 98%);
     transition-delay: .3s;
}
.mbpost-style-ten .mbpost-img-wrapper:hover .mbpost-title .mbpost-h2-title {
    background-size: 100% 3px;
    color: #fff;
}
.mbpost-style-ten .mbpost-cat {
    background: #d87210;
    border: 2px solid #fff;
}
.mbpost-style-ten .mbpost-img-wrapper:hover .mbpost-cat {
    border-bottom-right-radius: 0;
    border-top-left-radius: 30px;
}

/* Style eleven Start */
.mbpost-style-eleven {
    column-count: 3;
    column-width: 250px;
    display: block;
}
.mbpost-style-eleven .mbpost-img-wrapper:nth-child(1) img {
    height: 350px!important;
}
.mbpost-style-eleven .mbpost-img-wrapper:nth-child(2) img {
    height: 400px!important;
}
.mbpost-style-eleven .mbpost-img-wrapper:nth-child(4) img {
    height: 500px!important;
}
.mbpost-style-eleven .mbpost-img-wrapper:nth-child(3) img {
    height: 400px!important;
}
.mbpost-style-eleven .mbpost-img-wrapper:nth-child(5) img {
    height: 500px!important;
}
.mbpost-style-eleven .mbpost-img-wrapper:nth-child(6) img {
    height: 330px!important;
}
.mbpost-style-eleven .mbpost-img-wrapper:nth-child(7) img {
    height: 330px!important;
}
.mbpost-style-eleven .mbpost-img-wrapper:nth-child(8) img {
    height: 400px!important;
}
.mbpost-style-eleven .mbpost-img-wrapper::before {
    background-image: linear-gradient(90deg, #00c8ff9e 0%, #e08a0ea8 100%);
}
.mbpost-style-eleven .mbpost-img-wrapper:hover img {
   transform: scaleX(1.3);
}
.mbpost-style-eleven .mbpost-img-wrapper {
   border-radius: 0;
}
.mbpost-style-eleven .mbpost-img-wrapper .mbpost-content-wrapper {
    transform: translateY(0);
    background: #a4133c;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transform: rotate(90deg) rotateZ(90deg) translateY(0);
    -webkit-transform: rotate(90deg) rotateZ(90deg) translateY(0);
    -moz-transform: rotate(90deg) rotateZ(90deg) translateY(0);
    -ms-transform: rotate(90deg) rotateZ(90deg) translateY(0);
    -o-transform: rotate(90deg) rotateZ(90deg) translateY(0);
    transform-origin: left center;
}
.mbpost-style-eleven .mbpost-content-wrapper::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #0000001f;
    z-index: -1;
}
.mbpost-style-eleven .mbpost-img-wrapper .mbpost-title .mbpost-h2-title {
    font-size: 30px;
}
.mbpost-style-eleven .mbpost-img-wrapper:hover .mbpost-content-wrapper {
    transform: translateY(0);
}
.mbpost-style-eleven .mbpost-img-wrapper .mbpost-title .mbpost-h2-title {
     background-image: linear-gradient(to bottom,#fff 0%,#fff 98%);
}
.mbpost-style-eleven .mbpost-img-wrapper:hover .mbpost-title .mbpost-h2-title {
    background-size: 100% 2px;
    color: #fff;
}
.mbpost-style-eleven .mbpost-cat {
    background: #5E5FFE;
    border-radius: 30px;
}

/* Style twelve Start */
.mbpost-style-twelve {
    column-count: 3;
    column-width: 250px;
    display: block;
}
.mbpost-style-twelve .mbpost-img-wrapper:nth-child(1) img {
    height: 300px!important;
}
.mbpost-style-twelve .mbpost-img-wrapper:nth-child(2) img {
    height: 400px!important;
}
.mbpost-style-twelve .mbpost-img-wrapper:nth-child(4) img {
    height: 350px!important;
}
.mbpost-style-twelve .mbpost-img-wrapper:nth-child(3) img {
    height: 400px!important;
}
.mbpost-style-twelve .mbpost-img-wrapper:nth-child(5) img {
    height: 380px!important;
}
.mbpost-style-twelve .mbpost-img-wrapper:nth-child(6) img {
    height: 330px!important;
}
.mbpost-style-twelve .mbpost-img-wrapper:nth-child(7) img {
    height: 330px!important;
}
.mbpost-style-twelve .mbpost-img-wrapper:nth-child(8) img {
    height: 350px!important;
}
.mbpost-style-twelve .mbpost-img-wrapper {
    border-radius: 0;
    margin-bottom: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}
.mbpost-style-twelve .mbpost-img-wrapper .mbpost-content-wrapper {
   transform: translateY(100%);
   -webkit-transform: translateY(100%);
   -moz-transform: translateY(100%);
   -ms-transform: translateY(100%);
   -o-transform: translateY(100%);
}
.mbpost-style-twelve .mbpost-img-wrapper:hover .mbpost-content-wrapper {
   transform: translateY(0);
   -webkit-transform: translateY(0);
   -moz-transform: translateY(0);
   -ms-transform: translateY(0);
   -o-transform: translateY(0);
}
.mbpost-style-twelve .mbpost-img-wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    z-index: 0;
    pointer-events: none;
    transition: all .5s;
    background: #ff2419e5;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.mbpost-style-twelve .mbpost-img-wrapper .mbpost-title .mbpost-h2-title {
     background-image: linear-gradient(to bottom,#fff 0%,#fff 98%);
     background-position: 50% bottom;
}
.mbpost-style-twelve .mbpost-img-wrapper:hover .mbpost-title .mbpost-h2-title {
    background-size: 100% 2px;
    color: #fff;
}
.mbpost-style-twelve .mbpost-img-wrapper:hover::after{
    height: 100%;
}
.mbpost-style-twelve .mbpost-img-wrapper::before {
   background-image: linear-gradient(180deg,#0000003b 0%,#252c06c2 100%);
}
.mbpost-style-twelve .mbpost-cat {
    background: #d4088c;
    border-radius: 5px;
    transform: skew(15deg);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-transform: skew(15deg);
    -moz-transform: skew(15deg);
    -ms-transform: skew(15deg);
    -o-transform: skew(15deg);
}

/* Style thirteen Start */
.mbpost-style-thirteen {
    column-count: 3;
    column-width: 250px;
    display: block;
}
.mbpost-style-thirteen .mbpost-img-wrapper:nth-child(1) img {
    height: 500px!important;
}
.mbpost-style-thirteen .mbpost-img-wrapper:nth-child(2) img {
    height: 500px!important;
}
.mbpost-style-thirteen .mbpost-img-wrapper:nth-child(4) img {
    height: 350px!important;
}
.mbpost-style-thirteen .mbpost-img-wrapper:nth-child(3) img {
    height: 400px!important;
}
.mbpost-style-thirteen .mbpost-img-wrapper:nth-child(5) img {
    height: 380px!important;
}
.mbpost-style-thirteen .mbpost-img-wrapper:nth-child(6) img {
    height: 330px!important;
}
.mbpost-style-thirteen .mbpost-img-wrapper:nth-child(7) img {
    height: 330px!important;
}
.mbpost-style-thirteen .mbpost-img-wrapper:nth-child(8) img {
    height: 400px!important;
}
.mbpost-style-thirteen .mbpost-img-wrapper::before {
     background: -webkit-linear-gradient(top left, #0fd64f47, #0D1A86);
    background: -moz-linear-gradient(top left, #0fd64f47, #0D1A86);
    background: linear-gradient(to bottom right, #0fd64f47, #000);
}
.mbpost-style-thirteen .mbpost-img-wrapper:hover img {
    transform: scale(1.1);
}
.mbpost-style-thirteen .mbpost-img-wrapper:hover .mbpost-title .mbpost-h2-title {
    background-size: 100% 2px;
    color: #fff;
}
.mbpost-style-thirteen .mbpost-img-wrapper .mbpost-title .mbpost-h2-title {
    font-size: clamp(1.563rem, 2vw + 1rem, 2.188rem);
}
.mbpost-style-thirteen .mbpost-img-wrapper .mbpost-content-wrapper {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
}
.mbpost-style-thirteen .mbpost-cat {
     background: #00ff9b;
    color: #000;
    border-radius: 30px;
}
.mbpost-style-thirteen .mbpost-img-wrapper:hover .mbpost-cat {
    background: #ffc200;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
}

/* Style fourteen Start */
.mbpost-style-fourteen {
    column-count: 3;
    column-width: 250px;
    display: block;
    column-gap: 0;
}
.mbpost-style-fourteen .mbpost-img-wrapper:nth-child(1) img {
    height: 500px!important;
}
.mbpost-style-fourteen .mbpost-img-wrapper:nth-child(2) img {
    height: 500px!important;
}
.mbpost-style-fourteen .mbpost-img-wrapper:nth-child(4) img {
    height: 350px!important;
}
.mbpost-style-fourteen .mbpost-img-wrapper:nth-child(3) img {
    height: 370px!important;
}
.mbpost-style-fourteen .mbpost-img-wrapper:nth-child(5) img {
    height: 380px!important;
}
.mbpost-style-fourteen .mbpost-img-wrapper:nth-child(6) img {
    height: 330px!important;
}
.mbpost-style-fourteen .mbpost-img-wrapper:nth-child(7) img {
    height: 330px!important;
}
.mbpost-style-fourteen .mbpost-img-wrapper:nth-child(8) img {
    height: 360px!important;
}
.mbpost-style-fourteen .mbpost-img-wrapper::before {
    background-image: linear-gradient(180deg,#1d26712b 0%,#44a08d 100%);
}
.mbpost-style-fourteen .mbpost-img-wrapper {
    border: 1px solid #ffffff;
    border-radius: 0;
    margin-bottom: 0;
}
.mbpost-style-fourteen .mbpost-img-wrapper:hover img {
   transform: scale(1.1);
}
.mbpost-style-fourteen .mbpost-content-wrapper .mbpost-title .mbpost-h2-title {
    background: #583101;
    color: #fff;
    line-height: 1.5;
    padding: 0 10px;
    border: 2px solid #fff;
    box-decoration-break: clone;
    -webkit-box-decoration-break:clone;
}
:is(.mbpost-style-fourteen .mbpost-img-wrapper:nth-child(2),
 .mbpost-style-fourteen .mbpost-img-wrapper:nth-child(5)) .mbpost-content-wrapper{
    transform: translateY(36px);
    -webkit-transform: translateY(36px);
    -moz-transform: translateY(36px);
    -ms-transform: translateY(36px);
    -o-transform: translateY(36px);
}
:is(.mbpost-style-fourteen .mbpost-img-wrapper:hover:nth-child(2),
 .mbpost-style-fourteen .mbpost-img-wrapper:hover:nth-child(5)) .mbpost-content-wrapper{
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
}
.mbpost-style-fourteen .mbpost-cat {
    background: #F7C600;
    clip-path: polygon(100% 0%, 90% 50%, 100% 100%, 0% 100%, 10% 50%, 0 0);
    padding: 5px 15px;
    border-radius: 0;
}

/* Style fifteen Start */
.mbpost-style-fifteen {
    column-count: 3;
    column-width: 250px;
    display: block;
    column-gap: 4px;
}
.mbpost-style-fifteen .mbpost-img-wrapper:nth-child(1) img {
    height: 380px!important;
}
.mbpost-style-fifteen .mbpost-img-wrapper:nth-child(2) img {
    height: 370px!important;
}
.mbpost-style-fifteen .mbpost-img-wrapper:nth-child(4) img {
    height: 500px!important;
}
.mbpost-style-fifteen .mbpost-img-wrapper:nth-child(3) img {
    height: 400px!important;
}
.mbpost-style-fifteen .mbpost-img-wrapper:nth-child(5) img {
    height: 500px!important;
}
.mbpost-style-fifteen .mbpost-img-wrapper:nth-child(6) img {
    height: 330px!important;
}
.mbpost-style-fifteen .mbpost-img-wrapper:nth-child(7) img {
    height: 330px!important;
}
.mbpost-style-fifteen .mbpost-img-wrapper:nth-child(8) img {
    height: 450px!important;
}
.mbpost-style-fifteen .mbpost-img-wrapper::before {
   background-image: linear-gradient(230deg,#4568dc75 0%,#b06ab3 100%);
}
.mbpost-style-fifteen .mbpost-img-wrapper {
    border-radius: 0;
    margin-bottom: 10px;
}
.mbpost-style-fifteen .mbpost-img-wrapper:hover img {
    transform: scale(1.1);
}
.mbpost-style-fifteen .mbpost-img-wrapper .mbpost-content-wrapper{
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)!important;
    width: 100%;
    padding: 0 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    -webkit-transform: translate(-50%, -50%)!important;
    -moz-transform: translate(-50%, -50%)!important;
    -ms-transform: translate(-50%, -50%)!important;
    -o-transform: translate(-50%, -50%)!important;
}
.mbpost-style-fifteen .mbpost-img-wrapper .mbpost-content-wrapper .mbpost-title .mbpost-h2-title {
    background-image: -webkit-gradient(linear,left top,left bottom,from(#d6ed17),to(#d6ed17));
    background-image: linear-gradient(#d6ed17,#d6ed17);
    background-repeat: no-repeat;
    background-position: right top;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}
.mbpost-style-fifteen .mbpost-img-wrapper:hover .mbpost-content-wrapper .mbpost-title .mbpost-h2-title {
    color: #fff;
    background-size: 100% 100%;
    padding: 0 7px;
}
.mbpost-style-fifteen .mbpost-img-wrapper:nth-child(1) .mbpost-content-wrapper {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
}
.mbpost-style-fifteen .mbpost-cat {
    background: #926D00;
    outline: 2px solid #fff;
    outline-offset: 3px;
    border-top-right-radius: 0;
    border-top-left-radius: 30px;
}
.mbpost-style-fifteen .mbpost-img-wrapper:hover .mbpost-cat {
    outline: 2px solid #f95700;
    outline-offset: 0;
}

/* Style sixteen Start */
.mbpost-style-sixteen {
    column-count: 3;
    column-width: 250px;
    display: block;
    column-gap: 0;
}
.mbpost-style-sixteen .mbpost-img-wrapper:nth-child(1) img {
    height: 450px!important;
}
.mbpost-style-sixteen .mbpost-img-wrapper:nth-child(2) img {
    height: 400px!important;
}
.mbpost-style-sixteen .mbpost-img-wrapper:nth-child(4) img {
    height: 350px!important;
}
.mbpost-style-sixteen .mbpost-img-wrapper:nth-child(3) img {
    height: 400px!important;
}
.mbpost-style-sixteen .mbpost-img-wrapper:nth-child(5) img {
    height: 380px!important;
}
.mbpost-style-sixteen .mbpost-img-wrapper:nth-child(6) img {
    height: 330px!important;
}
.mbpost-style-sixteen .mbpost-img-wrapper:nth-child(7) img {
    height: 330px!important;
}
.mbpost-style-sixteen .mbpost-img-wrapper:nth-child(8) img {
    height: 400px!important;
}
.mbpost-style-sixteen .mbpost-img-wrapper::before {
    background-image: linear-gradient(266deg, #a5b4fc87, #4f46e5b8);
}
.mbpost-style-sixteen .mbpost-img-wrapper {
    box-shadow: 0 0 5px #000;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}
.mbpost-style-sixteen .mbpost-img-wrapper .mbpost-title .mbpost-h2-title {
     background-image: linear-gradient(to bottom,#fff 0%,#fff 98%);
     background-position: left 0% bottom;
}
.mbpost-style-sixteen .mbpost-img-wrapper .mbpost-content-wrapper {
    opacity: 0;
    transform: scale(2) translateY(0);
    -webkit-transform: scale(2) translateY(0);
    -moz-transform: scale(2) translateY(0);
    -ms-transform: scale(2) translateY(0);
    -o-transform: scale(2) translateY(0);
}
.mbpost-style-sixteen .mbpost-img-wrapper:hover .mbpost-content-wrapper {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}
.mbpost-style-sixteen .mbpost-img-wrapper:hover .mbpost-title .mbpost-h2-title {
    background-size: 100% 2px;
    color: #fff;
}
.mbpost-style-sixteen .mbpost-img-wrapper:hover img {
    transform: scale(1.1);
}
.mbpost-style-sixteen .mbpost-cat {
    background: #00C9A7;
    border-radius: 5px;
}

/* Style seventeen Start */
.mbpost-style-seventeen {
    column-count: 3;
    column-width: 250px;
    display: block;
}
.mbpost-style-seventeen .mbpost-img-wrapper:nth-child(1) img {
    height: 362px!important;
}
.mbpost-style-seventeen .mbpost-img-wrapper:nth-child(2) img {
    height: 378px!important;
}
.mbpost-style-seventeen .mbpost-img-wrapper:nth-child(4) img {
    height: 320px!important;
}
.mbpost-style-seventeen .mbpost-img-wrapper:nth-child(3) img {
    height: 330px!important;
}
.mbpost-style-seventeen .mbpost-img-wrapper:nth-child(5) img {
    height: 350px!important;
}
.mbpost-style-seventeen .mbpost-img-wrapper:nth-child(6) img {
    height: 345px!important;
}
.mbpost-style-seventeen .mbpost-img-wrapper:nth-child(7) img {
    height: 500px!important;
}
.mbpost-style-seventeen .mbpost-img-wrapper:nth-child(8) img {
    height: 450px!important;
}
.mbpost-style-seventeen .mbpost-img-wrapper {
   border-radius: 0;
}
.mbpost-style-seventeen .mbpost-img-wrapper:hover img {
   transform: scale(1.1);
}
.mbpost-style-seventeen .mbpost-content-wrapper {
   transform: translateY(0);
   -webkit-transform: translateY(0);
   -moz-transform: translateY(0);
   -ms-transform: translateY(0);
   -o-transform: translateY(0);
}
.mbpost-style-seventeen .mbpost-img-wrapper::before {
   background-image: linear-gradient(180deg,#0000000f 0%,#2f0743 100%);
}
.mbpost-style-seventeen .mbpost-content-wrapper .mbpost-title .mbpost-h2-title {
    background: #fff;
    color: #000;
    padding: 0 7px;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}
.mbpost-style-seventeen .mbpost-cat {
    background: #fc67fa;
    border-radius: 5px;
}

/* Style eightteen Start */
.mbpost-style-eighteen {
    column-count: 3;
    column-width: 250px;
    display: block;
    column-gap: 0;
}
.mbpost-style-eighteen .mbpost-img-wrapper:nth-child(1) img {
    height: 450px!important;
}
.mbpost-style-eighteen .mbpost-img-wrapper:nth-child(2) img {
    height: 550px!important;
}
.mbpost-style-eighteen .mbpost-img-wrapper:nth-child(4) img {
    height: 350px!important;
}
.mbpost-style-eighteen .mbpost-img-wrapper:nth-child(3) img {
    height: 400px!important;
}
.mbpost-style-eighteen .mbpost-img-wrapper:nth-child(5) img {
    height: 380px!important;
}
.mbpost-style-eighteen .mbpost-img-wrapper:nth-child(6) img {
    height: 330px!important;
}
.mbpost-style-eighteen .mbpost-img-wrapper:nth-child(7) img {
    height: 330px!important;
}
.mbpost-style-eighteen .mbpost-img-wrapper:nth-child(8) img {
    height: 400px!important;
}
.mbpost-style-eighteen .mbpost-img-wrapper {
    margin-bottom: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    box-shadow: 0 0 10px #000;
}
.mbpost-style-eighteen .mbpost-img-wrapper .mbpost-content-wrapper {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
}
.mbpost-style-eighteen .mbpost-img-wrapper:hover img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
}
.mbpost-style-eighteen .mbpost-img-wrapper::before {
    background-image: linear-gradient(180deg,#d04ed64d 0%,#f95700d2 100%);
}
.mbpost-style-eighteen .mbpost-img-wrapper .mbpost-title .mbpost-h2-title {
     background-image: linear-gradient(to bottom,#fff 0%,#fff 98%);
     background-position: left 0% bottom;
}
.mbpost-style-eighteen .mbpost-img-wrapper:hover .mbpost-title .mbpost-h2-title {
    background-size: 100% 2px;
    color: #fff;
}
.mbpost-style-eighteen .mbpost-cat {
    background: #00acc1;
    border-radius: 0;
}

/* Style nineteen Start */
.mbpost-style-nineteen {
    column-count: 3;
    column-width: 250px;
    display: block;
}
.mbpost-style-nineteen .mbpost-img-wrapper:nth-child(1) img {
    height: 480px!important;
}
.mbpost-style-nineteen .mbpost-img-wrapper:nth-child(2) img {
    height: 500px!important;
}
.mbpost-style-nineteen .mbpost-img-wrapper:nth-child(4) img {
    height: 350px!important;
}
.mbpost-style-nineteen .mbpost-img-wrapper:nth-child(3) img {
    height: 400px!important;
}
.mbpost-style-nineteen .mbpost-img-wrapper:nth-child(5) img {
    height: 380px!important;
}
.mbpost-style-nineteen .mbpost-img-wrapper:nth-child(6) img {
    height: 330px!important;
}
.mbpost-style-nineteen .mbpost-img-wrapper:nth-child(7) img {
    height: 330px!important;
}
.mbpost-style-nineteen .mbpost-img-wrapper:nth-child(8) img {
    height: 550px!important;
}
.mbpost-style-nineteen .mbpost-img-wrapper::before {
   background-image: linear-gradient(180deg,#bfd2005c 0%,#233329e0 100%);
}
.mbpost-style-nineteen .mbpost-img-wrapper:hover img {
    object-position: left;
}
.mbpost-style-nineteen .mbpost-img-wrapper .mbpost-content-wrapper {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
}
.mbpost-style-nineteen .mbpost-content-wrapper .mbpost-title .mbpost-h2-title {
    font-size: clamp(1.375rem, 2vw, 2.188rem);
}
.mbpost-style-nineteen .mbpost-img-wrapper .mbpost-content-wrapper .mbpost-title .mbpost-h2-title {
    background-image: -webkit-gradient(linear,left top,left bottom,from(#19B06B),to(#19B06B));
    background-image: linear-gradient(#19B06B,#19B06B);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    transition: all .7s;
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -ms-transition: all .7s;
    -o-transition: all .7s;
}
.mbpost-style-nineteen .mbpost-img-wrapper:hover .mbpost-content-wrapper .mbpost-title .mbpost-h2-title {
    color: #fff;
    background-size: 100% 100%;
    padding: 0 7px;
}
.mbpost-style-nineteen .mbpost-cat {
        background: #19B06B;
    clip-path: polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 85%, 85% 85%, 85% 100%, 15% 100%, 15% 85%, 0% 85%);
    border-radius: 0;
}
.mbpost-style-nineteen .mbpost-img-wrapper {
    border-radius: 0;
}

/* Style twenty Start */
.mbpost-style-twenty {
    column-count: 3;
    column-width: 250px;
    display: block;
    column-gap: 0;
}
.mbpost-style-twenty .mbpost-img-wrapper:nth-child(1) img {
    height: 350px!important;
}
.mbpost-style-twenty .mbpost-img-wrapper:nth-child(2) img {
    height: 400px!important;
}
.mbpost-style-twenty .mbpost-img-wrapper:nth-child(4) img {
    height: 450px!important;
}
.mbpost-style-twenty .mbpost-img-wrapper:nth-child(3) img {
    height: 380px!important;
}
.mbpost-style-twenty .mbpost-img-wrapper:nth-child(5) img {
    height: 480px!important;
}
.mbpost-style-twenty .mbpost-img-wrapper:nth-child(6) img {
    height: 330px!important;
}
.mbpost-style-twenty .mbpost-img-wrapper:nth-child(7) img {
    height: 330px!important;
}
.mbpost-style-twenty .mbpost-img-wrapper:nth-child(8) img {
    height: 400px!important;
}
.mbpost-style-twenty .mbpost-img-wrapper:hover img {
    transform: scale(1.1);
}
.mbpost-style-twenty .mbpost-img-wrapper  {
    margin-bottom: 5px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}
.mbpost-style-twenty .mbpost-img-wrapper:hover  {
    transform: scale(.9);
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    -o-transform: scale(.9);
}
.mbpost-style-twenty .mbpost-img-wrapper::before {
    background-image: linear-gradient(180deg,#00ca3673 0%,#012842 100%);
}
.mbpost-style-twenty .mbpost-content-wrapper {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)!important;
    width: 100%;
    -webkit-transform: translate(-50%, -50%)!important;
    -moz-transform: translate(-50%, -50%)!important;
    -ms-transform: translate(-50%, -50%)!important;
    -o-transform: translate(-50%, -50%)!important;
}
.mbpost-style-twenty .mbpost-content-wrapper .mbpost-desc p {
    font-size: 16px;
}
.mbpost-style-twenty .mbpost-img-wrapper .mbpost-content-wrapper .mbpost-title .mbpost-h2-title {
    background-image: -webkit-gradient(linear,left top,left bottom,from(#19B06B),to(#19B06B));
    background-image: linear-gradient(#3C43ED,#3C43ED);
    background-repeat: no-repeat;
    background-position: 100% 0%;
    font-size: clamp(1.375rem, 2vw + 1rem, 1.5rem);
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    transition: all .7s;
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -ms-transition: all .7s;
    -o-transition: all .7s;
}
.mbpost-style-twenty .mbpost-img-wrapper:hover .mbpost-content-wrapper .mbpost-title .mbpost-h2-title {
    color: #fff;
    padding: 0 7px;
    background-size: 100% 100%;
}
.mbpost-style-twenty .mbpost-cat {
    background: #3C43ED;
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    border-radius: 0;
    padding: 12px 20px;
}

/* Style twenty One Start */
.mbpost-style-twentyOne {
    column-count: 3;
    column-width: 250px;
    display: block;
}
.mbpost-style-twentyOne .mbpost-img-wrapper:nth-child(4),
.mbpost-style-twentyOne .mbpost-img-wrapper:nth-child(5),
.mbpost-style-twentyOne .mbpost-img-wrapper:nth-child(6) {
    margin-bottom: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}
.mbpost-style-twentyOne .mbpost-img-wrapper:nth-child(1) img {
    height: 400px!important;
}
.mbpost-style-twentyOne .mbpost-img-wrapper:nth-child(2) img {
    height: 400px!important;
}
.mbpost-style-twentyOne .mbpost-img-wrapper:nth-child(4) img {
    height: 450px!important;
}
.mbpost-style-twentyOne .mbpost-img-wrapper:nth-child(3) img {
    height: 500px!important;
}
.mbpost-style-twentyOne .mbpost-img-wrapper:nth-child(5) img {
    height: 380px!important;
}
.mbpost-style-twentyOne .mbpost-img-wrapper:nth-child(6) img {
    height: 330px!important;
}
.mbpost-style-twentyOne .mbpost-img-wrapper:nth-child(7) img {
    height: 530px!important;
}
.mbpost-style-twentyOne .mbpost-img-wrapper:nth-child(8) img {
    height: 500px!important;
}
.mbpost-style-twentyOne .mbpost-img-wrapper::before {
    background-image: linear-gradient(180deg,#0000003b 0%,#20640dcc 100%);
}
.mbpost-style-twentyOne .mbpost-content-wrapper {
    background: #005c00;
    transform: scale(0.8) translateX(300px) skew(36deg, 47deg);
    top: 0;
    opacity: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    -webkit-transform: scale(0.8) translateX(300px) skew(36deg, 47deg);
    -moz-transform: scale(0.8) translateX(300px) skew(36deg, 47deg);
    -ms-transform: scale(0.8) translateX(300px) skew(36deg, 47deg);
    -o-transform: scale(0.8) translateX(300px) skew(36deg, 47deg);
}
.mbpost-style-twentyOne .mbpost-img-wrapper:hover .mbpost-content-wrapper {
    opacity: 1;
}
.mbpost-style-twentyOne .mbpost-img-wrapper:hover .mbpost-cat{
    background: #19B06B;
    border-radius: 0;
}
.mbpost-style-twentyOne .mbpost-cat {
    background: #00acc1;
    border-radius: 30px;
}
/* Style twenty two start */
.mbpost-style-twentytwo {
    column-count: 3;
    column-width: 250px;
    display: block;
    gap: 30px;
}
.mbpost-style-twentytwo .mbpost-img-wrapper {
    box-shadow: 0 0 10px #0000004d;
    margin-bottom: 30px;
}
.mbpost-style-twentytwo .mbpost-img-wrapper .mbpost_thumbnail {
    display: block;
    width: 100%;
}
.mbpost-style-twentytwo .mbpost-img-wrapper::before {
    background-image: none;
}
.mbpost-style-twentytwo .mbpost-img-wrapper .mbpost-content-wrapper {
    position: static;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
}
:is(.mbpost-style-twentytwo .mbpost-img-wrapper .mbpost-content-wrapper) 
:is(.mbpost-title, .mbpost-desc, .mbpost-date, .mbpost-author, .mbpost-tag, .mbpost-comment) 
:is(.mbpost-h2-title, p, i, span) {
    color: #000;
}
.mbpost-style-twentytwo .mbpost-moreBtn .mbpost-moreIcon {
    margin-left: -12px;
    opacity: 0;
    transition: all .3s;
}
.mbpost-style-twentytwo .mbpost-moreBtn:hover .mbpost-moreIcon {
    padding-left: 5px;
    opacity: 1;
    margin-left: 0;
}
.mbpost-style-twentytwo .mbpost-img-wrapper:nth-child(1) img {
    height: 250px!important;
}
.mbpost-style-twentytwo .mbpost-img-wrapper:nth-child(2) img {
    height: 250px!important;
}
.mbpost-style-twentytwo .mbpost-img-wrapper:nth-child(4) img {
    height: 300px!important;
}
.mbpost-style-twentytwo .mbpost-img-wrapper:nth-child(3) img {
    height: 250px!important;
}
.mbpost-style-twentytwo .mbpost-img-wrapper:nth-child(5) img {
    height: 324px!important;
}
.mbpost-style-twentytwo .mbpost-img-wrapper:nth-child(6) img {
    height: 250px!important;
}
.mbpost-style-twentytwo .mbpost-img-wrapper:nth-child(7) img {
    height: 250px!important;
}
.mbpost-style-twentytwo .mbpost-img-wrapper:nth-child(8) img {
    height: 250px!important;
}
/* Style twenty three start */
.mbpost-style-twentythree {
    column-count: 3;
    column-width: 300px;
    display: block;
    gap: 30px;
}
.mbpost-style-twentythree .mbpost-img-wrapper {
    margin-bottom: 30px;
}
.mbpost-style-twentythree .mbpost-img-wrapper .mbpost_thumbnail {
    display: block;
    width: 100%;
}
.mbpost-style-twentythree .mbpost-img-wrapper::before {
    background-image: none;
}
.mbpost-style-twentythree .mbpost-img-wrapper .mbpost-content-wrapper {
    position: static;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
}

:is(.mbpost-style-twentythree .mbpost-img-wrapper .mbpost-content-wrapper) 
:is(.mbpost-title, .mbpost-desc, .mbpost-date, .mbpost-author, .mbpost-tag, .mbpost-comment) 
:is(.mbpost-h2-title, p, i, span) {
    color: #000;
}
:is(.mbpost-style-twentythree .mbpost-img-wrapper:nth-child(3) .mbpost-content-wrapper,
.mbpost-style-twentythree .mbpost-img-wrapper:nth-child(4) .mbpost-content-wrapper,
.mbpost-style-twentythree .mbpost-img-wrapper:nth-child(5) .mbpost-content-wrapper) 
:is(.mbpost-title, .mbpost-desc, .mbpost-date, .mbpost-author, .mbpost-tag, .mbpost-comment) 
:is(.mbpost-h2-title, p, i, span) {
    color: rgb(255, 255, 255);
}
.mbpost-style-twentythree .mbpost-moreBtn .mbpost-moreIcon {
    margin-left: -12px;
    opacity: 0;
    transition: all .3s;
}
.mbpost-style-twentythree .mbpost-moreBtn:hover .mbpost-moreIcon {
    padding-left: 5px;
    opacity: 1;
    margin-left: 0;
}
.mbpost-style-twentythree .mbpost-img-wrapper:nth-child(1) img {
    height: 270px!important;
}
.mbpost-style-twentythree .mbpost-img-wrapper:nth-child(2) img {
    height: 270px!important;
}
.mbpost-style-twentythree .mbpost-img-wrapper:nth-child(4) img {
    height: 350px!important;
}
.mbpost-style-twentythree .mbpost-img-wrapper:nth-child(3) img {
    height: 320px!important;
}
.mbpost-style-twentythree .mbpost-img-wrapper:nth-child(5) img {
    height: 350px!important;
}
.mbpost-style-twentythree .mbpost-img-wrapper:nth-child(6) img {
    height: 330px!important;
}
.mbpost-style-twentythree .mbpost-img-wrapper:nth-child(7) img {
    height: 330px!important;
}
.mbpost-style-twentythree .mbpost-img-wrapper:nth-child(8) img {
    height: 400px!important;
}
.mbpost-style-twentythree .mbpost-img-wrapper:nth-child(3) .mbpost-content-wrapper,
.mbpost-style-twentythree .mbpost-img-wrapper:nth-child(4) .mbpost-content-wrapper,
.mbpost-style-twentythree .mbpost-img-wrapper:nth-child(5) .mbpost-content-wrapper {
    position: absolute;
    background: #0000009e;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
/* Style twenty Four */

.mbpost-style-twentyfour {
    column-count: 3;
    column-width: 250px;
    display: block;
}
.mbpost-style-twentyfour .mbpost-img-wrapper:nth-child(1) img {
    height: 350px!important;
}
.mbpost-style-twentyfour.mbpost-img-wrapper:nth-child(2) img {
    height: 400px!important;
}
.mbpost-style-twentyfour .mbpost-img-wrapper:nth-child(4) img {
    height: 500px!important;
}
.mbpost-style-twentyfour .mbpost-img-wrapper:nth-child(3) img {
    height: 320px!important;
}
.mbpost-style-twentyfour .mbpost-img-wrapper:nth-child(5) img {
    height: 400px!important;
}
.mbpost-style-twentyfour .mbpost-img-wrapper:nth-child(6) img {
    height: 430px!important;
}
.mbpost-style-twentyfour .mbpost-img-wrapper:nth-child(7) img {
    height: 380px!important;
}
.mbpost-style-twentyfour .mbpost-img-wrapper:nth-child(8) img {
    height: 400px!important;
}
.mbpost-style-twentyfour .mbpost-img-wrapper::before {
    background-image: linear-gradient(90deg, #00968824 0%, #ffc10717 100%);
}
.mbpost-style-twentyfour .mbpost-img-wrapper:hover img {
   transform: scaleX(1.3);
}
.mbpost-style-twentyfour .mbpost-img-wrapper .mbpost-content-wrapper {
    transform: translateY(0);
    background: #009688ab;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transform-origin: top center;
    transform: translate(100%, -100%);
    -webkit-transform: translate(100%, -100%);
    -moz-transform: translate(100%, -100%);
    -ms-transform: translate(100%, -100%);
    -o-transform: translate(100%, -100%);
}
.mbpost-style-twentyfour .mbpost-content-wrapper::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #0000001f;
    z-index: -1;
}
.mbpost-style-twentyfour .mbpost-img-wrapper .mbpost-title .mbpost-h2-title {
    font-size: 30px;
}
.mbpost-style-twentyfour .mbpost-img-wrapper:hover .mbpost-content-wrapper {
    transform: translateY(0);
}
.mbpost-style-twentyfour .mbpost-img-wrapper .mbpost-title .mbpost-h2-title {
     background-image: linear-gradient(to bottom,#fff 0%,#fff 98%);
}
.mbpost-style-twentyfour .mbpost-img-wrapper:hover .mbpost-title .mbpost-h2-title {
    background-size: 100% 2px;
    color: #fff;
}
.mbpost-style-twentyfour .mbpost-cat {
    background: #8BC34A;
    border-radius: 30px;
}

.mbpost-img-wrapper .post-categories {
    position: absolute;
    will-change: transform;
    width: 100%;
    z-index: 1;
}


/* pagination */
.mbpost_pagination_item {
    position: absolute;
    bottom: -52px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 5px;
    will-change: transform;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.mbpost_pagination_item span,
.mbpost_pagination_item a{
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    color: #082a78;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 70px 0px rgba(0, 0, 0, 0.1);
    border: 1px solid rgb(223, 223, 223);
    border-radius: 5px;
    display: inline-block;
    padding: 8px 15px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.mbpost_pagination_item a:hover {
    color: #082a78;
    background-color: #2dfc8f;
    border: 1px solid #2dfc8f;
    transform: scale(.85);
}
.mbpost_pagination_item span{
    background-color: #2dfc8f;
    color: #082a78;
}
.mbpost-style-two .mbpost_pagination_item span{
    background-color: #ffb700;
}
.mbpost-style-two .mbpost_pagination_item a:hover {
    background-color: #ffb700;
    border: 1px solid #ffb700;
}
.mbpost-style-three .mbpost_pagination_item span{
    background-color: #f95700;
}
.mbpost-style-three .mbpost_pagination_item a:hover {
    background-color: #f95700;
    border: 1px solid #f95700;
    color: #ffffff;
}
.mbpost-style-four .mbpost_pagination_item span{
    background-color: #9e0059;
}
.mbpost-style-four .mbpost_pagination_item a:hover {
    background-color: #9e0059;
    border: 1px solid #9e0059;
    color: #ffffff;
}
.mbpost-style-four .page-numbers.current {
    color: #fff;
}
.mbpost-style-five .mbpost_pagination_item span{
    background-color: #084049;
}
.mbpost-style-five .mbpost_pagination_item a:hover {
    background-color: #084049;
    border: 1px solid #084049;
    color: #ffffff;
}
.mbpost-style-five .page-numbers.current {
    color: #fff;
}
.mbpost-style-six .mbpost_pagination_item span{
    background: #D6ED17FF;
}
.mbpost-style-six .mbpost_pagination_item a:hover {
    background: #D6ED17FF;
    border: 1px solid #D6ED17FF;
}
.mbpost-style-seven .mbpost_pagination_item span{
    background: #c0760c;
}
.mbpost-style-seven .mbpost_pagination_item a:hover {
    background: #c0760c;
    border: 1px solid #c0760c;
    color: #fff;
}
.mbpost-style-seven .page-numbers.current {
    color: #fff;
}
.mbpost-style-eight .mbpost_pagination_item span{
    background: #5c03d9;
}
.mbpost-style-eight .mbpost_pagination_item a:hover {
    background: #5c03d9;
    border: 1px solid #5c03d9;
    color: #fff;
}
.mbpost-style-eight .page-numbers.current {
    color: #fff;
}
.mbpost-style-nine .mbpost_pagination_item span{
    background: #427e35;
}
.mbpost-style-nine .mbpost_pagination_item a:hover {
    background: #427e35;
    border: 1px solid #427e35;
    color: #fff;
}
.mbpost-style-nine .page-numbers.current {
    color: #fff;
}
.mbpost-style-ten .mbpost_pagination_item span{
    background: #d87210;
}
.mbpost-style-ten .mbpost_pagination_item a:hover {
    background: #d87210;
    border: 1px solid #d87210;
    color: #fff;
}
.mbpost-style-ten .page-numbers.current {
    color: #fff;
}
.mbpost-style-eleven .mbpost_pagination_item span{
    background: #5E5FFE;
}
.mbpost-style-eleven .mbpost_pagination_item a:hover {
    background: #5E5FFE;
    border: 1px solid #5E5FFE;
    color: #fff;
}
.mbpost-style-eleven .page-numbers.current {
    color: #fff;
}
.mbpost-style-twelve .mbpost_pagination_item span{
    background: #252c06;
}
.mbpost-style-twelve .mbpost_pagination_item a:hover {
    background: #252c06;
    border: 1px solid #252c06;
    color: #fff;
}
.mbpost-style-twelve .page-numbers.current {
    color: #fff;
}
.mbpost-style-thirteen .mbpost_pagination_item span{
    background: #55a630;
}
.mbpost-style-thirteen .mbpost_pagination_item a:hover {
    background: #55a630;
    border: 1px solid #55a630;
    color: #fff;
}
.mbpost-style-thirteen .page-numbers.current {
    color: #fff;
}
.mbpost-style-fourteen .mbpost_pagination_item span{
    background: #583101;
}
.mbpost-style-fourteen .mbpost_pagination_item a:hover {
    background: #583101;
    border: 1px solid #583101;
    color: #fff;
}
.mbpost-style-fourteen .page-numbers.current {
    color: #fff;
}
.mbpost-style-fifteen .mbpost_pagination_item span{
    background: #b06ab3;
}
.mbpost-style-fifteen .mbpost_pagination_item a:hover {
    background: #b06ab3;
    border: 1px solid #b06ab3;
    color: #fff;
}
.mbpost-style-fifteen .page-numbers.current {
    color: #fff;
}
.mbpost-style-sixteen .mbpost_pagination_item span{
    background: #00C9A7;
}
.mbpost-style-sixteen .mbpost_pagination_item a:hover {
    background: #00C9A7;
    border: 1px solid #00C9A7;
    color: #fff;
}
.mbpost-style-sixteen .page-numbers.current {
    color: #fff;
}
.mbpost-style-seventeen .mbpost_pagination_item span{
    background: #fc67fa;
}
.mbpost-style-seventeen .mbpost_pagination_item a:hover {
    background: #fc67fa;
    border: 1px solid #fc67fa;
    color: #fff;
}
.mbpost-style-seventeen .page-numbers.current {
    color: #fff;
}
.mbpost-style-eighteen .mbpost_pagination_item span{
    background: #00acc1;
}
.mbpost-style-eighteen .mbpost_pagination_item a:hover {
    background: #00acc1;
    border: 1px solid #00acc1;
    color: #fff;
}
.mbpost-style-eighteen .page-numbers.current {
    color: #fff;
}
.mbpost-style-nineteen .mbpost_pagination_item span{
    background: #19B06B;
}
.mbpost-style-nineteen .mbpost_pagination_item a:hover {
    background: #19B06B;
    border: 1px solid #19B06B;
    color: #fff;
}
.mbpost-style-nineteen .page-numbers.current {
    color: #fff;
}
.mbpost-style-twenty .mbpost_pagination_item span{
    background: #104911;
}
.mbpost-style-twenty .mbpost_pagination_item a:hover {
    background: #104911;
    border: 1px solid #104911;
    color: #fff;
}
.mbpost-style-twenty .page-numbers.current {
    color: #fff;
}
.mbpost-style-twentyOne .mbpost_pagination_item span{
    background: #9b5de5;
}
.mbpost-style-twentyOne .mbpost_pagination_item a:hover {
    background: #9b5de5;
    border: 1px solid #9b5de5;
    color: #fff;
}
.mbpost-style-twentyOne .page-numbers.current {
    color: #fff;
}
.mbpost-style-twentytwo .mbpost_pagination_item span{
    background: #023e8a;
}
.mbpost-style-twentytwo .mbpost_pagination_item a:hover {
    background: #023e8a;
    border: 1px solid #023e8a;
    color: #fff;
}
.mbpost-style-twentytwo .page-numbers.current {
    color: #fff;
}
.mbpost-style-twentythree .mbpost_pagination_item span{
    background: #9b2226;
}
.mbpost-style-twentythree .mbpost_pagination_item a:hover {
    background: #9b2226;
    border: 1px solid #9b2226;
    color: #fff;
}
.mbpost-style-twentythree .page-numbers.current {
    color: #fff;
}