header {
    background: var(--background-private);
    .logo {
        img:first-child {
            display: none;
        }
        img:last-child {
            display: block;
        }
    }
    .nav {
        .list {
            .link {
                color: #fff;
                &:hover {
                    color: rgb(255 255 255 / 80%);
                }
            }
        }
    }
    .actions {
        .action {
            &:hover {
                .popup {
                    .text:hover {
                        color: rgb(255 255 255 / 80%);
                    }
                }
                .icon {
                    svg {
                        path {
                            fill: rgb(255 255 255 / 80%) !important;
                        }
                    }
                }
                > .text {
                    color: rgb(255 255 255 / 80%);
                }
            }
            .icon {
                svg {
                    path {
                        fill: #fff;
                    }
                }
            }
            .text {
                color: #fff;
            }
            .popup {
                background: var(--background-private);
            }
        }
    }
}

p, span {
    a {
        color: var(--primary-private);
        transition: all .5s;
        &:hover {
            color: var(--primary-private);
            opacity: .8;
        }
    }
}

.hero {
    .bg {
        height: 350px;
        img {
            height: 100%;
            width: 100%;
            object-fit: cover;
            object-position: center;
        }
    }
    .info {
        width: 800px;
        margin: 0 auto;
        transform: translateY(-50%);
        background: #fff;
        border-radius: var(--border-radius);
        box-shadow: var(--box-shadow-light);
        padding: 38px 48px;
        @media (max-width: 700px) {
            width: calc(100% - 50px);
        }
        h1 {
            font-size: 24px;
            margin-bottom: 10px;
            font-family: "VTB Group Demi Bold", sans-serif;
        }
        p {
            font-size: 18px;
        }
    }
}

.contact {
    width: 1024px;
    margin: 0 auto 60px auto;
    @media (max-width: 700px) {
        width: 100%;
        padding-inline: 25px;
        margin-top: -75px;
    }
    h2 {
        margin-bottom: 60px;
        font-family: "VTB Group Demi Bold", sans-serif;
        font-size: 32px;
        color: var(--secondary-text);
        @media (max-width: 700px) {
            font-size: 24px;
            margin-bottom: 25px;
        }
    }
    .columns {
        display: flex;
        gap: 100px;
        @media (max-width: 700px) {
            flex-direction: column;
            gap: 10px;
        }
        .column {
            background: #fff;
            border-radius: var(--border-radius);
            box-shadow: var(--box-shadow-light);
            padding: 30px;
            &:first-child {
                flex: 1;
            }
            &:last-child {
                flex-shrink: 0;
            }
            h3 {
                font-size: 22px;
                margin-bottom: 25px;
                font-family: "VTB Group Demi Bold", sans-serif;
                @media (max-width: 700px) {
                    font-size: 18px;
                    margin-bottom: 15px;
                }
            }
            p {
                font-size: 22px;
                @media (max-width: 700px) {
                    font-size: 16px;
                }
            }
        }
    }
}

footer {
    background: var(--background-private);
    .top {
        .inner_container {
            .column {
                .buttons {
                    .button {
                        background: var(--primary-private);
                        color: #fff;
                    }
                }
            }
        }
    }
}