::placeholder {
    color: #777 !important;
    opacity: 1 !important;
}

.bg-green{
    background: #1bc833 !important;
}

.border-green {
    border-color:  #1bc833 !important;
}

.text-green {
    color:  #1bc833 !important;
}

.border-dotted {
    border-style: dotted
}

.border-7 {
    border-width: 7px !important
}

.text-yellow {
    color: #e0d319 !important
}

svg#oldPrice {
    fill: red;
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    overflow: visible;
    font-size: 28px;
}

img{
    vertical-align: middle;
    display: inline-block;
}


.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4); /* Adjust the opacity as needed */
    pointer-events: none; /* Prevents overlay from blocking interactions with the image */
}

.bg-primary{
    background-color: var(--bs-primary) !important;
}
.bg-secondary{
    background-color: var(--bs-secondary) !important;
}

.text-primary{
    color: var(--bs-primary) !important;
}
.text-secondary{
    color: var(--bs-secondary) !important;
}