/* ===============================================
    Fusion Theme
    ============================================== */
    body {color: #333333; font-size: 14px;}
    @media only screen and (min-width: 1140px) {
      .container-fluid {
        padding-right: 1.3rem;
        padding-left: 1.3rem;
      }
    }

   @media screen and (min-width:768px) {
        .logo-hold #logo {
            max-width: 175px;
        }
   }
    
   @media (min-width: 1350px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
      max-width: 1320px;
    }
  }
    
    
/*  ===============================================
    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: 12px 27px;
        letter-spacing: .12em;
        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);
        text-transform: uppercase;
        font-size: 11px;
    }
    .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;
        border-radius: 0;
        letter-spacing: 2px;
        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);
        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;}
    @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)
        }
        .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
        }
    }
    .btn:focus,.btn:blur {box-shadow:none; text-shadow:none; box-shadow:none;}
    .btn:focus,.btn:blur {border-radius:10px;}
    
    .bg-light {background-color: #f5f5f5;}
    .pagination-hold .pagination {
        display: block !important;
        border-top: solid 1px;
        border-bottom: solid 1px;
        margin-top: 3em !important;
    }

/*  ===============================================
    Home page
    =============================================== */
    .teaser .teaser-item-div {margin: 0 .7rem;}
    @media (max-width:767px) {
        .teaser .teaser-item-div {margin: 0 .4rem;}
    }
    .wishlist-button .bi { font-size: 18px !important;}
    .teaser figure .btnquick-panel {
        left:auto;
        bottom: 0;
        width:auto;
        visibility:visible;
        opacity: 1;
        background:none;
    }
     @media (min-width:769px) {
        .btnquick-panel {
            background:none !important;
        }
    }
    .home-faq-list {
        /*
        column-count: 2;
        -moz-column-count: 2;
        -webkit-column-count: 2;
        width: 100%;
        height: 100%;
        */
    }
    .teaser .product-list-title {text-align: left;}
    .ct-pdcpr-hold, .price-varient-block {font-weight:normal;}
    .save-cpn-txt {font-size:12px; background-color:#83db66 !important; padding:3px 5px; border-radius: 3px; line-height: 1; display: inline-block;
      font-weight: 500;
    }
    .home-category figure img {object-fit: cover;}
    .new-tag, .off-price, .out-of-stock, .soldcss {padding: 3px 8px !important;}
    
    /* Image load effect example*/    
    /*
    .product-inline-hold figure {background-color:#f0f0f0}
    .product-inline-hold > div img.lazyload {
      transform: translate3d(0,5px,0);
      opacity: 0;
    }
    .product-inline-hold > div.show img.lazyloaded{
      transform: translateZ(0);
      transition-duration: 1s, 1s;
      opacity: 1;
    }

    .collection__sort-bar .collection__filter-tag {
      opacity: 0;
      transform: translateY(-10px);
      transition: transform .2s 0s,opacity .1s 0s;
    }
    .collection__sort-bar .collection__sort__option-wrapper--visible .collection__filter-tag {
      opacity: 1;
      transform: translateY(0);
      transition: transform .2s .2s,opacity .2s .2s;
    }

    .flickity-prev-next-button:not(:disabled), .flickity-enabled:hover > .flickity-prev-next-button:not(:disabled), section:hover .flickity-enabled > .flickity-prev-next-button:not(:disabled)
    {opacity: 1;
      visibility: visible;
      transform: scale(1) translateY(-50%);
      transition-delay: 0s;}
    .flickity-prev-next-button:not(:disabled):hover, .flickity-enabled:hover > .flickity-prev-next-button:not(:disabled):hover, section:hover .flickity-enabled > .flickity-prev-next-button:not(:disabled):hover {transform: scale(1.12) translateY(-50%);}
    */
    .teaser figure, .teaser figure img { border-radius: 6px;}
    .teaser .teaser-name{}
    .featured-product-category-thumb {
        background-repeat: no-repeat;
        background-size: cover !important;
        background-position: center !important;
        position: relative;
        overflow: hidden;
    }
    .featured-product-category-thumb .category-thumb-caption {min-width: 80%;}
    .spinner-grow {
        width: 3rem; 
        height: 2px;
        border-radius: 5px;
    }
    .teaser .featured-product-category-thumb:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        -webkit-transition: opacity 0.15s ease-in-out;
        transition: opacity 0.15s ease-in-out;
        background-color: rgba(0, 0, 0, 0.3);
        height: 100%;
        width: 100%;
    }
    .teaser .img-ratio {object-fit: cover}
    .teaser .product-list-title { position:relative; z-index: 0;}
    .teaser-name {
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        white-space: normal;
        overflow: hidden;
    }
    .teaser .btnquick {margin-right:0;}
    .teaser .wishlist-button {min-width:35px;}
    .teaser .price.text-danger {font-size:120%; font-weight: 600;}
    @media screen and (max-width:1023px) {
        .teaser .wishlist-button {
            position: absolute;  right: 0;  top: -45px;  z-index: 0;
            -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;
        }
        
        .teaser .wishlist-button .btn_login_popup {padding: 10px;  display: block !important;}
        
    }
    .category-items .teaser-item-div {margin-bottom: 2.5em !important;}
    .productdetails-hold .color-thumb-module ul { margin-bottom: 0.3em;}
    .productdetails-hold .color-thumb-module li:not(:last-child) {padding-bottom: 0.3em;}
    
    .product-list-title .off-price-product { padding: 2px 4px !important;  border-radius: 3px;}
    #price-preview, .txt-mrp {font-size: 150%;}
    .off-price-product {background-color:#dc3545; color: #fff !important; border:none; border-radius: 10px !important;padding: 2px 4px !important; }
    
    .hm-product-rating-box {font-size: 12px;}
    .hm-product-rating-box span.bi { margin-right: 2px;}
    .deal-btn-featured {
        font-size:10px; 
        font-family: Arial;
        padding: 4px 3px !important;
        display: flex;
        align-items: center;
        max-width: 110px;
        border-radius: 3px;
    }
    .deal-btn-featured .bi {font-size:14px; margin-right:1px;}
    .teaser .colorcode-dots ul li {margin-right: 0;}
    .teaser .colorcode-dots li + li { margin: 0;}
    .teaser .colorcode-dots .color-bdot1 { padding: 12px 9px; }
    
    .teaser .colorcode-dots .colors{
      width: 14px;
      height: 14px;
      border-radius: 50%;
      display: block;
      background-color: chocolate;
    }
    
    .new-tag, .off-price, .out-of-stock, .soldcss {margin:2px !important;border-radius: 2px !important; background-color: #232F3E !important;}
    .breadcrumb-bg {/*background-color: #f9f9f9;*/}
    @media screen and (max-width:767px) {
        .category-breadcrumb-hold .breadcrumb {justify-content: center;}
        .category-items .teaser-item-div {margin-bottom: 1.2em !important;}
    }
    .category-desc-panel {
        border-bottom: solid 1px #ddd;
        margin-bottom: 1em;
        padding-bottom: 1em;
    }
    .storecategory > .row {justify-content: center;}
    .storecategory .subcategory .h6 {color: #707070 !important;}
    .storecategory .subcategory:hover .h6 {color:#000000 !important;}
    @media (min-width: 1200px) {
        .storecategory {max-width: 1100px;}
        .storecategory .row-cols-xl-6 > * {
          flex: 0 0 auto;
          width: 16.66666667%;
        }
    }

    /*---------- footer --------*/
    .footer-links a {padding: .15em 0;}

    /*----- home product review scroller---*/
    /*
    .carousel-cell, 
    .fetured-first-block,
    .review-home-first-block {width:75%;}
    @media screen and ( min-width: 768px ) {
        .carousel-cell, 
        .fetured-first-block,
        .review-home-first-block { width: 25%;}
    }
    @media screen and ( min-width: 768px ) {
        .div_featured_products .carousel-cell,
        .for-rating-review-hold .carousel-cell
        { width: 25%; }
    }
    */
    .for-rating-review-hold .for-rating-review, 
    .for-rating-review-hold .review-home-first-block {
        margin: 0 0.8em;
        border-radius: 10px;
    }
    @media screen and (max-width:768px) {
        .for-rating-review-hold .for-rating-review, 
        div.first-block {
            margin: 0 0.6em;
        }
    }
    .for-rating-review { background-color: #f8f0e4;}
    .for-rating-review-hold .testi-quote-caption {padding: 2.5em 2em;}
    .customer-review-carousel .carousel-cell { min-height: 390px;}

    .rel-recenthold { margin-bottom: 3em}
    .rel-recenthold .slick-dots {  bottom:-25px;}
    
    @media screen and (min-width:1024px) {
        .layout-column .left-column {
            position: -webkit-sticky;
            position: sticky;
            top: 80px;
            z-index: 9;
        }
    }
    @media screen and (max-width:767px) {
        .loginpopup-modal .modal-dialog{display: flex; align-items: center; min-height: calc(100% - 1.75rem * 2);}
    }
    /*----- Accordian---*/
    .home-faq-hold .accordion-item {border:none; margin-bottom: 8px;}
    .accordion-item {margin-bottom: 8px; border:none;}
    #tabbingamg .accordion-item {margin-bottom:1.4em;}
    .accordion-item .accordion-button {border-radius: 6px !important;}
    .accordion-button:not(.collapsed) {background-color: #fff; color:#000; box-shadow:none;}
    .accordion-item .accordion-button {border:solid 1px #333333; border-bottom:none; border-radius: 6px !important;}
    .accordion-item .accordion-button:not(.collapsed) {border-radius: 6px 6px 0 0 !important;}
    .accordion-button.collapsed {background-color: #f5f5f5 !important; border:none;}
    .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:solid 1px #333333;
        border-top:none;
        border-radius:0 0 6px 6px !important;
    }
    .accordion-button:focus {box-shadow:none;background-color:#fff;}
    .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;
    }
    .accordion-button:not(.collapsed)::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-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");
    }
    .accordion-button::after {transition: all 0.5s;}
    .accordion .collapsing {transition: height 0.5s ease;}
    
    .filters-div {border-bottom: solid 1px #ddd; padding-bottom:1em;}
    .review-rate-block { background-color: #ffffff !important; padding-left: 0 !important; padding-right: 0 !important;}
    /*    
    .product-inline-hold .product-inline-row {
        flex: 0 0 auto;
        width: 33.3333%;
    }
    .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;}
    */
    .bar-icon {
        cursor:pointer; 
        display: flex; 
        height: 100%; 
        width:35px; 
        min-height: 34px;
        display:block;
        border:1px solid #dcdcdc; 
        position:relative;
        cursor:pointer;
        border-radius:2px;
    }
    .bar-icon.active {border:1px solid #323232; background-color: none;}
    .bar-icon.two:before {left: 12px;}
    .bar-icon.three:before {left: 9px;}
    .bar-icon.four:before {left: 6px;}
    .bar-icon.two:before,.bar-icon.two:after{box-shadow:6px 0 0 #dcdcdc;}
    .bar-icon.three:before,.bar-icon.three:after{box-shadow:6px 0 0 #dcdcdc, 12px 0 0 #dcdcdc}
    .bar-icon.four:before,.bar-icon.four:after{box-shadow:6px 0 0 #dcdcdc, 12px 0 0 #dcdcdc, 18px 0 0 #dcdcdc}
    .bar-icon.active.two:before,.bar-icon.active.two:after{box-shadow:7px 0 0 #323232}
    .bar-icon.active.three:before,.bar-icon.active.three:after{box-shadow:6px 0 0 #323232, 12px 0 0 #323232}
    .bar-icon.active.four:before,.bar-icon.active.four:after{box-shadow:6px 0 0 #323232, 12px 0 0 #323232, 18px 0 0 #323232}
    .bar-icon.active:before,.bar-icon.active:after{background:#323232}
    .bar-icon:before{background:#dcdcdc;content:"";top:9px;position:absolute;left:4px;width:3px;height:14px;}
    .bar-icon:after{background:#dcdcdc;top:13px;position:absolute;left:3px;width:4px;height:7px}
    
    .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:50%;}
    .searchresults-page .product-inline-hold .product-inline-row {width:33.3333%;}
    @media screen and (max-width:992px) {
        .product-inline-hold .product-inline-row {width:100%;}
    }
    .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%;}

    @media screen and (max-width:992px) {
        .fl-toggle {width:38% !important;}
        .flr-sort-panel {width:62% !important;}
        .bar-icon {min-height: 40px;}
        .bar-icon:before{top:12px;}
        .bar-icon.one::before {left: 14px;widths:5px;}
        .filters-div .select-hold {width: 60%;}
        .filters-div .select-hold select {}
    }

    .product_detail .reviewscroll span {font-size:13px; line-height: 1;}
    .review-subject {font-size: 110% !important;  font-weight: 600;  margin-bottom: 0.5em !important;}    
    
    .product-details-faqs .container { margin:0; padding:0;}
    
    /*-------------*/
    /*
    img.lazyload
    {
        opacity: 0;
        transform: scale(0.9);
    }
    img.lazyloaded {
      opacity: 1;
        transform: scale(1);
        transition: all 300ms;
        animation: fadein 0.8s;
    }
    @keyframes fadein {
      from {opacity: 0;}
      to   {opacity: 1;}
    }
    */
    
    .share-button.sharer {top: 10px; right: 10px;}
    .share-btn-icon,
    .socialshare-panel a
    {border-radius:50% !important; width: 45px; height: 45px; display: flex !important; padding: 0; background-color: #ffffff; align-items: center; justify-content: center; line-height: 1;}
    .socialshare-panel a {margin-bottom: 4px;}
    .share-btn-icon {font-size:14px;}
    .share-button.sharer .socialshare-panel.active.top {transform: scale(1) translateY(-10px);margin-top:1em;transform-origin: 0 0 0;}
    .share-button.sharer .socialshare-panel.active {
      opacity: 1;
      transition: all 0.4s ease 0s;
      visibility: visible;
    }
    .share-button.sharer .socialshare-panel.networks-5 {width: 40px;  text-align: center;}
    .share-button.sharer .socialshare-panel {
      opacity: 0;
      transition: all 0.4s ease 0s;
      visibility: hidden;
    }

    /*
    .review-rate-block #divreview {
        height: 100%;
        max-height: 500px;
        overflow: auto;
        scrollbar-color:#666 #ddd;
        scrollbar-width:thin;
        overflow-x: hidden;
    }
    .review-rate-block #divreview::-webkit-scrollbar {  width: 10px;}
    .review-rate-block #divreview::-webkit-scrollbar-track {background: rgba(0,0,0,.05);}
    .review-rate-block #divreview::-webkit-scrollbar-thumb {background: #666;}
    */
    
    #divreview .pagination-hold .pagination { border:none;}
    #divreview .pagination-hold .pagination .page-item {line-height: 30px}
    #divreview .pagination-hold .pagination li.active span{
        background-color: #f8f8f8;
        border: solid 1px #ddd;
        border-radius: 4px;
    }
    
    
    
    
        .home-newsletter-hold{
        background-size: cover !important;
    }
   /*=============Start--button--Css==============*/
   .btn-primary, .btn-outline-primary {
   padding: 11px 39px !important;
   letter-spacing: normal !important;
   }
   .btn-primary::before, .btn-outline-primary::before {
   background-color: transparent !important;
   }
   /*=============Start--button--Css==============*/



   /*==============Start--Category--Css===========*/
   .home-featuted-category .home-category .figure-hold figure{
   border-radius: 8px !important;
   }
   .home-featuted-category .home-category .figure-hold figure img {
   -webkit-transition: all 0.4s ease;
   -moz-transition: all 0.4s ease;
   -ms-transition: all 0.4s ease;
   -o-transition: all 0.4s ease;
   transition: all 0.4s ease;
   border-radius: 8px !important;
   }
   .home-featuted-category .home-category:hover .figure-hold figure img {
   transform: scale(1.1);
   }
   .home-featuted-category .home-category .figure-hold figure:after {
   content: '';
   position: absolute;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.4);
   transition: all 0.4s ease-in-out;
   -webkit-transition: all 0.4s ease-in-out;
   border-radius: 8px;
   }
   .home-featuted-category .home-category .category-caption {
   position: absolute;
   top: 50% !important;
   left: 0px !important;
   right: 0px;
   width: 100%;
   transform: translateY(-50%);
   }
      .home-featuted-category .home-category .category-caption h3 span {color: #ffffff; }
   .home-featuted-category .home-category .category-caption .btn-primary {
   background-color: transparent !important;
   border: none !important;
   padding: 0px !important;
   color: #fff !important;
   border-bottom: 2px solid #fff !important;
   border-radius: 0px !important;
   display: inline-block !important;
   text-transform: capitalize;
   }
   .home-featuted-category .home-category .category-caption .btn-primary::before{
   background-color: transparent !important;
   }
   /*==============End--Category--Css===========*/

   /*==============Start--Blog---Css============ */
   .home-blog-articles .row.mt-lg-4 > .col-sm-12{
   text-align: left !important;
   }
   .home-blog-articles .card{
   border-radius: 8px !important;
   overflow: hidden;
   border: none !important;
   }
   .home-blog-articles .card figure img {
   border-radius: 8px;
   -webkit-transition: all 0.4s ease;
   -moz-transition: all 0.4s ease;
   -ms-transition: all 0.4s ease;
   -o-transition: all 0.4s ease;
   transition: all 0.4s ease;
   object-fit: cover;
   }
   .home-blog-articles .card:hover figure img:hover{
   transform: scale(1.1);
   }
   .home-blog-articles .card .card-body {
   position: absolute;
   bottom: 0%;
   width: 100%;
   background: linear-gradient(to bottom, transparent 8%, black 123%);
   transition: all 0.4s ease-in-out;
   -webkit-transition: all 0.4s ease-in-out;
   padding-bottom: 27px;
   }
   .home-blog-articles .card .card-body {
   padding-left: 1.4rem !important;
   }
   .home-blog-articles .card .card-body .card-title {
   color: #fff;
   }
   .home-blog-articles .card .card-body .card-subtitle {
   position: absolute;
   top: -18px;
   color: #ffffff !important;
   }
   .home-blog-articles .card .card-body .card-link {
   color: #fff;
   border-bottom: 1px solid #fff;
   }
   /*==============End--Blog---Css============ */

      
   /*==============Start--image-with-text--Css=============*/
   .img-with-txt-sec .col-md-6 figure img {
   border-radius: 7px;
   }
   /*==============End--image-with-text--Css=============*/


   /*============Start---Footer--Css====================*/
   footer .bg-secondary{
   background-color: transparent !important;
   }
   #footer-bottom1 .row .col-md-9, #footer-bottom1 .row .col-md-3 {
   width: 100% !important;
   text-align: center !important;
   }
   /*============End---Footer--Css====================*/


   /*==============-Product--Details--Css--Start--=========*/
   .product_detail .color-thumb-module li div > img:nth-child(2) {
   display: none;
   }
   .product_detail .color-thumb-module li div > img.img-fluid {
   width: 100%;
   display: block;
   }
   .color-thumb-module li div span.small {
   line-height: 2 !important;
   min-height: 20px !important;
   }
   .color-thumb-module li div {
   min-width: 89px !important;
   max-width: 92px !important;
   }
   .color-thumb-module li div {
   min-width: 89px !important;
   max-width: 92px !important;
   }
   .color-thumb-module li a div.active {
   box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, .05);
   border-color: #333;
   }
   .color-thumb-module li a div.active {
   border-color: #333 !important;
   }
   .product-des-hold .product_detail .multiple-radio-selection label {
   max-width: 31.5% !important;
   }
   .product-des-hold .product_detail .variant-block .size-radio-select :checked + span, .product-des-hold .product_detail .variant-block .radio-select-variant :checked + span.variant_size_span {
   background-color: #2b594a !important;
   border-color: #2b594a !important;
   }
   .product-des-hold .product_detail .variant_select span {
   padding-top: 4px !important;
   }
   .product-des-hold .product_detail .variant_select span {
   border-radius: 10px !important;
   display: flex !important;
   align-items: center !important;
   justify-content: center !important;
   }
   
   /*==============-Product--Details--Css--End--=========*/

    .cod_message_panel {background: #edf7ee; border:dashed 1px #4CAF50; padding: 1em; margin-top: 1em; border-radius: 4px;}


   /* =============Start--Mobile--Css=============*/
   @media screen and (max-width:767px){
   
   .homecategoryscroll .flickity-viewport .flickity-slider .carousel-cell {
   width: 300px !important;
   }
   .home-blog-articles .blog-list-element .carousel-cell {
   width: 65% !important;
   }
   .homeproductscroll .flickity-viewport .fetured-first-block {
   width: 300px !important;
   }
 
   .for-rating-review-hold .flickity-slider .review-home-first-block {
   width: 300px !important;
   }
   .customer-review-carousel .carousel-cell {
   width: 300px !important;
   }

   footer .f-nav{
   text-align: center !important;
   }
   }
   /* =============End--Mobile--Css=============*/
   
   /* =================== */
   :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;
        }
    }
    
    .teaser img,
    .home-category figure img,
    .zoom-bigimg img,
    .text-cl-img-hold figure img,
    .home-gallery-scroll figure img,
        .mobile-slide .photo-gallery a img
    {
        opacity: 0.01;
         transform: translateY(2rem);
    }
    .teaser  img.lazyloaded,
    .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,
    .mobile-slide .photo-gallery a img.lazyloaded,
    .subcategory a,
    .imagetext-overlay,
    .home-category figure,
    .featured-product-category-thumb,
    .text-cl-img-hold,
    .home-faq-hold--,
    .img-with-txt-sec .overlay-img-hold
    {
        animation: var(--animation-slide-in);
    }

    .bt-slider a img.lazyloaded {animation: var(--animation-fade-in);}
    
/* =================== */