.footer-new{
    background:  #28345F;
    text-align: center; 
  padding-bottom: 40px;
  position: relative;
}
.footer-new h2{
  color: #ffffff;
  font-size: 2rem;
}
.footer-new::after{
    content: "";
    position: absolute;
    top: -48%;
    left: 0;
    width: 100%;
    height: 100%; /* This now matches .cards height */
    background: #28345f;
    z-index: -1;
}
.footer-wrapper{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
    border-radius: 80px;
background: linear-gradient(90deg, rgba(211, 211, 211, 0.20) 19.29%, rgba(225, 243, 250, 0.80) 99.82%);
box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.15);
}
.social-wrapper ul {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-evenly;
    align-items: center;
    list-style: none;
}
.social-wrapper li{
    margin: 0 12px;
}
/* footer::before{
    background: #28345f;
    bottom: 0;
    content: " ";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1;
} */
@media(min-width:2000px) and (max-width: 2560px) {
  
.footer-new{ 
  padding-bottom: 0px;
}
}
@media only screen and (max-width: 768px) {
  .footer-new h2{
  font-size: 1.5rem;
}
  @media only screen and (max-width: 450px) {
  .footer-wrapper{
    padding: 10px;
    flex-direction: column-reverse;
}