@import url('https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,400..900&display=swap');
:root { 
    --brand-color: #16508a; 
    --bg-white: #ffffff; 
    --bg-2: #f4f7f9; 
    --txt: #1a1a1a; 
    --color-brown: #cb943e; 
    --color-cream: #d4a558; 
    --td-underline: underline; 
    --bg-active: #0e4371; 
}
*{margin: 0; padding: 0; box-sizing: border-box; font-size: 100%; font-weight: normal; font-family: "Inter", sans-serif; font-style: normal; letter-spacing: 0.7px; font-size: 100%; font-weight: normal; color: var(--txt);}
input,select,textarea,button{background-color:transparent;resize:none;border:0;-webkit-tap-highlight-color:rgba(0,0,0,0);outline:0;outline-offset:0;}
input::-webkit-inner-spin-button{display: none;}
button{cursor: pointer;}
a{text-decoration: none;}
.click, a{cursor:pointer; -webkit-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color:rgba(0,0,0,0);outline:0;outline-offset:0;}
::-webkit-scrollbar{width: 7px;}
::-webkit-scrollbar-track{background: transparent; border-radius: 5px;}
::-webkit-scrollbar-thumb{background: var(--color-cream); border-radius: 10px;}
html{scroll-behavior:smooth;}
html, body{width: 100%; height: 1px; min-height: 100%;}
body{background-color: var(--bg-2); overflow-x: hidden; padding-top: 60px;}
input:-webkit-autofill{
    -webkit-box-shadow:0 0 0 50px var(--color-cream) inset;
    -webkit-text-fill-color: var(--txt);
}
img{display: block; max-width: 100%;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
select:-webkit-autofill{
    -webkit-box-shadow: 0 0 0 1000px transparent inset;
    box-shadow: 0 0 0 1000px transparent inset;
    -webkit-text-fill-color: inherit;
    transition: background-color 9999s ease-in-out 0s;
}
@media (max-width: 768px) {
    body::-webkit-scrollbar{width: 0;}
}
@media (max-width: 480px) {
    body::-webkit-scrollbar{width: 0;}
}
@media (max-width: 1024px) and (min-width: 769px) {
    body::-webkit-scrollbar{width: 0;}
}