.banner_home.us-banner {
    height: 400px !important;
    background: url("../libs/imgs/home/banner-home.jpg")  no-repeat center center !important;
}

.us-banner-title {
    padding-top: 132px;
    width: 1200px;
    margin: 0 auto;

    h1 {
        text-align: center;
        font-size: 40px;
        line-height: 56px;
        color: #fff;
    }
}

.us-title {
    font-size: 20px;
    line-height: 28px;
    color: #E84040;
    font-weight: 700;
}

.us-content {
    width: 1280px;
    margin: 0 auto;
    padding: 64px 40px;
    font-size: 16px;
    line-height: 24px;
}


.us-bottom {
    display: flex;
    flex-wrap: wrap;
    margin-top: 16px;
    gap: 24px;
}

.us-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 384px;

    img {
        width: 96px;
        height: 96px;
        margin-bottom: 16px;
    }

    strong {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 16px;
        text-align: center;
    }

    p {
        font-size: 16px;
        line-height: 24px;
        text-align: center;
    }

}

.us-top-ul {
    margin: 0 auto;
    padding: 23px 0 78px;
    width: 610px;
}

.us-ul {
    li {
        padding-left: 20px;
        position: relative;
        font-size: 16px;
        line-height: 24px;
        font-style: italic;
    }

    li::before {
        content: '';
        display: inline-block;
        width: 4px;
        height: 4px;
        background-color: #333;
        border-radius: 50%;
        position: absolute;
        top: 10px;
        left: 8px;
    }
}

.img-w {
    width: 100%;
    height: 240px;
    object-fit: cover;
    margin: 16px 0;
}


.us-desc {
    margin-bottom: 43px;

    p {
        margin: 0;
    }

    p:first-child {
        margin-bottom: 16px;
    }

    strong {
        display: block;
        margin: 9px 0;
    }

    span {
        display: block;
        font-style: italic;
        font-size: 16px;
        line-height: 24px;
    }
}


.us-flex {
    display: flex;
    margin-top: 16px;
    margin-bottom: 16px;
    justify-content: space-between;

    img {
        height: 315px;
    }

    ul {
        margin-top: 12px;
    }

    li {
        margin-bottom: 10px;
        font-style: normal;
    }
}

.us-reverse-row {
    flex-direction: row-reverse;
}

.us-pd-32 {
    padding: 0 32px;
}


.us-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 16px;
    align-items: center;
    margin-top: 43px;

    a {
        cursor: pointer;
    }

    strong {
        line-height: 32px;
    }

    div {
        color: #1868B8;
        font-weight: 700;
    }
}


@media only screen and (max-width: 640px) {
    .us-banner-title {
        width: 100%;
        padding-top: 180px;

        h1 {
            font-size: 24px !important;
            line-height: 32px !important;
        }
    }

    .us-content {
        padding: 32px 16px;
        width: 100%;

        strong:first-child {
           text-align: left !important;
        }
    }

    .us-top-ul {
        width: 100%;
    }

    .us-flex {
        flex-direction: column;

        img, div, ul {
            width: 100% !important;
        }

        img {
            margin-bottom: 16px;
        }
    }

    .us-pd-32 {
        padding: 0;
    }
}