or
That will let me give you the exact .elementor-2238 .elementor-element.elementor-element-d9af31e used by Listeo.
/* Content */
.category-small-box-alt i,
.category-small-box-alt h4,
.category-small-box-alt .category-box-counter-alt{
position:relative;
z-index:3;
color:#fff !important;
}
.category-small-box-alt{
position: relative;
overflow: hidden;
border-radius: 30px;
}
/* Black overlay ABOVE the image */
.category-small-box-alt::after{
content: "";
position: absolute;
inset: 0;
background: rgba(0,0,0,0.75); /* Increase to 0.75 if needed */
z-index: 2;
transition: .35s ease;
pointer-events: none;
}
/* Hover */
.category-small-box-alt:hover::after{
background: #12C2C2;
}
/* Keep text above overlay */
.category-small-box-alt i,
.category-small-box-alt h4,
.category-small-box-alt .category-box-counter-alt{
position: relative;
z-index: 3;
color: #fff !important;
}
.category-box-counter-alt{
background: #12C2C2 !important; /* Your desired color */
color: #fff !important;
border: none !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-a54ba8b *//* Main Icon Box */
.elementor-2238 .elementor-element.elementor-element-a54ba8b .elementor-icon-box-icon {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 60px;
height: 60px;
border-radius: 10px;
/* Transparent Glass Effect */
background: rgba(255, 255, 255, 0.12);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
/* Soft Border */
border: 1px solid rgba(255, 255, 255, 0.25);
/* Glow */
box-shadow:
0 8px 32px rgba(0, 0, 0, 0.),
inset 0 1px 1px rgba(255,255,255,0.3);
overflow: hidden;
}
/* Optional shiny highlight */
.elementor-2238 .elementor-element.elementor-element-a54ba8b .elementor-icon-box-icon::before {
content: "";
position: absolute;
top: -40%;
left: -40%;
width: 180%;
height: 180%;
background: linear-gradient(
135deg,
rgba(255,255,255,0.35) 0%,
rgba(255,255,255,0.05) 40%,
transparent 60%
);
transform: rotate(25deg);
}
/* Icon Styling */
.elementor-2238 .elementor-element.elementor-element-a54ba8b .elementor-icon {
position: relative;
z-index: 2;
}
.elementor-2238 .elementor-element.elementor-element-a54ba8b .elementor-icon i,
.elementor-2238 .elementor-element.elementor-element-a54ba8b .elementor-icon svg {
color: #fff;
fill: #fff;
font-size: 38px;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-438e83a *//* Main Icon Box */
.elementor-2238 .elementor-element.elementor-element-438e83a .elementor-icon-box-icon {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 10px;
/* Transparent Glass Effect */
background: rgba(255, 255, 255, 0.12);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
/* Soft Border */
border: 1px solid rgba(255, 255, 255, 0.25);
/* Glow */
box-shadow:
0 8px 32px rgba(0, 0, 0, 0.),
inset 0 1px 1px rgba(255,255,255,0.3);
overflow: hidden;
}
/* Optional shiny highlight */
.elementor-2238 .elementor-element.elementor-element-438e83a .elementor-icon-box-icon::before {
content: "";
position: absolute;
top: -40%;
left: -40%;
width: 180%;
height: 180%;
background: linear-gradient(
135deg,
rgba(255,255,255,0.35) 0%,
rgba(255,255,255,0.05) 40%,
transparent 60%
);
transform: rotate(25deg);
}
/* Icon Styling */
.elementor-2238 .elementor-element.elementor-element-438e83a .elementor-icon {
position: relative;
z-index: 2;
}
.elementor-2238 .elementor-element.elementor-element-438e83a .elementor-icon i,
.elementor-2238 .elementor-element.elementor-element-438e83a .elementor-icon svg {
color: #fff;
fill: #fff;
font-size: 38px;
}/* End custom CSS */
/* Start custom CSS for listeo-listings-carousel, class: .elementor-element-da05718 *//* Darker overlay on listing cards */
.listing-item.featured-listing::before,
.listing-item::before{
background: rgba(0,0,0,0.55) !important;
opacity: 1 !important;
}
/* Increase title size */
.listing-item h3,
.listing-item-content h3,
.listing-item-content h3 a{
font-size: 20px !important;
line-height: 1.3 !important;
font-weight: 00 !important;
color: #fff !important;
letter-spacing: 0.9px !important;
}
/* Improve text readability */
.listing-item-content{
text-shadow: 0 px px rgba(0,0,0,.8);
}
/* Hide all carousel dots */
.slick-dots,
.slick-dots li,
.slick-dots li button,
.slick-slider .slick-dots,
.listings-carousel .slick-dots,
.listings-carousel-grid .slick-dots {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
}
.listing-item,
.listing-item.featured-listing{
border-radius:30px !important;
overflow:hidden !important;
}
.listing-item img,
.listing-item .listing-item-image{
border-radius:30px !important;
}
.listing-item::before,
.listing-item.featured-listing::before{
border-radius:30px !important;
}/* End custom CSS */
/* Start custom CSS for listeo-testimonials, class: .elementor-element-9294c20 */.testimonial-box{
border-radius:30px !important;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-d56a424 */.icon-box-2{
border-radius:30px !important;
overflow:hidden;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-44f0817 */.blog-compact-item{
border-radius:30px !important;
overflow:hidden !important;
}/* End custom CSS */