.research-dashboard {
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
   row-gap: 20px;
 }

 .research-card {
   display: flex;
   align-items: stretch;
   background: white;
   border: 1px solid #DEDEDE;
   border-radius: 10px;
   box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.2);
   overflow: hidden;
   transition: transform 0.3s ease;
   padding: 0;
 }

 .research-card:hover {
   transform: translateY(-4px);
 }

 .research-icon {
   width: 100px;
   min-height: 130px;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
 }

 .bg-1 {
   background-color: #fd6d6d;
 }

 /* Workshop */
 .bg-2 {
   background-color: rgb(101, 119, 255);
 }

 /* Course */
 .bg-3 {
   background-color: rgb(58, 184, 9);
 }

 /* Lecture */
 .bg-4 {
   background-color: rgb(213, 226, 26);
 }

 /* Faculty Program */
 .bg-5 {
   background-color: rgb(236, 36, 210);
 }

 /* Internship */

 .research-icon img {
   width: 60px;
   height: 60px;
 }

 .research-content {
   padding: 10px;
   width: 100%;
   display: flex;
   flex-direction: column;
   justify-content: center;
 }

 .text-1 .cat,
 .text-1 .evt,
 .text-1 .num {
   color: #fd6d6d;
 }

 .text-2 .cat,
 .text-2 .evt,
 .text-2 .num {
   color: rgb(101, 119, 255);
 }

 .text-3 .cat,
 .text-3 .evt,
 .text-3 .num {
   color: rgb(58, 184, 9);
 }

 .text-4 .cat,
 .text-4 .evt,
 .text-4 .num {
   color: rgb(74, 78, 7);
 }

 .text-5 .cat,
 .text-5 .evt,
 .text-5 .num {
   color: rgb(236, 36, 210);
 }

 .cat { 
  font-weight: bold;
 }

 @media (max-width: 480px) {
   .research-card {
     width: 100%;
   }

   .num {
     font-size: 20px;
   }
 }