@font-face {
  font-family: "NoirPro";
  src: url("./fonts/NoirPro-Light.woff2") format("woff2"),
    url("./fonts/NoirPro-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "NoirPro";
  src: url("./fonts/NoirPro-Regular.woff2") format("woff2"),
    url("./fonts/NoirPro-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "NoirPro";
  src: url("./fonts/NoirPro-SemiBold.woff2") format("woff2"),
    url("./fonts/NoirPro-SemiBold.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Arima Madurai";
  src: url("./fonts/ArimaMadurai-Medium.woff2") format("woff2"),
    url("./fonts/ArimaMadurai-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Arima Madurai";
  src: url("./fonts/ArimaMadurai-Regular.woff2") format("woff2"),
    url("./fonts/ArimaMadurai-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Arima Madurai";
  src: url("./fonts/ArimaMadurai-Bold.woff2") format("woff2"),
    url("./fonts/ArimaMadurai-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "NoirPro", sans-serif;
  color: #535353;
  max-width: 100vw;
  overflow-x: hidden;
}

button,
a {
  font-weight: 400 !important;
}

.v-text-bold {
  font-family: "Arima Madurai", serif;
  font-weight: bold;
}

.v-text-medium {
  font-family: "Arima Madurai", serif;
  font-weight: 500;
}

.v-text-regular {
  font-family: "Arima Madurai", serif;
  font-weight: 400;
}

.vettme-feature1img {
  background: url("/feature1img.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.vettme-feature2img {
  background: url("/feature2img.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.vettme-feature3img {
  background: url("/feature3img.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.vettme-feature4img {
  background: url("/feature4img.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.vettme-feature5img {
  background: url("/feature5img.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.onboard {
  background: url("/subfooterimg.webp");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}