#Ecommerce{
    max-width: 2000px;
    margin: auto;
  }

.padding-20per{
    padding: 0px 20% !important;
}
.detailcolr{
    color: #555555;
}
#Ecom-event-home{
    padding: 80px 0px 0px 0px;
    .row{
        margin: 0px;
    }
    .swiper-pagination-bullet{
        background-color: var(--very-light-green);
        border: none !important;
        width: 11px;
        height: 11px;
    }
   .swiper-pagination-bullet-active{
        background-color: var(--base-color) !important;
        width: 11px;
        height: 11px;
    } 
    .base-green{
        color: var(--base-color);
    }
    .view-arrow{
        display: none;
      
      }
      .lap-display-none{
        display: none ;
      }
    .primary-btn-md{
        background-color: white;
        color: var(--base-color);
    }
    .secondary-btn-md{
        background-color:var(--base-color);
        color: white;
        padding: 10px 40px !important;
    }
    .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;
      }
      
      .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);
      }
    .rounded-border{
        border: solid #DDDDDD 1px;
        border-radius: 50px;
        height: 39px;
        width: 39px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 2px !important;
    }
    .position-unset{
        position: unset !important;
    }
    #evnt-home-banner{
        height: 720px;
        width: 100%;
        position: relative;
        .evnt-banner-main-img{
            height: 100%;
            img{
                height: 100%;
                width: 100%;
                object-fit: cover;
            }
        }
       
        #evnt-banner-content{
            position: absolute;
            top: 0px ;
            left: 0px;
            right:0px;
            bottom: 0px;
            .evnt-main-heading-dark{
                color: #212121;
            }
            .evnt-main-heading-green{
                color:  #2F7557;                
            }
            #evnt-banner-left-content{
                padding-left: 130px;
                position: relative;

                .evnt-flow-img-top {
             
                    background: url(../../images/life/Ecommerce/flowerimg.svg) no-repeat center;
                    background-size: contain;
                    position: absolute;
                    top: 10%;
                    left: 95%;
                    transform: translate(-50%, -50%);
                    width: 46px;
                    height: 46px;
                    z-index: 0;
                    animation: rotateImage 5s linear infinite;
                  }
                .evnt-flow-img-bottom {
                    background: url(../../images/life/Ecommerce/flowerimg.svg) no-repeat center;
                    background-size: contain;
                    position: absolute;
                    bottom: 5%;
                    left: 25%;
                    transform: translate(-50%, -50%);
                    width: 46px;
                    height: 46px;
                    z-index: 0;
                    animation: rotateImage 5s linear infinite;
                  }
                
            }
            .evnt-banner-sec-font{
                font-size: 24px;
                font-weight: 400;
                line-height: 28.8px;
                color:#212121;
            }
        
            .evnt-rgt-banner-img{
                height: 720px;
                width: 670px;
                position: relative;
                .evnt-main-img{
                    height: 100%;
                    width: 100%;
                    object-fit: cover;
                }
                .evnt-sec-img{
                    position: absolute;
                    top: 65%;
                    left: 85%;
                }
            }
        
            .evnt-banner-active-arrow{
                background-color: var(--base-color) !important;
                
            }
            .evnt-banner-active-arrow:hover{
                background-color: white !important;
                color: var(--base-color) !important;
                
            }
        }
    }
    #e-commerce-event-home-ad{
        background-color: var(--very-light-green);
        height: 250px;
        position: relative;
        width: 75%;
        margin: auto;
    }
    #ecom-event-home-cat{
        width: 80%;
        margin: auto;
        .evnt-cat-head{
            font-size: 14px;
            line-height: 18px;
            font-weight: 400;
            color: var(--base-color);
            text-transform: uppercase;
            letter-spacing: 1.8px;
        }
       .event-cat-relative-div{
           position: relative;
           width: fit-content;
           margin: auto;
        }
        .event-cat-hover-div:hover .active-cat-image {
            transition: 0.3s ease;
            filter: invert(59%) sepia(9%) saturate(2411%) hue-rotate(126deg) brightness(89%) contrast(107%);
        }
        
        .event-cat-hover-div:hover .active-cat-sub-img {
            filter: brightness(0) invert(1); /* Change the sub image filter on hover */
        }
        .active-cat-sub-img{
            position: absolute;
            top: 50%;       /* Move the top edge to the middle of the parent */
            left: 50%;      /* Move the left edge to the middle of the parent */
            transform: translate(-50%, -50%);
        }
    }
    #ecom-event-home-marque{
        background-color: var(--base-color);
        .ecom-event-marque-header-text{
            font-size: 36px;
            line-height: 35px;
            color: white;
            text-transform: uppercase;
           
        }
    }
    #ecom-discover-event{
        background-color: var(--base-color);
        .discover-img{
            width: 100%;
        }
        .ecom-discover-left-section{
            padding-left: 7rem;
            .ecom-discover-left-p-content{
                padding-right: 25rem;
            }
        }
    }
    #ecom-booking-event-main-div{
        padding-left: 7rem;
        padding-right: 7rem;
        .ecom-event-booking-small-fnt{
            font-size: 14px;
            line-height: 18px;
            text-transform: uppercase;
            color: #212121;
            margin-bottom: 20px;
        }
        .event-booking-slider-img{
            height: 230px;
            object-fit: cover;
        }
        .lite-location{
            font-size: 14px;
            font-weight: 400;
            color: #555555;
        }
        .event-booking-slider-date{
            font-size: 15px;
            color: #444444;
            font-weight: 500;
            text-transform: uppercase;
        }
        .event-booking-slider-currency{
            background-color: var(--very-light-green);
            color: var(--base-color);
            font-weight: 500;
            font-size: 15px;
            border: solid rgb(224, 224, 224) 1px;
       
        }
        .box-shadow-booking{
            box-shadow: rgba(231, 231, 234, 0.2) 3px 3px 3px 3px;
            border: solid rgb(241, 241, 241) 1px;
        }
    }
    #ecom-event-customer-review{
        background-color: var(--very-light-green);
        padding-left: 7rem;
        padding-right: 7rem;

        .testimonial-outer-div{
              background-color: white;
        }
        .testimonial-content{
            font-size: 16px;
            line-height: 34px;
        }
        .testimonial-user-img{
            width: 50px;
            height: 50px;
            margin: auto;
          img{
            border-radius: 50px;
            object-fit: cover;
          }
        }
        .testimonial-user-name{
            font-size: 18px;
            font-weight: 500;
            color: #444444;
        }
        .testimonial-user-role{
            font-size: 14px;
          
            color: #444444;
        }
    }
}
@media (min-width: 1919px) {
    #Ecom-event-home{
        padding: 80px 0px 0px 0px;
        h1{
            font-size: 86px !important;
            line-height: 93px !important;
            color: #392B25;
            text-transform: capitalize;
        }
        h2{
            font-size: 52px !important;
            line-height: 58px !important;
            color: #392B25;
            text-transform: capitalize;
        }
        h4{
            font-size: 28px !important;
            line-height: 33.6px !important;
            color: #392B25;
            font-weight: 500;
            text-transform: capitalize;
        }
        h6{
            font-size: 20px !important;
            line-height: 33.6px !important;
            color: #392B25;
            font-weight: 400;
            text-transform: capitalize;
        }
        p{
            color: #888888;
            font-size: 18px !important;
            line-height: 32px !important;
        }
      
    }  
}
@media (max-width: 1919px) {
    #Ecom-event-home{
        padding: 80px 0px 0px 0px;
        h1{
            font-size: 66px !important;
            line-height: 78px !important;
            color: #392B25;
            text-transform: capitalize;
        }
        h2{
            font-size: 40px !important;
            line-height: 50px !important;
            color: #392B25;
            text-transform: capitalize;
        }
        h4{
            font-size: 21px !important;
            line-height: 30.6px !important;
            color: #392B25;
            font-weight: 500;
            text-transform: capitalize;
        }
        h6{
            font-size: 17px !important;
            line-height: 29.6px !important;
            color: #392B25;
            font-weight: 400;
            text-transform: capitalize;
        }
        p{
            color: #888888;
            font-size: 15px !important;
            line-height: 28px !important;
        }
  
       
        #evnt-home-banner{
            height: 620px !important;
           
           
            #evnt-banner-content{
              
              
                #evnt-banner-left-content{
                    padding-left: 80px;
                }
                .evnt-banner-sec-font{
                    font-size: 20px;
                }
            
                .evnt-rgt-banner-img{
                    height: 620px !important;
                    width: 520px;
                    .evnt-sec-img{
                        width: 200px !important;
                    }
                }
            }
        }
        #e-commerce-event-home-ad{
            height: 250px;
            width: 60%;
        }
        #ecom-event-home-cat{
          
            .evnt-cat-head{
                font-size: 13px;
                line-height: 15px;
            }
           .event-cat-relative-div{ 
               position: relative;
               width: fit-content;
               margin: auto;
            }
            .event-cat-hover-div:hover .active-cat-image {
                transition: 0.3s ease;
                filter: invert(59%) sepia(9%) saturate(2411%) hue-rotate(126deg) brightness(89%) contrast(107%);
            }
            
            .event-cat-hover-div:hover .active-cat-sub-img {
                filter: brightness(0) invert(1); /* Change the sub image filter on hover */
            }
            .active-cat-sub-img{
                position: absolute;
                top: 50%;       /* Move the top edge to the middle of the parent */
                left: 50%;      /* Move the left edge to the middle of the parent */
                transform: translate(-50%, -50%);
            }
        }
        #ecom-event-home-marque{
            .ecom-event-marque-header-text{
                font-size: 25px;
                line-height: 30px;
            }
        }
        #ecom-discover-event{
            .ecom-discover-left-section{
                padding-left: 5rem;
                .ecom-discover-left-p-content{
                    padding-right: 15rem;
                }
            }
        }
        #ecom-booking-event-main-div{
            padding-left: 5rem;
            padding-right: 5rem;
            .ecom-event-booking-small-fnt{
                font-size: 13px;
                line-height: 15px;
            }
            .lite-location{
                font-size: 14px;
                font-weight: 400;
                color: #555555;
            }
            .event-booking-slider-date{
                font-size: 14px;
            }
            .event-booking-slider-currency{
                font-size: 14px;
           
            }
            .box-shadow-booking{
                box-shadow: rgba(238, 238, 238, 0.2) 3px 3px 3px 3px;
                border: solid rgb(241, 241, 241) 1px;
            }
        }
        #ecom-event-customer-review{
            padding-left: 5rem;
            padding-right: 5rem;

            .testimonial-content{
                font-size: 13px;
                line-height: 26px;
            }
            .testimonial-user-img{
                width: 45px;
                height: 45px;
                margin: auto;
              img{
                border-radius: 50px;
                object-fit: cover;
              }
            }
            .testimonial-user-name{
                font-size: 16px;
            }
            .testimonial-user-role{
                font-size: 13px;
            }
        }
    }
}
@media (max-width: 1400px) {
    #Ecom-event-home{
        padding: 80px 0px 0px 0px;
        h1{
            font-size: 54px !important;
            line-height: 63px !important;
            color: #392B25;
            margin-bottom: 10px !important;
        }
        h2{
            font-size: 36px !important;
            line-height: 50px !important;
            color: #392B25;
        }
        h4{
            font-size: 19px !important;
            line-height: 30.6px !important;
            color: #392B25;
            font-weight: 500;
        }
        h6{
            font-size: 15px !important;
            line-height: 29.6px !important;
            color: #392B25;
            font-weight: 400;
        }
        p{
            color: #888888;
            font-size: 13px !important;
            line-height: 28px !important;
        }
        .rounded-border{
            border: solid #DDDDDD 1px;
            border-radius: 50px;
            height: 35px;
            width: 35px;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 8px !important;
        }


        #evnt-home-banner{
            height: 520px !important;
           
           
            #evnt-banner-content{
              
              
                #evnt-banner-left-content{
                    padding-left: 80px;
                    padding-right: 10%;
                }
                .evnt-banner-sec-font{
                    font-size: 18px;
                    line-height: 32px;
                }
            
                .evnt-rgt-banner-img{
                    height: 520px !important;
                    width: 390px;
                    .evnt-sec-img{
                        width: 200px !important;
                    }
                }
            }
        }
      
    }  
}
@media (max-width: 1208px) {
    #Ecom-event-home{
        padding: 80px 0px 0px 0px;
        h1{
            font-size: 44px !important;
            line-height: 53px !important;
            color: #392B25;
            margin-bottom: 10px !important;
        }
        h2{
            font-size: 32px !important;
            line-height: 40px !important;
            color: #392B25;
        }
        h4{
            font-size: 17px !important;
            line-height: 30.6px !important;
            color: #392B25;
            font-weight: 500;
        }
        h6{
            font-size: 14px !important;
            line-height: 29.6px !important;
            color: #392B25;
            font-weight: 400;
        }
        p{
            color: #888888;
            font-size: 13px !important;
            line-height: 28px !important;
        }
        .rounded-border{
            border: solid #DDDDDD 1px;
            border-radius: 50px;
            height: 30px;
            width: 30px;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 8px !important;
        }

        #evnt-home-banner{
            height: 520px !important;
           
           
            #evnt-banner-content{
              
              
                #evnt-banner-left-content{
                    padding-left: 80px;
                    padding-right: 10%;
                }
                .evnt-banner-sec-font{
                    font-size: 18px;
                    line-height: 32px;
                }
            
                .evnt-rgt-banner-img{
                    height: 520px !important;
                    width: 390px;
                    .evnt-sec-img{
                        width: 200px !important;
                    }
                }
            }
        }
      
    }
}
@media (max-width: 1123px) {
    #Ecom-event-home{
        padding: 80px 0px 0px 0px;
        h1{
            font-size: 44px !important;
            line-height: 53px !important;
            color: #392B25;
            margin-bottom: 10px !important;
        }
        h2{
            font-size: 32px !important;
            line-height: 40px !important;
            color: #392B25;
        }
        h4{
            font-size: 17px !important;
            line-height: 30.6px !important;
            color: #392B25;
            font-weight: 500;
        }
        h6{
            font-size: 14px !important;
            line-height: 29.6px !important;
            color: #392B25;
            font-weight: 400;
        }
        p{
            color: #888888;
            font-size: 13px !important;
            line-height: 28px !important;
        }


        #evnt-home-banner{
            height: 420px !important;
           
           
            #evnt-banner-content{
              
              
                #evnt-banner-left-content{
                    padding-left: 50px !important;
                    padding-right: 10%;
                }
                .evnt-banner-sec-font{
                    font-size: 18px;
                    line-height: 32px;
                }
            
                .evnt-rgt-banner-img{
                    height: 420px !important;
                    width: 380px;
                    .evnt-sec-img{
                        width: 150px !important;
                    }
                }
            }
        }
        .swiper-button-prev, .swiper-button-next{
            display: flex;
        }
    }
}
@media (max-width: 992px) {
    .padding-20per{
        padding: 0px 0px !important;
    }
    #Ecom-event-home{
        .mbl-display-none{
            display: none !important;
        }
        .lap-display-none{
            display: block;
        }
        h1{
            font-size: 33px !important;
            line-height: 44px !important;
            font-weight: 500;
        }
        h2{
            font-size: 26px !important;
            line-height: 28px !important;
        }
        h4{
            font-size: 13px !important;
            line-height: 17.6px !important;
            color: #392B25;
            font-weight: 500;
        }
        h6{
            font-size: 16px !important;
            line-height: 28.6px !important;
            color: #392B25;
            font-weight: 400;
        }
        p{
            color: #888888;
            font-size: 12px !important;
            line-height: 20px !important;
        }
        .view-arrow{
            display: block !important;
            width: 36px;
            height: 36px;
            margin-top: -21px;
          }
          .max-wdt-226{
            max-width: 80%;
          }
        #evnt-home-banner{
            height: 542px !important;
            width: 100%;
            position: relative;
            background-color: var(--very-light-green);
           
            #evnt-banner-content{
                position: absolute;
                top: 0px ;
                left: 0px;
                right:0px;
                bottom: 0px;
                .evnt-main-heading-dark{
                    color: var(--base-color);
                }
                .evnt-main-heading-green{
                    color: var(--base-color);                
                }
                .evnt-flow-img-bottom {
                    background: url(../../images/life/Ecommerce/flowerimg.svg) no-repeat center;
                    background-size: contain;
                    position: absolute;
                    bottom: 75%;
                    left: 85%;
                    transform: translate(-50%, -50%);
                    width: 26px;
                    height: 26px;
                    z-index: 0;
                    animation: rotateImage 5s linear infinite;
                  }
                #evnt-banner-left-content{
                    padding-left: 15px !important;
                    padding-right: 15px !important;
                    padding-top: 20px ;
                    position: relative;
    
                    .evnt-flow-img-top {
                        background: url(../../images/life/Ecommerce/flowerimg.svg) no-repeat center;
                        background-size: contain;
                        position: absolute;
                        top: 45%;
                        left: 87%;
                        transform: translate(-50%, -50%);
                        width: 26px;
                        height: 26px;
                        z-index: 0;
                        animation: rotateImage 5s linear infinite;
                      }
                    .evnt-flow-img-bottom {
                        background: url(../../images/life/Ecommerce/flowerimg.svg) no-repeat center;
                        background-size: contain;
                        position: absolute;
                        bottom: 5%;
                        left: 67%;
                        transform: translate(-50%, -50%);
                        width: 26px;
                        height: 26px;
                        z-index: 0;
                        animation: rotateImage 5s linear infinite;
                      }
                    
                }
                .evnt-banner-sec-font{
                    font-size: 13px;
                    font-weight: 400;
                    line-height: 28.8px;
                    color:#212121;
                }
            
                .evnt-rgt-banner-img{
                    height: 292px !important;
                    width: 267px !important;
                    position: relative;
                    .evnt-main-img{
                        height: 100%;
                        width: 100%;
                        object-fit: cover;
                    }
                    .evnt-sec-img{
                        position: absolute;
                        top: 65%;
                        left: 85%;
                    }
                }
                .evnt-banner-inactive-arrow{
                   width: 40px !important;
                   height: 40px !important;
                }
                .evnt-banner-active-arrow{
                    width: 40px !important;
                    height: 40px !important;
                    
                }
            }
        }
        #e-commerce-event-home-ad{
            height: 100px;
        }
        #ecom-event-home-marque{
            .ecom-event-marque-header-text{
                font-size: 20px;
                line-height: 35px;
                color: white;
            }
            .ecom-event-marque-icon{
                width: 20px;
                height: 20px;
            }
        }
        #ecom-event-home-cat{
            width: 100%;
            .active-cat-image{
                width: 60px ;
                height: 60px;
            }
            .active-cat-sub-img{
                width: 25px;
            }
        }
        #ecom-booking-event-main-div{
            padding-left: 2rem;
            padding-right: 2rem;
            .ecom-event-booking-small-fnt{
                font-size: 12px;
                line-height: 18px;
                text-transform: uppercase;
                color: #212121;
                margin-bottom: 10px;
            }
        
        }
        #ecom-discover-event{
            background-color: var(--base-color);
            .discover-img{
                width: 100%;
            }
            .ecom-discover-left-section{
                padding-left: 1rem;
                .ecom-discover-left-p-content{
                    padding-right: 2rem;
                }
            }
            .discover-img-mb{
                width: 124px;
                height: 188px;
            }
            .primary-btn-md{
                width: fit-content !important;
            }
        }
    }
}
@media (max-width: 576px) {
    #Ecom-event-home {
        & #evnt-home-banner {
            & #evnt-banner-content {
                .evnt-rgt-banner-img {
                    height: 292px !important;
                    width: 300px !important;
                    position: relative;
                }
            }
        }
    }
    .lre-birthday img{
        
            width:70% !important;
            height:50px !important;
            object-fit:contain;
            transition:0.5s ease;
        
    }
    .lre-birth-pad{
        padding: 0px !important;
    }
    .lre-birthday{
        padding:5px 10px; 
        background-color: #eef6f3;
        border-radius: 30% 70% 54% 46% / 30% 30% 70% 70% ;
        width:75px !important;
        height:65px;
        transition:0.5s ease;
    }
    .lre-birthday:hover{
        background-color:#2f7557;
        transition:0.5s ease;
    }
    .lre-birthday:hover img {
        transition: 0.5s ease;
        filter: invert(100%) brightness(139%) contrast(232%);
    }
    
    #Ecom-event-home {
        .lre-birth-pad{
            h4{
                font-size: 13px !important;
            }
        }
    }
    .lre-ecom-bok{
        margin-bottom:40px !important;
    }
}



  .lf-hearticon{
      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;
      }
    }
  }
  
  @keyframes beat {
    
      30% {
        opacity:1;
        transform: scale(1.4);
      }
      50% {
        transform: scale(0.8);
      }
      100% {
        transform: scale(1);
      }
    }

    #Ecom-event-home{
        button {
          cursor: pointer;
          text-transform: capitalize;
          padding: 3px 35px !important;
          position: relative;
          color: white;
          z-index: 1;
          transition: all 0.5s ease-in-out;
          border-radius: 5px;
          font-size: 20px;
        }
        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:hover:before,
        .btn-cus-dark:hover:after {
          width: 100%;
        }
        .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:white;
          color: var(--base-color);
          border: solid white 1px !important;
          width: 100%;
        }
        .btn-lite: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-lite: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-lite:hover {
          color: var(--base-color);
          border: solid white 1px !important;
        }
        .btn-lite:hover:before,
        .btn-lite:hover:after {
          width: 100%;
        }
        .btn-lite:active {
          color: var(--base-color);
          border-color: white;
          background-color:white;
          box-shadow: none;
        }
        .btn-lite:active:before,
        .btn-lite:active:after {
          background-color:white;
        }
        @media (max-width: 1920px) {
          button {
            font-size: 16px;
          }
        }
        @media (max-width: 1599px) {
          button {
            font-size: 16px;
          }
        }
        @media (max-width: 1280px) {
          button {
            font-size: 14px;
            padding: 5px 20px !important;
          }
     
        }
        }