@import url('https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,400..900&display=swap');
:root{
    --brand-color: #074646;
    --bg-white: #FFFFFF;
    --bg-2: #f6f2e6;
    --txt: #333037;
    --color-brown: #7a4618;
    --color-cream: #dfc896;
    --td-underline: underline;
    --bg-active: #0b6060;
}
*{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;}
}