html,body{height:100%;margin:0}.loader-container{position:fixed;top:0;left:0;width:100%;height:100%;display:none;justify-content:center;align-items:center;background-color:rgba(0,0,0,0);z-index:999}.loader-box{width:10vh;height:10vh;background-color:rgba(0,0,0,.238);border-radius:20vh;display:flex;justify-content:center;align-items:center;box-shadow:0 0 10px rgba(0,0,0,.2)}.loader{animation:rotate 1s infinite;height:50px;width:50px}.loader:before,.loader:after{border-radius:50%;content:'';display:block;height:20px;width:20px}.loader:before{animation:ball1 1s infinite;background-color:#cb2025;box-shadow:30px 0 0 #f8b334;margin-bottom:10px}.loader:after{animation:ball2 1s infinite;background-color:#00a096;box-shadow:30px 0 0 #97bf0d}@keyframes rotate{0%{transform:rotate(0deg) scale(.8)}50%{transform:rotate(360deg) scale(1.2)}100%{transform:rotate(720deg) scale(.8)}}@keyframes ball1{0%{box-shadow:30px 0 0 #f8b334}50%{box-shadow:0 0 0 #f8b334;margin-bottom:0;transform:translate(15px,15px)}100%{box-shadow:30px 0 0 #f8b334;margin-bottom:10px}}@keyframes ball2{0%{box-shadow:30px 0 0 #97bf0d}50%{box-shadow:0 0 0 #97bf0d;margin-top:-20px;transform:translate(15px,15px)}100%{box-shadow:30px 0 0 #97bf0d;margin-top:0}}body{font-family:Arial,sans-serif;background-color:#f0f0f0}.container{max-width:90%;width:auto;margin:50px auto;padding:20px;background-color:#fff;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.1)}h1{text-align:center;color:#333}.input-group{margin-bottom:20px}.input-group input[type=text]{width:calc(100% - 30px);padding:10px;border:1px solid #ccc;border-radius:5px;outline:none}.input-group button{padding:8px;border:none;background-color:#007bff;color:#fff;border-radius:5px;cursor:pointer;outline:none;margin-left:auto;margin-top:5px}.input-group button:last-child{background-color:#dc3545}.result{background-color:#f7f7f7;padding:20px;border-radius:5px}.qualification:hover{transform:scale(1.02);box-shadow:0 6px 12px rgba(0,0,0,.15)}.qualification{position:relative;margin-bottom:10px;border-left:2px solid #007bff;background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.01;transition:transform .3s ease,box-shadow .3s ease;overflow:hidden}.qualification-content{position:relative;z-index:2;padding:20px;background-color:rgba(255,255,255,.9);margin-bottom:0;border-radius:10px;border:1px solid rgba(0,0,0,.1);box-shadow:0 4px 8px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease}.qualification:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.244);z-index:1;background-size:contain;background-position:center;background-repeat:space}.qualification-content>*{position:relative;z-index:2}.qualification-logo{max-width:100px;max-height:100px;display:block;margin-bottom:10px;margin:auto}@media only screen and (max-width:768px){.qualification{background-size:contain;background-repeat:space;background-position:center}.qualification-content{padding:15px;margin-bottom:0}.qualification-logo{max-width:80px;max-height:80px}}@media only screen and (max-width:480px){.qualification{background-size:contain;background-repeat:space;background-position:center}.qualification-content{padding:10px;margin-bottom:0}.qualification-logo{max-width:60px;max-height:60px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.qualification{animation:fadeInUp .6s ease both}.apply-button,.apply-for-you-button{text-align:left;margin-top:20px}.apply-button button,.apply-for-you-button button{padding:10px 20px;border:none;color:#fff;border-radius:30px;cursor:pointer;outline:none;transition:all .3s ease}.apply-button button{background-color:#4caf50}.apply-button button:hover{background-color:#39843d}.apply-button a{text-decoration:none;color:inherit}.apply-for-you-button button{background-color:#007bff}.apply-for-you-button button:hover{background-color:#0056b3}@media only screen and (max-width:786px){.apply-for-you-button a{display:block;margin-bottom:5px}.apply-for-you-button button{width:100%}}.coded-by-button{text-align:center;margin-top:20px}.coded-by-button button{padding:4px 10px;border:none;background-color:#007bff;color:#fff;border-radius:15px;cursor:pointer;outline:none;transition:all .3s ease}.coded-by-button button:hover{background-color:#0056b3}.popup{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:20px;border:1px solid #ccc;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.2)}.close-btn-icon{position:sticky;top:5px;left:95%;background:0 0;border:none;font-size:20px;color:#333;cursor:pointer;z-index:1002}.close-btn-icon:hover{color:#007bff}.logo-container{display:flex;justify-content:center;align-items:center;max-width:350px;max-height:75px;margin:0 auto;border-radius:10px;overflow:hidden;box-shadow:0 0 10px rgba(0,0,0,.1);background-color:#92aecc5d}.logo-container img{max-width:100%;max-height:100%;margin:5px;object-fit:contain}.coded-by-info-container{display:flex;justify-content:center;align-items:center;margin-top:20px}.coded-by-info-container .coded-by-button{margin-right:10px}.coded-by-info-container .info-button{background-color:#20c300;color:#fff;border:none;border-radius:8px;width:30px;height:30px;font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s ease;margin-left:30px;margin-top:18px}.coded-by-info-container .info-button:hover{background-color:#499a54}.info-button i{margin-top:2px}#infoPopup{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:20px;border:1px solid #ccc;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.2);max-width:70vw;width:70vw;max-height:85vh;height:85vh;overflow-y:auto;z-index:1001}@media only screen and (max-width:768px){#infoPopup{max-width:80%;width:90%;max-height:70vh;height:70vh}}.learn-more-button{text-align:center;margin:20px 0}.learn-more-button button{padding:10px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px;transition:background-color .3s ease}.learn-more-button button:hover{background-color:#45a049}.close-btn,.close-btn1{background-color:#dc3545;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:16px;transition:background-color .3s ease;width:calc(100% - 10px)}.close-btn:hover,.close-btn1:hover{background-color:#c82333}.thin-button{display:inline-block;padding:2px 8px;border:1px solid #7890aa;background-color:#627589;color:#fff;text-align:center;text-decoration:none;border-radius:10px;font-size:14px;transition:background-color .3s ease,border-color .3s ease}.thin-button:hover{background-color:#0056b3;border-color:#0056b3}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1000;display:none}@media only screen and (max-width:880px){.input-group button{padding:12px;font-size:16px}}@media only screen and (max-width:480px){.input-group button{padding:10px;font-size:15px}.info-button{width:35px;font-size:18px}}#sortByUniversity{padding:10px;margin-bottom:1rem;border-radius:8px;background-color:#f1f1f1;border:1px solid #ccc;font-size:16px;color:#333;transition:background-color .3s ease,border-color .3s ease;box-shadow:0 2px 5px rgba(0,0,0,.1);outline:none}#sortByUniversity:focus{background-color:#e2e2e2;border-color:#007bff;color:#007bff}#sortByUniversity:hover{background-color:#e9ecef;border-color:#007bff}#qualificationList .qualification{animation:fadeInUp .6s ease both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.back-to-top-btn{position:fixed;bottom:20vh;right:3vh;display:none;background-color:#007bff;color:#fff;border:none;border-radius:50%;width:50px;height:50px;font-size:20px;cursor:pointer;box-shadow:0 4px 8px rgba(0,0,0,.2);z-index:1000;transition:all .3s ease-in-out}.back-to-top-btn:hover{background-color:#0056b3}