@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ubuntu/v20/4iCs6KVjbNBYlgoKfw72.woff2) format('woff2');
}

body { 
  font-family: Ubuntu, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; 
}

/* Font Awesome Icons */
.fas::before { font-family: "Font Awesome 6 Free"; font-weight: 900; }
.fab::before { font-family: "Font Awesome 6 Brands"; font-weight: 400; }
.fa-bars::before { content: "\f0c9"; }
.fa-comments::before { content: "\f086"; }
.fa-laptop-medical::before { content: "\f812"; }
.fa-balance-scale::before { content: "\f24e"; }
.fa-envelope-open-text::before { content: "\f658"; }
.fa-star::before { content: "\f005"; }
.fa-user-circle::before { content: "\f2bd"; }
.fa-user-plus::before { content: "\f234"; }
.fa-sign-in-alt::before { content: "\f2f6"; }
/* ... add all other icon definitions from your header */
.loader-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity 0.5s ease-out,visibility 0.5s ease-out}.loader-overlay.hidden{opacity:0;visibility:hidden}.logo-container{text-align:center}.rotating-logo{width:60px;height:60px;border:3px solid #f0f0f0;border-top:3px solid #333;border-radius:50%;animation:rotate 1s linear infinite;margin:0 auto 20px;display:flex;justify-content:center;align-items:center}.logo-image{width:32px;height:32px;object-fit:contain}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes blink{0%,80%,100%{opacity:0}40%{opacity:1}}
    .top-bar{background-color:#779902;color:#fff;padding:8px 0;font-size:14px;width:100%;position:relative}.top-bar-container{display:flex;justify-content:center;align-items:center;max-width:1200px;margin:0 auto;padding:0 0 0 0;flex-wrap:}.tool-links{display:flex;flex-wrap:wrap;justify-content:center}.tool-link{color:#fff;text-decoration:none;margin:0 15px;display:flex;align-items:center;transition:all 0.3s ease}.tool-link:hover{color:#f0f0f0;transform:translateY(-2px)}.tool-link i{margin-right:8px;font-size:16px}.mobile-menu-btn{display:none;background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:5px 10px}.mobile-menu-content{display:none;flex-direction:column;width:100%;background-color:#678e02;padding:10px 0}.mobile-menu-content.show{display:flex}.mobile-menu-content .tool-link{padding:8px 20px;margin:0}header{width:100%;background-color:#fff;padding:20px 0}.header-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px}.logo a{display:inline-block;transition:transform 0.3s ease,box-shadow 0.3s ease}.logo img{width:180px;height:auto;display:block;transition:transform 0.3s ease}.logo a:hover img{transform:scale(1.05)}@media (max-width:768px){.mobile-menu-btn{display:block;position:absolute;right:20px;top:50%;transform:translateY(-50%);background:none;border:none;padding:10px;height:40px;width:40px;z-index:1000;cursor:pointer}.mobile-menu-btn i{font-size:22px;color:#fff;pointer-events:}.tool-links{display:none}.top-bar-container{justify-content:flex-start;padding:8px 40px 20px 20px;position:relative}.mobile-menu-content .tool-link{width:100%;box-sizing:border-box}.header-container{flex-direction:column;align-items:center;text-align:center;padding:10px 15px}.logo{margin-bottom:10px}.logo img{width:140px}.search-bar{margin:10px 0;width:100%}.search-bar input{width:80%;max-width:300px;margin:0 auto}.social-icons a{margin:0 8px}}@media (min-width:769px){.mobile-menu-content{display:none!important}}body{overflow-x:hidden}.container,.header-container,.main-content,.right-sidebar,.search-bar,.sidebar,.content-wrapper{max-width:100%;box-sizing:border-box;overflow-x:hidden;word-wrap:break-word}img,input{max-width:100%;height:auto;box-sizing:border-box}.profile-dropdown{position:relative;display:inline-block}.profile-icon{font-size:20px;color:#fff;cursor:pointer;transition:transform 0.2s ease;padding:5px}.profile-icon:hover{transform:scale(1.1)}.profile-dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu{opacity:0;visibility:hidden;position:absolute;right:0;top:35px;background-color:#fff;min-width:160px;box-shadow:0 4px 15px rgb(0 0 0 / .15);border-radius:6px;transition:all 0.2s ease;z-index:1000;transform:translateY(-10px)}.dropdown-menu a{display:block;padding:12px 16px;color:#333;text-decoration:none;font-weight:500}.dropdown-menu a i{margin-right:8px}.dropdown-menu a:hover{background-color:#f5f5f5}