.contactIcon i {
    width: 48px;
    height: 48px;
    background-color: var(--global-palette1);
    border-radius: 30px;
    padding: 15px;
    color: var(--global-palette9);
    border: 1px solid var(--global-palette9);
    cursor: pointer;
    transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.contactIcon i:hover {
    background-color: var(--global-palette9);
    color: var(--global-palette1);
    border: 1px solid var(--global-palette1);
}
.contacts-inputs , .input-label{
    transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
}
#sendMail {
    width: 100%;
}
.error small {
    background: #cc0000;
    color: var(--global-palette9);
    text-align: center;
    font-size: 18px;
    padding: 5px;
    margin: 5px;
    border-radius: 5px;
}
.success-card {
    background-color: #18bc9c;
    color: var(--global-palette9);
    padding: 15px;
    border-radius: 10px;
    width: 100%;
    text-align: center;
    margin: 10px 0;
}
.error-card {
    background-color: #ff4907;
    color: var(--global-palette9);
    padding: 15px;
    border-radius: 10px;
    width: 100%;
    text-align: center;
    margin: 10px 0;
}
.spinner-border{
border-color: var(--global-palette1);
}