/* style.css — imports other css modules */
@import "variables.css";
@import "base.css";
@import "layout.css";
@import "components.css";
@import "sections.css";
@import "header.css";
@import "footer.css";
@import "industries.css";


/* Theme-specific tweaks */
body { background: white; }

/* Disable WooCommerce form clearfix that interferes with layout */
.woocommerce form .form-row::before,
.woocommerce form .form-row::after,
.woocommerce-page form .form-row::before,
.woocommerce-page form .form-row::after {
    content: none !important;
    display: none !important;
    clear: none !important;
}










/* Universal Text Styles starts */



.sub-head{
    color: var(--color-sub-head);
    font-size: 14px ;
    font-family: var(--font-body);
    font-weight: 400;
}

.hero-head{
    color: var(--color-hero-head);
    font-size: 56px ;
    font-family: var(--font-heading);
    font-weight: 400;
    line-height: 100%;
}

.hero-text{
    color: var(--color-black);
    font-size: 16px ;
    font-family: var(--font-body);
    font-weight: 400;
    line-height: 110%;
}


h2{
    color: var(--color-black);
    font-size: 56px ;
    font-family: var(--font-heading);
    font-weight: 400;
    line-height: 100%;
    margin-bottom: 28px;
}


h4{
    color: var(--color-black);
    font-size: 26px ;
    font-family: var(--font-heading);
    font-weight: 400;
    line-height: 100%;
    margin-bottom: 16px;
}


p{
    font-size: 16px ;
    line-height: 150%;
    color: var(--color-black);
    font-weight: 400;
}




/* Responisve Universal text style */

@media (max-width: 779px) {
  
    .hero-head{
        font-size: 56px;
      }

     h2{
        font-size: 48px
    }


}

@media (max-width: 430px) {

    .hero-head{
        font-size: 42px;
      }

    h2{
        font-size: 32px
    }
  
}







/* Universal Text Styles ends */