.header-container{border-bottom:1px solid var(--border-gray);position:fixed;background:#fff;transition:transform .6s ease-in-out;z-index:800}.header-input-field .mantine-TextInput-input{height:100%;border:none;background:var(--bg-primary);color:var(--text-secondary)}.header-input-field-white .mantine-TextInput-input{height:100%;border:none;background:#ffffff;color:var(--text-secondary)}.header-input-field-white .mantine-TextInput-input::placeholder{color:#5d6b82}.header-input{flex:1}.header-input .mantine-TextInput-input::placeholder{color:#5d6b82}.custom-placeholder::placeholder{color:var(--text-primary);font-weight:400;font-size:16px;line-height:24px;letter-spacing:0}.header-container .mantine-Select-input{border:none;width:200px;background:var(--bg-primary)}.header-menu-item{text-decoration:none;color:var(--text-primary);font-weight:900}.header-searchBox{width:135px;background:var(--bg-primary);color:var(--text-secondary)}.header-searchBox,.header-searchBox:focus{border:none;box-shadow:none}.searchModal{position:relative;z-index:999!important}.searchModal .mantine-Modal-header{background:red;padding:0;display:none}.searchModal .mantine-Modal-body{padding:0}.searchModal .mantine-TextInput-input{height:50px;margin:20px 0;border-radius:10px}.mantine-Drawer-body{height:calc(100vh - 55px)}.header-input-field{box-shadow:0 1px 12px 0 #767f8c42;background-color:#f9fafb}.header-search-input-box{width:100%;height:48;border-radius:10px;border:1px solid #dfe2e6;background-color:#f9fafb;color:#5d6b82;::placeholder{color:#5d6b82}}.drawer-select{width:100%;height:48;border-radius:10px;background:#f9fafb;border:1px solid #dfe2e6;color:#5d6b82;::placeholder{color:#5d6b82}}.header-explore-btn{border-radius:8px;justify-content:space-between;align-items:center;border:1px solid #d0d5dd;box-shadow:0 1px 2px 0 #1018280d;display:flex;flex-direction:row;gap:10px;background:#ffffff;color:#344054;font-weight:500;font-size:14px;line-height:20px;padding:8px 16px}@media (max-width:1024px){.header-explore-btn{padding:8px}}.header-search-popover{margin-top:-3px}.recent-search-item{padding:4px 2px;border-radius:4;width:100%;cursor:pointer}.college-suggestion-item,.recent-search-item{text-align:left;display:flex;align-items:center;gap:12px;transition:background-color .2s}.college-suggestion-item{padding:8px 12px;border-radius:4px}.college-suggestion-item:hover,.recent-search-item:hover{background:#f5f6f7}.header-search-popover{max-height:400px;overflow-y:auto}.login-modal{position:relative;z-index:999!important}.login-modal .mantine-Modal-body{padding:0}.or-login{top:50%;left:50%;transform:translate(-50%,-50%)}.login-email-input .mantine-TextInput-input{width:100%;height:48px}.login-email-input .mantine-TextInput-input::placeholder{color:#5d6b82;size:16px;font-weight:400}.login-email-input .mantine-TextInput-label{margin-bottom:5px;color:#15294b;size:14px;font-weight:500}.otp-input .mantine-PinInput-input{width:48px;height:48px;background:#f7f8f8}.otp-input{gap:0!important;justify-content:space-between;width:100%}.header-search-centered{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:365px){.otp-input .mantine-PinInput-input{width:40px;height:40px;background:#f7f8f8}.otp-input{gap:0!important;justify-content:space-between;width:100%}}