/* styling the of the hero section of home page */
  .hero_section {
    margin-top: 4em;
    width: 100%;
    background-color: var(--main-color);
  }
  .hero_section_inner {
    /* display: flex; */
    min-height: 100vh;
    padding: 35px 0;
  }
  .hero_text {
    color: #fff;
    margin-top: -20px;
    padding-right: 50px;
  }
  .hero_text p {
    color: #fff;
  }
  .hero_text_hd {
    font-size: 40px;
    font-weight: 900;
    margin-bottom: 20px;
  }
  .hero_img {
    animation: heroImg 3s linear infinite;
  }
  .hero_list_main p{
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 8px;
  }
  .hero_list_main ul li {
    margin-left: 20px;
    letter-spacing: 1px;
    list-style-type:circle;
  }
  .hero_img img {
    width: 100%;
    height: 100%;
  }
  @keyframes heroImg {
    0%, 100%{
      transform: translateY(0);
    }
    50% {
      transform: translateY(-20px);
    }
  }



  @media screen and (max-width: 770px) {
    .hero_text {margin-top: 0;}
  }
  @media screen and (max-width: 576px) {
    .hero_text {margin-top: 1em;}
    .hero_text_hd {font-size: 28px;} 
    .hero_img {margin-top: 4em;} 
  }