ul {
    padding: 0;
    list-style-type: none;
    margin: 0;
}

/* Product Layout */
.product-layout {
    padding-top: 20px;
}

.product-layout--policy {
    background: #f0f2f5;
    padding: 10%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #002c6b;
    font-family: 'BeVietnamPro-Regular', sans-serif;
}

.product-layout--policy li img {
    margin-right: 10%;
}

.product-layout--policy li:not(:last-child) {
    margin-bottom: 20px;
}

.product-layout--payment {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #dadee8;
    background: #f0f2f5;
    padding: 10% 10% 0 10%;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.product-layout--payment li {
    width: 50%;
    margin-bottom: 10%;
    text-align: center;
}

.product-layout--banner {
    margin: 15px 0;
}

.product-layout--banner img {
    width: 100%;
    border-radius: 5px;
}

.product-layout--stickymain {
    position: sticky;
    top: 95px;
    right: 0;
    border-radius: 5px;
}

.product-layout--stickymain > div:first-child {
    background: #f0f2f5;
}

.product-layout--stickymain h3 {
    padding: 5%;
    border-bottom: 1px solid #dadee8;
    font-size: 17px;
    color: #002c6b;
    font-weight: bold;
}

.product-layout--stickymain h3 svg {
    background: #002c6b;
    fill: #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    padding: 5px;
    margin-right: 5px;
}

.product-layout--stickymain ul {
    padding: 1% 5%;
}

.product-layout--stickymain ul li {
    padding: 5%;
    border-radius: 5px;
    color: #002c6b;
    cursor: pointer;
}

.product-layout--stickymain ul li.active {
    background: #fff;
    font-weight: bold;
}

.product-layout--stickymain ul li:hover {
    background: #fff;
    font-weight: bold;
}

.product-layout--stickymain ul li:last-child {
    margin-bottom: 15px;
}

.product-layout--post {
    margin-top: 15px;
}

.product-layout--post h3 {
    padding: 5%;
    font-size: 17px;
    color: #002c6b;
    font-weight: bold;
}

@media (max-width: 767px) {
    .product-layout--post h3 {
        font-family: 'BeVietnamPro-Medium', sans-serif;
        font-size: 1.75rem;
        text-align: center;
    }
}

.product-layout--post .list-news-latest .item-article {
    display: flex;
    padding: 20px 0;
    align-items: flex-start;
    justify-content: center;
    border-bottom: 1px dashed #dfdfdf;
}

.product-layout--post .list-news-latest .item-article:first-child {
    padding-top: 0;
}

.product-layout--post .list-news-latest .item-article:hover .post-image img {
    -webkit-transform: scale(1.07);
    transform: scale(1.07);
}

.product-layout--post .list-news-latest .item-article .post-image {
    width: 29.3%;
    overflow: hidden;
    transition: opacity 0.2s ease-in-out, transform 0.95s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.95s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.product-layout--post .list-news-latest .item-article .post-content {
    width: calc(70.7% - 10px);
    margin-left: 10px;
    line-height: 1.2rem;
}

.product-layout--post .list-news-latest .item-article .post-content a {
    font-size: 14px;
    font-weight: 700;
    font-family: "BeVietnamPro-SemiBold", sans-serif !important;
    color: var(--atccolor);
}

.product-layout--left {
    width: 100%;
}

.product-layout--left .product-layout--img {
    width: 100%;
    overflow: hidden;
}

.product-layout--left .product-layout--img img {
    border-radius: 5px;
    border: 1px solid #eaebec;
}

.product-layout--left .product-layout--img .slider-nav {
    margin: 15px 0;
}

.product-layout--left .product-layout--img .slider-nav:not(.slick-initialized) {
    display: flex;
    overflow: hidden;
}

.product-layout--left .product-layout--img .slider-nav:not(.slick-initialized) a {
    flex: 0 0 calc((100% - 40px) / 5);
    position: relative;
    padding-top: calc((100% - 40px) / 5);
}

.product-layout--left .product-layout--img .slider-nav:not(.slick-initialized) a img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.product-layout--left .product-layout--img .slider-nav:not(.slick-initialized) a:not(:last-child) {
    margin-right: 10px;
}

.product-layout--left .product-layout--img .slider-nav .slick-track {
    margin: 0;
}

.product-layout--left .product-layout--img .slider-nav .slick-current img {
    border: 1px solid #103178;
}

.product-layout--left .product-layout--img .slider-for {
    padding-top: 20px;
}

.product-layout--left .product-layout--img .slider-for:not(.slick-initialized) {
    display: flex;
    overflow: hidden;
}

.product-layout--left .product-layout--img .slider-for:not(.slick-initialized) .item {
    padding-top: 100%;
    position: relative;
}

.product-layout--left .product-layout--img .slider-for.slick-initialized .item div {
    padding-top: 100%;
    position: relative;
}

.product-layout--left .product-layout--img .slider-for .item {
    flex: 0 0 auto;
    width: 100%;
    padding: 0 0.5px;
    position: relative;
}

.product-layout--left .product-layout--img .slider-for .item img {
    border: 1px solid #eaebec;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.product-layout--left .item {
    position: relative;
}

.product-layout--left .item video {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 0px .5px;
}

.product-layout--left .item svg {
    position: absolute;
    width: 4rem;
    height: 4rem;
    top: 50%;
    left: 50%;
    transform: translate3d(-2rem, -2rem, 0);
    fill: currentColor;
}

.product-layout--left .item_thumb {
    position: relative;
}

.product-layout--left .item_thumb .video-thumb {
    position: absolute;
    top: 0;
    left: 0;
    border: none !important;
    height: 100%;
    width: calc(100% - 10px);
    padding: 0;
    /*padding: 10px 0.5px;
            padding-right: 10px;*/
}

.product-layout--left .item_thumb svg {
    position: absolute;
    width: 2rem;
    height: 2rem;
    top: 50%;
    left: 50%;
    transform: translate3d(calc(-1rem - 5px), -1rem, 0);
    fill: currentColor;
}

.product-layout--left .slider-nav-wrapper {
    position: relative;
}

.product-layout--left .slider-nav-wrapper .arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    padding: 2.5px;
}

.product-layout--left .slider-nav-wrapper .arrow svg {
    background: rgba(0, 0, 0, 0.4);
}

.product-layout--left .slider-nav-wrapper .arrow_prev_nav {
    left: 0;
}

.product-layout--left .slider-nav-wrapper .arrow_next_nav {
    right: 0;
    transform: translateY(-50%) rotate(180deg);
}

.product-layout--left .slider-nav-wrapper a.item_thumb.slick-slide:not(:last-child) {
    padding: 0 10px 0 0;
}

.product-layout--right {
    width: 100%;
}

.product-layout--right h1 {
    font-size: 20px;
    line-height: 1.8rem;
    color: #002c6b;
    font-family: 'BeVietnamPro-Medium', sans-serif;
}

.product-layout--right .price {
    font-family: 'BeVietnamPro-Bold', sans-serif;
    font-size: 20px;
    color: #fe4801;
}

.product-layout--bottom {
    margin-top: 45px;
    max-width: 100%;
    margin-right: 20px;
}

.product-layout--bottom h3, .product-layout--bottom h2 {
    font-family: 'BeVietnamPro-Regular', sans-serif;
    color: #002c6b;
    font-size: 21px;
    margin-top: 20px;
    line-height: 33px;
    margin-bottom: 12px;
}

.product-layout--description {
    padding: 15px;
    border: 1px solid #eaebec;
    border-radius: 5px;
    margin-top: 10px;
    font-size: 16px;
}

.product-layout--description tr, .product-layout--description td {
    border: none !important;
}

.product-layout--description tr:not(:last-child) {
    border-bottom: 1px solid #eaebec !important;
}

.product-layout--description table {
    border: none !important;
    max-width: 100%;
}

.product-layout--description table tbody {
    border: 1px solid #b6c0ce !important;
    border-radius: 15px;
    display: block;
    padding: 5px 15px;
}

.product-layout--description table tbody tr:first-child {
    border-bottom: 4px solid #334155 !important;
}

.product-layout--description table tbody tr:first-child td {
    font-family: 'BeVietnamPro-SemiBold', sans-serif;
}

@media (max-width: 767px) {
    .product-layout--description table {
        width: 100% !important;
    }
}

.product-layout--description span {
    font-size: 16px !important;
}

.product-layout--description h3 span, .product-layout--description h4 span {
    font-size: 18px !important;
}

.product-layout--description em {
    font-size: 12px !important;
}

.product-layout--description h3, .product-layout--description h4 {
    font-family: 'BeVietnamPro-Medium', sans-serif;
    color: #002c6b;
    margin-bottom: 20px;
    font-size: 22px;
    line-height: 33px;
}

.product-layout--description p {
    color: #5b657a;
    font-size: 15.5px;
    line-height: 25px;
}

.product-layout--description ul {
    list-style: disc;
    list-style-position: outside;
    padding-left: 40px;
    margin-bottom: 30px;
}

.product-layout--description ul li:not(:last-child) {
    margin-bottom: 15px;
}

.product-layout--question {
    background: #00aeef;
    border-radius: 5px;
    margin-top: 30px;
}

.product-layout--question h3 {
    color: #fff;
    padding: 15px 20px;
    font-size: 20px;
    margin-bottom: 0;
}

.product-layout--question ul li {
    padding: 15px 10px 15px 20px;
    color: #fff;
    border-top: 0.1px solid rgba(255, 255, 255, 0.4);
}

.product-layout--question ul li span {
    position: relative;
    padding-left: 25px;
    padding-right: 20px;
    display: block;
    transition: all .4s;
    font-family: 'BeVietnamPro-SemiBold', sans-serif;
}

.product-layout--question ul li span[aria-expanded="true"] {
    margin-bottom: 10px;
}

.product-layout--question ul li span[aria-expanded="true"]:after {
    transform: translateY(-50%) rotate(180deg);
}

.product-layout--question ul li span:before {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    content: '';
    width: 22px;
    height: 22px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' class='bi bi-question-circle-fill' viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.496 6.033h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286a.237.237 0 0 0 .241.247zm2.325 6.443c.61 0 1.029-.394 1.029-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94 0 .533.425.927 1.01.927z'/%3E%3C/svg%3E");
}

.product-layout--question ul li span:after {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    content: '';
    transition: all .4s;
    width: 16px;
    height: 16px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
}

.product-layout--question ul li p {
    margin: 0;
    font-family: 'BeVietnamPro-Light';
}

.product-layout--comment {
    margin-top: 30px;
    border: 1px solid #eaebec;
    border-radius: 10px;
}

.product-layout--verify {
    margin: 15px 0;
}

.product-layout--verify li {
    color: #7c8495;
    padding-left: 25px;
    position: relative;
}

.product-layout--verify li:not(:last-child) {
    margin-bottom: 10px;
}

.product-layout--verify li:before {
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-30%);
    content: '';
    width: 15px;
    height: 15px;
    background: url("../../../../file.hstatic.net/200000545291/file/icon-check_57a2fc3e06df47aca43e177965ddd341.png") no-repeat;
}

.product-layout--radio {
    margin-top: 30px;
}

.product-layout--radio .form-check {
    padding: 15px 15px 15px 30px;
    border: 2px solid #eaebec;
}

.product-layout--radio .form-check .select-dropdown {
    display: none;
}

.product-layout--radio .form-check.active {
    border-color: #00aeef;
}

.product-layout--radio .form-check.active .select-dropdown {
    display: block;
    margin-top: 10px;
}

.product-layout--radio .form-check:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    /*input {margin-top: 0.6rem;}*/
}

.product-layout--radio .form-check:last-child:not(.active) {
    border-top: none;
}

.product-layout--radio .form-check:first-child {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.product-layout--radio .form-check:first-child input {
    margin-top: 0;
}

.product-layout--radio .form-check:first-child:not(.active) {
    border-bottom: none;
}

.product-layout--radio .form-check input {
    width: 20px;
    height: 20px;
    margin-top: -0.05rem;
}

.product-layout--radio .form-check > label {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding-left: 10px;
    align-items: center;
}

.product-layout--radio .form-check > label .label-left {
    display: flex;
    flex-direction: column;
}

.product-layout--radio .form-check > label .label-left .title {
    color: #5b657a;
    font-family: 'BeVietnamPro-Bold', sans-serif;
}

.product-layout--radio .form-check > label .label-left span:not(.title) {
    font-size: 12px;
}

.product-layout--radio .form-check > label .label-right {
    display: flex;
    flex-direction: column;
    color: #5b657a;
    font-family: 'BeVietnamPro-Bold', sans-serif;
}

.product-layout--radio .form-check > label .label-right #original_price {
    text-decoration: line-through;
    font-family: 'BeVietnamPro-Regular', sans-serif;
    color: #999;
}

.product-layout--actions {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
}

.product-layout--actions > span {
    display: block;
    margin-bottom: 5px;
    width: 100%;
}

.product-layout--actions .quantity {
    background: #f0f2f5;
    padding: 9.25px 15px;
    gap: 30px;
    font-size: 17px;
    display: flex;
    border-radius: 20px;
    justify-content: space-between;
    border: 1px solid #eaebec;
    border-radius: 20px;
}

.product-layout--actions .quantity-minus, .product-layout--actions .quantity-plus {
    cursor: pointer;
    width: 25px;
    text-align: center;
}

.product-layout--actions .buy {
    border-radius: 25px;
    background: #ff9923;
    color: #fff;
    display: flex;
    padding: 10.25px 57.7px;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
    font-size: 17px;
    cursor: pointer;
    font-family: 'BeVietnamPro-SemiBold', sans-serif;
}

.product-layout--actions .buy[disabled] {
    background: #c8c8c8;
}

.product-layout--store {
    margin-top: 30px;
    display: flex;
    align-items: center;
    text-decoration: underline;
    color: #00aeef;
    cursor: pointer;
}

.product-layout--store svg {
    margin-right: 3px;
}

.product-layout--tools {
    font-family: 'BeVietnamPro-Regular', sans-serif;
    display: flex;
    padding: 15px 0;
    border-bottom: 1px solid #eaebec;
    margin-bottom: 15px;
}

.product-layout--tools .rate-avg {
    display: flex;
    align-items: center;
    padding-right: 10px;
    color: #fe4801;
}

.product-layout--tools .rate-avg i {
    margin-right: 3px;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../../../../file.hstatic.net/200000545291/file/icon-star_bfe39756636c40d5b53ddab71307c935.png") no-repeat;
}

.product-layout--tools .rate-avg i:last-child {
    margin-right: 5px;
}

.product-layout--tools .rate-count {
    padding: 0 10px;
    border-left: 1px solid;
    border-right: 1px solid;
}

.product-layout--tools .rate-count span {
    margin-right: 5px;
    text-decoration: underline;
}

.product-layout--tools .total-sell {
    padding-left: 10px;
}

.product-layout--tools .haravan-product-reviews-badge {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}

.product-layout--tools .haravan-product-reviews-badge .hrv-product-reviews-star {
    display: flex;
    align-items: center;
    color: #fe4801;
    margin-right: 10px;
}

.product-layout--tools .haravan-product-reviews-badge .hrv-product-reviews-star:after {
    content: attr(data-score);
    color: #f00;
    margin-left: 10px;
}

.product-layout--tools .haravan-product-reviews-badge p {
    padding: 0 10px;
    border-left: 1px solid;
    border-right: 1px solid;
    margin-bottom: 0;
}

.product-layout--share .title span {
    font-family: 'BeVietnamPro-SemiBold', sans-serif;
    display: inline-block;
    padding-bottom: 0px;
    border-bottom: 1px solid #000;
}

.product-layout--share ul {
    display: flex;
    margin-top: 10px;
}

.product-layout--share ul li {
    margin-right: 5px;
}

.product-layout--share .copy-button {
    position: relative;
}

.product-layout--share .copy-button:before {
    content: '';
    display: none;
    position: absolute;
    z-index: 9998;
    top: 35px;
    left: 15px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid rgba(0, 0, 0, 0.72);
}

.product-layout--share .copy-button:after {
    content: 'Copy to Clipboard';
    display: none;
    position: absolute;
    z-index: 9999;
    top: 40px;
    left: -37px;
    width: 114px;
    height: 36px;
    color: #fff;
    font-size: 10px;
    line-height: 36px;
    text-align: center;
    background: rgba(0, 0, 0, 0.72);
    border-radius: 3px;
}

.product-layout--share .copy-button:hover {
    background-color: #eee;
}

.product-layout--share .copy-button:hover:before, .product-layout--share .copy-button:hover:after {
    display: block;
}

.product-layout--share .copy-button:active, .product-layout--share .copy-button:focus {
    outline: none;
}

.product-layout--share .copy-button:active:after, .product-layout--share .copy-button:focus:after {
    content: 'Copied!';
}

.product-layout--familiar {
    margin: 10% 0;
}

.product-layout--familiar h3 {
    text-align: center;
    color: #002c6b;
    font-family: 'BeVietnamPro-Medium';
    margin-bottom: 3%;
}

.product-layout--familiar .item {
    width: 100%;
    padding: 10px 12.5px;
}

.product-layout--familiar .products {
    position: relative;
}

.product-layout--familiar .products .arrow {
    position: absolute;
    top: 35%;
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    cursor: pointer;
}

.product-layout--familiar .products .arrow.arrow_prev_prd {
    left: -40px;
}

.product-layout--familiar .products .arrow.arrow_next_prd {
    right: -40px;
    transform: rotate(180deg);
}

@media (max-width: 767px) {
    .product-layout {
        padding-top: 0;
    }

    .product-layout--bottom {
        margin-right: 0;
    }

    .product-layout--familiar .title a {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .product-layout--familiar .products .arrow.arrow_prev_prd {
        left: 0px;
    }

    .product-layout--familiar .products .arrow.arrow_next_prd {
        right: 0px;
        transform: rotate(180deg);
    }
}

/* Rating */
.rating {
    margin-top: 30px;
    border: 1px solid #eaebec;
    border-radius: 10px;
}

.rating-stars {
    margin: 5px 0;
    display: flex;
    position: relative;
}

.rating-stars i {
    margin: 0 2.5px;
}

.rating-stars.rated {
    position: absolute;
    top: -5px;
    left: 0;
    overflow: hidden;
    height: 100%;
}

.rating-stars.rated .rated-wrapper {
    height: 18px;
    display: flex;
}

.rating-stars.rated i {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='512' height='512' x='0' y='0' viewBox='0 0 24 24' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath xmlns='http://www.w3.org/2000/svg' d='m23.363 8.584-7.378-1.127-3.307-7.044c-.247-.526-1.11-.526-1.357 0l-3.306 7.044-7.378 1.127c-.606.093-.848.83-.423 1.265l5.36 5.494-1.267 7.767c-.101.617.558 1.08 1.103.777l6.59-3.642 6.59 3.643c.54.3 1.205-.154 1.103-.777l-1.267-7.767 5.36-5.494c.425-.436.182-1.173-.423-1.266z' fill='%23f59e0b' data-original='%23ffc107' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

.rating .star {
    width: 18px;
    height: 18px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='512' height='512' x='0' y='0' viewBox='0 0 24 24' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath xmlns='http://www.w3.org/2000/svg' d='m23.363 8.584-7.378-1.127-3.307-7.044c-.247-.526-1.11-.526-1.357 0l-3.306 7.044-7.378 1.127c-.606.093-.848.83-.423 1.265l5.36 5.494-1.267 7.767c-.101.617.558 1.08 1.103.777l6.59-3.642 6.59 3.643c.54.3 1.205-.154 1.103-.777l-1.267-7.767 5.36-5.494c.425-.436.182-1.173-.423-1.266z' fill='%23718198' data-original='%23ffc107' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

.rating .star.full {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='512' height='512' x='0' y='0' viewBox='0 0 24 24' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath xmlns='http://www.w3.org/2000/svg' d='m23.363 8.584-7.378-1.127-3.307-7.044c-.247-.526-1.11-.526-1.357 0l-3.306 7.044-7.378 1.127c-.606.093-.848.83-.423 1.265l5.36 5.494-1.267 7.767c-.101.617.558 1.08 1.103.777l6.59-3.642 6.59 3.643c.54.3 1.205-.154 1.103-.777l-1.267-7.767 5.36-5.494c.425-.436.182-1.173-.423-1.266z' fill='%23f59e0b' data-original='%23ffc107' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

.rating-header {
    padding: 15px;
    border-bottom: 1px solid #eaebec;
    font-size: 16px;
    font-family: 'BeVietnamPro-SemiBold';
    color: #1e293b;
}

.rating-content {
    padding: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
}

.rating-content--left {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.rating-content--left h4 {
    font-family: 'BeVietnamPro-Regular';
    font-size: 14px;
    color: #001818;
}

.rating-content--left .avg {
    font-size: 2.2rem;
    font-family: 'BeVietnamPro-SemiBold';
    color: #1d48ba;
}

.rating-content--left .count {
    font-size: 12px;
}

.rating-content--mid {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.rating-content--right {
    text-align: center;
}

.rating-content--right h4 {
    font-family: 'BeVietnamPro-Light';
    font-size: 12px;
    color: #394155;
}

.rating-content--right .btn {
    background: #002c6b;
    color: #fff;
    border-radius: 20px;
    padding: 5px 20px;
    text-transform: uppercase;
    font-size: 14px;
}

.rating-content .line-progress {
    display: flex;
    align-items: center;
}

.rating-content .line-progress span {
    width: 8px;
    text-align: center;
    font-size: 12px;
}

.rating-content .line-progress .star.full {
    margin: 0 5px;
    width: 10px;
    height: 10px;
}

.rating-content .line-progress .progress {
    width: 200px;
    height: 6px;
    margin-right: 5px;
}

.rating-content .line-progress .progress .progress-bar {
    background-color: #1d48ba;
}

.rating-content #hrv-product-reviews {
    width: 100%;
}

.rating-content #hrv-product-reviews #hrv-product-reviews-form {
    float: left;
    width: 100%;
}

.rating-content #hrv-product-reviews #hrv-product-reviews-form h3 {
    font-size: 16px;
    font-family: 'BeVietnamPro-SemiBold', sans-serif;
}

.rating-content #hrv-product-reviews #btnnewreview, .rating-content #hrv-product-reviews #btnSubmitReview {
    height: 35px;
    padding: 0px 25px;
    border-radius: 20px;
    border: none;
    background: #032e69;
    color: #fff;
}

@media (max-width: 767px) {
    .rating-content #hrv-product-reviews #hrv-product-reviews-summary {
        float: none !important;
        width: 100%;
        margin: 0;
        display: inline-block;
    }

    .rating-content #hrv-product-reviews .product-reviews-summary-actions {
        float: none !important;
        width: 174px;
        margin: 0 auto;
    }

    .rating-content #hrv-product-reviews #btnnewreview {
        width: 174px;
        margin: 0 calc((100% - 174px) / 2);
    }
}

/*Select product*/
.product-layout--radio .form-check .custom-select {
    display: none;
    font-family: 'BeVietnamPro-Medium';
}

.product-layout--radio .form-check.active .custom-select {
    display: block;
}

.product-layout--radio .description-slected {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 12px;
}

.product-layout--radio .description-slected div {
    margin-top: 5px;
}

.product-layout--radio .description-slected div span {
    color: #fe774a;
    font-family: 'BeVietnamPro-SemiBold', sans-serif;
}

.product-layout--radio .custom-select {
    width: 100%;
    border: solid 1px #efefef;
    background-color: #fff;
    margin-top: 10px;
    padding: 5px 10px;
    border-radius: 20px;
    cursor: pointer;
    font-weight: 300;
    font-family: 'BeVietnamPro-Light', sans-serif;
    color: var(--textcolor);
    font-size: 12px;
}

/*Modal Drug Store*/
#modalDrugstore {
    padding: 0 !important;
}

#modalDrugstore .overlay-store.show {
    z-index: 0;
}

#modalDrugstore .select-range-wrapper {
    display: grid !important;
    grid-template-areas: "select";
    align-items: center;
    cursor: pointer;
    line-height: 1.1;
    height: 40px;
    font-size: 16px;
}

#modalDrugstore .select-range-wrapper:after {
    content: '';
    justify-self: end;
    width: 0.8em;
    height: 0.5em;
    background-color: #fff;
    -webkit-clip-path: polygon(100% 0%, 0 0%, 50% 100%);
    clip-path: polygon(100% 0%, 0 0%, 50% 100%);
    grid-area: select;
    cursor: pointer;
}

#modalDrugstore .select-range-wrapper select {
    appearance: none;
    background-color: transparent;
    border: none;
    width: 100%;
    z-index: 1;
    outline: none;
    grid-area: select;
}

.modal-open {
    padding-right: 0 !important;
}

@media (min-width: 768px) {
    .modal-dialog {
        max-width: 700px;
    }
}

.modal-logo {
    width: 160px;
    height: 40px;
}

.modal-store {
    transform: translateY(-50%) !important;
    top: 50%;
    background: #fff;
    border-radius: 10px;
}

.modal-store .modal-header {
    width: 100%;
    border: none;
}

.modal-store .modal-header .modal-title {
    font-size: 18px;
    color: #002c6b;
    font-family: 'BeVietnamPro-SemiBold', sans-serif;
}

@media (max-width: 767px) {
    .modal-store .modal-header .modal-title {
        font-size: 15px;
    }
}

.modal-store .modal-header .close {
    opacity: 1;
}

.modal-store .modal-content {
    border: none;
    padding-top: 0;
}

.modal-store .modal-content .nav-tabs {
    border: none;
    padding: 0 15px;
}

.modal-store .modal-content .nav-tabs .nav-link {
    background: #fff;
    color: #8d8d8d;
    border-radius: 25px;
    font-size: 14px;
    margin-right: 1rem;
    border: 1px solid #efefef;
    transition: all .5s;
}

.modal-store .modal-content .nav-tabs .nav-link.active {
    background: #00aeef;
    color: #fff;
}

@media (max-width: 767px) {
    .modal-store .modal-content .nav-tabs .nav-link {
        font-size: 12px;
    }
}

.modal-store .modal-content h6 {
    font-size: 15px;
    color: #111;
    font-family: 'BeVietnamPro-Medium', sans-serif;
    margin: 10px 0;
    padding: 0 15px;
}

.modal-store .modal-content .select-district {
    padding: 0 15px;
}

.modal-store .modal-content .select-district p {
    color: #bcbcbc;
}

.modal-store .modal-content .select-district h6 {
    padding: 0;
}

.modal-store .modal-content .store-result {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    color: #fff;
    background: #00aeef;
    padding: 10px 15px;
}

.modal-store .modal-content .store-result p {
    margin-left: 5px;
    font-size: 16px;
    margin-bottom: 0;
}

.modal-store .modal-content .store-result .stores_count_left {
    display: flex;
    align-items: center;
    min-height: 40px;
}

.modal-store .modal-content .store-result .store_count_range {
    height: 40px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    border-left: 2px solid #fff;
    padding-left: 15px;
    font-family: 'BeVietnamPro-Regular', sans-serif;
}

.modal-store .modal-content .store-result .store_count_range .range_title {
    font-size: 13px;
    margin-left: 0;
}

.modal-store .modal-content .store-result .store_count_range #select-range {
    background: transparent;
    border: none;
    color: #fff;
    outline: none;
    width: 100%;
    font-size: 16px;
}

.modal-store .modal-content .store-result .store_count_range #select-range option {
    color: #000;
}

.modal-store .modal-content .list-find, .modal-store .modal-content .list-store {
    border-radius: 10px;
    height: 45vh;
    overflow-y: auto;
    background: #f1fbff;
}

.modal-store .modal-content .store-item {
    margin: 10px 15px;
    border: 1px solid #b7ebff;
    padding: 25px 15px 15px;
    border-radius: 10px;
    background: #fff;
    box-shadow: rgba(50, 175, 221, 0.22) 0px 5px 15px;
}

.modal-store .modal-content .store-item_top {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 20px;
}

@media (max-width: 767px) {
    .modal-store .modal-content .store-item_top {
        padding-bottom: 10px;
    }
}

.modal-store .modal-content .store-item_top .pharmacist {
    width: 20%;
}

.modal-store .modal-content .store-item_top .pharmacist-img {
    border-radius: 10px;
}

.modal-store .modal-content .store-item_top .pharmacist-img img {
    border-radius: 10px;
}

.modal-store .modal-content .store-item_top .pharmacist-info {
    text-align: center;
}

.modal-store .modal-content .store-item_top .pharmacist-info p {
    font-size: 14px;
    margin-bottom: 0;
    color: #9a9a9a;
}

@media (max-width: 767px) {
    .modal-store .modal-content .store-item_top .pharmacist-info p {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .modal-store .modal-content .store-item_top .pharmacist {
        width: 25%;
    }
}

.modal-store .modal-content .store-item_top .pharma-store {
    width: 80%;
    padding-left: 20px;
}

.modal-store .modal-content .store-item_top .pharma-store--window {
    cursor: pointer;
}

.modal-store .modal-content .store-item_top .pharma-store_name h6 {
    color: #002c6b;
    font-family: 'BeVietnamPro-SemiBold';
    padding-left: 0;
    font-size: 18px;
}

.modal-store .modal-content .store-item_top .pharma-store_product {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.modal-store .modal-content .store-item_top .pharma-store_product span {
    color: #5b657b;
    font-family: 'BeVietnamPro-SemiBold';
    font-weight: 500;
    margin-right: 5px;
}

.modal-store .modal-content .store-item_top .pharma-store_product p {
    margin-bottom: 0;
    color: #002c6b;
    text-transform: capitalize;
}

.modal-store .modal-content .store-item_top .pharma-store_location {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.modal-store .modal-content .store-item_top .pharma-store_location img {
    margin-right: 5px;
}

.modal-store .modal-content .store-item_top .pharma-store_location p {
    margin-bottom: 0;
}

.modal-store .modal-content .store-item_top .pharma-store_contact {
    display: flex;
    align-items: center;
}

.modal-store .modal-content .store-item_top .pharma-store_contact a {
    margin-bottom: 0;
}

.modal-store .modal-content .store-item_top .pharma-store_contact a:first-child {
    margin-right: 10px;
}

.modal-store .modal-content .store-item_top .pharma-store_contact .btn-store {
    display: flex;
    padding: 5px 10px;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 5px;
}

.modal-store .modal-content .store-item_top .pharma-store_contact .btn-store svg {
    margin-right: 5px;
}

.modal-store .modal-content .store-item_top .pharma-store_contact .store-tel {
    background: #00aeef;
}

.modal-store .modal-content .store-item_top .pharma-store_contact .store-zalo {
    background: #0061f3;
}

@media (max-width: 767px) {
    .modal-store .modal-content .store-item_top .pharma-store {
        width: 75%;
        padding-left: 10px;
    }

    .modal-store .modal-content .store-item_top .pharma-store a {
        width: 100%;
        margin-bottom: 0px;
    }

    .modal-store .modal-content .store-item_top .pharma-store_contact {
        font-size: 12px;
    }

    .modal-store .modal-content .store-item_top .pharma-store_contact .btn-store {
        padding: 5px;
    }

    .modal-store .modal-content .store-item_top .pharma-store_location svg {
        min-width: 16px;
    }

    .modal-store .modal-content .store-item_top .pharma-store_product {
        flex-direction: column;
        align-items: flex-start;
    }
}

.modal-store .modal-content .store-item .pharma-map {
    padding-top: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.modal-store .modal-content .store-item .pharma-map .pharma-distance {
    color: #9a9a9a;
}

.modal-store .modal-content .store-item .pharma-map .pharma-path a {
    color: #00aeef;
    cursor: pointer;
}

.select-district .form_item {
    display: flex;
    flex-flow: column;
    height: 100%;
    flex: 0 0 36.67%;
}

.select-district .form_item .label {
    font-size: 15px;
    display: block;
    margin-bottom: 12px;
}

.select-district .form_item .select_option {
    position: relative;
    z-index: 1;
    flex: 1;
    border: 1px solid #eee;
    width: 100%;
    border-radius: 3px;
}

.select-district .form_item .select_option .select {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
    color: gray;
    background: white;
    height: 100%;
    border-radius: 3px;
    cursor: pointer;
}

.select-district .form_item .select_option .select .holder {
    padding: 12px 15px;
    flex: 1;
    font-size: 15px;
}

.select-district .form_item .select_option .select .icon_action {
    display: flex;
    padding: 8px;
    gap: 8px;
}

.select-district .form_item .select_option .select .icon_action svg {
    width: 18px;
    height: 18px;
}

.select-district .form_item .select_option .select:hover .down {
    stroke: #0065FF;
}

.select-district .form_item .select_option .option {
    display: none;
    position: absolute;
    width: 100%;
    background: white;
    top: 108%;
    min-height: 50px;
    border-radius: 3px;
    box-shadow: 4px 7px 7px 1px rgba(0, 0, 0, 0.14);
    padding: 0 0 10px 0;
}

.select-district .form_item .select_option .option.noTabs {
    padding: 10px 0;
}

.select-district .form_item .select_option .option.show {
    display: block;
}

.select-district .form_item .select_option .option .tab-option {
    color: black;
    display: flex;
    justify-content: space-around;
    border-bottom: 1px solid #f2f4f5;
    margin-bottom: 10px;
}

.select-district .form_item .select_option .option .tab-option span {
    cursor: pointer;
    display: block;
    padding: 10px 16px;
    position: relative;
    color: #b2bac6;
}

.select-district .form_item .select_option .option .tab-option span:after {
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    max-width: 100%;
    height: 3px;
    content: "";
    display: block;
    background: #0f62f9;
    border-radius: 99px 99px 0 0;
}

.select-district .form_item .select_option .option .tab-option span.active {
    color: #0f62f9;
}

.select-district .form_item .select_option .option .tab-option span.active:after {
    width: 44px;
}

.select-district .form_item .select_option .option .search-option {
    padding: 0 15px;
    margin-bottom: 15px;
}

.select-district .form_item .select_option .option .search-option input {
    width: 100%;
    border-radius: 3px;
    border: 1.5px solid rgba(68, 62, 62, 0.31);
    padding: 4px 15px;
}

.select-district .form_item .select_option .option .list-option {
    max-height: 200px;
    overflow-y: auto;
    display: none;
}

.select-district .form_item .select_option .option .list-option .item-option {
    display: flex;
    gap: 10px;
    color: initial;
    padding: 8px 12px;
    cursor: pointer;
    font-size: 15px;
}

.select-district .form_item .select_option .option .list-option .item-option span:not(.text-value) {
    display: block;
    border-radius: 3px;
    width: 20px;
    height: 20px;
    text-align: center;
    color: #ffffff;
}

.select-district .form_item .select_option .option .list-option .item-option:hover {
    background: #efecec;
}

.select-district .form_item .select_option .option .list-option.active {
    display: block;
}

.select-district .form_item button {
    font-size: 20px;
    padding: 10px;
}

.select-district .form_item button svg {
    width: 20px;
    height: 20px;
}

@media (min-width: 768px) {
    .product-layout--left {
        width: 52.7%;
    }

    .product-layout--right {
        padding-left: 5%;
        padding-right: 3%;
        width: 47.3%;
    }

    .product-layout--description {
        padding: 30px 34px;
    }
}

@media (max-width: 767px) {
    .rating {
        margin-bottom: 30px;
    }

    .rating-content > div {
        width: 100%;
        margin-bottom: 15px;
    }
}