.custom-button{background:#53a7db;color:#fff;border:none;padding:.5vh 1vh .1vh .6vh;border-radius:5px;font-weight:700;cursor:pointer;font-family:Acumin Pro Condensed Medium,sans-serif;font-size:.9rem;@media (max-width:369px){font-size:.6rem;padding-left:8px;padding-bottom:2px;padding-right:8px;padding-top:4px;white-space:nowrap}@media (min-width:768px){font-size:1.4rem}}.search-title-container{text-align:left;margin-bottom:40px;color:#fff;width:80%;max-width:1302px}.search-title{font-family:Acumin Pro Medium;font-size:1.5rem;margin-bottom:2px}.search-subtitle{font-family:Acumin Pro Medium;font-size:1.2rem;opacity:.9;color:#22a0dc}.search-bar-input::placeholder{color:#000;font-family:Acumin Pro Light}.search-bar-input{padding-right:30px!important}.search-overlay{position:fixed;top:70px;left:0;width:100vw;height:calc(100vh - 70px);background-color:rgba(29,49,71,.98);z-index:1000;display:flex;flex-direction:column;align-items:center;padding-top:76px;animation:fadeInOverlay 1.2s ease-out forwards;opacity:0}@keyframes fadeInOverlay{0%{opacity:0;-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0)}30%{opacity:.5;-webkit-clip-path:inset(0 0 70% 0);clip-path:inset(0 0 70% 0)}60%{opacity:.8;-webkit-clip-path:inset(0 0 40% 0);clip-path:inset(0 0 40% 0)}to{opacity:1;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}.searchContainer{display:flex;width:80%;max-width:1302px;gap:115px;align-items:center}.inputWrapper{position:relative}.widerInputWrapper{position:relative;flex:0.5 1}.departmentInputContainer{width:110%}.departmentInputContainer,.keywordInputContainer{position:relative;display:flex;align-items:center}.keywordInputContainer{width:130%}.keywordTitle{text-align:left}.departmentOption:hover,.keywordOption:hover .keywordTitle{color:red}.verticalLine{position:absolute;top:12px;height:26px;width:2px;background-color:#53a7db}.searchInputWhite1,.searchInputWhite2{padding:10px 30px 4px 10px;border:none;border-bottom:1px solid #53a7db;width:100%;font-size:1.2rem;background:transparent;outline:none;color:#fff;position:relative}.searchInputWhite1::placeholder,.searchInputWhite2::placeholder{color:#fff;font-family:Acumin Pro Medium}.searchInputWhite1,.searchInputWhite2{caret-color:#1d97d7}.clearButton,.clearButton1{position:absolute;right:10px;background:transparent;border:none;color:#53a7db;font-size:1.2rem;cursor:pointer;padding:0;height:100%;display:flex;align-items:center}.departmentOptions{width:110%;max-height:169px;padding-top:10px;padding-bottom:10px}.departmentOptions,.keywordOptions{position:absolute;top:calc(100% + 20px);left:0;background:#fff;border-radius:12px;box-shadow:0 2px 5px rgba(0,0,0,.2);z-index:10;overflow:hidden}.keywordOptions{width:160%;max-height:300px;overflow-y:auto}.keywordOptions::-webkit-scrollbar{display:none}.keywordSubtitle{font-family:Acumin Pro Semibold Italic;font-size:12px;color:#1d97d7;margin-top:1px;display:flex;align-items:center;gap:6px}.departmentOption{padding:3px 15px;display:flex}.departmentOption,.keywordOption{color:#1d3147;cursor:pointer;font-family:Acumin Pro Medium;font-size:17px}.keywordOption{padding:8px 15px;margin:0 14px;border-bottom:1px solid #e0e0e0}.keywordOption:last-child{border-bottom:none}.closeButton{position:absolute;right:20px;top:20px;background:transparent;border:none;font-size:24px;color:#fff;cursor:pointer}.search-bar-container{position:relative;display:flex;align-items:center}.search-bar-input{border-radius:20px!important;border:1px solid #ccc!important;width:140px!important;cursor:pointer!important;padding:5px 30px 5px 10px!important}.search-bar-button{position:absolute;right:10px;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.search-bar-button:hover img{opacity:1}@media (max-width:767px){.previewConnector{display:none}.keywordTitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.custom-button{font-size:.6rem;padding:4px 8px 2px;white-space:nowrap}.search-overlay{padding-top:50px;height:calc(100vh - 65px);margin-top:-4px}.search-title-container{display:none}.searchContainer{flex-direction:column;gap:15px;width:95%}.keywordOptions{width:100%;top:calc(100% + 12px)}.inputWrapper,.widerInputWrapper{width:100%}.departmentOptions{width:78%;top:calc(100% + 12px);max-height:149px}.keywordPreviewPanel{display:none}.searchInputWhite1{width:70%}.searchInputWhite1,.searchInputWhite2{font-size:.9rem;padding:8px 25px 2px 8px}.searchInputWhite2{width:94%}.departmentOption,.keywordOption{font-size:14px;padding:8px 12px}.keywordSubtitle{font-size:11px}.verticalLine{height:14px;top:12px}.clearButton{right:30%}.clearButton,.clearButton1{position:absolute;bottom:0;height:auto;padding-bottom:8px;color:#53a7db;font-size:1.2rem}.clearButton1{right:6%}.keywordOptions{max-height:285px;overflow-y:auto}.keywordInputContainer{margin-top:155px;width:100%}.search-bar-input{width:100px!important}.keywordOptions::-webkit-scrollbar{display:none}}@media (min-width:768px) and (max-width:1023px){.custom-button{font-size:1rem}.search-title-container{display:none}.searchContainer{flex-direction:row;gap:30px;width:85%}.search-overlay{padding-top:100px}.searchInputWhite1{width:70%}.searchInputWhite2{width:140%}.departmentOptions{width:74%}.inputWrapper{width:40%}.widerInputWrapper{width:60%;overflow:visible}.keywordOptions{width:140%;max-height:300px;overflow-y:auto}.departmentOptions{max-height:140px}.keywordPreviewPanel{display:none}.keywordOptions::-webkit-scrollbar{display:none}}@media (min-width:1024px) and (max-width:1600px){.departmentInputContainer{width:105%}.keywordInputContainer{width:120%}.searchContainer{gap:80px}.departmentOptions{width:105%}.keywordOptions{width:140%}}@media (min-width:320px) and (max-width:390px){.search-bar-input{width:90px!important}}@media (min-width:320px) and (max-width:360px){.search-bar-input{width:78px!important}.form-control.search-bar-input::placeholder{color:transparent}}.keywordPreviewPanel{position:absolute;top:50%;left:100%;transform:translateY(-50%);margin-left:15px;z-index:20}.previewConnector{width:20px;height:2px;background-color:#ccc;margin-right:8px}.previewContent{padding:0;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.15);overflow:hidden;width:130px;height:130px;display:flex;align-items:center;justify-content:center}.previewImage{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}.keywordPreviewPanel{position:fixed;z-index:1001;display:flex;align-items:center;pointer-events:none}.previewConnector{width:40px;height:4px;background-color:#fff;margin-right:0}.previewContent{background:#fff;padding:12px;border-radius:24px;box-shadow:0 2px 10px rgba(0,0,0,.2);max-width:200px}.previewImage{border-radius:6px;object-fit:cover;margin-bottom:8px}.previewTitle{font-family:Acumin Pro Medium;font-size:14px;color:#333;text-align:center}