.services-box4-element .service-item {
background-color: #fff;
border-radius: 30px;
margin-bottom: 20px;
}
.services-box4-element .service-cover {
position: relative;
margin-bottom: 15px;
}
.services-box4-element .service-cover > img {
width: 100%;
object-fit: cover;
height: 250px;
}
.services-box4-element .item-title-wrap {
position: absolute;
bottom: 0;
right: 0;
width: 100%;
padding: 20px 35px;
}
.services-box4-element .item-title {
color: #fff;
background-color: #00000059;
border-radius: 10px;
backdrop-filter: blur(7px);
padding: 10px;
font-size: 17px;
text-align: center;
}
.services-box4-element .item-title .ah-theme-icon,
.services-box4-element .item-title .ah-isax,
.services-box4-element .item-title svg {
width: 20px;
height: 20px;
font-size: 20px;
display: inline-flex;
align-items: center;
justify-content: center;
vertical-align: middle;
margin: 0 5px;
}
.services-box4-element .item-title .ah-theme-icon img,
.services-box4-element .item-title .ah-isax img {
width: 20px;
height: 20px;
}
.services-box4-element .item-des {
padding: 0 15px;
font-size: 16px;
color: #333;
margin-bottom: 15px;
}
.services-box4-element .item-button-wrap {
display: inline-block;
width: 100%;
text-align: left;
}
.services-box4-element .item-button-wrap a {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 10px 15px;
background-color: #D85820;
color: #fff;
font-size: 15px;
border-radius: 0 10px 0 10px;
--ah-theme-icon-filter: brightness(0) invert(1);
}
.services-box4-element .item-button-wrap a .item-btn-icon,
.services-box4-element .item-button-wrap a .item-btn-icon .ah-theme-icon,
.services-box4-element .item-button-wrap a .item-btn-icon .ah-isax,
.services-box4-element .item-button-wrap a .item-btn-icon svg {
display: inline-flex;
align-items: center;
justify-content: center;
width: 15px;
height: 15px;
font-size: 15px;
flex-shrink: 0;
}
.services-box4-element .item-button-wrap a .item-btn-icon .ah-theme-icon img,
.services-box4-element .item-button-wrap a .item-btn-icon .ah-isax img {
width: 15px;
height: 15px;
}
.services-box4-element .item-button-wrap a .item-btn-text {
display: inline-block;
max-width: 0;
overflow: hidden;
opacity: 0;
white-space: nowrap;
transition: max-width 0.25s ease, opacity 0.25s ease, margin 0.25s ease;
margin: 0;
}
.services-box4-element .service-item:hover .item-button-wrap a .item-btn-text {
max-width: 240px;
opacity: 1;
margin-inline-start: 6px;
}