* {
    --font-size-base: 12px;
    --font-size-primary: 13px;
    --font-size-secondary: 16px;
    --font-size-tertiary: 20px;
    --font-weight-base: 500;
    --fontSz10: 10px;
    --fontSz11: 11px;
    --fontSz12: 12px;
    --fontSz13: 13px;
    --fontSz14: 14px;
    --fontSz16: 16px;
    --fontSz20: 20px;
    --fontRegular: 400;
    --fontMedium: 500;
    --fontSemiBold: 600;
    --fontBold: 700;
    --size1: 4px;
    --size2: 8px;
    --size3: 12px;
    --size4: 16px;
    --size5: 20px;
    --size6: 24px;
    --size7: 28px;
    --size8: 32px;
    --size9: 36px;
    --size10: 40px;
    --mainspacing: 20px;
    --bdrrd4: 4px;
    --bdrrd8: 8px;
    --bdrrd12: 12px;
    --ipMar: 24px;
}
.cp {
    cursor: pointer;
}
@media screen and (max-width: 1600px) {
    * {
        --fontSz20: 16px;
        --fontSz16: 12px;
        --fontSz14: 11px;
        --size10: 36px;
        --ipMar: 20px;
    }
}