.sidebar-submenu{display:none;padding-left:20px;margin-top:5px}.sidebar-submenu.active{display:block}.sidebar-menu>li>a{display:flex;align-items:center;justify-content:space-between}.dropdown-arrow{transition:transform 0.3s ease;font-size:12px}.dropdown-arrow.rotated{transform:rotate(180deg)}.sidebar-submenu li{list-style:none;margin:8px 0}.sidebar-submenu a{color:#555;text-decoration:none;font-size:14px;display:block;padding:5px 10px;border-radius:4px;transition:all 0.3s ease}.sidebar-submenu a:hover{background-color:#f0f0f0;color:#01AAD5}*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}body{overflow-x:hidden}header{background-color:#fff;box-shadow:0 2px 10px rgb(0 0 0 / .1);position:sticky;top:0;z-index:100;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.menu-toggle{font-size:24px;cursor:pointer;color:#01AAD5;z-index:101;order:1;position:relative}.logo{position:absolute;left:50%;transform:translateX(-50%);order:2;z-index:100}.logo img{height:40px;max-width:180px;object-fit:contain}.search-container{display:flex;align-items:center;order:3;position:relative;z-index:101}.search-container input{padding:8px 15px;border:1px solid #ddd;border-radius:20px;outline:none;width:200px;transition:width 0.3s}.search-container input:focus{width:250px;border-color:#4a90e2}.search-container button{background:none;border:none;cursor:pointer;color:#333;margin-left:-35px;z-index:1}.mobile-search-icon{display:none;font-size:20px;cursor:pointer;color:#333;order:3;z-index:101;position:relative}.mobile-search-container{display:none;width:100%;order:4;padding:10px 0;animation:slideDown 0.3s ease;position:relative;z-index:100}.mobile-search-container.active{display:block}.mobile-search-container form{display:flex;position:relative}.mobile-search-container input{width:100%;padding:10px 15px;border:1px solid #ddd;border-radius:20px;outline:none}.mobile-search-container button{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#333}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sidebar{position:fixed;top:0;right:-300px;width:280px;height:100vh;background-color:#fff;box-shadow:-2px 0 10px rgb(0 0 0 / .1);transition:right 0.3s ease;z-index:1000;padding-top:20px;overflow-y:auto}.sidebar.active{right:0}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #eee;margin-bottom:15px;color:#01AAD5}.sidebar-close{font-size:24px;cursor:pointer;color:#666;background:none;border:none}.sidebar-close:hover{color:#01AAD5}.sidebar-menu{list-style:none;padding:0 20px}.sidebar-menu li{margin-bottom:15px}.sidebar-menu a{display:flex;align-items:center;color:#01AAD5;text-decoration:none;font-size:16px;padding:10px;border-radius:5px;transition:background-color 0.3s}.sidebar-menu a:hover{background-color:#f5f5f5}.sidebar-menu i{margin-right:15px;font-size:20px;width:24px;text-align:center}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgb(0 0 0 / .5);z-index:999;opacity:0;visibility:hidden;transition:opacity 0.3s,visibility 0.3s}.overlay.active{opacity:1;visibility:visible}.social-icons{display:flex;gap:20px;align-items:center;order:3;position:relative;z-index:101}.social-icons a{color:#01AAD5;font-size:20px;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center}.social-icons a:hover{color:#08a;transform:translateY(-2px)}@media (max-width:992px){.search-container{display:none}.mobile-search-icon{display:block}}@media (max-width:768px){.logo img{height:35px;max-width:150px}.social-icons{gap:15px}.social-icons a{font-size:18px}}@media (max-width:480px){header{padding:12px 15px;position:relative}.menu-toggle{font-size:20px}.logo{position:static;transform:none;margin:0 auto;order:2;text-align:center}.logo img{height:28px;max-width:110px}.mobile-search-icon{font-size:18px}.social-icons{position:absolute;left:15px;top:20%;transform:translateY(-50%);gap:10px;order:1;display:flex}.social-icons a{font-size:14px}header .menu-toggle{position:absolute;right:15px;top:50%;transform:translateY(-50%)}}*{font-family:'Rubik',sans-serif}