.portfo {}

.portfo .project {
    position: relative;
    bottom: 0;
}

.portfo .ImageBox {
    background: var(--Wordpress-Primary-Color);
    height: 25rem;
}

.portfo .Description {
    position: relative;
    display: block;
    /* height: 6rem; */
    bottom: 0;
}

.portfo .Description .Content:hover {
    max-height: 10rem;
    bottom: 0;
    transition: all 0.5s linear;
}

.portfo .Description .Content {
    background: var(--White-Color);
    position: absolute;
    bottom: 0px;
    width: 100%;
    transition: max-height 0.6s ease-out;
    max-height: 6rem;
}

.portfo .Description h2 {
    font-size: 1.4rem;
    padding: 1.4rem 0.5rem;
}

.portfo .Description p {
    padding: 0.5rem;
}

.portfo .SeeMore {
    padding: 1.2rem 1.8rem;
    position: relative;
    background: var(--White-Color);
}