/* ============================================================
   BOOTSTRAP 5 BREAKPOINT TEMPLATE (Mobile First)
   ============================================================ */

/* 1. X-Small devices (Portrait phones, less than 576px) */
/* No media query for `xs` because this is the default setting */

.added-title1 {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 20px;
  color: rgb(28, 32, 53);
  font-family: "Roboto", sans-serif;
  line-height: 40px;
}
.card1 {
  box-shadow: 0 0 15px rgba(71, 97, 255, 0.16);
  border-radius: 8px;
}
.topimgs img {
  box-shadow: 0 0 20px rgba(71, 97, 255, 0.16);
  border: 1px solid rgba(71, 97, 255, 0.1);
}
.boxshadow1 {
  box-shadow: 0 0 15px rgba(71, 97, 255, 0.08);
}
.boxshadow2 {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.bluetext1{
    color: #192B55;
}
.teamname{
    color: rgba(0, 0, 0, 0.7)
}
.projecttitle{
    font-weight: 600;
    font-size: 25px;
}

/* 2. Small devices (Landscape phones, 576px and up) */
@media (min-width: 576px) {
  /* CSS for 'sm' screens */
  .added-title1 {
    font-size: 36px;
    font-weight: 700;
    line-height: 44px;
  }
}

/* 3. Medium devices (Tablets, 768px and up) */
@media (min-width: 768px) {
  /* CSS for 'md' screens */
  .added-title1 {
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
  }
}

/* 4. Large devices (Desktops, 992px and up) */
@media (min-width: 992px) {
  /* CSS for 'lg' screens */
  /* This is often where you might trigger your auto-scroll animation */
  .added-title1 {
    font-size: 40px;
    font-weight: 700;
    line-height: 64px;
    max-width: 700px;
  }
}

/* 5. X-Large devices (Large desktops, 1200px and up) */
@media (min-width: 1200px) {
  /* CSS for 'xl' screens */
  .added-title1 {
    font-size: 52px;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 70px;
  }
}

/* 6. XX-Large devices (Larger desktops, 1400px and up) */
@media (min-width: 1400px) {
  /* CSS for 'xxl' screens */
  .added-title1 {
    font-size: 56px;
    font-weight: 700;
    margin-bottom: 20px;
  }
}