/**
 * CONTAINER UTILITIES
 *
*/
@layer utilities {
    /* CONTAINER */
    /* Custom container utility */

    .n7-container-xxs {
        @apply max-w-[675px] w-[90%] mx-auto;
    }

    .n7-container-xs {
        @apply max-w-screen-md w-[90%] mx-auto;
    }

    .n7-container-md {
        @apply max-w-screen-lg w-[90%] mx-auto;
    }

    .n7-container {
        @apply max-w-screen-2xl w-[90%] mx-auto;
    }

    /* RULE FOR NESTED CONTAINERS - prevent horizontal margin */
    [class*="n7-container"] [class*="n7-container"] {
        @apply mx-0 w-full;
    }
}