fix contact us link and social icons

/*START - contact overlay space and mobile view -*/
div#modal-global-contact-us .contact-form {
        background-position: bottom;
        .info-zone {
            .info-zone_contact_cell {
                margin-bottom: 21px;
            }
                .type_user:nth-of-type(2) {
                    margin-bottom: 21px;
                }
                .type_user {
                        @media only screen and (max-width: 768px) {
                                margin-bottom: 25px;
                            }
                }
        }
        .info-zone_contact {
                    margin-bottom: 14px;
        }
        .section-message h2 {
            font-size: 38px;
            @media only screen and (max-width: 768px) {
                font-size: 28px;
            }
        }
    h2 {
        font-size: 38px;
        @media only screen and (max-width: 768px) {
           font-size: 28px;
        }
    }
    .info-zone_contact_link{
        &:hover{
            color: #fff!important;
        }
    }
    .section-message:after{
        background: #fff;
    }
    .socials_zone li{
        padding-right: 8px!important;
        padding-left: 8px!important;
    }
    @media only screen and (max-width: 768px){
      .socials_zone li{
        padding-right: 8px!important;
        padding-left: 8px!important;
      }
    }
     .section-message label{
        text-transform: capitalize;
    }

}
div#modal-global-contact-us{
    @media only screen and (max-width: 768px){
          .close{
        	top: 4vh!important;
          }
    }
    .contact-form .socials_zone{
        padding-left: 0;
    }
}
/*END*/
 
/*START - contact form theme and hyperlinks */
#modal-global-contact-us .contact-form .section-message label {
    color: #fff !important;

}
#modal-global-contact-us .lp-input-group {
    .lp-input {
        border-color: #fff !important;
    }
}

div#modal-global-contact-us a:not(.lp-socials__link):after {
    background-color: #fff!important;
}
/* END */