.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%;} .quote-btn{display:none} .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);} .cart {padding-block: 25px 54px;} .cart .title {border-bottom: 1px solid #0000001a; padding-top: 12px;} .cart form > .title:first-child {border: 0; text-align: center; margin-bottom: 0 26px;} .cart .title > * {font-size: calc(var(--fs-md, 24px) + 2px); font-weight: 700; color: #595959; padding-left: 10px; margin-bottom: 26px;} .cart table {width: 100%; margin-bottom: 16px; border-spacing: 0;} .cart tr {display: grid; grid-template-columns: minmax(287px, 30%) minmax(145px, 15%) minmax(192px, 20%) minmax(145px, 15%) minmax(192px, 20%); align-items: center;} .cart tr:nth-of-type(even) {grid-template-columns: repeat(3, 1fr);} .cart thead tr {gap: 0; border: 1px solid #DDDDDD; background-color: #F8F8F8;} .cart thead th {padding: 15px 30px; font-family: var(--ff-secondary); font-size: var(--fs-sm, 18px); font-weight: 600; color: #676767;} .cart thead th:first-of-type {text-align: left;} .cart thead th:not(:last-of-type) {border-right: 1px solid #DDDDDD;} .cart tr td {display:flex; align-items: center; gap: 30px;} .cart tr:nth-of-type(even) td {gap: 20px;} .cart tr td a {color: #595959;} .cart tr td a img {filter: var(--fl-secondary);} .cart tbody tr {border: 1px solid #DDDDDD; border-top: none;} .cart tbody td {padding: 18px 30px; height: 100%;} .cart :where(tbody input, .pricing input) {font-size: var(--fs-xs, 14px); font-weight: 600; color: #595959; text-align: center;} .cart tbody td:not(:last-of-type) {border-right: 1px solid #DDDDDD;} .cart tr:nth-of-type(even) td input {max-width: 215px; font-size: var(--fs-xs, 14px);} .cart tr:nth-of-type(even) td > :first-child {font-weight: 600; text-wrap: nowrap; color: var(--c-tertiary);} .cart td:nth-of-type(2) {display: flex; align-items: center; gap: 36px;} .cart td:has(> button) {position: relative;} .cart td button:disabled {position: absolute; inset: auto 10px 10px auto; line-height: 1;} .cart td img{width:unset} .cart .group {display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px;} .cart .group > div:first-of-type {display: grid; gap: 25px;} .cart form :where(input, textarea) {width: 100%; height: 44px; color: #595959; padding: 14px 9px; border: 1px solid #CECECE80; border-radius: 5px; outline: none; background-color: #F8F8F8;} .cart form input:disabled {font-size: var(--fs-xs); font-weight: 900;} .cart form input[type="number"]::-webkit-inner-spin-button {display: none;} .cart form textarea {grid-column: span 3; height: 100%; resize: none;} .cart form .captcha {display: flex; align-items: center; gap: 12px 26px;} .cart form .captcha label {flex: none;} .cart form button[type="submit"] {width: 100%; font-weight: 700; background-color: #EF233C; color: #fff; padding: 10px; border-radius: 3px; margin-top: 19px; line-height: 1.5;} .cart form button[type="submit"]:hover {background-color: #000; color: #fff;} .cart form table + p {font-size: var(--fs-xs, 14px); font-weight: 600;} .cart form table + p a {display: inline; font-size: var(--fs-xs, 14px); color: var(--c-secondary);} .cart .information {display: grid; grid-template-columns: 70% 1fr; gap: 25px;} .cart .information .pricing > div {display: flex; align-items: center; justify-content: space-between; gap: 24px;} .cart .information .pricing > div:not(:last-of-type) {margin-bottom: 20px;} .cart .information .pricing label {text-wrap: nowrap;} .cart .information .pricing input {max-width: 170px;} @media only screen and (max-width: 1200px) { .cart .title {padding: 0;} .cart thead th, .cart tbody td {padding: 15px 20px;} .cart tr td {gap: 20px;} } @media only screen and (max-width: 991px) { .cart {padding-block: 24px 40px;} .cart form .captcha {flex-wrap: wrap;} .cart table {display: block; overflow: auto; scrollbar-width: thin; scrollbar-color: var(--c-primary) #eaeaea;} .cart .information .pricing > div {flex-direction: column; align-items: flex-start; row-gap: 8px;} .cart .group {grid-template-columns: repeat(2, 1fr);} .cart .group > input:first-child {grid-column: span 2;} .cart form textarea {grid-column: span 2;} } @media only screen and (max-width: 767px) { .cart form .captcha {grid-column: span 2;} .cart form button[type="submit"] {height: fit-content;} .cart .information {grid-template-columns: 1fr; gap: 15px;} .cart .information .pricing > div {flex-direction: row;} .cart .title:first-of-type {order: 1;} .cart .title:nth-of-type(2) {order: 3;} .cart .title > * {padding: 0; margin-bottom: 15px;} .cart .group {order: 2;} .cart .pricing {order: 4;} } @media only screen and (max-width: 575px) { .cart {padding-block: 20px 30px;} .cart form {padding: 12px 12px 24px;} .cart form input:first-of-type {grid-column: span 1;} .cart form textarea, .cart form button[type="submit"] {grid-column: span 2;} } @media only screen and (max-width: 475px) { .cart .group {grid-template-columns: 1fr; gap: 15px;} .cart .group > input:first-child, .cart form textarea {grid-area: auto;} }