.project__block {
    background: var(--main-regal-dark-color);
    padding: 28px;
    position: relative;
    display: block;
    min-height: 420px;
    -webkit-box-shadow: 0 15px 20px rgba(0,0,0,.2);
    box-shadow: 0 15px 20px rgba(0,0,0,.2);
    overflow: hidden;
    margin-bottom: 40px;
    -webkit-transition: all .2s 0s ease-in-out;
    transition: all .2s 0s ease-in-out;
    border-radius: 8px;
}

.project__block:hover{
    -webkit-box-shadow: 0 15px 20px rgba(0,0,0,.4);
    box-shadow: 0 15px 20px rgba(0,0,0,.4);
}


.project__block img{
    -ms-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);

    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.project__block:hover img{
    -ms-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02);
}

.project__block p {
    position: relative;
    z-index: 50;
    color: #fff;
    font-size: 15px;
    line-height: 28px;
}








.project__block:hover .text_underline{
    background-position-x: right;
    background-position-y: bottom;
    background-size: 100% 100%;
}


.text_underline{
    /*display: inline;*/
    -webkit-transition: background-size 0.5s cubic-bezier(0.79, 0.01, 0.22, 0.99) 0s,background-position 0s step-end 0.5s;
    transition: background-size 0.5s cubic-bezier(0.79, 0.01, 0.22, 0.99) 0s,background-position 0s step-end 0.5s;
    text-decoration: none;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(90%, transparent), color-stop(90%, currentColor), to(currentColor));
    background-image: linear-gradient(transparent 90%, currentColor 90%, currentColor 100%);
    background-repeat: no-repeat;
    background-position-y: bottom;
    background-size: 0% 100%;
}


.caseStudyLink:hover .text_underline{
    background-position-x: right;
    background-position-y: bottom;
    background-size: 100% 100%;
}







.portfolio .decription-lrg{
  font-size: 20px;
  line-height: 36px;
  max-width: 510px;
}

.caseStudyLink {
    color: unset;
    align-items: center;
    background-image: linear-gradient(transparent 40%,var(--main-regal-dark-color) 0);
    display: flex;
    overflow: hidden;
}


.caseStudyLink .caseStudyLink__imageWrapper {
    flex-shrink: 0;
    flex: 1 1;
    max-height: 32rem;
}

.caseStudyLink:hover .caseStudyLink__imageWrapper img {
    transform: translate(0)!important;
}

.caseStudyLink .caseStudyLink__imageWrapper img {
    transition: opacity .5s ease 0s,transform .5s!important;
    transform: translateY(10%)!important;

    position: absolute; 
    top: 0px; 
    left: 0px; 
    width: 100%; 
    height: 100%; 
    object-fit: cover; 
    object-position: center center; 
    opacity: 1; 
    transition: none 0s ease 0s;
}

.caseStudyLink .caseStudyLink__copyWrapper {
    flex-shrink: 0;
    flex: 1 1;
    padding: 55% 1.0rem 0;
}

.caseStudyLink .caseStudyLink__copyWrapper .caseStudyLink__copyWrapper__title {
    color: #fff;
    margin: 0 0 .8rem;

    font-family: "Oxygen-Bold";
    font-display: auto;
    font-size: 28px;
    font-weight: 900;
    margin: 0;
    line-height: 1.8;
}

.caseStudyLink .caseStudyLink__copyWrapper .caseStudyLink__copyWrapper__type {
    font-display: swap;
    font-family: Mont Heavy,sans-serif;
    padding: 0;
    color: #fff;
    display: block;
    font-size: 1.0rem;
    display: flex;
    list-style: none;
}

.caseStudyLink .caseStudyLink__copyWrapper .caseStudyLink__copyWrapper__type li {
    margin: 0 .8rem 0 0;
    opacity: .7;
}


.caseStudyLink .caseStudyLink__copyWrapper .caseStudyLink__copyWrapper__arrow {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAyNCAxNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48dGl0bGU+RmlsbCAxPC90aXRsZT48ZyBpZD0iSG9tZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTc3MC4wMDAwMDAsIC0yNzUyLjAwMDAwMCkiIGZpbGw9IiNGRjZBM0QiIGlkPSJGaWxsLTEiPjxwb2x5Z29uIHBvaW50cz0iNzg2IDI3NTIgNzgyLjQ5NSAyNzUzLjc0NiA3ODYuODkgMjc1OC4xNDMgNzcwIDI3NTguMTQzIDc3MCAyNzYxLjg1OCA3ODYuODkxIDI3NjEuODU4IDc4Mi40OTQgMjc2Ni4yNTQgNzg2IDI3NjggNzk0IDI3NjAiLz48L2c+PC9nPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 1.6rem;
    width: 2.4rem;
    transition: .5s;
}

.caseStudyLink .caseStudyLink__copyWrapper .caseStudyLink__copyWrapper__type li:after {
    content: "\2022";
    padding: 0 0 0 .8rem;
}


















.checkups{
    background: #1e6295;
}
.checkups:hover{
    background: #1a5785;
}

.safaribaza{
    background:#E5820C;
}
.safaribaza:hover{
    background:#cc740a;
}

.vimbo{
    background: #E58880;
}
.vimbo:hover{
    background: #de6a60;
}

.beec{
    background:#67538E;
}
.beec:hover{
    background:#5c4a7e;
}

.oriemssacco{
    background:#5BB88C;
}
.oriemssacco:hover{
    background:#4aab7d;
}

.drlugha{
    background:#C18B59; 
}
.drlugha:hover{
    background:#b77b44; 
}

.oriemsfarm{
    background:#5BB865;  
}
.oriemsfarm:hover{
    background:#4aab54;  
}

.wfp{
    background:#5B88B8;
}
.wfp:hover{
    background:#4a79ab;
}

.ibuild{

}
.ibuild:hover{

}