@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

:root {
  --blue: #2f327d;
  --darkblue: #0d0a37;
  --blue: #2f327d;
  --darkblue: #0d0a37;
  --black: #000000;
  --white: #ffffff;
  --orange: #e8c63d;
  --thickblue: #002b3e;
  --lightblue: #d5f2ff;
  --lightblue2: #bdeaff;
}
.content-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  margin: 0 auto;
  padding: 0;
}

.content-item {
  padding: 20px;
  border-radius: 0;
  color: #fff;
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* Default background colors */
.bg-color1 {
  background-color: #003f5b;
}

.bg-color2 {
  background-color: #012433;
}

/* Hover effects with different background colors for each content */
.content-item:nth-child(1):hover {
  background-color: #ffd7d9; /* Hover color for content 1 */
}

.content-item:nth-child(2):hover {
  background-color: #ffcfe6; /* Hover color for content 2 */
}

.content-item:nth-child(3):hover {
  background-color: #c6d9ff; /* Hover color for content 3 */
}

.content-item:nth-child(4):hover {
  background-color: #ffe8d4; /* Hover color for content 4 */
}

.content-item:nth-child(5):hover {
  background-color: #deffee; /* Hover color for content 5 */
}

.content-item:nth-child(6):hover {
  background-color: #bae8fd; /* Hover color for content 6 */
}
.content-item:nth-child(7):hover {
  background-color: #ffd2ce; /* Hover color for content 4 */
}

.content-item:nth-child(8):hover {
  background-color: #e9d1ff; /* Hover color for content 5 */
}

.content-item:nth-child(9):hover {
  background-color: #d3f4ff; /* Hover color for content 6 */
}
.parternshipContentTxt {
  font-size: 20px;
  font-weight: 300;
  line-height: 38px;
  color: var(--white);
  transition: color 0.3s ease; /* Smooth transition for color */
}

.parternshipContentTxt:hover {
  color: black; /* Change text color to black on hover */
}