// Background Color Variables
$bgBlack: #1E0F21;
$bgWhite: #ffffff;
$bgPurple: #D8A2D6;
$bgDarkPink: #7B587B;
$bgLightPurple: #FCF8FC;
$bgLightPurplev2: #F0DBEF;
$bgLightPink: #E2CAE7;
$bgGreyLight: #DDDDDD;
$bgLightPurplev3: #F2D6F1;

// Border Radius Variables
$borderRadius10: 10px;

// Text Color Variables
$textPink: #402046;
$textWhite: #ffffff;
$textBlack: #1E0F21;
$textPurple: #D8A2D6;
$textGrey: #666666;

// Fonts Size Variables
$font14: 14px;
$font16: 16px;
$font18: 18px;
$font20: 20px;
$font24: 24px;
$font28: 28px;
$font40: 40px;
$font80: 80px;

// Box Shadow Variables
$boxShadow: 0px 0px 10px rgba(30, 104, 178, 0.1);

// Font Weight Variables
$fontLight: 300;
$fontRegular: 400;
$fontMedium: 500;
$fontSemiBold: 600;
$fontBold: 700;
$fontBlack: 800;

// Media Queries Variables
$xl_2000: 2000px;
$xl_1921: 1921px;
$xl_1920: 1920px;
$xl_1919: 1919px;
$xl_1660: 1660px;
$xl_1601: 1601px;
$xl_1441: 1441px;
$xl_1440: 1440px;
$xl_1400: 1400px;
$xl_1399: 1399px;
$xl_1363: 1363px;
$xl_1366: 1366px;
$xl_1301: 1301px;
$lg_1281: 1281px;
$lg_1280: 1280px;
$lg_1200: 1200px;
$lg_1199: 1199px;
$lg_1024: 1024px;
$md_992: 992px;
$md_991: 991px;
$sm_767: 767px;
$sm_768: 768px;
$xs_576: 576px;
$xs_575: 575px;
$xs_414: 414px;
$xs_375: 375px;

// Hire Multisteps Wizard Variables
$stepNumber: 6;