.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}

.quote-btn {display:none}
.cart-form {width: 100%; max-width: 36.5rem;}
.cart-form .title {background-color: #F1F1F1; text-align: center; padding: 1.25rem 0.75rem;}
.cart-form .title * {font-family: var(--ff-secondary); font-size: calc(var(--fs-md, 24px) + 2px); font-weight: 700; color: #676767;}
.cart-form form {background-color: #F8F8F8; padding: 22px 24px;}
.cart-form form > label:first-of-type {margin-top: 0;}
.cart-form form label {width: fit-content; display: block; font-weight: 600; color: #747474; margin-block: 1.25rem 0.625rem;}
.cart-form form :where(input, select) {width: 100%; height: 43px; font-size: var(--fs-xs, 14px); background-color: #FCFBFB; color: #646464; padding: 0.782rem 1rem; border: 1px solid #CECECE80; border-radius: 5px; outline: none;}
.cart-form form input::placeholder {font-weight: normal; color: #646464;}
.cart-form form input#productName {font-weight: 600;}
.cart-form form input:where(#price, #artwork2) {display: none;}
.cart-form form input[type="number"]::-webkit-inner-spin-button {appearance: none;}
.cart-form form select {font-weight: normal; appearance: none;}
.cart-form form .group {display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.625rem;}
.cart-form form button[type="submit"] {width: 100%; display: flex; align-items: center; justify-content: center; gap: 0.75rem; font-family: var(--ff-secondary); font-size: var(--fs-base, 16px); font-weight: 700; background-color: #F1F1F1; color: #676767; padding: 0.66rem; border: none; border-radius: 2px;}
.cart-form form button img{width:unset}

.row .right-details .info-form label {color: #747474; padding: 0 6px 10px;}
.cart-form form > input,
.cart-form form .group {margin-bottom: 22px;}
.row .right-details .info-form .pricing {width: 100%; display: flex; align-items: center; gap: 6px; background-color: #CECECE4D; color: #646464; padding: 0.844rem 1rem; border-radius: 5px; margin-block: 0 22px;}
.row .right-details .info-form .pricing > :nth-child(2) {font-size: var(--fs-xs, 14px); font-weight: 400;}
.row .right-details .cart-form form .artwork {width: 100%; display: flex; align-items: center; gap: 0.625rem 0.5rem; padding: 0; margin-bottom: 1.875rem;}
.row .right-details .cart-form form .artwork * {font-weight: 600; color: #747474;}
.row .right-details .cart-form form .artwork > :first-child {flex: none; width: 8.25rem; font-size: var(--fs-xs, 14px); text-align: center; color: #404040; padding: 0.825rem 0.375rem; border: 1px solid #697277; border-radius: 5px;}
.row .right-details .cart-form form .artwork > :nth-child(2) {font-size: var(--fs-12, 12px); font-weight: 600; line-height: 1.5;}

@media only screen and (max-width: 991px) {
.main .wrapper > div:has(> #quote-form),
.cart-form {width: 100%; max-width: 100%;}
}

@media only screen and (max-width: 575px) {
.cart-form form .artwork > :first-child {flex: none; padding: 0.5rem 0.25rem;}
}

@media only screen and (max-width: 360px) {
.cart-form .title {padding: 0.75rem 0.625rem;}
.cart-form form {padding: 1rem 0.75rem;}
.cart-form form label {margin-block: 0.625rem;}
.cart-form form .group {grid-template-columns: 1fr;}
.cart-form form .artwork {flex-wrap: wrap;}
.cart-form form .artwork > :first-child {width: 100%;}
}