@media (max-width: 767.98px) {
    .main-header .hero h1 {
        font-size: 34px !important;
        font-family: "DM Sans", Sans-serif;
        font-weight: 600;
        line-height: 1.09em;
        letter-spacing: -0.06em;
    }
  
}
.main-header .hero p {
    text-align: center;
    font-family: "DM Sans", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
}

@media (max-width: 767.98px) {
    .services .wrapper-services .services-col-1 h2 {
        width: -moz-max-content;
        width: max-content;
        margin: 0 auto;
        font-size: 19px;
    }
    .page-header-about {
        padding-bottom:20px
    }
        .page-header-about .hero .abs-hero-col-2 h1 {
            font-size: 26px;
        }
}

@media (max-width: 767.98px) {
    .page-header .hero h1 {
        font-size: 26px;
    }
}