/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

.div_img {
    width: 30px;
}

.divider::after {
    content: "";
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    height: 3px;
    background: linear-gradient(90deg, rgba(15, 98, 172, 1) 0%, rgba(252, 70, 107, 0) 100%);
    border-radius: 10px;
}

.divider::before {
    content: "";
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    height: 3px;
    background: linear-gradient(270deg, rgba(15, 98, 172, 1) 0%, rgba(252, 70, 107, 0) 100%);
    border-radius: 10px;
}

.text-justify {
    text-align: justify !important;
}

.tab-pane .iconlist li:hover {
    background-color: #30909038;
}

.tab-pane .iconlist li {
    transition: background-color 0.3s ease;
    /* You can adjust the duration and easing */
}

#product-image-preview {
    transition: opacity 0.3s ease-in-out;
}

#top-bar {
    z-index: 99;
}