/* Mulish Google Fonts */
@import url("https://fonts.googleapis.com/css2?family=Mulish:wght@200;300;400;500;600;700;800;900;1000&display=swap");

/* font-family: 'Mulish', sans-serif; */

:root {
  --primary-black: #131318;
  --grey: #5a5a5d;
  --orange: #ff5400;
}

.grey {
  color: #5a5a5d;
}
.light-grey {
  color: #b2b2b2;
}
.orange {
  color: #ff5400;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

*::after,
*::before {
  box-sizing: border-box;
}

img {
  width: 100%;
}

a {
  text-decoration: none;
}

ul {
  margin: 0;
  padding: 0;
}

ul,
li {
  list-style: none;
}

body {
  font-family: "Mulish", sans-serif;
}
section {
  margin-top: 100px;
}
.common-header {
  color: var(--primary-black);
  margin-bottom: 24px;
  font-size: 2.2rem;
  font-weight: 800; /* 150% */
}
.active {
  color: #ff5400;
  font-weight: 700;
}
.common-p {
  color: var(--grey);
  line-height: 22px; 162.5%
}

.m-bottom-16 {
  margin-bottom: 16px;
}
.m-bottom-24 {
  margin-bottom: 24px;
}
.primary-button {
  padding: 14px 34px;
  background: var(--orange);
  color: #fff;
  cursor: pointer;
  font-size: 1.25rem;
  font-weight: 800;
  border: 1px solid var(--orange);
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}
.primary-button:hover {
  background: #fff;
  color: var(--orange);
  border: 1px solid var(--orange);
}

.container {
  width: 88%;
  margin: 0 auto;
  max-width: 1170px;
}