.tm-sc-features .icon {
display: inline-block;
}
.tm-sc-features .icon,
.tm-sc-features .features-title,
.tm-sc-features .features-details {
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.feature-side-line {
position: relative;
}
.feature-side-line .icon-box-wrapper:after {
content: "";
background: #333;
width: 2px;
position: absolute;
left: 25px;
top: 60px;
bottom: -12px;
}
@media (max-width: 575.98px) {
.feature-side-line .icon-box-wrapper:after {
display: none;
}
}
.features-block-style8 {
margin-bottom: 24px;
}
.features-block-style8 .inner-box {
background-color: #f7f3ee;
position: relative;
text-align: center;
border: 2px solid var(--theme-color-light);
padding: 55px 32px 50px;
transition: all 0.3s ease;
}
[data-tm-layout=dark] .features-block-style8 .inner-box {
background-color: var(--theme-color-light);
}
.features-block-style8 .inner-box:hover {
background-color: var(--theme-color2);
}
.features-block-style8 .inner-box:hover .content-box .features-title {
color: #fff;
}
.features-block-style8 .inner-box:hover .content-box .features-details {
color: #fff;
}
.features-block-style8 .inner-box:hover .icon-box {
transform: rotateY(-360deg);
}
.features-block-style8 .inner-box:hover .icon-box i {
color: #fff;
}
.features-block-style8 .inner-box .icon-box {
margin-bottom: 11px;
transition: all 0.5s ease;
line-height: 1;
}
.features-block-style8 .inner-box .icon-box::before {
content: "";
position: absolute;
right: 130px;
bottom: 0px;
width: 30px;
height: 30px;
background-color: #eae1d5;
border-radius: 50%;
z-index: -1;
}
.features-block-style8 .inner-box .icon-box i {
color: #ab8555;
font-size: 58px;
transition: all 0.3s ease;
}
.features-block-style8 .inner-box .content-box .features-title {
margin-top: 0;
margin-bottom: 5px;
}
.features-block-style8 .inner-box .content-box .features-details {
transition: all 0.3s ease;
}