body{font-family:Arial,Helvetica,sans-serif;margin:0}header{align-items:center;display:flex;gap:10px;padding:15px}img{height:70px;padding-left:18px;width:70px}h1{font-size:25px;padding-left:20px}nav{display:flex;font-size:15px;gap:30px;grid-template-columns:repeat(5,auto);padding-left:120px}#headerIcon{font-size:50px;position:absolute;right:80px;top:25px}.nav-link{background:linear-gradient(currentColor 0 0) center 80% /0 3px no-repeat;color:#000;font-size:15px;text-decoration:none;transition:.5s}.nav-link:hover{background-size:100% 3px;color:#456a31}.profile-icon-container{display:inline-block;position:relative}.dropdown-menu{background:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:0 2px 5px #0003;min-width:150px;position:absolute;right:0;top:100%;z-index:1000}.dropdown-menu a{color:#000;display:block;padding:10px;text-decoration:none}.dropdown-menu a:hover{background:#f0f0f0}.homeLogo{align-items:center;color:#000;display:flex;text-decoration:none}.productDropDown{background-color:green;border-radius:5px;display:none;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:700;gap:5px;justify-content:center;padding:15px;position:absolute;right:35px;text-align:center;top:80px;width:120px}.container:hover .productDropDown{display:flex;position:absolute;z-index:10}.productDropDown a{align-items:center;color:#fff;display:flex;font-size:16px;text-decoration:none}.logOut:hover,.productDropDown a:hover{color:#ff0}@media (max-width:1240px){.homeLogo,header{flex-direction:column}img{height:15vw;margin-bottom:0;margin-right:0;width:15vw}h1,img{padding-left:0}h1{font-size:35px}nav{align-items:center;flex-direction:column;gap:3px;padding-left:0}}@media (max-width:800px){.nav-link{font-size:12px}h1{font-size:5vw;padding-left:0}}@media (max-width:768px){#headerIcon{font-size:40px;right:60px}.productDropDown{padding:10px 5px;right:25px;top:65px}.logOut,.productDropDown a{font-size:15px}}@media (max-width:480px){#headerIcon{right:35px}.productDropDown{padding:8px 0;right:15px;top:65px;width:25%}.logOut,.productDropDown a{font-size:12px}}@media (max-width:360px){#headerIcon{font-size:36px;right:10px}.productDropDown{padding:8px 0;right:5px;top:50px}.logOut,.productDropDown a{font-size:10px}}.Footer{align-items:center;background-color:#000;color:#fff;display:flex;gap:350px;justify-content:center;padding:25px}.footerCard1{align-items:flex-start;display:flex;flex-direction:column}.footerCard1 h2{font-size:25px}.footerCard1 h3{font-size:1rem}.conDetails{align-items:center;display:flex;justify-content:center}.conDetails img{margin-right:25px}.conDetails a{color:#fff;font-weight:700;text-decoration:none}.conDetails a:hover{color:#ff0}.footerCard2{align-items:center;display:flex;gap:15px;justify-content:center}.footerCard2 img{height:15vh;padding-left:0;width:15vh}.footerCard2 h2{font-size:2rem}.footerCard2 h2,.footerCard2 p{font-family:Arial;margin-bottom:0;margin-top:0;text-align:center}.footerCard2 p{font-size:1rem}.footerTitle{display:flex;flex-direction:column;gap:15px}.envelope,.location,.phone{font-size:22px;margin-right:28px}@media (max-width:1100px){.Footer{align-items:center;flex-direction:column;gap:50px;text-align:left}.footerCard1{align-items:flex-start;max-width:100%}.footerCard2{flex-direction:column}.conDetails{justify-content:flex-start}}@media (max-width:375px){.footerCard1 h3{font-size:.8rem}.footerCard2 h2{font-size:1.8rem}}.loader{align-items:center;display:flex;flex-direction:column;gap:20px;height:100vh;justify-content:center}.loader:before{background-image:url(https://www.tua.edu.ph/wp-content/uploads/2017/12/1-845x650.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:0;content:"";filter:brightness(50%) contrast(120%);left:0;opacity:.5;position:absolute;right:0;top:0;z-index:-1}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loader-logo{animation:spin 10s linear infinite;height:200px;width:200px}.loader-logo:hover{animation-play-state:paused}.loader-logo{height:180px;margin-bottom:35px;padding-left:0;width:180px}.loading-text-message{font-size:20px;font-weight:700;line-height:1.8;margin-top:40px;text-align:center}.loading-subtext{color:#fff;font-size:1.2rem;font-weight:700;letter-spacing:.01em;line-height:1.6;margin-left:auto;margin-right:auto;margin-top:16px;max-width:450px;text-align:center}