:root {
   --hwx-primary-color: rgba(0, 67, 113, 1);
   --hwx-secondary-color: rgba(230, 166, 61, 1);
   --hwx-header_text-color: rgba(0, 0, 0, 1);
   --hwx-main_text-color: rgba(0, 0, 0, 1);
   --hwx-footer_text-color: rgba(0, 66, 111, 1);
   --hwx-header_bg-color: rgba(255, 255, 255, 1);
   --hwx-main_bg-color: rgba(255, 255, 255, 1);
   --hwx-footer_bg-color: rgba(255, 255, 255, 1);
   --hwx-h_font-family: Barlow-SemiBold;
   --hwx-h_format: SemiBold;
   --hwx-h_text-transform: uppercase;
   --hwx-h_text-decoration: none;
   --hwx-heading_color: rgba(0, 67, 113, 1);
   --hwx-heading_bg_color: rgba(255, 255, 255, 0);
   --hwx-h1_font-size: clamp(2rem, 1.9124rem + 0.3737vw, 2.8rem);
   --hwx-h2_font-size: clamp(1.8rem, 1.7343rem + 0.2803vw, 2.4rem);
   --hwx-h3_font-size: clamp(1.6rem, 1.5562rem + 0.1869vw, 2rem);
   --hwx-h4_font-size: clamp(1.4rem, 1.3562rem + 0.1869vw, 1.8rem);
   --hwx-h5_font-size: clamp(1.2rem, 1.1562rem + 0.1869vw, 1.6rem);
   --hwx-h6_font-size: clamp(1rem, 0.9562rem + 0.1869vw, 1.4rem);
   --hwx-text_font-family: Barlow-Medium;
   --hwx-text_format: Medium;
   --hwx-text_transform: none;
   --hwx-text_font-size: clamp(1rem, 0.9891rem + 0.0467vw, 1.1rem);
   --hwx-text_color: rgba(0, 0, 0, 1);
   --hwx-text_bg_color: rgba(255, 255, 255, 0);
   --hwx-btn_text-color: rgba(255, 255, 255, 1);
   --hwx-btn_bg-color: rgba(0, 67, 113, 1);
   --hwx-btn_text-transform: none;
   --hwx-btn_text-decoration: none;
   --hwx-link_text-transform: none;
   --hwx-link_text-decoration: underline;
   --hwx-link_text-color: rgba(0, 67, 113, 1);
   --hwx-link_bg-color: rgba(255, 255, 255, 0);
   --hwx-link_text-color-hover: rgba(0, 67, 113, 1);
   --hwx-link_bg-color-hover: rgba(255, 255, 255, 0);
}

@font-face {
   font-family: 'Barlow-SemiBold';
   src: url('../../fonts/Barlow/SemiBold/Barlow-SemiBold.eot');
   src: url('../../fonts/Barlow/SemiBold/Barlow-SemiBold.eot?#iefix') format('embedded-opentype'),
   url('../../fonts/Barlow/SemiBold/Barlow-SemiBold.woff') format('woff'),
   url('../../fonts/Barlow/SemiBold/Barlow-SemiBold.ttf') format('truetype');
   font-weight: 600;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: 'Barlow-Medium';
   src: url('../../fonts/Barlow/Medium/Barlow-Medium.eot');
   src: url('../../fonts/Barlow/Medium/Barlow-Medium.eot?#iefix') format('embedded-opentype'),
   url('../../fonts/Barlow/Medium/Barlow-Medium.woff') format('woff'),
   url('../../fonts/Barlow/Medium/Barlow-Medium.ttf') format('truetype');
   font-weight: 500;
   font-style: normal;
   font-display: swap;
}