@font-face {
    font-family: iransans-light;
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/1-IranSansWeb/IRANSansWeb_Light.eot");
    src: url("../fonts/1-IranSansWeb/IRANSansWeb_Light.eot") format("embedded-opentype"), url("../fonts/1-IranSansWeb/IRANSansWeb_Light.woff2") format("woff2"), url("../fonts/1-IranSansWeb/IRANSansWeb_Light.woff") format("woff"), url("../fonts/1-IranSansWeb/IRANSansWeb_Light.ttf") format("truetype"
    );
}


html, body {
    font-family: iransans-light, 'Segoe UI', system-ui !important;
}


/* For all screen sizes */
.full-width {
    grid-column: 1 / -1;
}

/* For large screens (equivalent to Tailwind's lg breakpoint) */
@media (min-width: 1024px) {
    .lg-full-width {
        grid-column: 1 / -1;
    }
}