.dropdown-bar{width:70%;min-height:auto;box-shadow:0 0 10px var(--secondary);background-color:#fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;margin:10px;display:flex;position:relative}.dropdown-bar:hover{background-color:#f5f5f5}.top-bar-dropdown{text-align:left;flex-direction:row;justify-content:center;align-items:center;width:100%;display:flex}.top-bar-dropdown h1{color:#144567;margin-left:20px;margin-right:auto;font-size:clamp(1.3rem,3vw,1.8rem);font-weight:400}.dropdown-text{opacity:0;color:var(--primary1);height:fit-content;transition:opacity 1s ease-in-out;display:none}.dropdown-text p{width:95%}.dropdown-text.active{opacity:1;display:flex}@keyframes fade{0%{opacity:0}to{opacity:1}}.dropdown-bar p{font-family:Open Sans,sans-serif;font-size:(1rem,4vw,1.3rem);opacity:0;align-self:flex-start;width:95%;padding:10px;animation:1s ease-in forwards fade}.open-dropdown,.close-dropdown{cursor:pointer;width:26px;height:26px;margin-right:20px;display:none;position:relative}.open-dropdown:before,.open-dropdown:after,.close-dropdown:before,.close-dropdown:after{content:"";background:#000;width:100%;height:3px;position:absolute;top:10px;left:0}.open-dropdown:before{transform:rotate(90deg)}.open-dropdown:after{transform:rotate(-180deg)}.close-dropdown:before{transform:rotate(45deg)}.close-dropdown:after{transform:rotate(-45deg)}.open-dropdown.active,.close-dropdown.active{justify-content:center;align-items:center;display:flex}@media only screen and (max-width:884px){.dropdown-bar{width:95%}.open-dropdown,.close-dropdown{width:22px;height:22px}.open-dropdown:before,.open-dropdown:after,.close-dropdown:before,.close-dropdown:after{top:-10px}}