.path-text {

color: #0058B3!important;
}
.breadcrumb-item+.breadcrumb-item::before {
display: inline-block;
padding-right: .5rem;
color: #6c757d;
content: ">>"!important;
}
.v-edit{
display: flex;
justify-content: space-between;
align-items:center !important;
gap: 14px;
padding-left: 5px;
padding-right: 5px;
height: 32px;
margin-bottom: 15px;

}
.v-text{

font-weight: 500;
font-size: 14px;
line-height: 36px;
letter-spacing: 0%;
vertical-align: middle;
color: #0058B3;

}
.v-edit span{
display: flex;
gap:14px
}
.v-img{
display: flex;
align-items: center;
justify-content: center;
gap: 0px;

}
a.productvariant.text-secondary {
color: #323232 !important;
}
.text-overlay {
position: absolute;
bottom: 5px;
left: 5px;
background: rgba(0, 0, 0, 0.5);
color: white;
padding: 3px 5px;
font-size: 12px;
border-radius: 3px;
}
.colorimage {
font-size:12px!important;
text-align: left!important;
font-family: 'Poppins';
padding-top: 7px;
padding-bottom: 7px;
}
p.mb-md-2.fs-16.poppins-semibold {
padding-top: 12px;
}
ul.pl-0.key-features {
line-height: 36px !important;
font-weight: 400;
font-size: 14px;
line-height: 36px;
letter-spacing: 0%;
vertical-align: middle;
color: #323232;
padding-left: 24px!important;
}
.seller-text{
width: 89%;
max-width: 100%;

}

.bg-white.contanier.m-3.p-3.position-relative.rounded.shadow-lg {
margin-left: 210px !important;
margin-right: 210px !important;
}
.review-container {
display: flex;
align-items: center;
gap:48%;
max-width:68%;
margin-top: 49px;
line-height: 36px;
}


.ratings-breakdown, .average-ratings {
width: 48%; /* Keeps both sections aligned */
}

.rating-row {
display: flex;
align-items: center;
gap: 10px; /* Space between elements */
margin-bottom: 8px;
font-size: 14px;
color: #333;
}

.rating-label {
min-width: 80px;
text-align: left;
font-weight: 500;
display: inline-flex;
align-items: center;
gap: 10px;
}
.rating-bar {
flex: 1;
height:20px;
width: 400px;
background-color: #ddd;
border-radius: 6px;
overflow: hidden;
position: relative;
}

.rating-bar-fill {
height: 100%;
background-color: #f4a442;
border-radius: 6px;
}

.rating-count {
min-width: 30px;
text-align: right;
font-weight: bold;
}

.rating-count a {
text-decoration: none;
color: #007bff;
font-weight: bold;
font-size: 14px;
}

.star-icon {
width: 14px;
height: 14px;
margin-left: 2px;
vertical-align: middle;
}

.star-container {
display: flex;
gap: 2px;
}
.buttons {
text-align: center;

}

.buttons a {
display: inline-block;
font-size: 16px;
text-decoration: none;
cursor: pointer;
border-radius: 30px;
transition: all 0.3s ease-in-out;
font-weight: 500;

}

.overlay {
background: rgba(0, 0, 0, 0.6);
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease-in-out;
z-index: 1000;
}

.overlay.is-on {
opacity: 1;
visibility: visible;
}

.content {
background: #fff;
position: relative;
width:800px;
max-width:100%;
padding: 20px;
border-radius: 10px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
text-align: left;
}

#close {
position: absolute;
right: 15px;
top: 15px;
font-size: 22px;
color: #999;
cursor: pointer;
}

#close:hover {
color: #555;
}

.tabs {
display: flex;
justify-content:flex-start;
border-bottom: 2px solid #ddd;
padding-bottom: 5px;
}

.tabs li {
list-style: none;
padding: 10px 20px;
cursor: pointer;
font-weight: 500;
color: #333;
transition: 0.3s;
}

.tabs li.active {
color: #e74a54;
border-bottom: 3px solid #e74a54;
}

.tab-content-v {
display: none;
text-align: left;
}

.tab-content-v.active {
display: block;
}

table {
width: 100%;
border-collapse: collapse;
margin-top: 10px;
}

th,
td {
border: 1px solid #ddd;
padding: 10px;
text-align: left;
}

th {
background: #f8f8f8;
font-weight: 500;
}
.header {
margin-bottom: 10px;
background-color:#F4F4F4;
height:40.89px;
display: flex;
align-items:center;
padding-left: 10px;
justify-content:flex-start;
font-weight: 600;
font-size: 14.22px;
line-height: 32px;
letter-spacing: 0%;
vertical-align: middle;
color: #323232;


}
.item {
display: flex;
align-items:flex-start;
border-bottom: 1px solid #ddd;
padding: 10px 0;
flex-direction: column;
}
.item img {
width:88.49px;
height:88.49px;
margin-right: 10px;
margin-bottom: 12px;
border-radius: 5px;
}
.item-info {
flex: 1;
}
.item-title {

font-weight: 600;
font-size: 12px;
line-height: 18.67px;
letter-spacing: 0%;
color:#323232;

}
.price {
font-size: 17.78px;
line-height: 100%;
letter-spacing: 0%;
color: rgba(55, 125, 255, 1);
font-weight: 500;
}
.old-price {
text-decoration: line-through;
color: #888;
font-size: 12px;
margin-left: 17px;
}
.discount {
color: #FF6058;
font-weight: 600;
font-size: 14.22px;
line-height: 32px;
letter-spacing: 0%;
vertical-align: middle;
margin-left: 10.22px;

}
.total {
font-weight: 400;
font-size: 16px;
line-height: 18.67px;
letter-spacing: 0%;
color: #323232;
padding:8px;
}
.cart-button {
background-color:#0058B3;
color: white;
padding: 10px;
border: none;
width:100%;
height: 40.89px;
border-radius: 5px;
cursor: pointer;
font-weight: 500;
font-size: 12.44px;
line-height: 16px;
letter-spacing: 0%;
vertical-align: middle;
margin-top:8px;

}
.items-box{
height: 41%;
padding: 20px;
padding-top: 0px;
padding-bottom: 0;
width: 290px;
max-width: 100%;
}
.container-Frequently {
border: 0.89px solid rgba(233, 233, 235, 1);
height: 41%;
border-top-left-radius:5.33px;
border-top-right-radius:5.33px

}
.item span {
gap: 60px;
align-items: center;
}

input[type=checkbox], input[type=radio] {
box-sizing: border-box;
padding: 0;
width: 17px!important;
height: 17px!important;
border-radius: 3px;
}
/* Hide default checkbox */
.custom-checkbox {
display: none;
}

/* Custom checkbox design */
.custom-checkbox-label {
display: flex;
align-items: center;
cursor: pointer;
}

.custom-checkbox-label img {
width: 20px;
height: 20px;
transition: opacity 0.2s ease-in-out;
}

/* Show checked state */
.custom-checkbox:checked + .custom-checkbox-label img {
opacity: 0.5;
}

/* Compare text styling */
.v-text {
margin-left: 8px;
font-size: 14px;
color: blue;
}

/* Hidden div */
#text {
visibility: hidden;
opacity: 0;
transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

.visible {
visibility: visible !important;
opacity: 1 !important;
}

/* Box styling */
/* .v-checked {
border: 1px solid #f0f1fc;
max-width: 100%;
width: 436px;
height: auto;
padding: 10px;
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
background-color: #fff;
} */

.checked-items {
width:50px;
height: 50px;
display: flex;
gap: 10px;
}
/* Apply styles to all modals that start with 'shareWishlistModal' */
[id^="shareWishlistModal"] .modal-dialog {
max-width: 495px;
}
[id^="shareWishlistModal"] .modal-dialog .modal-content {
border-radius: 24px;
padding-top: 15px;
padding-bottom: 15px;
}
[id^="shareWishlistModal"] .btn-close {
border-radius: 50%;
background-color: rgba(243, 243, 243, 1);
padding: 2px;
width: 40px !important;
height: 40px !important;
}

#shareCatalogModal .modal-dialog {
max-width: 495px;
}
#shareCatalogModal .modal-dialog .modal-content {
border-radius: 24px;
padding-top: 15px;
padding-bottom: 15px;
}
#shareCatalogModal .btn-close {
border-radius: 50%;
background-color: rgba(243, 243, 243, 1);
padding: 2px;
width: 40px !important;
height: 40px !important;
}
img.copy-link {
width: 24px;
height: 24px;
}
.overflow-link {
overflow-x: auto;
scrollbar-width: none;
}
button.btn-copy-link {
background: rgba(0, 88, 179, 1);
color: white;
font-family: 'Poppins';
font-weight: 400;
font-size: 14px;
}
.social-media-images img {
width : 64px;
height: 64px;
}
#recently-viewed .aiz-carousel .slick-track {
margin-left: 0px;
margin-right: 0px;
}
.items-in-cart .slick-track {
margin-left: 0px;
margin-right: 0px;
}
/* tm */
.illustration {
display: flex;
justify-content: center;
margin-bottom: 20px;
}

.illustration img {
max-width: 350px;
height: auto;
border-radius: 10px;
}

.buttons {
display: flex;
justify-content: center;
gap: 16px;

}

.buttons button {
width: 200px;
height: 45px;
background-color: #007BFF;
color: #FFFFFF;
border: none;
padding: 10px 15px;
font-size: 16px;
font-weight: 500;
border-radius: 6px;
cursor: pointer;
transition: all 0.3s ease-in-out;
}

.buttons button:hover {
background-color: #0056b3;
transform: scale(1.05);
}

/* Manual Share Options */
.manual-share {
text-align: center;
margin-top: 65px;
margin-bottom: 65px;
}

.manual-share a {
margin: 10px;
font-size: 24px;
color: #007BFF;
text-decoration: none;
display: inline-block;
}

.manual-share a:hover {
color: #0056b3;
}
h1#exampleModalLabel {
font-size: 16px;
font-family: Poppins;
font-weight: 600;
font-size: 20px;
line-height: 18px;
letter-spacing: 0%;
vertical-align: middle;
}

.modal-content {
border-radius: 24px!important;

}
.modal-dialog-centered {
max-width: 490px!important;
}


/* .v-checked {
border: 1px solid #f0f1fc;
width: 436px;
height: 119px;
top: 855px;
left: 742px;
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);

} */

.checked-items {
display: flex;
gap: 10px;

}

.checked-box p {
color: #FF6058;
display: flex;
justify-content: flex-end;
font-weight: 500;
font-size: 16px;
line-height: 18.67px;
letter-spacing: 0%;

}

.check-span {
color:#0058B3;
display: flex;
justify-content: flex-end;
font-weight: 500;
font-size: 16px;
line-height: 18.67px;
letter-spacing: 0%;

}
#text{
display: block;
position: absolute;
top: 84%;
left: 36%;
opacity: 1;
visibility: visible;
z-index: 999;

}
.check-img img {
width: 24px;
height: 24px;
position: absolute;
top: 31px;
left: 36px;
border-radius: 20%;
}
.specifications-title {
/* color: red !important; */
font-size: 22px;
font-weight: 600;
margin-bottom: 15px;
}

.specifications-container {
display: flex;
flex-wrap: wrap;
gap: 20px;
width: 100% !important;
}

.specifications-box {
flex: 1;
min-width:33%;
border-radius: 8px;
padding-top: 15px;
}

.specifications-box h3 {
font-size: 18px;
font-weight: 600;
margin-bottom: 10px;
}

.specifications-list {
max-width: 676px;
border-collapse: collapse;
max-width: 100%;
}

.specifications-list tr {
border-bottom: 1px solid #ddd;
}

.specifications-list td {
padding: 10px;
font-size: 14px;
}

.specifications-list td:first-child {
font-weight: 500;
width:16%;
background: #f5f5f5;
font-weight: 500;
font-size: 14px;
line-height: 36px;
letter-spacing: 0%;
vertical-align: middle;
color: #5F5F5F;

}

.specifications-list td:last-child {
width: 60%;
font-weight: 500;
font-size: 14px;
line-height: 36px;
letter-spacing: 0%;
vertical-align: middle;
color: #323232;

}

@media (max-width: 768px) {
.specifications-container {
 flex-direction: column;
}
}
th, td {
border: 1px solid #E9E9EB!important;
padding: 10px;
text-align: left;
}
.specifications-list td:first-child {
width: 30%;
}

.specifications-list td:last-child {
width: 100%;
}
.trusted-line{
gap:24px;

}
.rating-sm i {
font-size: 16px!important;
margin-right: 1px;
}
.edit-v{
display: grid!important;

}
.stock-text{
font-family: Poppins;
font-weight: 600;
font-size: 14px;
line-height: 36px;
letter-spacing: 0%;
vertical-align: middle;
color :rgba(0, 88, 179, 1);
padding-left: 15px;


}
.gst-text{
gap: 8px;
}

.gst-text p{
font-family: Poppins;
font-weight: 500;
font-size: 18px;
line-height: 36px;
letter-spacing: 0%;
vertical-align: middle;
color: rgba(0, 0, 0, 1);
margin-bottom: 0;
}
.gst-text span{
font-family: Poppins;
font-weight: 400;
font-size: 16px;
line-height: 36px;
letter-spacing: 0%;
vertical-align: middle;
color: rgba(134, 134, 134, 1);

}
.span-text{
font-family: Poppins;
font-weight: 500;
font-size: 16px;
line-height: 36px;
letter-spacing: 0%;
vertical-align: middle;
color: rgba(0, 0, 0, 1);

}

.text-edits{
display: flex;
align-items: center;

}
.cash-back{
display: flex;
align-items: center;
margin-left: 19px;
color: rgba(255, 255, 255, 1) !important;
background:rgba(16, 137, 52, 1);
border-radius: 4px;
padding: 2px 10px 3px 7px;
font-size: 12px !important;
gap: 5px;
width: 182px;
height: 26px;
border-radius: 2px;
}
.item-box-footer{
background-color: #F4F4F4;
height: 108px;
padding-left:20.56px;
padding-right:20.56px;
padding-top:3px;
justify-content: flex-start;
font-weight: 600;
font-size: 14.22px;
line-height: 32px;
letter-spacing: 0%;
vertical-align: middle;
color: #323232;
}
.product-gallery .slick-prev {

height: 72px!important;



}
.product-gallery .slick-next {
left: 96%;
height: 72px!important;
}
.add-cart-button {
width: 200px!important;
border: 1px solid #0058B3;
height: 45px;
background: #fff;
font-size: 14px!important;

}

button.add-to-cart.add-cart-button:hover {
background: #0058B3 !important;
color: #ffffff !important;
}
.header{
margin-bottom: 10px;
background-color:#F4F4F4;
height:40.89px;
display: flex;
align-items:center;
padding-left: 10px;
justify-content:flex-start;
font-weight: 600;
font-size: 14.22px;
line-height: 32px;
letter-spacing: 0%;
vertical-align: middle;
color: #323232;

}
.breadcrumb-item+.breadcrumb-item {
    display: flex;
    align-items: center;
}
.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 120!important;
}