/* 
/* 
/*  custom.css
/*
/*  If not using Gulp and Sass, add your custom CSS below then include it
/*  in your page by adding a reference to assets/css/custom.css in the head of each page.
/*
*/

.tile-bg {
    background-color: #31383b;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='117' height='117' viewBox='0 0 200 200'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='100' y1='33' x2='100' y2='-3'%3E%3Cstop offset='0' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='1'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='100' y1='135' x2='100' y2='97'%3E%3Cstop offset='0' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='1'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='%232a3032' fill-opacity='0.49'%3E%3Crect x='100' width='100' height='100'/%3E%3Crect y='100' width='100' height='100'/%3E%3C/g%3E%3Cg fill-opacity='0.49'%3E%3Cpolygon fill='url(%23a)' points='100 30 0 0 200 0'/%3E%3Cpolygon fill='url(%23b)' points='100 100 0 130 0 100 200 100 200 130'/%3E%3C/g%3E%3C/svg%3E");
    box-shadow: 0;
    transition: all 0.2s ease-in-out;
}
.tile-bg:hover {
    box-shadow: 0px 2px 11px 1px rgba(0,0,0,0.79);
    -webkit-box-shadow: 0px 2px 11px 1px rgba(0,0,0,0.79);
    -moz-box-shadow: 0px 2px 11px 1px rgba(0,0,0,0.79);
}

.case-study-img {
    width: 100%;
    height: 180px;
    object-fit: cover;
}

.card {
    box-shadow: 0;
    transition: all 0.2s ease-in-out;
}
.card:hover {
    box-shadow: 0px 2px 11px 1px rgba(0, 184, 148,1.0);
    /* -webkit-box-shadow: 0px 2px 11px 1px rgba(129, 236, 236,1.0);
    -moz-box-shadow: 0px 2px 11px 1px rgba(0, 184, 148,1.0) */
}