*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins',sans-serif}body{min-height:100vh;background-color:#e8e6e643}nav{position:fixed;top:0;left:0;width:100%;height:100%;height:70px;background:#fff;box-shadow:0 1px 2px rgb(0 0 0 / .2);z-index:99}nav .navbar{height:100%;max-width:1250px;width:100%;display:flex;align-items:center;justify-content:space-between;margin:auto;padding:0 50px}.navbar .logo a{font-size:30px;color:#fff;text-decoration:none;font-weight:600}.navbar .logo a img{width:auto;height:50px;vertical-align:middle}.navbar .nav-links .logo-sidebar{display:none}nav .navbar .nav-links{line-height:70px;height:100%}nav .navbar .nav-links .nav-links-ul{display:flex}nav .navbar .nav-links-ul li{position:relative;display:flex;align-items:center;justify-content:space-between;list-style:none;padding:0 14px}nav .navbar .nav-links-ul li a{height:100%;text-decoration:none;white-space:nowrap;color:#000;font-size:15px;font-weight:500}.nav-links-ul li:hover .account-arrow{transform:rotate(180deg)}nav .navbar .nav-links-ul li .arrow{height:100%;width:22px;line-height:70px;text-align:center;display:inline-block;color:#000;transition:all 0.3s ease}nav .navbar .nav-links-ul li .sub-menu{position:absolute;top:70px;left:0;line-height:40px;background:#32768d;box-shadow:0 1px 2px rgb(0 0 0 / .2);border-radius:0 0 4px 4px;display:none;z-index:2}nav .navbar .nav-links-ul li:hover .account-sub-menu{display:block}.navbar .nav-links-ul li .sub-menu li{padding:0 22px;border-bottom:1px solid rgb(255 255 255 / .1)}.navbar .nav-links-ul li .sub-menu a{color:#fff;font-size:15px;font-weight:500}.navbar .nav-links-ul li .sub-menu a:hover{color:aliceblue}.navbar .search-box{position:relative;height:40px;width:40px}.navbar .search-box i{position:absolute;height:100%;width:100%;line-height:40px;text-align:center;font-size:22px;color:#000;font-weight:600;cursor:pointer;transition:all 0.3s ease}.navbar .search-box .input-box{position:absolute;right:calc(100% - 40px);top:80px;height:60px;width:300px;background:#3E8DA8;border-radius:6px;opacity:0;pointer-events:none;transition:all 0.4s ease}.navbar.showInput .search-box .input-box{top:65px;opacity:1;pointer-events:auto;background:#3E8DA8}.search-box .input-box::before{content:'';position:absolute;height:20px;width:20px;background:#3E8DA8;right:10px;top:-6px;transform:rotate(45deg)}.search-box .input-box input{position:absolute;top:50%;left:50%;border-radius:4px;transform:translate(-50%,-50%);height:35px;width:280px;outline:none;padding:0 15px;font-size:16px;border:none}.navbar .nav-links .sidebar-logo{display:none}.navbar .bx-menu{display:none}@media (max-width:920px){nav .navbar{max-width:100%;padding:0 25px}nav .navbar .logo a{font-size:27px}nav .navbar .nav-links-ul li{padding:0 10px;white-space:nowrap}nav .navbar .nav-links-ul li a{font-size:15px}}@media (max-width:800px){.navbar .bx-menu{display:block;color:#000}nav .navbar .nav-links{position:fixed;top:0;left:-100%;display:block;max-width:270px;width:100%;background:#fff;line-height:40px;padding:20px;box-shadow:0 5px 10px rgb(0 0 0 / .2);transition:all 0.5s ease;z-index:1000}.navbar .nav-links .logo-sidebar{display:flex;align-items:center;justify-content:space-between}.logo-sidebar a{font-size:25px;color:#fff}.logo-sidebar a img{height:40px;vertical-align:middle}.logo-sidebar i,.navbar .bx-menu{font-size:25px}nav .navbar .nav-links-ul{display:block;margin-top:20px;flex-direction:column}nav .navbar .nav-links-ul li .arrow{line-height:40px}nav .navbar .nav-links-ul li{display:block}nav .navbar .nav-links-ul li .sub-menu{position:relative;top:0;box-shadow:none;display:none;background-color:#f1f1f1e1;border-radius:0}nav .navbar .nav-links-ul li .sub-menu li a{color:#000}nav .navbar .nav-links-ul li .sub-menu li a:hover{color:#000}nav .navbar .nav-links-ul li .sub-menu li{border-bottom:none}.navbar .nav-links-ul li .sub-menu .more-sub-menu{display:none;position:relative;left:0}.navbar .nav-links-ul li .sub-menu{display:flex;align-items:center;justify-content:space-between}.nav-links-ul li:hover .account-arrow{transform:rotate(0deg)}nav .navbar .nav-links-ul li:hover .account-sub-menu{display:none}.navbar .nav-links.show1 .nav-links-ul .account-sub-menu{display:block}.navbar .nav-links.show1 .nav-links-ul .account-arrow{transform:rotate(180deg)}}@media (max-width:370px){nav .navbar .nav-links{max-width:100%}}.footer{width:100%;background:#10182F;border-radius:6px}.footer .footer-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:3.5rem;padding:60px}.footer-row .footer-col h4{color:#fff;font-size:1.2rem;font-weight:400}.footer-row .footer-col p{color:#bfbfbf;font-size:14px;margin-top:20px;max-width:150px}.footer-row .footer-col p.copyright-text{margin-top:40px;font-size:17px}.footer-row .footer-col p.copyright-text a{color:#fff;text-decoration:none}.footer-col .links{margin-top:20px}.footer-col .links li{list-style:none;margin-bottom:10px}.footer-col .links li a{text-decoration:none;color:#bfbfbf}.footer-col .links li a:hover{color:#fff}.footer-col .social-icons{display:flex;margin-top:30px;gap:30px;cursor:pointer}.footer-col .social-icons a{text-decoration:none;color:#afb6c7}.footer-col .social-icons i{color:#afb6c7;font-size:25px}.footer-col .social-icons i:hover{color:#fff}@media (max-width:768px){.footer{transform:none;width:100%;border-radius:0;position:static}.footer .footer-row{padding:20px;gap:1rem;flex-direction:column}.footer .footer-row .footer-col{width:100%;text-align:center}.footer .footer-row .footer-col p{max-width:100%;text-align:center}}#main{margin-top:70px;padding:20px}.title{text-align:center;margin:20px 0}.title h2,.title h1{font-size:2rem;margin:10px 0;font-weight:600}.title hr{width:50%;height:2px;background:#280dd9;border:none;margin:10px auto}.title:hover hr{background:#3455c3}