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

:root {
  /* Colors */
  --primary: #154c79;

  /* Font size */
  --header-1: 3.5rem;
  --header-2: 1.5rem;
  --text-regular: 1.1rem;

  /* Font Weight */
  --font-weight-bold: 700;
  --font-weight-semibold: 500;
  --font-weight-regular: 400;

  /* Width */
  --btn-width: 150px;
  --img-width: 350px;
}

body {
  font-family: "Poppins", sans-serif;
}

.mytdr-container {
  height: calc(100vh - 68px);
}

.main-tdr {
  min-height: 80vh;
}

.text-mytdr-bold,
.text-mytdr-regular {
  margin: 10px 0;
}

.text-mytdr-bold {
  color: var(--primary);
  font-size: var(--header-1);
  font-weight: var(--font-weight-bold);
}

.text-mytdr-regular {
  color: black;
  font-size: var(--header-2);
  font-weight: var(--font-weight-regular);
}

.btn {
  width: var(--btn-width);
}

.btn-primary {
  background-color: var(--primary) !important;
}

.text-group-register {
  margin: 10px 0;
}

.text-group-register p {
  font-size: var(--text-regular);
  font-weight: var(--font-weight-semibold);
}

.text-group-register a {
  color: var(--primary);
}

.img-people img {
  height: auto;
  width: var(--img-width);
}

@media (min-width:1440px) {
  :root {
    --header-1: 4rem;
    --header-2: 1.75rem;
    --text-regular: 1.25rem;
    --btn-width: 180px;
    --img-width: 450px;
  }

  .text-mytdr-bold {
    line-height: 74px;
  }
}

@media (max-width:1200px) {
  :root {
    --header-1: 2.75rem;
    --header-2: 1.25rem;
    --img-width: 300px;
  }
}


@media (max-width: 576px) {
  :root {
    --header-1: 2.25rem;
    --header-2: 1.15rem;
  }

  .text-mytdr-bold {
    line-height: 50px;
  }

  .text-mytdr-regular {
    line-height: 30px;
  }
}