/* Container for the whole pricing section */
  .pricing-container {
    position: relative;
    display: inline-block;
    text-align: center;
    }
    /* Style for the discount tag */
    .discount-tag {
    position: absolute;
    top: 20px;
    right: -94px;
    background-color: #e74c3c; /* Red background */
    color: white;
    padding: 5px 10px;
    border-radius: 50%;
    font-size: 14px;
    font-weight: bold;
    }
    /* Container for prices */
    .price-container {
    margin-top: 20px;
    }
    /* Style for current price */
    .current-price {
    font-size: 20px;
    color: #e9290a; /* Green color */
    font-weight: bold;
    }
    /* Style for compare price */
    .compare-price {
    font-size: 20px;
    color: #999; /* Gray color */
    text-decoration: line-through;
    margin-left: 10px;
    font-weight: bold;
    }
    /* Basic styling for the button */
    .add-to-cart-button {
    background-color: #24bd27; /* Green background color */
    color: white; /* White text color */
    border: none; /* No border */
    padding: 16px 24px; /* Padding */
    font-size: 16px; /* Font size */
    cursor: pointer; /* Pointer cursor on hover */
    font-weight: 600;
    border-radius: 6px; /* Rounded corners */
    transition: background-color 0.3s; /* Smooth background color transition */
    display: inline-flex;
    justify-content: center;

    justify-content: center; /* Center text and icon horizontally */
 align-items: center; /* Align text and icon vertically */
 gap: 8px; /* Space between the icon and text */
 cursor: pointer;

   
    }
    /* Pulse effect animation */
    @keyframes pulse {
    0% {
    transform: scale(1);
    opacity: 1;
    }
    50% {
    transform: scale(1.1);
    opacity: 0.7;
    }
    100% {
    transform: scale(1);
    opacity: 1;
    }
    }
    /* Apply pulse effect on button */
    .add-to-cart-button:hover {
       background-color: #28a745;
       /*animation: pulse 1s infinite;*/
       opacity: 1;
       color: #faf8ff;
       background-color: #1e9d20;
       border-color: #1c921e;
       -webkit-box-shadow: 0 0 0 .2rem #65e268;
       -moz-box-shadow: 0 0 0 .2rem #65e268;
       -ms-box-shadow: 0 0 0 .2rem #65e268;
       -o-box-shadow: 0 0 0 .2rem #65e268;
       box-shadow: 0 0 0 .2rem #65e268;
    }
    /*.content-data{
    padding: 10 200 10 200;
    }*/
    .content-data{
    width: 80%; /* Adjust the width as needed */
    margin: 0 auto; /* Centers the container horizontally */
    padding: 0 20px; /* Fixed margins on both sides */
    box-sizing: border-box; /* Ensures padding is included in the total width */
    }
   svg {
     height: 24px;
     width: 24px;
   }

  /* Animation class */
   .animate {
     animation: move-left-right 0.2s ease-in-out infinite; /* Infinite animation */
   }

   /* Define the left-right animation */
   @keyframes move-left-right {
     0%, 100% {
       transform: translateX(0); /* Start and end at the original position */
     }
     50% {
       transform: translateX(20px); /* Move right by 20px */
     }
   }