body .star-average .woocommerce-product-rating {

    width: 100%;

    -js-display: flex;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-flow: row wrap;

    flex-flow: row wrap;

    position: relative;

    align-items: center;

    margin: 0 !important;

}

span.star_average {

    color: #fe9727;

    font-size: 35px;

    vertical-align: middle;

    font-weight: 700;

    text-align: center;

    margin: 0 10px 0 0;

    line-height: 1;

}

body .star-average .woocommerce-product-rating .star-rating {

    font-size: 22px;

    color: #fe9727;

}

.star_box {

    border: 1px solid #ddd;

    border-radius: 7px;

    padding: 10px;

    margin: 10px 0 20px 0;

    overflow: hidden;

    -js-display: flex;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-flow: row nowrap;

    flex-flow: row nowrap;

    -ms-flex-align: center;

    align-items: center;

    -ms-flex-pack: justify;

    justify-content: space-between;

    width: 100%;

}

.devvn_review_row {

    padding-bottom: 10px;

    position: relative;

    -js-display: flex;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-flow: row nowrap;

    flex-flow: row nowrap;

    -ms-flex-align: center;

    align-items: center;

    -ms-flex-pack: justify;

    justify-content: space-between;

    width: 100%;

}

span.devvn_rating_bar {

    -ms-flex: 1;

    flex: 1;

    -ms-flex-negative: 1;

    -ms-flex-preferred-size: auto !important;

    padding: 0 10px;

}

span.devvn_num_reviews {

    min-width: 150px;

    color: #03a0e2;

}

span.devvn_scala_rating {

    border-radius: 3px;

    display: inline-block;

    height: 15px;

    background: #eee;

    vertical-align: middle;

    overflow: hidden;

    width: 100%;

}

span.devvn_perc_rating {

    height: 15px;

    border-radius: 3px;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    display: inline-block;

    width: 0;

}

.woocommerce div.product body .star-average .woocommerce-product-rating {

    margin-bottom: 5px;

}

span.devvn_stars_value i {

    margin: 0 3px;

}

.star_box_left {

    -ms-flex: 1;

    flex: 1;

    -ms-flex-negative: 1;

    -ms-flex-preferred-size: auto !important;

}

.star_box_right {

    width: 190px;

    text-align: center;

}

.woocommerce #reviews #comments h2 {

    font-size: 18px;

}

#comments a.btn-reviews-now {

    background-color: #03a0e2;

    color: white;

    display: inline-block;

    padding: 10px 20px;

    border-radius: 3px;

    text-transform: uppercase;

    font-weight: 700;

    text-decoration: none;

}

body.woocommerce #reviews .star-rating {

    color: #fe9727;

}

.woocommerce #reviews .star-rating span:before {

    color: #fe9727;

}

em.woocommerce-review__verified {

    display: block;

    background: transparent url(../images/icon-confirm.png) no-repeat left top;

    padding: 0 0 0 15px;

    background-size: 12px;

    line-height: 1.2;

    color: #52b858;

    font-size: 12px;

    margin: 0 0 5px 0;

}

.devvn_review_top em.woocommerce-review__verified {

    display: inline-block;

}

/*em.woocommerce-review__verified.verified {

    position: relative;

    padding: 0 0 0 18px;

    color: #52b858;

    font-style: normal;

    margin-right: 10px;

}

em.woocommerce-review__verified.verified:before{

    position: absolute;

    background: transparent url(../images/icon-confirm.png) no-repeat center center;

    background-size: 100% auto;

    -moz-background-size: 100% auto;

    -webkit-background-size: 100% auto;

    width: 15px;

    height: 15px;

    display: inline-block;

    content: '';

    left: 0;

    top: 1px;

}*/

body.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {

    font-size: 14px;

    margin: 0;

}

strong.woocommerce-review__author {

    font-weight: bold;

    display: inline-block;

    text-transform: capitalize;

    color: #000;

    margin: 0 10px 0 0;

}

body .devvn_review_mid .star-rating,

body .devvn_review_mid .devvn_star_rating{

    float: none;

    display: inline-block;

    margin: 0 8px 0 0 !important;

    font-size: 11px;

}

body .devvn_review_mid .devvn_star_rating > .star-rating{

    margin-right: 0;

}

body .devvn_review_mid .description {

    display: inline;

    line-height: 20px;

}

body.woocommerce #reviews #comments ol.commentlist li .comment-text .devvn_review_mid p ~ p {

    margin: 10px 0 0 0;

}

body.woocommerce #reviews #comments ol.commentlist li .comment-text .devvn_review_mid p:first-child {

    display: inline;

}

.devvn_review_mid {

    margin: 0 0 5px 0;

    line-height: 20px;

    font-size: 14px;

}

body.woocommerce #reviews #comments ol.commentlist li .comment-text {

    margin: 0;

    border: 0;

    border-radius: 0;

    padding: 0;

    width: inherit !important;

    float: none !important;

    display: block;

}

body.woocommerce #reviews #comments ol.commentlist li {

    margin: 0 0 8px;

}

div#review_form_wrapper {

    border-radius: 5px;

    padding: 20px;

    width: 100%;

    max-width: 590px;

    background: #fff;

    margin: 0 auto;

    position: relative;

}

#review_form_wrapper svg path {

    fill: currentColor;

    stroke-width: 0;

}

#review_form_wrapper svg {

    display: block;

    height: 100%;

    overflow: visible;

    position: relative;

    width: 100%;

}

time.woocommerce-review__published-date {

    color: #999;

    cursor: unset;

}

.woocommerce div#reviews nav.woocommerce-pagination ul,

.devvn-comments-area nav.woocommerce-pagination ul

{

    display: block;

    border: 0;

    white-space: inherit;

    margin: 0;

    list-style: none;

}

.woocommerce div#reviews nav.woocommerce-pagination ul li a,

.woocommerce div#reviews nav.woocommerce-pagination ul li span,

.devvn-comments-area nav.woocommerce-pagination ul li a,

.devvn-comments-area nav.woocommerce-pagination ul li span {

    float: left;

    padding: 7px 10px;

    background: #eee;

    border-radius: 3px;

    text-align: center;

    color: #333;

    margin-right: 4px;

    font-size: 12px;

    cursor: pointer;

    display: block;

    line-height: 1;

    border: 0;

    min-width: auto;

}

.woocommerce div#reviews .woocommerce-pagination ul.page-numbers li,

.woocommerce-page div#reviews .woocommerce-pagination ul.page-numbers li,

.devvn-comments-area .woocommerce-pagination ul.page-numbers li,

.devvn-comments-area .woocommerce-pagination ul.page-numbers li {

    border: 0;

}

.woocommerce div#reviews nav.woocommerce-pagination ul li span.current,

.devvn-comments-area nav.woocommerce-pagination ul li span.current {

    background: #ccc;

}

div#reviews nav.woocommerce-pagination,

.devvn-comments-area nav.woocommerce-pagination {

    margin: 10px 0 30px;

}

/* "Load more" button mode: hide the numbered pagination but keep its real

   <a href> links in the DOM (crawlable) for SEO. */

nav.woocommerce-pagination.devvn-loadmore-mode ul,

nav.woocommerce-pagination.devvn-loadmore-mode ul.page-numbers,

nav.devvn_cmt_paged.devvn-loadmore-mode ul {

    position: absolute !important;

    width: 1px;

    height: 1px;

    overflow: hidden;

    clip: rect(1px, 1px, 1px, 1px);

    white-space: nowrap;

}

.devvn-loadmore-wrap {

    clear: both;

    text-align: center;

    margin: 15px 0 30px;

}

.devvn-loadmore-btn {

    display: inline-block;

    cursor: pointer;

    padding: 11px 28px;

    background: #f5f5f5;

    border: 1px solid #ddd;

    border-radius: 30px;

    color: #333;

    font-size: 14px;

    font-weight: 600;

    line-height: 1.2;

    text-decoration: none;

    transition: all .2s ease;

}

.devvn-loadmore-btn:hover {

    background: #eaeaea;

    color: #111;

}

.devvn-loadmore-btn.loading {

    opacity: .6;

    pointer-events: none;

}

em.woocommerce-review__awaiting-approval {

    color: #F44336;

}


.devvn_review_bottom .reply {

    color: #288ad6;

    display: inline-block;

    position: relative;

}

.devvn_review_bottom .reply a {

    color: #288ad6;

}

.devvn_review_bottom > span {

    color: #999;

}

.devvn_review_bottom a {

    color: #288ad6;

}

.devvn_review_bottom {

    font-size: 14px;

}

body.woocommerce #reviews #comments ol.commentlist ul.children {

    margin: 10px 0 15px 10px;

}

body.woocommerce #reviews #comments ol.commentlist ul.children li {

    border-left: 4px solid #efefef;

    padding-left: 10px;

}

div#review_form_wrapper button.fancybox-button.fancybox-close-small {

    background: #000;

    border-radius: 50%;

    -moz-border-radius: 50%;

    -webkit-border-radius: 50%;

    border: 0;

    overflow: hidden;

    padding: 0;

    color: #fff;

    width: 25px;

    height: 25px;

    top: 5px;

    right: 5px;

    position: absolute;

    outline: 0;

    margin: 0;

    min-height: inherit;

    line-height: inherit;

}

div#review_form_wrapper span#reply-title,

.woocommerce #reviews #comments ol.commentlist #respond span#reply-title {

    font-size: 18px;

    font-weight: 700;

    display: block;

    margin: 0 0 20px 0;

}

.woocommerce #review_form #respond textarea,

.woocommerce #reviews #comments ol.commentlist #respond textarea{

    height: 77px;

    border: 1px solid #ddd;

    border-top-left-radius: 4px;

    border-top-right-radius: 4px;

    padding: 5px;

    resize: none;

    outline: none;

    display: block;

    width: 100%;

    margin: 0;

}

#review_form .comment-form-rating,

.woocommerce #reviews #comments ol.commentlist #respond .comment-form-rating{

    width: 100%;

    -js-display: flex;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-flow: row nowrap;

    flex-flow: row nowrap;

    -ms-flex-pack: justify;

    justify-content: space-between;

    margin: 0 0 10px 0;

}

#review_form .comment-form-rating label,

.woocommerce #reviews #comments ol.commentlist #respond .comment-form-rating label

{

    width: 150px;

    padding-right: 10px;

    font-weight: 700;

    margin: 0 0 10px 0;

}

#review_form .comment-form-rating p.stars,

.woocommerce #reviews #comments ol.commentlist #respond  .comment-form-rating p.stars {

    margin: 0;

    -ms-flex: 1;

    flex: 1;

    -ms-flex-negative: 1;

    -ms-flex-preferred-size: auto !important;

}

#review_form .comment-form-rating p.stars a,

.woocommerce #reviews #comments ol.commentlist #respond .comment-form-rating p.stars a {

    font-size: 14px;

    text-indent: inherit;

    width: 20%;

    height: auto;

    float: left;

    text-align: center;

    color: #999 !important;

    transition: all .3s linear;

    -moz-transition: all .3s linear;

    -webkit-transition: all .3s linear;

    margin: 0;

    font-family: inherit;

}

#review_form .comment-form-rating p.stars a:hover {

    transform: scale(1.2);

    -moz-transform: scale(1.2);

    -webkit-transform: scale(1.2);

}

#review_form .comment-form-rating p.stars a:before,

.woocommerce #reviews #comments ol.commentlist #respond .comment-form-rating p.stars a:before

{

    position: relative;

    display: block;

    margin: 0 auto 10px !important;

    content: "\e020";

    color: #999;

    font-size: 24px;

}

.woocommerce p.stars.selected a:not(.active)::before,

#review_form .comment-form-rating p.stars.selected a:before,

.woocommerce #reviews #comments ol.commentlist #respond p.stars.selected a:not(.active)::before,

.woocommerce #reviews #comments ol.commentlist #respond .comment-form-rating p.stars.selected a:before

{

    color: #fe9727;

}

#review_form .comment-form-rating p.stars.selected a.active~a:before,

.woocommerce #reviews #comments ol.commentlist #respond .comment-form-rating p.stars.selected a.active~a:before{

    color: #999;

}

#review_form .comment-form-rating p.stars:hover a:before,

.woocommerce #reviews #comments ol.commentlist #respond .comment-form-rating p.stars:hover a:before

{

    color: #fe9727 !important;

}

#review_form .comment-form-rating p.stars a:hover~a:before,

.woocommerce #reviews #comments ol.commentlist #respond .comment-form-rating p.stars a:hover~a:before

{

    color: #999 !important;

}



#review_form .comment-form-rating p.stars span,

.woocommerce #reviews #comments ol.commentlist #respond .comment-form-rating p.stars span

{

    -js-display: flex;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-flow: row nowrap;

    flex-flow: row nowrap;

    -ms-flex-pack: justify;

    width: 100%;

}

.form_row_reviews {

    margin: 0 0 10px 0;

    -js-display: flex;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-flow: row nowrap;

    flex-flow: row nowrap;

    -ms-flex-pack: justify;

    justify-content: space-between;

    width: 100%;

}

.form_row_reviews > p {

    width: 33.333%;

    margin: 0 0 5px 0;

}

.woocommerce #review_form #respond input,

.woocommerce #reviews #comments ol.commentlist #respond input

{

    border: 1px solid #ddd;

    width: 100%;

    border-radius: 3px;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    padding: 5px;

    height: 35px;

    outline: none;

}

.form_row_reviews p.comment-form-author {

    padding-right: 10px;

}

.form_row_reviews p.comment-form-email {

    padding-left: 10px;

}

.woocommerce #review_form #respond p.form-submit,

.woocommerce #reviews #comments ol.commentlist #respond p.form-submit

{

    text-align: center;

}

.woocommerce #review_form #respond p.form-submit input#submit,

.woocommerce #reviews #comments ol.commentlist #respond p.form-submit input#submit

{

    background-color: #03a0e2;

    color: #fff;

    border: 0;

    width: auto;

    margin: 0 auto;

    padding: 0 30px;

    text-transform: uppercase;

    height: 40px;

    min-height: inherit;

    line-height: inherit;

}

.note_review a {

    color: #03a0e2;

}

.note_review {

    margin-top: 10px;

}

.comment-form-comment {

    margin: 0;

    position: relative;

}

.wrap-attaddsend {

    background: #f7f7f7;

    padding: 6px !important;

    overflow: hidden;

    margin: 0 0 20px 0;

}

span#countContent {

    float: right;

    color: #999;

    margin-top: 5px;

}

.comment-form-comment div#comment-error {

    position: absolute;

    bottom: 2px;

    left: 5px;

}

#respond div.error {

    font-size: 12px;

    color: red;

}

body.woocommerce #reviews #comments ol.commentlist #respond {

    margin: 10px 0;

    position: relative;

    padding: 10px;

    border-radius: 5px;

    overflow: hidden;

}

body.woocommerce #reviews #comments ol.commentlist #respond input#wp-comment-cookies-consent {

    width: auto;

    margin: 0;

    padding: 0;

    vertical-align: middle;

    line-height: 1;

    height: auto;

}

.woocommerce #reviews #comments ol.commentlist #respond .comment-form-rating{

    display: none !important;

}

.woocommerce #reviews #comments ol.commentlist #respond span#reply-title {

    font-size: 14px;

    margin-bottom: 10px;

}

.woocommerce #reviews #comments ol.commentlist #respond span#reply-title a {

    color: #fff;

    background: red;

    width: 30px;

    border-radius: 50%;

    height: 30px;

    display: inline-block;

    vertical-align: middle;

    text-align: center;

    line-height: 30px;

    position: absolute;

    top: 7px;

    right: 15px;

}

div#reviews.woocommerce-Reviews {

    border-bottom: 1px solid #ddd;

    width: 100%;

    max-width: 1140px;

    margin: 0 auto 30px;

}

div#comments {

    position: relative;

}

.review-attach {

    position: relative;

    float: left;

}

.review-attach input {

    position: absolute;

    top: 0;

    right: 0;

    margin: 0;

    opacity: 0;

    -ms-filter: 'alpha(opacity=0)';

    font-size: 200px;

    direction: ltr;

    cursor: pointer;

    display: none;

}

span.btn-attach {

    color: #03a0e2;

    font-weight: 700;

    padding: 5px 0 5px 32px;

    display: inline-block;

    background: transparent url(../images/icon-image.png) no-repeat left center;

    background-size: 25px auto;

    -moz-background-size: 25px auto;

    -webkit-background-size: 25px auto;

}

span.btn-attach-video {

    color: #e63950;

    font-weight: 700;

    padding: 5px 0 5px 32px;

    display: inline-block;

    margin-left: 15px;

    cursor: pointer;

    background: transparent url(../images/video-marketing.png) no-repeat left center;

    background-size: 25px auto;

}

.devvn_insert_attach {

    cursor: pointer;

}

ul.devvn_attach_view {

    list-style: none;

    margin: 0;

    padding: 0;

}

.list_attach:after {

    content: "";

    display: table;

    clear: both;

}

ul.devvn_attach_view li {

    float: left;

    width: 80px;

    margin: 0 20px 20px 0 !important;

    padding: 0 !important;

    border: 0 !important;

    overflow: inherit;

    clear: none;

}

.img-wrap {

    position: relative;

}

.img-wrap .close {

    position: absolute;

    right: -10px;

    top: -10px;

    background: #000;

    color: #fff !important;

    border-radius: 50%;

    z-index: 2;

    display: block;

    width: 20px;

    height: 20px;

    font-size: 16px;

    text-align: center;

    line-height: 18px;

    cursor: pointer !important;

    opacity: 1 !important;

    text-shadow: none;

}

i.devvn-plus {

    font-style: normal;

    font-weight: 900;

    font-size: 35px;

    line-height: 1;

}

.img-wrap-box {

    position: relative;

    overflow: hidden;

    padding-top: 100%;

    height: auto;

    background-position: 50% 50%;

    background-size: cover;

}

.img-wrap-box img {

    right: 0;

    width: 100% !important;

    height: 100% !important;

    bottom: 0;

    left: 0;

    top: 0;

    position: absolute;

    object-position: 50% 50%;

    object-fit: cover;

    transition: all .5s linear;

    -moz-transition: all .5s linear;

    -webkit-transition: all .5s linear;

    -ms-transition: all .5s linear;

}

.list_attach span.devvn_insert_attach {

    width: 80px;

    height: 80px;

    text-align: center;

    display: inline-block;

    float: left;

    border: 2px dashed #ccc;

    line-height: 76px;

    font-size: 25px;

    color: #ccc;

}

.list_attach span.devvn_insert_attach {

    display: none;

}

.list_attach.show-btn span.devvn_insert_attach {

    display: block;

    margin: 0 0 20px 0 !important;

}

ul.devvn_attach_view li input {

    display: none;

}

ul.cmt_attachment_img {

    list-style: none;

    margin: 5px 0 0;

    padding: 0;

    overflow: hidden;

}

ul.cmt_attachment_img li {

    width: 80px;

    float: left;

    margin: 0 5px 5px 0 !important;

    padding: 0 !important;

    border: 0 !important;

    clear: none;

}

ul.cmt_attachment_img li img {

    width: 100%;

    height: auto;

    display: block;

}

li.li_video_preview .img-wrap-box video.video-preview {

    right: 0;

    width: 100% !important;

    height: 100% !important;

    bottom: 0;

    left: 0;

    top: 0;

    position: absolute;

    object-position: 50% 50%;

    object-fit: cover;

}

.mfp-video-container {

    max-width: 90vw;

    max-height: 90vh;

    margin: 0 auto;

}

.mfp-video-container video.mfp-video {

    width: 100%;

    height: auto;

    max-height: 90vh;

}

ul.cmt_attachment_img li.cmt_video_attachment video {

    width: 100%;

    height: 100%;

    object-fit: cover;

    display: block;

}



ul.cmt_attachment_img li.cmt_video_attachment {

    position: relative;

}

ul.cmt_attachment_img li.cmt_video_attachment a {

    position: relative;

    display: block;

}

ul.cmt_attachment_img li.cmt_video_attachment::before,

.devvn_review_item_video .video_item::before{

    content: "▶";

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    color: #fff;

    font-size: 20px;

    z-index: 1;

    pointer-events: none;

    text-shadow: 0 0 5px rgba(0,0,0,0.8);

}

ul.cmt_attachment_img li.cmt_video_attachment .video-duration-overlay {

    position: absolute;

    bottom: 8px;

    right: 8px;

    background: #fff;

    border-radius: 4px;

    padding: 4px 8px;

    display: flex;

    align-items: center;

    gap: 4px;

    z-index: 2;

    pointer-events: none;

    font-size: 12px;

    line-height: 1;

    box-shadow: 0 1px 3px rgba(0,0,0,0.2);

}

ul.cmt_attachment_img li.cmt_video_attachment .video-duration-icon {

    font-size: 12px;

    display: inline-block;

}

ul.cmt_attachment_img li.cmt_video_attachment .video-duration-text {

    color: #000;

    font-weight: 500;

    font-size: 12px;

}

ul.cmt_attachment_img li.cmt_video_attachment img {

    opacity: 0.8;

}

ul.cmt_attachment_img li.cmt_video_attachment .video-thumb-placeholder {

    width: 100%;

    padding-top: 100%;

    background: #000;

    position: relative;

    display: block;

}

ul.cmt_attachment_img li.cmt_video_attachment .video-thumb-placeholder .video-icon {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    color: #fff;

    font-size: 20px;

}

.devvn_prod_cmt {

    width: 100%;

    max-width: 1140px;

    margin: 0 auto 30px;

    position: relative;

}

.devvn_cmt_input textarea, .devvn_cmt_input input {

    border: 1px solid #c1bfbf;

    width: 100%;

    padding: 5px 10px;

    border-radius: 3px;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    outline: none;

}

.devvn_cmt_input textarea {

    height: 100px;

    border-radius: 3px 3px 0 0;

    display: block;

    margin: 0;

}

.devvn_cmt_input input{

    height: 35px !important;

    margin-bottom: 5px !important;

}

.devvn_cmt_form_bottom {

    border: 1px solid #c1bfbf;

    border-top: 0;

    padding: 10px;

    -js-display: flex;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-flow: row nowrap;

    flex-flow: row nowrap;

    -ms-flex-pack: justify;

    justify-content: space-between;

    width: 100%;

}

.devvn_cmt_radio {

    -ms-flex: 1;

    flex: 1;

    -ms-flex-negative: 1;

    -ms-flex-preferred-size: auto !important;

    text-align: right;

    padding-top: 7px;

    white-space: nowrap;

}

.devvn_cmt_submit {

    margin-left: 5px;

}

button#devvn_cmt_submit,

button#devvn_cmt_replysubmit{

    width: 100%;

    height: 35px;

    background: #fbd648;

    border: 0;

    text-transform: uppercase;

    font-weight: 700;

    outline: none;

    border-radius: 3px;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    margin: 0;

    padding: 0 10px;

    font-size: 14px;

    min-height: inherit;

    line-height: 35px;

    white-space: nowrap;

}

.devvn_cmt_form_bottom .devvn_cmt_input {

    width: 35%;

    padding: 0 5px;

}

.devvn_cmt_radio label {

    display: inline-block;

    font-weight: 700;

    position: relative;

    cursor: pointer;

    margin: 0 10px 0 0;

}

.devvn_cmt_radio label input {

    border: 0;

    clip: rect(0 0 0 0);

    height: 1px;

    margin: -1px;

    overflow: hidden;

    padding: 0;

    position: absolute;

    width: 1px;

}

.devvn_cmt_radio label span {

    padding-left: 23px;

    display: block;

    line-height: 1.3;

}

.devvn_cmt_radio label span:before, .devvn_cmt_radio label span:after {

    width: 16px;

    height: 16px;

    content: "";

    position: absolute;

    border: 1px solid #a6a6a6;

    border-radius: 50%;

    -moz-border-radius: 50%;

    -webkit-border-radius: 50%;

    top: 1px;

    left: 0;

}

.devvn_cmt_radio label input:checked~span:before {

    border: 1px solid #3398d2;

}

.devvn_cmt_radio label input:checked~span:after {

    background: #3398d2;

    border: 1px solid #3398d2;

    width: 8px;

    height: 8px;

    top: 5px;

    left: 4px;

}

.devvn_cmt_form {

    margin: 0 0 20px 0;

}

.devvn_cmt_list_header {

    overflow: hidden;

    margin: 0 0 20px 0;

}

.devvn_cmt_lheader_left {

    float: left;

}

.devvn_cmt_lheader_right {

    float: right;

}

.devvn_cmt_list_box ul {

    list-style: none;

    margin: 0;

    padding: 0;

}

.devvn_cmt_lheader_left span {

    font-size: 16px;

    font-weight: 700;

}

#devvn_cmt_search {

    border: 1px solid #c1bfbf;

    height: 30px;

    border-radius: 3px;

    padding: 0 10px 0 30px;

    outline: none;

    width: 100%;

    margin: 0;

}

.devvn_cmt_search_box {

    position: relative;

    width: 200px;

}

.devvn_cmt_search_box button {

    position: absolute;

    top: 0;

    left: 0;

    color: #999;

    background: transparent;

    border: 0;

    width: 30px;

    outline: none;

    height: 30px;

    text-indent: -9999px;

    overflow: hidden;

    background: transparent url(../images/icon-search.png) no-repeat center center;

    background-size: 15px auto;

    -moz-background-size: 15px auto;

    -webkit-background-size: 15px auto;

    min-height: inherit;

    line-height: 1;

    margin: 0;

    padding: 0;

}

form#devvn_cmt_search_form {

    margin: 0;

}

.devvn_cmt_box > span {

    width: 25px;

    height: 25px;

    background-image: none !important;

    background-color: #ccc;

    margin-right: 5px;

    text-align: center;

    color: #fff;

    text-transform: uppercase;

    font-size: 12px;

    line-height: 25px;

    font-style: normal;

    display: inline-block;

}

.devvn_cmt_box > span.cmt_avatar {

    line-height: 1;

}

.devvn_cmt_box >strong {

    text-transform: capitalize;

}

.devvn_cmt_box_content {

    display: block;

    font-size: 14px;

    color: #4a4a4a;

    line-height: 22px;

    margin-left: 30px;

}

.devvn_cmt_tool {

    color: #999;

    font-size: 13px;

    margin: 0 0 5px 30px;

    padding: 5px 0;

}

.devvn_cmt_tool a,

.devvn_cmt_tool > span > span,

.devvn_cmt_tool span.cmtlike{

    color: #4a90e2;

    cursor: pointer;

}

a.cmtlike,

span.cmtlike{

    background: url(../images/cmt-like-icon.png) no-repeat left center;

    background-size: 12px auto;

    -moz-background-size: 12px auto;

    -webkit-background-size: 12px auto;

    padding-left: 15px;

    color: #4a90e2;

    cursor: pointer;

}

ul.devvn_cmt_child {

    display: block;

    margin-top: 10px;

    position: relative;

    background: #f1f1f1;

    border: 1px solid #e7e7e7;

    padding: 15px 10px 0 10px;

    font-size: 14px;

    color: #333;

    margin-left: 30px;

}

ul.devvn_cmt_child:after, ul.devvn_cmt_child:before {

    bottom: 100%;

    left: 20px;

    border: solid transparent;

    content: " ";

    height: 0;

    width: 0;

    position: absolute;

    pointer-events: none;

}



ul.devvn_cmt_child:after {

    border-color: rgba(241, 241, 241, 0);

    border-bottom-color: #f1f1f1;

    border-width: 12px;

    margin-left: -12px;

}

ul.devvn_cmt_child:before {

    border-color: rgba(231, 231, 231, 0);

    border-bottom-color: #e7e7e7;

    border-width: 13px;

    margin-left: -13px;

}

.devvn_cmt_list_box > ul > li {

    margin: 0 0 10px 0 !important;

}

.devvn_cmt_list_box {

    overflow: hidden;

    margin: 0 0 10px 0;

}

form#devvn_cmt_reply {

    margin: 0 0 10px;

    position: relative;

}

form#devvn_cmt_reply a.devvn_cancel_cmt {

    position: absolute;

    top: 0;

    right: 0;

    background: #e03232;

    color: #fff;

    width: 15px;

    height: 15px;

    text-align: center;

    line-height: 15px;

    text-decoration: none;

}

.devvn_cmt_box_content p:last-child {

    margin-bottom: 0;

}

.devvn_cmt_box .qtv {

    text-transform: uppercase;

    margin-right: 10px;

    color: #000;

    font-weight: normal;

    font-size: 10px;

    background: #eebc49;

    padding: 2px 6px;

    border-radius: 3px;

    line-height: 18px;

    height: 18px;

    margin-left: 10px;

}

.devvn_loading:before {

    position: absolute;

    content: "";

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0,0,0,0.2);

    z-index: 9;

    top: 0;

}

.devvn_loading:after {

    -webkit-animation: devvn_reviews_spin 500ms infinite linear;

    animation: devvn_reviews_spin 500ms infinite linear;

    border: 2px solid #fff;

    border-radius: 32px;

    border-right-color: transparent!important;

    border-top-color: transparent!important;

    content: "";

    display: block;

    height: 16px;

    top: 50%;

    margin-top: -8px;

    left: 50%;

    margin-left: -8px;

    position: absolute;

    width: 16px;

    border: 2px solid #c29a44

}

@-webkit-keyframes devvn_reviews_spin {

    0% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg)

    }



    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}



@keyframes devvn_reviews_spin {

    0% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg)

    }



    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}

.devvn_cmt_form_bottom.no-infor:not(.has-upload) {

    display: block;

    overflow: hidden;

}

.devvn_cmt_form_bottom.no-infor:not(.has-upload) .devvn_cmt_submit {

    float: right;

}

.devvn-star:before{

    content: "\53";

    font-family: star;

    font-style: normal;

}

span.devvn_stars_value {

    line-height: 1;

}

div#reviews div#comments {

    border-bottom: 0 !important;

}

.mfp-bg {

    z-index: 99999999;

}

.mfp-wrap {

    z-index: 999999999;

}

body .woocommerce-verification-required {

    border: 1px dashed red;

    padding: 5px;

    border-radius: 5px;

    color: red;

}

.reviews_bar {

    line-height: 1;

}

#review_form .comment-form-rating a:after {

    display: none;

}

/*flatsome support*/

.theme-flatsome .devvn-star:before {

    content: "\e005";

    font-family: "fl-icons" !important;

}

.theme-flatsome .star-rating:before,

.theme-flatsome.woocommerce-page .star-rating:before{

    color: #d3ced2;

}

.theme-flatsome #review_form .comment-form-rating p.stars a:before{

    content: "\e005";

    font-family: "fl-icons" !important;

}

.theme-flatsome.woocommerce div#reviews nav.woocommerce-pagination ul {

    list-style: none;

    margin: 0;

    padding: 0;

    overflow: hidden;

}

.theme-flatsome.woocommerce div#reviews nav.woocommerce-pagination ul li {

    margin: 0;

}



#review_form .comment-form-rating p.stars a+a {

    border: 0;

}

body.woocommerce.theme-flatsome #reviews #comments ol.commentlist li {

    padding: 0;

    list-style: none;

}

.single-product.theme-flatsome .commentlist li .description,

.single-product.theme-flatsome .comment-list li .description {

    font-style: normal;

}

span.review_qtv {

    background-color: #eebc49;

    color: #000;

    padding: 3px;

    border-radius: 3px;

    display: inline-block;

    font-size: 11px;

    text-transform: uppercase;

}

table.comments td.comment p a.review_img:after {

    display: none;

}



.devvn-reviews-popup .mfp-container {

    padding: 10px;

}

ul.devvn_cmt_child > li {

    margin: 0 !important;

}

.woocommerce #review_form input#wp-comment-cookies-consent {

    width: auto;

    margin: 0 5px 0 0 !important;

    height: auto;

    min-height: auto;

}

#review_form .comment-form-rating p.stars a,

.woocommerce #reviews #comments ol.commentlist #respond .comment-form-rating p.stars a {

    position: relative;

    letter-spacing: normal;

}

ul.devvn_attach_view li.li_file_hide {

    opacity: 0;

    visibility: visible;

    width: 0 !important;

    height: 0 !important;

    overflow: hidden;

    margin: 0 !important;

}

.devvn-reviews-popup .mfp-arrow-left:before {

    margin-left: 0;

    margin-top: 0;

}

.devvn-reviews-popup .mfp-arrow-left:after {

    margin-left: 6px;

    margin-top: 0px;

}

.devvn-reviews-popup .mfp-arrow-right:before {

    margin-left: 0;

    margin-top: 0;

}

.devvn-reviews-popup .mfp-arrow-right:after {

    margin-left: 4px;

    margin-top: 0px;

}

.devvn-reviews-popup .mfp-arrow:active {

    margin-top: 0;

}



nav.devvn_cmt_paged.woocommerce-pagination ul {

    list-style: none;

    overflow: hidden;

}

nav.devvn_cmt_paged.woocommerce-pagination ul li {

    float: left;

    margin: 0 5px 0 0;

}

nav.devvn_cmt_paged.woocommerce-pagination ul li a,

nav.devvn_cmt_paged.woocommerce-pagination ul li span.page-numbers.current{

    display: block;

    background-color: #eeeeee;

    padding: 5px 9px;

    font-size: 14px;

    border-radius: 5px;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

}

nav.devvn_cmt_paged.woocommerce-pagination ul li span.page-numbers.current {

    background: #ccc;

}

.devvn_review_avatar {

    width: 50px;

    float: left;

    margin: 0 10px 0px 0;

}

.devvn_review_avatar img {

    position: relative !important;

    width: 100% !important;

}

.devvn_review_box .comment-text {

    overflow: hidden;

}

.commentlist>li:not(:first-child), .comment-list>li:not(:first-child) {

    border-top: 0 !important;

}

.woocommerce #reviews #comments ol.commentlist li .devvn_review_avatar img.avatar {

    position: relative !important;

    width: 100% !important;

    padding: 0 !important;

    margin: 0 !important;

    height: auto !important;

}

.single-product .devvn_single_rating > .star-rating {

    display: inline-block;

    vertical-align: middle;

    margin: 0;

}

.single-product .devvn_single_rating > span.devvn_sold:before {

    content: "";

    margin: 0 5px;

    top: 3px;

    left: 0;

    background: #ccc;

    width: 1px;

    height: 17px;

    position: absolute;

}

.single-product .devvn_single_rating > span.devvn_sold {

    font-size: 14px;

    position: relative;

    padding-left: 13px;

    display: inline-block;

}

.single-product .devvn_single_rating {

    margin-bottom: 10px;

}

.single-product .devvn_single_rating span.devvn_average_rate {

    display: inline-block;

    vertical-align: middle;

    font-size: 14px;

    line-height: 1;

}



.devvn_prod_cmt > strong {

    margin: 0 0 10px 0;

    display: block;

}

.theme-flatsome .mfp-wrap:not(.devvn-reviews-popup) .mfp-arrow:after,

.theme-flatsome .mfp-wrap:not(.devvn-reviews-popup) .mfp-arrow:before {

    display: none;

}

.theme-flatsome .mfp-wrap:not(.devvn-reviews-popup) .mfp-arrow:active {

    margin-top: inherit;

}

.theme-flatsome .mfp-wrap:not(.devvn-reviews-popup) .mfp-arrow-right {

    right: 20px;

}

div#reviews.woocommerce-Reviews .woocommerce-Reviews-title {

    font-size: 18px;

    font-weight: 700;

}



/*style 2*/

.devvn-style2 .devvn_review_avatar {

    width: 25px;

}

.devvn-style2 .devvn_review_mid p, .devvn-style2 .devvn_review_top strong, .devvn-style2 .devvn_review_top em {

    font-size: 14px;

}

.devvn-style2 span.review_qtv {

    background-color: #eebc49;

    display: inline-block;

    text-transform: uppercase;

    font-size: 10px;

    padding: 2px 6px;

    border-radius: 3px;

    line-height: 13px;

    height: 15px;

}

body.woocommerce #reviews.devvn-style2 #comments ol.commentlist > li > ul.children {

    margin-top: 10px;

    position: relative;

    background: #f1f1f1;

    border: 1px solid #e7e7e7;

    padding: 15px 10px;

    font-size: 14px;

    color: #333;

    margin-left: 35px;

    width: inherit !important;

    float: none !important;

    list-style: none;

}

body.woocommerce #reviews.devvn-style2 #comments ol.commentlist > li > ul.children:after, body.woocommerce #reviews.devvn-style2 #comments ol.commentlist > li > ul.children:before {

    top: -19px;

    left: 20px;

    border: solid transparent;

    content: " ";

    height: 0;

    width: 0;

    position: absolute;

    pointer-events: none;

}



body.woocommerce #reviews.devvn-style2 #comments ol.commentlist > li > ul.children:after {

    border-color: rgba(241, 241, 241, 0);

    border-bottom-color: #f1f1f1;

    border-width: 11px;

    margin-left: -11px;

}



body.woocommerce #reviews.devvn-style2 #comments ol.commentlist > li > ul.children:before {

    border-color: rgba(231, 231, 231, 0);

    border-bottom-color: #e7e7e7;

    border-width: 10px;

    margin-left: -10px;

}

body.woocommerce #reviews.devvn-style2 #comments ol.commentlist > li > ul.children {

    position: relative;

}

.devvn-style2 .devvn_review_bottom {

    font-size: 13px;

}

body.woocommerce #reviews.devvn-style2 #comments ol.commentlist ul.children li {

    border-left: 0;

    padding: 0;

}

body.woocommerce #reviews.devvn-style2 #comments ol.commentlist ul.children li:last-child {

    margin-bottom: 0;

}

body.woocommerce #reviews.devvn-style2.no_avatar #comments ol.commentlist ul.children {

    margin-left: 0;

}

/*#style 2*/



/*style 3*/

#reviews.devvn-style3 .woocommerce-Reviews-title {

    text-align: center;

    font-size: 25px !important;

    font-weight: 700;

    margin-bottom: 20px;

    color: #222;

}

.devvn-style3-header-box {

    box-shadow: 0 4px 20px -8px #0000001c, 0 0 10px 0 #0000000f;

    padding: 30px;

    margin-bottom: 30px;

    border-radius: 15px;

}

/* Star box - 3 column layout */

#reviews.devvn-style3 .star_box {

    display: flex;

    align-items: stretch;

    border: 0;

    background: transparent;

    margin: 0;

    padding: 0;

}

/* Left column - average rating */

#reviews.devvn-style3 .star-average {

    flex: 0 0 140px;

    text-align: center;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    padding: 0 20px 0 0;

}

body #reviews.devvn-style3 .star-average .woocommerce-product-rating {

    display: flex;

    flex-direction: column;

    align-items: center;

    text-align: center;

    padding: 0;

    margin: 0;

}

.woocommerce div.product #reviews.devvn-style3 .star-average .star_average {

    font-size: 56px;

    font-weight: 700;

    color: #222;

    line-height: 1;

    display: block;

    margin: 0;

}

#reviews.devvn-style3 .star-average .star_average i.devvn-star {

    display: none;

}

#reviews.devvn-style3 .star-average .style3-stars-row {

    display: flex;

    justify-content: center;

    margin: 6px 0 4px;

}

#reviews.devvn-style3 .star-average .style3-stars-row .star-rating {

    font-size: 17px;

    margin: 0;

    color: #fda725;

}

body #reviews.devvn-style3 .star-average strong {

    display: block;

    font-size: 13px;

    color: #999;

    font-weight: 400;

    margin-top: 2px;

    text-transform: none;

}

/* Center column - rating bars */

#reviews.devvn-style3 .star_box_left {

    flex: 1;

    border-left: 0;

    border-right: 2px solid #e0e0e0;

    padding: 0 25px;

    display: flex;

    align-items: center;

}

#reviews.devvn-style3 .star_box_left .reviews_bar {

    width: 100%;

}

#reviews.devvn-style3 .reviews_bar .devvn_review_row {

    padding: 2px 0;

    display: flex;

    align-items: center;

    margin-bottom: 5px;

}

#reviews.devvn-style3 .devvn_stars_value {

    min-width: 32px;

    font-size: 14px;

    color: #555;

    font-weight: 500;

}

#reviews.devvn-style3 .devvn_stars_value i.devvn-star {

    font-size: 12px;

    color: #f5a623;

}

#reviews.devvn-style3 .devvn_rating_bar {

    flex: 1;

    margin: 0 10px;

}

#reviews.devvn-style3 .devvn_scala_rating {

    height: 12px;

    border-radius: 5px;

    background-color: #e0e0e0 !important;

    position: relative;

}

#reviews.devvn-style3 .devvn_perc_rating {

    border-radius: 5px;

    height: 12px;

    top: 0;

    position: absolute;

}

#reviews.devvn-style3 .devvn_num_reviews {

    font-size: 13px;

    color: #666;

    min-width: 90px;

    white-space: nowrap;

}

/* Right column - CTA button */

#reviews.devvn-style3 .star_box_right {

    flex: 0 0 auto;

    text-align: center;

    padding-left: 25px;

    min-width: 240px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

}

#reviews.devvn-style3 .star_box_right .star_box_right_desc {

    font-size: 14px;

    color: #666;

    margin: 0 0 15px;

    line-height: 1.5;

    font-style: italic;

}

#reviews.devvn-style3 .star_box_right .btn-reviews-now {

    display: inline-block;

    background: #222;

    color: #fff !important;

    padding: 10px 45px;

    border-radius: 8px;

    font-size: 15px;

    font-weight: 600;

    text-decoration: none !important;

    transition: background 0.2s;

    border: none;

    letter-spacing: 0.3px;

    white-space: nowrap;

    text-transform: none;

    letter-spacing: normal;

}

#reviews.devvn-style3 .star_box_right .btn-reviews-now:hover {

    background: #444;

    color: #fff !important;

}

/* Image/video gallery section */

#reviews.devvn-style3 .img_reviews_wrap,

#reviews.devvn-style3 .video_reviews_wrap {

    margin-bottom: 20px;

}

/* Filter buttons */

#reviews.devvn-style3 .devvn_reviews_filter {

    background: none;

    padding: 0;

    margin: 0 0 20px;

    display: flex;

    flex-wrap: wrap;

    gap: 8px;

}

#reviews.devvn-style3 .devvn_filter_btn {

    border-radius: 20px;

    padding: 7px 18px;

    font-size: 13px;

    border: 1px solid #d0d0d0;

    background: #fff;

    color: #444;

    margin: 0;

    transition: all 0.2s;

}

#reviews.devvn-style3 .devvn_filter_btn:hover {

    border-color: #999;

    background: #f5f5f5;

}

#reviews.devvn-style3 .devvn_filter_btn.active {

    background: #333;

    border-color: #333;

    color: #fff;

}

/* Review items */

#reviews.devvn-style3 #comments ol.commentlist {

    list-style: none;

    padding: 0;

    margin: 0;

    background: #fafafa;

    padding: 0 20px;

    border-radius: 15px;

}

body.woocommerce #reviews.devvn-style3 #comments ol.commentlist > li {

    padding: 20px 0;

    border-bottom: 1px solid #f0f0f0;

    margin: 0;

    border-left: 0;

    list-style: none;

}

body.woocommerce #reviews.devvn-style3 #comments ol.commentlist > li:last-child {

    border-bottom: none;

}

#reviews.devvn-style3 .devvn_review_avatar {

    width: 44px;

    float: left;

    margin: 0 14px 0 0;

}

#reviews.devvn-style3 .devvn_review_avatar img {

    border-radius: 50% !important;

    width: 44px !important;

    height: 44px !important;

    object-fit: cover;

}

#reviews.devvn-style3 .devvn_review_top p.meta {

    margin: 0 0 4px;

    display: flex;

    align-items: center;

    gap: 8px;

    flex-wrap: wrap;

}

#reviews.devvn-style3 .devvn_review_top strong.woocommerce-review__author {

    font-size: 15px;

    color: #222;

    font-weight: 600;

}

#reviews.devvn-style3 .devvn_review_top em.woocommerce-review__verified {

    font-size: 12px;

    color: #999;

    font-style: normal;

}

#reviews.devvn-style3 .devvn_review_mid {

    margin-top: 4px;

}

#reviews.devvn-style3 .devvn_review_mid p {

    font-size: 14px;

    line-height: 1.6;

    color: #333;

    margin: 4px 0;

}

#reviews.devvn-style3 .devvn_review_mid .description {

    margin-top: 4px;

}

#reviews.devvn-style3 .devvn_review_mid .star-rating {

    font-size: 12px;

    margin: 2px 0;

}

#reviews.devvn-style3 .devvn_review_bottom {

    font-size: 13px;

    color: #999;

    margin-top: 8px;

}

#reviews.devvn-style3 .devvn_review_bottom .reply {

    display: inline;

}

#reviews.devvn-style3 .devvn_review_bottom .reply a {

    color: #666;

    font-size: 13px;

    text-decoration: none;

}

#reviews.devvn-style3 .devvn_review_bottom .reply a:hover {

    color: #222;

}

#reviews.devvn-style3 .devvn_review_bottom time {

    color: #999;

    font-size: 13px;

}

/* Time ago */

#reviews.devvn-style3 .devvn-style3-time-ago {

    font-size: 13px;

    color: #999;

    font-weight: 400;

    display: inline-flex;

    align-items: center;

    gap: 4px;

}

#reviews.devvn-style3 .devvn-style3-time-ago .devvn-clock-icon {

    display: inline-block;

    width: 13px;

    height: 13px;

    border: 1.5px solid #bbb;

    border-radius: 50%;

    position: relative;

    flex-shrink: 0;

}

#reviews.devvn-style3 .devvn-style3-time-ago .devvn-clock-icon::before {

    content: "";

    position: absolute;

    top: 2px;

    left: 4.5px;

    width: 1.5px;

    height: 4px;

    background: #bbb;

}

#reviews.devvn-style3 .devvn-style3-time-ago .devvn-clock-icon::after {

    content: "";

    position: absolute;

    top: 4.5px;

    left: 4.5px;

    width: 3px;

    height: 1.5px;

    background: #bbb;

}

/* Admin badge */

#reviews.devvn-style3 span.review_qtv {

    background-color: #f0f0f0;

    color: #d32f2f;

    display: inline-block;

    font-size: 11px;

    font-weight: 600;

    padding: 2px 8px;

    border-radius: 4px;

    line-height: 16px;

    text-transform: uppercase;

}

/* Quick review tags */

#reviews.devvn-style3 .review_quick_tag span {

    border-radius: 15px;

    font-size: 12px;

    padding: 2px 10px;

}

/* Child/reply reviews */

body.woocommerce #reviews.devvn-style3 #comments ol.commentlist > li > ul.children {

    margin-top: 12px;

    margin-left: 58px;

    padding: 15px 20px;

    background: #f7f7f7;

    border-radius: 8px;

    list-style: none;

    border: none;

    width: inherit !important;

    float: none !important;

}

body.woocommerce #reviews.devvn-style3 #comments ol.commentlist ul.children li {

    border-left: 0;

    padding: 5px 0;

    margin-bottom: 5px;

}

body.woocommerce #reviews.devvn-style3 #comments ol.commentlist ul.children li:last-child {

    margin-bottom: 0;

}

/* No reviews message */

#reviews.devvn-style3 .woocommerce-noreviews {

    text-align: center;

    color: #999;

    padding: 30px 0;

    font-size: 14px;

}

/* Pagination */

#reviews.devvn-style3 .woocommerce-pagination {

    text-align: center;

    margin-top: 20px;

}

/* Like button */

#reviews.devvn-style3 .devvn_like_btn {

    color: #999;

}

/* Thread line from avatar to children */

body.woocommerce #reviews.devvn-style3.show_avatar #comments ol.commentlist > li.has-children > .devvn_review_box {

    position: relative;

}

body.woocommerce #reviews.devvn-style3.show_avatar #comments ol.commentlist > li.has-children > .devvn_review_box::after {

    content: "";

    position: absolute;

    left: 21px;

    top: 45px;

    bottom: -10px;

    width: 8px;

    border: 2px solid #e0e0e0;

    z-index: 0;

    background: transparent;

    border-radius: 0 0 0 20px;

    border-top: 0;

    border-right: 0;

    border-bottom: 0;

}

/* Reply button restyle */

#reviews.devvn-style3 .devvn_review_bottom .reply {

    display: inline-flex;

    align-items: center;

    top: 3px;

}

#reviews.devvn-style3 .devvn_review_bottom .reply a {

    display: inline-flex;

    align-items: center;

    gap: 5px;

    color: #d32f2f;

    font-size: 13px;

    font-weight: 500;

    text-decoration: none;

    transition: color 0.2s;

}

#reviews.devvn-style3 .devvn_review_bottom .reply a::before {

    content: "";

    display: inline-block;

    width: 16px;

    height: 16px;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d32f2f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3C/svg%3E");

    background-size: contain;

    background-repeat: no-repeat;

    flex-shrink: 0;

}

#reviews.devvn-style3 .devvn_review_bottom .reply a:hover {

    color: #b71c1c;

}

/* Toggle replies button */

.devvn-style3-toggle-replies {

    display: inline-flex;

    align-items: center;

    gap: 5px;

    cursor: pointer;

    font-size: 13px;

    font-weight: 500;

    color: #555;

    padding: 6px 0;

    margin-left: 58px;

    user-select: none;

    transition: color 0.2s;

}

.devvn-style3-toggle-replies:hover {

    color: #222;

}

.devvn-style3-toggle-replies .toggle-arrow {

    font-size: 10px;

    line-height: 1;

}

/* Responsive */

@media (max-width: 900px) {

    #reviews.devvn-style3 .star_box_right {

        min-width: 150px;

        padding-left: 20px;

    }

    #reviews.devvn-style3 .star-average {

        flex: 0 0 120px;

        padding-right: 15px;

    }

    #reviews.devvn-style3 .star_box_left {

        padding: 0 15px;

    }

}

@media (max-width: 767px) {

    #reviews.devvn-style3 {

        padding: 20px 15px;

        border-radius: 8px;

    }

    #reviews.devvn-style3 .star_box {

        flex-direction: column;

        padding: 20px 15px;

        gap: 15px;

    }

    #reviews.devvn-style3 .star-average {

        flex: none;

        padding: 0;

    }

    .woocommerce div.product #reviews.devvn-style3 .star-average .star_average {

        font-size: 44px;

    }

    #reviews.devvn-style3 .star_box_left {

        border-left: 0;

        border-right: 0;

        border-top: 1px solid #e0e0e0;

        border-bottom: 1px solid #e0e0e0;

        padding: 15px 0;

        width: 100%;

    }

    #reviews.devvn-style3 .star_box_right {

        padding-left: 0;

        min-width: auto;

    }

    #reviews.devvn-style3 .star_box_right .btn-reviews-now {

        padding: 12px 24px;

        font-size: 14px;

    }

    #reviews.devvn-style3 #comments ol.commentlist > li > ul.children,

    body.woocommerce #reviews.devvn-style3 #comments ol.commentlist > li > ul.children {

        margin-left: 20px;

        padding: 10px 15px;

    }

    .devvn-style3-toggle-replies {

        margin-left: 20px !important;

    }

    #reviews.devvn-style3 .devvn_reviews_filter {

        gap: 6px;

    }

    #reviews.devvn-style3 .devvn_filter_btn {

        padding: 5px 12px;

        font-size: 12px;

    }

}

/*#style 3*/



.devvn_cmt_radio .tm-radio{

    position: relative;

    display: inline-block;

    float: left;

}

.devvn_cmt_radio .tm-radio ~ span:after,.devvn_cmt_radio .tm-radio ~ span:before{

    display: none;

}

.devvn_cmt_radio .tm-radio:before, .devvn_cmt_radio .tm-radio:after {

    width: 16px;

    height: 16px;

    content: "";

    position: absolute;

    border: 1px solid #a6a6a6;

    border-radius: 50%;

    -moz-border-radius: 50%;

    -webkit-border-radius: 50%;

    top: 1px;

    left: 0;

}

.devvn_cmt_radio .tm-radio.tm-selected:before {

    border: 1px solid #3398d2;

}

.devvn_cmt_radio .tm-radio.tm-selected:after {

    background: #3398d2;

    border: 1px solid #3398d2;

    width: 8px;

    height: 8px;

    top: 5px;

    left: 4px;

}



.woocommerce div.product .style-v2 .woocommerce-product-rating span.star_average {

    font-size: 48px;

    margin: 0;

}

body .style-v2 .star-average .woocommerce-product-rating strong {

    display: block;

    text-transform: uppercase;

    font-size: 12px;

}

.woocommerce div.product .style-v2 .woocommerce-product-rating span.star_average i.devvn-star {

    font-size: 32px;

    position: relative;

    top: -5px;

}

body .style-v2 .star-average .woocommerce-product-rating {

    flex-direction: column;

    display: block;

    text-align: center;

    padding: 0 20px 0 0;

}

.style-v2 .star_box{

    padding: 0 20px;

}

.style-v2 .star_box_left {

    border-left: 1px solid #ddd;

    border-right: 1px solid #ddd;

    padding: 10px 20px;

}

.style-v2 .reviews_bar .devvn_review_row:last-child {

    padding-bottom: 0;

}

.style-v2 .star_box_right {

    text-align: right;

}

.img_reviews_box {

    display: flex;

    -webkit-flex-wrap: wrap;

    flex-wrap: wrap;

}

.img_reviews_box .devvn_list_item_box .img_item {

    position: relative;

    overflow: hidden;

    padding-top: 100%;

    height: auto;

    background-position: 50% 50%;

    background-size: cover;

}

.img_reviews_box .devvn_list_item_box .img_item img{

    right: 0;

    width: 100%;

    height: 100%;

    bottom: 0;

    left: 0;

    top: 0;

    position: absolute;

    object-position: 50% 50%;

    object-fit: cover;

}

.img_reviews_box .devvn_list_item {

    width: 10%;

    padding: 2px;

}

.img_reviews_wrap .devvn_list_item .devvn_list_item_box{

    box-shadow: none !important;

}

.devvn_shortcode_list_reviews > strong {

    display: block;

    margin: 0 0 5px;

}

.img_reviews_box .devvn_list_item {

    position: relative;

}

.view_more_img {

    position: absolute;

    top: 2px;

    left: 2px;

    background: #0000009c;

    color: #fff;

    text-align: center;

    font-size: 12px;

    right: 2px;

    bottom: 2px;

    border-radius: 3px;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    display: flex;

    align-items: center;

    justify-content: center;

    z-index: 10;

    cursor: pointer;

    padding: 10px;

}

html.openPopup,

html.openPopup body{

    overflow: hidden !important;

}

.img_reviews_box_full {

    position: fixed;

    top: 0;

    left: 0;

    background: #ffffffb5;

    width: 100%;

    height: 100%;

    z-index: 999;

    background: hsla(0, 0%, 0%, 0.5);

    visibility: hidden;

    opacity: 0;

    transition: visibility 0s linear 0.3s, opacity 0.3s;

    overflow-x: hidden;

    overflow-y: auto;

}

.openPopup .img_reviews_box_full.openPopupActive{

    visibility: visible;

    opacity: 1;

}



.openPopup main#main {

    z-index: 9999;

}

.openPopup .devvn-reviews-popup{

    z-index: 99999;

}



.video_reviews_box {

    display: flex;

    -webkit-flex-wrap: wrap;

    flex-wrap: wrap;

}

.video_reviews_box .devvn_list_item_box .video_item {

    position: relative;

    overflow: hidden;

    padding-top: 100%;

    height: auto;

    background-position: 50% 50%;

    background-size: cover;

}

.video_reviews_box .devvn_list_item_box .video_item video {

    right: 0;

    width: 100%;

    height: 100%;

    bottom: 0;

    left: 0;

    top: 0;

    position: absolute;

    object-position: 50% 50%;

    object-fit: cover;

}

.video_reviews_box .devvn_list_item {

    width: 10%;

    padding: 2px;

}

.video_reviews_wrap .devvn_list_item .devvn_list_item_box {

    box-shadow: none !important;

}

.video_reviews_box .devvn_list_item {

    position: relative;

}

.view_more_video {

    position: absolute;

    top: 2px;

    left: 2px;

    background: #0000009c;

    color: #fff;

    text-align: center;

    font-size: 12px;

    right: 2px;

    bottom: 2px;

    border-radius: 3px;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    display: flex;

    align-items: center;

    justify-content: center;

    z-index: 10;

    cursor: pointer;

}

.video_reviews_box_full {

    position: fixed;

    top: 0;

    left: 0;

    background: #ffffffb5;

    width: 100%;

    height: 100%;

    z-index: 999;

    background: hsla(0, 0%, 0%, 0.5);

    visibility: hidden;

    opacity: 0;

    transition: visibility 0s linear 0.3s, opacity 0.3s;

    overflow-x: hidden;

    overflow-y: auto;

}

.openPopup .video_reviews_box_full.openPopupActive {

    visibility: visible;

    opacity: 1;

}



.devvn_review_item_video {

    position: relative;

    width: 100%;

}

.devvn_review_item_video .video_item {

    position: relative;

    overflow: hidden;

    width: 100%;

    padding-top: 100%;

    background: #000;

}

.devvn_review_item_video .video_item video {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.devvn_review_item_video .video-play-icon {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    color: #fff;

    font-size: 30px;

    z-index: 2;

    pointer-events: none;

    text-shadow: 0 0 10px rgba(0,0,0,0.8);

    opacity: 0.9;

}

.devvn_review_item_video .video_item_popup {

    position: relative;

    width: 100%;

    padding-top: 56.25%;

    background: #000;

}

.devvn_review_item_video .video_item_popup video {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    object-fit: contain;

}

.devvn_review_item_video .video_item_popup a {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    display: block;

}

.devvn_list_popup_content {

    width: 100%;

    max-width: 800px;

    margin: 60px auto 20px;

    background: #fff;

    box-shadow: 0 0 1.5em hsl(0deg 0% 0% / 35%);

    position: relative;

}

.devvn_list_popup_title {

    position: relative;

    background-color: #fff;

    box-shadow: 0 1px 2px hsl(0deg 0% 0% / 6%);

    border-bottom: 1px solid #e8e8e8;

    padding: 10px 20px;

    font-weight: 700;

    color: #333;

    font-size: 20px;

}

.devvn_list_popup_box {

    padding: 15px;

}

.devvn_list_popup_box .devvn_list_item {

    padding: 5px;

}

button.devvn_list_popup_close {

    color: #aaa;

    background: none;

    border: 0;

    margin: 0 !important;

    position: absolute;

    top: 7px;

    right: 0;

    min-height: auto;

}

button.devvn_list_popup_close svg {

    display: inline-block;

    width: 16px;

    height: 16px;

    vertical-align: middle;

    fill: currentcolor;

}



.quick_reviews_tag input {

    border: 0;

    clip: rect(0 0 0 0);

    height: 1px;

    margin: -1px;

    overflow: hidden;

    padding: 0;

    position: absolute;

    width: 1px;

}

.quick_reviews_tag label {

    display: inline-block !important;

    font-weight: 400 !important;

    letter-spacing: normal;

    font-size: 14px;

    margin: 0 5px 5px 0;

    cursor: pointer;

}

.quick_reviews_tag label span{

    display: block;

    font-weight: 400;

    letter-spacing: normal;

    border-radius: 20px;

    padding: 2px 10px;

    font-size: 14px;

    cursor: pointer;

    color: #646464;

    border: 1px solid #646464;

    background: #f7f7f7;

}

.quick_reviews_tag {

    font-size: 0;

}

.quick_reviews_tag {

    margin: 0 0 10px 0;

}

.quick_reviews_tag input:checked + span {

    border-color: red;

    background: #fff;

    color: red;

}

.review_quick_tag span {

    color: rgba(0,0,0,.4);

    border: 1px solid rgba(0,0,0,.4);

    border-radius: 0.9375rem;

    padding: 0.1rem 0.5rem;

    cursor: default;

    text-overflow: ellipsis;

    word-break: break-word;

    max-width: 100%;

    margin-bottom: 0.3125rem;

    margin-right: 0.3125rem;

    display: inline-block;

}



.description .review_quick_tag {

    margin-top: 5px;

}



ol.commentlist div#respond .quick_reviews_tag {

    display: none;

}



@media (min-width: 850px){

    .theme-flatsome.single-product .comment-form{

        margin-left: 0;

        margin-right: 0;

    }

    .theme-flatsome.single-product .comment-form>div{

        padding: 0;

    }

}

@media (max-width: 767px){

    .star_box {

        display: block;

    }

    .star_box_left {

        display: block;

        margin: 0 0 10px 0;

    }

    .devvn_cmt_search_box {

        width: 160px;

    }

    .devvn_cmt_form_bottom {

        display: block;

    }

    .devvn_cmt_radio {

        padding-top: 0;

        float: none;

        margin-bottom: 5px;

        text-align: left;

    }

    .devvn_cmt_form_bottom .devvn_cmt_input {

        width: 49%;

        float: left;

        padding: 0;

    }

    .devvn_cmt_form_bottom .devvn_cmt_input:nth-child(3) {

        float: right;

    }

    .devvn_cmt_submit {

        clear: both;

        margin: 0 auto 10px;

        position: relative;

        top: 10px;

    }

    .star_box_right {

        width: 100%;

    }

    .style-v2 .star_box {

        padding: 15px;

    }

    .style-v2 .star_box_left {

        border: 0;

        padding-left: 0;

        padding-right: 0;

    }

    .style-v2 .star_box_right {

        text-align: center;

    }

    .img_reviews_box .devvn_list_item {

        width: 20%;

    }

    .view_more_img{

        line-height: 14px;

    }

    body .style-v2 .star-average .woocommerce-product-rating {

        padding: 0;

    }

}

@media (max-width: 600px){



    .list_attach span.devvn_insert_attach {

        width: 60px;

        height: 60px;

        line-height: 56px;

    }

    ul.devvn_attach_view li {

        width: 60px;

    }

    .devvn-reviews-popup .mfp-container #review_form_wrapper {

        padding: 20px 10px 10px;

    }

}

@media (max-width: 560px){

    .form_row_reviews {

        display: block;

    }

    .form_row_reviews>p {

        width: 100% !important;

        display: block;

        margin: 0 !important;

        padding: 0 !important;

    }

    .form_row_reviews>p input {

        margin-bottom: 5px;

        font-size: 14px;

    }

    body.woocommerce #reviews #comments ol.commentlist #respond p.comment-form-cookies-consent {

        line-height: 1.2;

    }

    span#countContent {

        font-size: 14px;

    }

    .review-attach {

        font-size: 14px;

    }

    #review_form .comment-form-rating, .woocommerce #reviews #comments ol.commentlist #respond .comment-form-rating {

        display: block;

    }

    #review_form .comment-form-rating label, .woocommerce #reviews #comments ol.commentlist #respond .comment-form-rating label {

        width: 100%;

        font-size: 14px;

        font-weight: 400;

    }

    #review_form .comment-form-rating p.stars a, .woocommerce #reviews #comments ol.commentlist #respond .comment-form-rating p.stars a {

        font-size: 10px;

    }

    #review_form .comment-form-rating p.stars a:before, .woocommerce #reviews #comments ol.commentlist #respond .comment-form-rating p.stars a:before {

        margin: 0;

    }

    #review_form .comment-form-rating p.stars, .woocommerce #reviews #comments ol.commentlist #respond .comment-form-rating p.stars {

        width: 100%;

    }

}



.devvn_reviews_filter {

    margin: 20px 0 ;

    padding: 15px 15px 10px 15px;

    background: #f5f5f5;

    border-radius: 5px;

}



.devvn_reviews_filter .filter_label {

    font-weight: 600;

    margin-right: 5px;

}



.devvn_filter_btn {

    display: inline-block;

    padding: 5px 12px;

    background: #fff;

    border: 1px solid #ddd;

    border-radius: 4px;

    text-decoration: none;

    color: #333;

    transition: all 0.3s;

    cursor: pointer;

    font-size: 14px;

    margin: 0 5px 5px 0;

}



.devvn_filter_btn:hover {

    background: #f0f0f0;

    border-color: #999;

}



.devvn_filter_btn.active {

    background: #0073aa;

    color: #fff;

    border-color: #0073aa;

}



.devvn_filter_btn i.devvn-star {

    font-size: 12px;

    margin-left: 2px;

}



@media (max-width: 768px) {

    .devvn_reviews_filter {

        flex-direction: column;

        align-items: flex-start;

    }



    .devvn_filter_btn {

        font-size: 12px;

        padding: 6px 12px;

    }

}



/* Lazyload styles */

.devvn-lazyload-img,

.devvn-lazyload-video {

    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);

    background-size: 200% 100%;

    animation: devvn-lazyload-shimmer 1.5s infinite;

    min-height: 80px;

    min-width: 80px;

    display: block;

}



.devvn-lazyload-img {

    width: 100%;

    height: auto;

    aspect-ratio: 1 / 1;

    object-fit: cover;

}



.devvn-lazyload-video {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.devvn-lazyload-img.devvn-loaded,

.devvn-lazyload-video.devvn-loaded {

    background: none;

    animation: none;

}



@keyframes devvn-lazyload-shimmer {

    0% {

        background-position: -200% 0;

    }

    100% {

        background-position: 200% 0;

    }

}



/* reCAPTCHA styles */

.devvn-recaptcha-wrap {

    margin: 15px 0;

    clear: both;

}



.devvn-recaptcha-wrap .g-recaptcha {

    transform-origin: left top;

    display: flex;

    justify-content: center;

}



@media (max-width: 400px) {

    .devvn-recaptcha-wrap .g-recaptcha {

        transform: scale(0.85);

    }

}



.devvn_cmt_form .devvn-recaptcha-wrap {

    padding: 10px 0;

}



#review_form .devvn-recaptcha-wrap {

    margin-top: 15px;

}



/* reCAPTCHA V3 notice */

.devvn-recaptcha-v3-notice {

    margin: 10px 0;

    padding: 8px 12px;

    background-color: #f8f9fa;

    border-left: 3px solid #4285f4;

    font-size: 12px;

    color: #666;

}



.devvn-recaptcha-v3-notice a {

    color: #4285f4;

    text-decoration: none;

}



.devvn-recaptcha-v3-notice a:hover {

    text-decoration: underline;

}



/* Hide reCAPTCHA badge when position is inline (V2 Invisible and V3) */

.devvn-recaptcha-wrap[data-recaptcha-type="v3"] .grecaptcha-badge,

.devvn-recaptcha-wrap[data-recaptcha-type="v2_invisible"] .g-recaptcha[data-badge="inline"] + .grecaptcha-badge {

    visibility: hidden !important;

}



.comment-form-recaptcha {

    margin-bottom: 15px;

}



/* Q&A Comment Image Upload */

.devvn_cmt_attach_wrap {

    display: flex;

    align-items: center;

    gap: 10px;

    margin-right: 10px;

}

.devvn_cmt_attach_btn {

    cursor: pointer;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 36px;

    height: 36px;

    border: 1px solid #ddd;

    border-radius: 4px;

    background: #fff;

    transition: all 0.2s ease;

}

.devvn_cmt_attach_btn:hover {

    border-color: #03a0e2;

    background: #f5f5f5;

}

.devvn_cmt_attach_btn i.devvn-camera-icon {

    display: block;

    width: 20px;

    height: 20px;

    background: url(../images/icon-image.png) no-repeat center center;

    background-size: contain;

}

.devvn_cmt_attach_preview {

    display: flex;

    align-items: center;

    gap: 5px;

}

.devvn_cmt_attach_preview .tcmt-img-preview {

    position: relative;

    width: 40px;

    height: 40px;

    border-radius: 4px;

    border: 1px solid #ddd;

}

.devvn_cmt_attach_preview .tcmt-img-preview img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.devvn_cmt_attach_preview .tcmt-img-preview .tcmt-img-remove {

    position: absolute;

    top: -6px;

    right: -6px;

    width: 16px;

    height: 16px;

    background: #000;

    color: #fff;

    border-radius: 50%;

    font-size: 12px;

    line-height: 14px;

    text-align: center;

    cursor: pointer;

    z-index: 2;

}



.devvn_cmt_form_bottom.no-infor .devvn_cmt_attach_wrap {

    margin-right: 0;

}

@media (max-width: 767px) {

    .devvn_cmt_attach_wrap {

        width: 100%;

        margin: 0 0 10px 0;

        width: 49%;

        float: right;

        padding: 0;

    }

}



/* Q&A Comment Displayed Image */

.tcmt_attachment_img {

    margin: 10px 0 5px 30px;

    display: inline-block;

}

.tcmt_attachment_img a {

    display: block;

}

.tcmt_attachment_img img {

    max-width: 150px;

    max-height: 150px;

    width: auto;

    height: auto;

    border-radius: 4px;

    border: 1px solid #ddd;

    cursor: pointer;

    transition: opacity 0.2s ease;

}

.tcmt_attachment_img img:hover {

    opacity: 0.85;

}

/* Sticky reviews — đánh giá được ghim lên đầu */

#reviews .commentlist > li.devvn-sticky-review,

#reviews .commentlist > li.comment.devvn-sticky-review {

    position: relative;

    background: #fffdf5;

    border: 1px solid #ffe1a8;

    border-radius: 6px;

    padding: 12px 14px !important;

    box-shadow: 0 1px 6px rgba(245, 166, 35, 0.12);

}

.devvn_review_mid .devvn-sticky-badge {

    display: block;

    width: -moz-fit-content;

    width: fit-content;

}

.devvn-sticky-badge {

    display: inline-block;

    background: #f5a623;

    color: #fff;

    font-size: 12px;

    font-weight: 600;

    line-height: 1;

    padding: 4px 8px;

    border-radius: 4px;

    margin-bottom: 8px;

}