:root{
--body-color: hsl(0, 0%, 100%);
--text-color: #0f1f29;
--links-color: '';
--links-color-hover: '';
--h1-color: #10202a;
--h2-color: #10202a;
--h3-color: #10202a;
--h4-color: #10202a;
--h5-color: #10202a;
--h6-color: #10202a;
--primary: #ffc500;
--secondary: hsl(203, 45%, 11%);
--tertiary: hsl(272, 31%, 49%);
--light: hsl(0, 0%, 96%);
--dark: #202020;
--info: #80838a;
--success: #3c9b5f;
--warning: #e3c83f;
--danger: #eb242c;
--html-font-size: 16px;
--body-font-family: 'Montserrat';
--body-font-size: 16px;
--body-line-height: 1.5;
--body-font-weight: 400;
--body-letter-spacing: 0;
--h1-font-family: 'Montserrat';
--h1-font-size: 25px;
--h1-line-height: 1.2;
--h1-font-weight: 600;
--h1-letter-spacing: '';
--h2-font-family: 'Montserrat';
--h2-font-size: 20px;
--h2-line-height: 1.2;
--h2-font-weight: 700;
--h2-letter-spacing: '';
--h3-font-family: 'Montserrat';
--h3-font-size: 18px;
--h3-line-height: 1.2;
--h3-font-weight: 600;
--h3-letter-spacing: '';
--h4-font-family: 'Montserrat';
--h4-font-size: 1.5rem;
--h4-line-height: 1.2;
--h4-font-weight: 500;
--h4-letter-spacing: '';
--h5-font-family: 'Montserrat';
--h5-font-size: 1.25rem;
--h5-line-height: 1.2;
--h5-font-weight: 500;
--h5-letter-spacing: '';
--h6-font-family: 'Montserrat';
--h6-font-size: 1rem;
--h6-line-height: 1.2;
--h6-font-weight: 500;
--h6-letter-spacing: '';
--primary-hover: hsl(203, 45%, 11%);
--primary-text: hsl(0, 0%, 100%);
--primary-text-hover: #ffffff;
--primary-letter-spacing: 0.5px;
--primary-padding: 10px 73px;
--primary-border: 1px;
--primary-border-radius: 10px;
--primary-border-style: solid;
--primary-border-color: hsl(47, 100%, 49%);
--primary-border-hover: hsla(0, 0%, 20%, 1);
--primary-icon: none;
--primary-icon-width: 0px;
--primary-icon-height: 0px;
--primary-icon-inset: 6px auto auto 10px;
--primary-icon-color: transparent;
--primary-icon-color-hover: #ffffff;
--secondary-hover: hsl(47, 100%, 49%);
--secondary-text: hsl(0, 0%, 100%);
--secondary-text-hover: #ffffff;
--secondary-letter-spacing: 0.5px;
--secondary-padding: 10px 73px;
--secondary-border: 1px;
--secondary-border-radius: 10px;
--secondary-border-style: solid;
--secondary-border-color: hsl(203, 45%, 11%);
--secondary-border-hover: hsl(47, 100%, 49%);
--secondary-icon: none;
--secondary-icon-width: 0px;
--secondary-icon-height: 0px;
--secondary-icon-inset: 6px auto auto 10px;
--secondary-icon-color: transparent;
--secondary-icon-color-hover: #ffffff;
--btn-style-1: hsl(47, 100%, 49%);
--btn-style-1-hover: hsl(203, 45%, 11%);
--btn-style-1-text: #ffffff;
--btn-style-1-text-hover: #ffffff;
--btn-style-1-letter-spacing: 0.5px;
--btn-style-1-padding: 10px 73px;
--btn-style-1-border: 1px;
--btn-style-1-border-radius: 10px;
--btn-style-1-border-style: solid;
--btn-style-1-border-color: hsl(47, 100%, 49%);
--btn-style-1-border-hover: hsl(203, 45%, 11%);
--btn-style-1-icon: none;
--btn-style-1-icon-width: 0px;
--btn-style-1-icon-height: 0px;
--btn-style-1-icon-inset: 6px auto auto 10px;
--btn-style-1-icon-color: transparent;
--btn-style-1-icon-color-hover: #ffffff;
--btn-style-2: hsl(0, 0%, 100%);
--btn-style-2-hover: hsl(203, 45%, 11%);
--btn-style-2-text: hsl(203, 45%, 11%);
--btn-style-2-text-hover: #ffffff;
--btn-style-2-letter-spacing: 0.5px;
--btn-style-2-padding: 10px 73px;
--btn-style-2-border: 1px;
--btn-style-2-border-radius: 10px;
--btn-style-2-border-style: solid;
--btn-style-2-border-color: hsl(203, 45%, 11%);
--btn-style-2-border-hover: hsl(203, 45%, 11%);
--btn-style-2-icon: none;
--btn-style-2-icon-width: 0px;
--btn-style-2-icon-height: 0px;
--btn-style-2-icon-inset: 6px auto auto 10px;
--btn-style-2-icon-color: transparent;
--btn-style-2-icon-color-hover: #ffffff;
--btn-style-3: hsl(0, 0%, 100%);
--btn-style-3-hover: hsl(47, 100%, 49%);
--btn-style-3-text: hsl(203, 45%, 11%);
--btn-style-3-text-hover: hsl(0, 0%, 100%);
--btn-style-3-letter-spacing: 0.5px;
--btn-style-3-padding: 10px 73px;
--btn-style-3-border: 1px;
--btn-style-3-border-radius: 10px;
--btn-style-3-border-style: solid;
--btn-style-3-border-color: hsl(203, 45%, 11%);
--btn-style-3-border-hover: hsl(47, 100%, 49%);
--btn-style-3-icon: none;
--btn-style-3-icon-width: 0px;
--btn-style-3-icon-height: 0px;
--btn-style-3-icon-inset: 6px auto auto 10px;
--btn-style-3-icon-color: transparent;
--btn-style-3-icon-color-hover: #ffffff;
--btn-style-4: hsl(47, 100%, 49%);
--btn-style-4-hover: hsl(0, 0%, 100%);
--btn-style-4-text: hsl(0, 0%, 100%);
--btn-style-4-text-hover: hsl(0, 0%, 7%);
--btn-style-4-letter-spacing: 0.5px;
--btn-style-4-padding: 4px 40px;
--btn-style-4-border: 1px;
--btn-style-4-border-radius: 10px;
--btn-style-4-border-style: solid;
--btn-style-4-border-color: hsl(47, 100%, 49%);
--btn-style-4-border-hover: hsl(0, 0%, 77%);
--btn-style-4-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' viewBox='0 -960 960 960'%3E%3Cpath d='M440-600v-120H320v-80h120v-120h80v120h120v80H520v120h-80ZM280-80q-33 0-56.5-23.5T200-160q0-33 23.5-56.5T280-240q33 0 56.5 23.5T360-160q0 33-23.5 56.5T280-80Zm400 0q-33 0-56.5-23.5T600-160q0-33 23.5-56.5T680-240q33 0 56.5 23.5T760-160q0 33-23.5 56.5T680-80ZM280-280q-45 0-69-39.5t-1-78.5l54-98-144-304H40v-80h131l170 360h281l155-280 70 38-155 280q-11 20-29 31t-41 11H324l-44 80h480v80H280Z'/%3E%3C/svg%3E");
--btn-style-4-icon-width: 20px;
--btn-style-4-icon-height: 20px;
--btn-style-4-icon-color: hsl(0, 0%, 100%);
--btn-style-4-icon-color-hover: hsl(47, 100%, 49%);
--btn-style-5: hsl(0, 0%, 100%);
--btn-style-5-hover: hsl(47, 100%, 49%);
--btn-style-5-text: hsl(0, 0%, 7%);
--btn-style-5-text-hover: hsl(0, 0%, 100%);
--btn-style-5-letter-spacing: 0.5px;
--btn-style-5-padding: 4px 40px;
--btn-style-5-border: 1px;
--btn-style-5-border-radius: 10px;
--btn-style-5-border-style: solid;
--btn-style-5-border-color: hsl(0, 0%, 77%);
--btn-style-5-border-hover: hsl(47, 100%, 49%);
--btn-style-5-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' viewBox='0 -960 960 960'%3E%3Cpath d='M440-600v-120H320v-80h120v-120h80v120h120v80H520v120h-80ZM280-80q-33 0-56.5-23.5T200-160q0-33 23.5-56.5T280-240q33 0 56.5 23.5T360-160q0 33-23.5 56.5T280-80Zm400 0q-33 0-56.5-23.5T600-160q0-33 23.5-56.5T680-240q33 0 56.5 23.5T760-160q0 33-23.5 56.5T680-80ZM280-280q-45 0-69-39.5t-1-78.5l54-98-144-304H40v-80h131l170 360h281l155-280 70 38-155 280q-11 20-29 31t-41 11H324l-44 80h480v80H280Z'/%3E%3C/svg%3E");
--btn-style-5-icon-width: 20px;
--btn-style-5-icon-height: 20px;
--btn-style-5-icon-color: hsl(47, 100%, 49%);
--btn-style-5-icon-color-hover: hsl(0, 0%, 100%);
--header-height: 108px;
--header-background: hsl(0, 0%, 100%);
--header-icons-color: hsl(203, 45%, 11%);
--header-position: sticky;
--header-logo-width: 200px;
--headermobile-height: 70px;
--headermobile-background: hsl(0, 0%, 98%);
--headermobile-icons-color: hsl(0, 0%, 48%);
--headermobile-position: sticky;
--headermobile-logo-width: 34px;
--footer-background: hsl(0, 0%, 100%);
--footer-color: hsl(203, 45%, 11%);
--footer-title-color: hsl(47, 100%, 49%);
--footer-icons-color: hsl(47, 100%, 49%);
--footer-bottom-background: hsl(0, 0%, 100%);
--footer-bottom-color: hsl(203, 45%, 11%);
--menu-color: hsl(0, 0%, 13%);
--menu-color-hover: hsl(0, 0%, 10%);
--menu-font-family: 'Roboto';
--menu-font-size: 1rem;
--menu-font-weight: 500;
--menu-letter-spacing: '';
--menu-gap: 20px;
--menumobile-width: 280px;
--menumobile-background: #202020;
--menumobile-color: hsl(0, 0%, 96%);
--menumobile-font-family: 'Roboto';
--menumobile-font-size: 1rem;
--menumobile-font-weight: 500;
--menumobile-letter-spacing: '';
--menumobile-gap: 5px;
--menufooter-color: '';
--menufooter-color-hover: '';
--menufooter-font-family: 'Roboto';
--menufooter-font-size: .85rem;
--menufooter-font-weight: 400;
--menufooter-letter-spacing: '';
--menufooter-gap: 5px;
--section-gap: 50px;
--margin: 30px;
--breadcrumbmargin: 0px;
}
@font-face {
font-family: 'Montserrat';
font-weight: 400;
src: url("https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Ew-Y3tcoqK5.ttf");
}
@font-face {
font-family: 'Montserrat';
font-weight: 600;
src: url("https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu170w-Y3tcoqK5.ttf");
}
@font-face {
font-family: 'Montserrat';
font-weight: 700;
src: url("https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM70w-Y3tcoqK5.ttf");
}
@font-face {
font-family: 'Montserrat';
font-weight: 500;
src: url("https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtZ6Ew-Y3tcoqK5.ttf");
}
@font-face {
font-family: 'Roboto';
font-weight: 500;
src: url("https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9vAx05IsDqlA.ttf");
}
@font-face {
font-family: 'Roboto';
font-weight: 400;
src: url("https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Me5WZLCzYlKw.ttf");
}