:root {
    --pm-primary-color: #3B71CA;
    --pm-secondary-color: #9FA6B2;
    --pm-success-color: #14A44D;
    --pm-danger-color: #DC4C64;
    --pm-warning-color: #E4A11B;
    --pm-info-color: #54B4D3;
    --pm-light-color: #FBFBFB;
    --pm-dark-color: #332D2D;
    --font-family: 'Inter', Tahoma, Geneva, Verdana, sans-serif;
}

body {
    background-color: var(--bg-color);
    font-family: var(--font-family);
    color: var(--pm-dark-color);
}

a {
    text-decoration: none;
    color: unset;
}



header,
footer,
.services,
.separator,
.sponsors {
    background-color: var(--bg-color);
}



.social-icon-box {
    a {
        display: inline-flex;
        margin: 12px;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-color: var(--social-brand-color);
        align-items: center;
        justify-content: center;
        transition: all .3s;

        &:hover {
            background-color: color-mix(in srgb, var(--social-brand-color) 40%, white 60%);
            color: color-mix(in srgb, var(--social-brand-color) 60%, rgb(0, 0, 0) 40%);
        }

        i {
            font-size: 20px;
        }
    }
}