html,body{margin:0;background-color:#ffffff;padding-top:56px}*{padding:0;margin:0;text-decoration:none;box-sizing:border-box}.error-message{color:red;font-size:0.9em;margin-top:5px}.error{margin:0;padding:2px 0}header{background-color:#ffffff;box-shadow:0 2px 4px rgba(0,0,0,0.1);padding:0px 20px;position:fixed;z-index:2;width:100%;top:0}.profile_icon_header{width:35px;height:35px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 2px 5px rgba(0,0,0,0.2);cursor:pointer;transition:transform 0.2s ease-in-out;margin-left:16px}.profile_icon_header:hover{transform:scale(1.1)}.profile_username{margin-top:5px;font-size:21px;color:#333}.header-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.header-logo{display:flex;align-items:center}.header-logo img{width:80px;height:60px;margin-right:10px}.brand-name{font-size:24px;font-weight:bold;color:#2a72d7}nav ul{list-style:none;display:flex;margin-top:10px;margin-bottom:0px}nav ul li{margin-left:20px;margin-top:10px}nav ul li a{text-decoration:none;font-size:16px;color:#333;padding:10px}nav ul li a:hover{color:#2a72d7}.nav-item{position:relative;display:inline-block}.nav-link{text-decoration:none;font-weight:bold;color:black;cursor:pointer;padding:10px;display:block}.dropdown-menu{display:none;position:absolute;background-color:white;list-style:none;margin:0;padding:5px;min-width:120px;border:1px solid #ccc;box-shadow:0px 4px 6px rgba(0,0,0,0.1);right:0}.dropdown-menu li{padding:5px;text-align:center}.dropdown-menu .logout-btn{text-decoration:none;color:white;background-color:red;padding:5px 10px;display:block;border-radius:3px}.dropdown-menu .logout-btn:hover{background-color:darkred}.dropdown-divider{height:1px;background-color:#ccc;margin:5px 0;border:none}.menu-icon{display:none;font-size:30px;cursor:pointer}@media (max-width:768px){.header-container{flex-direction:column;align-items:flex-start}nav{display:none;width:100%}.menu-icon{display:block}nav.active{display:block;width:100%}nav ul{flex-direction:column;width:100%}nav ul li{width:100%;margin-left:0}nav ul li a{display:block;width:100%;text-align:left}.dropdown-menu{position:static;width:100%;box-shadow:none;border:none}.dropdown-menu li{text-align:left}}@media (max-width:480px){.brand-name{font-size:20px}.header-logo img{width:40px;height:40px}nav ul li a{font-size:14px}}footer{background-color:#247dd3;color:white;padding:40px 0}footer .container{display:flex;justify-content:space-around;padding:0 20px;flex-wrap:wrap}.footer-section{width:22%;margin-bottom:20px}.footer-section h2{font-size:20px;margin-bottom:10px;position:relative}.footer-section h2::after{content:"";width:40px;height:2px;background-color:white;position:absolute;left:0;bottom:-5px}.footer-section p{font-size:14px;line-height:1.6;margin-bottom:10px}.footer-section ul{list-style:none;padding-left:0}.footer-section ul li{margin-bottom:8px}.footer-section ul li a{color:white;text-decoration:none}.footer-section ul li a:hover{color:#b4a1b7}.social-icons a{margin-right:10px;color:white;font-size:18px;text-decoration:none}.social-icons a:hover{color:#e6e6e6}.footer-section form{display:flex;align-items:center;justify-content:space-between;background-color:white;padding:5px;border-radius:5px}.footer-section form input{border:none;padding:10px;width:80%;border-radius:5px 0 0 5px;outline:none;color:black}.footer-section form button{background-color:#247dd3;color:white;border:none;padding:10px;border-radius:0 5px 5px 0;cursor:pointer}.footer-section form button:hover{background-color:#1b62a3}.footer-bottom{text-align:center;padding:10px 0;background-color:#1a73e8;color:white;font-size:14px}.footer-bottom a{color:white;text-decoration:none}.footer-bottom a:hover{color:#e6e6e6}@media screen and (max-width:768px){.footer-section{width:100%;text-align:center;margin-bottom:20px}footer .container{flex-direction:column;align-items:center}}.reset-password-page{font-family:Arial,sans-serif;background-color:#f5f5f5;margin:0;padding:20px 0;display:flex;justify-content:center;align-items:flex-start}.reset-password-container{background-color:white;padding:30px;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,0.1);width:100%;max-width:400px;text-align:center;transition:box-shadow 0.3s ease;margin-top:50px}.reset-password-container:hover{box-shadow:0 6px 20px rgba(0,0,0,0.15)}.reset-password-container h1{font-size:24px;margin-bottom:20px}.reset-password-container p{font-size:16px;color:#666;margin-bottom:25px}.reset-form-group{margin-bottom:20px}.reset-form-control{width:100%;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:4px;margin-bottom:10px;box-sizing:border-box;transition:border-color 0.3s ease,box-shadow 0.3s ease}.reset-form-control:focus{outline:none;border-color:#007bff;box-shadow:0 0 5px rgba(0,123,255,0.5)}.reset-btn-submit{background-color:#007bff;color:white;padding:10px 15px;font-size:16px;border:none;border-radius:4px;cursor:pointer;width:100%;transition:background-color 0.3s ease,box-shadow 0.3s ease}.reset-btn-submit:hover{background-color:#0056b3;box-shadow:0 4px 10px rgba(0,123,255,0.2)}.reset-error-message{color:red;font-size:14px;margin-top:5px}