@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

/* Apply Inter to all text elements only */
html, body,
p, span, a, li, ul, ol, div,
h1, h2, h3, h4, h5, h6,
button, input, select, textarea,
label, table, td, th {
    font-family: "Inter", sans-serif;
}


.responsive-width {
width: 90%;
max-width: 90%;
}

.responsive-width-form{
    width:90%;
}

.image-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 1rem;
    z-index: 2;
    height: 100%;
    width: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
}

html {
  scroll-behavior: smooth;
}




@media (min-width: 1024px) {
.responsive-width {
  width: 35%;
}

.responsive-width-form{
    width:40%;
}

}