.product-details {
    display: flex;
    gap: calc(64px * var(--scale));
    margin-bottom: calc(32px * var(--scale));
}

.woocommerce div.product .product_title {
    font-weight: 600;
    font-size: var(--fs-24);
    line-height: var(--lh-34);
}

.product-details .product_box {
    gap: calc(16px * var(--scale));
}

.product-details .product_box img {
    width: 64px;
    height: 64px;
}

.product .leftside .product_gallery {
    display: grid;
    grid-template-columns: 3fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    gap: calc(15px * var(--scale));
    height: calc(335.55px * var(--scale));
    margin: calc(24px * var(--scale)) 0;
}

.product .leftside .product_gallery .image1 {
    grid-area: 1 / 1 / span 3 / span 1;
}

.product .leftside .product_gallery .product_image,
.product .leftside .product_gallary .overlay_image {
    position: relative;
    display: inline-block;
    height: calc(101.7px * var(--scale));
    width: 100%;
    border: 1px solid var(--input-border-color);
}

.product .leftside .product_gallery .hidden_images {
    position: absolute;
    z-index: -1;
    height: 0px !important;
    width: 0px !important;
    visibility: hidden;
    opacity: 0;
}

.product .leftside .product_gallery .product_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product .leftside .product_gallery .image1 {
    height: calc(335.55625px * var(--scale));
}

.product .leftside .product_gallery .overlay_image .overlay_bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    background: var(--overlay-color);
    color: var(--white-color);
    font-weight: 500;
}

.product .leftside {
    width: 100%;
}

.product .rightside {
    width: 54%;
}

.product .rightside .price_box {
    box-shadow: var(--box_shadow);
    padding: calc(24px * var(--scale));
    border-radius: var(--radius-4);
}

.product .rightside .price_box h3 {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: var(--fs-20);
    line-height: var(--lh-20);
    letter-spacing: 0px;
    vertical-align: middle;
    margin-bottom: calc(36px * var(--scale));
}

/*.product .rightside .bs-price-btn {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}*/

.product .rightside .bs-price-btn .button {
    width: 100%;
    text-align: center;
    margin-bottom: calc(16px * var(--scale));
    font-weight: 500;
    font-size: var(--fs-16);
    line-height: var(--lh-16);
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: uppercase;
    padding: calc(11px * var(--scale)) 0;
    border-radius: var(--radius-4);
}

.product .rightside .bs-price-btn .custom-buy-now-button {
    background: var(--brand-color);
    color: var(--white-color);
    border: 1px solid var(--brand-color);
}

.product .rightside .bs-price-btn .custom-buy-now-button:hover {
    background: var(--white-color);
    color: var(--brand-color);
}

.woocommerce div.product form.cart {
    margin-bottom: 0px;
}

.woocommerce div.product form.cart .button {
    border: 1px solid var(--brand-color);
    color: var(--brand-color);
    background: var(--white-color);
}

.woocommerce div.product form.cart .button:hover {
    border: 1px solid var(--brand-color);
    color: var(--white-color);
    background: var(--brand-color);
}

.woocommerce div.product form.cart div.quantity {
    display: none;
}

.product .rightside .bs-price-btn .custom-request-customization-button {
    border: 1px solid var(--text-color);
    background: var(--white-color);
}

.product .rightside .bs-price-btn .custom-request-customization-button:hover {
    border: 1px solid var(--text-color);
    background: var(--text-color);
    color: var(--white-color);
}

.product .rightside .price_wrapper {
    border: 1px solid var(--brand-color);
    box-shadow: var(--box_shadow);
    margin-bottom: calc(24px * var(--scale));
    padding: calc(8px * var(--scale)) calc(12px * var(--scale));
    border-radius: var(--radius-4);
}

.product .rightside .price_wrapper {
    text-decoration: none;
}

.product .rightside .price_wrapper .woocommerce-Price-amount {
    font-weight: 600;
    font-size: var(--fs-24);
    line-height: var(--lh-24);
    letter-spacing: 0px;
    margin-bottom: calc(8px * var(--scale));
    display: block;
}

.product .rightside .price_wrapper p {
    font-weight: 400;
    font-size: var(--fs-12);
    line-height: var(--lh-12);
    letter-spacing: 0px;
}

.product .rightside .price_wrapper p a {
    color: var(--brand-color);
    font-weight: 400;
    font-size: var(--fs-12);
    line-height: var(--lh-12);
    letter-spacing: 0px;
}

/* Related product section css start */
.related_product {
    margin-top: calc(64px * var(--scale));
}

.related_product h2 {
    margin-bottom: calc(30px * var(--scale));
}


@media (max-width: 1024px) {
    .product .leftside {
        width: 100%;
        overflow: visible;
    }

    .product-details {
        flex-wrap: wrap;
        gap: calc(10px * var(--scale));
    }

    .product .rightside {
        width: 100%;
    }
}

@media (max-width: 575px) {
    .product-details {
        gap: calc(0px * var(--scale));
    }

    .product .leftside .product_gallery {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-auto-rows: auto;
        height: auto;
        gap: calc(15px * var(--scale));
    }

    .product .leftside .product_gallery .image1 {
        grid-column: 1 / -1;
        height: 100%;
        object-fit: cover;
    }

    .product .rightside .price_box {
        padding: calc(10px * var(--scale));
    }

    .product .rightside .price_box h3 {
        margin-bottom: calc(10px * var(--scale));
    }

    .related_product {
        margin-top: 0px;
    }
}


/* woocommerce tabs css  */

.woocommerce-Tabs-panel h2 {
    font-weight: 600;
    font-size: var(--fs-24);
    line-height: var(--lh-24);
    letter-spacing: 0px;
    color: var(--text-color);
    text-transform: capitalize;
}

.woocommerce-Tabs-panel .woocommerce-Reviews-title {
    font-size: var(--fs-20);
    line-height: var(--lh-20);
    padding-bottom: calc(32px * var(--scale));
    border-bottom: 1px solid var(--border-color);
}

.woocommerce-Tabs-panel .comment-notes {
    font-size: var(--fs-16);
    line-height: var(--lh-26);
    color: var(--light-text-color);
}

.woocommerce-Tabs-panel .woocommerce-review__published-date,
.woocommerce-Tabs-panel .comment-text .woocommerce-review__dash,
.on-review {
    font-size: var(--fs-14);
    line-height: var(--lh-24);
    color: var(--light-text-color);
}

.woocommerce .comment-text .description p {
    font-size: var(--fs-16);
    line-height: var(--lh-26);
    color: var(--text-color);
}

.woocommerce-Reviews #comments {
    border-left: 1px solid var(--input-border-color);
}

.woocommerce-Tabs-panel .product-review-summary h2,
.woocommerce-Tabs-panel .product-review-summary {
    margin-bottom: calc(32px * var(--scale));
}

.woocommerce-Tabs-panel .product-review-summary .verage-rating-box p {
    font-weight: 500;
    font-size: var(--fs-16);
    line-height: var(--lh-16);
    letter-spacing: 0px;
    color: var(--text-color);
    margin-bottom: calc(8px * var(--scale));
}

.woocommerce-Tabs-panel .product-review-summary .average-rating {
    display: inline-block;
}

.woocommerce-Tabs-panel .product-review-summary .average-rating span {
    font-weight: 400;
    font-size: var(--fs-14);
    line-height: var(--lh-14);
    letter-spacing: 0px;
    color: var(--light-text-color);
}

.woocommerce-Tabs-panel .product-review-summary .average-rating strong {
    font-weight: 600;
    font-size: var(--fs-24);
    line-height: var(--lh-24);
    letter-spacing: 0px;
    color: var(--text-color);
}

.woocommerce-Tabs-panel a {
    color: var(--brand-color);
    text-decoration: underline;
    align-items: center;
}

.woocommerce .woocommerce-Tabs-panel .star-rating span::before,
.woocommerce p.stars:hover a::before,
.woocommerce p.stars.selected a:not(.active)::before,
.woocommerce p.stars.selected a.active::before {
    color: #FFCA28;
}

.woocommerce p.stars a::before,
.woocommerce p.stars.selected a.active~a::before,
.woocommerce p.stars a:hover~a::before {
    color: #E1E1E1;
}

.woocommerce-Tabs-panel .comment-form-comment textarea,
.woocommerce-Tabs-panel .comment-form-author input,
.woocommerce-Tabs-panel .comment-form-email input {
    width: 100%;
    border-radius: var(--radius-4);
    background: var(--white-color);
    border: 1px solid var(--input-border-color);
    font-size: var(--fs-16);
    padding: calc(11px * var(--scale));
}

.woocommerce-Tabs-panel .comment-form-comment label,
.woocommerce-Tabs-panel .comment-form-author label,
.woocommerce-Tabs-panel .comment-form-email label,
.woocommerce-Tabs-panel .comment-form-rating label,
.woocommerce-Tabs-panel .comment-form-cookies-consent label {
    font-weight: 500;
    font-size: var(--fs-14);
    line-height: var(--lh-14);
    margin-bottom: calc(10px * var(--scale));
    color: var(--text-color);
}

.woocommerce-Tabs-panel .form-submit .submit {
    width: 100%;
    text-align: center;
    margin-bottom: calc(16px * var(--scale)) !important;
    font-weight: 500 !important;
    font-size: var(--fs-16) !important;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: uppercase;
    padding: calc(11px * var(--scale)) 0 !important;
    border-radius: var(--radius-4) !important;
    background: var(--white-color) !important;
    color: var(--brand-color) !important;
    line-height: initial !important;
    border: 1px solid var(--brand-color) !important;
}

.woocommerce-Tabs-panel .form-submit .submit:hover {
    background: var(--brand-color) !important;
    color: var(--white-color) !important;
}

.woocommerce-Tabs-panel .comment-reply-title,
.woocommerce-Tabs-panel .woocommerce-review__author {
    font-weight: 500;
    font-size: var(--fs-20);
    line-height: var(--lh-20);
    letter-spacing: 0px;
    color: var(--text-color);
}

.woocommerce .star-rating {
    margin-left: calc(8px * var(--scale));
    float: none;
    display: inline-block;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
    border-bottom: 1px solid var(--border-color);
    display: flex;
    gap: calc(50px * var(--scale));
    margin-bottom: calc(32px * var(--scale));
    flex-wrap: nowrap;
    padding: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    font-weight: 500;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-weight: 400;
    font-size: var(--fs-20);
    line-height: var(--lh-20);
    letter-spacing: 0px;
    white-space: nowrap;
}


.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border: none;
    background-color: var(--white-color);
    color: var(--light-text-color);
    display: inline-block;
    position: relative;
    z-index: 0;
    border-radius: 0px;
    margin: 0 calc(-5px * var(--scale));
    padding: 0 calc(1em * var(--scale));
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce div.product .woocommerce-tabs ul.tabs li:hover {
    color: var(--brand-color);
    border-bottom: 3px solid var(--brand-color);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:hover a {
    color: var(--brand-color);
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
    position: static;
    content: normal;
    width: auto;
    bottom: auto;
    left: auto;
    border-bottom: none;
    z-index: auto;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before {
    box-shadow: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
    right: auto;
    border-bottom-left-radius: 0;
    border-width: medium;
    box-shadow: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
    border: none;
    position: static;
    bottom: auto;
    width: auto;
    height: auto;
    content: normal;
    box-sizing: content-box;
}

#comments .woocommerce-noreviews {
    margin: 0 0 0 50px;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
    border: none;
    border-bottom: 1px solid #e1dde7;
    border-radius: 0px;
    padding: 0px;
}

.woocommerce #reviews #comments ol.commentlist li img.avatar {
    position: static;
    border-radius: 50%;
    width: 48px;
    height: 48px;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) #reviews #comments ol.commentlist li .meta {
    margin-left: 55px;
    font-size: var(--fs-14);
}

.woocommerce .meta .star-rating {
    float: initial;
    margin-left: 0px;
    display: inline-block;
}

.woocommerce-review__author {
    display: block;
}

.woocommerce .description {
    margin-top: 8PX;
}


#description_outer {
    display: flex;
    flex-wrap: wrap;
    gap: calc(64px * var(--scale));
    justify-content: space-between;
}

#description_outer .details-outer {
    flex: 1 1 clamp(260px, 100%, 435px);
    min-width: clamp(260px, 100%, 435px);
}

#description_outer .features-outer {
    flex: 1 1 clamp(300px, 100%, 813px);
    min-width: clamp(300px, 100%, 813px);
}

/* Mobile Fix */
@media (max-width: 768px) {
    #description_outer {
        flex-direction: column;
        gap: calc(32px * var(--scale));
    }

    #description_outer .details-outer,
    #description_outer .features-outer {
        flex: 1 1 100%;
        min-width: 100%;
    }
}


#description_outer .features-outer ul ul li::before {
    content: none;
}

#description_outer .features-outer>ul {
    list-style: none;
    padding-left: 0;
}

#description_outer .features-outer ul ul {
    list-style: disc;
    padding-left: 1.2em;
}

.woocommerce-Tabs-panel h3 {
    margin-bottom: calc(16px * var(--scale));
}

#description_outer .features-outer ul {
    list-style: none;
}

#description_outer .features-outer ul li {
    position: relative;
}

#description_outer .features-outer ul li:before {
    content: '';
    position: absolute;
    left: -30px;
    top: 5px;
    width: calc(16px * var(--scale));
    height: calc(16px * var(--scale));
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M8%2016C12.4182%2016%2016%2012.4182%2016%208C16%203.58172%2012.4182%200%208%200C3.58172%200%200%203.58172%200%208C0%2012.4182%203.58172%2016%208%2016Z%22%20fill%3D%22%23F37023%22/%3E%3Cpath%20d%3D%22M6.86399%2010.8636C6.70399%2010.8636%206.55199%2010.7996%206.43999%2010.6876L4.17595%208.42358C3.94395%208.19158%203.94395%207.80758%204.17595%207.57558C4.40795%207.34358%204.79195%207.34358%205.02395%207.57558L6.86399%209.41558L10.976%205.30358C11.208%205.07158%2011.592%205.07158%2011.824%205.30358C12.056%205.53558%2012.056%205.91958%2011.824%206.15158L7.28799%2010.6876C7.17599%2010.7996%207.02399%2010.8636%206.86399%2010.8636Z%22%20fill%3D%22white%22/%3E%3C/svg%3E);
    background-size: calc(16px * var(--scale));
    background-repeat: no-repeat;
}

@media (max-width: 1023px) {
    .woocommerce div.product .woocommerce-tabs ul.tabs {
        gap: calc(30px * var(--scale));
        margin-bottom: calc(32px * var(--scale));
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs li {
        padding: 0 calc(0.8em * var(--scale));
    }

    .woocommerce-Tabs-panel .product-review-summary h2,
    .woocommerce-Reviews-title {
        margin-bottom: calc(24px * var(--scale));
    }

    .woocommerce-Tabs-panel .form-submit .submit {
        padding: calc(8px * var(--scale)) 0 !important;
    }

    #description_outer {
        flex-direction: column;
        gap: 0;
    }
}

@media (max-width: 767px) {
    .woocommerce div.product .woocommerce-tabs ul.tabs {
        gap: calc(15px * var(--scale));
        margin-bottom: calc(24px * var(--scale));
        overflow: auto;
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs li {
        margin: 0;
        padding: 0 calc(0.5em * var(--scale));
        border-bottom: 3px solid transparent;
    }

    .woocommerce-Tabs-panel h2,
    .woocommerce-Tabs-panel .product-review-summary .average-rating strong {
        font-size: var(--fs-20);
        line-height: var(--lh-20);
    }

    .woocommerce-Tabs-panel .comment-form-comment textarea,
    .woocommerce-Tabs-panel .comment-form-author input,
    .woocommerce-Tabs-panel .comment-form-email input {
        padding: calc(8px * var(--scale));
    }
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: .8
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: 0 !important;
    -webkit-backface-visibility: hidden
}

.mfp-gallery>.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box;
    background: transparent;
    border-radius: 0;
}

.mfp-container:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #ccc
}

.mfp-preloader a:hover {
    color: #fff
}

.mfp-loading.mfp-figure,
.mfp-s-ready .mfp-preloader,
.mfp-s-error .mfp-content {
    display: none
}

button.mfp-arrow,
button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 80px;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
}

.mfp-close:focus,
.mfp-close:hover {
    opacity: 1
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
    color: #fff;
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:focus,
.mfp-arrow:hover {
    opacity: 1
}

.mfp-arrow:after,
.mfp-arrow:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after {
    border-right: 17px solid var(--brand-color);
    margin-left: 31px
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after {
    border-left: 17px solid var(--brand-color);
    margin-left: 39px
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid var(--brand-color);
}

.mfp-arrow-right:before {
    border-left: 27px solid var(--brand-color);
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #000
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 120px 0 120px;
    margin: 0 auto
}

.mfp-figure {
    line-height: 0
}

.mfp-figure:after {
    content: "";
    position: absolute;
    left: 0;
    top: 120px;
    bottom: 120px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -114px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width: 800px) and (orientation:landscape),
screen and (max-height:300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

#reviews {
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    gap: 50px;
}

#comments {
    width: 60%;
}

#review_form_wrapper {
    width: 40%;
}

.rating-bar {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 5px 0;
}

.rating-bar .bar {
    background-color: #eee;
    height: 8px;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
}

.rating-bar>span {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0px;
    text-align: right;
    color: #666666;
    display: flex;
    align-items: baseline;
}

.rating-bar .fill {
    background-color: #f4b400;
    height: 100%;
    width: 0;
    transition: width 0.3s;
}

/* faq section css start */
.bs-store-faq {
    color: var(--text-color);
    font-family: var(--font-family);
}

.bs-store-faq .bs-store-faq-title {
    text-align: left;
    font-size: var(--fs-24);
    line-height: var(--lh-24);
    font-weight: 600;
    padding-bottom: calc(38px * var(--scale));
    border-bottom: 1px solid var(--border-color);
}

.bs-store-faq .bs-store-faq-item {
    overflow: hidden;
    border-bottom: 1px solid var(--input-border-color);
    padding: calc(20px * var(--scale)) 0;
    transition: all 0.3s;
}

.bs-store-faq .bs-store-faq-question {
    width: 100%;
    background: none;
    border: none;
    font-size: var(--fs-20);
    line-height: var(--lh-20);
    font-weight: 500;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    outline: none;
    transition: background 0.3s ease;
    text-align: left;
}

.bs-store-faq .bs-store-faq-answer {
    font-size: var(--fs-14);
    line-height: var(--lh-14);
    color: var(--light-text-color);
    overflow: hidden;
    height: 0;
    opacity: 0;
    margin: 0;
    transition: all 0.3s;
}

.bs-store-faq .bs-store-faq-answer p:last-child {
    margin-bottom: 0px;
}

.bs-store-faq .bs-store-faq-icon {
    width: calc(36px * var(--scale));
    height: calc(36px * var(--scale));
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--text-color);
    font-size: var(--fs-24);
    font-weight: 500;
    transition: transform 0.3s ease;
    position: relative;
}

.bs-store-faq .bs-store-faq-icon::before {
    content: "+";
    transition: transform 0.3s ease;
    display: inline-block;
}

.bs-store-faq .open .bs-store-faq-icon::before {
    transform: rotate(45deg);
    color: var(--brand-color);
}

.bs-store-faq .open .bs-store-faq-answer {
    height: auto;
    opacity: 1;
    margin: calc(15px * var(--scale)) 0px;
    transition: all 0.3s;
}

.bs-store-faq-item.open button {
    color: var(--brand-color);
}

.woocommerce-Tabs-panel--changelog_tab hr {
    margin-top: 0;
    margin-bottom: 1rem;
    border-color: var(--input-border-color);
    border-top: 0;
}

@media (max-width: 1023px) {
    #reviews {
        flex-direction: column-reverse;
        gap: 35px;
    }

    #comments,
    #review_form_wrapper {
        width: 100%;
    }

    .woocommerce #reviews #comments ol.commentlist li .comment-text {
        margin: 0;
    }

    .woocommerce-Reviews #comments,
    .woocommerce #reviews #comments ol.commentlist li:last-child .comment-text {
        border: none;
    }
}

@media (max-width: 768px) {
    .bs-store-faq .bs-store-faq-title {
        padding-bottom: calc(16px * var(--scale));
    }
}

@media (max-width: 480px) {
    .bs-store-faq .bs-store-faq-question {
        flex-direction: row;
        align-items: center;
    }

    .bs-store-faq .bs-store-faq-icon {
        width: calc(24px * var(--scale));
        height: calc(24px * var(--scale));
        font-size: var(--fs-18);
    }
}

/* Faq section css end */