.packages .item {
    border: 1px solid #e9e9e9;
    border-radius: 20px;
}
.packages .item .body {
    height: 180px;
    background: var(--bg-color);
    border-radius: 20px;
    color: #fff;
}
.order-btn { background: #449989; }


.blog-title {
    border-left: 7px solid var(--bg-color);
    padding: 2px 0 2px 20px;
}

.front-slide {
    background: #e9e9e9;
    border-radius: 20px;
}
.front-slide .img {
    border-radius: 20px;
}
.front-slide .title {
    height: 38px;
}
.front-slide .text {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 40px;
}

.packages-mobile {
    color: #19253f;
}
.packages-mobile .item {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px 160px 10px 10px;
}
.packages-mobile .mt10:first-child .item-wrapper {
    background-image: linear-gradient(to right, #dbe8fb , #e9f1f3);
    border-radius: 5px;
}
.packages-mobile .order-btn {
    background: none;
    border: 1px solid #1cba9c;
    color: #1cba9c;
    padding: 1px 20px 3px 20px;
}
.packages-mobile .text { color: #696868; }
.slider-mobile {
    background: #1cba9c;
    height: 90px;
    border-radius: 8px;
}
.slider-mobile img { bottom: 0; left: 0; z-index: 1; }
.slider-mobile .text { color: #fff; }