.tm-sc-projects .cat-list {
list-style: none;
margin: 0;
}
.tm-sc-projects .cat-list li {
display: inline;
color: #aaa;
margin-right: 7px;
font-size: 13px;
}
.tm-sc-projects .cat-list li a {
color: #aaa;
text-transform: capitalize;
transition: all 0.3s ease-in-out;
}
.tm-sc-projects .cat-list li:last-child span {
display: none;
}
.projects-current-theme2 .inner-box {
position: relative;
}
.projects-current-theme2 .inner-box:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(0deg, #222222, rgba(34, 34, 34, 0));
z-index: 9;
transition: all 0.3s ease;
}
.projects-current-theme2 .inner-box:hover .box-caption {
opacity: 1;
visibility: visible;
bottom: 30px;
}
.projects-current-theme2 .inner-box:hover .content-box {
bottom: 115px;
z-index: 9;
}
.projects-current-theme2 .inner-box:hover:before {
visibility: visible;
}
.projects-current-theme2 .inner-box:hover .image-box figure img {
transform: scale(1.2);
}
.projects-current-theme2 .inner-box .box-caption {
position: absolute;
left: 30px;
width: calc(100% - 60px);
z-index: 99;
padding-top: 25px;
border-top: 1px solid rgba(255, 255, 255, 0.25);
display: flex;
align-items: flex-end;
opacity: 0;
visibility: hidden;
bottom: 0;
transition: all 0.3s ease;
flex-direction: row-reverse;
}
.projects-current-theme2 .inner-box .box-caption .book-btn {
display: inline-block;
height: 40px;
line-height: 40px;
padding: 0 20px;
text-transform: uppercase;
font-size: 14px;
color: #ffffff;
font-family: var(--text-font2);
letter-spacing: 2px;
border: 1px solid rgba(255, 255, 255, 0.5);
}
.projects-current-theme2 .inner-box .box-caption .book-btn:hover {
background-color: var(--theme-color1);
border-color: transparent;
}
.projects-current-theme2 .inner-box .image-box figure {
margin-bottom: 27px;
overflow: hidden;
}
.projects-current-theme2 .inner-box .image-box figure img {
transition: all 0.3s ease;
object-fit: cover;
}
.projects-current-theme2 .inner-box .content-box {
position: absolute;
bottom: 30px;
right: 30px;
text-align: right;
transition: all 0.3s ease;
z-index: 9;
}
.projects-current-theme2 .inner-box .content-box .cat-list li {
color: var(--theme-color1);
}
.projects-current-theme2 .inner-box .content-box .title {
margin-top: 10px;
color: #fff;
}
.projects-current-theme2 .inner-box .content-box .title a:hover,
.projects-current-theme2 .inner-box .content-box .title a:focus {
color: #fff;
}
@media (max-width: 991.98px) {
.projects-current-theme2 .inner-box .image-box .image-2 img {
width: 100%;
height: 340px;
object-fit: cover;
}
}