body {
    background-color: #24D6D6 !important;
}

.app-wrapper {
    padding: 0 !important;
}

.article-card {
    width: 100%;
    padding: 0 16px;
    cursor: pointer;
}

.article-card .body {
    height: 100%;
    border-radius: 36px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
    background-color: #FFFAF4;
    overflow: hidden;
}

.article-card .header {
    width: 100%;
    padding: 16px;
    background-color: #24D6D6;
}

.article-card .header .title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    width: 100%;
    color: #FFFAF4;
    line-height: 34px;
    font-size: 26px;
    overflow: hidden;
}

.article-card .img-fluid {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: fill;
}

.home-bottom {
    border-top-left-radius: 120px;
    border-top-right-radius: 120px;
    background-image: linear-gradient(to top, #16C1C9 50%, #97EDEF, #DEFCFB);
}

.home-bottom > h2 {
    margin: 96px 0;
    color: #1AA5B6;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
}

.home-container {
    background-color: #fafafa;
}

.home-product {
    padding-bottom: 80px;
}

.home-product .wrapper > h2 {
    padding: 96px 0;
    color: #1AA5B6;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
}

.home-news {
    padding-bottom: 80px;
    border-top-left-radius: 120px;
    border-top-right-radius: 120px;
    background-color: #ffffff;
}

.home-news .wrapper > h2 {
    padding: 96px 0;
    color: #1AA5B6;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
}

.home-service {
    width: 100%;
    height: 550px;
    background-image: url('../../../img/welcome/service-desktop.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.home-top {
    padding: 96px 0 0 0;
}

.home-top > h2 {
    color: #1AA5B6;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
}

.news-wrapper {
    width: 90%;
    margin: 0 auto;
}

.slick-wrapper > h2 {
    padding: 96px 0;
    color: #1AA5B6;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
}

.wave {
    background-color: #fafafa;
}

@media (max-width: 960px),
    (max-width: 480px) {
    .article-card {
        margin-bottom: 16px;
    }

    .home-bottom {
        border-top-left-radius: 96px;
        border-top-right-radius: 96px;
    }

    .home-news {
        padding-bottom: 0;
        border-top-left-radius: 96px;
        border-top-right-radius: 96px;
    }

    .home-service {
        height: 770px;
        background-image: url('../../../img/welcome/service-mobile.png');
    }
}