:root{--main-background-color: #ffffff;--main-font-color: #000000;--main-font-h1-color: #0070ad;--main-button-color: #12abdb;--main-button-hover-color: #0070ad;--main-box-background-color: #f6f6f6;--main-font-family: "Ubuntu", sans-serif}h1{color:var(--main-font-h1-color)!important;font-family:var(--main-font-family)!important}#root{width:100%}.sticky-header{position:sticky;top:0;box-sizing:border-box;z-index:1000;padding:15px 50px;width:100%;margin:0;left:0;right:0;background-color:var(--main-box-background-color);color:var(--main-font-color);box-shadow:0 4px 8px #27293680;display:flex;justify-content:space-between;align-items:center}.sticky-header{transition:background-color .3s ease,color .3s ease}.nav-toolbar-container{display:flex;align-items:center;justify-content:flex-start;margin-left:5px;width:100%}.nav-toolbar-container .nav-button{margin-right:40px;display:left;text-transform:capitalize;font-family:var(--main-font-family);font-size:16px;font-weight:400;position:relative;transition:color .3s ease}.nav-toolbar-container .nav-button:after{content:"";position:absolute;left:0;right:0;bottom:3px;height:2.5px;background-color:var(--main-button-hover-color);transform:scaleX(0);transition:transform .3s ease}.nav-toolbar-container .nav-button:hover:after{transform:scaleX(1)}.nav-toolbar-container .nav-button:hover{color:var(--main-button-hover-color)}.icon-container{display:flex;align-items:center}.icon{cursor:pointer;font-size:30px;color:var(--main-font-color);margin-right:16px}body,html{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}@media (max-width: 750px){.sticky-header{flex-direction:column;padding:10px;box-shadow:none}.nav-toolbar-container{justify-content:center;margin-left:0}.nav-toolbar-container .nav-button{margin-right:20px;font-size:14px}.icon-container{margin-top:10px}.icon{font-size:24px;margin-right:10px}}footer.footer{display:block!important;box-sizing:border-box!important;z-index:1000!important;padding:35px!important;width:100%!important;margin:0!important;position:relative!important;box-shadow:0 -4px 8px #27293680!important;min-height:250px!important;transition:box-shadow .3s ease!important}footer.footer.dark-mode{box-shadow:0 -4px 8px #000!important}footer.footer img{position:absolute!important;max-width:450px!important;width:100%!important;height:350px!important;right:100px!important;bottom:-2px!important}footer.footer p{margin:0!important;font-size:16px!important;position:absolute!important;bottom:24px!important;left:100px!important;font-family:var(--main-font-family)}@media (max-width: 1000px){footer.footer{padding:20px!important;min-height:200px!important}footer.footer img{height:250px!important;max-width:450px!important;right:50px!important;bottom:-2px!important}footer.footer p{font-size:14px!important;bottom:15px!important;left:20px!important}}.top-section{display:flex;align-items:flex-start;padding-top:30px;gap:20}.image-container{display:flex;gap:5px}.large-image{width:400px;height:450px;overflow:hidden}.small-image{width:200px;height:220px;overflow:hidden}.small-images{display:flex;flex-direction:column;margin-left:5px;gap:10px;height:450px}.image-wrapper{width:100%;height:100%;overflow:hidden}.image{width:100%;height:100%;object-fit:cover}@media (max-width: 768px){.content-wrapper{display:flex;flex-direction:column;align-items:stretch;padding-left:10px;padding-right:10px}.image-container{display:flex;flex-direction:row;width:100%;max-width:90%;gap:10px;margin:0 auto}.large-image{width:60%;height:auto;max-height:450px}.small-images{display:flex;flex-direction:column;gap:10px;height:auto;max-height:450px;margin-left:0;width:50%}.image-wrapper{width:100%;height:auto;max-height:220px;overflow:hidden}}.charts-container{display:flex;flex-direction:column;align-items:center;padding:20px}.chart{width:100%;max-width:800px;margin-bottom:20px;overflow:hidden}.text-box-container{display:flex;justify-content:center;align-items:center;margin:10px 0;gap:10px}.text-field{flex:1 1 auto;min-width:150px}.button{display:flex;align-items:center;justify-content:center;padding:6px 20px;font-size:.875rem;min-width:64px;height:50px;color:var(--main-button-color)!important;border:2px solid var(--main-button-color)!important;border-radius:4px;background-color:transparent;transition:background-color .3s ease,transform .2s ease}.button-icon{margin-right:5px;color:var(--main-button-color)}@media (max-width: 375px){.text-box-container{flex-direction:column}.button{width:100%;font-size:.9rem;padding:10px}}