@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins',sans-serif}body{min-height:100vh}nav{position:fixed;top:0;left:0;width:100%;height:100%;height:70px;background:rgb(0 0 0 / 60%);box-shadow:0 1px 2px rgb(255 255 255 / 20%);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 img{max-width:100px;max-height:60px}nav .navbar .nav-links{line-height:70px;height:100%}nav .navbar .links{display:flex}nav .navbar .links li{position:relative;display:flex;align-items:center;justify-content:space-between;list-style:none;padding:0 14px}nav .navbar .links li a{height:100%;text-decoration:none;white-space:nowrap;color:#fff;font-size:15px;font-weight:500}nav .navbar .links li a:hover{color:#8c0000}.links li:hover .htmlcss-arrow,.links li:hover .js-arrow{transform:rotate(180deg)}nav .navbar .links li .arrow{height:100%;width:22px;line-height:70px;text-align:center;display:inline-block;color:#fff;transition:all .3s ease}nav .navbar .links li .sub-menu{position:absolute;top:70px;left:0;line-height:40px;background:rgb(0 0 0 / 60%);box-shadow:0 1px 2px rgb(0 0 0 / .2);border-radius:0 0 4px 4px;display:none;z-index:2}nav .navbar .links li:hover .htmlCss-sub-menu,nav .navbar .links li:hover .js-sub-menu{display:block}.navbar .links li .sub-menu li{padding:0 22px;border-bottom:1px solid rgb(255 255 255 / .1)}.navbar .links li .sub-menu a{color:#fff;font-size:15px;font-weight:500}.navbar .links li .sub-menu .more-arrow{line-height:40px}.navbar .links li .sub-menu .more-sub-menu{position:absolute;top:0;left:100%;border-radius:0 4px 4px 4px;z-index:1;display:none}.links li .sub-menu .more:hover .more-sub-menu{display:block}.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:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;background:linear-gradient(270deg, #f4e300, #ff5e00 48%, #ff1f1f);border:0;border-radius:1.3rem;cursor:pointer}.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 .4s ease}.navbar.showInput .search-box .input-box{top:65px;opacity:1;pointer-events:auto;background:rgb(0 0 0 / 60%)}.search-box .input-box::before{content:'';position:absolute;height:20px;width:20px;background:#3e8da8;right:15px;top:20px;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:0;padding:0 15px;font-size:16px;border:0;background:#ffffffb0}.search-box .input-box button{color:wheat;position:absolute;height:21px;width:21px;background:linear-gradient(270deg, #f4e300, #ff5e00 48%, #ff1f1f);right:15px;top:20px;border:0;border-radius:1.26rem}.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 .links li{padding:0 10px;white-space:nowrap}nav .navbar .links li a{font-size:15px}}@media(max-width:800px){.navbar .bx-menu{display:block}nav .navbar .nav-links{position:fixed;top:0;left:-100%;display:block;max-width:270px;width:100%;background:#1c1e22ed;line-height:40px;padding:20px;box-shadow:0 5px 10px rgb(255 255 255 / 20%);transition:all .5s ease;z-index:1000}.navbar .nav-links .sidebar-logo{display:flex;align-items:center;justify-content:space-between}.sidebar-logo .logo-name{font-size:25px;color:#fff}.sidebar-logo img{max-width:100px;max-height:60px}.sidebar-logo i,.navbar .bx-menu{font-size:25px;color:#fff}nav .navbar .links{display:block;margin-top:20px}nav .navbar .links li .arrow{line-height:40px}nav .navbar .links li{display:block}nav .navbar .links li .sub-menu{position:relative;top:0;box-shadow:none;display:none}nav .navbar .links li .sub-menu li{border-bottom:0}.navbar .links li .sub-menu .more-sub-menu{display:none;position:relative;left:0}.navbar .links li .sub-menu .more-sub-menu li{display:flex;align-items:center;justify-content:space-between}.links li:hover .htmlcss-arrow,.links li:hover .js-arrow{transform:rotate(0)}.navbar .links li .sub-menu .more-sub-menu{display:none}.navbar .links li .sub-menu .more span{display:flex;align-items:center}.links li .sub-menu .more:hover .more-sub-menu{display:none}nav .navbar .links li:hover .htmlCss-sub-menu,nav .navbar .links li:hover .js-sub-menu{display:none}.navbar .nav-links.show1 .links .htmlCss-sub-menu,.navbar .nav-links.show3 .links .js-sub-menu,.navbar .nav-links.show2 .links .more .more-sub-menu{display:block}.navbar .nav-links.show1 .links .htmlcss-arrow,.navbar .nav-links.show3 .links .js-arrow{transform:rotate(180deg)}.navbar .nav-links.show2 .links .more-arrow{transform:rotate(90deg)}}@media(max-width:370px){nav .navbar .nav-links{max-width:100%}}.container{max-width:1170px;margin:auto}.row{display:flex;flex-wrap:wrap}ul{list-style:none}.footer{background-color:#1c1e22e6;padding:70px 0}.footer-col{width:25%;padding:0 15px}.footer-col h4{font-size:18px;color:#fff;text-transform:capitalize;margin-bottom:35px;font-weight:500;position:relative}.footer-col h4::before{content:'';position:absolute;left:0;bottom:-10px;background-color:#8c0000;height:2px;box-sizing:border-box;width:50px}.footer-col ul li:not(:last-child){margin-bottom:10px}.footer-col ul li a{font-size:16px;text-transform:capitalize;color:#fff;text-decoration:none;font-weight:300;color:#bbb;display:block;transition:all 0.3s ease}.footer-col ul li a:hover{color:#8c0000;padding-left:8px}.footer-col .social-links a{display:inline-block;margin:0 5px 5px 0;text-align:center;line-height:30px;color:#fff}.footer-col .social-links a:hover{color:#8c0000}@media(max-width:767px){.footer-col{width:50%;margin-bottom:30px}}@media(max-width:574px){.footer-col{width:100%}}