Value of csrftoken in document.cookie is different from csrftoken in Cookies

I am using django rest framework. I have Ember frontend. Here, when I am getting the csrftoken from Cookies.get("csrftoken"), its different from the csrftoken I see in the browser cookies.

Here is a screenshot:

See that the csrftoken in Cookie is different from X-CSRFToken(which is set by Cookies.get("csrftoken")).

Why are they different? I need both of them to be same. Please help.