@charset "utf-8";
:root {
  --color-white: #fff;
  --color-black: #000;
  --color-danger: #f2453e;
  --color-success: #50ae55;
  --color-info: #2c98f0;
  --color-ndtv-red: #EE0000;	
  --color-warning: #fd9827;
  --color-transparent: rgba(0, 0, 0, 0);
	
  --color-theme-1: #fde1c9;
  --color-theme-2: #f93924;
	
  --color-gdp-growth-1: #e54c35;	
  --color-gdp-growth-2: #eb884d;	
  --color-gdp-growth-3: #f1c245;	
  --color-gdp-growth-4: #b8db4e;	
  --color-gdp-growth-5: #6cb739;	
  
  --box-shadow-1: 0px 0px 4px rgba(0, 0, 0, 0.25);
  --box-shadow-hover: 0px 0px 14px rgba(0, 0, 0, 0.25);
  --box-shadow-none: 0px 0px 0px rgba(0, 0, 0, 0);
	
  --transition-all: all 0.2s ease-in;
	
  --font-theme-1: "Bebas Neue", serif;
  --font-theme-2: "Poppins", serif;
	
  --font-thin: 100;
  --font-extralight: 200;
  --font-light: 300;
  --font-regular: 400;
  --font-medium: 500;
  --font-semibold: 600;
  --font-bold: 700;
  --font-extrabold: 800;
  --font-black: 900;
}

@keyframes fade-in {
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes slide-left {
  to {
    left: -6%;
    opacity: 1;
    transform: scale(0.9);
  }
}
@keyframes slide-right {
  to {
    right: -6%;
    opacity: 1;
    transform: scale(0.9);
  }
}
@keyframes rotate {
	100% {
		transform: translate(-50%, -50%) rotate(1turn);
	}
}