.quote-btn{display:none}
/*  Breadcrum */
.breadcrumb {background-color: #f5f5f5; padding-block: 8px; --_c-grey-600: #6c757d;}
.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 */

.invalid-tooltip{
			text-wrap: nowrap;
    max-width: unset;
    margin-right: calc(var(--bs-gutter-x) * .5);
   position: absolute;
    top: 42px;
	left:0;		
    z-index: 5;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    color: #fff;
    background-color: #e3001c;
    border-radius: .25rem;
			
		}
		.parent-validator{position:relative}

.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; margin-bottom: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; gap:10px;}
.contact .group:last-of-type label img {margin-right: 5px;}
.contact .group:last-of-type input {max-width: 112px;}
.contact .group button {padding:10px; width: 160px; height: auto;  font-family: var(--ff-primary); font-weight: 600; text-transform: uppercase; color: #fff; background-color: var( --c-secondary); border-radius: 10px;}
:where(.contact, .contact :where(.head, .head *, .contact_form, .contact_form *)) {transition: var(--transition);}
iframe {width:100%;height:450px;border:0;}
.contact .group:has(.captchaFeedback){position:relative} 
.captchaFeedback, .captchaRequired{display:none; color:red; position:absolute; bottom:-30px; left:0;}

@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: 15px; margin-bottom:15px;}
.contact label {margin-block: 5px !important;}
.contact .group:last-of-type {align-items: flex-start; margin-top: 10px;}
.contact .group:last-of-type input {max-width: 100%;}
.contact .group button {width: 100%;}
}