.lpsc-8 {
    letter-spacing: 0.8px;
}

del {
    color: #ED1B24 !important;
}

.color-text {
    color: #ED1B24 !important;
}

.fs-7 {
    font-size: smaller !important
}

.announcement {
    background: linear-gradient(90deg, rgba(3, 65, 143, 1) 0%, rgba(249, 137, 2, 1) 50%, rgba(44, 199, 155, 1) 100%);
    color: #fff;
    font-weight: bold;
    letter-spacing: 1.6px
}

.product-title {
    color: #1916B7;
    font-weight: bold;
    text-shadow: 0px 5px 13px rgba(0, 0, 0, 0.623);
}

.breadcrumb-title {
    color: #0a0a0a;
    font-weight: 600;
    font-size: large;
    margin-top: 10px;
}

.page-breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    color: #777272;
    font-family: "Font Awesome 6 Free";
    content: "〉";
}

.text-theme-breadcrumb,
.fa-home {
    color: #777272;
    font-weight: 600;
    font-size: medium;
}

.text-decoration-none {
    text-decoration: none !important;
}

.socials .fa-facebook {
    color: #0866FF;
}

.socials .fa-instagram {
    color: #FE37BF
}

.socials .fa-twitter {
    color: #00A7E6
}

.socials .fa-linkedin {
    color: #0063C1
}

.socials .fa-youtube {
    color: #F60030
}

textarea.form-control {
    min-height: calc(7.5em + .75rem + 2px)
}

textarea.form-control-sm {
    min-height: calc(7.5em + .5rem + 2px)
}

textarea.form-control-lg {
    min-height: calc(7.5em + 1rem + 2px)
}

label {
    font-size: small;
    color: #757575;
    font-weight: bold;
    letter-spacing: .5px;
}

.fa-heart {
    color: #242424;
    font-size: large;
}

.w-130 {
    width: 130px;
}

.text-align-justify {
    text-align: justify;
}

.fw-normal {
    font-weight: normal;
}

.price-box {
    display: flex;
    justify-content: space-between;
}

.add-btn {
    background: #0c810c;
    font-size: 11px;
    padding: 0px 12px;
    color: #fff;
    border-radius: 5px;
    max-width: 45px;
}

.product4-slider-container .swiper-button-prev,
.product4-slider-container .swiper-button-next {
    width: 30px;
    height: 30px;
    background: #198754;
    color: #fff;
    border-radius: 50%;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .15);
    transition: .3s;
}

.product4-slider-container .swiper-button-prev:hover,
.product4-slider-container .swiper-button-next:hover {
    background: #146c43;
}

.product4-slider-container .swiper-button-prev:after,
.product4-slider-container .swiper-button-next:after {
    font-size: 14px;
    font-weight: 700;
}

.product4-slider-container .swiper-button-disabled {
    opacity: .35;
}
.oneline {
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.twoline {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.threeline {
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.fourline {
    display: -webkit-box !important;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.fiveline {
    display: -webkit-box !important;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.outofstock {
    opacity: .3;
}
.ofs-tag {
    color: rgb(233, 12, 12);
    font-weight: 600;
    font-size: 10.5px;
}
.text-align-center {
    text-align: center !important;
}
@media screen and (278px <=width <=425px) {
    .product-item .product-info .title a {
        color: #333;
    }

    .product-item .product-info {
        text-align: left;
    }

    .account-login-area .section-title .title {
        color: #333333;
        font-size: 25px;
    }

    .product4-slider-container .swiper-button-prev,
    .product4-slider-container .swiper-button-next {
        width: 30px;
        height: 30px;
    }

    .product4-slider-container .swiper-button-prev:after,
    .product4-slider-container .swiper-button-next:after {
        font-size: 12px;
    }
    .price-box {
        text-align: left;
        flex-direction: column;
    }
    .product-item .product-thumb img {
        height: 125px;
    }
    .product-item .product-thumb .ribbon-soldout {
        height: 70px;
        line-height: 70px;
        width: 70px;
    }

}