@font-face {
	font-family: "Mulish-Medium";
	src: url(../fonts/Mulish-Medium.ttf);
}

@font-face {
	font-family: "Mulish-Bold";
	src: url(../fonts/Mulish-Bold.ttf);
}

@font-face {
	font-family: "Mulish-Extrabold";
	src: url(../fonts/Mulish-Extrabold.ttf);
}


@font-face {
	font-family: "Mulish-Regular";
	src: url(../fonts/Mulish-Regular.ttf);
}

@font-face {
	font-family: "Mulish-Black";
	src: url(../fonts/Mulish-Black.ttf);
}

@font-face {
	font-family: "Mulish-SemiBold";
	src: url(../fonts/Mulish-SemiBold.ttf);
}

:root 
{ 
    /* Primary color */
    --Pri_PURPLE: #947AEC; 
    --Pri_DARKBLUE: #465AFF; 
    --Pri_BLUE: #1877FF; 
    --Pri_AQUABLUE: #4BC8E1; 

    /* Secondary color */
    --Sec_DARKPURPLE: #735FFF; 
    --Sec_LIGHTPURPLE: #C8C8FF; 
    --Sec_DARKBLUE: #4132E6; 
    --Sec_LIGHTBLUE: #96C8FF; 
    --Sec_DARKGRAY: #414141; 
    --Sec_LIGHTGRAY: #969696; 

    /* Gradients  */
    --Gra_PURPLE : linear-gradient(90deg, rgba(148,122,236,0.958420868347339) 0%, rgba(148,122,236,0.3029586834733894) 100%);
    --Gra_DARKBLUE: linear-gradient(90deg, rgba(70,90,255,0.958420868347339) 0%, rgba(70,90,255,0.3029586834733894) 100%);
    --Gra_BLUE: linear-gradient(90deg, rgba(24,119,255,0.958420868347339) 0%, rgba(24,119,255,0.3029586834733894) 100%);
    --Gra_AQUABLUE: linear-gradient(90deg, rgba(75,200,255,0.958420868347339) 0%, rgba(75,200,255,0.3029586834733894) 100%);

    /* logo */
    --Pic_CORPLOGO : url("../logo/vvtk_deltalock_logo.png"); 
    --Pic_DOTL : url("../logo/dot-removebg-preview.png"); 
    --Pic_WGP : url("../logo/wegetpic-removebg-preview.png"); 
    
}

p { font-family: Mulish-Extrabold, Arial, Helvetica, sans-serif; }