.captchaFeedback {color: red; display: none; position: absolute; top: 45px;text-wrap: nowrap;}
.invalid-tooltip{text-wrap:nowrap; max-width:unset;position: absolute; top: 100%; right: 0; z-index: 5;  padding: .25rem .5rem;
margin-top: .1rem; font-size: .875rem; line-height: 1.5; color: #fff; background-color: rgba(220, 53, 69, .9); border-radius: .25rem; }
.recaptcha-wrapper {margin-bottom:14px;}
.group:has(#captcha) .invalid-tooltip{top:unset; right:unset}
.fixed-form {position: fixed; top: 0; bottom: 0; right: -45px; height: 100%; display: flex; align-items: center; z-index: 10;}
.fixed-form a {    align-items: center; scroll-behavior: smooth; justify-content: center;  display: flex;background-color: var(--clr-secondary); color: var(--clr-primary); font-size: var(--fs-400); font-weight: var(--fw-bold); border-radius: 3px; width: 130px; height: 41px; transform: rotate(-90deg);}
.fixed-form a:hover {filter: brightness(95%);}
@media only screen and (max-width: 767px) {.fixed-form {right: -32px;} .fixed-form a {width: 100px; height: 34px; font-size: var(--fs-300);}}
									  

.file-btn {display: none;}
.parent-validate{position:relative;    width: 100%;}									  
.quote .quote-form {background-color: var(--clr-secondary-lt); height: fit-content; max-width: 590px;}
.quote .quote-form .title {padding-block: 12px; text-align: center; background: no-repeat center/cover url(https://www.ybyboxes.com/wp-content/themes/ybyboxes-new/assets/images/ybyform_bg.svg);}
.quote .quote-form .title label {font-size: var(--fs-xl); font-weight: var(--fw-bold); color: var(--clr-primary);}
.quote form {padding: 16px;}
.quote .group {margin-bottom: 12px;}
.quote .group label {color: var(--clr-dark-700); font-size: var(--fs-500); font-weight: var(--fw-bold); padding-left: 12px;}
.quote .group div:first-child {display: flex; align-items: center;}
.quote :where(.group input, .group:nth-child(4) textarea, select) {border: none; border-radius: 5px; background-color: #fff; padding: 8px 18px; width: 100%;  color:#747474;}
.quote :where(.group input, .group:nth-child(4) textarea, .group select)::placeholder {color: var(--clr-light-400); font-size: var(--fs-300);}
.quote :where(.group:nth-child(2) div:nth-child(2), .group:nth-child(3) div:nth-child(2), .group:nth-child(4) div:nth-child(3)) {display: flex; align-items: center; gap: 8px;}
.quote .group input[type="file"] {color: var(--clr-light-400);}
.quote .group input[type="file"]::file-selector-button {display: none;}
.quote :where(.group:nth-child(3) div:nth-child(2), .group:nth-child(4) div:nth-child(3)) {margin-block: 10px;}
.quote .group:nth-child(4) textarea {height: 105px; resize: none;}
.quote select {color: var(--clr-light-400);}
.quote form button {font-size: var(--fs-300); display: block; text-wrap: nowrap; padding-inline: 5px;}
.quote form .captcha {text-wrap: nowrap;}
.quote form .captcha-m {display:flex; justify-content:center; align-items: center; gap: 7px;}
.quote form .captcha-m .group {margin: 0 0 0 auto;}
.quote form .captcha-m .group input{height: 46px;padding:8px;} 
.quote form .captcha-m svg {fill: #084695; vertical-align: text-bottom;}
@media only screen and (max-width: 1250px) {
.quote form .captcha-m {flex-direction:column; align-items: flex-start;} .quote form .captcha-m .group {margin: 0; width: 100%;} .quote form button{margin-inline:auto} }
@media only screen and (max-width: 991px) {
.quote .quote-form {margin-inline: auto; max-width: 535px;}}
@media only screen and (max-width: 475px) {.captchaFeedback { bottom: 100%; right:0;top:unset;} 
.quote .quote-form form {padding-inline: 20px;}
.quote :where(.group:nth-child(2) div:nth-child(2), .group:nth-child(3) div:nth-child(2), .group:nth-child(4) div:nth-child(3)) {flex-wrap: wrap;}
}