html,
body {
      height: 100%;
      display: flex;
      flex-direction: column;
}

.CONTAINER5 {
      flex: 1;
}

/* Section Styling */
 .research-section {
       padding: 20px 20px;
       background-color: #fff;
       border-radius: 12px;
       box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
       max-width: 1200px;
       margin: auto;
 }

 /* Section Heading */
 .section-heading {
       text-align: center;
       margin-bottom: 40px;
 }

 .section-heading h1 {
       font-size: 2.5rem;
       color: #222;
 }

 .section-heading p {
       font-size: 1.2rem;
       color: #555;
       margin-top: 10px;
 }

 /* Research Grid */
 .research-grid {
       display: grid;
       grid-template-columns: 1fr;
       gap: 40px;
 }

 /* Research Item */
 .research-item {
       background-color: #fff;
       /* border-radius: 12px; */
       box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
       overflow: hidden;
       transition: transform 0.3s ease-in-out;
 }

 /* .research-item:hover {
      transform: translateY(-10px);
} */

 .research-item img {
       width: 100%;
       height: auto;
       display: block;
       object-fit: cover;
 }

 .research-item h2 {
       font-size: 1.8rem;
       padding: 20px;
       background-color: #0077b6;
       color: #fff;
 }

 .research-item p {
       padding: 20px;
       font-size: 1rem;
       color: #333;
       line-height: 1.6;
 }

 /* Responsive Design */
 @media (min-width: 600px) {
       .research-grid {
             grid-template-columns: repeat(2, 1fr);
       }
 }

 @media (min-width: 900px) {
       .research-grid {
             grid-template-columns: repeat(3, 1fr);
       }

       .section-heading h1 {
             font-size: 2rem;
             color: rgb(3 93 161);
       }

       .section-heading p {
             font-size: 1.5rem;
       }

       .research-item h2 {
             font-size: 1.5rem;
       }

       .research-item p {
             font-size: 1.1rem;
       }
 }



 /* Updated image styling for larger display show a 2 Box in display*/

 /* .research-item img {
       width: 100%;
       height: 300px;
       object-fit: cover;
       display: block;
       border-bottom: 4px solid #0077b6;
 }

 @media (min-width: 900px) {
       .research-item img {
             height: 400px;
       }
 }


 .research-grid {
       display: grid;
       grid-template-columns: repeat(2, 1fr);
       gap: 40px;
 }

 @media (max-width: 768px) {
       .research-grid {
             grid-template-columns: 1fr;
       }
 } */