.container-contact-info {
    padding: 80px 0 80px;

    text-align: center;
}

.container-contact-form .container-dark:after {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

    width: 100vw;
    height: 100%;

    content: "";

    background-color: var(--brand);
}

@media only screen and (max-width: 1024px) {
    .container-contact-form .container-dark:after {
        width: 200vw;

        transform: translateX(-50%);
    }
}

.container-contact-info {
    margin-bottom: 40px;
}

.container-contact-info .shape-contact-details {
    top: 5px;
    left: 0;

    transform: translateX(-60%) scale(0.7) rotate(-55deg);
}

.container-contact-info h2 {
    margin-bottom: 20px;
}

.container-contact-info .contact-deco {
    display: block;

    margin-top: 20px;
    margin-bottom: 30px;

    text-transform: uppercase;

    color: var(--orange);

    font-size: 12px;
    font-weight: var(--font_weight--semibold);
}

.container-contact-info .contact-phone {
    display: block;

    font-weight: var(--font_weight--semibold);
}

.container-contact-info .contact-box {
    display: flex;

    margin-bottom: 20px;
}

.container-contact-info .contact-country {
    flex: 1 1 30%;

    text-align: left;
}

@media only screen and (max-width: 460px) {
    .container-contact-info .contact-country {
        margin-right: 15px;
    }
}

.container-contact-info .contact-country h3 {
    margin-bottom: 30px;

    text-transform: uppercase;

    color: var(--orange);

    font-size: var(--tech-stack-header--font-size);
    font-weight: var(--font_weight--semibold);
    line-height: 25px;
}

.container-contact-info .contact-details {
    flex: 1 1 70%;

    text-align: left;
}

.container-contact-info .contact-details p {
    margin-bottom: 10px;

    line-height: var(--line_hight--large);
}

.container-contact-info .contact-details p.e-mail,
.container-contact-info .contact-details p.phone {
    font-weight: var(--font_weight--semibold);
}

.container-contact-info .contact-details p a {
    color: var(--white);
}