:root {
    --primary-color: #0e77bc;
    --secondary-color: #ed0004;
    --white: #fff;
    --black: #241f21;
}


.footer-bg {
  background-color: var(--primary-color);
  padding: 10px 20px;
  color: var(--white);
}

.footer-main-section h2 {
  color: var(--white);
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 15px;
}

.footer-main-section ul li {
  margin: 10px 0;
  list-style: none;
}

.footer-main-section ul li a {
  text-decoration: none;
  color: var(--white);
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: all 0.3s ease;
}

.footer-main-section ul li a .arrow {
  color: var(--secondary-color);
  font-weight: bold;
  transition: transform 0.3s ease;
}

/* Hover Effect */
.footer-main-section ul li a:hover {
  color: var(--secondary-color);
  transform: translateX(8px);
}

.footer-main-section ul li a:hover .arrow {
  transform: translateX(5px);
}
h2 {
    /* text-align: center; */
    font-size: 2rem;
    color: var(--primary-color);
    /* margin-bottom: 30px; */
    text-align: start;
}