/*-------- css reset ---------*/
@import "./css_resets/normalize.css";
@import "./css_resets/reset.local.css";

@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;700;900&display=swap");

:root {
  --mainColor: linear-gradient(
    100deg,
    rgba(69, 0, 155, 1) 9%,
    rgba(80, 121, 243, 1) 100%
  );
  --secondaryColor: #f7f7f7;
  --textMainColor: #333;
  --textSecondaryColor: #6c757d;
  --textActionColor: rgba(69, 0, 155, 1);
}

* {
  font-family: "Poppins", sans-serif, Arial, Helvetica;
}

h1 {
  font-family: "Roboto Slab", sans-serif, Arial, Helvetica;
  font-weight: 900 !important;
}

p {
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

a {
  color: inherit;
}

.row {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
}

.container-fluid {
  padding-left: 0;
  padding-right: 0;
}

.primary-button {
  background: var(--mainColor);
  width: 180px;
  padding: 12px 20px;
  margin-top: 30px;
  line-height: 1;
  border-radius: 50px;
  cursor: pointer;
  text-align: center;
  transition: all ease-in-out 0.2s;
}

.primary-button:hover {
  opacity: 0.9;
}

.primary-button a {
  color: white;
  text-transform: capitalize;
}

.primary-button i {
  color: white;
  margin-left: 7px;
}

.primary-button a:hover {
  text-decoration: none;
}