:root {
	--text-col: #3c3c3c;
	--col-white: #fff;
	--col1: #fafafc;
	--col2: #f0f0f0;
	--col3: #fafaff;
	--col4: #848d9b;
	--col5: #515b6f;
	--col6: #030203;
	--col7: #1d1a05;
	--col8: #666666;
	--col-red: #FFD0D6;
	--col-red-c: #FF0021;
	--col-yellow: #FFF7D1;
	--col-yellow-c: #FFD800;
	--col-blue: #C8E2F0;
	--col-blue-c: #006BAF;
	--col-cateye: #F5ECD5;
	--col-cateye-c: #D6B052;
	--col-green: #ccedd7;
	--col-green-c: #50c878;
	--col-pink: #ffdbe9;
	--col-pink-c: #f5b4cc;
	--col9: #ed293a;
	--col10: #f9f8f8;
	--col11: #141413;
	--col12: rgba(15, 23, 42, 0.06);
	--col13: rgba(245, 158, 11, 0.12);
	--col14: rgba(239, 68, 68, 0.12);
	--col15: #b1aeae;
	--col16: #209848;
	--col17: #ccc;
	--col18: #666;
	--col19: rgba(50, 50, 50, 0.7);
	--col20: rgb(153, 153, 153);
	--col21: #f2f5f7;
	--col22: #1a5472;
	--col23: #8db3d2;
	--col24: #667eea;
	--col25: #1c3c57;
	--header-bg: rgba(236, 240, 255, 0.65);
	--header-bg1: #f9f7f3;
	
	--brand-col1: #0069AA;
	--brand-col2: #fcd93f;
	--brand-col3: #e0115f;
	--brand-col4: #ff4040;
	--brand-col5: #0067a5;
	--text-col1: #25324b;
	--text-col2: #4b4b4b;
	
	--col8-rgba2: rgba(255, 184, 54, 0.2);
	--brand-col2-rgba1: rgba(91, 188, 118, 0.1);
	
	--shadow1: 0px 25px 50px -12px rgba(0, 0, 0, 0.2);
	--shadow2: 0px 1px 3px rgba(0, 105, 170, 0.24), 0px 2px 6px rgba(0, 105, 170, 0.24), 0px 4px 8px rgba(0, 105, 170, 0.12), 0px 16px 32px -8px rgba(0, 105, 170, 0.48), inset 1px 1px 2px #0069AA;
	--shadow3: 0px 10px 15px -3px rgba(0, 0, 0, 0.08), 0px 4px 6px -2px rgba(0, 0, 0, 0.04);
	--shadow4: 0px 1px 3px rgba(252, 217, 63, 0.24), 0px 2px 6px rgba(252, 217, 63, 0.24), 0px 4px 8px rgba(252, 217, 63, 0.12), 0px 16px 32px -8px rgba(252, 217, 63, 0.48), inset 1px 1px 2px #FCD93F;
	--shadow5: 0px 1px 3px rgba(237, 41, 58, 0.24), 0px 2px 6px rgba(237, 41, 58, 0.24), 0px 4px 8px rgba(237, 41, 58, 0.12), 0px 16px 32px -8px rgba(237, 41, 58, 0.48), inset 1px 1px 2px #ED293A;
	--shadow6: 0px 1px 3px rgba(187, 187, 187, 0.24), 0px 2px 6px rgba(187, 187, 187, 0.24), 0px 4px 8px rgba(187, 187, 187, 0.12), 0px 16px 32px -8px rgba(187, 187, 187, 0.48), inset 1px 1px 2px #bbb;
	--shadow7: 0px 1px 3px rgba(187, 187, 187, 0.24), 0px 2px 6px rgba(187, 187, 187, 0.24), 0px 4px 8px rgba(187, 187, 187, 0.12), 0px 16px 32px -8px rgba(187, 187, 187, 0.48), inset 0px 0px 0px #bbb;
  	--shadow8: 0 8px 20px rgba(0, 0, 255, 0.12);
  	--shadow9: 0 10px 30px rgba(0, 0, 0, 0.2);
  
	--p5: 5px;
	--p6: 6px;
	--p8: 8px;
	--p10: 10px;
	--p12: 12px;
	--p15: 15px;
	--p18: 18px;
	--p20: 20px;
	--p22: 22px;
	--p23: 23px;
	--p24: 24px;
	--p26: 26px;
	--p30: 30px;
	--p40: 40px;
	--p42: 42px;
	--p48: 48px;
	--p50: 50px;
	--common-padding: 60px;
	--p80: 80px;
	
	--font10: 10px;
	--font12: 12px;
	--font14: 14px;
	--font15: 15px;
	--font16: 16px;
	--font18: 18px;
	--font20: 20px;
	--font22: 22px;
	--font24: 24px;
	--font30: 30px;
	--font36: 36px;
	--font38: 38px;
	--font48: 48px;
	--font52: 52px;
	--font100: 100px;
	
	--border-r2: 2px;
	--border-r3: 3px;
	--border-r5: 5px;
	--border-r10: 10px;
	--border-r16: 16px;
	--border-r18: 18px;
	--border-r20: 20px;
	--border-r24: 24px;
	--border-r26: 26px;
	--border-r46: 46px;
	--border-r50per: 50%;
	
	--main-family: "Lato", sans-serif;
	--font-family1: "Barlow", sans-serif;
	--font-family2: "Black Ops One", system-ui;
	--font-family3: "Roboto", sans-serif;
	--font-family4: "Poppins", sans-serif;
	--font-family5: "Roboto Serif", serif;
	
	--gradient1: linear-gradient(270deg, rgba(222, 24, 97, 0.7) 0%, #362C7D 96.15%);
	--gradient2: linear-gradient(57.15deg, #DE1861 8.89%, #E293B0 107%);
	--gradient3: linear-gradient(180deg, #ffffff, #fbfdff);
	--gradient4: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
	--gradient5: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
	--gradient6: linear-gradient(45deg, rgba(234, 224, 200, 1) 39%, rgba(209, 215, 219, 1) 100%); /* Can be removed */
	--gradient7: linear-gradient(45deg,rgba(0, 105, 170, 1) 50%, rgba(105, 200, 255, 1) 100%);
	--gradient8: linear-gradient(45deg, #3988b4, green);
	--gradient9: linear-gradient( -45deg, var(--brand-col1), #d9eaf5, var(--brand-col1), var(--brand-col1), var(--brand-col1), var(--brand-col1), var(--brand-col1), var(--brand-col1), #d9eaf5, var(--brand-col1));
	--gradient10: linear-gradient(180deg, rgba(250, 218, 94, 0.17) 00%, rgb(235 250 255 / 57%) 40%, rgb(235 250 255 / 77%) 100%);
	
	--bg: #f7fafc;
	--card: #ffffff;
	--ink: #1f2937;
	--muted: #6b7280;
	--accent: #3b82f6;
	--accent-2: #10b981;
	--warning: #e1b90a;
	--danger: #FF1C33;
	--chip-bg: #eef2ff;
	--chip-ink: #0068AA;
	--ticker-shadow: 0 6px 20px rgba(10, 10, 10, 0.08);
	--radius: 14px;
	--ticker-height: auto;
	--ticker-gap: 14px;
	--ticker-speed: 66s;
	
	--bg1: linear-gradient(46deg, rgba(0, 105, 170, 0.56) 31%, rgba(252, 217, 63, 0.57) 68%);
	--bg2: linear-gradient(46deg, rgba(0, 105, 170, 0.45) 31%, rgba(252, 217, 63, 0.39) 68%);
	--light-bg1: linear-gradient(46deg, rgba(0, 105, 170, 0.1) 31%, rgba(252, 217, 63, 0.1) 68%);
	
	--shadow9: 0 4px 6px rgba(0,0,0,0.1);
    --bg3: #1a1a2e;
 	--accent-3: linear-gradient(135deg, #adfaa7 0%, #4ba262 100%);

    --signcolor1: #fff;
    
    --c1: rgba(229, 238, 247, 0.57);
	--c2: rgba(224, 17, 95, 0.2);
}