@media (min-width : 190px) and (max-width : 480px) { 
    .card-title{
        text-align: center;
     }
     .social-box{
        align-items: center;
        justify-content: center;
     }
     .social-container{
        justify-content: center; /* Center horizontally */
        align-items: center;
     }
    }

  .social-container {
    display: flex;
    justify-content: left; /* Center horizontally */
    align-items: left; /* Center vertically */
    gap: 20px; /* Space between icons */
    padding: 5px;
    width: 100%;
}

.social-box {
    display: flex;
    align-items: right;
    justify-content: right;
    width: 45px; /* Box size */
    height: 45px;
     
}

.social-box img {
    width: 40px; /* Icon size */
    height: 40px;
}