.contacts-phone-main{
    font-size:1.2rem;
}
.contacts-phone-extra{
    font-size:1rem;
}
.contacts-phone-main a, .contacts-phone-extra a{
    text-decoration: none;
    font-weight: bold;
}
.contacts-address{
    font-size:1rem;
}
.contacts-logo{
    width:250px;
}
svg[icon].contacts-icon{
    width:2rem;
    height:2rem;
    margin-right:0.5rem;
}
svg[icon].contacts-icon path{
    fill:var(--color-9);
}

.contacts-h1{
    font-weight:bold;
    font-size:3.5rem;
    margin-bottom: 2rem;
    text-align: center;
}

.contacts-field{
    padding:2rem 2rem;
}

.feedback-form{
    padding:4.2rem 1.2rem;
    text-align:center;
    margin-bottom:2rem;
}
.feedback-form h2{
    font-weight: bold;
}

.form-input.error, .form-input.error input{
	border-color:var(--bs-danger);
	color:var(--bs-danger);
}
.form-input.error .input-error{
	display: block;
}
.form-input .input-error{
    position:absolute;
    display:none;
    left:0px;
    top:55px;
    padding:5px;
    border-radius:5px;
    background: var(--bs-danger);
    color:#ffffff;
    z-index:3;
}
.form-input .input-error:after{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7px 6px 7px;
    border-color: transparent transparent var(--bs-danger) transparent;
    left:15px;
    top:-6px;
    content:'';
    position:absolute;
}

.form-box{
    position:relative;
}
.form-box.success .form-content{
    opacity:0;
}

.form-box .form-success{
    display:none;
}


.form-box.success .form-success{
    display:block;
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    width:100%;
}

@media (max-width: 520.98px) {
    .feedback-form {
        padding: 2rem 1rem;
        text-align: center;
        margin-bottom: 2rem;
    }
}