.add-to-cart
{
    animation-duration: 0.6s;
    animation-name: in-cart-animation;
}

@keyframes in-cart-animation {
    from {
        scale: 1 1;
    }

    75% {
        scale: 2.7 2.5;

    }

    to {
        scale: 1 1;
    }
}
@media (max-width: 576px) {

    .badges-carousel-wrapper div:nth-child(n+3)
    {
        display: none !important;
    }
}
.pl-0{
    padding-left: 0;
}
.pl-1{
    padding-left: 1rem;
}
.pl-2{
    padding-left: 2rem;
}
.pl-3{
    padding-left: 3rem;
}
.pl-4{
    padding-left: 4rem;
}
.pr-0{
    padding-right: 0;
}
.pr-1{
    padding-right: 1rem;
}
.pr-2{
    padding-right: 2rem;
}
.pr-3{
    padding-right: 3rem;
}
.pr-4{
    padding-right: 4rem;
}
.btn-alternate:hover {
    background-color: #437abc;
    border-color: #437abc;
}
.glossary-alternate:hover {
    background-color: #eee;
}
.glossary h3{
    background-color:inherit;
}
.glossary p{
    color: var(--bs-body-color);
    background-color:inherit;
}
.dz-success-mark svg g path{
    fill: #198754 !important;
}
.dz-error-mark svg g path{
    fill: red !important;
}

.bold{
    font-weight:bold;
}

@media (min-width: 575px) {
    .productitem .productlist_item-divider.hide-divider
    {
        display: none;
    }

}
.iframe-wrapper {
    --border-radius: 10px;
    position: relative;
    aspect-ratio: 16 / 9;
    border-radius: var(--border-radius);
    box-shadow: 0 0 3px 3px RGBA(138, 137, 156, 0.5);
    background-color: rgba(0, 0, 0, 0.3);

    iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        clip-path: inset(0% 0% 0% 0% round var(--border-radius));
    }
}
#pink-strike
{
    opacity: 0.6;left: -5px;top:-20px
}
@media (max-width: 576px) {
    #pink-strike
    {
        opacity: 0.6;left: 8rem;top:-20px
    }
}
@media (max-width: 400px) {
    #pink-strike
    {
        opacity: 0.6;left: 5rem;top:-20px
    }
}
.faq_section b{
    text-shadow: 0 0.01em;
}
.text-left
{
    text-align: left;
}
@media (min-width: 0px) {
    .review-box .stars
    {
        font-size: 4rem;
        line-height: 4rem;
    }
    .review-box .rating
    {
        font-size: 4rem;
        line-height: 4rem;
    }
}
@media (min-width: 768px) {
    .review-box .stars
    {
        font-size: 2rem;
        line-height: 2.2rem;
    }
    .review-box .rating
    {
        font-size: 1.6rem;
        line-height: 1.8rem;
    }
}