.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)
}

.product-facts {
    background-image: url(../svg/facts-background.svg);
    background-repeat: no-repeat;
    background-position: center right -200px;
    background-size: 30%;
    position: relative
}

/* Dai chu chay: mong lai theo mau thiet ke trang San pham */
.product-facts__wapper {
    padding-top: 16px;
    padding-bottom: 16px
}

.product-facts__line {
    position: absolute;
    left: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.product-facts__line span {
    padding: 0 8px;
    background-color: var(--main-site-bakground);
    color: var(--main-light-color)
}

.product-facts p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 2.2em
}

.product-facts p span {
    display: block
}

.product-facts p span:after,
.product-facts p span:before {
    content: " ";
    display: inline-block;
    width: 2px;
    height: 1em
}

.product-facts p:after,
.product-facts p:before {
    content: "";
    border-top: 1px solid var(--main-light-color);
    -webkit-box-flex: 1;
    -ms-flex: 1 0 80px;
    flex: 1 0 80px
}

.product-facts p:before {
    margin: 0 20px 0 0
}

.product-facts p:after {
    margin: 0 0 0 20px
}

@media screen and (min-width:768px) {
    .product-facts__line {
        left: 35px
    }
    .product-facts__line span {
        padding: 0 32px 0 8px
    }
    .product-facts p {
        font-size: 16px
    }
    .product-facts p:after,
    .product-facts p:before {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 20px;
        flex: 1 0 20px
    }
}

@media screen and (max-width:1024px) {
    .product-facts p {
        font-size: 16px
    }
}

/*# sourceMappingURL=facts.style.css.map*/