/* ### SYNLAB VARIABLES  ### */

:root {
    --black: #000000;
    --white: #fff;
    --white-10: rgba(255, 255, 255, 0.10);
    --white-50: rgba(255, 255, 255, 0.50);
    --white-75: rgba(255, 255, 255, 0.75);
    --white-95: rgba(255, 255, 255, 0.95);
    --dark-blue: #003765;
    --dark-blue-05: rgba(0, 55, 101, 0.05);
    --dark-blue-10: rgba(0, 55, 101, 0.10);
    --dark-blue-75: rgba(0, 55, 101, 0.75);
    --sky-blue: #0077ad;
    --sky-blue-05: rgba(0, 119, 173, 0.05);
    --sky-blue-10: rgba(0, 119, 173, 0.10);
    --sky-blue-75: rgba(0, 119, 173, 0.75);
    --yellow: #f9b232;
    --orange: #ee7400;
    --orange-70: rgba(238, 116, 0, 0.7);
    --gray-light: #a3abb1;
    --grey-light: #a3abb1;
    --gray-ex-light: #f6f6f6;
    --grey-ex-light: #f6f6f6;
    --gray: #696969;
    --grey: #696969;
    --dark-gray: #333333;
    --dark-grey: #333333;
    --light-green: #bfd886;
    --dark-green: #68971c;
    --bordeaux: #7d0143;
    --pink: #b1106b;
    --purple: #8064a8;
    --red: #be1622;
    --max-width: 1200px;
    --box-shadow: rgba(100, 100, 111, 0.15) 0px 7px 29px 0px;
    --box-shadow-hover: rgba(100, 100, 111, 0.25) 0px 7px 29px 0px;
    --slider-height-mob: 300px;
    --slider-height-small: 350px;
    --slider-height-large: 400px;
    --hero-height-mob: 250px;
    --hero-height-small: 300px;
    --hero-height-large: 350px;
}