#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}*,h1,h2,h3,h4,h5,h6,p{font-family:Lato,sans-serif}.header{display:flex;justify-content:space-evenly;align-items:center;padding:0}.header h1{font-size:24px;color:#333;padding-left:5%;z-index:1}.navigation ul{list-style-type:none;display:flex;gap:20px}.navigation li a{text-decoration:none;color:#333;font-weight:700}.svg-behind{position:absolute;top:0;left:0;z-index:-1}.buttons button{padding:10px 20px;border:1px solid #ccc;border-radius:12px;cursor:pointer}.signup-btn{background-color:#fff;color:#2c2d5b;margin-right:25px;font-weight:700}.login-btn{background-color:#2c2d5b;color:#fff;margin-right:25px}body{margin:0;padding:0;background-color:#f7f7f7}.container{max-width:1200px;margin:0 auto;padding:20px}.content{display:flex;justify-content:space-between;align-items:center}.left-section{width:50%}.orange-text{color:#f67366}.buttons{margin-top:20px;display:flex}.blue-btn,.orange-btn{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;color:#fff;font-weight:700}.orange-btn{background-color:orange}.right-section{width:45%}.left-section{text-align:justify;width:40%}.footer{background-color:#2c2d5b;color:#fff;padding:20px;text-align:center}.footer-content{display:flex;justify-content:space-evenly;flex-wrap:wrap}.bottom-text{border-top:1px solid #fff;width:100%;padding-top:10px}.footer-section{width:10%;padding-right:10px;box-sizing:border-box}.footer-section h3,.footer-section p{text-align:justify}.footer-section h3{margin-bottom:10px}.social-buttons{display:flex;flex-direction:row;justify-content:space-between}.social-buttons button{margin-bottom:5px;padding:8px 16px;border:none;border-radius:5px;background-color:#fff;color:#2c2d5b;cursor:pointer}@media (max-width:1024px){.header{display:flex;justify-content:space-evenly;align-items:center;padding:0}.navigation ul{flex-direction:column;gap:10px}.content{flex-direction:column;align-items:flex-start}.left-section,.right-section{width:100%}.buttons{justify-content:flex-start}.footer-content{flex-direction:column;align-items:flex-start;gap:20px}.footer-section{width:100%}}@media (max-width:600px){.header h1{font-size:20px}.buttons{flex-direction:column;align-items:stretch}.navigation ul{align-items:flex-start}.blue-btn,.buttons button,.orange-btn{width:100%}.social-buttons{flex-direction:column;align-items:stretch}.social-buttons button{width:100%}}[data-v-dfadd140],h1[data-v-dfadd140],h2[data-v-dfadd140],h3[data-v-dfadd140],h4[data-v-dfadd140],h5[data-v-dfadd140],h6[data-v-dfadd140],p[data-v-dfadd140]{font-family:Lato,sans-serif}.orange-text[data-v-dfadd140]{color:#f67366}.forgot-password[data-v-dfadd140]{left:0;font-size:12px;text-decoration:none;color:#3498db}.login-container[data-v-dfadd140]{display:flex;height:100vh;margin-top:-60px}.button-login[data-v-dfadd140]{background-color:#2c2d5b;color:#fff;margin-left:80px;width:30%}.left-side[data-v-dfadd140]{flex:1;background-color:#2c2d5b;display:flex;justify-content:center;align-items:center}.left-side h1[data-v-dfadd140]{color:#fff;font-size:36px;text-align:center}.right-side[data-v-dfadd140]{flex:2;display:flex;justify-content:center;align-items:center}.content-right[data-v-dfadd140]{max-width:400px;padding:20px;text-align:center;width:35%}.right-side h2[data-v-dfadd140]{text-align:center}form[data-v-dfadd140]{display:flex;flex-direction:column;gap:10px;margin-top:20px}button[data-v-dfadd140],input[data-v-dfadd140]{padding:10px;border-radius:10px;border:1px solid #ccc;background-color:#2c2d5b;width:70%;margin-bottom:5px}button[data-v-dfadd140]{background-color:#3498db;color:#fff;cursor:pointer}a[data-v-dfadd140]{text-align:center;text-decoration:none;color:#3498db}.input-group[data-v-dfadd140]{margin-bottom:15px;display:flex;flex-direction:column;align-items:flex-start;position:relative}label[data-v-dfadd140]{display:block;font-size:14px;margin-bottom:10px}.bottom-text[data-v-dfadd140]{border-top:1px solid grey;width:75%;padding-top:10px}.error-message[data-v-dfadd140]{color:red;text-align:center;font-size:15px;right:10px;margin-left:136px}@media (max-width:1024px){.login-container[data-v-dfadd140]{flex-direction:column;height:auto}.left-side[data-v-dfadd140],.right-side[data-v-dfadd140]{width:100%;flex:unset;padding:20px}.left-side h1[data-v-dfadd140]{font-size:28px}.content-right[data-v-dfadd140]{width:80%}button[data-v-dfadd140],input[data-v-dfadd140]{width:100%}.error-message[data-v-dfadd140]{margin-left:0}}@media (max-width:600px){.left-side h1[data-v-dfadd140]{font-size:24px}.right-side h2[data-v-dfadd140]{font-size:20px}.content-right[data-v-dfadd140]{width:90%;padding:10px}label[data-v-dfadd140]{font-size:12px}.forgot-password[data-v-dfadd140]{font-size:11px}.bottom-text[data-v-dfadd140]{width:90%}.error-message[data-v-dfadd140]{font-size:13px}}[data-v-4fcc673b],h1[data-v-4fcc673b],h2[data-v-4fcc673b],h3[data-v-4fcc673b],h4[data-v-4fcc673b],h5[data-v-4fcc673b],h6[data-v-4fcc673b],p[data-v-4fcc673b]{font-family:Lato,sans-serif}.orange-text[data-v-4fcc673b]{color:#f67366}.forgot-password[data-v-4fcc673b]{left:0;font-size:12px;text-decoration:none;color:#3498db}.login-container[data-v-4fcc673b]{display:flex;height:100vh;margin-top:-60px}.button-login[data-v-4fcc673b]{background-color:#2c2d5b;color:#fff;margin-left:80px;width:30%}.left-side[data-v-4fcc673b]{flex:1;background-color:#2c2d5b;display:flex;justify-content:center;align-items:center}.left-side h1[data-v-4fcc673b]{color:#fff;font-size:36px;text-align:center}.right-side[data-v-4fcc673b]{flex:2;display:flex;justify-content:center;align-items:center}.content-right[data-v-4fcc673b]{max-width:400px;padding:20px;text-align:-webkit-left;width:35%}.right-side h2[data-v-4fcc673b]{text-align:center}form[data-v-4fcc673b]{display:flex;flex-direction:column;gap:10px;margin-top:20px}button[data-v-4fcc673b],input[data-v-4fcc673b]{padding:10px;border-radius:10px;border:1px solid #ccc;background-color:#2c2d5b;width:70%;margin-bottom:5px}button[data-v-4fcc673b]{background-color:#3498db;color:#fff;cursor:pointer}a[data-v-4fcc673b]{text-align:center;text-decoration:none;color:#3498db}.input-group[data-v-4fcc673b]{margin-bottom:15px;display:flex;flex-direction:column;align-items:flex-start;position:relative}label[data-v-4fcc673b]{display:block;font-size:14px;margin-top:10px}.bottom-text[data-v-4fcc673b]{border-top:1px solid grey;width:75%;padding-top:10px}input[type=date][data-v-4fcc673b]::-moz-placeholder,input[type=password][data-v-4fcc673b]::-moz-placeholder,input[type=text][data-v-4fcc673b]::-moz-placeholder{color:#fff}input[type=date][data-v-4fcc673b]::placeholder,input[type=password][data-v-4fcc673b]::placeholder,input[type=text][data-v-4fcc673b]::placeholder{color:#fff}.checkbox-group[data-v-4fcc673b]{display:flex;align-items:center;margin-bottom:10px;margin-top:-20px}.checkbox-group label[data-v-4fcc673b]{color:#000;margin-left:5px;display:flex;flex-wrap:wrap;font-size:12px}.checkbox-group label a[data-v-4fcc673b]{margin:0 5px;cursor:pointer}.checkbox-group input[type=checkbox].custom-checkbox[data-v-4fcc673b]{width:16px;height:16px;border-radius:50%;margin-right:8px;cursor:pointer}.error-message[data-v-4fcc673b]{color:red;font-size:15px;right:10px}[data-v-48d697bf],h1[data-v-48d697bf],h2[data-v-48d697bf],h3[data-v-48d697bf],h4[data-v-48d697bf],h5[data-v-48d697bf],h6[data-v-48d697bf],p[data-v-48d697bf]{font-family:Lato,sans-serif}.header[data-v-48d697bf]{margin-top:-60px;background-color:#2c2d5b;display:flex;align-items:center;padding:10px 20px;color:#fff;flex-wrap:wrap}.logo[data-v-48d697bf]{margin-right:auto;font-size:1.5rem}.icons-section[data-v-48d697bf]{display:flex;gap:35px;margin:10px;margin-left:5%;flex-wrap:wrap}.search-bar[data-v-48d697bf]{display:flex;align-items:center;border-radius:5px;padding:5px;flex:1;margin:0 20px;padding-left:10%;min-width:150px}.search-input[data-v-48d697bf]{width:60%;border:none;outline:none;padding:5px;margin-right:5px;border-radius:10px;height:25px;background-image:url(/img/lupa.54df734a.svg);background-repeat:no-repeat;background-position:right 10px center;background-size:20px 20px}.fa-search[data-v-48d697bf]{color:#000;cursor:pointer}.more-icons[data-v-48d697bf]{display:flex;gap:35px;margin:10px;margin-right:5%;flex-wrap:wrap}.profile[data-v-48d697bf]{margin-right:5%;position:relative}.profile img[data-v-48d697bf]{width:40px;height:40px;border-radius:50%}.dropdown-menu[data-v-48d697bf]{display:none;color:#fff;position:absolute;top:100%;right:0;background-color:#2c2d5b;padding:5px;z-index:1000}.profile:hover .dropdown-menu[data-v-48d697bf]{display:block}.orange-text[data-v-48d697bf]{color:#f67366}.showDropdownMenu[data-v-48d697bf]{display:flex;align-items:center;position:absolute;right:32px;width:8%;height:110px;border-radius:41px;background-color:#2c2d5b;justify-content:space-between}@media (max-width:1024px){.header[data-v-48d697bf]{flex-direction:column;align-items:flex-start;gap:10px}.search-bar[data-v-48d697bf]{width:100%!important;margin:10px 0;padding-left:5%}.search-input[data-v-48d697bf]{width:80%}.icons-section[data-v-48d697bf],.more-icons[data-v-48d697bf]{justify-content:space-between;width:100%;margin:0 0 10px 0;gap:20px}.showDropdownMenu[data-v-48d697bf]{width:100%;right:0;border-radius:0;justify-content:center}}@media (max-width:600px){.logo[data-v-48d697bf]{font-size:1.2rem}.search-input[data-v-48d697bf]{width:100%;font-size:.9rem}.profile img[data-v-48d697bf]{width:30px;height:30px}.icons-section[data-v-48d697bf],.more-icons[data-v-48d697bf]{flex-direction:column;align-items:flex-start}.search-bar[data-v-48d697bf]{padding-left:5%}}