:root{--form-primary-clr:#323c49;}.custom-form{padding:20px;border:3px solid #ffd731;border-radius:5px;box-shadow:#ffd731 0px 4px 12px;margin-bottom:50px;}.web-mt-10{margin-top:10px;}.p-lr-10{padding:0px 10px;}.cursor-pointer{cursor:pointer;}.flex-1{flex:1;}.web-flex{display:flex;}.web-m-0{margin:0;}.form-title-wrap{display:block;font-family:inherit;font-size:14px;font-weight:700;color:var(--form-primary-clr);}.error-message{color:red;font-size:13px;font-weight:500;}.field-with-error-message{width:100%;display:flex;flex-direction:column;}.field-wrap{display:block;width:100%;padding:5px 14px;font-size:15px !important;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:2px solid #ddd !important;border-radius:20px !important;}.field-wrap.nitro-lazy{background-image:none !important;}.field-wrap:focus{border-color:#aaa;box-shadow:none;}.size-row{display:flex;align-items:center;column-gap:10px;}.button-cont-wrap{text-align:center;text-align:center;width:100%;margin:20px 10px;}.button-wrap{min-width:160px;background:#ffd731;padding:18px 30px;color:#000;border:none;border-radius:4px;cursor:pointer;text-decoration:none;transition:.3s ease-in-out;box-shadow:rgba(99,99,99,.2) 0px 2px 8px 0px;}.button-wrap span{font-size:16px;}.button-wrap:hover{opacity:.7;}.products-container{display:flex;display:none;flex-wrap:wrap;margin:auto;padding:30px 20px;width:100%;max-width:820px;position:fixed;top:100px;left:50%;transform:translateX(-50%);background:#fff;border-radius:7px;max-height:calc(100vh - 140px);overflow:auto;z-index:2;box-shadow:rgba(0,0,0,.35) 0px 5px 15px;gap:10px 10px;}.products-container.active{display:flex;}h3.product_name.form-title-wrap.web-mt-10.f-500.p-lr-10.cursor-pointer{text-align:center;}.products-container::-webkit-scrollbar{width:10px;}.products-container::-webkit-scrollbar-track{background:#f1f1f1;}.products-container::-webkit-scrollbar-thumb{background:#888;}.product-name img{width:100%;height:110px;object-fit:cover;padding:0px 10px;cursor:pointer;}.form-title-wrap.f-500{font-weight:500;}.products-container .product-name{width:15%;border:1px solid #e5e5e5;height:100%;box-shadow:rgba(149,157,165,.2) 0px 8px 24px;min-height:190px;}.overlay-container{position:fixed;top:0px;left:0px;width:100%;height:100%;background:rgba(195,195,195,.47);display:none;}.overlay-container.active{display:block;}.cancel-wrap{position:absolute;top:15px;right:15px;cursor:pointer;width:30px;}.form-failed-message{color:red;border:2px solid red;display:block;padding:11px 14px;border-radius:7px;}.form-success-message{color:#06ac06;border:2px solid #01d301;display:block;padding:11px 14px;border-radius:7px;}.form-success-message,.form-failed-message{display:none;}.form-success-message.active,.form-failed-message.active{display:block;width:100%;}.resize-none{resize:none;}#quantity,.minus-btn,.plus-btn{padding:5px 10px;background:#fff;border:1px solid #e5e5e5;}.minus-btn,.plus-btn{cursor:pointer;}#quantity{max-width:50px;text-align:center;}.paper_stock,.feture-options > div,.color,.rever_color,.coating,.cad_sample,.turn_time{border:1px solid #ccc;display:inline-block;padding:7px 11px;font-weight:500;font-size:12px;margin:4px;border-radius:5px;cursor:pointer;position:relative;}.paper_stock:hover,.paper_stock.active,.feture-options > div:hover,.feture-options > div.active,.color:hover,.color.active,.rever_color:hover,.rever_color.active,.coating:hover,.coating.active,.cad_sample:hover,.cad_sample.active,.turn_time:hover,.turn_time.active{color:#363636;background-color:#f3f3f3;border-color:#f26522;}.stock-onhover-show,.feature-onhover-show,.clr-onhover-show,.rev-clr-onhover-show,.coating-onhover-show,.cad_sample-onhover-show,.turn-time_sample-onhover-show{visibility:hidden;position:absolute;top:90%;left:0;padding:10px;border:1px solid #e5e5e5;font-size:12px;min-width:150px;}.paper_stock:hover .stock-onhover-show,.feture-options > div:hover .feature-onhover-show,.color:hover .clr-onhover-show,.rever_color:hover .rev-clr-onhover-show,.coating:hover .coating-onhover-show,.cad_sample:hover .cad_sample-onhover-show,.turn_time:hover .turn-time_sample-onhover-show{visibility:visible;left:0;background:#fff;top:100%;z-index:2;transition:.3s ease-in-out;}@media screen and (max-width: 768px){.products-container .product-name{width:23%;}.products-container{max-width:560px;}}@media screen and (max-width: 560px){.products-container .product-name{width:48%;}.products-container{max-width:305px;top:65px;}.size-row{flex-direction:column;}}