@font-face {
    font-family: 'times_new_roman';
    src: url('../fonts/times-webfont.eot');
    src: url('../fonts/times-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/times-webfont.woff2') format('woff2'),
        url('../fonts/times-webfont.woff') format('woff'),
        url('../fonts/times-webfont.ttf') format('truetype'),
        url('../fonts/times-webfont.svg#times_new_romanregular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;

}

:root {
    --primary-font: "Cabin", sans-serif;
    --secondary-font: 'times_new_roman';
    --color-black: rgba(0, 0, 0, 1);
    --color-white: rgba(255, 255, 255, 1);
    --primary-color: #F1835D;
    --clr-1: #121212;
    --clr-2: rgb(255, 246, 240);
    --clr-3: rgb(102, 102, 102);
    --clr-4: rgb(51, 51, 51);
    --clr-5: rgb(18, 18, 18);
    --clr-text: rgb(18, 18, 18, 0.75);
    --text-xs: 0.75rem;
    --text-sm: 1rem;
    --text-md: 1.5rem;
    --text-lg: 2rem;
}

body {
    font-family: var(--primary-font);
    font-weight: 400;
    font-size: 16px;
    font-style: normal;
    line-height: 1.6;
    color: var(--color-black);
    background: var(--color-white);
}

* {
    padding: 0;
    margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--primary-font);
    line-height: 1.2;
    color: var(--color-black);
    letter-spacing: 0.06rem;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin-bottom: 10px;
}

ul,
li,
ol {
    margin-bottom: 0;
    list-style-type: none;
}

a {
    text-decoration: none;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

button,
a {
    transition: all 0.5s;
}

img {
    max-width: 100%;
}

h1 {
    font-size: 36px;
    font-weight: 600;
    color: #343434;
    text-transform: uppercase;
}

h2 {
    font-size: 30px;
    font-weight: 400;
    color: var(--clr-5);
    text-transform: uppercase;
}

h3 {
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
}

h4 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 20px;
}

ul {
    padding: 0;
}

input.form-control:focus {
    box-shadow: none;
    border-color: var(--clr-1);
}

.container.lg {
    max-width: 1900px;
    padding: 0 3rem;
}

/*Pankaj*/

.wcapf-filter-item.empty-item {
  display: none !important;
}

.wc-block-components-sidebar-layout {
    flex-direction: row-reverse;
}

.product-content h4,
.product-content p,
.product-content .price-otr h6 {
    font-size: 13px;
}

.accordion-title {
    cursor: pointer;
    background: #f4f4f4;
    padding: 12px 15px;
    font-weight: bold;
    border: 1px solid #ddd;
}

.product_specification {
    display: none; /* 🔹 hidden by default */
    padding: 15px;
    border: 1px solid #ddd;
    border-top: none;
}

.accordion-title.active {
    background: #ddd;
}
dt.variation-Sizebuttontypebuttonclasssize-chart-btnSizeChartbutton button{
    display: none !important;
}

body.preloader-active {
    overflow: hidden;
}


section.related.products {
    display: none;
}

.similar-product-img {
    width: 35px !important;
    height: 35px !important;
    object-fit: cover;
    /* prevents stretching */
}

div#showSpecSlide {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 8px;
    padding: 5px 10px;
    gap: 5px;
    font-size: 12px;
    position: absolute;
    top: 20px;
    left: 110px;
    z-index: 99;
    cursor: pointer;
}

div#showRelatedPopup {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: max-content;
    position: absolute;
    z-index: 9;
    right: 15px;
    top: 15px;
    font-size: 12px;
    cursor: pointer;
}

.tailor-popup-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 9999;
    justify-content: center;
    align-items: center;
}

.tailor-popup {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    width: 600px;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

.tailor-popup h2 {
    font-weight: 500;
    margin-bottom: 25px;
    text-transform: none;
    font-size: 24px;
    text-align: center;
}

.tailor-popup label {
    display: block;
    margin-bottom: 5px;
    font-weight: 600;
    font-size: 14px;
}

.tailor-form label {
    display: block;
    margin: 10px 0 5px;
    font-weight: 600;
}

.tailor-popup input,
.tailor-popup textarea {
    width: 100%;
    padding: 8px;
    margin-bottom: 10px;
}

.tailor-form .button {
    margin-right: 10px;
}

.spec-slide-panel {
    position: fixed;
    top: 0;
    right: -100%;
    width: 400px;
    height: 100%;
    background: #fff;
    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.2);
    transition: right 0.4s ease;
    z-index: 9999999999;
    overflow-y: auto;
}

.spec-slide-panel.active {
    right: 0;
}

.spec-slide-content {
    padding: 70px 20px;
    position: relative;
}

.spec-slide-close {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 24px;
    cursor: pointer;
}

.specification-details {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    padding: 15px;
}

.specification-details span {
    text-align: left;
}

.specification-details span {
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
}

.specification-details span {
    flex: 1 1 calc(50% - 15px);
    margin-bottom: 15px;
}

.related-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.85);
    justify-content: center;
    align-items: center;
    z-index: 9999999;
}

.related-popup-content {
    background: #fff;
    padding: 30px;
    width: 90%;
    max-width: 1000px;
    position: relative;
    border-radius: 10px;
    overflow-x: hidden;
}

.popup-close {
    position: absolute;
    top: 5px;
    right: 20px;
    font-size: 24px;
    cursor: pointer;
    z-index: 100;
}

#size-chart-popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    display: none;
    z-index: 9999;
    padding: 20px;
    justify-content: center;
    align-items: center;
    /* overflow-y: auto; */
}

.size-chart-content {
    background: #fff;
    width: 95%;
    max-width: 768px;
    margin: 0 auto;
    padding: 30px;
    position: relative;
    border-radius: 8px;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: calc(100vh - 40px);
}

.close-popup {
    position: absolute;
    right: 15px;
    top: 10px;
    cursor: pointer;
    font-size: 20px;
}

.tabs {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
}

.tab-link {
    padding: 8px 15px;
    cursor: pointer;
    border: none;
    background: #eee;
}

.tab-link.active {
    background: #333;
    color: #fff;
}

.tab-content {
    display: none;
}

.tab-content.active {
    display: block;
}

.scrollable-image {
    padding: 5px;
}

.scrollable-image img {
    width: 100%;
    /* makes image responsive */
    height: auto;
    display: block;
}

.ppc-button-wrapper {
    display: none !important;
}

/*----------------------------------------------------*/



.btn,
.mailpoet_submit,#btn-razorpay,#btn-razorpay-cancel {
    border-radius: 0;
    padding: 12px 31px !important;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 15px;
    letter-spacing: 0.1rem;
    font-weight: 400;
    font-family: var(--secondary-font);
    border: 0;
    line-height: 0.8;
    border: 1px solid transparent;
    transition: all 0.5s;
}

.btn.lg {
    padding: 16px 31px !important;
}

.btn:hover,#btn-razorpay,#btn-razorpay-cancel  {
    transform: scale(1.03);
}
#btn-razorpay, #btn-razorpay-cancel {
    margin: 10px 10px 0 0;
}
.mailpoet_submit {
    min-height: 50px;
}

.btn-primary,
.mailpoet_submit,#btn-razorpay,#btn-razorpay-cancel  {
    background: var(--clr-1);
    color: var(--color-white);
}

.btn-secondary {
    background: var(--primary-color);
    color: var(--color-white);
}

.btn-outline {
    background: transparent;
    color: var(--clr-1);
    border-color: var(--clr-1);
}

.btn-outline:hover,
.btn-secondary:hover,
.btn-outline:focus,
.btn-secondary:focus {
    background: var(--clr-1);
    color: var(--color-white);
    border-color: var(--clr-1);
}

.btn-primary:hover,
.mailpoet_submit:hover,
#btn-razorpay:hover,#btn-razorpay-cancel:hover,#btn-razorpay:focus,#btn-razorpay-cancel:focus,
.btn-primary:focus,
.mailpoet_submit:focus {
    box-shadow: none;
    background: var(--primary-color);
    border-color: var(--primary-color);
}

.common-gap {
    padding: 35px 0;
}

.cmmn-hdr {
    margin-bottom: 35px;
}

.cmmn-hdr h6 {
    font-weight: 400;
    color: var(--clr-5);
    font-size: 14px;
}

.cmmn-hdr.wh h2 {
    color: var(--color-white);
}

.text-xs {
    font-size: .75rem;
}
/*
#site-preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
    transition: opacity 0.5s ease, visibility 0.5s ease;
}
#site-preloader.hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.preloader-logo {
    width: 120px;
}
body.preloader-active {
    overflow: hidden;
}
*/
span.xoo-wsc-sc-subt {
    display: none;
}

.xoo-wsc-sc-cont {
    padding-top: 10px !important;
}

.xoo-wsc-basket {
    display: none !important;
}

/* header */
.header {
    box-shadow: 0px 1px 3px 0px rgba(66, 66, 66, .15), 0px 0px 0px 1px rgba(66, 66, 66, .05);
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    background: var(--color-white);
    z-index: 888;
}

.sticky .logo {
    max-width: 100px;
}

.logo {
    display: block;
    max-width: 120px;
    transition: all 0.5s;
}

.header-top {
    background: var(--clr-2);
}

.header-top-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-top p {
    margin-bottom: 0;
    font-size: var(--text-xs);
    color: var(--clr-4);
    font-weight: 400;
}

.header-top p a {
    color: var(--clr-4);
    text-decoration: underline;
}

.header-top p a:hover {
    color: var(--primary-color);
}

.navbar {
    padding: 0;
}

.navbar-nav {
    gap: 1rem;
}

.navbar-nav li a {
    padding: .375rem .5rem;
    font-size: var(--text-xs);
    color: var(--clr-3);
    text-transform: none;
    border-bottom: 2px solid transparent;
    position: relative;
    font-family: var(--secondary-font);
}

.navbar-nav li a:after {
    position: absolute;
    content: '';
    width: 0;
    height: 2px;
    background: var(--clr-1);
    left: 0;
    right: 0;
    transition: all 0.5s;
    bottom: 0;
}

.navbar-nav li a:hover,
.navbar-nav li.active a {
    color: var(--clr-1);
}

.navbar-nav li a:hover:after,
.navbar-nav li.active a:after {
    width: 100%;
}

.header-middle {
    padding: var(--text-sm) 0;
    transition: all 0.5s;
}

.sticky .header-middle {
    padding: 0.5rem 0;
}

.header-middle-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.left-area {
    display: flex;
    align-items: center;
    gap: 2.25rem;
}

.currency-select {
    border: 0;
    background: transparent;
    color: var(--clr-4);
    cursor: pointer;
}

.right-area ul {
    display: flex;
    gap: var(--text-lg);
    align-items: center;
}

.right-area ul li a {
    min-width: 22px;
    max-width: 22px;
    display: inline-block;
    color: var(--color-black);
    font-size: 20px;
}

.right-area ul li:last-child a {
    max-width: 30px;
    min-width: 30px;
}

.search {
    min-width: 500px;
}

.search input {
    border: 0;
    border-bottom: 1px solid rgb(210 210 210);
    padding: .5rem 1rem .5rem 2.2rem;
    font-weight: 300;
    color: var(--clr-4);
    width: 100%;
    background-image: url('../images/search.png');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 20px;
}

.search input:focus {
    box-shadow: none;
    outline: none;
    border-color: var(--color-black);
}

.search input::placeholder {
    color: var(--clr-4);
}

.header-bottom-wrapper ul {
    display: flex;
    justify-content: center;
    text-align: center;
}

.header-bottom-wrapper ul li {
    margin-right: var(--text-md);
}

.header-bottom-wrapper ul li:last-child {
    margin-right: 0;
}

.header-bottom-wrapper ul li a {
    padding: 0.5rem 0;
    display: block;
    font-size: .875rem;
    line-height: 1.25rem;
    color: var(--clr-1);
    position: relative;
    min-width: 80px;
}

.header-bottom-wrapper ul li a:hover {
    color: var(--primary-color);
}

.header-bottom-wrapper ul li a:after {
    position: absolute;
    content: '';
    width: 0;
    height: 2px;
    background: var(--primary-color);
    left: 0;
    right: 0;
    transition: all 0.5s;
    bottom: 0;
    margin: auto;
}

.header-bottom-wrapper ul li a:hover:after {
    width: 100%;
}

.thumb-image {
    width: 50px;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 100%;
    overflow: hidden;
    margin-bottom: 10px;
    transition: all 0.5s;
}

.thumb-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s;
}

.sticky .thumb-image {
    width: 30px;
    height: 30px;
    margin-bottom: 5px;
}

.header-bottom-wrapper ul li a:hover .thumb-image img {
    transform: scale(1.1);
}

.dropdown.hover:hover .dropdown-menu {
    display: block;
}

.dropdown.hover .dropdown-toggle:after {
    display: none;
}

.dropdown-menu {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    border: 0;
    padding: 1.5rem;
    border-radius: 4px;
    width: 300px;
    background: var(--color-white);
    text-align: center;
    margin: auto;
    right: -130px;
    margin-top: 14px;
}

.dropdown-menu:before {
    position: absolute;
    content: '';
    top: -30px;
    left: 0;
    right: 0;
    background: transparent;
    width: 100%;
    height: 30px;

}

.dropdown-menu .btn.lg {
    padding: 16px 15px !important;
}

.dropdown-menu h3 {
    margin-bottom: 0;
    text-transform: none;
}

.dropdown-menu p {
    margin-bottom: 1.5rem;
    color: var(--clr-3);
}

.btn-drowpdown {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.btn-drowpdown .btn {
    width: 100%;
}

.chev-up {
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #fff;
    font-size: 0;
    line-height: 0;
    display: inline-block;
    position: absolute;
    top: -12px;
}

/* banner */
.ban-slide img {
    width: 100%;
}

.banner-slider .slick-dots {
    position: absolute;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 30px;
    gap: 20px;
}

.banner-slider .slick-dots li button {
    border: 2px solid RGBA(255, 255, 255, 0.6);
    border-radius: 100%;
    width: 10px;
    height: 10px;
    margin: 4px;
    background: transparent;
    font-size: 0;
    transition: all 0.5s;
}

.banner-slider .slick-dots li.slick-active button {
    border-color: var(--color-white);
}

/* product sec */
.cmn-slider .slick-list {
    margin: 0 -2px;
}

.cmn-slider .slick-slide {
    padding: 0 2px;
}

.product-img {
    overflow: hidden;
    display: block;
    margin-bottom: 15px;
    position: relative;
    aspect-ratio: 16 / 25;
}

.tag-top {
    position: absolute;
    background: rgb(208 158 59);
    display: inline-block;
    position: absolute;
    top: 12px;
    left: 0;
    text-transform: uppercase;
    color: #fff;
    font-size: 8px;
    font-weight: 700;
    z-index: 1;
    padding: 0px 0 0 3px;
    line-height: 12px;
    z-index: 1;
}

.tag-bottom {
    background: rgba(255, 60, 60);
    font-size: 12px;
    letter-spacing: .1rem;
    line-height: 1;
    padding: 5px 13px 6px;
    border-radius: 0;
    position: absolute;
    left: 15px;
    bottom: 15px;
    font-family: var(--secondary-font);
    text-transform: uppercase;
    font-weight: 400;
    z-index: 1;
}

.video-frame {
    display: none;
    /* hidden by default */
    width: 100%;
    margin-top: 10px;
}

.video-frame iframe {
    width: 100%;
    height: 500px;
    /* adjust as needed */
    border: 0;
}

.tag-top:after {
    content: "";
    position: absolute;
    border-color: rgb(171 153 75) transparent rgb(171 153 75) rgb(208 158 59);
    border-style: solid;
    border-width: 6px;
    left: 100%;
    width: 0;
    height: 0;
    top: 0;
}

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

.product-content h4 {
    margin-bottom: 15px;
}

.product-content h4 a,
.product-content p a {
    color: var(--color-black);
}

.slick-prev,
.slick-next {
    position: absolute;
    top: 45%;
    transform: translateY(-55%);
    border: 0;
    background: var(--color-white);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    z-index: 1;
    width: 30px;
    height: 30px;
}

.slick-prev:hover,
.slick-next:hover {
    background: var(--primary-color);
}

.slick-prev:hover img,
.slick-next:hover img {
    filter: brightness(100);
}

.slick-prev img,
.slick-next img {
    width: 10px;
}

.slick-prev {
    left: 15px;
}

.slick-next {
    right: 15px;
}

.hover-image {
    display: none !important;
}

.product-img:hover .hover-image {
    display: block !important;
}

.product-img:hover .main-image {
    display: none !important;
}

.product-slider-5 .product-content {
    text-align: left;
}

.product-slider-5 .product-content h4 {
    font-weight: 400;
    font-size: 13px;
    margin-bottom: 0;
}

.product-slider-5 .product-content p a:hover {
    text-decoration: underline;
}

.product-slider-5 .product-content p {
    font-size: 13px;
}

.price-otr h6 {
    font-size: 16px;
    letter-spacing: .1rem;
    color: var(--clr-5);
    margin-bottom: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    font-family: var(--secondary-font);
}

.price-otr h6 del {
    color: var(--clr-text);
    font-size: 13px;
}

.product-box {
    position: relative;
}

.wishlist-icon {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    transition: all 0.5s;
    border: 0;
    padding: 0;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.wishlist-icon .solid {
    display: none;
}

.wishlist-icon.active .solid {
    display: block;
}

.wishlist-icon.active .outline {
    display: none;
}

.wishlist-icon img {
    width: 20px;
}

.wishlist-icon:hover {
    background: rgba(0, 0, 0, 0.05);
}

/* custom made sec */
.custom-banner-box img {
    width: 100%;
}

.custom-made-img {
    display: block;
    margin-bottom: 15px;
}

.custom-made-img img {
    width: 100%;
}

.custom-made-content h6,
.custom-made-content h6 a {
    color: #9a9a9a;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 1px;
    font-size: 12px;
    margin-bottom: 4px;
    font-family: var(--secondary-font);
}

.custom-made-content p,
.custom-made-content p a {
    color: var(--color-black);
    margin-bottom: 0;
    font-size: 16px;
    color: black;
    font-weight: 100;
    letter-spacing: 1px;
}

.custom-made-content p a:hover,
.custom-made-content h6 a:hover {
    text-decoration: underline;
}

.custom-made-innr {
    margin-top: 50px;
}

.custom-made-innr:first-child {
    margin-top: 0;
}

/* label sec */
.label-sec {
    background: #FFF3EE;
    padding: 50px 0;
}

.label-img {
    position: relative;
}

.label-img img {
    width: 100%;
    transition: all 0.5s;
}

.label-img img:hover {
    transform: scale(1.05);
}

.label-img .big-img {
    width: 80%;
    margin-left: auto;
}

.small-img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 40%;
}

.label-content h1 {
    margin-bottom: 30px;
}

.label-content p {
    font-size: 16px;
    color: #343434;
    margin: 0;
    line-height: 24px;
    margin-bottom: 7rem;
    font-family: var(--secondary-font);
    max-width: 500px;
}

.label-content .btn {
    letter-spacing: 0;
    text-transform: uppercase;
}

/* logos */
.logos-slide ul li {
    font-size: 28px;
    color: var(--color-black);
    letter-spacing: 5px;
    font-weight: 100;
    margin-bottom: 0;
    padding: 0 30px;
    border-right: 1px solid #000000;
    line-height: 1;
    display: inline-block;
}

.logos-slide {
    overflow: hidden;
    white-space: nowrap;
    position: relative;
}

.logos-slide ul {
    display: inline-flex;
    animation: 25s slide infinite linear;
}

@keyframes slide {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

/* testimonial-sec */
.testimonial-sec {
    background: linear-gradient(180deg, rgb(206 186 154) 0%, rgb(213 206 206) 100%);
}

.testimonial-sec.common-gap {
    padding-top: 50px;
}

.testimonial-slider {
    padding-bottom: 80px;
}

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

.cli-inner-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
    color: #FFB74A;
    gap: 2px;
}

.testimonial-slide p {
    color: var(--color-white);
    font-size: 18px;
    font-weight: 700;
    line-height: 32px;
    font-family: var(--secondary-font);
    margin-bottom: 30px;
    max-width: 880px;
    margin-left: auto;
    margin-right: auto;
}

.testi-img {
    width: 160px;
    height: 160px;
    border-radius: 100%;
    overflow: hidden;
    margin: auto;
}

.testi-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.testimonial-slider .slick-prev,
.testimonial-slider .slick-next {
    top: auto;
    transform: none;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    opacity: .75;
    font-family: 'slick';
    background: transparent;
    color: var(--color-white);
    font-size: 35px;
}

.testimonial-slider .slick-prev {
    left: -200px;
}

.testimonial-slider .slick-prev:hover,
.testimonial-slider .slick-next:hover {
    opacity: 1;
}

.testimonial-slider .slick-next {
    right: -200px;
}

.testimonial-slider .slick-prev:before {
    content: '←';
}

.testimonial-slider .slick-next:before {
    content: '→';
}

/* media-sec */
.media-sec .logos-slide li {
    border: 0;
    width: 250px;
    padding: 0 50px;
}

.media-sec .logos-slide li img {
    width: 100%;
}

/* faq sec */
.faq-otr {
    max-width: 704px;
    margin-left: auto;
    margin-right: auto;
}

.accordion {
    border-top: 1px solid rgba(18, 18, 18, .08);
}

.faq-otr .card {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid rgba(18, 18, 18, .08);
}

.faq-otr .card-header {
    background-color: transparent;
    border-bottom: 0;
    padding: 0;
}

.faq-otr .card-header a {
    font-size: 15px;
    color: var(--clr-5);
    letter-spacing: 0.06rem;
    padding: 15px 5px;
    display: block;
    position: relative;
    padding-right: 30px;
}

.acc-arrow {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    max-width: 10px;
    min-width: 10px;
    display: block;
}

.arrow-down {
    display: none;
}

.faq-otr .card-header a.collapsed .arrow-up {
    display: none;
}

.faq-otr .card-header a.collapsed .arrow-down {
    display: block;
}

.faq-otr .card-header a:hover {
    background: rgba(18, 18, 18, 0.04);
    text-decoration: underline;
}

.faq-otr .card-body {
    padding: 0 0.6rem 15px;
}

.faq-otr .card-body p {
    color: var(--clr-text);
    font-family: var(--secondary-font);
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1.2;
}

.faq-otr .card-body p span {
    text-decoration: underline;
}

/* newsletter-form */
.newsletter-form {
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
}

.newsletter-form .form-control {
    height: 45px;
    border-radius: 0;
    width: 100%;
    border: 1px solid var(--clr-text);
}

.newsletter-form label {
    letter-spacing: .04rem;
    color: var(--clr-5);
    font-size: 16px;
    padding: 0.5rem 1rem;
    padding-right: 5rem;
    font-family: var(--secondary-font);
}

.form-wrapper {
    position: relative;
}

.form-wrapper button {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    padding: 0;
    border: 0;
    background: transparent;
}

.newsletter-sec p {
    font-family: var(--secondary-font);
    max-width: 450px;
    color: var(--clr-text);
    font-size: 16px;
    line-height: 1.2;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
}

/* footer */
.footer-top {
    border-top: 1px solid rgba(18, 18, 18, .08);
    border-bottom: 1px solid rgba(18, 18, 18, .08);
}

.payment-icon li img {
    max-width: 38px;
    height: 22px;
}

.ft-logo {
    max-width: 150px;
    margin-bottom: 1.5rem;
}

.ft-hdr {
    letter-spacing: .06rem;
    font-weight: 400;
    font-size: 18px;
    color: var(--clr-5);
    margin-bottom: 1.5rem;
}

.ft-para {
    font-family: var(--secondary-font);
    font-size: 16px;
    line-height: 1.3;
    color: var(--clr-text);
    margin-bottom: 11px;
}

.social-menu {
    display: flex;
    gap: 0.8rem;
    align-items: center;
}

.social-menu li a {
    display: block;
    font-size: 24px;
    transition: all 0.3s;
}

.social-menu li a.facebook {
    color: #196fea;
}

.social-menu li a.instagram {
    color: #f53396;
}

.social-menu li a.youtube {
    color: #ea0001;
}

.social-menu li a.pinterest {
    color: #f1123e;
}

.social-menu li a.linkedin {
    color: #147bb6;
}

.social-menu li a.threads {
    color: #0a0116;
}

.social-menu li a.snapchat {
    color: #f7ea0f;
}

.social-menu li a.twitter {
    color: #0c0018;
}

.social-menu li a img {
    max-width: 34px;
    min-width: 34px;
    display: block;
}

.social-menu li a:hover {
    transform: scale(1.06);
}

.ft-menu li {
    margin-bottom: 0.5rem;
}

.ft-menu li:last-child {
    margin-bottom: 0;
}

.ft-menu li a {
    font-size: 14px;
    text-transform: uppercase;
    color: var(--clr-text);
    font-family: var(--secondary-font);
}

.ft-menu li a:hover {
    text-decoration: underline;
    color: var(--clr-5);
}

.payment-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    gap: 0.5rem;
}

.bottom-list {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
}

.bottom-list ul {
    display: flex;
    flex-wrap: wrap;
}

.bottom-list ul li {
    padding-right: 10px;
    margin-right: 10px;
    position: relative;
}

.bottom-list ul li:last-child {
    padding-right: 0;
    margin-right: 0;
}

.bottom-list ul li:last-child:after {
    display: none;
}

.bottom-list ul li:after {
    position: absolute;
    content: "\b7";
    right: 0;
    top: 2px;
}

.bottom-list ul li a {
    font-size: 11px;
    color: var(--clr-text);
    font-family: var(--secondary-font);
    letter-spacing: .07rem;
}

.copiright {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    gap: 3px;
    font-size: 11px;
    color: var(--clr-text);
    font-family: var(--secondary-font);
    letter-spacing: .07rem;
    padding-top: 1px;
}

.copiright a {
    color: var(--clr-text);
}

.copiright a:hover,
.bottom-list ul li a:hover {
    color: var(--primary-color);
}

.mobile-image {
    display: none !important;
}

/* sticky-bottom */
.sticky-bottom {
    position: fixed;
    left: 1px;
    right: 1px;
    bottom: 0;
    padding: 20px 30px;
    background: #ECECEC;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    display: none;
    z-index: 7;
}

.sticky-bottom ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sticky-bottom ul li a {
    max-width: 25px;
    display: inline-block;
}

.navbar-toggler {
    display: none;
}

.active-icon {
    display: none;
}

.about-outr {
    max-width: 72.6rem;
}

/* about sec */
/* .cmn-outr {
    max-width:726px;
    margin-left: auto;
    margin-right: auto;
} */
.main-hdr {
    font-size: 40px;
    font-weight: 400;
    margin-bottom: 2.5rem;
    text-transform: none;
    color: var(--clr-5);
}

.cmn-outr p,
.cmn-outr h5 {
    font-size: 16px;
    font-family: var(--secondary-font);
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 0;
    color: var(--clr-text);
}

/* contact sec */
.contact-form .btn {
    min-width: 122px;
}

.form-group {
    margin-bottom: 1.5rem;
}

.form-group .form-control {
    height: 45px;
    padding: 5px 15px;
    font-size: 14px;
    border-radius: 0;
    border: 1px solid rgba(18, 18, 18, 0.55);
}

.form-group textarea.form-control {
    height: 100px;
}

.form-group label {
    padding: 8px 15px;
    font-size: 16px;
    font-family: var(--secondary-font);
    letter-spacing: .04rem;
    color: var(--clr-text);
}

.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
    opacity: 1;
}

.form-control:focus {
    box-shadow: none;
}

/* search-sec */
.search-sec button {
    width: 24px;
}

.search-otr {
    padding: 40px 0;
}

.search-otr h3 {
    font-weight: 400;
    text-transform: none;
}

/* privacy policy sec */
.cmn-outr-2 {
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
}

.cmn-outr-2 p {
    font-family: var(--secondary-font);
    font-size: 16px;
    color: var(--clr-text);
    line-height: 1.2;
    margin-bottom: 1rem;
}

.cmn-outr-2 p a {
    text-decoration: underline;
}

.cmn-outr-2 table {
    width: 100%;
    border: 1px solid rgba(18, 18, 18, 0.55);
}

.cmn-outr-2 table tr td,
.cmn-outr-2 table tr th {
    font-family: var(--secondary-font);
    font-size: 16px;
    color: var(--clr-text);
    line-height: 1.2;
    padding: 1.5rem;
}

/* offer sec */
.offer-box {
    background: #FFF3EE;
    padding: 20px 0;
    text-align: center;
}

@keyframes slide-left {

    0%,
    100% {
        color: #FFD700;
        text-shadow: 0 0 10px #ff3c3c, 0 0 20px #ff3c3c;
    }

    50% {
        color: #ff3c3c;
        text-shadow: 0 0 20px #fff, 0 0 30px #fff;
    }
}

.offer-box h3 {
    margin-bottom: 5px;
}

.offer-box p {
    margin-bottom: 0;
}

.offer-hdr {
    padding: 0 15px 15px;
    border-bottom: 2px solid #000;
    margin-bottom: 20px;
}

.offer-box a {
    color: var(--color-black);
    text-decoration: underline;
}

.offer-box a:hover {
    opacity: 0.7;
}

.offer-content {
    padding: 0 15px;
    overflow: hidden;
}

.offer-content h6 {
    animation: slide-left 10s linear infinite;
    /* white-space: nowrap; */
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.offer-content h6 a {
    background: #000;
    color: #fff;
    padding: 3px 6px;
    border-radius: 5px;
    display: inline-block;
    text-decoration: none;
    font-size: 12px;
}

.offer-content h6:hover {
    animation-play-state: paused;
}

/* shop page */
.shop-hdr {
    margin-bottom: 20px;
}

.shop-hdr h3 {
    font-weight: 400;
    margin-bottom: 20px;
}

.shop-logo {
    max-width: 182px;
    min-width: 182px;
    display: block;
    margin-bottom: 20px;
}

.shop-hdr p {
    font-family: var(--secondary-font);
    font-size: 14px;
    color: var(--clr-text);
    text-align: justify;
    margin-bottom: 0;
    line-height: 1.4;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.shop-hdr p.show {
    -webkit-line-clamp: unset;
}

.read-more {
    cursor: pointer;
    font-weight: 700;
    font-family: var(--secondary-font);
    font-size: 14px;
    color: var(--clr-text);
    line-height: 1.4;
}

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

.w-21 {
    width: 21%;
}

.w-79 {
    width: 79%;
}

.filter img {
    width: 100%;
}

.filter-wrapper h5 {
    font-size: 15px;
    margin-bottom: 15px;
    letter-spacing: .04rem;
    padding-bottom: 15px;
    color: rgba(18, 18, 18, 0.85);
    border-bottom: 1px solid rgba(18, 18, 18, .08);
}

.shop-right .product-img {
    aspect-ratio: 16 / 25;
}

.shop-right .product-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.shop-right .product-img:hover .main-image {
    display: block !important;
}

.shop-right .product-content h4 {
    font-weight: 400;
    margin-bottom: 0;
}

.shop-right .product-box:hover .main-image {
    transform: scale(1.05);
}

.shop-right .product-box .main-image {
    overflow: hidden;
    transition: all 0.5s;
}

.shop-right .product-box:hover .product-content p a {
    text-decoration: underline;
}

.delivery-tag {
    font-size: 12px;
    background: #90dbac;
    padding: 3px 7px;
    width: fit-content;
    margin-top: 7px;
    color: var(--clr-5);
    font-family: var(--secondary-font);

    display: inline-block;
    margin-right: 6px;
    border-radius: 4px;
}

.sort-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 20px;
    gap: 35px;
}

.sort-wrapper p {
    letter-spacing: .06rem;
    font-size: 14px;
    margin-bottom: 0;
    color: var(--clr-text);
}

.sort-by {
    display: flex;
    align-items: center;
    gap: 20px;
}

.sort-by h6 {
    font-family: var(--primary-font);
    font-size: 14px;
    color: rgba(18, 18, 18, 0.85);
    margin-bottom: 0;
    letter-spacing: .04rem;
}

.sort-by select {
    background: transparent;
    padding: 0;
    font-size: 14px;
    color: var(--clr-text);
    border: 0;
    cursor: pointer;
}

.pagination {
    margin-top: 70px;
    gap: 30px;
    justify-content: center;
    flex-wrap: wrap;
}
.pagination li .fa-arrow-left {
  --fa: "\f104";
}
.pagination li .fa-arrow-right {
    --fa: "\f105";
}

.pagination li a.page-numbers,
.pagination li span.page-numbers {
    padding: 0;
    display: inline-block;
    border: 0;
    border-bottom: 2px solid transparent;
    color: var(--clr-5);
    font-family: var(--secondary-font);
    font-size: 14px;
    border-radius: 0;
    min-width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    min-height: 25px;
    background: transparent !important;
}

.pagination li a.page-numbers.current,
.pagination li a.page-numbers:hover,
.pagination li span.page-numbers.current,
.pagination li span.page-numbers:hover {
    color: var(--clr-5);
    background-color: transparent;
    border-color: var(--clr-5);
}

.pagination li a.page-numbers.next.current,
.pagination li a.page-numbers.next:hover {
    border-color: transparent;
}

.page-item:first-child .page-link {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.desktop-none {
    display: none;
}

.product-content p {
    text-overflow: ellipsis;
    width: 90%;
    overflow: hidden;
    text-wrap: nowrap;
}

.filter-content {
    border-left: 0;
    transform: none;
    position: static;
    visibility: visible;
    width: 100%;
}

/* contact information */
.contact-map {
    height: 400px;
    width: 100%;
}

.contact-map iframe {
    width: 100%;
    height: 100%;
}

.contact-info li {
    margin-bottom: 10px;
    font-size: 16px;
    color: var(--clr-text);
    font-family: var(--secondary-font);
    display: flex;
    align-items: center;
    gap: 20px;
}

.contact-info li:last-child {
    margin-bottom: 0;
}

.contact-info li em {
    width: 40px;
    height: 40px;
    min-width: 40px;
    border-radius: 100%;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 12-9-2025 */
#mega-menu-wrap-primary {
    background: transparent;
}

#mega-menu-wrap-primary #mega-menu-primary {
    display: flex;
    justify-content: center;
    text-align: center;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item {
    margin-right: var(--text-md);
    background: transparent !important;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item:last-child {
    margin-right: 0;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
    padding: 0.5rem 0;
    display: block;
    font-size: .875rem;
    line-height: 1.25rem;
    color: var(--clr-1) !important;
    position: relative;
    min-width: 80px;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:hover {
    color: var(--primary-color) !important;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:after {
    position: absolute;
    content: '';
    width: 0;
    height: 2px;
    background: var(--primary-color);
    left: 0;
    right: 0;
    transition: all 0.5s;
    bottom: 0;
    margin: auto;
    display: block !important;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:hover:after {
    width: 100%;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:before {
    border-radius: 100%;
    margin: 0 auto 10px !important;
    transition: all 0.5s;
    background-size: cover !important;
    width: 60px !important;
    height: 60px!important;
}

.sticky #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:before {
    width: 50px !important;
    height: 50px !important;
    margin-bottom: 5px !important;
    min-width: 50px !important;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:hover,
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:focus {
    background: transparent !important;
}

/* #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
    display: block;
    margin: 0;
} */
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link {
    background: transparent !important;
    color: var(--primary-color) !important;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link:after,
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link:after,
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link:after {
    width: 100%;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator {
    margin: 0 !important;
}

.woocommerce-currency-switcher {
    border: 0;
    background: transparent;
    color: var(--clr-4);
    cursor: pointer;
}

.xoo-wsc-sc-bki {
    font-size: 22px;
    color: #181818;
}

.media-sec .logos-slide ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.media-sec .logos-slide ul li a img {
    height: 80px;
    object-fit: contain;
}

/* admin */
.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn,
.xoo-wsc-container .xoo-wsc-btn {
    background: var(--clr-1);
    color: var(--color-white);
    border: 2px solid var(--color-1);
    border-radius: 0;
    letter-spacing: 0.1rem;
}

.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn:hover,
.xoo-wsc-container .xoo-wsc-btn:hover {
    color: #fff;
    background: var(--primary-color);
    border-color: var(--primary-color);
}

.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn:hover span,
.xoo-wsc-container .xoo-wsc-btn:hover span {
    color: #fff;
}

.woocommerce-privacy-policy-text {
    margin-bottom: 15px;
}

.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
    margin: 1rem 0 0;
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border: 0;
    min-height: 389px;
}

.woocommerce form .form-row label {
    font-size: 14px;
    font-weight: 500;
    color: var(--clr-5);
    margin-bottom: 5px;
}

.wc-block-components-textarea {
    border-radius: 0 !important;
    border: 1px solid rgba(18, 18, 18, 0.55) !important;
    color: #181818;
}

.wc-block-components-validation-error p {
    color: #cc1818;
}

.wc-block-components-form .wc-block-components-text-input.has-error label,
.wc-block-components-text-input.has-error label {
    color: #181818 !important;
}

.woocommerce form .form-row label.woocommerce-form__label-for-checkbox {
    margin-bottom: 0;
    padding-top: 9px;
}

.woocommerce-MyAccount-content p {
    margin-bottom: 10px;
}

.woocommerce form .form-row .input-text,
.woocommerce form .form-row select {
    height: 45px;
    padding: 5px 15px;
    border-radius: 0;
    border: 1px solid rgba(18, 18, 18, 0.55);
    background: transparent;
    font-weight: 400;
    color: #212529;
    font-size: 14px;
    width: 100%;
}

.wc-block-components-checkout-step__description {
    margin-bottom: 15px !important;
}

.wp-block-woocommerce-checkout .wc-block-checkout__guest-checkout-notice {
    font-size: 14px;
}

.woocommerce form .form-row input::placeholder {
    color: #6c757d;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button {
    background: var(--clr-1);
    color: var(--color-white);
    border-radius: 0;
    padding: 12px 31px;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 0.1rem;
    font-family: var(--secondary-font);
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:hover {
    color: #fff;
    background: var(--primary-color);
    border-color: var(--primary-color);
}

.woocommerce-privacy-policy-text p a,
.lost_password a {
    color: var(--clr-5);
}

.woocommerce-privacy-policy-text p a:hover,
.lost_password a:hover {
    color: var(--primary-color);
}

.linear-back.back-100:after {
    background-size: 100% 100%;
    top: -60%;
}

.wc-block-components-sidebar-layout .wc-block-components-main,
.wc-block-components-sidebar {
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding: 20px;
    border-radius: 10px;
    padding-right: 20px !important;
}

.wc-block-components-sidebar-layout .wc-block-components-main {
    width: 62% !important;
}

.wc-block-components-sidebar-layout {
    justify-content: space-between;
}

.wc-block-components-sidebar-layout .wc-block-components-main .wc-block-components-product-name {
    color: var(--color-3);
    font-family: var(--primary-font);
    font-size: 18px;
}

.wc-block-components-sidebar-layout .wc-block-components-main .wc-block-components-product-name:hover {
    color: var(--color-1);
}

.wc-block-components-button {
    background: var(--clr-1);
    color: var(--color-white);
    border-radius: 0;
    font-weight: 400;
    font-size: 15px;
    font-family: var(--secondary-font);
    border-color: var(--clr-1);
    border: 0;
    letter-spacing: 0.1rem;
}

.wc-block-components-button:hover {
    color: #fff;
    background: var(--primary-color);
    border-color: var(--primary-color);
}

.wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
    font-weight: 600;
}

.wc-block-components-form .wc-block-components-text-input input[type="email"],
.wc-block-components-form .wc-block-components-text-input input[type="number"],
.wc-block-components-form .wc-block-components-text-input input[type="password"],
.wc-block-components-form .wc-block-components-text-input input[type="tel"],
.wc-block-components-form .wc-block-components-text-input input[type="text"],
.wc-block-components-form .wc-block-components-text-input input[type="url"],
.wc-block-components-text-input input[type="email"],
.wc-block-components-text-input input[type="number"],
.wc-block-components-text-input input[type="password"],
.wc-block-components-text-input input[type="tel"],
.wc-block-components-text-input input[type="text"],
.wc-block-components-text-input input[type="url"] {
    height: 50px !important;
    border-radius: 0 !important;
    border: 1px solid rgba(18, 18, 18, 0.55) !important;
    background: transparent;
    padding: 0 15px !important;
    background-color: transparent !important;
}

.wc-block-components-form .wc-block-components-text-input label,
.wc-block-components-text-input label {
    padding: 0 15px;
    font-weight: 400;
    color: #212529;
    font-size: 14px;
    font-family: var(--secondary-font);
}

.wc-block-cart-item__image a {
    display: block;
    border: 2px solid var(--clr-1);
}

.wp-block-woocommerce-checkout-order-summary-block {
    border: 0 !important;
}

.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title .wc-block-components-checkout-order-summary__title-text {
    margin: 0;
}

.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-order-summary {
    padding: 0;
}

.wc-block-components-sidebar .slot-wrapper .wc-block-components-panel,
.wc-block-components-sidebar .wc-block-components-panel,
.wc-block-components-sidebar .wc-block-components-totals-coupon,
.wc-block-components-sidebar .wc-block-components-totals-item {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title .wc-block-components-checkout-order-summary__title-text {
    margin: 0 !important;
    padding-bottom: 8px;
    border-bottom: 1px solid #ddd;
    text-transform: uppercase;
    font-size: .75em;
    font-weight: 700 !important;
}

.wc-block-components-order-summary .wc-block-components-order-summary-item__image>img {
    border: 1px solid var(--clr-5);
}

h2.wc-block-components-title.wc-block-components-title {
    font-size: 24px;
}

.wc-block-checkout__terms.wc-block-checkout__terms--with-separator a,
.wc-block-components-checkout-return-to-cart-button {
    color: var(--clr-5);
}

.wc-block-checkout__terms.wc-block-checkout__terms--with-separator a:hover,
.wc-block-components-checkout-return-to-cart-button:hover {
    color: var(--primary-color);
}

.wc-blocks-components-select .select-styled:after,
.wc-blocks-components-select .select-styled:before {
    display: none;
}

.wc-blocks-components-select .wc-blocks-components-select__label {
    display: none;
}

.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted,
.wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted {
    box-shadow: inset 0 0 0 1.5px var(--primary-color) !important;
}

.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted,
.wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted {
    box-shadow: inset 0 0 0 1.5px var(--primary-color) !important;
}

.wc-blocks-components-select .wc-blocks-components-select__container {
    background-color: transparent !important;
}

/* .woocommerce-account .woocommerce {
  display: flex;
  gap: 20px; 
} */
.woocommerce ul.order_details.woocommerce-thankyou-order-details,
.woocommerce ul.order_details.bacs_details,
.woocommerce table.shop_table {
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding: 15px;
    border-radius: 5px;
}

.woocommerce table.shop_table tr td.product-name a {
    color: var(--color-3);
}

.woocommerce table.shop_table th {
    font-weight: 600;
}

.woocommerce .woocommerce-customer-details address {
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding: 15px;
    border-radius: 5px;
    border: 0;
    min-height: 170px;
}

.wp-block-button__link {
    height: auto;
    background: var(--clr-5);
    font-weight: 500;
    font-size: 16px;
    font-family: var(--secondary-font);
}

.wp-block-button__link:hover {
    background: var(--color-3);
    border-color: var(--color-3);
    color: #fff;
}

.edit-post-visual-editor .editor-block-list__block .wc-block-grid__product-title,
.editor-styles-wrapper .wc-block-grid__product-title,
.wc-block-grid__product-title {
    font-family: var(--primary-font) !important;
    font-weight: 400 !important;
    color: var(--color-black) !important;
    font-size: 24px !important;
}

.wc-block-grid__product .wc-block-grid__product-image {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 52.4%, #DDEEE8 100%);
    height: 336px;
    overflow: hidden;
    border-radius: 30px;
    margin-bottom: 16px;
}

.wc-block-grid__products .wc-block-grid__product-image img {
    height: 100% !important;
    object-fit: cover;
}

.wpcf7-not-valid-tip {
    font-size: 13px;
}

.woocommerce-MyAccount-navigation {
    width: 250px;
    background: #fff;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.woocommerce-MyAccount-navigation li {
    margin-bottom: 12px;
}

.woocommerce-MyAccount-navigation a {
    display: block;
    padding: 10px 15px;
    color: var(--clr-5);
    font-weight: 500;
    text-decoration: none;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.woocommerce-MyAccount-navigation a:hover,
.woocommerce-MyAccount-navigation .is-active a {
    background: var(--primary-color);
    color: #fff;
}

/* Main Content */
.woocommerce-MyAccount-content a {
    color: var(--clr-5);
    font-weight: 500;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border 0.3s ease;
}

.woocommerce-MyAccount-content a:hover {
    border-bottom: 1px solid var(--color-1);
}

/* Each address box */
.woocommerce-Address {
    flex: 1;
    min-width: 320px;
    background: #fff;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.woocommerce-Address:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
}

/* Headings */
.woocommerce-Address-title h3 {
    font-size: 20px;
    margin-bottom: 15px;
    color: var(--primary-color);
    border-bottom: 2px solid #e5e5e5;
    padding-bottom: 8px;
}

/* Address text */
.woocommerce-Address address {
    font-style: normal;
    line-height: 1.6;
    font-size: 15px;
    color: #444;
}

/* Edit links */
.woocommerce-Address .edit {
    display: inline-block;
    margin-top: 12px;
    font-size: 14px;
    font-weight: 500;
    color: var(--primary-color);
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border 0.3s ease;
}

.woocommerce-Address .edit:hover {
    border-bottom: 1px solid var(--primary-color);
}

.woocommerce-account .addresses .title .edit {
    float: none;
    margin-bottom: 20px;
}

.woocommerce table.my_account_orders .button {
    padding: 8px 25px;
    font-size: 14px;
}

.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions {
    display: flex;
    gap: 10px;
}

.woocommerce-info::before {
    color: var(--primary-color);
}

.woocommerce-info {
    border-top-color: var(--primary-color);
}

.woocommerce table.my_account_orders td,
.woocommerce table.my_account_orders th {
    padding: 10px 8px;
}

.woocommerce-account .woocommerce-EditAccountForm.edit-account {
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 20px;
}

.single_add_to_cart_button.loading::after {
    top: 16px !important;
}

.btn-wrap p {
    position: relative;
    display: inline-block;
    margin-bottom: 0;
}

.btn-wrap p .wpcf7-spinner {
    position: absolute;
    top: 12px;
    right: 0px;
    width: 20px;
    height: 20px;
    background-color: #bdc4ca;
}

.btn-wrap p .wpcf7-spinner::before {
    opacity: 0.6;
}

.wc-block-components-form .wc-block-components-checkout-step__content .wc-block-components-text-input,
.wc-block-components-checkout-step__content .wc-block-components-text-input {
    display: flex;
    flex-direction: column-reverse;
}

.wc-block-components-form .wc-block-components-checkout-step__content .wc-block-components-text-input label {
    position: static;
    display: block;
    transform: none !important;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    color: var(--clr-5);
    margin-bottom: 10px;
    font-family: var(--secondary-font);
}

.wc-block-components-address-form__state.wc-block-components-state-input {
    display: flex;
    align-items: flex-end;
}

#add_payment_method #payment {
    background: rgba(255, 255, 255, 0.1);
}

#add_payment_method #payment div.payment_box {
    background-color: transparent;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:hover {
    background-color: var(--primary-color);
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt {
    background-color: var(--primary-color);
}

#add_payment_method #payment div.payment_box::before {
    display: none;
}

.woocommerce-MyAccount-content .select {
    padding-right: 30px;
}

.woocommerce-MyAccount-content .select-styled:after,
.woocommerce-MyAccount-content .select-styled:before {
    display: none;
}

.woocommerce-MyAccount-content .select2-selection__rendered {
    display: none !important;
}

.woocommerce-MyAccount-content .select2-container .select2-selection {
    border: 0 !important;
}

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
    background-color: rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.woocommerce-MyAccount-content form {
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 20px;
}

.wp-block-woocommerce-checkout .wc-blocks-components-select .wc-blocks-components-select__select {
    padding: 0 15px;
    border-radius: 0;
    font-size: 14px;
    border: 1px solid rgba(18, 18, 18, 0.55);
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
    background-color: var(--primary-color);
    color: #fff;
}

.select2-container {
    width: 100% !important;
}

.woocommerce-MyAccount-content .select2-container .select2-selection--single {
    height: 50px;
    padding: 5px 15px;
    border-radius: 0 !important;
    border: 1px solid rgba(18, 18, 18, 0.55) !important;
    box-shadow: none;
    transition: border-color 0.2s ease;
    display: flex;
    align-items: center;
}

.select2-container .select2-selection--single:focus,
.select2-container--default .select2-selection--single:focus {
    border-color: var(--primary-color);
    outline: none;
}

.woocommerce-MyAccount-content .select2-selection__rendered {
    display: block !important;
}

.select2-container .select2-selection__rendered {
    color: #333;
    line-height: normal;
}

.select2-container .select2-selection__arrow {
    height: 100%;
    right: 10px;
}

#account_display_name_description {
    padding-top: 5px;
    display: block;
}

/* end admin */
.header-top {
    display: none;
}

.sub-menu {
    background: #FADBD0;
    padding: 10px;
    display: none;
}

.show-content .sub-menu {
    display: block;
}

.sub-menu li a {
    font-size: 14px !important;
}

/* 21-9-2025 */
.woocommerce .sort-wrapper .woocommerce-ordering {
    margin: 0;
}

.woocommerce .sort-wrapper .woocommerce-ordering select {
    vertical-align: middle;
}

.filter h4 {
    font-size: 14px !important;
    color: rgba(18, 18, 18, 0.75);
    font-family: var(--secondary-font);
    font-weight: 400 !important;
    text-transform: none;
    transition: all 0.5s;
}

.filter h4:hover {
    text-decoration: underline;
    color: var(--clr-5);
}

.filter .wcapf-filter:first-child {
    padding-top: 0;
}

.filter .wcapf-filter {
    padding: 15px 0;
    border-bottom: 1px solid rgba(18, 18, 18, 0.1);
    margin: 0;
}

.filter .wcapf-filter:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.wcapf-filter .wcapf-list-wrapper ul.wcapf-filter-options li.wcapf-filter-option label {
    text-transform: uppercase !important;
    font-size: 14px !important;
    color: rgb(18, 18, 18) !important;
    font-family: var(--secondary-font) !important;
}

.wcapf-filter .wcapf-list-wrapper.layout-list ul.wcapf-filter-options li.wcapf-filter-option {
    margin-bottom: 15px !important;
}

.wcapf-filter .wcapf-list-wrapper.layout-list ul.wcapf-filter-options li.wcapf-filter-option:last-child {
    margin-bottom: 0 !important;
}

.wcapf-filter .wcapf-list-wrapper.list-type-native .wcapf-filter-item.empty-item label {
    opacity: 0.4 !important;
}

.stylish-checkbox-radio input[type="checkbox"],
.stylish-checkbox-radio input[type="radio"] {
    border-radius: 0 !important;
}

.stylish-checkbox-radio input[type="checkbox"]:checked {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.stylish-checkbox-radio input[type="checkbox"],
.stylish-checkbox-radio input[type="radio"] {
    width: 16px !important;
    height: 16px !important;
}

.wcapf-pretty-text-inputs .date-input-wrapper .date-input,
.wcapf-pretty-text-inputs .wcapf-range-wrapper input[type="text"],
.wcapf-pretty-text-inputs .wcapf-range-wrapper input[type="number"],
.wcapf-pretty-text-inputs .wcapf-search-box input[type="text"] {
    min-height: 45px !important;
}

.wcapf-pretty-text-inputs .wcapf-range-wrapper input[type="text"],
.wcapf-pretty-text-inputs .wcapf-range-wrapper input[type="number"] {
    border: 1px solid #181818 !important;
}

.wcapf-noui-connect {
    background: var(--primary-color) !important;
}

.wcapf-active-filters .wcapf-reset-filters-btn,
.wcapf-active-filters .wcapf-reset-filters-btn {
    color: var(--clr-5) !important;
    text-decoration: underline !important;
    font-size: 14px !important;
    font-family: var(--secondary-font) !important;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column-standard h4.mega-block-title,
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item h4.mega-block-title {
    text-transform: none;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column-standard>a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link {
    text-transform: none;
}

.wcapf-filter-clear-btn.wcapf-active-filter-item.last-item {
    border-radius: 30px;
    font-size: 14px;
    font-family: var(--secondary-font);
    letter-spacing: .1rem;
}

.wcapf-cross-sign {
    color: var(--clr-5) !important;
}

.woocommerce span.onsale {
    display: none;
}

.woocommerce .woocommerce-product-gallery__wrapper .custom-product-gallery-thumbs .slick-arrow img {
    width: 10px;
}

.custom-product-gallery-thumbs {
    margin-top: 16px;
}

.woocommerce .woocommerce-product-gallery__wrapper .custom-product-gallery-thumbs .slick-slide {
    padding: 0 2px;
}

.woocommerce .woocommerce-product-gallery__wrapper .custom-product-gallery-thumbs .slick-list {
    margin: 0 -2px;
}

.woocommerce .product-vendor {
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    color: #121212;
}

.woocommerce.single-product .product-vendor a {
    color: #121212;
}

.woocommerce.single-product div.product .title-wrap {
    margin-bottom: 5px;
    align-items: center;
}

.woocommerce.single-product div.product .product_title {
    font-size: 20px;
    font-weight: 700;
    color: #121212;
    text-transform: none;
    letter-spacing: 0;
    margin-bottom: 0;
}

/* Make title-wrap block — stack title first */
.single-product .title-wrap {
    display: block;
}

/* Ensure h1 is full width and block */
.single-product .title-wrap .product_title.entry-title {
    display: block;
    width: 100%;
    margin-bottom: 8px;
}

/* Create a flex row for vendor + icons */
.single-product .title-wrap .product-vendor,
.single-product .title-wrap .yith-add-to-wishlist-button-block,
.single-product .title-wrap .share-container {
    /* reset possible floats or inline behavior */
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
}

/* Wrap vendor + icons into a flex container — using parent .title-wrap */
.single-product .title-wrap .product-vendor {
    /* vendor itself inline-block so it sits left */
    margin-right: 12px;
}

.single-product .title-wrap .yith-add-to-wishlist-button-block,
.single-product .title-wrap .share-container {
    /* icons/buttons inline-block so they sit next to vendor */
    margin-right: 6px; /* optional spacing between icons */
}

/* If there is a container around icons, ensure it's inline-block too */
.single-product .title-wrap .share-container {
    display: inline-block;
}

/* To ensure line-height and alignment */
.single-product .title-wrap h2.product-vendor {
    display: inline-block;
    margin: 0;
    line-height: 1.4;
}

/* Prevent wrapping of vendor + icons together if possible */
.single-product .title-wrap {
    white-space: nowrap;
}



section.related.products {
    display: block;
}

.woocommerce.single-product .woocommerce-product-details__short-description p {
    text-align: justify;
    font-family: var(--secondary-font);
}

.woocommerce.single-product:where(body:not(.woocommerce-uses-block-theme)) div.product p.price,
.woocommerce.single-product:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
    color: #121212;
    font-size: 1em;
    font-weight: 700;
}

.woocommerce.single-product .product__tax.caption.rte {
    font-size: 10px;
    color: #121212;
    margin-bottom: 10px;
}

.woocommerce.single-product .product__tax.caption.rte a {
    margin-left: 4px;
    text-decoration: underline;
    color: #121212;
    font-family: var(--secondary-font);
}

.woocommerce.single-product div.product form.cart .variations {
    display: block;
    margin-bottom: 0;
}

.woocommerce.single-product div.product form.cart .variations th,
.woocommerce.single-product div.product form.cart .variations td,
.woocommerce.single-product .variations tbody,
.woocommerce.single-product .variations tr {
    display: block;
    width: 100%;
}

.woocommerce.single-product div.product form.cart .variations label {
    color: #111827;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    width: 100%;
    font-family: var(--secondary-font);
}

.woocommerce.single-product div.product form.cart .variations select {
    min-width: 100%;
    border-radius: 3px;
    padding: .5em .8em;
    background-size: .8em;
    background-color: #fff;
    border: 1px solid #d1d5db;
    font-family: var(--secondary-font);
    width: 100%;
    margin-right: 0;
    color: #475569;
}

.woocommerce.single-product div.product p.price ins,
.woocommerce.single-product div.product span.price ins {
    text-decoration: none;
}

.woocommerce.single-product .woocommerce-variation-price {
    margin-bottom: 16px;
}

.woocommerce.single-product .reset_variations {
    color: var(--primary-color);
}

.woocommerce.single-product div.product form.cart .button {
    float: none;
}

.woocommerce.single-product .qib-button-wrapper {
    margin: 0;
}

.woocommerce.single-product .qib-button-wrapper .quantity input.input-text.qty.text {
    width: 38px;
    border-color: #d1d5db;
    color: #334155;
    font-weight: 400;
    background: #fff;
}

.woocommerce.single-product .qib-button-wrapper .minus.qib-button,
.woocommerce.single-product .qib-button-wrapper .plus.qib-button {
    background: #fff;
}

.woocommerce.single-product .qib-button-wrapper button.qib-button {
    border-color: #d1d5db;
}

.woocommerce.single-product div.product form.cart .button {
    background: var(--clr-1);
    height: 41px;
}

.woocommerce.single-product .woocommerce-variation-add-to-cart.variations_button {
    display: flex;
    align-items: center;
    gap: 20px;
}

.woocommerce.single-product .custom-style-buttons {
    display: flex;
    gap: 20px;
}

.woocommerce.single-product .details-accordion {
    border: 1px solid #ddd;
    margin-bottom: 20px;
}

.woocommerce.single-product .details-accordion .accordion-title {
    background-color: #f2f2f2;
    padding: 15px;
    cursor: pointer;
    font-weight: 700;
    color: #121212;
    font-size: 16px;
}

.woocommerce.single-product .details-wrap {
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #d8d8d8;
}

.woocommerce.single-product .product-meta-specification span {
    width: 100%;
    margin-bottom: 0;
    display: block;
}

.woocommerce.single-product .details-wrap span {
    text-transform: uppercase;
}

.woocommerce.single-product .product-meta-specification span {
    text-align: justify;
}

.woocommerce.single-product .details-wrap p {
    margin-bottom: 0px;
    line-height: 1.2;
    font-size: 14px;
    font-family: var(--secondary-font);
}

.woocommerce.single-product .ChatWithUsGridContainer {
    display: flex;
    flex-wrap: wrap;
}

.woocommerce.single-product .GridContainer-item {
    width: calc(100% / 2);
    margin-bottom: 20px;
}

.woocommerce.single-product .ChatWithUsWrapper {
    background-color: #dcdcdc33;
    padding: 20px 0;
    display: flex;
    align-items: center;
}

.woocommerce.single-product .ChatWithUsWrapper .ChatWithUsGridContainer {
    border-right: 1px solid #eee;
    width: 68.35%;
    display: flex;
    flex-wrap: wrap;
    padding: 0 7px;
}

.woocommerce.single-product .WhatsappBtnContainer {
    margin: 0 24px 0 25px;
}

.woocommerce.single-product .GridContainer-item .layout {
    display: flex;
    align-items: center;
    gap: 15px;
}

.woocommerce.single-product .GridContainer-item .IconBtn {
    width: 30px;
}

.woocommerce.single-product .GridContainer-item p {
    margin: 0;
    font-size: 12px;
    line-height: 1.2;
    font-family: var(--secondary-font);
}

.woocommerce.single-product .WhatsappBtnContainer p {
    margin: 0px;
    font-size: 12px;
    font-family: var(--secondary-font);
}

.woocommerce.single-product a.ChatWithUsBtn {
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #212121;
    font-size: 12px;
    background: #fff;
    color: #212121;
    text-transform: uppercase;
    text-align: center;
    margin-top: 10px;
}

.view-similar-slider .product-img {
    aspect-ratio: 16 / 25;
}

.view-similar-slider .product-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.view-similar-slider .slick-list {
    margin: 0 -2px;
}

.view-similar-slider .slick-slide {
    padding: 0 2px;
}

.related-popup-content {
    max-height: calc(100vh - 30px);
    overflow-y: auto;
}

.specification-details span,
div#showSpecSlide,
#showRelatedPopup {
    font-family: var(--secondary-font);
}

.product-sec .slick-slider .col-6 {
    padding: 0;
}

.common-gap.product-sec.shop-right {
    clear: both;
}

.product-sec .slick-slide {
    padding: 0 2px;
}

.product-sec .slick-list {
    margin: 0 -2px;
}

.similar-product-img {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--primary-color);
    border-radius: 100%;
}

.similar-product-img img {
    width: auto !important;
    display: inline-block !important;
    filter: brightness(100) invert(100%);
    padding: 4px;
}

.title-wrap {
    display: flex;
    align-items: self-start;
    gap: 15px;
}

.title-wrap button {
    background: transparent;
    color: #000;
    padding: 0px !important;
    font-size: 18px;
    line-height: 1;
    border: 0;
}

.share-container {
    position: relative;
    margin-left: auto;
}

.title-wrap button {
    background: transparent;
    color: #000;
    padding: 0px !important;
    font-size: 18px;
    line-height: 1;
}

.share-button {
    cursor: pointer;
    width: 20px;
}

.share-popup {
    display: none;
    position: absolute;
    top: 50px;
    right: 0;
    background: #fff;
    border: 1px solid #ddd;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .2);
    z-index: 99;
    min-width: 270px;
    max-width: 320px;
}

.share-popup.active {
    display: block;
}

.share-popup .close-popup {
    position: absolute;
    top: 8px;
    right: 12px;
    cursor: pointer;
    font-size: 20px;
}

.share-popup p {
    font-family: var(--secondary-font);
    margin-bottom: 25px;
}

.copy-section input,
.copy-section button {
    font-family: var(--secondary-font);
    font-size: 14px;
}

.share-popup .share-icons a {
    display: inline-block;
    width: 20px;
    color: #121212;
}

.copy-section input {
    flex: 1;
    padding: 5px;
    font-size: 14px;
    border: 1px solid #d1d5db;
    height: 40px;
    color: #475569;
}

.share-popup .share-icons {
    display: flex;
    justify-content: space-between;
    margin: 10px 0 20px;
}

.copy-section {
    display: flex;
    gap: 10px;
}

.details-sticky-btm {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 99;
    background: #ffffff;
    padding: 7px 15px;
    left: 0px;
    right: 0px;
    display: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.custom-product-form-chat-btn .form-chat-btn-top {
    display: flex;
    align-items: center;
    text-decoration: none;
    font-size: 14px;
    color: #000000;
    font-family: var(--secondary-font);
    margin-bottom: 5px;
}

.details-sticky-btm .layout {
    display: flex;
    gap: 15px;
    justify-content: center;
    align-items: center;
}

.details-sticky-btm .layout .btn {
    text-transform: none;
    height: 46px;
}

.details-sticky-btm .layout .btn.chat-withus-btn {
    padding-left: 2px !important;
    padding-right: 2px !important;
    font-size: 12px;
    letter-spacing: 0;
}

.form-chat-btn-top img {
    width: 20px;
    margin-right: 4px;
}

.details-sticky-btm .layout a {
    width: 50%;
}

.product-box .yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button--themed-button.yith-wcwl-theme-button-style {
    padding: 0;
    border: 0;
    background: transparent;
}

.product-box .yith-add-to-wishlist-button-block {
    justify-content: flex-end;
    width: auto;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 4;
}

.yith_wcwl_wishlist_footer .yith-wcwl-share {
    float: none;
}

.yith_wcwl_wishlist_footer .yith-wcwl-share ul {
    gap: 15px;
}

/*.custom-product-gallery-thumbs .thumb {
  height: 167px;
}*/
.custom-product-gallery-thumbs .thumb img {
    height: 100%;
    object-fit: cover;
}

.wishlist_table .product-add-to-cart a {
    color: var(--primary-color);
}

.woocommerce .wishlist_table a.remove {
    align-items: center;
    justify-content: center;
    padding-bottom: 3px;
    display: flex;
}

.woocommerce.single-product .variations .size-chart-btn {
    color: #000000;
    letter-spacing: .04rem;
    font-size: 13px;
    padding: 0;
    border: 0;
    background: transparent;
    text-decoration: underline;
    margin-left: 40px;
}

.size-chart-content .tabs {
    display: flex;
    border-bottom: 1px solid #ddd;
}

.size-chart-content .tabs .tab-link {
    padding: 10px 20px;
    cursor: pointer;
    font-weight: bold;
    background: transparent;
    color: rgba(18, 18, 18, 0.75);
    font-family: var(--secondary-font);
}

.size-chart-content .tabs .tab-link.active {
    border-bottom: 2px solid black;
    display: block;
    background: transparent;
    color: rgba(18, 18, 18, 0.75);
}

.size-chart-content .close-popup {
    position: absolute;
    /* top: -12.5px;
  right: -12.5px;
  display: block;
  width: 30px;
  height: 30px;
    background: #000;
  border-radius: 100%;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center; */
    font-size: 40px;
    line-height: 1;
    /* padding-bottom: 4px;
  padding-left: 1px; */
    top: 10px;
    right: 20px;
}

.scrollable-image {
    max-width: 589px;
}

.wp-mes {
    background-color: #f1f1f1;
    padding: 20px;
    text-align: center;
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wp-mes i {
    margin-right: 10px;
}

.wp-mes {
    font-family: var(--secondary-font);
}

.wp-mes a {
    color: #e60000;
    text-decoration: none;
    display: inline-block;
    margin: 0 3px;
}

.wp-mes img {
    width: 25px;
    margin-right: 10px;
}

.auto-coupon {
    border-bottom: 1px solid #d8d8d8;
    margin-top: 30px
}

.auto-coupon p {
    font-family: var(--secondary-font);
}

.auto-coupon p span {
    margin-bottom: 0;
    color: #000000;
    font-size: 16px;
    display: block;
}

.auto-coupon p {
    margin-top: 0;
    font-size: 14px;
    color: #757575;
}

.woocommerce .woocommerce-product-gallery__wrapper {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}

.woocommerce .woocommerce-product-gallery__image {
    max-width: calc(100% - 80px);
    flex-basis: calc(100% - 80px);
    padding-left: 20px;
}

.woocommerce .woocommerce-product-gallery__image,
.woocommerce .woocommerce-product-gallery__image {
    aspect-ratio: 4 / 6;
}

.woocommerce .woocommerce-product-gallery__image img,
.woocommerce .woocommerce-product-gallery__image iframe {
    height: 100% !important;
    object-fit: cover;
}

.woocommerce .custom-product-gallery-thumbs {
    max-width: 80px;
    flex-basis: 80px;
}

.woocommerce .custom-product-gallery-thumbs .gallery-thumb {
    aspect-ratio: 4 / 6;
    object-fit: cover;
}

.woocommerce .custom-product-gallery-thumbs .gallery-thumb {
    border: 1px solid transparent;
    transition: all 0.5s;
}

.woocommerce .custom-product-gallery-thumbs .active-thumb {
    border-color: #000;
}
.page-not-found {
  padding: 50px 0;
}
.page-not-found #searchform input {
    height: 50px;
  padding: 0 20px;
  max-width: 400px;
  width: 100%;
}
.page-not-found h2 {
    text-transform: none;
}
.page-not-found p {
    margin-bottom: 30px;
}
.home .product-img {
  aspect-ratio: 16 / 24;
}
/* 4-10 */
.pum-theme-19043 .pum-container, .pum-theme-default-theme .pum-container {
  width: 600px!important;
  padding: 40px 40px 30px!important;
  background: #fff!important;
  border-radius: 8px!important;
  border: 0!important;
  box-shadow: 0 8px 20px #1211271a!important;
}
.news-popup {
  text-align: center;
}
.news-popup h3 {
    font-size: 32px;
    font-weight: 700;
    font-family: var(--secondary-font);
    line-height: 150%;
    margin-bottom: 20px;
    text-transform: none;
}
.news-popup h6 {
    color: rgb(69, 69, 69);
    font-size: 18px;
    font-family: var(--secondary-font);
    line-height: 150%;
    margin-bottom: 20px;
    letter-spacing: 0;
}
.news-popup .form-control {
    height: 50px;
    font-family: var(--secondary-font);
    font-size: 16px;
    padding: 0 8px;
    border: 1px solid #D1D1DB;
    color: rgb(18, 18, 18);
    border-radius: 8px;
}
.pum-theme-19043 .pum-content + .pum-close, .pum-theme-default-theme .pum-content + .pum-close {
    background: transparent;
    color: rgb(18, 18, 18);
}
.news-popup .form-input-field {
    margin-top: 20px;
}
.news-popup .form-input-field p {
    position: relative;
}
.news-popup .form-input-field p .wpcf7-spinner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3;
  margin: auto;
}
.news-popup .form-input-field .wpcf7-not-valid-tip {
  text-align: left;
}
.news-popup .form-input-field p:last-child {
    color: rgb(69, 69, 69);
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 1.3;
    margin-bottom: 20px;
}
.news-popup .wpcf7-response-output {
  text-align: center;
  font-size: 15px;
}
.pum-container .pum-close.popmake-close {
  background: transparent !important;
  box-shadow: none !important;
  color: #000 !important;
  font-size: 0 !important;
}
.pum-container .pum-close.popmake-close:before {
    content: '\f00d';
    font-family: "FontAwesome";
    font-size: 24px;
}
.news-popup .btn {
    border-radius: 0;
    padding: 12px 31px !important;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 18px;
    letter-spacing: 0.1rem;
    height: 50px;
    font-weight: 500;
    font-family: var(--secondary-font);
    border: 0;
    line-height: 0.8;
    border: 1px solid transparent;
    transition: all 0.5s;
    background: var(--clr-1);
    color: var(--color-white);
    border-radius: 10px;
    width: 100%;
}
.pum-theme-19043, .pum-theme-default-theme {
  background: rgba(0,0,0,.5)!important;
}
.GridContainer-item.product_specification {
  background-color: #dcdcdc33;
  padding: 0;
  border: 0;
}
.woocommerce.single-product .GridContainer-item.product_specification {
  width: 100%;
}
.GridContainer-item.product_specification .specification-details span {
  flex: 0 1 calc(33.33% - 15px);
  text-align: left;
}
.view-similar-icon-video {
    position: absolute;
    top: 80px;
    right: 20px;
    right: 15px;
    font-size: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: max-content;
    text-align: center;
    color: #181818;
    cursor: pointer;
    font-family: var(--secondary-font);
    min-width: 64px;
}
.view-similar-icon-video i {
    background: var(--primary-color);
    width: 30px;
    height: 30px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.ppcp-place-order-description {
  text-align: left !important;
}
.close-btn {
    border:0;
    padding: 0;
    background: transparent;
    font-size: 24px;
    font-weight: 700;
}
.tailor-popup textarea {
    height: 200px;
}
#filterSort .woocommerce-ordering {
    width: 100%;
}
#filterSort .woocommerce-ordering select {
    height: 45px;
    padding: 5px 15px;
    font-size: 14px;
    border-radius: 0;
    border: 1px solid rgba(18, 18, 18, 0.55);
    width: 100%;
    font-family: var(--secondary-font);
    background: transparent;
    color: #212529;
}
.fancybox__carousel .fancybox__slide.has-video .fancybox__content {
    background: transparent!important;
    width: auto!important;
}
/* responsive */
@media only screen and (min-width: 768px) {

    .woocommerce .custom-product-gallery-thumbs .slick-prev,
    .woocommerce .custom-product-gallery-thumbs .slick-next {
        left: 0;
        right: 0;
        margin: auto;
        top: auto;
        bottom: auto;
        transform: rotate(90deg);
    }

    .woocommerce .custom-product-gallery-thumbs .slick-prev {
        top: -40px;
    }

    .woocommerce .custom-product-gallery-thumbs .slick-next {
        bottom: -40px;
    }
}

@media only screen and (max-width: 1599px) {
    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
        min-width: 70px;
    }

    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item {
        margin-right: 1.2rem;
    }
}

@media only screen and (max-width: 1399px) {
    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
        font-size: .75rem;
    }

    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item {
        margin-right: 0.6rem;
    }

    .banner-slider .slick-dots {
        bottom: 15px;
    }

}
@media only screen and (max-width: 1280px) {
    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:before {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
    }

    .sticky #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:before {
        width: 30px !important;
        height: 30px !important;
        min-width: 30px !important;
    }
}
@media only screen and (max-width: 1199px) {
    body {
        font-size: 14px;
    }

    .container.lg {
        padding: 0 1.5rem;
    }

    .logo {
        max-width: 110px;
    }

    .navbar-nav {
        gap: 0.5rem;
    }

    .header-middle {
        padding: 0.5rem 0;
    }

    .woocommerce-currency-switcher {
        font-size: 14px;
    }

    .search {
        min-width: 350px;
    }

    .right-area ul {
        gap: 1rem;
    }

    .left-area {
        gap: 1.25rem;
    }

    .thumb-image {
        width: 35px;
        height: 35px;
    }

    .header-bottom-wrapper ul li {
        margin-right: 0.5rem;
    }

    .banner-slider .slick-dots {
        gap: 12px;
    }

    .main-hdr {
        font-size: 38px;
        margin-bottom: 1.5rem;
    }

    .dropdown-menu {
        right: -100px;
    }

    .chev-up {
        right: 100px;
    }

    .w-21 {
        width: 25%;
    }

    .w-79 {
        width: 75%;
    }

    #mega-menu-wrap-primary {
        overflow-x: auto;
        padding-bottom: 10px;
        overflow-y: hidden;
    }

    #mega-menu-wrap-primary #mega-menu-primary {
        justify-content: flex-start;
    }

    .header-bottom-wrapper ul li a span {
        white-space: nowrap;
    }

    #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-icon-top>a.mega-menu-link {
        white-space: nowrap;
    }
    
    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:before {
        width: 60px !important;
        height: 60px !important;
        min-width: 60px !important;
    }

    .sticky #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:before {
        width: 50px !important;
        height: 50px !important;
        min-width: 50px !important;
    }
}

@media (min-width: 1025px) {
    .header-top {
        display: none !important;
    }
}

@media only screen and (max-width: 991px) {
    .header-top-wrapper {
        flex-direction: column-reverse;
        gap: 10px;
    }

    h3 {
        font-size: 20px;
    }

    .cmmn-hdr {
        margin-bottom: 25px;
    }

    h4 {
        font-size: 18px;
    }

    h1 {
        font-size: 28px;
    }

    .label-content h1 {
        margin-bottom: 20px;
    }

    .label-content p {
        margin-bottom: 4rem;
    }

    .logos-slide ul li {
        font-size: 20px;
        letter-spacing: 4px;
        padding: 0 25px;
    }

    h2 {
        font-size: 24px;
    }

    .testimonial-slide p {
        font-size: 16px;
        line-height: 27px;
        margin-bottom: 22px;
    }

    .media-sec .logos-slide li {
        width: 180px;
        padding: 0 20px;
    }

    .ft-hdr {
        font-size: 15px;
        margin-bottom: 1rem;
    }


    .header-bottom-wrapper ul li a {
        min-width: 80px;
    }

    .logo {
        max-width: 100px;
    }

    .search input {
        padding: .5rem 1rem .5rem 1.4rem;
        background-size: 15px;
    }

    .search {
        min-width: 270px;
    }

    .ft-logo {
        max-width: 110px;
        margin-bottom: 1rem;
    }

    .main-hdr {
        font-size: 32px;
        margin-bottom: 1.2rem;
    }

    .w-21 {
        width: 35%;
    }

    .w-79 {
        width: 65%;
    }

    .wc-block-components-sidebar-layout .wc-block-components-main,
    .wc-block-components-sidebar-layout .wc-block-components-sidebar {
        padding: 10px 15px !important;
    }

    .wc-block-components-sidebar-layout .wc-block-components-main {
        width: 100% !important;
        margin-bottom: 30px !important;
    }
}

@media only screen and (max-width: 767px) {

    /* .header {
        display: none;
    } */
    .container.lg,
    .container {
        padding: 0 15px;
    }

    .desktop-image {
        display: none !important;
    }

    .mobile-image {
        display: block !important;
    }

    .price-otr h6 {
        font-size: 15px;
        gap: 0.5rem;
    }

    .slick-prev,
    .slick-next {
        top: 35%;
        transform: translateY(-65%);
    }

    .product-slider-5 .product-content h4 {
        font-size: 16px;
    }

    .slick-prev {
        left: 8px;
    }

    .slick-next {
        right: 8px;
    }

    .slick-prev,
    .slick-next {
        width: 25px;
        height: 25px;
    }

    .slick-prev img,
    .slick-next img {
        width: 8px;
    }

    .product-slider-5 .product-content p {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 120px;
        margin-bottom: 5px;
    }

    .common-gap {
        padding: 30px 0;
    }

    h3 {
        font-size: 18px;
    }

    .cmmn-hdr h6 {
        font-size: 12px;
    }

    .custom-made-content {
        text-align: center;
    }

    .custom-made-innr {
        margin-top: 30px;
    }

    .cmmn-hdr {
        margin-bottom: 20px;
    }

    h4 {
        font-size: 16px;
        margin-bottom: 7px;
    }

    .label-sec {
        padding: 30px 0;
        text-align: center;
    }

    .label-content {
        margin-bottom: 30px;
    }

    .label-content h1 {
        margin-bottom: 10px;
    }

    .label-content p {
        margin-bottom: 2rem;
    }

    h1 {
        font-size: 24px;
    }

    .testimonial-sec.common-gap {
        padding-top: 30px;
    }

    h2 {
        font-size: 21px;
    }

    .testi-img {
        width: 130px;
        height: 130px;
    }

    .testimonial-slider {
        padding-bottom: 50px;
    }

    .testimonial-slider .slick-prev {
        left: -100px;
    }

    .testimonial-slider .slick-next {
        right: -100px;
    }

    .media-sec .logos-slide li {
        width: 120px;
        padding: 0 15px;
    }

    .faq-otr h2 {
        text-align: center;
    }

    .footer {
        text-align: center;
    }

    .ft-logo {
        margin-left: auto;
        margin-right: auto;
    }

    .social-menu {
        gap: 1rem;
        justify-content: center;
        margin-bottom: 30px;
    }

    .ft-menu {
        margin-bottom: 30px;
    }

    .footer-top {
        padding-bottom: 0;
    }

    .bottom-list ul {
        justify-content: center;
    }

    .footer {
        padding-bottom: 66px;
    }

    .sticky-bottom {
        display: block;
    }

    .sticky-bottom ul li:nth-child(3) a,
    .sticky-bottom ul li:nth-child(4) a {
        max-width: 32px;
    }

    .hd-txt {
        padding-top: 10px;
        text-align: center;
    }

    .search,
    .whatsapp-icon {
        display: none;
    }

    .navbar-toggler {
        padding: 0;
    }

    .left-area {
        gap: 0.4rem;
    }

    .sticky .logo {
        max-width: 70px;
    }

    .logo {
        max-width: 80px;
    }

    .navbar-toggler-icon {
        width: auto;
        height: auto;
        max-width: 20px;
    }

    .woocommerce-currency-switcher {
        font-size: 13px;
    }

    .thumb-image {
        width: 45px;
        height: 45px;
        margin-bottom: 4px;
    }

    .sticky .thumb-image {
        width: 35px;
        height: 35px;
    }

    .header-bottom-wrapper {
        padding-bottom: 5px;
    }

    .header-bottom-wrapper ul li a {
        padding: 0.3rem 0;
    }

    .header-middle {
        padding: 0.8rem 0;
    }

    .navbar-toggler:focus {
        box-shadow: none;
    }

    .navbar-toggler {
        display: block;
    }

    .navbar-collapse {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 1;
        top: 0;
        left: 0;
        background: var(--clr-2);
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 60px;
        z-index: 1111;
    }

    .navbar-collapse.show {
        width: 100%;
    }

    .active-icon {
        position: absolute;
        top: 15px;
        right: 15px;
        width: 20px;
        cursor: pointer;
        display: block;
    }

    .navbar-nav {
        padding: 0 30px 30px;
        gap: 0.5rem;
    }

    .navbar-nav li {
        border-bottom: 1px solid rgba(18, 18, 18, 0.1);
    }

    .navbar-nav li:last-child {
        border-bottom: 0;
    }

    .navbar-nav li a {
        padding: .375rem 0;
    }

    .navbar-nav li a {
        font-size: 14px;
        font-weight: 400;
        display: inline-block;
    }

    .navbar-nav li a::after {
        display: none;
    }

    .main-hdr {
        font-size: 27px;
        margin-bottom: 1rem;
    }

    .contact-sec .cmn-outr {
        text-align: center;
    }

    .offer-box {
        padding: 12px 0;
    }

    .offer-box h3 {
        margin-bottom: 0;
    }

    .offer-hdr {
        padding: 0 15px 12px;
        margin-bottom: 12px;
    }

    .offer-content h6 {
        font-size: 14px;
        margin-bottom: 5px;
        display: inline-block;
    }

    .logo {
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
    }

    .dropdown-menu {
        right: -40px;
    }

    .chev-up {
        right: 40px;
    }

    .w-21 {
        width: 100%;
    }

    .w-79 {
        width: 100%;
    }

    .cmmn-hdr.mb-60 {
        margin-bottom: 50px;
    }

    .mobile-none {
        display: none;
    }

    .desktop-none {
        display: block;
    }

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

    .filter-sort {
        background: transparent;
        border: 0;
        display: flex;
        align-items: center;
        padding: 0;
        gap: 10px;
        font-size: 15px;
        font-family: var(--secondary-font);
        letter-spacing: .1rem;
    }

    .filter-sort:hover {
        text-decoration: underline;
    }

    .filter-sort span {
        display: inline-block;
        min-width: 20px;
        height: 27px;
    }

    .sort-wrapper {
        margin-bottom: 15px;
        gap: 20px;
    }

    .product-content h4 {
        margin-bottom: 5px;
    }

    .filter-cross {
        position: absolute;
        right: 15px;
        top: 15px;
        z-index: 4;
        display: inline-block;
        max-width: 20px;
        min-width: 20px;
        cursor: pointer;
    }

    .filter-content.offcanvas-end {
        width: 90%;
        overflow-y: auto;
    }

    .filter-content .offcanvas-header {
        text-align: center;
        display: block;
        padding: 10px 25px;
        border-bottom: .1rem solid rgba(18, 18, 18, 0.08);
        position: sticky;
        top: 0;
        z-index: 2;
    }

    .filter-content .offcanvas-header h5 {
        font-size: 14px;
        color: var(--clr-5);
        font-weight: 400;
        margin-bottom: 0;
    }

    .filter-content .offcanvas-header p {
        font-size: 13px;
        color: rgba(18, 18, 18, 0.7);
        font-weight: 400;
        margin-bottom: 0;
        font-family: var(--secondary-font);
    }

    .filter-content .offcanvas-body {
        padding: 13px 25px;
    }

    .filter-content .offcanvas-footer {
        border-top: .1rem solid rgba(18, 18, 18, 0.08);
        padding: 20px;
        bottom: 0;
        position: sticky;
        display: flex;
        align-items: center;
        gap: 10px;
        z-index: 2;
        margin-top: auto;
        background-color: #fff;
    }

    .filter-content .offcanvas-footer a {
        width: 50%;
        justify-content: center;
        display: flex;
        align-items: center;
        height: 47px;
    }

    .remove-all {
        color: var(--clr-5);
        text-decoration: underline;
        font-size: 12px;
        font-family: var(--secondary-font);
    }

    .filter-content .offcanvas-body .sort-by {
        justify-content: space-between;
        margin-top: 30px;
    }

    .filter-content .offcanvas-body .sort-by h6 {
        font-family: var(--secondary-font);
        font-size: 12px;
        color: var(--clr-text);
    }

    .sticky-filter {
        position: fixed;
        bottom: 5%;
        width: 90%;
        z-index: 99;
        background: var(--color-white);
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        left: 0;
        right: 0;
        transform: translate(5%, 0px);
        text-align: center;
        border-radius: 95px;
        font-size: 14px;
        box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
    }

    .sticky-filter button {
        background: transparent;
        border: 0;
        font-size: 14px;
        text-align: center;
        padding: 15px;
        color: var(--clr-text);
        font-family: var(--secondary-font);
    }

    .filter-content {
        border-left: 1px solid rgba(0, 0, 0, .2);
        transform: translateX(100%);
        position: fixed;
        visibility: hidden;
    }

    .contact-info {
        margin-bottom: 30px;
    }

    .contact-info li {
        gap: 10px;
    }

    .contact-map {
        height: 250px;
    }

    .woocommerce-MyAccount-navigation {
        margin-bottom: 30px;
    }

    .woocommerce-Address {
        margin-bottom: 25px;
    }

    .woocommerce-Address:last-child {
        margin-bottom: 0;
    }

    .woocommerce-error,
    .woocommerce-info,
    .woocommerce-message {
        flex-direction: column;
        display: flex;
        gap: 15px;
    }

    .woocommerce-Address {
        min-width: 100%;
    }

    .woocommerce form .form-row-first,
    .woocommerce form .form-row-last,
    .woocommerce-page form .form-row-first,
    .woocommerce-page form .form-row-last {
        width: 100%;
    }

    .woocommerce form.login {
        margin-bottom: 30px;
    }

    .wc-block-components-sidebar-layout .wc-block-components-main,
    .wc-block-components-sidebar-layout .wc-block-components-sidebar {
        padding: 10px 15px !important;
    }

    .wc-block-components-sidebar-layout .wc-block-components-main {
        width: 100% !important;
        margin-bottom: 30px !important;
    }

    .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-components-product-name {
        font-size: 14px;
    }

    .wc-block-components-order-summary .wc-block-components-order-summary-item__individual-prices {
        padding-top: 0;
    }

    h2.wc-block-components-title.wc-block-components-title {
        font-size: 19px;
    }

    .is-mobile .wc-block-components-form .wc-block-components-checkout-step::after,
    .is-small .wc-block-components-form .wc-block-components-checkout-step::after {
        display: none;
    }

    .is-mobile .wc-block-components-form .wc-block-components-checkout-step,
    .is-small .wc-block-components-form .wc-block-components-checkout-step {
        padding-top: 0 !important;
    }

    .wc-block-checkout__terms.wc-block-checkout__terms--with-separator {
        padding-top: 0 !important;
    }

    .mega-sub-menu {
        display: none !important;
    }

    .mega-indicator {
        display: none !important;
    }

    .header-top {
        display: block;
    }

    .navbar-nav>li {
        position: relative;
    }

    .nav-acc-arrow {
        position: absolute;
        right: 0;
        top: 6px;
        cursor: pointer;
    }

    .acc-up-arrow {
        display: none;
    }

    .show-content .nav-acc-arrow {
        top: 10px;
    }

    .show-content .acc-up-arrow {
        display: block;
    }

    .show-content .acc-down-arrow {
        display: none;
    }

    /* .menu-item-has-children:after {
    position: absolute;
    content: '\f107';
    right: 0;
    top: 6px;
    font-family: 'FontAwesome';
    cursor: pointer;
    transition: all 0.4s;
}
.menu-item-has-children.show:after {
    content: '\f106';
} */
    .woocommerce .product-vendor {
        font-size: 14px;
    }

    .woocommerce.single-product div.product .product_title {
        font-size: 20px;
    }

    .woocommerce.single-product div.product form.cart .button {
        width: 100%;
        gap: 12px;
        text-align: center;
    }

    .woocommerce.single-product .custom-style-buttons {
        flex-wrap: wrap;
    }

    .woocommerce.single-product .ChatWithUsWrapper .ChatWithUsGridContainer {
        width: 100%;
    }

    .woocommerce.single-product .ChatWithUsWrapper {
        flex-wrap: wrap;
    }

    .spec-slide-panel {
        width: 320px;
    }
.title-wrap {
  gap: 6px;
}
    .tailor-popup .button {
        margin-top: 10px !important;
    }

    .tailor-popup h2 {
        margin-bottom: 20px;
        font-size: 20px;
    }

    .details-sticky-btm {
        display: block;
    }

    .size-chart-content {
        padding: 20px;
    }

    .size-chart-content .tabs .tab-link {
        padding: 10px 5px;
        font-size: 12px;
    }

    .wp-mes {
        padding: 10px;
        display: block;
    }

    #size-chart-popup {
        padding: 20px 10px;
    }

    .size-chart-content .close-popup {
        top: 0;
        right: 10px;
    }

    .woocommerce .woocommerce-product-gallery__wrapper {
        display: block;
    }

    .woocommerce .woocommerce-product-gallery__image {
        max-width: 100%;
        flex-basis: 100%;
        padding-left: 0;
    }

    .woocommerce .custom-product-gallery-thumbs {
        max-width: 100%;
        flex-basis: 100%;
    }

    div#showSpecSlide {
        left: 20px;
    }

    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:before {
        width: 50px !important;
        height: 50px !important;
        min-width: 50px !important;
    }

    .sticky #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:before {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
    }
    .pum-theme-19043 .pum-container, .pum-theme-default-theme .pum-container {
  width: 95% !important;
  padding: 30px 20px 30px !important;
    }
    .news-popup h3 {
  font-size: 25px;
  line-height: 130%;
  margin-bottom: 12px;
}
.news-popup h6 {
  font-size: 16px;
}
.pagination {
    gap: 22px;
}
.archive.woocommerce .sticky-filter {
    bottom: 12%;
}
.archive.woocommerce .footer {
    padding-bottom: 130px;
}
.wishlist_table.mobile li .item-details table.item-details-table td.label {
    width: auto;
}
.wishlist_table.mobile li .additional-info-wrapper {
  display: flex;
  gap: 10px;
  align-items: center;
}
.wishlist_table.mobile li .additional-info-wrapper .product_type_variable.add_to_cart_button.add_to_cart.alt {
  margin-bottom: 0 !important;
}
.wishlist_table.mobile li .additional-info-wrapper .product-remove {
  margin-left: auto;
}
}

@media only screen and (max-width:575px) {

    .btn,
    .mailpoet_submit {
        padding: 12px 15px !important;
    }

    h4 {
        font-size: 15px;
    }

    .dropdown-menu {
        width: 273px;
        padding: 1rem;
    }

    .dropdown-menu .btn.lg {
        padding: 12px 11px !important;
    }

    .dropdown-menu p {
        margin-bottom: 1rem;
    }

    .banner .container.lg {
        padding: 0;
    }

    .tailor-popup {
        width: 95%;
    }
    .GridContainer-item.product_specification .specification-details span {
  flex: 1 1 calc(50% - 15px);
}

}

@media only screen and (max-width:420px) {
    .custom-banner-box img {
        height: 150px;
        object-fit: cover;
        object-position: right top;
    }

    .wp-block-woocommerce-checkout .wc-block-checkout__login-prompt {
        float: none !important;
        font-size: 16px !important;
        margin-top: 0 !important;
    }

    .related-popup-content {
        padding: 20px;
    }
}

@media only screen and (max-width:368px) {
    .custom-banner-box img {
        height: 125px;
    }
}