.tm-sc-simple-nav-menu ul {
margin: 0;
padding: 0;
list-style: none;
}
.tm-sc-simple-nav-menu ul li {
list-style: none;
transition: all 0.3s ease;
}
.tm-sc-simple-nav-menu ul li a {
display: block;
position: relative;
padding-bottom: 0;
padding-top: 0;
padding-left: 18px;
margin-bottom: 0;
line-height: 2.5rem;
transition: all 0.3s ease;
color: #777;
overflow: hidden;
}
.tm-sc-simple-nav-menu ul li a:hover {
color: #aaa;
}
.tm-sc-simple-nav-menu ul li .tm-nav-arrow-icon {
color: var(--theme-color1);
display: flex;
justify-content: center;
align-items: center;
text-align: center;
font-size: 14px;
position: absolute;
top: 50%;
transform: translateY(-50%);
transition: all 0.3s ease;
}
.tm-sc-simple-nav-menu ol {
margin: 0;
padding: 0;
list-style: none;
}
.tm-sc-simple-nav-menu ul.split-nav-menu li {
margin-bottom: 4px !important;
width: 50%;
float: left;
padding-right: 3px;
}
.tm-sc-simple-nav-menu .tm-animate-hover.icon-rotate li:hover i {
transform: translateY(-50%) rotate(360deg);
}
.tm-sc-simple-nav-menu .tm-animate-hover.icon-rotate-x li:hover i {
transform: translateY(-50%) rotateX(360deg);
}
.tm-sc-simple-nav-menu .tm-animate-hover.icon-rotate-y li:hover i {
transform: translateY(-50%) rotateY(180deg);
}
.tm-sc-simple-nav-menu .tm-animate-hover.icon-translate li:hover i {
transform: translate(-10px, -45%);
}
.tm-sc-simple-nav-menu .tm-animate-hover.icon-translate-x li:hover i {
transform: translateY(-50%) translateX(-7px);
}
.tm-sc-simple-nav-menu .tm-animate-hover.icon-translate-x-right li:hover i {
transform: translateY(-50%) translateX(7px);
}
.tm-sc-simple-nav-menu .tm-animate-hover.icon-translate-y li:hover i {
transform: translateY(-45%);
}
.tm-sc-simple-nav-menu .tm-animate-hover.icon-scale li:hover i {
transform: translateY(-50%) scale(1.1);
}.tm-sc-service .icon {
display: inline-block;
}
.tm-sc-service .icon,
.tm-sc-service .feature-title,
.tm-sc-service .feature-details {
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.service-block-style8 {
margin-bottom: 40px;
padding-left: 27px;
}
@media (max-width: 991.98px) {
.service-block-style8 {
padding-left: 0;
}
}
.service-block-style8 .inner-box {
position: relative;
background-color: var(--theme-color-white);
transition: all 300ms ease;
}
.service-block-style8 .inner-box:hover .service-featured-img img {
transform: scale(1.1);
}
.service-block-style8 .inner-box:hover .content-box:before {
width: 100%;
height: 100%;
}
.service-block-style8 .inner-box:hover .content-box .icon:after {
width: 100%;
height: 100%;
}
.service-block-style8 .inner-box:hover .content-box .service-title,
.service-block-style8 .inner-box:hover .content-box .service-details {
color: #fff;
}
.service-block-style8 .inner-box .service-featured-img {
position: relative;
overflow: hidden;
}
.service-block-style8 .inner-box .service-featured-img img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: all 300ms ease;
}
.service-block-style8 .inner-box .content-box {
position: absolute;
left: -25px;
right: 50px;
bottom: 28px;
padding: 25px 70px 25px 42px;
background-color: var(--theme-color-white);
transition: all 300ms ease;
z-index: 3;
}
@media (max-width: 991.98px) {
.service-block-style8 .inner-box .content-box {
left: 30px;
padding: 25px 42px 25px 42px;
}
}
@media (max-width: 575.98px) {
.service-block-style8 .inner-box .content-box {
left: 0;
right: 0px;
bottom: 15px;
padding: 40px 15px;
padding-right: 50px;
}
}
.service-block-style8 .inner-box .content-box:before {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: var(--theme-color1);
width: 80px;
height: 80px;
transition: all 300ms ease;
content: "";
}
.service-block-style8 .inner-box .content-box .icon {
position: absolute;
top: 0;
left: 0;
width: 80px;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
font-size: 42px;
color: #fff;
background-color: var(--theme-color1);
transition: all 300ms ease;
z-index: 1;
}
.service-block-style8 .inner-box .content-box .icon:after {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: var(--theme-color2);
width: 0;
height: 0;
transition: all 300ms ease;
content: "";
z-index: -1;
}
.service-block-style8 .inner-box .content-box .service-title {
position: relative;
font-weight: 700;
margin-top: 0;
margin-bottom: 0;
padding-left: 65px;
z-index: 1;
}
@media (max-width: 575.98px) {
.service-block-style8 .inner-box .content-box .service-title {
padding-left: 80px;
}
}
.service-block-style8 .inner-box .content-box .service-title a:hover,
.service-block-style8 .inner-box .content-box .service-title a:focus {
color: #fff;
}
.service-block-style8 .inner-box .content-box .service-details {
position: relative;
padding-top: 30px;
margin-bottom: 0;
transition: all 300ms ease;
}
.service-block-style8 .inner-box .content-box .read-more {
position: absolute;
bottom: 0;
right: 0;
width: 46px;
height: 46px;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
color: #fff;
background-color: var(--theme-color2);
transition: all 300ms ease;
}