html,body{height:100%;margin:0}#app{width:100%;height:100%;margin:0;display:flex;flex-direction:column;min-height:100vh}.navbar{background-color:#003153;display:flex;justify-content:space-between;width:100%}.btn-primary{background-color:#700c25;border-color:#000;color:#fff;margin-right:30px;margin-top:10px;width:200px;height:100%}.btn-primary:hover{background-color:#000;border-color:#000}.card-body .btn{display:flex;justify-content:center;align-items:center;text-align:center;height:30px}.button-margin{margin:0 10px}.navbar-logo{height:50px;width:auto;margin-left:10px;object-fit:contain}.navbar-nav{display:flex;gap:1rem}.navbar-nav a{color:#fff;text-decoration:none}.main-content{flex:1;display:flex;justify-content:center;align-items:center}.card{border:none;margin-top:20px;width:300px;display:flex;flex-direction:column}.cards-container{display:flex;flex-wrap:wrap;gap:20px;height:100%}.card img{object-fit:adjust;width:100%;height:230px;border-radius:10px 10px 0 0}.card1{border:none}.card-body1{overflow-y:hidden;width:500px;margin-bottom:20px}.card-title{font-family:Georgia,serif;font-size:30px}.text-center{text-align:center}.gradient-custom{background:linear-gradient(to right bottom,#2A627D,#003153);color:#fff;text-align:center}.progress-wrapper{display:flex;justify-content:center;align-items:center;position:relative;width:90px;height:90px;margin:0 auto}.progress-circle{position:absolute;width:100%;height:100%;border-radius:50%;border:8px solid #e6e6e6;background:transparent;box-sizing:border-box}.progress-circle .progress-bar{position:absolute;width:100%;height:100%;border-radius:50%;border:8px solid transparent;border-top-color:#007bff;transform:rotate(-90deg);transform-origin:center;animation:spin 1s linear infinite}.progress-text{position:absolute;font-size:16px;font-weight:700;color:#007bff;text-align:center;line-height:90px}@keyframes spin{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}.banner img{width:100%;bottom:0;left:0}.form-group{display:flex;width:400px;height:40px}.form-group2{display:flex;width:900px;height:375px}.form-control{display:flex;width:200px;height:20px}.form-control2{display:flex;width:800px;height:375px}.steps-container{display:flex;flex-direction:column;padding-top:20px;padding-left:250px;padding-right:250px;height:100%}.step{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.step-img{margin:10px 0;justify-content:center}.table{width:100%;margin-bottom:1rem;color:#212529;border-collapse:collapse}.table th,.table td{padding:1rem;vertical-align:top;border-top:1px solid #dee2e6}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6;background-color:#003153;color:#fff;text-align:center}.table tbody tr:nth-of-type(odd){background-color:#f2f2f2}.table tbody tr:hover{background-color:#e9ecef}.table td,.table th,.banner{text-align:center}.banner img{max-width:100%;height:auto;border-radius:8px}.table-container{margin-bottom:40px;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;height:100%}.video-container{display:flex;justify-content:center;align-items:center;height:100%}.latest-values{margin-top:20px;font-family:Arial,sans-serif;display:flex;gap:20px;flex-wrap:wrap}.chart-container{margin-top:20px}.chart-container canvas{display:flex;margin:auto}.videos-section{display:flex;flex-direction:column;justify-content:center;align-items:center;background-image:url(/assets/background.jpg);background-size:cover;background-position:center;padding:20px 0;min-height:100vh;z-index:1}.video-container{margin-top:300px;width:90%;max-width:800px;margin-bottom:400px;background-color:#fffc;border-radius:10px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;align-items:center}.video-container video{width:100%;height:auto;border-radius:10px}.banner-section{width:100%;text-align:center;margin-top:50px;z-index:2}.banner-section img{width:100%;height:auto;border-radius:8px}