body,html
{
  padding: 0;
  margin: 0;
}
:root {
    --mindreaders-logo-size: 54px;
    --mindreaders-logo-size-1: 54px;
    --mindreaders-color-0: #3bb77e;
    --mindreaders-color-1: #087830;
    --mindreaders-color-2: #fbffd6;
    --mindreaders-color-white: #fff;
    --mindreaders-color-white-bg: #f5f5f5;
    --mindreaders-color-gray: #dee2e6;
    --mindreaders-color-gray-1: #ddd;
    --mindreaders-color-gray-2: #a3a3a333;
    --mindreaders-color-black-bg: #000;
    --mindreaders-color-black-1: #333;
    --mindreaders-color-black-2: #555;
    --mindreaders-color-black-3: #666;
    --mindreaders-color-black-4: #888;
    --mindreaders-color-black-5: #999;
    --mindreaders-font-n-1: -1px;
    --mindreaders-font-n-2: -2px;
    --mindreaders-font-n-3: -3px;
    --mindreaders-font-n-5: -5px;
    --mindreaders-font-n-10: -10px;
    --mindreaders-font-n-15: -15px;
    --mindreaders-font-n-20: -20px;
    --mindreaders-font-1: 1px;
    --mindreaders-font-2: 2px;
    --mindreaders-font-3: 3px;
    --mindreaders-font-4: 4px;
    --mindreaders-font-5: 5px;
    --mindreaders-font-6: 6px;
    --mindreaders-font-7: 7px;
    --mindreaders-font-752: 7.5px;
    --mindreaders-font-8: 8px;
    --mindreaders-font-9: 9px;
    --mindreaders-font-10: 10px;
    --mindreaders-font-11: 11px;
    --mindreaders-font-12: 12px;
    --mindreaders-font-13: 13px;
    --mindreaders-font-14: 14px;
    --mindreaders-font-15: 15px;
    --mindreaders-font-16: 16px;
    --mindreaders-font-17: 17px;
    --mindreaders-font-18: 18px;
    --mindreaders-font-20: 20px;
    --mindreaders-font-22: 22px;
    --mindreaders-font-24: 24px;
    --mindreaders-font-25: 25px;
    --mindreaders-font-26: 26px;
    --mindreaders-font-28: 28px;
    --mindreaders-font-30: 30px;
    --mindreaders-font-35: 35px;
    --mindreaders-font-40: 40px;
    --mindreaders-font-45: 45px;
    --mindreaders-font-50: 50px;
    --mindreaders-font-60: 60px;
    --mindreaders-font-65: 60px;
    --mindreaders-font-70: 70px;
    --mindreaders-font-80: 80px;
    --mindreaders-font-90: 90px;
    --mindreaders-color-light-default: #3bb77e;
    --mindreaders-color-light-info: #176af3;
    --mindreaders-color-light-danger: #ee0000;
    --mindreaders-color-light-warning: #ec971f;
    --mindreaders-color-light-success: #017901;
    --mindreaders-color-light-primary: #bce3c9;
    --mindreaders-color-default: #3bb77e;
    --mindreaders-color-info: #176af3;
    --mindreaders-color-danger: #ee0000;
    --mindreaders-color-warning: #ec971f;
    --mindreaders-color-success: #017901;
    --mindreaders-color-primary: #bce3c9;
    --mindreaders-color-11: #fddde4;
    --mindreaders-color-12: #cdebbc;
    --mindreaders-color-13: #d1e8f2;
    --mindreaders-color-14: #cdd4f8;
    --mindreaders-color-15: #f6dbf6;
    --mindreaders-color-16: #fff2e5;
    --mindreaders-color-17: #d77f7a;
    --mindreaders-color-18: #63a2c1;
    --mindreaders-color-19: #f2fce4;
    --mindreaders-color-20: #fffceb;
    --mindreaders-color-21: #ecffec;
    --mindreaders-color-22: #feefea;
    --mindreaders-color-23: #fff3eb;
    --mindreaders-color-24: #fff3ff;
    --mindreaders-color-25: #f2fce4;
}
.nav_bg
{
    background-color: #10A31F;
    color: #fff;
}
.color_a>a
{
    color: #fff;
    padding: 25px;
    font-size: 20px;
}
.img_height
{
    width: calc(100% - 40px) !important;
    position: relative;
    overflow: hidden !important;
    margin: var(--mindreaders-font-20);
    height: 200px;
    object-fit: contain;
     

}
.box-height
{
    height: 450px;
    margin: 10px 0px;
    display: grid;
}
.box-shadow
{
    box-shadow: 0 0 3px 0px;
    border-radius: 10px;
}
.content_cat
{
    line-height: var(--mindreaders-font-20);
    font-size: var(--mindreaders-font-14);
    margin-top: var(--mindreaders-font-1);
    margin-bottom: var(--mindreaders-font-30);
    min-height: var(--mindreaders-font-40);
    max-height: var(--mindreaders-font-40);
    width: 100%;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 30px;
}
a
{
  text-decoration: none;
  color: #000;
}
.box_line a:hover
{
  border: 1px solid #10a31f;
}
.content
{
    line-height: var(--mindreaders-font-20);
    font-size: var(--mindreaders-font-14);
    margin-top: var(--mindreaders-font-1);
    margin-bottom: var(--mindreaders-font-30);
    min-height: var(--mindreaders-font-40);
    max-height: var(--mindreaders-font-40);
    float: left;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.price_color
{
  color: #10a31f;
  font-weight: 600;
}
/*cart style*/
.image-wrapper {
    position: relative;
    overflow: hidden;
}

.cart-button {
    position: absolute;
    bottom: 0px;
    right: 40px;
    transform: translateX(0%) translateY(-50px); /* start slightly lower */
    padding: 8px 16px;
    background-color: #10a31f;
    color: white;
    border-radius: 50px;
    border: none;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease, transform 0.3s ease;
    z-index: 10;
    width: 50px;
    height: 50px;
}

.image-wrapper:hover .cart-button {
    opacity: 1;
    transform: translateX(0%) translateY(-50px); /* move into place */
    pointer-events: auto;
}
.notification {
    position: fixed;
    top: 150px;
    background-color: #10a31f; /* Success green */
    color: white;
    padding: 12px 20px;
    border-radius: 6px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    font-size: 16px;
    display: flex;
    align-items: center;
    opacity: 0;
    transform: translate(800px);
    pointer-events: none;
    transition: opacity 0.4s ease, transform 0.4s ease;
    z-index: 9999;
    box-shadow: 0 0 9px 0px;
    right: 30px;
}

.notification.show {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}
#cart-count
{
    color: #000000;
    top: -5px;
    position: relative;
    font-size: 18px;
}
/*end cart style*/
.inner_cart_btn
{
    position: relative;
    transform: translateX(0%) translateY(0px); /* start slightly lower */
    padding: 20px 50px;
    background-color: #10a31f;
    color: white;
    border: none;
    transition: opacity 0.3s ease, transform 0.3s ease;
    z-index: 10;
   font-size: 20px;
    border-radius: 10px;
    padding: 15px 30px;
}
.img_on_text
{
    position: relative;
    color: #fff;
    padding: 30px;
    font-weight: bold;
    bottom:0
}
.offer-banner {
    position: relative;
}
.offer-banner .banner-content {
    position: absolute;
    bottom: 50%;
    left: 30px;
    transform: translateY(50%);
    width: 70%;
    z-index: 20;
}
.img_border
{
    border-radius: 50%;
    border: 2px dashed #fff;
    display: inline-block;
    padding: 20px;
}
/*time countdown*/
#countdown {
    font-family: Arial, sans-serif;
    text-align: center;
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 50px;
    color: #fff;
}
.time-box {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.number {
    font-size: 50px;
    font-weight: bold;
    color: #fff;
}
.label {
    font-size: 16px;
    color: #bbb8b8;
}
.countdown-separator {
    font-size: 48px;
    font-weight: 600;
    color: var(--mt-theme-2);
    font-family: var(--mt-ff-heading);
}
/*End time countdown*/
.img_opacity
{
    opacity: 0.1;
}
.floating-image {
    width: 200px; /* Adjust as needed */
    animation: floatUpDown 3s ease-in-out infinite;
    position: relative;
}
.floating-image_right{
     width: 400px; /* Adjust as needed */
    animation: floatUpDown 3s ease-in-out infinite;
    position: relative;
    float: right;
    margin-top: 20% !important;
}
.floating-image_right1{
     width: 300px; /* Adjust as needed */
    animation: floatUpDown 3s ease-in-out infinite;
    position: relative;
    float: right;
    margin-top: 10% !important;
}
@keyframes floatUpDown {
    0%, 100% {
    top: 0;
    }
    50% {
    top: -20px; /* How high the image moves */
    }
}

.modal-content
{
   /* background-image: url(../images/modal_popup.jpg);
    height: auto;
    background-size:cover ;*/
}
.modal-body
{
    padding: 0px;
}
.btn-close
{
    right: 20px;
    position: absolute;
    top: 20px;
}
.modal-header .close-btn {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 18px;
}
.pop-up-newsletter {
    padding: 60px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    text-align: center;
}
.popup_button
{
   background-color: #087830;
    color: #fff;
    padding: 12px 0px;
    width: 50%;
    margin: 0 auto;
    display: block;
    border: none;
    font-size: 20px;
    position: relative;
}

.modal
{
    top:200px !important;
}
.img_cover
{
    object-fit: cover;
    width: 100%;
    height: 150px;
}
footer a
{
    display: block;
}
#topButton {
     display: none; /* Hidden by default */
      position: fixed;
      bottom: 20px;
      right: 20px;
      padding: 10px 15px;
      font-size: 40px;
      color:#10a31f;
      border: none;
      border-radius: 5px;
      cursor: pointer;
      z-index: 1000;
      background: none;
    }
    .newsletter_bg
    {
        background-color: #10a31f;
        padding: 20px;
    }
    .sub-icon
    {
        font-size: 50px;
        color: #fff;
    }
    .submit_btn
    {
        font-size: 18px;
        border-radius: 10px;
        padding: 10px;
    }
    #Email_footer
    {
         font-size: 18px;
        border-radius: 10px;
        padding: 10px;
    }
    .copy-bg
    {
        background:#10a31f;
        color: #fff;
        margin-top: 50px;

    }
    .form-control
    {
        border: 1px solid #010101;
        font-size: 16px;
    }
    .small
    {
        font-size: 15px;
        text-align: left;
    }
    .accordion-button
    {
        background-color: #10A31F !important;
    }
    div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm)
    {
        background-color:#10a31f !important;
        width: 150px;
    }