.breadcrumb{display:flex;flex-wrap:wrap;list-style:none;background:#f8f9fa;padding:.75rem 1rem;border-radius:.375rem;font-size:.95rem;margin:10px 20px}.breadcrumb-item{color:#007bff;text-decoration:none;margin-right:.5rem;position:relative;transition:color .2s}.breadcrumb-item:hover{color:#0056b3;text-decoration:underline}.breadcrumb-item:after{content:">";margin-left:.5rem;color:#6c757d}.breadcrumb-item:last-child:after{content:""}.breadcrumb-item.active{color:#6c757d;pointer-events:none;text-decoration:none}.container{border:none}.card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 6px #0000001a;min-height:150px;display:flex;align-items:start;justify-content:center;font-weight:500;color:#333;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-4px);box-shadow:0 6px 14px #00000026}.card-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;padding:2rem}.dropdown-content{display:none;position:absolute;top:190%;left:0;background:#f1f1f1;box-shadow:0 4px 10px #0000001a;min-width:max-content;z-index:10;flex-direction:column;padding:8px 12px;gap:10px}.dropdown-content a{display:block;padding:10px 16px;color:#333;text-decoration:none;transition:background .2s;border-radius:6px;white-space:nowrap}.dropdown-content a:hover{background:#f0f0f0}.dropdown:hover .dropdown-content{display:block}.menu{display:flex;gap:1.5rem;align-items:center;position:relative}.dropdown{position:relative}.dropdown-contentA{display:none;position:absolute;top:190%;left:0;background:#f1f1f1;box-shadow:0 4px 10px #0000001a;min-width:max-content;z-index:10;flex-direction:row;gap:10px;padding:8px 12px}.dropdown-contentA a{display:block;padding:8px 14px;color:#333;text-decoration:none;transition:background .2s;border-radius:6px;white-space:nowrap}.dropdown-contentA a:hover{background:#f0f0f0}.dropdown:hover .dropdown-contentA{display:flex}.responsive-container{display:flex;flex-direction:row;height:auto;width:100%;margin-bottom:30px}.responsive-left{width:30%;min-width:220px}.responsive-right{width:70%}.responsive-leftDaerah{width:20%;min-width:220px}.responsive-rightDaerah{width:80%}.heightY{height:40px}@media (max-width: 768px){.responsive-container{flex-direction:column;height:auto}.heightY{height:30px}.responsive-left,.responsive-leftDaerah,.responsive-right,.responsive-rightDaerah{width:100%}}.progress-container{background-color:#e0e0e0;border-radius:10px;overflow:hidden}.progress-bar{height:20px;line-height:20px;color:#fff;font-weight:700;transition:width .4s ease-in-out}.tooltip-container{position:relative;display:flex;justify-content:center;align-items:center}.tooltip{position:absolute;top:50%;left:130%;transform:translateY(-50%);background-color:#fff;color:#fff;padding:8px 12px;border-radius:6px;white-space:nowrap;font-size:.875rem;box-shadow:0 4px 12px #00000026;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:10}.tooltip-container:hover .tooltip{opacity:1;visibility:visible}.tooltip:after{content:"";position:absolute;top:50%;right:100%;transform:translateY(-50%);border-width:6px;border-style:solid;border-color:transparent #2d3748 transparent transparent}.home-container{height:600px;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:1.5rem;padding:2rem}.card{flex:1 1 100px;min-width:100px;height:400px;display:flex;justify-content:center;align-items:stretch}.card-inner{width:auto;max-width:400px;height:auto;margin:30px auto;padding:20px;text-align:center;font-family:Arial,sans-serif}.card-inner h3{margin:10px 0;color:#000;font-size:20px}.card-inner p{color:#333;font-size:14px}.card-2{flex:3 1 600px}.card-2 .card-inner{background-color:#fff;border-color:#cce5ff}@media (max-width: 768px){.home-container{flex-direction:column;height:auto}.card,.card-2{flex:1 1 100%;height:auto}}.kalam-bold{font-family:Kalam,cursive;font-weight:700;font-style:normal}.custom-link{text-decoration:none;color:inherit;cursor:pointer}.custom-link:hover{color:#007bff}.login-box{background:#ffffffe6;padding:40px 30px;border-radius:12px;box-shadow:0 10px 25px #0003;width:300px;text-align:center;z-index:2;position:relative}.login-box{background:#fffffff2;padding:40px 30px;border-radius:12px;box-shadow:0 10px 25px #0003;width:300px;text-align:center;z-index:2;position:relative}.logo-login{width:120px;margin-bottom:20px}.login-box input{width:100%;padding:10px 12px;margin:10px 0;border-radius:8px;border:1px solid #ccc;font-size:14px}.login-box button{width:100%;padding:10px;margin-top:15px;border-radius:8px;border:none;background-color:#4caf50;color:#fff;font-weight:700;cursor:pointer;transition:background .3s}.login-box button:hover{background-color:#45a049}.floating-image{position:absolute;width:80px;z-index:1;top:20%;animation:floatRightToLeft 10s linear infinite}.floating1{top:20%;animation-delay:0s}.floating2{top:35%;animation-delay:2s}.floating3{top:50%;animation-delay:4s}.floating4{top:65%;animation-delay:6s}@keyframes floatRightToLeft{0%{right:-100px}50%{right:50%}to{right:-100px}}