.custom-form-shofify {
    display: block;
    width: 100%;
    height: 50px;
    border-radius: 5px;
    padding: 15px;
    color: #333;
    border: 1px solid #d9d9d9;
    word-break: normal;
    font-size: 14px;
    transition: all 0.2s;
    background-color: #fff;
    touch-action: manipulation;
    box-shadow: none;
    line-height: 1;
    outline: none;
}
.container {
    max-width: 1420px;
}
.woocommerce-billing-fields .input-text:focus {
    border: 1px solid #005fcc;
}

.screen-reader-text {
    font-weight: 600;
    font-size: 16px;
    line-height: 1;
    padding: 5px 0px;
}

.title-select-label {
    font-weight: 600;
    font-size: 16px;
    line-height: 1;
}

.select2-selection {
    width: 100%;
    height: 50px;
    border-radius: 5px;
    padding: 10px 15px;
    margin-top: 5px;
    color: #333;
    border: 1px solid #d9d9d9;
    word-break: normal;
    font-size: 14px;
    transition: all 0.2s;
    background-color: #fff;
    touch-action: manipulation;
    box-shadow: none;
    line-height: 1;
    outline: none;
}

.select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    margin: 0 0 -4px;
    user-select: none;
    -webkit-user-select: none;
}

textarea#order_comments {
    font-size: 14px;
    color: #333;
    border-radius: 3px;
    width: 100%;
    min-height: 100px;
}

    textarea#order_comments:focus {
        border: 1px solid #005fcc;
    }

.col-sm-9 {
    padding: 0px;
}

.logo-img-cart img {
    width: 200px;
    margin: 15px 0px;
}

.col-sm-12.col-md-5.cus-check {
    height: 100vh;
    background-color: #fafafa;
}

.container {
    width: 100%;
}

.mb-0 {
    margin-bottom: 0px;
}

.border-trans {
    border: 1px solid transparent;
}

.tableOrderTotalWrapper th {
    border: transparent;
    padding: 0;
}

.tableOrderTotalWrapper td {
    border: transparent;
    padding: 0;
}

/* button#OrderSubmit {
  background-color: #222;
  color: #fff;
  padding: 10px 30px;
  border-radius: 3px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: capitalize;
  font-weight: 600;
} */

button#OrderSubmit1 {
    background-color: #222;
    color: #fff;
    padding: 10px 30px;
    border-radius: 3px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: capitalize;
    font-weight: 600;
}

a#BtnOrderNext {
    padding: 10px 30px;
    border-radius: 3px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: capitalize;
    color: #303f39;
    border: 1px solid #bfbcbc;
    font-weight: 600;
}

.min-w-110 {
    min-width: 110px;
}

.w-143 {
    width: 143%;
}

.m-item {
    margin: 20px 0px 5px 0px;
}

.fs-14 {
    font-size: 14px !important;
}

.woocommerce-Price-amount bdi {
    font-size: 15px;
}

.line-p {
    height: 1px;
    background-color: rgb(211, 207, 207);
    width: 100%;
}

.cart_item .product-name a {
    color: black;
}

.col-item-product {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.child-hood i {
    font-size: 14px;
}

.dis-flex {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
}

/* loading */
.loading-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.loading-spinner {
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-top: 2px solid blue;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 0.5s linear infinite; /* Tốc độ quay nhanh hơn */
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.loaded-content {
    display: none;
}

.showOrderSummaryTxt {
    opacity: 1;
    max-height: 1000px;
    transition: max-height 0.5s ease-in-out, opacity 0.5s ease-in-out;
}

.hidden {
    display: none;
    opacity: 0;
    max-height: 0;
    transition: max-height 0.5s ease-in-out, opacity 0.5s ease-in-out;
}

.p-10-15 {
    padding: 10px 15px;
}

.cus-header-shopify {
    width: 50%;
}

input[type="number"].xoo-wsc-qty {
    background-color: #ffffff;
}

.show-cart .xoo-wsc-content .xoo-wsc-product {
    padding: 5px 20px 5px 5px;
}

    .show-cart .xoo-wsc-content .xoo-wsc-product .xoo-wsc-sum-col {
        padding-right: 0px !important;
    }

.woocommerce-checkout-payment.p-\[15px_10px\].dis-none {
    padding: 10px;
}

.woocommerce-checkout-payment.p-\[15px_10px\].dis-hide {
    padding: 10px 0;
}

.custom-container .alert.alert-danger {
    display: flex;
    justify-content: center;
    margin-top: 33px;
    min-width: 500px;
    margin-left: 40px;
}

.trust-box .alert.alert-danger {
    text-align: center;
}

.has-error label,
.has-error small {
    color: #F76560 !important;
    font-size: 14px;
}

.validation-error-label {
    color: #F76560 !important;
    font-size: 14px;
}

/*.form-control {
    height: 50px !important;
}*/

.pd-0 {
    padding: 0;
}

.scroll-container-shopify {
    height: 100vh; /* Đặt chiều cao của container bằng chiều cao của màn hình */
    overflow-y: auto; /* Hiển thị thanh cuộn khi nội dung vượt quá chiều cao */
    padding-right: 0px; /* Điều này giữ không gian cho thanh cuộn bên phải */
    box-sizing: border-box; /* Đảm bảo tính toàn diện của phần padding và border */
}

    /* Ẩn thanh cuộn bên phải */
    .scroll-container-shopify::-webkit-scrollbar {
        width: 0px;
    }

    .scroll-container-shopify::-webkit-scrollbar-track {
        background: transparent;
    }

    .scroll-container-shopify::-webkit-scrollbar-thumb {
        background: transparent;
    }

.price-total-slider {
    font-size: 15px;
    font-weight: 500;
    color: red;
}

.dis-none-check-out {
    display: none !important;
}

.btn {
    /* display: flex;
  align-items: center; */
}

    /* Hiệu ứng loading */
    .btn.loading::after {
        content: "";
        display: inline-block;
        border: 1px solid rgba(0, 0, 0, 0.3);
        border-top: 2px solid whitesmoke;
        border-radius: 1000px !important;
        width: 20px !important;
        height: 20px !important;
        animation: spin 0.5s linear infinite !important; /* Tốc độ quay nhanh hơn */
        margin-left: 20px;
    }

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Áp dụng cho màn hình có chiều rộng từ 999px trở lên (Desktop) */
@media screen and (min-width: 999px) {
    .flex-item {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        justify-content: space-between;
        grid-column: span 2 / span 2;
    }

    .col-form-shopify {
        display: flex;
        flex-direction: column;
        width: 49%;
    }

    .h-95 {
        min-height: 95vh;
    }

    .order-1 {
        order: 1;
    }

    .order-2 {
        order: 2;
    }

    .dis-hide {
        display: none;
        background-color: white;
    }

    .mt--130 {
        margin-top: -130px;
    }

    .fl-pos {
        position: fixed;
        right: 13%;
        top: 0;
    }

    .xoo-wsc-product .ic-remove-shoptify {
        padding-right: 15px;
        font-size: 16px;
    }

    .ml-40 {
        margin-left: 40px;
    }

    .min-h-100 {
        min-height: 100vh;
    }
}

/* Áp dụng cho màn hình có chiều rộng dưới 1000px (Mobile) */
@media screen and (max-width: 1000px) {
    .box-voucher {
        display: none !important;
    }
    .flex-item {
        display: block;
        width: 100%;
        flex-wrap: wrap;
        justify-content: space-between;
        grid-column: span 2 / span 2;
    }

    .col-form-shopify {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .order-1 {
        order: 2;
    }

    .order-2 {
        order: 1;
    }

    .dis-none {
        display: none;
    }

    .dis-hide {
        display: block;
        background-color: white;
    }

    .mt--130 {
        margin-top: 0;
    }

    .container-flex-shopify {
        display: flex;
        flex-direction: column-reverse;
    }

    .xoo-wsc-product .ic-remove-shoptify {
        padding-right: 13px;
        font-size: 16px;
    }
    div.col-sm-9 {
        padding-right: 15px;
        padding-left: 15px;
    }

}

/*! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com*/
*,
:after,
:before {
    box-sizing: border-box;
    border: 0 solid #e5e7eb;
}

/*@media (min-width: 350px) {
    .container {
        max-width: 350px;
    }
}*/

@media (min-width: 480px) {
    .container {
        max-width: 480px;
    }
}

@media (min-width: 640px) {
    .container {
        max-width: 640px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 768px;
    }
}

@media (min-width: 1024px) {
    .container {
        max-width: 1024px;
    }
}

@media (min-width: 1280px) {
    .container {
        max-width: 1280px;
    }
}

@media (min-width: 1536px) {
    .container {
        max-width: 1536px;
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

.fixed {
    position: fixed;
}

.absolute {
    position: absolute;
}

.\!relative {
    position: relative !important;
}

.relative {
    position: relative;
}

.inset-0 {
    inset: 0;
}

.\!bottom-\[-10px\] {
    bottom: -10px !important;
}

.\!left-\[0px\] {
    left: 0 !important;
}

.\!left-\[10px\] {
    left: 10px !important;
}

.\!right-\[0px\] {
    right: 0 !important;
}

.\!right-\[10px\] {
    right: 10px !important;
}

.bottom-0 {
    bottom: 0;
}

.bottom-\[100px\] {
    bottom: 100px;
}

.bottom-\[75px\] {
    bottom: 75px;
}

.left-0 {
    left: 0;
}

.left-\[-150\%\] {
    left: -150%;
}

.right-0 {
    right: 0;
}

.right-\[-0\.75em\] {
    right: -0.75em;
}

.right-\[10px\] {
    right: 10px;
}

.right-\[20px\] {
    right: 20px;
}

.right-\[4px\] {
    right: 4px;
}

.right-\[9px\] {
    right: 9px;
}

.top-0 {
    top: 0;
}

.top-\[-0\.75em\] {
    top: -0.75em;
}

.top-\[10px\] {
    top: 10px;
}

.top-\[16px\] {
    top: 16px;
}

.top-\[1px\] {
    top: 1px;
}

.top-\[20px\] {
    top: 20px;
}

.top-\[30px\] {
    top: 30px;
}

.top-\[4px\] {
    top: 4px;
}

.top-\[80px\] {
    top: 80px;
}

.z-\[10\] {
    z-index: 10;
}

.z-\[2\] {
    z-index: 2;
}

.z-\[3\] {
    z-index: 3;
}

.z-\[9998\] {
    z-index: 9998;
}

.z-\[99999999\] {
    z-index: 99999999;
}

.z-\[9999\] {
    z-index: 9999;
}

.z-\[99\] {
    z-index: 99;
}

.z-\[9\] {
    z-index: 9;
}
/* 
.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
} */

.order-3 {
    order: 3;
}

.col-span-2 {
    grid-column: span 2 / span 2;
}

.m-0 {
    margin: 0;
}

.mx-\[40px\] {
    margin-left: 40px;
    margin-right: 40px;
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.my-\[10px\] {
    margin-top: 10px;
    margin-bottom: 10px;
}

.my-\[15px\] {
    margin-top: 15px;
    margin-bottom: 15px;
}

.my-\[20px\] {
    margin-top: 20px;
    margin-bottom: 20px;
}

.my-\[30px\] {
    margin-top: 30px;
    margin-bottom: 30px;
}

.my-\[40px\] {
    margin-top: 40px;
    margin-bottom: 40px;
}

.my-\[5px\] {
    margin-top: 5px;
    margin-bottom: 5px;
}

.mb-\[10px\] {
    margin-bottom: 10px;
}

.mb-\[15px\] {
    margin-bottom: 15px;
}

.mb-\[20px\] {
    margin-bottom: 20px;
}

.mb-\[24px\] {
    margin-bottom: 24px;
}

.mb-\[25px\] {
    margin-bottom: 25px;
}

.mb-\[30px\] {
    margin-bottom: 30px;
}

.mb-\[40px\] {
    margin-bottom: 40px;
}

.mb-\[5px\] {
    margin-bottom: 5px;
}

.ml-\[10px\] {
    margin-left: 10px;
}

.ml-\[15px\] {
    margin-left: 15px;
}

.ml-\[5px\] {
    margin-left: 5px;
}

.mr-1 {
    margin-right: 0.25rem;
}

.mr-2 {
    margin-right: 0.5rem;
}

.mr-\[8px\] {
    margin-right: 8px;
}

.mt-0 {
    margin-top: 0;
}

.mt-\[-40px\] {
    margin-top: -40px;
}

.mt-\[0\],
.mt-\[0px\] {
    margin-top: 0;
}

.mt-\[10px\] {
    margin-top: 10px;
}

.mt-\[15px\] {
    margin-top: 15px;
}

.mt-\[20px\] {
    margin-top: 20px;
}

.mt-\[30px\] {
    margin-top: 30px;
}

.mt-\[40px\] {
    margin-top: 40px;
}

.mt-\[5px\] {
    margin-top: 5px;
}

.mt-\[60px\] {
    margin-top: 60px;
}

.mt-\[80px\] {
    margin-top: 80px;
}

.block {
    display: block;
}

.flex {
    display: flex;
}

.table {
    display: table;
}

.grid {
    display: grid;
}

.contents {
    display: contents;
}

.hidden {
    display: none;
}

.h-8 {
    height: 2rem;
}

.h-\[14px\] {
    height: 14px;
}

.h-\[16px\] {
    height: 16px;
}

.h-\[18px\] {
    height: 18px;
}

.h-\[20px\] {
    height: 20px;
}

.h-\[21px\] {
    height: 21px;
}

.h-\[22px\] {
    height: 22px;
}

.h-\[250px\] {
    height: 250px;
}

.h-\[29px\] {
    height: 29px;
}

.h-\[30px\] {
    height: 30px;
}

.h-\[32px\] {
    height: 32px;
}

.h-\[35px\] {
    height: 35px;
}

.h-\[40px\] {
    height: 40px;
}

.h-\[42px\] {
    height: 42px;
}

.h-\[45px\] {
    height: 45px;
}

.h-\[46px\] {
    height: 46px;
}

.h-\[48px\] {
    height: 48px;
}

.h-\[50px\] {
    height: 50px;
}

.h-\[550px\] {
    height: 550px;
}

.h-\[60px\] {
    height: 60px;
}

.h-\[70px\] {
    height: 70px;
}

.h-\[72px\] {
    height: 72px;
}

.h-\[75px\] {
    height: 75px;
}

.h-\[80px\] {
    height: 80px;
}

.h-\[90px\] {
    height: 90px;
}

.h-auto {
    height: auto;
}

.h-full {
    height: 100%;
}

.max-h-\[300px\] {
    max-height: 300px;
}

.max-h-\[600px\] {
    max-height: 600px;
}

.min-h-\[unset\] {
    min-height: unset;
}

.w-8 {
    width: 2rem;
}

.w-\[100\%\] {
    width: 100%;
}

.w-\[100px\] {
    width: 100px;
}

.w-\[120px\] {
    width: 120px;
}

.w-\[130px\] {
    width: 130px;
}

.w-\[14px\] {
    width: 14px;
}

.w-\[16px\] {
    width: 16px;
}

.w-\[18px\] {
    width: 18px;
}

.w-\[21px\] {
    width: 21px;
}

.w-\[22px\] {
    width: 22px;
}

.w-\[30px\] {
    width: 30px;
}

.w-\[32px\] {
    width: 32px;
}

.w-\[350px\] {
    width: 350px;
}

.w-\[35px\] {
    width: 35px;
}

.w-\[40px\] {
    width: 40px;
}

.w-\[42px\] {
    width: 42px;
}

.w-\[45px\] {
    width: 45px;
}

.w-\[60px\] {
    width: 60px;
}

.w-\[70px\] {
    width: 70px;
}

.w-\[90px\] {
    width: 90px;
}

.w-full {
    width: 100%;
}

.min-w-\[20px\] {
    min-width: 20px;
}

.min-w-\[300px\] {
    min-width: 300px;
}

.min-w-\[32px\] {
    min-width: 32px;
}

.min-w-\[60px\] {
    min-width: 60px;
}

.min-w-\[70px\] {
    min-width: 70px;
}

.min-w-\[90px\] {
    min-width: 90px;
}

.min-w-\[unset\] {
    min-width: unset;
}

.\!max-w-\[1170px\] {
    max-width: 1170px !important;
}

.\!max-w-\[1230px\] {
    max-width: 1230px !important;
}

.max-w-\[100\%\] {
    max-width: 100%;
}

.max-w-\[320px\] {
    max-width: 320px;
}

.max-w-\[450px\] {
    max-width: 450px;
}

.max-w-\[750px\] {
    max-width: 750px;
}

.max-w-\[800px\] {
    max-width: 800px;
}

.max-w-\[unset\] {
    max-width: unset;
}

.cursor-default {
    cursor: default;
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-zoom-in {
    cursor: zoom-in;
}

.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.flex-row {
    flex-direction: row;
}

.flex-col {
    flex-direction: column;
}

.flex-col-reverse {
    flex-direction: column-reverse;
}

.flex-wrap {
    flex-wrap: wrap;
}

.items-start {
    align-items: flex-start;
}

.items-center {
    align-items: center;
}

.justify-start {
    justify-content: flex-start;
}

.justify-center {
    justify-content: center;
}

.justify-between {
    justify-content: space-between;
}

.gap-\[100px\] {
    gap: 100px;
}

.gap-\[10px\] {
    gap: 10px;
}

.gap-\[10px_15px\] {
    gap: 10px 15px;
}

.gap-\[12px\] {
    gap: 12px;
}

.gap-\[15px\] {
    gap: 15px;
}

.gap-\[20px\] {
    gap: 20px;
}

.gap-\[25px\] {
    gap: 25px;
}

.gap-\[30px\] {
    gap: 30px;
}

.gap-\[3px_15px\] {
    gap: 3px 15px;
}

.gap-\[40px\] {
    gap: 40px;
}

.gap-\[4px\] {
    gap: 4px;
}

.gap-\[50px\] {
    gap: 50px;
}

.gap-\[5px\] {
    gap: 5px;
}

.gap-\[5px_15px\] {
    gap: 5px 15px;
}

.gap-\[60px\] {
    gap: 60px;
}

.gap-\[8px\] {
    gap: 8px;
}

.gap-y-\[10px\] {
    row-gap: 10px;
}

.overflow-hidden {
    overflow: hidden;
}

.overflow-y-auto {
    overflow-y: auto;
}

.whitespace-nowrap {
    white-space: nowrap;
}

.rounded-\[100\%\] {
    border-radius: 100%;
}

.rounded-\[10px\] {
    border-radius: 10px;
}

.rounded-\[2px\] {
    border-radius: 2px;
}

.rounded-\[3px\] {
    border-radius: 3px;
}

.rounded-\[50\%\] {
    border-radius: 50%;
}

.rounded-\[5px\] {
    border-radius: 5px;
}

.rounded-\[6px\] {
    border-radius: 6px;
}

.rounded-\[8px\] {
    border-radius: 8px;
}

.border,
.border-\[1px\] {
    border-width: 1px;
}

.border-b {
    border-bottom-width: 1px;
}

.border-b-\[15px\] {
    border-bottom-width: 15px;
}

.border-b-\[2px\] {
    border-bottom-width: 2px;
}

.border-l-0 {
    border-left-width: 0;
}

.border-t {
    border-top-width: 1px;
}

.border-dashed {
    border-style: dashed;
}

.border-none {
    border-style: none;
}

.border-\[\#ccc\] {
    --tw-border-opacity: 1;
    border-color: rgb(204 204 204 / var(--tw-border-opacity));
}

.border-\[\#d9d9d9\] {
    --tw-border-opacity: 1;
    border-color: rgb(217 217 217 / var(--tw-border-opacity));
}

.border-\[\#ddd\] {
    --tw-border-opacity: 1;
    border-color: rgb(221 221 221 / var(--tw-border-opacity));
}

.border-\[\#e8ecef\] {
    --tw-border-opacity: 1;
    border-color: rgb(232 236 239 / var(--tw-border-opacity));
}

.border-\[\#eee\] {
    --tw-border-opacity: 1;
    border-color: rgb(238 238 238 / var(--tw-border-opacity));
}

.border-\[\#fff\] {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.border-\[\#ffffff4a\] {
    border-color: #ffffff4a;
}

.border-red-400 {
    --tw-border-opacity: 1;
    border-color: rgb(248 113 113 / var(--tw-border-opacity));
}

.border-white {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.border-b-\[\#00000012\] {
    border-bottom-color: #00000012;
}

.border-b-\[\#f1f1f1\] {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(241 241 241 / var(--tw-border-opacity));
}

.border-t-\[\#0000001a\] {
    border-top-color: #0000001a;
}

.bg-\[\#000\] {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.bg-\[\#0b0b0b\] {
    --tw-bg-opacity: 1;
    background-color: rgb(11 11 11 / var(--tw-bg-opacity));
}

.bg-\[\#222222e7\] {
    background-color: #222222e7;
}

.bg-\[\#222\] {
    --tw-bg-opacity: 1;
    background-color: rgb(34 34 34 / var(--tw-bg-opacity));
}

.bg-\[\#666\] {
    --tw-bg-opacity: 1;
    background-color: rgb(102 102 102 / var(--tw-bg-opacity));
}

.bg-\[\#EDF1F0\] {
    --tw-bg-opacity: 1;
    background-color: rgb(237 241 240 / var(--tw-bg-opacity));
}

.bg-\[\#bf1e2e\] {
    --tw-bg-opacity: 1;
    background-color: rgb(191 30 46 / var(--tw-bg-opacity));
}

.bg-\[\#f5f5f5\] {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}

.bg-\[\#fafafa\] {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}

.bg-\[\#ffffff4a\] {
    background-color: #ffffff4a;
}

.bg-\[rgba\(114\2c 114\2c 114\2c 0\.9\)\] {
    background-color: #727272e6;
}

.bg-primary {
    background-color: var(--primary-color);
}

.bg-transparent {
    background-color: initial;
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.fill-blue-600 {
    fill: #2563eb;
}

.object-contain {
    -o-object-fit: contain;
    object-fit: contain;
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover;
}

.object-center {
    -o-object-position: center;
    object-position: center;
}

.p-0,
.p-\[0\] {
    padding: 0;
}

.p-\[0px_10px\] {
    padding: 0 10px;
}

.p-\[0px_15px\] {
    padding: 0 15px;
}

.p-\[10px\] {
    padding: 10px;
}

.p-\[10px_15px\] {
    padding: 10px 15px;
}

.p-\[10px_20px_8px_20px\] {
    padding: 10px 20px 8px;
}

.p-\[10px_30px\] {
    padding: 10px 30px;
}

.p-\[10px_5px\] {
    padding: 10px 5px;
}

.p-\[12px_20px\] {
    padding: 12px 20px;
}

.p-\[12px_30px\] {
    padding: 12px 30px;
}

.p-\[15px_10px\] {
    padding: 15px 10px;
}

.p-\[15px_10px_12px_10px\] {
    padding: 15px 10px 12px;
}

.p-\[15px_25px\] {
    padding: 15px 25px;
}

.p-\[17px_25px\] {
    padding: 17px 25px;
}

.p-\[20px\] {
    padding: 20px;
}

.p-\[20px_8px\] {
    padding: 20px 8px;
}

.p-\[2px_10px\] {
    padding: 2px 10px;
}

.p-\[30px\] {
    padding: 30px;
}

.p-\[3px_4px\] {
    padding: 3px 4px;
}

.p-\[40px_30px\] {
    padding: 40px 30px;
}

.p-\[5px\] {
    padding: 5px;
}

.p-\[5px_20px\] {
    padding: 5px 20px;
}

.p-\[80px_160px\] {
    padding: 80px 160px;
}

.p-\[80px_50px\] {
    padding: 80px 50px;
}

.p-\[8px_10px\] {
    padding: 8px 10px;
}

.\!px-\[0px\] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.px-\[10px\] {
    padding-left: 10px;
    padding-right: 10px;
}

.px-\[15px\] {
    padding-left: 15px;
    padding-right: 15px;
}

.px-\[5px\] {
    padding-left: 5px;
    padding-right: 5px;
}

.py-\[100px\] {
    padding-top: 100px;
    padding-bottom: 100px;
}

.py-\[10px\] {
    padding-top: 10px;
    padding-bottom: 10px;
}

.py-\[13px\] {
    padding-top: 13px;
    padding-bottom: 13px;
}

.py-\[15px\] {
    padding-top: 15px;
    padding-bottom: 15px;
}

.py-\[1px\] {
    padding-top: 1px;
    padding-bottom: 1px;
}

.py-\[20px\] {
    padding-top: 20px;
    padding-bottom: 20px;
}

.py-\[2px\] {
    padding-top: 2px;
    padding-bottom: 2px;
}

.py-\[30px\] {
    padding-top: 30px;
    padding-bottom: 30px;
}

.py-\[5px\] {
    padding-top: 5px;
    padding-bottom: 5px;
}

.py-\[80px\] {
    padding-top: 80px;
    padding-bottom: 80px;
}

.\!pb-\[40px\] {
    padding-bottom: 40px !important;
}

.\!pr-\[0\] {
    padding-right: 0 !important;
}

.pb-\[10px\] {
    padding-bottom: 10px;
}

.pb-\[20px\] {
    padding-bottom: 20px;
}

.pb-\[30px\] {
    padding-bottom: 30px;
}

.pl-\[10px\] {
    padding-left: 10px;
}

.pl-\[15px\] {
    padding-left: 15px;
}

.pr-\[50px\] {
    padding-right: 50px;
}

.pr-\[60px\] {
    padding-right: 60px;
}

.pt-\[0px\] {
    padding-top: 0;
}

.pt-\[10px\] {
    padding-top: 10px;
}

.pt-\[15px\] {
    padding-top: 15px;
}

.pt-\[20px\] {
    padding-top: 20px;
}

.pt-\[5px\] {
    padding-top: 5px;
}

.pt-\[65px\] {
    padding-top: 65px;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-justify {
    text-align: justify;
}

.\!text-\[17px\] {
    font-size: 17px !important;
}

.text-\[0px\] {
    font-size: 0;
}

.text-\[11px\] {
    font-size: 11px;
}

.text-\[12px\] {
    font-size: 12px;
}

.text-\[13px\] {
    font-size: 13px;
}

.text-\[14px\] {
    font-size: 14px;
}

.text-\[15px\] {
    font-size: 15px;
}

.text-\[16px\] {
    font-size: 16px;
}

.text-\[17px\] {
    font-size: 17px;
}

.text-\[18px\] {
    font-size: 18px;
}

.text-\[20px\] {
    font-size: 20px;
}

.text-\[22px\] {
    font-size: 22px;
}

.text-\[24px\] {
    font-size: 24px;
}

.text-\[25px\] {
    font-size: 25px;
}

.text-\[26px\] {
    font-size: 26px;
}

.text-\[30px\] {
    font-size: 30px;
}

.text-\[32px\] {
    font-size: 32px;
}

.text-\[36px\] {
    font-size: 36px;
}

.text-\[40px\] {
    font-size: 40px;
}

.text-\[56px\] {
    font-size: 56px;
}

.text-\[80px\] {
    font-size: 80px;
}

.\!font-\[200\] {
    font-weight: 200 !important;
}

.\!font-\[500\] {
    font-weight: 500 !important;
}

.font-\[200\] {
    font-weight: 200;
}

.font-\[300\] {
    font-weight: 300;
}

.font-\[400\] {
    font-weight: 400;
}

.font-\[500\] {
    font-weight: 500;
}

.font-\[600\] {
    font-weight: 600;
}

.font-bold {
    font-weight: 700;
}

.uppercase {
    text-transform: uppercase;
}

.capitalize {
    text-transform: capitalize;
}

.italic {
    font-style: italic;
}

.leading-\[0px\] {
    line-height: 0px;
}

.leading-\[1\.2\] {
    line-height: 1.2;
}

.leading-\[1\.3\] {
    line-height: 1.3;
}

.leading-\[1\.5\] {
    line-height: 1.5;
}

.leading-\[1\] {
    line-height: 1;
}

.leading-\[30px\] {
    line-height: 30px;
}

.\!text-\[\#222\] {
    --tw-text-opacity: 1 !important;
    color: rgb(34 34 34 / var(--tw-text-opacity)) !important;
}

.\!text-\[\#7e7e7e\] {
    --tw-text-opacity: 1 !important;
    color: rgb(126 126 126 / var(--tw-text-opacity)) !important;
}

.text-\[\#00000073\] {
    color: #00000073;
}

.text-\[\#000\] {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

.text-\[\#1773b0\] {
    --tw-text-opacity: 1;
    color: rgb(23 115 176 / var(--tw-text-opacity));
}

.text-\[\#1f8dd6\] {
    --tw-text-opacity: 1;
    color: rgb(31 141 214 / var(--tw-text-opacity));
}

.text-\[\#222\] {
    --tw-text-opacity: 1;
    color: rgb(34 34 34 / var(--tw-text-opacity));
}

.text-\[\#28a745\] {
    --tw-text-opacity: 1;
    color: rgb(40 167 69 / var(--tw-text-opacity));
}

.text-\[\#292b2c\] {
    --tw-text-opacity: 1;
    color: rgb(41 43 44 / var(--tw-text-opacity));
}

.text-\[\#707070\] {
    --tw-text-opacity: 1;
    color: rgb(112 112 112 / var(--tw-text-opacity));
}

.text-\[\#7e7e7e\] {
    --tw-text-opacity: 1;
    color: rgb(126 126 126 / var(--tw-text-opacity));
}

.text-\[\#aeaeae\] {
    --tw-text-opacity: 1;
    color: rgb(174 174 174 / var(--tw-text-opacity));
}

.text-\[\#bf1e2e\] {
    --tw-text-opacity: 1;
    color: rgb(191 30 46 / var(--tw-text-opacity));
}

.text-\[\#f6bc3e\] {
    --tw-text-opacity: 1;
    color: rgb(246 188 62 / var(--tw-text-opacity));
}

.text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

.text-blue-600 {
    --tw-text-opacity: 1;
    color: rgb(37 99 235 / var(--tw-text-opacity));
}

.text-gray-200 {
    --tw-text-opacity: 1;
    color: rgb(229 231 235 / var(--tw-text-opacity));
}

.text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity));
}

.text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
}

.text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity));
}

.text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity));
}

.text-gray-800 {
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
}

.text-primary {
    color: var(--primary-color);
}

.text-red-400 {
    --tw-text-opacity: 1;
    color: rgb(248 113 113 / var(--tw-text-opacity));
}

.text-red-600 {
    --tw-text-opacity: 1;
    color: rgb(220 38 38 / var(--tw-text-opacity));
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.underline {
    text-decoration-line: underline;
}

.opacity-\[0\.3\] {
    opacity: 0.3;
}

.opacity-\[0\.9\] {
    opacity: 0.9;
}

.shadow-\[0_0_15px_\#0000001a\] {
    --tw-shadow: 0 0 15px #0000001a;
    --tw-shadow-colored: 0 0 15px var(--tw-shadow-color);
}

.shadow-\[0_0_15px_\#0000001a\],
.shadow-\[0px_0px_20px_\#74382b26\] {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_0px_20px_\#74382b26\] {
    --tw-shadow: 0px 0px 20px #74382b26;
    --tw-shadow-colored: 0px 0px 20px var(--tw-shadow-color);
}

.\!outline-none {
    outline: 2px solid #0000 !important;
    outline-offset: 2px !important;
}

.outline-none {
    outline: 2px solid #0000;
    outline-offset: 2px;
}

.outline {
    outline-style: solid;
}

.\!ring-0 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}

.blur {
    --tw-blur: blur(8px);
}

.blur,
.invert {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.invert {
    --tw-invert: invert(100%);
}

.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
}

.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body,
html {
    overflow-x: hidden;
}

body {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #222;
    font-weight: 400;
}



.container,
.containerV2 {
    padding-left: 10px;
    padding-right: 10px;
    margin-left: auto;
    margin-right: auto;
}

.containerV2 {
    max-width: 1170px;
}

.fixedHeader {
    position: fixed;
    top: -1px;
    left: 0;
    right: 0;
    background-color: #fff;
    z-index: 99999999;
    box-shadow: 0 3px 6px #10101021;
}

.mainSlider .swiper-pagination,
.partnerSliderThumbs .swiper-pagination {
    align-items: center;
    display: flex;
    padding: 30px 0 20px 30px;
    gap: 8px;
}

    .mainSlider .swiper-pagination .swiper-pagination-bullet,
    .partnerSliderThumbs .swiper-pagination .swiper-pagination-bullet {
        background: #000 !important;
        opacity: 0.8;
    }

    .mainSlider .swiper-pagination .swiper-pagination-bullet-active,
    .partnerSliderThumbs .swiper-pagination .swiper-pagination-bullet-active {
        background: none !important;
        border: 1px solid #000 !important;
        width: 16px !important;
        height: 16px !important;
    }

.mainMenuWrapper > li {
    position: relative;
    display: flex;
    padding: 0 15px;
}

    .mainMenuWrapper > li.menu-item-has-children > a {
        background-image: url(../images/arrow-down.svg);
        background-position: right 50px;
        background-repeat: no-repeat;
        background-size: 9px;
        padding: 4px 15px 0 2px;
    }

    .mainMenuWrapper > li.menu-item-has-children:hover .sub-menu {
        display: flex;
    }

    .mainMenuWrapper > li.current-menu-item > a,
    .mainMenuWrapper > li.current-menu-parent > a,
    .mainMenuWrapper > li:hover > a {
        border-bottom: 1px solid #222;
    }

    .mainMenuWrapper > li > a {
        display: flex;
        align-items: center;
        justify-content: center;
        color: #212529;
        text-transform: uppercase;
        font-size: 14px;
        height: 59px;
        font-weight: 500;
        gap: 6px;
        padding: 3px 2px 0;
        border-bottom: 1px solid #0000;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 0.15s;
    }

    .mainMenuWrapper > li .sub-menu {
        display: none;
        flex-direction: column;
        position: absolute;
        z-index: 50;
        top: 59px;
        width: 250px;
        background: #fff;
        box-shadow: 0 5px 40px #00000026;
    }

        .mainMenuWrapper > li .sub-menu > li {
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 0.15s;
            display: flex;
            flex-direction: column;
            border-bottom: 1px solid #e9ecef;
        }

            .mainMenuWrapper > li .sub-menu > li.current-menu-item,
            .mainMenuWrapper > li .sub-menu > li.current-menu-parent,
            .mainMenuWrapper > li .sub-menu > li:hover {
                background: var(--primary-color);
            }

                .mainMenuWrapper > li .sub-menu > li.current-menu-item > a,
                .mainMenuWrapper > li .sub-menu > li.current-menu-parent > a,
                .mainMenuWrapper > li .sub-menu > li:hover > a {
                    color: #fff;
                }

            .mainMenuWrapper > li .sub-menu > li > a {
                display: flex;
                flex-direction: column;
                line-height: 140%;
                font-size: 14px;
                padding: 10px 22px;
                transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
                transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
                transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
                transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                transition-duration: 0.15s;
            }

.headerMenuMobile {
    transition: left 0.2s;
}

    .headerMenuMobile .menuMobile {
        display: flex;
        flex-direction: column;
        font-weight: 400;
        font-size: 14px;
        flex-wrap: wrap;
    }

        .headerMenuMobile .menuMobile > li {
            position: relative;
        }

            .headerMenuMobile .menuMobile > li.current-menu-item > a,
            .headerMenuMobile .menuMobile > li.current-menu-parent > a {
                text-decoration: underline;
            }

            .headerMenuMobile .menuMobile > li > a {
                min-height: 40px;
                align-items: center;
                display: flex;
                gap: 8px;
                padding: 6px 10px;
                color: #fff;
                text-transform: uppercase;
                font-weight: 400;
            }

            .headerMenuMobile .menuMobile > li.menu-item-has-children .expandMenuItem {
                display: flex;
                justify-content: end;
                align-items: center;
                z-index: 1;
                padding: 10px;
                position: absolute;
                cursor: pointer;
                top: 0;
                right: 0;
                left: 0;
                height: 43px;
            }

                .headerMenuMobile
                .menuMobile > li.menu-item-has-children
                .expandMenuItem.up:after {
                    transform: rotate(180deg);
                }

                .headerMenuMobile
                .menuMobile > li.menu-item-has-children
                .expandMenuItem:after {
                    content: " ";
                    width: 10px;
                    height: 43px;
                    color: #fff;
                    background: url(../images/arrow.svg) 50% no-repeat;
                    background-size: 11px;
                }

            .headerMenuMobile .menuMobile > li > .sub-menu {
                display: none;
                padding-left: 25px;
            }

                .headerMenuMobile .menuMobile > li > .sub-menu > li {
                    padding: 3px 0;
                }

                    .headerMenuMobile .menuMobile > li > .sub-menu > li.current-menu-item > a,
                    .headerMenuMobile .menuMobile > li > .sub-menu > li:hover > a {
                        background: #ffffff4a;
                    }

                    .headerMenuMobile .menuMobile > li > .sub-menu > li a {
                        text-transform: capitalize;
                        padding: 5px 10px;
                        min-height: unset;
                        font-weight: 400;
                        color: #fff;
                        display: flex;
                        width: 100%;
                    }

.show2lines,
.show3lines {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.show3lines {
    -webkit-line-clamp: 3;
}

.shThumb {
    transition: all 0.3s linear 0s !important;
}

label.error {
    font-size: 13px;
    color: red;
    width: 100%;
    line-height: 1.2;
    margin-top: 5px;
}

.scroll-custom::-webkit-scrollbar {
    width: 16px;
    -webkit-appearance: none;
}

.scroll-custom::-webkit-scrollbar-track {
    border-right: 6px solid #f1f1f1;
}

.scroll-custom::-webkit-scrollbar-thumb {
    border-right: 6px solid #ccc;
}

.shadow-custom {
    box-shadow: 0 5px 40px #00000026;
}

.partnerSliderThumbs .swiper-slide-thumb-active {
    opacity: 1;
}

.price.single-price ins {
    font-size: 26px;
}

.price del {
    font-size: 14px;
    margin-right: 5px;
    margin-left: 3px;
    color: #888 !important;
}

.price ins {
    text-decoration: none;
}

.price ins,
.price > .amount {
    font-weight: 500;
}

.post-thumbnail,
.product-thumbnail {
    transition: all 0.3s ease-in-out;
    transform: rotate(0) scale(1);
}

.product-item:hover .product-thumbnail {
    transform: scale(1.1);
}

.miniCartMobile .mini-cart-count {
    top: 5px;
    right: 0;
}

.quantity .minus:not(#qib_id):not(#qib_id),
.quantity .plus:not(#qib_id):not(#qib_id) {
    display: block !important;
}

.qib-container {
    width: 170px !important;
    display: block;
    border-radius: 5px;
    align-items: center;
    background-color: #f5f5f5;
}

    .qib-container input {
        width: 70px !important;
        height: 50px !important;
    }

    .qib-container button,
    .qib-container input {
        border: none !important;
        font-size: 20px !important;
    }

    .qib-container button {
        height: 48px !important;
        background: none !important;
        width: 50px !important;
    }

    .qib-container label {
        display: none !important;
    }

@media (max-width: 480px) {
    .qib-container .quantity.buttons_added {
        width: calc(100% - 100px) !important;
        text-align: center !important;
    }
}

.woo-alert {
    padding: 10px 20px;
    margin-bottom: 30px;
    font-size: 13px;
    line-height: 160%;
    position: relative;
}

.alert-success,
.woocommerce-notices-wrapper .woocommerce-message {
    color: #24ae4d;
    background-color: #f5f5f5;
    border-top: 3px solid #24ae4d;
    padding: 10px 20px;
    margin-bottom: 30px;
    font-size: 13px;
    line-height: 160%;
    position: relative;
}

.alert-info,
.woocommerce-info,
.woocommerce-message {
    color: #0097e6;
    background-color: #f5f5f5;
    border-top: 3px solid #0097e6;
    padding: 10px 20px;
    margin-bottom: 30px;
    font-size: 13px;
    line-height: 160%;
    position: relative;
}

div.woocommerce-message a,
ul.woocommerce-error li a {
    display: none;
}

.alertMsg {
    display: flex;
    align-items: center;
}

    .alertMsg .closeAlert {
        display: flex;
        margin-left: auto;
        cursor: pointer;
        padding-left: 20px;
    }

.alert-danger,
.woocommerce-error {
    color: #e2401c;
    background-color: #f5f5f5;
    border-top: 3px solid #e2401c;
    padding: 10px 20px;
    margin-bottom: 30px;
    font-size: 13px;
    line-height: 160%;
    position: relative;
}

.iconSocialNetwork {
    fill: #7e7e7e;
}

    .iconSocialNetwork :hover {
        fill: #222;
    }

.iconProductSocialNetwork {
    fill: #9ca3af;
}

    .iconProductSocialNetwork :hover {
        fill: #333;
    }

.iconWhite {
    fill: #fff;
}

.ratingWrapper {
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
}

    .ratingWrapper .ratingBg {
        overflow: hidden;
        position: relative;
        height: 13px;
        font-size: 12px;
        width: 65px;
        vertical-align: middle;
        line-height: 1;
    }

        .ratingWrapper .ratingBg:before {
            font-size: 12px;
            content: "★★★★★";
            top: 0;
            position: absolute;
            left: 0;
            float: left;
            color: #e0e0e0;
            font-weight: 900;
        }

        .ratingWrapper .ratingBg .ratingStar {
            overflow: hidden;
            float: left;
            top: 0;
            left: 0;
            position: absolute;
            padding-top: 15px;
            color: var(--primary-color);
        }

            .ratingWrapper .ratingBg .ratingStar:before {
                font-size: 12px;
                content: "★★★★★";
                top: 0;
                position: absolute;
                left: 0;
                font-weight: 900;
            }

        .ratingWrapper .ratingBg.ratingBgLarge {
            width: 95px !important;
            height: 16px;
        }

            .ratingWrapper .ratingBg.ratingBgLarge:before {
                font-size: 16px;
            }

            .ratingWrapper .ratingBg.ratingBgLarge .ratingStar {
                padding-top: 16px;
            }

                .ratingWrapper .ratingBg.ratingBgLarge .ratingStar:before {
                    font-size: 16px;
                }

    .ratingWrapper .ratingCount {
        font-size: 14px;
        margin-left: 5px;
        vertical-align: middle;
    }

.star-review {
    font-size: 25px;
    cursor: pointer;
}

.star-empty {
    position: relative;
    color: #ccc;
}

    .star-empty:before {
        content: "★";
    }

.star-filled {
    position: relative;
    color: var(--primary-color);
}

    .star-filled:before {
        content: "★";
    }

.rating-symbol-foreground {
    top: 0;
}

.rating {
    display: flex;
    box-shadow: none !important;
    height: 1px;
    font-size: 0;
    width: 100%;
    max-width: 230px;
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
}

.shSingleContent #ez-toc-container {
    padding: 20px;
    margin-bottom: 40px;
}

.shSingleContent blockquote {
    border-left: 1px solid #3498db;
    margin-bottom: 30px;
    padding: 5px 0 5px 20px;
}

    .shSingleContent blockquote p {
        margin-bottom: 0;
        font-weight: 600;
        color: #555;
    }

.shSingleContent img,
.shSingleContent ol,
.shSingleContent p,
.shSingleContent table,
.shSingleContent ul {
    margin-bottom: 20px;
}

.shSingleContent h2,
.shSingleContent h3,
.shSingleContent h4,
.shSingleContent h5,
.shSingleContent h6 {
    margin-bottom: 15px;
}

.shSingleContent a,
.shSingleContent li,
.shSingleContent p,
.shSingleContent span,
.shSingleContent td {
    font-size: 16px;
    line-height: 160%;
}

.shSingleContent .wp-caption,
.shSingleContent iframe,
.shSingleContent video {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
}

.shSingleContent img {
    max-width: 100% !important;
    height: auto !important;
    display: inline-block;
}

.shSingleContent iframe {
    min-height: 500px;
}

.shSingleContent h2 {
    font-size: 28px;
}

.shSingleContent h3 {
    font-size: 24px;
}

.shSingleContent h4 {
    font-size: 20px;
}

.shSingleContent h5,
.shSingleContent h6 {
    font-size: 16px;
}

.shSingleContent h2,
.shSingleContent h3,
.shSingleContent h4,
.shSingleContent h5,
.shSingleContent h6 {
    font-weight: 500;
    display: block;
}

    .shSingleContent h2 span,
    .shSingleContent h2 strong,
    .shSingleContent h3 span,
    .shSingleContent h3 strong,
    .shSingleContent h4 span,
    .shSingleContent h4 strong,
    .shSingleContent h5 span,
    .shSingleContent h5 strong,
    .shSingleContent h6 span,
    .shSingleContent h6 strong {
        font-weight: inherit;
    }

.shSingleContent a {
    color: #000;
}

    .shSingleContent a:hover {
        text-decoration: underline;
    }

.shSingleContent table {
    max-width: 100%;
    border-collapse: collapse;
}

    .shSingleContent table tr {
        border: 1px solid #0000001a;
        padding: 10px 12px;
    }

.shSingleContent .caption,
.shSingleContent .wp-caption-text {
    display: block;
    text-align: center;
    font-size: 16px;
    font-style: italic;
    line-height: 140%;
}

.shSingleContent ol,
.shSingleContent ul {
    padding-left: 30px;
}

.shSingleContent ul {
    list-style-type: disc;
}

.shSingleContent ol {
    list-style-type: decimal;
}

.shSingleContent li {
    display: list-item;
    text-align: -webkit-match-parent;
    margin-bottom: 10px;
}

    .shSingleContent li ol,
    .shSingleContent li ol li ol,
    .shSingleContent li ol li ul,
    .shSingleContent li ul,
    .shSingleContent li ul li ol,
    .shSingleContent li ul li ul {
        margin-top: 10px;
    }

.xoo-wsc-product {
    display: flex !important;
    justify-content: space-between !important;
    position: relative;
}

    .xoo-wsc-product .xoo-wsc-img-col {
        width: 70px !important;
        min-width: 70px !important;
    }

        .xoo-wsc-product .xoo-wsc-img-col img {
            height: 101px;
            -o-object-fit: cover;
            object-fit: cover;
        }

    .xoo-wsc-product .xoo-wsc-sum-col {
        width: 100% !important;
        position: relative !important;
        padding-right: 25px !important;
    }

        .xoo-wsc-product .xoo-wsc-sum-col > a {
            word-break: break-word;
            display: flex;
        }

    .xoo-wsc-product .xoo-wsc-chng {
        border: none !important;
    }

    .xoo-wsc-product .xoo-wsc-qtybox {
        border-color: #d7d7d7 !important;
        height: 30px !important;
        line-height: 26px !important;
        font-weight: 400 !important;
        border-radius: 5px;
    }

    .xoo-wsc-product a.xoo-wsc-remove {
        padding: 0 !important;
        position: absolute;
        top: 0 !important;
        right: 0;
    }

.xoo-wsc-footer {
    padding: 20px !important;
}

    .xoo-wsc-footer .xoo-wsc-footer-b a.xoo-wsc-ft-btn {
        background-color: #222;
        padding: 12px 30px;
        border-radius: 3px;
        font-size: 14px;
        letter-spacing: 1px;
        color: white;
    }

        .xoo-wsc-footer .xoo-wsc-footer-b a.xoo-wsc-ft-btn:hover {
            background-color: #4e7661;
        }

.xoo-wsc-shiptxt,
.xoo-wsc-tools {
    padding: 0 !important;
}

.xoo-wsc-shiptxt {
    text-align: left !important;
}

.xoo-wsc-price,
.xoo-wsc-related-products,
.xoo-wsc-shipping,
.xoo-wsc-subtotal {
    display: none !important;
}

.xoo-wsc-container,
.xoo-wsc-modal.xoo-wsc-active .xoo-wsc-opac {
    z-index: 99999999 !important;
}

.shSpin {
    animation: shSpin 0.4s linear infinite;
}

@keyframes shSpin {
    0% {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(1turn);
    }
}

.adblock_subtitle,
.adblock_subtitle ~ div,
.adblock_title {
    text-align: center !important;
}

    .adblock_subtitle ~ div {
        padding: 8px 25px !important;
        background: #ccc !important;
        border-radius: 5px !important;
        margin-top: 10px;
        margin-bottom: 10px;
    }

.placeholder\:font-\[300\]::-moz-placeholder {
    font-weight: 300;
}

.placeholder\:font-\[300\]::placeholder {
    font-weight: 300;
}

.placeholder\:text-\[\#b3bdd1\]::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(179 189 209 / var(--tw-text-opacity));
}

.placeholder\:text-\[\#b3bdd1\]::placeholder {
    --tw-text-opacity: 1;
    color: rgb(179 189 209 / var(--tw-text-opacity));
}

.placeholder\:text-\[\#ffffff94\]::-moz-placeholder {
    color: #ffffff94;
}

.placeholder\:text-\[\#ffffff94\]::placeholder {
    color: #ffffff94;
}

.after\:\!text-\[28px\]:after {
    content: var(--tw-content);
    font-size: 28px !important;
}

.after\:\!text-\[\#777\]:after {
    content: var(--tw-content);
    --tw-text-opacity: 1 !important;
    color: rgb(119 119 119 / var(--tw-text-opacity)) !important;
}

.hover\:bg-\[\#000\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#e6e6e6\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(230 230 230 / var(--tw-bg-opacity));
}

.hover\:bg-primary:hover {
    background-color: var(--primary-color);
}

.hover\:bg-tertiary:hover {
    background-color: var(--tertiary-color);
}

.hover\:\!text-\[\#222\]:hover {
    --tw-text-opacity: 1 !important;
    color: rgb(34 34 34 / var(--tw-text-opacity)) !important;
}

.hover\:text-blue-800:hover {
    --tw-text-opacity: 1;
    color: rgb(30 64 175 / var(--tw-text-opacity));
}

.hover\:text-gray-800:hover {
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
}

.hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.hover\:underline:hover {
    text-decoration-line: underline;
}

.hover\:opacity-\[\.8\]:hover {
    opacity: 0.8;
}

.group:hover .group-hover\:bg-\[\#e9e9e9\] {
    --tw-bg-opacity: 1;
    background-color: rgb(233 233 233 / var(--tw-bg-opacity));
}

.group:hover .group-hover\:\!text-\[\#222\] {
    --tw-text-opacity: 1 !important;
    color: rgb(34 34 34 / var(--tw-text-opacity)) !important;
}

.group:hover .group-hover\:after\:content-\[\'next\'\]:after {
    --tw-content: "next";
    content: var(--tw-content);
}

.group:hover .group-hover\:after\:content-\[\'prev\'\]:after {
    --tw-content: "prev";
    content: var(--tw-content);
}

@media (prefers-color-scheme: dark) {
    .dark\:text-gray-600 {
        --tw-text-opacity: 1;
        color: rgb(75 85 99 / var(--tw-text-opacity));
    }
}

@media (min-width: 480px) {
    .xs\:h-\[100px\] {
        height: 100px;
    }

    .xs\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .xs\:flex-row {
        flex-direction: row;
    }
}

@media (min-width: 640px) {
    .sm\:mb-\[20px\] {
        margin-bottom: 20px;
    }

    .sm\:mb-\[30px\] {
        margin-bottom: 30px;
    }

    .sm\:mt-\[15px\] {
        margin-top: 15px;
    }

    .sm\:flex {
        display: flex;
    }

    .sm\:hidden {
        display: none;
    }

    .sm\:h-\[600px\] {
        height: 600px;
    }

    .sm\:w-\[auto\],
    .sm\:w-auto {
        width: auto;
    }

    .sm\:max-w-\[120px\] {
        max-width: 120px;
    }

    .sm\:max-w-\[420px\] {
        max-width: 420px;
    }

    .sm\:max-w-\[600px\] {
        max-width: 600px;
    }

    .sm\:max-w-\[700px\] {
        max-width: 700px;
    }

    .sm\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sm\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .sm\:flex-row {
        flex-direction: row;
    }

    .sm\:justify-end {
        justify-content: flex-end;
    }

    .sm\:justify-between {
        justify-content: space-between;
    }

    .sm\:gap-\[10px\] {
        gap: 10px;
    }

    .sm\:gap-\[20px\] {
        gap: 20px;
    }

    .sm\:gap-\[30px\] {
        gap: 30px;
    }

    .sm\:p-\[10px_15px\] {
        padding: 10px 15px;
    }

    .sm\:p-\[20px\] {
        padding: 20px;
    }

    .sm\:pb-\[0px\] {
        padding-bottom: 0;
    }

    .sm\:pt-\[20px\] {
        padding-top: 20px;
    }

    .sm\:pt-\[25px\] {
        padding-top: 25px;
    }
}

@media (min-width: 768px) {
    .md\:w-auto {
        width: auto;
    }

    .md\:max-w-\[250px\] {
        max-width: 250px;
    }

    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .md\:flex-row {
        flex-direction: row;
    }

    .md\:justify-start {
        justify-content: flex-start;
    }

    .md\:justify-center {
        justify-content: center;
    }
}

@media (min-width: 1024px) {
    .lg\:static {
        position: static;
    }

    .lg\:relative {
        position: relative;
    }

    .lg\:bottom-\[15px\] {
        bottom: 15px;
    }

    .lg\:order-1 {
        order: 1;
    }

    .lg\:order-2 {
        order: 2;
    }

    .lg\:order-3 {
        order: 3;
    }

    .lg\:mx-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .lg\:mb-\[40px\] {
        margin-bottom: 40px;
    }

    .lg\:mt-\[100px\] {
        margin-top: 100px;
    }

    .lg\:mt-\[120px\] {
        margin-top: 120px;
    }

    .lg\:mt-\[30px\] {
        margin-top: 30px;
    }

    .lg\:flex {
        display: flex;
    }

    .lg\:hidden {
        display: none;
    }

    .lg\:h-\[255px\] {
        height: 255px;
    }

    .lg\:h-\[750px\] {
        height: 750px;
    }

    .lg\:min-h-\[56px\] {
        min-height: 56px;
    }

    .lg\:w-\[550px\] {
        width: 550px;
    }

    .lg\:w-auto {
        width: auto;
    }

    .lg\:min-w-\[500px\] {
        min-width: 500px;
    }

    .lg\:min-w-\[550px\] {
        min-width: 550px;
    }

    .lg\:max-w-\[800px\] {
        max-width: 800px;
    }

    .lg\:max-w-\[960px\] {
        max-width: 960px;
    }

    .lg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lg\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .lg\:flex-row {
        flex-direction: row;
    }

    .lg\:justify-start {
        justify-content: flex-start;
    }

    .lg\:justify-end {
        justify-content: flex-end;
    }

    .lg\:gap-\[20px\] {
        gap: 20px;
    }

    .lg\:gap-\[30px\] {
        gap: 30px;
    }

    .lg\:border-b-\[0px\] {
        border-bottom-width: 0;
    }

    .lg\:border-l-\[1px\] {
        border-left-width: 1px;
    }

    .lg\:border-r-\[1px\] {
        border-right-width: 1px;
    }

    .lg\:bg-\[\#f1fffb\] {
        --tw-bg-opacity: 1;
        background-color: rgb(241 255 251 / var(--tw-bg-opacity));
    }

    .lg\:p-\[20px_15px\] {
        padding: 20px 15px;
    }

    .lg\:p-\[40px\] {
        padding: 40px;
    }

    .lg\:\!px-\[120px\] {
        padding-left: 120px !important;
        padding-right: 120px !important;
    }

    .lg\:px-\[20px\] {
        padding-left: 20px;
        padding-right: 20px;
    }

    .lg\:py-\[5px\] {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .lg\:pr-\[20px\] {
        padding-right: 20px;
    }

    .lg\:pt-0 {
        padding-top: 0;
    }

    .lg\:text-left {
        text-align: left;
    }

    .lg\:text-\[192px\] {
        font-size: 192px;
    }

    .lg\:text-\[34px\] {
        font-size: 34px;
    }

    .lg\:leading-\[1\.6\] {
        line-height: 1.6;
    }

    .lg\:text-gray-500 {
        --tw-text-opacity: 1;
        color: rgb(107 114 128 / var(--tw-text-opacity));
    }
}

@media (min-width: 1280px) {
    .xl\:h-\[60px\] {
        height: 60px;
    }

    .xl\:h-\[850px\] {
        height: 850px;
    }

    .xl\:max-h-\[unset\] {
        max-height: unset;
    }

    .xl\:min-w-\[450px\] {
        min-width: 450px;
    }

    .xl\:min-w-\[600px\] {
        min-width: 600px;
    }

    .xl\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .xl\:flex-row {
        flex-direction: row;
    }

    .xl\:items-start {
        align-items: flex-start;
    }

    .xl\:object-cover {
        -o-object-fit: cover;
        object-fit: cover;
    }

    .xl\:text-left {
        text-align: left;
    }
}

@media (min-width: 1536px) {
    .\32xl\:min-w-\[550px\] {
        min-width: 550px;
    }
}

.\[\&\>\*li\:hover\>\*a\]\:underline > li:hover > a {
    text-decoration-line: underline;
}

.\[\&\>\*li\>\*a\]\:text-\[\#1773b0\] > li > a {
    --tw-text-opacity: 1;
    color: rgb(23 115 176 / var(--tw-text-opacity));
}

.\[\&\>\*li\>\*a\]\:underline > li > a {
    text-decoration-line: underline;
}

.\[\&\>ul\]\:flex > ul {
    display: flex;
}

.page-template-page-checkout:not(.woocommerce-order-received) main {
    margin-top: 0px;
    margin-bottom: 0px;
}

.page-template-page-checkout:not(.woocommerce-order-received) header,
.page-template-page-checkout:not(.woocommerce-order-received) footer,
.page-template-page-checkout:not(.woocommerce-order-received) .xoo-wsc-footer {
    display: none !important;
}

#wc-stripe-card-element.payment-type {
    height: auto !important;
}

.woocommerce-order-received h2 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
}

.woocommerce-order-received address {
    border: 1px solid #e5e5e5;
    width: 100%;
    padding: 15px;
    font-size: 14px;
}

.woocommerce-order-received table.order_details td,
.woocommerce-order-received table.order_details th {
    font-size: 14px;
    font-weight: 400;
    text-align: left;
}

.woocommerce-order-received .order_details.woocommerce-table--order-details {
    width: 100%;
    font-size: 14px;
    border: 1px solid #e5e5e5;
}

    .woocommerce-order-received .order_details.woocommerce-table--order-details th,
    .woocommerce-order-received .order_details.woocommerce-table--order-details td {
        padding: 10px;
        text-align: left;
    }

    .woocommerce-order-received
    .order_details.woocommerce-table--order-details
    tbody
    th,
    .woocommerce-order-received
    .order_details.woocommerce-table--order-details
    tbody
    td {
        border-bottom: 1px solid #e5e5e5;
    }

        .woocommerce-order-received
        .order_details.woocommerce-table--order-details
        tbody
        th:last-child,
        .woocommerce-order-received
        .order_details.woocommerce-table--order-details
        tbody
        td:last-child {
            font-weight: 500;
        }

    .woocommerce-order-received
    .order_details.woocommerce-table--order-details
    tfoot
    th,
    .woocommerce-order-received
    .order_details.woocommerce-table--order-details
    tfoot
    td {
        font-weight: 400;
    }

        .woocommerce-order-received
        .order_details.woocommerce-table--order-details
        tfoot
        th:last-child,
        .woocommerce-order-received
        .order_details.woocommerce-table--order-details
        tfoot
        td:last-child {
            font-weight: 500;
        }

    .woocommerce-order-received
    .order_details.woocommerce-table--order-details
    tfoot
    tr:last-child
    td,
    .woocommerce-order-received
    .order_details.woocommerce-table--order-details
    tfoot
    tr:last-child
    th {
        border-top: 1px solid #e5e5e5;
        font-weight: 500;
        font-size: 18px;
    }

    .woocommerce-order-received
    .order_details.woocommerce-table--order-details
    thead
    th {
        background: #f5f5f5;
        font-weight: 400;
        text-transform: uppercase;
    }

.pageCheckoutWrapper .tmpHidden {
    opacity: 0.000001;
}

.pageCheckoutWrapper .payment_method_stripe_cc .wc-stripe-card-icons-container {
    display: none !important;
}

.pageCheckoutWrapper #order_review > .sectionReviewOrderWrapper {
    display: flex !important;
}

.pageCheckoutWrapper .woocommerce-notices-wrapper > div,
.pageCheckoutWrapper .woocommerce-error {
    margin-bottom: 30px !important;
    margin-top: 30px !important;
}

.pageCheckoutWrapper .woocommerce-notices-wrapper .woocommerce-info {
    display: none !important;
}

.pageCheckoutWrapper #autofill_checkout_field_field,
.pageCheckoutWrapper #kl_newsletter_checkbox_field,
.pageCheckoutWrapper #kl_sms_consent_checkbox_field {
    grid-column: span 2 / span 2;
}

.pageCheckoutWrapper #wc-stripe-cc-form {
    padding: 15px 20px;
    background: #fff !important;
    border-radius: 3px;
    margin: 10px 0 20px 0;
}

.pageCheckoutWrapper #OrderSubmit {
    background-color: #222;
    color: #fff;
    padding: 12px 30px;
    border-radius: 3px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    margin-top: 10px;
    text-transform: capitalize;
}

    .pageCheckoutWrapper #OrderSubmit:hover {
        background-color: #4e7661;
    }

.pageCheckoutWrapper #OrderSubmit1 {
    background-color: #222;
    color: #fff;
    padding: 12px 30px;
    border-radius: 3px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    margin-top: 10px;
    text-transform: capitalize;
}

    .pageCheckoutWrapper #OrderSubmit1:hover {
        background-color: #4e7661;
    }

.pageCheckoutWrapper .noOptionalLabel .optional {
    display: none !important;
}

.pageCheckoutWrapper .wc_payment_methods.payment_methods {
    margin-bottom: 15px;
}

    .pageCheckoutWrapper .wc_payment_methods.payment_methods li {
        margin-bottom: 5px;
    }

        .pageCheckoutWrapper .wc_payment_methods.payment_methods li label {
            cursor: pointer;
        }

        .pageCheckoutWrapper .wc_payment_methods.payment_methods li .payment_box {
            color: #777;
        }

    .pageCheckoutWrapper .wc_payment_methods.payment_methods input {
        margin-right: 5px;
    }

.pageCheckoutWrapper #stripe-payment-data > p,
.pageCheckoutWrapper .payment_box.payment_method_ppcp-gateway > p {
    display: none;
}

.pageCheckoutWrapper .woocommerce-billing-fields h3 {
    font-weight: 600;
    font-size: 16px;
    line-height: 1;
}

.pageCheckoutWrapper .woocommerce-additional-fields {
    display: none !important;
}

.pageCheckoutWrapper .woocommerce-billing-fields__field-wrapper .required {
    text-decoration: none;
}

.pageCheckoutWrapper .woocommerce-billing-fields__field-wrapper .form-row {
    margin-bottom: 7px !important;
    position: relative;
    width: 100%;
}

    .pageCheckoutWrapper
    .woocommerce-billing-fields__field-wrapper
    .form-row.wooccm-type-heading {
        margin-bottom: 0px !important;
    }

    .pageCheckoutWrapper .woocommerce-billing-fields__field-wrapper .form-row.mb20 {
        margin-bottom: 20px !important;
    }

    .pageCheckoutWrapper
    .woocommerce-billing-fields__field-wrapper
    .form-row
    .input-checkbox {
        position: relative;
        top: 1px;
        margin-right: 4px;
    }

    .pageCheckoutWrapper
    .woocommerce-billing-fields__field-wrapper
    .form-row
    label:not(.checkbox) {
        display: none !important;
    }

    .pageCheckoutWrapper
    .woocommerce-billing-fields__field-wrapper
    .form-row
    .input-text:focus {
        border: 1px solid #005fcc;
    }

    .pageCheckoutWrapper
    .woocommerce-billing-fields__field-wrapper
    .form-row
    .input-text {
        display: block;
        width: 100%;
        height: 50px;
        border-radius: 5px;
        padding: 20px 15px;
        margin-top: 5px;
        color: #333;
        border: 1px solid #d9d9d9;
        word-break: normal;
        font-size: 14px;
        transition: all 0.2s;
        background-color: #fff;
        touch-action: manipulation;
        box-shadow: none;
        line-height: 1;
        outline: none;
    }

    .pageCheckoutWrapper
    .woocommerce-billing-fields__field-wrapper
    .form-row
    .select2-selection {
        width: 100%;
        height: 50px;
        border-radius: 5px;
        padding: 10px 15px;
        margin-top: 5px;
        color: #333;
        border: 1px solid #d9d9d9;
        word-break: normal;
        font-size: 14px;
        transition: all 0.2s;
        background-color: #fff;
        touch-action: manipulation;
        box-shadow: none;
        line-height: 1;
        outline: none;
    }

        .pageCheckoutWrapper
        .woocommerce-billing-fields__field-wrapper
        .form-row
        .select2-selection
        .select2-selection__arrow {
            position: absolute;
            top: 18px;
            right: 10px;
            width: 20px;
        }

@media (min-width: 994px) {
    .reviewOrderData {
        display: flex !important;
    }
}

@media (max-width: 992px) {
    .formInputWrapper,
    .checkoutSectionWrapper {
        height: auto !important;
    }

    .pageCheckoutWrapper #order_review > .sectionReviewOrderWrapper {
        display: none !important;
    }
}

.tableOrderTotalWrapper {
    margin: 10px 0;
}

    .tableOrderTotalWrapper tr td,
    .tableOrderTotalWrapper tr th {
        font-weight: 400;
        font-size: 14px;
    }

        .tableOrderTotalWrapper tr td:first-child,
        .tableOrderTotalWrapper tr th:first-child {
            text-align: left;
        }

        .tableOrderTotalWrapper tr td:last-child,
        .tableOrderTotalWrapper tr th:last-child {
            text-align: right;
        }

@media (max-width: 640px) {
    .pageCheckoutWrapper .form-row {
        grid-column: span 1 / span 1 !important;
    }
}

.page-template-page-checkout:not(.woocommerce-order-received) main {
    margin-top: 0px;
    margin-bottom: 0px;
}

.page-template-page-checkout:not(.woocommerce-order-received) header,
.page-template-page-checkout:not(.woocommerce-order-received) footer,
.page-template-page-checkout:not(.woocommerce-order-received) .xoo-wsc-footer {
    display: none !important;
}

#wc-stripe-card-element.payment-type {
    height: auto !important;
}

.woocommerce-order-received h2 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
}

.woocommerce-order-received address {
    border: 1px solid #e5e5e5;
    width: 100%;
    padding: 15px;
    font-size: 14px;
}

.woocommerce-order-received table.order_details td,
.woocommerce-order-received table.order_details th {
    font-size: 14px;
    font-weight: 400;
    text-align: left;
}

.woocommerce-order-received .order_details.woocommerce-table--order-details {
    width: 100%;
    font-size: 14px;
    border: 1px solid #e5e5e5;
}

    .woocommerce-order-received .order_details.woocommerce-table--order-details th,
    .woocommerce-order-received .order_details.woocommerce-table--order-details td {
        padding: 10px;
        text-align: left;
    }

    .woocommerce-order-received
    .order_details.woocommerce-table--order-details
    tbody
    th,
    .woocommerce-order-received
    .order_details.woocommerce-table--order-details
    tbody
    td {
        border-bottom: 1px solid #e5e5e5;
    }

        .woocommerce-order-received
        .order_details.woocommerce-table--order-details
        tbody
        th:last-child,
        .woocommerce-order-received
        .order_details.woocommerce-table--order-details
        tbody
        td:last-child {
            font-weight: 500;
        }

    .woocommerce-order-received
    .order_details.woocommerce-table--order-details
    tfoot
    th,
    .woocommerce-order-received
    .order_details.woocommerce-table--order-details
    tfoot
    td {
        font-weight: 400;
    }

        .woocommerce-order-received
        .order_details.woocommerce-table--order-details
        tfoot
        th:last-child,
        .woocommerce-order-received
        .order_details.woocommerce-table--order-details
        tfoot
        td:last-child {
            font-weight: 500;
        }

    .woocommerce-order-received
    .order_details.woocommerce-table--order-details
    tfoot
    tr:last-child
    td,
    .woocommerce-order-received
    .order_details.woocommerce-table--order-details
    tfoot
    tr:last-child
    th {
        border-top: 1px solid #e5e5e5;
        font-weight: 500;
        font-size: 18px;
    }

    .woocommerce-order-received
    .order_details.woocommerce-table--order-details
    thead
    th {
        background: #f5f5f5;
        font-weight: 400;
        text-transform: uppercase;
    }

.pageCheckoutWrapper .tmpHidden {
    opacity: 0.000001;
}

.pageCheckoutWrapper .payment_method_stripe_cc .wc-stripe-card-icons-container {
    display: none !important;
}

.pageCheckoutWrapper #order_review > .sectionReviewOrderWrapper {
    display: flex !important;
}

.pageCheckoutWrapper .woocommerce-notices-wrapper > div,
.pageCheckoutWrapper .woocommerce-error {
    margin-bottom: 30px !important;
    margin-top: 30px !important;
}

.pageCheckoutWrapper .woocommerce-notices-wrapper .woocommerce-info {
    display: none !important;
}

.pageCheckoutWrapper #autofill_checkout_field_field,
.pageCheckoutWrapper #kl_newsletter_checkbox_field,
.pageCheckoutWrapper #kl_sms_consent_checkbox_field {
    grid-column: span 2 / span 2;
}

.pageCheckoutWrapper #wc-stripe-cc-form {
    padding: 15px 20px;
    background: #fff !important;
    border-radius: 3px;
    margin: 10px 0 20px 0;
}

.pageCheckoutWrapper #OrderSubmit {
    background-color: #222;
    color: #fff;
    padding: 12px 30px;
    border-radius: 3px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    margin-top: 10px;
    text-transform: capitalize;
}

.pageCheckoutWrapper #OrderSubmit1 {
    background-color: #222;
    color: #fff;
    padding: 12px 30px;
    border-radius: 3px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    margin-top: 10px;
    text-transform: capitalize;
}

.pageCheckoutWrapper #OrderSubmit:hover {
    background-color: #4e7661;
}

.pageCheckoutWrapper #OrderSubmit1:hover {
    background-color: #4e7661;
}

.pageCheckoutWrapper .noOptionalLabel .optional {
    display: none !important;
}

.pageCheckoutWrapper .wc_payment_methods.payment_methods {
    margin-bottom: 15px;
}

    .pageCheckoutWrapper .wc_payment_methods.payment_methods li {
        margin-bottom: 5px;
    }

        .pageCheckoutWrapper .wc_payment_methods.payment_methods li label {
            cursor: pointer;
        }

        .pageCheckoutWrapper .wc_payment_methods.payment_methods li .payment_box {
            color: #777;
        }

    .pageCheckoutWrapper .wc_payment_methods.payment_methods input {
        margin-right: 5px;
    }

.pageCheckoutWrapper #stripe-payment-data > p,
.pageCheckoutWrapper .payment_box.payment_method_ppcp-gateway > p {
    display: none;
}

.pageCheckoutWrapper .woocommerce-billing-fields h3 {
    font-weight: 600;
    font-size: 16px;
    line-height: 1;
}

.pageCheckoutWrapper .woocommerce-additional-fields {
    display: none !important;
}

.pageCheckoutWrapper .woocommerce-billing-fields__field-wrapper .required {
    text-decoration: none;
}

.pageCheckoutWrapper .woocommerce-billing-fields__field-wrapper .form-row {
    margin-bottom: 7px !important;
    position: relative;
    width: 100%;
}

    .pageCheckoutWrapper
    .woocommerce-billing-fields__field-wrapper
    .form-row.wooccm-type-heading {
        margin-bottom: 0px !important;
    }

    .pageCheckoutWrapper .woocommerce-billing-fields__field-wrapper .form-row.mb20 {
        margin-bottom: 20px !important;
    }

    .pageCheckoutWrapper
    .woocommerce-billing-fields__field-wrapper
    .form-row
    .input-checkbox {
        position: relative;
        top: 1px;
        margin-right: 4px;
    }

    .pageCheckoutWrapper
    .woocommerce-billing-fields__field-wrapper
    .form-row
    label:not(.checkbox) {
        display: none !important;
    }

    .pageCheckoutWrapper
    .woocommerce-billing-fields__field-wrapper
    .form-row
    .input-text:focus {
        border: 1px solid #005fcc;
    }

    .pageCheckoutWrapper
    .woocommerce-billing-fields__field-wrapper
    .form-row
    .input-text {
        display: block;
        width: 100%;
        height: 50px;
        border-radius: 5px;
        padding: 20px 15px;
        margin-top: 5px;
        color: #333;
        border: 1px solid #d9d9d9;
        word-break: normal;
        font-size: 14px;
        transition: all 0.2s;
        background-color: #fff;
        touch-action: manipulation;
        box-shadow: none;
        line-height: 1;
        outline: none;
    }

    .pageCheckoutWrapper
    .woocommerce-billing-fields__field-wrapper
    .form-row
    .select2-selection {
        width: 100%;
        height: 50px;
        border-radius: 5px;
        padding: 10px 15px;
        margin-top: 5px;
        color: #333;
        border: 1px solid #d9d9d9;
        word-break: normal;
        font-size: 14px;
        transition: all 0.2s;
        background-color: #fff;
        touch-action: manipulation;
        box-shadow: none;
        line-height: 1;
        outline: none;
    }

        .pageCheckoutWrapper
        .woocommerce-billing-fields__field-wrapper
        .form-row
        .select2-selection
        .select2-selection__arrow {
            position: absolute;
            top: 18px;
            right: 10px;
            width: 20px;
        }

@media (min-width: 994px) {
    .reviewOrderData {
        display: flex !important;
    }
}

@media (max-width: 992px) {
    .formInputWrapper,
    .checkoutSectionWrapper {
        height: auto !important;
    }

    .pageCheckoutWrapper #order_review > .sectionReviewOrderWrapper {
        display: none !important;
    }
}

.tableOrderTotalWrapper {
    margin: 10px 0;
}

    .tableOrderTotalWrapper tr td,
    .tableOrderTotalWrapper tr th {
        font-weight: 400;
        font-size: 14px;
    }

        .tableOrderTotalWrapper tr td:first-child,
        .tableOrderTotalWrapper tr th:first-child {
            text-align: left;
        }

        .tableOrderTotalWrapper tr td:last-child,
        .tableOrderTotalWrapper tr th:last-child {
            text-align: right;
        }

@media (max-width: 640px) {
    .pageCheckoutWrapper .form-row {
        grid-column: span 1 / span 1 !important;
    }
}

.mb-0 {
    margin-bottom: 0 !important;
}

.xoo-wsc-close {
    cursor: pointer;
    position: absolute;
}

@keyframes xoo-wsc-spin {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.xoo-wsc-icon-atc {
    margin-left: 5px;
}

    .xoo-wsc-icon-atc.xoo-wsc-active {
        display: inline-block;
        -webkit-animation: xoo-wsc-spin 575ms infinite linear;
        animation: xoo-wsc-spin 575ms infinite linear;
    }

.xoo-wsc-updating {
    text-align: center;
    z-index: 1;
}

    .xoo-wsc-updating .xoo-wsc-icon-spinner2 {
        position: absolute;
        -webkit-animation: xoo-wsc-spin 575ms infinite linear;
        animation: xoo-wsc-spin 575ms infinite linear;
        display: inline-block;
        font-size: 30px;
        z-index: 1;
        color: #000;
        top: 45%;
    }

.xoo-wsc-uopac,
.xoo-wsc-updating,
.xoo-wsc-block-cart {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
}

.xoo-wsc-block-cart {
    z-index: 1;
    display: none;
}

.xoo-wsc-uopac {
    background-color: #f0f0f0;
    opacity: 0.7;
}

body.xoo-wsc-active,
html.xoo-wsc-activee {
    overflow: hidden;
}

.xoo-wsc-modal.xoo-wsc-active .xoo-wsc-opac {
    top: 0;
    left: 0;
    right: 0;
    position: fixed;
    bottom: 0;
    background-color: #000;
    z-index: 99999;
    opacity: 0.5;
}

.xoo-wsc-container {
    position: fixed;
    z-index: 999999;
    background-color: #fff;
    max-width: 95%;
}

.xoo-wsc-header {
    position: relative;
    font-weight: 600;
}

.xoo-wsc-basket {
    padding: 10px;
    border-radius: 14px;
    margin: 10px;
    box-shadow: 0 1px 4px 0;
    z-index: 999999;
    cursor: pointer;
}

.xoo-wsc-basket,
.xoo-wsc-container {
    transition-duration: 0.5s;
}

.xoo-wsc-items-count {
    border-radius: 50%;
    position: absolute;
    top: -15px;
    font-size: 13px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    overflow: hidden;
}

.xoo-wsc-close {
    transform: translateY(-50%);
    top: 50%;
    right: 20px;
}

.xoo-wsc-body {
    overflow-y: auto;
    position: relative;
}

.xoo-wsc-product {
    padding: 15px;
    width: auto;
    display: block;
}

    .xoo-wsc-product:after {
        content: " ";
        clear: both;
        display: block;
    }

.xoo-wsc-img-col {
    float: left;
    text-align: center;
}

a.xoo-wsc-remove {
    padding: 10px 10px 0 0;
    float: right;
    font-size: 16px;
    cursor: pointer;
}

.xoo-wsc-sum-col {
    display: inline-block;
    margin-left: 6px;
    float: left;
}

a.xoo-wsc-pname {
    word-wrap: break-word;
    display: block;
    width: 100%;
}

.xoo-wsc-price {
    margin: 3px 0;
}

.xoo-wsc-sum-col .variation {
    overflow: auto;
    font-size: 12px;
    margin: 5px 0;
}

    .xoo-wsc-sum-col .variation dt {
        display: inline-block;
        margin: 0 3px 0 0;
        float: none;
    }

    .xoo-wsc-sum-col .variation dd {
        display: inline-block;
        margin: 0 5px 0 0;
        float: none;
    }

span.xoo-wsc-minus,
span.xoo-wsc-plus {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    float: left;
    width: 21px;
}

.xoo-wsc-footer,
.xoo-wsc-footer button.xoo-wsc-ft-btn {
    width: 100%;
    text-align: center;
    display: inline-block;
}

.xoo-wsc-footer-a {
    margin-bottom: 10px;
}

span.xoo-wsc-minus {
    border-right-width: 1px;
    border-right-style: solid;
}

span.xoo-wsc-plus {
    border-left-width: 1px;
    border-left-style: solid;
}

.xoo-wsc-psrow {
    margin-top: 7px;
    height: 37px;
    line-height: 35px;
    display: block;
}

.xoo-wsc-qtybox {
    border-width: 1px;
    border-style: solid;
    position: relative;
    display: inline-block;
    font-weight: 700;
    max-width: 90px;
    float: left;
    height: inherit;
}

input[type="number"].xoo-wsc-qty {
    border: 0 !important;
    text-align: center;
    display: inline-block;
    max-width: 30px;
    float: left;
    height: 100%;
    line-height: 100%;
    padding: 0;
    width: auto;
}

.xoo-wsc-ptotal {
    float: right;
}

    .xoo-wsc-ptotal .amount {
        font-weight: 600;
        font-size: 17px;
    }

.xoo-wsc-footer {
    position: absolute;
    bottom: 0;
    right: 2px;
    padding: 10px;
    box-sizing: border-box;
    border-top: 1px solid #eee;
    background-color: white;
}

.xoo-wsc-modal.xoo-wsc-active .xoo-wsc-container {
    right: 0;
}

.xoo-wsc-content {
    position: relative;
}

.xoo-wsc-mgn {
    margin: 10px 0;
    display: block;
}

input.xoo-wsc-qty::-webkit-inner-spin-button,
input.xoo-wsc-qty::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.xoo-wsc-ecnt {
    padding: 15px;
    font-size: 20px;
    display: block;
}

.xoo-wsc-shiptxt {
    padding: 0 15px;
    display: block;
    font-size: 13px;
    display: flex;
    justify-content: space-between;
}

.xoo-wsc-sc-cont {
    cursor: pointer;
}

.xoo-wsc-sc-icon {
    margin-right: 3px;
}

.xoo-wsc-notice-box {
    left: 0;
    right: 0;
    bottom: 50px;
    position: fixed;
    z-index: 100000;
}

    .xoo-wsc-notice-box > div {
        display: table;
        margin: 0 auto;
        padding: 10px 20px;
        font-weight: 500;
        font-size: 15px;
    }

.xoo-wsc-notice ul.woocommerce-error a.button {
    display: none;
}

.xoo-wsc-notice ul.woocommerce-error {
    margin: 0;
}

/** Related Products **/
.xoo-wsc-rp-cont {
    border-bottom: 2px solid #eee;
}

.xoo-wsc-rp-title {
    display: block;
    margin-bottom: 10px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #777;
    font-family: sans-serif;
}

.xoo-wsc-sp-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.xoo-wsc-related-products span.price {
    display: table;
    margin-bottom: 3px;
    font-size: 14px;
}

li.xoo-wsc-rp-item {
    display: flex;
    background-color: #eee;
    align-items: left;
    padding: 0 7px;
}

.xoo-wsc-rp-right-area {
    margin-left: 15px;
}

    .xoo-wsc-rp-right-area > * {
        font-size: 14px;
        display: table;
    }

.xoo-wsc-related-products .lSAction > a {
    background-size: 50%;
    background-repeat: no-repeat;
}

.xoo-wsc-related-products .lSAction > .lSNext {
    background-image: url(../../lib/lightslider/img/arrow-right.png);
    background-position: center center;
    right: -6px;
}

.xoo-wsc-related-products .lSAction > .lSPrev {
    background-image: url(../../lib/lightslider/img/arrow-left.png);
    background-position: center center;
    left: -6px;
}

.xoo-wsc-coupon-container {
    padding: 0 15px;
    margin: 3px 0;
}

a.xoo-wsc-coupon-trigger {
    cursor: pointer;
    display: none;
}

    a.xoo-wsc-coupon-trigger.active {
        display: block;
    }

.xoo-wsc-coupon {
    display: none;
    padding: 3px;
}

    .xoo-wsc-coupon.active {
        display: flex;
    }

.xoo-wsc-coupon-submit {
    display: flex;
    align-items: center;
    font-weight: 600;
    cursor: pointer;
    padding: 0 15px;
}

    .xoo-wsc-coupon-submit.active {
    }

#xoo-wsc-coupon-code {
    flex-grow: 1;
}

ul.xoo-wsc-applied-coupons {
    list-style-type: none;
    margin: 3px 0;
    display: table;
}

    ul.xoo-wsc-applied-coupons li {
        display: table;
        float: left;
        padding: 2px 7px;
        background-color: #dff0d8;
        border-radius: 10%;
        margin-right: 10px;
        color: #3c763d;
        text-transform: uppercase;
        cursor: pointer;
        font-size: 12px;
    }

        ul.xoo-wsc-applied-coupons li:after {
            content: "\e909";
            margin-left: 6px;
            font-family: Woo-Side-Cart !important;
            font-size: 8px;
            vertical-align: middle;
            color: green;
        }

.xoo-wsc-tool:after {
    content: "";
    clear: both;
    display: table;
}

.xoo-wsc-tools-value {
    float: right;
}

.xoo-wsc-tools-label {
    float: left;
}

.xoo-wsc-tools {
    font-weight: bold;
    padding: 0 15px;
}

.xoo-wsc-tool {
    margin: 2px 0;
    width: 100%;
}

.xoo-wsc-tools-value .amount {
    font-size: 15px;
}

.xoo-wsc-coupon-submit.active:after {
    content: "\e97b";
    font-family: Woo-Side-Cart !important;
    -webkit-animation: xoo-wsc-spin 575ms infinite linear;
    animation: xoo-wsc-spin 575ms infinite linear;
    font-size: 18px;
}

.xoo-wsc-coupon-submit.active {
    font-size: 0;
}

.xoo-wsc-product.xoo-wsc-bundled-child {
    border: 0;
}

.xoo-wsc-footer a.xoo-wsc-ft-btn {
    display: block;
}

span.xoo-wsc-total-sales {
    text-transform: uppercase;
    border: 1px solid #333;
    padding: 2px 10px;
    display: block;
    margin-bottom: 4px;
    border-radius: 10px;
    font-size: 11px;
}

.xoo-wsc-empty-cart img {
    display: table;
    margin: 50px auto 10px;
}

.xoo-wsc-notification-bar {
    background-color: #dff0d8;
    color: #3c763d;
    position: absolute;
    top: 0;
    z-index: 1;
    left: 0;
    right: 0;
    font-weight: 400;
    font-size: 15px;
    padding: 13px 15px;
    display: none;
}

    .xoo-wsc-notification-bar > span {
        margin-right: 5px;
    }

.xoo-wsc-undo-item {
    float: right;
    text-decoration: underline;
    cursor: pointer;
}

.xoo-wsc-modal .variation:last-of-type {
    display: none;
}

.xoo-wsc-modal .variation:first-of-type {
    display: block;
}

a.added_to_cart {
    display: none;
}

.xoo-wsc-container .woocommerce-mini-cart__buttons {
    margin-bottom: 0;
}

.xoo-wsc-rp-right-area a.button {
    font-size: 14px;
    float: left;
}

.xoo-wsc-rp-left-area img {
    max-width: 75px;
    height: auto;
}

img.xoo-wsc-sc-icon {
    width: 18px;
    height: 18px;
    display: inline;
    vertical-align: middle;
}

@media only screen and (max-width: 600px) {
    .xoo-wsc-active .xoo-wsc-basket {
        display: none;
    }
}

body .xoo-wsc-fly-animating {
    opacity: 1;
    position: absolute !important;
    height: 150px;
    width: 150px;
    z-index: 100;
}

.xoo-wsc-container span.amount {
    font-size: 15px;
}

.xoo-wsc-basket-hidden {
    display: none !important;
}

.xoo-wsc-is-child .xoo-wsc-img-col img {
    max-width: 50px;
    margin-left: 0;
    float: right;
}

.xoo-wsc-is-child .xoo-wsc-total-sales,
.xoo-wsc-is-child .xoo-wsc-remove {
    display: none;
}

.xoo-wsc-product.xoo-wsc-is-child {
    padding-top: 10px;
    padding-bottom: 0;
    display: flex;
    align-items: center;
    border: 0;
}

.xoo-wsc-is-parent {
    padding-bottom: 0;
}

.xoo-wsc-product.xoo-wsc-bundled-child {
    border: 0;
}

.xoo-wsc-img-col img {
    width: 100%;
    height: auto;
}

.xoo-wsc-footer-content.xoo-wsc-processing:after {
    content: " ";
    background-color: #eee;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.5;
}

.xoo-wsc-shptgl-cont {
    display: block;
    clear: both;
    padding: 10px 0;
}

.xoo-wsc-footer ul#shipping_method {
    text-align: left;
    display: table;
    margin: 0 auto;
}

.xoo-wsc-shpactive > *:not(.xoo-wsc-tools),
.xoo-wsc-shpactive .xoo-wsc-tool:not(.xoo-wsc-shipping),
.xoo-wsc-shptgl-cont {
    display: none;
}

.xoo-wsc-shpactive .xoo-wsc-shptgl-cont {
    display: block;
}

.woocommerce-cart a.xoo-wsc-shp-tgle,
.woocommerce-checkout a.xoo-wsc-shp-tgle {
    display: none !important;
}
#toggleButton.showOrderSummary.p-10-15 {
    padding: 10px 10px;
}