.electron-category-item .electron-category-item-inner {
text-align: center;
position: relative;
}
.electron-category-item .electron-category-count {
position: absolute;
top: -7px;
right: 30px;
width: 20px;
height: 20px;
background: var(--electron-dark);
color: var(--electron-light);
border-radius: 30px;
display: flex;
align-items: center;
justify-content: center;
font-size: 10px;
line-height: 1;
z-index: 1;
}
.electron-category-item .electron-category-thumb {
border: 2px solid var(--electron-gray);
border-radius: 100%;
position: relative;
padding-bottom: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.img-type-custom .electron-category-thumb>*,
.electron-category-item .electron-category-thumb img {
position: absolute;
object-fit: cover;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
max-width: 80%;
}
.img-type-custom .electron-category-thumb> svg {
max-width: 100px;
max-height: 100%;
width: 100px;
height: 100px;
}
.img-type-custom .electron-category-thumb> i {
width: auto;
height: auto;
display: flex;
align-items: center;
justify-content: center;
font-size: 48px;
}
.electron-category-item .electron-category-icon {
font-size: 48px;
display: flex;
align-items: center;
justify-content: center;
}
.electron-category-content .electron-category-title {
margin: 0;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 1px;
text-align: center;
}
.electron-category-content .electron-category-description {
font-size: 12px;
text-align: center;
}
.electron-category-item .electron-category-content {
margin-top: 10px;
}
.electron-category-content .electron-category-title+.electron-category-description {
margin-top: 15px;
color: var(--electron-dark);
padding: 0 15px;
}
.electron-banner-title {
margin: 0;
text-transform: capitalize;
}
.electron-banner-price-bottom.nt-flex-horizontal {
display: flex;
gap: 20px;
flex-direction: row-reverse;
align-items: center;
justify-content: flex-end;
}
.electron-banner-price.banner-content-item {
color: var(--electron-red);
font-size: 21px;
font-weight: 500;
}
.electron-banner-category-link {
text-transform: uppercase;
letter-spacing: 0.5px;
font-weight: 500;
color: var(--electron-text);
}
.electron-banner-desc.banner-content-item {
margin-bottom: 25px;
}
.style-1  .electron-product-category-slider {
padding-top: 10px;
}
.style-2 .electron-category-item .electron-category-thumb {
border: 2px solid var(--electron-border);
border-radius: 5px;
position: relative;
}
.style-2 .electron-category-item .electron-category-count {
position: absolute;
top: 10px;
right: 10px;
background: var(--electron-primary);
color: var(--electron-light);
border-radius: 5px;
}
.style-3 .electron-category-item .electron-category-item-inner {
text-align: center;
position: relative;
border: 2px solid var(--electron-border);
}
.style-3 .electron-category-item .electron-category-thumb {
border: 0;
position: relative;
padding-bottom: 80%;
}
.style-3.img-type-custom .electron-category-icon>* {
border: 0;
border-radius: 0;
}
.electron-widget-categories-wrapper.style-3 .electron-category-item .electron-category-content {
margin-top: 10px;
padding-bottom: 15px;
}
.style-3 .electron-category-item .electron-category-count {
position: absolute;
top: 10px;
right: 10px;
background: var(--electron-primary);
color: var(--electron-light);
border-radius: 5px;
}
.style-4 .electron-category-item .electron-category-count {
top: auto;
bottom: -15px;
right: auto;
left: 50%;
transform: translateX(-50%);
}
.style-4.img-type-custom .electron-category-item .electron-category-count {
bottom: 30px;
}
.style-4 .electron-category-item .electron-category-content {
margin-top: 20px;
}
.style-5 .electron-category-item .electron-category-thumb {
border: 2px solid var(--electron-border);
border-radius: 5px 5px 0 0;
position: relative;
background: var(--electron-light);
}
.style-5 .electron-category-item .electron-category-thumb img {
position: absolute;
object-fit: cover;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
max-width: 80%;
}
.style-5 .electron-category-item .electron-category-content {
margin-top: 0;
padding: 10px;
}
.electron-category-item .electron-category-item-inner:hover * {
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
border-color: var(--electron-primary);
}