@import url("components.css");
@import url("home.css");
@import url("about.css");
@import url("services.css");
@import url("service.css");
@import url("service-area.css");
@import url("location.css");
@import url("warranty.css");
@import url("policy.css");

@font-face {
  font-family: "Manrope";
  src: url("../fonts/Manrope-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Manrope";
  src: url("../fonts/Manrope-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Archivo Condensed";
  src: url("../fonts/Archivo_Condensed-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Archivo Semi Condensed";
  src: url("../fonts/Archivo_SemiCondensed-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter_28pt-Thin.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter_28pt-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter_28pt-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter_28pt-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter_28pt-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter_28pt-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

:root {
  --primary-color: #0d284c;
  --primary-light-color: #55d2ff;
  --secondary-color: #ec1846;
  --text-color: #70767e;
  --light-color: #fff;
  --primary-font: "Inter", sans-serif;
  --secondary-font: "Archivo Condensed", sans-serif;
  --secondary-font-semi: "Archivo Semi Condensed", sans-serif;
  --tertiary-font: "Manrope", sans-serif;
  --quaternary-font: "Open Sans", sans-serif;
}

* {
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
  box-sizing: border-box;
  font-family: var(--primary-font);
}
html,
body {
  max-width: 100%;
  position: relative;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  touch-action: manipulation;
  scroll-behavior: smooth;
  overflow-x: hidden;
}

img {
  max-width: 100%;
  display: block;
  object-fit: contain;
  object-position: center;
}