/* Article Box */
.article-box.article-box-style-1 .article-box-inner-content {
    overflow: hidden;
    height: auto;
    border-radius: 5px
}
.article-box.article-box-style-1 .service-item-loop .article-box-img {
    position: relative;
    display: grid;
    max-width: 100%;
    height: auto;
    box-sizing: border-box;
    overflow: hidden
}
.article-box.article-box-style-1 .service-item-loop .article-box-content {
    transition: margin-top .2s;
    padding: 5px 15px
}
.article-box.article-box-style-1 .asb-title {
    font-size: 18px;
    line-height: 40px;
    font-weight: 400;
    padding: 0;
    margin: 0;
    color: #fff
}
.article-box.article-box-style-1 .asb-sub-title {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    padding: 0;
    margin: 0;
    color: #fff
}
.article-box.article-box-style-1 .asb-desc,.article-box.article-box-style-1 .asb-desc p {
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    color: #fff
}
.article-box.article-box-style-1 .article-hover-content {
    display: none
}
.article-box.article-box-style-1 .asb-desc .tpgb-adv-button .button-link-wrap {
    font-size: 13px;
    line-height: 19px;
    font-weight: 400;
    color: #fff
}
.article-box.article-box-style-1 .article-overlay {
    position: absolute;
    bottom: 0;
    background-color: #7248f1;
    height: auto;
    left: 0;
    right: 0
}
.article-box.article-box-style-1 .service-item-loop .article-box-img img {
    width: 100%
}
.article-box.article-box-style-1 .tpgb-adv-button.button-style-8 .button-link-wrap {
    padding: 15px 30px;
}
.article-box.article-box-style-1 .tpgb-adv-button.button-style-7 .button-link-wrap:after {
    border: 1px solid rgba(255,255,255,.3)
}
/*article box main style 1 end */
/*article box main style 2 start */
.article-box-style-2 .article-box-main .article-box-hover-wrapper,.article-box-style-2 .asb-desc,.article-box.article-box-style-2 .article-box-main-wrapper .article-box-front-wrapper {
    transition: all .3s ease-in-out
}
.article-box-style-2 .article-box-main-wrapper {
    max-width: 100%;
    max-height: max-content;
    border-radius: 5px
}
.article-box-style-2 .article-box-front-wrapper {
    flex-wrap: wrap;
    flex-direction: column;
    width: 100%;
    height: auto;
    min-height: 200px;
    vertical-align: middle;
    text-align: center;
    padding: 15px 20px
}
.article-box.article-box-style-2 .article-box-hover-wrapper {
    position: absolute;
    width: 100%;
    height: auto;
    padding: 15px 20px;
    display: block;
    top: 50%;
    transform: translateY(-50%);
    text-align: center
}
.article-box-style-2 .article-box-main .article-box-hover-wrapper,.article-box-style-2 .article-box-main:hover .article-box-front-wrapper {
    opacity: 0
}
.article-box-style-2 .article-box-main:hover .article-box-hover-wrapper {
    opacity: 1
}
.article-box-style-2 .asb-desc {
    line-height: 1.2
}
.article-box-style-2 .service-item-loop {
    height: 100%;
    margin: 0
}
.article-box-style-2 .article-box-main {
    height: auto
}
.article-box-style-2 .tpgb-adv-button.button-style-7 .button-link-wrap {
    padding: 0 36px 0 0;
    transform: translateY(100%);
    opacity: 0
}
.article-box-style-2 .article-box-main:hover .tpgb-adv-button.button-style-7 .button-link-wrap {
    opacity: 1;
    transform: translateY(0)
}
.article-box-style-2 .asb-desc,.article-box-style-2 .asb-sub-title,.article-box-style-2 .asb-title,.article-box-style-2 .tpgb-adv-button.button-style-7 .button-link-wrap {
    color: #fff
}
.article-box.article-box-style-2 .tpgb-adv-button.button-style-7 .button-link-wrap:after {
    border: 1px solid rgba(255,255,255,.3)
}
.article-box-style-2 .asb-desc p,.article-box-style-2 .asb-title {
    margin: 0
}
.article-box-style-2 .asb-icon-image {
    margin-bottom: 15px
}
.article-box-style-2 .asb-sub-title {
    margin: 15px 0 0
}
.article-box-style-2 .tpgb-adv-button {
    margin-top: 15px
}