:root{
--body-color: hsl(0, 0%, 100%);
--text-color: hsl(0, 0%, 13%);
--links-color-hover: hsl(219, 76%, 35%);
--primary: hsl(219, 76%, 35%);
--secondary: hsl(106, 46%, 50%);
--tertiary: hsl(106, 46%, 50%);
--light: hsl(0, 0%, 96%);
--dark: hsl(219, 100%, 13%);
--info: #80838a;
--success: #3c9b5f;
--warning: #e3c83f;
--danger: #eb242c;
--html-font-size: 16px;
--body-font-family: 'Montserrat';
--body-font-size: 16px;
--body-line-height: 1.75;
--body-font-weight: 400;
--body-letter-spacing: 0;
--h1-font-family: 'Montserrat';
--h1-font-size: 34px;
--h1-line-height: 1.2;
--h1-font-weight: 700;
--h2-font-family: 'Montserrat';
--h2-font-size: 30px;
--h2-line-height: 1.5;
--h2-font-weight: 600;
--h3-font-family: 'Montserrat';
--h3-font-size: 20px;
--h3-line-height: 1.75;
--h3-font-weight: 400;
--h4-font-family: 'Montserrat';
--h4-font-size: 28px;
--h4-line-height: 1.3;
--h4-font-weight: 500;
--h5-font-family: 'Montserrat';
--h5-font-size: 22px;
--h5-line-height: 1.2;
--h5-font-weight: 600;
--h6-font-family: 'Montserrat';
--h6-font-size: 24px;
--h6-line-height: 1.3;
--h6-font-weight: 400;
--side-menu-h1-font-family: 'Montserrat';
--side-menu-h1-font-size: 20px;
--side-menu-h1-line-height: 1.2;
--side-menu-h1-font-weight: 100;
--side-menu-h1-url: https://fonts.gstatic.com/s/montserrat/v29/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Uw-Y3tcoqK5.ttf;
--side-menu-color-border: #e8e8e8;
--attributes-button-alignment: start;
--primary-hover: hsla(0, 0%, 20%, 1);
--primary-text: #ffffff;
--primary-text-hover: #ffffff;
--primary-letter-spacing: 0.5px;
--primary-padding: 0.75rem 1.75rem;
--primary-border: 1px;
--primary-border-radius: 5px;
--primary-border-style: solid;
--primary-border-color: hsla(0, 0%, 10%, 1);
--primary-border-hover: hsla(0, 0%, 20%, 1);
--primary-icon-color: transparent;
--primary-icon-color-hover: #ffffff;
--secondary-hover: hsla(320, 2%, 30%, 1);
--secondary-text: #ffffff;
--secondary-text-hover: #ffffff;
--secondary-letter-spacing: 0.5px;
--secondary-padding: 0.75rem 1.75rem;
--secondary-border: 1px;
--secondary-border-radius: 5px;
--secondary-border-style: solid;
--secondary-border-color: hsla(320, 2%, 39%, 1);
--secondary-border-hover: hsla(320, 2%, 30%, 1);
--secondary-icon-color: transparent;
--secondary-icon-color-hover: #ffffff;
--btn-style-1: hsl(0, 0%, 100%);
--btn-style-1-hover: hsl(219, 76%, 35%);
--btn-style-1-text: hsl(219, 76%, 35%);
--btn-style-1-text-hover: hsl(0, 0%, 100%);
--btn-style-1-letter-spacing: 0.5px;
--btn-style-1-padding: 0.75rem 1.75rem;
--btn-style-1-border: 1px;
--btn-style-1-border-radius: 5px;
--btn-style-1-border-style: solid;
--btn-style-1-border-color: hsl(219, 76%, 35%);
--btn-style-1-border-hover: hsl(219, 76%, 35%);
--btn-style-1-icon-color: transparent;
--btn-style-1-icon-color-hover: #ffffff;
--btn-style-2: hsla(0, 0%, 0%, 0);
--btn-style-2-hover: hsla(0, 0%, 0%, 0);
--btn-style-2-text: hsl(0, 0%, 100%);
--btn-style-2-text-hover: hsl(0, 0%, 100%);
--btn-style-2-letter-spacing: 0.5px;
--btn-style-2-padding: 0.75rem 1.75rem;
--btn-style-2-border: 1px;
--btn-style-2-border-radius: 2px;
--btn-style-2-border-style: solid;
--btn-style-2-border-color: hsl(0, 0%, 100%);
--btn-style-2-border-hover: hsl(0, 0%, 100%);
--btn-style-2-icon-color: transparent;
--btn-style-2-icon-color-hover: #ffffff;
--btn-style-3: hsl(219, 76%, 35%);
--btn-style-3-hover: hsl(219, 76%, 35%);
--btn-style-3-text: #ffffff;
--btn-style-3-text-hover: #ffffff;
--btn-style-3-letter-spacing: 0.5px;
--btn-style-3-padding: 0.75rem 1.75rem;
--btn-style-3-border: 1px;
--btn-style-3-border-radius: 5px;
--btn-style-3-border-style: solid;
--btn-style-3-border-color: hsl(219, 76%, 35%);
--btn-style-3-border-hover: hsl(219, 76%, 35%);
--btn-style-3-icon-color: transparent;
--btn-style-3-icon-color-hover: #ffffff;
--btn-style-4: hsla(0, 0%, 100%, 0);
--btn-style-4-hover: hsla(0, 0%, 100%, 0);
--btn-style-4-text: hsl(222, 4%, 52%);
--btn-style-4-text-hover: hsl(219, 76%, 35%);
--btn-style-4-letter-spacing: 0.5px;
--btn-style-4-padding: 0px 20px;
--btn-style-4-border: 0;
--btn-style-4-border-radius: 2px;
--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: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg data-name='1' id='_1'%3E%3Cpath d='M353,450a15,15,0,0,1-10.61-4.39L157.5,260.71a15,15,0,0,1,0-21.21L342.39,54.6a15,15,0,1,1,21.22,21.21L189.32,250.1,363.61,424.39A15,15,0,0,1,353,450Z'/%3E%3C/g%3E%3C/svg%3E");
--btn-style-4-icon-width: 18px;
--btn-style-4-icon-height: 18px;
--btn-style-4-icon-inset: -1px;
--btn-style-4-icon-color: hsl(222, 4%, 52%);
--btn-style-4-icon-color-hover: hsl(219, 76%, 35%);
--btn-style-5-hover: hsl(219, 76%, 35%);
--btn-style-5-text: #ffffff;
--btn-style-5-text-hover: #ffffff;
--btn-style-5-letter-spacing: 0.5px;
--btn-style-5-padding: 0.75rem 1.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(219, 76%, 35%);
--btn-style-5-icon-color: transparent;
--btn-style-5-icon-color-hover: #ffffff;
--header-height: 104px;
--header-background: hsl(0, 0%, 100%);
--header-icons-color: hsl(219, 78%, 26%);
--header-position: sticky;
--header-logo-width: 200px;
--header-box-shadow-x-offset: 0px;
--header-box-shadow-y-offset: 0px;
--header-box-shadow-blur: 6px;
--header-box-shadow-spread: 3px;
--header-box-shadow-color: hsla(0, 0%, 0%, 0.051);
--languages: hsl(0, 0%, 100%);
--languages-hover: hsl(219, 78%, 26%);
--languages-text: hsl(219, 78%, 26%);
--languages-text-hover: hsl(0, 0%, 100%);
--languages-width: 36px;
--languages-border: 1px;
--languages-border-radius: 4px;
--languages-border-style: solid;
--languages-border-color: hsl(219, 78%, 26%);
--languages-border-hover: hsl(219, 78%, 26%);
--languages-transparent_layout: hsla(0, 0%, 100%, 0);
--languages-hover-transparent_layout: hsl(219, 78%, 26%);
--languages-text-transparent_layout: hsl(0, 0%, 100%);
--languages-text-hover-transparent_layout: hsl(0, 0%, 100%);
--languages-border-color-transparent_layout: hsl(0, 0%, 100%);
--languages-border-hover-transparent_layout: hsl(0, 0%, 100%);
--headermobile-height: 68px;
--headermobile-background: hsl(0, 0%, 96%);
--headermobile-icons-color: hsl(0, 0%, 96%);
--headermobile-position: sticky;
--headermobile-logo-width: 150px;
--footer-background: hsl(0, 0%, 100%);
--footer-color: hsl(0, 0%, 55%);
--footer-title-color: hsl(0, 0%, 13%);
--footer-icons-color: hsl(0, 0%, 55%);
--footer-margin-top: 55px;
--footer-margin-top-mobile: 55px;
--footer-bottom-background: hsl(0, 0%, 100%);
--footer-bottom-color: hsl(0, 0%, 55%);
--vertical-content-align: start;
--horizontal-content-align: left;
--fl-menu-height: 97dvh;
--video-mask-color: hsl(219, 78%, 34%);
--menu-color: hsl(219, 78%, 34%);
--menu-color-hover: hsl(106, 46%, 50%);
--menu-color-transparent-layout: hsl(0, 0%, 100%);
--menu-color-hover-transparent-layout: hsl(106, 46%, 50%);
--menu-font-family: 'Montserrat';
--menu-font-size: 14px;
--menu-font-weight: 400;
--menu-gap: 20px;
--menumobile-width: 100vw;
--menumobile-background: hsl(219, 76%, 35%);
--menumobile-color: hsl(0, 0%, 100%);
--menumobile-font-family: 'Montserrat';
--menumobile-font-size: 16px;
--menumobile-font-weight: 400;
--menumobile-gap: 5px;
--menufooter-color: hsl(0, 0%, 55%);
--menufooter-font-family: 'Montserrat';
--menufooter-font-size: 12px;
--menufooter-font-weight: 400;
--menufooter-gap: 5px;
--menumobilebottombar-font-family: 'Montserrat';
--menumobilebottombar-font-weight: 400;
--menumobilebottombarcontent-font-family: 'Montserrat';
--menumobilebottombarcontent-font-weight: 400;
--menu-style-1-gap: 20px;
--menu-style-1-gap-mobile: 0px;
--menu-style-1-text: hsl(50, 75%, 57%);
--menu-style-1-text-hover: hsl(0, 0%, 13%);
--menu-style-1-letter-spacing: 1px;
--menu-style-1-padding: 5px 10px 5px 10px;
--menu-style-1-border: 1px;
--menu-style-1-border-radius: 20px;
--menu-style-1-border-style: solid;
--menu-style-1-text-mobile: hsl(50, 75%, 57%);
--menu-style-1-text-hover-mobile: hsl(0, 0%, 100%);
--menu-style-1-padding-mobile: 5px 0px 5px 10px;
--menu-style-1-border-mobile: 0px;
--menu-style-1-border-radius-mobile: 0px;
--menu-style-1-border-style-mobile: solid;
--menu-style-1-text-2nivel: hsl(0, 0%, 13%);
--menu-style-1-text-hover-2nivel: hsl(220, 4%, 52%);
--menu-style-1-letter-spacing-2nivel: 1px;
--menu-style-1-padding-2nivel: 5px 10px 5px 10px;
--menu-style-1-border-style-2nivel: solid;
--menu-style-1-text-mobile-2nivel: hsl(50, 75%, 57%);
--menu-style-1-text-hover-mobile-2nivel: hsl(0, 0%, 100%);
--menu-style-1-padding-mobile-2nivel: 5px 0px 5px 20px;
--menu-style-1-border-mobile-2nivel: 0px;
--menu-style-1-border-radius-mobile-2nivel: 0px;
--menu-style-1-border-style-mobile-2nivel: solid;
--menu-style-1-ul-bgcolor: hsla(50, 75%, 57%, 0.872);
--menu-style-1-ul-width: 200px;
--menu-style-1-ul-radius: 10px;
--menu-style-1-ul-padding: 10px 10px 10px 10px;
--menu-style-1-ul-top: 15px;
--menu-style-1-ul-bgcolor-mobile: hsl(220, 4%, 52%);
--menu-style-1-ul-radius-mobile: 5px;
--menu-style-1-ul-padding-mobile: 0px 0px 0px 15px;
--menu-style-1-ul-top-2nivel: -30px;
--menu-style-1-ul-space-2nivel: 30px;
--menu-style-2-gap: 20px;
--menu-style-2-gap-mobile: 0px;
--menu-style-2-padding: 5px 10px 5px 10px;
--menu-style-2-border: 0px 0px 0px 0px;
--menu-style-2-border-style: solid;
--menu-style-2-border-mobile: 0px 0px 0px 0px;
--menu-style-2-border-style-mobile: solid;
--menu-style-2-padding-2nivel: 5px 10px 5px 10px;
--menu-style-2-border-style-2nivel: solid;
--menu-style-2-border-style-mobile-2nivel: solid;
--menu-style-2-ul-bgcolor: hsla(315, 2%, 39%, 0.18);
--menu-style-2-ul-width: 200px;
--menu-style-2-ul-padding: 5px 5px 5px 5px;
--menu-style-2-ul-top: 15px;
--menu-style-2-ul-padding-mobile: 0px 0px 0px 15px;
--menu-style-2-ul-top-2nivel: -20px;
--menu-style-2-ul-space-2nivel: 20px;
--menu-style-3-gap-mobile: 0px;
--menu-style-3-padding: 5px 10px 5px 10px;
--menu-style-3-border: 0px 0px 0px 0px;
--menu-style-3-border-style: solid;
--menu-style-3-border-mobile: 0px 0px 0px 0px;
--menu-style-3-border-style-mobile: solid;
--menu-style-3-padding-2nivel: 5px 10px 5px 10px;
--menu-style-3-border-style-2nivel: solid;
--menu-style-3-border-style-mobile-2nivel: solid;
--menu-style-3-ul-bgcolor: hsla(315, 2%, 39%, 0.18);
--menu-style-3-ul-width: 200px;
--menu-style-3-ul-padding: 5px 5px 5px 5px;
--menu-style-3-ul-top: 15px;
--menu-style-3-ul-padding-mobile: 0px 0px 0px 15px;
--menu-style-3-ul-top-2nivel: -20px;
--menu-style-3-ul-space-2nivel: 20px;
--menu-style-4-gap-mobile: 0px;
--menu-style-4-padding: 5px 10px 5px 10px;
--menu-style-4-border: 0px 0px 0px 0px;
--menu-style-4-border-style: solid;
--menu-style-4-border-mobile: 0px 0px 0px 0px;
--menu-style-4-border-style-mobile: solid;
--menu-style-4-padding-2nivel: 5px 10px 5px 10px;
--menu-style-4-border-style-2nivel: solid;
--menu-style-4-border-style-mobile-2nivel: solid;
--menu-style-4-ul-bgcolor: hsla(315, 2%, 39%, 0.18);
--menu-style-4-ul-width: 200px;
--menu-style-4-ul-padding: 5px 5px 5px 5px;
--menu-style-4-ul-top: 15px;
--menu-style-4-ul-padding-mobile: 0px 0px 0px 15px;
--menu-style-4-ul-top-2nivel: -20px;
--menu-style-4-ul-space-2nivel: 20px;
--menu-style-5-gap-mobile: 0px;
--menu-style-5-padding: 5px 10px 5px 10px;
--menu-style-5-border: 0px 0px 0px 0px;
--menu-style-5-border-style: solid;
--menu-style-5-border-mobile: 0px 0px 0px 0px;
--menu-style-5-border-style-mobile: solid;
--menu-style-5-padding-2nivel: 5px 10px 5px 10px;
--menu-style-5-border-style-2nivel: solid;
--menu-style-5-border-style-mobile-2nivel: solid;
--menu-style-5-ul-bgcolor: hsla(315, 2%, 39%, 0.18);
--menu-style-5-ul-width: 200px;
--menu-style-5-ul-padding: 5px 5px 5px 5px;
--menu-style-5-ul-top: 15px;
--menu-style-5-ul-padding-mobile: 0px 0px 0px 15px;
--menu-style-5-ul-top-2nivel: -20px;
--menu-style-5-ul-space-2nivel: 20px;
--section-gap: 80px;
--margin: 30px;
}
@font-face {
font-family: 'Montserrat';
font-weight: 400;
src: url("https://fonts.gstatic.com/s/montserrat/v29/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Ew-Y3tcoqK5.ttf");
}
@font-face {
font-family: 'Montserrat';
font-weight: 700;
src: url("https://fonts.gstatic.com/s/montserrat/v29/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM70w-Y3tcoqK5.ttf");
}
@font-face {
font-family: 'Montserrat';
font-weight: 600;
src: url("https://fonts.gstatic.com/s/montserrat/v29/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu170w-Y3tcoqK5.ttf");
}
@font-face {
font-family: 'Montserrat';
font-weight: 500;
src: url("https://fonts.gstatic.com/s/montserrat/v29/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtZ6Ew-Y3tcoqK5.ttf");
}