.quote-btn{display:none} /* Breadcrum */ .breadcrumb {background-color:#F8F8FA; 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: #343a40;} .breadcrumb li a:hover {color: var(--c-primary);} .breadcrumb li a svg {margin-right: 3px;} .breadcrumb li .active {color: #343a40;} .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%;} }