.socialIcon{
    position: absolute;
   top: 45px;
   left: 280px;
   z-index: 999999999;
   display: flex;
   gap: 2rem;
   background:rgb(100, 169, 248);
   padding: 7px;
   border-radius: 15px;
   display: none;

}
.socialIcon .fa-brands{
   font-size: 40px;
   color: white;
   cursor: pointer;
   margin-right: 5px;
}
.socialIcon .fa-brands:hover{
    color: blue;
}
.iconactive{
    display: block;
}
@media (max-width: 991px){
    .socialIcon{
        display: grid;
        display: none;
    }
    .iconactive{
        display: block;
        display: flex;
        left: 65px;
    }

}