@charset "UTF-8"; :root { --color-white: #fff; --color-dark: #6d7680; --color-grey-main: #446d7b; --color-grey-dark: #6d7680; --color-yellow-main:#fbbb21; --color-purple-light: hsl(240deg, 100%, 94%); --color-green-main: hsl(144deg, 56%, 69%); --color-green-dark: hsl(154deg, 42%, 51%); --color-green-light: hsl(150deg, 36%, 96%); --color-blue-light: hsl(212deg, 94%, 87%); --color-gradient-desktop: linear-gradient(255deg,hsla(144, 56%, 69%, 1),hsla(144, 56%, 69%, 1),hsla(246, 100%, 69%, 0.5)); --color-gradient-mobile: linear-gradient(180deg,hsla(144, 56%, 69%, 1), hsla(246, 100%, 69%, 0.51)); --fs-small: 0.8666rem; --fs-regular: 1rem; --fs-medium: 1.5rem; --fs-big: 2rem; --font-regular: Bnpp Sans; --font-secondary: Bnpp Type; --font-tertiary: Open Sans; --fw-light: 300; --fw-regular: 400; --fw-semibold: 600; --fw-bold: 700; } :root { --bg-body: var(--color-white); --font-title: var(--font-regular); } @font-face { font-family: "Bnpp Sans"; src: url("../../../etc.clientlibs/bnpparibas-cinecapital-site-front/clientlibs/clientlib-base/resources/fonts/bnppsans-regular.woff2") format("woff2"), url("../../../etc.clientlibs/bnpparibas-cinecapital-site-front/clientlibs/clientlib-base/resources/fonts/bnppsans-regular.woff") format("woff"); font-display: swap; font-weight: normal; font-style: normal; } @font-face { font-family: "Bnpp Sans"; src: url("../../../etc.clientlibs/bnpparibas-cinecapital-site-front/clientlibs/clientlib-base/resources/fonts/bnppsans-light.woff2") format("woff2"), url("../../../etc.clientlibs/bnpparibas-cinecapital-site-front/clientlibs/clientlib-base/resources/fonts/bnppsans-light.woff") format("woff"); font-display: swap; font-weight: 300; font-style: normal; } @font-face { font-family: "Bnpp Sans"; src: url("../../../etc.clientlibs/bnpparibas-cinecapital-site-front/clientlibs/clientlib-base/resources/fonts/bnppsans-bold.woff2") format("woff2"), url("../../../etc.clientlibs/bnpparibas-cinecapital-site-front/clientlibs/clientlib-base/resources/fonts/bnppsans-bold.woff") format("woff"); font-display: swap; font-weight: 600; font-style: normal; } @font-face { font-family: "Bnpp Sans"; src: url("../../../etc.clientlibs/bnpparibas-cinecapital-site-front/clientlibs/clientlib-base/resources/fonts/bnppsans-bolditalic.woff2") format("woff2"), url("../../../etc.clientlibs/bnpparibas-cinecapital-site-front/clientlibs/clientlib-base/resources/fonts/bnppsans-bolditalic.woff") format("woff"); font-display: swap; font-weight: 600; font-style: italic; } @font-face { font-family: "Bnpp Type"; src: url("../../../etc.clientlibs/bnpparibas-cinecapital-site-front/clientlibs/clientlib-base/resources/fonts/bnpp_type_bold_v2-webfont.woff2") format("woff2"), url("../../../etc.clientlibs/bnpparibas-cinecapital-site-front/clientlibs/clientlib-base/resources/fonts/bnpp_type_bold_v2-webfont.woff") format("woff"); font-display: swap; font-weight: 600; font-style: italic; } /*** The new CSS reset - version 1.8.4 (last updated 14.2.2023) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug */ *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) { all: unset; display: revert; } /* Preferred box-sizing value */ *, *::before, *::after { box-sizing: border-box; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: pointer; } /* Remove list styles (bullets/numbers) */ ol, ul, menu { list-style: none; } /* For images to not be able to exceed their container */ img { max-inline-size: 100%; max-block-size: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; -moz-appearance: revert; appearance: revert; } /* preformatted text - use only for this feature */ :where(pre) { all: revert; } /* reset default text opacity of input placeholder */ ::-moz-placeholder { color: unset; } ::placeholder { color: unset; } /* remove default dot (•) sign */ ::marker { content: initial; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ :where([contenteditable]:not([contenteditable=false])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable=true]) { -webkit-user-drag: element; } /* Revert Modal native behavior */ :where(dialog:modal) { all: revert; } /* Document * ========================================================================== */ /** * 1. Correct the line height in all browsers. */ :where(html) { line-height: 1.15; /* 1 */ } /* Sections * ========================================================================== */ /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Edge, Firefox, and Safari. */ :where(h1) { font-size: 2em; margin-block-end: 0.67em; margin-block-start: 0.67em; } /* Grouping content * ========================================================================== */ /** * Remove the margin on nested lists in Chrome, Edge, and Safari. */ :where(dl, ol, ul) :where(dl, ol, ul) { margin-block-end: 0; margin-block-start: 0; } /** * 1. Add the correct box sizing in Firefox. * 2. Correct the inheritance of border color in Firefox. */ :where(hr) { box-sizing: content-box; /* 1 */ color: inherit; /* 2 */ height: 0; /* 1 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ :where(pre) { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics * ========================================================================== */ /** * Add the correct text decoration in Safari. */ :where(abbr[title]) { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ :where(b, strong) { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ :where(code, kbd, samp) { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ :where(small) { font-size: 80%; } /* Tabular data * ========================================================================== */ /** * 1. Correct table border color in Chrome, Edge, and Safari. * 2. Remove text indentation from table contents in Chrome, Edge, and Safari. */ :where(table) { border-color: currentColor; /* 1 */ text-indent: 0; /* 2 */ } /* Forms * ========================================================================== */ /** * Remove the margin on controls in Safari. */ :where(button, input, select) { margin: 0; } /** * Remove the inheritance of text transform in Firefox. */ :where(button) { text-transform: none; } /** * Correct the inability to style buttons in iOS and Safari. */ :where(button, input:is([type=button i], [type=reset i], [type=submit i])) { -webkit-appearance: button; } /** * Add the correct vertical alignment in Chrome, Edge, and Firefox. */ :where(progress) { vertical-align: baseline; } /** * Remove the inheritance of text transform in Firefox. */ :where(select) { text-transform: none; } /** * Remove the margin in Firefox and Safari. */ :where(textarea) { margin: 0; } /** * 1. Correct the odd appearance in Chrome, Edge, and Safari. * 2. Correct the outline style in Safari. */ :where(input[type=search i]) { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /** * Correct the text style of placeholders in Chrome, Edge, and Safari. */ ::-webkit-input-placeholder { color: inherit; opacity: 0.54; } /** * Remove the inner padding in Chrome, Edge, and Safari on macOS. */ ::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style upload buttons in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /** * Remove the inner border and padding of focus outlines in Firefox. */ :where(button, input:is([type=button i], [type=color i], [type=reset i], [type=submit i]))::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus outline styles unset by the previous rule in Firefox. */ :where(button, input:is([type=button i], [type=color i], [type=reset i], [type=submit i]))::-moz-focusring { outline: 1px dotted ButtonText; } /** * Remove the additional :invalid styles in Firefox. */ :where(:-moz-ui-invalid) { box-shadow: none; } /* Interactive * ========================================================================== */ /* * Add the correct styles in Safari. */ :where(dialog) { background-color: white; border: solid; color: black; height: -moz-fit-content; height: fit-content; left: 0; margin: auto; padding: 1em; position: absolute; right: 0; width: -moz-fit-content; width: fit-content; } :where(dialog:not([open])) { display: none; } /* * Add the correct display in all browsers. */ :where(summary) { display: list-item; } b, strong { font-weight: 500; } button { outline: none; } button:focus { outline: none; } a:focus-visible, button:focus-visible, div[tabindex]:focus-visible, span[tabindex]:focus-visible, p[tabindex]:focus-visible, li[tabindex]:focus-visible { border: 3px dashed var(--color-purple-main); outline: 0; } .btn-primary:focus-visible { border: 3px dashed var(--color-green-main); outline: 0; } select:focus, select:focus-visible { border: 1px solid var(--color-purple-main); outline: 0; } a.button:focus, a.button:focus-visible { border: 0; outline: 3px dashed var(--color-purple-main); } .skip-links { position: absolute; top: 100px; left: calc(50% - 150px); z-index: 9999; } .skip-links a { position: absolute; height: 50px; width: 300px; top: -50rem; left: 0; background-color: var(--color-white); border: 3px dashed var(--color-dark); line-height: 50px; text-align: center; outline: 0; text-decoration: none; } .skip-links a:focus { top: 0; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; font-family: var(--font-regular); font-size: 1.375rem; font-weight: lighter; line-height: 1.4; background-color: var(--bg-body); color: var(--color-dark); } @media (max-width: 767px) { body { font-size: 1rem; } } .container { max-width: 1160px; margin-inline: auto; padding-left: 1em; padding-right: 1em; } h1, h2, h3, h4 { font-weight: 500; color: var(--color-dark); margin-top: 0; letter-spacing: 0.3px; line-height: 1; } h1 { font-size: 2rem; font-weight: 100; color: #3e4349; } h2 { font-size: 2rem; font-weight: 500; color: var(--color-grey-main); margin-bottom: 1em; } h3 { font-size: 1.75rem; font-weight: 500; margin-bottom: 0.5em; } h4 { font-size: 1.625rem; font-weight: 500; margin-bottom: 0.5em; } h5 { font-size: 1.5rem; font-weight: 500; margin-bottom: 0.25em; } h6 { font-size: 1.375rem; font-weight: 500; margin-bottom: 0.25em; } a { color: #3ba9d2; transition: color 0.2s; } a:hover { color: var(--color-grey-dark); } p { color: var(--color-grey-dark); margin-bottom: 1em; font-weight: 100; line-height: 1.5; } #main-content { min-height: 90vh; } .align-items-left { align-items: left; } .justify-content-left { justify-content: left; } .align-items-right { align-items: right; } .justify-content-right { justify-content: right; } .align-items-center { align-items: center; } .justify-content-center { justify-content: center; } .align-items-flex-start { align-items: flex-start; } .justify-content-flex-start { justify-content: flex-start; } .align-items-flex-end { align-items: flex-end; } .justify-content-flex-end { justify-content: flex-end; } .align-items-stretch { align-items: stretch; } .justify-content-stretch { justify-content: stretch; } .align-items-space-between { align-items: space-between; } .justify-content-space-between { justify-content: space-between; } .align-items-space-around { align-items: space-around; } .justify-content-space-around { justify-content: space-around; } @media (min-width: 320px) { .align-items-xxs-left { align-items: left; } .justify-content-xxs-left { justify-content: left; } } @media (min-width: 320px) { .align-items-xxs-right { align-items: right; } .justify-content-xxs-right { justify-content: right; } } @media (min-width: 320px) { .align-items-xxs-center { align-items: center; } .justify-content-xxs-center { justify-content: center; } } @media (min-width: 320px) { .align-items-xxs-flex-start { align-items: flex-start; } .justify-content-xxs-flex-start { justify-content: flex-start; } } @media (min-width: 320px) { .align-items-xxs-flex-end { align-items: flex-end; } .justify-content-xxs-flex-end { justify-content: flex-end; } } @media (min-width: 320px) { .align-items-xxs-stretch { align-items: stretch; } .justify-content-xxs-stretch { justify-content: stretch; } } @media (min-width: 320px) { .align-items-xxs-space-between { align-items: space-between; } .justify-content-xxs-space-between { justify-content: space-between; } } @media (min-width: 320px) { .align-items-xxs-space-around { align-items: space-around; } .justify-content-xxs-space-around { justify-content: space-around; } } @media (min-width: 480px) { .align-items-xs-left { align-items: left; } .justify-content-xs-left { justify-content: left; } } @media (min-width: 480px) { .align-items-xs-right { align-items: right; } .justify-content-xs-right { justify-content: right; } } @media (min-width: 480px) { .align-items-xs-center { align-items: center; } .justify-content-xs-center { justify-content: center; } } @media (min-width: 480px) { .align-items-xs-flex-start { align-items: flex-start; } .justify-content-xs-flex-start { justify-content: flex-start; } } @media (min-width: 480px) { .align-items-xs-flex-end { align-items: flex-end; } .justify-content-xs-flex-end { justify-content: flex-end; } } @media (min-width: 480px) { .align-items-xs-stretch { align-items: stretch; } .justify-content-xs-stretch { justify-content: stretch; } } @media (min-width: 480px) { .align-items-xs-space-between { align-items: space-between; } .justify-content-xs-space-between { justify-content: space-between; } } @media (min-width: 480px) { .align-items-xs-space-around { align-items: space-around; } .justify-content-xs-space-around { justify-content: space-around; } } @media (min-width: 768px) { .align-items-sm-left { align-items: left; } .justify-content-sm-left { justify-content: left; } } @media (min-width: 768px) { .align-items-sm-right { align-items: right; } .justify-content-sm-right { justify-content: right; } } @media (min-width: 768px) { .align-items-sm-center { align-items: center; } .justify-content-sm-center { justify-content: center; } } @media (min-width: 768px) { .align-items-sm-flex-start { align-items: flex-start; } .justify-content-sm-flex-start { justify-content: flex-start; } } @media (min-width: 768px) { .align-items-sm-flex-end { align-items: flex-end; } .justify-content-sm-flex-end { justify-content: flex-end; } } @media (min-width: 768px) { .align-items-sm-stretch { align-items: stretch; } .justify-content-sm-stretch { justify-content: stretch; } } @media (min-width: 768px) { .align-items-sm-space-between { align-items: space-between; } .justify-content-sm-space-between { justify-content: space-between; } } @media (min-width: 768px) { .align-items-sm-space-around { align-items: space-around; } .justify-content-sm-space-around { justify-content: space-around; } } @media (min-width: 1024px) { .align-items-md-left { align-items: left; } .justify-content-md-left { justify-content: left; } } @media (min-width: 1024px) { .align-items-md-right { align-items: right; } .justify-content-md-right { justify-content: right; } } @media (min-width: 1024px) { .align-items-md-center { align-items: center; } .justify-content-md-center { justify-content: center; } } @media (min-width: 1024px) { .align-items-md-flex-start { align-items: flex-start; } .justify-content-md-flex-start { justify-content: flex-start; } } @media (min-width: 1024px) { .align-items-md-flex-end { align-items: flex-end; } .justify-content-md-flex-end { justify-content: flex-end; } } @media (min-width: 1024px) { .align-items-md-stretch { align-items: stretch; } .justify-content-md-stretch { justify-content: stretch; } } @media (min-width: 1024px) { .align-items-md-space-between { align-items: space-between; } .justify-content-md-space-between { justify-content: space-between; } } @media (min-width: 1024px) { .align-items-md-space-around { align-items: space-around; } .justify-content-md-space-around { justify-content: space-around; } } @media (min-width: 1280px) { .align-items-lg-left { align-items: left; } .justify-content-lg-left { justify-content: left; } } @media (min-width: 1280px) { .align-items-lg-right { align-items: right; } .justify-content-lg-right { justify-content: right; } } @media (min-width: 1280px) { .align-items-lg-center { align-items: center; } .justify-content-lg-center { justify-content: center; } } @media (min-width: 1280px) { .align-items-lg-flex-start { align-items: flex-start; } .justify-content-lg-flex-start { justify-content: flex-start; } } @media (min-width: 1280px) { .align-items-lg-flex-end { align-items: flex-end; } .justify-content-lg-flex-end { justify-content: flex-end; } } @media (min-width: 1280px) { .align-items-lg-stretch { align-items: stretch; } .justify-content-lg-stretch { justify-content: stretch; } } @media (min-width: 1280px) { .align-items-lg-space-between { align-items: space-between; } .justify-content-lg-space-between { justify-content: space-between; } } @media (min-width: 1280px) { .align-items-lg-space-around { align-items: space-around; } .justify-content-lg-space-around { justify-content: space-around; } } .d-flex { display: flex; } .d-block { display: block; } .d-inlineblock { display: inline-block; } .w-100 { width: 100%; } .h-100 { height: 100%; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-visible { overflow-y: visible; } .overflow-y-scroll { overflow-y: scroll; } .border-blue { border-left: var(--color-blue--muted) 10px solid; } .border-green-light { border-left: var(--color-green-light--muted) 10px solid; } .border-green-dark { border-left: var(--color-green-dark--muted) 10px solid; } .basic-separateur { position: relative; padding: 1em 0; display: block; margin: 1em 0em; } @media (min-width: 1024px) { .basic-separateur { margin: 1em -5em; } } .basic-separateur:before { content: ""; height: 1px; width: auto; background-color: #cad1e1; position: absolute; left: 0; right: 0; top: 1em; } .basic-separateur:after { content: "•••"; margin: auto; text-align: center; position: absolute; top: -0.35em; right: 0; left: 0; font-size: 2.5em; width: 2em; background-color: var(--color-white); } .btn-icon { padding: 0; } .btn-icon, .btn-icon:hover { box-shadow: none; } .btn { background-color: transparent; border: 0; padding: 0; text-decoration: none; padding: 0.4rem 1rem; border-radius: 2rem; } .btn-primary { border: 2px solid var(--color-grey-light); } .btn--accordion { display: block; padding: 0; padding-left: 2rem; position: relative; } .btn--accordion .btn-icon { position: absolute; top: 0; left: 0; border: 1px solid var(--color-grey-main); border-radius: 5px; width: 1.2rem; height: 1.2rem; display: flex; font-size: 1.4rem; justify-content: center; font-weight: var(--fw-bold); } .btn--accordion .btn-icon:before { content: "+"; height: 100%; display: flex; flex-direction: column; justify-content: center; } .btn--accordion[aria-expanded=true] .btn-icon:before { content: "-"; } .btn--accordion[aria-expanded=true]::after { content: ""; position: absolute; bottom: -24px; left: 33px; width: 50px; height: 1px; background-color: var(--color-grey-main); } .btn--checkbox { display: inline-block; position: relative; margin-bottom: 0.25em; padding-left: 1.6em; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; color: var(--color-grey-main-light); } .btn--checkbox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .btn--checkbox input:checked ~ .checkmark:after { content: ""; display: block; position: absolute; left: 0; right: 0; margin: auto; top: 1px; width: 5px; height: 10px; border: solid var(--color-grey-main-light); border-width: 0 3px 3px 0; transform: rotate(45deg); } .btn--checkbox .checkmark { background-color: var(--color-white); position: absolute; top: 3px; left: 0; border-radius: 5px; width: 1rem; height: 1rem; border: 1px solid var(--color-grey-main-light); } .text-deco-none { text-decoration: none; } /* background */ .background-header-gradient { position: relative; background: var(--color-gradient-mobile); overflow-x: clip; } .background-header-gradient:before { content: ""; height: 9em; width: auto; position: absolute; top: calc(100% - 2.5em); border-radius: 50%; right: -10em; left: -10em; background: var(--color-white); } @media (min-width: 1024px) { .background-header-gradient { background: var(--color-gradient-desktop); } } .bg-green { background-color: var(--color-green-main); } .bg-white { background-color: #fff; } .text-white { color: var(--color-white); } .text-green { color: var(--color-green-main); } .text-purple { color: var(--color-purple-main); } .text-purple-dark { color: var(--color-purple-dark); } .shadow { box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); } @media (min-width: 768px) { .pos-ico-plus { top: 37%; } } .align-icon { display: flex; align-items: center; } .align-icon i { display: inline-flex; align-items: center; margin-right: 0.5em; } .txt-link { text-decoration: none; outline: 0; } .txt-link:hover { border: none; } .txt-link:focus-visible { border: 3px dashed var(--color-dark); padding: 2px; } .link-primary { text-decoration: none; } .enlarge-link { position: relative; } .enlarge-link a:before { content: ""; position: absolute; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; } .list-unstyled { list-style: none; margin: 0; padding: 0; } .svg-collection { display: grid; grid-template-columns: repeat(6, 1fr); gap: 0.3rem; } .svg-collection > * { display: flex; flex-direction: column; justify-content: space-between; background-color: #fff; border-radius: 1rem; border: 1px solid #eee; text-align: center; } .svg-collection > * svg { margin-inline: auto; } .svg-collection > * span { margin-block: 1rem; word-break: break-all; } .svg-collection li { background-color: rgba(0, 0, 0, 0.15); } .fixed { position: fixed; } .sticky { position: sticky; } .absolut { position: absolute; } .relative { position: relative; } .top { top: 0; } .rounded-0 { border-radius: 0rem !important; } .rounded-1 { border-radius: 0.0625rem !important; } .rounded-2 { border-radius: 0.125rem !important; } .rounded-3 { border-radius: 0.1875rem !important; } .rounded-4 { border-radius: 0.25rem !important; } .rounded-5 { border-radius: 0.3125rem !important; } .rounded-6 { border-radius: 0.375rem !important; } .rounded-7 { border-radius: 0.4375rem !important; } .rounded-8 { border-radius: 0.5rem !important; } .rounded-9 { border-radius: 0.5625rem !important; } .rounded-10 { border-radius: 0.625rem !important; } .rounded-11 { border-radius: 0.6875rem !important; } .rounded-12 { border-radius: 0.75rem !important; } .rounded-13 { border-radius: 0.8125rem !important; } .rounded-14 { border-radius: 0.875rem !important; } .rounded-15 { border-radius: 0.9375rem !important; } .rounded-16 { border-radius: 1rem !important; } .rounded-17 { border-radius: 1.0625rem !important; } .rounded-18 { border-radius: 1.125rem !important; } .rounded-19 { border-radius: 1.1875rem !important; } .rounded-20 { border-radius: 1.25rem !important; } .rounded-21 { border-radius: 1.3125rem !important; } .rounded-22 { border-radius: 1.375rem !important; } .rounded-23 { border-radius: 1.4375rem !important; } .rounded-24 { border-radius: 1.5rem !important; } .rounded-25 { border-radius: 1.5625rem !important; } .rounded-26 { border-radius: 1.625rem !important; } .rounded-27 { border-radius: 1.6875rem !important; } .rounded-28 { border-radius: 1.75rem !important; } .rounded-29 { border-radius: 1.8125rem !important; } .rounded-30 { border-radius: 1.875rem !important; } .rounded-31 { border-radius: 1.9375rem !important; } .rounded-32 { border-radius: 2rem !important; } .rounded-33 { border-radius: 2.0625rem !important; } .rounded-34 { border-radius: 2.125rem !important; } .rounded-35 { border-radius: 2.1875rem !important; } .rounded-36 { border-radius: 2.25rem !important; } .rounded-37 { border-radius: 2.3125rem !important; } .rounded-38 { border-radius: 2.375rem !important; } .rounded-39 { border-radius: 2.4375rem !important; } .rounded-40 { border-radius: 2.5rem !important; } .rounded-t-l-0 { border-top-left-radius: 0rem !important; } .rounded-t-l-1 { border-top-left-radius: 0.0625rem !important; } .rounded-t-l-2 { border-top-left-radius: 0.125rem !important; } .rounded-t-l-3 { border-top-left-radius: 0.1875rem !important; } .rounded-t-l-4 { border-top-left-radius: 0.25rem !important; } .rounded-t-l-5 { border-top-left-radius: 0.3125rem !important; } .rounded-t-l-6 { border-top-left-radius: 0.375rem !important; } .rounded-t-l-7 { border-top-left-radius: 0.4375rem !important; } .rounded-t-l-8 { border-top-left-radius: 0.5rem !important; } .rounded-t-l-9 { border-top-left-radius: 0.5625rem !important; } .rounded-t-l-10 { border-top-left-radius: 0.625rem !important; } .rounded-t-l-11 { border-top-left-radius: 0.6875rem !important; } .rounded-t-l-12 { border-top-left-radius: 0.75rem !important; } .rounded-t-l-13 { border-top-left-radius: 0.8125rem !important; } .rounded-t-l-14 { border-top-left-radius: 0.875rem !important; } .rounded-t-l-15 { border-top-left-radius: 0.9375rem !important; } .rounded-t-l-16 { border-top-left-radius: 1rem !important; } .rounded-t-l-17 { border-top-left-radius: 1.0625rem !important; } .rounded-t-l-18 { border-top-left-radius: 1.125rem !important; } .rounded-t-l-19 { border-top-left-radius: 1.1875rem !important; } .rounded-t-l-20 { border-top-left-radius: 1.25rem !important; } .rounded-t-l-21 { border-top-left-radius: 1.3125rem !important; } .rounded-t-l-22 { border-top-left-radius: 1.375rem !important; } .rounded-t-l-23 { border-top-left-radius: 1.4375rem !important; } .rounded-t-l-24 { border-top-left-radius: 1.5rem !important; } .rounded-t-l-25 { border-top-left-radius: 1.5625rem !important; } .rounded-t-l-26 { border-top-left-radius: 1.625rem !important; } .rounded-t-l-27 { border-top-left-radius: 1.6875rem !important; } .rounded-t-l-28 { border-top-left-radius: 1.75rem !important; } .rounded-t-l-29 { border-top-left-radius: 1.8125rem !important; } .rounded-t-l-30 { border-top-left-radius: 1.875rem !important; } .rounded-t-l-31 { border-top-left-radius: 1.9375rem !important; } .rounded-t-l-32 { border-top-left-radius: 2rem !important; } .rounded-t-l-33 { border-top-left-radius: 2.0625rem !important; } .rounded-t-l-34 { border-top-left-radius: 2.125rem !important; } .rounded-t-l-35 { border-top-left-radius: 2.1875rem !important; } .rounded-t-l-36 { border-top-left-radius: 2.25rem !important; } .rounded-t-l-37 { border-top-left-radius: 2.3125rem !important; } .rounded-t-l-38 { border-top-left-radius: 2.375rem !important; } .rounded-t-l-39 { border-top-left-radius: 2.4375rem !important; } .rounded-t-l-40 { border-top-left-radius: 2.5rem !important; } .rounded-t-r-0 { border-top-right-radius: 0rem !important; } .rounded-t-r-1 { border-top-right-radius: 0.0625rem !important; } .rounded-t-r-2 { border-top-right-radius: 0.125rem !important; } .rounded-t-r-3 { border-top-right-radius: 0.1875rem !important; } .rounded-t-r-4 { border-top-right-radius: 0.25rem !important; } .rounded-t-r-5 { border-top-right-radius: 0.3125rem !important; } .rounded-t-r-6 { border-top-right-radius: 0.375rem !important; } .rounded-t-r-7 { border-top-right-radius: 0.4375rem !important; } .rounded-t-r-8 { border-top-right-radius: 0.5rem !important; } .rounded-t-r-9 { border-top-right-radius: 0.5625rem !important; } .rounded-t-r-10 { border-top-right-radius: 0.625rem !important; } .rounded-t-r-11 { border-top-right-radius: 0.6875rem !important; } .rounded-t-r-12 { border-top-right-radius: 0.75rem !important; } .rounded-t-r-13 { border-top-right-radius: 0.8125rem !important; } .rounded-t-r-14 { border-top-right-radius: 0.875rem !important; } .rounded-t-r-15 { border-top-right-radius: 0.9375rem !important; } .rounded-t-r-16 { border-top-right-radius: 1rem !important; } .rounded-t-r-17 { border-top-right-radius: 1.0625rem !important; } .rounded-t-r-18 { border-top-right-radius: 1.125rem !important; } .rounded-t-r-19 { border-top-right-radius: 1.1875rem !important; } .rounded-t-r-20 { border-top-right-radius: 1.25rem !important; } .rounded-t-r-21 { border-top-right-radius: 1.3125rem !important; } .rounded-t-r-22 { border-top-right-radius: 1.375rem !important; } .rounded-t-r-23 { border-top-right-radius: 1.4375rem !important; } .rounded-t-r-24 { border-top-right-radius: 1.5rem !important; } .rounded-t-r-25 { border-top-right-radius: 1.5625rem !important; } .rounded-t-r-26 { border-top-right-radius: 1.625rem !important; } .rounded-t-r-27 { border-top-right-radius: 1.6875rem !important; } .rounded-t-r-28 { border-top-right-radius: 1.75rem !important; } .rounded-t-r-29 { border-top-right-radius: 1.8125rem !important; } .rounded-t-r-30 { border-top-right-radius: 1.875rem !important; } .rounded-t-r-31 { border-top-right-radius: 1.9375rem !important; } .rounded-t-r-32 { border-top-right-radius: 2rem !important; } .rounded-t-r-33 { border-top-right-radius: 2.0625rem !important; } .rounded-t-r-34 { border-top-right-radius: 2.125rem !important; } .rounded-t-r-35 { border-top-right-radius: 2.1875rem !important; } .rounded-t-r-36 { border-top-right-radius: 2.25rem !important; } .rounded-t-r-37 { border-top-right-radius: 2.3125rem !important; } .rounded-t-r-38 { border-top-right-radius: 2.375rem !important; } .rounded-t-r-39 { border-top-right-radius: 2.4375rem !important; } .rounded-t-r-40 { border-top-right-radius: 2.5rem !important; } .rounded-b-r-0 { border-bottom-right-radius: 0rem !important; } .rounded-b-r-1 { border-bottom-right-radius: 0.0625rem !important; } .rounded-b-r-2 { border-bottom-right-radius: 0.125rem !important; } .rounded-b-r-3 { border-bottom-right-radius: 0.1875rem !important; } .rounded-b-r-4 { border-bottom-right-radius: 0.25rem !important; } .rounded-b-r-5 { border-bottom-right-radius: 0.3125rem !important; } .rounded-b-r-6 { border-bottom-right-radius: 0.375rem !important; } .rounded-b-r-7 { border-bottom-right-radius: 0.4375rem !important; } .rounded-b-r-8 { border-bottom-right-radius: 0.5rem !important; } .rounded-b-r-9 { border-bottom-right-radius: 0.5625rem !important; } .rounded-b-r-10 { border-bottom-right-radius: 0.625rem !important; } .rounded-b-r-11 { border-bottom-right-radius: 0.6875rem !important; } .rounded-b-r-12 { border-bottom-right-radius: 0.75rem !important; } .rounded-b-r-13 { border-bottom-right-radius: 0.8125rem !important; } .rounded-b-r-14 { border-bottom-right-radius: 0.875rem !important; } .rounded-b-r-15 { border-bottom-right-radius: 0.9375rem !important; } .rounded-b-r-16 { border-bottom-right-radius: 1rem !important; } .rounded-b-r-17 { border-bottom-right-radius: 1.0625rem !important; } .rounded-b-r-18 { border-bottom-right-radius: 1.125rem !important; } .rounded-b-r-19 { border-bottom-right-radius: 1.1875rem !important; } .rounded-b-r-20 { border-bottom-right-radius: 1.25rem !important; } .rounded-b-r-21 { border-bottom-right-radius: 1.3125rem !important; } .rounded-b-r-22 { border-bottom-right-radius: 1.375rem !important; } .rounded-b-r-23 { border-bottom-right-radius: 1.4375rem !important; } .rounded-b-r-24 { border-bottom-right-radius: 1.5rem !important; } .rounded-b-r-25 { border-bottom-right-radius: 1.5625rem !important; } .rounded-b-r-26 { border-bottom-right-radius: 1.625rem !important; } .rounded-b-r-27 { border-bottom-right-radius: 1.6875rem !important; } .rounded-b-r-28 { border-bottom-right-radius: 1.75rem !important; } .rounded-b-r-29 { border-bottom-right-radius: 1.8125rem !important; } .rounded-b-r-30 { border-bottom-right-radius: 1.875rem !important; } .rounded-b-r-31 { border-bottom-right-radius: 1.9375rem !important; } .rounded-b-r-32 { border-bottom-right-radius: 2rem !important; } .rounded-b-r-33 { border-bottom-right-radius: 2.0625rem !important; } .rounded-b-r-34 { border-bottom-right-radius: 2.125rem !important; } .rounded-b-r-35 { border-bottom-right-radius: 2.1875rem !important; } .rounded-b-r-36 { border-bottom-right-radius: 2.25rem !important; } .rounded-b-r-37 { border-bottom-right-radius: 2.3125rem !important; } .rounded-b-r-38 { border-bottom-right-radius: 2.375rem !important; } .rounded-b-r-39 { border-bottom-right-radius: 2.4375rem !important; } .rounded-b-r-40 { border-bottom-right-radius: 2.5rem !important; } .rounded-b-l-0 { border-bottom-left-radius: 0rem !important; } .rounded-b-l-1 { border-bottom-left-radius: 0.0625rem !important; } .rounded-b-l-2 { border-bottom-left-radius: 0.125rem !important; } .rounded-b-l-3 { border-bottom-left-radius: 0.1875rem !important; } .rounded-b-l-4 { border-bottom-left-radius: 0.25rem !important; } .rounded-b-l-5 { border-bottom-left-radius: 0.3125rem !important; } .rounded-b-l-6 { border-bottom-left-radius: 0.375rem !important; } .rounded-b-l-7 { border-bottom-left-radius: 0.4375rem !important; } .rounded-b-l-8 { border-bottom-left-radius: 0.5rem !important; } .rounded-b-l-9 { border-bottom-left-radius: 0.5625rem !important; } .rounded-b-l-10 { border-bottom-left-radius: 0.625rem !important; } .rounded-b-l-11 { border-bottom-left-radius: 0.6875rem !important; } .rounded-b-l-12 { border-bottom-left-radius: 0.75rem !important; } .rounded-b-l-13 { border-bottom-left-radius: 0.8125rem !important; } .rounded-b-l-14 { border-bottom-left-radius: 0.875rem !important; } .rounded-b-l-15 { border-bottom-left-radius: 0.9375rem !important; } .rounded-b-l-16 { border-bottom-left-radius: 1rem !important; } .rounded-b-l-17 { border-bottom-left-radius: 1.0625rem !important; } .rounded-b-l-18 { border-bottom-left-radius: 1.125rem !important; } .rounded-b-l-19 { border-bottom-left-radius: 1.1875rem !important; } .rounded-b-l-20 { border-bottom-left-radius: 1.25rem !important; } .rounded-b-l-21 { border-bottom-left-radius: 1.3125rem !important; } .rounded-b-l-22 { border-bottom-left-radius: 1.375rem !important; } .rounded-b-l-23 { border-bottom-left-radius: 1.4375rem !important; } .rounded-b-l-24 { border-bottom-left-radius: 1.5rem !important; } .rounded-b-l-25 { border-bottom-left-radius: 1.5625rem !important; } .rounded-b-l-26 { border-bottom-left-radius: 1.625rem !important; } .rounded-b-l-27 { border-bottom-left-radius: 1.6875rem !important; } .rounded-b-l-28 { border-bottom-left-radius: 1.75rem !important; } .rounded-b-l-29 { border-bottom-left-radius: 1.8125rem !important; } .rounded-b-l-30 { border-bottom-left-radius: 1.875rem !important; } .rounded-b-l-31 { border-bottom-left-radius: 1.9375rem !important; } .rounded-b-l-32 { border-bottom-left-radius: 2rem !important; } .rounded-b-l-33 { border-bottom-left-radius: 2.0625rem !important; } .rounded-b-l-34 { border-bottom-left-radius: 2.125rem !important; } .rounded-b-l-35 { border-bottom-left-radius: 2.1875rem !important; } .rounded-b-l-36 { border-bottom-left-radius: 2.25rem !important; } .rounded-b-l-37 { border-bottom-left-radius: 2.3125rem !important; } .rounded-b-l-38 { border-bottom-left-radius: 2.375rem !important; } .rounded-b-l-39 { border-bottom-left-radius: 2.4375rem !important; } .rounded-b-l-40 { border-bottom-left-radius: 2.5rem !important; } .rounded-4 { border-radius: 0.5rem !important; } .rounded-5 { border-radius: 1rem !important; } .hide, .hidden { display: none !important; } @media (min-width: 320px) { .hide-for-xxs { display: none !important; } } @media (min-width: 320px) { .show-for-xxs { display: block !important; } } @media (max-width: 319px) { .show-for-xxs { display: none !important; } } @media (min-width: 480px) { .hide-for-xs { display: none !important; } } @media (min-width: 480px) { .show-for-xs { display: block !important; } } @media (max-width: 479px) { .show-for-xs { display: none !important; } } @media (min-width: 768px) { .hide-for-sm { display: none !important; } } @media (min-width: 768px) { .show-for-sm { display: block !important; } } @media (max-width: 767px) { .show-for-sm { display: none !important; } } @media (min-width: 1024px) { .hide-for-md { display: none !important; } } @media (min-width: 1024px) { .show-for-md { display: block !important; } } @media (max-width: 1023px) { .show-for-md { display: none !important; } } @media (min-width: 1280px) { .hide-for-lg { display: none !important; } } @media (min-width: 1280px) { .show-for-lg { display: block !important; } } @media (max-width: 1279px) { .show-for-lg { display: none !important; } } .m-0 { margin: 0rem !important; } .m-x-0 { margin-inline: 0rem !important; } .m-l-0 { margin-inline-start: 0rem !important; } .m-r-0 { margin-inline-end: 0rem !important; } .m-y-0 { margin-block: 0rem !important; } .m-t-0 { margin-block-start: 0rem !important; } .m-b-0 { margin-block-end: 0rem !important; } .m-1 { margin: 0.0625rem !important; } .m-x-1 { margin-inline: 0.0625rem !important; } .m-l-1 { margin-inline-start: 0.0625rem !important; } .m-r-1 { margin-inline-end: 0.0625rem !important; } .m-y-1 { margin-block: 0.0625rem !important; } .m-t-1 { margin-block-start: 0.0625rem !important; } .m-b-1 { margin-block-end: 0.0625rem !important; } .m-2 { margin: 0.125rem !important; } .m-x-2 { margin-inline: 0.125rem !important; } .m-l-2 { margin-inline-start: 0.125rem !important; } .m-r-2 { margin-inline-end: 0.125rem !important; } .m-y-2 { margin-block: 0.125rem !important; } .m-t-2 { margin-block-start: 0.125rem !important; } .m-b-2 { margin-block-end: 0.125rem !important; } .m-3 { margin: 0.1875rem !important; } .m-x-3 { margin-inline: 0.1875rem !important; } .m-l-3 { margin-inline-start: 0.1875rem !important; } .m-r-3 { margin-inline-end: 0.1875rem !important; } .m-y-3 { margin-block: 0.1875rem !important; } .m-t-3 { margin-block-start: 0.1875rem !important; } .m-b-3 { margin-block-end: 0.1875rem !important; } .m-4 { margin: 0.25rem !important; } .m-x-4 { margin-inline: 0.25rem !important; } .m-l-4 { margin-inline-start: 0.25rem !important; } .m-r-4 { margin-inline-end: 0.25rem !important; } .m-y-4 { margin-block: 0.25rem !important; } .m-t-4 { margin-block-start: 0.25rem !important; } .m-b-4 { margin-block-end: 0.25rem !important; } .m-5 { margin: 0.3125rem !important; } .m-x-5 { margin-inline: 0.3125rem !important; } .m-l-5 { margin-inline-start: 0.3125rem !important; } .m-r-5 { margin-inline-end: 0.3125rem !important; } .m-y-5 { margin-block: 0.3125rem !important; } .m-t-5 { margin-block-start: 0.3125rem !important; } .m-b-5 { margin-block-end: 0.3125rem !important; } .m-6 { margin: 0.375rem !important; } .m-x-6 { margin-inline: 0.375rem !important; } .m-l-6 { margin-inline-start: 0.375rem !important; } .m-r-6 { margin-inline-end: 0.375rem !important; } .m-y-6 { margin-block: 0.375rem !important; } .m-t-6 { margin-block-start: 0.375rem !important; } .m-b-6 { margin-block-end: 0.375rem !important; } .m-7 { margin: 0.4375rem !important; } .m-x-7 { margin-inline: 0.4375rem !important; } .m-l-7 { margin-inline-start: 0.4375rem !important; } .m-r-7 { margin-inline-end: 0.4375rem !important; } .m-y-7 { margin-block: 0.4375rem !important; } .m-t-7 { margin-block-start: 0.4375rem !important; } .m-b-7 { margin-block-end: 0.4375rem !important; } .m-8 { margin: 0.5rem !important; } .m-x-8 { margin-inline: 0.5rem !important; } .m-l-8 { margin-inline-start: 0.5rem !important; } .m-r-8 { margin-inline-end: 0.5rem !important; } .m-y-8 { margin-block: 0.5rem !important; } .m-t-8 { margin-block-start: 0.5rem !important; } .m-b-8 { margin-block-end: 0.5rem !important; } .m-9 { margin: 0.5625rem !important; } .m-x-9 { margin-inline: 0.5625rem !important; } .m-l-9 { margin-inline-start: 0.5625rem !important; } .m-r-9 { margin-inline-end: 0.5625rem !important; } .m-y-9 { margin-block: 0.5625rem !important; } .m-t-9 { margin-block-start: 0.5625rem !important; } .m-b-9 { margin-block-end: 0.5625rem !important; } .m-10 { margin: 0.625rem !important; } .m-x-10 { margin-inline: 0.625rem !important; } .m-l-10 { margin-inline-start: 0.625rem !important; } .m-r-10 { margin-inline-end: 0.625rem !important; } .m-y-10 { margin-block: 0.625rem !important; } .m-t-10 { margin-block-start: 0.625rem !important; } .m-b-10 { margin-block-end: 0.625rem !important; } .m-11 { margin: 0.6875rem !important; } .m-x-11 { margin-inline: 0.6875rem !important; } .m-l-11 { margin-inline-start: 0.6875rem !important; } .m-r-11 { margin-inline-end: 0.6875rem !important; } .m-y-11 { margin-block: 0.6875rem !important; } .m-t-11 { margin-block-start: 0.6875rem !important; } .m-b-11 { margin-block-end: 0.6875rem !important; } .m-12 { margin: 0.75rem !important; } .m-x-12 { margin-inline: 0.75rem !important; } .m-l-12 { margin-inline-start: 0.75rem !important; } .m-r-12 { margin-inline-end: 0.75rem !important; } .m-y-12 { margin-block: 0.75rem !important; } .m-t-12 { margin-block-start: 0.75rem !important; } .m-b-12 { margin-block-end: 0.75rem !important; } .m-13 { margin: 0.8125rem !important; } .m-x-13 { margin-inline: 0.8125rem !important; } .m-l-13 { margin-inline-start: 0.8125rem !important; } .m-r-13 { margin-inline-end: 0.8125rem !important; } .m-y-13 { margin-block: 0.8125rem !important; } .m-t-13 { margin-block-start: 0.8125rem !important; } .m-b-13 { margin-block-end: 0.8125rem !important; } .m-14 { margin: 0.875rem !important; } .m-x-14 { margin-inline: 0.875rem !important; } .m-l-14 { margin-inline-start: 0.875rem !important; } .m-r-14 { margin-inline-end: 0.875rem !important; } .m-y-14 { margin-block: 0.875rem !important; } .m-t-14 { margin-block-start: 0.875rem !important; } .m-b-14 { margin-block-end: 0.875rem !important; } .m-15 { margin: 0.9375rem !important; } .m-x-15 { margin-inline: 0.9375rem !important; } .m-l-15 { margin-inline-start: 0.9375rem !important; } .m-r-15 { margin-inline-end: 0.9375rem !important; } .m-y-15 { margin-block: 0.9375rem !important; } .m-t-15 { margin-block-start: 0.9375rem !important; } .m-b-15 { margin-block-end: 0.9375rem !important; } .m-16 { margin: 1rem !important; } .m-x-16 { margin-inline: 1rem !important; } .m-l-16 { margin-inline-start: 1rem !important; } .m-r-16 { margin-inline-end: 1rem !important; } .m-y-16 { margin-block: 1rem !important; } .m-t-16 { margin-block-start: 1rem !important; } .m-b-16 { margin-block-end: 1rem !important; } .m-17 { margin: 1.0625rem !important; } .m-x-17 { margin-inline: 1.0625rem !important; } .m-l-17 { margin-inline-start: 1.0625rem !important; } .m-r-17 { margin-inline-end: 1.0625rem !important; } .m-y-17 { margin-block: 1.0625rem !important; } .m-t-17 { margin-block-start: 1.0625rem !important; } .m-b-17 { margin-block-end: 1.0625rem !important; } .m-18 { margin: 1.125rem !important; } .m-x-18 { margin-inline: 1.125rem !important; } .m-l-18 { margin-inline-start: 1.125rem !important; } .m-r-18 { margin-inline-end: 1.125rem !important; } .m-y-18 { margin-block: 1.125rem !important; } .m-t-18 { margin-block-start: 1.125rem !important; } .m-b-18 { margin-block-end: 1.125rem !important; } .m-19 { margin: 1.1875rem !important; } .m-x-19 { margin-inline: 1.1875rem !important; } .m-l-19 { margin-inline-start: 1.1875rem !important; } .m-r-19 { margin-inline-end: 1.1875rem !important; } .m-y-19 { margin-block: 1.1875rem !important; } .m-t-19 { margin-block-start: 1.1875rem !important; } .m-b-19 { margin-block-end: 1.1875rem !important; } .m-20 { margin: 1.25rem !important; } .m-x-20 { margin-inline: 1.25rem !important; } .m-l-20 { margin-inline-start: 1.25rem !important; } .m-r-20 { margin-inline-end: 1.25rem !important; } .m-y-20 { margin-block: 1.25rem !important; } .m-t-20 { margin-block-start: 1.25rem !important; } .m-b-20 { margin-block-end: 1.25rem !important; } .m-21 { margin: 1.3125rem !important; } .m-x-21 { margin-inline: 1.3125rem !important; } .m-l-21 { margin-inline-start: 1.3125rem !important; } .m-r-21 { margin-inline-end: 1.3125rem !important; } .m-y-21 { margin-block: 1.3125rem !important; } .m-t-21 { margin-block-start: 1.3125rem !important; } .m-b-21 { margin-block-end: 1.3125rem !important; } .m-22 { margin: 1.375rem !important; } .m-x-22 { margin-inline: 1.375rem !important; } .m-l-22 { margin-inline-start: 1.375rem !important; } .m-r-22 { margin-inline-end: 1.375rem !important; } .m-y-22 { margin-block: 1.375rem !important; } .m-t-22 { margin-block-start: 1.375rem !important; } .m-b-22 { margin-block-end: 1.375rem !important; } .m-23 { margin: 1.4375rem !important; } .m-x-23 { margin-inline: 1.4375rem !important; } .m-l-23 { margin-inline-start: 1.4375rem !important; } .m-r-23 { margin-inline-end: 1.4375rem !important; } .m-y-23 { margin-block: 1.4375rem !important; } .m-t-23 { margin-block-start: 1.4375rem !important; } .m-b-23 { margin-block-end: 1.4375rem !important; } .m-24 { margin: 1.5rem !important; } .m-x-24 { margin-inline: 1.5rem !important; } .m-l-24 { margin-inline-start: 1.5rem !important; } .m-r-24 { margin-inline-end: 1.5rem !important; } .m-y-24 { margin-block: 1.5rem !important; } .m-t-24 { margin-block-start: 1.5rem !important; } .m-b-24 { margin-block-end: 1.5rem !important; } .m-25 { margin: 1.5625rem !important; } .m-x-25 { margin-inline: 1.5625rem !important; } .m-l-25 { margin-inline-start: 1.5625rem !important; } .m-r-25 { margin-inline-end: 1.5625rem !important; } .m-y-25 { margin-block: 1.5625rem !important; } .m-t-25 { margin-block-start: 1.5625rem !important; } .m-b-25 { margin-block-end: 1.5625rem !important; } .m-26 { margin: 1.625rem !important; } .m-x-26 { margin-inline: 1.625rem !important; } .m-l-26 { margin-inline-start: 1.625rem !important; } .m-r-26 { margin-inline-end: 1.625rem !important; } .m-y-26 { margin-block: 1.625rem !important; } .m-t-26 { margin-block-start: 1.625rem !important; } .m-b-26 { margin-block-end: 1.625rem !important; } .m-27 { margin: 1.6875rem !important; } .m-x-27 { margin-inline: 1.6875rem !important; } .m-l-27 { margin-inline-start: 1.6875rem !important; } .m-r-27 { margin-inline-end: 1.6875rem !important; } .m-y-27 { margin-block: 1.6875rem !important; } .m-t-27 { margin-block-start: 1.6875rem !important; } .m-b-27 { margin-block-end: 1.6875rem !important; } .m-28 { margin: 1.75rem !important; } .m-x-28 { margin-inline: 1.75rem !important; } .m-l-28 { margin-inline-start: 1.75rem !important; } .m-r-28 { margin-inline-end: 1.75rem !important; } .m-y-28 { margin-block: 1.75rem !important; } .m-t-28 { margin-block-start: 1.75rem !important; } .m-b-28 { margin-block-end: 1.75rem !important; } .m-29 { margin: 1.8125rem !important; } .m-x-29 { margin-inline: 1.8125rem !important; } .m-l-29 { margin-inline-start: 1.8125rem !important; } .m-r-29 { margin-inline-end: 1.8125rem !important; } .m-y-29 { margin-block: 1.8125rem !important; } .m-t-29 { margin-block-start: 1.8125rem !important; } .m-b-29 { margin-block-end: 1.8125rem !important; } .m-30 { margin: 1.875rem !important; } .m-x-30 { margin-inline: 1.875rem !important; } .m-l-30 { margin-inline-start: 1.875rem !important; } .m-r-30 { margin-inline-end: 1.875rem !important; } .m-y-30 { margin-block: 1.875rem !important; } .m-t-30 { margin-block-start: 1.875rem !important; } .m-b-30 { margin-block-end: 1.875rem !important; } .m-31 { margin: 1.9375rem !important; } .m-x-31 { margin-inline: 1.9375rem !important; } .m-l-31 { margin-inline-start: 1.9375rem !important; } .m-r-31 { margin-inline-end: 1.9375rem !important; } .m-y-31 { margin-block: 1.9375rem !important; } .m-t-31 { margin-block-start: 1.9375rem !important; } .m-b-31 { margin-block-end: 1.9375rem !important; } .m-32 { margin: 2rem !important; } .m-x-32 { margin-inline: 2rem !important; } .m-l-32 { margin-inline-start: 2rem !important; } .m-r-32 { margin-inline-end: 2rem !important; } .m-y-32 { margin-block: 2rem !important; } .m-t-32 { margin-block-start: 2rem !important; } .m-b-32 { margin-block-end: 2rem !important; } .m-33 { margin: 2.0625rem !important; } .m-x-33 { margin-inline: 2.0625rem !important; } .m-l-33 { margin-inline-start: 2.0625rem !important; } .m-r-33 { margin-inline-end: 2.0625rem !important; } .m-y-33 { margin-block: 2.0625rem !important; } .m-t-33 { margin-block-start: 2.0625rem !important; } .m-b-33 { margin-block-end: 2.0625rem !important; } .m-34 { margin: 2.125rem !important; } .m-x-34 { margin-inline: 2.125rem !important; } .m-l-34 { margin-inline-start: 2.125rem !important; } .m-r-34 { margin-inline-end: 2.125rem !important; } .m-y-34 { margin-block: 2.125rem !important; } .m-t-34 { margin-block-start: 2.125rem !important; } .m-b-34 { margin-block-end: 2.125rem !important; } .m-35 { margin: 2.1875rem !important; } .m-x-35 { margin-inline: 2.1875rem !important; } .m-l-35 { margin-inline-start: 2.1875rem !important; } .m-r-35 { margin-inline-end: 2.1875rem !important; } .m-y-35 { margin-block: 2.1875rem !important; } .m-t-35 { margin-block-start: 2.1875rem !important; } .m-b-35 { margin-block-end: 2.1875rem !important; } .m-36 { margin: 2.25rem !important; } .m-x-36 { margin-inline: 2.25rem !important; } .m-l-36 { margin-inline-start: 2.25rem !important; } .m-r-36 { margin-inline-end: 2.25rem !important; } .m-y-36 { margin-block: 2.25rem !important; } .m-t-36 { margin-block-start: 2.25rem !important; } .m-b-36 { margin-block-end: 2.25rem !important; } .m-37 { margin: 2.3125rem !important; } .m-x-37 { margin-inline: 2.3125rem !important; } .m-l-37 { margin-inline-start: 2.3125rem !important; } .m-r-37 { margin-inline-end: 2.3125rem !important; } .m-y-37 { margin-block: 2.3125rem !important; } .m-t-37 { margin-block-start: 2.3125rem !important; } .m-b-37 { margin-block-end: 2.3125rem !important; } .m-38 { margin: 2.375rem !important; } .m-x-38 { margin-inline: 2.375rem !important; } .m-l-38 { margin-inline-start: 2.375rem !important; } .m-r-38 { margin-inline-end: 2.375rem !important; } .m-y-38 { margin-block: 2.375rem !important; } .m-t-38 { margin-block-start: 2.375rem !important; } .m-b-38 { margin-block-end: 2.375rem !important; } .m-39 { margin: 2.4375rem !important; } .m-x-39 { margin-inline: 2.4375rem !important; } .m-l-39 { margin-inline-start: 2.4375rem !important; } .m-r-39 { margin-inline-end: 2.4375rem !important; } .m-y-39 { margin-block: 2.4375rem !important; } .m-t-39 { margin-block-start: 2.4375rem !important; } .m-b-39 { margin-block-end: 2.4375rem !important; } .m-40 { margin: 2.5rem !important; } .m-x-40 { margin-inline: 2.5rem !important; } .m-l-40 { margin-inline-start: 2.5rem !important; } .m-r-40 { margin-inline-end: 2.5rem !important; } .m-y-40 { margin-block: 2.5rem !important; } .m-t-40 { margin-block-start: 2.5rem !important; } .m-b-40 { margin-block-end: 2.5rem !important; } .p-0 { padding: 0rem !important; } .p-x-0 { padding-inline: 0rem !important; } .p-l-0 { padding-inline-start: 0rem !important; } .p-r-0 { padding-inline-end: 0rem !important; } .p-y-0 { padding-block: 0rem !important; } .p-t-0 { padding-block-start: 0rem !important; } .p-b-0 { padding-block-end: 0rem !important; } .p-1 { padding: 0.0625rem !important; } .p-x-1 { padding-inline: 0.0625rem !important; } .p-l-1 { padding-inline-start: 0.0625rem !important; } .p-r-1 { padding-inline-end: 0.0625rem !important; } .p-y-1 { padding-block: 0.0625rem !important; } .p-t-1 { padding-block-start: 0.0625rem !important; } .p-b-1 { padding-block-end: 0.0625rem !important; } .p-2 { padding: 0.125rem !important; } .p-x-2 { padding-inline: 0.125rem !important; } .p-l-2 { padding-inline-start: 0.125rem !important; } .p-r-2 { padding-inline-end: 0.125rem !important; } .p-y-2 { padding-block: 0.125rem !important; } .p-t-2 { padding-block-start: 0.125rem !important; } .p-b-2 { padding-block-end: 0.125rem !important; } .p-3 { padding: 0.1875rem !important; } .p-x-3 { padding-inline: 0.1875rem !important; } .p-l-3 { padding-inline-start: 0.1875rem !important; } .p-r-3 { padding-inline-end: 0.1875rem !important; } .p-y-3 { padding-block: 0.1875rem !important; } .p-t-3 { padding-block-start: 0.1875rem !important; } .p-b-3 { padding-block-end: 0.1875rem !important; } .p-4 { padding: 0.25rem !important; } .p-x-4 { padding-inline: 0.25rem !important; } .p-l-4 { padding-inline-start: 0.25rem !important; } .p-r-4 { padding-inline-end: 0.25rem !important; } .p-y-4 { padding-block: 0.25rem !important; } .p-t-4 { padding-block-start: 0.25rem !important; } .p-b-4 { padding-block-end: 0.25rem !important; } .p-5 { padding: 0.3125rem !important; } .p-x-5 { padding-inline: 0.3125rem !important; } .p-l-5 { padding-inline-start: 0.3125rem !important; } .p-r-5 { padding-inline-end: 0.3125rem !important; } .p-y-5 { padding-block: 0.3125rem !important; } .p-t-5 { padding-block-start: 0.3125rem !important; } .p-b-5 { padding-block-end: 0.3125rem !important; } .p-6 { padding: 0.375rem !important; } .p-x-6 { padding-inline: 0.375rem !important; } .p-l-6 { padding-inline-start: 0.375rem !important; } .p-r-6 { padding-inline-end: 0.375rem !important; } .p-y-6 { padding-block: 0.375rem !important; } .p-t-6 { padding-block-start: 0.375rem !important; } .p-b-6 { padding-block-end: 0.375rem !important; } .p-7 { padding: 0.4375rem !important; } .p-x-7 { padding-inline: 0.4375rem !important; } .p-l-7 { padding-inline-start: 0.4375rem !important; } .p-r-7 { padding-inline-end: 0.4375rem !important; } .p-y-7 { padding-block: 0.4375rem !important; } .p-t-7 { padding-block-start: 0.4375rem !important; } .p-b-7 { padding-block-end: 0.4375rem !important; } .p-8 { padding: 0.5rem !important; } .p-x-8 { padding-inline: 0.5rem !important; } .p-l-8 { padding-inline-start: 0.5rem !important; } .p-r-8 { padding-inline-end: 0.5rem !important; } .p-y-8 { padding-block: 0.5rem !important; } .p-t-8 { padding-block-start: 0.5rem !important; } .p-b-8 { padding-block-end: 0.5rem !important; } .p-9 { padding: 0.5625rem !important; } .p-x-9 { padding-inline: 0.5625rem !important; } .p-l-9 { padding-inline-start: 0.5625rem !important; } .p-r-9 { padding-inline-end: 0.5625rem !important; } .p-y-9 { padding-block: 0.5625rem !important; } .p-t-9 { padding-block-start: 0.5625rem !important; } .p-b-9 { padding-block-end: 0.5625rem !important; } .p-10 { padding: 0.625rem !important; } .p-x-10 { padding-inline: 0.625rem !important; } .p-l-10 { padding-inline-start: 0.625rem !important; } .p-r-10 { padding-inline-end: 0.625rem !important; } .p-y-10 { padding-block: 0.625rem !important; } .p-t-10 { padding-block-start: 0.625rem !important; } .p-b-10 { padding-block-end: 0.625rem !important; } .p-11 { padding: 0.6875rem !important; } .p-x-11 { padding-inline: 0.6875rem !important; } .p-l-11 { padding-inline-start: 0.6875rem !important; } .p-r-11 { padding-inline-end: 0.6875rem !important; } .p-y-11 { padding-block: 0.6875rem !important; } .p-t-11 { padding-block-start: 0.6875rem !important; } .p-b-11 { padding-block-end: 0.6875rem !important; } .p-12 { padding: 0.75rem !important; } .p-x-12 { padding-inline: 0.75rem !important; } .p-l-12 { padding-inline-start: 0.75rem !important; } .p-r-12 { padding-inline-end: 0.75rem !important; } .p-y-12 { padding-block: 0.75rem !important; } .p-t-12 { padding-block-start: 0.75rem !important; } .p-b-12 { padding-block-end: 0.75rem !important; } .p-13 { padding: 0.8125rem !important; } .p-x-13 { padding-inline: 0.8125rem !important; } .p-l-13 { padding-inline-start: 0.8125rem !important; } .p-r-13 { padding-inline-end: 0.8125rem !important; } .p-y-13 { padding-block: 0.8125rem !important; } .p-t-13 { padding-block-start: 0.8125rem !important; } .p-b-13 { padding-block-end: 0.8125rem !important; } .p-14 { padding: 0.875rem !important; } .p-x-14 { padding-inline: 0.875rem !important; } .p-l-14 { padding-inline-start: 0.875rem !important; } .p-r-14 { padding-inline-end: 0.875rem !important; } .p-y-14 { padding-block: 0.875rem !important; } .p-t-14 { padding-block-start: 0.875rem !important; } .p-b-14 { padding-block-end: 0.875rem !important; } .p-15 { padding: 0.9375rem !important; } .p-x-15 { padding-inline: 0.9375rem !important; } .p-l-15 { padding-inline-start: 0.9375rem !important; } .p-r-15 { padding-inline-end: 0.9375rem !important; } .p-y-15 { padding-block: 0.9375rem !important; } .p-t-15 { padding-block-start: 0.9375rem !important; } .p-b-15 { padding-block-end: 0.9375rem !important; } .p-16 { padding: 1rem !important; } .p-x-16 { padding-inline: 1rem !important; } .p-l-16 { padding-inline-start: 1rem !important; } .p-r-16 { padding-inline-end: 1rem !important; } .p-y-16 { padding-block: 1rem !important; } .p-t-16 { padding-block-start: 1rem !important; } .p-b-16 { padding-block-end: 1rem !important; } .p-17 { padding: 1.0625rem !important; } .p-x-17 { padding-inline: 1.0625rem !important; } .p-l-17 { padding-inline-start: 1.0625rem !important; } .p-r-17 { padding-inline-end: 1.0625rem !important; } .p-y-17 { padding-block: 1.0625rem !important; } .p-t-17 { padding-block-start: 1.0625rem !important; } .p-b-17 { padding-block-end: 1.0625rem !important; } .p-18 { padding: 1.125rem !important; } .p-x-18 { padding-inline: 1.125rem !important; } .p-l-18 { padding-inline-start: 1.125rem !important; } .p-r-18 { padding-inline-end: 1.125rem !important; } .p-y-18 { padding-block: 1.125rem !important; } .p-t-18 { padding-block-start: 1.125rem !important; } .p-b-18 { padding-block-end: 1.125rem !important; } .p-19 { padding: 1.1875rem !important; } .p-x-19 { padding-inline: 1.1875rem !important; } .p-l-19 { padding-inline-start: 1.1875rem !important; } .p-r-19 { padding-inline-end: 1.1875rem !important; } .p-y-19 { padding-block: 1.1875rem !important; } .p-t-19 { padding-block-start: 1.1875rem !important; } .p-b-19 { padding-block-end: 1.1875rem !important; } .p-20 { padding: 1.25rem !important; } .p-x-20 { padding-inline: 1.25rem !important; } .p-l-20 { padding-inline-start: 1.25rem !important; } .p-r-20 { padding-inline-end: 1.25rem !important; } .p-y-20 { padding-block: 1.25rem !important; } .p-t-20 { padding-block-start: 1.25rem !important; } .p-b-20 { padding-block-end: 1.25rem !important; } .p-21 { padding: 1.3125rem !important; } .p-x-21 { padding-inline: 1.3125rem !important; } .p-l-21 { padding-inline-start: 1.3125rem !important; } .p-r-21 { padding-inline-end: 1.3125rem !important; } .p-y-21 { padding-block: 1.3125rem !important; } .p-t-21 { padding-block-start: 1.3125rem !important; } .p-b-21 { padding-block-end: 1.3125rem !important; } .p-22 { padding: 1.375rem !important; } .p-x-22 { padding-inline: 1.375rem !important; } .p-l-22 { padding-inline-start: 1.375rem !important; } .p-r-22 { padding-inline-end: 1.375rem !important; } .p-y-22 { padding-block: 1.375rem !important; } .p-t-22 { padding-block-start: 1.375rem !important; } .p-b-22 { padding-block-end: 1.375rem !important; } .p-23 { padding: 1.4375rem !important; } .p-x-23 { padding-inline: 1.4375rem !important; } .p-l-23 { padding-inline-start: 1.4375rem !important; } .p-r-23 { padding-inline-end: 1.4375rem !important; } .p-y-23 { padding-block: 1.4375rem !important; } .p-t-23 { padding-block-start: 1.4375rem !important; } .p-b-23 { padding-block-end: 1.4375rem !important; } .p-24 { padding: 1.5rem !important; } .p-x-24 { padding-inline: 1.5rem !important; } .p-l-24 { padding-inline-start: 1.5rem !important; } .p-r-24 { padding-inline-end: 1.5rem !important; } .p-y-24 { padding-block: 1.5rem !important; } .p-t-24 { padding-block-start: 1.5rem !important; } .p-b-24 { padding-block-end: 1.5rem !important; } .p-25 { padding: 1.5625rem !important; } .p-x-25 { padding-inline: 1.5625rem !important; } .p-l-25 { padding-inline-start: 1.5625rem !important; } .p-r-25 { padding-inline-end: 1.5625rem !important; } .p-y-25 { padding-block: 1.5625rem !important; } .p-t-25 { padding-block-start: 1.5625rem !important; } .p-b-25 { padding-block-end: 1.5625rem !important; } .p-26 { padding: 1.625rem !important; } .p-x-26 { padding-inline: 1.625rem !important; } .p-l-26 { padding-inline-start: 1.625rem !important; } .p-r-26 { padding-inline-end: 1.625rem !important; } .p-y-26 { padding-block: 1.625rem !important; } .p-t-26 { padding-block-start: 1.625rem !important; } .p-b-26 { padding-block-end: 1.625rem !important; } .p-27 { padding: 1.6875rem !important; } .p-x-27 { padding-inline: 1.6875rem !important; } .p-l-27 { padding-inline-start: 1.6875rem !important; } .p-r-27 { padding-inline-end: 1.6875rem !important; } .p-y-27 { padding-block: 1.6875rem !important; } .p-t-27 { padding-block-start: 1.6875rem !important; } .p-b-27 { padding-block-end: 1.6875rem !important; } .p-28 { padding: 1.75rem !important; } .p-x-28 { padding-inline: 1.75rem !important; } .p-l-28 { padding-inline-start: 1.75rem !important; } .p-r-28 { padding-inline-end: 1.75rem !important; } .p-y-28 { padding-block: 1.75rem !important; } .p-t-28 { padding-block-start: 1.75rem !important; } .p-b-28 { padding-block-end: 1.75rem !important; } .p-29 { padding: 1.8125rem !important; } .p-x-29 { padding-inline: 1.8125rem !important; } .p-l-29 { padding-inline-start: 1.8125rem !important; } .p-r-29 { padding-inline-end: 1.8125rem !important; } .p-y-29 { padding-block: 1.8125rem !important; } .p-t-29 { padding-block-start: 1.8125rem !important; } .p-b-29 { padding-block-end: 1.8125rem !important; } .p-30 { padding: 1.875rem !important; } .p-x-30 { padding-inline: 1.875rem !important; } .p-l-30 { padding-inline-start: 1.875rem !important; } .p-r-30 { padding-inline-end: 1.875rem !important; } .p-y-30 { padding-block: 1.875rem !important; } .p-t-30 { padding-block-start: 1.875rem !important; } .p-b-30 { padding-block-end: 1.875rem !important; } .p-31 { padding: 1.9375rem !important; } .p-x-31 { padding-inline: 1.9375rem !important; } .p-l-31 { padding-inline-start: 1.9375rem !important; } .p-r-31 { padding-inline-end: 1.9375rem !important; } .p-y-31 { padding-block: 1.9375rem !important; } .p-t-31 { padding-block-start: 1.9375rem !important; } .p-b-31 { padding-block-end: 1.9375rem !important; } .p-32 { padding: 2rem !important; } .p-x-32 { padding-inline: 2rem !important; } .p-l-32 { padding-inline-start: 2rem !important; } .p-r-32 { padding-inline-end: 2rem !important; } .p-y-32 { padding-block: 2rem !important; } .p-t-32 { padding-block-start: 2rem !important; } .p-b-32 { padding-block-end: 2rem !important; } .p-33 { padding: 2.0625rem !important; } .p-x-33 { padding-inline: 2.0625rem !important; } .p-l-33 { padding-inline-start: 2.0625rem !important; } .p-r-33 { padding-inline-end: 2.0625rem !important; } .p-y-33 { padding-block: 2.0625rem !important; } .p-t-33 { padding-block-start: 2.0625rem !important; } .p-b-33 { padding-block-end: 2.0625rem !important; } .p-34 { padding: 2.125rem !important; } .p-x-34 { padding-inline: 2.125rem !important; } .p-l-34 { padding-inline-start: 2.125rem !important; } .p-r-34 { padding-inline-end: 2.125rem !important; } .p-y-34 { padding-block: 2.125rem !important; } .p-t-34 { padding-block-start: 2.125rem !important; } .p-b-34 { padding-block-end: 2.125rem !important; } .p-35 { padding: 2.1875rem !important; } .p-x-35 { padding-inline: 2.1875rem !important; } .p-l-35 { padding-inline-start: 2.1875rem !important; } .p-r-35 { padding-inline-end: 2.1875rem !important; } .p-y-35 { padding-block: 2.1875rem !important; } .p-t-35 { padding-block-start: 2.1875rem !important; } .p-b-35 { padding-block-end: 2.1875rem !important; } .p-36 { padding: 2.25rem !important; } .p-x-36 { padding-inline: 2.25rem !important; } .p-l-36 { padding-inline-start: 2.25rem !important; } .p-r-36 { padding-inline-end: 2.25rem !important; } .p-y-36 { padding-block: 2.25rem !important; } .p-t-36 { padding-block-start: 2.25rem !important; } .p-b-36 { padding-block-end: 2.25rem !important; } .p-37 { padding: 2.3125rem !important; } .p-x-37 { padding-inline: 2.3125rem !important; } .p-l-37 { padding-inline-start: 2.3125rem !important; } .p-r-37 { padding-inline-end: 2.3125rem !important; } .p-y-37 { padding-block: 2.3125rem !important; } .p-t-37 { padding-block-start: 2.3125rem !important; } .p-b-37 { padding-block-end: 2.3125rem !important; } .p-38 { padding: 2.375rem !important; } .p-x-38 { padding-inline: 2.375rem !important; } .p-l-38 { padding-inline-start: 2.375rem !important; } .p-r-38 { padding-inline-end: 2.375rem !important; } .p-y-38 { padding-block: 2.375rem !important; } .p-t-38 { padding-block-start: 2.375rem !important; } .p-b-38 { padding-block-end: 2.375rem !important; } .p-39 { padding: 2.4375rem !important; } .p-x-39 { padding-inline: 2.4375rem !important; } .p-l-39 { padding-inline-start: 2.4375rem !important; } .p-r-39 { padding-inline-end: 2.4375rem !important; } .p-y-39 { padding-block: 2.4375rem !important; } .p-t-39 { padding-block-start: 2.4375rem !important; } .p-b-39 { padding-block-end: 2.4375rem !important; } .p-40 { padding: 2.5rem !important; } .p-x-40 { padding-inline: 2.5rem !important; } .p-l-40 { padding-inline-start: 2.5rem !important; } .p-r-40 { padding-inline-end: 2.5rem !important; } .p-y-40 { padding-block: 2.5rem !important; } .p-t-40 { padding-block-start: 2.5rem !important; } .p-b-40 { padding-block-end: 2.5rem !important; } .section-pad-y { padding-block: 4rem; } .fs-0 { font-size: 0rem; } .fs-1 { font-size: 0.0625rem; } .fs-2 { font-size: 0.125rem; } .fs-3 { font-size: 0.1875rem; } .fs-4 { font-size: 0.25rem; } .fs-5 { font-size: 0.3125rem; } .fs-6 { font-size: 0.375rem; } .fs-7 { font-size: 0.4375rem; } .fs-8 { font-size: 0.5rem; } .fs-9 { font-size: 0.5625rem; } .fs-10 { font-size: 0.625rem; } .fs-11 { font-size: 0.6875rem; } .fs-12 { font-size: 0.75rem; } .fs-13 { font-size: 0.8125rem; } .fs-14 { font-size: 0.875rem; } .fs-15 { font-size: 0.9375rem; } .fs-16 { font-size: 1rem; } .fs-17 { font-size: 1.0625rem; } .fs-18 { font-size: 1.125rem; } .fs-19 { font-size: 1.1875rem; } .fs-20 { font-size: 1.25rem; } .fs-21 { font-size: 1.3125rem; } .fs-22 { font-size: 1.375rem; } .fs-23 { font-size: 1.4375rem; } .fs-24 { font-size: 1.5rem; } .fs-25 { font-size: 1.5625rem; } .fs-26 { font-size: 1.625rem; } .fs-27 { font-size: 1.6875rem; } .fs-28 { font-size: 1.75rem; } .fs-29 { font-size: 1.8125rem; } .fs-30 { font-size: 1.875rem; } .fs-31 { font-size: 1.9375rem; } .fs-32 { font-size: 2rem; } .fs-33 { font-size: 2.0625rem; } .fs-34 { font-size: 2.125rem; } .fs-35 { font-size: 2.1875rem; } .fs-36 { font-size: 2.25rem; } .fs-37 { font-size: 2.3125rem; } .fs-38 { font-size: 2.375rem; } .fs-39 { font-size: 2.4375rem; } .fs-40 { font-size: 2.5rem; } .font-regular { font-family: var(--font-regular); } .font-secondary { font-family: var(--font-secondary); } .font-title { font-family: var(--font-title); } /* font styles */ .uppercase { text-transform: uppercase; } .bold { font-weight: 700; } .fw-normal { font-weight: 400; } .text-center { text-align: center; } .grid-row { --columns: 12; margin: 0.5rem auto; display: flex; flex-wrap: wrap; margin-inline: -1em; } .grid-row--test > * { outline: 1px dashed #ccc; text-align: center; } .grid-row > * { max-width: 100%; flex-basis: 100%; flex-shrink: 0; padding-inline: 1em; } .grid-row .col-auto { flex: 0 0 auto; width: auto; } .grid-row .col-full { flex: 1 0 0%; } .grid-row .col-1 { --width: 1; flex-basis: calc(var(--width) / var(--columns) * 100%); } .grid-row .col-2 { --width: 2; flex-basis: calc(var(--width) / var(--columns) * 100%); } .grid-row .col-3 { --width: 3; flex-basis: calc(var(--width) / var(--columns) * 100%); } .grid-row .col-4 { --width: 4; flex-basis: calc(var(--width) / var(--columns) * 100%); } .grid-row .col-5 { --width: 5; flex-basis: calc(var(--width) / var(--columns) * 100%); } .grid-row .col-6 { --width: 6; flex-basis: calc(var(--width) / var(--columns) * 100%); } .grid-row .col-7 { --width: 7; flex-basis: calc(var(--width) / var(--columns) * 100%); } .grid-row .col-8 { --width: 8; flex-basis: calc(var(--width) / var(--columns) * 100%); } .grid-row .col-9 { --width: 9; flex-basis: calc(var(--width) / var(--columns) * 100%); } .grid-row .col-10 { --width: 10; flex-basis: calc(var(--width) / var(--columns) * 100%); } .grid-row .col-11 { --width: 11; flex-basis: calc(var(--width) / var(--columns) * 100%); } .grid-row .col-12 { --width: 12; flex-basis: calc(var(--width) / var(--columns) * 100%); } @media (min-width: 320px) { .grid-row .col-xxs-auto { flex: 0 0 auto; } .grid-row .col-xxs-full { flex: 1 0 0%; } .grid-row .col-xxs-1 { --width: 1; flex: 0 0 auto; flex-basis: calc(var(--width) / var(--columns) * 100%); } .grid-row .col-xxs-2 { --width: 2; flex: 0 0 auto; flex-basis: calc(var(--width) / var(--columns) * 100%); } .grid-row .col-xxs-3 { --width: 3; flex: 0 0 auto; flex-basis: calc(var(--width) / var(--columns) * 100%); } .grid-row .col-xxs-4 { --width: 4; flex: 0 0 auto; flex-basis: calc(var(--width) / var(--columns) * 100%); } .grid-row .col-xxs-5 { --width: 5; flex: 0 0 auto; flex-basis: calc(var(--width) / var(--columns) * 100%); } .grid-row .col-xxs-6 { --width: 6; flex: 0 0 auto; flex-basis: calc(var(--width) / var(--columns) * 100%); } .grid-row .col-xxs-7 { --width: 7; flex: 0 0 auto; flex-basis: calc(var(--width) / var(--columns) * 100%); } .grid-row .col-xxs-8 { --width: 8; flex: 0 0 auto; flex-basis: calc(var(--width) / var(--columns) * 100%); } .grid-row .col-xxs-9 { --width: 9; flex: 0 0 auto; flex-basis: calc(var(--width) / var(--columns) * 100%); } .grid-row .col-xxs-10 { --width: 10; flex: 0 0 auto; flex-basis: calc(var(--width) / var(--columns) * 100%); } .grid-row .col-xxs-11 { --width: 11; flex: 0 0 auto; flex-basis: calc(var(--width) / var(--columns) * 100%); } .grid-row .col-xxs-12 { --width: 12; flex: 0 0 auto; flex-basis: calc(var(--width) / var(--columns) * 100%); } } @media (min-width: 480px) { .grid-row .col-xs-auto { flex: 0 0 auto; } .grid-row .col-xs-full { flex: 1 0 0%; } .grid-row .col-xs-1 { --width: 1; flex: 0 0 auto; flex-basis: calc(var(--width) / var(--columns) * 100%); } .grid-row .col-xs-2 { --width: 2; flex: 0 0 auto; flex-basis: calc(var(--width) / var(--columns) * 100%); } .grid-row .col-xs-3 { --width: 3; flex: 0 0 auto; flex-basis: calc(var(--width) / var(--columns) * 100%); } .grid-row .col-xs-4 { --width: 4; flex: 0 0 auto; flex-basis: calc(var(--width) / var(--columns) * 100%); } .grid-row .col-xs-5 { --width: 5; flex: 0 0 auto; flex-basis: calc(var(--width) / var(--columns) * 100%); } .grid-row .col-xs-6 { --width: 6; flex: 0 0 auto; flex-basis: calc(var(--width) / var(--columns) * 100%); } .grid-row .col-xs-7 { --width: 7; flex: 0 0 auto; flex-basis: calc(var(--width) / var(--columns) * 100%); } .grid-row .col-xs-8 { --width: 8; flex: 0 0 auto; flex-basis: calc(var(--width) / var(--columns) * 100%); } .grid-row .col-xs-9 { --width: 9; flex: 0 0 auto; flex-basis: calc(var(--width) / var(--columns) * 100%); } .grid-row .col-xs-10 { --width: 10; flex: 0 0 auto; flex-basis: calc(var(--width) / var(--columns) * 100%); } .grid-row .col-xs-11 { --width: 11; flex: 0 0 auto; flex-basis: calc(var(--width) / var(--columns) * 100%); } .grid-row .col-xs-12 { --width: 12; flex: 0 0 auto; flex-basis: calc(var(--width) / var(--columns) * 100%); } } @media (min-width: 768px) { .grid-row .col-sm-auto { flex: 0 0 auto; } .grid-row .col-sm-full { flex: 1 0 0%; } .grid-row .col-sm-1 { --width: 1; flex: 0 0 auto; flex-basis: calc(var(--width) / var(--columns) * 100%); } .grid-row .col-sm-2 { --width: 2; flex: 0 0 auto; flex-basis: calc(var(--width) / var(--columns) * 100%); } .grid-row .col-sm-3 { --width: 3; flex: 0 0 auto; flex-basis: calc(var(--width) / var(--columns) * 100%); } .grid-row .col-sm-4 { --width: 4; flex: 0 0 auto; flex-basis: calc(var(--width) / var(--columns) * 100%); } .grid-row .col-sm-5 { --width: 5; flex: 0 0 auto; flex-basis: calc(var(--width) / var(--columns) * 100%); } .grid-row .col-sm-6 { --width: 6; flex: 0 0 auto; flex-basis: calc(var(--width) / var(--columns) * 100%); } .grid-row .col-sm-7 { --width: 7; flex: 0 0 auto; flex-basis: calc(var(--width) / var(--columns) * 100%); } .grid-row .col-sm-8 { --width: 8; flex: 0 0 auto; flex-basis: calc(var(--width) / var(--columns) * 100%); } .grid-row .col-sm-9 { --width: 9; flex: 0 0 auto; flex-basis: calc(var(--width) / var(--columns) * 100%); } .grid-row .col-sm-10 { --width: 10; flex: 0 0 auto; flex-basis: calc(var(--width) / var(--columns) * 100%); } .grid-row .col-sm-11 { --width: 11; flex: 0 0 auto; flex-basis: calc(var(--width) / var(--columns) * 100%); } .grid-row .col-sm-12 { --width: 12; flex: 0 0 auto; flex-basis: calc(var(--width) / var(--columns) * 100%); } } @media (min-width: 1024px) { .grid-row .col-md-auto { flex: 0 0 auto; } .grid-row .col-md-full { flex: 1 0 0%; } .grid-row .col-md-1 { --width: 1; flex: 0 0 auto; flex-basis: calc(var(--width) / var(--columns) * 100%); } .grid-row .col-md-2 { --width: 2; flex: 0 0 auto; flex-basis: calc(var(--width) / var(--columns) * 100%); } .grid-row .col-md-3 { --width: 3; flex: 0 0 auto; flex-basis: calc(var(--width) / var(--columns) * 100%); } .grid-row .col-md-4 { --width: 4; flex: 0 0 auto; flex-basis: calc(var(--width) / var(--columns) * 100%); } .grid-row .col-md-5 { --width: 5; flex: 0 0 auto; flex-basis: calc(var(--width) / var(--columns) * 100%); } .grid-row .col-md-6 { --width: 6; flex: 0 0 auto; flex-basis: calc(var(--width) / var(--columns) * 100%); } .grid-row .col-md-7 { --width: 7; flex: 0 0 auto; flex-basis: calc(var(--width) / var(--columns) * 100%); } .grid-row .col-md-8 { --width: 8; flex: 0 0 auto; flex-basis: calc(var(--width) / var(--columns) * 100%); } .grid-row .col-md-9 { --width: 9; flex: 0 0 auto; flex-basis: calc(var(--width) / var(--columns) * 100%); } .grid-row .col-md-10 { --width: 10; flex: 0 0 auto; flex-basis: calc(var(--width) / var(--columns) * 100%); } .grid-row .col-md-11 { --width: 11; flex: 0 0 auto; flex-basis: calc(var(--width) / var(--columns) * 100%); } .grid-row .col-md-12 { --width: 12; flex: 0 0 auto; flex-basis: calc(var(--width) / var(--columns) * 100%); } } @media (min-width: 1280px) { .grid-row .col-lg-auto { flex: 0 0 auto; } .grid-row .col-lg-full { flex: 1 0 0%; } .grid-row .col-lg-1 { --width: 1; flex: 0 0 auto; flex-basis: calc(var(--width) / var(--columns) * 100%); } .grid-row .col-lg-2 { --width: 2; flex: 0 0 auto; flex-basis: calc(var(--width) / var(--columns) * 100%); } .grid-row .col-lg-3 { --width: 3; flex: 0 0 auto; flex-basis: calc(var(--width) / var(--columns) * 100%); } .grid-row .col-lg-4 { --width: 4; flex: 0 0 auto; flex-basis: calc(var(--width) / var(--columns) * 100%); } .grid-row .col-lg-5 { --width: 5; flex: 0 0 auto; flex-basis: calc(var(--width) / var(--columns) * 100%); } .grid-row .col-lg-6 { --width: 6; flex: 0 0 auto; flex-basis: calc(var(--width) / var(--columns) * 100%); } .grid-row .col-lg-7 { --width: 7; flex: 0 0 auto; flex-basis: calc(var(--width) / var(--columns) * 100%); } .grid-row .col-lg-8 { --width: 8; flex: 0 0 auto; flex-basis: calc(var(--width) / var(--columns) * 100%); } .grid-row .col-lg-9 { --width: 9; flex: 0 0 auto; flex-basis: calc(var(--width) / var(--columns) * 100%); } .grid-row .col-lg-10 { --width: 10; flex: 0 0 auto; flex-basis: calc(var(--width) / var(--columns) * 100%); } .grid-row .col-lg-11 { --width: 11; flex: 0 0 auto; flex-basis: calc(var(--width) / var(--columns) * 100%); } .grid-row .col-lg-12 { --width: 12; flex: 0 0 auto; flex-basis: calc(var(--width) / var(--columns) * 100%); } } .btn-primary { padding: 0.8rem 1.5rem; border: 0; text-decoration: none; background: var(--color-purple-main); border: 2px solid var(--color-purple-main); border-radius: 0.5em; color: var(--color-white); display: flex; align-items: center; width: -moz-fit-content; width: fit-content; transition: all 0.3s ease-in-out; } .btn-primary:hover { background: var(--color-white); border: 2px solid var(--color-purple-main); color: var(--color-purple-main); } .btn-secondary { padding: 0.8rem 1.5rem; border: 0; text-decoration: none; background: var(--color-green-main); border: 2px solid var(--color-green-main); border-radius: 0.5em; color: var(--color-white); display: flex; align-items: center; width: -moz-fit-content; width: fit-content; transition: all 0.3s ease-in-out; } .btn-secondary:hover { background: var(--color-white); border: 2px solid var(--color-green-main); color: var(--color-green-main); } .custom-rte { position: relative; display: block; margin: 1em 0; } .custom-rte--grey-encart { background-color: var(--color-grey-main); border-radius: 1.5em; margin: 0; padding: 1em 1.5em; } @media (min-width: 1024px) { .custom-rte--grey-encart { margin: 0 -2em; padding: 2em; } } .custom-rte a { color: var(--color-purple-main); } .custom-rte h2, .custom-rte h3 { margin-top: 1.25em; margin-bottom: 1.5em; } .custom-rte ul { margin-left: 1.15em; } .custom-rte ul li { list-style-type: disc; }