.projects-section h4 {
    text-align: center;
    margin-top: 20px;
}
.projects-section .elements {
    text-align: center;
}
.projects-section .elements > div {
    margin-bottom: 100px;
}
.projects-section .hover-overlay {
    top: 0;
    border-radius: 10px;
    -webkit-box-shadow: 0px 5px 10px 0 rgba(10, 10, 10, .05);
    box-shadow: 0px 5px 10px 0 rgba(10, 10, 10, .05);
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.projects-section .hover-overlay:hover {
    top: -16px;
}
.contact .img {
    width: 4rem;
    margin-inline-end: 2rem;
}
.contact .img img{
    filter: var(--theme-filter);
}
.info {
    margin: auto;
    width: fit-content;
}
.info-item {
    display: flex;
    align-items: center;
    margin-bottom: 4rem;
}
.info-item h4 {
    margin-bottom: 10px;
}
.desktoplogo img {
    max-height: 40px;
}

/* 
 * for page templates
 */

.card-showcase {
    --width-card: 45rem;
}
@media (max-width: 576px ){
    .card-showcase {
        --width-card: 30rem;
    }
}
.card-showcase .card-img-bottom{
    transition: all 4s linear;
}
.card-showcase .card-img-bottom:hover {
    -webkit-transform: translateY(calc(-100% + 25rem));
    -ms-transform: translateY(calc(-100% + 25rem));
    transform: translateY(calc(-100% + calc(var(--width-card) - 6rem) ));
}
.templates .item .card-showcase {
    overflow: hidden;
    height: var(--width-card);
}
.templates .item .card-body{
    z-index: 2;
    background: #fff;

}