@import url("./modules/utilities.css");
@import url("./modules/header.css");
@import url("./modules/footer.css");
@import url("./modules/home.css");
@import url("./modules/auth.css");
@import url("./modules/authPartners.css");
@import url("./modules/courses.css");
@import url("./modules/recalificare.css");
@import url("./modules/notFound.css");
@import url("./modules/courseDetails.css");
@import url("./modules/searchResults.css");
@import url("./modules/media.css");
@import url("./modules/jobs.css");
@import url("./modules/articleDetails.css");
@import url("./modules/faq.css");
@import url("./modules/affiliations.css");
@import url("./modules/centersPage.css");
@import url("./modules/terms.css");
@import url("./modules/academies.css");
@import url("./modules/accountCourses.css");
@import url("./modules/certifications.css");

:root {
  --white: #fff;
  --off-white: #d1d5dc;
  --black: #000;
  --black-2: #191c1f;
  --green-1: #88bd3f;
  --green-2: #c8ff7c;
  --green-3: #3d6a00;
  --dark-blue: #2a3f68;
  --dark-blue-2: #00568c;
  --dark-blue-3: #004976;
  --dark-blue-4: #00629b;
  --light-blue: #badbff;
  --font-family-main: "Karla";
  --font-family-secondary: "Figtree";
  --side-padding: 6rem;
  --grey-1: #d1d5dc;
  --grey-2: #eeeeee;
  --grey-3: #f2f4f7;
  --grey-4: #c0c7d14d;
  --grey-5: #6a7282;
  --grey-6: #f4f4f4;
  --grey-7: #f9fafb;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: inherit;
  /* outline: 1px solid red; */
}

html {
  font-size: 62.5%;
  box-sizing: border-box;
  overflow-x: hidden;
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-family-main), sans-serif;
  overflow-x: hidden;
}

a {
  font-family: inherit;
  color: inherit;
  text-decoration: none;
}

button {
  background-color: transparent;
  cursor: pointer;
  border: none;
  font-family: inherit;
}

input:focus {
  outline: none;
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: #d1d1d132;
}

::-webkit-scrollbar-thumb {
  background: #A3A7AB;
  border-radius: 7px;
}

::-webkit-scrollbar-thumb:hover {
  background: #A3A7AB;
}

.general-gray-container {
  background-color: #EEEEEE;
}

.general-blue-text {
  color: var(--dark-blue-2);
}

@media only screen and (max-width: 1200px) {
  :root {
    --side-padding: 3rem;
  }
}

@media only screen and (max-width: 700px) {
  :root {
    --side-padding: 1.5rem;
  }
}