.cards__box__section { padding: 70px 0; }
.cards__box__row { grid-gap: 20px; display: grid; grid-template-columns: 4fr 4fr; margin-top: -170px; position: relative; grid-template-columns: 4fr 4fr 4fr 4fr; }
.cards__inner__row { display: flex; flex-flow: wrap; align-items: center; padding-bottom: 6px; }
.cards__thumbnail { width: 30px; }
.cards__title { width: calc(100% - 30px); padding-left: 10px; }
.cards__colm { border-radius: 15px; box-shadow: 0px 0px 30px #1018281A; transition: all .4s ease; padding: 25px 22px; background: #ffff; position: relative; }
.cards__content { padding-bottom: 9px; }
.cards__postion__link a { position: absolute; top: 0; right: 0; left: 0; bottom: 0; opacity: 0; }
.cards__box__section .cards__colm:hover,.cards__box__section .cards__colm:focus,.cards__box__section .cards__colm:active { transform: translateY(-5px); }
.cards__box__row.two_box { grid-template-columns: 4fr 4fr; }
.cards__box__row.three_box { grid-template-columns: 3fr 3fr 3fr; }
.cards__colm.np_link_row .cards__postion__link a { cursor: inherit }
.cards__colm.np_link_row:hover { transform: translateY(0px); }
.cards__btn.arrow_btn a svg {transform: translateY(-2px);}





/* .cards__postion__link a:hover,.cards__postion__link a:focus,.cards__postion__link a:active{ background: var(--secondary); } */

/* .cards__postion__link a:active,
.cards__postion__link a:focus {
    background-color: transparent;
} */
/* .cards__postion__link a {  
    -webkit-tap-highlight-color: rgba(0,0,0,0) !important;
} */


@media(min-width:768px) { 
  
  .cards__box__section .cards__colm:hover,
.cards__box__section .cards__colm:focus,
.cards__box__section .cards__colm:active,
.cards__box__section .cards__colm.active{background: var(--secondary); opacity:1 !important;  } 

  
  
.cards__box__section .cards__colm:hover .cards__content,
.cards__box__section .cards__colm:focus .cards__content {color: var(--white);}

.cards__box__section .cards__colm:hover .cards__btn a,
.cards__box__section .cards__colm:focus .cards__btn a {color: var(--white) !important;}

.cards__box__section .cards__colm:hover  .cards__btn a svg path,
.cards__box__section .cards__colm:focus  .cards__btn a svg path
{
  stroke: var(--white);
  
}

.cards__box__section .cards__colm:hover .cards__inner__row .cards__title h5,
.cards__box__section .cards__colm:focus .cards__inner__row .cards__title h5
{color: var(--white);

}

.cards__box__section .cards__colm:hover .cards__inner__row .cards__thumbnail img,
.cards__box__section .cards__colm:focus .cards__inner__row .cards__thumbnail img
{filter: brightness(0) invert(1);}

  
  

}

 

 



@media(max-width:991px) {
    .cards__box__row { grid-template-columns: 4fr 4fr; }
}


@media(max-width:767px) {
    .cards__colm { padding: 20px 15px; }
    .cards__box__row { grid-template-columns: 4fr; grid-gap: 25px; }
    .cards__box__row.two_box { grid-template-columns: 4fr; grid-gap: 25px; }
    .cards__box__row.three_box { grid-template-columns: 4fr; grid-gap: 25px; }
  
  
  
  .cards__box__section .cards__colm:hover,.cards__box__section .cards__colm:focus,.cards__box__section .cards__colm:active {
/*     text-decoration: none;
    color: #fff;
   -webkit-tap-highlight-color: rgba(0,0,0,0.99);
    opacity:1; */
    
/*     opacity: 1 !important; /* ensure the opacity remains unchanged */
/*     -webkit-tap-highlight-color: rgba(0,0,0,0.99) !important;
    outline: none !important; */ */
    
    
  }


  
  
  
}