/*blogbox-styleone*/

.themetechmount-blogbox-styletwo .tm-entry-meta-wrapper .tm-meta-line.posted-on:after,
.themetechmount-blogbox-styleone .tm-entry-meta-wrapper .tm-meta-line.posted-on:after {
    position: absolute;
    content: "|";
    right: 8px;
    top: -3px;
    color: rgba(0 , 0 , 0 , 0.20);
    font-weight: 400;
    font-size: 18px;
}

.themetechmount-blogbox-styleone .ttm-featured-outer-wrapper.ttm-post-featured-outer-wrapper {
    position: relative;
}

.themetechmount-blogbox-styleone .themetechmount-box-details {
    /* position: absolute; */
    bottom: 0;
    left: 0;
    transition: all 500ms ease;
    z-index: 15;
    color: var(--ttm-whitecolor);
    padding: 27px 40px 28px;
    z-index: 31;
    position: relative;
}
.themetechmount-blogbox-styleone .themetechmount-box-img {
    height: 0;
}

.themetechmount-blogbox-styleone .themetechmount-box-content {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(0 , 0 , 0 , 0.30);
    border-radius: 15px;
    background-color: var(--ttm-greycolor);
}

.themetechmount-blogbox-styleone .themetechmount-box-content:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 133px;
    left: 0;
    z-index: 10;
    opacity: 0;
    transition: all .6s ease;
    top: 0;
    background-color: #000;
}

.themetechmount-blogbox-styleone:hover .themetechmount-box-content:before {
    opacity: 0.7;
}

.themetechmount-blogbox-styleone .ttm-featured-outer-wrapper img {
    opacity: 0;
    transition: .5s;
    position: relative;
    z-index: 3;
    clip-path: inset(0 100% 0 0);
    -webkit-clip-path: inset(0 100% 0 0);
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.themetechmount-blogbox-styleone:hover .ttm-featured-outer-wrapper img {
    opacity: 1;
    clip-path: inset(0 0 0 0);
    -webkit-clip-path: inset(0 0 0 0);
}

.themetechmount-blogbox-styletwo .tm-entry-meta-wrapper .tm-entry-meta .tm-meta-line,
.themetechmount-blogbox-styleone .tm-entry-meta-wrapper .tm-entry-meta .tm-meta-line {
    color: var(--body-blackfont-color);
    padding-right: 25px;
}

.themetechmount-blogbox-styleone .themetechmount-box-details .themetechmount-box-title {
    border-width: 1px 0 1px;
    border-style: solid;
    border-color: rgba(0 , 0 , 0 , 0.20);
    padding: 27px 0;
    margin: 31px 0 31px;
}

.themetechmount-blogbox-styleone .tm-entry-meta-wrapper {
    margin: 0;
}

.themetechmount-blogbox-styleone:hover .tm-entry-meta-wrapper .tm-meta-line.posted-on:after {
    color: rgba(255 , 255 , 255 , 0.30);
}
.themetechmount-blogbox-styleone:hover .themetechmount-box-details .themetechmount-box-title {
    border-color: rgba(255 , 255 , 255 , 0.30);
}
.themetechmount-blogbox-styleone:hover .themetechmount-blogbox-desc-footer a,
.themetechmount-blogbox-styleone:hover .themetechmount-box-details .themetechmount-box-title h4 a,
.themetechmount-blogbox-styleone:hover .tm-entry-meta-wrapper .tm-entry-meta .tm-meta-line {
    color: var(--ttm-whitecolor);
}

.themetechmount-blogbox-styletwo .themetechmount-blogbox-desc-footer a,
.themetechmount-blogbox-styleone .themetechmount-blogbox-desc-footer a {
    text-decoration: underline;
    position: relative;
    font-family: var(--special-element-fontfamily);
}

.themetechmount-blogbox-styletwo .themetechmount-blogbox-desc-footer a:after,
.themetechmount-blogbox-styleone .themetechmount-blogbox-desc-footer a:after {
    content: "\f10c";
    font-family: theme_finance !important;
    position: absolute;
    top: 3px;
    right: -25px;
    font-size: 17px;
    font-weight: 700;
}

@media (max-width: 1240px) {
    .themetechmount-blogbox-styleone .themetechmount-box-details .themetechmount-box-title h4 {
        font-size: 22px;
        line-height: 32px;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .themetechmount-blogbox-styleone .themetechmount-box-details .themetechmount-box-title {
        padding: 20px 0;
        margin: 20px 0 20px;
    }
}

@media (max-width: 991px) {
    .tm-test-topimg .themetechmount-element-testimonialbox-style-1 .tm-box-col-wrapper:nth-child(2),
    .themetechmount-element-testimonialbox-style-1 .tm-box-col-wrapper:nth-child(even) {
        margin-top: 0;
    }
}
@media (max-width: 390px) {
    .themetechmount-box-blog.themetechmount-blogbox-styleone.themetechmount-blogbox-format- .themetechmount-box-details {
        padding: 25px 20px 25px;
    }
    .themetechmount-blogbox-styleone .themetechmount-box-details .themetechmount-box-title {
        padding: 10px 0;
        margin: 10px 0 10px;
    }
    .themetechmount-blogbox-styletwo  .themetechmount-box-title h4 {
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1024px) {
    .themetechmount-blogbox-styleone .themetechmount-box-details .themetechmount-box-title {
        padding: 10px 0;
        margin: 10px 0 10px;
    }
}

/* Blogbox style2 */
.themetechmount-blogbox-styletwo .themetechmount-box-content-inner {
    border-bottom: 1px solid rgba(0 , 0 , 0 , 0.15);
    padding: 24px 0 31px;
    margin-bottom: 31px;
}
.themetechmount-blogbox-styletwo .themetechmount-box-content-inner .tm-entry-meta-wrapper {
    margin: 0px 0px 22px 0px;
}
.themetechmount-blogbox-styletwo .themetechmount-box-img {
    overflow: hidden;
    position: relative;
}
.themetechmount-blogbox-styletwo .themetechmount-box-img img {
    transition: 0.9s;
}
.themetechmount-blogbox-styletwo:hover .themetechmount-box-img img {
    transform: scale(1.1) rotate(-2deg);
}

