*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%}.main-container{display:flex;height:100vh}.main-content{width:100%}.progress{width:70%;height:30px;background-color:#476fa1}.progress-bar{background-color:#71b0ff}.bg-blue{background-color:#71b0ff!important}.sidebar-card{width:300px;height:80px;padding:20px;background-color:#ecf3f8}.card-2{padding:20px;border:1px solid #c4c4c4;gap:60px}.nav-container{border-bottom:1px solid #c4c4c4;padding-bottom:20px}.btn-outline-success{border:1px solid #283e5a!important;background-color:#283e5a!important;color:#fff!important}.btn-outline-success:hover{border:1px solid #476fa1ed!important;background-color:#476fa1ed!important;color:#fff}.btn-dark-blue-outline{background-color:transparent;border-radius:8px;padding-left:5px;padding-right:5px;border:1px solid #283e5a!important;color:#283e5a!important}.btn-dark-blue-outline:hover{border:1px solid #283e5a;background-color:#283e5a;color:#fff!important}.btn-dark-blue-outline:active{background-color:#476fa1ed!important;border:1px solid #476fa1ed!important;color:#fff}.white-button{border-radius:8px;padding-left:5px;padding-right:5px;border:1px solid #fff;color:#fff}.white-button:hover{background-color:#fff;color:linear-gradient(270deg,#283e5a,#173a7e)}.nav-small-screen{background:linear-gradient(270deg,#283e5a,#173a7e)}.weather-card{border:1px solid #dfdfdf;height:260px;width:180px;padding:20px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.08)}.weather-card:hover{box-shadow:0 4px 4px rgba(0,0,0,.25)}.section{display:flex;flex-wrap:wrap}.bg-blue-light,.section-2{background-color:#ecf3f8!important}.section-2{border-radius:8px;padding:20px}.section-2-items{width:auto;padding-bottom:20px;border-bottom:1px solid hsla(0,0%,67%,.5)}.box-shadow{box-shadow:0 4px 12px rgba(0,0,0,.08)}.ps-20{padding-left:20px}.ms-20{margin-left:20px}.ms-40{margin-left:40px}.width-50{width:50px}.width-50-120{width:100px}.border-radius-8{border-radius:8px}.max-height-40{max-height:40px}.form-control:focus{box-shadow:none;border-color:#ced4da;outline:none}.search-container .btn{color:#71b0ff;border-color:#71b0ff}.search-container .btn:hover{background-color:#71b0ff;color:#fff;border-color:#71b0ff}.weather-icon-1{width:100px;height:100px}.responsive-weather-icon{width:30px;height:30px}.sections-container{padding:20px}.not-displayed-in-xl{display:none}.displayed-in-xl{display:block}@media (min-width:575px){.not-displayed-in-xl{display:block}.displayed-in-xl{display:none}.section-2{padding:40px!important;background-color:#ecf3f8;border-radius:8px}}@media (min-width:992px){.responsive-weather-icon{width:60px;height:60px}.not-displayed-in-xl{display:block}.width-50-120{width:120px}.sections-container{padding:40px}}@media (min-width:1200px){.search-container .btn{background-color:#283e5a;color:#fff;border-color:#283e5a}.search-container .btn:hover{background-color:#71b0ff;color:#fff;border-color:#71b0ff}.sidebar-card{width:100%!important;height:80px;padding:20px;background-color:#476fa1;color:#fff}.sections-container{padding:0}.sidebar{width:400px;background:linear-gradient(180deg,#283e5a,#173a7e);color:#fff;position:fixed;padding:40px;display:flex!important;flex-direction:column!important;justify-content:space-between!important}.main-content,.sidebar{height:100vh;overflow-y:auto}.main-content{flex:1 1;margin-left:400px;padding:80px}}.navbar-custom-toggler{border-color:#fff;outline:none}.navbar-custom-toggler .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}:root{--font-h1:2.5rem;--font-h2:2rem;--font-h3:1.5rem;--font-h4:1.1rem;--font-h5:0.9rem;--font-h6:0.85rem}@media (min-width:575px){:root{--font-h1:3rem;--font-h2:2.25rem;--font-h3:1.75rem;--font-h4:1.25rem;--font-h5:0.9rem;--font-h6:0.85rem}}@media (min-width:992px){:root{--font-h1:3.5rem;--font-h2:2.75rem;--font-h3:2rem;--font-h4:1.5rem;--font-h5:1rem;--font-h6:0.9rem}}@media (min-width:1200px){:root{--font-h1:3rem;--font-h2:2.25rem;--font-h3:1.75rem;--font-h4:1.25rem;--font-h5:1rem;--font-h6:0.9rem}}.h1,h1{font-size:var(--font-h1)}.h2,h2{font-size:var(--font-h2)}.h3,h3{font-size:var(--font-h3)}.h4,h4{font-size:var(--font-h4)}.h5,h5{font-size:var(--font-h5)}.h5,.h6,h5,h6{font-weight:300}.h6,h6{font-size:var(--font-h6)}