@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap");
* {
  scroll-behavior: smooth;
  box-sizing: border-box;
}

:root {
  --primary_color: #0f4037;
  --background_color: #f0f1f5;
  --text_color: #2a2a2a;
  --highlight_color: #a0e251;
}

svg{
  flex: none;
}

.swiper-pagination-bullet-active {
  background-color: var(--primary_color) !important;
}
body {
  font-family: "Outfit", sans-serif;
  background-color: var(--background_color);
  color: var(--text_color);
}

.banner_bg {
  background: linear-gradient(
    131deg,
    #0f4037d3 20%,
    rgba(255, 255, 255, 0) 100%
  );
}

.hero_bg {
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
}

.svg_icon_subheading svg {
  width: 1.5rem;
  height: 1.5rem;
  stroke: var(--highlight_color);
}

#navBar {
  transition: background-color 0.3s ease-in-out;
}