@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: Deep pure blacks scaling through clean dark tones */
    --primary: #000000;
    --primary-100: #111111;
    --primary-200: #1a1a1a;
    --primary-300: #242424;
    --primary--100: #333333;
    --primary--200: #4d4d4d;
    --primary--300: #666666;
    --primary-rgba-0: rgba(0, 0, 0, 0);
    --primary-rgba-10: rgba(0, 0, 0, 0.1);
    --primary-rgba-20: rgba(0, 0, 0, 0.2);
    --primary-rgba-30: rgba(0, 0, 0, 0.3);
    --primary-rgba-40: rgba(0, 0, 0, 0.4);
    --primary-rgba-50: rgba(0, 0, 0, 0.5);
    --primary-rgba-60: rgba(0, 0, 0, 0.6);
    --primary-rgba-70: rgba(0, 0, 0, 0.7);
    --primary-rgba-80: rgba(0, 0, 0, 0.8);
    --primary-rgba-90: rgba(0, 0, 0, 0.9);
    /* Secondary: Deep corporate dark blue / midnight navy */
    --secondary: #0a192f;
    --secondary-100: #071224;
    --secondary-200: #050d1a;
    --secondary-300: #02070f;
    --secondary--100: #172a45;
    --secondary--200: #203a60;
    --secondary--300: #31527f;
    --secondary-rgba-0: rgba(10, 25, 47, 0);
    --secondary-rgba-10: rgba(10, 25, 47, 0.1);
    --secondary-rgba-20: rgba(10, 25, 47, 0.2);
    --secondary-rgba-30: rgba(10, 25, 47, 0.3);
    --secondary-rgba-40: rgba(10, 25, 47, 0.4);
    --secondary-rgba-50: rgba(10, 25, 47, 0.5);
    --secondary-rgba-60: rgba(10, 25, 47, 0.6);
    --secondary-rgba-70: rgba(10, 25, 47, 0.7);
    --secondary-rgba-80: rgba(10, 25, 47, 0.8);
    --secondary-rgba-90: rgba(10, 25, 47, 0.9);
}

.milestonesblock, .sliderblock {
    background-color: #fff!important;
}

    .sliderblock .owl-dots {
        bottom:0px!important;
    }