.top-image::after {
    background-image: url(../images/backgrounds/placeholder.png);
}

.address {
    color: var(--additional-text) !important;
}

.vertical-list-columns {
    margin-top: 3rem;
}

.vertical-list-element {
    flex-direction: column;
    gap: 0;
}

.vertical-list-element p {
    margin-bottom: 0;
}

.vertical-list-element a {
    font-size: 0.9rem;
}

.vertical-list-element h3 {
    font-family: "Mariupol-Bold", sans-serif;
    font-size: 1.1rem;
}

.manager, .social-buttons, .vertical-list-element h3  {
    margin-bottom: 0.9rem;
}

.contacts-block {
    margin:  0.9rem 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.number, .mail, .vertical-list-element h3 {
    color: var(--logo-blue) !important;
}

.social-buttons a {
    background-color: var(--logo-blue);
}

.region {
    font-family: "Mariupol-Bold", sans-serif;
    color: var(--secondary-text);
    font-size: 1.3rem;
    margin: 0;
    padding: 1rem 20px;
    width: 100vw;
    max-width: 1080px;
}

input {
    border-radius: 0.7rem;
    border: 2px solid var(--secondary-text);
    padding: 0.5rem;
}

input::placeholder, textarea::placeholder {
    color: var(--additional-text);
    opacity: 0.7;
}

textarea {
    margin: 20px 0;
    border-radius: 0.7rem;
    border: 2px solid var(--secondary-text);
    min-height: 200px;
    padding: 0.5rem;
}

.input-button {
    background-color: var(--secondary-text);
    font-family: "Mariupol-Bold", sans-serif;
    border: none;
    border-radius: 2rem;
    padding: 0.5rem 1rem;
    width: max-content;
    min-width: max-content;
    font-size: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--button-text);
}

.page-header {
    font-size: 4.2rem;
}

@media (max-width: 991px) {
    .page-header {
        font-size: 4rem;
    }
}