.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%;} .th_quote {padding-block: 40px; overflow-x: hidden;} .th_quote form {position: relative; max-width: 570px; margin-inline: auto; background-color: var(--clr-white); border-radius: 0 70px 0 90px; box-shadow: var(--shadow-form);} .th_quote form::before {position: absolute; top: -35px; bottom: 0; left: -510px; margin: auto; height: 30%; transform: rotate(-90deg); font-size: 180px; font-weight: var(--fw-700); color: #F4F9FF; content: 'Custom'; transition: var(--transition);} .th_quote form::after {position: absolute; top: -35px; bottom: 0; right: -440px; margin: auto; height: 30%; transform: rotate(-90deg); font-size: 180px; font-weight: var(--fw-700); color: #F4F9FF; content: 'Quote'; transition: var(--transition);} .th_quote .th_title {background-color: var(--clr-red); text-align: center; padding: 15px 10px; border-top-right-radius: 90px;} .th_quote .th_title h2 {color: #fff; margin-bottom: 0;} .th_quote .th_body {padding: 20px;} .th_quote .th_group {margin-bottom: 20px; transition: var(--transition);} .th_quote .th_group div {display: flex; align-items: center; gap: 30px;} .th_quote form input, .th_quote .th_group select, .th_quote .th_group textarea {width: 100%; height: 40px; padding: 5px 10px; background-color: #fff!important; border: none; appearance: none; font-family: var(--ff-source-sans); font-size: var(--fs-16); transition: var(--transition);} .th_quote form input[type="number"]::-webkit-inner-spin-button {appearance: none;} .th_quote .th_group input[type="file"] {height: auto; background: none; padding: 8px 10px;} .th_quote .th_group input[type="file"]::file-selector-button {padding: 6px; margin-right: 6px; font-size: var(--fs-14); transition: var(--transition);} .th_quote .th_group select {background: no-repeat 97%/10px url(https://www.emenacpackaging.co.uk/wp-content/themes/Epukup/assets/images//icons/caret-down-fill.svg); background-color: #fff; color: #757575;} .th_quote .th_group textarea {height: 100px;} .th_quote form input:focus {border: 1px solid var(--clr-red);} .th_quote .th_group input[type="file"] {color: #757575;} .th_quote .th_group input[type="file"]:focus {border: none;} .th_quote .th_group select:focus {border: none;} .th_quote .th_group div > * {flex: 1;} .th_quote .th_group label {font-size: var(--fs-18); font-weight: var(--fw-700); display: block; padding-left: 30px; margin-bottom: 10px; transition: var(--transition);} .th_quote .th_group .artwork {display: none;} .th_quote .th_submit {display: flex; position:relative; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-bottom: 20px; transition: var(--transition);} .th_quote .th_submit button {width: 175px; font-weight: var(--fw-400); font-size: var(--fs-16);} .th_quote .th_captcha {flex: 1; display: flex; align-items: center; justify-content: space-between; margin-right: 30px; padding-left: 15px; transition: var(--transition);} .th_quote .th_captcha label {font-size: var(--fs-18); font-weight: var(--fw-700); padding-left: 30px; text-wrap: nowrap; transition: var(--transition);} .th_quote .th_captcha label span {font-size: var(--fs-16); font-weight: var(--fw-400); transition: var(--transition);} .th_quote .th_captcha input {width: 110px;} .th_quote label[for="product-name"] {background: no-repeat left/19px url('https://www.emenacpackaging.co.uk/wp-content/themes/Epukup/assets/images//icons/product-information.svg');} .th_quote label[for="size"] {background: no-repeat left/19px url('https://www.emenacpackaging.co.uk/wp-content/themes/Epukup/assets/images//icons/select-sizes.svg');} .th_quote label[for="stock"] {background: no-repeat left/19px url('https://www.emenacpackaging.co.uk/wp-content/themes/Epukup/assets/images//icons/material.svg');} .th_quote label[for="upload"] {background: no-repeat left/19px url('https://www.emenacpackaging.co.uk/wp-content/themes/Epukup/assets/images//icons/artwork.svg');} .th_quote label[for="personal-info"] {background: no-repeat left/19px url('https://www.emenacpackaging.co.uk/wp-content/themes/Epukup/assets/images//icons/personal-information.svg');} .th_quote label[for="additional-information"] {background: no-repeat left/19px url('https://www.emenacpackaging.co.uk/wp-content/themes/Epukup/assets/images//icons/additional-information.svg');} .th_quote label[for="captcha"] {background: no-repeat left/19px url('https://www.emenacpackaging.co.uk/wp-content/themes/Epukup/assets/images//icons/captcha.svg');} @media only screen and (max-width: 1200px) { .th_quote form::before {left: -410px; height: 20%; font-size: 160px;} .th_quote form::after {right: -290px; height: 20%; font-size: 160px;} } @media only screen and (max-width: 991px){ .th_quote .th_title h2 {font-size: var(--fs-28);} .th_quote form::before, .th_quote form::after {display: none;} } @media only screen and (max-width: 575px) { .th_quote .th_title h2 {font-size: var(--fs-24);} .th_quote .th_group {margin-bottom: 0;} .th_quote .th_group div {display: block;} .th_quote .th_group label, .th_quote .th_captcha label {font-size: var(--fs-16);} .th_quote .th_captcha label span {font-size: var(--fs-14);} .th_quote form input, .th_quote .th_group select, .th_quote .th_group textarea {font-size: var(--fs-14); margin-bottom: 15px;} .th_quote .th_group input[type="file"]::file-selector-button {font-size: var(--fs-12);} .th_quote .th_captcha {margin-right: 10px;} .th_quote .th_captcha input {margin-bottom: 0;} .th_quote .th_submit button {width: auto; margin-inline: auto; margin-top:12px; font-size: var(--fs-24); } #captchaFeedback { top: 66px !important; } } @media only screen and (max-width: 475px) { .th_submit .group{width:100%} .th_quote .th_title h2 {font-size: var(--fs-20);} }