:root {
  --primary-color: #314186; /* Define your primary color */
  --secondary-color: #808080; /* Define your secondary color */
  --third-color: #4D7DE7; /* Define your secondary color */
  --fourth-color: #3E3E3E; /* Define your fourth color */
  --fifth-color: #ECF4FF; /* Define your fourth color */
  --sixth-color:#F5F9FF;
  
  --f28-font: 28px; /* Define your primary color */
  --f26-font: 26px; /* Define your primary color */
  --f24-font: 24px; /* Define your primary color */
  --f22-font: 22px; /* Define your primary color */
  --f20-font: 20px; /* Define your secondary color */
  --f19-font: 19px; /* Define your fourth color */
  --f17-font: 17px; /* Define your fourth color */
  --f18-font: 18px; /* Define your secondary color */
  --f16-font: 16px; /* Define your fourth color */
  --f15-font: 15px; /* Define your fourth color */
  --f14-font: 14px; /* Define your fourth color */
  --f13-font: 13px; /* Define your fourth color */
  --f12-font: 12px; /* Define your fourth color */
  --f11-font: 11px; /* Define your fourth color */
 
}

/* Tablet & Medium Screens (681px to 1000px) */
@media (min-width: 681px) and (max-width: 1100px) {
  :root {
	--f28-font: 26px; /* Define your primary color */
	--f26-font: 24px; /* Define your primary color */
	--f24-font: 22px; /* Define your primary color */
	--f22-font: 20px; /* Define your primary color */
	--f20-font: 18px; /* Define your secondary color */
	--f19-font: 17px; /* Define your fourth color */
	--f17-font: 15px; /* Define your fourth color */
	--f18-font: 16px; /* Define your secondary color */
	--f16-font: 14px; /* Define your fourth color */
	--f15-font: 13px; /* Define your fourth color */
	--f14-font: 12px; /* Define your fourth color */
	--f13-font: 11px; /* Define your fourth color */
	--f12-font: 10px; /* Define your fourth color */
	--f11-font: 10px; /* Define your fourth color */
  }
}


@media ( max-width : 680px) {
	:root {
		--f28-font: 26px; /* Define your primary color */
		  --f26-font: 24px; /* Define your primary color */
		  --f24-font: 22px; /* Define your primary color */
		  --f22-font: 20px; /* Define your primary color */
		  --f20-font: 18px; /* Define your secondary color */
		  --f19-font: 17px; /* Define your fourth color */
		  --f17-font: 15px; /* Define your fourth color */
		  --f18-font: 16px; /* Define your secondary color */
		  --f16-font: 14px; /* Define your fourth color */
		  --f15-font: 13px; /* Define your fourth color */
		  --f14-font: 12px; /* Define your fourth color */
		  --f13-font: 11px; /* Define your fourth color */
		  --f12-font: 10px; /* Define your fourth color */
		  --f11-font: 9px; /* Define your fourth color */
	}
	}