ADDRESS AND PHONE TOP BAR CONTROLA ELEMENTS

Hello, I use this code below to control the phone bar and address of my website. But I change the alignment of the text to left and it did not work. Can you help me? Something wrong with the code?

ANOTHER THING
I would also like to change the color of social media icons.

CODE
.header_color .phone-info {
font-weight: normal;
text-transform: uppercase;
font-size: 12px !important;
text-align: left !important;
letter-spacing: 0.6px;
font-weight: 400;
font-family:’Roboto’, Arial, sans-serif;
color:#fff !important;
}
#top #header_meta .phone-info {
left: 50%;
position: relative;
transform: translateX(-50%);
line-height: 2.0em;
padding-top: 5px;
}
.header_color .container_wrap_meta {
background-color: #a8a8a1 !important;
}