.text-light {
    margin-top: 30px;
    font-family: 'Arial', sans-serif;
    background-color: #002060 !important; /* Adjust to your exact color */
    color: #fff;
    width: 100%;
}

.flex-column {
    display: flex;
    flex-direction: column;
    align-items: center;
}
  
.white-text {
    margin-top: 30px;
    margin-bottom: 50px;
}

.text-light h5,
.text-light p,
.text-light ul {
    text-align: center;
    font-family: 'ArialNova', sans-serif;
    width: 100%;
}

.text-light a {
    text-decoration: none; 
}

.text-light ul {
  padding: 0;
  list-style-type: none;
}

.text-light ul li {
  text-align: left;
  display: block; 
}

.text-light ul li a {
  padding-left: 1rem; 
}

.text-light h5 .footer-icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

.text-light p {
  margin: 0;
  color: rgba(255, 255, 255, 0.8);
}

.footer-icon {
    height: 50px; 
    width: auto;
    vertical-align: middle;
    margin-right: 20px;
    background: #dae9f8; 
    padding: 5px; 
    border-radius: 5px; 
    /* filter: brightness(120%);  */
    filter: drop-shadow(0 0 10px #fff); 
}

.footer-icon1 {
    height: 40px; 
    width: auto;
    vertical-align: middle;
    margin-right: 10px;
    padding: 5px; 
    border-radius: 5px; 
    filter: brightness(120%); 
    filter: drop-shadow(0 0 10px #fff); 
}


.link-container a{
    color:inherit;
}

.text-light .link-container a:hover,
.text-light .link-container a:hover .icon-text
{
    color: #f71c14 !important; /* For text */
}

.text-light .link-container a:hover img {
  /* color: #f71c14 !important;  */
  filter: brightness(0.8); /* Example filter effect for images */
}

.footer-bottom-custom {
  text-align: center !important;
  background-color: #001030 !important;
  padding: 10px 0 !important; 
  width: 100% !important; 
  /* bottom: 0; */
}


.footer-bottom-custom p {
  color: rgba(255, 255, 255, 0.5);
  font-size: 14px;
}

.link-container {
    display: flex;
    margin-bottom: 8px;
    text-align: center;
}

.link-container img, .link-container span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px; 
}

.icon-text {
  margin-left: 15px;
  color: white;
}

.text-light ul li a:hover, .text-light ul li a:hover .icon-text {
  color: #f71c14 !important;
}

.fab {
  font-size: 20px;
  height: 20px;
  padding: 5px; 
}
