label { color: #000; } input, select, textarea { color: #000; border-color: #0003; border-radius: 5px; } input:focus, select:focus, textarea:focus { color: #ed610b; border-color: #ed610b; } .tooltip { position: relative; display: inline-block; } .tooltip .tooltip-content { visibility: hidden; width: auto; background-color: black; color: #fff; text-align: center; border-radius: 6px; padding: 5px 8px; position: absolute; z-index: 1; bottom: 100%; left: 50%; transform: translateX(-50%); font-family: 'Outfit', sans-serif;  font-size: 12px; opacity: 0; transition: opacity 0.3s; } .tooltip:hover .tooltip-content { visibility: visible; opacity: 1; } .tooltip .tooltip-content::after { content: ''; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: black transparent transparent transparent; } @keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; transform: none; } } .fadeInUp { animation-name: fadeInUp; animation-duration: 1s;  animation-fill-mode: both; } @keyframes fadeOutDown { from { opacity: 1; transform: translate3d(0, 0, 0); } to { opacity: 0; transform: translate3d(0, 100%, 0); } } .fadeOutDown { animation-name: fadeOutDown; animation-duration: 1s;  animation-fill-mode: both; } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { animation-name: fadeOut; animation-duration: 1s;  animation-fill-mode: both; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { animation-name: fadeIn; animation-duration: 1s;  animation-fill-mode: both; } .popup{ backdrop-filter: blur(5px); } html, body { overflow-x: hidden!important; }