:root{
    --wite:white;
    --gray:#D7D7D7;
}
.lf-product-relative{
    position:relative;
    width:100%;
}
.lf-filter-searched a{
    color:black;
}

#Ecom-event-home {
    .swiper-nonepage{
        display:none;
    }
}
.lg-bg-cus-green{
    background-color: var(--very-light-green);
}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle{
    background-color: transparent;
}
.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: none;
}
/* scroll bar */
::-webkit-scrollbar {
    width: 4px; /* Width of the scrollbar */
}
::-webkit-scrollbar-track {
    background: #979797; /* Background of the track */
    border-radius: 10px; /* Rounded corners */
}

::-webkit-scrollbar-thumb {
    background:var(--base-color); /* Color of the scrollbar thumb */
    border-radius: 10px; /* Rounded corners */
}

::-webkit-scrollbar-thumb:hover {
    background:var(--base-color); /* Color when hovering over the thumb */
}

/* end */


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  

/* heart color */

    .product-card{
        
       
        position: relative;
        margin: 0 auto;
      }
      .lf-hearticon{
          border: 0;
          cursor: pointer;
        position: absolute;
        right:10px;
        top:10px;
        padding:0;
        background-color: transparent;
        &:focus{
          outline:none;
        }
        svg{
          fill:transparent;
        }
        &.is-active{
          svg{
            fill:var(--base-color);
            animation: beat cubic-bezier(0.04, 0.4, 0.5, 0.95) 450ms forwards 1;
          }
        }
      }
      

      .lf-heartevent{
        border: 0;
        cursor: pointer;
     
      padding:0;
      background-color: transparent;
      &:focus{
        outline:none;
      }
      svg{
        fill:transparent;
      }
      &.is-active{
        svg{
          fill:var(--base-color);
          animation: beat cubic-bezier(0.04, 0.4, 0.5, 0.95) 450ms forwards 1;
        }
      } 
    }

      @keyframes beat {
        
          30% {
            opacity:1;
            transform: scale(1.4);
          }
          50% {
            transform: scale(0.8);
          }
          100% {
            transform: scale(1);
          }
        }
     

/* banner start */
.lf-banner-section{
    background-image: url(../../images/life/product/product_banner.png);
    border: 1px solid transparent;
    background-repeat: no-repeat;
    background-size: cover;
    height: 321px;
    max-width:1800px;
    width:100%;
    margin:81px auto 0px;
  
}

.lf-banner-content {

    width: 100%;
    margin: 82px auto;
}
label{
    font-size: 16px;
}
h1,h2,h3,h4,h5,h6{
    margin-bottom:0px;
}
.lf-filter-carosel-mobile{
    display:none;
}
.lf-applyflt-mob{
    display:none;
}
.margin-botton-cus{
    margin-bottom:3rem 
}
.lre-event-row1 a{
    display: flex !important;
    white-space: nowrap;
    align-items: center;
    gap: 7px;
}
.lf-list-sec1{
    background-color: var(--very-light-green);
    height:350px;
    width: 100%;
    display:flex;
    align-items:center;
    justify-content: center;
    position: relative;
}
.lf-list-sec1 img{
    width:100% !important;
    height:100% !important;
    object-fit:cover;
}
.lf-filter-heart .lf-heart {
    position: absolute;
    top: 20px;
    right: 20px;
}
.lf-list-sec1 .lf-heart {
    position: absolute;
    top: 20px;
    right: -10px;
}
.lf-register-hide-mbl{
    display:none;
}
.lf-banner-content{
    h1{
        margin-bottom:0px !important;
        margin-top:10px;
        color:var(--wite);
        text-align:center;
        color:var(--wite)
    }
    h4{
        
        color: var(--wite);
 
    }
    a.bc_a_cls {
        color: var(--wite);
    }
    i{
        font-size: 8px;
    }
    .lf-green{
        color:var(--base-color);
    }
    h4 span{
        color:var(--base-color);
    }

    
}
/* banner end */

/* filter start */
.lf-filter-shwres h6{
  color:var(--base-color);
  font-size:18px;    
}
.lf-filter-sec1{
    display:flex;
    justify-content:space-between;
    align-items:center;

}
.arrow i{
    font-size:13px;
    font-weight:900;
}

.dropdown-item {
    --bs-dropdown-link-active-bg: transparent !important;
}
.lf-filter-dropdown{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:30px;
}
.lf-filter-btn{
    display:none;
}
.lf-filter-btn{
    color:black !important;
}
.lf-filter-dropdown{
    button{
        border:1px solid var(--gray) !important;
        font-size:18px;
        text-transform:capitalize;
        background-color:transparent;
        padding:5px 30px;
    }
    button::after {
        border:none;
       content:url(../../images/life/product/arrow.svg); 
       margin-left:20px;
      
    }
    .btn.show{
        background-color:transparent;
    }
    .dropdown-menu.show {
        padding: 10px 11px;
        z-index: 1;
        right: -2px;
        
    }
    ul li a{
        font-family:var(--primary-font);
    }
}

.lf-filter-sec2{
   display:flex;
   justify-content: space-between;
   gap:30px;
   align-items: center;
}
.lf-breadcrumbs{
    margin-bottom:0px !important;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:15px;
}
.lf-search-form{
    display:none;
}
.lf-grdlis-act{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
}
.lf-filter-section {
    max-width: 1750px;
    width: 100%;
    margin:45px auto 0px;
    padding: 0px 50px;
}
.slider-img-w{
    border-radius: 50%;
}
.lf-filter-block{
    margin:28px auto 0px;  
}
.lf-filter-searched{
    display:flex;
    flex-wrap:wrap;
    gap:15px;
}
.lf-filter-searched p{
    border:1px solid var(--gray);
    padding:5px 20px;
    margin-bottom:0px;
    text-transform:uppercase;
    border-radius: 5px;
}
.loadmore-padding{
    padding: 2px 35px 2px 35px !important;
}
.svgimg{
    transition: 0.3s ease;
    filter: invert(106%) sepia(34%) saturate(500%) hue-rotate(100deg);
    cursor: pointer;
}
.lf-filter-searched p i {
    margin-left: 7px;
    font-size: 18px;
}
.lf-filter-sec3{
    background-color: var(--wite);
    padding:25px;
    margin:2rem auto;
}
.lf-filter-product {
    /* background-color: var(--very-light-green); */
   
    padding:5px 10px;

}
.lf-filter-price{
    padding: 10px;
}
.lf-diamond{
    color:white;
}
.lf-filter-price{
    h4,h5,p{
        margin-bottom: 0px;
    }
    h4{
        color:black;
    }
    h5{
        color:black;
    }
    .lf-filter-flex{
        display:flex;
        align-items:center;
        gap:5px;
    }
    .lf-filter-flex1{
        display:flex;
        justify-content:space-between;
    }
    i{
        color:var(--base-color);
    }
    .lf-filter-para{
        color:var(--base-color);
    }

}
.lf-filter-flex3{
    display:flex;
   align-items: center;
   gap:5px;
   margin-bottom: 10px;

}
.lf-listsec-gap{
    .row{
        row-gap:25px !important;
    }
}
.lf-filter-flex3 h4{
    color:var(--base-color);
}
.lf-filter-rate {
    color:var(--base-color);
}
.lf-filter-addcart{
    display:flex;
    gap:15px;
    height: 48px; /* 29-11-24 GJ Style */
}
.lf-filter-addcart button{
    border:none;
    padding: 5px 30px;
    font-size:14px !important;

}
.lf-filter-addcart button:nth-child(1){
    border-radius: 5px;
     height: 48px;
     min-width: 150px;
    width: auto;
    position: absolute;
    border: 2px solid var(--base-color);
}
/* .lf-filter-addcart button:nth-child(1):hover{
    background-color:white;
    color:var(--base-color);
    border-radius: 5px;
    border: 2px solid var(--base-color);
} */
.lf-filter-addcart button:nth-child(2){
    position: absolute;
    /* background-color: #DFEADB;
    color: var(--base-color); */
    border-radius: 5px !important;
    right: 50%;
    height: 48px;
    border: 2px solid #DFEADB;
    min-width: 200px;
    width: auto;
    padding: 20px;
}

/* ............cart button---------------- */
.cart-button {
    width: 195px;
    height: 48px;
	border: 0;
	outline: none;
	cursor: pointer;
	transition: .3s ease-in-out;
	overflow: hidden;
}


.cart-button .fa-shopping-cart {
	position: absolute;
	z-index: 2;
	top: 50%;
	left: -10%;
	font-size: 2em;
	transform: translate(-50%,-50%);
}
.cart-button .fa-box {
	position: absolute;
	z-index: 3;
	top: -20%;
	left: 52%;
	font-size: 1.2em;
	transform: translate(-50%,-50%);
}
.cart-button span {
	position: absolute;
	z-index: 3;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.cart-button span.add-to-cart {
	opacity: 1;
}
.cart-button span.added {
	opacity: 0;
}

.cart-button.clicked .fa-shopping-cart {
	animation: cart 1.5s ease-in-out forwards;
}
.cart-button.clicked .fa-box {
	animation: box 1.5s ease-in-out forwards;
}
.cart-button.clicked span.add-to-cart {
	animation: txt1 1.5s ease-in-out forwards;
}
.cart-button.clicked span.added {
	animation: txt2 1.5s ease-in-out forwards;
}

@keyframes cart {
	0% {
		left: -10%;
	}
	40%, 60% {
		left: 50%;
	}
	100% {
		left: 110%;
	}
}
@keyframes box {
	0%, 40% {
		top: -20%;
	}
	60% {
		top: 40%;
		left: 52%;
	}
	100% {
		top: 40%;
		left: 112%;
	}
}
@keyframes txt1 {
	0% {
		opacity: 1;
	}
	20%, 100% {
		opacity: 0;
	}
}
@keyframes txt2 {
	0%, 80% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@media(max-width:576px){
    @keyframes box {
        0%, 40% {
            top: -20%;
        }
        60% {
            top: 40%;
            left: 52%;
        }
        100% {
            top: 40%;
            left: 130%;
        }
    }
}
/* -----------------end cart button-------------------- */

/* .lf-filter-addcart button:nth-child(2):hover{
    background-color:#DFEADB;
    color:var(--base-color);
    border-radius: 5px;
    border: 2px solid var(--base-color);
} */
.lf-filter-ads{
    /* height:400px; */
    /* background-color:white; */
    width:100%;
    height:100%;
    margin:30px auto;
}
.lf-filter-heart{
    position: relative;
   background-color:#ecf6f3;
    width: 100%;
    height: 300px;
}
.lf-filter-heart img{
    width:100%;
    height:100%;
    object-fit:contain;
}
.lf-filter-heartop{
    position:absolute;
    top:20px;
    right:20px;
    color:#999999;
}
.lf-filter-sec3{
   .row{
    row-gap:25px;
   }
}
.lf-ads-section{
    width:100%;
    height:100%;
    /* background-color: var(--very-light-green); */
    margin:2rem auto;    
    
}
.lf-filter-load{
    margin:2.5rem auto 1rem;
    display:flex;
    justify-content:center;
    align-items:center;
}
.lf-filter-load button{
    border:none;
    padding:10px 40px !important;

}
.lf-filter-widget {
    /* border: 1px solid #E1E1E1; */
    padding: 0px 0px;
    background-color:var(--wite);
}
.lf-filter-ads{
    position: relative;
}
.lf-filter-ads h4{
    position: absolute;
    right:15px;
    top:10px;
    color:var(--base-color);
}
.lf-mobile-mainfilter i{
    display:none;
}
.lf-grdlis-act{
    img{
        transition:0.3s ease;
    }
    img:hover{
        transition:0.3s ease;
        filter: invert(106%) sepia(34%) saturate(500%) hue-rotate(100deg);
        cursor: pointer;
    }
}
#Ecommerce{
    .lf-prolist-sec1 p{
        margin-bottom:0.5rem !important;
    }
} 
#Ecommerce{
    .lf-filter-flex3 p{
        margin-bottom:0rem !important;
    }
}
.lre-spflx-sec{
    display:flex;
    gap: 20px;
}

.lf-filter-widget{
    .filter-dropdown {
        position: relative;
        margin-bottom: 0px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        padding-bottom: 18px;
        padding-top: 18px;
    }

    .filter-dropdown .dropdown-btn {
        width: 100%;
        border: none;
        color: black;
        cursor: pointer;
        text-align: left;
        font-weight: 600;
        background-color: transparent !important;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding:0px 15px;
    }
    .filter1-custom {
        border-top: none !important;
        padding: 20px 15px 0px 15px  !important;
    }
    .lf-price-sec1{
        padding:0px 15px;
    }
    .lf-price-color{
        color:black;
    }
    .lf-price-sec2{
        padding:15px;
        border-bottom:1px solid rgba(0, 0, 0, 0.1);
    }
    .categories-box .contain {
        display: block;
        position: relative;
        padding-left: 30px;
        margin-bottom: 8px;
        cursor: pointer;
        color: var(--theme-color-dark);
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    .categories-box .contain input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }
    .categories-box .contain input:checked~.checkmark {
        background-color: var(--base-color);
    }
    .categories-box .checkmark {
        position: absolute;
        top: 4px;
        left: 0;
        height: 20px;
        width: 20px;
        border: 1px solid black;
        border-radius: 5px;
    }
    .categories-box .contain input:checked~.checkmark:after {
        display: block;
    }
    .categories-box .contain .checkmark:after {
        left: 6px;
        top: 3px;
        width: 6px;
        height: 10px;
        border: solid white;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .categories-box .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }
    .opens.arrow {
        transform: rotate(180deg);
    }
    .arrow{
        transform: rotate(0deg);
    }
    .filter-dropdown .dropdown-content {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease-out;
    
    }
  
    .filter-collect{
        position: absolute;
        right:0px;
    }
    
    /* price range */
    .wrap-range-el .noUi-target{
        height:4px
    }
    .wrap-range-el .noUi-background{
        background-color:#e1e1e1
    }
    .wrap-range-el .noUi-connect{
        background:#405ff2
    }
    .wrap-range-el .noUi-horizontal .noUi-handle{
        width:14px;
        height:14px;
        border-color:#405ff2
    }
    .noUi-horizontal .noUi-handle.noUi-handle-upper,.wrap-range-el .noUi-horizontal .noUi-handle.noUi-handle-upper,.wrap-slider-car .slick-prev{
        left:0
    }
    .noUi-target,.noUi-target *{
        -webkit-touch-callout:none;
        -webkit-user-select:none;
        -ms-touch-action:none;
        touch-action:none;
        -ms-user-select:none;
        -moz-user-select:none;
        user-select:none;
        -moz-box-sizing:border-box;
        box-sizing:border-box
    }
    .noUi-target{
        position:relative;
        direction:ltr
    }
    .noUi-base{
        width:100%;
        height:100%;
        position:relative;
        z-index:1
    }
    .noUi-origin{
        position:absolute;
        right:-20px;
        top:0;
        left:0;
        bottom:0;

    }
    .noUi-handle{
        position:relative;
        z-index:1
    }
    .noUi-stacking .noUi-handle{
        z-index:10
    }
    .noUi-state-tap .noUi-origin{
        -webkit-transition:left .3s,top .3s;
        transition:left .3s,top .3s
    }
    .noUi-state-drag *{
        cursor:inherit!important
    }
    .noUi-base,.noUi-handle{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
    .noUi-horizontal{
        height:3px
    }
    .noUi-horizontal .noUi-handle{
        position:relative;
        width:20px!important;
        height:20px;
        border-radius:50%;
        left:0;
        top:50%;
        transform:translateY(-50%);
        border:2px solid black;
        cursor:pointer;
        background-color:var(--very-light-green);
    }
    .noUi-origin,.noUi-target{
        border-radius:2px
    }
    .noUi-background{
        background:#d6d7d9
    }
    .noUi-connect{
        background:black;
        -webkit-transition:background 450ms;
        transition:background 450ms;
        cursor:pointer
    }
    .noUi-target{
        width:100%;
        height:3px
    }
    .noUi-draggable{
        cursor:w-resize
    }
    .noUi-vertical .noUi-draggable{
        cursor:n-resize
    }
    .noUi-handle{
        cursor:default;
        -webkit-box-sizing:content-box!important;
        -moz-box-sizing:content-box!important;
        box-sizing:content-box!important
    }
    [disabled] .noUi-connect,[disabled].noUi-connect{
        background:#b8b8b8
    }
    [disabled] .noUi-handle,[disabled].noUi-origin{
        cursor:not-allowed
    }
    .lf-price-range{
        display:flex;
        column-gap:3px;
        align-items: flex-end; /* 06-12-24 GJ Style */
       
    }
    .lf-price-range label{
        font-size:14px !important;
        width: 70px !important; /* 06-12-24 GJ Style */
    }
    .lf-price-range .drop-menu { /* 06-12-24 GJ Style */
        margin-top: 10px;
    }
    .widget-price{
        margin:25px auto 20px;
        margin-right: 25px;
    }
    .price-box{
        font-size:14px;
    }
    .filter-title{
        display:flex;
        justify-content:space-between;
        color:black;
    }
    .filter-title{
        a h6 {
          display:flex;
          align-items:center;   
          gap:5px; 
          color:black;
        }
    }
    .cheak-box{
        max-height: 255px;
         overflow: auto;
    }
    .filter-collect{
        margin-right:10px;
    }
}
.lf-filter-addcart {
    button{
        border-radius:5px !important;
    }
}
@media(max-width:1920px){
    #Ecommerce {
        h5 {
            font-size: 18px !important;
        }
    }
}
@media(max-width:1750px){
    .list-button {
        right: 45% !important;
    }
}
@media(max-width:1615px){
    .list-button {
        right: 43% !important;
    }
    #Ecommerce {
        h5 {
            font-size: 16px !important;
        }
    }
}
@media(max-width:1599px){
    .lf-filter-dropdown{
        button{
  
            font-size:16px;
          
        }
    }
    
    .list-button {
        right: 35% !important;
    }
}
@media(max-width:1415px){
    .list-button {
        right: 30% !important;
    }
}
@media(max-width:1400px){
    .list-button {
        right: 15% !important;
    }
}
@media(max-width:1200px){
    .lf-breadcrumbs{
        display:none;
    }
    .lf-search-form{
        display:block;
    }
    .lf-applyflt-mob{
       display:flex;
       justify-content:center;
       align-items:center;
       margin-top:35px;
       width:100%;
    }
    .lf-applyflt-mob button{
        width:75%;
        margin:auto;
        background-color: var(--base-color);
        color:white;
        border:none;
        padding:7px;
    }
    .list-button { 
        right: 15% !important;
    }

    .lf-search-section {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 20px auto;
    }
    .lf-search-section input{
        background-color:white;
        font-size:15px;
    }
    .lf-search-img {
        background-color: var(--base-color);
        padding: 5px 10px;
    }
    .lf-search-img button{
        background-color: transparent;
        border:none;
    }
    .lf-search-img img {
        margin-bottom: 5px;
        margin-right: 1px;
    }
    
    .lf-banner-section {
        background-image: url(../../images/life/product/banner_tab.png);
       
    }
    .lf-mobile-mainfilter{
        display:flex;
        align-items:center;
        gap:5px;
    }
    .lf-mobile-mainfilter i{
        display:block;
    }
    .lf-banner-content {
        width: 100%;
        margin: 100px auto;
    }
    .lf-filter-ads{
        display:none;
    }
    .lf-filter-btn{
        display:flex;
        align-items:center;
        gap:5px;
        cursor: pointer;
    }
    .lf-filter-ads {
        display:none;
    }
    body.filter-active {
        overflow: hidden;
      }
      
      #overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 998;
        transition: opacity 0.4s ease;
        opacity: 0;
      }
      
      #overlay.active {
        display: block;
        opacity: 1;
      }
      .lf-filter-widget {
        transition: 0.8s ease;
        position: fixed;
        width: 60%;
        z-index: 999; /* Increased z-index to be above the overlay */
        top: 0px;
        margin: auto;
        left: -1500px;
        min-height: 100vh; /* Adjust height to account for top offset */
        background-color: white; /* Ensure the widget has a background */
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Optional: add some shadow for depth */
      }
      
      .lf-filter-widget.active {
        left: 0px;
        transition:0.8s ease;
      }
    .lf-filter-searched{
        display:none;
    }
    .lf-filter-btn img{
        margin-bottom:5px;
    }
    .lf-filter-block {
        margin: 0px auto 0px;
    }
    .lf-ads-section {
        width: 100%;
        height: 150px;
      
    }
}
@media(max-width:800px){
    .margin-botton-cus{
        margin-bottom:1rem !important;
    }
    .lf-filter-tabsec{
        padding:0px;
    }
    
}
@media(max-width:715px){
    .lf-filter-sec1 {
       flex-direction: column-reverse;
       justify-content: start;
       align-items:start;
       gap:30px;
    }
    .lf-filter-widget {
       
        width: 76%;
       
      }
      .lf-register-hide-mbl{
        display:block;
    }
    #Ecommerce {
        h5 {
            font-size: 14px !important;
            text-wrap:nowrap !important;
        }
    }
   
}
@media(max-width:650px){
    .lf-filter-section {
       
        padding: 0px 15px;
    }
}
@media(max-width:576px){
    
    .lf-flex-alter {
        .row {
            flex-direction: column;
            row-gap: 10px !important;
        }
    }
    /* .lf-fleximg-alter{
        width:100%;
    } */
    .lf-filter-carosel-mobile{
        display:block;
    }
    .lg-bg-cus-green{
        background-color: white !important;
    }
    .lf-filter-section{
        margin-top: 0px !important;
    }
    .lf-filter-dropdown {
        button {
         
            padding: 5px 10px;
        }
    }
    .lf-filter-dropdown {
        .dropdown-menu.show {
            padding: 10px 15px;
        }
    }
    .lf-filter-widget {
       
        width: 75%;
       
      }
    .lf-filter-dropdown{
        justify-content: space-between;
        width: 100%;

    }
    .lf-filter-sec2 {
        
        gap: 10px;

    }
    .lf-filter-sec2{
        width:100%;
    }
    .lf-banner-section {
        background-image: url(../../images/life/product/product_banner.png);
        background-position:top;
        height: 250px;
    }
    .lf-banner-content {
    
        margin: 70px auto;
    }
    .lf-search-section {
   
        width: 65%;
 
    }
   
    body{
        background-color:white;
      }
      .lf-search-section input{
        border-radius:5px 0px 0px 5px !important;
      }
      .lf-filter-heartop {
        
        top: 10px;
        right: 10px;
 
    }
    .lf-filter-sec3 {
       padding:0px;
    }
    .lf-filter-heart .lf-heart {
        position: absolute;
        top: 12px;
        right: 15px;
    }
    .lf-filter-price h4{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
    }
    .lf-filter-heart{
        height: 215px !important;
        width:100%;
    }
    .lf-filter-heart img{
        width:100% !important;
        height:100% !important;
        object-fit:contain;
    }
    .lf-filter-heart 
    #Ecommerce {
        h5 {
            font-size: 15px !important;
        }
    }
    /* .lf-filter-heart img{
        padding:10px;
    } */
    .ms-12 {
        margin-left: 0% !important;
    }
    .me-12 {
        margin-right: 0% !important;
    }
    .sm-mb-30px {
        margin-bottom: 0px !important;
        margin-top:20px;
    }
   #Ecommerce{
    .filter-title h6{
        font-size:14px !important;
    }
   }
   .lf-paramob-hide{
    /* display:none; */
    font-size:12px !important;
    line-height:20px;
   }
   .lf-filter-addcart button {
   padding:5px;
   font-size:12px !important;
}
.lf-ads-section {
    width: 100%;
    height: 120px;
}

    .lf-hearticon {
       
        right: 5px;
        top: 8px;
        
    }
}


@media(max-width:400px){
    .lf-filter-btn h6{
        display:none;
    }

}
@media(max-width:375px){
    .lf-flex-alter{
        .row{
            flex-direction:column;
            row-gap:10px !important;
        }
    }
    .lf-fleximg-alter{
        width:100%;
    }
}
/* filter end */


/* event page */
#Ecommerce{
.lf-eventbanner-section{
    background: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.1)),url(../../images/life/product/women_yoga.png);
    background-repeat: no-repeat;
    background-position: 15% 69%;
    background-size: cover;
    background-position: center center;

}
.lf-event-section2{
    display:flex;
    align-items: center;
    gap:20px;
}
.lf-event-flex{
    display: flex;
    gap: 20px;
    border-bottom: 1px solid rgba(0,0,0,0.2);
    padding-bottom: 30px;

}
.lf-event-section2 p{
    color:black;
}
.lf-event-section3 button{
    width: 115%;
    padding: 5px 30px;
}
.lf-event-section4{
    margin-top:5% !important;
}
.lf-event-img{
    width:360px;
    height:204px;
    overflow:hidden;
    .lf-flex-sharebtn1 img {
    background-color: white;
    border-radius: 50%;
    padding: 10px 11px 10px 10px;
    overflow: visible;
    cursor: pointer;
}
    overflow:hidden;
    position: relative;
}
.lf-event-img img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.lf-flex-sharebtn1{
    position: absolute;
    top:10px;
    right:10px;   
}
.lf-flex-sharebtn2 {
    position: absolute;
    top: 1px;
    right: 44px;
}
.lf-flex-sharebtn2 .lf-heart button{
    padding: 3px 10px;
    border-radius: 50%;
    background: white;
}
.lf-flex-sharebtn1 img {
    background-color: white;
    border-radius: 50%;
    padding: 10px 11px 10px 10px;
    overflow: visible;
}
.lf-event-content h5{
    color:black;
}
.lf-event-content p{
    margin-bottom: 0.2rem !important;
}
.lf-eventmob-flex{
    justify-content: start;
    flex-wrap:wrap;
    gap:15px;
}
.lf-eventmob-flex input{
    padding: 5px 20px 5px 10px;
    cursor: pointer;
}
.lf-event-content img{
    margin-bottom:6px;
    margin-right:11px;
}
.event-btn-md{
    padding:10px 35px !important;
}

.lf-flex-sharebtn2 .lf-heart .lf-hearticon{
    border: 0;
    cursor: pointer;
  position: absolute;
  right:10px;
  top:10px;
  background: white;
  &:focus{
    outline:none;
  }
  svg{
    fill:transparent;
    margin-bottom:4px;
  }
  &.is-active{
    svg{
      fill:var(--base-color);
      animation: beat cubic-bezier(0.04, 0.4, 0.5, 0.95) 450ms forwards 1;
     
    }
  }
}

@keyframes beat {
  
    30% {
      opacity:1;
      transform: scale(1.4);
    }
    50% {
      transform: scale(0.8);
    }
    100% {
      transform: scale(1);
    }
  }
@media(max-width:1200px){
    .lf-event-section4{
        margin-top:30px !important;
    }
    .lf-event-heading{
        margin:101px auto !important;
    }
}
@media(max-width:850px){
    .lf-event-flex {
       flex-direction:column;
    }
    .lf-event-img {
        width: 100%;
        height:300px;
     
    }
    .lf-event-img img{
       width:100%;
       object-fit: cover;
       height:100%;
    }
}
@media(max-width:576px){
    .lf-event-para{
        display:none;
    }
    .lf-event-img{
        height:210px;
    }
    .lf-event-section3 button{
        padding: 5px 5px;
    }
    .lf-eventbanner-section{
        background: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)),url(../../images/life/product/women_mob.png);
        background-repeat: no-repeat;
        background-size:cover;
    
    }
    .lf-event-content h5,p{
        margin-bottom:1rem;
    }
    .lf-event-content h5{
        font-size:18px !important;
    }
    .lre-filter-gridsec1 p{
        margin-bottom: 0px !important;
    }
 
}
}
/* end */
/* event detail */
.lf-bgclr{
    background-color:white;
}

#Ecommerce{
.lf-evedet-sec1{
    position: relative;
    width:100%;
    max-width:1920px;
    margin: auto;
    top:0px;
}
.lf-evedet-sec2{
    position:absolute;
    top:0px;
    z-index:-1;
    margin: 0px -20%;
}
.lf-evedet-sec3{
    padding-top:150px;
    max-width:1650px;
    width:100%;
    margin:auto;
}
.lf-evedet-img1{
    width:100%;
    height:520px;
    overflow:hidden;
    margin-bottom: 3rem;
}
.lf-evedet-img1 img{
    object-fit:cover;
    width:100%;
    height:100%;
}
.lf-evedet-cata{
    background-color:var(--very-light-green);
    padding:20px;
}
.lf-evedet-catalist a{
    display:flex;
    justify-content:space-between;
}
.lf-evedet-catalist a{
    color:black;
}
.lf-evedet-catalist a:hover{
    color:var(--base-color);
}
.lf-evedet-cata .lf-evedet-catahead{
color:var(--base-color);
}
.lf-evedet-catalistmain{
    margin: 0.3rem auto;
}
.lf-evedet-catads{
    width:100%;
    padding:20px 0px;
    height:100%;
}
.lf-evedet-catads h4{
 text-align:right;
 font-weight: 500;
 color: var(--base-color);
}
.lf-evedet-cataflow{
    background-color:var(--very-light-green);
    padding:20px;
}
.lf-evedet-catasocial{
    display:flex;

    justify-content:space-between;
    margin:1.2rem auto;
}
.lf-evedet-content h2{
    color:black;
}
.lf-evedet-content a{
    background-color:var(--base-color);
    color:white;
}
.lf-evedet-content{
    display:flex;
    justify-content:space-between;
    align-items:center;
   /* margin-bottom: 3rem; */
}
.lf-evedet-conaction{
    display:flex;
    gap:45px;
    margin-bottom: 3rem;
    align-items: center;
    flex-wrap: wrap;
}
.lf-evedet-main-cat{
    background-color: #DFEADB;
    padding: 0px 20px;
    font-weight: 500;

}
.lf-evedet-price{
    margin-bottom: 3rem;
    font-size: 36px;
    font-weight: 500;
    line-height: 29.5px;
    color: var(--base-color);
}
.w-19px{
    width: 19px;
}
.w-20-he-19{
    width: 20px;
    height: 19px;
}
.lf-evedet-addate h3{
    color:black
}
.lf-evedet-addate{
    margin-bottom:3rem;
}
.lf-evedet-addate-flex{
    display:flex;
    align-items:center;
    gap:10px;
    margin:0.7rem auto 0rem;
} 
.lf-evedet-about{
    color:black;
}
.lf-evedet-about p{
    color:#555555;
}
.lf-evedet-about h3{
    margin-bottom:1.5rem;
}
.lf-evedet-available-seats{
    font-weight: 500;
    font-size: 20px;
    line-height: 36px;
    color: #212121;
}
.text-color-green{
    color: var(--base-color);
}
.lf-evedet-abtsubimg{
    background-color:gray;
    min-width: 100%;
    height: 220px;
    max-width: 100%;
}
.lf-evedet-abtsubimg img {
    height:100%;
    object-fit: cover;
    width:100%;
}
.lf-evedet-abtimg{
    display:flex;
    justify-content:space-between;
    gap:20px;
    margin-bottom:2rem;
}
.lf-evedet-orgazrealtive{
    padding:40px;
    background-image:url(../../images/life/product/organz_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.lf-evedet-orgaz{
    position: relative;

}
.lf-evedet-orgaz h3{
    margin-bottom:1rem;
}
.lf-evedet-orgaz-flex{
  display:flex;
 gap: 10px;
}
@media(max-width:1800px){
    .lf-evedet-sec3 {
        padding-top: 150px;
        max-width: 1500px;
        width: 100%;
        margin: auto;
    }
    /* .margin-botton-cus{
        margin-bottom:2rem !important 
    } */
    .lf-evedet-price{
        font-size: 26px;
    }
    .lf-evedet-addate h3  {
        font-size: 22px !important;
    }
    .lf-evedet-addate-flex h5 {
        font-size: 16px !important;
        /* color: #212121; */
    }
}
@media(max-width:1625px){
    .lf-evedet-sec3 {
        padding-top: 150px;
        max-width: 1400px;
        width: 100%;
        margin: auto;
    }
}
@media(max-width:1450px){
    .lf-evedet-sec3 {
        padding-top: 150px;
        max-width: 1200px;
        width: 100%;
        margin: auto;
    }
}
@media(max-width:780px){
    .lf-evedet-sec3 {
        padding: 20px;
        padding-top: 120px;

    }
    .lf-evedet-img1{
        height: 240px;
    }
    .lf-evedet-sec2 img{
 height: 320px;
    }
    .lf-evedet-conaction{
        gap: 10px;
    }
    .lf-evedet-content h2{
        font-size: 24px !important;
    }
    .lf-evedet-price{
        font-size: 22px;
        font-weight: 500;
        line-height: 29.5px;
 
    }
    .lf-evedet-addate-flex img{
        width: 27px;
    }
    .lf-evedet-addate h3{
        font-size: 20px !important;
    }
    .lf-evedet-orgazrealtive{
        padding:15px;
    }
    /* .lf-evedet-catads{

        height:552px !important;
    } */
}
}

@media (max-width: 992px) {
    #Ecom-event-home {
        .view-arrow {
            margin-top: -1px !important;
        }
    }
    .min-wdt-200{
        min-width: 135px;
    }
}
/* end */

/* event detail fonts */
@media (min-width:1920px){
    .cus-event-detail-h1{
        font-size: 46px !important;
        color: #212121;
        line-height: normal !important;
    }
    #Ecommerce .lf-evedet-addate h3 {
        font-size: 28px !important;
        font-weight: 500 !important;
    }
}
@media (max-width:1920px){
    .cus-event-detail-h1{
        font-size: 36px !important;
        color: #212121;
        line-height: normal !important;
    }
    #Ecommerce .lf-evedet-addate h3 {
        font-size: 22px !important;
        font-weight: 500 !important;
    }
}
@media (max-width:780px){
    .cus-event-detail-h1{
        font-size: 26px !important;
        color: #212121;
        line-height: normal !important;
    }
    #Ecommerce .lf-evedet-addate h3 {
        font-size: 20px !important;
        font-weight: 500 !important;
    }
}

.lf-heartswipericon{
    border: 0;
    cursor: pointer;
   display: flex;
   background-color: transparent;
  &:focus{
    outline:none;
  }
  svg{
    fill:transparent;
  }
  &.is-active{
    svg{
      fill:var(--base-color);
      animation: beat cubic-bezier(0.04, 0.4, 0.5, 0.95) 450ms forwards 1;
    }
  }
}



/* for button */

.cus-button {
    cursor: pointer;
    text-transform: uppercase;
    padding: 8px 40px !important;
    position: relative;
    color: white;
    z-index: 1;
    transition: all 0.5s ease-in-out;
    border-radius: 5px;
    font-size: 20px !important;
  }
  .cus-button:focus {
    outline: none;
  }
  
  
  /* primary button  */
  .btn-cus-dark {
    background:var(--base-color);
    border: solid var(--base-color) 1px !important;
    width: 100%;
  }
  .btn-cus-dark.focus, .btn-cus-dark:focus{
    box-shadow: none;
  }
  .btn-cus-dark:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 50%;
    background-color: white;
    transition: all 0.5s ease-in-out;
    z-index: -1;
    border-bottom-left-radius:4.5px;
    border-bottom-right-radius:4.5px
  }
  .btn-cus-dark:after {
    content: "";
    position: absolute;
    top: 0%;
    right: 0%;
    width: 0%;
    height: 50%;
    background-color: white;
    transition: all 0.5s ease-in-out;
    z-index: -1;
    border-top-left-radius:4.5px;
    border-top-right-radius:4.5px
  }
  .btn-cus-dark:hover {
    color: var(--base-color);
    border-color: white;
    border: solid var(--base-color) 1px !important;
  }
  .btn-cus-dark:focus {
    color: white;
  }
  .btn-cus-dark:hover:before,
  .btn-cus-dark:hover:after {
    width: 100%;
  }
  
  /* Button Animation on Click (active state) */
  .btn-cus-dark:active {
    color: white;
    border-color: var(--base-color);
    background-color: var(--base-color);
    box-shadow: none;
    /* transform: scale(0.98);  */
  }
  
  .btn-cus-dark:active:before,
  .btn-cus-dark:active:after {
    background-color: var(--base-color);
    transform: scaleY(0.9); /* Slight scale effect for the pseudo-elements */
  }
  
  /* secondary button  */
  .btn-lite {
    background:var(--very-light-green);
    color: var(--base-color);
    border: solid var(--very-light-green) 1px !important;
    width: 100%;
  }
  .btn-lite:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 50%;
    background-color: white;
    transition: all 0.5s ease-in-out;
    z-index: -1;
    border-bottom-left-radius:4.5px;
    border-bottom-right-radius:4.5px
  }
  .btn-lite:after {
    content: "";
    position: absolute;
    top: 0%;
    right: 0%;
    width: 0%;
    height: 50%;
    background-color: white;
    transition: all 0.5s ease-in-out;
    z-index: -1;
    border-top-left-radius:4.5px;
    border-top-right-radius:4.5px
  }
  .btn-lite:hover {
    color: var(--base-color);
    border: solid var(--base-color) 1px !important;
  }
  .btn-lite:hover:before,
  .btn-lite:hover:after {
    width: 100%;
  }
  .btn-lite:active {
    color: var(--base-color);
    border-color: var(--very-light-green);
    background-color: var(--very-light-green);
    box-shadow: none;
  }
  .btn-lite:active:before,
  .btn-lite:active:after {
    background-color: var(--very-light-green);
  }
  
  /* extra lite button  */
  .btn-extralite {
    background:white;
    color: var(--base-color);
    border: solid white 1px !important;
    width: 100%;
  }
  .btn-extralite:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 50%;
    background-color: var(--very-light-green);
    transition: all 0.5s ease-in-out;
    z-index: -1;
    border-bottom-left-radius:4.5px;
    border-bottom-right-radius:4.5px
  }
  .btn-extralite:after {
    content: "";
    position: absolute;
    top: 0%;
    right: 0%;
    width: 0%;
    height: 50%;
    background-color:  var(--very-light-green);
    transition: all 0.5s ease-in-out;
    z-index: -1;
    border-top-left-radius:4.5px;
    border-top-right-radius:4.5px
  }
  .btn-extralite:hover {
    color: var(--base-color);
    border: solid var(--base-color) 1px !important;
  }
  .btn-extralite:hover:before,
  .btn-extralite:hover:after {
    width: 100%;
  }
  .btn-extralite:active {
    color: var(--base-color);
    border-color: var(--base-color);
    background-color: var(--base-color);
    box-shadow: none;
  }
  .btn-extralite:active:before,
  .btn-extralite:active:after {
    background-color: var(--base-color);
  }
  .lf-paramob-hide {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}


.lre-reg-headfnt a{
    font-size:24px !important;
}
.lre-event-img{
    overflow:hidden;
}
.lre-event-img img{
    width:100% !important;
    height:100% !important;
    object-fit:cover;
}
.lre-search-sec1{
    
    width: 100px;
    height: 100px;
  }
  .lre-cart-mrgin{
    hr{
        margin:0rem !important;
    }
  }
  @media (max-width: 1920px) {
    .cus-button {
      font-size: 18px !important;
    }
  }
  @media (max-width: 1599px) {
    .cus-button {
      font-size: 16px !important;
    }
  }
  @media(max-width:1450px){
    .lf-list-sec1{
        height:300px;
    }
  }
  @media (max-width: 1280px) {
    .cus-button {
      font-size: 14px !important;
      padding: 5px 20px !important;
    }
    .list-button {
        right: 15% !important;
    }
  }
  .cart-button{
    min-width: 180px;
  }
  .lre-mobshopgrid{
    padding: 0px !important;
  }
  .lre-eventlst-padding1{
    padding:0px !important;
  }
  
@media(max-width:576px){
    /* .lf-filter-addcart button:nth-child(1) {
        position:relative;
    }
    .lf-filter-addcart button:nth-child(2) {
        position:relative;
    } */
    /* .lre-fleximg-alter{
        width:auto !important;
    } */
    .lf-list-sec1 {
        height: 180px;
    }
    .lf-flex-alter {
        .row {
            flex-direction: row;
            row-gap: 10px !important;
        }
    }
    .lre-product-rmpad{
        padding:0px !important;
    }
    #Ecommerce {
        .bg-light-green {
            background-color: white;
        }
        .lf-filter-addcart button:nth-child(1) {
            min-width: 80px;
        }
        .lf-filter-addcart button:nth-child(2) {
            min-width: 100px;
        }
        
    }
    .cart-button span.added {
       
        width: 100%;
    }
    .cart-button span.add-to-cart {
        opacity: 1;
        width: 120%;
    }
    .lf-list-sec1 img {
      
        object-fit: contain;
    }
    .lf-paramob-hide {
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }
    .cart-button .fa-shopping-cart {
        left: -20px;
        right:10px;
    }
    .lf-list-sec1 .lf-heart {
        position: absolute;
        top: 10px;
        right: -25px;
    }
    .lre-reg-headfnt a{
        font-size:16px !important;
    }
    .select2-container{
        z-index: 1;
    }
    .lre-cart-mrgin{
        margin-top:-4px !important;
    }
    .lre-eventlst-padding{
        padding:0px !important;
      }

}
@media(max-width:450px){
    #Ecommerce {
        .lf-filter-addcart button:nth-child(2) {
            
            right:5% !important;
        }
    }
}
@media(max-width:400px){
    #Ecommerce {
        .lf-filter-addcart button:nth-child(2) {
            
            right:0% !important;
        }
    }
}
@media(max-width:350px){
    .lre-fleximg-alter{
        width:100% !important;
    }
}
  /* end button */


/* <img src="https://via.placeholder.com/970x250" alt="Advertisement" style="width: 100%; height: auto;" data-no-retina=""> */