/*
 * Author: Shopaccino
 * Link: https://www.shopaccino.com/
*/

/* ===============================================
    Attire Theme
    ============================================== */
    @import url('https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400..900&family=Prata&display=swap');
    body 
    {
        font-family: "Maven Pro", sans-serif;
        font-optical-sizing: auto;
        font-style: normal;
        color: #1c1c1c;
        font-size: 15px;
    }
    h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4, .categorycaption  {font-family: "Prata", serif; font-weight: 400;}
    h1,h2,.h1,.h2,div.h2, div.h3, div.h4,
    .text_column_withimages .text-caption .h4 {}
    @media only screen and (min-width: 1200px) {
        .container-fluid {
            padding-right: 1.3rem;
            padding-left: 1.3rem;
        }
    }
    @media (min-width: 1200px) {
        .h1, h1 {font-size: 2rem;}
        .h2, h2 {font-size: 1.7rem;}
    }

/*  ===============================================
    Global
    =============================================== */
    h1,h2,h3,h4,h5,.h1,.h2, .categorycaption,
    .home-category-tabs .nav-link,
    .megamenu-list-title,
    .teaser-item-div .teaser-name a,
    .home-category-tabs .nav-tabs button,
    .home-slider .slide__content--headings p,
    .nav-menu > li > a,
    .megamenu-list-title
    {
        /*letter-spacing: 1px;*/
    }

    .home-rounded-category-panel .category-caption h3,
    .categorycaption,
    .teaser-name,
    .home-category-tabs .nav-tabs button,
    .nav-menu > li > a,
    .megamenu-list-title,
    .mobile-header .toppanel-hold a
    {font-size: 15px;}
    
    .header-txt {/*background-image: linear-gradient(45deg, #874da2 0%, #c43a30 100%);*/ }
    header { background-color: #ffffff;}
    header.h-unsticky {box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;}

    header .select-hold select { background:none; border-color:#1a1a1a !important;line-height: 1.7; border-radius: 3px;}
    header .select-hold .select__arrow {right: 5px;}
    #header-option5 .toppanel-hold svg, #header-option5 #user_profile svg {width: 20px;height: 20px;}
    #header-option5 #user_profile svg { border:none;border-radius:0; padding: 0;width: 18px;height: 18px;}
    .toppanel-hold svg {}
    .toppanel-hold .shoppingcart .cart-icon span {height: 16px;min-width: 16px;font-size: 10px !important;top: -6px;right: 0px;}

    .header_home, .header_inner {position: -webkit- relative;position: relative;}
    .nav-menu > li > a,
    .teaser-item-div .teaser-name
    {
        /*
            font-weight: 300;
            font-size: 12px;
            letter-spacing: 1px;
        */
        padding-top: 0.5em;
        margin-bottom: 0.5em;
    }
    .nav-menu > li > a {padding: 1rem 1em;}
    .megamenu-lists {max-width: none;}
    .nav-menu .megamenu-list-title {padding: 8px 0;  line-height: 2;}
    
    @media only screen and (max-width: 991px) {
        .megamenu-list {margin-bottom: 1em;}
        .megamenu-list > li > a {padding: 8px 15px}
    }
    
    @media only screen and (min-width: 992px){
    .nav-menu li .megamenu-panel {
        position: fixed !important;
        max-height: 350px !important;
        animation: fadeIn ease 0.9s;
        -webkit-animation: fadeIn ease 0.9s;
        -moz-animation: fadeIn ease 0.9s;
        -o-animation: fadeIn ease 0.9s;
        -ms-animation: fadeIn ease 0.9s;
        padding: 2em 3em 2em 3em !important;
        min-height: 200px;
    }
    .nav-menu li .megamenu-panel::-webkit-scrollbar { width: 0 !important}
    .megamenu-panel .megamenu-lists  .megamenu-list:nth-child(2) .drpdwn-category-image figure img
    {
        float: right;
    }
    .megamenu-panel  .drpdwn-category-image figure img{
        max-width: 250px;
        width: 100% ;
        margin: auto
        }
    }
    @keyframes fadeIn{
        0% {
            opacity:0;}
        100% {
            opacity:1;}
    }
    
    .submenu-indicator-chevron {height: 5px;  width: 5px;}
    .btn {border-radius: 0px !important;border: 1px solid transparent;}
    .fw-bold,.ct-pdcpr-hold, .price-varient-block {font-weight:500 !important;}

    .flickity-button {background: hsla(0,0%,100%,.65) !important;}
    .new-tag, .out-of-stock, .soldcss {
        background: #333 !important;
        color: #fff !important;
        text-transform: uppercase;
        letter-spacing: 1px;
        border-radius: 0 !important;
        font-size: 11px;
        padding: 4px 1em !important;
    }

/*  ===============================================
    Button CSS
    =============================================== */
    .home-slider .btn-primary, 
    .home-category .category-caption .btn-primary {padding: 14px 3.5em;}

    .form-control,
    .form-select,
    .btn,
    .btn-primary,
    .btn-wishlist,
    .variant_size_span,
    .description-all-tabs .nav-tabs .nav-link {
        border-radius: 2px !important;
        overflow: hidden;
    }
    .btn { 
        padding: 10px 27px;
        transition: color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86),border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    }
    .btnquick-panel .btn {padding: 6px 15px;}
    @media (min-width: 1025px) {
        .btn {padding: 12px 27px;}
        .btnquick-panel .btn {padding: 6px 15px;}
    }

    .btn-primary, .badge-primary,.btn-primary.active, .btn-primary:active,
    .btn-check:focus + .btn-primary, .btn-primary:focus {background-color: #323232;border-color: #323232;color: #ffffff;}
    .btn-primary:hover, .btn-outline-primary:hover {background-color: #000000;border-color: #000000;color: #ffffff;}
    .btn-outline-primary {border-color:#323232; color: #323232;}
    .btn-outline-primary,
    .btn-primary{
        position: relative;
        line-height: normal;
        background-color: transparent;
        transition: color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86), border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
        z-index: 1;
    }
    .btn-primary-new { border:solid 1px #ffffff;}
    .btn-primary::before, .btn-outline-primary::before{
         position: absolute;
        content: '';
        left: 0;
        top: 0;
        right: -1px;
        bottom: 0px;
        transform: scale(1.1, 1.1);
        transform-origin: left center;
        z-index: -1;
        background-color: #323232;
    }
    .btn-outline-primary::before{
        transform-origin: right center;
        transform: scale(0, 1)
    }
    .btn-primary-new::before {background-color:#ffffff; color:#333;}
    .btn-primary.disabled, .btn-primary:disabled {background-color: #323232;border-color: #323232;}
    
    @media (-moz-touch-enabled: 0),(hover: hover) {
        .btn-outline-primary:not([disabled])::before,
        .btn-primary:not([disabled])::before,  .btn-primary-new:not([disabled])::before{
            transition: transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86)
        }
        .btn-outline-primary:not([disabled]):hover::before{
            transform-origin: left center;
            transform: scale(1.1, 1.1)
        }
        .btn-primary:not([disabled]):hover::before,     
        .btn-primary-new:not([disabled]):hover::before{
            transform-origin: right center;
            transform: scale(0, 1)
        }
        .btn-outline-primary:not([disabled]):hover{
            color: #fff;
            border-color: #323232;
            background-color: transparent
        }
        .btn-primary:not([disabled]):hover{
            color: #323232;
            background-color: transparent
        }
        .btn-primary-new:not([disabled]):hover{
            color: #ffffff;
            background-color: transparent
        }
    }

/*  ===============================================
    End Button CSS
    =============================================== */
    .mobile-header {padding:5px 0;}
    .hero-caption {max-width: 550px;}
    .home-slider .slide__content--headings {
        display: flex;
        flex-wrap: wrap;
    }
    .home-slider .slide__content--headings .hero-slide-heading {width: 100%;/*order: 2;*/font-size: calc(1.1rem + .9vw) !important;}
    .home-slider .slide__content--headings p {width: 100%;/*order: 1;*/ margin-bottom: 10px;}
    .home-slider .slide__content--headings .btn-primary {/*order: 3;*/}
    .home-slider .btn-primary::before {background-color: #f2f2f2 !important;color: #333 !important;}
    
    .home-slider .slick-slider { padding-bottom:1em;}
    .home-slider .slick-slider .slick-next, .home-slider .slick-slider .slick-prev {background-color: rgba(255,255,255,.7) !important;}
    .home-slider .slick-slider .slick-arrow {
        position: absolute;
        transform: none;
        bottom: 1.5rem;
        z-index: 12;
        top: auto;
        left: unset;
        right: 20px;
    }
    .home-slider .slick-slider .slick-prev {right: 65px;}
    .home-slider .slick-slider .slick-dots {bottom: -1em;}

    @media only screen and (min-width: 1024px) {
        .home-slider .flickity-enabled .flickity-page-dots { width: auto;}
        .home-slider .flickity-enabled .flickity-page-dots,
        .home-slider .flickity-enabled .flickity-prev-next-button 
        {
            position: absolute;
            transform: none;
            bottom: 1.5rem;
            z-index: 12;
            top: auto;
            left: auto;
            right:1.5em;
        }
        .home-slider .flickity-enabled .flickity-page-dots {right:8.8em; bottom:2.2em;}
        .home-slider .flickity-enabled .flickity-page-dots .dot { margin: 0 0.3em; color: #fff;text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);}
        .home-slider .flickity-enabled .flickity-prev-next-button.previous {right:5em;}

        .home-slider .flickity-enabled .flickity-page-dots {counter-reset: line-number 0;}
        .home-slider .flickity-enabled .flickity-page-dots .dot { position: relative; counter-increment: line-number 1; width: auto; height: auto; border-radius: 0; padding: .25em .333em; background-color: transparent; border-bottom:2px solid transparent; opacity: 1; }
        /* why not display:none? Because the counter will be changed; The hidden elements won't incerement the counter */
        .home-slider .flickity-enabled .flickity-page-dots .dot.dot--gap{ visibility: hidden; font-size: 0; margin:0; padding:0; }
        .home-slider .flickity-enabled .flickity-page-dots .dot.dot--gap + .dot:not(.dot--gap){ margin-left: 2em;  }  
        .home-slider .flickity-enabled .flickity-page-dots .dot.dot--gap + .dot:not(.dot--gap):after{ content: "…"; position: absolute; right:100%; bottom:10%; margin-right: 1em; pointer-events: none;  } 
        .home-slider .flickity-enabled .flickity-page-dots .dot:before{content: counter(line-number, decimal);}
        .home-slider .flickity-enabled .flickity-page-dots .dot.is-selected{border-bottom-color: #ffffff; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);}
    }
    .home-category-tabs .nav-tabs li {margin: 0 1.5em;}
    .home-category-tabs .nav-tabs button {padding-left: 0;  padding-right: 0;}

    @media only screen and (max-width: 640px) {
        .home-category-tabs .nav-tabs {
            display: flex;
            flex-wrap: nowrap;
            overflow-x: auto;
            justify-content: start !important;
        }
        .home-category-tabs .nav-tabs li {
            flex: 0 0 auto;
        }
        
        .home-category-tabs .nav-tabs::-webkit-scrollbar {
            background: transparent; /* make scrollbar transparent */
            width: 0px;
        }
    }

    .item-details-hold .product-breadcrumb, .product-des-hold {
        max-width:none;
    }
    
    @media (min-width: 992px) {
        .row-cols-lg-10 > * {
            flex: 0 0 auto;
            width: 10%;
        }
    }
    @media (min-width: 1400px) {
        .row-cols-xxl-12 > * {
          flex: 0 0 auto;
          width: 8.333333%;
        }
      }

    :root {
        --duration-extra-long: 0.6s;
        --ease-out-slow: cubic-bezier(0, 0, 0.3, 1);
        --animation-slide-in: slideIn var(--duration-extra-long) var(--ease-out-slow) forwards;
        --animation-fade-in: fadeIn var(--duration-extra-long) var(--ease-out-slow);
    }
    @keyframes slideIn {
        0% {
            transform: translateY(1rem);
            opacity: 0.01;
        }
        to {
            transform: translateY(0);
            opacity: 1;
        }
    }
    @keyframes fadeIn{
        0% {
          opacity:0;}
        100% {
          opacity:1;    }
    }
    
    .home-category figure img,
    .zoom-bigimg img,
    .text-cl-img-hold figure img,
    .home-gallery-scroll figure img,
    .category-banner figure img,
    .mobile-slide .photo-gallery a img

    {
        opacity: 0.01;
        transform: translateY(2rem);
    }
    .home-category figure img.lazyloaded,
    .zoom-bigimg  img.lazyloaded,
    .zoom-thumb img,
    .text-cl-img-hold figure img.lazyloaded,
    .home-gallery-scroll figure img.lazyloaded,
    .category-banner figure img.lazyloaded,
    .mobile-slide .photo-gallery a img.lazyloaded,
    .subcategory a,
    .imagetext-overlay,
    .product_detail,
    .pf-dkstop-openpanel,
    .review-rate-block,
    .sharebtn-hold,
    .home-category .category-caption
    {
        animation: var(--animation-slide-in);
    }
    
    .home-category figure,
    .text-cl-img-hold figure,
    .home-gallery-scroll figure,
    .home-gallery-scroll figure,
    .category-banner figure
    { overflow:hidden;border-radius: 3px;}
    
    .home-category figure img.lazyloaded,
    .text-cl-img-hold figure img.lazyloaded,
    .home-gallery-scroll figure img.lazyloaded,
    .category-banner figure img.lazyloaded,
    .mobile-slide .photo-gallery a img.lazyloaded
    {
        transition: transform 1s ease !important;
        animation: none;
        transform: scale(1);
        opacity: 1;
    }

    .home-rounded-category-panel  figure img {opacity: 1;transform: scale(1);}
    
    /*---- image hover zoom -----*/
    .teaser img.lazyloaded:hover,
    .home-category figure img.lazyloaded:hover,
    .text-cl-img-hold figure img.lazyloaded:hover,
    .home-gallery-scroll figure img.lazyloaded:hover,
    .category-banner figure img.lazyloaded:hover,
    .mobile-slide .photo-gallery a img.lazyloaded:hover
    {
      transform: scale(1.05);
    }
    .home-category figure img.rounded-circle:hover {transform: scale(1);}

    /* =================== */
    @media only screen and (min-width:1200px) {
        .homecategoryscroll .home-category {padding: 0 20px;}
    }
    
    @media only screen and (min-width:1024px) {
        .homecategoryscroll .home-category {padding: 0 12px;}
    }
    
    @media only screen and (max-width:1023px) {
        .homecategoryscroll .home-category {padding: 0 5px;}
    }
    .home-rounded-category-panel .feature-category-title-hold {margin-bottom: 0.5rem !important;}
    .home-rounded-category-panel {padding-top: 1.5rem !important;  padding-bottom: 1rem !important;}
    .home-rounded-category-panel .homecategoryscroll .carousel-cell,
    .home-rounded-category-panel .homecategoryscroll .carousel-cell .home-category
    { margin-bottom:0 !important;}
    .home-rounded-category-panel .home-category figure img {object-fit: cover !important;}
    
    .hero-caption .btn-primary, .hero-caption .btn-primary:hover,
    .bt-slider .btn-primary:before, .bt-slider .btn-primary:hover
    {
        border-radius: 0px !important;
        background-color: #fff !important;
        border-color: #fff !important;
        color: #000  !important;
    }
    
/*  ===============================================
    =============================================== */
    /*--- Category Rounded Circle ---*/
    .home-category figure img {object-fit: cover;}
    .home-rounded-category-panel .category-caption { margin-top:10px;}

    .home-rounded-category-panel .home-category figure, .home-rounded-category-panel .home-category figure img{border-radius: 50% !important;}
    .home-rounded-category-panel .home-category .figure-hold{
        border-radius: 50%;
        /*box-shadow: rgba(52, 52, 52, 0.314) 0px 2px 1px 0px, rgba(188, 42, 141, 0.314) 0px -2px 1px 0px, rgba(52, 52, 52, 0.314) 2px 0px 1px 0px, rgba(188, 42, 141, 0.5) -2px 0px 1px 0px, rgba(52, 52, 52, 0.5) 2px -2px 1px 0px, rgba(52, 52, 52, 0.855) -2px 2px 1px 0px, rgba(188, 42, 141, 0.855) 2px 2px 1px 0px, rgba(52, 52, 52, 0.855) -2px -2px 1px 0px;*/
        /*padding: 3px;*/
        margin:3px ;
        border: solid 1px #cccccc;
    }
    .home-rounded-category-panel .carousel-cell.mb-3{margin-bottom: 0px !important;}
    /*
    .home-rounded-category-panel .home-category h3{font-size: 13px !important;}
    */
    .home-rounded-category-panel .home-category figure{margin: 0px !important;}
    .home-rounded-category-panel .home-category figure img{object-fit: cover;}
    .home-rounded-category-panel .home-category{margin-bottom: 0px !important;}
    .flickity-prev-next-button { border: solid 1px #aaa !important;transform: translateY(-100%);  margin-top: -10px;}
    .home-rounded-category-panel .category-caption button { display: none;}

    .flickity-carousel:not(.flickity-enabled) {
        overflow: hidden;
        .flickity-slider {
          display: flex;
          flex-wrap: nowrap;
        }
        .carousel-cell {
          visibility: hidden;
        }
      }
    
    .flickity-carousel {
        width: 100%;
      }

      .flickity-carousell {
        width: 100%;
        opacity: 0;
        transition: opacity 0.3s ease;
      }

      .flickity-carousel.flickity-enabled {
        opacity: 1;
      }

    .home-gallery-scroll-items figure { position: relative;}
    .home-plain-category-panel .home-category figure::after,
    .home-gallery-scroll-items figure::after
    {
        content: '';
        position: absolute;
        bottom: 0px;
        left: 0px;
        right: 0px;
        height: 250px;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
    }
    .home-plain-category-panel .home-category{
        position: relative;
    }
    .home-plain-category-panel .home-category .category-caption,
    .home-gallery-scroll-items .product-list-title
    {
        position: absolute;
        bottom: 1.2em;
        width: 100%;
    }
    .home-plain-category-panel .home-category .category-caption h3{
        font-size: 25px !important;
    }
    .home-plain-category-panel .home-category .category-caption h3 .homecategory-list-title,
    .home-plain-category-panel .home-category .category-caption p,
    .home-gallery-scroll-items .product-list-title .teaser-name
    {
        color: #fff !important;
    }
    .home-plain-category-panel .home-category .category-caption .btn-primary{
        /*
        display: block !important;
        */
        background-color: transparent !important;
        border-color: #fff !important;
        color: #fff !important;
    }
    .home-plain-category-panel .home-category .category-caption .btn-primary:hover{
        background-color: #9e1b5c !important;
        border-color: #9e1b5c !important;
    }
    #tabbingamg .accordion-button:focus-visible { background: none;} 
    #tabbingamg .accordion-button,
    #tabbingamg .accordion-body
    { 
        padding-left: 0; 
        padding-right: 0;
    }
    #tabbingamg .accordion-body { /*padding-top: 0 !important;*/}
    #tabbingamg .accordion-button.collapsed {border:none;}
    #tabbingamg .accordion-flush .accordion-collapse{
        -webkit-transition: all 0.1s ease;
        -moz-transition: all 0.1s ease;
        -ms-transition: all 0.1s ease;
        -o-transition: all 0.1s ease;
        transition: all 0.1s ease;
        border-top:none;
    }
    #tabbingamg .accordion-button:focus {box-shadow:none;background-color:#fff;}
    #tabbingamg .accordion-button::after {transition: all 0.5s;}
    #tabbingamg .accordion .collapsing {transition: height 0.5s ease;}
    .tab-details-desc .accordion-button {border-radius: 6px !important;}
    .product-desc-tab .accordion-button::after {background-size: 16px;}
    
    @media only screen and (min-width: 576px) {
        .dsktp-zoomer .photo-gallery .photoswipe-item {}
    }
    @media only screen and (max-width: 991px) {
        .dsktp-zoomer .photo-gallery .photoswipe-item { margin: unset;}
    }
    
/*  =============== Categories ================= */
    @media only screen and (max-width: 767px) {
        .sub-category-desc .storecategory > div { display: flex;  flex-wrap: nowrap;  overflow: auto;justify-content: start !important;}
        .sub-category-desc .storecategory > div .subcategory {
            display: flex;
            flex-wrap: nowrap; 
            width: 28.33333333%;
            padding-right: calc(var(--bs-gutter-x) * .4);
            padding-left: calc(var(--bs-gutter-x) * .4);
        }
    }
    .subcategory figure {--bs-aspect-ratio: 100% !important;}
    .sub-category-desc .storecategory .subcategory figure{
        /*box-shadow: rgba(52, 52, 52, 0.314) 0px 2px 1px 0px, rgba(188, 42, 141, 0.314) 0px -2px 1px 0px, rgba(52, 52, 52, 0.314) 2px 0px 1px 0px, rgba(188, 42, 141, 0.5) -2px 0px 1px 0px, rgba(52, 52, 52, 0.5) 2px -2px 1px 0px, rgba(52, 52, 52, 0.855) -2px 2px 1px 0px, rgba(188, 42, 141, 0.855) 2px 2px 1px 0px, rgba(52, 52, 52, 0.855) -2px -2px 1px 0px;;*/
         border-radius: 100%;
         border: solid 1px #ccc;
     }
     .sub-category-desc .storecategory .subcategory figure img{padding: 4px !important;}
    .subcategory figure img {border-radius: 50% !important;}
     
    @media only screen and (max-width: 1024px) {
        .filters-div.stick {top:0;}
    }
    /* ========== Products ============ */
    @media only screen and (max-width: 991px) {
        .dsktp-zoomer .photo-gallery .photoswipe-item {width: 100%;}
    }
    
    .prdct-name {}
    .product_detail {max-width: 800px;}
    .home-featured-product .carousel-cell.mb-4,
    .home-featured-product .carousel-cell .product-list-title { margin-bottom: 0 !important;}
    .multiple-radio-selection label {width: auto; margin-right:5px;max-width: none;}
    .size-radio-select [type="radio"][disabled] + span.variant_size_span,
    .size-radio-select :checked + span, .radio-select-variant :checked + span.variant_size_span,
    .multiple-radio-selection [type="radio"] + span
    {
        /*border-radius: 25px !important;*/
    }
    .size-radio-select [type="radio"][disabled] + span.variant_size_span::before {width: 80%;left: 5px;}
    
    #price-preview {font-size: 125%;}
    #price-preview .cut-price {color: #444444;font-weight: 300;}
    #price-preview .product-price.text-danger {color: #000 !important;}
    #price-preview .off-price-product {font-size: 14px;}

    @media (min-width: 1024px) {
        .product_detail {margin-left: 2rem;}
    }
    .product-breadcrumb { margin-top: 5px;}
    .color-thumb-module li div img {max-height: 90px;}
    .color-thumb-module li div {max-width: auto;min-width: auto;}
    
    @media (max-width: 1366px) {
        .photoswipe-wrapper.photo-gallery div:nth-child(3),.photoswipe-wrapper.photo-gallery div:nth-child(6) { width: 100%;}
    }

    .productdetails-hold label { color: #000;}
    .sharebtn-hold .dropdown-toggle::after {color: #aaa;}
    .product_detail .reviewscroll span, .review-rate-block .starts-icon-view span {font-size:inherit;}

    @media (min-width: 769px) {
        .btnquick-panel { background: none !important;}
    }
    .teaser .wishlist-button,
    .teaser .btnquick {width: auto !important; margin-bottom: 10px;}
    .btnquick-panel > div {justify-content: flex-end !important; padding-right: 5px;}
    .teaser .wishlist-button {margin: unset; margin-left: 5px; margin-right: 5px;}

    .btnquick-panel .btn {
        padding: 0;
        background-color: rgba(255, 255, 255, 0.8);
        border-radius: 50% !important;
        line-height: 1;
        width: 35px !important;
        height: 35px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-shadow: rgba(14, 63, 126, 0.06) 0px 0px 0px 1px, rgba(42, 51, 70, 0.03) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 2px 2px -1px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.03) 0px 5px 5px -2.5px, rgba(42, 51, 70, 0.03) 0px 10px 10px -5px, rgba(42, 51, 70, 0.03) 0px 24px 24px -8px;
        transition: ease all 1s;
    }
    .btnquick-panel .btn i { font-size:1em !important;}
    .btnquick-panel .btn:hover {background-color: rgba(255, 255, 255, 1); position: relative; top: -3px; transition: ease all 1s;}
    .teaser .btnquick-panel {
        transform: translateX(0px);
        opacity: 0;
        margin-bottom: 2px;
        transition: all 0.4s;
    }
    .teaser:hover .btnquick-panel {
        transform: translateX(0px);
        opacity: 1;
        transition: all 0.6s;
    }
    
    @media (max-width: 960px) {
        .zoom-thumb-hold { display: none;}
        .product-des-hold .sticky-top {top: 30px;}
    }
    
    
    /*---products details tabe bookmarking---*/
    .product-desc-horizontal-tab .navbar .nav-link {
        border-bottom: #367f86 2px transparent !important;
        color: #333333 !important;
        border-bottom: #ccc solid 2px !important;
        padding: 1em;
        background-color: #fff;
        position: relative;
    }
    .product-desc-horizontal-tab .navbar .nav-link:hover, 
    .product-desc-horizontal-tab .navbar .nav-link.active {
        background-color: #f8f9fa;
    }
    .product-desc-horizontal-tab .navbar .nav-link.active:before {
        position: absolute;
        content: '';
        left: 0;
        bottom:-2px;
        width: 100%;
        height: 3px;
        z-index:0;
        background-color: #323232;
    }
    .product-desc-horizontal-tab .navbar { background-color: #fff; padding: 0;}
    .features-scroll-panel,
    .review-scroll-panel,
    .faq-scroll-panel 
    {position: relative; padding-top: 40px; margin-bottom: 1.5em;z-index: 0;}
    .product-desc-horizontal-tab .navbar .nav-link svg { opacity: 0.5;}
    .product-desc-horizontal-tab .navbar .nav-link:hover svg { opacity:1;}
    @media (min-width: 768px) {
        .product-desc-horizontal-tab .navbar .nav-item {border-right: solid 1px #ccc;}
    }
    .review-rate-block {background: none !important;}
    #divreview .bg-light {border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);}
    #divreview > .row { margin-top: 1em;}

    .faq-scroll-panel .accordion-item .accordion-button {border-radius: 6px !important;}
    .faq-scroll-panel .accordion-button:not(.collapsed) {background-color: #fff; color:#000; box-shadow:none;}
    .faq-scroll-panel .accordion-item .accordion-button:not(.collapsed) {border-radius: 6px 6px 0 0 !important;}
    .faq-scroll-panel .accordion-button.collapsed {background-color: #fff !important; border:none;}
    .faq-scroll-panel .accordion-button:focus {box-shadow:none;background-color:#fff;}
    .faq-scroll-panel .accordion-button::after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='currentColor' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
        transition: all 0.5s;
    }
    .faq-scroll-panel .accordion-button:not(.collapsed)::after {
        background-image: url("ata:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='currentColor' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");
    }
    .faq-scroll-panel .accordion-button::after {
        transition: all 0.5s;
        background-color: #f1f1f1;
        border-radius: 50%;
    }
    .faq-scroll-panel .accordion .collapsing {transition: height 0.5s ease;}
    .faq-scroll-panel .faq-hold .accordion-body {
        /*
        border: solid 1px #ddd;
        border-radius: 8px;
        overflow: hidden;
        */
    }
    .faq-scroll-panel .faq-content > .accordion-body{
        border: solid 1px #ddd;
        border-radius: 8px;
        overflow: hidden;
    }

/*==============Start--Blog---Css============ */
    @media (min-width: 1140px) {
        /*.home-blog-articles {padding-bottom: 3.5rem !important;}*/
    }
   .home-blog-articles .card {}
   /*
    .home-blog-articles .card .card-body a {display:flex !important; flex-wrap: wrap;}
    .home-blog-articles .card .card-body .card-subtitle {order: 1;width: 100%;}
    .home-blog-articles .card .card-body .card-title {order: 2;}
    .home-blog-articles .card .card-body .card-link {order: 4;}
   */
   .blog-articles-scroll .carousel-cell .card { margin-left: 10px; margin-right: 10px;}
/*==============End--Blog---Css============ */

    .bar-icon {cursor:pointer;display: flex;align-items: center;justify-content: center;height: 100%;width:34px;margin-right:2px;border:1px solid transparent;min-height: 34px;}
    .bar-icon.active svg{background-color:none; opacity: 0.9;}
    .bar-icon svg {display:flex;width:20px;height:20px;opacity: .2;transition:opacity .25s ease-in-out;}
    .product-inline-hold .product-inline-row {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    .product-inline-hold .product-inline-row {flex: 0 0 auto;width:25%;}
    .show-one .product-inline-row {flex: 0 0 auto;width: 100%;}
    .show-two .product-inline-row {flex: 0 0 auto;width: 50%;}
    .show-three .product-inline-row {flex: 0 0 auto;width:33.3333%;}
    .show-four .product-inline-row {flex: 0 0 auto;width:25%;}
    .show-four .product-inline-row .teaser .teaser-item-div {padding:4px;}

    @media (max-width:767px) {
        .bar-icon {margin-right: 4px;}
        .product-inline-hold .product-inline-row {flex: 0 0 auto; width:50%;}
        .show-one .product-inline-row {flex: 0 0 auto; width: 100%;}
        .bar-icon {margin-right: 4px;}
        .filters-div .fl-toggle {width:33.33% !important;}
        .filters-div .flr-sort-panel {width:33.33% !important;}
        .filters-div .in-a-row {width: 95px;}
    }
    .filters-div .select {border-left: solid 1px #ccc;}
    .filters-div .select-hold select {border:none !important;}
    .filters-div .in-a-row ul {padding-right: 2em;}

    @media (min-width:768px) {
        .filters-div .select-hold .select select,
        .fl-toggle,
        .filters-div .in-a-row ul {min-height:50px;}
        .filters-div .in-a-row ul {border-right: solid 1px #ccc;}
    }
    @media only screen and (max-width: 1024px) {
      .filters-div.stick {padding: 5px 10px;}
    }
    .fl-toggle {border-right: solid 1px #ccc;}
    .colorfilter-hold .color-variant label {border-radius: 50%;}

    
    .home-gallery-scroll-items .product-list-title {}
    
/*=========== Footer =========== */
    /*
    .footer-links a {  padding: .2em 0;}
     footer .content-subscribe1 { max-width: 300px;}
     @media only screen and (max-width: 767px) {
         .footer-logo { margin-left: auto; margin-right:auto;}
     }
    */
    /*
    footer {
        background: linear-gradient(
            to right,
            #1d1d1d 0%,
            #1d1d1d 57%,
            #0e0e0e 43%,
            #0e0e0e 100%
        );
    }
    #footer-bottom { background: none !important;}
    #footer-bottom, #footer-bottom a {color: inherit !important;}
    .content-subscribe1 { max-width: 320px;}
    @media only screen and (max-width: 767px) {
        .content-subscribe1 { margin: 0 auto;}    
    }
    .footerlink-lft-pnl {background-color:#1d1d1d;}
    .footerlink-rht-pnl {background-color:#0e0e0e;}
    */
    
    footer .h4 {font-size: 1.1rem !important;}
    .download-app1 a img {max-height: 35px;}    
    .footer-links a {padding: 0.2em 0;}

    @media only screen and (min-width:768px) {
        footer .footer-category-list {
            height: 100%;
            max-height: 350px;
            overflow: auto;
            scrollbar-color:#666 #ddd;
            scrollbar-width:thin;
            overflow-x: hidden;
        }
        footer .footer-category-list:-webkit-scrollbar {  width: 10px;}
        footer .footer-category-list:-webkit-scrollbar-track {background: rgba(0,0,0,.05);}
        footer .footer-category-list:-webkit-scrollbar-thumb {background: #666;}
    }

    @media only screen and (max-width: 767px) {
        .link-case .f-nav.open ul {max-height: none;}
    }
    .footerlink-lft-pnl ul { margin-bottom: 1.5em !important;}
    .payment-logo ul li img {height: 25px;}
/*=========== End Footer =========== */