.collaboration-models .underline-base {

  position: relative;

  display: inline-block;

  padding-bottom: 4px;

  font-weight: bold;

}



/* .collaboration-models .underline-base::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  height: 4px;

  width: 17px;

  border-radius: 0;

} */



.underline-blue::after   { background-color: var(--grad-color-1); }

.underline-purple::after { background-color: var(--grad-color-2); }

.underline-violet::after { background-color: var(--grad-color-3); }

.underline-cyan::after   { background-color: var(--grad-color-1); }



.collaboration-models .card {

  padding: 32px;
  border: 1px solid #eeeeee;

}

.collaboration-models__card-link .underline-base::after {
  bottom: 4px !important;

}

.collaboration-models__card-link {
  display: block;
  height: 100%;
  text-decoration: none;
  color: inherit;
}

.collaboration-models__card {
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.collaboration-models__card-link:hover .collaboration-models__card,
.collaboration-models__card-link:focus-visible .collaboration-models__card {
  transform: translateY(-3px);
}

.collaboration-models__card-link:focus-visible {
  outline: none;
}

.collaboration-models__card-link:focus-visible .collaboration-models__card {
  box-shadow: 0 0 0 3px rgba(107, 76, 255, 0.18), 0 8px 28px rgba(0, 0, 0, 0.12);
}



@media (max-width: 991.98px) {

  .scroll-row {

    display: flex; 

    flex-wrap: nowrap;   

    overflow-x: auto;    

    gap: 12px;                

    scroll-snap-type: x proximity;

    -webkit-overflow-scrolling: touch; 

    scrollbar-width: none;      

  }

  .scroll-row::-webkit-scrollbar {

    display: none;             

  }



  .scroll-row > [class*="col-"] {

    flex: 0 0 88%; 

    scroll-snap-align: start; 

    padding: 4px;

  }

  .collaboration-models .card {
    padding: 24px;
}

}