.pec-container {
     background: var(--background-color);
 }

 .key-research-detail-content {

     max-width: 1100px;
     margin: auto;
     color: var(--text-color-2);
 }

 .research-details-items p {
     padding: 20px;
     font-size: 0.9rem;

 }


 .grid-with-1-img {
     display: grid;
     grid-template-columns: auto;
     align-items: center;
     justify-content: center;
     text-align: center;
 }

 .img-content h4 {
     font-weight: 500;
     font-size: 0.7rem;
     color: var(--text-color-1);
     text-align: center;
 }

 .grid-with-2-img {
     display: grid;
     grid-template-columns: auto auto;
     gap: 10px;
     align-items: center;
     justify-content: center;
 }

 .grid-with-3-img {
     display: grid;
     grid-template-columns: auto auto auto;
     gap: 10px;
     align-items: center;
     justify-content: center;
 }

 .grid-with-4-img {
     display: grid;
     grid-template-columns: auto auto auto auto;
     gap: 10px;
     align-items: center;
     justify-content: center;
 }

 .research-details-items img {
     border: 1px solid var(--border-2-blind-theme-color);
     border-radius: 5px;
 }

 .res-heading {
     max-width: 1100px;
     text-align: center;
     margin: auto;
     font-size: 1.5rem;
     font-weight: 500;
     padding: 20px;
     color: var(--text-color-bg-whitesmoke-div);
 }

 .work-of-content {
     margin: 20px auto;
     padding: 40px;
     background: var(--background-color-wf);
     border: 1px solid var(--border-2-blind-theme-color);
     border-radius: 5px;
     text-align: justify;
 }

 .work-of-faculties,
 .work-of-tc,
 .work-of-rc {
     padding: 10px 0px;
 }

 .work-of-span {
     font-size: 0.8rem;
     font-weight: 500;
 }

 .work-of-rc-details {
     font-size: 0.8rem;
     text-decoration: underline;
 }

 .detail-page-link {
     color: white;
     padding: 4px;
     font-size: 0.7rem;
     color: var(--background-color-black);
 }

 .involvement {
     font-weight: 500;
     font-size: 1rem;
     border-bottom: 2px solid var(--bg-color-light-black);
     color: var(--text-color-2);
     margin-bottom: 20px;
     display: inline-block;
 }

 @media(max-width:992px) {
     .res-heading {
         font-size: 1.3rem;
     }

     .research-details-items p {
         font-size: 0.9rem;
     }

     .grid-with-3-img {
         grid-template-columns: auto auto;
     }

     .grid-with-4-img {
         grid-template-columns: auto auto;
     }

 }

 @media(max-width:600px) {
     .res-heading {
         font-size: 1rem;
     }

     .research-details-items p {
         font-size: 0.7rem;
     }

     .grid-with-2-img {
         grid-template-columns: auto;
     }

     .grid-with-3-img {
         grid-template-columns: auto;
     }

     .grid-with-4-img {
         grid-template-columns: auto;
     }
 }