.company-name {
    font-size: 18px; 
    font-family: "Metropolis Extra Bold";
    color: #02352f;
}

.company-code {
    font-size: 14px;
    font-family: "Metropolis Regular";
    color: #02352f;
}

.company-details {
    display: block;
    font-family: "Metropolis Regular";
    font-size: 16px;
    color: #02352f;
    position: relative;
    padding-left: 27px;
}

.company-details.address::before {
    content: "";
    position: absolute;
    top: 3px;
    left: 5px;
    background-image: url(https://www.meranti.my/wp-content/uploads/2020/01/svg-locaton.svg);
    height: 20px;
    width: 15px;
    background-repeat: no-repeat;
    background-size: cover;
}

.company-details.phone::before {
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    background-image: url(https://www.meranti.my/wp-content/uploads/2020/01/svg-phone.svg);
    height: 20px;
    width: 20px;
    background-repeat: no-repeat;
    background-size: cover;
}

.company-details.fax::before {
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    background-image: url(https://www.meranti.my/wp-content/uploads/2020/01/svg-fax.svg);
    height: 20px;
    width: 20px;
    background-repeat: no-repeat;
    background-size: cover;
}

ul.footer-links {
    list-style-type: none;
    margin: 0;
}

ul.footer-links li a {
    font-family: "Metropolis Regular";
    font-size: 15px;
    color: #6f7574;
    text-decoration: none;
}