.logo a img{
      width: 100px;
      height: 60px;
      margin:  10px 0;
      
    }
    .logo a{
      text-decoration: none;
    
    }
    .logo a span{
      font-size: 48px;
      text-transform:uppercase;
      position: relative;
      color:rgb(42, 89, 230);
      top: 10px;
      padding: 0 20px;
      font-weight: 800;
      letter-spacing: 2px;
     
    }
.social-list{
  margin-top: 35px;
  display:flex;
  justify-content: end;
  padding: 0px;
 
}
.social-list a{
  text-decoration: none;
  padding:0px 15px;
} 
.social-list-item{
  list-style: none;

}
.social-yt{
    width: 25px;
    height: 25px;
    color:#ffff;
    transition: all .5s;
   
}

.social-yt:hover{
  transform: rotate(360deg);
  color: red;
}

.social-fb{
  width: 25px;
  height: 25px;
  color:#fff;
   transition: all .5s;
}

.social-fb:hover{
  transform: rotate(360deg);
  color:rgb(23, 159, 250);
}
.social-ig{
  width: 25px;
  height: 25px;
  color:#fff;
   transition: all .5s;
}
.social-ig:hover{
  transform: rotate(360deg);
  color:rgb(224, 59, 109);

}
.social-x{
  width: 25px;
  height: 25px;
  color:#fff;
   transition: all .5s;
}
.social-x:hover{
  transform: rotate(360deg);
  color:rgb(23, 178, 250);
}

.footer-heading{
  color: #fff;
  font-size: 20px;
  font-weight: 600  ;
  border-bottom: 1px solid #fff ;
  width: fit-content;
  /* display: inline-block;
  margin: 20px auto; */
  margin-bottom: 20px;
 

}
.footer-list{
  list-style: none;
  padding: 0;
  margin-bottom: 0;

}
.footer-list a{
  font-size: 16px;
  text-decoration: none;
  
}
.footer-list-item{
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  transition: all .5s;
  margin-bottom: 5px;
}
.footer-list-item:hover{
  color: #0dc3fa;
}
.footer-list-item p{
  font-size: 14px;
  color: #fff;
  font-weight: 400;
}
.footer-list-item1{
  font-size: 15px;
  color: #fff;
  font-weight: 400;
  margin-bottom: 5px;
}
.footer-year{
  text-transform: capitalize;
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  padding:10px 20px;
}