.certification-search{font-family:Inknut Antiqua,serif;background-color:#f0f4f8;width:100vw;height:80vh;display:flex;align-items:center;justify-content:center;margin:0}.certification-search .search-container{width:55vw;max-width:55vw;padding:4vh 4vw;background-color:#fff;border-radius:2vw;box-shadow:0 .8vh 2vh #0000001a}.certification-search .search-container .alert{padding:1.2vh 2vw;margin-bottom:2vh;border-radius:1vw;font-weight:500;font-size:1.6vh}.certification-search .search-container .alert.success{background-color:#e0f7f1;color:#066e61}.certification-search .search-container .alert.error{background-color:#ffe6e6;color:#a10d10}.certification-search .search-container .title{font-size:2.2vw;text-align:center;margin-bottom:7vh;color:#1e293b}.certification-search .search-container .search-form{display:flex;flex-direction:column;gap:4vh}.certification-search .search-container .search-form .form-group{display:flex;flex-direction:row;position:relative}.certification-search .search-container .search-form .form-group label{display:flex;align-items:center;flex-basis:30%;font-weight:600;color:#334155;font-size:1.5vw}.certification-search .search-container .search-form .form-group input[type=text]{display:flex;flex-basis:calc(70% - 2vw);width:calc(70% - 2vw)}.certification-search .search-container .search-form .form-group input[type=text],.certification-search .search-container .search-form .form-group input[type=number]{padding:2.5vh 1vw;border:.1vh solid #cbd5e1;border-radius:1vw;font-size:1.8vh;height:2.5vh}.certification-search .search-container .search-form .form-group input[type=text]:focus,.certification-search .search-container .search-form .form-group input[type=number]:focus{border-color:#c1e691;outline:none}.certification-search .search-container .search-form .id-group{margin-bottom:2vh}.certification-search .search-container .search-form .id-group .id-wrapper{display:flex;flex-basis:70%;width:70%;margin:0 auto;align-items:center;justify-content:space-between}.certification-search .search-container .search-form .id-group .id-wrapper .static-text{display:flex;justify-content:center;align-items:center;padding:2.5vh 1.2vw;height:2.5vh;background:#f1f5f9;border:.1vh solid #cbd5e1;border-radius:1vw;font-size:1.8vh}.certification-search .search-container .search-form .id-group .id-wrapper input[type=number]{width:30%}.certification-search .search-container .search-form .submit-btn{background-color:#c1e691;color:#fff;font-weight:600;padding:1.5vh 0;font-size:1.8vh;border:none;border-radius:1vw;cursor:pointer;transition:background-color .2s ease}.certification-search .search-container .search-form .submit-btn:hover{background-color:#a3c27a}.certification-search .search-container .suggestions-list{display:none;position:absolute;right:0;background:#fff;border-radius:1vw;margin-top:6vh;width:70%;max-height:20vh;overflow-y:auto;z-index:10;list-style:none;padding:0}.certification-search .search-container .suggestions-list li{padding:1vh 1vw;cursor:pointer;font-size:1.6vh}.certification-search .search-container .suggestions-list li:hover{background-color:#f1f5f9}.certification-search .search-container .suggestions-list.visible{display:block;border:.1vh solid #cbd5e1}
