.portfolio-cards h2 { background: var(--cobalt-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; margin-bottom:45px; } 
.portfolio-cards .portfolio-cards-list .portfolio-card-box { min-width: 217px; min-height: 157px; box-shadow: var(--small-shadow); border-radius: 16px; display: flex; position: relative; justify-content: center; align-items: center;max-width: 217px; } 
.portfolio-cards .portfolio-cards-wrapper { /*flex: 1; margin-left: 11px; */margin: 0 11px;} 
.portfolio-cards .portfolio-box-logo img { height: auto; width: 110px; } 
.portfolio-cards .portfolio-cards-list { display: flex; position: relative; flex-wrap: wrap;justify-content: center;margin: 0 -15px; } 
.portfolio-cards .portfolio-content-expand {display:none; background: var(--orange-100); padding: 2px; box-sizing: border-box; position: absolute; width: calc(100% - 22px); left: 0; border-radius: 16px;z-index: 10;margin: 0 11.5px;background: var(--white-light);border: 2px solid var(--orange-100);}
.portfolio-cards .portfolio-content-wrapper { background: var(--white-light); border-radius: 16px; padding: 32px 0px 40px; position: relative; } 
/*.portfolio-cards .portfolio-cards-wrapper:first-child,.portfolio-cards .portfolio-cards-wrapper:nth-child(5n + 6) { margin-left: 0; } */
/*.portfolio-cards .portfolio-cards-wrapper.box-margin { padding-bottom: 32px; } */
.portfolio-cards .portfolio-box-wrapper .open-btn { position: absolute; width: 32px; height: 32px; bottom: -16px; left: 0; right: 0; margin: auto; text-align: center; padding: 2px; background-color: var(--white-light); border-radius: 100%; display:none; transition: 0.5s; } 
.portfolio-cards .portfolio-box-wrapper:hover .open-btn,.portfolio-cards .portfolio-box-wrapper.active .open-btn { display:block; } 
.portfolio-cards .portfolio-box-wrapper .open-btn span.opn { background-color: var(--white-light); border: 2px solid var(--orange-100); width: 28px; height: 28px; border-radius: 100%; display: flex; align-items: center; justify-content: center; } 
.portfolio-cards .portfolio-box-wrapper .open-btn span.opn span.icon-plus  { color: var(--orange-100);} 
.portfolio-cards .portfolio-box-wrapper .open-btn span.opn span.icon-minus { display:none; color:var(--white-light) } 
.portfolio-cards .portfolio-box-wrapper.active .open-btn  span.opn span.icon-minus { display:block; } 
.portfolio-cards .portfolio-box-wrapper.active .open-btn span.opn span.icon-plus { display:none; } 
.portfolio-cards .portfolio-box-wrapper .open-btn  span.opn span.icon { font-size: 10px;margin-left: 1px; } 
.portfolio-cards .portfolio-box-wrapper.active .open-btn  span.opn { background: var(--orange-100); border-color: transparent; } 
.portfolio-cards .portfolio-box-wrapper { border-radius: 16px; display: block; padding: 0 0 35px; background: var(--white-light); box-sizing: border-box; } 
.portfolio-cards .portfolio-box-wrapper:hover .portfolio-card-box,.portfolio-cards .portfolio-box-wrapper.active .portfolio-card-box { border:2px solid var(--orange-100); } 
.portfolio-cards .portfolio-content .h4 { color: var(--dark-grey-100); margin-bottom: 20px; } 
.portfolio-cards .portfolio-content .cta { margin-top:30px; } 
.portfolio-cards .portfolio-content-wrapper .btn-close { position: absolute;right: 22px;font-size: 3.0rem;z-index: 3;top: 40px;} 
.portfolio-cards .portfolio-box-wrapper.active .portfolio-card-box { box-shadow: none; } 
.portfolio-cards .portfolio-content-logo img { width:200px;object-fit: contain; }
.portfolio-cards .portfolio-content-logo{margin-top: 15px;}
.portfolio-cards .portfolio-content-wrapper a.btn-close .icon{color: var(--primary-graphite-666666);}
.portfolio-cards .portfolio-box-wrapper:focus {outline: none;}

@media all and (max-width: 991.98px){
  .portfolio-cards .portfolio-cards-list .portfolio-card-box { min-width: auto; height: 100px;min-height: auto; } 
  .portfolio-cards .portfolio-box-logo img { height: auto; width: 50px; } 
  .portfolio-cards .portfolio-cards-wrapper {flex: 0 0 20%;} 
  .portfolio-cards .portfolio-content-wrapper { padding: 32px 60px; } 
  .portfolio-cards .portfolio-content-logo { margin-bottom: 14px; } 
  .portfolio-cards .portfolio-content .cta { margin-top: 12px; } 
  .portfolio-cards .portfolio-content-logo img { width: 159px; } 
  .portfolio-cards .portfolio-box-wrapper { margin-bottom: 24px; } 
  .portfolio-cards .portfolio-cards-wrapper.box-margin { padding-bottom: 20px; } 
  .portfolio-cards .portfolio-box-wrapper .open-btn { width: 24px; height: 24px; bottom: -13px; } 
    .portfolio-cards .portfolio-box-wrapper .open-btn span.opn { width: 20px; height: 20px; } 
  .portfolio-cards .portfolio-box-wrapper .open-btn button span.icon { font-size: 8px; } 
}

@media all and (max-width: 767.98px){
  .portfolio-cards .portfolio-box-logo img { width: 40px; } 
  .portfolio-cards .portfolio-cards-list .portfolio-card-box { height: 70px;border-radius: 8px; } 
  .portfolio-cards .portfolio-box-wrapper {border-radius: 8px;}
  .portfolio-cards .portfolio-cards-wrapper { flex: 0 0 25%; } 
  .portfolio-cards .portfolio-box-wrapper { margin-bottom: 16px;padding-bottom: 0; } 
  .portfolio-cards .portfolio-content-wrapper { padding: 16px; } 
  .portfolio-cards .portfolio-content-wrapper .btn-close { right:16px; } 
 /* .portfolio-cards .portfolio-cards-wrapper:nth-child(5n+6) { margin-left: 8px; } 
  .portfolio-cards .portfolio-cards-wrapper:first-child,.portfolio-cards .portfolio-cards-wrapper:nth-child(3n+4) { margin-left: 0; } */
}