/** Shopify CDN: Minification failed

Line 66:0 All "@import" rules must come first

**/
/*-----------------------------------------------------------------------------------
Template Name:  - Aolie
Template URI: http://spacingtech.com
Description: The eCommerce Bootstrap5 Shopify Template
Author: Qodex spacing
Author URI: http://spacingtech.com
Version: 1.0
-----------------------------------------------------------------------------------*/
* {
    font-family: "Cinzel", serif !important;
}

body,
html {
    font-family: "Cinzel", serif !important;
}

.single-product-wrap .product-content h6 a {
    font-family: "Cinzel", serif !important;
    font-size: 22px!important;
    line-height: 1.12!important;
    letter-spacing: .035em!important;
    color: #171614!important;
}


.single-product-wrap .product-content .new-price {
    font-family: "Cinzel", serif !important;
    font-size: 18px!important;
    color: var(--varq-gold)!important;
    letter-spacing: .04em!important;
}


.product-tab-ptb .product-tab ul.nav-tabs li a {
    position: relative;
    font-weight: var(--font-custom-weight-header);
    text-transform: uppercase;
    font-family: "Cinzel", serif !important;
}

@font-face {
    font-family: 'Holligate Signature Demo';
    src: url('Holligate Signature Demo.ttf')  format('truetype');
}

/*=====================================
Tooltip css
======================================*/
.tooltip{
    text-transform: uppercase;
    font-size: 13px;
}

/*=====================================
    header css
======================================*/
.header-area {
    position: relative;
}
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500&display=swap');
.header-area .header-main-area .header-main {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.header-area .header-main-area .header-main .logo-menu-wrap .logo-menu-block {
    display: flex;
    align-items: center;
}
.header-area .header-main-area .header-main .logo-menu-wrap .logo-menu-block .megamenu-block {
    margin-left: 80px;
}
.header-area .header-main-area .header-main .right-block .right-block-area {
    display: flex;
    align-items: center;
    justify-content: flex-end;        
}
@media (max-width: 1399px) {
    .header-area .header-main-area .header-main .logo-menu-wrap .logo-menu-block .megamenu-block {
        margin-left: 60px;
    }
}
@media (max-width: 1199px) {
    .header-area .header-main-area {
        padding: 15px 0px;
    }
    .header-area .header-main-area .header-main .logo-menu-wrap .logo-menu-block .megamenu-block {
        display: none;
    }
    .header-area .header-main-area .header-main .logo-menu-wrap {
        width: 33.33%;
    }
    .header-area .header-main-area .header-main .right-block {
        width: 66.67%;
    }
}
@media (max-width: 479px) {
    .header-area .header-main-area .header-main .logo-menu-wrap {
        width: 41.67%;
    }
    .header-area .header-main-area .header-main .right-block {
        width: 58.33%;
    }
}

/* right block css */
.right-block ul.shop-element{
    display: flex;
    align-items: center;
}
.right-block ul.shop-element {
    justify-content: flex-end;
}
.right-block ul.shop-element li.side-wrap{
    position: relative;
    margin-left: 30px;
    display: flex;
    align-items: center;
}
.right-block ul.shop-element li.side-wrap:first-child{
    margin-left: 0px;
}
.right-block ul.shop-element li.side-wrap.toggle-wrap,
.right-block ul.shop-element li.side-wrap.search-wrap {
    display: none;
}
@media (max-width: 1399px) {
    .right-block ul.shop-element li.side-wrap.search-wrap {
        display: flex;
    } 
}
@media (max-width: 1199px) {
    .right-block ul.shop-element li.side-wrap{
        margin-left: 20px;
    }
    .right-block ul.shop-element li.side-wrap.toggle-wrap {
        display: flex;
    }
}
@media (max-width: 767px) {
    .right-block ul.shop-element li.side-wrap{
        margin-left: 15px;
    }
}
@media (max-width: 320px) {
    .right-block ul.shop-element li.side-wrap{
        margin-left: 10px;
    }
}

/* mobile menu */
.header-kaj .mobile-menu {
    display: none;
}
@media (max-width: 1199px) {
    /* mobile menu css */
    .header-kaj .mobile-menu {
      display: block;
    }
}

/* box-heder css */
.main-menu-area .main-navigation .box-header{
    display: none;
    text-align: right;
    line-height: 0;
}
.main-menu-area .main-navigation .box-header button.close-box{
    font-size: 20px;
    line-height: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
}
@media (max-width: 1199px) {
    .mobile-menu .main-menu-area{
        position: fixed;
        top: 0;
        left: -320px;
        width: 320px;
        height: 100%;
        overflow-y: auto;
        background-color: #fff;
        z-index: 10;
        opacity: 0;
        visibility: hidden;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .mobile-menu .main-menu-area.active{
        left: 0px;
        opacity: 1;
        visibility: visible;
    }
    .mobile-menu .main-menu-area,
    .mobile-menu .main-menu-area.active{
        -webkit-transition: all 0.3s ease-in-out 0s;
        -o-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;
    }
    .mobile-menu .main-menu-area .main-navigation{
        border-bottom: var(--sti-border);
    }
    .mobile-menu .main-menu-area .main-navigation .box-header{
        display: block;
    }
    .mobile-menu .main-menu-area .right-block-box{
        display: none;
    }
}
@media(max-width: 320px){
    .mobile-menu .main-menu-area{
        width: 100%;
    }
}

/*=====================================
mainmenu css
======================================*/
.megamenu-content ul.main-menu{
  display: flex;
  flex-wrap: wrap;
}
.megamenu-content ul.main-menu li.menu-link {
  margin-right: 40px;
}
.megamenu-content ul.main-menu li.menu-link:last-of-type {
  margin-right: 0;
}
.megamenu-content ul.main-menu li.menu-link a.link-title {
  display: flex;
  align-items: center;
  padding: 28px 0;
  font-weight: var(--font-custom-weight-header);
  text-transform: uppercase;
}
.megamenu-content ul.main-menu li.menu-link a.link-title.active,
.megamenu-content ul.main-menu li.menu-link:hover a.link-title{
  color: var(--font-color-primary);
}
.megamenu-content ul.main-menu li.menu-link a.link-title.link-title-lg{
  display: none;
}
.megamenu-content ul.main-menu li.menu-link a.link-title span.sp-link-title{
  display: flex;
  align-items: center;
  position: relative;
}
.megamenu-content ul.main-menu li.menu-link a.link-title i{
  margin-left: 5px;
  font-weight: var(--sti-font-weight);
}
.megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu{
  position: absolute;
  top: 100%;
  padding: 30px 15px;
  margin: 0 auto;
  background-color: #FFFFFF;
  z-index: 3;
  opacity: 0;
  visibility: hidden;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
  -webkit-animation-duration: 0.1s;
  animation-duration: 0.1s;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
.megamenu-content ul.main-menu li.menu-link:hover ul.dropdown-submenu{
  opacity: 1;
  visibility: visible;
}
.megamenu-content ul.main-menu li.menu-link:hover ul.dropdown-submenu.collapse:not(.show){
  display: block;
}
@media (max-width: 1399px) {
    .megamenu-content ul.main-menu li.menu-link {
        margin-right: 30px;
    }
}
@media (max-width: 1199px) {
    .megamenu-content ul.main-menu{
      flex-direction: column;
    }
    .megamenu-content ul.main-menu li.menu-link{
        border-top: var(--sti-border);
        margin-right: 0;
    }
    .megamenu-content ul.main-menu li.menu-link a.link-title{
        display: none;
        padding: 12px 15px;
    }
    .megamenu-content ul.main-menu li.menu-link a.link-title.link-title-lg{
        display: flex;
        justify-content: space-between;
    }
    .megamenu-content ul.main-menu li.menu-link a.link-title.link-title-lg,
    .megamenu-content ul.main-menu li.menu-link a.link-title.link-title-lg[aria-expanded="false"]{
        color: var(--font-color-body);;
    }
    .megamenu-content ul.main-menu li.menu-link a.link-title.link-title-lg[aria-expanded="true"]{
        color: var(--font-color-primary);
    }
    .megamenu-content ul.main-menu li.menu-link a.link-title.link-title-lg[aria-expanded="true"] i{
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    .megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu{
        position: unset;
        padding: 0;
        opacity: 1;
        visibility: visible;
        box-shadow: none;
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-animation-duration: 0s;
        animation-duration: 0s;
    }
    .megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu .ul li.megamenu-li ul.dropdown-supmenu li.supmenu-li{
        padding: 12px 25px 12px 25px;
        margin-top: 0;
    }
    .megamenu-content ul.main-menu li.menu-link:hover ul.dropdown-submenu.collapse:not(.show){
        display: none;
    }
}
/* submenu css */
.megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu{
    left: auto;
    min-width: 200px;
    padding: 0;
}
.megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu .ul li.submenu-li{
    padding: 12px 30px 0;
}
.megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu .ul li.submenu-li:first-of-type{
    padding: 30px 30px 0px;
}
.megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu .ul li.submenu-li:last-of-type{
    padding: 12px 30px 30px;
}
.megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu .ul li.submenu-li a{
    display: block;
    color: var(--font-color-body);;
    width: 100%;
}
.megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu .ul li.submenu-li:hover a{
    color: var(--font-color-primary);
}
@media (max-width: 1199px) {
    .megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu{
        min-width: 100%;
    }
    .megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu .ul li.submenu-li:first-of-type,
    .megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu .ul li.submenu-li:last-of-type{
        padding: 0;
    }
    .megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu .ul li.submenu-li{
        margin-top: 0px;
        padding: 0;
        border-top: var(--sti-border);
    }
    .megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu .ul li.submenu-li a{
        padding: 12px 20px 12px 20px;
    }
}
/* megamenu css */
.megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu{
    left: 0;
    right: 0;
    margin: 0 auto;
}
.megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu .ul{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu .ul li.megamenu-li{
    padding: 0 15px;
    width: 25%;
}
.megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu .ul li.megamenu-li h2{
    font-size: 18px;
}
.megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu .ul li.megamenu-li a.sublink-title{
    display: none;
    width: 100%;
}
.megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu .ul li.megamenu-li a.sublink-title span.spb-link-title{
    position: relative;
}
.megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu .ul li.megamenu-li ul.dropdown-supmenu.collapse:not(.show){
    display: block;
}
.megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu .ul li.megamenu-li ul.dropdown-supmenu li.supmenu-li{
    margin-top: 12px;
}
.megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu .ul li.megamenu-li ul.dropdown-supmenu li.supmenu-li:first-child{
    margin-top: 18px;
}
.megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu .ul li.megamenu-li ul.dropdown-supmenu li.supmenu-li a.suplink-title{
    display: block;
    color: var(--font-color-body);;
}
.megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu .ul li.megamenu-li ul.dropdown-supmenu li.supmenu-li:hover a.suplink-title{
    color: var(--font-color-primary);
}
.megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu .ul li.megamenu-li ul.dropdown-supmenu li.supmenu-li a.suplink-title span.spbp-link-title{
    position: relative;
}
@media (max-width: 1199px) {
    .megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu{
        width: 100%;
    }
    .megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu .ul li.megamenu-li{
        width: 100%;
        padding: 0;
        border-top: var(--sti-border);
    }
    .megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu .ul li.megamenu-li h2,
    .megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu .ul li.megamenu-li a.sublink-title{
        display: none;
    }
    .megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu .ul li.megamenu-li a.sublink-title.sublink-title-lg{
        padding: 12px 20px 12px 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu .ul li.megamenu-li a.sublink-title.sublink-title-lg,
    .megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu .ul li.megamenu-li a.sublink-title.sublink-title-lg[aria-expanded="false"]{
        color: var(--font-color-body);;
    }
    .megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu .ul li.megamenu-li a.sublink-title.sublink-title-lg[aria-expanded="true"]{
        color: var(--font-color-primary);
    }
    .megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu .ul li.megamenu-li a.sublink-title.sublink-title-lg[aria-expanded="true"] i{
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    .megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu .ul li.megamenu-li ul.dropdown-supmenu.collapse:not(.show){
        display: none;
    }
    .megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu .ul li.megamenu-li ul.dropdown-supmenu li.supmenu-li {
        margin-top: 0;
        border-top: var(--sti-border);
    }
}
/* bannermenu css */
.megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.banner-menu{
    left: 0;
    right: 0;
    margin: 0 auto;
}
.megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.banner-menu .ul{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.banner-menu .ul li.menu-banner{
    padding: 0 15px;
    width: 25%;
}
.megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.banner-menu .ul li.menu-banner a{
    display: block;
}
.megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.banner-menu .ul li.menu-banner a img{
    border-radius: var(--sti-border-radius);
}
.megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.banner-menu .ul li.menu-banner a.menu-banner-title{
    color: var(--font-color-body);
    width: 100%;
    text-align: center;
    margin-top: 23px;
    font-weight: var(--font-custom-weight-header);
    display: none;
}
.megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.banner-menu .ul li.menu-banner:hover a.menu-banner-title{
    color: var(--font-color-primary);
}
@media (max-width: 1199px) {
    .megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.banner-menu{
        width: 100%;
    }
    .megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.banner-menu .ul li.menu-banner{
        width: 100%;
        margin-top: 0px;
        padding: 0;
        border-top: var(--sti-border);
    }
    .megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.banner-menu .ul li.menu-banner a{
        display: none;
        padding: 15px 15px 15px 25px;
    }
    .megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.banner-menu .ul li.menu-banner a.menu-banner-title{
        display: block;
        margin-top: 0;
        padding: 12px 20px 12px 20px;
        font-weight: 400;
        text-align: left;
    }
}
/* megamenu with submenu css */
.megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu.sub-menu{
    left: auto;
    right: auto;
    min-width: 200px;
    padding: 0;
}
.megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu.sub-menu .ul{
    flex-direction: column;
}
.megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu.sub-menu .ul li.megamenu-li{
    width: 100%;
    position: relative;
    padding: 12px 30px 0;
}
.megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu.sub-menu .ul li.megamenu-li:first-of-type{
    padding: 30px 30px 0px;
}
.megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu.sub-menu .ul li.megamenu-li:last-of-type{
    padding: 12px 30px 30px;
}
.megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu.sub-menu .ul li.megamenu-li h2,
.megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu.sub-menu .ul li.megamenu-li a.sublink-title.sublink-title-lg{
    display: none;
}
.megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu.sub-menu .ul li.megamenu-li a.sublink-title{
    color: var(--font-color-body);;
    width: 100%;
    display: flex;
    align-items: center;
}
.megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu.sub-menu .ul li.megamenu-li:hover a.sublink-title{
    color: var(--font-color-primary);
}
.megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu.sub-menu .ul li.megamenu-li a.sublink-title i{
    transform: rotate(-90deg);
}
.megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu.sub-menu .ul li.megamenu-li ul.dropdown-supmenu{
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
    -webkit-animation-duration: 0.1s;
    animation-duration: 0.1s;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
.megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu.sub-menu .ul li.megamenu-li:hover ul.dropdown-supmenu{
    opacity: 1;
    visibility: visible;
}
.megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu.sub-menu .ul li.megamenu-li ul.dropdown-supmenu.collapse:not(.show){
    display: none;
}
.megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu.sub-menu .ul li.megamenu-li:hover ul.dropdown-supmenu.collapse:not(.show){
    display: block;
}
.megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu.sub-menu .ul li.megamenu-li ul.dropdown-supmenu li.supmenu-li{
    margin-top: 0;
    padding: 12px 30px 0;
}
.megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu.sub-menu .ul li.megamenu-li ul.dropdown-supmenu li.supmenu-li:first-of-type{
    padding: 30px 30px 0px;
}
.megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu.sub-menu .ul li.megamenu-li ul.dropdown-supmenu li.supmenu-li:last-of-type{
    padding: 12px 30px 30px;
}
.megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu.sub-menu .ul li.megamenu-li ul.dropdown-supmenu li.supmenu-li a.suplink-title{
    display: block;
    color: var(--font-color-body);;
}
.megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu.sub-menu .ul li.megamenu-li ul.dropdown-supmenu li.supmenu-li:hover a.suplink-title{
    color: var(--font-color-primary);
}
.megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu.sub-menu .ul li.megamenu-li ul.dropdown-supmenu li.supmenu-li a.suplink-title span.spbp-link-title{
    position: relative;
}
@media (max-width: 1199px) {
    .megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu.sub-menu{
        min-width: 100%;
    }
    .megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu.sub-menu .ul li.megamenu-li{
        width: 100%;
        margin-top: 0px;
        padding: 0;
        border-top: var(--sti-border);
    }
    .megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu.sub-menu .ul li.megamenu-li:first-of-type,
    .megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu.sub-menu .ul li.megamenu-li:last-of-type{
        padding: 0;
    }
    .megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu.sub-menu .ul li.megamenu-li a.sublink-title{
        display: none;
    }
    .megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu.sub-menu .ul li.megamenu-li a.sublink-title.sublink-title-lg{
        display: flex;
    }
    .megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu.sub-menu .ul li.megamenu-li a.sublink-title.sublink-title-lg,
    .megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu.sub-menu .ul li.megamenu-li a.sublink-title.sublink-title-lg[aria-expanded="false"]{
        color: var(--font-color-body);;
    }
    .megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu.sub-menu .ul li.megamenu-li a.sublink-title.sublink-title-lg[aria-expanded="true"]{
        color: var(--font-color-primary);
    }
    .megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu.sub-menu .ul li.megamenu-li a.sublink-title.sublink-title-lg i{
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    .megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu.sub-menu .ul li.megamenu-li a.sublink-title.sublink-title-lg[aria-expanded="true"] i{
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    .megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu.sub-menu .ul li.megamenu-li ul.dropdown-supmenu{
        position: unset;
        padding: 0;
        opacity: 1;
        visibility: visible;
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-animation-duration: 0s;
        animation-duration: 0s;
        box-shadow: none;
    }
    .megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu.sub-menu .ul li.megamenu-li:hover ul.dropdown-supmenu.collapse:not(.show){
        display: none;
    }
    .megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu.sub-menu .ul li.megamenu-li ul.dropdown-supmenu li.supmenu-li{
        padding: 0;
        border-top: var(--sti-border);
    }
    .megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu.sub-menu .ul li.megamenu-li ul.dropdown-supmenu li.supmenu-li:first-of-type,
    .megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu.sub-menu .ul li.megamenu-li ul.dropdown-supmenu li.supmenu-li:last-of-type{
        padding: 0;
    }
    .megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu.sub-menu .ul li.megamenu-li ul.dropdown-supmenu li.supmenu-li{
        margin-top: 0;
        border-top: var(--sti-border);
    }
    .megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu.sub-menu .ul li.megamenu-li ul.dropdown-supmenu li.supmenu-li a.suplink-title{
        padding: 10px 15px 10px 35px;
    }
    .megamenu-content ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu .ul li.megamenu-li ul.dropdown-supmenu li.supmenu-li:first-child{
        margin-top: 0;
    }
}

/*=====================================
home slider product css
======================================*/
.slider-content .slider-pro-area {
    position: absolute;
    left: 0px;
    right: 0;
}
.slider-content .slider-pro-area .slider-pro-block {
    position: relative;
    width: 33.33%;
}
.slider-content .slider-pro-area .slider-pro-block.slider-pro-left {
    margin-right: auto;
    padding-right: 70px;
}
.slider-content .slider-pro-area .slider-pro-block.slider-pro-center {
    margin-right: auto;
    margin-left: auto;
    padding-left: 35px;
    padding-right: 35px;
}
.slider-content .slider-pro-area .slider-pro-block.slider-pro-right {
    margin-left: auto;
    padding-left: 70px;
}
.slider-pro-block .single-product-wrap::before {
    background-color: var(--font-color-primary);
    content: '';
    position: absolute;
    width: 5px;
    height: 100%;
    z-index: 2;
}
.slider-pro-block.slider-pro-left .single-product-wrap::before,
.slider-pro-block.slider-pro-center .single-product-wrap::before {
    right: 0px;
}
.slider-pro-block.slider-pro-right .single-product-wrap::before {
    left: 0px;
}
.slider-pro-block .single-product-wrap .product-content {
    padding: 30px 15px 70px 15px;
    margin-top: 0px;
}
/* product dots css */
.slider-pro-block .swiper-dots {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    margin-top: 0px;
}
.slider-pro-block.slider-pro-right .swiper-dots {
    padding-left: 75px;
}
.slider-pro-block.slider-pro-left .swiper-dots {
    padding-right: 75px;
}
.slider-pro-block .swiper-dots .swiper-pagination.swiper-pagination-bullets {
    position: relative;
    bottom: 0px;
}
@media (max-width: 991px) {
    .slider-content .slider-pro-area .slider-pro-block {
        width: 50%;
    }
}
@media (max-width: 767px) {
    .slider-content .slider-pro-area .slider-pro-block.slider-pro-left {
        padding-right: 40px;
    }
    .slider-content .slider-pro-area .slider-pro-block.slider-pro-center {
        padding-left: 20px;
        padding-right: 20px;
    }
    .slider-content .slider-pro-area .slider-pro-block.slider-pro-right {
        padding-left: 40px;
    }
    .slider-pro-block .single-product-wrap .product-content {
        padding: 15px 15px 45px;
    }
    /* product dots css */
    .slider-pro-block .swiper-dots {
        bottom: 15px;
    }
    .slider-pro-block.slider-pro-right .swiper-dots {
        padding-left: 40px;
    }
    .slider-pro-block.slider-pro-left .swiper-dots {
        padding-right: 40px;
    }
}
@media (max-width: 479px) {
    .slider-content .slider-pro-area {
        position: unset;
        background-color: var(--extra-color-body);
        padding: 30px 12px;
    }
    .slider-content .slider-pro-area .slider-pro-block {
        width: 100%;
    }
    .slider-content .slider-pro-area .slider-pro-block.slider-pro-left,
    .slider-content .slider-pro-area .slider-pro-block.slider-pro-center,
    .slider-content .slider-pro-area .slider-pro-block.slider-pro-right {
        padding: 0px;
    }
    /* product dots css */
    .slider-pro-block.slider-pro-right .swiper-dots {
        padding-left: 0px;
    }
    .slider-pro-block.slider-pro-left .swiper-dots {
        padding-right: 0px;
    }
}

/*=====================================
tab css
======================================*/
.tab ul.nav-tabs li a {
    display: block;
    
    white-space: nowrap;
}
@media (max-width: 1199px) {
    .tab ul.nav-tabs {
        display: flex;
        overflow-x: auto;
        flex-wrap: nowrap;
        max-width: 100%;
        scrollbar-width: thin;
        -webkit-scrollbar-width: thin;
    }
    .tab ul.nav-tabs::-webkit-scrollbar {
        height: 0px;
    }
}
@media (max-width: 767px) {
}

/*=====================================
product tab slider css
======================================*/
.featured-product .tab {
    position: relative;
}
.featured-product .tab ul.nav-tabs {
    justify-content: center;
    position: relative;
    z-index: 2;
    margin-top: 30px;
    border-bottom: none;
}
.featured-product .tab ul.nav-tabs li a {
    color: var(--font-color-body);;
    font-size: 18px;
    line-height: 1;
    padding: 18px 25px;
    font-weight: var(--sti-font-weight);
    text-transform: uppercase;
    background-color: transparent;
    border: 1px solid transparent;
}
.featured-product .tab ul.nav-tabs li a.active{
    color: var(--font-color-primary);
    background-color: #fff;
    border-color: rgba(0,0,0,10%);
}
@media (max-width: 1199px) {
    .featured-product .tab ul.nav-tabs {
        justify-content: flex-start;
    }
    .featured-product .tab ul.nav-tabs li a{
        font-size: 14px;
        padding: 13px 15px;
    }
}
@media (max-width: 767px) {
    .featured-product .tab ul.nav-tabs {
        margin-top: 15px;
    }
}
/* side banner css */
@media (max-width: 991px) {
    .full-column .left-column .banner-grid {
        display: none;
    }
    .full-column {
        flex-direction: column-reverse;
    }
}

/*=====================================
product css
======================================*/
/* grid css */
.shop-product-wrap.grid-3 ul.product-view li.st-col-item {
    width: calc(33.33% - 30px);
    display: flex;
}
.shop-product-wrap.grid-3 ul.product-view li.st-col-item.st-col {
    width: calc(25% - 30px);
}
@media (max-width: 1199px) {
    .shop-product-wrap.grid-3 ul.product-view li.st-col-item {
        width: calc(50% - 30px);
    }
    .shop-product-wrap.grid-3 ul.product-view li.st-col-item.st-col {
        width: calc(33.33% - 30px);
    }
}
@media (max-width: 991px) {
    .shop-product-wrap.grid-3 ul.product-view li.st-col-item.st-col {
        width: calc(50% - 30px);
    }
}
@media (max-width: 767px) {
    .shop-product-wrap.grid-3 ul.product-view li.st-col-item {
        width: calc(50% - 12px);
    }
    .shop-product-wrap.grid-3 ul.product-view li.st-col-item.st-col {
        width: calc(50% - 12px);
    }
}
@media (max-width: 320px) {
    .shop-product-wrap.grid-3 ul.product-view li.st-col-item {
        width: calc(100% - 12px);
    }
    .shop-product-wrap.grid-3 ul.product-view li.st-col-item.st-col {
        width: calc(100% - 12px);
    }
}

/* list css */
@media (max-width: 991px) {
    .shop-product-wrap.grid-1 ul.product-view li.st-col-item {
        width: calc(100% - 30px);
    }
}
@media (max-width: 767px) {
    .shop-product-wrap.grid-1 ul.product-view li.st-col-item {
        width: calc(50% - 12px);
    }
}
@media (max-width: 479px) {
    .shop-product-wrap.grid-1 ul.product-view li.st-col-item {
        width: calc(100% - 12px);
    }
}

/* product main css */
.single-product-wrap {
    position: relative;
    overflow: hidden;
    background-color: #ffffff;
}

/* product img css */
.single-product-wrap .product-image {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--sti-border-radius);
}
.single-product-wrap .product-image a.pro-img {
    display: block;
    position: relative;
}
.single-product-wrap .product-image a.pro-img::before {
    background-color: #FFFFFF;
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.single-product-wrap:hover .product-image a.pro-img::before {
    opacity: 0.5;
    visibility: visible;
}
.single-product-wrap .product-image a.pro-img img {
    backface-visibility: hidden;
}
.single-product-wrap:hover .product-image a.pro-img .img1 {
    opacity: 0;
    visibility: hidden;
}
.single-product-wrap .product-image a.pro-img .img2 {
    top: 0;
    position: absolute;
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
}
.single-product-wrap:hover .product-image a.pro-img .img2 {
    opacity: 1;
    visibility: visible;
}
.single-product-wrap .product-image a.pro-img img,
.single-product-wrap:hover .product-image a.pro-img img {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
@media (max-width: 1199px) {
    .single-product-wrap:hover .product-image a.pro-img .img1.resp-img1 {
        opacity: 1;
        visibility: visible;
    }
    .single-product-wrap:hover .product-image a.pro-img .img2.resp-img2 {
        opacity: 0;
        visibility: hidden;
    }
}

/* product action button css */
.single-product-wrap .product-action {
    display: flex;
}
.single-product-wrap .product-image .product-action {
    position: absolute;
    left: 0;
    bottom: 50%;
    transform: translateY(50%);
    right: 0;
    flex-direction: column;
    align-items: center;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
    transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
}
.single-product-wrap:hover .product-image .product-action {
    opacity: 1;
    visibility: visible;
}
.single-product-wrap .product-image .product-action .wishlist-quickview {
    display: flex;
    align-items: center;
    transform: scale(0);
}
.single-product-wrap .product-image .product-action .product-cart {
    margin-top: 15px;
    transform: scale(0);
}
.single-product-wrap .product-image .product-action .wishlist-quickview,
.single-product-wrap .product-image .product-action .product-cart {
    -webkit-transition: transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
}
.single-product-wrap:hover .product-image .product-action .wishlist-quickview,
.single-product-wrap:hover .product-image .product-action .product-cart {
    transform: scale(1);
}
.single-product-wrap .product-action a {
    background-color: var(--extra-color-body);
    color: var(--font-color-paragraph);
    width: 80px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    border-left: 1px solid var(--theme-border-color);
    border-radius: var(--sti-border-radius);
}
.single-product-wrap .product-action a:hover {
    color: #FFFFFF;
    background-color: var(--font-color-primary);
}
.single-product-wrap .product-action a.add-to-cart {
    background-color: var(--font-color-primary);
    color: #FFFFFF;
    width: 160px;
    height: 55px;
    border: none;
    font-weight: var(--font-custom-weight-header);
    text-transform: uppercase;
}
.single-product-wrap .product-action a.add-to-cart:hover {
    background-color: var(--font-color-secondary);
} 
.single-product-wrap .product-action a:first-child {
    border-left: none;
}
.single-product-wrap .product-action a span.btn-icon {
    display: block;
    line-height: 0;
}
.single-product-wrap .product-action a.add-to-cart span.icon {
    display: none;
}
@media (max-width: 1199px) {
    .single-product-wrap .product-image .product-action {
        display: none;
    }
    .single-product-wrap .product-action a,
    .single-product-wrap .product-action a.add-to-cart {
        width: 50px;
        height: 50px;
        border: none;
    }
    .single-product-wrap .product-action a.add-to-cart span.icon {
        display: flex;
    }
    .single-product-wrap .product-action a.add-to-cart span.title {
        display: none;
    }
}
@media (max-width: 479px) {
    .single-product-wrap .product-action a,
    .single-product-wrap .product-action a.add-to-cart {
        width: 40px;
        height: 40px;
    }
}

/* product content css */
.single-product-wrap .product-content {
    position: relative;
    text-align: center;
    padding: 30px 15px;
}
.single-product-wrap .product-content h6 {
    font-size: 18px;
}
.single-product-wrap .product-content h6 a {
    display: block;
    -webkit-transition: all 0s ease-in-out 0s;
    -o-transition: all 0s ease-in-out 0s;
    transition: all 0s ease-in-out 0s;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
}
.single-product-wrap .product-content h6 a:hover {
  color: var(--font-color-primary);
}
.single-product-wrap .product-content .product-ratting {
    margin-bottom: 9px;
}
.single-product-wrap .product-content .price-box { 
    margin-top: 14px;
}
.single-product-wrap .product-content p.product-description,
.single-product-wrap .product-content .product-action {
    display: none;
}
/* product price css */
.price-box {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    line-height: 1;
}
.price-box span.new-price {
    color: var(--font-color-primary);
    font-size: 18px;
    font-weight: var(--font-custom-weight-header);
}
.price-box span.old-price {
    position: relative;
    color: var(--font-color-paragraph);
    font-size: 18px;
    margin-left: 10px;
    padding-left: 10px;
    text-decoration: line-through;
    font-weight: var(--font-custom-weight-header);
}
.price-box span.old-price:before {
    content: "~";
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    left: -5px;
}
.price-box .old-price .money {
    text-decoration: line-through;
}
@media (max-width: 1199px) {
    .single-product-wrap .product-content .product-action {
        margin-top: 20px;
        display: flex;
        justify-content: center;
    }
}
@media (max-width: 767px) {
    .single-product-wrap .product-content {
        padding: 30px 12px;
    }
}
@media (max-width: 479px) {
    .single-product-wrap .product-content {
        padding: 20px 12px;
    }
    .single-product-wrap .product-content h6 {
        font-size: 16px;
    }
    .price-box span.new-price,
    .price-box span.old-price {
        font-size: var(--font-size-body);
    }
    .price-box span.old-price {
        margin-left: 7px;
        padding-left: 7px;
    }
}

/* product ratting css */
.product-ratting .spr-badge {
    display: flex;
    line-height: 1;
}
.product-ratting .spr-badge::before,
.product-ratting .spr-badge::after {
    display: none;
}
.shopify-product-reviews-badge {
    display: none;
}
.product-ratting .spr-badge .spr-badge-starrating,
.spr-container .spr-header .spr-summary .spr-summary-starrating,
.spr-container .spr-content .spr-form .spr-form-review .spr-form-review-rating .spr-starrating,
.spr-container .spr-content .spr-reviews .spr-review .spr-review-header .spr-review-header-starratings {
    display: flex;
    margin: 0 0px 0 0;
    line-height: 0;
}
.product-ratting .spr-badge .spr-badge-starrating .spr-icon {
    font-size: 12px !important;
}
.spr-container .spr-header .spr-summary .spr-summary-starrating .spr-icon,
.spr-container .spr-content .spr-form .spr-form-review .spr-form-review-rating .spr-starrating .spr-icon,
.spr-container .spr-content .spr-reviews .spr-review .spr-review-header .spr-review-header-starratings .spr-icon {
    font-size: 14px !important;
}
.product-ratting .spr-badge .spr-badge-starrating .spr-icon,
.spr-container .spr-header .spr-summary .spr-summary-starrating .spr-icon,
.spr-container .spr-content .spr-form .spr-form-review .spr-form-review-rating .spr-starrating .spr-icon,
.spr-container .spr-content .spr-reviews .spr-review .spr-review-header .spr-review-header-starratings .spr-icon {
    top: 0;
    width: auto;
    height: auto;
    margin-right: 3px;
    opacity: 1;
}
.product-ratting .spr-badge .spr-badge-starrating .spr-icon:last-child,
.spr-container .spr-header .spr-summary .spr-summary-starrating .spr-icon:last-child,
.spr-container .spr-content .spr-form .spr-form-review .spr-form-review-rating .spr-starrating .spr-icon:last-child,
.spr-container .spr-content .spr-reviews .spr-review .spr-review-header .spr-review-header-starratings .spr-icon:last-child {
    margin-right: 0;
}
.product-ratting .spr-badge .spr-icon-star::before,
.product-ratting .spr-badge .spr-icon-star-half-alt::before,
.product-ratting .spr-badge .spr-icon-star-empty::before,
.spr-container .spr-header .spr-summary .spr-summary-starrating .spr-icon-star::before,
.spr-container .spr-header .spr-summary .spr-summary-starrating .spr-icon-star-half-alt::before,
.spr-container .spr-header .spr-summary .spr-summary-starrating .spr-icon-star-empty::before,
.spr-container .spr-content .spr-reviews .spr-review .spr-review-header .spr-review-header-starratings .spr-icon-star::before,
.spr-container .spr-content .spr-reviews .spr-review .spr-review-header .spr-review-header-starratings .spr-icon-star-half-alt::before,
.spr-container .spr-content .spr-reviews .spr-review .spr-review-header .spr-review-header-starratings .spr-icon-star-empty::before,
.spr-container .spr-content .spr-form .spr-form-review .spr-form-review-rating .spr-starrating .spr-icon-star::before,
.spr-container .spr-content .spr-form .spr-form-review .spr-form-review-rating .spr-starrating .spr-icon-star-hover::before {
    color: var(--font-color-paragraph);
}
.product-ratting .spr-badge .spr-badge-caption {
    display: none;
    color: #BBBBBB;
    margin-left: 5px;
    padding: 0 10px;
    position: relative;
    line-height: 1;
}
.product-ratting .spr-badge .spr-badge-caption::before {
    content: "(";
    position: absolute;
    left: 0;
}
.product-ratting .spr-badge .spr-badge-caption::after {
    content: ")";
    position: absolute;
    right: 0;
}

/* list css */
.shop-product-wrap.grid-1 ul.product-view li.st-col-item .single-product-wrap {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.shop-product-wrap.grid-1 ul.product-view li.st-col-item .single-product-wrap .product-image {
    width: calc(33.33% - 20px);
}
.shop-product-wrap.grid-1 ul.product-view li.st-col-item .single-product-wrap .product-image .product-action {
    display: none;
}
.shop-product-wrap.grid-1 ul.product-view li.st-col-item.st-col .single-product-wrap .product-image {
    width: calc(25% - 23px);
}
.shop-product-wrap.grid-1 ul.product-view li.st-col-item .single-product-wrap .product-content {
    width: calc(66.67% + 20px);
    padding: 30px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    text-align: left;
}
.shop-product-wrap.grid-1 ul.product-view li.st-col-item.st-col .single-product-wrap .product-content {
    width: calc(75% + 23px);
}
.shop-product-wrap.grid-1 .single-product-wrap .product-content p.product-description {
    display: block;
    margin-top: 11px;
}
.shop-product-wrap.grid-1 .single-product-wrap .product-content .product-action {
    display: flex;
    margin-top: 11px;
}
.shop-product-wrap.grid-1 .single-product-wrap .product-content .product-action a.quick-view, 
.shop-product-wrap.grid-1 .single-product-wrap .product-content .product-action a.wishlist-btn {
    display: flex;
}
@media (max-width: 1199px) {
    .shop-product-wrap.grid-1 ul.product-view li.st-col-item .single-product-wrap .product-image {
        width: calc(50% - 15px);
    }
    .shop-product-wrap.grid-1 ul.product-view li.st-col-item.st-col .single-product-wrap .product-image {
        width: calc(33.33% - 20px);
    }
    .shop-product-wrap.grid-1 ul.product-view li.st-col-item .single-product-wrap .product-content {
        width: calc(50% + 15px);
    }
    .shop-product-wrap.grid-1 ul.product-view li.st-col-item.st-col .single-product-wrap .product-content {
        width: calc(66.67% + 20px);
    }
}
@media (max-width: 991px) {
    .shop-product-wrap.grid-1 ul.product-view li.st-col-item.st-col .single-product-wrap .product-image {
        width: calc(50% - 15px);
    }
    .shop-product-wrap.grid-1 ul.product-view li.st-col-item.st-col .single-product-wrap .product-content {
        width: calc(50% + 15px);
    }
}
@media (max-width: 767px) {
    .shop-product-wrap.grid-1 ul.product-view li.st-col-item .single-product-wrap .product-image,
    .shop-product-wrap.grid-1 ul.product-view li.st-col-item.st-col .single-product-wrap .product-image,
    .shop-product-wrap.grid-1 ul.product-view li.st-col-item .single-product-wrap .product-content,
    .shop-product-wrap.grid-1 ul.product-view li.st-col-item.st-col .single-product-wrap .product-content {
        width: 100%;
    }
    .shop-product-wrap.grid-1 ul.product-view li.st-col-item .single-product-wrap .product-content {
        padding: 30px 12px;
        text-align: center;
        align-items: center;
    }
}
@media (max-width: 479px) {
    .shop-product-wrap.grid-1 ul.product-view li.st-col-item .single-product-wrap .product-content {
        padding: 20px 12px;
    }
}

/* product grid-list css */
.product-grid-list .single-product-wrap{
    background-color: #ffffff;
}
.product-grid-list .single-product-wrap {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.product-grid-list .single-product-wrap .product-image {
    width: 150px;
}
.product-grid-list .single-product-wrap .product-content {
    width: calc(100% - 150px);
    padding: 0px 15px 0px 15px;
}
@media (max-width: 1199px) {
    .product-grid-list .single-product-wrap .product-image {
        width: 105px;
    }
    .product-grid-list .single-product-wrap .product-content {
        width: calc(100% - 105px);
    }
}
@media (max-width: 767px) {
    .product-grid-list .single-product-wrap .product-content {
        padding: 0px 12px 0px 12px;
    }
}
/*=====================================
  blog post css
======================================*/
.blog-post {
    position: relative;
}
/* blog-img css */
.blog-post .blog-main-img {
    position: relative;
}
.blog-post .blog-main-img a.blog-img {
    display: block;
    position: relative;
    border-radius: var(--sti-border-radius);
    overflow: hidden;
}
.blog-post .blog-main-img a.blog-img svg {
    width: 100%;
}
.blog-post .blog-main-img a.blog-img img {
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.blog-post .blog-main-img .blog-date {
    position: relative;
    margin-top: -25px;
    margin-left: 20px;
    z-index: 2;
}
.blog-post .blog-main-img .blog-date span.date-time {
    background-color: #FFFFFF;
    color: var(--font-color-primary);
    padding: 14px 30px;
    font-weight: var(--font-custom-weight-header);
    border-radius: var(--sti-border-radius);
    text-transform: uppercase;
}

/* blg-content css */
.blog-post .blog-post-content {
    position: relative;
    margin-top: 18px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.blog-post .blog-post-content .blog-title h6.title {
    font-size: 18px;
    font-weight: var(--font-custom-weight-header);
}
.blog-post .blog-post-content .blog-title h6.title a {
    color: var(--font-color-header);
    display: block;
    line-height: 2;
}
.blog-post .blog-post-content .blog-title h6.title a:hover {
    color: var(--font-color-primary);
}
.blog-post .blog-post-content .blog-description {
    margin-top: 10px;
}
.blog-post .blog-post-content .read-btn-buttol {
    margin-top: 21px;
}
  
/*=====================================
account page css
======================================*/
/* Ajax Spin Cart */
.ajax-spin-cart .cart-loading, .ajax-spin-cart.add-item .cart-title, .ajax-spin-cart .cart-added, .ajax-spin-cart .cart-unavailable{
    display: none;
    line-height: 0;
}
.ajax-spin-cart.loading.add-item .cart-added, .ajax-spin-cart.loading.add-item .cart-unavailable{
    display: none;
}
.ajax-spin-cart.loading .cart-loading, .ajax-spin-cart.add-item .cart-added{
    display: inline-block;
}

/* Wishlist Button */
.wishlist-action a {
    display: inline-block;
}
.action-wishlist .loading-wishlist, .action-wishlist .remove-wishlist, a.go-to-wishlist{
    display: none;
}
.action-wishlist.loading-wishlist .loading-wishlist{
    display: inline-block;
}
.action-wishlist.loading-wishlist .add-wishlist, .action-wishlist.adding-wishlist .remove-wishlist, .action-wishlist.adding-wishlist + a.go-to-wishlist{
    display: none;
}
.action-wishlist.is-active .add-wishlist{
    display: none;
}
.action-wishlist.is-active .remove-wishlist, .action-wishlist.is-active + a.go-to-wishlist{
    display: inline-block;
}
.action-wishlist.is-active.adding-wishlist .remove-wishlist, .action-wishlist.is-active.adding-wishlist + a.go-to-wishlist{
    display: inline-block;
}
.action-wishlist.loading-wishlist.adding-wishlist .remove-wishlist, .action-wishlist.loading-wishlist.adding-wishlist + a.go-to-wishlist{
    display: none;
}
.load-anim{
    -webkit-animation: spin 1s infinite linear;
    -moz-animation: spin 1s infinite linear;
    -o-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear;
}
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* magificant css */
.mfp-container.mfp-iframe-holder{
    width: auto;
    left: 15px;
    right: 15px;
}
.mfp-iframe-holder .mfp-content{
    max-width: 700px;
}
.mfp-iframe-holder .mfp-close {
    display: block!important;
    font-size: 20px;
    padding: 0;
    height: auto;
    width: auto;
    position: absolute;
    top: -20px;
    right: 0;
    background-color: transparent!important;
    line-height: 1;        
}
.mfp-iframe-scaler iframe{
    border: none;
}
@media(max-width: 767px) {
    .mfp-iframe-holder .mfp-content{
        max-width: 100%;
    }
}
@-webkit-keyframes video-icon-sonar{0%{opacity:1;-webkit-transform:scale(.1);transform:scale(.1)}100%{opacity:0;-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes video-icon-sonar{0%{opacity:1;-webkit-transform:scale(.1);transform:scale(.1)}100%{opacity:0;-webkit-transform:scale(1.1);transform:scale(1.1)}}

.reviews-badge_stars{
    margin-top: 20px;
}

div.store-information{
    margin-top: 20px;
}

li.store-list_item{
    display: flex;
    gap: 10px;
    align-items: center;
}

li.store-list_item > i{
    font-size: 22px;
    color: #ae9b54;
}

li.store-list_item > p > a{
    font-size: 18px;
}

@media screen and (min-width: 1200px) and (max-width: 1400px){
    li.store-list_item>p>a {
        font-size: 16px;
    }
}

.hide-logo_element > .store-logo{
    display: none !important;
}

.explore-collection_content{
    margin-top: 40px;
}

.explore-collection_content img{
    width: 100%;
    border-radius: 12px;
}

.explore-collection_content .title-element{
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

ul.explore-collection_list{
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-bottom: 30px;
}

ul.explore-collection_list > li{
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.explore-collection_item_title{
    font-weight: 700;
    font-size: 20px;
}

/*Delivery*/

.delivery-collection_block .delivery-info_block > p, ul.delivery-block_list > li, .self-collection-block-info > p{
    padding-bottom: 16px;
}

.delivery-collection_block .delivery-info_block > p:last-child, ul.delivery-block_list > li:last-child, .self-collection-block-info > p:last-child{
    padding-bottom: 0;
}

.delivery-collection_block h3, h4.delivery-charges-title, h4.order-lead-title, h4.collection-venue_title, h4.self-collection-block-info{
    margin-top: 30px;
    margin-bottom: 30px;
}

.information-block_container{
    margin-top: 30px;
}

.information-block_container{
    display: flex;
    gap: 30px;
}

.information-block_container > div{
    width: 50%;
}

.collection-map-block .map-embed {
  width: 100%;
  aspect-ratio: 4 / 3;
  margin: 0 auto;
}
.collection-map-block .map-embed iframe {
  width: 100%;
  height: 100%;
  display: block;
}

@media screen and (max-width: 992px){
    .information-block_container{
        flex-direction: column;
    }

    .information-block_container > div{
        width: 100%;
    }

    .collection-map-block .map-embed {
        aspect-ratio: 16 / 9;
    }
}

/*Ordering & Payment Accordion*/

.orering-and-payment_content{
    margin-top: 40px;
}

.orering-and-payment_content .prices-text{
    text-align: center;
    max-width: 450px;
    margin: 20px auto 0 auto;
}

.accordion {
  --acc-radius: 12px;
  --acc-border: 1px;
  --acc-gap: 10px;
  --acc-speed: 320ms;
  --acc-ease: cubic-bezier(.25,.8,.25,1);
  --acc-bg: #fff;
  --acc-border-color: rgba(0,0,0,.12);
  --acc-title-color: #111;
  --acc-muted: #666;
  max-width: 720px;
  margin: 0 auto;
}

.accordion .acc-item {
  background: var(--acc-bg);
  border: var(--acc-border) solid var(--acc-border-color);
  border-radius: var(--acc-radius);
  overflow: hidden;
  + .acc-item { margin-top: var(--acc-gap); }
}

.accordion .acc-toggle {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.accordion .acc-title {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  padding: 16px 18px;
  font-weight: 600;
  color: var(--acc-title-color);
  user-select: none;
  position: relative;
}

.accordion .acc-title::after {
  content: "";
  margin-left: auto;
  width: 10px;
  height: 10px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(-45deg);
  transition: transform var(--acc-speed) var(--acc-ease);
  opacity: .75;
}

.accordion .acc-content {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows var(--acc-speed) var(--acc-ease);
}
.accordion .acc-content > * {
  overflow: hidden;
}

.accordion .acc-content p {
  margin: 0;
  padding: 0 18px 16px 18px;
  color: var(--acc-muted);
  line-height: 1.55;
}

.accordion .acc-toggle:checked ~ .acc-title::after {
  transform: rotate(45deg);
}
.accordion .acc-toggle:checked ~ .acc-content {
  grid-template-rows: 1fr;
}

.accordion .acc-title:hover { background: rgba(0,0,0,.03); }
.accordion .acc-title:focus-visible {
  outline: 2px solid #2684ff;
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  .accordion .acc-content { transition: none; }
  .accordion .acc-title::after { transition: none; }
}

.accordion .acc-box {
  overflow: hidden;
  padding: 0 18px;
  transition: padding var(--acc-speed) var(--acc-ease), opacity var(--acc-speed) var(--acc-ease);
  opacity: .9;
}

.accordion .acc-toggle:checked ~ .acc-content {
  grid-template-rows: 1fr;
}

.accordion .acc-toggle:checked ~ .acc-content .acc-box {
  padding: 10px 18px 0 0;
  opacity: 1;
}

.accordion .acc-item{ position: relative; }

.accordion .acc-toggle{
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}

.accordion .acc-toggle:focus-visible + .acc-title{
  outline: 2px solid #2684ff;
  outline-offset: 2px;
  border-radius: 8px;
}

.accordion{ overflow-x: hidden; }

/*Top Menu*/

.megamenu-content ul.main-menu li.menu-link a.link-title span.sp-link-title{
    font-size: 14px;
}

.megamenu-content ul.main-menu li.menu-link{
    margin-right: 20px;
}

.user-warp {
    display: none;
}.hide-column{display: none !important}
.varq-brochure-page--details, .varq-brochure-page--voucher{display: none !important}


button[aria-label^="More information about GST"] {
    display: none !important;
}

/* VARQ CINZEL FINAL OVERRIDE */

.single-product-wrap .product-content h6 a,
.single-product-wrap .product-content .new-price,
.product-tab-ptb .product-tab ul.nav-tabs li a {
    font-family: "Cinzel" !important;
}
.varq-diwali-editable p,
.varq-diwali-editable .varq-brochure-copy,
.varq-diwali-editable .varq-brochure-copy p,
.varq-diwali-editable .varq-brochure-closing,
.varq-diwali-editable .varq-brochure-caps,
.varq-diwali-editable .varq-brochure-signature,
.varq-diwali-editable .varq-brochure-voucher-intro p,
.varq-diwali-editable .varq-brochure-voucher-footer,
p, html body, html body p, html body li, html body dt, html body dd, html body address, html body blockquote, html body label, html body input, html body textarea, html body select, html body option, html body button, html body .rte, html body .rte p, html body .rte strong, html body .rte em, html body .product-description, html body .footer-content, html body .footer-content p, html body .contact-content, html body .contact-content p {
  font-family: "Spectral" !important;
  font-weight: 200 !important;
}

/* Hide only the checkbox */
#marketing_opt_in {
    display: none !important;
}
span[aria-label="More information about GST (9%)"] {
    display: none !important;
}
/* Keep the message visible */
label[for="marketing_opt_in"] {
    display: block !important;
    padding-left: 0 !important;
pointer-events: none;
}

@media(min-width:1021px){.home-slider .owl-item{height: 100vh}}
@media(max-width:571px){.footer-insta,.ri-add-fill {display:none;}
.varq-brochure-inner, .chef-content{padding:0px 25px;}
.megamenu-block.active{z-index:999999 !important}
.floating-social-widget{z-index:7 !important}
    .footer-list-wrap ul.footer-list li.ftlink-li .footer-sublist.collapse:not(.show) {
        display: block !important;
    }
    .footer-sublist.link.collapse li{text-align:left !important}
}
 .fa.fa-whatsapp {
    font-family: "Font Awesome 5 Brands" !important;}
    .fa, .far, .fas {
    font-family: "Font Awesome 5 Free" !important;
}

.mini-cart{z-index: 111!important}

#shopify-section-footer .theme-header-logo img.varq-brand-logo {
    display: block !important;
    width: min(100%, 280px) !important;
    max-width: 140px !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center !important;
}

.footer-list-wrap ul.footer-list li.ftlink-li.store-info
.store-info-block .store-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 150px;
}

.footer-list-wrap ul.footer-list li.ftlink-li.store-info
.store-info-block .store-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 150px;
}

.section-title h2 {
    line-height: 1.02!important;
    font-size: 39px !important;
}

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

  /* Mobile side spacing for normal content */
  .shopify-section {
    padding-left: 26px;
    padding-right: 26px;
  }

  /* Keep hero/banner full width */
  .shopify-section:has(.banner),
  .shopify-section:has(.slideshow),
  .shopify-section:has(.hero),
  .shopify-section:has(.image-banner) {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

}

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

  /* Center all section content */
  body .shopify-section * {
    text-align: center !important;
   
  }

  /* Center buttons */
  body .shopify-section a,
  body .shopify-section button {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Center images/icons */
  body .shopify-section img {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  

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

  /* Main title top spacing mobile */
  .main-title,
  .page-title,
  .section-title,
  h1 {
    padding-top: 50px !important;
  }

}

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

  .shopify-section .button,
  .shopify-section button,
  .shopify-section a {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .shopify-section .banner__buttons,
  .shopify-section .rich-text__buttons,
  .shopify-section .button-group,
  .shopify-section .buttons {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
  }

}

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

  /* Center buttons inside sections */
  .button-group,
  .button-wrapper,
  .buttons,
  .banner__buttons,
  .slideshow__buttons,
  .hero__buttons,
  .content-box__buttons {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
  }

  /* Button itself */
  .button,
  .btn,
  .button--primary,
  .button--secondary {
    margin-left: auto !important;
    margin-right: auto !important;
  }

}