.field-error {
  border: 2px solid red;
  padding: 6px;
  border-radius: 4px;
}

.invalid-tooltip{
			text-wrap: nowrap;
    max-width: unset;
    margin-right: calc(var(--bs-gutter-x) * .5);
   position: absolute;
    top: 42px;
	right: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;    width: 100%;}
.parent-validator:has(#captcha) {width:unset;}

/* breadcrumb */
.breadcrumb {padding-block: 15px; background: #F8F8FA;}
.breadcrumb ul {margin: 0; padding: 0;}
.breadcrumb li {list-style-type: none; display: inline;}
.breadcrumb li:not(:first-child):before {content: "/";}
.breadcrumb li a {text-decoration: none; line-height: 1.2; color: #343a40;}
.breadcrumb li a:hover {color: var(--clr-red-dk); transition: var(--transition);}

/* CONTACT US */
.contact {padding-top: 30px; --clr-text: #343a40; --clr-bg: #f0f1f4; --clr-label: #203d71; --clr-link: #007bff;}
.contact .head {text-align: center; margin-bottom: 35px;}
.contact .head :first-child {font-size: var(--fs-28); font-weight: var(--fw-700); text-transform: uppercase; margin-bottom: 10px;}
.contact .head :first-child span {color: var(--clr-red-dk);}
.contact .head p {color: var(--clr-text);}
.contact .wrapper {padding: 30px 5%; background-color: var(--clr-bg); display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px;}
.contact .title {margin-bottom: 20px;}
.contact .title :first-child {font-size: var(--fs-22); font-weight: var(--fw-700); color: var(--clr-red-dk);}
.contact label {font-size: var(--fs-16); font-weight: var(--fw-700); color: var(--clr-label); display: block; margin-bottom: 8px;}
.contact label span {color: var(--clr-red-dk);}
.contact form input:not([type="checkbox"]) {width: 100%; height: 45px; padding: 10px; margin-bottom: 10px; border: none; font-size: var(--fs-14);}
.contact form input[type='number']::-webkit-inner-spin-button {appearance: none;}
.contact form .group {display: flex; align-items: center; gap: 10px;}
.contact form textarea {width: 100%; height: 92px; padding: 10px; margin-bottom: 15px; border: none; font-size: var(--fs-14);}
.contact form input[type='checkbox'] + label {padding-left: 20px;}
.contact form input[type='checkbox'] + label a {color: var(--clr-link);}
.contact form input[type='checkbox']:has(+ label) {float: left; clear: both;}
.contact form :is(input[type='checkbox']:has(+ label), input[type='checkbox'] + label) {margin-bottom: 10px; color: #000; font-weight: var(--fw-400);}
.contact form button[type='submit'] {display: block; background-color: var(--clr-red); color: #fff; border-radius: 50px; font-size: var(--fs-18); font-weight: var(--fw-700); padding: 20px 36px; width: 150px; margin-top: 15px;}
.contact .locations ul {margin-top: 20px; max-width: 300px;}
.contact .locations li {font-size: var(--fs-16); color: var(--clr-text); margin-bottom: 5px; line-height: 1.3;}
.contact .locations li span {color: var(--clr-red-dk);}
.contact :is(.head > *, .title :first-child, label, input, button[type='submit']) {transition: var(--transition);}
.quote form button[type='submit']:hover {background-color: var(--clr-btn-hover);}

/* Map */
.maps {padding-block: 30px;}
.maps .head {text-align: center; margin-bottom: 35px;}
.maps .head :first-child {font-size: var(--fs-28); font-weight: var(--fw-700); text-transform: uppercase; margin-bottom: 10px;}
.maps .head :first-child span {color: var(--clr-red-dk);}
.maps .head p {color: var(--clr-text);}
.maps .head > * {transition: var(--transition);}

/* Media Quries */
 @media only screen and (width <= 991px) {
:root {--fs-28: 26px;}
.contact form :is(input:not([type="checkbox"]), textarea)::placeholder {font-size: var(--fs-12);}
}
@media only screen and (width <= 767px) {
.contact .wrapper {grid-template-columns: 1fr;}
}
@media only screen and (width <= 575px) {
:root {--fs-28: 24px; --fs-22: 20px; --fs-16: 15px;}
.contact form button[type='submit'] {padding-block: 15px; width: auto;}
}