:root {
    --clr-accent: #133877;
    --clr-text: #1f485c;
    --clr-wrapper: #e8edf6;
	--blue: #1e80ba;
	--blue-gray: #77a1b5;
	--red: #bd7c75;
	--black-text: #002c31;
	--gray-dark: #1f485c;
	--white: #fff;
	--bluegraydark: #314d59;
	--green: #3cc9c6;
	--blue2: #365d9f;
	--gray-blue: #bbc5d7;
	--blue3: #133877;
	--devider: #dfe6e9;
    --font: Onest, sans-serif;
    --border-radius: 15px;
    --font-size: clamp(0.938rem, 0.857rem + 0.22vw, 1.125rem);
    --gap: clamp(1rem, 0.786rem + 0.59vw, 1.5rem);
    --container: 1450px;
    --hover-brightness: 0.9;
    --active-brightness: 0.8;
}