.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{
    color: #fff;
    border: none;
    padding: 0.5em 1em !important;
    font: inherit;
    background: #fe0000;
    border-radius: 29px;
    text-align: center;
}
.owl-dots{display:flex;}
.product-list.item.spicy img {
    width: 100%;
}
.owl-dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 5px;
    background-color: #ccc;
    border-radius: 50%;
    cursor: pointer;
}
.owl-carousel button.owl-dot{
    background-color: #eee;
}
button.owl-dot.active{
    background: #ffb937;
}
.owl-theme .owl-dots .owl-dot span {
    display: none;
}
.testimonial-section .owl-dots {
    bottom: 0;
    margin: -2em 0;
}
a:hover {
    color: #fff;
}
.slick .owl-carousel .owl-item img {
    display: block;
    width: 100% !important;
    margin: 0 auto;
    border-radius: 0;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}
.slick .thumb.animate.fadeInUp.one {
    background: rgb(255 255 255);
    padding-bottom: 2em;
    border-radius: 10px;
    transition: 0.2s all ease;
}
.form_wrapper label {
	margin:10px 0;
}
}
.form-control {
    background: transparent !important;
    border: 1px solid #fff !important;
    color: #fff !important;
}
input:focus,.form-control:focus {
    color: #212529 !important;
    background-color: #fff !important;
}
.page-main input,textarea {
    padding: 12px;
    width: 100%;
    font-size: 1rem;
    background-color: transparent;
    color: #fff;
    border-radius: 4px;
}
h3{
    color:#fff;
}
.product .product-item {
    width: 25%;
}
#language-selector {
    display: none !important; /* Hides the language selector */
}
@keyframes slideFromTop {
    from {
        transform: translateY(-100%);
        display:none;
    }
    to {
        transform: translateY(0);
        display:block;
    }
}

@keyframes slideToBottom {
    from {
        transform: translateY(0);
        display:block;
    }
    to {
        transform: translateY(100%);
        display:none;
    }
}

.modal.show .modal-dialog {
    animation: slideFromTop 0.5s ease-out forwards;
}

.modal{
    animation: slideToBottom 0.5s ease-in forwards;
}