/*@tailwind base;*/
/*@tailwind components;*/
/*@tailwind utilities;*/
/*scroll bar*/
/* Targeting the vertical scrollbar */
::-webkit-scrollbar {
    width: 16px; /* Width of the scrollbar */
}

/* Background of the scrollbar track */
::-webkit-scrollbar-track {
    background-color: #f3f4f6 !important; /* Light grey color */
}

/* Color of the scrollbar thumb */
::-webkit-scrollbar-thumb {
    background-color: #64070b !important; /* Custom color for the scrollbar */
    border-radius: 6px; /* Rounded corners for the thumb */
    border: 2px solid #f3f4f6 !important; /* Adds a border for separation */
}

/* Optional: Hover effect for the scrollbar thumb */
::-webkit-scrollbar-thumb:hover {
    background-color: black !important; /* Darker shade on hover */
}
/*scroolbar end*/

.rounded-btn{
    color: white;
    border-radius: 13px !important;
}
.rounded-btn:hover{
    color: black;
}
.rounded-white:hover{
    color: white;
}
.hover-effect-btn:hover {
    background-color: #64070b !important;
    color: white !important;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{
    border-color: transparent !important;
}
.white-star-icon{
    -webkit-text-stroke: 1px #64070b;
}
#mainImage{
    height: 70vh;
}
.hover-bg-black{
    background-color: black;
}
.cart-body {
    max-height: 100%;
    overflow-y: auto;
    padding: 0px 12px;
}
.remove-btn{
    padding: 16px 21px !important;
}

/*sss*/
.slick-prev, .slick-next {
    background-color: black;
    color: white;
    padding: 10px;
    border-radius: 50%;
}

.slick-dots li button:before {
    color: white;
}
.main-slider{
    height: 84vh !important;
}
img.services-offered{
    width: 65px;
}

.tab-border{
    color: white;
}
.text-theme-color{
  color: rgb(104 10 15) !important;
}
.bg-theme-color{
    background-color: rgb(104 10 15) !important;
}
.btn-theme-color, .theme-eve-btn{
    background-color: #64070b !important;
    color: white !important;
    border: 1px solid #600406 !important;
}
.theme-eve-btn{
    padding: 4px 17px;
    border-radius: 8px;
}
.btn-theme-hover:hover{
    background-color: #64070b !important;
    color: white !important;
}
.remove-item{
    padding: 10px 18px !important;
}
.border-radious-btn{
    border-radius: 10px;
}

.payments-size{
    width: 19.25rem;
}
.product-payments-size{
    width: 36.25rem;
}
.mobile-cart-view{
    display: none;
}
.cart-div-mobile-position{
    position: absolute;
}
.mt-10px{
    margin-top: 10px !important;
}
.slick-dots{
    display: none !important;
}



/*reviws stars*/
.star-rating {
    direction: rtl; /* Right-to-left layout so stars fill in order */
    display: inline-flex;
    font-size: 1em; /* Size of stars */
}

.star-rating input[type="radio"] {
    display: none; /* Hide radio buttons */
}

.star-rating label {
    color: #ddd; /* Color for inactive stars */
    cursor: pointer;
    font-size: 2em;
}

.star-rating input:checked ~ label {
    color: #600406; /* Color for active stars */
}

.star-rating label:hover,
.star-rating label:hover ~ label {
    color: #600406; /* Hover color for stars */
}


.img-preview {
    width: 100%;
    height: auto;
    border-radius: 5px;
    object-fit: cover;
    margin-bottom: 10px;
}

@media (max-width: 600px) {
    .slider-block {
        display: none;
    }
    .get-it-display{
        display: none;
    }
    .mobile-cart-view{
        display: block;
    }
    .cart-div-mobile-position{
        position: inherit;
    }
    .remove-item {
        padding: 2px 5px !important;
    }
    .small-w-100{
        width: 100% !important;
    }

}