:root{
--body-color: hsl(120, 6%, 15%);
--text-color: hsl(0, 0%, 100%);
--links-color: hsl(0, 0%, 100%);
--links-color-hover: hsl(270, 78%, 73%);
--primary: #1a1a1a;
--secondary: hsl(55, 100%, 44%);
--tertiary: hsl(339, 100%, 32%);
--light: #f5f5f5;
--dark: #202020;
--info: #80838a;
--success: #3c9b5f;
--warning: #e3c83f;
--danger: #eb242c;
--html-font-size: 18px;
--body-font-family: 'Poppins';
--body-font-size: 18px;
--body-line-height: 1.5;
--body-font-weight: 400;
--body-letter-spacing: 0;
--h1-font-family: 'Poppins';
--h1-font-size: 2.5rem;
--h1-line-height: 28px;
--h1-font-weight: 400;
--h2-font-family: 'Poppins';
--h2-font-size: 2rem;
--h2-line-height: 1.2;
--h2-font-weight: 400;
--h3-font-family: 'Poppins';
--h3-font-size: 1.75rem;
--h3-line-height: 1.2;
--h3-font-weight: 400;
--h4-font-family: 'Poppins';
--h4-font-size: 1.5rem;
--h4-line-height: 1.2;
--h4-font-weight: 400;
--h5-font-family: 'Poppins';
--h5-font-size: 1.25rem;
--h5-line-height: 1.2;
--h5-font-weight: 400;
--h6-font-family: 'Poppins';
--h6-font-size: 1rem;
--h6-line-height: 1.2;
--h6-font-weight: 400;
--side-menu-h1-font-family: 'Poppins';
--side-menu-h1-font-size: 2.5rem;
--side-menu-h1-line-height: 1.2;
--side-menu-h1-font-weight: 400;
--side-menu-h1-url: https://fonts.gstatic.com/s/poppins/v23/pxiEyp8kv8JHgFVrFJDUc1NECPY.ttf;
--side-menu-color-border: #e8e8e8;
--attributes-button-alignment: start;
--primary-text: #fff;
--primary-text-hover: hsl(55, 100%, 44%);
--primary-letter-spacing: 0.5px;
--primary-padding: 0.375rem 0.75rem;
--primary-border: 1px;
--primary-border-radius: 5px;
--primary-border-style: solid;
--primary-border-color: hsl(0, 0%, 100%);
--primary-border-hover: hsl(55, 100%, 44%);
--primary-icon-color: transparent;
--primary-icon-color-hover: #fff;
--secondary-hover: hsl(0, 0%, 7%);
--secondary-text: hsl(0, 0%, 100%);
--secondary-text-hover: hsl(0, 0%, 100%);
--secondary-letter-spacing: 0.5px;
--secondary-padding: 0.375rem 0.75rem;
--secondary-border: 0px;
--secondary-border-radius: 5px;
--secondary-border-style: solid;
--secondary-border-color: hsl(55, 100%, 44%);
--secondary-border-hover: hsl(55, 100%, 44%);
--secondary-icon-color: hsl(0, 0%, 100%);
--secondary-icon-color-hover: #fff;
--btn-style-1-hover: hsl(120, 6%, 15%);
--btn-style-1-text: #fff;
--btn-style-1-text-hover: hsl(0, 0%, 100%);
--btn-style-1-letter-spacing: 0.5px;
--btn-style-1-padding: 0.375rem 0.75rem;
--btn-style-1-border: 1px;
--btn-style-1-border-radius: 5px;
--btn-style-1-border-style: solid;
--btn-style-1-border-color: hsl(0, 0%, 100%);
--btn-style-1-border-hover: hsl(120, 6%, 15%);
--btn-style-1-icon-color: transparent;
--btn-style-1-icon-color-hover: #fff;
--btn-style-2: hsl(48, 89%, 50%);
--btn-style-2-hover: hsl(270, 78%, 73%);
--btn-style-2-text: hsl(0, 0%, 10%);
--btn-style-2-text-hover: #fff;
--btn-style-2-letter-spacing: 0.5px;
--btn-style-2-padding: 0.375rem 0.75rem;
--btn-style-2-border: 1px;
--btn-style-2-border-radius: 5px;
--btn-style-2-border-style: solid;
--btn-style-2-border-color: #656164;
--btn-style-2-border-hover: hsl(270, 78%, 73%);
--btn-style-2-icon-color: transparent;
--btn-style-2-icon-color-hover: #fff;
--btn-style-3: #656164;
--btn-style-3-hover: #4e4b4d;
--btn-style-3-text: #fff;
--btn-style-3-text-hover: #fff;
--btn-style-3-letter-spacing: 0.5px;
--btn-style-3-padding: 0.375rem 0.75rem;
--btn-style-3-border: 1px;
--btn-style-3-border-radius: 0px;
--btn-style-3-border-style: solid;
--btn-style-3-border-color: #656164;
--btn-style-3-border-hover: #4e4b4d;
--btn-style-3-icon-color: transparent;
--btn-style-3-icon-color-hover: #fff;
--btn-style-4-hover: hsl(0, 0%, 100%);
--btn-style-4-text: #fff;
--btn-style-4-text-hover: hsl(355, 80%, 41%);
--btn-style-4-letter-spacing: 0.5px;
--btn-style-4-padding: 0.375rem 0.75rem;
--btn-style-4-border: 1px;
--btn-style-4-border-radius: 5px;
--btn-style-4-border-style: solid;
--btn-style-4-border-color: hsl(0, 0%, 100%);
--btn-style-4-border-hover: hsl(0, 0%, 100%);
--btn-style-4-icon-color: transparent;
--btn-style-4-icon-color-hover: #fff;
--btn-style-5-hover: hsl(0, 0%, 100%);
--btn-style-5-text: hsl(0, 0%, 100%);
--btn-style-5-text-hover: hsl(199, 87%, 48%);
--btn-style-5-letter-spacing: 0.5px;
--btn-style-5-padding: 0.375rem 0.75rem;
--btn-style-5-border: 1px;
--btn-style-5-border-radius: 5px;
--btn-style-5-border-style: solid;
--btn-style-5-border-color: hsl(0, 0%, 100%);
--btn-style-5-border-hover: hsl(0, 0%, 100%);
--btn-style-5-icon-color: transparent;
--btn-style-5-icon-color-hover: #fff;
--header-height: 100px;
--header-background: hsla(0, 0%, 0%, 0.285);
--header-icons-color: hsl(0, 0%, 100%);
--header-position: sticky;
--header-logo-width: 228px;
--header-logo-top: 15px;
--header-logo-left: 10px;
--header-blur: 2px;
--header-box-shadow-x-offset: 0px;
--header-box-shadow-y-offset: 0px;
--header-box-shadow-blur: 0px;
--header-box-shadow-spread: 0px;
--languages-border-style: solid;
--headermobile-height: 48px;
--headermobile-background: #f5f5f5;
--headermobile-icons-color: #f5f5f5;
--headermobile-position: sticky;
--headermobile-logo-width: 150px;
--footer-background: hsla(0, 0%, 100%, 0);
--footer-color: hsl(0, 0%, 100%);
--footer-title-color: hsl(0, 0%, 100%);
--footer-icons-color: hsl(0, 0%, 100%);
--footer-bottom-background: hsla(0, 0%, 0%, 0);
--footer-bottom-color: #f5f5f5;
--vertical-content-align: start;
--horizontal-content-align: left;
--fl-menu-height: 97dvh;
--video-mask-color: hsl(0, 0%, 100%);
--menu-color: hsl(0, 0%, 100%);
--menu-color-hover: hsl(270, 78%, 73%);
--menu-color-transparent-layout: hsl(0, 0%, 100%);
--menu-color-hover-transparent-layout: hsl(270, 78%, 73%);
--menu-font-family: 'Poppins';
--menu-font-size: 16px;
--menu-font-weight: 500;
--menu-text-tranform: uppercase;
--menu-gap: 20px;
--menumobile-width: 100%;
--menumobile-background: #202020;
--menumobile-color: #f5f5f5;
--menumobile-font-family: 'Poppins';
--menumobile-font-size: 1rem;
--menumobile-font-weight: 400;
--menumobile-gap: 5px;
--menufooter-color: hsl(0, 0%, 100%);
--menufooter-font-family: 'Poppins';
--menufooter-font-size: 0.85rem;
--menufooter-font-weight: 400;
--menufooter-gap: 5px;
--menumobilebottombar-font-family: 'Poppins';
--menumobilebottombar-font-weight: 400;
--menumobilebottombarcontent-font-family: 'Poppins';
--menumobilebottombarcontent-font-weight: 400;
--menu-style-1-border-style: solid;
--menu-style-1-border-style-mobile: solid;
--menu-style-1-border-style-2nivel: solid;
--menu-style-1-border-style-mobile-2nivel: solid;
--menu-style-2-border-style: solid;
--menu-style-2-border-style-mobile: solid;
--menu-style-2-border-style-2nivel: solid;
--menu-style-2-border-style-mobile-2nivel: solid;
--menu-style-3-border-style: solid;
--menu-style-3-border-style-mobile: solid;
--menu-style-3-border-style-2nivel: solid;
--menu-style-3-border-style-mobile-2nivel: solid;
--menu-style-4-border-style: solid;
--menu-style-4-border-style-mobile: solid;
--menu-style-4-border-style-2nivel: solid;
--menu-style-4-border-style-mobile-2nivel: solid;
--menu-style-5-border-style: solid;
--menu-style-5-border-style-mobile: solid;
--menu-style-5-border-style-2nivel: solid;
--menu-style-5-border-style-mobile-2nivel: solid;
--section-gap: 80px;
--margin: 30px;
}
@font-face {
font-family: 'Poppins';
font-weight: 400;
src: url("https://fonts.gstatic.com/s/poppins/v23/pxiEyp8kv8JHgFVrFJDUc1NECPY.ttf");
}
@font-face {
font-family: 'Poppins';
font-weight: 500;
src: url("https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLGT9V1tvFP-KUEg.ttf");
}
