@import "tailwindcss";

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

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

html {
  overflow-x: hidden;
  scroll-behavior: smooth;
}

body {
  background: var(--background);
  color: var(--foreground);
  font-family: var(--font-montserrat);
  overflow-x: hidden;
  width: 100%;
  position: relative;
}

.service-overlay {
  width: 100%;
  min-height: 100%;
  background-image: url("/servicebg.jpg"),
    linear-gradient(
      rgba(231, 241, 253, 0.931) 100%,
      rgba(58, 68, 251, 0.492) 100%
    );
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
}

.about-overlay {
  width: 100%;
  min-height: 100%;
  background-image: url("/aboutbg.jpg"),
    linear-gradient(rgba(195, 222, 255, 0.62) 100%);
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
}

.our-doctors-overlay {
  width: 100%;
  min-height: 100%;
  background-image: linear-gradient(
      to bottom,
      rgb(78, 143, 247) 80%,
      rgba(255, 186, 186, 0.614) 100%
    ),
    url("/teamimg.jpg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.Breadcrumbs-overlay {
  width: 100%;
  min-height: 100%;
  background-image: linear-gradient(to bottom, rgba(35, 36, 36, 0.732) 100%),
    url("/teamimg.JPG");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}