*{
            margin: 0;
            padding: 0;
        }

        @font-face {
        font-family: 'Montserrat-Bold';
        src: url('/pages/assets/fonts/Montserrat-Bold.woff2') format('woff2');
        font-weight: normal;
        font-style: normal;
        }

        @font-face {
        font-family: 'Montserrat-Regular';
        src: url('/pages/assets/fonts/Montserrat-Regular.woff2') format('woff2');
        font-weight: normal;
        font-style: normal;
        }

        @font-face {
        font-family: 'Montserrat-Light';
        src: url('/pages/assets/fonts/Montserrat-Light.woff2') format('woff2');
        font-weight: normal;
        font-style: normal;
        }

        @font-face {
        font-family: 'Montserrat-SemiBold';
        src: url('/pages/assets/fonts/Montserrat-SemiBold.woff2') format('woff2');
        font-weight: normal;
        font-style: normal;
        }

        html {
        scroll-behavior: smooth;
        }

        /* Apply the font to the body or any specific elements */
        body, .mont-regular {
            font-family: 'Montserrat-Regular', sans-serif;            
        }

        .mont-bold {
            font-family: 'Montserrat-Bold', sans-serif;   
        }

        .mont-semibold {
            font-family: 'Montserrat-SemiBold', sans-serif;  
        }

        .mont-light {
            font-family: 'Montserrat-Light', sans-serif;
        }

        /* body {
        font-family: "Tajawal", sans-serif;
        font-weight: 500;
        font-style: normal;
        } */