.contactDetails.vertical .title {
    font-weight: bold;
    margin-bottom: 10px;
}
.contactDetails.vertical .contactField {
    float: left;
    width: auto;
    clear: left;
}
.contactDetails.vertical .contactField img {
    float: left;
    margin-right: 5px;
    margin-top: 4px;
}
.contactDetails.vertical .contactField .contactFieldValue {
    float: left;
    font-size: 16px;
    line-height: 24px;
    color: #000;
    transition: all 0.3s ease 0s;
}
.contactDetails.vertical .socialMediaList {
    float: left;
    clear: left;
    margin-top: 26px;
}
.contactDetails.vertical .socialMediaList.style1 .socialMedia {
    margin-right: 10px;
    transition: all 0.3s ease 0s;
}
.contactDetails.vertical .socialMediaList.style2 .socialMedia {
    float: left;
    margin-right: 5px;
}
.contactDetails.vertical .socialMediaList.style2 .socialMedia svg,
.contactDetails.vertical .socialMediaList.style2 .socialMedia img {
    float: left;
    width: 26px;
    height: auto;
}
.contactDetails.vertical .socialMediaList .socialMedia svg .colored {
    transition: all 0.3s ease 0s;
}
.contactDetails.vertical .socialMediaList .socialMedia:hover svg .colored {
    fill: var(--color-one);
}