.blur-shadow-image > a > img {
    position: absolute;
    height:fit-content;
    height: -webkit-fit-content;
 }
.cover-aspect-ratio {
    align-items: center;
    justify-content: center;
    aspect-ratio: 1/1;
    overflow: hidden;
}
.h100b {
    height: 100%;
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
}
#casestudy > .item > .h-100 {
    box-shadow: 0 6px 15px 0 rgba(0,0,0,.15);
    transition: all .2s ease-in-out;
}
#casestudy > .item > .h-100:hover { 
    box-shadow: 0 20px 28px 5px rgba(0,0,0,.25);
    cursor: pointer;
}
#casestudy .card-image.border-radius-lg {
    border-bottom-left-radius: 200 !important;
    border-bottom-right-radius: 0 !important;
}
#casestudy .blur-shadow-image:before {
    content: "\f061";
    font-size: 0px;
    font-family: FontAwesome;
    width: 100%;
    color: rgb(255, 153, 0, 0);
    transition: all 0.15s ease-in-out;
    cursor: pointer;
    position: absolute;
    text-align: center;
    line-height: 0;
    z-index: 1;
    top: 59%;
}
#casestudy .blur-shadow-image:hover:before {
    font-size: 100px;
    color: rgb(255, 153, 0, .75);
    top: 50%;
}
#casestudy .nav-link {
    transition: color 0.1s ease-in-out !important;
}
/* .casestudy-container .wpb_single_image:hover:before {
    content: "\f061";
    font-size: 100px;
    font-family: FontAwesome;
    color: #ffa500;
    width: 100%;
    transition: linear 0.2s;
    cursor: pointer;
    position: absolute;
    line-height: 0;
    top: 50%;
} */