/* Roboto */
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
:root {
  --c1: #1e94ab;
  /*============ BORDER RADIUS ============*/
  --br-1: 3px;
  --br-2: 5px;
  --br-3: 7px;
  --br-4: 10px;
  --br-5: 15px;
  --br-50: 50%;
  /*============ PADDINGS ============*/
  --padding-section: 32px;
}
/*============ GRID ============*/
.grid-1-col {
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr;
}
.grid-2-col {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-3-col {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-4-col {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-5-col {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-6-col {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
/*!============ GRID ============*/