/* BREADCRUMB  */
.breadcrumb {margin-top: 1.25rem; margin-bottom: 1rem;}
.breadcrumb li {display: inline-flex; align-items: center;}
.breadcrumb li:first-child::after {margin-inline: 0.5rem; content: '/'; color: var(--c-lite-text);}
.breadcrumb li a {color: var(--c-lite-text); font-size: var(--fs-2xs);}
.breadcrumb li a:hover {color: var(--c-primary);}
.breadcrumb li .active {color: var(--c-lite-text); font-size: var(--fs-2xs);}

/* CONTACT FORM */
.contact {padding-bottom: 2.5rem;}
.contact .wrapper {display: grid; grid-template-columns: minmax(488px, 762px) minmax(232px, 369px); gap: 1.5rem;}
.contact form {display: flex; flex-wrap: wrap; gap: 0.63rem; border: none; padding-block: 1.25rem 1.875rem; }
.contact form > * {width: 100%;}
.contact form label {font-size: var(--fs-base); font-weight: 800;}
.contact form input {border-radius: 5px; margin-bottom: 0.63rem;}
.contact form textarea {border-radius: 5px; height: 137px; padding-top: 1rem;}
.contact form >:nth-child(4) {display: none;}
.contact form  >:nth-child(-n+5) {width: calc(50% - 6px);}
.contact .captcha {display: flex; flex-wrap: wrap; align-items: center; gap: 0.625rem;}
.contact .captcha > :first-child {text-wrap: nowrap; font-size: var(--fs-base);color: #000; font-weight: 800;}
.contact .captcha input {width: 100%; margin-bottom: 0.625rem;}
.contact .btn__primary {max-width: 190px; height: 2.75rem; padding-inline: 2rem;}
.contact .query {height: fit-content; border-radius: 0.63rem; padding: 3.125rem 2.375rem; box-shadow: var(--shdw-lght);}
.contact .head {text-align: center; margin-bottom: 1.87rem;}
.contact .head > :first-child {font-size: var(--fs-base); color: var(--c-lite-text); font-weight: 800; font-family: var(--ff-secondary); margin-bottom: 1rem;}
.contact ul {padding-left: 0;}
.contact li {display: flex; justify-content: flex-start; align-items: flex-start; font-size: 12px; gap: 1.25rem;}
.contact li:not(:last-of-type) {margin-bottom: 1.87rem;}
.contact li a {display: flex; justify-content: flex-start; align-items: flex-start; font-size: 12px; gap: 1.25rem;}
.contact li div :first-child {display: block; font-size: calc(var(--fs-base) + 2px); font-weight: 800; color: #000;}
.contact li img {margin-top: 0.3rem;}
.map {padding-block: 3.125rem 1.875rem;}
.map iframe {width: 100%;}

/* MEDIA QUERIES */
@media only screen and (max-width: 991px) {
    /* CONTACT FORM */
    .contact .query {padding: 1.87rem 1.25rem}
    .contact .wrapper {grid-template-columns: 1fr; gap: 0.5rem;} 
    .contact {padding-bottom: 1rem;}
    .contact .query {padding: 1.87rem;}
}
@media only screen and (max-width: 767px) {
    /* CONTACT FORM */
    .contact li img {width: 1.8rem;}
    /* MAP */
    .map {padding-block: 1.5rem;}
    .map iframe {max-height: 390px;}
}
@media only screen and (max-width: 575px) {
    /* CONTACT FORM */
    .contact form {padding-block: .5rem;}
    .contact .head {margin-bottom: 1rem;}
    .contact li {margin-bottom: 1rem;}
    .contact li img {width: 1.5rem;}
    .contact .query {padding: 1rem;}
    .contact form :nth-child(-n+5) {width: 100%;}
    .contact form > :nth-child(4) {display: block;}
    .contact form > :nth-child(2) {display: none;}
    .contact .captcha {flex-wrap: wrap;}
    /* MAP */
    .map iframe {max-height: 340px;}
}
.custom-tooltip {position: absolute;background: #bb2135;color: #fff;border: 1px solid #bb2135;padding: 6px 10px;font-size: 12px;border-radius: 4px;box-shadow: 0 2px 4px rgba(0,0,0,0.2);z-index: 9999;white-space: nowrap;}
input.error {border-color: red;}