* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: "Poppins", sans-serif;
}

:root {
  --primary: #636cff;
  --black: #000000;
  --white: #fff;
}

/* changing the size of bootstrap container  */
.custom-container {
  padding: 0;
  max-width: 1366px;
}

.btns {
  padding: 5px 25px;
  text-decoration: none;
  border-radius: 5px;
}

.primary_btns {
  background: var(--primary);
  color: var(--white);
}

.highlight_text {
  color: var(--primary);
}

/* iPad Pro (Large Tablets) */
@media (min-width: 1024px) and (max-width: 1365px) {
  .custom-container {
    max-width: 87%;
  }
}

/* iPad Mini & iPad Air (Tablets) */
@media (min-width: 768px) and (max-width: 1023px) {
  .custom-container {
    max-width: 90%;
  }
}

/* Mobile (Portrait & Small Screens) */
@media (max-width: 767px) {
  .custom-container {
    max-width: 90%;
  }
}