/* BREADCRUMB */
.breadcrumb {background-color: #f5f5f5; padding-block: 8px; --_c-grey-600: #626568;}
.breadcrumb li {display: inline-flex; align-items: center;}
.breadcrumb li:not(:last-child)::after {margin-inline: 8px; content: '/';}
.breadcrumb li a {color: var(--c-tertiary);}
.breadcrumb li a:hover {color: var(--c-primary);}
.breadcrumb li a svg {margin-right: 3px;}
.breadcrumb li .active {color: var(--_c-grey-600);}
.breadcrumb * {transition: var(--transition);}

/* Contact */
.contact {padding-block: 50px; --_fs-xxl: calc(var(--fs-xl, 36px) + 14px); --_c-light-100: #f8f8f8; --_c-light-400: #ccc; --_c-dark-700: #616161;}
.contact .contact_form {display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px;}
.contact .head > :first-child {position: relative; padding-bottom: 15px; font-size: var(--_fs-xxl); margin-bottom: 20px;}
.contact .head > :first-child::before {width: 80px; height: 6px; position: absolute; left: 0; bottom: 0; background-color: var( --c-secondary); border-radius: 10px; content: '';}
.contact .head p:not(:last-child) {margin-bottom: 15px;} 
.contact form {padding-left: 15px;}
.contact .group {display: flex; align-items: center; gap: 30px;}
.contact .group > div {width: 100%;}
.contact label {display: block; width: fit-content; font-size: calc(var(--fs-base, 16px) - 1px); color: var(--_c-dark-700); margin-bottom: 8px;}
.contact label:not(.group label) {margin-top: 15px;}
.contact :where(input, textarea) {width: 100%; font-size: calc(var(--fs-base, 16px) - 1px); padding: 10px; background-color: var(--_c-light-100); border: 1px solid var(--_c-light-400);}
.contact textarea {height: 100px; resize: none;}
.contact .group:last-of-type {display: flex; align-items: center; justify-content: space-between; margin-top: 15px;}
.contact .group:last-of-type label {display: flex; align-items: center; text-wrap: nowrap; margin: 0;}
.contact .group:last-of-type label * {margin-inline: 6px;}
.contact .group:last-of-type label img {margin-right: 5px;}
.contact .group:last-of-type input {max-width: 112px;}
.contact .group button {width: 160px; height: 45px;  font-family: var(--ff-primary); font-weight: 600; text-transform: uppercase; color: #fff; background-color: var( --c-secondary); border-radius: 10px;}

/* MAP */
.map iframe {width: 100%;}

/* Media Queries */
@media only screen and (max-width: 991px) {
    .contact form {padding-left: 0;}
    .contact .contact_form {grid-template-columns: 1fr; gap: 20px;}
}

@media only screen and (max-width: 767px) {
    .contact {padding-block: 25px;}
}

@media only screen and (max-width: 475px) {
    .contact .head > :first-child {font-size: 32px; padding-bottom: 10px; margin-bottom: 10px;}
    .contact .head p:not(:last-child) {margin-bottom: 10px;}
    .contact .group {flex-direction: column; gap: 0;}
    .contact label {margin-block: 5px !important;}
    .contact .group:last-of-type {align-items: flex-start; gap: 6px; margin-top: 10px;}
    .contact .group:last-of-type input {max-width: 100%;}
    .contact .group button {width: 100%;}
}