.home-desgin__desc {
    height: 100%;
    padding: 10px;
    border-radius: 12px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.home-desgin__desc > .tp-feature,
.home-desgin__desc > .tp-feature > .row,
.home-desgin__desc .tp-feature__figure{
    height: 100%;
}

.home-desgin__desc .tp-feature__image {
    border-radius: 10px;
    object-fit: cover;
}

.home-desgin__desc .tp-feature__heading {
    margin-bottom: 15px;
}

.home-desgin__desc .tp-feature__text ul {
    padding-left: 0;
}

.home-desgin__desc .tp-feature__text ul li:not(:last-child) {
    margin-bottom: 10px;
}

.home-desgin__desc .tp-feature__text ul li i {
    color: var(--tp-primary);
    margin-right: 6px;
}


.article-popular__list > .row > .col {
    margin-bottom: 24px;
}
.article-popular__list .tp-post__thumbnail{
    border-radius: 10px;
    overflow: hidden;
}
.article-popular__list .tp-post__thumbnail img {
    border-radius: 10px;
    transition: all .4s;
}

.article-popular__list .tp-post__content {
    padding: 15px 0;
}

.article-popular__list .tp-post-item:hover .tp-post__thumbnail img {
    transform: scale(1.1);
    transition: all .4s;
}

.article-popular__list .tp-title:hover a {
    color: var(--tp-primary);
    transition: all .4s;
}

.article-popular__list .bp-result,
.article-popular__list .bp-result-number {
    display: none;
}

.solutions-box {
    padding: 20px;
    border-radius: 12px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border: 1px solid var(--tp-primary);
    transition: all .4s;
}
.solutions-box:hover {
    transform: translateY(-6px);
    transition: all .4s;
}
.solutions-box .tp-icon {
    width: 60px;
    min-width: 60px;
    height: 60px;
    box-shadow: 0 6px 15px rgba(0, 87, 146, .2);
    border-radius: 20px;
    color: var(--tp-primary);
    transition: all .4s;
}

.solutions-box:hover .tp-icon {
    transform: scale(1.1) rotate(6deg);
    transition: all .4s;
}

@media (max-width: 767.98px) {
    .home-desgin__desc .tp-feature__body{
        padding-top: 15px;
    }
    .home-desgin__desc .tp-feature__text ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 10px;
    }
    
    .home-desgin__desc .tp-feature__text ul li:not(:last-child) {
        margin-bottom: 0;
    }
    .home-desgin__desc .tp-feature__image {
        aspect-ratio: 4/3;
    }
}