:root{
    /* ترنزیشن ها */
    --transition-1: all .1s ease-in-out;
    --transition-2: all .2s ease-in-out;
    --transition-3: all .3s ease-in-out;
    --transition-4: all .4s ease-in-out;
    --transition-5: all .5s ease-in-out;
    --transition-6: all .6s ease-in-out;
    --transition-7: all .7s ease-in-out;
    --transition-8: all .8s ease-in-out;
    --transition-9: all .9s ease-in-out;
    --transition-10: all 1s ease-in-out;
    --transition-20: all 2s ease-in-out;
    --transition-30: all 3s ease-in-out;
    --transition-d-3: all .3s ease-in-out 1s;
    --transition-d-4: all .4s ease-in-out 1s;
    --transition-d-5: all .5s ease-in-out 1s;
    --transition-d-6: all .6s ease-in-out 1s;
    --transition-d-7: all .7s ease-in-out 1s;
    --transition-d-8: all .8s ease-in-out 1s;
    --transition-d-9: all .9s ease-in-out 1s;
    --transition-d-10: all 1s ease-in-out 1s;
}