/*
 Theme Name:   Astra Child
 Theme URI:    https://wpastra.com/
 Description:  Astra Child Theme
 Author:       Shamim Khan
 Template:     astra
 Version:      1.0.0
 Text Domain:  astra-child
*/

/* Add your custom CSS below this line */
p {
    margin: 0;
}
button.quick-view-close {
    padding: 0;
}
button#closeModalBtn2 {
    padding: 5px;
}

.bg-opacity-50{
    background-color: #00000054 !important;
}
.absolute {
    position: absolute;
}
.rounded-full {
    border-radius: 9999px;
}
.top-4 {
    top: 1rem;
}
.right-4 {
    right: 1rem;
}
.shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}
.px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

.py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}
.bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.bg-red-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}

.hover\:bg-red-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
}
.max-w-20 {
    max-width: 5rem;
}
.rounded {
    border-radius: 0.25rem;
}

.w-full {
    width: 100%;
}

.text-center {
    text-align: center;
}
.text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
button.quantity-decrease {
    color: #000;
}

button.quantity-increase {
    color: #000;
}
hover\:bg-gray-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)) !important;
}
.font-semibold {
    font-weight: 600;
}
.bg-black{
    background: black;
}
.mb-3{
    margin-bottom: 10px;
}



h3.slider-loop-product__title.m-0.font-bold.text-gray-800.mb-2 {
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 0;
}