:root {
    --primary-blue: rgba(23, 120, 187, 1);
    --secondary-blue: rgba(67, 209, 231, 1);
    --saturate-blue: rgba(1, 132, 255, 1);
    --gray-333: rgba(51, 51, 51, 1);
    --gray-111: rgba(17, 17, 17, 1);
    --nabi: rgba(0, 165, 255, 1);
    --gorilla: rgba(0, 86, 179, 1);
    --t-20: rgba(54, 56, 142, 1);
    --meter: rgba(42, 181, 140, 1);
    --white: rgba(255, 255, 255, 1);
    --ok: rgba(73, 230, 151, 1);
    --warning: rgba(255, 207, 64, 1);
    --error: rgba(250, 77, 86, 1);
    --hover-lightblue: rgba(242, 250, 255, 1);
    --grey-neutral: rgba(179, 179, 179, 1);
    --defaultwhite: rgba(255, 255, 255, 1);
    --coolgray-60: rgba(105, 112, 119, 1);
    --coolgray-90: rgba(33, 39, 42, 1);
    --h-1-font-family: "Roboto", Helvetica;
    --h-1-font-weight: 700;
    --h-1-font-size: 54px;
    --h-1-letter-spacing: 0px;
    --h-1-line-height: 110.00000238418579%;
    --h-1-font-style: normal;
    --h-2-font-family: "Roboto", Helvetica;
    --h-2-font-weight: 700;
    --h-2-font-size: 42px;
    --h-2-letter-spacing: 0px;
    --h-2-line-height: 110.00000238418579%;
    --h-2-font-style: normal;
    --h-3-font-family: "Roboto", Helvetica;
    --h-3-font-weight: 700;
    --h-3-font-size: 24px;
    --h-3-letter-spacing: 0px;
    --h-3-line-height: 110.00000238418579%;
    --h-3-font-style: normal;
    --h-4-font-family: "Roboto", Helvetica;
    --h-4-font-weight: 700;
    --h-4-font-size: 20px;
    --h-4-letter-spacing: 0px;
    --h-4-line-height: 110.00000238418579%;
    --h-4-font-style: normal;
    --paragraph1-bold-font-family: "Roboto", Helvetica;
    --paragraph1-bold-font-weight: 600;
    --paragraph1-bold-font-size: 18px;
    --paragraph1-bold-letter-spacing: 0px;
    --paragraph1-bold-line-height: 139.9999976158142%;
    --paragraph1-bold-font-style: normal;
    --paragraph1-regular-font-family: "Roboto", Helvetica;
    --paragraph1-regular-font-weight: 400;
    --paragraph1-regular-font-size: 18px;
    --paragraph1-regular-letter-spacing: 0px;
    --paragraph1-regular-line-height: 139.9999976158142%;
    --paragraph1-regular-font-style: normal;
    --parapraph-2-font-family: "Roboto", Helvetica;
    --parapraph-2-font-weight: 400;
    --parapraph-2-font-size: 16px;
    --parapraph-2-letter-spacing: 0px;
    --parapraph-2-line-height: 150%;
    --parapraph-2-font-style: normal;
    --paragraph-3-font-family: "Roboto", Helvetica;
    --paragraph-3-font-weight: 300;
    --paragraph-3-font-size: 14px;
    --paragraph-3-letter-spacing: 0px;
    --paragraph-3-line-height: 139.9999976158142%;
    --paragraph-3-font-style: normal;
    --nav-link-font-family: "Inter", Helvetica;
    --nav-link-font-weight: 600;
    --nav-link-font-size: 15px;
    --nav-link-letter-spacing: 0px;
    --nav-link-line-height: 120.00000476837158%;
    --nav-link-font-style: normal;
    --button-text-font-family: "Inter", Helvetica;
    --button-text-font-weight: 600;
    --button-text-font-size: 20px;
    --button-text-letter-spacing: 0px;
    --button-text-line-height: 100%;
    --button-text-font-style: normal;
    --other-menu-m-font-family: "Roboto", Helvetica;
    --other-menu-m-font-weight: 500;
    --other-menu-m-font-size: 16px;
    --other-menu-m-letter-spacing: 0px;
    --other-menu-m-line-height: 100%;
    --other-menu-m-font-style: normal;
    --body-s-font-family: "Roboto", Helvetica;
    --body-s-font-weight: 400;
    --body-s-font-size: 14px;
    --body-s-letter-spacing: 0px;
    --body-s-line-height: 139.9999976158142%;
    --body-s-font-style: normal;
    --paragraph-1-regular-font-family: "Roboto", Helvetica;
    --paragraph-1-regular-font-weight: 400;
    --paragraph-1-regular-font-size: 18px;
    --paragraph-1-regular-letter-spacing: 0px;
    --paragraph-1-regular-line-height: 139.9999976158142%;
    --paragraph-1-regular-font-style: normal;
    --body-XS-font-family: "Roboto", Helvetica;
    --body-XS-font-weight: 400;
    --body-XS-font-size: 12px;
    --body-XS-letter-spacing: 0px;
    --body-XS-line-height: 139.9999976158142%;
    --body-XS-font-style: normal;
    --drop-shadow-basic: 2px 4px 20px 0px rgba(17, 17, 17, 0.1);
    --shadow: 2px 4px 20px 0px rgba(0, 0, 0, 0.1);
    --GM-web-dimensions-radius-radius-button: 8px;
    --GM-web-dimensions-radius-radius-normal: 16px;
    --GM-web-dimensions-radius-radius-object: 24px;
    --GM-web-colors-components-primary-color: rgba(23, 120, 187, 1);
    --GM-web-colors-components-secondary-color: var(
            --GM-web-colors-text-primary-button-text
    );
    --GM-web-colors-components-primary-hover-color: rgba(0, 165, 255, 1);
    --GM-web-colors-components-secondary-hover-color: rgba(242, 250, 255, 1);
    --GM-web-colors-components-active-stroke-color: rgba(17, 17, 17, 1);
    --GM-web-dimensions-button-stroke: 2px;
    --GM-web-colors-text-text-dark: rgba(17, 17, 17, 1);
    --GM-web-colors-text-text-light: rgba(255, 255, 255, 1);
    --GM-web-colors-text-primary-button-text: var(--GM-web-colors-text-text-light);
    --GM-web-dimensions-spacer-1-hor: 64px;
    --GM-web-dimensions-padding-padding-desktop: 64px;
    --GM-web-dimensions-padding-padding-tablet: 40px;
    --GM-web-colors-text-secondary-button-text: var(
            --GM-web-colors-components-primary-color
    );
    --GM-web-dimensions-padding-padding-mobile: 20px;
    --GM-web-dimensions-padding-button-padding-hor: 24px;
    --GM-web-dimensions-padding-button-padding-ver: 16px;
    --GM-web-dimensions-content-max-width: 1440px;
    --size-radius-200: 8px;
    --size-radius-400: 16px;
    --shape-corner-small: 8px;
    --GM-colors-primary-blue: rgba(23, 120, 187, 1);
    --GM-colors-nabi: rgba(0, 165, 255, 1);
    --GM-colors-gray-111: rgba(17, 17, 17, 1);
    --GM-colors-gray-333: rgba(51, 51, 51, 1);
    --GM-colors-light-blue: rgba(242, 250, 255, 1);
    --GM-colors-white: rgba(255, 255, 255, 1);

    --layout-max-width: 1440px;
    --layout-h-padding: 40px;
    --page-header-height: 70px;

    @media (max-width: 768px) {
        --layout-h-padding: 20px;
    }


}