.header-navigation-contacts {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 15;
    margin: 0;
    background-color: var(--second-helper-color);
}

.first-header__logotip-conteiner {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 16;
}

.first-header__logotip-conteiner svg {
    height: auto;
    fill: var(--fst-text-color);
    width: 120px;
}

.first-header__conteiner-contains-phone-pochta {
    position: relative;
    z-index: 15;
    display: flex;
    width: 100%;
    padding: var(--margin-conteiner) 0;
    align-items: center;
    justify-content: center;
}

.first-header__conteiner-pochta a,
.header-navigation__telephone-and-svg a {
    color: var(--fst-text-color);
    align-items: center;
    text-align: center;
    justify-content: center;
    margin: var(--margin-conteiner);
    display: flex;
}

.first-header__conteiner-contains-phone-pochta p {
    display: flex;
    margin: 0;
}

.first-header__conteiner-pochta svg,
.header-navigation__telephone-and-svg svg {
    width: auto;
    height: var(--desctop-html-font-size);
    fill: var(--fst-text-color);
    margin-right: var(--margin-conteiner);
}

.header-navigation__social-icons {
    display: flex;
    position: absolute;
    z-index: 15;
    right: 30px;
    justify-content: center;
    align-self: center;
}


.header-navigation__social-icons svg {
    width: auto;
    height: var(--desctop-html-font-size);
    fill: var(--fst-text-color);
    margin-right: 8px;
}

.header-navigation-contacts__h1-1st-photo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    position: relative;
    z-index: 15;
    box-shadow: var(--box-shadow-conteiner);
}

.header-navigation-contacts__slider-wrap {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 15;
}

.swiper__overlake-h1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 17;
    background-color: var(--overlake-opacity-themes);
    color: var(--fst-text-color);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
    flex-direction: column;
}

h1 {
    display: flex;
    flex-direction: column;
}

.swiper__overlake-h1 span:nth-child(1),
.swiper__overlake-h1 span:nth-child(3) {
    margin: 1.5rem;
    font-size: 2rem;
    font-weight: 600;
}

.swiper__overlake-h1 span:nth-child(2) {
    font-size: var(--desctop-big-font-size);
    margin: 1.5rem;
    font-weight: 500;
}

.__slider-wrap__header-slider {
    display: flex;
    width: 100%;
    height: auto;
    min-height: 145px;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
}

.swiper-slide-navigation {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.swiper-slide-navigation img {
    width: 100%;
    height: auto;
    display: flex;
    object-fit: cover;
    max-height: 360px;
}

.swiper__overlake-h1__button,
.header-navigation__social-icons a,
.first-header__conteiner-contains-phone-pochta a,
.first-header__logotip-conteiner a,
.swiper-kittens__swiper-controls .swiper-button-prev,
.swiper-kittens__swiper-controls .swiper-button-next,
.html_button,
.footer-teleph,
.footer-pochta,
.footer-social-conteiner svg {
    transition: all 0.35s ease-in-out;
}

.swiper__overlake-h1__button:hover,
.header-navigation__social-icons a:hover,
.first-header__conteiner-contains-phone-pochta a:hover,
.first-header__logotip-conteiner a:hover,
.swiper-kittens__swiper-controls .swiper-button-prev:hover,
.swiper-kittens__swiper-controls .swiper-button-next:hover,
.html_button:hover,
.footer-teleph:hover,
.footer-pochta:hover,
.footer-social-conteiner svg:hover {
    filter: var(--dropshadow-hover-effect-2);
}

@media (max-width: 965px) {

    .swiper__overlake-h1 span:nth-child(1),
    .swiper__overlake-h1 span:nth-child(3) {
        margin: 1rem;
        font-size: var(--desctop-big-font-size);
    }

    .swiper__overlake-h1 span:nth-child(2) {
        font-size: var(--mobile-html-font-size);
        margin: 0.5rem;
    }

    .button {
        font-size: var(--mobile-html-font-size);
    }

    .swiper__overlake-h1 {
        justify-content: center;
    }

    .first-header__conteiner-contains-phone-pochta p,
    .first-header__conteiner-contains-phone-pochta svg {
        font-size: var(--mobile-html-font-size);
    }

    .first-header__logotip-conteiner svg {
        width: 90px;
    }
}

@media (max-width: 760px) {
    .swiper-slide-navigation img {
        max-height: 280px;
    }

    .header-navigation__telephone-and-svg svg,
    .header-navigation__telephone-and-svg p {
        height: var(--mobile-html-font-size);
    }

    .first-header__conteiner-pochta {
        display: none;
    }

    .header-navigation__social-icons svg {
        height: var(--mobile-html-font-size);
        margin-right: 5px;
    }
}

@media (max-width: 550px) {
    .first-header__logotip-conteiner svg {
        width: 65px;
    }

    .header-navigation__telephone-and-svg {
        padding-right: 40px;
    }

    .first-header__logotip-conteiner {
        top: 0;
        left: 0;
    }

    .header-navigation__social-icons {
        right: 10px;
    }
}