@import url("https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&display=swap");

body {
    font-family: "Google Sans", serif;
}

:root {
    --primary: #220878;
    --primary-100: #1B0660;
    --primary-200: #140548;
    --primary-300: #0E0330;
    --primary--100: #4E3993;
    --primary--200: #7A6BAE;
    --primary--300: #A79CC9;
    --primary-rgba-0: rgba(34, 8, 120, 0);
    --primary-rgba-10: rgba(34, 8, 120, 0.1);
    --primary-rgba-20: rgba(34, 8, 120, 0.2);
    --primary-rgba-30: rgba(34, 8, 120, 0.3);
    --primary-rgba-40: rgba(34, 8, 120, 0.4);
    --primary-rgba-50: rgba(34, 8, 120, 0.5);
    --primary-rgba-60: rgba(34, 8, 120, 0.6);
    --primary-rgba-70: rgba(34, 8, 120, 0.7);
    --primary-rgba-80: rgba(34, 8, 120, 0.8);
    --primary-rgba-90: rgba(34, 8, 120, 0.9);
    --secondary: #5D2AFA;
    --secondary-100: #4A22C8;
    --secondary-200: #381996;
    --secondary-300: #251164;
    --secondary--100: #7D55FB;
    --secondary--200: #9E7FFC;
    --secondary--300: #BEAAFD;
    --secondary-rgba-0: rgba(93, 42, 250, 0);
    --secondary-rgba-10: rgba(93, 42, 250, 0.1);
    --secondary-rgba-20: rgba(93, 42, 250, 0.2);
    --secondary-rgba-30: rgba(93, 42, 250, 0.3);
    --secondary-rgba-40: rgba(93, 42, 250, 0.4);
    --secondary-rgba-50: rgba(93, 42, 250, 0.5);
    --secondary-rgba-60: rgba(93, 42, 250, 0.6);
    --secondary-rgba-70: rgba(93, 42, 250, 0.7);
    --secondary-rgba-80: rgba(93, 42, 250, 0.8);
    --secondary-rgba-90: rgba(93, 42, 250, 0.9);
}

div[role="main"] > section.section:nth-of-type(even) {
    background-color: #FFF;
}
.grouped-icon-grid-block {
    background-color: #0f172a !important;
}