@import url('https://fonts.googleapis.com/css2?family=Droid+Serif:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap');

@import "tailwindcss";


body {
  
  font-family: 'Open Sans', sans-serif;
}

/* Example usage */


:root {
  --background: #ffffff;
  --foreground: #171717;
}

@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --font-sans: var(--font-geist-sans);
  --font-mono: var(--font-geist-mono);
}


.highlight {
  color: #ff5733; /* Change this to your desired color */
  font-weight: bold;
}
body {
  background: var(--background);
  color: var(--foreground);
}
.startupbg{
  width: 100%;
  min-height: 100vh;
  background: linear-gradient(#d2e8f6 15%, #f9f4f1 85%);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  flex-direction: column;
}
.startupbg{
  width: 100%;
  min-height: 100vh;
  background: linear-gradient(#d2e8f6 15%, #f9f4f1 85%);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 2rem;
  flex-direction: column;
}
.faqbg{
  width: 100%;
  min-height: 100vh;
  background: linear-gradient(#d2e8f6 15%, #f9f4f1 85%);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 50px 2rem;
  flex-direction: column;
}

.startupbgexample{
  width: 100%;
  min-height: 100vh;
  background: linear-gradient(#d2e8f6 15%, #f9f4f1 85%);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 100px 2rem;
  flex-direction: column;
}

.startupbgsuccess{
  width: 100%;
  min-height: 0vh;
  background: linear-gradient(#d2e8f6 15%, #f9f4f1 85%);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 2rem;
  flex-direction: column;
}

.startupbgterms{
  width: 100%;
  min-height: 100vh;
  background: linear-gradient(#d2e8f6 15%, #f9f4f1 85%);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 60px 2rem;
  flex-direction: column;
}

@media screen and (max-width:768px) {
  .startupbgexample{
    width: 100%;
    min-height: 100vh;
    background: linear-gradient(#d2e8f6 15%, #f9f4f1 85%);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px 0;
    flex-direction: column;
  }
}