.navbar{z-index:2000;background-color:#fff;justify-content:space-between;align-items:center;padding:10px 20px;display:flex;position:sticky;top:0;box-shadow:0 1px 1px #0000001a}.navbar .logo{cursor:pointer;align-items:center;padding-left:20px;display:flex}.navbar .links{align-items:center;display:flex}.navbar .links ul{align-items:center;gap:20px;display:flex}.navbar .links ul li{cursor:pointer;color:#101928;font-size:14px;font-weight:600;line-height:20px;list-style:none;position:relative}.navbar .links ul li .dropdown{cursor:pointer}.navbar .links ul li .dropdown .arrow{cursor:pointer;margin-left:5px}.navbar .links ul li a{color:#101928;font-size:14px;font-weight:600;line-height:20px;text-decoration:none}.navbar .links ul li a:hover{color:var(--color-blue-dark)}.navbar .links ul li .dropdown-menu{background:#fff;flex-direction:column;gap:10px;width:200px;padding:10px;display:flex;position:absolute;top:100%;left:0;box-shadow:0 2px 4px #0000001a}.navbar .links ul li .dropdown-menu a{color:#101928;font-size:12px}.navbar .links ul li .dropdown-menu a:hover{color:var(--color-blue-dark)}.navbar .links.visible{background:#fff;width:100%;padding:20px 0;display:block;position:absolute;top:50px;left:0;box-shadow:0 2px 4px #0000001a}.navbar .links.visible ul{flex-direction:column;align-items:center;gap:20px}.navbar .links.visible ul li a{font-size:16px}.navbar .links.visible ul li .dropdown-menu{width:100%;box-shadow:none;position:static}.navbar .links.visible ul li .dropdown-menu a{font-size:14px}.navbar .buttons{align-items:center;gap:20px;padding-right:20px;display:flex}.navbar .buttons .login{background-color:var(--color-white);color:var(--color-blue-darkest);border:1px solid var(--color-blue-darkest);cursor:pointer;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500}.navbar .buttons .login:hover{background-color:var(--color-white)}.navbar .buttons .get-started{background-color:var(--color-blue-darkest);color:var(--color-white);cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500}.navbar .buttons .get-started:hover{background-color:var(--color-blue-darkest)}.navbar .hamburger-menu{cursor:pointer;font-size:24px;display:none}@media screen and (width<=768px){.navbar .logo{padding-left:0}.navbar .links{display:none}.navbar .links.visible{background:#fff;width:100%;padding:20px 0;display:block;position:absolute;top:50px;left:0;box-shadow:0 2px 4px #0000001a}.navbar .links.visible ul{flex-direction:column;align-items:center;gap:20px}.navbar .links.visible ul li a{font-size:16px}.navbar .links.visible ul li .dropdown-menu{width:100%;box-shadow:none;position:static}.navbar .links.visible ul li .dropdown-menu a{font-size:14px}.navbar .buttons{display:none}.navbar .hamburger-menu{display:block}}.footerWrapper{background-color:#f4f4f4;flex-direction:column;align-items:center;display:flex}.footerWrapper .footerCol1{padding-top:7vh;padding-bottom:4vh}.footerWrapper .footerCol1 h2{text-align:center;margin-bottom:10px}.footerWrapper .footerCol1 .faq-list{flex-direction:column;align-items:flex-start;display:flex}.footerWrapper .footerCol1 .faq-list .faq-item{flex-direction:column;align-items:flex-start;width:100%;max-width:600px;display:flex}.footerWrapper .footerCol1 .faq-list .faq-item h6{cursor:pointer;color:#000;box-sizing:border-box;background-color:#fff;width:100%;margin:5px 200px 5px 0;padding:20px;font-size:20px;position:relative}.footerWrapper .footerCol1 .faq-list .faq-item h6:after{content:"▼";transition:transform .3s;display:inline-block;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.footerWrapper .footerCol1 .faq-list .faq-item h6.open:after{transform:rotate(180deg)}.footerWrapper .footerCol1 .faq-list .faq-item p{text-wrap:wrap;box-sizing:border-box;background-color:#f9f9f9;border:1px solid #ccc;border-radius:5px;width:100%;margin:0;padding:20px;display:none}.footerWrapper .footerCol1 .faq-list .faq-item .open{display:block}.footerWrapper .footerCol2{color:#fff;box-sizing:border-box;background-color:#0c1557;flex-direction:column;gap:40px;width:100%;margin-top:20px;padding:50px;display:flex}.footerWrapper .footerCol2 .newsletter{justify-content:space-between;align-items:center;width:100%;display:flex}.footerWrapper .footerCol2 .newsletter h2,.footerWrapper .footerCol2 .newsletter p{flex:1}.footerWrapper .footerCol2 .newsletter form{flex:1;gap:10px;display:flex}.footerWrapper .footerCol2 .newsletter form input{border:none;border-radius:5px;flex:1;padding:10px}.footerWrapper .footerCol2 .newsletter form button{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:5px;padding:10px 20px}.footerWrapper .footerCol2 .newsletter form button:hover{background-color:#0056b3}.footerWrapper .footerCol3{justify-content:space-between;width:100%;margin-top:20px;display:flex}.footerWrapper .footerCol3 .product,.footerWrapper .footerCol3 .social,.footerWrapper .footerCol3 .contact{flex:1;margin:0 10px}.footerWrapper .footerCol3 .product h3,.footerWrapper .footerCol3 .social h3,.footerWrapper .footerCol3 .contact h3{margin-bottom:10px}.footerWrapper .footerCol3 .product a,.footerWrapper .footerCol3 .social a,.footerWrapper .footerCol3 .contact a{color:#fff;margin-bottom:5px;font-size:1rem;text-decoration:none;display:block}.footerWrapper .footerCol3 .product a:hover,.footerWrapper .footerCol3 .social a:hover,.footerWrapper .footerCol3 .contact a:hover{text-decoration:underline}.footerWrapper .footerCol3 .product p,.footerWrapper .footerCol3 .social p,.footerWrapper .footerCol3 .contact p{margin-bottom:5px}.footerWrapper .footerCol4{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;margin-top:20px;padding:10px;display:flex}.footerWrapper .footerCol4 .logo img{height:50px}.footerWrapper .footerCol4 .copyright{color:#f5f5f5}@media (width<=768px){.footerWrapper .footerCol1{width:100%;padding:0}.footerWrapper .footerCol1 .faq-list .faq-item h6{margin-right:0}.footerWrapper .footerCol2{width:100%;padding:20px}.footerWrapper .footerCol2 .newsletter{flex-direction:column;align-items:stretch}.footerWrapper .footerCol2 .newsletter h2{text-align:center;margin-bottom:20px}.footerWrapper .footerCol2 .newsletter form{flex-direction:column;gap:10px}.footerWrapper .footerCol2 .newsletter form input,.footerWrapper .footerCol2 .newsletter form button{width:100%}.footerWrapper .footerCol3{flex-direction:column;width:100%;margin-top:0}.footerWrapper .footerCol3 .product,.footerWrapper .footerCol3 .social,.footerWrapper .footerCol3 .contact{margin:10px 0}.footerWrapper .footerCol4{flex-direction:column;align-items:center;width:100%;padding:0}.footerWrapper .footerCol4 .logo img{margin-bottom:10px}}
