/*  */
*,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
div,
span {
  font-family: "Noto Sans", sans-serif;
}

#hero-section h1 {
  font-size: 45px;
  line-height: normal;
  font-weight: bold;
  margin: 0;
}

#hero-section h1 span {
  font-size: 22px;
  line-height: normal;
  font-weight: 500;
}

.card9 ul li {
  font-size: 18px;
}


@media (min-width: 1920px) {}


@media (max-width: 1440px) {}


@media (max-width: 1366px) {}


@media (max-width: 1200px) {
  #hero-section h1 {
    font-size: 44px;
    line-height: normal;
    font-weight: 500;
  }
}

@media (max-width: 991px) {
  #hero-section h1 {
    font-size: 34px;
    line-height: normal;
  }
}



p,
li {
  font-size: 20px;  
  line-height: normal;
}

@media (max-width: 991px) {
  #hero-section h1 {
    font-size: 34px;
  }

  h2 {
    font-size: 32px;
    line-height: normal;
  }
}