.captcha-m .invalid-tooltip { top: 50px; }

.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: #FDD228; color: #000; 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 (width < 475px){
		.fixed-form {right:-44px;}
		.fixed-form a {width:120px; height:32px;} 					   
}
					  
.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.ca/wp-content/uploads/2024/04/form-header-bg.webp);}
.quote .quote-form .title label {font-size: var(--fs-xl); font-weight: var(--fw-bold); color: var(--clr-primary);}
.quote form {padding: 20px;}
.quote .group img {width:auto;}									   
.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;padding-bottom:5px;}
.quote :where(.group input, .group:nth-child(4) textarea, select) {color: var(--clr-light-300); border: none; border-radius: 5px; background-color: #fff; padding: 8px 18px; width: 100%;}
.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"], .quote .group input::placeholder, .quote .group textarea::placeholder {color: var(--clr-light-300);}
.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-300);}
.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; flex-direction:column;}
.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 (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 (width < 991px) {.quote .quote-form {margin-inline: auto; max-width: 535px;}}
@media only screen and (width < 475px) {.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;}
}