@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src:
        local('Manrope Regular'),
        local('Manrope-Regular'),
        local('Segoe UI'),
        local('Arial');
}

@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src:
        local('Manrope SemiBold'),
        local('Manrope-SemiBold'),
        local('Segoe UI Semibold'),
        local('Arial Bold');
}

@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src:
        local('Manrope Bold'),
        local('Manrope-Bold'),
        local('Segoe UI Bold'),
        local('Arial Bold');
}

@font-face {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src:
        local('Sora SemiBold'),
        local('Sora-SemiBold'),
        local('Trebuchet MS Bold'),
        local('Arial Bold');
}

@font-face {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src:
        local('Sora Bold'),
        local('Sora-Bold'),
        local('Trebuchet MS Bold'),
        local('Arial Bold');
}