.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;background-color:var(--white-light); } 
.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;padding: 2px; box-sizing: border-box; position: absolute; width: calc(100% - 22px); left: 0; border-radius: 16px;z-index: 10;margin: 0 11.5px;border: 2px solid var(--cobalt-light);background: var(--white-light); }
.portfolio-cards .portfolio-content-wrapper { 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(--cobalt-light); 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 { background: var(--cobalt-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; } 
.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 button span.icon-minus { display:block; } 
.portfolio-cards .portfolio-box-wrapper.active .open-btn button 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 button { background: var(--cobalt-gradient); border-color: transparent; } 
.portfolio-cards .portfolio-box-wrapper { border-radius: 16px; padding: 2px; display: block; padding: 0 0 35px; background: var(--white-light); box-sizing: border-box; } 
/*.portfolio-cards .portfolio-box-wrapper:hover,.portfolio-cards .portfolio-box-wrapper.active { background: radial-gradient(circle at 100% 100%, #fff 0, #fff 14px, transparent 14px) 0% 0%/16px 16px no-repeat, radial-gradient(circle at 0 100%, #fff 0, #fff 14px, transparent 14px) 100% 0%/16px 16px no-repeat, radial-gradient(circle at 100% 0, #fff 0, #fff 14px, transparent 14px) 0% 100%/16px 16px no-repeat, radial-gradient(circle at 0 0, #fff 0, #fff 14px, transparent 14px) 100% 100%/16px 16px no-repeat, linear-gradient(#fff, #fff) 50% 50%/calc(100% - 4px) calc(100% - 32px) no-repeat, linear-gradient(#fff, #fff) 50% 50%/calc(100% - 32px) calc(100% - 4px) no-repeat, linear-gradient(90deg, #060f76 0%, #1D5EDC 100%); }*/ 
.portfolio-cards .portfolio-box-wrapper:focus{outline: none}
.portfolio-cards .portfolio-box-wrapper:hover > .portfolio-card-box, .portfolio-cards .portfolio-box-wrapper:focus > .portfolio-card-box, .portfolio-cards .portfolio-box-wrapper.active > .portfolio-card-box{border: 2px solid var(--cobalt-light);}
.portfolio-cards .portfolio-content .h4 { color: var(--cobalt-prime); margin-bottom: 20px; } 
.portfolio-cards .portfolio-content .cta { margin-top:12px; } 
.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(--graphite-light);}

@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;padding: 0}
  .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 span.opn span.icon { font-size: 8px;margin-left: 0px;}
}

@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; }
}