.download-popup__img {
    position: absolute;
    top: 16vw;
    left: 14vw;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 72%;
    height: 73%;
}

.colo2 {
    background: linear-gradient(186deg, #06b8ff 33%, #008ac1 66%, #06b8ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #008ac1;
    font-weight: 300;
}

.colo {
    background: linear-gradient(186deg, #00BCD4 33%, #2196F3 66%, #00BCD4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #03A9F4;
    font-weight: 700;
}

.nav-wrap .nav .nav-item a {
    color: #000000;
}

.header__address p {
    color: #000000;
}

.header__social p, .header__contacts p {
    color: #000000;
}

.header__contacts a {
    color: #000000;
}

.calc-price__info .info-person__name {
    color: #000000!important;
}

.filters__slider .filters-item {
    color: #000000;
    border: 1px;
    border-style: solid;
}

.services__item .item-bottom__anchor {
    display: none;
}

.contacts__info-social p {
    display: none;
}

@media only screen and (max-width: 768px) {
    .header__logo {
        width: 31.4375vw;
    }
}

.contacts__info-links {
    display: none;
}


.side-fixed-links__container > div, .side-fixed-links__container > a {
    background-color: #ffffff;
}

.side-fixed-links__container > div span, .side-fixed-links__container > a span {
    color: #F44336;
}

.side-fixed-links__container > div img, .side-fixed-links__container > div svg, .side-fixed-links__container > a img, .side-fixed-links__container > a svg {
    filter: invert(1);
}

@media (max-width: 480px) {
    .get-consultation__person .person-img {
        transform: translate(-120px, -15px);  /* влево и вверх */
    }
}

@media (max-width: 480px) {
    .get-consultation__person .person-info {
        top:00;
        left:00 ;
    }
}

.get-consultation__person .person-img {
    transition: all 0.7s cubic-bezier(0.34, 1.56, 0.64, 1);
    border-radius: 25px;
    box-shadow: 
        0 10px 40px rgba(0, 0, 0, 0.08),
        0 0 0 1px rgba(255, 255, 255, 0.05);
    will-change: transform;
}

/* Компьютер */
@media (min-width: 481px) {
    .get-consultation__person .person-img {
        transform: translate(0, 0) scale(1);
        border-radius: 28px;
        box-shadow: 
            0 15px 50px rgba(0, 0, 0, 0.1),
            0 0 0 2px rgba(255, 255, 255, 0.08);
    }
    
    .get-consultation__person .person-img:hover {
        transform: translate(0, -8px) scale(1.02);
        border-radius: 32px;
        box-shadow: 
            0 30px 80px rgba(0, 0, 0, 0.2),
            0 0 0 3px rgba(255, 255, 255, 0.15);
    }
}
@media (max-width: 768px) {
    .person-img {
        left: 5% !important; /* Сдвинет к правому краю родителя */
        transform: translateX(-100%); /* Чтобы не вылезала за край */
    }
}

.person-info {
    position: absolute;
    top: 20px;
    left: 30px;
    z-index: 2;
}
.person-info {
    position: absolute;
    top: 20px;
    left: 30px;
    z-index: 5;
    color: #fff;
}

/* ✦ ТОЛЬКО ДЛЯ МОБИЛЬНЫХ (до 768px) */
@media (max-width: 768px) {
    .person-info {
        top: 80px !important;   /* Опускаем вниз */
        left: 10px !important;  /* Сдвигаем влево */
    }
}

div[popupopen="service-popup"],
div[popupopen="service-popup"] span {
    color: #ff0000 !important;
}

div[popupopen="service-popup"] img {
    filter: brightness(0) saturate(100%) invert(14%) sepia(100%) saturate(7473%) hue-rotate(2deg) brightness(105%) contrast(118%) !important;
}

div[popupopen="service-popup"] {
    animation: serviceBlink 1s infinite !important;
}

@keyframes serviceBlink {
    0% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0.35;
        transform: scale(1.04);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

a[href="#quiz"][anchorlink_js],
a[href="#quiz"][anchorlink_js] span {
    color: #ff0000 !important;
}

a[href="#quiz"][anchorlink_js] img {
    filter: brightness(0) saturate(100%) invert(14%) sepia(100%) saturate(7473%) hue-rotate(2deg) brightness(105%) contrast(118%) !important;
}

a[href="#quiz"][anchorlink_js] {
    animation: quizBlink 1s infinite !important;
}

@keyframes quizBlink {
    0% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0.35;
        transform: scale(1.04);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@media (max-width: 7680px) {
    body .header[class] .header__logo img, body .header[class] .social-links img {
        filter: brightness(1) !important;
    }
}

@media only screen and (max-width: 768px) {
    .header__logo a img, .header__logo a svg {
        width: 30.5vw;
height: auto;
    }
}