.quote-form {display: flex; align-items: center; flex-wrap: wrap; gap: 20px;}
.quote-form .group {display: flex; align-items: center; gap: 10px;width:100%}
.quote-form label:not([for="artwork"]):not([for="answer"]):not([for="captcha2"]) {
  display: none;
}

.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-form .captcha-group label {flex: none;}
.quote-form .captcha-group svg {filter: brightness(50);}
.quote-form :where(input, textarea, label[for="artwork"]) {width: 100%; font-size: var(--fs-xs); background-color: #fff; color: #000; padding: 11.5px;}
.quote-form :where(input, textarea)::placeholder {color: var(--c-text);}
.quote-form label[for="artwork"] {text-align: left; color: var(--c-text); background: no-repeat 122px center/14px url('https://www.kolaxoprint.pk/wp-content/themes/KolaxoPrint/img//icons/upload.svg'); background-color: #fff;}
.quote-form input[type="file"] {display: none;}
.quote-form textarea {height: 75px; resize: none;}
.quote-form button {width: 100%; max-width: 150px; font-weight: 700; background-color: #000; padding: 12px; margin-left: auto;}
.quote-form button:hover {background-color: #fff; color: var(--c-primary);}
.quote-form, .quote-form * {transition: var(--transition);}

@media only screen and (max-width: 475px) {
.quote-form {gap: 10px;}
.quote-form .group {flex-direction: column; width: 100%;}
.quote-form :is(input, textarea, label[for="artwork"]) {padding: 9px;}
.quote-form button {max-width: 120px; padding: 10px;}
}