img {
    max-width: 100%;
    height: auto;
}

:root {
    --black-color: #0d1118;
    --white-color: #fefefe;
    --primary-color: #1629d6;
    --primary-color-hover: #373cc2;
    --grey-600: #4f4f4f;
    --grey-400: #949393;
    --grey-300: #cfcfcf;
    --grey-50: #fafafa;
    --grey-100: #eff2fe;
    --green-700: #00902e;
    --green-50: #e5fcde;
    --additional-dark-background: #06063c;
    --BlueGrey-50: #eef3ff;
    --BlueGrey-25: #f4f6f9;
    --BlueGrey-400: #b4bad3;
    --Purple-100: #e2e7fd;

    --BlueGreyBackground: #f3f5fb;
    --BlueGrey-100: #e4ebff;

    /* Section label / list marker dot (same visual as .section-name::before) */
    --section-name-color: var(--primary-color);
    --section-name-secondary-color: #fefefe;
    --marker-size: 8px;

    /* Our Services block */
    --osb-dark: #30377f;
    --osb-white: #fefefe;
    --osb-text-dark: #06063c;
    --osb-purple: #abb4f6;
    --osb-orange: #ff9263;
    --osb-mint-teal: #50d1ba;
    --osb-mint-green: #aeffae;
    --osb-blue: #96c4f2;
    --osb-pink: #f39acd;
    --osb-periwinkle: #937bff;
    --osb-yellow: #feeb80;
    --osb-aqua-blue: #1dccea;
    --osb-violet: #a346dd;
    --osb-neon-mint: #75f6cb;
    --osb-red: #ef5368;
}