.social-icons {
      display: flex;
      gap: 10px;
    }
footer  .social-icons a{
    padding-bottom: 0 !important;
    border: 1px solid  rgba(255, 255, 0, 0.75);
    width: 60px;
    height: 60px;
    font-size: 1.75rem;
}
footer  .social-icons {
    padding: 0 0 1.5rem 0;
}
    .social-icons a {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 50px;
      height: 50px;
      /* background: #e5e5e5; */
      background: linear-gradient(120deg, #1F2251, #d41616, #1F2251);
      color: #1F2251;
      font-size: 1.5rem;
      border-radius: 4px;
      transition: color 0.3s ease;
      text-decoration: none;
      overflow: hidden;
      position: relative;
    }

    .social-icons a::before {
      content: "";
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background: linear-gradient(120deg, #d41616, #1F2251, #d41616);
      background-size: 200% 200%;
      opacity: 0;
      transition: opacity 0.55s ease;
      z-index: 0;
    }

    .social-icons a:hover::before {
      opacity: 1;
      animation: shine 1.5s linear infinite;
     
    }

    .social-icons a i {
      position: relative;
      z-index: 1;
      color: #fff;
      transition: all .3s ease;
    }
    .social-icons a:hover i {
       color:  rgba(255, 255, 0, 0.75);
    }

    @keyframes shine {
      0% { background-position: 0% 50%; }
      50% { background-position: 100% 50%; }
      100% { background-position: 0% 50%; }
    }