.page-contact .contact-wrap {
    display: flex;
    flex-wrap: wrap;
    max-width: 1140px;
    margin: 0 auto;
    gap: 2rem;
}

/* Nav */
.page-contact .contact-wrap .nav {
    flex-basis: 100%;
}
.page-contact .contact-wrap .nav .nav-item {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 50px;
    margin-bottom: 50px;
}
.page-contact .contact-wrap .nav .nav-item::before {
    position: absolute;
    left: 0;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #a6a6a6;
    border-radius: 50%;
    line-height: 1;
}
.page-contact .contact-wrap .nav .nav-item--phone::before {
    content: url("../images/icones/icon_phone.png");
}
.page-contact .contact-wrap .nav .nav-item--email::before {
    content: url("../images/icones/icon_email.png");
}
.page-contact .contact-wrap .nav .nav-item--location::before {
    content: url("../images/icones/icon_location.png");
}
.page-contact .contact-wrap .nav .nav-item--location {
    max-width: 350px;
    margin-bottom: 20px;
}
.page-contact .contact-wrap .nav .nav-item p {
    margin-bottom: 0.75rem;
}
.page-contact .contact-wrap .nav .nav-item a {
    color: #131313;
}
.page-contact .contact-wrap .nav .nav-item a:hover {
    color: #012d5c;
}

.page-contact .contact-wrap form { flex-basis: 100%; }
.page-contact .contact-wrap form .form-label { font-weight: 600; margin-bottom: 0; }
.page-contact .contact-wrap form .form-select,
.page-contact .contact-wrap form .form-control { height: 50px; box-shadow: none; }
.page-contact .contact-wrap form .form-select:focus,
.page-contact .contact-wrap form .form-control:focus { border-color: #da6132; }

.page-contact .contact-wrap form textarea.form-control { height: auto; }

.page-contact .contact-wrap form .btn-skew { max-width: 190px; }

@media(min-width: 360px) {
    .page-contact .contact-wrap .nav .nav-item { padding-left: 90px; }
    .page-contact .contact-wrap .nav .nav-item::before { width: 60px; height: 60px; }
}

@media(min-width: 992px) {
    .page-contact .contact-wrap .nav { flex-basis: calc(50% - 1rem); }
    .page-contact .contact-wrap form { flex-basis: calc(50% - 1rem); }
}