.green-background {
    background-color: var(--main-site-bakground);
    color: #fff
}

.green-background a {
    color: #fff
}

.green-background h6 {
    color: var(--main-light-color)
}

.coffee-background {
    background-color: var(--main-second-site-background);
    color: #fff
}

.coffee-background a {
    color: #fff
}

.coffee-background h6 {
    color: var(--main-light-color)
}

.value-lasting--background {
    background-image: url(../imgs/Graphic_Dot.png);
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: auto 80%
}

.value-lasting__wapper {
    padding: 60px 20px 30px
}

.value-lasting__wapper article {
    display: grid;
    grid-template-areas: "header" "block1" "block2" "more";
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: 200px
}

.value-lasting__wapper h4 {
    grid-area: header;
    font-size: 32px;
    margin-bottom: 40px
}

/* Cau dan: mau do thuong hieu, chu thuong (feedback L1 - slide 7) */
.value-lasting__wapper .block1 {
    grid-area: block1;
    color: var(--main-site-bakground);
    text-transform: none
}

.value-lasting__wapper .block2 {
    grid-area: block2
}

.value-lasting__wapper .readmore--link {
    grid-area: more;
    margin-top: 30px
}

.value-lasting__wapper a,
.value-lasting__wapper p {
    margin-bottom: 1.2em
}

.value-lasting__thumbnail {
    padding: 60px 20px 30px
}

@media screen and (min-width:768px) {
    .value-lasting__wapper article {
        grid-template-areas: "header header -" "block1 block2 more";
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 40px 30px
    }
    .value-lasting__wapper a,
    .value-lasting__wapper h4,
    .value-lasting__wapper p {
        margin-bottom: 0
    }
    .value-lasting__wapper .readmore--link {
        -ms-flex-item-align: start;
        align-self: flex-start;
        margin-top: 0
    }
}


/* Bo cuc guong: nut Tim Hieu Them ve ben trai, 2 doan chu day sang phai */
@media screen and (min-width:768px) {
    .value-lasting--mirror .value-lasting__wapper article {
        grid-template-areas: "- header header" "more block1 block2"
    }
}
/*# sourceMappingURL=value-lasting.style.css.map*/