.nav_links li a{
    font-size: 4rem;
    color: var(--white);
  }

.hero_text{
    color: #ffffff;
    text-align: center;
} 
.hero_text .heading{
    font-weight: 700;
    font-size: 4rem;
    margin-block-start: 9rem;
    margin-block-end: 0rem;
}

.hero_text p{
font-size: 1.4rem;
line-height: 35px;
}
.hero_text .company_name{
    font-weight: bold;
    position: relative;
    white-space: nowrap;

}

.company_name:after {
    content: "";
    position: absolute;
    bottom: -13px;
    left: 0;
    height: 9px;
    width: 100%;
    border: solid 2px var(--green);
    border-color: var(--green) transparent transparent transparent;
    border-radius: 30%;
  }
.point_text h2{
    margin-block-start: 0rem;
    margin-block-end: 0em;
}
.point_text p{
    margin-block-start: 0.5em;
margin-block-end: 0rem;
}

.heading-title{
    font-size: 4rem;
    position: relative;
    font-weight: normal;
    color:var(--dark-navy);
    margin-block-start: 0em;
    margin-block-end: 0.5em;
}

.heading-title::after{
    content: "";
    position: absolute;
    height: 4px;
    width: 3rem;
    left: 0;
    bottom: 0;
    background: var(--dark-navy);
}


.about_text p{
    font-size: 1.4rem;
    line-height: 2;
    letter-spacing: 1px;
}

.stats .stat p{
    font-size: 3rem
}

.product_name{
    letter-spacing: 1px;
    font-size: 1.4rem;
    margin-block-start: 0rem;
    margin-block-end: 0rem;
}

.product_qty{
    letter-spacing: 1px;
    font-size: 0.8rem;
    margin-block-start: 0rem;
    margin-block-end: 0rem;  
}


@media screen and (max-width: 768px){
    .nav_links li a{
        font-size: 3rem;
        color: var(--white);
      }

    .stats .stat p{
        font-size: 2rem
    }
}

@media screen and (max-width: 425px){
    .hero_text .heading{
        font-weight: 700;
        font-size: 2rem;
        margin-block-start: 9rem;
        margin-block-end: 0rem;
    }
}
