.button {  background: #dfdbd5 none repeat scroll 0 0;  border: medium none;  border-radius: 7px;  color: #666;  cursor: pointer;  display: inline-block;  font-family: sans-serif;
font-size: 14px;font-size: clamp(12px, 1vw, 14px);  padding: 0.5em 1em;  text-shadow: 0 1px white; border-radius: 0;  margin-left: 0;  margin-right: 1px; padding:12px 20px; border-radius:2px;}
.button.is-checked {  color:#fff;   text-shadow: none;}
.clientFilters .button:hover { background-color: #2874F0 !important; color:#fff;text-shadow: none;}
.footer{ background: url("../images/super-hero-large.png") no-repeat scroll center center, rgba(0, 0, 0, 0) linear-gradient(145deg, #0d47a1, #42a5f5) repeat scroll 0 0; height: 432px; width: 100%;}

.backBtn{float:right; font-size:18px;font-family: 'ComfortaaBold';}

/* Begin page for Client */
.ourClients{background:#f4f4f4;}
.clientTitle{ color: #393939;  font-size: 23px;text-transform:uppercase; font-weight: lighter;   margin: 15px 0;   text-align: left;}
.ourClients p{font-size:14px; color:#666;}
.clientFilters{margin-top:15px;}
.clientFilters .filterHead{margin-bottom:10px;}
.clientFilters .button{background:#fff; white-space: nowrap;}
.clientFilters .button:hover {  background-color: #2874F0 !important;}
.clientFilters .button.is-checked { background: #2874F0 none repeat scroll 0 0 !important;}
.clientFilters .isotope{min-height:auto;  margin-left: -12px; margin-right: -12px; border:none;}
.clientFilters .element-item{width:100%; height:auto;}
.clientFilters .clientBox { float: left; width: 33.333%; margin:0; padding:15px; position:relative;}
.clientBox figure{overflow:hidden; height:auto; position:relative;}
.clientBox figure img{width:100%; height:auto; transition:all .3s linear 0s;-moz-transition:all .3s linear 0s;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;}
.clientBox figcaption h2 {  color: #666;   font-size: clamp(13px, 1vw, 18px);  font-weight: lighter;   margin-bottom: 2px; margin-top:8px;}
.clientBox figcaption p {  color: #666;  font-size: clamp(10px, 1vw, 12px);}
.clientBox figure span { background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;  bottom: 0;  color: #fff;  display: block;  font-size: 17px;font-size: clamp(12px, 1vw, 17px); padding: 3px 10px;
position: absolute;  right: 0;}
.clientFilters .clientBox:hover img { transform: scale(1.1, 1.1); transition:all .3s linear 0s;-moz-transition:all .3s linear 0s;-webkit-transition:all .3s linear 0s;
-o-transition:all .3s linear 0s; cursor:pointer;}

/* End page for Client */

.filterHead {display: flex;flex-wrap: wrap;gap: 7px;}
span.highlightTxt { position: absolute; z-index: 10; right: 0; top: 0; font-size: 9px; background: #ff8a7b; padding: 3px 7px; color: #000;  border-radius: 2px;}
.clientBox figure{height:350px;}
.clientBox.hasScreenScroll figure img{position: absolute; top: 0;-webkit-transition: all 1s linear 0s;transition: all 1s linear 0s;}
.clientFilters .clientBox.hasScreenScroll:hover figure img {transform: translate(0px, -55%) scale(1, 1);-webkit-transition: all 1s linear 0s;transition: all 1s linear 0s;}




@media (max-width:1199.99px){
    .clientBox figure{height:288px;}
}

@media (max-width:991.99px){
    .clientBox figure{height:208px;}
}

@media (max-width:767.99px){

    .clientFilters .button {flex: 1 0 0;}
    .clientFilters .clientBox{width:49%;}

}