@charset "UTF-8";
@import"https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,400..700;1,400..700&display=swap";


.page-container:has(.navbar){
    position: sticky;
    top:0px;
    z-index: 100000;
}
main{
    position: relative;
    z-index: 1;
}

body.scrolled .page-container:has(.navbar) .header{
    height: 0px;
    visibility: hidden;
    display: block;
}


dialog, #contactModal{
    border:none;
    border-radius: 24px;
    box-shadow: 0px 0px 28px 4px rgba(0,0,0,0.28);
}
dialog img, #contactModal img{
    display:block;
}

/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: 400
}

ul {
    list-style: none
}

button,
input,
select,
textarea {
    margin: 0
}

html {
    box-sizing: border-box
}

*,
*:before,
*:after {
    box-sizing: inherit
}

img,
video {
    height: auto;
    max-width: 100%
}

iframe {
    border: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

td:not([align]),
th:not([align]) {
    text-align: inherit
}

:root {
    --bulma-control-radius: var(--bulma-radius);
    --bulma-control-radius-small: var(--bulma-radius-small);
    --bulma-control-border-width: 1px;
    --bulma-control-height: 2.5em;
    --bulma-control-line-height: 1.5;
    --bulma-control-padding-vertical: calc(.5em - 1px);
    --bulma-control-padding-horizontal: calc(.75em - 1px);
    --bulma-control-size: var(--bulma-size-normal);
    --bulma-control-focus-shadow-l: 50%
}

.select:not(.is-multiple):not(.is-loading):after,
.navbar-link:not(.is-arrowless):after {
    border: .125em solid var(--bulma-link);
    border-right: 0;
    border-top: 0;
    content: " ";
    display: block;
    height: .625em;
    margin-top: -.4375em;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: rotate(-45deg);
    transform-origin: center;
    transition-duration: var(--bulma-duration);
    transition-property: border-color;
    width: .625em
}

.field:not(:last-child),
.file:not(:last-child),
.table:not(:last-child),
.table-container:not(:last-child) {
    margin-bottom: var(--bulma-block-spacing)
}

.file-cta,
.file-name,
.select select,
.input,
.textarea {
    align-items: center;
    appearance: none;
    border-color: transparent;
    border-style: solid;
    border-width: var(--bulma-control-border-width);
    border-radius: var(--bulma-control-radius);
    box-shadow: none;
    display: inline-flex;
    font-size: var(--bulma-control-size);
    height: var(--bulma-control-height);
    justify-content: flex-start;
    line-height: var(--bulma-control-line-height);
    padding-bottom: var(--bulma-control-padding-vertical);
    padding-left: var(--bulma-control-padding-horizontal);
    padding-right: var(--bulma-control-padding-horizontal);
    padding-top: var(--bulma-control-padding-vertical);
    position: relative;
    transition-duration: var(--bulma-duration);
    transition-property: background-color, border-color, box-shadow, color;
    vertical-align: top
}

.file-cta:focus,
.file-name:focus,
.select select:focus,
.input:focus,
.textarea:focus,
.file-cta:focus-visible,
.file-name:focus-visible,
.select select:focus-visible,
.input:focus-visible,
.textarea:focus-visible,
.file-cta:focus-within,
.file-name:focus-within,
.select select:focus-within,
.input:focus-within,
.textarea:focus-within,
.is-focused.file-cta,
.is-focused.file-name,
.select select.is-focused,
.is-focused.input,
.is-focused.textarea,
.file-cta:active,
.file-name:active,
.select select:active,
.input:active,
.textarea:active,
.is-active.file-cta,
.is-active.file-name,
.select select.is-active,
.is-active.input,
.is-active.textarea {
    outline: none
}

[disabled].file-cta,
[disabled].file-name,
.select select[disabled],
[disabled].input,
[disabled].textarea,
fieldset[disabled] .file-cta,
fieldset[disabled] .file-name,
fieldset[disabled] .select select,
.select fieldset[disabled] select,
fieldset[disabled] .input,
fieldset[disabled] .textarea {
    cursor: not-allowed
}

.control.is-loading:after,
.select.is-loading:after {
    animation: spinAround .5s infinite linear;
    border: 2px solid var(--bulma-loading-color);
    border-radius: var(--bulma-radius-rounded);
    border-right-color: transparent;
    border-top-color: transparent;
    content: "";
    display: block;
    height: 1em;
    position: relative;
    width: 1em
}

.navbar-burger {
    appearance: none;
    background: none;
    border: none;
    color: inherit;
    font-family: inherit;
    font-size: 1em;
    margin: 0;
    padding: 0
}

.file {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

:root {
    --bulma-navbar-height: 3.25rem
}

.navbar {
    --bulma-navbar-h: var(--bulma-scheme-h);
    --bulma-navbar-s: var(--bulma-scheme-s);
    --bulma-navbar-l: var(--bulma-scheme-main-l);
    --bulma-navbar-background-color: var(--bulma-scheme-main);
    --bulma-navbar-box-shadow-size: 0 .125em 0 0;
    --bulma-navbar-box-shadow-color: var(--bulma-background);
    --bulma-navbar-padding-vertical: 1rem;
    --bulma-navbar-padding-horizontal: 2rem;
    --bulma-navbar-z: 30;
    --bulma-navbar-fixed-z: 30;
    --bulma-navbar-item-background-a: 0;
    --bulma-navbar-item-background-l: var(--bulma-scheme-main-l);
    --bulma-navbar-item-background-l-delta: 0%;
    --bulma-navbar-item-hover-background-l-delta: var(--bulma-hover-background-l-delta);
    --bulma-navbar-item-active-background-l-delta: var(--bulma-active-background-l-delta);
    --bulma-navbar-item-color-l: var(--bulma-text-l);
    --bulma-navbar-item-selected-h: var(--bulma-link-h);
    --bulma-navbar-item-selected-s: var(--bulma-link-s);
    --bulma-navbar-item-selected-l: var(--bulma-link-l);
    --bulma-navbar-item-selected-background-l: var(--bulma-link-l);
    --bulma-navbar-item-selected-color-l: var(--bulma-link-invert-l);
    --bulma-navbar-item-img-max-height: 1.75rem;
    --bulma-navbar-burger-color: var(--bulma-navbar-item-color);
    --bulma-navbar-tab-hover-background-color: transparent;
    --bulma-navbar-tab-hover-border-bottom-color: var(--bulma-link);
    --bulma-navbar-tab-active-color: var(--bulma-link);
    --bulma-navbar-tab-active-background-color: transparent;
    --bulma-navbar-tab-active-border-bottom-color: var(--bulma-link);
    --bulma-navbar-tab-active-border-bottom-style: solid;
    --bulma-navbar-tab-active-border-bottom-width: .1875em;
    --bulma-navbar-dropdown-background-color: var(--bulma-scheme-main);
    --bulma-navbar-dropdown-border-l: var(--bulma-border-l);
    --bulma-navbar-dropdown-border-color: hsl(var(--bulma-navbar-h), var(--bulma-navbar-s), var(--bulma-navbar-dropdown-border-l));
    --bulma-navbar-dropdown-border-style: solid;
    --bulma-navbar-dropdown-border-width: .125em;
    --bulma-navbar-dropdown-offset: -.25em;
    --bulma-navbar-dropdown-arrow: var(--bulma-link);
    --bulma-navbar-dropdown-radius: var(--bulma-radius-large);
    --bulma-navbar-dropdown-z: 20;
    --bulma-navbar-dropdown-boxed-radius: var(--bulma-radius-large);
    --bulma-navbar-dropdown-boxed-shadow: 0 .5em .5em hsla(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-l), .1), 0 0 0 1px hsla(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-l), .1);
    --bulma-navbar-dropdown-item-h: var(--bulma-scheme-h);
    --bulma-navbar-dropdown-item-s: var(--bulma-scheme-s);
    --bulma-navbar-dropdown-item-l: var(--bulma-scheme-main-l);
    --bulma-navbar-dropdown-item-background-l: var(--bulma-scheme-main-l);
    --bulma-navbar-dropdown-item-color-l: var(--bulma-text-l);
    --bulma-navbar-divider-background-l: var(--bulma-background-l);
    --bulma-navbar-divider-height: .125em;
    --bulma-navbar-bottom-box-shadow-size: 0 -.125em 0 0
}

.navbar {
    background-color: var(--bulma-navbar-background-color);
    min-height: var(--bulma-navbar-height);
    position: relative;
    z-index: var(--bulma-navbar-z)
}

.navbar.is-white {
    --bulma-navbar-h: var(--bulma-white-h);
    --bulma-navbar-s: var(--bulma-white-s);
    --bulma-navbar-l: var(--bulma-white-l);
    --bulma-burger-h: var(--bulma-white-h);
    --bulma-burger-s: var(--bulma-white-s);
    --bulma-burger-l: var(--bulma-white-invert-l);
    --bulma-navbar-background-color: var(--bulma-white);
    --bulma-navbar-item-background-l: var(--bulma-white-l);
    --bulma-navbar-item-color-l: var(--bulma-white-invert-l);
    --bulma-navbar-item-selected-h: var(--bulma-white-h);
    --bulma-navbar-item-selected-s: var(--bulma-white-s);
    --bulma-navbar-item-selected-l: var(--bulma-white-l);
    --bulma-navbar-item-selected-background-l: var(--bulma-white-l);
    --bulma-navbar-item-selected-color-l: var(--bulma-white-invert-l);
    --bulma-navbar-dropdown-arrow: var(--bulma-white-invert-l);
    --bulma-navbar-dropdown-background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-navbar-dropdown-item-background-l));
    --bulma-navbar-dropdown-item-h: var(--bulma-white-h);
    --bulma-navbar-dropdown-item-s: var(--bulma-white-s)
}

.navbar.is-black {
    --bulma-navbar-h: var(--bulma-black-h);
    --bulma-navbar-s: var(--bulma-black-s);
    --bulma-navbar-l: var(--bulma-black-l);
    --bulma-burger-h: var(--bulma-black-h);
    --bulma-burger-s: var(--bulma-black-s);
    --bulma-burger-l: var(--bulma-black-invert-l);
    --bulma-navbar-background-color: var(--bulma-black);
    --bulma-navbar-item-background-l: var(--bulma-black-l);
    --bulma-navbar-item-color-l: var(--bulma-black-invert-l);
    --bulma-navbar-item-selected-h: var(--bulma-black-h);
    --bulma-navbar-item-selected-s: var(--bulma-black-s);
    --bulma-navbar-item-selected-l: var(--bulma-black-l);
    --bulma-navbar-item-selected-background-l: var(--bulma-black-l);
    --bulma-navbar-item-selected-color-l: var(--bulma-black-invert-l);
    --bulma-navbar-dropdown-arrow: var(--bulma-black-invert-l);
    --bulma-navbar-dropdown-background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-navbar-dropdown-item-background-l));
    --bulma-navbar-dropdown-item-h: var(--bulma-black-h);
    --bulma-navbar-dropdown-item-s: var(--bulma-black-s)
}

.navbar.is-light {
    --bulma-navbar-h: var(--bulma-light-h);
    --bulma-navbar-s: var(--bulma-light-s);
    --bulma-navbar-l: var(--bulma-light-l);
    --bulma-burger-h: var(--bulma-light-h);
    --bulma-burger-s: var(--bulma-light-s);
    --bulma-burger-l: var(--bulma-light-invert-l);
    --bulma-navbar-background-color: var(--bulma-light);
    --bulma-navbar-item-background-l: var(--bulma-light-l);
    --bulma-navbar-item-color-l: var(--bulma-light-invert-l);
    --bulma-navbar-item-selected-h: var(--bulma-light-h);
    --bulma-navbar-item-selected-s: var(--bulma-light-s);
    --bulma-navbar-item-selected-l: var(--bulma-light-l);
    --bulma-navbar-item-selected-background-l: var(--bulma-light-l);
    --bulma-navbar-item-selected-color-l: var(--bulma-light-invert-l);
    --bulma-navbar-dropdown-arrow: var(--bulma-light-invert-l);
    --bulma-navbar-dropdown-background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-navbar-dropdown-item-background-l));
    --bulma-navbar-dropdown-item-h: var(--bulma-light-h);
    --bulma-navbar-dropdown-item-s: var(--bulma-light-s)
}

.navbar.is-dark {
    --bulma-navbar-h: var(--bulma-dark-h);
    --bulma-navbar-s: var(--bulma-dark-s);
    --bulma-navbar-l: var(--bulma-dark-l);
    --bulma-burger-h: var(--bulma-dark-h);
    --bulma-burger-s: var(--bulma-dark-s);
    --bulma-burger-l: var(--bulma-dark-invert-l);
    --bulma-navbar-background-color: var(--bulma-dark);
    --bulma-navbar-item-background-l: var(--bulma-dark-l);
    --bulma-navbar-item-color-l: var(--bulma-dark-invert-l);
    --bulma-navbar-item-selected-h: var(--bulma-dark-h);
    --bulma-navbar-item-selected-s: var(--bulma-dark-s);
    --bulma-navbar-item-selected-l: var(--bulma-dark-l);
    --bulma-navbar-item-selected-background-l: var(--bulma-dark-l);
    --bulma-navbar-item-selected-color-l: var(--bulma-dark-invert-l);
    --bulma-navbar-dropdown-arrow: var(--bulma-dark-invert-l);
    --bulma-navbar-dropdown-background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-navbar-dropdown-item-background-l));
    --bulma-navbar-dropdown-item-h: var(--bulma-dark-h);
    --bulma-navbar-dropdown-item-s: var(--bulma-dark-s)
}

.navbar.is-text {
    --bulma-navbar-h: var(--bulma-text-h);
    --bulma-navbar-s: var(--bulma-text-s);
    --bulma-navbar-l: var(--bulma-text-l);
    --bulma-burger-h: var(--bulma-text-h);
    --bulma-burger-s: var(--bulma-text-s);
    --bulma-burger-l: var(--bulma-text-invert-l);
    --bulma-navbar-background-color: var(--bulma-text);
    --bulma-navbar-item-background-l: var(--bulma-text-l);
    --bulma-navbar-item-color-l: var(--bulma-text-invert-l);
    --bulma-navbar-item-selected-h: var(--bulma-text-h);
    --bulma-navbar-item-selected-s: var(--bulma-text-s);
    --bulma-navbar-item-selected-l: var(--bulma-text-l);
    --bulma-navbar-item-selected-background-l: var(--bulma-text-l);
    --bulma-navbar-item-selected-color-l: var(--bulma-text-invert-l);
    --bulma-navbar-dropdown-arrow: var(--bulma-text-invert-l);
    --bulma-navbar-dropdown-background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-navbar-dropdown-item-background-l));
    --bulma-navbar-dropdown-item-h: var(--bulma-text-h);
    --bulma-navbar-dropdown-item-s: var(--bulma-text-s)
}

.navbar.is-primary {
    --bulma-navbar-h: var(--bulma-primary-h);
    --bulma-navbar-s: var(--bulma-primary-s);
    --bulma-navbar-l: var(--bulma-primary-l);
    --bulma-burger-h: var(--bulma-primary-h);
    --bulma-burger-s: var(--bulma-primary-s);
    --bulma-burger-l: var(--bulma-primary-invert-l);
    --bulma-navbar-background-color: var(--bulma-primary);
    --bulma-navbar-item-background-l: var(--bulma-primary-l);
    --bulma-navbar-item-color-l: var(--bulma-primary-invert-l);
    --bulma-navbar-item-selected-h: var(--bulma-primary-h);
    --bulma-navbar-item-selected-s: var(--bulma-primary-s);
    --bulma-navbar-item-selected-l: var(--bulma-primary-l);
    --bulma-navbar-item-selected-background-l: var(--bulma-primary-l);
    --bulma-navbar-item-selected-color-l: var(--bulma-primary-invert-l);
    --bulma-navbar-dropdown-arrow: var(--bulma-primary-invert-l);
    --bulma-navbar-dropdown-background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-navbar-dropdown-item-background-l));
    --bulma-navbar-dropdown-item-h: var(--bulma-primary-h);
    --bulma-navbar-dropdown-item-s: var(--bulma-primary-s)
}

.navbar.is-link {
    --bulma-navbar-h: var(--bulma-link-h);
    --bulma-navbar-s: var(--bulma-link-s);
    --bulma-navbar-l: var(--bulma-link-l);
    --bulma-burger-h: var(--bulma-link-h);
    --bulma-burger-s: var(--bulma-link-s);
    --bulma-burger-l: var(--bulma-link-invert-l);
    --bulma-navbar-background-color: var(--bulma-link);
    --bulma-navbar-item-background-l: var(--bulma-link-l);
    --bulma-navbar-item-color-l: var(--bulma-link-invert-l);
    --bulma-navbar-item-selected-h: var(--bulma-link-h);
    --bulma-navbar-item-selected-s: var(--bulma-link-s);
    --bulma-navbar-item-selected-l: var(--bulma-link-l);
    --bulma-navbar-item-selected-background-l: var(--bulma-link-l);
    --bulma-navbar-item-selected-color-l: var(--bulma-link-invert-l);
    --bulma-navbar-dropdown-arrow: var(--bulma-link-invert-l);
    --bulma-navbar-dropdown-background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-navbar-dropdown-item-background-l));
    --bulma-navbar-dropdown-item-h: var(--bulma-link-h);
    --bulma-navbar-dropdown-item-s: var(--bulma-link-s)
}

.navbar.is-info {
    --bulma-navbar-h: var(--bulma-info-h);
    --bulma-navbar-s: var(--bulma-info-s);
    --bulma-navbar-l: var(--bulma-info-l);
    --bulma-burger-h: var(--bulma-info-h);
    --bulma-burger-s: var(--bulma-info-s);
    --bulma-burger-l: var(--bulma-info-invert-l);
    --bulma-navbar-background-color: var(--bulma-info);
    --bulma-navbar-item-background-l: var(--bulma-info-l);
    --bulma-navbar-item-color-l: var(--bulma-info-invert-l);
    --bulma-navbar-item-selected-h: var(--bulma-info-h);
    --bulma-navbar-item-selected-s: var(--bulma-info-s);
    --bulma-navbar-item-selected-l: var(--bulma-info-l);
    --bulma-navbar-item-selected-background-l: var(--bulma-info-l);
    --bulma-navbar-item-selected-color-l: var(--bulma-info-invert-l);
    --bulma-navbar-dropdown-arrow: var(--bulma-info-invert-l);
    --bulma-navbar-dropdown-background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-navbar-dropdown-item-background-l));
    --bulma-navbar-dropdown-item-h: var(--bulma-info-h);
    --bulma-navbar-dropdown-item-s: var(--bulma-info-s)
}

.navbar.is-success {
    --bulma-navbar-h: var(--bulma-success-h);
    --bulma-navbar-s: var(--bulma-success-s);
    --bulma-navbar-l: var(--bulma-success-l);
    --bulma-burger-h: var(--bulma-success-h);
    --bulma-burger-s: var(--bulma-success-s);
    --bulma-burger-l: var(--bulma-success-invert-l);
    --bulma-navbar-background-color: var(--bulma-success);
    --bulma-navbar-item-background-l: var(--bulma-success-l);
    --bulma-navbar-item-color-l: var(--bulma-success-invert-l);
    --bulma-navbar-item-selected-h: var(--bulma-success-h);
    --bulma-navbar-item-selected-s: var(--bulma-success-s);
    --bulma-navbar-item-selected-l: var(--bulma-success-l);
    --bulma-navbar-item-selected-background-l: var(--bulma-success-l);
    --bulma-navbar-item-selected-color-l: var(--bulma-success-invert-l);
    --bulma-navbar-dropdown-arrow: var(--bulma-success-invert-l);
    --bulma-navbar-dropdown-background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-navbar-dropdown-item-background-l));
    --bulma-navbar-dropdown-item-h: var(--bulma-success-h);
    --bulma-navbar-dropdown-item-s: var(--bulma-success-s)
}

.navbar.is-warning {
    --bulma-navbar-h: var(--bulma-warning-h);
    --bulma-navbar-s: var(--bulma-warning-s);
    --bulma-navbar-l: var(--bulma-warning-l);
    --bulma-burger-h: var(--bulma-warning-h);
    --bulma-burger-s: var(--bulma-warning-s);
    --bulma-burger-l: var(--bulma-warning-invert-l);
    --bulma-navbar-background-color: var(--bulma-warning);
    --bulma-navbar-item-background-l: var(--bulma-warning-l);
    --bulma-navbar-item-color-l: var(--bulma-warning-invert-l);
    --bulma-navbar-item-selected-h: var(--bulma-warning-h);
    --bulma-navbar-item-selected-s: var(--bulma-warning-s);
    --bulma-navbar-item-selected-l: var(--bulma-warning-l);
    --bulma-navbar-item-selected-background-l: var(--bulma-warning-l);
    --bulma-navbar-item-selected-color-l: var(--bulma-warning-invert-l);
    --bulma-navbar-dropdown-arrow: var(--bulma-warning-invert-l);
    --bulma-navbar-dropdown-background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-navbar-dropdown-item-background-l));
    --bulma-navbar-dropdown-item-h: var(--bulma-warning-h);
    --bulma-navbar-dropdown-item-s: var(--bulma-warning-s)
}

.navbar.is-danger {
    --bulma-navbar-h: var(--bulma-danger-h);
    --bulma-navbar-s: var(--bulma-danger-s);
    --bulma-navbar-l: var(--bulma-danger-l);
    --bulma-burger-h: var(--bulma-danger-h);
    --bulma-burger-s: var(--bulma-danger-s);
    --bulma-burger-l: var(--bulma-danger-invert-l);
    --bulma-navbar-background-color: var(--bulma-danger);
    --bulma-navbar-item-background-l: var(--bulma-danger-l);
    --bulma-navbar-item-color-l: var(--bulma-danger-invert-l);
    --bulma-navbar-item-selected-h: var(--bulma-danger-h);
    --bulma-navbar-item-selected-s: var(--bulma-danger-s);
    --bulma-navbar-item-selected-l: var(--bulma-danger-l);
    --bulma-navbar-item-selected-background-l: var(--bulma-danger-l);
    --bulma-navbar-item-selected-color-l: var(--bulma-danger-invert-l);
    --bulma-navbar-dropdown-arrow: var(--bulma-danger-invert-l);
    --bulma-navbar-dropdown-background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-navbar-dropdown-item-background-l));
    --bulma-navbar-dropdown-item-h: var(--bulma-danger-h);
    --bulma-navbar-dropdown-item-s: var(--bulma-danger-s)
}

.navbar>.container {
    align-items: stretch;
    display: flex;
    min-height: var(--bulma-navbar-height);
    width: 100%
}

.navbar.has-shadow {
    box-shadow: var(--bulma-navbar-box-shadow-size) var(--bulma-navbar-box-shadow-color)
}

.navbar.is-fixed-bottom,
.navbar.is-fixed-top {
    left: 0;
    position: fixed;
    right: 0;
    z-index: var(--bulma-navbar-fixed-z)
}

.navbar.is-fixed-bottom {
    bottom: 0
}

.navbar.is-fixed-bottom.has-shadow {
    box-shadow: var(--bulma-navbar-bottom-box-shadow-size) var(--bulma-navbar-box-shadow-color)
}

.navbar.is-fixed-top {
    top: 0
}

html.has-navbar-fixed-top,
body.has-navbar-fixed-top {
    padding-top: var(--bulma-navbar-height)
}

html.has-navbar-fixed-bottom,
body.has-navbar-fixed-bottom {
    padding-bottom: var(--bulma-navbar-height)
}

.navbar-brand,
.navbar-tabs {
    align-items: stretch;
    display: flex;
    flex-shrink: 0;
    min-height: var(--bulma-navbar-height)
}

.navbar-tabs {
    -webkit-overflow-scrolling: touch;
    max-width: 100vw;
    overflow-x: auto;
    overflow-y: hidden
}

.navbar-burger {
    align-items: center;
    appearance: none;
    background: none;
    border: none;
    border-radius: var(--bulma-burger-border-radius);
    color: hsl(var(--bulma-burger-h), var(--bulma-burger-s), var(--bulma-burger-l));
    cursor: pointer;
    display: inline-flex;
    flex-direction: column;
    flex-shrink: 0;
    height: 2.5rem;
    justify-content: center;
    position: relative;
    vertical-align: top;
    width: 2.5rem;
    align-self: center;
    margin-inline-start: auto;
    margin-inline-end: .375rem
}

.navbar-burger span {
    background-color: currentColor;
    display: block;
    height: var(--bulma-burger-item-height);
    left: calc(50% - (var(--bulma-burger-item-width)) / 2);
    position: absolute;
    transform-origin: center;
    transition-duration: var(--bulma-duration);
    transition-property: background-color, color, opacity, transform;
    transition-timing-function: var(--bulma-easing);
    width: var(--bulma-burger-item-width)
}

.navbar-burger span:nth-child(1),
.navbar-burger span:nth-child(2) {
    top: calc(50% - (var(--bulma-burger-item-height)) / 2)
}

.navbar-burger span:nth-child(3) {
    bottom: calc(50% + var(--bulma-burger-gap))
}

.navbar-burger span:nth-child(4) {
    top: calc(50% + var(--bulma-burger-gap))
}

.navbar-burger:hover {
    background-color: hsla(var(--bulma-burger-h), var(--bulma-burger-s), var(--bulma-burger-l), .1)
}

.navbar-burger:active {
    background-color: hsla(var(--bulma-burger-h), var(--bulma-burger-s), var(--bulma-burger-l), .2)
}

.navbar-burger.is-active span:nth-child(1) {
    transform: rotate(-45deg)
}

.navbar-burger.is-active span:nth-child(2) {
    transform: rotate(45deg)
}

.navbar-burger.is-active span:nth-child(3),
.navbar-burger.is-active span:nth-child(4) {
    opacity: 0
}

.navbar-menu {
    display: none
}

.navbar-item,
.navbar-link {
    color: hsl(var(--bulma-navbar-h), var(--bulma-navbar-s), var(--bulma-navbar-item-color-l));
    display: block;
    line-height: 1.5;
    padding: .5rem .75rem;
    position: relative
}

.navbar-item .icon:only-child,
.navbar-link .icon:only-child {
    margin-left: -.25rem;
    margin-right: -.25rem
}

a.navbar-item,
.navbar-link {
    background-color: hsla(var(--bulma-navbar-h), var(--bulma-navbar-s), calc(var(--bulma-navbar-item-background-l) + var(--bulma-navbar-item-background-l-delta)), var(--bulma-navbar-item-background-a));
    cursor: pointer
}

a.navbar-item:focus,
a.navbar-item:focus-within,
a.navbar-item:hover,
.navbar-link:focus,
.navbar-link:focus-within,
.navbar-link:hover {
    --bulma-navbar-item-background-l-delta: var(--bulma-navbar-item-hover-background-l-delta);
    --bulma-navbar-item-background-a: 1
}

a.navbar-item:active,
.navbar-link:active {
    --bulma-navbar-item-background-l-delta: var(--bulma-navbar-item-active-background-l-delta);
    --bulma-navbar-item-background-a: 1
}

a.navbar-item.is-active,
a.navbar-item.is-selected,
.navbar-link.is-active,
.navbar-link.is-selected {
    --bulma-navbar-h: var(--bulma-navbar-item-selected-h);
    --bulma-navbar-s: var(--bulma-navbar-item-selected-s);
    --bulma-navbar-l: var(--bulma-navbar-item-selected-l);
    --bulma-navbar-item-background-l: var(--bulma-navbar-item-selected-background-l);
    --bulma-navbar-item-background-a: 1;
    --bulma-navbar-item-color-l: var(--bulma-navbar-item-selected-color-l)
}

.navbar-item {
    flex-grow: 0;
    flex-shrink: 0
}

.navbar-item img,
.navbar-item svg {
    max-height: var(--bulma-navbar-item-img-max-height)
}

.navbar-item.has-dropdown {
    padding: 0
}

.navbar-item.is-expanded {
    flex-grow: 1;
    flex-shrink: 1
}

.navbar-item.is-tab {
    border-bottom: 1px solid transparent;
    min-height: var(--bulma-navbar-height);
    padding-bottom: calc(.5rem - 1px)
}

.navbar-item.is-tab:focus,
.navbar-item.is-tab:hover {
    background-color: var(--bulma-navbar-tab-hover-background-color);
    border-bottom-color: var(--bulma-navbar-tab-hover-border-bottom-color)
}

.navbar-item.is-tab.is-active {
    background-color: var(--bulma-navbar-tab-active-background-color);
    border-bottom-color: var(--bulma-navbar-tab-active-border-bottom-color);
    border-bottom-style: var(--bulma-navbar-tab-active-border-bottom-style);
    border-bottom-width: var(--bulma-navbar-tab-active-border-bottom-width);
    color: var(--bulma-navbar-tab-active-color);
    padding-bottom: calc(.5rem - var(--bulma-navbar-tab-active-border-bottom-width))
}

.navbar-content {
    flex-grow: 1;
    flex-shrink: 1
}

.navbar-link:not(.is-arrowless) {
    padding-inline-end: 2.5em
}

.navbar-link:not(.is-arrowless):after {
    border-color: var(--bulma-navbar-dropdown-arrow);
    margin-top: -.375em;
    inset-inline-end: 1.125em
}

.navbar-dropdown {
    font-size: .875rem;
    padding-bottom: .75rem;
    padding-top: .5rem
}

.navbar-dropdown .navbar-item {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.navbar-dropdown .navbar-item:not(.is-active, .is-selected) {
    background-color: hsl(var(--bulma-navbar-dropdown-item-h), var(--bulma-navbar-dropdown-item-s), calc(var(--bulma-navbar-dropdown-item-background-l) + var(--bulma-navbar-item-background-l-delta)));
    color: hsl(var(--bulma-navbar-dropdown-item-h), var(--bulma-navbar-dropdown-item-s), var(--bulma-navbar-dropdown-item-color-l))
}

.navbar-divider {
    background-color: hsl(var(--bulma-navbar-h), var(--bulma-navbar-s), var(--bulma-navbar-divider-background-l));
    border: none;
    display: none;
    height: var(--bulma-navbar-divider-height);
    margin: .5rem 0
}

@media screen and (max-width: 1023px) {
    .navbar>.container {
        display: block
    }

    .navbar-brand .navbar-item,
    .navbar-tabs .navbar-item {
        align-items: center;
        display: flex
    }

    .navbar-link:after {
        display: none
    }

    .navbar-menu {
        background-color: var(--bulma-navbar-background-color);
        box-shadow: 0 .5em 1em hsla(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-l), .1);
        padding: .5rem 0
    }

    .navbar-menu.is-active {
        display: block
    }

    .navbar.is-fixed-bottom-touch,
    .navbar.is-fixed-top-touch {
        left: 0;
        position: fixed;
        right: 0;
        z-index: var(--bulma-navbar-fixed-z)
    }

    .navbar.is-fixed-bottom-touch {
        bottom: 0
    }

    .navbar.is-fixed-bottom-touch.has-shadow {
        box-shadow: 0 -.125em .1875em hsla(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-l), .1)
    }

    .navbar.is-fixed-top-touch {
        top: 0
    }

    .navbar.is-fixed-top .navbar-menu,
    .navbar.is-fixed-top-touch .navbar-menu {
        -webkit-overflow-scrolling: touch;
        max-height: calc(100vh - var(--bulma-navbar-height));
        overflow: auto
    }

    html.has-navbar-fixed-top-touch,
    body.has-navbar-fixed-top-touch {
        padding-top: var(--bulma-navbar-height)
    }

    html.has-navbar-fixed-bottom-touch,
    body.has-navbar-fixed-bottom-touch {
        padding-bottom: var(--bulma-navbar-height)
    }
}

@media screen and (min-width: 1024px) {

    .navbar,
    .navbar-menu,
    .navbar-start,
    .navbar-end {
        align-items: stretch;
        display: flex
    }

    .navbar {
        min-height: var(--bulma-navbar-height)
    }

    .navbar.is-spaced {
        padding: var(--bulma-navbar-padding-vertical) var(--bulma-navbar-padding-horizontal)
    }

    .navbar.is-spaced .navbar-start,
    .navbar.is-spaced .navbar-end {
        align-items: center
    }

    .navbar.is-spaced a.navbar-item,
    .navbar.is-spaced .navbar-link {
        border-radius: var(--bulma-radius)
    }

    .navbar.is-transparent {
        --bulma-navbar-item-background-a: 0
    }

    .navbar.is-transparent .navbar-dropdown a.navbar-item {
        background-color: hsl(var(--bulma-navbar-h), var(--bulma-navbar-s), calc(var(--bulma-navbar-item-background-l) + var(--bulma-navbar-item-background-l-delta)))
    }

    .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active,
    .navbar.is-transparent .navbar-dropdown a.navbar-item.is-selected {
        --bulma-navbar-h: var(--bulma-navbar-item-selected-h);
        --bulma-navbar-s: var(--bulma-navbar-item-selected-s);
        --bulma-navbar-l: var(--bulma-navbar-item-selected-l);
        --bulma-navbar-item-background-l: var(--bulma-navbar-item-selected-background-l);
        --bulma-navbar-item-color-l: var(--bulma-navbar-item-selected-color-l)
    }

    .navbar-burger {
        display: none
    }

    .navbar-item,
    .navbar-link {
        align-items: center;
        display: flex
    }

    .navbar-item.has-dropdown {
        align-items: stretch
    }

    .navbar-item.has-dropdown-up .navbar-link:after {
        transform: rotate(135deg) translate(.25em, -.25em)
    }

    .navbar-item.has-dropdown-up .navbar-dropdown {
        border-bottom-color: var(--bulma-navbar-dropdown-border-color);
        border-bottom-style: var(--bulma-navbar-dropdown-border-style);
        border-bottom-width: var(--bulma-navbar-dropdown-border-width);
        border-radius: var(--bulma-navbar-dropdown-radius) var(--bulma-navbar-dropdown-radius) 0 0;
        border-top: none;
        bottom: 100%;
        box-shadow: 0 -.5em .5em hsla(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-l), .1);
        top: auto
    }

    .navbar-item.is-active .navbar-dropdown,
    .navbar-item.is-hoverable:focus .navbar-dropdown,
    .navbar-item.is-hoverable:focus-within .navbar-dropdown,
    .navbar-item.is-hoverable:hover .navbar-dropdown {
        display: block
    }

    .navbar.is-spaced .navbar-item.is-active .navbar-dropdown,
    .navbar-item.is-active .navbar-dropdown.is-boxed,
    .navbar.is-spaced .navbar-item.is-hoverable:focus .navbar-dropdown,
    .navbar-item.is-hoverable:focus .navbar-dropdown.is-boxed,
    .navbar.is-spaced .navbar-item.is-hoverable:focus-within .navbar-dropdown,
    .navbar-item.is-hoverable:focus-within .navbar-dropdown.is-boxed,
    .navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown,
    .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed {
        opacity: 1;
        pointer-events: auto;
        transform: translateY(0)
    }

    .navbar-menu {
        flex-grow: 1;
        flex-shrink: 0
    }

    .navbar-start {
        justify-content: flex-start;
        margin-inline-end: auto
    }

    .navbar-end {
        justify-content: flex-end;
        margin-inline-start: auto
    }

    .navbar-dropdown {
        background-color: var(--bulma-navbar-dropdown-background-color);
        border-bottom-left-radius: var(--bulma-navbar-dropdown-radius);
        border-bottom-right-radius: var(--bulma-navbar-dropdown-radius);
        border-top-color: var(--bulma-navbar-dropdown-border-color);
        border-top-style: var(--bulma-navbar-dropdown-border-style);
        border-top-width: var(--bulma-navbar-dropdown-border-width);
        box-shadow: 0 .5em .5em hsla(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-l), .1);
        display: none;
        font-size: .875rem;
        inset-inline-start: 0;
        min-width: 100%;
        position: absolute;
        top: 100%;
        z-index: var(--bulma-navbar-dropdown-z)
    }

    .navbar-dropdown .navbar-item {
        padding: .375rem 1rem;
        white-space: nowrap
    }

    .navbar-dropdown a.navbar-item {
        padding-inline-end: 3rem
    }

    .navbar-dropdown a.navbar-item:not(.is-active, .is-selected) {
        background-color: hsl(var(--bulma-navbar-dropdown-item-h), var(--bulma-navbar-dropdown-item-s), calc(var(--bulma-navbar-dropdown-item-background-l) + var(--bulma-navbar-item-background-l-delta)));
        color: hsl(var(--bulma-navbar-dropdown-item-h), var(--bulma-navbar-dropdown-item-s), var(--bulma-navbar-dropdown-item-color-l))
    }

    .navbar.is-spaced .navbar-dropdown,
    .navbar-dropdown.is-boxed {
        border-radius: var(--bulma-navbar-dropdown-boxed-radius);
        border-top: none;
        box-shadow: var(--bulma-navbar-dropdown-boxed-shadow);
        display: block;
        opacity: 0;
        pointer-events: none;
        top: calc(100% + (var(--bulma-navbar-dropdown-offset)));
        transform: translateY(-5px);
        transition-duration: var(--bulma-duration);
        transition-property: opacity, transform
    }

    .navbar-dropdown.is-right {
        left: auto;
        right: 0
    }

    .navbar-divider {
        display: block
    }

    .navbar>.container .navbar-brand,
    .container>.navbar .navbar-brand {
        margin-inline-start: -.75rem
    }

    .navbar>.container .navbar-menu,
    .container>.navbar .navbar-menu {
        margin-inline-end: -.75rem
    }

    .navbar.is-fixed-bottom-desktop,
    .navbar.is-fixed-top-desktop {
        left: 0;
        position: fixed;
        right: 0;
        z-index: var(--bulma-navbar-fixed-z)
    }

    .navbar.is-fixed-bottom-desktop {
        bottom: 0
    }

    .navbar.is-fixed-bottom-desktop.has-shadow {
        box-shadow: 0 -.125em .1875em hsla(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-l), .1)
    }

    .navbar.is-fixed-top-desktop {
        top: 0
    }

    html.has-navbar-fixed-top-desktop,
    body.has-navbar-fixed-top-desktop {
        padding-top: var(--bulma-navbar-height)
    }

    html.has-navbar-fixed-bottom-desktop,
    body.has-navbar-fixed-bottom-desktop {
        padding-bottom: var(--bulma-navbar-height)
    }

    html.has-spaced-navbar-fixed-top,
    body.has-spaced-navbar-fixed-top {
        padding-top: calc(var(--bulma-navbar-height) + var(--bulma-navbar-padding-vertical) * 2)
    }

    html.has-spaced-navbar-fixed-bottom,
    body.has-spaced-navbar-fixed-bottom {
        padding-bottom: calc(var(--bulma-navbar-height) + var(--bulma-navbar-padding-vertical) * 2)
    }
}

.hero.is-fullheight-with-navbar {
    min-height: calc(100vh - var(--bulma-navbar-height))
}

.table {
    --bulma-table-color: var(--bulma-text-strong);
    --bulma-table-background-color: var(--bulma-scheme-main);
    --bulma-table-cell-border-color: var(--bulma-border);
    --bulma-table-cell-border-style: solid;
    --bulma-table-cell-border-width: 0 0 1px;
    --bulma-table-cell-padding: .5em .75em;
    --bulma-table-cell-heading-color: var(--bulma-text-strong);
    --bulma-table-cell-text-align: left;
    --bulma-table-head-cell-border-width: 0 0 2px;
    --bulma-table-head-cell-color: var(--bulma-text-strong);
    --bulma-table-foot-cell-border-width: 2px 0 0;
    --bulma-table-foot-cell-color: var(--bulma-text-strong);
    --bulma-table-head-background-color: transparent;
    --bulma-table-body-background-color: transparent;
    --bulma-table-foot-background-color: transparent;
    --bulma-table-row-hover-background-color: var(--bulma-scheme-main-bis);
    --bulma-table-row-active-background-color: var(--bulma-primary);
    --bulma-table-row-active-color: var(--bulma-primary-invert);
    --bulma-table-striped-row-even-background-color: var(--bulma-scheme-main-bis);
    --bulma-table-striped-row-even-hover-background-color: var(--bulma-scheme-main-ter)
}

.table {
    background-color: var(--bulma-table-background-color);
    color: var(--bulma-table-color)
}

.table td,
.table th {
    background-color: var(--bulma-table-cell-background-color);
    border-color: var(--bulma-table-cell-border-color);
    border-style: var(--bulma-table-cell-border-style);
    border-width: var(--bulma-table-cell-border-width);
    color: var(--bulma-table-color);
    padding: var(--bulma-table-cell-padding);
    vertical-align: top
}

.table td.is-white,
.table th.is-white {
    --bulma-table-color: var(--bulma-white-invert);
    --bulma-table-cell-heading-color: var(--bulma-white-invert);
    --bulma-table-cell-background-color: var(--bulma-white);
    --bulma-table-cell-border-color: var(--bulma-white)
}

.table td.is-black,
.table th.is-black {
    --bulma-table-color: var(--bulma-black-invert);
    --bulma-table-cell-heading-color: var(--bulma-black-invert);
    --bulma-table-cell-background-color: var(--bulma-black);
    --bulma-table-cell-border-color: var(--bulma-black)
}

.table td.is-light,
.table th.is-light {
    --bulma-table-color: var(--bulma-light-invert);
    --bulma-table-cell-heading-color: var(--bulma-light-invert);
    --bulma-table-cell-background-color: var(--bulma-light);
    --bulma-table-cell-border-color: var(--bulma-light)
}

.table td.is-dark,
.table th.is-dark {
    --bulma-table-color: var(--bulma-dark-invert);
    --bulma-table-cell-heading-color: var(--bulma-dark-invert);
    --bulma-table-cell-background-color: var(--bulma-dark);
    --bulma-table-cell-border-color: var(--bulma-dark)
}

.table td.is-text,
.table th.is-text {
    --bulma-table-color: var(--bulma-text-invert);
    --bulma-table-cell-heading-color: var(--bulma-text-invert);
    --bulma-table-cell-background-color: var(--bulma-text);
    --bulma-table-cell-border-color: var(--bulma-text)
}

.table td.is-primary,
.table th.is-primary {
    --bulma-table-color: var(--bulma-primary-invert);
    --bulma-table-cell-heading-color: var(--bulma-primary-invert);
    --bulma-table-cell-background-color: var(--bulma-primary);
    --bulma-table-cell-border-color: var(--bulma-primary)
}

.table td.is-link,
.table th.is-link {
    --bulma-table-color: var(--bulma-link-invert);
    --bulma-table-cell-heading-color: var(--bulma-link-invert);
    --bulma-table-cell-background-color: var(--bulma-link);
    --bulma-table-cell-border-color: var(--bulma-link)
}

.table td.is-info,
.table th.is-info {
    --bulma-table-color: var(--bulma-info-invert);
    --bulma-table-cell-heading-color: var(--bulma-info-invert);
    --bulma-table-cell-background-color: var(--bulma-info);
    --bulma-table-cell-border-color: var(--bulma-info)
}

.table td.is-success,
.table th.is-success {
    --bulma-table-color: var(--bulma-success-invert);
    --bulma-table-cell-heading-color: var(--bulma-success-invert);
    --bulma-table-cell-background-color: var(--bulma-success);
    --bulma-table-cell-border-color: var(--bulma-success)
}

.table td.is-warning,
.table th.is-warning {
    --bulma-table-color: var(--bulma-warning-invert);
    --bulma-table-cell-heading-color: var(--bulma-warning-invert);
    --bulma-table-cell-background-color: var(--bulma-warning);
    --bulma-table-cell-border-color: var(--bulma-warning)
}

.table td.is-danger,
.table th.is-danger {
    --bulma-table-color: var(--bulma-danger-invert);
    --bulma-table-cell-heading-color: var(--bulma-danger-invert);
    --bulma-table-cell-background-color: var(--bulma-danger);
    --bulma-table-cell-border-color: var(--bulma-danger)
}

.table td.is-narrow,
.table th.is-narrow {
    white-space: nowrap;
    width: 1%
}

.table td.is-selected,
.table th.is-selected {
    background-color: var(--bulma-table-row-active-background-color);
    color: var(--bulma-table-row-active-color)
}

.table td.is-selected a,
.table td.is-selected strong,
.table th.is-selected a,
.table th.is-selected strong {
    color: currentColor
}

.table td.is-vcentered,
.table th.is-vcentered {
    vertical-align: middle
}

.table th {
    color: var(--bulma-table-cell-heading-color)
}

.table th:not([align]) {
    text-align: var(--bulma-table-cell-text-align)
}

.table tr.is-selected {
    background-color: var(--bulma-table-row-active-background-color);
    color: var(--bulma-table-row-active-color)
}

.table tr.is-selected a,
.table tr.is-selected strong {
    color: currentColor
}

.table tr.is-selected td,
.table tr.is-selected th {
    border-color: var(--bulma-table-row-active-color);
    color: currentColor
}

.table tr.is-white {
    --bulma-table-color: var(--bulma-white-invert);
    --bulma-table-cell-heading-color: var(--bulma-white-invert);
    --bulma-table-cell-background-color: var(--bulma-white);
    --bulma-table-cell-border-color: var(--bulma-white)
}

.table tr.is-black {
    --bulma-table-color: var(--bulma-black-invert);
    --bulma-table-cell-heading-color: var(--bulma-black-invert);
    --bulma-table-cell-background-color: var(--bulma-black);
    --bulma-table-cell-border-color: var(--bulma-black)
}

.table tr.is-light {
    --bulma-table-color: var(--bulma-light-invert);
    --bulma-table-cell-heading-color: var(--bulma-light-invert);
    --bulma-table-cell-background-color: var(--bulma-light);
    --bulma-table-cell-border-color: var(--bulma-light)
}

.table tr.is-dark {
    --bulma-table-color: var(--bulma-dark-invert);
    --bulma-table-cell-heading-color: var(--bulma-dark-invert);
    --bulma-table-cell-background-color: var(--bulma-dark);
    --bulma-table-cell-border-color: var(--bulma-dark)
}

.table tr.is-text {
    --bulma-table-color: var(--bulma-text-invert);
    --bulma-table-cell-heading-color: var(--bulma-text-invert);
    --bulma-table-cell-background-color: var(--bulma-text);
    --bulma-table-cell-border-color: var(--bulma-text)
}

.table tr.is-primary {
    --bulma-table-color: var(--bulma-primary-invert);
    --bulma-table-cell-heading-color: var(--bulma-primary-invert);
    --bulma-table-cell-background-color: var(--bulma-primary);
    --bulma-table-cell-border-color: var(--bulma-primary)
}

.table tr.is-link {
    --bulma-table-color: var(--bulma-link-invert);
    --bulma-table-cell-heading-color: var(--bulma-link-invert);
    --bulma-table-cell-background-color: var(--bulma-link);
    --bulma-table-cell-border-color: var(--bulma-link)
}

.table tr.is-info {
    --bulma-table-color: var(--bulma-info-invert);
    --bulma-table-cell-heading-color: var(--bulma-info-invert);
    --bulma-table-cell-background-color: var(--bulma-info);
    --bulma-table-cell-border-color: var(--bulma-info)
}

.table tr.is-success {
    --bulma-table-color: var(--bulma-success-invert);
    --bulma-table-cell-heading-color: var(--bulma-success-invert);
    --bulma-table-cell-background-color: var(--bulma-success);
    --bulma-table-cell-border-color: var(--bulma-success)
}

.table tr.is-warning {
    --bulma-table-color: var(--bulma-warning-invert);
    --bulma-table-cell-heading-color: var(--bulma-warning-invert);
    --bulma-table-cell-background-color: var(--bulma-warning);
    --bulma-table-cell-border-color: var(--bulma-warning)
}

.table tr.is-danger {
    --bulma-table-color: var(--bulma-danger-invert);
    --bulma-table-cell-heading-color: var(--bulma-danger-invert);
    --bulma-table-cell-background-color: var(--bulma-danger);
    --bulma-table-cell-border-color: var(--bulma-danger)
}

.table thead {
    background-color: var(--bulma-table-head-background-color)
}

.table thead td,
.table thead th {
    border-width: var(--bulma-table-head-cell-border-width);
    color: var(--bulma-table-head-cell-color)
}

.table tfoot {
    background-color: var(--bulma-table-foot-background-color)
}

.table tfoot td,
.table tfoot th {
    border-width: var(--bulma-table-foot-cell-border-width);
    color: var(--bulma-table-foot-cell-color)
}

.table tbody {
    background-color: var(--bulma-table-body-background-color)
}

.table tbody tr:last-child td,
.table tbody tr:last-child th {
    border-bottom-width: 0
}

.table.is-bordered td,
.table.is-bordered th {
    border-width: 1px
}

.table.is-bordered tr:last-child td,
.table.is-bordered tr:last-child th {
    border-bottom-width: 1px
}

.table.is-fullwidth {
    width: 100%
}

.table.is-hoverable tbody tr:not(.is-selected):hover {
    background-color: var(--bulma-table-row-hover-background-color)
}

.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover {
    background-color: var(--bulma-table-row-hover-background-color)
}

.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(2n) {
    background-color: var(--bulma-table-striped-row-even-hover-background-color)
}

.table.is-narrow td,
.table.is-narrow th {
    padding: .25em .5em
}

.table.is-striped tbody tr:not(.is-selected):nth-child(2n) {
    background-color: var(--bulma-table-striped-row-even-background-color)
}

.table-container {
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    overflow-y: hidden;
    max-width: 100%
}

.control,
.input,
.textarea,
.select select {
    --bulma-input-h: var(--bulma-scheme-h);
    --bulma-input-s: var(--bulma-scheme-s);
    --bulma-input-l: var(--bulma-scheme-main-l);
    --bulma-input-border-l: var(--bulma-border-l);
    --bulma-input-border-l-delta: 0%;
    --bulma-input-hover-border-l-delta: var(--bulma-hover-border-l-delta);
    --bulma-input-active-border-l-delta: var(--bulma-active-border-l-delta);
    --bulma-input-focus-h: var(--bulma-focus-h);
    --bulma-input-focus-s: var(--bulma-focus-s);
    --bulma-input-focus-l: var(--bulma-focus-l);
    --bulma-input-focus-shadow-size: var(--bulma-focus-shadow-size);
    --bulma-input-focus-shadow-alpha: var(--bulma-focus-shadow-alpha);
    --bulma-input-color-l: var(--bulma-text-strong-l);
    --bulma-input-background-l: var(--bulma-scheme-main-l);
    --bulma-input-background-l-delta: 0%;
    --bulma-input-height: var(--bulma-control-height);
    --bulma-input-shadow: inset 0 .0625em .125em hsla(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-l), .05);
    --bulma-input-placeholder-color: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-strong-l), .3);
    --bulma-input-disabled-color: var(--bulma-text-weak);
    --bulma-input-disabled-background-color: var(--bulma-background);
    --bulma-input-disabled-border-color: var(--bulma-background);
    --bulma-input-disabled-placeholder-color: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-weak-l), .3);
    --bulma-input-arrow: var(--bulma-link);
    --bulma-input-icon-color: var(--bulma-text-light);
    --bulma-input-icon-hover-color: var(--bulma-text-weak);
    --bulma-input-icon-focus-color: var(--bulma-link);
    --bulma-input-radius: var(--bulma-radius)
}

.select select,
.input,
.textarea {
    background-color: hsl(var(--bulma-input-h), var(--bulma-input-s), calc(var(--bulma-input-background-l) + var(--bulma-input-background-l-delta)));
    border-color: hsl(var(--bulma-input-h), var(--bulma-input-s), calc(var(--bulma-input-border-l) + var(--bulma-input-border-l-delta)));
    border-radius: var(--bulma-input-radius);
    color: hsl(var(--bulma-input-h), var(--bulma-input-s), var(--bulma-input-color-l))
}

.select select::-moz-placeholder,
.input::-moz-placeholder,
.textarea::-moz-placeholder {
    color: var(--bulma-input-placeholder-color)
}

.select select::-webkit-input-placeholder,
.input::-webkit-input-placeholder,
.textarea::-webkit-input-placeholder {
    color: var(--bulma-input-placeholder-color)
}

.select select:-moz-placeholder,
.input:-moz-placeholder,
.textarea:-moz-placeholder {
    color: var(--bulma-input-placeholder-color)
}

.select select:-ms-input-placeholder,
.input:-ms-input-placeholder,
.textarea:-ms-input-placeholder {
    color: var(--bulma-input-placeholder-color)
}

.select select:hover,
.input:hover,
.textarea:hover,
.select select.is-hovered,
.is-hovered.input,
.is-hovered.textarea {
    --bulma-input-border-l-delta: var(--bulma-input-hover-border-l-delta)
}

.select select:active,
.input:active,
.textarea:active,
.select select.is-active,
.is-active.input,
.is-active.textarea {
    --bulma-input-border-l-delta: var(--bulma-input-active-border-l-delta)
}

.select select:focus,
.input:focus,
.textarea:focus,
.select select:focus-within,
.input:focus-within,
.textarea:focus-within,
.select select.is-focused,
.is-focused.input,
.is-focused.textarea {
    border-color: hsl(var(--bulma-input-focus-h), var(--bulma-input-focus-s), var(--bulma-input-focus-l));
    box-shadow: var(--bulma-input-focus-shadow-size) hsla(var(--bulma-input-focus-h), var(--bulma-input-focus-s), var(--bulma-input-focus-l), var(--bulma-input-focus-shadow-alpha))
}

.select select[disabled],
[disabled].input,
[disabled].textarea,
fieldset[disabled] .select select,
.select fieldset[disabled] select,
fieldset[disabled] .input,
fieldset[disabled] .textarea {
    background-color: var(--bulma-input-disabled-background-color);
    border-color: var(--bulma-input-disabled-border-color);
    box-shadow: none;
    color: var(--bulma-input-disabled-color)
}

.select select[disabled]::-moz-placeholder,
[disabled].input::-moz-placeholder,
[disabled].textarea::-moz-placeholder,
fieldset[disabled] .select select::-moz-placeholder,
.select fieldset[disabled] select::-moz-placeholder,
fieldset[disabled] .input::-moz-placeholder,
fieldset[disabled] .textarea::-moz-placeholder {
    color: var(--bulma-input-disabled-placeholder-color)
}

.select select[disabled]::-webkit-input-placeholder,
[disabled].input::-webkit-input-placeholder,
[disabled].textarea::-webkit-input-placeholder,
fieldset[disabled] .select select::-webkit-input-placeholder,
.select fieldset[disabled] select::-webkit-input-placeholder,
fieldset[disabled] .input::-webkit-input-placeholder,
fieldset[disabled] .textarea::-webkit-input-placeholder {
    color: var(--bulma-input-disabled-placeholder-color)
}

.select select[disabled]:-moz-placeholder,
[disabled].input:-moz-placeholder,
[disabled].textarea:-moz-placeholder,
fieldset[disabled] .select select:-moz-placeholder,
.select fieldset[disabled] select:-moz-placeholder,
fieldset[disabled] .input:-moz-placeholder,
fieldset[disabled] .textarea:-moz-placeholder {
    color: var(--bulma-input-disabled-placeholder-color)
}

.select select[disabled]:-ms-input-placeholder,
[disabled].input:-ms-input-placeholder,
[disabled].textarea:-ms-input-placeholder,
fieldset[disabled] .select select:-ms-input-placeholder,
.select fieldset[disabled] select:-ms-input-placeholder,
fieldset[disabled] .input:-ms-input-placeholder,
fieldset[disabled] .textarea:-ms-input-placeholder {
    color: var(--bulma-input-disabled-placeholder-color)
}

.textarea,
.input {
    --bulma-input-h: var(--bulma-scheme-h);
    --bulma-input-s: var(--bulma-scheme-s);
    --bulma-input-border-style: solid;
    --bulma-input-border-width: 1px;
    --bulma-input-border-l: var(--bulma-border-l);
    box-shadow: inset 0 .0625em .125em hsla(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-l), .05);
    max-width: 100%;
    width: 100%
}

[readonly].textarea,
[readonly].input {
    box-shadow: none
}

.is-white.textarea,
.is-white.input {
    --bulma-input-h: var(--bulma-white-h);
    --bulma-input-s: var(--bulma-white-s);
    --bulma-input-l: var(--bulma-white-l);
    --bulma-input-focus-h: var(--bulma-white-h);
    --bulma-input-focus-s: var(--bulma-white-s);
    --bulma-input-focus-l: var(--bulma-white-l);
    --bulma-input-border-l: var(--bulma-white-l)
}

.is-black.textarea,
.is-black.input {
    --bulma-input-h: var(--bulma-black-h);
    --bulma-input-s: var(--bulma-black-s);
    --bulma-input-l: var(--bulma-black-l);
    --bulma-input-focus-h: var(--bulma-black-h);
    --bulma-input-focus-s: var(--bulma-black-s);
    --bulma-input-focus-l: var(--bulma-black-l);
    --bulma-input-border-l: var(--bulma-black-l)
}

.is-light.textarea,
.is-light.input {
    --bulma-input-h: var(--bulma-light-h);
    --bulma-input-s: var(--bulma-light-s);
    --bulma-input-l: var(--bulma-light-l);
    --bulma-input-focus-h: var(--bulma-light-h);
    --bulma-input-focus-s: var(--bulma-light-s);
    --bulma-input-focus-l: var(--bulma-light-l);
    --bulma-input-border-l: var(--bulma-light-l)
}

.is-dark.textarea,
.is-dark.input {
    --bulma-input-h: var(--bulma-dark-h);
    --bulma-input-s: var(--bulma-dark-s);
    --bulma-input-l: var(--bulma-dark-l);
    --bulma-input-focus-h: var(--bulma-dark-h);
    --bulma-input-focus-s: var(--bulma-dark-s);
    --bulma-input-focus-l: var(--bulma-dark-l);
    --bulma-input-border-l: var(--bulma-dark-l)
}

.is-text.textarea,
.is-text.input {
    --bulma-input-h: var(--bulma-text-h);
    --bulma-input-s: var(--bulma-text-s);
    --bulma-input-l: var(--bulma-text-l);
    --bulma-input-focus-h: var(--bulma-text-h);
    --bulma-input-focus-s: var(--bulma-text-s);
    --bulma-input-focus-l: var(--bulma-text-l);
    --bulma-input-border-l: var(--bulma-text-l)
}

.is-primary.textarea,
.is-primary.input {
    --bulma-input-h: var(--bulma-primary-h);
    --bulma-input-s: var(--bulma-primary-s);
    --bulma-input-l: var(--bulma-primary-l);
    --bulma-input-focus-h: var(--bulma-primary-h);
    --bulma-input-focus-s: var(--bulma-primary-s);
    --bulma-input-focus-l: var(--bulma-primary-l);
    --bulma-input-border-l: var(--bulma-primary-l)
}

.is-link.textarea,
.is-link.input {
    --bulma-input-h: var(--bulma-link-h);
    --bulma-input-s: var(--bulma-link-s);
    --bulma-input-l: var(--bulma-link-l);
    --bulma-input-focus-h: var(--bulma-link-h);
    --bulma-input-focus-s: var(--bulma-link-s);
    --bulma-input-focus-l: var(--bulma-link-l);
    --bulma-input-border-l: var(--bulma-link-l)
}

.is-info.textarea,
.is-info.input {
    --bulma-input-h: var(--bulma-info-h);
    --bulma-input-s: var(--bulma-info-s);
    --bulma-input-l: var(--bulma-info-l);
    --bulma-input-focus-h: var(--bulma-info-h);
    --bulma-input-focus-s: var(--bulma-info-s);
    --bulma-input-focus-l: var(--bulma-info-l);
    --bulma-input-border-l: var(--bulma-info-l)
}

.is-success.textarea,
.is-success.input {
    --bulma-input-h: var(--bulma-success-h);
    --bulma-input-s: var(--bulma-success-s);
    --bulma-input-l: var(--bulma-success-l);
    --bulma-input-focus-h: var(--bulma-success-h);
    --bulma-input-focus-s: var(--bulma-success-s);
    --bulma-input-focus-l: var(--bulma-success-l);
    --bulma-input-border-l: var(--bulma-success-l)
}

.is-warning.textarea,
.is-warning.input {
    --bulma-input-h: var(--bulma-warning-h);
    --bulma-input-s: var(--bulma-warning-s);
    --bulma-input-l: var(--bulma-warning-l);
    --bulma-input-focus-h: var(--bulma-warning-h);
    --bulma-input-focus-s: var(--bulma-warning-s);
    --bulma-input-focus-l: var(--bulma-warning-l);
    --bulma-input-border-l: var(--bulma-warning-l)
}

.is-danger.textarea,
.is-danger.input {
    --bulma-input-h: var(--bulma-danger-h);
    --bulma-input-s: var(--bulma-danger-s);
    --bulma-input-l: var(--bulma-danger-l);
    --bulma-input-focus-h: var(--bulma-danger-h);
    --bulma-input-focus-s: var(--bulma-danger-s);
    --bulma-input-focus-l: var(--bulma-danger-l);
    --bulma-input-border-l: var(--bulma-danger-l)
}

.is-small.textarea,
.is-small.input {
    border-radius: var(--bulma-radius-small);
    font-size: var(--bulma-size-small)
}

.is-medium.textarea,
.is-medium.input {
    font-size: var(--bulma-size-medium)
}

.is-large.textarea,
.is-large.input {
    font-size: var(--bulma-size-large)
}

.is-fullwidth.textarea,
.is-fullwidth.input {
    display: block;
    width: 100%
}

.is-inline.textarea,
.is-inline.input {
    display: inline;
    width: auto
}

.input.is-rounded {
    border-radius: var(--bulma-radius-rounded);
    padding-left: calc(1.125em - 1px);
    padding-right: calc(1.125em - 1px)
}

.input.is-static {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
    padding-left: 0;
    padding-right: 0
}

.textarea {
    --bulma-textarea-padding: var(--bulma-control-padding-horizontal);
    --bulma-textarea-max-height: 40em;
    --bulma-textarea-min-height: 8em;
    display: block;
    max-width: 100%;
    min-width: 100%;
    padding: var(--bulma-textarea-padding);
    resize: vertical
}

.textarea:not([rows]) {
    max-height: var(--bulma-textarea-max-height);
    min-height: var(--bulma-textarea-min-height)
}

.textarea[rows] {
    height: initial
}

.textarea.has-fixed-size {
    resize: none
}

.radio,
.checkbox {
    cursor: pointer;
    display: inline-block;
    line-height: 1.25;
    position: relative
}

.radio input,
.checkbox input {
    cursor: pointer
}

[disabled].radio,
[disabled].checkbox,
fieldset[disabled] .radio,
fieldset[disabled] .checkbox,
.radio input[disabled],
.checkbox input[disabled] {
    color: var(--bulma-text-weak);
    cursor: not-allowed
}

.radio+.radio {
    margin-inline-start: .5em
}

.select {
    --bulma-input-h: var(--bulma-scheme-h);
    --bulma-input-s: var(--bulma-scheme-s);
    --bulma-input-border-style: solid;
    --bulma-input-border-width: 1px;
    --bulma-input-border-l: var(--bulma-border-l);
    display: inline-block;
    max-width: 100%;
    position: relative;
    vertical-align: top
}

.select:not(.is-multiple) {
    height: var(--bulma-control-height)
}

.select:not(.is-multiple):not(.is-loading):after {
    inset-inline-end: 1.125em;
    z-index: 4
}

.select.is-rounded select {
    border-radius: var(--bulma-radius-rounded);
    padding-inline-start: 1em
}

.select select {
    cursor: pointer;
    display: block;
    font-size: 1em;
    max-width: 100%;
    outline: none
}

.select select::-ms-expand {
    display: none
}

.select select[disabled]:hover,
fieldset[disabled] .select select:hover {
    border-color: var(--bulma-background)
}

.select select:not([multiple]) {
    padding-inline-end: 2.5em
}

.select select[multiple] {
    height: auto;
    padding: 0
}

.select select[multiple] option {
    padding: .5em 1em
}

.select.is-white {
    --bulma-input-h: var(--bulma-white-h);
    --bulma-input-s: var(--bulma-white-s);
    --bulma-input-l: var(--bulma-white-l);
    --bulma-input-focus-h: var(--bulma-white-h);
    --bulma-input-focus-s: var(--bulma-white-s);
    --bulma-input-focus-l: var(--bulma-white-l);
    --bulma-input-border-l: var(--bulma-white-l)
}

.select.is-black {
    --bulma-input-h: var(--bulma-black-h);
    --bulma-input-s: var(--bulma-black-s);
    --bulma-input-l: var(--bulma-black-l);
    --bulma-input-focus-h: var(--bulma-black-h);
    --bulma-input-focus-s: var(--bulma-black-s);
    --bulma-input-focus-l: var(--bulma-black-l);
    --bulma-input-border-l: var(--bulma-black-l)
}

.select.is-light {
    --bulma-input-h: var(--bulma-light-h);
    --bulma-input-s: var(--bulma-light-s);
    --bulma-input-l: var(--bulma-light-l);
    --bulma-input-focus-h: var(--bulma-light-h);
    --bulma-input-focus-s: var(--bulma-light-s);
    --bulma-input-focus-l: var(--bulma-light-l);
    --bulma-input-border-l: var(--bulma-light-l)
}

.select.is-dark {
    --bulma-input-h: var(--bulma-dark-h);
    --bulma-input-s: var(--bulma-dark-s);
    --bulma-input-l: var(--bulma-dark-l);
    --bulma-input-focus-h: var(--bulma-dark-h);
    --bulma-input-focus-s: var(--bulma-dark-s);
    --bulma-input-focus-l: var(--bulma-dark-l);
    --bulma-input-border-l: var(--bulma-dark-l)
}

.select.is-text {
    --bulma-input-h: var(--bulma-text-h);
    --bulma-input-s: var(--bulma-text-s);
    --bulma-input-l: var(--bulma-text-l);
    --bulma-input-focus-h: var(--bulma-text-h);
    --bulma-input-focus-s: var(--bulma-text-s);
    --bulma-input-focus-l: var(--bulma-text-l);
    --bulma-input-border-l: var(--bulma-text-l)
}

.select.is-primary {
    --bulma-input-h: var(--bulma-primary-h);
    --bulma-input-s: var(--bulma-primary-s);
    --bulma-input-l: var(--bulma-primary-l);
    --bulma-input-focus-h: var(--bulma-primary-h);
    --bulma-input-focus-s: var(--bulma-primary-s);
    --bulma-input-focus-l: var(--bulma-primary-l);
    --bulma-input-border-l: var(--bulma-primary-l)
}

.select.is-link {
    --bulma-input-h: var(--bulma-link-h);
    --bulma-input-s: var(--bulma-link-s);
    --bulma-input-l: var(--bulma-link-l);
    --bulma-input-focus-h: var(--bulma-link-h);
    --bulma-input-focus-s: var(--bulma-link-s);
    --bulma-input-focus-l: var(--bulma-link-l);
    --bulma-input-border-l: var(--bulma-link-l)
}

.select.is-info {
    --bulma-input-h: var(--bulma-info-h);
    --bulma-input-s: var(--bulma-info-s);
    --bulma-input-l: var(--bulma-info-l);
    --bulma-input-focus-h: var(--bulma-info-h);
    --bulma-input-focus-s: var(--bulma-info-s);
    --bulma-input-focus-l: var(--bulma-info-l);
    --bulma-input-border-l: var(--bulma-info-l)
}

.select.is-success {
    --bulma-input-h: var(--bulma-success-h);
    --bulma-input-s: var(--bulma-success-s);
    --bulma-input-l: var(--bulma-success-l);
    --bulma-input-focus-h: var(--bulma-success-h);
    --bulma-input-focus-s: var(--bulma-success-s);
    --bulma-input-focus-l: var(--bulma-success-l);
    --bulma-input-border-l: var(--bulma-success-l)
}

.select.is-warning {
    --bulma-input-h: var(--bulma-warning-h);
    --bulma-input-s: var(--bulma-warning-s);
    --bulma-input-l: var(--bulma-warning-l);
    --bulma-input-focus-h: var(--bulma-warning-h);
    --bulma-input-focus-s: var(--bulma-warning-s);
    --bulma-input-focus-l: var(--bulma-warning-l);
    --bulma-input-border-l: var(--bulma-warning-l)
}

.select.is-danger {
    --bulma-input-h: var(--bulma-danger-h);
    --bulma-input-s: var(--bulma-danger-s);
    --bulma-input-l: var(--bulma-danger-l);
    --bulma-input-focus-h: var(--bulma-danger-h);
    --bulma-input-focus-s: var(--bulma-danger-s);
    --bulma-input-focus-l: var(--bulma-danger-l);
    --bulma-input-border-l: var(--bulma-danger-l)
}

.select.is-small {
    border-radius: var(--bulma-radius-small);
    font-size: var(--bulma-size-small)
}

.select.is-medium {
    font-size: var(--bulma-size-medium)
}

.select.is-large {
    font-size: var(--bulma-size-large)
}

.select.is-disabled:after {
    border-color: var(--bulma-text-weak) !important;
    opacity: .5
}

.select.is-fullwidth,
.select.is-fullwidth select {
    width: 100%
}

.select.is-loading:after {
    inset-inline-end: .625em;
    margin-top: 0;
    position: absolute;
    top: .625em;
    transform: none
}

.select.is-loading.is-small:after {
    font-size: var(--bulma-size-small)
}

.select.is-loading.is-medium:after {
    font-size: var(--bulma-size-medium)
}

.select.is-loading.is-large:after {
    font-size: var(--bulma-size-large)
}

.file {
    --bulma-file-radius: var(--bulma-radius);
    --bulma-file-name-border-color: var(--bulma-border);
    --bulma-file-name-border-style: solid;
    --bulma-file-name-border-width: 1px 1px 1px 0;
    --bulma-file-name-max-width: 16em;
    --bulma-file-h: var(--bulma-scheme-h);
    --bulma-file-s: var(--bulma-scheme-s);
    --bulma-file-background-l: var(--bulma-scheme-main-ter-l);
    --bulma-file-background-l-delta: 0%;
    --bulma-file-hover-background-l-delta: -5%;
    --bulma-file-active-background-l-delta: -10%;
    --bulma-file-border-l: var(--bulma-border-l);
    --bulma-file-border-l-delta: 0%;
    --bulma-file-hover-border-l-delta: -10%;
    --bulma-file-active-border-l-delta: -20%;
    --bulma-file-cta-color-l: var(--bulma-text-strong-l);
    --bulma-file-name-color-l: var(--bulma-text-strong-l);
    --bulma-file-color-l-delta: 0%;
    --bulma-file-hover-color-l-delta: -5%;
    --bulma-file-active-color-l-delta: -10%;
    align-items: stretch;
    display: flex;
    justify-content: flex-start;
    position: relative
}

.file.is-white {
    --bulma-file-h: var(--bulma-white-h);
    --bulma-file-s: var(--bulma-white-s);
    --bulma-file-background-l: var(--bulma-white-l);
    --bulma-file-border-l: var(--bulma-white-l);
    --bulma-file-cta-color-l: var(--bulma-white-invert-l);
    --bulma-file-name-color-l: var(--bulma-white-on-scheme-l)
}

.file.is-black {
    --bulma-file-h: var(--bulma-black-h);
    --bulma-file-s: var(--bulma-black-s);
    --bulma-file-background-l: var(--bulma-black-l);
    --bulma-file-border-l: var(--bulma-black-l);
    --bulma-file-cta-color-l: var(--bulma-black-invert-l);
    --bulma-file-name-color-l: var(--bulma-black-on-scheme-l)
}

.file.is-light {
    --bulma-file-h: var(--bulma-light-h);
    --bulma-file-s: var(--bulma-light-s);
    --bulma-file-background-l: var(--bulma-light-l);
    --bulma-file-border-l: var(--bulma-light-l);
    --bulma-file-cta-color-l: var(--bulma-light-invert-l);
    --bulma-file-name-color-l: var(--bulma-light-on-scheme-l)
}

.file.is-dark {
    --bulma-file-h: var(--bulma-dark-h);
    --bulma-file-s: var(--bulma-dark-s);
    --bulma-file-background-l: var(--bulma-dark-l);
    --bulma-file-border-l: var(--bulma-dark-l);
    --bulma-file-cta-color-l: var(--bulma-dark-invert-l);
    --bulma-file-name-color-l: var(--bulma-dark-on-scheme-l)
}

.file.is-text {
    --bulma-file-h: var(--bulma-text-h);
    --bulma-file-s: var(--bulma-text-s);
    --bulma-file-background-l: var(--bulma-text-l);
    --bulma-file-border-l: var(--bulma-text-l);
    --bulma-file-cta-color-l: var(--bulma-text-invert-l);
    --bulma-file-name-color-l: var(--bulma-text-on-scheme-l)
}

.file.is-primary {
    --bulma-file-h: var(--bulma-primary-h);
    --bulma-file-s: var(--bulma-primary-s);
    --bulma-file-background-l: var(--bulma-primary-l);
    --bulma-file-border-l: var(--bulma-primary-l);
    --bulma-file-cta-color-l: var(--bulma-primary-invert-l);
    --bulma-file-name-color-l: var(--bulma-primary-on-scheme-l)
}

.file.is-link {
    --bulma-file-h: var(--bulma-link-h);
    --bulma-file-s: var(--bulma-link-s);
    --bulma-file-background-l: var(--bulma-link-l);
    --bulma-file-border-l: var(--bulma-link-l);
    --bulma-file-cta-color-l: var(--bulma-link-invert-l);
    --bulma-file-name-color-l: var(--bulma-link-on-scheme-l)
}

.file.is-info {
    --bulma-file-h: var(--bulma-info-h);
    --bulma-file-s: var(--bulma-info-s);
    --bulma-file-background-l: var(--bulma-info-l);
    --bulma-file-border-l: var(--bulma-info-l);
    --bulma-file-cta-color-l: var(--bulma-info-invert-l);
    --bulma-file-name-color-l: var(--bulma-info-on-scheme-l)
}

.file.is-success {
    --bulma-file-h: var(--bulma-success-h);
    --bulma-file-s: var(--bulma-success-s);
    --bulma-file-background-l: var(--bulma-success-l);
    --bulma-file-border-l: var(--bulma-success-l);
    --bulma-file-cta-color-l: var(--bulma-success-invert-l);
    --bulma-file-name-color-l: var(--bulma-success-on-scheme-l)
}

.file.is-warning {
    --bulma-file-h: var(--bulma-warning-h);
    --bulma-file-s: var(--bulma-warning-s);
    --bulma-file-background-l: var(--bulma-warning-l);
    --bulma-file-border-l: var(--bulma-warning-l);
    --bulma-file-cta-color-l: var(--bulma-warning-invert-l);
    --bulma-file-name-color-l: var(--bulma-warning-on-scheme-l)
}

.file.is-danger {
    --bulma-file-h: var(--bulma-danger-h);
    --bulma-file-s: var(--bulma-danger-s);
    --bulma-file-background-l: var(--bulma-danger-l);
    --bulma-file-border-l: var(--bulma-danger-l);
    --bulma-file-cta-color-l: var(--bulma-danger-invert-l);
    --bulma-file-name-color-l: var(--bulma-danger-on-scheme-l)
}

.file.is-small {
    font-size: var(--bulma-size-small)
}

.file.is-normal {
    font-size: var(--bulma-size-normal)
}

.file.is-medium {
    font-size: var(--bulma-size-medium)
}

.file.is-medium .file-icon .fa {
    font-size: 1.5rem
}

.file.is-large {
    font-size: var(--bulma-size-large)
}

.file.is-large .file-icon .fa {
    font-size: 2rem
}

.file.has-name .file-cta {
    border-end-end-radius: 0;
    border-start-end-radius: 0
}

.file.has-name .file-name {
    border-end-start-radius: 0;
    border-start-start-radius: 0
}

.file.has-name.is-empty .file-cta {
    border-radius: var(--bulma-file-radius)
}

.file.has-name.is-empty .file-name {
    display: none
}

.file.is-boxed .file-label {
    flex-direction: column
}

.file.is-boxed .file-cta {
    flex-direction: column;
    height: auto;
    padding: 1em 3em
}

.file.is-boxed .file-name {
    border-width: 0 1px 1px
}

.file.is-boxed .file-icon {
    height: 1.5em;
    width: 1.5em
}

.file.is-boxed .file-icon .fa {
    font-size: 1.5rem
}

.file.is-boxed.is-small .file-icon .fa {
    font-size: 1rem
}

.file.is-boxed.is-medium .file-icon .fa {
    font-size: 2rem
}

.file.is-boxed.is-large .file-icon .fa {
    font-size: 2.5rem
}

.file.is-boxed.has-name .file-cta {
    border-end-end-radius: 0;
    border-end-start-radius: 0;
    border-start-end-radius: var(--bulma-file-radius);
    border-start-start-radius: var(--bulma-file-radius)
}

.file.is-boxed.has-name .file-name {
    border-end-end-radius: var(--bulma-file-radius);
    border-end-start-radius: var(--bulma-file-radius);
    border-start-end-radius: 0;
    border-start-start-radius: 0;
    border-width: 0 1px 1px
}

.file.is-centered {
    justify-content: center
}

.file.is-fullwidth .file-label {
    width: 100%
}

.file.is-fullwidth .file-name {
    flex-grow: 1;
    max-width: none
}

.file.is-right {
    justify-content: flex-end
}

.file.is-right .file-cta {
    border-radius: 0 var(--bulma-file-radius) var(--bulma-file-radius) 0
}

.file.is-right .file-name {
    border-radius: var(--bulma-file-radius) 0 0 var(--bulma-file-radius);
    border-width: 1px 0 1px 1px;
    order: -1
}

.file-label {
    align-items: stretch;
    display: flex;
    cursor: pointer;
    justify-content: flex-start;
    overflow: hidden;
    position: relative
}

.file-label:hover {
    --bulma-file-background-l-delta: var(--bulma-file-hover-background-l-delta);
    --bulma-file-border-l-delta: var(--bulma-file-hover-border-l-delta);
    --bulma-file-color-l-delta: var(--bulma-file-hover-color-l-delta)
}

.file-label:active {
    --bulma-file-background-l-delta: var(--bulma-file-active-background-l-delta);
    --bulma-file-border-l-delta: var(--bulma-file-active-border-l-delta);
    --bulma-file-color-l-delta: var(--bulma-file-active-color-l-delta)
}

.file-input {
    height: 100%;
    left: 0;
    opacity: 0;
    outline: none;
    position: absolute;
    top: 0;
    width: 100%
}

.file-cta,
.file-name {
    border-color: hsl(var(--bulma-file-h), var(--bulma-file-s), calc(var(--bulma-file-border-l) + var(--bulma-file-border-l-delta)));
    border-radius: var(--bulma-file-radius);
    font-size: 1em;
    padding-left: 1em;
    padding-right: 1em;
    white-space: nowrap
}

.file-cta {
    background-color: hsl(var(--bulma-file-h), var(--bulma-file-s), calc(var(--bulma-file-background-l) + var(--bulma-file-background-l-delta)));
    color: hsl(var(--bulma-file-h), var(--bulma-file-s), calc(var(--bulma-file-cta-color-l) + var(--bulma-file-color-l-delta)))
}

.file-name {
    border-color: hsl(var(--bulma-file-h), var(--bulma-file-s), calc(var(--bulma-file-border-l) + var(--bulma-file-color-l-delta)));
    border-style: var(--bulma-file-name-border-style);
    border-width: var(--bulma-file-name-border-width);
    color: hsl(var(--bulma-file-h), var(--bulma-file-s), calc(var(--bulma-file-name-color-l) + var(--bulma-file-color-l-delta)));
    display: block;
    max-width: var(--bulma-file-name-max-width);
    overflow: hidden;
    text-align: inherit;
    text-overflow: ellipsis
}

.file-icon {
    align-items: center;
    display: flex;
    height: 1em;
    justify-content: center;
    margin-inline-end: .5em;
    width: 1em
}

.file-icon .fa {
    font-size: 1rem
}

.label {
    color: var(--bulma-text-strong);
    display: block;
    font-size: var(--bulma-size-normal);
    font-weight: var(--bulma-weight-semibold)
}

.label:not(:last-child) {
    margin-bottom: .5em
}

.label.is-small {
    font-size: var(--bulma-size-small)
}

.label.is-medium {
    font-size: var(--bulma-size-medium)
}

.label.is-large {
    font-size: var(--bulma-size-large)
}

.help {
    display: block;
    font-size: var(--bulma-size-small);
    margin-top: .25rem
}

.help.is-white {
    color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-on-scheme-l))
}

.help.is-black {
    color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-on-scheme-l))
}

.help.is-light {
    color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-on-scheme-l))
}

.help.is-dark {
    color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-on-scheme-l))
}

.help.is-text {
    color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-on-scheme-l))
}

.help.is-primary {
    color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-on-scheme-l))
}

.help.is-link {
    color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-on-scheme-l))
}

.help.is-info {
    color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-on-scheme-l))
}

.help.is-success {
    color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-on-scheme-l))
}

.help.is-warning {
    color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-on-scheme-l))
}

.help.is-danger {
    color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-on-scheme-l))
}

.field {
    --bulma-block-spacing: .75rem
}

.field.has-addons {
    display: flex;
    justify-content: flex-start
}

.field.has-addons .control:not(:last-child) {
    margin-inline-end: -1px
}

.field.has-addons .control:not(:first-child):not(:last-child) .button,
.field.has-addons .control:not(:first-child):not(:last-child) .input,
.field.has-addons .control:not(:first-child):not(:last-child) .select select {
    border-radius: 0
}

.field.has-addons .control:first-child:not(:only-child) .button,
.field.has-addons .control:first-child:not(:only-child) .input,
.field.has-addons .control:first-child:not(:only-child) .select select {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.field.has-addons .control:last-child:not(:only-child) .button,
.field.has-addons .control:last-child:not(:only-child) .input,
.field.has-addons .control:last-child:not(:only-child) .select select {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.field.has-addons .control .button:not([disabled]):hover,
.field.has-addons .control .button:not([disabled]).is-hovered,
.field.has-addons .control .input:not([disabled]):hover,
.field.has-addons .control .input:not([disabled]).is-hovered,
.field.has-addons .control .select select:not([disabled]):hover,
.field.has-addons .control .select select:not([disabled]).is-hovered {
    z-index: 2
}

.field.has-addons .control .button:not([disabled]):focus,
.field.has-addons .control .button:not([disabled]).is-focused,
.field.has-addons .control .button:not([disabled]):active,
.field.has-addons .control .button:not([disabled]).is-active,
.field.has-addons .control .input:not([disabled]):focus,
.field.has-addons .control .input:not([disabled]).is-focused,
.field.has-addons .control .input:not([disabled]):active,
.field.has-addons .control .input:not([disabled]).is-active,
.field.has-addons .control .select select:not([disabled]):focus,
.field.has-addons .control .select select:not([disabled]).is-focused,
.field.has-addons .control .select select:not([disabled]):active,
.field.has-addons .control .select select:not([disabled]).is-active {
    z-index: 3
}

.field.has-addons .control .button:not([disabled]):focus:hover,
.field.has-addons .control .button:not([disabled]).is-focused:hover,
.field.has-addons .control .button:not([disabled]):active:hover,
.field.has-addons .control .button:not([disabled]).is-active:hover,
.field.has-addons .control .input:not([disabled]):focus:hover,
.field.has-addons .control .input:not([disabled]).is-focused:hover,
.field.has-addons .control .input:not([disabled]):active:hover,
.field.has-addons .control .input:not([disabled]).is-active:hover,
.field.has-addons .control .select select:not([disabled]):focus:hover,
.field.has-addons .control .select select:not([disabled]).is-focused:hover,
.field.has-addons .control .select select:not([disabled]):active:hover,
.field.has-addons .control .select select:not([disabled]).is-active:hover {
    z-index: 4
}

.field.has-addons .control.is-expanded {
    flex-grow: 1;
    flex-shrink: 1
}

.field.has-addons.has-addons-centered {
    justify-content: center
}

.field.has-addons.has-addons-right {
    justify-content: flex-end
}

.field.has-addons.has-addons-fullwidth .control {
    flex-grow: 1;
    flex-shrink: 0
}

.field.is-grouped {
    display: flex;
    gap: .75rem;
    justify-content: flex-start
}

.field.is-grouped>.control {
    flex-shrink: 0
}

.field.is-grouped>.control.is-expanded {
    flex-grow: 1;
    flex-shrink: 1
}

.field.is-grouped.is-grouped-centered {
    justify-content: center
}

.field.is-grouped.is-grouped-right {
    justify-content: flex-end
}

.field.is-grouped.is-grouped-multiline {
    flex-wrap: wrap
}

@media screen and (min-width: 769px),
print {
    .field.is-horizontal {
        display: flex
    }
}

.field-label .label {
    font-size: inherit
}

@media screen and (max-width: 768px) {
    .field-label {
        margin-bottom: .5rem
    }
}

@media screen and (min-width: 769px),
print {
    .field-label {
        flex-basis: 0;
        flex-grow: 1;
        flex-shrink: 0;
        margin-inline-end: 1.5rem;
        text-align: right
    }

    .field-label.is-small {
        font-size: var(--bulma-size-small);
        padding-top: .375em
    }

    .field-label.is-normal {
        padding-top: .375em
    }

    .field-label.is-medium {
        font-size: var(--bulma-size-medium);
        padding-top: .375em
    }

    .field-label.is-large {
        font-size: var(--bulma-size-large);
        padding-top: .375em
    }
}

.field-body .field .field {
    margin-bottom: 0
}

@media screen and (min-width: 769px),
print {
    .field-body {
        display: flex;
        flex-basis: 0;
        flex-grow: 5;
        flex-shrink: 1
    }

    .field-body .field {
        margin-bottom: 0
    }

    .field-body>.field {
        flex-shrink: 1
    }

    .field-body>.field:not(.is-narrow) {
        flex-grow: 1
    }

    .field-body>.field:not(:last-child) {
        margin-inline-end: .75rem
    }
}

.control {
    box-sizing: border-box;
    clear: both;
    font-size: var(--bulma-size-normal);
    position: relative;
    text-align: inherit
}

.control.has-icons-left .input:hover~.icon,
.control.has-icons-left .select:hover~.icon,
.control.has-icons-right .input:hover~.icon,
.control.has-icons-right .select:hover~.icon {
    color: var(--bulma-input-icon-hover-color)
}

.control.has-icons-left .input:focus~.icon,
.control.has-icons-left .select:focus~.icon,
.control.has-icons-right .input:focus~.icon,
.control.has-icons-right .select:focus~.icon {
    color: var(--bulma-input-icon-focus-color)
}

.control.has-icons-left .input.is-small~.icon,
.control.has-icons-left .select.is-small~.icon,
.control.has-icons-right .input.is-small~.icon,
.control.has-icons-right .select.is-small~.icon {
    font-size: var(--bulma-size-small)
}

.control.has-icons-left .input.is-medium~.icon,
.control.has-icons-left .select.is-medium~.icon,
.control.has-icons-right .input.is-medium~.icon,
.control.has-icons-right .select.is-medium~.icon {
    font-size: var(--bulma-size-medium)
}

.control.has-icons-left .input.is-large~.icon,
.control.has-icons-left .select.is-large~.icon,
.control.has-icons-right .input.is-large~.icon,
.control.has-icons-right .select.is-large~.icon {
    font-size: var(--bulma-size-large)
}

.control.has-icons-left .icon,
.control.has-icons-right .icon {
    color: var(--bulma-input-icon-color);
    height: var(--bulma-input-height);
    pointer-events: none;
    position: absolute;
    top: 0;
    width: var(--bulma-input-height);
    z-index: 4
}

.control.has-icons-left .input,
.control.has-icons-left .select select {
    padding-left: var(--bulma-input-height)
}

.control.has-icons-left .icon.is-left {
    left: 0
}

.control.has-icons-right .input,
.control.has-icons-right .select select {
    padding-right: var(--bulma-input-height)
}

.control.has-icons-right .icon.is-right {
    right: 0
}

.control.is-loading:after {
    inset-inline-end: .75em;
    position: absolute !important;
    top: .75em;
    z-index: 4
}

.control.is-loading.is-small:after {
    font-size: var(--bulma-size-small)
}

.control.is-loading.is-medium:after {
    font-size: var(--bulma-size-medium)
}

.control.is-loading.is-large:after {
    font-size: var(--bulma-size-large)
}

:root {
    --bulma-column-gap: .75rem
}

.column {
    display: block;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1;
    padding: .75rem
}

.columns.is-mobile>.column.is-narrow {
    flex: none;
    width: unset
}

.columns.is-mobile>.column.is-full {
    flex: none;
    width: 100%
}

.columns.is-mobile>.column.is-three-quarters {
    flex: none;
    width: 75%
}

.columns.is-mobile>.column.is-two-thirds {
    flex: none;
    width: 66.6666%
}

.columns.is-mobile>.column.is-half {
    flex: none;
    width: 50%
}

.columns.is-mobile>.column.is-one-third {
    flex: none;
    width: 33.3333%
}

.columns.is-mobile>.column.is-one-quarter {
    flex: none;
    width: 25%
}

.columns.is-mobile>.column.is-one-fifth {
    flex: none;
    width: 20%
}

.columns.is-mobile>.column.is-two-fifths {
    flex: none;
    width: 40%
}

.columns.is-mobile>.column.is-three-fifths {
    flex: none;
    width: 60%
}

.columns.is-mobile>.column.is-four-fifths {
    flex: none;
    width: 80%
}

.columns.is-mobile>.column.is-offset-three-quarters {
    margin-inline-start: 75%
}

.columns.is-mobile>.column.is-offset-two-thirds {
    margin-inline-start: 66.6666%
}

.columns.is-mobile>.column.is-offset-half {
    margin-inline-start: 50%
}

.columns.is-mobile>.column.is-offset-one-third {
    margin-inline-start: .3333%
}

.columns.is-mobile>.column.is-offset-one-quarter {
    margin-inline-start: 25%
}

.columns.is-mobile>.column.is-offset-one-fifth {
    margin-inline-start: 20%
}

.columns.is-mobile>.column.is-offset-two-fifths {
    margin-inline-start: 40%
}

.columns.is-mobile>.column.is-offset-three-fifths {
    margin-inline-start: 60%
}

.columns.is-mobile>.column.is-offset-four-fifths {
    margin-inline-start: 80%
}

.columns.is-mobile>.column.is-0 {
    flex: none;
    width: calc(0% - var(--bulma-column-gap) / 2)
}

.columns.is-mobile>.column.is-offset-0 {
    margin-inline-start: 0%
}

.columns.is-mobile>.column.is-1 {
    flex: none;
    width: calc(8.3333333333% - var(--bulma-column-gap) / 2)
}

.columns.is-mobile>.column.is-offset-1 {
    margin-inline-start: 8.3333333333%
}

.columns.is-mobile>.column.is-2 {
    flex: none;
    width: calc(16.6666666667% - var(--bulma-column-gap) / 2)
}

.columns.is-mobile>.column.is-offset-2 {
    margin-inline-start: 16.6666666667%
}

.columns.is-mobile>.column.is-3 {
    flex: none;
    width: calc(25% - var(--bulma-column-gap) / 2)
}

.columns.is-mobile>.column.is-offset-3 {
    margin-inline-start: 25%
}

.columns.is-mobile>.column.is-4 {
    flex: none;
    width: calc(33.3333333333% - var(--bulma-column-gap) / 2)
}

.columns.is-mobile>.column.is-offset-4 {
    margin-inline-start: 33.3333333333%
}

.columns.is-mobile>.column.is-5 {
    flex: none;
    width: calc(41.6666666667% - var(--bulma-column-gap) / 2)
}

.columns.is-mobile>.column.is-offset-5 {
    margin-inline-start: 41.6666666667%
}

.columns.is-mobile>.column.is-6 {
    flex: none;
    width: calc(50% - var(--bulma-column-gap) / 2)
}

.columns.is-mobile>.column.is-offset-6 {
    margin-inline-start: 50%
}

.columns.is-mobile>.column.is-7 {
    flex: none;
    width: calc(58.3333333333% - var(--bulma-column-gap) / 2)
}

.columns.is-mobile>.column.is-offset-7 {
    margin-inline-start: 58.3333333333%
}

.columns.is-mobile>.column.is-8 {
    flex: none;
    width: calc(66.6666666667% - var(--bulma-column-gap) / 2)
}

.columns.is-mobile>.column.is-offset-8 {
    margin-inline-start: 66.6666666667%
}

.columns.is-mobile>.column.is-9 {
    flex: none;
    width: calc(75% - var(--bulma-column-gap) / 2)
}

.columns.is-mobile>.column.is-offset-9 {
    margin-inline-start: 75%
}

.columns.is-mobile>.column.is-10 {
    flex: none;
    width: calc(83.3333333333% - var(--bulma-column-gap) / 2)
}

.columns.is-mobile>.column.is-offset-10 {
    margin-inline-start: 83.3333333333%
}

.columns.is-mobile>.column.is-11 {
    flex: none;
    width: calc(91.6666666667% - var(--bulma-column-gap) / 2)
}

.columns.is-mobile>.column.is-offset-11 {
    margin-inline-start: 91.6666666667%
}

.columns.is-mobile>.column.is-12 {
    flex: none;
    width: calc(100% - var(--bulma-column-gap) / 2)
}

.columns.is-mobile>.column.is-offset-12 {
    margin-inline-start: 100%
}

@media screen and (max-width: 768px) {
    .column.is-narrow-mobile {
        flex: none;
        width: unset
    }

    .column.is-full-mobile {
        flex: none;
        width: 100%
    }

    .column.is-three-quarters-mobile {
        flex: none;
        width: 75%
    }

    .column.is-two-thirds-mobile {
        flex: none;
        width: 66.6666%
    }

    .column.is-half-mobile {
        flex: none;
        width: 50%
    }

    .column.is-one-third-mobile {
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter-mobile {
        flex: none;
        width: 25%
    }

    .column.is-one-fifth-mobile {
        flex: none;
        width: 20%
    }

    .column.is-two-fifths-mobile {
        flex: none;
        width: 40%
    }

    .column.is-three-fifths-mobile {
        flex: none;
        width: 60%
    }

    .column.is-four-fifths-mobile {
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters-mobile {
        margin-inline-start: 75%
    }

    .column.is-offset-two-thirds-mobile {
        margin-inline-start: 66.6666%
    }

    .column.is-offset-half-mobile {
        margin-inline-start: 50%
    }

    .column.is-offset-one-third-mobile {
        margin-inline-start: .3333%
    }

    .column.is-offset-one-quarter-mobile {
        margin-inline-start: 25%
    }

    .column.is-offset-one-fifth-mobile {
        margin-inline-start: 20%
    }

    .column.is-offset-two-fifths-mobile {
        margin-inline-start: 40%
    }

    .column.is-offset-three-fifths-mobile {
        margin-inline-start: 60%
    }

    .column.is-offset-four-fifths-mobile {
        margin-inline-start: 80%
    }

    .column.is-0-mobile {
        flex: none;
        width: calc(0% - var(--bulma-column-gap) / 2)
    }

    .column.is-offset-0-mobile {
        margin-inline-start: 0%
    }

    .column.is-1-mobile {
        flex: none;
        width: calc(8.3333333333% - var(--bulma-column-gap) / 2)
    }

    .column.is-offset-1-mobile {
        margin-inline-start: 8.3333333333%
    }

    .column.is-2-mobile {
        flex: none;
        width: calc(16.6666666667% - var(--bulma-column-gap) / 2)
    }

    .column.is-offset-2-mobile {
        margin-inline-start: 16.6666666667%
    }

    .column.is-3-mobile {
        flex: none;
        width: calc(25% - var(--bulma-column-gap) / 2)
    }

    .column.is-offset-3-mobile {
        margin-inline-start: 25%
    }

    .column.is-4-mobile {
        flex: none;
        width: calc(33.3333333333% - var(--bulma-column-gap) / 2)
    }

    .column.is-offset-4-mobile {
        margin-inline-start: 33.3333333333%
    }

    .column.is-5-mobile {
        flex: none;
        width: calc(41.6666666667% - var(--bulma-column-gap) / 2)
    }

    .column.is-offset-5-mobile {
        margin-inline-start: 41.6666666667%
    }

    .column.is-6-mobile {
        flex: none;
        width: calc(50% - var(--bulma-column-gap) / 2)
    }

    .column.is-offset-6-mobile {
        margin-inline-start: 50%
    }

    .column.is-7-mobile {
        flex: none;
        width: calc(58.3333333333% - var(--bulma-column-gap) / 2)
    }

    .column.is-offset-7-mobile {
        margin-inline-start: 58.3333333333%
    }

    .column.is-8-mobile {
        flex: none;
        width: calc(66.6666666667% - var(--bulma-column-gap) / 2)
    }

    .column.is-offset-8-mobile {
        margin-inline-start: 66.6666666667%
    }

    .column.is-9-mobile {
        flex: none;
        width: calc(75% - var(--bulma-column-gap) / 2)
    }

    .column.is-offset-9-mobile {
        margin-inline-start: 75%
    }

    .column.is-10-mobile {
        flex: none;
        width: calc(83.3333333333% - var(--bulma-column-gap) / 2)
    }

    .column.is-offset-10-mobile {
        margin-inline-start: 83.3333333333%
    }

    .column.is-11-mobile {
        flex: none;
        width: calc(91.6666666667% - var(--bulma-column-gap) / 2)
    }

    .column.is-offset-11-mobile {
        margin-inline-start: 91.6666666667%
    }

    .column.is-12-mobile {
        flex: none;
        width: calc(100% - var(--bulma-column-gap) / 2)
    }

    .column.is-offset-12-mobile {
        margin-inline-start: 100%
    }
}

@media screen and (min-width: 769px),
print {

    .column.is-narrow,
    .column.is-narrow-tablet {
        flex: none;
        width: unset
    }

    .column.is-full,
    .column.is-full-tablet {
        flex: none;
        width: 100%
    }

    .column.is-three-quarters,
    .column.is-three-quarters-tablet {
        flex: none;
        width: 75%
    }

    .column.is-two-thirds,
    .column.is-two-thirds-tablet {
        flex: none;
        width: 66.6666%
    }

    .column.is-half,
    .column.is-half-tablet {
        flex: none;
        width: 50%
    }

    .column.is-one-third,
    .column.is-one-third-tablet {
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter,
    .column.is-one-quarter-tablet {
        flex: none;
        width: 25%
    }

    .column.is-one-fifth,
    .column.is-one-fifth-tablet {
        flex: none;
        width: 20%
    }

    .column.is-two-fifths,
    .column.is-two-fifths-tablet {
        flex: none;
        width: 40%
    }

    .column.is-three-fifths,
    .column.is-three-fifths-tablet {
        flex: none;
        width: 60%
    }

    .column.is-four-fifths,
    .column.is-four-fifths-tablet {
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters,
    .column.is-offset-three-quarters-tablet {
        margin-inline-start: 75%
    }

    .column.is-offset-two-thirds,
    .column.is-offset-two-thirds-tablet {
        margin-inline-start: 66.6666%
    }

    .column.is-offset-half,
    .column.is-offset-half-tablet {
        margin-inline-start: 50%
    }

    .column.is-offset-one-third,
    .column.is-offset-one-third-tablet {
        margin-inline-start: .3333%
    }

    .column.is-offset-one-quarter,
    .column.is-offset-one-quarter-tablet {
        margin-inline-start: 25%
    }

    .column.is-offset-one-fifth,
    .column.is-offset-one-fifth-tablet {
        margin-inline-start: 20%
    }

    .column.is-offset-two-fifths,
    .column.is-offset-two-fifths-tablet {
        margin-inline-start: 40%
    }

    .column.is-offset-three-fifths,
    .column.is-offset-three-fifths-tablet {
        margin-inline-start: 60%
    }

    .column.is-offset-four-fifths,
    .column.is-offset-four-fifths-tablet {
        margin-inline-start: 80%
    }

    .column.is-0,
    .column.is-0-tablet {
        flex: none;
        width: calc(0% - var(--bulma-column-gap) / 2)
    }

    .column.is-offset-0,
    .column.is-offset-0-tablet {
        margin-inline-start: 0%
    }

    .column.is-1,
    .column.is-1-tablet {
        flex: none;
        width: calc(8.3333333333% - var(--bulma-column-gap) / 2)
    }

    .column.is-offset-1,
    .column.is-offset-1-tablet {
        margin-inline-start: 8.3333333333%
    }

    .column.is-2,
    .column.is-2-tablet {
        flex: none;
        width: calc(16.6666666667% - var(--bulma-column-gap) / 2)
    }

    .column.is-offset-2,
    .column.is-offset-2-tablet {
        margin-inline-start: 16.6666666667%
    }

    .column.is-3,
    .column.is-3-tablet {
        flex: none;
        width: calc(25% - var(--bulma-column-gap) / 2)
    }

    .column.is-offset-3,
    .column.is-offset-3-tablet {
        margin-inline-start: 25%
    }

    .column.is-4,
    .column.is-4-tablet {
        flex: none;
        width: calc(33.3333333333% - var(--bulma-column-gap) / 2)
    }

    .column.is-offset-4,
    .column.is-offset-4-tablet {
        margin-inline-start: 33.3333333333%
    }

    .column.is-5,
    .column.is-5-tablet {
        flex: none;
        width: calc(41.6666666667% - var(--bulma-column-gap) / 2)
    }

    .column.is-offset-5,
    .column.is-offset-5-tablet {
        margin-inline-start: 41.6666666667%
    }

    .column.is-6,
    .column.is-6-tablet {
        flex: none;
        width: calc(50% - var(--bulma-column-gap) / 2)
    }

    .column.is-offset-6,
    .column.is-offset-6-tablet {
        margin-inline-start: 50%
    }

    .column.is-7,
    .column.is-7-tablet {
        flex: none;
        width: calc(58.3333333333% - var(--bulma-column-gap) / 2)
    }

    .column.is-offset-7,
    .column.is-offset-7-tablet {
        margin-inline-start: 58.3333333333%
    }

    .column.is-8,
    .column.is-8-tablet {
        flex: none;
        width: calc(66.6666666667% - var(--bulma-column-gap) / 2)
    }

    .column.is-offset-8,
    .column.is-offset-8-tablet {
        margin-inline-start: 66.6666666667%
    }

    .column.is-9,
    .column.is-9-tablet {
        flex: none;
        width: calc(75% - var(--bulma-column-gap) / 2)
    }

    .column.is-offset-9,
    .column.is-offset-9-tablet {
        margin-inline-start: 75%
    }

    .column.is-10,
    .column.is-10-tablet {
        flex: none;
        width: calc(83.3333333333% - var(--bulma-column-gap) / 2)
    }

    .column.is-offset-10,
    .column.is-offset-10-tablet {
        margin-inline-start: 83.3333333333%
    }

    .column.is-11,
    .column.is-11-tablet {
        flex: none;
        width: calc(91.6666666667% - var(--bulma-column-gap) / 2)
    }

    .column.is-offset-11,
    .column.is-offset-11-tablet {
        margin-inline-start: 91.6666666667%
    }

    .column.is-12,
    .column.is-12-tablet {
        flex: none;
        width: calc(100% - var(--bulma-column-gap) / 2)
    }

    .column.is-offset-12,
    .column.is-offset-12-tablet {
        margin-inline-start: 100%
    }
}

@media screen and (max-width: 1023px) {
    .column.is-narrow-touch {
        flex: none;
        width: unset
    }

    .column.is-full-touch {
        flex: none;
        width: 100%
    }

    .column.is-three-quarters-touch {
        flex: none;
        width: 75%
    }

    .column.is-two-thirds-touch {
        flex: none;
        width: 66.6666%
    }

    .column.is-half-touch {
        flex: none;
        width: 50%
    }

    .column.is-one-third-touch {
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter-touch {
        flex: none;
        width: 25%
    }

    .column.is-one-fifth-touch {
        flex: none;
        width: 20%
    }

    .column.is-two-fifths-touch {
        flex: none;
        width: 40%
    }

    .column.is-three-fifths-touch {
        flex: none;
        width: 60%
    }

    .column.is-four-fifths-touch {
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters-touch {
        margin-inline-start: 75%
    }

    .column.is-offset-two-thirds-touch {
        margin-inline-start: 66.6666%
    }

    .column.is-offset-half-touch {
        margin-inline-start: 50%
    }

    .column.is-offset-one-third-touch {
        margin-inline-start: .3333%
    }

    .column.is-offset-one-quarter-touch {
        margin-inline-start: 25%
    }

    .column.is-offset-one-fifth-touch {
        margin-inline-start: 20%
    }

    .column.is-offset-two-fifths-touch {
        margin-inline-start: 40%
    }

    .column.is-offset-three-fifths-touch {
        margin-inline-start: 60%
    }

    .column.is-offset-four-fifths-touch {
        margin-inline-start: 80%
    }

    .column.is-0-touch {
        flex: none;
        width: 0%
    }

    .column.is-offset-0-touch {
        margin-inline-start: 0%
    }

    .column.is-1-touch {
        flex: none;
        width: 8.3333333333%
    }

    .column.is-offset-1-touch {
        margin-inline-start: 8.3333333333%
    }

    .column.is-2-touch {
        flex: none;
        width: 16.6666666667%
    }

    .column.is-offset-2-touch {
        margin-inline-start: 16.6666666667%
    }

    .column.is-3-touch {
        flex: none;
        width: 25%
    }

    .column.is-offset-3-touch {
        margin-inline-start: 25%
    }

    .column.is-4-touch {
        flex: none;
        width: 33.3333333333%
    }

    .column.is-offset-4-touch {
        margin-inline-start: 33.3333333333%
    }

    .column.is-5-touch {
        flex: none;
        width: 41.6666666667%
    }

    .column.is-offset-5-touch {
        margin-inline-start: 41.6666666667%
    }

    .column.is-6-touch {
        flex: none;
        width: 50%
    }

    .column.is-offset-6-touch {
        margin-inline-start: 50%
    }

    .column.is-7-touch {
        flex: none;
        width: 58.3333333333%
    }

    .column.is-offset-7-touch {
        margin-inline-start: 58.3333333333%
    }

    .column.is-8-touch {
        flex: none;
        width: 66.6666666667%
    }

    .column.is-offset-8-touch {
        margin-inline-start: 66.6666666667%
    }

    .column.is-9-touch {
        flex: none;
        width: 75%
    }

    .column.is-offset-9-touch {
        margin-inline-start: 75%
    }

    .column.is-10-touch {
        flex: none;
        width: 83.3333333333%
    }

    .column.is-offset-10-touch {
        margin-inline-start: 83.3333333333%
    }

    .column.is-11-touch {
        flex: none;
        width: 91.6666666667%
    }

    .column.is-offset-11-touch {
        margin-inline-start: 91.6666666667%
    }

    .column.is-12-touch {
        flex: none;
        width: 100%
    }

    .column.is-offset-12-touch {
        margin-inline-start: 100%
    }
}

@media screen and (min-width: 1024px) {
    .column.is-narrow-desktop {
        flex: none;
        width: unset
    }

    .column.is-full-desktop {
        flex: none;
        width: 100%
    }

    .column.is-three-quarters-desktop {
        flex: none;
        width: 75%
    }

    .column.is-two-thirds-desktop {
        flex: none;
        width: 66.6666%
    }

    .column.is-half-desktop {
        flex: none;
        width: 50%
    }

    .column.is-one-third-desktop {
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter-desktop {
        flex: none;
        width: 25%
    }

    .column.is-one-fifth-desktop {
        flex: none;
        width: 20%
    }

    .column.is-two-fifths-desktop {
        flex: none;
        width: 40%
    }

    .column.is-three-fifths-desktop {
        flex: none;
        width: 60%
    }

    .column.is-four-fifths-desktop {
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters-desktop {
        margin-inline-start: 75%
    }

    .column.is-offset-two-thirds-desktop {
        margin-inline-start: 66.6666%
    }

    .column.is-offset-half-desktop {
        margin-inline-start: 50%
    }

    .column.is-offset-one-third-desktop {
        margin-inline-start: .3333%
    }

    .column.is-offset-one-quarter-desktop {
        margin-inline-start: 25%
    }

    .column.is-offset-one-fifth-desktop {
        margin-inline-start: 20%
    }

    .column.is-offset-two-fifths-desktop {
        margin-inline-start: 40%
    }

    .column.is-offset-three-fifths-desktop {
        margin-inline-start: 60%
    }

    .column.is-offset-four-fifths-desktop {
        margin-inline-start: 80%
    }

    .column.is-0-desktop {
        flex: none;
        width: calc(0% - var(--bulma-column-gap) / 2)
    }

    .column.is-offset-0-desktop {
        margin-inline-start: 0%
    }

    .column.is-1-desktop {
        flex: none;
        width: calc(8.3333333333% - var(--bulma-column-gap) / 2)
    }

    .column.is-offset-1-desktop {
        margin-inline-start: 8.3333333333%
    }

    .column.is-2-desktop {
        flex: none;
        width: calc(16.6666666667% - var(--bulma-column-gap) / 2)
    }

    .column.is-offset-2-desktop {
        margin-inline-start: 16.6666666667%
    }

    .column.is-3-desktop {
        flex: none;
        width: calc(25% - var(--bulma-column-gap) / 2)
    }

    .column.is-offset-3-desktop {
        margin-inline-start: 25%
    }

    .column.is-4-desktop {
        flex: none;
        width: calc(33.3333333333% - var(--bulma-column-gap) / 2)
    }

    .column.is-offset-4-desktop {
        margin-inline-start: 33.3333333333%
    }

    .column.is-5-desktop {
        flex: none;
        width: calc(41.6666666667% - var(--bulma-column-gap) / 2)
    }

    .column.is-offset-5-desktop {
        margin-inline-start: 41.6666666667%
    }

    .column.is-6-desktop {
        flex: none;
        width: calc(50% - var(--bulma-column-gap) / 2)
    }

    .column.is-offset-6-desktop {
        margin-inline-start: 50%
    }

    .column.is-7-desktop {
        flex: none;
        width: calc(58.3333333333% - var(--bulma-column-gap) / 2)
    }

    .column.is-offset-7-desktop {
        margin-inline-start: 58.3333333333%
    }

    .column.is-8-desktop {
        flex: none;
        width: calc(66.6666666667% - var(--bulma-column-gap) / 2)
    }

    .column.is-offset-8-desktop {
        margin-inline-start: 66.6666666667%
    }

    .column.is-9-desktop {
        flex: none;
        width: calc(75% - var(--bulma-column-gap) / 2)
    }

    .column.is-offset-9-desktop {
        margin-inline-start: 75%
    }

    .column.is-10-desktop {
        flex: none;
        width: calc(83.3333333333% - var(--bulma-column-gap) / 2)
    }

    .column.is-offset-10-desktop {
        margin-inline-start: 83.3333333333%
    }

    .column.is-11-desktop {
        flex: none;
        width: calc(91.6666666667% - var(--bulma-column-gap) / 2)
    }

    .column.is-offset-11-desktop {
        margin-inline-start: 91.6666666667%
    }

    .column.is-12-desktop {
        flex: none;
        width: calc(100% - var(--bulma-column-gap) / 2)
    }

    .column.is-offset-12-desktop {
        margin-inline-start: 100%
    }
}

@media screen and (min-width: 1216px) {
    .column.is-narrow-widescreen {
        flex: none;
        width: unset
    }

    .column.is-full-widescreen {
        flex: none;
        width: 100%
    }

    .column.is-three-quarters-widescreen {
        flex: none;
        width: 75%
    }

    .column.is-two-thirds-widescreen {
        flex: none;
        width: 66.6666%
    }

    .column.is-half-widescreen {
        flex: none;
        width: 50%
    }

    .column.is-one-third-widescreen {
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter-widescreen {
        flex: none;
        width: 25%
    }

    .column.is-one-fifth-widescreen {
        flex: none;
        width: 20%
    }

    .column.is-two-fifths-widescreen {
        flex: none;
        width: 40%
    }

    .column.is-three-fifths-widescreen {
        flex: none;
        width: 60%
    }

    .column.is-four-fifths-widescreen {
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters-widescreen {
        margin-inline-start: 75%
    }

    .column.is-offset-two-thirds-widescreen {
        margin-inline-start: 66.6666%
    }

    .column.is-offset-half-widescreen {
        margin-inline-start: 50%
    }

    .column.is-offset-one-third-widescreen {
        margin-inline-start: .3333%
    }

    .column.is-offset-one-quarter-widescreen {
        margin-inline-start: 25%
    }

    .column.is-offset-one-fifth-widescreen {
        margin-inline-start: 20%
    }

    .column.is-offset-two-fifths-widescreen {
        margin-inline-start: 40%
    }

    .column.is-offset-three-fifths-widescreen {
        margin-inline-start: 60%
    }

    .column.is-offset-four-fifths-widescreen {
        margin-inline-start: 80%
    }

    .column.is-0-widescreen {
        flex: none;
        width: calc(0% - var(--bulma-column-gap) / 2)
    }

    .column.is-offset-0-widescreen {
        margin-inline-start: 0%
    }

    .column.is-1-widescreen {
        flex: none;
        width: calc(8.3333333333% - var(--bulma-column-gap) / 2)
    }

    .column.is-offset-1-widescreen {
        margin-inline-start: 8.3333333333%
    }

    .column.is-2-widescreen {
        flex: none;
        width: calc(16.6666666667% - var(--bulma-column-gap) / 2)
    }

    .column.is-offset-2-widescreen {
        margin-inline-start: 16.6666666667%
    }

    .column.is-3-widescreen {
        flex: none;
        width: calc(25% - var(--bulma-column-gap) / 2)
    }

    .column.is-offset-3-widescreen {
        margin-inline-start: 25%
    }

    .column.is-4-widescreen {
        flex: none;
        width: calc(33.3333333333% - var(--bulma-column-gap) / 2)
    }

    .column.is-offset-4-widescreen {
        margin-inline-start: 33.3333333333%
    }

    .column.is-5-widescreen {
        flex: none;
        width: calc(41.6666666667% - var(--bulma-column-gap) / 2)
    }

    .column.is-offset-5-widescreen {
        margin-inline-start: 41.6666666667%
    }

    .column.is-6-widescreen {
        flex: none;
        width: calc(50% - var(--bulma-column-gap) / 2)
    }

    .column.is-offset-6-widescreen {
        margin-inline-start: 50%
    }

    .column.is-7-widescreen {
        flex: none;
        width: calc(58.3333333333% - var(--bulma-column-gap) / 2)
    }

    .column.is-offset-7-widescreen {
        margin-inline-start: 58.3333333333%
    }

    .column.is-8-widescreen {
        flex: none;
        width: calc(66.6666666667% - var(--bulma-column-gap) / 2)
    }

    .column.is-offset-8-widescreen {
        margin-inline-start: 66.6666666667%
    }

    .column.is-9-widescreen {
        flex: none;
        width: calc(75% - var(--bulma-column-gap) / 2)
    }

    .column.is-offset-9-widescreen {
        margin-inline-start: 75%
    }

    .column.is-10-widescreen {
        flex: none;
        width: calc(83.3333333333% - var(--bulma-column-gap) / 2)
    }

    .column.is-offset-10-widescreen {
        margin-inline-start: 83.3333333333%
    }

    .column.is-11-widescreen {
        flex: none;
        width: calc(91.6666666667% - var(--bulma-column-gap) / 2)
    }

    .column.is-offset-11-widescreen {
        margin-inline-start: 91.6666666667%
    }

    .column.is-12-widescreen {
        flex: none;
        width: calc(100% - var(--bulma-column-gap) / 2)
    }

    .column.is-offset-12-widescreen {
        margin-inline-start: 100%
    }
}

@media screen and (min-width: 1408px) {
    .column.is-narrow-fullhd {
        flex: none;
        width: unset
    }

    .column.is-full-fullhd {
        flex: none;
        width: 100%
    }

    .column.is-three-quarters-fullhd {
        flex: none;
        width: 75%
    }

    .column.is-two-thirds-fullhd {
        flex: none;
        width: 66.6666%
    }

    .column.is-half-fullhd {
        flex: none;
        width: 50%
    }

    .column.is-one-third-fullhd {
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter-fullhd {
        flex: none;
        width: 25%
    }

    .column.is-one-fifth-fullhd {
        flex: none;
        width: 20%
    }

    .column.is-two-fifths-fullhd {
        flex: none;
        width: 40%
    }

    .column.is-three-fifths-fullhd {
        flex: none;
        width: 60%
    }

    .column.is-four-fifths-fullhd {
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters-fullhd {
        margin-inline-start: 75%
    }

    .column.is-offset-two-thirds-fullhd {
        margin-inline-start: 66.6666%
    }

    .column.is-offset-half-fullhd {
        margin-inline-start: 50%
    }

    .column.is-offset-one-third-fullhd {
        margin-inline-start: 33.3333%
    }

    .column.is-offset-one-quarter-fullhd {
        margin-inline-start: 25%
    }

    .column.is-offset-one-fifth-fullhd {
        margin-inline-start: 20%
    }

    .column.is-offset-two-fifths-fullhd {
        margin-inline-start: 40%
    }

    .column.is-offset-three-fifths-fullhd {
        margin-inline-start: 60%
    }

    .column.is-offset-four-fifths-fullhd {
        margin-inline-start: 80%
    }

    .column.is-0-fullhd {
        flex: none;
        width: 0%
    }

    .column.is-offset-0-fullhd {
        margin-inline-start: 0%
    }

    .column.is-1-fullhd {
        flex: none;
        width: 8.3333333333%
    }

    .column.is-offset-1-fullhd {
        margin-inline-start: 8.3333333333%
    }

    .column.is-2-fullhd {
        flex: none;
        width: 16.6666666667%
    }

    .column.is-offset-2-fullhd {
        margin-inline-start: 16.6666666667%
    }

    .column.is-3-fullhd {
        flex: none;
        width: 25%
    }

    .column.is-offset-3-fullhd {
        margin-inline-start: 25%
    }

    .column.is-4-fullhd {
        flex: none;
        width: 33.3333333333%
    }

    .column.is-offset-4-fullhd {
        margin-inline-start: 33.3333333333%
    }

    .column.is-5-fullhd {
        flex: none;
        width: 41.6666666667%
    }

    .column.is-offset-5-fullhd {
        margin-inline-start: 41.6666666667%
    }

    .column.is-6-fullhd {
        flex: none;
        width: 50%
    }

    .column.is-offset-6-fullhd {
        margin-inline-start: 50%
    }

    .column.is-7-fullhd {
        flex: none;
        width: 58.3333333333%
    }

    .column.is-offset-7-fullhd {
        margin-inline-start: 58.3333333333%
    }

    .column.is-8-fullhd {
        flex: none;
        width: 66.6666666667%
    }

    .column.is-offset-8-fullhd {
        margin-inline-start: 66.6666666667%
    }

    .column.is-9-fullhd {
        flex: none;
        width: 75%
    }

    .column.is-offset-9-fullhd {
        margin-inline-start: 75%
    }

    .column.is-10-fullhd {
        flex: none;
        width: 83.3333333333%
    }

    .column.is-offset-10-fullhd {
        margin-inline-start: 83.3333333333%
    }

    .column.is-11-fullhd {
        flex: none;
        width: 91.6666666667%
    }

    .column.is-offset-11-fullhd {
        margin-inline-start: 91.6666666667%
    }

    .column.is-12-fullhd {
        flex: none;
        width: 100%
    }

    .column.is-offset-12-fullhd {
        margin-inline-start: 100%
    }
}

.columns {
    margin-inline-start: calc(-1 * var(--bulma-column-gap));
    margin-inline-end: calc(-1 * var(--bulma-column-gap));
    margin-top: calc(-1 * var(--bulma-column-gap))
}

.columns:last-child {
    margin-bottom: calc(-1 * var(--bulma-column-gap))
}

.columns:not(:last-child) {
    margin-bottom: .75rem
}

.columns.is-centered {
    justify-content: center
}

.columns.is-gapless {
    margin-inline-start: 0;
    margin-inline-end: 0;
    margin-top: 0
}

.columns.is-gapless>.column {
    margin: 0;
    padding: 0 !important
}

.columns.is-gapless:not(:last-child) {
    margin-bottom: 1.5rem
}

.columns.is-gapless:last-child {
    margin-bottom: 0
}

.columns.is-mobile {
    display: flex
}

.columns.is-multiline {
    flex-wrap: wrap
}

.columns.is-vcentered {
    align-items: center
}

@media screen and (min-width: 769px),
print {
    .columns:not(.is-desktop) {
        display: flex
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-desktop {
        display: flex
    }
}

.is-flex-direction-row {
    flex-direction: row !important
}

.is-flex-direction-row-reverse {
    flex-direction: row-reverse !important
}

.is-flex-direction-column {
    flex-direction: column !important
}

.is-flex-direction-column-reverse {
    flex-direction: column-reverse !important
}

.is-flex-wrap-nowrap {
    flex-wrap: nowrap !important
}

.is-flex-wrap-wrap {
    flex-wrap: wrap !important
}

.is-flex-wrap-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.is-justify-content-flex-start {
    justify-content: flex-start !important
}

.is-justify-content-flex-end {
    justify-content: flex-end !important
}

.is-justify-content-center {
    justify-content: center !important
}

.is-justify-content-space-between {
    justify-content: space-between !important
}

.is-justify-content-space-around {
    justify-content: space-around !important
}

.is-justify-content-space-evenly {
    justify-content: space-evenly !important
}

.is-justify-content-start {
    justify-content: start !important
}

.is-justify-content-end {
    justify-content: end !important
}

.is-justify-content-left {
    justify-content: left !important
}

.is-justify-content-right {
    justify-content: right !important
}

.is-align-content-flex-start {
    align-content: flex-start !important
}

.is-align-content-flex-end {
    align-content: flex-end !important
}

.is-align-content-center {
    align-content: center !important
}

.is-align-content-space-between {
    align-content: space-between !important
}

.is-align-content-space-around {
    align-content: space-around !important
}

.is-align-content-space-evenly {
    align-content: space-evenly !important
}

.is-align-content-stretch {
    align-content: stretch !important
}

.is-align-content-start {
    align-content: start !important
}

.is-align-content-end {
    align-content: end !important
}

.is-align-content-baseline {
    align-content: baseline !important
}

.is-align-items-stretch {
    align-items: stretch !important
}

.is-align-items-flex-start {
    align-items: flex-start !important
}

.is-align-items-flex-end {
    align-items: flex-end !important
}

.is-align-items-center {
    align-items: center !important
}

.is-align-items-baseline {
    align-items: baseline !important
}

.is-align-items-start {
    align-items: start !important
}

.is-align-items-end {
    align-items: end !important
}

.is-align-items-self-start {
    align-items: self-start !important
}

.is-align-items-self-end {
    align-items: self-end !important
}

.is-align-self-auto {
    align-self: auto !important
}

.is-align-self-flex-start {
    align-self: flex-start !important
}

.is-align-self-flex-end {
    align-self: flex-end !important
}

.is-align-self-center {
    align-self: center !important
}

.is-align-self-baseline {
    align-self: baseline !important
}

.is-align-self-stretch {
    align-self: stretch !important
}

.is-flex-grow-0 {
    flex-grow: 0 !important
}

.is-flex-grow-1 {
    flex-grow: 1 !important
}

.is-flex-grow-2 {
    flex-grow: 2 !important
}

.is-flex-grow-3 {
    flex-grow: 3 !important
}

.is-flex-grow-4 {
    flex-grow: 4 !important
}

.is-flex-grow-5 {
    flex-grow: 5 !important
}

.is-flex-shrink-0 {
    flex-shrink: 0 !important
}

.is-flex-shrink-1 {
    flex-shrink: 1 !important
}

.is-flex-shrink-2 {
    flex-shrink: 2 !important
}

.is-flex-shrink-3 {
    flex-shrink: 3 !important
}

.is-flex-shrink-4 {
    flex-shrink: 4 !important
}

.is-flex-shrink-5 {
    flex-shrink: 5 !important
}

.section {
    --bulma-section-padding: 3rem 1.5rem;
    --bulma-section-padding-desktop: 3rem 3rem;
    --bulma-section-padding-medium: 9rem 4.5rem;
    --bulma-section-padding-large: 18rem 6rem;
    padding: var(--bulma-section-padding)
}

@media screen and (min-width: 1024px) {
    .section {
        padding: var(--bulma-section-padding-desktop)
    }

    .section.is-medium {
        padding: var(--bulma-section-padding-medium)
    }

    .section.is-large {
        padding: var(--bulma-section-padding-large)
    }
}

/*! @license CookieBar.css, Copyright 2024 earthware. All rights reserved. website: https://www.earthware.co.uk, contact: support@earthware.co.uk */
body {
    -webkit-text-size-adjust: 100%
}

.has-ew-cookie-bar {
    transition: margin .5s ease-in-out
}

.has-ew-cookie-popup {
    overflow: hidden
}

.has-ew-cookie-policy .ew-cookie-policy h2 {
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 20px;
    text-transform: none
}

.has-ew-cookie-policy .ew-cookie-policy p {
    margin-bottom: 18px
}

.has-ew-cookie-policy .ew-cookie-policy .tick-list {
    padding: 0;
    list-style: none outside;
    list-style-type: "✓ ";
    text-align: left;
    margin-left: 30px
}

.has-ew-cookie-policy .ew-cookie-policy .tick-list li {
    margin-bottom: 18px
}

.has-ew-cookie-policy .ew-cookie-policy .cookie-table {
    display: table;
    border: none;
    border-collapse: collapse;
    font-size: 12px;
    overflow: auto;
    margin-bottom: 10px;
    width: 100%;
    table-layout: fixed
}

.has-ew-cookie-policy .ew-cookie-policy .cookie-table tr {
    background-color: #fff;
    border: 1px solid #ddd
}

.has-ew-cookie-policy .ew-cookie-policy .cookie-table th,
.has-ew-cookie-policy .ew-cookie-policy .cookie-table td {
    padding: .625em;
    text-align: center;
    word-break: break-word
}

.has-ew-cookie-policy .ew-cookie-policy .cookie-table thead th:nth-child(2) {
    width: 21%
}

@media screen and (max-width: 1250px) {
    .has-ew-cookie-policy .ew-cookie-policy .cookie-table {
        border: none
    }

    .has-ew-cookie-policy .ew-cookie-policy .cookie-table thead {
        display: none
    }

    .has-ew-cookie-policy .ew-cookie-policy .cookie-table tbody {
        display: block
    }

    .has-ew-cookie-policy .ew-cookie-policy .cookie-table tr {
        display: block;
        margin-bottom: .625em;
        border: 1px solid #ddd;
        border-bottom: none;
        width: 100%
    }

    .has-ew-cookie-policy .ew-cookie-policy .cookie-table td {
        border-bottom: 1px solid #ddd;
        display: flex;
        justify-content: space-between;
        gap: 10px;
        font-size: .8em;
        text-align: right
    }
}

@media screen and (max-width: 1250px) and (max-width: 500px) {
    .has-ew-cookie-policy .ew-cookie-policy .cookie-table td {
        flex-direction: column
    }
}

@media screen and (max-width: 1250px) {
    .has-ew-cookie-policy .ew-cookie-policy .cookie-table td:before {
        text-align: left;
        content: attr(data-label);
        font-weight: 700;
        text-transform: uppercase;
        flex-shrink: 0
    }
}

.ew-cookie-cog {
    background-color: #373737;
    position: fixed;
    bottom: 20px;
    left: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid;
    z-index: 9999;
    cursor: pointer;
    height: 40px;
    padding: 0;
    border-radius: 50px
}

.ew-cookie-cog svg {
    min-width: 40px;
    border: none
}

.ew-cookie-cog__text {
    display: none;
    transition: 2s ease-in;
    text-transform: uppercase;
    color: #fff;
    white-space: nowrap;
    padding: 0 15px 0 5px;
    text-decoration: none;
    background-color: transparent;
    top: 0;
    left: 0;
    position: relative;
    font-family: Jost, sans-serif;
    font-size: 14px
}

.ew-cookie-cog:hover {
    background-color: #000 !important
}

.ew-cookie-cog:hover .ew-cookie-cog__text {
    display: block
}

.ew-cookie-cog:hover path {
    fill: #fff !important
}

.ew-cookie-cog.is-hidden {
    display: none
}

.ew-cookie-cog svg {
    width: 30px;
    height: 30px;
    margin-left: -1px
}

.ew-cookie-popup {
    font-family: inherit;
    height: 100%;
    width: 100%;
    background-color: #000000e6;
    position: fixed;
    z-index: 999999;
    top: 0;
    text-align: center;
    vertical-align: middle
}

.ew-cookie-popup__modal {
    background-color: #fff;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    max-height: 650px;
    height: 90%;
    width: 80vw;
    border-radius: 10px;
    margin: auto;
    flex-direction: row;
    max-width: 800px;
    display: grid;
    grid-template-rows: 10% 1fr
}

.ew-cookie-popup__modal__info {
    background-color: #f1f1f1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    height: 100%;
    padding: 10px 20px;
    justify-content: flex-start
}

.ew-cookie-popup__modal__info__buttons {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: auto 0 0;
    border-top: .5px solid #c5c3c3;
    padding: 15px 10px 5px;
    font-size: 14px;
    flex-wrap: wrap;
    gap: 5px
}

.ew-cookie-popup__modal__info__buttons button {
    color: #fff;
    background-color: #1754bb;
    margin-right: 0;
    min-width: 160px;
    cursor: pointer;
    border: solid #1754bb 1px;
    min-height: 35px;
    transition: all .2s;
    padding: 7px 15px;
    font-family: Jost, sans-serif;
    font-size: 14px
}

.ew-cookie-popup__modal__info__buttons button:hover {
    background-color: #fff !important;
    color: #1754bb !important
}

.ew-cookie-popup__modal__info__sections {
    overflow: auto
}

.ew-cookie-popup__modal__info-section {
    display: block;
    overflow: hidden;
    text-align: left;
    font-size: 16px;
    color: #000
}

@media screen and (max-width: 1000px) {
    .ew-cookie-popup__modal__info-section {
        font-size: 14px
    }
}

.ew-cookie-popup__modal__info-section.is-active {
    display: block
}

.ew-cookie-popup__modal__info-section__title {
    font-size: 28px;
    font-weight: bolder;
    display: block;
    background-color: #fff;
    padding: 10px;
    margin: 10px 10px 0;
    position: relative;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer
}

.ew-cookie-popup__modal__info-section__content {
    padding-right: 20px;
    overflow-y: auto
}

.ew-cookie-popup__modal__info-section__content__validation {
    margin-top: 30px;
    transition: all .5s ease-in-out;
    overflow: hidden;
    max-height: 100px;
    display: block
}

.ew-cookie-popup__modal__info-section__content__validation.is-hidden {
    max-height: 0;
    display: none
}

.ew-cookie-popup__modal__info-section__content {
    position: relative;
    top: -5px;
    max-height: 0;
    transition: max-height .5s cubic-bezier(0, 1, 0, 1), padding .4s;
    background-color: #fff;
    margin: 0 10px 10px;
    padding: 0 10px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px
}

.ew-cookie-popup__modal__info-section__title.is-active+.ew-cookie-popup__modal__info-section__content {
    max-height: 350px;
    transition: max-height 1s ease-in-out, padding .4s;
    padding-bottom: 10px;
    padding-top: 5px
}

.ew-cookie-popup__modal__info-section .switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 23px;
    margin-top: 18px
}

@media screen and (min-width: 768px) {
    .ew-cookie-popup__modal__info-section .switch {
        width: 55px;
        height: 32px
    }
}

.ew-cookie-popup__modal__info-section .switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.ew-cookie-popup__modal__info-section .slider {
    position: absolute;
    cursor: pointer;
    inset: 0;
    background-color: red;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 23px
}

.ew-cookie-popup__modal__info-section .slider:before {
    position: absolute;
    content: "";
    height: 21px;
    width: 22px;
    left: 1px;
    bottom: 1px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%
}

@media screen and (min-width: 768px) {
    .ew-cookie-popup__modal__info-section .slider:before {
        width: 28px;
        height: 30px
    }
}

.ew-cookie-popup__modal__info-section .slider:after {
    content: attr(data-text-disabled);
    position: absolute;
    color: #fc0000;
    display: block;
    white-space: nowrap;
    left: 65px;
    top: 4px;
    font-weight: 400
}

.ew-cookie-popup__modal__info-section input:checked+.slider {
    background-color: #2e9935
}

.ew-cookie-popup__modal__info-section input:checked+.slider:after {
    content: attr(data-text-enabled);
    color: #2e9935
}

.ew-cookie-popup__modal__info-section input:focus+.slider {
    box-shadow: 0 0 1px #0055a8
}

.ew-cookie-popup__modal__info-section input:checked+.slider:before {
    transform: translate(16px)
}

@media screen and (min-width: 768px) {
    .ew-cookie-popup__modal__info-section input:checked+.slider:before {
        transform: translate(25px)
    }
}

.ew-cookie-popup__modal__close {
    background-color: #1754bb;
    min-width: 40px;
    min-height: 40px;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    z-index: 10;
    right: -20px;
    top: -20px;
    border: solid #1754bb 1px;
    transition: all .2s;
    margin-right: 0
}

.ew-cookie-popup__modal__close:hover {
    background-color: #fff !important;
    color: #1754bb !important
}

.ew-cookie-popup__modal__close:hover .ew-cookie-popup__modal__close-icon:before,
.ew-cookie-popup__modal__close:hover .ew-cookie-popup__modal__close-icon:after {
    background-color: #1754bb
}

.ew-cookie-popup__modal__close-icon:after {
    position: absolute;
    content: "";
    width: 1px;
    background-color: #fff;
    height: 24px;
    top: calc(50% - 12px);
    transform: rotate(-45deg)
}

.ew-cookie-popup__modal__close-icon:before {
    position: absolute;
    content: "";
    width: 1px;
    background-color: #fff;
    height: 24px;
    top: calc(50% - 12px);
    transform: rotate(45deg)
}

@media screen and (max-width: 768px) {
    .ew-cookie-popup__modal__close {
        min-width: 30px;
        min-height: 30px;
        right: -15px;
        top: -15px;
        height: 33px
    }

    .ew-cookie-popup__modal__close-icon:after {
        height: 12px;
        top: calc(50% - 6px)
    }

    .ew-cookie-popup__modal__close-icon:before {
        height: 12px;
        top: calc(50% - 6px)
    }
}

.ew-cookie-popup__modal__tab-group {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    gap: 30px;
    z-index: 9;
    box-shadow: 0 0 30px #2323231a
}

.ew-cookie-popup__modal__tab-group__heading {
    font-weight: 700;
    font-size: 22px;
    color: #000
}

.ew-cookie-popup__modal__tab-group__logo-holder {
    text-align: left
}

.ew-cookie-popup__modal__tab-group__logo-holder svg {
    max-height: 75px;
    max-width: 100%
}

@media screen and (max-width: 768px) {
    .ew-cookie-popup__modal__tab-group__logo-holder svg {
        max-height: 40px
    }
}

.ew-cookie-popup__modal__tab-group__tabs {
    display: none
}

.ew-cookie-popup__modal__tab-group__tab {
    background-color: #f1f1f1;
    border-radius: 5px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 13px 20px;
    margin-bottom: 15px;
    cursor: pointer;
    width: 100%;
    border: 1px solid #f1f1f1
}

.ew-cookie-popup__modal__tab-group__tab__category-text {
    color: #0055a8;
    font-size: 14px;
    text-align: left;
    line-height: 1.1;
    text-transform: uppercase
}

.ew-cookie-popup__modal__tab-group__tab.is-active {
    background-color: #fff
}

.ew-cookie-popup__modal__tab-group__tab.is-active .ew-cookie-popup__modal__tab-group__tab__category-text {
    color: #000 !important
}

@media screen and (max-width: 1000px) {
    .ew-cookie-popup__modal__tab-group__tab {
        padding: 10px 15px
    }

    .ew-cookie-popup__modal__tab-group__tab__category-text {
        font-size: 12px
    }
}

.ew-cookie-bar {
    display: none !important;
    font-family: inherit;
    background-color: #f2f2f2;
    color: #333;
    padding: 0;
    left: 0;
    position: fixed;
    width: 100%;
    min-height: auto;
    box-shadow: 0 5px 5px #0006;
    font-size: 16px;
    line-height: normal;
    z-index: 10000;
    text-align: center
}

.ew-cookie-bar__container {
    padding: 10px 40px;
    position: static;
    display: inline-block;
    width: auto
}

.ew-cookie-bar__content {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    align-items: center;
    gap: 10px
}

@media only screen and (min-width: 1024px) {
    .ew-cookie-bar__content {
        flex-direction: row;
        gap: 25px
    }
}

.ew-cookie-bar__cookie-message-body {
    text-align: left;
    font-size: 14px;
    display: inline-block;
    line-height: 18px;
    padding-left: 4px;
    width: 100%
}

.ew-cookie-bar__cookie-message-body span {
    display: block;
    margin: 0
}

.ew-cookie-bar__cookie-message-body__preferences,
.ew-cookie-bar__cookie-message-body a {
    font-size: inherit;
    color: #fff;
    cursor: pointer;
    margin: 0;
    background: inherit;
    padding: 0;
    border: none;
    text-decoration: underline;
    transition: color .2s
}

.ew-cookie-bar__cookie-button-body {
    justify-content: center;
    position: static;
    display: flex;
    margin: 0;
    width: 100%;
    align-items: center;
    gap: 5px
}

.ew-cookie-bar__button {
    cursor: pointer;
    width: fit-content;
    height: auto;
    background-color: #169bd5;
    border-radius: 1px;
    box-shadow: none;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    text-align: center;
    margin: 3px 4px;
    line-height: 20px;
    padding: 8px 30px;
    white-space: nowrap;
    border: solid #0055a8 1px;
    transition: all .2s
}

.ew-cookie-bar__button--accept,
.ew-cookie-bar__button--decline {
    background: #0055a8;
    color: #fff
}

.ew-cookie-bar__button--settings,
.ew-cookie-bar__button--close {
    background: transparent;
    color: #fff;
    border: 1px solid #ffffff
}

.ew-cookie-bar__button--close {
    position: relative;
    padding: 8px 15px
}

.ew-cookie-bar--show-top {
    top: 0
}

.ew-cookie-bar--hide-top {
    top: -100%
}

.ew-cookie-bar--show-bottom {
    bottom: 0
}

.ew-cookie-bar--hide-bottom {
    bottom: -100%
}

.ew-cookie-bar--animate {
    transition: top .5s ease-in-out, bottom .5s ease-in-out
}

@media screen and (max-width: 1100px) {
    .ew-cookie-bar {
        font-size: 16px;
        min-height: 70px
    }
}

@media screen and (max-width: 820px) {
    .ew-cookie-bar__button {
        font-size: 12px;
        padding: 5px 10px;
        white-space: normal
    }

    .ew-cookie-bar__cookie-message-body {
        width: 100%
    }

    .ew-cookie-bar__cookie-button-body {
        display: flex;
        justify-content: flex-start;
        position: unset;
        flex-wrap: wrap;
        padding: 0
    }

    .ew-cookie-bar__container {
        padding: 15px
    }
}

.m-0 {
    margin: 0rem !important
}

@media only screen and (min-width: 769px) {
    .m-0 {
        margin: 0rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .m-0 {
        margin: 0rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .m-0 {
        margin: 0rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .m-0 {
        margin: 0rem !important
    }
}

.mt-0 {
    margin-top: 0rem !important
}

@media only screen and (min-width: 769px) {
    .mt-0 {
        margin-top: 0rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .mt-0 {
        margin-top: 0rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .mt-0 {
        margin-top: 0rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mt-0 {
        margin-top: 0rem !important
    }
}

.mr-0 {
    margin-right: 0rem !important
}

@media only screen and (min-width: 769px) {
    .mr-0 {
        margin-right: 0rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .mr-0 {
        margin-right: 0rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .mr-0 {
        margin-right: 0rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mr-0 {
        margin-right: 0rem !important
    }
}

.mb-0 {
    margin-bottom: 0rem !important
}

@media only screen and (min-width: 769px) {
    .mb-0 {
        margin-bottom: 0rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .mb-0 {
        margin-bottom: 0rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .mb-0 {
        margin-bottom: 0rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mb-0 {
        margin-bottom: 0rem !important
    }
}

.ml-0 {
    margin-left: 0rem !important
}

@media only screen and (min-width: 769px) {
    .ml-0 {
        margin-left: 0rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .ml-0 {
        margin-left: 0rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .ml-0 {
        margin-left: 0rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .ml-0 {
        margin-left: 0rem !important
    }
}

.mx-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important
}

@media only screen and (min-width: 769px) {
    .mx-0 {
        margin-left: 0rem !important;
        margin-right: 0rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .mx-0 {
        margin-left: 0rem !important;
        margin-right: 0rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .mx-0 {
        margin-left: 0rem !important;
        margin-right: 0rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mx-0 {
        margin-left: 0rem !important;
        margin-right: 0rem !important
    }
}

.my-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important
}

@media only screen and (min-width: 769px) {
    .my-0 {
        margin-top: 0rem !important;
        margin-bottom: 0rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .my-0 {
        margin-top: 0rem !important;
        margin-bottom: 0rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .my-0 {
        margin-top: 0rem !important;
        margin-bottom: 0rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .my-0 {
        margin-top: 0rem !important;
        margin-bottom: 0rem !important
    }
}

.m-1 {
    margin: .125rem !important
}

@media only screen and (min-width: 769px) {
    .m-1 {
        margin: calc(.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .m-1 {
        margin: calc(.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .m-1 {
        margin: .2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .m-1 {
        margin: .25rem !important
    }
}

.mt-1 {
    margin-top: .125rem !important
}

@media only screen and (min-width: 769px) {
    .mt-1 {
        margin-top: calc(.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mt-1 {
        margin-top: calc(.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mt-1 {
        margin-top: .2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mt-1 {
        margin-top: .25rem !important
    }
}

.mr-1 {
    margin-right: .125rem !important
}

@media only screen and (min-width: 769px) {
    .mr-1 {
        margin-right: calc(.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mr-1 {
        margin-right: calc(.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mr-1 {
        margin-right: .2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mr-1 {
        margin-right: .25rem !important
    }
}

.mb-1 {
    margin-bottom: .125rem !important
}

@media only screen and (min-width: 769px) {
    .mb-1 {
        margin-bottom: calc(.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mb-1 {
        margin-bottom: calc(.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mb-1 {
        margin-bottom: .2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mb-1 {
        margin-bottom: .25rem !important
    }
}

.ml-1 {
    margin-left: .125rem !important
}

@media only screen and (min-width: 769px) {
    .ml-1 {
        margin-left: calc(.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .ml-1 {
        margin-left: calc(.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .ml-1 {
        margin-left: .2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .ml-1 {
        margin-left: .25rem !important
    }
}

.mx-1 {
    margin-left: .125rem !important;
    margin-right: .125rem !important
}

@media only screen and (min-width: 769px) {
    .mx-1 {
        margin-left: calc(.25rem / 1.75) !important;
        margin-right: calc(.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mx-1 {
        margin-left: calc(.25rem / 1.5) !important;
        margin-right: calc(.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mx-1 {
        margin-left: .2rem !important;
        margin-right: .2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mx-1 {
        margin-left: .25rem !important;
        margin-right: .25rem !important
    }
}

.my-1 {
    margin-top: .125rem !important;
    margin-bottom: .125rem !important
}

@media only screen and (min-width: 769px) {
    .my-1 {
        margin-top: calc(.25rem / 1.75) !important;
        margin-bottom: calc(.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .my-1 {
        margin-top: calc(.25rem / 1.5) !important;
        margin-bottom: calc(.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .my-1 {
        margin-top: .2rem !important;
        margin-bottom: .2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .my-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }
}

.m-2 {
    margin: .25rem !important
}

@media only screen and (min-width: 769px) {
    .m-2 {
        margin: calc(.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .m-2 {
        margin: calc(.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .m-2 {
        margin: .4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .m-2 {
        margin: .5rem !important
    }
}

.mt-2 {
    margin-top: .25rem !important
}

@media only screen and (min-width: 769px) {
    .mt-2 {
        margin-top: calc(.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mt-2 {
        margin-top: calc(.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mt-2 {
        margin-top: .4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mt-2 {
        margin-top: .5rem !important
    }
}

.mr-2 {
    margin-right: .25rem !important
}

@media only screen and (min-width: 769px) {
    .mr-2 {
        margin-right: calc(.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mr-2 {
        margin-right: calc(.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mr-2 {
        margin-right: .4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mr-2 {
        margin-right: .5rem !important
    }
}

.mb-2 {
    margin-bottom: .25rem !important
}

@media only screen and (min-width: 769px) {
    .mb-2 {
        margin-bottom: calc(.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mb-2 {
        margin-bottom: calc(.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mb-2 {
        margin-bottom: .4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mb-2 {
        margin-bottom: .5rem !important
    }
}

.ml-2 {
    margin-left: .25rem !important
}

@media only screen and (min-width: 769px) {
    .ml-2 {
        margin-left: calc(.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .ml-2 {
        margin-left: calc(.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .ml-2 {
        margin-left: .4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .ml-2 {
        margin-left: .5rem !important
    }
}

.mx-2 {
    margin-left: .25rem !important;
    margin-right: .25rem !important
}

@media only screen and (min-width: 769px) {
    .mx-2 {
        margin-left: calc(.5rem / 1.75) !important;
        margin-right: calc(.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mx-2 {
        margin-left: calc(.5rem / 1.5) !important;
        margin-right: calc(.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mx-2 {
        margin-left: .4rem !important;
        margin-right: .4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mx-2 {
        margin-left: .5rem !important;
        margin-right: .5rem !important
    }
}

.my-2 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
}

@media only screen and (min-width: 769px) {
    .my-2 {
        margin-top: calc(.5rem / 1.75) !important;
        margin-bottom: calc(.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .my-2 {
        margin-top: calc(.5rem / 1.5) !important;
        margin-bottom: calc(.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .my-2 {
        margin-top: .4rem !important;
        margin-bottom: .4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .my-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }
}

.m-3 {
    margin: .375rem !important
}

@media only screen and (min-width: 769px) {
    .m-3 {
        margin: calc(.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .m-3 {
        margin: .5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .m-3 {
        margin: calc(.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .m-3 {
        margin: .75rem !important
    }
}

.mt-3 {
    margin-top: .375rem !important
}

@media only screen and (min-width: 769px) {
    .mt-3 {
        margin-top: calc(.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mt-3 {
        margin-top: .5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .mt-3 {
        margin-top: calc(.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mt-3 {
        margin-top: .75rem !important
    }
}

.mr-3 {
    margin-right: .375rem !important
}

@media only screen and (min-width: 769px) {
    .mr-3 {
        margin-right: calc(.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mr-3 {
        margin-right: .5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .mr-3 {
        margin-right: calc(.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mr-3 {
        margin-right: .75rem !important
    }
}

.mb-3 {
    margin-bottom: .375rem !important
}

@media only screen and (min-width: 769px) {
    .mb-3 {
        margin-bottom: calc(.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mb-3 {
        margin-bottom: .5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .mb-3 {
        margin-bottom: calc(.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mb-3 {
        margin-bottom: .75rem !important
    }
}

.ml-3 {
    margin-left: .375rem !important
}

@media only screen and (min-width: 769px) {
    .ml-3 {
        margin-left: calc(.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .ml-3 {
        margin-left: .5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .ml-3 {
        margin-left: calc(.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .ml-3 {
        margin-left: .75rem !important
    }
}

.mx-3 {
    margin-left: .375rem !important;
    margin-right: .375rem !important
}

@media only screen and (min-width: 769px) {
    .mx-3 {
        margin-left: calc(.75rem / 1.75) !important;
        margin-right: calc(.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mx-3 {
        margin-left: .5rem !important;
        margin-right: .5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .mx-3 {
        margin-left: calc(.75rem / 1.25) !important;
        margin-right: calc(.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mx-3 {
        margin-left: .75rem !important;
        margin-right: .75rem !important
    }
}

.my-3 {
    margin-top: .375rem !important;
    margin-bottom: .375rem !important
}

@media only screen and (min-width: 769px) {
    .my-3 {
        margin-top: calc(.75rem / 1.75) !important;
        margin-bottom: calc(.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .my-3 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .my-3 {
        margin-top: calc(.75rem / 1.25) !important;
        margin-bottom: calc(.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .my-3 {
        margin-top: .75rem !important;
        margin-bottom: .75rem !important
    }
}

.m-4 {
    margin: .5rem !important
}

@media only screen and (min-width: 769px) {
    .m-4 {
        margin: calc(1rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .m-4 {
        margin: calc(1rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .m-4 {
        margin: .8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .m-4 {
        margin: 1rem !important
    }
}

.mt-4 {
    margin-top: .5rem !important
}

@media only screen and (min-width: 769px) {
    .mt-4 {
        margin-top: calc(1rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mt-4 {
        margin-top: calc(1rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mt-4 {
        margin-top: .8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mt-4 {
        margin-top: 1rem !important
    }
}

.mr-4 {
    margin-right: .5rem !important
}

@media only screen and (min-width: 769px) {
    .mr-4 {
        margin-right: calc(1rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mr-4 {
        margin-right: calc(1rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mr-4 {
        margin-right: .8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mr-4 {
        margin-right: 1rem !important
    }
}

.mb-4 {
    margin-bottom: .5rem !important
}

@media only screen and (min-width: 769px) {
    .mb-4 {
        margin-bottom: calc(1rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mb-4 {
        margin-bottom: calc(1rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mb-4 {
        margin-bottom: .8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mb-4 {
        margin-bottom: 1rem !important
    }
}

.ml-4 {
    margin-left: .5rem !important
}

@media only screen and (min-width: 769px) {
    .ml-4 {
        margin-left: calc(1rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .ml-4 {
        margin-left: calc(1rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .ml-4 {
        margin-left: .8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .ml-4 {
        margin-left: 1rem !important
    }
}

.mx-4 {
    margin-left: .5rem !important;
    margin-right: .5rem !important
}

@media only screen and (min-width: 769px) {
    .mx-4 {
        margin-left: calc(1rem / 1.75) !important;
        margin-right: calc(1rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mx-4 {
        margin-left: calc(1rem / 1.5) !important;
        margin-right: calc(1rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mx-4 {
        margin-left: .8rem !important;
        margin-right: .8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mx-4 {
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }
}

.my-4 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
}

@media only screen and (min-width: 769px) {
    .my-4 {
        margin-top: calc(1rem / 1.75) !important;
        margin-bottom: calc(1rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .my-4 {
        margin-top: calc(1rem / 1.5) !important;
        margin-bottom: calc(1rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .my-4 {
        margin-top: .8rem !important;
        margin-bottom: .8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .my-4 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }
}

.m-5 {
    margin: .625rem !important
}

@media only screen and (min-width: 769px) {
    .m-5 {
        margin: calc(1.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .m-5 {
        margin: calc(1.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .m-5 {
        margin: 1rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .m-5 {
        margin: 1.25rem !important
    }
}

.mt-5 {
    margin-top: .625rem !important
}

@media only screen and (min-width: 769px) {
    .mt-5 {
        margin-top: calc(1.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mt-5 {
        margin-top: calc(1.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mt-5 {
        margin-top: 1rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mt-5 {
        margin-top: 1.25rem !important
    }
}

.mr-5 {
    margin-right: .625rem !important
}

@media only screen and (min-width: 769px) {
    .mr-5 {
        margin-right: calc(1.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mr-5 {
        margin-right: calc(1.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mr-5 {
        margin-right: 1rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mr-5 {
        margin-right: 1.25rem !important
    }
}

.mb-5 {
    margin-bottom: .625rem !important
}

@media only screen and (min-width: 769px) {
    .mb-5 {
        margin-bottom: calc(1.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mb-5 {
        margin-bottom: calc(1.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mb-5 {
        margin-bottom: 1rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mb-5 {
        margin-bottom: 1.25rem !important
    }
}

.ml-5 {
    margin-left: .625rem !important
}

@media only screen and (min-width: 769px) {
    .ml-5 {
        margin-left: calc(1.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .ml-5 {
        margin-left: calc(1.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .ml-5 {
        margin-left: 1rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .ml-5 {
        margin-left: 1.25rem !important
    }
}

.mx-5 {
    margin-left: .625rem !important;
    margin-right: .625rem !important
}

@media only screen and (min-width: 769px) {
    .mx-5 {
        margin-left: calc(1.25rem / 1.75) !important;
        margin-right: calc(1.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mx-5 {
        margin-left: calc(1.25rem / 1.5) !important;
        margin-right: calc(1.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mx-5 {
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mx-5 {
        margin-left: 1.25rem !important;
        margin-right: 1.25rem !important
    }
}

.my-5 {
    margin-top: .625rem !important;
    margin-bottom: .625rem !important
}

@media only screen and (min-width: 769px) {
    .my-5 {
        margin-top: calc(1.25rem / 1.75) !important;
        margin-bottom: calc(1.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .my-5 {
        margin-top: calc(1.25rem / 1.5) !important;
        margin-bottom: calc(1.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .my-5 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .my-5 {
        margin-top: 1.25rem !important;
        margin-bottom: 1.25rem !important
    }
}

.m-6 {
    margin: .75rem !important
}

@media only screen and (min-width: 769px) {
    .m-6 {
        margin: calc(1.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .m-6 {
        margin: 1rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .m-6 {
        margin: calc(1.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .m-6 {
        margin: 1.5rem !important
    }
}

.mt-6 {
    margin-top: .75rem !important
}

@media only screen and (min-width: 769px) {
    .mt-6 {
        margin-top: calc(1.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mt-6 {
        margin-top: 1rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .mt-6 {
        margin-top: calc(1.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mt-6 {
        margin-top: 1.5rem !important
    }
}

.mr-6 {
    margin-right: .75rem !important
}

@media only screen and (min-width: 769px) {
    .mr-6 {
        margin-right: calc(1.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mr-6 {
        margin-right: 1rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .mr-6 {
        margin-right: calc(1.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mr-6 {
        margin-right: 1.5rem !important
    }
}

.mb-6 {
    margin-bottom: .75rem !important
}

@media only screen and (min-width: 769px) {
    .mb-6 {
        margin-bottom: calc(1.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mb-6 {
        margin-bottom: 1rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .mb-6 {
        margin-bottom: calc(1.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mb-6 {
        margin-bottom: 1.5rem !important
    }
}

.ml-6 {
    margin-left: .75rem !important
}

@media only screen and (min-width: 769px) {
    .ml-6 {
        margin-left: calc(1.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .ml-6 {
        margin-left: 1rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .ml-6 {
        margin-left: calc(1.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .ml-6 {
        margin-left: 1.5rem !important
    }
}

.mx-6 {
    margin-left: .75rem !important;
    margin-right: .75rem !important
}

@media only screen and (min-width: 769px) {
    .mx-6 {
        margin-left: calc(1.5rem / 1.75) !important;
        margin-right: calc(1.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mx-6 {
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .mx-6 {
        margin-left: calc(1.5rem / 1.25) !important;
        margin-right: calc(1.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mx-6 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important
    }
}

.my-6 {
    margin-top: .75rem !important;
    margin-bottom: .75rem !important
}

@media only screen and (min-width: 769px) {
    .my-6 {
        margin-top: calc(1.5rem / 1.75) !important;
        margin-bottom: calc(1.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .my-6 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .my-6 {
        margin-top: calc(1.5rem / 1.25) !important;
        margin-bottom: calc(1.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .my-6 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }
}

.m-7 {
    margin: .875rem !important
}

@media only screen and (min-width: 769px) {
    .m-7 {
        margin: 1rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .m-7 {
        margin: calc(1.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .m-7 {
        margin: calc(1.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .m-7 {
        margin: 1.75rem !important
    }
}

.mt-7 {
    margin-top: .875rem !important
}

@media only screen and (min-width: 769px) {
    .mt-7 {
        margin-top: 1rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .mt-7 {
        margin-top: calc(1.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mt-7 {
        margin-top: calc(1.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mt-7 {
        margin-top: 1.75rem !important
    }
}

.mr-7 {
    margin-right: .875rem !important
}

@media only screen and (min-width: 769px) {
    .mr-7 {
        margin-right: 1rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .mr-7 {
        margin-right: calc(1.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mr-7 {
        margin-right: calc(1.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mr-7 {
        margin-right: 1.75rem !important
    }
}

.mb-7 {
    margin-bottom: .875rem !important
}

@media only screen and (min-width: 769px) {
    .mb-7 {
        margin-bottom: 1rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .mb-7 {
        margin-bottom: calc(1.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mb-7 {
        margin-bottom: calc(1.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mb-7 {
        margin-bottom: 1.75rem !important
    }
}

.ml-7 {
    margin-left: .875rem !important
}

@media only screen and (min-width: 769px) {
    .ml-7 {
        margin-left: 1rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .ml-7 {
        margin-left: calc(1.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .ml-7 {
        margin-left: calc(1.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .ml-7 {
        margin-left: 1.75rem !important
    }
}

.mx-7 {
    margin-left: .875rem !important;
    margin-right: .875rem !important
}

@media only screen and (min-width: 769px) {
    .mx-7 {
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .mx-7 {
        margin-left: calc(1.75rem / 1.5) !important;
        margin-right: calc(1.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mx-7 {
        margin-left: calc(1.75rem / 1.25) !important;
        margin-right: calc(1.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mx-7 {
        margin-left: 1.75rem !important;
        margin-right: 1.75rem !important
    }
}

.my-7 {
    margin-top: .875rem !important;
    margin-bottom: .875rem !important
}

@media only screen and (min-width: 769px) {
    .my-7 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .my-7 {
        margin-top: calc(1.75rem / 1.5) !important;
        margin-bottom: calc(1.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .my-7 {
        margin-top: calc(1.75rem / 1.25) !important;
        margin-bottom: calc(1.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .my-7 {
        margin-top: 1.75rem !important;
        margin-bottom: 1.75rem !important
    }
}

.m-8 {
    margin: 1rem !important
}

@media only screen and (min-width: 769px) {
    .m-8 {
        margin: calc(2rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .m-8 {
        margin: calc(2rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .m-8 {
        margin: 1.6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .m-8 {
        margin: 2rem !important
    }
}

.mt-8 {
    margin-top: 1rem !important
}

@media only screen and (min-width: 769px) {
    .mt-8 {
        margin-top: calc(2rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mt-8 {
        margin-top: calc(2rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mt-8 {
        margin-top: 1.6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mt-8 {
        margin-top: 2rem !important
    }
}

.mr-8 {
    margin-right: 1rem !important
}

@media only screen and (min-width: 769px) {
    .mr-8 {
        margin-right: calc(2rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mr-8 {
        margin-right: calc(2rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mr-8 {
        margin-right: 1.6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mr-8 {
        margin-right: 2rem !important
    }
}

.mb-8 {
    margin-bottom: 1rem !important
}

@media only screen and (min-width: 769px) {
    .mb-8 {
        margin-bottom: calc(2rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mb-8 {
        margin-bottom: calc(2rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mb-8 {
        margin-bottom: 1.6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mb-8 {
        margin-bottom: 2rem !important
    }
}

.ml-8 {
    margin-left: 1rem !important
}

@media only screen and (min-width: 769px) {
    .ml-8 {
        margin-left: calc(2rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .ml-8 {
        margin-left: calc(2rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .ml-8 {
        margin-left: 1.6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .ml-8 {
        margin-left: 2rem !important
    }
}

.mx-8 {
    margin-left: 1rem !important;
    margin-right: 1rem !important
}

@media only screen and (min-width: 769px) {
    .mx-8 {
        margin-left: calc(2rem / 1.75) !important;
        margin-right: calc(2rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mx-8 {
        margin-left: calc(2rem / 1.5) !important;
        margin-right: calc(2rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mx-8 {
        margin-left: 1.6rem !important;
        margin-right: 1.6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mx-8 {
        margin-left: 2rem !important;
        margin-right: 2rem !important
    }
}

.my-8 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

@media only screen and (min-width: 769px) {
    .my-8 {
        margin-top: calc(2rem / 1.75) !important;
        margin-bottom: calc(2rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .my-8 {
        margin-top: calc(2rem / 1.5) !important;
        margin-bottom: calc(2rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .my-8 {
        margin-top: 1.6rem !important;
        margin-bottom: 1.6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .my-8 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important
    }
}

.m-9 {
    margin: 1.125rem !important
}

@media only screen and (min-width: 769px) {
    .m-9 {
        margin: calc(2.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .m-9 {
        margin: 1.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .m-9 {
        margin: 1.8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .m-9 {
        margin: 2.25rem !important
    }
}

.mt-9 {
    margin-top: 1.125rem !important
}

@media only screen and (min-width: 769px) {
    .mt-9 {
        margin-top: calc(2.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mt-9 {
        margin-top: 1.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .mt-9 {
        margin-top: 1.8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mt-9 {
        margin-top: 2.25rem !important
    }
}

.mr-9 {
    margin-right: 1.125rem !important
}

@media only screen and (min-width: 769px) {
    .mr-9 {
        margin-right: calc(2.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mr-9 {
        margin-right: 1.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .mr-9 {
        margin-right: 1.8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mr-9 {
        margin-right: 2.25rem !important
    }
}

.mb-9 {
    margin-bottom: 1.125rem !important
}

@media only screen and (min-width: 769px) {
    .mb-9 {
        margin-bottom: calc(2.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mb-9 {
        margin-bottom: 1.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .mb-9 {
        margin-bottom: 1.8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mb-9 {
        margin-bottom: 2.25rem !important
    }
}

.ml-9 {
    margin-left: 1.125rem !important
}

@media only screen and (min-width: 769px) {
    .ml-9 {
        margin-left: calc(2.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .ml-9 {
        margin-left: 1.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .ml-9 {
        margin-left: 1.8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .ml-9 {
        margin-left: 2.25rem !important
    }
}

.mx-9 {
    margin-left: 1.125rem !important;
    margin-right: 1.125rem !important
}

@media only screen and (min-width: 769px) {
    .mx-9 {
        margin-left: calc(2.25rem / 1.75) !important;
        margin-right: calc(2.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mx-9 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .mx-9 {
        margin-left: 1.8rem !important;
        margin-right: 1.8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mx-9 {
        margin-left: 2.25rem !important;
        margin-right: 2.25rem !important
    }
}

.my-9 {
    margin-top: 1.125rem !important;
    margin-bottom: 1.125rem !important
}

@media only screen and (min-width: 769px) {
    .my-9 {
        margin-top: calc(2.25rem / 1.75) !important;
        margin-bottom: calc(2.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .my-9 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .my-9 {
        margin-top: 1.8rem !important;
        margin-bottom: 1.8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .my-9 {
        margin-top: 2.25rem !important;
        margin-bottom: 2.25rem !important
    }
}

.m-10 {
    margin: 1.25rem !important
}

@media only screen and (min-width: 769px) {
    .m-10 {
        margin: calc(2.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .m-10 {
        margin: calc(2.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .m-10 {
        margin: 2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .m-10 {
        margin: 2.5rem !important
    }
}

.mt-10 {
    margin-top: 1.25rem !important
}

@media only screen and (min-width: 769px) {
    .mt-10 {
        margin-top: calc(2.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mt-10 {
        margin-top: calc(2.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mt-10 {
        margin-top: 2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mt-10 {
        margin-top: 2.5rem !important
    }
}

.mr-10 {
    margin-right: 1.25rem !important
}

@media only screen and (min-width: 769px) {
    .mr-10 {
        margin-right: calc(2.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mr-10 {
        margin-right: calc(2.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mr-10 {
        margin-right: 2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mr-10 {
        margin-right: 2.5rem !important
    }
}

.mb-10 {
    margin-bottom: 1.25rem !important
}

@media only screen and (min-width: 769px) {
    .mb-10 {
        margin-bottom: calc(2.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mb-10 {
        margin-bottom: calc(2.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mb-10 {
        margin-bottom: 2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mb-10 {
        margin-bottom: 2.5rem !important
    }
}

.ml-10 {
    margin-left: 1.25rem !important
}

@media only screen and (min-width: 769px) {
    .ml-10 {
        margin-left: calc(2.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .ml-10 {
        margin-left: calc(2.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .ml-10 {
        margin-left: 2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .ml-10 {
        margin-left: 2.5rem !important
    }
}

.mx-10 {
    margin-left: 1.25rem !important;
    margin-right: 1.25rem !important
}

@media only screen and (min-width: 769px) {
    .mx-10 {
        margin-left: calc(2.5rem / 1.75) !important;
        margin-right: calc(2.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mx-10 {
        margin-left: calc(2.5rem / 1.5) !important;
        margin-right: calc(2.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mx-10 {
        margin-left: 2rem !important;
        margin-right: 2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mx-10 {
        margin-left: 2.5rem !important;
        margin-right: 2.5rem !important
    }
}

.my-10 {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important
}

@media only screen and (min-width: 769px) {
    .my-10 {
        margin-top: calc(2.5rem / 1.75) !important;
        margin-bottom: calc(2.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .my-10 {
        margin-top: calc(2.5rem / 1.5) !important;
        margin-bottom: calc(2.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .my-10 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .my-10 {
        margin-top: 2.5rem !important;
        margin-bottom: 2.5rem !important
    }
}

.m-11 {
    margin: 1.375rem !important
}

@media only screen and (min-width: 769px) {
    .m-11 {
        margin: calc(2.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .m-11 {
        margin: calc(2.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .m-11 {
        margin: 2.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .m-11 {
        margin: 2.75rem !important
    }
}

.mt-11 {
    margin-top: 1.375rem !important
}

@media only screen and (min-width: 769px) {
    .mt-11 {
        margin-top: calc(2.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mt-11 {
        margin-top: calc(2.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mt-11 {
        margin-top: 2.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mt-11 {
        margin-top: 2.75rem !important
    }
}

.mr-11 {
    margin-right: 1.375rem !important
}

@media only screen and (min-width: 769px) {
    .mr-11 {
        margin-right: calc(2.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mr-11 {
        margin-right: calc(2.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mr-11 {
        margin-right: 2.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mr-11 {
        margin-right: 2.75rem !important
    }
}

.mb-11 {
    margin-bottom: 1.375rem !important
}

@media only screen and (min-width: 769px) {
    .mb-11 {
        margin-bottom: calc(2.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mb-11 {
        margin-bottom: calc(2.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mb-11 {
        margin-bottom: 2.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mb-11 {
        margin-bottom: 2.75rem !important
    }
}

.ml-11 {
    margin-left: 1.375rem !important
}

@media only screen and (min-width: 769px) {
    .ml-11 {
        margin-left: calc(2.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .ml-11 {
        margin-left: calc(2.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .ml-11 {
        margin-left: 2.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .ml-11 {
        margin-left: 2.75rem !important
    }
}

.mx-11 {
    margin-left: 1.375rem !important;
    margin-right: 1.375rem !important
}

@media only screen and (min-width: 769px) {
    .mx-11 {
        margin-left: calc(2.75rem / 1.75) !important;
        margin-right: calc(2.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mx-11 {
        margin-left: calc(2.75rem / 1.5) !important;
        margin-right: calc(2.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mx-11 {
        margin-left: 2.2rem !important;
        margin-right: 2.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mx-11 {
        margin-left: 2.75rem !important;
        margin-right: 2.75rem !important
    }
}

.my-11 {
    margin-top: 1.375rem !important;
    margin-bottom: 1.375rem !important
}

@media only screen and (min-width: 769px) {
    .my-11 {
        margin-top: calc(2.75rem / 1.75) !important;
        margin-bottom: calc(2.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .my-11 {
        margin-top: calc(2.75rem / 1.5) !important;
        margin-bottom: calc(2.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .my-11 {
        margin-top: 2.2rem !important;
        margin-bottom: 2.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .my-11 {
        margin-top: 2.75rem !important;
        margin-bottom: 2.75rem !important
    }
}

.m-12 {
    margin: 1.5rem !important
}

@media only screen and (min-width: 769px) {
    .m-12 {
        margin: calc(3rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .m-12 {
        margin: 2rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .m-12 {
        margin: calc(3rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .m-12 {
        margin: 3rem !important
    }
}

.mt-12 {
    margin-top: 1.5rem !important
}

@media only screen and (min-width: 769px) {
    .mt-12 {
        margin-top: calc(3rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mt-12 {
        margin-top: 2rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .mt-12 {
        margin-top: calc(3rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mt-12 {
        margin-top: 3rem !important
    }
}

.mr-12 {
    margin-right: 1.5rem !important
}

@media only screen and (min-width: 769px) {
    .mr-12 {
        margin-right: calc(3rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mr-12 {
        margin-right: 2rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .mr-12 {
        margin-right: calc(3rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mr-12 {
        margin-right: 3rem !important
    }
}

.mb-12 {
    margin-bottom: 1.5rem !important
}

@media only screen and (min-width: 769px) {
    .mb-12 {
        margin-bottom: calc(3rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mb-12 {
        margin-bottom: 2rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .mb-12 {
        margin-bottom: calc(3rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mb-12 {
        margin-bottom: 3rem !important
    }
}

.ml-12 {
    margin-left: 1.5rem !important
}

@media only screen and (min-width: 769px) {
    .ml-12 {
        margin-left: calc(3rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .ml-12 {
        margin-left: 2rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .ml-12 {
        margin-left: calc(3rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .ml-12 {
        margin-left: 3rem !important
    }
}

.mx-12 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important
}

@media only screen and (min-width: 769px) {
    .mx-12 {
        margin-left: calc(3rem / 1.75) !important;
        margin-right: calc(3rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mx-12 {
        margin-left: 2rem !important;
        margin-right: 2rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .mx-12 {
        margin-left: calc(3rem / 1.25) !important;
        margin-right: calc(3rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mx-12 {
        margin-left: 3rem !important;
        margin-right: 3rem !important
    }
}

.my-12 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

@media only screen and (min-width: 769px) {
    .my-12 {
        margin-top: calc(3rem / 1.75) !important;
        margin-bottom: calc(3rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .my-12 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .my-12 {
        margin-top: calc(3rem / 1.25) !important;
        margin-bottom: calc(3rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .my-12 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }
}

.m-13 {
    margin: 1.625rem !important
}

@media only screen and (min-width: 769px) {
    .m-13 {
        margin: calc(3.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .m-13 {
        margin: calc(3.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .m-13 {
        margin: 2.6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .m-13 {
        margin: 3.25rem !important
    }
}

.mt-13 {
    margin-top: 1.625rem !important
}

@media only screen and (min-width: 769px) {
    .mt-13 {
        margin-top: calc(3.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mt-13 {
        margin-top: calc(3.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mt-13 {
        margin-top: 2.6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mt-13 {
        margin-top: 3.25rem !important
    }
}

.mr-13 {
    margin-right: 1.625rem !important
}

@media only screen and (min-width: 769px) {
    .mr-13 {
        margin-right: calc(3.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mr-13 {
        margin-right: calc(3.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mr-13 {
        margin-right: 2.6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mr-13 {
        margin-right: 3.25rem !important
    }
}

.mb-13 {
    margin-bottom: 1.625rem !important
}

@media only screen and (min-width: 769px) {
    .mb-13 {
        margin-bottom: calc(3.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mb-13 {
        margin-bottom: calc(3.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mb-13 {
        margin-bottom: 2.6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mb-13 {
        margin-bottom: 3.25rem !important
    }
}

.ml-13 {
    margin-left: 1.625rem !important
}

@media only screen and (min-width: 769px) {
    .ml-13 {
        margin-left: calc(3.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .ml-13 {
        margin-left: calc(3.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .ml-13 {
        margin-left: 2.6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .ml-13 {
        margin-left: 3.25rem !important
    }
}

.mx-13 {
    margin-left: 1.625rem !important;
    margin-right: 1.625rem !important
}

@media only screen and (min-width: 769px) {
    .mx-13 {
        margin-left: calc(3.25rem / 1.75) !important;
        margin-right: calc(3.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mx-13 {
        margin-left: calc(3.25rem / 1.5) !important;
        margin-right: calc(3.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mx-13 {
        margin-left: 2.6rem !important;
        margin-right: 2.6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mx-13 {
        margin-left: 3.25rem !important;
        margin-right: 3.25rem !important
    }
}

.my-13 {
    margin-top: 1.625rem !important;
    margin-bottom: 1.625rem !important
}

@media only screen and (min-width: 769px) {
    .my-13 {
        margin-top: calc(3.25rem / 1.75) !important;
        margin-bottom: calc(3.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .my-13 {
        margin-top: calc(3.25rem / 1.5) !important;
        margin-bottom: calc(3.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .my-13 {
        margin-top: 2.6rem !important;
        margin-bottom: 2.6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .my-13 {
        margin-top: 3.25rem !important;
        margin-bottom: 3.25rem !important
    }
}

.m-14 {
    margin: 1.75rem !important
}

@media only screen and (min-width: 769px) {
    .m-14 {
        margin: 2rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .m-14 {
        margin: calc(3.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .m-14 {
        margin: calc(3.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .m-14 {
        margin: 3.5rem !important
    }
}

.mt-14 {
    margin-top: 1.75rem !important
}

@media only screen and (min-width: 769px) {
    .mt-14 {
        margin-top: 2rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .mt-14 {
        margin-top: calc(3.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mt-14 {
        margin-top: calc(3.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mt-14 {
        margin-top: 3.5rem !important
    }
}

.mr-14 {
    margin-right: 1.75rem !important
}

@media only screen and (min-width: 769px) {
    .mr-14 {
        margin-right: 2rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .mr-14 {
        margin-right: calc(3.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mr-14 {
        margin-right: calc(3.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mr-14 {
        margin-right: 3.5rem !important
    }
}

.mb-14 {
    margin-bottom: 1.75rem !important
}

@media only screen and (min-width: 769px) {
    .mb-14 {
        margin-bottom: 2rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .mb-14 {
        margin-bottom: calc(3.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mb-14 {
        margin-bottom: calc(3.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mb-14 {
        margin-bottom: 3.5rem !important
    }
}

.ml-14 {
    margin-left: 1.75rem !important
}

@media only screen and (min-width: 769px) {
    .ml-14 {
        margin-left: 2rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .ml-14 {
        margin-left: calc(3.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .ml-14 {
        margin-left: calc(3.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .ml-14 {
        margin-left: 3.5rem !important
    }
}

.mx-14 {
    margin-left: 1.75rem !important;
    margin-right: 1.75rem !important
}

@media only screen and (min-width: 769px) {
    .mx-14 {
        margin-left: 2rem !important;
        margin-right: 2rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .mx-14 {
        margin-left: calc(3.5rem / 1.5) !important;
        margin-right: calc(3.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mx-14 {
        margin-left: calc(3.5rem / 1.25) !important;
        margin-right: calc(3.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mx-14 {
        margin-left: 3.5rem !important;
        margin-right: 3.5rem !important
    }
}

.my-14 {
    margin-top: 1.75rem !important;
    margin-bottom: 1.75rem !important
}

@media only screen and (min-width: 769px) {
    .my-14 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .my-14 {
        margin-top: calc(3.5rem / 1.5) !important;
        margin-bottom: calc(3.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .my-14 {
        margin-top: calc(3.5rem / 1.25) !important;
        margin-bottom: calc(3.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .my-14 {
        margin-top: 3.5rem !important;
        margin-bottom: 3.5rem !important
    }
}

.m-15 {
    margin: 1.875rem !important
}

@media only screen and (min-width: 769px) {
    .m-15 {
        margin: calc(3.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .m-15 {
        margin: 2.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .m-15 {
        margin: 3rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .m-15 {
        margin: 3.75rem !important
    }
}

.mt-15 {
    margin-top: 1.875rem !important
}

@media only screen and (min-width: 769px) {
    .mt-15 {
        margin-top: calc(3.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mt-15 {
        margin-top: 2.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .mt-15 {
        margin-top: 3rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mt-15 {
        margin-top: 3.75rem !important
    }
}

.mr-15 {
    margin-right: 1.875rem !important
}

@media only screen and (min-width: 769px) {
    .mr-15 {
        margin-right: calc(3.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mr-15 {
        margin-right: 2.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .mr-15 {
        margin-right: 3rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mr-15 {
        margin-right: 3.75rem !important
    }
}

.mb-15 {
    margin-bottom: 1.875rem !important
}

@media only screen and (min-width: 769px) {
    .mb-15 {
        margin-bottom: calc(3.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mb-15 {
        margin-bottom: 2.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .mb-15 {
        margin-bottom: 3rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mb-15 {
        margin-bottom: 3.75rem !important
    }
}

.ml-15 {
    margin-left: 1.875rem !important
}

@media only screen and (min-width: 769px) {
    .ml-15 {
        margin-left: calc(3.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .ml-15 {
        margin-left: 2.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .ml-15 {
        margin-left: 3rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .ml-15 {
        margin-left: 3.75rem !important
    }
}

.mx-15 {
    margin-left: 1.875rem !important;
    margin-right: 1.875rem !important
}

@media only screen and (min-width: 769px) {
    .mx-15 {
        margin-left: calc(3.75rem / 1.75) !important;
        margin-right: calc(3.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mx-15 {
        margin-left: 2.5rem !important;
        margin-right: 2.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .mx-15 {
        margin-left: 3rem !important;
        margin-right: 3rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mx-15 {
        margin-left: 3.75rem !important;
        margin-right: 3.75rem !important
    }
}

.my-15 {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important
}

@media only screen and (min-width: 769px) {
    .my-15 {
        margin-top: calc(3.75rem / 1.75) !important;
        margin-bottom: calc(3.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .my-15 {
        margin-top: 2.5rem !important;
        margin-bottom: 2.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .my-15 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .my-15 {
        margin-top: 3.75rem !important;
        margin-bottom: 3.75rem !important
    }
}

.m-16 {
    margin: 2rem !important
}

@media only screen and (min-width: 769px) {
    .m-16 {
        margin: calc(4rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .m-16 {
        margin: calc(4rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .m-16 {
        margin: 3.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .m-16 {
        margin: 4rem !important
    }
}

.mt-16 {
    margin-top: 2rem !important
}

@media only screen and (min-width: 769px) {
    .mt-16 {
        margin-top: calc(4rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mt-16 {
        margin-top: calc(4rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mt-16 {
        margin-top: 3.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mt-16 {
        margin-top: 4rem !important
    }
}

.mr-16 {
    margin-right: 2rem !important
}

@media only screen and (min-width: 769px) {
    .mr-16 {
        margin-right: calc(4rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mr-16 {
        margin-right: calc(4rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mr-16 {
        margin-right: 3.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mr-16 {
        margin-right: 4rem !important
    }
}

.mb-16 {
    margin-bottom: 2rem !important
}

@media only screen and (min-width: 769px) {
    .mb-16 {
        margin-bottom: calc(4rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mb-16 {
        margin-bottom: calc(4rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mb-16 {
        margin-bottom: 3.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mb-16 {
        margin-bottom: 4rem !important
    }
}

.ml-16 {
    margin-left: 2rem !important
}

@media only screen and (min-width: 769px) {
    .ml-16 {
        margin-left: calc(4rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .ml-16 {
        margin-left: calc(4rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .ml-16 {
        margin-left: 3.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .ml-16 {
        margin-left: 4rem !important
    }
}

.mx-16 {
    margin-left: 2rem !important;
    margin-right: 2rem !important
}

@media only screen and (min-width: 769px) {
    .mx-16 {
        margin-left: calc(4rem / 1.75) !important;
        margin-right: calc(4rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mx-16 {
        margin-left: calc(4rem / 1.5) !important;
        margin-right: calc(4rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mx-16 {
        margin-left: 3.2rem !important;
        margin-right: 3.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mx-16 {
        margin-left: 4rem !important;
        margin-right: 4rem !important
    }
}

.my-16 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important
}

@media only screen and (min-width: 769px) {
    .my-16 {
        margin-top: calc(4rem / 1.75) !important;
        margin-bottom: calc(4rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .my-16 {
        margin-top: calc(4rem / 1.5) !important;
        margin-bottom: calc(4rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .my-16 {
        margin-top: 3.2rem !important;
        margin-bottom: 3.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .my-16 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important
    }
}

.m-17 {
    margin: 2.125rem !important
}

@media only screen and (min-width: 769px) {
    .m-17 {
        margin: calc(4.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .m-17 {
        margin: calc(4.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .m-17 {
        margin: calc(4.25rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .m-17 {
        margin: 4.25rem !important
    }
}

.mt-17 {
    margin-top: 2.125rem !important
}

@media only screen and (min-width: 769px) {
    .mt-17 {
        margin-top: calc(4.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mt-17 {
        margin-top: calc(4.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mt-17 {
        margin-top: calc(4.25rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mt-17 {
        margin-top: 4.25rem !important
    }
}

.mr-17 {
    margin-right: 2.125rem !important
}

@media only screen and (min-width: 769px) {
    .mr-17 {
        margin-right: calc(4.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mr-17 {
        margin-right: calc(4.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mr-17 {
        margin-right: calc(4.25rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mr-17 {
        margin-right: 4.25rem !important
    }
}

.mb-17 {
    margin-bottom: 2.125rem !important
}

@media only screen and (min-width: 769px) {
    .mb-17 {
        margin-bottom: calc(4.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mb-17 {
        margin-bottom: calc(4.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mb-17 {
        margin-bottom: calc(4.25rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mb-17 {
        margin-bottom: 4.25rem !important
    }
}

.ml-17 {
    margin-left: 2.125rem !important
}

@media only screen and (min-width: 769px) {
    .ml-17 {
        margin-left: calc(4.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .ml-17 {
        margin-left: calc(4.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .ml-17 {
        margin-left: calc(4.25rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .ml-17 {
        margin-left: 4.25rem !important
    }
}

.mx-17 {
    margin-left: 2.125rem !important;
    margin-right: 2.125rem !important
}

@media only screen and (min-width: 769px) {
    .mx-17 {
        margin-left: calc(4.25rem / 1.75) !important;
        margin-right: calc(4.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mx-17 {
        margin-left: calc(4.25rem / 1.5) !important;
        margin-right: calc(4.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mx-17 {
        margin-left: calc(4.25rem / 1.25) !important;
        margin-right: calc(4.25rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mx-17 {
        margin-left: 4.25rem !important;
        margin-right: 4.25rem !important
    }
}

.my-17 {
    margin-top: 2.125rem !important;
    margin-bottom: 2.125rem !important
}

@media only screen and (min-width: 769px) {
    .my-17 {
        margin-top: calc(4.25rem / 1.75) !important;
        margin-bottom: calc(4.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .my-17 {
        margin-top: calc(4.25rem / 1.5) !important;
        margin-bottom: calc(4.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .my-17 {
        margin-top: calc(4.25rem / 1.25) !important;
        margin-bottom: calc(4.25rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .my-17 {
        margin-top: 4.25rem !important;
        margin-bottom: 4.25rem !important
    }
}

.m-18 {
    margin: 2.25rem !important
}

@media only screen and (min-width: 769px) {
    .m-18 {
        margin: calc(4.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .m-18 {
        margin: 3rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .m-18 {
        margin: 3.6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .m-18 {
        margin: 4.5rem !important
    }
}

.mt-18 {
    margin-top: 2.25rem !important
}

@media only screen and (min-width: 769px) {
    .mt-18 {
        margin-top: calc(4.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mt-18 {
        margin-top: 3rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .mt-18 {
        margin-top: 3.6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mt-18 {
        margin-top: 4.5rem !important
    }
}

.mr-18 {
    margin-right: 2.25rem !important
}

@media only screen and (min-width: 769px) {
    .mr-18 {
        margin-right: calc(4.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mr-18 {
        margin-right: 3rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .mr-18 {
        margin-right: 3.6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mr-18 {
        margin-right: 4.5rem !important
    }
}

.mb-18 {
    margin-bottom: 2.25rem !important
}

@media only screen and (min-width: 769px) {
    .mb-18 {
        margin-bottom: calc(4.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mb-18 {
        margin-bottom: 3rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .mb-18 {
        margin-bottom: 3.6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mb-18 {
        margin-bottom: 4.5rem !important
    }
}

.ml-18 {
    margin-left: 2.25rem !important
}

@media only screen and (min-width: 769px) {
    .ml-18 {
        margin-left: calc(4.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .ml-18 {
        margin-left: 3rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .ml-18 {
        margin-left: 3.6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .ml-18 {
        margin-left: 4.5rem !important
    }
}

.mx-18 {
    margin-left: 2.25rem !important;
    margin-right: 2.25rem !important
}

@media only screen and (min-width: 769px) {
    .mx-18 {
        margin-left: calc(4.5rem / 1.75) !important;
        margin-right: calc(4.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mx-18 {
        margin-left: 3rem !important;
        margin-right: 3rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .mx-18 {
        margin-left: 3.6rem !important;
        margin-right: 3.6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mx-18 {
        margin-left: 4.5rem !important;
        margin-right: 4.5rem !important
    }
}

.my-18 {
    margin-top: 2.25rem !important;
    margin-bottom: 2.25rem !important
}

@media only screen and (min-width: 769px) {
    .my-18 {
        margin-top: calc(4.5rem / 1.75) !important;
        margin-bottom: calc(4.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .my-18 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .my-18 {
        margin-top: 3.6rem !important;
        margin-bottom: 3.6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .my-18 {
        margin-top: 4.5rem !important;
        margin-bottom: 4.5rem !important
    }
}

.m-19 {
    margin: 2.375rem !important
}

@media only screen and (min-width: 769px) {
    .m-19 {
        margin: calc(4.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .m-19 {
        margin: calc(4.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .m-19 {
        margin: calc(4.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .m-19 {
        margin: 4.75rem !important
    }
}

.mt-19 {
    margin-top: 2.375rem !important
}

@media only screen and (min-width: 769px) {
    .mt-19 {
        margin-top: calc(4.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mt-19 {
        margin-top: calc(4.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mt-19 {
        margin-top: calc(4.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mt-19 {
        margin-top: 4.75rem !important
    }
}

.mr-19 {
    margin-right: 2.375rem !important
}

@media only screen and (min-width: 769px) {
    .mr-19 {
        margin-right: calc(4.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mr-19 {
        margin-right: calc(4.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mr-19 {
        margin-right: calc(4.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mr-19 {
        margin-right: 4.75rem !important
    }
}

.mb-19 {
    margin-bottom: 2.375rem !important
}

@media only screen and (min-width: 769px) {
    .mb-19 {
        margin-bottom: calc(4.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mb-19 {
        margin-bottom: calc(4.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mb-19 {
        margin-bottom: calc(4.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mb-19 {
        margin-bottom: 4.75rem !important
    }
}

.ml-19 {
    margin-left: 2.375rem !important
}

@media only screen and (min-width: 769px) {
    .ml-19 {
        margin-left: calc(4.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .ml-19 {
        margin-left: calc(4.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .ml-19 {
        margin-left: calc(4.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .ml-19 {
        margin-left: 4.75rem !important
    }
}

.mx-19 {
    margin-left: 2.375rem !important;
    margin-right: 2.375rem !important
}

@media only screen and (min-width: 769px) {
    .mx-19 {
        margin-left: calc(4.75rem / 1.75) !important;
        margin-right: calc(4.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mx-19 {
        margin-left: calc(4.75rem / 1.5) !important;
        margin-right: calc(4.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mx-19 {
        margin-left: calc(4.75rem / 1.25) !important;
        margin-right: calc(4.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mx-19 {
        margin-left: 4.75rem !important;
        margin-right: 4.75rem !important
    }
}

.my-19 {
    margin-top: 2.375rem !important;
    margin-bottom: 2.375rem !important
}

@media only screen and (min-width: 769px) {
    .my-19 {
        margin-top: calc(4.75rem / 1.75) !important;
        margin-bottom: calc(4.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .my-19 {
        margin-top: calc(4.75rem / 1.5) !important;
        margin-bottom: calc(4.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .my-19 {
        margin-top: calc(4.75rem / 1.25) !important;
        margin-bottom: calc(4.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .my-19 {
        margin-top: 4.75rem !important;
        margin-bottom: 4.75rem !important
    }
}

.m-20 {
    margin: 2.5rem !important
}

@media only screen and (min-width: 769px) {
    .m-20 {
        margin: calc(5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .m-20 {
        margin: calc(5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .m-20 {
        margin: 4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .m-20 {
        margin: 5rem !important
    }
}

.mt-20 {
    margin-top: 2.5rem !important
}

@media only screen and (min-width: 769px) {
    .mt-20 {
        margin-top: calc(5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mt-20 {
        margin-top: calc(5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mt-20 {
        margin-top: 4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mt-20 {
        margin-top: 5rem !important
    }
}

.mr-20 {
    margin-right: 2.5rem !important
}

@media only screen and (min-width: 769px) {
    .mr-20 {
        margin-right: calc(5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mr-20 {
        margin-right: calc(5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mr-20 {
        margin-right: 4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mr-20 {
        margin-right: 5rem !important
    }
}

.mb-20 {
    margin-bottom: 2.5rem !important
}

@media only screen and (min-width: 769px) {
    .mb-20 {
        margin-bottom: calc(5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mb-20 {
        margin-bottom: calc(5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mb-20 {
        margin-bottom: 4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mb-20 {
        margin-bottom: 5rem !important
    }
}

.ml-20 {
    margin-left: 2.5rem !important
}

@media only screen and (min-width: 769px) {
    .ml-20 {
        margin-left: calc(5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .ml-20 {
        margin-left: calc(5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .ml-20 {
        margin-left: 4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .ml-20 {
        margin-left: 5rem !important
    }
}

.mx-20 {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important
}

@media only screen and (min-width: 769px) {
    .mx-20 {
        margin-left: calc(5rem / 1.75) !important;
        margin-right: calc(5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mx-20 {
        margin-left: calc(5rem / 1.5) !important;
        margin-right: calc(5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mx-20 {
        margin-left: 4rem !important;
        margin-right: 4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mx-20 {
        margin-left: 5rem !important;
        margin-right: 5rem !important
    }
}

.my-20 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important
}

@media only screen and (min-width: 769px) {
    .my-20 {
        margin-top: calc(5rem / 1.75) !important;
        margin-bottom: calc(5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .my-20 {
        margin-top: calc(5rem / 1.5) !important;
        margin-bottom: calc(5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .my-20 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .my-20 {
        margin-top: 5rem !important;
        margin-bottom: 5rem !important
    }
}

.m-21 {
    margin: 2.625rem !important
}

@media only screen and (min-width: 769px) {
    .m-21 {
        margin: 3rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .m-21 {
        margin: 3.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .m-21 {
        margin: 4.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .m-21 {
        margin: 5.25rem !important
    }
}

.mt-21 {
    margin-top: 2.625rem !important
}

@media only screen and (min-width: 769px) {
    .mt-21 {
        margin-top: 3rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .mt-21 {
        margin-top: 3.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .mt-21 {
        margin-top: 4.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mt-21 {
        margin-top: 5.25rem !important
    }
}

.mr-21 {
    margin-right: 2.625rem !important
}

@media only screen and (min-width: 769px) {
    .mr-21 {
        margin-right: 3rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .mr-21 {
        margin-right: 3.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .mr-21 {
        margin-right: 4.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mr-21 {
        margin-right: 5.25rem !important
    }
}

.mb-21 {
    margin-bottom: 2.625rem !important
}

@media only screen and (min-width: 769px) {
    .mb-21 {
        margin-bottom: 3rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .mb-21 {
        margin-bottom: 3.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .mb-21 {
        margin-bottom: 4.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mb-21 {
        margin-bottom: 5.25rem !important
    }
}

.ml-21 {
    margin-left: 2.625rem !important
}

@media only screen and (min-width: 769px) {
    .ml-21 {
        margin-left: 3rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .ml-21 {
        margin-left: 3.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .ml-21 {
        margin-left: 4.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .ml-21 {
        margin-left: 5.25rem !important
    }
}

.mx-21 {
    margin-left: 2.625rem !important;
    margin-right: 2.625rem !important
}

@media only screen and (min-width: 769px) {
    .mx-21 {
        margin-left: 3rem !important;
        margin-right: 3rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .mx-21 {
        margin-left: 3.5rem !important;
        margin-right: 3.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .mx-21 {
        margin-left: 4.2rem !important;
        margin-right: 4.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mx-21 {
        margin-left: 5.25rem !important;
        margin-right: 5.25rem !important
    }
}

.my-21 {
    margin-top: 2.625rem !important;
    margin-bottom: 2.625rem !important
}

@media only screen and (min-width: 769px) {
    .my-21 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .my-21 {
        margin-top: 3.5rem !important;
        margin-bottom: 3.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .my-21 {
        margin-top: 4.2rem !important;
        margin-bottom: 4.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .my-21 {
        margin-top: 5.25rem !important;
        margin-bottom: 5.25rem !important
    }
}

.m-22 {
    margin: 2.75rem !important
}

@media only screen and (min-width: 769px) {
    .m-22 {
        margin: calc(5.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .m-22 {
        margin: calc(5.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .m-22 {
        margin: 4.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .m-22 {
        margin: 5.5rem !important
    }
}

.mt-22 {
    margin-top: 2.75rem !important
}

@media only screen and (min-width: 769px) {
    .mt-22 {
        margin-top: calc(5.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mt-22 {
        margin-top: calc(5.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mt-22 {
        margin-top: 4.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mt-22 {
        margin-top: 5.5rem !important
    }
}

.mr-22 {
    margin-right: 2.75rem !important
}

@media only screen and (min-width: 769px) {
    .mr-22 {
        margin-right: calc(5.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mr-22 {
        margin-right: calc(5.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mr-22 {
        margin-right: 4.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mr-22 {
        margin-right: 5.5rem !important
    }
}

.mb-22 {
    margin-bottom: 2.75rem !important
}

@media only screen and (min-width: 769px) {
    .mb-22 {
        margin-bottom: calc(5.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mb-22 {
        margin-bottom: calc(5.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mb-22 {
        margin-bottom: 4.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mb-22 {
        margin-bottom: 5.5rem !important
    }
}

.ml-22 {
    margin-left: 2.75rem !important
}

@media only screen and (min-width: 769px) {
    .ml-22 {
        margin-left: calc(5.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .ml-22 {
        margin-left: calc(5.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .ml-22 {
        margin-left: 4.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .ml-22 {
        margin-left: 5.5rem !important
    }
}

.mx-22 {
    margin-left: 2.75rem !important;
    margin-right: 2.75rem !important
}

@media only screen and (min-width: 769px) {
    .mx-22 {
        margin-left: calc(5.5rem / 1.75) !important;
        margin-right: calc(5.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mx-22 {
        margin-left: calc(5.5rem / 1.5) !important;
        margin-right: calc(5.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mx-22 {
        margin-left: 4.4rem !important;
        margin-right: 4.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mx-22 {
        margin-left: 5.5rem !important;
        margin-right: 5.5rem !important
    }
}

.my-22 {
    margin-top: 2.75rem !important;
    margin-bottom: 2.75rem !important
}

@media only screen and (min-width: 769px) {
    .my-22 {
        margin-top: calc(5.5rem / 1.75) !important;
        margin-bottom: calc(5.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .my-22 {
        margin-top: calc(5.5rem / 1.5) !important;
        margin-bottom: calc(5.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .my-22 {
        margin-top: 4.4rem !important;
        margin-bottom: 4.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .my-22 {
        margin-top: 5.5rem !important;
        margin-bottom: 5.5rem !important
    }
}

.m-23 {
    margin: 2.875rem !important
}

@media only screen and (min-width: 769px) {
    .m-23 {
        margin: calc(5.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .m-23 {
        margin: calc(5.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .m-23 {
        margin: calc(5.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .m-23 {
        margin: 5.75rem !important
    }
}

.mt-23 {
    margin-top: 2.875rem !important
}

@media only screen and (min-width: 769px) {
    .mt-23 {
        margin-top: calc(5.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mt-23 {
        margin-top: calc(5.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mt-23 {
        margin-top: calc(5.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mt-23 {
        margin-top: 5.75rem !important
    }
}

.mr-23 {
    margin-right: 2.875rem !important
}

@media only screen and (min-width: 769px) {
    .mr-23 {
        margin-right: calc(5.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mr-23 {
        margin-right: calc(5.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mr-23 {
        margin-right: calc(5.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mr-23 {
        margin-right: 5.75rem !important
    }
}

.mb-23 {
    margin-bottom: 2.875rem !important
}

@media only screen and (min-width: 769px) {
    .mb-23 {
        margin-bottom: calc(5.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mb-23 {
        margin-bottom: calc(5.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mb-23 {
        margin-bottom: calc(5.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mb-23 {
        margin-bottom: 5.75rem !important
    }
}

.ml-23 {
    margin-left: 2.875rem !important
}

@media only screen and (min-width: 769px) {
    .ml-23 {
        margin-left: calc(5.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .ml-23 {
        margin-left: calc(5.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .ml-23 {
        margin-left: calc(5.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .ml-23 {
        margin-left: 5.75rem !important
    }
}

.mx-23 {
    margin-left: 2.875rem !important;
    margin-right: 2.875rem !important
}

@media only screen and (min-width: 769px) {
    .mx-23 {
        margin-left: calc(5.75rem / 1.75) !important;
        margin-right: calc(5.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mx-23 {
        margin-left: calc(5.75rem / 1.5) !important;
        margin-right: calc(5.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mx-23 {
        margin-left: calc(5.75rem / 1.25) !important;
        margin-right: calc(5.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mx-23 {
        margin-left: 5.75rem !important;
        margin-right: 5.75rem !important
    }
}

.my-23 {
    margin-top: 2.875rem !important;
    margin-bottom: 2.875rem !important
}

@media only screen and (min-width: 769px) {
    .my-23 {
        margin-top: calc(5.75rem / 1.75) !important;
        margin-bottom: calc(5.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .my-23 {
        margin-top: calc(5.75rem / 1.5) !important;
        margin-bottom: calc(5.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .my-23 {
        margin-top: calc(5.75rem / 1.25) !important;
        margin-bottom: calc(5.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .my-23 {
        margin-top: 5.75rem !important;
        margin-bottom: 5.75rem !important
    }
}

.m-24 {
    margin: 3rem !important
}

@media only screen and (min-width: 769px) {
    .m-24 {
        margin: calc(6rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .m-24 {
        margin: 4rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .m-24 {
        margin: calc(6rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .m-24 {
        margin: 6rem !important
    }
}

.mt-24 {
    margin-top: 3rem !important
}

@media only screen and (min-width: 769px) {
    .mt-24 {
        margin-top: calc(6rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mt-24 {
        margin-top: 4rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .mt-24 {
        margin-top: calc(6rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mt-24 {
        margin-top: 6rem !important
    }
}

.mr-24 {
    margin-right: 3rem !important
}

@media only screen and (min-width: 769px) {
    .mr-24 {
        margin-right: calc(6rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mr-24 {
        margin-right: 4rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .mr-24 {
        margin-right: calc(6rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mr-24 {
        margin-right: 6rem !important
    }
}

.mb-24 {
    margin-bottom: 3rem !important
}

@media only screen and (min-width: 769px) {
    .mb-24 {
        margin-bottom: calc(6rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mb-24 {
        margin-bottom: 4rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .mb-24 {
        margin-bottom: calc(6rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mb-24 {
        margin-bottom: 6rem !important
    }
}

.ml-24 {
    margin-left: 3rem !important
}

@media only screen and (min-width: 769px) {
    .ml-24 {
        margin-left: calc(6rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .ml-24 {
        margin-left: 4rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .ml-24 {
        margin-left: calc(6rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .ml-24 {
        margin-left: 6rem !important
    }
}

.mx-24 {
    margin-left: 3rem !important;
    margin-right: 3rem !important
}

@media only screen and (min-width: 769px) {
    .mx-24 {
        margin-left: calc(6rem / 1.75) !important;
        margin-right: calc(6rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mx-24 {
        margin-left: 4rem !important;
        margin-right: 4rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .mx-24 {
        margin-left: calc(6rem / 1.25) !important;
        margin-right: calc(6rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mx-24 {
        margin-left: 6rem !important;
        margin-right: 6rem !important
    }
}

.my-24 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

@media only screen and (min-width: 769px) {
    .my-24 {
        margin-top: calc(6rem / 1.75) !important;
        margin-bottom: calc(6rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .my-24 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .my-24 {
        margin-top: calc(6rem / 1.25) !important;
        margin-bottom: calc(6rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .my-24 {
        margin-top: 6rem !important;
        margin-bottom: 6rem !important
    }
}

.m-25 {
    margin: 3.125rem !important
}

@media only screen and (min-width: 769px) {
    .m-25 {
        margin: calc(6.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .m-25 {
        margin: calc(6.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .m-25 {
        margin: 5rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .m-25 {
        margin: 6.25rem !important
    }
}

.mt-25 {
    margin-top: 3.125rem !important
}

@media only screen and (min-width: 769px) {
    .mt-25 {
        margin-top: calc(6.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mt-25 {
        margin-top: calc(6.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mt-25 {
        margin-top: 5rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mt-25 {
        margin-top: 6.25rem !important
    }
}

.mr-25 {
    margin-right: 3.125rem !important
}

@media only screen and (min-width: 769px) {
    .mr-25 {
        margin-right: calc(6.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mr-25 {
        margin-right: calc(6.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mr-25 {
        margin-right: 5rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mr-25 {
        margin-right: 6.25rem !important
    }
}

.mb-25 {
    margin-bottom: 3.125rem !important
}

@media only screen and (min-width: 769px) {
    .mb-25 {
        margin-bottom: calc(6.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mb-25 {
        margin-bottom: calc(6.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mb-25 {
        margin-bottom: 5rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mb-25 {
        margin-bottom: 6.25rem !important
    }
}

.ml-25 {
    margin-left: 3.125rem !important
}

@media only screen and (min-width: 769px) {
    .ml-25 {
        margin-left: calc(6.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .ml-25 {
        margin-left: calc(6.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .ml-25 {
        margin-left: 5rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .ml-25 {
        margin-left: 6.25rem !important
    }
}

.mx-25 {
    margin-left: 3.125rem !important;
    margin-right: 3.125rem !important
}

@media only screen and (min-width: 769px) {
    .mx-25 {
        margin-left: calc(6.25rem / 1.75) !important;
        margin-right: calc(6.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mx-25 {
        margin-left: calc(6.25rem / 1.5) !important;
        margin-right: calc(6.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mx-25 {
        margin-left: 5rem !important;
        margin-right: 5rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mx-25 {
        margin-left: 6.25rem !important;
        margin-right: 6.25rem !important
    }
}

.my-25 {
    margin-top: 3.125rem !important;
    margin-bottom: 3.125rem !important
}

@media only screen and (min-width: 769px) {
    .my-25 {
        margin-top: calc(6.25rem / 1.75) !important;
        margin-bottom: calc(6.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .my-25 {
        margin-top: calc(6.25rem / 1.5) !important;
        margin-bottom: calc(6.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .my-25 {
        margin-top: 5rem !important;
        margin-bottom: 5rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .my-25 {
        margin-top: 6.25rem !important;
        margin-bottom: 6.25rem !important
    }
}

.m-26 {
    margin: 3.25rem !important
}

@media only screen and (min-width: 769px) {
    .m-26 {
        margin: calc(6.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .m-26 {
        margin: calc(6.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .m-26 {
        margin: 5.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .m-26 {
        margin: 6.5rem !important
    }
}

.mt-26 {
    margin-top: 3.25rem !important
}

@media only screen and (min-width: 769px) {
    .mt-26 {
        margin-top: calc(6.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mt-26 {
        margin-top: calc(6.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mt-26 {
        margin-top: 5.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mt-26 {
        margin-top: 6.5rem !important
    }
}

.mr-26 {
    margin-right: 3.25rem !important
}

@media only screen and (min-width: 769px) {
    .mr-26 {
        margin-right: calc(6.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mr-26 {
        margin-right: calc(6.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mr-26 {
        margin-right: 5.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mr-26 {
        margin-right: 6.5rem !important
    }
}

.mb-26 {
    margin-bottom: 3.25rem !important
}

@media only screen and (min-width: 769px) {
    .mb-26 {
        margin-bottom: calc(6.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mb-26 {
        margin-bottom: calc(6.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mb-26 {
        margin-bottom: 5.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mb-26 {
        margin-bottom: 6.5rem !important
    }
}

.ml-26 {
    margin-left: 3.25rem !important
}

@media only screen and (min-width: 769px) {
    .ml-26 {
        margin-left: calc(6.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .ml-26 {
        margin-left: calc(6.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .ml-26 {
        margin-left: 5.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .ml-26 {
        margin-left: 6.5rem !important
    }
}

.mx-26 {
    margin-left: 3.25rem !important;
    margin-right: 3.25rem !important
}

@media only screen and (min-width: 769px) {
    .mx-26 {
        margin-left: calc(6.5rem / 1.75) !important;
        margin-right: calc(6.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mx-26 {
        margin-left: calc(6.5rem / 1.5) !important;
        margin-right: calc(6.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mx-26 {
        margin-left: 5.2rem !important;
        margin-right: 5.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mx-26 {
        margin-left: 6.5rem !important;
        margin-right: 6.5rem !important
    }
}

.my-26 {
    margin-top: 3.25rem !important;
    margin-bottom: 3.25rem !important
}

@media only screen and (min-width: 769px) {
    .my-26 {
        margin-top: calc(6.5rem / 1.75) !important;
        margin-bottom: calc(6.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .my-26 {
        margin-top: calc(6.5rem / 1.5) !important;
        margin-bottom: calc(6.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .my-26 {
        margin-top: 5.2rem !important;
        margin-bottom: 5.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .my-26 {
        margin-top: 6.5rem !important;
        margin-bottom: 6.5rem !important
    }
}

.m-27 {
    margin: 3.375rem !important
}

@media only screen and (min-width: 769px) {
    .m-27 {
        margin: calc(6.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .m-27 {
        margin: 4.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .m-27 {
        margin: 5.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .m-27 {
        margin: 6.75rem !important
    }
}

.mt-27 {
    margin-top: 3.375rem !important
}

@media only screen and (min-width: 769px) {
    .mt-27 {
        margin-top: calc(6.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mt-27 {
        margin-top: 4.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .mt-27 {
        margin-top: 5.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mt-27 {
        margin-top: 6.75rem !important
    }
}

.mr-27 {
    margin-right: 3.375rem !important
}

@media only screen and (min-width: 769px) {
    .mr-27 {
        margin-right: calc(6.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mr-27 {
        margin-right: 4.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .mr-27 {
        margin-right: 5.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mr-27 {
        margin-right: 6.75rem !important
    }
}

.mb-27 {
    margin-bottom: 3.375rem !important
}

@media only screen and (min-width: 769px) {
    .mb-27 {
        margin-bottom: calc(6.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mb-27 {
        margin-bottom: 4.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .mb-27 {
        margin-bottom: 5.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mb-27 {
        margin-bottom: 6.75rem !important
    }
}

.ml-27 {
    margin-left: 3.375rem !important
}

@media only screen and (min-width: 769px) {
    .ml-27 {
        margin-left: calc(6.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .ml-27 {
        margin-left: 4.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .ml-27 {
        margin-left: 5.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .ml-27 {
        margin-left: 6.75rem !important
    }
}

.mx-27 {
    margin-left: 3.375rem !important;
    margin-right: 3.375rem !important
}

@media only screen and (min-width: 769px) {
    .mx-27 {
        margin-left: calc(6.75rem / 1.75) !important;
        margin-right: calc(6.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mx-27 {
        margin-left: 4.5rem !important;
        margin-right: 4.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .mx-27 {
        margin-left: 5.4rem !important;
        margin-right: 5.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mx-27 {
        margin-left: 6.75rem !important;
        margin-right: 6.75rem !important
    }
}

.my-27 {
    margin-top: 3.375rem !important;
    margin-bottom: 3.375rem !important
}

@media only screen and (min-width: 769px) {
    .my-27 {
        margin-top: calc(6.75rem / 1.75) !important;
        margin-bottom: calc(6.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .my-27 {
        margin-top: 4.5rem !important;
        margin-bottom: 4.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .my-27 {
        margin-top: 5.4rem !important;
        margin-bottom: 5.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .my-27 {
        margin-top: 6.75rem !important;
        margin-bottom: 6.75rem !important
    }
}

.m-28 {
    margin: 3.5rem !important
}

@media only screen and (min-width: 769px) {
    .m-28 {
        margin: 4rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .m-28 {
        margin: calc(7rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .m-28 {
        margin: calc(7rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .m-28 {
        margin: 7rem !important
    }
}

.mt-28 {
    margin-top: 3.5rem !important
}

@media only screen and (min-width: 769px) {
    .mt-28 {
        margin-top: 4rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .mt-28 {
        margin-top: calc(7rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mt-28 {
        margin-top: calc(7rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mt-28 {
        margin-top: 7rem !important
    }
}

.mr-28 {
    margin-right: 3.5rem !important
}

@media only screen and (min-width: 769px) {
    .mr-28 {
        margin-right: 4rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .mr-28 {
        margin-right: calc(7rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mr-28 {
        margin-right: calc(7rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mr-28 {
        margin-right: 7rem !important
    }
}

.mb-28 {
    margin-bottom: 3.5rem !important
}

@media only screen and (min-width: 769px) {
    .mb-28 {
        margin-bottom: 4rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .mb-28 {
        margin-bottom: calc(7rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mb-28 {
        margin-bottom: calc(7rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mb-28 {
        margin-bottom: 7rem !important
    }
}

.ml-28 {
    margin-left: 3.5rem !important
}

@media only screen and (min-width: 769px) {
    .ml-28 {
        margin-left: 4rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .ml-28 {
        margin-left: calc(7rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .ml-28 {
        margin-left: calc(7rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .ml-28 {
        margin-left: 7rem !important
    }
}

.mx-28 {
    margin-left: 3.5rem !important;
    margin-right: 3.5rem !important
}

@media only screen and (min-width: 769px) {
    .mx-28 {
        margin-left: 4rem !important;
        margin-right: 4rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .mx-28 {
        margin-left: calc(7rem / 1.5) !important;
        margin-right: calc(7rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mx-28 {
        margin-left: calc(7rem / 1.25) !important;
        margin-right: calc(7rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mx-28 {
        margin-left: 7rem !important;
        margin-right: 7rem !important
    }
}

.my-28 {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important
}

@media only screen and (min-width: 769px) {
    .my-28 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .my-28 {
        margin-top: calc(7rem / 1.5) !important;
        margin-bottom: calc(7rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .my-28 {
        margin-top: calc(7rem / 1.25) !important;
        margin-bottom: calc(7rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .my-28 {
        margin-top: 7rem !important;
        margin-bottom: 7rem !important
    }
}

.m-29 {
    margin: 3.625rem !important
}

@media only screen and (min-width: 769px) {
    .m-29 {
        margin: calc(7.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .m-29 {
        margin: calc(7.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .m-29 {
        margin: calc(7.25rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .m-29 {
        margin: 7.25rem !important
    }
}

.mt-29 {
    margin-top: 3.625rem !important
}

@media only screen and (min-width: 769px) {
    .mt-29 {
        margin-top: calc(7.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mt-29 {
        margin-top: calc(7.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mt-29 {
        margin-top: calc(7.25rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mt-29 {
        margin-top: 7.25rem !important
    }
}

.mr-29 {
    margin-right: 3.625rem !important
}

@media only screen and (min-width: 769px) {
    .mr-29 {
        margin-right: calc(7.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mr-29 {
        margin-right: calc(7.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mr-29 {
        margin-right: calc(7.25rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mr-29 {
        margin-right: 7.25rem !important
    }
}

.mb-29 {
    margin-bottom: 3.625rem !important
}

@media only screen and (min-width: 769px) {
    .mb-29 {
        margin-bottom: calc(7.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mb-29 {
        margin-bottom: calc(7.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mb-29 {
        margin-bottom: calc(7.25rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mb-29 {
        margin-bottom: 7.25rem !important
    }
}

.ml-29 {
    margin-left: 3.625rem !important
}

@media only screen and (min-width: 769px) {
    .ml-29 {
        margin-left: calc(7.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .ml-29 {
        margin-left: calc(7.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .ml-29 {
        margin-left: calc(7.25rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .ml-29 {
        margin-left: 7.25rem !important
    }
}

.mx-29 {
    margin-left: 3.625rem !important;
    margin-right: 3.625rem !important
}

@media only screen and (min-width: 769px) {
    .mx-29 {
        margin-left: calc(7.25rem / 1.75) !important;
        margin-right: calc(7.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mx-29 {
        margin-left: calc(7.25rem / 1.5) !important;
        margin-right: calc(7.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mx-29 {
        margin-left: calc(7.25rem / 1.25) !important;
        margin-right: calc(7.25rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mx-29 {
        margin-left: 7.25rem !important;
        margin-right: 7.25rem !important
    }
}

.my-29 {
    margin-top: 3.625rem !important;
    margin-bottom: 3.625rem !important
}

@media only screen and (min-width: 769px) {
    .my-29 {
        margin-top: calc(7.25rem / 1.75) !important;
        margin-bottom: calc(7.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .my-29 {
        margin-top: calc(7.25rem / 1.5) !important;
        margin-bottom: calc(7.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .my-29 {
        margin-top: calc(7.25rem / 1.25) !important;
        margin-bottom: calc(7.25rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .my-29 {
        margin-top: 7.25rem !important;
        margin-bottom: 7.25rem !important
    }
}

.m-30 {
    margin: 3.75rem !important
}

@media only screen and (min-width: 769px) {
    .m-30 {
        margin: calc(7.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .m-30 {
        margin: 5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .m-30 {
        margin: 6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .m-30 {
        margin: 7.5rem !important
    }
}

.mt-30 {
    margin-top: 3.75rem !important
}

@media only screen and (min-width: 769px) {
    .mt-30 {
        margin-top: calc(7.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mt-30 {
        margin-top: 5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .mt-30 {
        margin-top: 6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mt-30 {
        margin-top: 7.5rem !important
    }
}

.mr-30 {
    margin-right: 3.75rem !important
}

@media only screen and (min-width: 769px) {
    .mr-30 {
        margin-right: calc(7.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mr-30 {
        margin-right: 5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .mr-30 {
        margin-right: 6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mr-30 {
        margin-right: 7.5rem !important
    }
}

.mb-30 {
    margin-bottom: 3.75rem !important
}

@media only screen and (min-width: 769px) {
    .mb-30 {
        margin-bottom: calc(7.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mb-30 {
        margin-bottom: 5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .mb-30 {
        margin-bottom: 6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mb-30 {
        margin-bottom: 7.5rem !important
    }
}

.ml-30 {
    margin-left: 3.75rem !important
}

@media only screen and (min-width: 769px) {
    .ml-30 {
        margin-left: calc(7.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .ml-30 {
        margin-left: 5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .ml-30 {
        margin-left: 6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .ml-30 {
        margin-left: 7.5rem !important
    }
}

.mx-30 {
    margin-left: 3.75rem !important;
    margin-right: 3.75rem !important
}

@media only screen and (min-width: 769px) {
    .mx-30 {
        margin-left: calc(7.5rem / 1.75) !important;
        margin-right: calc(7.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mx-30 {
        margin-left: 5rem !important;
        margin-right: 5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .mx-30 {
        margin-left: 6rem !important;
        margin-right: 6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mx-30 {
        margin-left: 7.5rem !important;
        margin-right: 7.5rem !important
    }
}

.my-30 {
    margin-top: 3.75rem !important;
    margin-bottom: 3.75rem !important
}

@media only screen and (min-width: 769px) {
    .my-30 {
        margin-top: calc(7.5rem / 1.75) !important;
        margin-bottom: calc(7.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .my-30 {
        margin-top: 5rem !important;
        margin-bottom: 5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .my-30 {
        margin-top: 6rem !important;
        margin-bottom: 6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .my-30 {
        margin-top: 7.5rem !important;
        margin-bottom: 7.5rem !important
    }
}

.m-31 {
    margin: 3.875rem !important
}

@media only screen and (min-width: 769px) {
    .m-31 {
        margin: calc(7.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .m-31 {
        margin: calc(7.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .m-31 {
        margin: 6.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .m-31 {
        margin: 7.75rem !important
    }
}

.mt-31 {
    margin-top: 3.875rem !important
}

@media only screen and (min-width: 769px) {
    .mt-31 {
        margin-top: calc(7.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mt-31 {
        margin-top: calc(7.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mt-31 {
        margin-top: 6.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mt-31 {
        margin-top: 7.75rem !important
    }
}

.mr-31 {
    margin-right: 3.875rem !important
}

@media only screen and (min-width: 769px) {
    .mr-31 {
        margin-right: calc(7.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mr-31 {
        margin-right: calc(7.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mr-31 {
        margin-right: 6.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mr-31 {
        margin-right: 7.75rem !important
    }
}

.mb-31 {
    margin-bottom: 3.875rem !important
}

@media only screen and (min-width: 769px) {
    .mb-31 {
        margin-bottom: calc(7.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mb-31 {
        margin-bottom: calc(7.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mb-31 {
        margin-bottom: 6.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mb-31 {
        margin-bottom: 7.75rem !important
    }
}

.ml-31 {
    margin-left: 3.875rem !important
}

@media only screen and (min-width: 769px) {
    .ml-31 {
        margin-left: calc(7.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .ml-31 {
        margin-left: calc(7.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .ml-31 {
        margin-left: 6.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .ml-31 {
        margin-left: 7.75rem !important
    }
}

.mx-31 {
    margin-left: 3.875rem !important;
    margin-right: 3.875rem !important
}

@media only screen and (min-width: 769px) {
    .mx-31 {
        margin-left: calc(7.75rem / 1.75) !important;
        margin-right: calc(7.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mx-31 {
        margin-left: calc(7.75rem / 1.5) !important;
        margin-right: calc(7.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mx-31 {
        margin-left: 6.2rem !important;
        margin-right: 6.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mx-31 {
        margin-left: 7.75rem !important;
        margin-right: 7.75rem !important
    }
}

.my-31 {
    margin-top: 3.875rem !important;
    margin-bottom: 3.875rem !important
}

@media only screen and (min-width: 769px) {
    .my-31 {
        margin-top: calc(7.75rem / 1.75) !important;
        margin-bottom: calc(7.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .my-31 {
        margin-top: calc(7.75rem / 1.5) !important;
        margin-bottom: calc(7.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .my-31 {
        margin-top: 6.2rem !important;
        margin-bottom: 6.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .my-31 {
        margin-top: 7.75rem !important;
        margin-bottom: 7.75rem !important
    }
}

.m-32 {
    margin: 4rem !important
}

@media only screen and (min-width: 769px) {
    .m-32 {
        margin: calc(8rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .m-32 {
        margin: calc(8rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .m-32 {
        margin: 6.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .m-32 {
        margin: 8rem !important
    }
}

.mt-32 {
    margin-top: 4rem !important
}

@media only screen and (min-width: 769px) {
    .mt-32 {
        margin-top: calc(8rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mt-32 {
        margin-top: calc(8rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mt-32 {
        margin-top: 6.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mt-32 {
        margin-top: 8rem !important
    }
}

.mr-32 {
    margin-right: 4rem !important
}

@media only screen and (min-width: 769px) {
    .mr-32 {
        margin-right: calc(8rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mr-32 {
        margin-right: calc(8rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mr-32 {
        margin-right: 6.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mr-32 {
        margin-right: 8rem !important
    }
}

.mb-32 {
    margin-bottom: 4rem !important
}

@media only screen and (min-width: 769px) {
    .mb-32 {
        margin-bottom: calc(8rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mb-32 {
        margin-bottom: calc(8rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mb-32 {
        margin-bottom: 6.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mb-32 {
        margin-bottom: 8rem !important
    }
}

.ml-32 {
    margin-left: 4rem !important
}

@media only screen and (min-width: 769px) {
    .ml-32 {
        margin-left: calc(8rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .ml-32 {
        margin-left: calc(8rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .ml-32 {
        margin-left: 6.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .ml-32 {
        margin-left: 8rem !important
    }
}

.mx-32 {
    margin-left: 4rem !important;
    margin-right: 4rem !important
}

@media only screen and (min-width: 769px) {
    .mx-32 {
        margin-left: calc(8rem / 1.75) !important;
        margin-right: calc(8rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mx-32 {
        margin-left: calc(8rem / 1.5) !important;
        margin-right: calc(8rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mx-32 {
        margin-left: 6.4rem !important;
        margin-right: 6.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mx-32 {
        margin-left: 8rem !important;
        margin-right: 8rem !important
    }
}

.my-32 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important
}

@media only screen and (min-width: 769px) {
    .my-32 {
        margin-top: calc(8rem / 1.75) !important;
        margin-bottom: calc(8rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .my-32 {
        margin-top: calc(8rem / 1.5) !important;
        margin-bottom: calc(8rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .my-32 {
        margin-top: 6.4rem !important;
        margin-bottom: 6.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .my-32 {
        margin-top: 8rem !important;
        margin-bottom: 8rem !important
    }
}

.m-33 {
    margin: 4.125rem !important
}

@media only screen and (min-width: 769px) {
    .m-33 {
        margin: calc(8.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .m-33 {
        margin: 5.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .m-33 {
        margin: calc(8.25rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .m-33 {
        margin: 8.25rem !important
    }
}

.mt-33 {
    margin-top: 4.125rem !important
}

@media only screen and (min-width: 769px) {
    .mt-33 {
        margin-top: calc(8.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mt-33 {
        margin-top: 5.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .mt-33 {
        margin-top: calc(8.25rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mt-33 {
        margin-top: 8.25rem !important
    }
}

.mr-33 {
    margin-right: 4.125rem !important
}

@media only screen and (min-width: 769px) {
    .mr-33 {
        margin-right: calc(8.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mr-33 {
        margin-right: 5.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .mr-33 {
        margin-right: calc(8.25rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mr-33 {
        margin-right: 8.25rem !important
    }
}

.mb-33 {
    margin-bottom: 4.125rem !important
}

@media only screen and (min-width: 769px) {
    .mb-33 {
        margin-bottom: calc(8.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mb-33 {
        margin-bottom: 5.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .mb-33 {
        margin-bottom: calc(8.25rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mb-33 {
        margin-bottom: 8.25rem !important
    }
}

.ml-33 {
    margin-left: 4.125rem !important
}

@media only screen and (min-width: 769px) {
    .ml-33 {
        margin-left: calc(8.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .ml-33 {
        margin-left: 5.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .ml-33 {
        margin-left: calc(8.25rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .ml-33 {
        margin-left: 8.25rem !important
    }
}

.mx-33 {
    margin-left: 4.125rem !important;
    margin-right: 4.125rem !important
}

@media only screen and (min-width: 769px) {
    .mx-33 {
        margin-left: calc(8.25rem / 1.75) !important;
        margin-right: calc(8.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mx-33 {
        margin-left: 5.5rem !important;
        margin-right: 5.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .mx-33 {
        margin-left: calc(8.25rem / 1.25) !important;
        margin-right: calc(8.25rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mx-33 {
        margin-left: 8.25rem !important;
        margin-right: 8.25rem !important
    }
}

.my-33 {
    margin-top: 4.125rem !important;
    margin-bottom: 4.125rem !important
}

@media only screen and (min-width: 769px) {
    .my-33 {
        margin-top: calc(8.25rem / 1.75) !important;
        margin-bottom: calc(8.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .my-33 {
        margin-top: 5.5rem !important;
        margin-bottom: 5.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .my-33 {
        margin-top: calc(8.25rem / 1.25) !important;
        margin-bottom: calc(8.25rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .my-33 {
        margin-top: 8.25rem !important;
        margin-bottom: 8.25rem !important
    }
}

.m-34 {
    margin: 4.25rem !important
}

@media only screen and (min-width: 769px) {
    .m-34 {
        margin: calc(8.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .m-34 {
        margin: calc(8.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .m-34 {
        margin: calc(8.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .m-34 {
        margin: 8.5rem !important
    }
}

.mt-34 {
    margin-top: 4.25rem !important
}

@media only screen and (min-width: 769px) {
    .mt-34 {
        margin-top: calc(8.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mt-34 {
        margin-top: calc(8.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mt-34 {
        margin-top: calc(8.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mt-34 {
        margin-top: 8.5rem !important
    }
}

.mr-34 {
    margin-right: 4.25rem !important
}

@media only screen and (min-width: 769px) {
    .mr-34 {
        margin-right: calc(8.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mr-34 {
        margin-right: calc(8.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mr-34 {
        margin-right: calc(8.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mr-34 {
        margin-right: 8.5rem !important
    }
}

.mb-34 {
    margin-bottom: 4.25rem !important
}

@media only screen and (min-width: 769px) {
    .mb-34 {
        margin-bottom: calc(8.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mb-34 {
        margin-bottom: calc(8.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mb-34 {
        margin-bottom: calc(8.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mb-34 {
        margin-bottom: 8.5rem !important
    }
}

.ml-34 {
    margin-left: 4.25rem !important
}

@media only screen and (min-width: 769px) {
    .ml-34 {
        margin-left: calc(8.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .ml-34 {
        margin-left: calc(8.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .ml-34 {
        margin-left: calc(8.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .ml-34 {
        margin-left: 8.5rem !important
    }
}

.mx-34 {
    margin-left: 4.25rem !important;
    margin-right: 4.25rem !important
}

@media only screen and (min-width: 769px) {
    .mx-34 {
        margin-left: calc(8.5rem / 1.75) !important;
        margin-right: calc(8.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mx-34 {
        margin-left: calc(8.5rem / 1.5) !important;
        margin-right: calc(8.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mx-34 {
        margin-left: calc(8.5rem / 1.25) !important;
        margin-right: calc(8.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mx-34 {
        margin-left: 8.5rem !important;
        margin-right: 8.5rem !important
    }
}

.my-34 {
    margin-top: 4.25rem !important;
    margin-bottom: 4.25rem !important
}

@media only screen and (min-width: 769px) {
    .my-34 {
        margin-top: calc(8.5rem / 1.75) !important;
        margin-bottom: calc(8.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .my-34 {
        margin-top: calc(8.5rem / 1.5) !important;
        margin-bottom: calc(8.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .my-34 {
        margin-top: calc(8.5rem / 1.25) !important;
        margin-bottom: calc(8.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .my-34 {
        margin-top: 8.5rem !important;
        margin-bottom: 8.5rem !important
    }
}

.m-35 {
    margin: 4.375rem !important
}

@media only screen and (min-width: 769px) {
    .m-35 {
        margin: 5rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .m-35 {
        margin: calc(8.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .m-35 {
        margin: 7rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .m-35 {
        margin: 8.75rem !important
    }
}

.mt-35 {
    margin-top: 4.375rem !important
}

@media only screen and (min-width: 769px) {
    .mt-35 {
        margin-top: 5rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .mt-35 {
        margin-top: calc(8.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mt-35 {
        margin-top: 7rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mt-35 {
        margin-top: 8.75rem !important
    }
}

.mr-35 {
    margin-right: 4.375rem !important
}

@media only screen and (min-width: 769px) {
    .mr-35 {
        margin-right: 5rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .mr-35 {
        margin-right: calc(8.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mr-35 {
        margin-right: 7rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mr-35 {
        margin-right: 8.75rem !important
    }
}

.mb-35 {
    margin-bottom: 4.375rem !important
}

@media only screen and (min-width: 769px) {
    .mb-35 {
        margin-bottom: 5rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .mb-35 {
        margin-bottom: calc(8.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mb-35 {
        margin-bottom: 7rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mb-35 {
        margin-bottom: 8.75rem !important
    }
}

.ml-35 {
    margin-left: 4.375rem !important
}

@media only screen and (min-width: 769px) {
    .ml-35 {
        margin-left: 5rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .ml-35 {
        margin-left: calc(8.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .ml-35 {
        margin-left: 7rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .ml-35 {
        margin-left: 8.75rem !important
    }
}

.mx-35 {
    margin-left: 4.375rem !important;
    margin-right: 4.375rem !important
}

@media only screen and (min-width: 769px) {
    .mx-35 {
        margin-left: 5rem !important;
        margin-right: 5rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .mx-35 {
        margin-left: calc(8.75rem / 1.5) !important;
        margin-right: calc(8.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mx-35 {
        margin-left: 7rem !important;
        margin-right: 7rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mx-35 {
        margin-left: 8.75rem !important;
        margin-right: 8.75rem !important
    }
}

.my-35 {
    margin-top: 4.375rem !important;
    margin-bottom: 4.375rem !important
}

@media only screen and (min-width: 769px) {
    .my-35 {
        margin-top: 5rem !important;
        margin-bottom: 5rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .my-35 {
        margin-top: calc(8.75rem / 1.5) !important;
        margin-bottom: calc(8.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .my-35 {
        margin-top: 7rem !important;
        margin-bottom: 7rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .my-35 {
        margin-top: 8.75rem !important;
        margin-bottom: 8.75rem !important
    }
}

.m-36 {
    margin: 4.5rem !important
}

@media only screen and (min-width: 769px) {
    .m-36 {
        margin: calc(9rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .m-36 {
        margin: 6rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .m-36 {
        margin: 7.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .m-36 {
        margin: 9rem !important
    }
}

.mt-36 {
    margin-top: 4.5rem !important
}

@media only screen and (min-width: 769px) {
    .mt-36 {
        margin-top: calc(9rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mt-36 {
        margin-top: 6rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .mt-36 {
        margin-top: 7.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mt-36 {
        margin-top: 9rem !important
    }
}

.mr-36 {
    margin-right: 4.5rem !important
}

@media only screen and (min-width: 769px) {
    .mr-36 {
        margin-right: calc(9rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mr-36 {
        margin-right: 6rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .mr-36 {
        margin-right: 7.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mr-36 {
        margin-right: 9rem !important
    }
}

.mb-36 {
    margin-bottom: 4.5rem !important
}

@media only screen and (min-width: 769px) {
    .mb-36 {
        margin-bottom: calc(9rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mb-36 {
        margin-bottom: 6rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .mb-36 {
        margin-bottom: 7.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mb-36 {
        margin-bottom: 9rem !important
    }
}

.ml-36 {
    margin-left: 4.5rem !important
}

@media only screen and (min-width: 769px) {
    .ml-36 {
        margin-left: calc(9rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .ml-36 {
        margin-left: 6rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .ml-36 {
        margin-left: 7.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .ml-36 {
        margin-left: 9rem !important
    }
}

.mx-36 {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important
}

@media only screen and (min-width: 769px) {
    .mx-36 {
        margin-left: calc(9rem / 1.75) !important;
        margin-right: calc(9rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mx-36 {
        margin-left: 6rem !important;
        margin-right: 6rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .mx-36 {
        margin-left: 7.2rem !important;
        margin-right: 7.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mx-36 {
        margin-left: 9rem !important;
        margin-right: 9rem !important
    }
}

.my-36 {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important
}

@media only screen and (min-width: 769px) {
    .my-36 {
        margin-top: calc(9rem / 1.75) !important;
        margin-bottom: calc(9rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .my-36 {
        margin-top: 6rem !important;
        margin-bottom: 6rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .my-36 {
        margin-top: 7.2rem !important;
        margin-bottom: 7.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .my-36 {
        margin-top: 9rem !important;
        margin-bottom: 9rem !important
    }
}

.m-37 {
    margin: 4.625rem !important
}

@media only screen and (min-width: 769px) {
    .m-37 {
        margin: calc(9.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .m-37 {
        margin: calc(9.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .m-37 {
        margin: 7.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .m-37 {
        margin: 9.25rem !important
    }
}

.mt-37 {
    margin-top: 4.625rem !important
}

@media only screen and (min-width: 769px) {
    .mt-37 {
        margin-top: calc(9.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mt-37 {
        margin-top: calc(9.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mt-37 {
        margin-top: 7.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mt-37 {
        margin-top: 9.25rem !important
    }
}

.mr-37 {
    margin-right: 4.625rem !important
}

@media only screen and (min-width: 769px) {
    .mr-37 {
        margin-right: calc(9.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mr-37 {
        margin-right: calc(9.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mr-37 {
        margin-right: 7.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mr-37 {
        margin-right: 9.25rem !important
    }
}

.mb-37 {
    margin-bottom: 4.625rem !important
}

@media only screen and (min-width: 769px) {
    .mb-37 {
        margin-bottom: calc(9.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mb-37 {
        margin-bottom: calc(9.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mb-37 {
        margin-bottom: 7.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mb-37 {
        margin-bottom: 9.25rem !important
    }
}

.ml-37 {
    margin-left: 4.625rem !important
}

@media only screen and (min-width: 769px) {
    .ml-37 {
        margin-left: calc(9.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .ml-37 {
        margin-left: calc(9.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .ml-37 {
        margin-left: 7.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .ml-37 {
        margin-left: 9.25rem !important
    }
}

.mx-37 {
    margin-left: 4.625rem !important;
    margin-right: 4.625rem !important
}

@media only screen and (min-width: 769px) {
    .mx-37 {
        margin-left: calc(9.25rem / 1.75) !important;
        margin-right: calc(9.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mx-37 {
        margin-left: calc(9.25rem / 1.5) !important;
        margin-right: calc(9.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mx-37 {
        margin-left: 7.4rem !important;
        margin-right: 7.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mx-37 {
        margin-left: 9.25rem !important;
        margin-right: 9.25rem !important
    }
}

.my-37 {
    margin-top: 4.625rem !important;
    margin-bottom: 4.625rem !important
}

@media only screen and (min-width: 769px) {
    .my-37 {
        margin-top: calc(9.25rem / 1.75) !important;
        margin-bottom: calc(9.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .my-37 {
        margin-top: calc(9.25rem / 1.5) !important;
        margin-bottom: calc(9.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .my-37 {
        margin-top: 7.4rem !important;
        margin-bottom: 7.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .my-37 {
        margin-top: 9.25rem !important;
        margin-bottom: 9.25rem !important
    }
}

.m-38 {
    margin: 4.75rem !important
}

@media only screen and (min-width: 769px) {
    .m-38 {
        margin: calc(9.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .m-38 {
        margin: calc(9.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .m-38 {
        margin: calc(9.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .m-38 {
        margin: 9.5rem !important
    }
}

.mt-38 {
    margin-top: 4.75rem !important
}

@media only screen and (min-width: 769px) {
    .mt-38 {
        margin-top: calc(9.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mt-38 {
        margin-top: calc(9.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mt-38 {
        margin-top: calc(9.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mt-38 {
        margin-top: 9.5rem !important
    }
}

.mr-38 {
    margin-right: 4.75rem !important
}

@media only screen and (min-width: 769px) {
    .mr-38 {
        margin-right: calc(9.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mr-38 {
        margin-right: calc(9.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mr-38 {
        margin-right: calc(9.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mr-38 {
        margin-right: 9.5rem !important
    }
}

.mb-38 {
    margin-bottom: 4.75rem !important
}

@media only screen and (min-width: 769px) {
    .mb-38 {
        margin-bottom: calc(9.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mb-38 {
        margin-bottom: calc(9.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mb-38 {
        margin-bottom: calc(9.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mb-38 {
        margin-bottom: 9.5rem !important
    }
}

.ml-38 {
    margin-left: 4.75rem !important
}

@media only screen and (min-width: 769px) {
    .ml-38 {
        margin-left: calc(9.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .ml-38 {
        margin-left: calc(9.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .ml-38 {
        margin-left: calc(9.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .ml-38 {
        margin-left: 9.5rem !important
    }
}

.mx-38 {
    margin-left: 4.75rem !important;
    margin-right: 4.75rem !important
}

@media only screen and (min-width: 769px) {
    .mx-38 {
        margin-left: calc(9.5rem / 1.75) !important;
        margin-right: calc(9.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mx-38 {
        margin-left: calc(9.5rem / 1.5) !important;
        margin-right: calc(9.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mx-38 {
        margin-left: calc(9.5rem / 1.25) !important;
        margin-right: calc(9.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mx-38 {
        margin-left: 9.5rem !important;
        margin-right: 9.5rem !important
    }
}

.my-38 {
    margin-top: 4.75rem !important;
    margin-bottom: 4.75rem !important
}

@media only screen and (min-width: 769px) {
    .my-38 {
        margin-top: calc(9.5rem / 1.75) !important;
        margin-bottom: calc(9.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .my-38 {
        margin-top: calc(9.5rem / 1.5) !important;
        margin-bottom: calc(9.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .my-38 {
        margin-top: calc(9.5rem / 1.25) !important;
        margin-bottom: calc(9.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .my-38 {
        margin-top: 9.5rem !important;
        margin-bottom: 9.5rem !important
    }
}

.m-39 {
    margin: 4.875rem !important
}

@media only screen and (min-width: 769px) {
    .m-39 {
        margin: calc(9.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .m-39 {
        margin: 6.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .m-39 {
        margin: calc(9.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .m-39 {
        margin: 9.75rem !important
    }
}

.mt-39 {
    margin-top: 4.875rem !important
}

@media only screen and (min-width: 769px) {
    .mt-39 {
        margin-top: calc(9.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mt-39 {
        margin-top: 6.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .mt-39 {
        margin-top: calc(9.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mt-39 {
        margin-top: 9.75rem !important
    }
}

.mr-39 {
    margin-right: 4.875rem !important
}

@media only screen and (min-width: 769px) {
    .mr-39 {
        margin-right: calc(9.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mr-39 {
        margin-right: 6.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .mr-39 {
        margin-right: calc(9.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mr-39 {
        margin-right: 9.75rem !important
    }
}

.mb-39 {
    margin-bottom: 4.875rem !important
}

@media only screen and (min-width: 769px) {
    .mb-39 {
        margin-bottom: calc(9.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mb-39 {
        margin-bottom: 6.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .mb-39 {
        margin-bottom: calc(9.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mb-39 {
        margin-bottom: 9.75rem !important
    }
}

.ml-39 {
    margin-left: 4.875rem !important
}

@media only screen and (min-width: 769px) {
    .ml-39 {
        margin-left: calc(9.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .ml-39 {
        margin-left: 6.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .ml-39 {
        margin-left: calc(9.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .ml-39 {
        margin-left: 9.75rem !important
    }
}

.mx-39 {
    margin-left: 4.875rem !important;
    margin-right: 4.875rem !important
}

@media only screen and (min-width: 769px) {
    .mx-39 {
        margin-left: calc(9.75rem / 1.75) !important;
        margin-right: calc(9.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mx-39 {
        margin-left: 6.5rem !important;
        margin-right: 6.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .mx-39 {
        margin-left: calc(9.75rem / 1.25) !important;
        margin-right: calc(9.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mx-39 {
        margin-left: 9.75rem !important;
        margin-right: 9.75rem !important
    }
}

.my-39 {
    margin-top: 4.875rem !important;
    margin-bottom: 4.875rem !important
}

@media only screen and (min-width: 769px) {
    .my-39 {
        margin-top: calc(9.75rem / 1.75) !important;
        margin-bottom: calc(9.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .my-39 {
        margin-top: 6.5rem !important;
        margin-bottom: 6.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .my-39 {
        margin-top: calc(9.75rem / 1.25) !important;
        margin-bottom: calc(9.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .my-39 {
        margin-top: 9.75rem !important;
        margin-bottom: 9.75rem !important
    }
}

.m-40 {
    margin: 5rem !important
}

@media only screen and (min-width: 769px) {
    .m-40 {
        margin: calc(10rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .m-40 {
        margin: calc(10rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .m-40 {
        margin: 8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .m-40 {
        margin: 10rem !important
    }
}

.mt-40 {
    margin-top: 5rem !important
}

@media only screen and (min-width: 769px) {
    .mt-40 {
        margin-top: calc(10rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mt-40 {
        margin-top: calc(10rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mt-40 {
        margin-top: 8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mt-40 {
        margin-top: 10rem !important
    }
}

.mr-40 {
    margin-right: 5rem !important
}

@media only screen and (min-width: 769px) {
    .mr-40 {
        margin-right: calc(10rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mr-40 {
        margin-right: calc(10rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mr-40 {
        margin-right: 8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mr-40 {
        margin-right: 10rem !important
    }
}

.mb-40 {
    margin-bottom: 5rem !important
}

@media only screen and (min-width: 769px) {
    .mb-40 {
        margin-bottom: calc(10rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mb-40 {
        margin-bottom: calc(10rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mb-40 {
        margin-bottom: 8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mb-40 {
        margin-bottom: 10rem !important
    }
}

.ml-40 {
    margin-left: 5rem !important
}

@media only screen and (min-width: 769px) {
    .ml-40 {
        margin-left: calc(10rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .ml-40 {
        margin-left: calc(10rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .ml-40 {
        margin-left: 8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .ml-40 {
        margin-left: 10rem !important
    }
}

.mx-40 {
    margin-left: 5rem !important;
    margin-right: 5rem !important
}

@media only screen and (min-width: 769px) {
    .mx-40 {
        margin-left: calc(10rem / 1.75) !important;
        margin-right: calc(10rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mx-40 {
        margin-left: calc(10rem / 1.5) !important;
        margin-right: calc(10rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mx-40 {
        margin-left: 8rem !important;
        margin-right: 8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mx-40 {
        margin-left: 10rem !important;
        margin-right: 10rem !important
    }
}

.my-40 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important
}

@media only screen and (min-width: 769px) {
    .my-40 {
        margin-top: calc(10rem / 1.75) !important;
        margin-bottom: calc(10rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .my-40 {
        margin-top: calc(10rem / 1.5) !important;
        margin-bottom: calc(10rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .my-40 {
        margin-top: 8rem !important;
        margin-bottom: 8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .my-40 {
        margin-top: 10rem !important;
        margin-bottom: 10rem !important
    }
}

.m-41 {
    margin: 5.125rem !important
}

@media only screen and (min-width: 769px) {
    .m-41 {
        margin: calc(10.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .m-41 {
        margin: calc(10.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .m-41 {
        margin: calc(10.25rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .m-41 {
        margin: 10.25rem !important
    }
}

.mt-41 {
    margin-top: 5.125rem !important
}

@media only screen and (min-width: 769px) {
    .mt-41 {
        margin-top: calc(10.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mt-41 {
        margin-top: calc(10.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mt-41 {
        margin-top: calc(10.25rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mt-41 {
        margin-top: 10.25rem !important
    }
}

.mr-41 {
    margin-right: 5.125rem !important
}

@media only screen and (min-width: 769px) {
    .mr-41 {
        margin-right: calc(10.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mr-41 {
        margin-right: calc(10.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mr-41 {
        margin-right: calc(10.25rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mr-41 {
        margin-right: 10.25rem !important
    }
}

.mb-41 {
    margin-bottom: 5.125rem !important
}

@media only screen and (min-width: 769px) {
    .mb-41 {
        margin-bottom: calc(10.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mb-41 {
        margin-bottom: calc(10.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mb-41 {
        margin-bottom: calc(10.25rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mb-41 {
        margin-bottom: 10.25rem !important
    }
}

.ml-41 {
    margin-left: 5.125rem !important
}

@media only screen and (min-width: 769px) {
    .ml-41 {
        margin-left: calc(10.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .ml-41 {
        margin-left: calc(10.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .ml-41 {
        margin-left: calc(10.25rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .ml-41 {
        margin-left: 10.25rem !important
    }
}

.mx-41 {
    margin-left: 5.125rem !important;
    margin-right: 5.125rem !important
}

@media only screen and (min-width: 769px) {
    .mx-41 {
        margin-left: calc(10.25rem / 1.75) !important;
        margin-right: calc(10.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mx-41 {
        margin-left: calc(10.25rem / 1.5) !important;
        margin-right: calc(10.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mx-41 {
        margin-left: calc(10.25rem / 1.25) !important;
        margin-right: calc(10.25rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mx-41 {
        margin-left: 10.25rem !important;
        margin-right: 10.25rem !important
    }
}

.my-41 {
    margin-top: 5.125rem !important;
    margin-bottom: 5.125rem !important
}

@media only screen and (min-width: 769px) {
    .my-41 {
        margin-top: calc(10.25rem / 1.75) !important;
        margin-bottom: calc(10.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .my-41 {
        margin-top: calc(10.25rem / 1.5) !important;
        margin-bottom: calc(10.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .my-41 {
        margin-top: calc(10.25rem / 1.25) !important;
        margin-bottom: calc(10.25rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .my-41 {
        margin-top: 10.25rem !important;
        margin-bottom: 10.25rem !important
    }
}

.m-42 {
    margin: 5.25rem !important
}

@media only screen and (min-width: 769px) {
    .m-42 {
        margin: 6rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .m-42 {
        margin: 7rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .m-42 {
        margin: 8.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .m-42 {
        margin: 10.5rem !important
    }
}

.mt-42 {
    margin-top: 5.25rem !important
}

@media only screen and (min-width: 769px) {
    .mt-42 {
        margin-top: 6rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .mt-42 {
        margin-top: 7rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .mt-42 {
        margin-top: 8.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mt-42 {
        margin-top: 10.5rem !important
    }
}

.mr-42 {
    margin-right: 5.25rem !important
}

@media only screen and (min-width: 769px) {
    .mr-42 {
        margin-right: 6rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .mr-42 {
        margin-right: 7rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .mr-42 {
        margin-right: 8.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mr-42 {
        margin-right: 10.5rem !important
    }
}

.mb-42 {
    margin-bottom: 5.25rem !important
}

@media only screen and (min-width: 769px) {
    .mb-42 {
        margin-bottom: 6rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .mb-42 {
        margin-bottom: 7rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .mb-42 {
        margin-bottom: 8.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mb-42 {
        margin-bottom: 10.5rem !important
    }
}

.ml-42 {
    margin-left: 5.25rem !important
}

@media only screen and (min-width: 769px) {
    .ml-42 {
        margin-left: 6rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .ml-42 {
        margin-left: 7rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .ml-42 {
        margin-left: 8.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .ml-42 {
        margin-left: 10.5rem !important
    }
}

.mx-42 {
    margin-left: 5.25rem !important;
    margin-right: 5.25rem !important
}

@media only screen and (min-width: 769px) {
    .mx-42 {
        margin-left: 6rem !important;
        margin-right: 6rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .mx-42 {
        margin-left: 7rem !important;
        margin-right: 7rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .mx-42 {
        margin-left: 8.4rem !important;
        margin-right: 8.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mx-42 {
        margin-left: 10.5rem !important;
        margin-right: 10.5rem !important
    }
}

.my-42 {
    margin-top: 5.25rem !important;
    margin-bottom: 5.25rem !important
}

@media only screen and (min-width: 769px) {
    .my-42 {
        margin-top: 6rem !important;
        margin-bottom: 6rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .my-42 {
        margin-top: 7rem !important;
        margin-bottom: 7rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .my-42 {
        margin-top: 8.4rem !important;
        margin-bottom: 8.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .my-42 {
        margin-top: 10.5rem !important;
        margin-bottom: 10.5rem !important
    }
}

.m-43 {
    margin: 5.375rem !important
}

@media only screen and (min-width: 769px) {
    .m-43 {
        margin: calc(10.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .m-43 {
        margin: calc(10.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .m-43 {
        margin: 8.6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .m-43 {
        margin: 10.75rem !important
    }
}

.mt-43 {
    margin-top: 5.375rem !important
}

@media only screen and (min-width: 769px) {
    .mt-43 {
        margin-top: calc(10.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mt-43 {
        margin-top: calc(10.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mt-43 {
        margin-top: 8.6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mt-43 {
        margin-top: 10.75rem !important
    }
}

.mr-43 {
    margin-right: 5.375rem !important
}

@media only screen and (min-width: 769px) {
    .mr-43 {
        margin-right: calc(10.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mr-43 {
        margin-right: calc(10.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mr-43 {
        margin-right: 8.6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mr-43 {
        margin-right: 10.75rem !important
    }
}

.mb-43 {
    margin-bottom: 5.375rem !important
}

@media only screen and (min-width: 769px) {
    .mb-43 {
        margin-bottom: calc(10.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mb-43 {
        margin-bottom: calc(10.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mb-43 {
        margin-bottom: 8.6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mb-43 {
        margin-bottom: 10.75rem !important
    }
}

.ml-43 {
    margin-left: 5.375rem !important
}

@media only screen and (min-width: 769px) {
    .ml-43 {
        margin-left: calc(10.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .ml-43 {
        margin-left: calc(10.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .ml-43 {
        margin-left: 8.6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .ml-43 {
        margin-left: 10.75rem !important
    }
}

.mx-43 {
    margin-left: 5.375rem !important;
    margin-right: 5.375rem !important
}

@media only screen and (min-width: 769px) {
    .mx-43 {
        margin-left: calc(10.75rem / 1.75) !important;
        margin-right: calc(10.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mx-43 {
        margin-left: calc(10.75rem / 1.5) !important;
        margin-right: calc(10.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mx-43 {
        margin-left: 8.6rem !important;
        margin-right: 8.6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mx-43 {
        margin-left: 10.75rem !important;
        margin-right: 10.75rem !important
    }
}

.my-43 {
    margin-top: 5.375rem !important;
    margin-bottom: 5.375rem !important
}

@media only screen and (min-width: 769px) {
    .my-43 {
        margin-top: calc(10.75rem / 1.75) !important;
        margin-bottom: calc(10.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .my-43 {
        margin-top: calc(10.75rem / 1.5) !important;
        margin-bottom: calc(10.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .my-43 {
        margin-top: 8.6rem !important;
        margin-bottom: 8.6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .my-43 {
        margin-top: 10.75rem !important;
        margin-bottom: 10.75rem !important
    }
}

.m-44 {
    margin: 5.5rem !important
}

@media only screen and (min-width: 769px) {
    .m-44 {
        margin: calc(11rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .m-44 {
        margin: calc(11rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .m-44 {
        margin: 8.8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .m-44 {
        margin: 11rem !important
    }
}

.mt-44 {
    margin-top: 5.5rem !important
}

@media only screen and (min-width: 769px) {
    .mt-44 {
        margin-top: calc(11rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mt-44 {
        margin-top: calc(11rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mt-44 {
        margin-top: 8.8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mt-44 {
        margin-top: 11rem !important
    }
}

.mr-44 {
    margin-right: 5.5rem !important
}

@media only screen and (min-width: 769px) {
    .mr-44 {
        margin-right: calc(11rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mr-44 {
        margin-right: calc(11rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mr-44 {
        margin-right: 8.8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mr-44 {
        margin-right: 11rem !important
    }
}

.mb-44 {
    margin-bottom: 5.5rem !important
}

@media only screen and (min-width: 769px) {
    .mb-44 {
        margin-bottom: calc(11rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mb-44 {
        margin-bottom: calc(11rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mb-44 {
        margin-bottom: 8.8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mb-44 {
        margin-bottom: 11rem !important
    }
}

.ml-44 {
    margin-left: 5.5rem !important
}

@media only screen and (min-width: 769px) {
    .ml-44 {
        margin-left: calc(11rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .ml-44 {
        margin-left: calc(11rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .ml-44 {
        margin-left: 8.8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .ml-44 {
        margin-left: 11rem !important
    }
}

.mx-44 {
    margin-left: 5.5rem !important;
    margin-right: 5.5rem !important
}

@media only screen and (min-width: 769px) {
    .mx-44 {
        margin-left: calc(11rem / 1.75) !important;
        margin-right: calc(11rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mx-44 {
        margin-left: calc(11rem / 1.5) !important;
        margin-right: calc(11rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mx-44 {
        margin-left: 8.8rem !important;
        margin-right: 8.8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mx-44 {
        margin-left: 11rem !important;
        margin-right: 11rem !important
    }
}

.my-44 {
    margin-top: 5.5rem !important;
    margin-bottom: 5.5rem !important
}

@media only screen and (min-width: 769px) {
    .my-44 {
        margin-top: calc(11rem / 1.75) !important;
        margin-bottom: calc(11rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .my-44 {
        margin-top: calc(11rem / 1.5) !important;
        margin-bottom: calc(11rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .my-44 {
        margin-top: 8.8rem !important;
        margin-bottom: 8.8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .my-44 {
        margin-top: 11rem !important;
        margin-bottom: 11rem !important
    }
}

.m-45 {
    margin: 5.625rem !important
}

@media only screen and (min-width: 769px) {
    .m-45 {
        margin: calc(11.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .m-45 {
        margin: 7.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .m-45 {
        margin: 9rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .m-45 {
        margin: 11.25rem !important
    }
}

.mt-45 {
    margin-top: 5.625rem !important
}

@media only screen and (min-width: 769px) {
    .mt-45 {
        margin-top: calc(11.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mt-45 {
        margin-top: 7.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .mt-45 {
        margin-top: 9rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mt-45 {
        margin-top: 11.25rem !important
    }
}

.mr-45 {
    margin-right: 5.625rem !important
}

@media only screen and (min-width: 769px) {
    .mr-45 {
        margin-right: calc(11.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mr-45 {
        margin-right: 7.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .mr-45 {
        margin-right: 9rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mr-45 {
        margin-right: 11.25rem !important
    }
}

.mb-45 {
    margin-bottom: 5.625rem !important
}

@media only screen and (min-width: 769px) {
    .mb-45 {
        margin-bottom: calc(11.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mb-45 {
        margin-bottom: 7.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .mb-45 {
        margin-bottom: 9rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mb-45 {
        margin-bottom: 11.25rem !important
    }
}

.ml-45 {
    margin-left: 5.625rem !important
}

@media only screen and (min-width: 769px) {
    .ml-45 {
        margin-left: calc(11.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .ml-45 {
        margin-left: 7.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .ml-45 {
        margin-left: 9rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .ml-45 {
        margin-left: 11.25rem !important
    }
}

.mx-45 {
    margin-left: 5.625rem !important;
    margin-right: 5.625rem !important
}

@media only screen and (min-width: 769px) {
    .mx-45 {
        margin-left: calc(11.25rem / 1.75) !important;
        margin-right: calc(11.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mx-45 {
        margin-left: 7.5rem !important;
        margin-right: 7.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .mx-45 {
        margin-left: 9rem !important;
        margin-right: 9rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mx-45 {
        margin-left: 11.25rem !important;
        margin-right: 11.25rem !important
    }
}

.my-45 {
    margin-top: 5.625rem !important;
    margin-bottom: 5.625rem !important
}

@media only screen and (min-width: 769px) {
    .my-45 {
        margin-top: calc(11.25rem / 1.75) !important;
        margin-bottom: calc(11.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .my-45 {
        margin-top: 7.5rem !important;
        margin-bottom: 7.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .my-45 {
        margin-top: 9rem !important;
        margin-bottom: 9rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .my-45 {
        margin-top: 11.25rem !important;
        margin-bottom: 11.25rem !important
    }
}

.m-46 {
    margin: 5.75rem !important
}

@media only screen and (min-width: 769px) {
    .m-46 {
        margin: calc(11.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .m-46 {
        margin: calc(11.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .m-46 {
        margin: calc(11.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .m-46 {
        margin: 11.5rem !important
    }
}

.mt-46 {
    margin-top: 5.75rem !important
}

@media only screen and (min-width: 769px) {
    .mt-46 {
        margin-top: calc(11.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mt-46 {
        margin-top: calc(11.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mt-46 {
        margin-top: calc(11.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mt-46 {
        margin-top: 11.5rem !important
    }
}

.mr-46 {
    margin-right: 5.75rem !important
}

@media only screen and (min-width: 769px) {
    .mr-46 {
        margin-right: calc(11.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mr-46 {
        margin-right: calc(11.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mr-46 {
        margin-right: calc(11.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mr-46 {
        margin-right: 11.5rem !important
    }
}

.mb-46 {
    margin-bottom: 5.75rem !important
}

@media only screen and (min-width: 769px) {
    .mb-46 {
        margin-bottom: calc(11.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mb-46 {
        margin-bottom: calc(11.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mb-46 {
        margin-bottom: calc(11.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mb-46 {
        margin-bottom: 11.5rem !important
    }
}

.ml-46 {
    margin-left: 5.75rem !important
}

@media only screen and (min-width: 769px) {
    .ml-46 {
        margin-left: calc(11.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .ml-46 {
        margin-left: calc(11.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .ml-46 {
        margin-left: calc(11.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .ml-46 {
        margin-left: 11.5rem !important
    }
}

.mx-46 {
    margin-left: 5.75rem !important;
    margin-right: 5.75rem !important
}

@media only screen and (min-width: 769px) {
    .mx-46 {
        margin-left: calc(11.5rem / 1.75) !important;
        margin-right: calc(11.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mx-46 {
        margin-left: calc(11.5rem / 1.5) !important;
        margin-right: calc(11.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mx-46 {
        margin-left: calc(11.5rem / 1.25) !important;
        margin-right: calc(11.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mx-46 {
        margin-left: 11.5rem !important;
        margin-right: 11.5rem !important
    }
}

.my-46 {
    margin-top: 5.75rem !important;
    margin-bottom: 5.75rem !important
}

@media only screen and (min-width: 769px) {
    .my-46 {
        margin-top: calc(11.5rem / 1.75) !important;
        margin-bottom: calc(11.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .my-46 {
        margin-top: calc(11.5rem / 1.5) !important;
        margin-bottom: calc(11.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .my-46 {
        margin-top: calc(11.5rem / 1.25) !important;
        margin-bottom: calc(11.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .my-46 {
        margin-top: 11.5rem !important;
        margin-bottom: 11.5rem !important
    }
}

.m-47 {
    margin: 5.875rem !important
}

@media only screen and (min-width: 769px) {
    .m-47 {
        margin: calc(11.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .m-47 {
        margin: calc(11.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .m-47 {
        margin: 9.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .m-47 {
        margin: 11.75rem !important
    }
}

.mt-47 {
    margin-top: 5.875rem !important
}

@media only screen and (min-width: 769px) {
    .mt-47 {
        margin-top: calc(11.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mt-47 {
        margin-top: calc(11.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mt-47 {
        margin-top: 9.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mt-47 {
        margin-top: 11.75rem !important
    }
}

.mr-47 {
    margin-right: 5.875rem !important
}

@media only screen and (min-width: 769px) {
    .mr-47 {
        margin-right: calc(11.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mr-47 {
        margin-right: calc(11.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mr-47 {
        margin-right: 9.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mr-47 {
        margin-right: 11.75rem !important
    }
}

.mb-47 {
    margin-bottom: 5.875rem !important
}

@media only screen and (min-width: 769px) {
    .mb-47 {
        margin-bottom: calc(11.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mb-47 {
        margin-bottom: calc(11.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mb-47 {
        margin-bottom: 9.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mb-47 {
        margin-bottom: 11.75rem !important
    }
}

.ml-47 {
    margin-left: 5.875rem !important
}

@media only screen and (min-width: 769px) {
    .ml-47 {
        margin-left: calc(11.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .ml-47 {
        margin-left: calc(11.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .ml-47 {
        margin-left: 9.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .ml-47 {
        margin-left: 11.75rem !important
    }
}

.mx-47 {
    margin-left: 5.875rem !important;
    margin-right: 5.875rem !important
}

@media only screen and (min-width: 769px) {
    .mx-47 {
        margin-left: calc(11.75rem / 1.75) !important;
        margin-right: calc(11.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mx-47 {
        margin-left: calc(11.75rem / 1.5) !important;
        margin-right: calc(11.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mx-47 {
        margin-left: 9.4rem !important;
        margin-right: 9.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mx-47 {
        margin-left: 11.75rem !important;
        margin-right: 11.75rem !important
    }
}

.my-47 {
    margin-top: 5.875rem !important;
    margin-bottom: 5.875rem !important
}

@media only screen and (min-width: 769px) {
    .my-47 {
        margin-top: calc(11.75rem / 1.75) !important;
        margin-bottom: calc(11.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .my-47 {
        margin-top: calc(11.75rem / 1.5) !important;
        margin-bottom: calc(11.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .my-47 {
        margin-top: 9.4rem !important;
        margin-bottom: 9.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .my-47 {
        margin-top: 11.75rem !important;
        margin-bottom: 11.75rem !important
    }
}

.m-48 {
    margin: 6rem !important
}

@media only screen and (min-width: 769px) {
    .m-48 {
        margin: calc(12rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .m-48 {
        margin: 8rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .m-48 {
        margin: calc(12rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .m-48 {
        margin: 12rem !important
    }
}

.mt-48 {
    margin-top: 6rem !important
}

@media only screen and (min-width: 769px) {
    .mt-48 {
        margin-top: calc(12rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mt-48 {
        margin-top: 8rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .mt-48 {
        margin-top: calc(12rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mt-48 {
        margin-top: 12rem !important
    }
}

.mr-48 {
    margin-right: 6rem !important
}

@media only screen and (min-width: 769px) {
    .mr-48 {
        margin-right: calc(12rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mr-48 {
        margin-right: 8rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .mr-48 {
        margin-right: calc(12rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mr-48 {
        margin-right: 12rem !important
    }
}

.mb-48 {
    margin-bottom: 6rem !important
}

@media only screen and (min-width: 769px) {
    .mb-48 {
        margin-bottom: calc(12rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mb-48 {
        margin-bottom: 8rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .mb-48 {
        margin-bottom: calc(12rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mb-48 {
        margin-bottom: 12rem !important
    }
}

.ml-48 {
    margin-left: 6rem !important
}

@media only screen and (min-width: 769px) {
    .ml-48 {
        margin-left: calc(12rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .ml-48 {
        margin-left: 8rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .ml-48 {
        margin-left: calc(12rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .ml-48 {
        margin-left: 12rem !important
    }
}

.mx-48 {
    margin-left: 6rem !important;
    margin-right: 6rem !important
}

@media only screen and (min-width: 769px) {
    .mx-48 {
        margin-left: calc(12rem / 1.75) !important;
        margin-right: calc(12rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mx-48 {
        margin-left: 8rem !important;
        margin-right: 8rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .mx-48 {
        margin-left: calc(12rem / 1.25) !important;
        margin-right: calc(12rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .mx-48 {
        margin-left: 12rem !important;
        margin-right: 12rem !important
    }
}

.my-48 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important
}

@media only screen and (min-width: 769px) {
    .my-48 {
        margin-top: calc(12rem / 1.75) !important;
        margin-bottom: calc(12rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .my-48 {
        margin-top: 8rem !important;
        margin-bottom: 8rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .my-48 {
        margin-top: calc(12rem / 1.25) !important;
        margin-bottom: calc(12rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .my-48 {
        margin-top: 12rem !important;
        margin-bottom: 12rem !important
    }
}

.m-49 {
    margin: 6.125rem !important
}

@media only screen and (min-width: 769px) {
    .m-49 {
        margin: 7rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .m-49 {
        margin: calc(12.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .m-49 {
        margin: 9.8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .m-49 {
        margin: 12.25rem !important
    }
}

.mt-49 {
    margin-top: 6.125rem !important
}

@media only screen and (min-width: 769px) {
    .mt-49 {
        margin-top: 7rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .mt-49 {
        margin-top: calc(12.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mt-49 {
        margin-top: 9.8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mt-49 {
        margin-top: 12.25rem !important
    }
}

.mr-49 {
    margin-right: 6.125rem !important
}

@media only screen and (min-width: 769px) {
    .mr-49 {
        margin-right: 7rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .mr-49 {
        margin-right: calc(12.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mr-49 {
        margin-right: 9.8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mr-49 {
        margin-right: 12.25rem !important
    }
}

.mb-49 {
    margin-bottom: 6.125rem !important
}

@media only screen and (min-width: 769px) {
    .mb-49 {
        margin-bottom: 7rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .mb-49 {
        margin-bottom: calc(12.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mb-49 {
        margin-bottom: 9.8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mb-49 {
        margin-bottom: 12.25rem !important
    }
}

.ml-49 {
    margin-left: 6.125rem !important
}

@media only screen and (min-width: 769px) {
    .ml-49 {
        margin-left: 7rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .ml-49 {
        margin-left: calc(12.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .ml-49 {
        margin-left: 9.8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .ml-49 {
        margin-left: 12.25rem !important
    }
}

.mx-49 {
    margin-left: 6.125rem !important;
    margin-right: 6.125rem !important
}

@media only screen and (min-width: 769px) {
    .mx-49 {
        margin-left: 7rem !important;
        margin-right: 7rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .mx-49 {
        margin-left: calc(12.25rem / 1.5) !important;
        margin-right: calc(12.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mx-49 {
        margin-left: 9.8rem !important;
        margin-right: 9.8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mx-49 {
        margin-left: 12.25rem !important;
        margin-right: 12.25rem !important
    }
}

.my-49 {
    margin-top: 6.125rem !important;
    margin-bottom: 6.125rem !important
}

@media only screen and (min-width: 769px) {
    .my-49 {
        margin-top: 7rem !important;
        margin-bottom: 7rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .my-49 {
        margin-top: calc(12.25rem / 1.5) !important;
        margin-bottom: calc(12.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .my-49 {
        margin-top: 9.8rem !important;
        margin-bottom: 9.8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .my-49 {
        margin-top: 12.25rem !important;
        margin-bottom: 12.25rem !important
    }
}

.m-50 {
    margin: 6.25rem !important
}

@media only screen and (min-width: 769px) {
    .m-50 {
        margin: calc(12.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .m-50 {
        margin: calc(12.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .m-50 {
        margin: 10rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .m-50 {
        margin: 12.5rem !important
    }
}

.mt-50 {
    margin-top: 6.25rem !important
}

@media only screen and (min-width: 769px) {
    .mt-50 {
        margin-top: calc(12.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mt-50 {
        margin-top: calc(12.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mt-50 {
        margin-top: 10rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mt-50 {
        margin-top: 12.5rem !important
    }
}

.mr-50 {
    margin-right: 6.25rem !important
}

@media only screen and (min-width: 769px) {
    .mr-50 {
        margin-right: calc(12.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mr-50 {
        margin-right: calc(12.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mr-50 {
        margin-right: 10rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mr-50 {
        margin-right: 12.5rem !important
    }
}

.mb-50 {
    margin-bottom: 6.25rem !important
}

@media only screen and (min-width: 769px) {
    .mb-50 {
        margin-bottom: calc(12.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mb-50 {
        margin-bottom: calc(12.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mb-50 {
        margin-bottom: 10rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mb-50 {
        margin-bottom: 12.5rem !important
    }
}

.ml-50 {
    margin-left: 6.25rem !important
}

@media only screen and (min-width: 769px) {
    .ml-50 {
        margin-left: calc(12.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .ml-50 {
        margin-left: calc(12.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .ml-50 {
        margin-left: 10rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .ml-50 {
        margin-left: 12.5rem !important
    }
}

.mx-50 {
    margin-left: 6.25rem !important;
    margin-right: 6.25rem !important
}

@media only screen and (min-width: 769px) {
    .mx-50 {
        margin-left: calc(12.5rem / 1.75) !important;
        margin-right: calc(12.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .mx-50 {
        margin-left: calc(12.5rem / 1.5) !important;
        margin-right: calc(12.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .mx-50 {
        margin-left: 10rem !important;
        margin-right: 10rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .mx-50 {
        margin-left: 12.5rem !important;
        margin-right: 12.5rem !important
    }
}

.my-50 {
    margin-top: 6.25rem !important;
    margin-bottom: 6.25rem !important
}

@media only screen and (min-width: 769px) {
    .my-50 {
        margin-top: calc(12.5rem / 1.75) !important;
        margin-bottom: calc(12.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .my-50 {
        margin-top: calc(12.5rem / 1.5) !important;
        margin-bottom: calc(12.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .my-50 {
        margin-top: 10rem !important;
        margin-bottom: 10rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .my-50 {
        margin-top: 12.5rem !important;
        margin-bottom: 12.5rem !important
    }
}

.p-0 {
    padding: 0rem !important
}

@media only screen and (min-width: 769px) {
    .p-0 {
        padding: 0rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .p-0 {
        padding: 0rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .p-0 {
        padding: 0rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .p-0 {
        padding: 0rem !important
    }
}

.pt-0 {
    padding-top: 0rem !important
}

@media only screen and (min-width: 769px) {
    .pt-0 {
        padding-top: 0rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .pt-0 {
        padding-top: 0rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .pt-0 {
        padding-top: 0rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pt-0 {
        padding-top: 0rem !important
    }
}

.pr-0 {
    padding-right: 0rem !important
}

@media only screen and (min-width: 769px) {
    .pr-0 {
        padding-right: 0rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .pr-0 {
        padding-right: 0rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .pr-0 {
        padding-right: 0rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pr-0 {
        padding-right: 0rem !important
    }
}

.pb-0 {
    padding-bottom: 0rem !important
}

@media only screen and (min-width: 769px) {
    .pb-0 {
        padding-bottom: 0rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .pb-0 {
        padding-bottom: 0rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .pb-0 {
        padding-bottom: 0rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pb-0 {
        padding-bottom: 0rem !important
    }
}

.pl-0 {
    padding-left: 0rem !important
}

@media only screen and (min-width: 769px) {
    .pl-0 {
        padding-left: 0rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .pl-0 {
        padding-left: 0rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .pl-0 {
        padding-left: 0rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pl-0 {
        padding-left: 0rem !important
    }
}

.px-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important
}

@media only screen and (min-width: 769px) {
    .px-0 {
        padding-left: 0rem !important;
        padding-right: 0rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .px-0 {
        padding-left: 0rem !important;
        padding-right: 0rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .px-0 {
        padding-left: 0rem !important;
        padding-right: 0rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .px-0 {
        padding-left: 0rem !important;
        padding-right: 0rem !important
    }
}

.py-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important
}

@media only screen and (min-width: 769px) {
    .py-0 {
        padding-top: 0rem !important;
        padding-bottom: 0rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .py-0 {
        padding-top: 0rem !important;
        padding-bottom: 0rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .py-0 {
        padding-top: 0rem !important;
        padding-bottom: 0rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .py-0 {
        padding-top: 0rem !important;
        padding-bottom: 0rem !important
    }
}

.p-1 {
    padding: .125rem !important
}

@media only screen and (min-width: 769px) {
    .p-1 {
        padding: calc(.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .p-1 {
        padding: calc(.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .p-1 {
        padding: .2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .p-1 {
        padding: .25rem !important
    }
}

.pt-1 {
    padding-top: .125rem !important
}

@media only screen and (min-width: 769px) {
    .pt-1 {
        padding-top: calc(.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pt-1 {
        padding-top: calc(.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pt-1 {
        padding-top: .2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pt-1 {
        padding-top: .25rem !important
    }
}

.pr-1 {
    padding-right: .125rem !important
}

@media only screen and (min-width: 769px) {
    .pr-1 {
        padding-right: calc(.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pr-1 {
        padding-right: calc(.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pr-1 {
        padding-right: .2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pr-1 {
        padding-right: .25rem !important
    }
}

.pb-1 {
    padding-bottom: .125rem !important
}

@media only screen and (min-width: 769px) {
    .pb-1 {
        padding-bottom: calc(.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pb-1 {
        padding-bottom: calc(.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pb-1 {
        padding-bottom: .2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pb-1 {
        padding-bottom: .25rem !important
    }
}

.pl-1 {
    padding-left: .125rem !important
}

@media only screen and (min-width: 769px) {
    .pl-1 {
        padding-left: calc(.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pl-1 {
        padding-left: calc(.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pl-1 {
        padding-left: .2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pl-1 {
        padding-left: .25rem !important
    }
}

.px-1 {
    padding-left: .125rem !important;
    padding-right: .125rem !important
}

@media only screen and (min-width: 769px) {
    .px-1 {
        padding-left: calc(.25rem / 1.75) !important;
        padding-right: calc(.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .px-1 {
        padding-left: calc(.25rem / 1.5) !important;
        padding-right: calc(.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .px-1 {
        padding-left: .2rem !important;
        padding-right: .2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .px-1 {
        padding-left: .25rem !important;
        padding-right: .25rem !important
    }
}

.py-1 {
    padding-top: .125rem !important;
    padding-bottom: .125rem !important
}

@media only screen and (min-width: 769px) {
    .py-1 {
        padding-top: calc(.25rem / 1.75) !important;
        padding-bottom: calc(.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .py-1 {
        padding-top: calc(.25rem / 1.5) !important;
        padding-bottom: calc(.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .py-1 {
        padding-top: .2rem !important;
        padding-bottom: .2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .py-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }
}

.p-2 {
    padding: .25rem !important
}

@media only screen and (min-width: 769px) {
    .p-2 {
        padding: calc(.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .p-2 {
        padding: calc(.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .p-2 {
        padding: .4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .p-2 {
        padding: .5rem !important
    }
}

.pt-2 {
    padding-top: .25rem !important
}

@media only screen and (min-width: 769px) {
    .pt-2 {
        padding-top: calc(.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pt-2 {
        padding-top: calc(.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pt-2 {
        padding-top: .4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pt-2 {
        padding-top: .5rem !important
    }
}

.pr-2 {
    padding-right: .25rem !important
}

@media only screen and (min-width: 769px) {
    .pr-2 {
        padding-right: calc(.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pr-2 {
        padding-right: calc(.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pr-2 {
        padding-right: .4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pr-2 {
        padding-right: .5rem !important
    }
}

.pb-2 {
    padding-bottom: .25rem !important
}

@media only screen and (min-width: 769px) {
    .pb-2 {
        padding-bottom: calc(.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pb-2 {
        padding-bottom: calc(.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pb-2 {
        padding-bottom: .4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pb-2 {
        padding-bottom: .5rem !important
    }
}

.pl-2 {
    padding-left: .25rem !important
}

@media only screen and (min-width: 769px) {
    .pl-2 {
        padding-left: calc(.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pl-2 {
        padding-left: calc(.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pl-2 {
        padding-left: .4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pl-2 {
        padding-left: .5rem !important
    }
}

.px-2 {
    padding-left: .25rem !important;
    padding-right: .25rem !important
}

@media only screen and (min-width: 769px) {
    .px-2 {
        padding-left: calc(.5rem / 1.75) !important;
        padding-right: calc(.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .px-2 {
        padding-left: calc(.5rem / 1.5) !important;
        padding-right: calc(.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .px-2 {
        padding-left: .4rem !important;
        padding-right: .4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .px-2 {
        padding-left: .5rem !important;
        padding-right: .5rem !important
    }
}

.py-2 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

@media only screen and (min-width: 769px) {
    .py-2 {
        padding-top: calc(.5rem / 1.75) !important;
        padding-bottom: calc(.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .py-2 {
        padding-top: calc(.5rem / 1.5) !important;
        padding-bottom: calc(.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .py-2 {
        padding-top: .4rem !important;
        padding-bottom: .4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .py-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }
}

.p-3 {
    padding: .375rem !important
}

@media only screen and (min-width: 769px) {
    .p-3 {
        padding: calc(.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .p-3 {
        padding: .5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .p-3 {
        padding: calc(.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .p-3 {
        padding: .75rem !important
    }
}

.pt-3 {
    padding-top: .375rem !important
}

@media only screen and (min-width: 769px) {
    .pt-3 {
        padding-top: calc(.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pt-3 {
        padding-top: .5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .pt-3 {
        padding-top: calc(.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pt-3 {
        padding-top: .75rem !important
    }
}

.pr-3 {
    padding-right: .375rem !important
}

@media only screen and (min-width: 769px) {
    .pr-3 {
        padding-right: calc(.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pr-3 {
        padding-right: .5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .pr-3 {
        padding-right: calc(.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pr-3 {
        padding-right: .75rem !important
    }
}

.pb-3 {
    padding-bottom: .375rem !important
}

@media only screen and (min-width: 769px) {
    .pb-3 {
        padding-bottom: calc(.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pb-3 {
        padding-bottom: .5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .pb-3 {
        padding-bottom: calc(.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pb-3 {
        padding-bottom: .75rem !important
    }
}

.pl-3 {
    padding-left: .375rem !important
}

@media only screen and (min-width: 769px) {
    .pl-3 {
        padding-left: calc(.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pl-3 {
        padding-left: .5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .pl-3 {
        padding-left: calc(.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pl-3 {
        padding-left: .75rem !important
    }
}

.px-3 {
    padding-left: .375rem !important;
    padding-right: .375rem !important
}

@media only screen and (min-width: 769px) {
    .px-3 {
        padding-left: calc(.75rem / 1.75) !important;
        padding-right: calc(.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .px-3 {
        padding-left: .5rem !important;
        padding-right: .5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .px-3 {
        padding-left: calc(.75rem / 1.25) !important;
        padding-right: calc(.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .px-3 {
        padding-left: .75rem !important;
        padding-right: .75rem !important
    }
}

.py-3 {
    padding-top: .375rem !important;
    padding-bottom: .375rem !important
}

@media only screen and (min-width: 769px) {
    .py-3 {
        padding-top: calc(.75rem / 1.75) !important;
        padding-bottom: calc(.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .py-3 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .py-3 {
        padding-top: calc(.75rem / 1.25) !important;
        padding-bottom: calc(.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .py-3 {
        padding-top: .75rem !important;
        padding-bottom: .75rem !important
    }
}

.p-4 {
    padding: .5rem !important
}

@media only screen and (min-width: 769px) {
    .p-4 {
        padding: calc(1rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .p-4 {
        padding: calc(1rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .p-4 {
        padding: .8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .p-4 {
        padding: 1rem !important
    }
}

.pt-4 {
    padding-top: .5rem !important
}

@media only screen and (min-width: 769px) {
    .pt-4 {
        padding-top: calc(1rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pt-4 {
        padding-top: calc(1rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pt-4 {
        padding-top: .8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pt-4 {
        padding-top: 1rem !important
    }
}

.pr-4 {
    padding-right: .5rem !important
}

@media only screen and (min-width: 769px) {
    .pr-4 {
        padding-right: calc(1rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pr-4 {
        padding-right: calc(1rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pr-4 {
        padding-right: .8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pr-4 {
        padding-right: 1rem !important
    }
}

.pb-4 {
    padding-bottom: .5rem !important
}

@media only screen and (min-width: 769px) {
    .pb-4 {
        padding-bottom: calc(1rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pb-4 {
        padding-bottom: calc(1rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pb-4 {
        padding-bottom: .8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pb-4 {
        padding-bottom: 1rem !important
    }
}

.pl-4 {
    padding-left: .5rem !important
}

@media only screen and (min-width: 769px) {
    .pl-4 {
        padding-left: calc(1rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pl-4 {
        padding-left: calc(1rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pl-4 {
        padding-left: .8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pl-4 {
        padding-left: 1rem !important
    }
}

.px-4 {
    padding-left: .5rem !important;
    padding-right: .5rem !important
}

@media only screen and (min-width: 769px) {
    .px-4 {
        padding-left: calc(1rem / 1.75) !important;
        padding-right: calc(1rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .px-4 {
        padding-left: calc(1rem / 1.5) !important;
        padding-right: calc(1rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .px-4 {
        padding-left: .8rem !important;
        padding-right: .8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .px-4 {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }
}

.py-4 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

@media only screen and (min-width: 769px) {
    .py-4 {
        padding-top: calc(1rem / 1.75) !important;
        padding-bottom: calc(1rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .py-4 {
        padding-top: calc(1rem / 1.5) !important;
        padding-bottom: calc(1rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .py-4 {
        padding-top: .8rem !important;
        padding-bottom: .8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .py-4 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }
}

.p-5 {
    padding: .625rem !important
}

@media only screen and (min-width: 769px) {
    .p-5 {
        padding: calc(1.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .p-5 {
        padding: calc(1.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .p-5 {
        padding: 1rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .p-5 {
        padding: 1.25rem !important
    }
}

.pt-5 {
    padding-top: .625rem !important
}

@media only screen and (min-width: 769px) {
    .pt-5 {
        padding-top: calc(1.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pt-5 {
        padding-top: calc(1.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pt-5 {
        padding-top: 1rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pt-5 {
        padding-top: 1.25rem !important
    }
}

.pr-5 {
    padding-right: .625rem !important
}

@media only screen and (min-width: 769px) {
    .pr-5 {
        padding-right: calc(1.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pr-5 {
        padding-right: calc(1.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pr-5 {
        padding-right: 1rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pr-5 {
        padding-right: 1.25rem !important
    }
}

.pb-5 {
    padding-bottom: .625rem !important
}

@media only screen and (min-width: 769px) {
    .pb-5 {
        padding-bottom: calc(1.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pb-5 {
        padding-bottom: calc(1.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pb-5 {
        padding-bottom: 1rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pb-5 {
        padding-bottom: 1.25rem !important
    }
}

.pl-5 {
    padding-left: .625rem !important
}

@media only screen and (min-width: 769px) {
    .pl-5 {
        padding-left: calc(1.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pl-5 {
        padding-left: calc(1.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pl-5 {
        padding-left: 1rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pl-5 {
        padding-left: 1.25rem !important
    }
}

.px-5 {
    padding-left: .625rem !important;
    padding-right: .625rem !important
}

@media only screen and (min-width: 769px) {
    .px-5 {
        padding-left: calc(1.25rem / 1.75) !important;
        padding-right: calc(1.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .px-5 {
        padding-left: calc(1.25rem / 1.5) !important;
        padding-right: calc(1.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .px-5 {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .px-5 {
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important
    }
}

.py-5 {
    padding-top: .625rem !important;
    padding-bottom: .625rem !important
}

@media only screen and (min-width: 769px) {
    .py-5 {
        padding-top: calc(1.25rem / 1.75) !important;
        padding-bottom: calc(1.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .py-5 {
        padding-top: calc(1.25rem / 1.5) !important;
        padding-bottom: calc(1.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .py-5 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .py-5 {
        padding-top: 1.25rem !important;
        padding-bottom: 1.25rem !important
    }
}

.p-6 {
    padding: .75rem !important
}

@media only screen and (min-width: 769px) {
    .p-6 {
        padding: calc(1.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .p-6 {
        padding: 1rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .p-6 {
        padding: calc(1.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .p-6 {
        padding: 1.5rem !important
    }
}

.pt-6 {
    padding-top: .75rem !important
}

@media only screen and (min-width: 769px) {
    .pt-6 {
        padding-top: calc(1.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pt-6 {
        padding-top: 1rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .pt-6 {
        padding-top: calc(1.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pt-6 {
        padding-top: 1.5rem !important
    }
}

.pr-6 {
    padding-right: .75rem !important
}

@media only screen and (min-width: 769px) {
    .pr-6 {
        padding-right: calc(1.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pr-6 {
        padding-right: 1rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .pr-6 {
        padding-right: calc(1.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pr-6 {
        padding-right: 1.5rem !important
    }
}

.pb-6 {
    padding-bottom: .75rem !important
}

@media only screen and (min-width: 769px) {
    .pb-6 {
        padding-bottom: calc(1.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pb-6 {
        padding-bottom: 1rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .pb-6 {
        padding-bottom: calc(1.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pb-6 {
        padding-bottom: 1.5rem !important
    }
}

.pl-6 {
    padding-left: .75rem !important
}

@media only screen and (min-width: 769px) {
    .pl-6 {
        padding-left: calc(1.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pl-6 {
        padding-left: 1rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .pl-6 {
        padding-left: calc(1.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pl-6 {
        padding-left: 1.5rem !important
    }
}

.px-6 {
    padding-left: .75rem !important;
    padding-right: .75rem !important
}

@media only screen and (min-width: 769px) {
    .px-6 {
        padding-left: calc(1.5rem / 1.75) !important;
        padding-right: calc(1.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .px-6 {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .px-6 {
        padding-left: calc(1.5rem / 1.25) !important;
        padding-right: calc(1.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .px-6 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }
}

.py-6 {
    padding-top: .75rem !important;
    padding-bottom: .75rem !important
}

@media only screen and (min-width: 769px) {
    .py-6 {
        padding-top: calc(1.5rem / 1.75) !important;
        padding-bottom: calc(1.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .py-6 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .py-6 {
        padding-top: calc(1.5rem / 1.25) !important;
        padding-bottom: calc(1.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .py-6 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }
}

.p-7 {
    padding: .875rem !important
}

@media only screen and (min-width: 769px) {
    .p-7 {
        padding: 1rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .p-7 {
        padding: calc(1.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .p-7 {
        padding: calc(1.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .p-7 {
        padding: 1.75rem !important
    }
}

.pt-7 {
    padding-top: .875rem !important
}

@media only screen and (min-width: 769px) {
    .pt-7 {
        padding-top: 1rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .pt-7 {
        padding-top: calc(1.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pt-7 {
        padding-top: calc(1.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pt-7 {
        padding-top: 1.75rem !important
    }
}

.pr-7 {
    padding-right: .875rem !important
}

@media only screen and (min-width: 769px) {
    .pr-7 {
        padding-right: 1rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .pr-7 {
        padding-right: calc(1.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pr-7 {
        padding-right: calc(1.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pr-7 {
        padding-right: 1.75rem !important
    }
}

.pb-7 {
    padding-bottom: .875rem !important
}

@media only screen and (min-width: 769px) {
    .pb-7 {
        padding-bottom: 1rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .pb-7 {
        padding-bottom: calc(1.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pb-7 {
        padding-bottom: calc(1.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pb-7 {
        padding-bottom: 1.75rem !important
    }
}

.pl-7 {
    padding-left: .875rem !important
}

@media only screen and (min-width: 769px) {
    .pl-7 {
        padding-left: 1rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .pl-7 {
        padding-left: calc(1.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pl-7 {
        padding-left: calc(1.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pl-7 {
        padding-left: 1.75rem !important
    }
}

.px-7 {
    padding-left: .875rem !important;
    padding-right: .875rem !important
}

@media only screen and (min-width: 769px) {
    .px-7 {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .px-7 {
        padding-left: calc(1.75rem / 1.5) !important;
        padding-right: calc(1.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .px-7 {
        padding-left: calc(1.75rem / 1.25) !important;
        padding-right: calc(1.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .px-7 {
        padding-left: 1.75rem !important;
        padding-right: 1.75rem !important
    }
}

.py-7 {
    padding-top: .875rem !important;
    padding-bottom: .875rem !important
}

@media only screen and (min-width: 769px) {
    .py-7 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .py-7 {
        padding-top: calc(1.75rem / 1.5) !important;
        padding-bottom: calc(1.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .py-7 {
        padding-top: calc(1.75rem / 1.25) !important;
        padding-bottom: calc(1.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .py-7 {
        padding-top: 1.75rem !important;
        padding-bottom: 1.75rem !important
    }
}

.p-8 {
    padding: 1rem !important
}

@media only screen and (min-width: 769px) {
    .p-8 {
        padding: calc(2rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .p-8 {
        padding: calc(2rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .p-8 {
        padding: 1.6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .p-8 {
        padding: 2rem !important
    }
}

.pt-8 {
    padding-top: 1rem !important
}

@media only screen and (min-width: 769px) {
    .pt-8 {
        padding-top: calc(2rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pt-8 {
        padding-top: calc(2rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pt-8 {
        padding-top: 1.6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pt-8 {
        padding-top: 2rem !important
    }
}

.pr-8 {
    padding-right: 1rem !important
}

@media only screen and (min-width: 769px) {
    .pr-8 {
        padding-right: calc(2rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pr-8 {
        padding-right: calc(2rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pr-8 {
        padding-right: 1.6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pr-8 {
        padding-right: 2rem !important
    }
}

.pb-8 {
    padding-bottom: 1rem !important
}

@media only screen and (min-width: 769px) {
    .pb-8 {
        padding-bottom: calc(2rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pb-8 {
        padding-bottom: calc(2rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pb-8 {
        padding-bottom: 1.6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pb-8 {
        padding-bottom: 2rem !important
    }
}

.pl-8 {
    padding-left: 1rem !important
}

@media only screen and (min-width: 769px) {
    .pl-8 {
        padding-left: calc(2rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pl-8 {
        padding-left: calc(2rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pl-8 {
        padding-left: 1.6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pl-8 {
        padding-left: 2rem !important
    }
}

.px-8 {
    padding-left: 1rem !important;
    padding-right: 1rem !important
}

@media only screen and (min-width: 769px) {
    .px-8 {
        padding-left: calc(2rem / 1.75) !important;
        padding-right: calc(2rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .px-8 {
        padding-left: calc(2rem / 1.5) !important;
        padding-right: calc(2rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .px-8 {
        padding-left: 1.6rem !important;
        padding-right: 1.6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .px-8 {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }
}

.py-8 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

@media only screen and (min-width: 769px) {
    .py-8 {
        padding-top: calc(2rem / 1.75) !important;
        padding-bottom: calc(2rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .py-8 {
        padding-top: calc(2rem / 1.5) !important;
        padding-bottom: calc(2rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .py-8 {
        padding-top: 1.6rem !important;
        padding-bottom: 1.6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .py-8 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important
    }
}

.p-9 {
    padding: 1.125rem !important
}

@media only screen and (min-width: 769px) {
    .p-9 {
        padding: calc(2.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .p-9 {
        padding: 1.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .p-9 {
        padding: 1.8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .p-9 {
        padding: 2.25rem !important
    }
}

.pt-9 {
    padding-top: 1.125rem !important
}

@media only screen and (min-width: 769px) {
    .pt-9 {
        padding-top: calc(2.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pt-9 {
        padding-top: 1.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .pt-9 {
        padding-top: 1.8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pt-9 {
        padding-top: 2.25rem !important
    }
}

.pr-9 {
    padding-right: 1.125rem !important
}

@media only screen and (min-width: 769px) {
    .pr-9 {
        padding-right: calc(2.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pr-9 {
        padding-right: 1.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .pr-9 {
        padding-right: 1.8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pr-9 {
        padding-right: 2.25rem !important
    }
}

.pb-9 {
    padding-bottom: 1.125rem !important
}

@media only screen and (min-width: 769px) {
    .pb-9 {
        padding-bottom: calc(2.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pb-9 {
        padding-bottom: 1.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .pb-9 {
        padding-bottom: 1.8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pb-9 {
        padding-bottom: 2.25rem !important
    }
}

.pl-9 {
    padding-left: 1.125rem !important
}

@media only screen and (min-width: 769px) {
    .pl-9 {
        padding-left: calc(2.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pl-9 {
        padding-left: 1.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .pl-9 {
        padding-left: 1.8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pl-9 {
        padding-left: 2.25rem !important
    }
}

.px-9 {
    padding-left: 1.125rem !important;
    padding-right: 1.125rem !important
}

@media only screen and (min-width: 769px) {
    .px-9 {
        padding-left: calc(2.25rem / 1.75) !important;
        padding-right: calc(2.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .px-9 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .px-9 {
        padding-left: 1.8rem !important;
        padding-right: 1.8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .px-9 {
        padding-left: 2.25rem !important;
        padding-right: 2.25rem !important
    }
}

.py-9 {
    padding-top: 1.125rem !important;
    padding-bottom: 1.125rem !important
}

@media only screen and (min-width: 769px) {
    .py-9 {
        padding-top: calc(2.25rem / 1.75) !important;
        padding-bottom: calc(2.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .py-9 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .py-9 {
        padding-top: 1.8rem !important;
        padding-bottom: 1.8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .py-9 {
        padding-top: 2.25rem !important;
        padding-bottom: 2.25rem !important
    }
}

.p-10 {
    padding: 1.25rem !important
}

@media only screen and (min-width: 769px) {
    .p-10 {
        padding: calc(2.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .p-10 {
        padding: calc(2.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .p-10 {
        padding: 2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .p-10 {
        padding: 2.5rem !important
    }
}

.pt-10 {
    padding-top: 1.25rem !important
}

@media only screen and (min-width: 769px) {
    .pt-10 {
        padding-top: calc(2.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pt-10 {
        padding-top: calc(2.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pt-10 {
        padding-top: 2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pt-10 {
        padding-top: 2.5rem !important
    }
}

.pr-10 {
    padding-right: 1.25rem !important
}

@media only screen and (min-width: 769px) {
    .pr-10 {
        padding-right: calc(2.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pr-10 {
        padding-right: calc(2.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pr-10 {
        padding-right: 2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pr-10 {
        padding-right: 2.5rem !important
    }
}

.pb-10 {
    padding-bottom: 1.25rem !important
}

@media only screen and (min-width: 769px) {
    .pb-10 {
        padding-bottom: calc(2.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pb-10 {
        padding-bottom: calc(2.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pb-10 {
        padding-bottom: 2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pb-10 {
        padding-bottom: 2.5rem !important
    }
}

.pl-10 {
    padding-left: 1.25rem !important
}

@media only screen and (min-width: 769px) {
    .pl-10 {
        padding-left: calc(2.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pl-10 {
        padding-left: calc(2.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pl-10 {
        padding-left: 2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pl-10 {
        padding-left: 2.5rem !important
    }
}

.px-10 {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important
}

@media only screen and (min-width: 769px) {
    .px-10 {
        padding-left: calc(2.5rem / 1.75) !important;
        padding-right: calc(2.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .px-10 {
        padding-left: calc(2.5rem / 1.5) !important;
        padding-right: calc(2.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .px-10 {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .px-10 {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important
    }
}

.py-10 {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important
}

@media only screen and (min-width: 769px) {
    .py-10 {
        padding-top: calc(2.5rem / 1.75) !important;
        padding-bottom: calc(2.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .py-10 {
        padding-top: calc(2.5rem / 1.5) !important;
        padding-bottom: calc(2.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .py-10 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .py-10 {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important
    }
}

.p-11 {
    padding: 1.375rem !important
}

@media only screen and (min-width: 769px) {
    .p-11 {
        padding: calc(2.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .p-11 {
        padding: calc(2.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .p-11 {
        padding: 2.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .p-11 {
        padding: 2.75rem !important
    }
}

.pt-11 {
    padding-top: 1.375rem !important
}

@media only screen and (min-width: 769px) {
    .pt-11 {
        padding-top: calc(2.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pt-11 {
        padding-top: calc(2.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pt-11 {
        padding-top: 2.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pt-11 {
        padding-top: 2.75rem !important
    }
}

.pr-11 {
    padding-right: 1.375rem !important
}

@media only screen and (min-width: 769px) {
    .pr-11 {
        padding-right: calc(2.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pr-11 {
        padding-right: calc(2.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pr-11 {
        padding-right: 2.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pr-11 {
        padding-right: 2.75rem !important
    }
}

.pb-11 {
    padding-bottom: 1.375rem !important
}

@media only screen and (min-width: 769px) {
    .pb-11 {
        padding-bottom: calc(2.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pb-11 {
        padding-bottom: calc(2.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pb-11 {
        padding-bottom: 2.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pb-11 {
        padding-bottom: 2.75rem !important
    }
}

.pl-11 {
    padding-left: 1.375rem !important
}

@media only screen and (min-width: 769px) {
    .pl-11 {
        padding-left: calc(2.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pl-11 {
        padding-left: calc(2.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pl-11 {
        padding-left: 2.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pl-11 {
        padding-left: 2.75rem !important
    }
}

.px-11 {
    padding-left: 1.375rem !important;
    padding-right: 1.375rem !important
}

@media only screen and (min-width: 769px) {
    .px-11 {
        padding-left: calc(2.75rem / 1.75) !important;
        padding-right: calc(2.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .px-11 {
        padding-left: calc(2.75rem / 1.5) !important;
        padding-right: calc(2.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .px-11 {
        padding-left: 2.2rem !important;
        padding-right: 2.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .px-11 {
        padding-left: 2.75rem !important;
        padding-right: 2.75rem !important
    }
}

.py-11 {
    padding-top: 1.375rem !important;
    padding-bottom: 1.375rem !important
}

@media only screen and (min-width: 769px) {
    .py-11 {
        padding-top: calc(2.75rem / 1.75) !important;
        padding-bottom: calc(2.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .py-11 {
        padding-top: calc(2.75rem / 1.5) !important;
        padding-bottom: calc(2.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .py-11 {
        padding-top: 2.2rem !important;
        padding-bottom: 2.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .py-11 {
        padding-top: 2.75rem !important;
        padding-bottom: 2.75rem !important
    }
}

.p-12 {
    padding: 1.5rem !important
}

@media only screen and (min-width: 769px) {
    .p-12 {
        padding: calc(3rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .p-12 {
        padding: 2rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .p-12 {
        padding: calc(3rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .p-12 {
        padding: 3rem !important
    }
}

.pt-12 {
    padding-top: 1.5rem !important
}

@media only screen and (min-width: 769px) {
    .pt-12 {
        padding-top: calc(3rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pt-12 {
        padding-top: 2rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .pt-12 {
        padding-top: calc(3rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pt-12 {
        padding-top: 3rem !important
    }
}

.pr-12 {
    padding-right: 1.5rem !important
}

@media only screen and (min-width: 769px) {
    .pr-12 {
        padding-right: calc(3rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pr-12 {
        padding-right: 2rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .pr-12 {
        padding-right: calc(3rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pr-12 {
        padding-right: 3rem !important
    }
}

.pb-12 {
    padding-bottom: 1.5rem !important
}

@media only screen and (min-width: 769px) {
    .pb-12 {
        padding-bottom: calc(3rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pb-12 {
        padding-bottom: 2rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .pb-12 {
        padding-bottom: calc(3rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pb-12 {
        padding-bottom: 3rem !important
    }
}

.pl-12 {
    padding-left: 1.5rem !important
}

@media only screen and (min-width: 769px) {
    .pl-12 {
        padding-left: calc(3rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pl-12 {
        padding-left: 2rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .pl-12 {
        padding-left: calc(3rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pl-12 {
        padding-left: 3rem !important
    }
}

.px-12 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important
}

@media only screen and (min-width: 769px) {
    .px-12 {
        padding-left: calc(3rem / 1.75) !important;
        padding-right: calc(3rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .px-12 {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .px-12 {
        padding-left: calc(3rem / 1.25) !important;
        padding-right: calc(3rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .px-12 {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }
}

.py-12 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

@media only screen and (min-width: 769px) {
    .py-12 {
        padding-top: calc(3rem / 1.75) !important;
        padding-bottom: calc(3rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .py-12 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .py-12 {
        padding-top: calc(3rem / 1.25) !important;
        padding-bottom: calc(3rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .py-12 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }
}

.p-13 {
    padding: 1.625rem !important
}

@media only screen and (min-width: 769px) {
    .p-13 {
        padding: calc(3.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .p-13 {
        padding: calc(3.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .p-13 {
        padding: 2.6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .p-13 {
        padding: 3.25rem !important
    }
}

.pt-13 {
    padding-top: 1.625rem !important
}

@media only screen and (min-width: 769px) {
    .pt-13 {
        padding-top: calc(3.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pt-13 {
        padding-top: calc(3.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pt-13 {
        padding-top: 2.6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pt-13 {
        padding-top: 3.25rem !important
    }
}

.pr-13 {
    padding-right: 1.625rem !important
}

@media only screen and (min-width: 769px) {
    .pr-13 {
        padding-right: calc(3.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pr-13 {
        padding-right: calc(3.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pr-13 {
        padding-right: 2.6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pr-13 {
        padding-right: 3.25rem !important
    }
}

.pb-13 {
    padding-bottom: 1.625rem !important
}

@media only screen and (min-width: 769px) {
    .pb-13 {
        padding-bottom: calc(3.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pb-13 {
        padding-bottom: calc(3.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pb-13 {
        padding-bottom: 2.6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pb-13 {
        padding-bottom: 3.25rem !important
    }
}

.pl-13 {
    padding-left: 1.625rem !important
}

@media only screen and (min-width: 769px) {
    .pl-13 {
        padding-left: calc(3.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pl-13 {
        padding-left: calc(3.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pl-13 {
        padding-left: 2.6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pl-13 {
        padding-left: 3.25rem !important
    }
}

.px-13 {
    padding-left: 1.625rem !important;
    padding-right: 1.625rem !important
}

@media only screen and (min-width: 769px) {
    .px-13 {
        padding-left: calc(3.25rem / 1.75) !important;
        padding-right: calc(3.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .px-13 {
        padding-left: calc(3.25rem / 1.5) !important;
        padding-right: calc(3.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .px-13 {
        padding-left: 2.6rem !important;
        padding-right: 2.6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .px-13 {
        padding-left: 3.25rem !important;
        padding-right: 3.25rem !important
    }
}

.py-13 {
    padding-top: 1.625rem !important;
    padding-bottom: 1.625rem !important
}

@media only screen and (min-width: 769px) {
    .py-13 {
        padding-top: calc(3.25rem / 1.75) !important;
        padding-bottom: calc(3.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .py-13 {
        padding-top: calc(3.25rem / 1.5) !important;
        padding-bottom: calc(3.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .py-13 {
        padding-top: 2.6rem !important;
        padding-bottom: 2.6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .py-13 {
        padding-top: 3.25rem !important;
        padding-bottom: 3.25rem !important
    }
}

.p-14 {
    padding: 1.75rem !important
}

@media only screen and (min-width: 769px) {
    .p-14 {
        padding: 2rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .p-14 {
        padding: calc(3.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .p-14 {
        padding: calc(3.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .p-14 {
        padding: 3.5rem !important
    }
}

.pt-14 {
    padding-top: 1.75rem !important
}

@media only screen and (min-width: 769px) {
    .pt-14 {
        padding-top: 2rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .pt-14 {
        padding-top: calc(3.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pt-14 {
        padding-top: calc(3.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pt-14 {
        padding-top: 3.5rem !important
    }
}

.pr-14 {
    padding-right: 1.75rem !important
}

@media only screen and (min-width: 769px) {
    .pr-14 {
        padding-right: 2rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .pr-14 {
        padding-right: calc(3.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pr-14 {
        padding-right: calc(3.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pr-14 {
        padding-right: 3.5rem !important
    }
}

.pb-14 {
    padding-bottom: 1.75rem !important
}

@media only screen and (min-width: 769px) {
    .pb-14 {
        padding-bottom: 2rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .pb-14 {
        padding-bottom: calc(3.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pb-14 {
        padding-bottom: calc(3.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pb-14 {
        padding-bottom: 3.5rem !important
    }
}

.pl-14 {
    padding-left: 1.75rem !important
}

@media only screen and (min-width: 769px) {
    .pl-14 {
        padding-left: 2rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .pl-14 {
        padding-left: calc(3.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pl-14 {
        padding-left: calc(3.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pl-14 {
        padding-left: 3.5rem !important
    }
}

.px-14 {
    padding-left: 1.75rem !important;
    padding-right: 1.75rem !important
}

@media only screen and (min-width: 769px) {
    .px-14 {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .px-14 {
        padding-left: calc(3.5rem / 1.5) !important;
        padding-right: calc(3.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .px-14 {
        padding-left: calc(3.5rem / 1.25) !important;
        padding-right: calc(3.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .px-14 {
        padding-left: 3.5rem !important;
        padding-right: 3.5rem !important
    }
}

.py-14 {
    padding-top: 1.75rem !important;
    padding-bottom: 1.75rem !important
}

@media only screen and (min-width: 769px) {
    .py-14 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .py-14 {
        padding-top: calc(3.5rem / 1.5) !important;
        padding-bottom: calc(3.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .py-14 {
        padding-top: calc(3.5rem / 1.25) !important;
        padding-bottom: calc(3.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .py-14 {
        padding-top: 3.5rem !important;
        padding-bottom: 3.5rem !important
    }
}

.p-15 {
    padding: 1.875rem !important
}

@media only screen and (min-width: 769px) {
    .p-15 {
        padding: calc(3.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .p-15 {
        padding: 2.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .p-15 {
        padding: 3rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .p-15 {
        padding: 3.75rem !important
    }
}

.pt-15 {
    padding-top: 1.875rem !important
}

@media only screen and (min-width: 769px) {
    .pt-15 {
        padding-top: calc(3.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pt-15 {
        padding-top: 2.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .pt-15 {
        padding-top: 3rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pt-15 {
        padding-top: 3.75rem !important
    }
}

.pr-15 {
    padding-right: 1.875rem !important
}

@media only screen and (min-width: 769px) {
    .pr-15 {
        padding-right: calc(3.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pr-15 {
        padding-right: 2.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .pr-15 {
        padding-right: 3rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pr-15 {
        padding-right: 3.75rem !important
    }
}

.pb-15 {
    padding-bottom: 1.875rem !important
}

@media only screen and (min-width: 769px) {
    .pb-15 {
        padding-bottom: calc(3.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pb-15 {
        padding-bottom: 2.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .pb-15 {
        padding-bottom: 3rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pb-15 {
        padding-bottom: 3.75rem !important
    }
}

.pl-15 {
    padding-left: 1.875rem !important
}

@media only screen and (min-width: 769px) {
    .pl-15 {
        padding-left: calc(3.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pl-15 {
        padding-left: 2.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .pl-15 {
        padding-left: 3rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pl-15 {
        padding-left: 3.75rem !important
    }
}

.px-15 {
    padding-left: 1.875rem !important;
    padding-right: 1.875rem !important
}

@media only screen and (min-width: 769px) {
    .px-15 {
        padding-left: calc(3.75rem / 1.75) !important;
        padding-right: calc(3.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .px-15 {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .px-15 {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .px-15 {
        padding-left: 3.75rem !important;
        padding-right: 3.75rem !important
    }
}

.py-15 {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important
}

@media only screen and (min-width: 769px) {
    .py-15 {
        padding-top: calc(3.75rem / 1.75) !important;
        padding-bottom: calc(3.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .py-15 {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .py-15 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .py-15 {
        padding-top: 3.75rem !important;
        padding-bottom: 3.75rem !important
    }
}

.p-16 {
    padding: 2rem !important
}

@media only screen and (min-width: 769px) {
    .p-16 {
        padding: calc(4rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .p-16 {
        padding: calc(4rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .p-16 {
        padding: 3.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .p-16 {
        padding: 4rem !important
    }
}

.pt-16 {
    padding-top: 2rem !important
}

@media only screen and (min-width: 769px) {
    .pt-16 {
        padding-top: calc(4rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pt-16 {
        padding-top: calc(4rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pt-16 {
        padding-top: 3.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pt-16 {
        padding-top: 4rem !important
    }
}

.pr-16 {
    padding-right: 2rem !important
}

@media only screen and (min-width: 769px) {
    .pr-16 {
        padding-right: calc(4rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pr-16 {
        padding-right: calc(4rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pr-16 {
        padding-right: 3.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pr-16 {
        padding-right: 4rem !important
    }
}

.pb-16 {
    padding-bottom: 2rem !important
}

@media only screen and (min-width: 769px) {
    .pb-16 {
        padding-bottom: calc(4rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pb-16 {
        padding-bottom: calc(4rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pb-16 {
        padding-bottom: 3.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pb-16 {
        padding-bottom: 4rem !important
    }
}

.pl-16 {
    padding-left: 2rem !important
}

@media only screen and (min-width: 769px) {
    .pl-16 {
        padding-left: calc(4rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pl-16 {
        padding-left: calc(4rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pl-16 {
        padding-left: 3.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pl-16 {
        padding-left: 4rem !important
    }
}

.px-16 {
    padding-left: 2rem !important;
    padding-right: 2rem !important
}

@media only screen and (min-width: 769px) {
    .px-16 {
        padding-left: calc(4rem / 1.75) !important;
        padding-right: calc(4rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .px-16 {
        padding-left: calc(4rem / 1.5) !important;
        padding-right: calc(4rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .px-16 {
        padding-left: 3.2rem !important;
        padding-right: 3.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .px-16 {
        padding-left: 4rem !important;
        padding-right: 4rem !important
    }
}

.py-16 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important
}

@media only screen and (min-width: 769px) {
    .py-16 {
        padding-top: calc(4rem / 1.75) !important;
        padding-bottom: calc(4rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .py-16 {
        padding-top: calc(4rem / 1.5) !important;
        padding-bottom: calc(4rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .py-16 {
        padding-top: 3.2rem !important;
        padding-bottom: 3.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .py-16 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important
    }
}

.p-17 {
    padding: 2.125rem !important
}

@media only screen and (min-width: 769px) {
    .p-17 {
        padding: calc(4.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .p-17 {
        padding: calc(4.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .p-17 {
        padding: calc(4.25rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .p-17 {
        padding: 4.25rem !important
    }
}

.pt-17 {
    padding-top: 2.125rem !important
}

@media only screen and (min-width: 769px) {
    .pt-17 {
        padding-top: calc(4.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pt-17 {
        padding-top: calc(4.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pt-17 {
        padding-top: calc(4.25rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pt-17 {
        padding-top: 4.25rem !important
    }
}

.pr-17 {
    padding-right: 2.125rem !important
}

@media only screen and (min-width: 769px) {
    .pr-17 {
        padding-right: calc(4.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pr-17 {
        padding-right: calc(4.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pr-17 {
        padding-right: calc(4.25rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pr-17 {
        padding-right: 4.25rem !important
    }
}

.pb-17 {
    padding-bottom: 2.125rem !important
}

@media only screen and (min-width: 769px) {
    .pb-17 {
        padding-bottom: calc(4.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pb-17 {
        padding-bottom: calc(4.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pb-17 {
        padding-bottom: calc(4.25rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pb-17 {
        padding-bottom: 4.25rem !important
    }
}

.pl-17 {
    padding-left: 2.125rem !important
}

@media only screen and (min-width: 769px) {
    .pl-17 {
        padding-left: calc(4.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pl-17 {
        padding-left: calc(4.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pl-17 {
        padding-left: calc(4.25rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pl-17 {
        padding-left: 4.25rem !important
    }
}

.px-17 {
    padding-left: 2.125rem !important;
    padding-right: 2.125rem !important
}

@media only screen and (min-width: 769px) {
    .px-17 {
        padding-left: calc(4.25rem / 1.75) !important;
        padding-right: calc(4.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .px-17 {
        padding-left: calc(4.25rem / 1.5) !important;
        padding-right: calc(4.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .px-17 {
        padding-left: calc(4.25rem / 1.25) !important;
        padding-right: calc(4.25rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .px-17 {
        padding-left: 4.25rem !important;
        padding-right: 4.25rem !important
    }
}

.py-17 {
    padding-top: 2.125rem !important;
    padding-bottom: 2.125rem !important
}

@media only screen and (min-width: 769px) {
    .py-17 {
        padding-top: calc(4.25rem / 1.75) !important;
        padding-bottom: calc(4.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .py-17 {
        padding-top: calc(4.25rem / 1.5) !important;
        padding-bottom: calc(4.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .py-17 {
        padding-top: calc(4.25rem / 1.25) !important;
        padding-bottom: calc(4.25rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .py-17 {
        padding-top: 4.25rem !important;
        padding-bottom: 4.25rem !important
    }
}

.p-18 {
    padding: 2.25rem !important
}

@media only screen and (min-width: 769px) {
    .p-18 {
        padding: calc(4.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .p-18 {
        padding: 3rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .p-18 {
        padding: 3.6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .p-18 {
        padding: 4.5rem !important
    }
}

.pt-18 {
    padding-top: 2.25rem !important
}

@media only screen and (min-width: 769px) {
    .pt-18 {
        padding-top: calc(4.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pt-18 {
        padding-top: 3rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .pt-18 {
        padding-top: 3.6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pt-18 {
        padding-top: 4.5rem !important
    }
}

.pr-18 {
    padding-right: 2.25rem !important
}

@media only screen and (min-width: 769px) {
    .pr-18 {
        padding-right: calc(4.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pr-18 {
        padding-right: 3rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .pr-18 {
        padding-right: 3.6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pr-18 {
        padding-right: 4.5rem !important
    }
}

.pb-18 {
    padding-bottom: 2.25rem !important
}

@media only screen and (min-width: 769px) {
    .pb-18 {
        padding-bottom: calc(4.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pb-18 {
        padding-bottom: 3rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .pb-18 {
        padding-bottom: 3.6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pb-18 {
        padding-bottom: 4.5rem !important
    }
}

.pl-18 {
    padding-left: 2.25rem !important
}

@media only screen and (min-width: 769px) {
    .pl-18 {
        padding-left: calc(4.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pl-18 {
        padding-left: 3rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .pl-18 {
        padding-left: 3.6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pl-18 {
        padding-left: 4.5rem !important
    }
}

.px-18 {
    padding-left: 2.25rem !important;
    padding-right: 2.25rem !important
}

@media only screen and (min-width: 769px) {
    .px-18 {
        padding-left: calc(4.5rem / 1.75) !important;
        padding-right: calc(4.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .px-18 {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .px-18 {
        padding-left: 3.6rem !important;
        padding-right: 3.6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .px-18 {
        padding-left: 4.5rem !important;
        padding-right: 4.5rem !important
    }
}

.py-18 {
    padding-top: 2.25rem !important;
    padding-bottom: 2.25rem !important
}

@media only screen and (min-width: 769px) {
    .py-18 {
        padding-top: calc(4.5rem / 1.75) !important;
        padding-bottom: calc(4.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .py-18 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .py-18 {
        padding-top: 3.6rem !important;
        padding-bottom: 3.6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .py-18 {
        padding-top: 4.5rem !important;
        padding-bottom: 4.5rem !important
    }
}

.p-19 {
    padding: 2.375rem !important
}

@media only screen and (min-width: 769px) {
    .p-19 {
        padding: calc(4.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .p-19 {
        padding: calc(4.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .p-19 {
        padding: calc(4.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .p-19 {
        padding: 4.75rem !important
    }
}

.pt-19 {
    padding-top: 2.375rem !important
}

@media only screen and (min-width: 769px) {
    .pt-19 {
        padding-top: calc(4.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pt-19 {
        padding-top: calc(4.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pt-19 {
        padding-top: calc(4.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pt-19 {
        padding-top: 4.75rem !important
    }
}

.pr-19 {
    padding-right: 2.375rem !important
}

@media only screen and (min-width: 769px) {
    .pr-19 {
        padding-right: calc(4.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pr-19 {
        padding-right: calc(4.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pr-19 {
        padding-right: calc(4.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pr-19 {
        padding-right: 4.75rem !important
    }
}

.pb-19 {
    padding-bottom: 2.375rem !important
}

@media only screen and (min-width: 769px) {
    .pb-19 {
        padding-bottom: calc(4.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pb-19 {
        padding-bottom: calc(4.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pb-19 {
        padding-bottom: calc(4.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pb-19 {
        padding-bottom: 4.75rem !important
    }
}

.pl-19 {
    padding-left: 2.375rem !important
}

@media only screen and (min-width: 769px) {
    .pl-19 {
        padding-left: calc(4.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pl-19 {
        padding-left: calc(4.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pl-19 {
        padding-left: calc(4.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pl-19 {
        padding-left: 4.75rem !important
    }
}

.px-19 {
    padding-left: 2.375rem !important;
    padding-right: 2.375rem !important
}

@media only screen and (min-width: 769px) {
    .px-19 {
        padding-left: calc(4.75rem / 1.75) !important;
        padding-right: calc(4.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .px-19 {
        padding-left: calc(4.75rem / 1.5) !important;
        padding-right: calc(4.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .px-19 {
        padding-left: calc(4.75rem / 1.25) !important;
        padding-right: calc(4.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .px-19 {
        padding-left: 4.75rem !important;
        padding-right: 4.75rem !important
    }
}

.py-19 {
    padding-top: 2.375rem !important;
    padding-bottom: 2.375rem !important
}

@media only screen and (min-width: 769px) {
    .py-19 {
        padding-top: calc(4.75rem / 1.75) !important;
        padding-bottom: calc(4.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .py-19 {
        padding-top: calc(4.75rem / 1.5) !important;
        padding-bottom: calc(4.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .py-19 {
        padding-top: calc(4.75rem / 1.25) !important;
        padding-bottom: calc(4.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .py-19 {
        padding-top: 4.75rem !important;
        padding-bottom: 4.75rem !important
    }
}

.p-20 {
    padding: 2.5rem !important
}

@media only screen and (min-width: 769px) {
    .p-20 {
        padding: calc(5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .p-20 {
        padding: calc(5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .p-20 {
        padding: 4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .p-20 {
        padding: 5rem !important
    }
}

.pt-20 {
    padding-top: 2.5rem !important
}

@media only screen and (min-width: 769px) {
    .pt-20 {
        padding-top: calc(5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pt-20 {
        padding-top: calc(5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pt-20 {
        padding-top: 4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pt-20 {
        padding-top: 5rem !important
    }
}

.pr-20 {
    padding-right: 2.5rem !important
}

@media only screen and (min-width: 769px) {
    .pr-20 {
        padding-right: calc(5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pr-20 {
        padding-right: calc(5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pr-20 {
        padding-right: 4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pr-20 {
        padding-right: 5rem !important
    }
}

.pb-20 {
    padding-bottom: 2.5rem !important
}

@media only screen and (min-width: 769px) {
    .pb-20 {
        padding-bottom: calc(5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pb-20 {
        padding-bottom: calc(5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pb-20 {
        padding-bottom: 4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pb-20 {
        padding-bottom: 5rem !important
    }
}

.pl-20 {
    padding-left: 2.5rem !important
}

@media only screen and (min-width: 769px) {
    .pl-20 {
        padding-left: calc(5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pl-20 {
        padding-left: calc(5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pl-20 {
        padding-left: 4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pl-20 {
        padding-left: 5rem !important
    }
}

.px-20 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important
}

@media only screen and (min-width: 769px) {
    .px-20 {
        padding-left: calc(5rem / 1.75) !important;
        padding-right: calc(5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .px-20 {
        padding-left: calc(5rem / 1.5) !important;
        padding-right: calc(5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .px-20 {
        padding-left: 4rem !important;
        padding-right: 4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .px-20 {
        padding-left: 5rem !important;
        padding-right: 5rem !important
    }
}

.py-20 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important
}

@media only screen and (min-width: 769px) {
    .py-20 {
        padding-top: calc(5rem / 1.75) !important;
        padding-bottom: calc(5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .py-20 {
        padding-top: calc(5rem / 1.5) !important;
        padding-bottom: calc(5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .py-20 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .py-20 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important
    }
}

.p-21 {
    padding: 2.625rem !important
}

@media only screen and (min-width: 769px) {
    .p-21 {
        padding: 3rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .p-21 {
        padding: 3.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .p-21 {
        padding: 4.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .p-21 {
        padding: 5.25rem !important
    }
}

.pt-21 {
    padding-top: 2.625rem !important
}

@media only screen and (min-width: 769px) {
    .pt-21 {
        padding-top: 3rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .pt-21 {
        padding-top: 3.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .pt-21 {
        padding-top: 4.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pt-21 {
        padding-top: 5.25rem !important
    }
}

.pr-21 {
    padding-right: 2.625rem !important
}

@media only screen and (min-width: 769px) {
    .pr-21 {
        padding-right: 3rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .pr-21 {
        padding-right: 3.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .pr-21 {
        padding-right: 4.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pr-21 {
        padding-right: 5.25rem !important
    }
}

.pb-21 {
    padding-bottom: 2.625rem !important
}

@media only screen and (min-width: 769px) {
    .pb-21 {
        padding-bottom: 3rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .pb-21 {
        padding-bottom: 3.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .pb-21 {
        padding-bottom: 4.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pb-21 {
        padding-bottom: 5.25rem !important
    }
}

.pl-21 {
    padding-left: 2.625rem !important
}

@media only screen and (min-width: 769px) {
    .pl-21 {
        padding-left: 3rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .pl-21 {
        padding-left: 3.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .pl-21 {
        padding-left: 4.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pl-21 {
        padding-left: 5.25rem !important
    }
}

.px-21 {
    padding-left: 2.625rem !important;
    padding-right: 2.625rem !important
}

@media only screen and (min-width: 769px) {
    .px-21 {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .px-21 {
        padding-left: 3.5rem !important;
        padding-right: 3.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .px-21 {
        padding-left: 4.2rem !important;
        padding-right: 4.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .px-21 {
        padding-left: 5.25rem !important;
        padding-right: 5.25rem !important
    }
}

.py-21 {
    padding-top: 2.625rem !important;
    padding-bottom: 2.625rem !important
}

@media only screen and (min-width: 769px) {
    .py-21 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .py-21 {
        padding-top: 3.5rem !important;
        padding-bottom: 3.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .py-21 {
        padding-top: 4.2rem !important;
        padding-bottom: 4.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .py-21 {
        padding-top: 5.25rem !important;
        padding-bottom: 5.25rem !important
    }
}

.p-22 {
    padding: 2.75rem !important
}

@media only screen and (min-width: 769px) {
    .p-22 {
        padding: calc(5.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .p-22 {
        padding: calc(5.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .p-22 {
        padding: 4.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .p-22 {
        padding: 5.5rem !important
    }
}

.pt-22 {
    padding-top: 2.75rem !important
}

@media only screen and (min-width: 769px) {
    .pt-22 {
        padding-top: calc(5.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pt-22 {
        padding-top: calc(5.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pt-22 {
        padding-top: 4.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pt-22 {
        padding-top: 5.5rem !important
    }
}

.pr-22 {
    padding-right: 2.75rem !important
}

@media only screen and (min-width: 769px) {
    .pr-22 {
        padding-right: calc(5.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pr-22 {
        padding-right: calc(5.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pr-22 {
        padding-right: 4.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pr-22 {
        padding-right: 5.5rem !important
    }
}

.pb-22 {
    padding-bottom: 2.75rem !important
}

@media only screen and (min-width: 769px) {
    .pb-22 {
        padding-bottom: calc(5.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pb-22 {
        padding-bottom: calc(5.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pb-22 {
        padding-bottom: 4.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pb-22 {
        padding-bottom: 5.5rem !important
    }
}

.pl-22 {
    padding-left: 2.75rem !important
}

@media only screen and (min-width: 769px) {
    .pl-22 {
        padding-left: calc(5.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pl-22 {
        padding-left: calc(5.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pl-22 {
        padding-left: 4.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pl-22 {
        padding-left: 5.5rem !important
    }
}

.px-22 {
    padding-left: 2.75rem !important;
    padding-right: 2.75rem !important
}

@media only screen and (min-width: 769px) {
    .px-22 {
        padding-left: calc(5.5rem / 1.75) !important;
        padding-right: calc(5.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .px-22 {
        padding-left: calc(5.5rem / 1.5) !important;
        padding-right: calc(5.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .px-22 {
        padding-left: 4.4rem !important;
        padding-right: 4.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .px-22 {
        padding-left: 5.5rem !important;
        padding-right: 5.5rem !important
    }
}

.py-22 {
    padding-top: 2.75rem !important;
    padding-bottom: 2.75rem !important
}

@media only screen and (min-width: 769px) {
    .py-22 {
        padding-top: calc(5.5rem / 1.75) !important;
        padding-bottom: calc(5.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .py-22 {
        padding-top: calc(5.5rem / 1.5) !important;
        padding-bottom: calc(5.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .py-22 {
        padding-top: 4.4rem !important;
        padding-bottom: 4.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .py-22 {
        padding-top: 5.5rem !important;
        padding-bottom: 5.5rem !important
    }
}

.p-23 {
    padding: 2.875rem !important
}

@media only screen and (min-width: 769px) {
    .p-23 {
        padding: calc(5.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .p-23 {
        padding: calc(5.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .p-23 {
        padding: calc(5.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .p-23 {
        padding: 5.75rem !important
    }
}

.pt-23 {
    padding-top: 2.875rem !important
}

@media only screen and (min-width: 769px) {
    .pt-23 {
        padding-top: calc(5.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pt-23 {
        padding-top: calc(5.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pt-23 {
        padding-top: calc(5.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pt-23 {
        padding-top: 5.75rem !important
    }
}

.pr-23 {
    padding-right: 2.875rem !important
}

@media only screen and (min-width: 769px) {
    .pr-23 {
        padding-right: calc(5.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pr-23 {
        padding-right: calc(5.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pr-23 {
        padding-right: calc(5.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pr-23 {
        padding-right: 5.75rem !important
    }
}

.pb-23 {
    padding-bottom: 2.875rem !important
}

@media only screen and (min-width: 769px) {
    .pb-23 {
        padding-bottom: calc(5.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pb-23 {
        padding-bottom: calc(5.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pb-23 {
        padding-bottom: calc(5.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pb-23 {
        padding-bottom: 5.75rem !important
    }
}

.pl-23 {
    padding-left: 2.875rem !important
}

@media only screen and (min-width: 769px) {
    .pl-23 {
        padding-left: calc(5.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pl-23 {
        padding-left: calc(5.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pl-23 {
        padding-left: calc(5.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pl-23 {
        padding-left: 5.75rem !important
    }
}

.px-23 {
    padding-left: 2.875rem !important;
    padding-right: 2.875rem !important
}

@media only screen and (min-width: 769px) {
    .px-23 {
        padding-left: calc(5.75rem / 1.75) !important;
        padding-right: calc(5.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .px-23 {
        padding-left: calc(5.75rem / 1.5) !important;
        padding-right: calc(5.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .px-23 {
        padding-left: calc(5.75rem / 1.25) !important;
        padding-right: calc(5.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .px-23 {
        padding-left: 5.75rem !important;
        padding-right: 5.75rem !important
    }
}

.py-23 {
    padding-top: 2.875rem !important;
    padding-bottom: 2.875rem !important
}

@media only screen and (min-width: 769px) {
    .py-23 {
        padding-top: calc(5.75rem / 1.75) !important;
        padding-bottom: calc(5.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .py-23 {
        padding-top: calc(5.75rem / 1.5) !important;
        padding-bottom: calc(5.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .py-23 {
        padding-top: calc(5.75rem / 1.25) !important;
        padding-bottom: calc(5.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .py-23 {
        padding-top: 5.75rem !important;
        padding-bottom: 5.75rem !important
    }
}

.p-24 {
    padding: 3rem !important
}

@media only screen and (min-width: 769px) {
    .p-24 {
        padding: calc(6rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .p-24 {
        padding: 4rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .p-24 {
        padding: calc(6rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .p-24 {
        padding: 6rem !important
    }
}

.pt-24 {
    padding-top: 3rem !important
}

@media only screen and (min-width: 769px) {
    .pt-24 {
        padding-top: calc(6rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pt-24 {
        padding-top: 4rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .pt-24 {
        padding-top: calc(6rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pt-24 {
        padding-top: 6rem !important
    }
}

.pr-24 {
    padding-right: 3rem !important
}

@media only screen and (min-width: 769px) {
    .pr-24 {
        padding-right: calc(6rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pr-24 {
        padding-right: 4rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .pr-24 {
        padding-right: calc(6rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pr-24 {
        padding-right: 6rem !important
    }
}

.pb-24 {
    padding-bottom: 3rem !important
}

@media only screen and (min-width: 769px) {
    .pb-24 {
        padding-bottom: calc(6rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pb-24 {
        padding-bottom: 4rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .pb-24 {
        padding-bottom: calc(6rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pb-24 {
        padding-bottom: 6rem !important
    }
}

.pl-24 {
    padding-left: 3rem !important
}

@media only screen and (min-width: 769px) {
    .pl-24 {
        padding-left: calc(6rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pl-24 {
        padding-left: 4rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .pl-24 {
        padding-left: calc(6rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pl-24 {
        padding-left: 6rem !important
    }
}

.px-24 {
    padding-left: 3rem !important;
    padding-right: 3rem !important
}

@media only screen and (min-width: 769px) {
    .px-24 {
        padding-left: calc(6rem / 1.75) !important;
        padding-right: calc(6rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .px-24 {
        padding-left: 4rem !important;
        padding-right: 4rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .px-24 {
        padding-left: calc(6rem / 1.25) !important;
        padding-right: calc(6rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .px-24 {
        padding-left: 6rem !important;
        padding-right: 6rem !important
    }
}

.py-24 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

@media only screen and (min-width: 769px) {
    .py-24 {
        padding-top: calc(6rem / 1.75) !important;
        padding-bottom: calc(6rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .py-24 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .py-24 {
        padding-top: calc(6rem / 1.25) !important;
        padding-bottom: calc(6rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .py-24 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important
    }
}

.p-25 {
    padding: 3.125rem !important
}

@media only screen and (min-width: 769px) {
    .p-25 {
        padding: calc(6.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .p-25 {
        padding: calc(6.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .p-25 {
        padding: 5rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .p-25 {
        padding: 6.25rem !important
    }
}

.pt-25 {
    padding-top: 3.125rem !important
}

@media only screen and (min-width: 769px) {
    .pt-25 {
        padding-top: calc(6.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pt-25 {
        padding-top: calc(6.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pt-25 {
        padding-top: 5rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pt-25 {
        padding-top: 6.25rem !important
    }
}

.pr-25 {
    padding-right: 3.125rem !important
}

@media only screen and (min-width: 769px) {
    .pr-25 {
        padding-right: calc(6.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pr-25 {
        padding-right: calc(6.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pr-25 {
        padding-right: 5rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pr-25 {
        padding-right: 6.25rem !important
    }
}

.pb-25 {
    padding-bottom: 3.125rem !important
}

@media only screen and (min-width: 769px) {
    .pb-25 {
        padding-bottom: calc(6.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pb-25 {
        padding-bottom: calc(6.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pb-25 {
        padding-bottom: 5rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pb-25 {
        padding-bottom: 6.25rem !important
    }
}

.pl-25 {
    padding-left: 3.125rem !important
}

@media only screen and (min-width: 769px) {
    .pl-25 {
        padding-left: calc(6.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pl-25 {
        padding-left: calc(6.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pl-25 {
        padding-left: 5rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pl-25 {
        padding-left: 6.25rem !important
    }
}

.px-25 {
    padding-left: 3.125rem !important;
    padding-right: 3.125rem !important
}

@media only screen and (min-width: 769px) {
    .px-25 {
        padding-left: calc(6.25rem / 1.75) !important;
        padding-right: calc(6.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .px-25 {
        padding-left: calc(6.25rem / 1.5) !important;
        padding-right: calc(6.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .px-25 {
        padding-left: 5rem !important;
        padding-right: 5rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .px-25 {
        padding-left: 6.25rem !important;
        padding-right: 6.25rem !important
    }
}

.py-25 {
    padding-top: 3.125rem !important;
    padding-bottom: 3.125rem !important
}

@media only screen and (min-width: 769px) {
    .py-25 {
        padding-top: calc(6.25rem / 1.75) !important;
        padding-bottom: calc(6.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .py-25 {
        padding-top: calc(6.25rem / 1.5) !important;
        padding-bottom: calc(6.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .py-25 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .py-25 {
        padding-top: 6.25rem !important;
        padding-bottom: 6.25rem !important
    }
}

.p-26 {
    padding: 3.25rem !important
}

@media only screen and (min-width: 769px) {
    .p-26 {
        padding: calc(6.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .p-26 {
        padding: calc(6.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .p-26 {
        padding: 5.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .p-26 {
        padding: 6.5rem !important
    }
}

.pt-26 {
    padding-top: 3.25rem !important
}

@media only screen and (min-width: 769px) {
    .pt-26 {
        padding-top: calc(6.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pt-26 {
        padding-top: calc(6.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pt-26 {
        padding-top: 5.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pt-26 {
        padding-top: 6.5rem !important
    }
}

.pr-26 {
    padding-right: 3.25rem !important
}

@media only screen and (min-width: 769px) {
    .pr-26 {
        padding-right: calc(6.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pr-26 {
        padding-right: calc(6.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pr-26 {
        padding-right: 5.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pr-26 {
        padding-right: 6.5rem !important
    }
}

.pb-26 {
    padding-bottom: 3.25rem !important
}

@media only screen and (min-width: 769px) {
    .pb-26 {
        padding-bottom: calc(6.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pb-26 {
        padding-bottom: calc(6.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pb-26 {
        padding-bottom: 5.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pb-26 {
        padding-bottom: 6.5rem !important
    }
}

.pl-26 {
    padding-left: 3.25rem !important
}

@media only screen and (min-width: 769px) {
    .pl-26 {
        padding-left: calc(6.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pl-26 {
        padding-left: calc(6.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pl-26 {
        padding-left: 5.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pl-26 {
        padding-left: 6.5rem !important
    }
}

.px-26 {
    padding-left: 3.25rem !important;
    padding-right: 3.25rem !important
}

@media only screen and (min-width: 769px) {
    .px-26 {
        padding-left: calc(6.5rem / 1.75) !important;
        padding-right: calc(6.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .px-26 {
        padding-left: calc(6.5rem / 1.5) !important;
        padding-right: calc(6.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .px-26 {
        padding-left: 5.2rem !important;
        padding-right: 5.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .px-26 {
        padding-left: 6.5rem !important;
        padding-right: 6.5rem !important
    }
}

.py-26 {
    padding-top: 3.25rem !important;
    padding-bottom: 3.25rem !important
}

@media only screen and (min-width: 769px) {
    .py-26 {
        padding-top: calc(6.5rem / 1.75) !important;
        padding-bottom: calc(6.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .py-26 {
        padding-top: calc(6.5rem / 1.5) !important;
        padding-bottom: calc(6.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .py-26 {
        padding-top: 5.2rem !important;
        padding-bottom: 5.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .py-26 {
        padding-top: 6.5rem !important;
        padding-bottom: 6.5rem !important
    }
}

.p-27 {
    padding: 3.375rem !important
}

@media only screen and (min-width: 769px) {
    .p-27 {
        padding: calc(6.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .p-27 {
        padding: 4.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .p-27 {
        padding: 5.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .p-27 {
        padding: 6.75rem !important
    }
}

.pt-27 {
    padding-top: 3.375rem !important
}

@media only screen and (min-width: 769px) {
    .pt-27 {
        padding-top: calc(6.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pt-27 {
        padding-top: 4.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .pt-27 {
        padding-top: 5.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pt-27 {
        padding-top: 6.75rem !important
    }
}

.pr-27 {
    padding-right: 3.375rem !important
}

@media only screen and (min-width: 769px) {
    .pr-27 {
        padding-right: calc(6.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pr-27 {
        padding-right: 4.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .pr-27 {
        padding-right: 5.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pr-27 {
        padding-right: 6.75rem !important
    }
}

.pb-27 {
    padding-bottom: 3.375rem !important
}

@media only screen and (min-width: 769px) {
    .pb-27 {
        padding-bottom: calc(6.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pb-27 {
        padding-bottom: 4.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .pb-27 {
        padding-bottom: 5.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pb-27 {
        padding-bottom: 6.75rem !important
    }
}

.pl-27 {
    padding-left: 3.375rem !important
}

@media only screen and (min-width: 769px) {
    .pl-27 {
        padding-left: calc(6.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pl-27 {
        padding-left: 4.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .pl-27 {
        padding-left: 5.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pl-27 {
        padding-left: 6.75rem !important
    }
}

.px-27 {
    padding-left: 3.375rem !important;
    padding-right: 3.375rem !important
}

@media only screen and (min-width: 769px) {
    .px-27 {
        padding-left: calc(6.75rem / 1.75) !important;
        padding-right: calc(6.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .px-27 {
        padding-left: 4.5rem !important;
        padding-right: 4.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .px-27 {
        padding-left: 5.4rem !important;
        padding-right: 5.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .px-27 {
        padding-left: 6.75rem !important;
        padding-right: 6.75rem !important
    }
}

.py-27 {
    padding-top: 3.375rem !important;
    padding-bottom: 3.375rem !important
}

@media only screen and (min-width: 769px) {
    .py-27 {
        padding-top: calc(6.75rem / 1.75) !important;
        padding-bottom: calc(6.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .py-27 {
        padding-top: 4.5rem !important;
        padding-bottom: 4.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .py-27 {
        padding-top: 5.4rem !important;
        padding-bottom: 5.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .py-27 {
        padding-top: 6.75rem !important;
        padding-bottom: 6.75rem !important
    }
}

.p-28 {
    padding: 3.5rem !important
}

@media only screen and (min-width: 769px) {
    .p-28 {
        padding: 4rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .p-28 {
        padding: calc(7rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .p-28 {
        padding: calc(7rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .p-28 {
        padding: 7rem !important
    }
}

.pt-28 {
    padding-top: 3.5rem !important
}

@media only screen and (min-width: 769px) {
    .pt-28 {
        padding-top: 4rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .pt-28 {
        padding-top: calc(7rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pt-28 {
        padding-top: calc(7rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pt-28 {
        padding-top: 7rem !important
    }
}

.pr-28 {
    padding-right: 3.5rem !important
}

@media only screen and (min-width: 769px) {
    .pr-28 {
        padding-right: 4rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .pr-28 {
        padding-right: calc(7rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pr-28 {
        padding-right: calc(7rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pr-28 {
        padding-right: 7rem !important
    }
}

.pb-28 {
    padding-bottom: 3.5rem !important
}

@media only screen and (min-width: 769px) {
    .pb-28 {
        padding-bottom: 4rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .pb-28 {
        padding-bottom: calc(7rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pb-28 {
        padding-bottom: calc(7rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pb-28 {
        padding-bottom: 7rem !important
    }
}

.pl-28 {
    padding-left: 3.5rem !important
}

@media only screen and (min-width: 769px) {
    .pl-28 {
        padding-left: 4rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .pl-28 {
        padding-left: calc(7rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pl-28 {
        padding-left: calc(7rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pl-28 {
        padding-left: 7rem !important
    }
}

.px-28 {
    padding-left: 3.5rem !important;
    padding-right: 3.5rem !important
}

@media only screen and (min-width: 769px) {
    .px-28 {
        padding-left: 4rem !important;
        padding-right: 4rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .px-28 {
        padding-left: calc(7rem / 1.5) !important;
        padding-right: calc(7rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .px-28 {
        padding-left: calc(7rem / 1.25) !important;
        padding-right: calc(7rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .px-28 {
        padding-left: 7rem !important;
        padding-right: 7rem !important
    }
}

.py-28 {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important
}

@media only screen and (min-width: 769px) {
    .py-28 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .py-28 {
        padding-top: calc(7rem / 1.5) !important;
        padding-bottom: calc(7rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .py-28 {
        padding-top: calc(7rem / 1.25) !important;
        padding-bottom: calc(7rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .py-28 {
        padding-top: 7rem !important;
        padding-bottom: 7rem !important
    }
}

.p-29 {
    padding: 3.625rem !important
}

@media only screen and (min-width: 769px) {
    .p-29 {
        padding: calc(7.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .p-29 {
        padding: calc(7.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .p-29 {
        padding: calc(7.25rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .p-29 {
        padding: 7.25rem !important
    }
}

.pt-29 {
    padding-top: 3.625rem !important
}

@media only screen and (min-width: 769px) {
    .pt-29 {
        padding-top: calc(7.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pt-29 {
        padding-top: calc(7.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pt-29 {
        padding-top: calc(7.25rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pt-29 {
        padding-top: 7.25rem !important
    }
}

.pr-29 {
    padding-right: 3.625rem !important
}

@media only screen and (min-width: 769px) {
    .pr-29 {
        padding-right: calc(7.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pr-29 {
        padding-right: calc(7.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pr-29 {
        padding-right: calc(7.25rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pr-29 {
        padding-right: 7.25rem !important
    }
}

.pb-29 {
    padding-bottom: 3.625rem !important
}

@media only screen and (min-width: 769px) {
    .pb-29 {
        padding-bottom: calc(7.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pb-29 {
        padding-bottom: calc(7.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pb-29 {
        padding-bottom: calc(7.25rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pb-29 {
        padding-bottom: 7.25rem !important
    }
}

.pl-29 {
    padding-left: 3.625rem !important
}

@media only screen and (min-width: 769px) {
    .pl-29 {
        padding-left: calc(7.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pl-29 {
        padding-left: calc(7.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pl-29 {
        padding-left: calc(7.25rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pl-29 {
        padding-left: 7.25rem !important
    }
}

.px-29 {
    padding-left: 3.625rem !important;
    padding-right: 3.625rem !important
}

@media only screen and (min-width: 769px) {
    .px-29 {
        padding-left: calc(7.25rem / 1.75) !important;
        padding-right: calc(7.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .px-29 {
        padding-left: calc(7.25rem / 1.5) !important;
        padding-right: calc(7.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .px-29 {
        padding-left: calc(7.25rem / 1.25) !important;
        padding-right: calc(7.25rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .px-29 {
        padding-left: 7.25rem !important;
        padding-right: 7.25rem !important
    }
}

.py-29 {
    padding-top: 3.625rem !important;
    padding-bottom: 3.625rem !important
}

@media only screen and (min-width: 769px) {
    .py-29 {
        padding-top: calc(7.25rem / 1.75) !important;
        padding-bottom: calc(7.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .py-29 {
        padding-top: calc(7.25rem / 1.5) !important;
        padding-bottom: calc(7.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .py-29 {
        padding-top: calc(7.25rem / 1.25) !important;
        padding-bottom: calc(7.25rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .py-29 {
        padding-top: 7.25rem !important;
        padding-bottom: 7.25rem !important
    }
}

.p-30 {
    padding: 3.75rem !important
}

@media only screen and (min-width: 769px) {
    .p-30 {
        padding: calc(7.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .p-30 {
        padding: 5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .p-30 {
        padding: 6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .p-30 {
        padding: 7.5rem !important
    }
}

.pt-30 {
    padding-top: 3.75rem !important
}

@media only screen and (min-width: 769px) {
    .pt-30 {
        padding-top: calc(7.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pt-30 {
        padding-top: 5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .pt-30 {
        padding-top: 6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pt-30 {
        padding-top: 7.5rem !important
    }
}

.pr-30 {
    padding-right: 3.75rem !important
}

@media only screen and (min-width: 769px) {
    .pr-30 {
        padding-right: calc(7.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pr-30 {
        padding-right: 5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .pr-30 {
        padding-right: 6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pr-30 {
        padding-right: 7.5rem !important
    }
}

.pb-30 {
    padding-bottom: 3.75rem !important
}

@media only screen and (min-width: 769px) {
    .pb-30 {
        padding-bottom: calc(7.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pb-30 {
        padding-bottom: 5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .pb-30 {
        padding-bottom: 6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pb-30 {
        padding-bottom: 7.5rem !important
    }
}

.pl-30 {
    padding-left: 3.75rem !important
}

@media only screen and (min-width: 769px) {
    .pl-30 {
        padding-left: calc(7.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pl-30 {
        padding-left: 5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .pl-30 {
        padding-left: 6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pl-30 {
        padding-left: 7.5rem !important
    }
}

.px-30 {
    padding-left: 3.75rem !important;
    padding-right: 3.75rem !important
}

@media only screen and (min-width: 769px) {
    .px-30 {
        padding-left: calc(7.5rem / 1.75) !important;
        padding-right: calc(7.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .px-30 {
        padding-left: 5rem !important;
        padding-right: 5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .px-30 {
        padding-left: 6rem !important;
        padding-right: 6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .px-30 {
        padding-left: 7.5rem !important;
        padding-right: 7.5rem !important
    }
}

.py-30 {
    padding-top: 3.75rem !important;
    padding-bottom: 3.75rem !important
}

@media only screen and (min-width: 769px) {
    .py-30 {
        padding-top: calc(7.5rem / 1.75) !important;
        padding-bottom: calc(7.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .py-30 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .py-30 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .py-30 {
        padding-top: 7.5rem !important;
        padding-bottom: 7.5rem !important
    }
}

.p-31 {
    padding: 3.875rem !important
}

@media only screen and (min-width: 769px) {
    .p-31 {
        padding: calc(7.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .p-31 {
        padding: calc(7.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .p-31 {
        padding: 6.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .p-31 {
        padding: 7.75rem !important
    }
}

.pt-31 {
    padding-top: 3.875rem !important
}

@media only screen and (min-width: 769px) {
    .pt-31 {
        padding-top: calc(7.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pt-31 {
        padding-top: calc(7.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pt-31 {
        padding-top: 6.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pt-31 {
        padding-top: 7.75rem !important
    }
}

.pr-31 {
    padding-right: 3.875rem !important
}

@media only screen and (min-width: 769px) {
    .pr-31 {
        padding-right: calc(7.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pr-31 {
        padding-right: calc(7.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pr-31 {
        padding-right: 6.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pr-31 {
        padding-right: 7.75rem !important
    }
}

.pb-31 {
    padding-bottom: 3.875rem !important
}

@media only screen and (min-width: 769px) {
    .pb-31 {
        padding-bottom: calc(7.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pb-31 {
        padding-bottom: calc(7.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pb-31 {
        padding-bottom: 6.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pb-31 {
        padding-bottom: 7.75rem !important
    }
}

.pl-31 {
    padding-left: 3.875rem !important
}

@media only screen and (min-width: 769px) {
    .pl-31 {
        padding-left: calc(7.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pl-31 {
        padding-left: calc(7.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pl-31 {
        padding-left: 6.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pl-31 {
        padding-left: 7.75rem !important
    }
}

.px-31 {
    padding-left: 3.875rem !important;
    padding-right: 3.875rem !important
}

@media only screen and (min-width: 769px) {
    .px-31 {
        padding-left: calc(7.75rem / 1.75) !important;
        padding-right: calc(7.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .px-31 {
        padding-left: calc(7.75rem / 1.5) !important;
        padding-right: calc(7.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .px-31 {
        padding-left: 6.2rem !important;
        padding-right: 6.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .px-31 {
        padding-left: 7.75rem !important;
        padding-right: 7.75rem !important
    }
}

.py-31 {
    padding-top: 3.875rem !important;
    padding-bottom: 3.875rem !important
}

@media only screen and (min-width: 769px) {
    .py-31 {
        padding-top: calc(7.75rem / 1.75) !important;
        padding-bottom: calc(7.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .py-31 {
        padding-top: calc(7.75rem / 1.5) !important;
        padding-bottom: calc(7.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .py-31 {
        padding-top: 6.2rem !important;
        padding-bottom: 6.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .py-31 {
        padding-top: 7.75rem !important;
        padding-bottom: 7.75rem !important
    }
}

.p-32 {
    padding: 4rem !important
}

@media only screen and (min-width: 769px) {
    .p-32 {
        padding: calc(8rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .p-32 {
        padding: calc(8rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .p-32 {
        padding: 6.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .p-32 {
        padding: 8rem !important
    }
}

.pt-32 {
    padding-top: 4rem !important
}

@media only screen and (min-width: 769px) {
    .pt-32 {
        padding-top: calc(8rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pt-32 {
        padding-top: calc(8rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pt-32 {
        padding-top: 6.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pt-32 {
        padding-top: 8rem !important
    }
}

.pr-32 {
    padding-right: 4rem !important
}

@media only screen and (min-width: 769px) {
    .pr-32 {
        padding-right: calc(8rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pr-32 {
        padding-right: calc(8rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pr-32 {
        padding-right: 6.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pr-32 {
        padding-right: 8rem !important
    }
}

.pb-32 {
    padding-bottom: 4rem !important
}

@media only screen and (min-width: 769px) {
    .pb-32 {
        padding-bottom: calc(8rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pb-32 {
        padding-bottom: calc(8rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pb-32 {
        padding-bottom: 6.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pb-32 {
        padding-bottom: 8rem !important
    }
}

.pl-32 {
    padding-left: 4rem !important
}

@media only screen and (min-width: 769px) {
    .pl-32 {
        padding-left: calc(8rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pl-32 {
        padding-left: calc(8rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pl-32 {
        padding-left: 6.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pl-32 {
        padding-left: 8rem !important
    }
}

.px-32 {
    padding-left: 4rem !important;
    padding-right: 4rem !important
}

@media only screen and (min-width: 769px) {
    .px-32 {
        padding-left: calc(8rem / 1.75) !important;
        padding-right: calc(8rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .px-32 {
        padding-left: calc(8rem / 1.5) !important;
        padding-right: calc(8rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .px-32 {
        padding-left: 6.4rem !important;
        padding-right: 6.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .px-32 {
        padding-left: 8rem !important;
        padding-right: 8rem !important
    }
}

.py-32 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important
}

@media only screen and (min-width: 769px) {
    .py-32 {
        padding-top: calc(8rem / 1.75) !important;
        padding-bottom: calc(8rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .py-32 {
        padding-top: calc(8rem / 1.5) !important;
        padding-bottom: calc(8rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .py-32 {
        padding-top: 6.4rem !important;
        padding-bottom: 6.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .py-32 {
        padding-top: 8rem !important;
        padding-bottom: 8rem !important
    }
}

.p-33 {
    padding: 4.125rem !important
}

@media only screen and (min-width: 769px) {
    .p-33 {
        padding: calc(8.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .p-33 {
        padding: 5.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .p-33 {
        padding: calc(8.25rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .p-33 {
        padding: 8.25rem !important
    }
}

.pt-33 {
    padding-top: 4.125rem !important
}

@media only screen and (min-width: 769px) {
    .pt-33 {
        padding-top: calc(8.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pt-33 {
        padding-top: 5.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .pt-33 {
        padding-top: calc(8.25rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pt-33 {
        padding-top: 8.25rem !important
    }
}

.pr-33 {
    padding-right: 4.125rem !important
}

@media only screen and (min-width: 769px) {
    .pr-33 {
        padding-right: calc(8.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pr-33 {
        padding-right: 5.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .pr-33 {
        padding-right: calc(8.25rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pr-33 {
        padding-right: 8.25rem !important
    }
}

.pb-33 {
    padding-bottom: 4.125rem !important
}

@media only screen and (min-width: 769px) {
    .pb-33 {
        padding-bottom: calc(8.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pb-33 {
        padding-bottom: 5.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .pb-33 {
        padding-bottom: calc(8.25rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pb-33 {
        padding-bottom: 8.25rem !important
    }
}

.pl-33 {
    padding-left: 4.125rem !important
}

@media only screen and (min-width: 769px) {
    .pl-33 {
        padding-left: calc(8.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pl-33 {
        padding-left: 5.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .pl-33 {
        padding-left: calc(8.25rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pl-33 {
        padding-left: 8.25rem !important
    }
}

.px-33 {
    padding-left: 4.125rem !important;
    padding-right: 4.125rem !important
}

@media only screen and (min-width: 769px) {
    .px-33 {
        padding-left: calc(8.25rem / 1.75) !important;
        padding-right: calc(8.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .px-33 {
        padding-left: 5.5rem !important;
        padding-right: 5.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .px-33 {
        padding-left: calc(8.25rem / 1.25) !important;
        padding-right: calc(8.25rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .px-33 {
        padding-left: 8.25rem !important;
        padding-right: 8.25rem !important
    }
}

.py-33 {
    padding-top: 4.125rem !important;
    padding-bottom: 4.125rem !important
}

@media only screen and (min-width: 769px) {
    .py-33 {
        padding-top: calc(8.25rem / 1.75) !important;
        padding-bottom: calc(8.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .py-33 {
        padding-top: 5.5rem !important;
        padding-bottom: 5.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .py-33 {
        padding-top: calc(8.25rem / 1.25) !important;
        padding-bottom: calc(8.25rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .py-33 {
        padding-top: 8.25rem !important;
        padding-bottom: 8.25rem !important
    }
}

.p-34 {
    padding: 4.25rem !important
}

@media only screen and (min-width: 769px) {
    .p-34 {
        padding: calc(8.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .p-34 {
        padding: calc(8.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .p-34 {
        padding: calc(8.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .p-34 {
        padding: 8.5rem !important
    }
}

.pt-34 {
    padding-top: 4.25rem !important
}

@media only screen and (min-width: 769px) {
    .pt-34 {
        padding-top: calc(8.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pt-34 {
        padding-top: calc(8.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pt-34 {
        padding-top: calc(8.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pt-34 {
        padding-top: 8.5rem !important
    }
}

.pr-34 {
    padding-right: 4.25rem !important
}

@media only screen and (min-width: 769px) {
    .pr-34 {
        padding-right: calc(8.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pr-34 {
        padding-right: calc(8.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pr-34 {
        padding-right: calc(8.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pr-34 {
        padding-right: 8.5rem !important
    }
}

.pb-34 {
    padding-bottom: 4.25rem !important
}

@media only screen and (min-width: 769px) {
    .pb-34 {
        padding-bottom: calc(8.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pb-34 {
        padding-bottom: calc(8.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pb-34 {
        padding-bottom: calc(8.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pb-34 {
        padding-bottom: 8.5rem !important
    }
}

.pl-34 {
    padding-left: 4.25rem !important
}

@media only screen and (min-width: 769px) {
    .pl-34 {
        padding-left: calc(8.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pl-34 {
        padding-left: calc(8.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pl-34 {
        padding-left: calc(8.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pl-34 {
        padding-left: 8.5rem !important
    }
}

.px-34 {
    padding-left: 4.25rem !important;
    padding-right: 4.25rem !important
}

@media only screen and (min-width: 769px) {
    .px-34 {
        padding-left: calc(8.5rem / 1.75) !important;
        padding-right: calc(8.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .px-34 {
        padding-left: calc(8.5rem / 1.5) !important;
        padding-right: calc(8.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .px-34 {
        padding-left: calc(8.5rem / 1.25) !important;
        padding-right: calc(8.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .px-34 {
        padding-left: 8.5rem !important;
        padding-right: 8.5rem !important
    }
}

.py-34 {
    padding-top: 4.25rem !important;
    padding-bottom: 4.25rem !important
}

@media only screen and (min-width: 769px) {
    .py-34 {
        padding-top: calc(8.5rem / 1.75) !important;
        padding-bottom: calc(8.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .py-34 {
        padding-top: calc(8.5rem / 1.5) !important;
        padding-bottom: calc(8.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .py-34 {
        padding-top: calc(8.5rem / 1.25) !important;
        padding-bottom: calc(8.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .py-34 {
        padding-top: 8.5rem !important;
        padding-bottom: 8.5rem !important
    }
}

.p-35 {
    padding: 4.375rem !important
}

@media only screen and (min-width: 769px) {
    .p-35 {
        padding: 5rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .p-35 {
        padding: calc(8.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .p-35 {
        padding: 7rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .p-35 {
        padding: 8.75rem !important
    }
}

.pt-35 {
    padding-top: 4.375rem !important
}

@media only screen and (min-width: 769px) {
    .pt-35 {
        padding-top: 5rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .pt-35 {
        padding-top: calc(8.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pt-35 {
        padding-top: 7rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pt-35 {
        padding-top: 8.75rem !important
    }
}

.pr-35 {
    padding-right: 4.375rem !important
}

@media only screen and (min-width: 769px) {
    .pr-35 {
        padding-right: 5rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .pr-35 {
        padding-right: calc(8.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pr-35 {
        padding-right: 7rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pr-35 {
        padding-right: 8.75rem !important
    }
}

.pb-35 {
    padding-bottom: 4.375rem !important
}

@media only screen and (min-width: 769px) {
    .pb-35 {
        padding-bottom: 5rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .pb-35 {
        padding-bottom: calc(8.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pb-35 {
        padding-bottom: 7rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pb-35 {
        padding-bottom: 8.75rem !important
    }
}

.pl-35 {
    padding-left: 4.375rem !important
}

@media only screen and (min-width: 769px) {
    .pl-35 {
        padding-left: 5rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .pl-35 {
        padding-left: calc(8.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pl-35 {
        padding-left: 7rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pl-35 {
        padding-left: 8.75rem !important
    }
}

.px-35 {
    padding-left: 4.375rem !important;
    padding-right: 4.375rem !important
}

@media only screen and (min-width: 769px) {
    .px-35 {
        padding-left: 5rem !important;
        padding-right: 5rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .px-35 {
        padding-left: calc(8.75rem / 1.5) !important;
        padding-right: calc(8.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .px-35 {
        padding-left: 7rem !important;
        padding-right: 7rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .px-35 {
        padding-left: 8.75rem !important;
        padding-right: 8.75rem !important
    }
}

.py-35 {
    padding-top: 4.375rem !important;
    padding-bottom: 4.375rem !important
}

@media only screen and (min-width: 769px) {
    .py-35 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .py-35 {
        padding-top: calc(8.75rem / 1.5) !important;
        padding-bottom: calc(8.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .py-35 {
        padding-top: 7rem !important;
        padding-bottom: 7rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .py-35 {
        padding-top: 8.75rem !important;
        padding-bottom: 8.75rem !important
    }
}

.p-36 {
    padding: 4.5rem !important
}

@media only screen and (min-width: 769px) {
    .p-36 {
        padding: calc(9rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .p-36 {
        padding: 6rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .p-36 {
        padding: 7.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .p-36 {
        padding: 9rem !important
    }
}

.pt-36 {
    padding-top: 4.5rem !important
}

@media only screen and (min-width: 769px) {
    .pt-36 {
        padding-top: calc(9rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pt-36 {
        padding-top: 6rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .pt-36 {
        padding-top: 7.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pt-36 {
        padding-top: 9rem !important
    }
}

.pr-36 {
    padding-right: 4.5rem !important
}

@media only screen and (min-width: 769px) {
    .pr-36 {
        padding-right: calc(9rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pr-36 {
        padding-right: 6rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .pr-36 {
        padding-right: 7.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pr-36 {
        padding-right: 9rem !important
    }
}

.pb-36 {
    padding-bottom: 4.5rem !important
}

@media only screen and (min-width: 769px) {
    .pb-36 {
        padding-bottom: calc(9rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pb-36 {
        padding-bottom: 6rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .pb-36 {
        padding-bottom: 7.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pb-36 {
        padding-bottom: 9rem !important
    }
}

.pl-36 {
    padding-left: 4.5rem !important
}

@media only screen and (min-width: 769px) {
    .pl-36 {
        padding-left: calc(9rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pl-36 {
        padding-left: 6rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .pl-36 {
        padding-left: 7.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pl-36 {
        padding-left: 9rem !important
    }
}

.px-36 {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important
}

@media only screen and (min-width: 769px) {
    .px-36 {
        padding-left: calc(9rem / 1.75) !important;
        padding-right: calc(9rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .px-36 {
        padding-left: 6rem !important;
        padding-right: 6rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .px-36 {
        padding-left: 7.2rem !important;
        padding-right: 7.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .px-36 {
        padding-left: 9rem !important;
        padding-right: 9rem !important
    }
}

.py-36 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important
}

@media only screen and (min-width: 769px) {
    .py-36 {
        padding-top: calc(9rem / 1.75) !important;
        padding-bottom: calc(9rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .py-36 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .py-36 {
        padding-top: 7.2rem !important;
        padding-bottom: 7.2rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .py-36 {
        padding-top: 9rem !important;
        padding-bottom: 9rem !important
    }
}

.p-37 {
    padding: 4.625rem !important
}

@media only screen and (min-width: 769px) {
    .p-37 {
        padding: calc(9.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .p-37 {
        padding: calc(9.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .p-37 {
        padding: 7.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .p-37 {
        padding: 9.25rem !important
    }
}

.pt-37 {
    padding-top: 4.625rem !important
}

@media only screen and (min-width: 769px) {
    .pt-37 {
        padding-top: calc(9.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pt-37 {
        padding-top: calc(9.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pt-37 {
        padding-top: 7.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pt-37 {
        padding-top: 9.25rem !important
    }
}

.pr-37 {
    padding-right: 4.625rem !important
}

@media only screen and (min-width: 769px) {
    .pr-37 {
        padding-right: calc(9.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pr-37 {
        padding-right: calc(9.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pr-37 {
        padding-right: 7.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pr-37 {
        padding-right: 9.25rem !important
    }
}

.pb-37 {
    padding-bottom: 4.625rem !important
}

@media only screen and (min-width: 769px) {
    .pb-37 {
        padding-bottom: calc(9.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pb-37 {
        padding-bottom: calc(9.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pb-37 {
        padding-bottom: 7.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pb-37 {
        padding-bottom: 9.25rem !important
    }
}

.pl-37 {
    padding-left: 4.625rem !important
}

@media only screen and (min-width: 769px) {
    .pl-37 {
        padding-left: calc(9.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pl-37 {
        padding-left: calc(9.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pl-37 {
        padding-left: 7.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pl-37 {
        padding-left: 9.25rem !important
    }
}

.px-37 {
    padding-left: 4.625rem !important;
    padding-right: 4.625rem !important
}

@media only screen and (min-width: 769px) {
    .px-37 {
        padding-left: calc(9.25rem / 1.75) !important;
        padding-right: calc(9.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .px-37 {
        padding-left: calc(9.25rem / 1.5) !important;
        padding-right: calc(9.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .px-37 {
        padding-left: 7.4rem !important;
        padding-right: 7.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .px-37 {
        padding-left: 9.25rem !important;
        padding-right: 9.25rem !important
    }
}

.py-37 {
    padding-top: 4.625rem !important;
    padding-bottom: 4.625rem !important
}

@media only screen and (min-width: 769px) {
    .py-37 {
        padding-top: calc(9.25rem / 1.75) !important;
        padding-bottom: calc(9.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .py-37 {
        padding-top: calc(9.25rem / 1.5) !important;
        padding-bottom: calc(9.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .py-37 {
        padding-top: 7.4rem !important;
        padding-bottom: 7.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .py-37 {
        padding-top: 9.25rem !important;
        padding-bottom: 9.25rem !important
    }
}

.p-38 {
    padding: 4.75rem !important
}

@media only screen and (min-width: 769px) {
    .p-38 {
        padding: calc(9.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .p-38 {
        padding: calc(9.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .p-38 {
        padding: calc(9.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .p-38 {
        padding: 9.5rem !important
    }
}

.pt-38 {
    padding-top: 4.75rem !important
}

@media only screen and (min-width: 769px) {
    .pt-38 {
        padding-top: calc(9.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pt-38 {
        padding-top: calc(9.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pt-38 {
        padding-top: calc(9.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pt-38 {
        padding-top: 9.5rem !important
    }
}

.pr-38 {
    padding-right: 4.75rem !important
}

@media only screen and (min-width: 769px) {
    .pr-38 {
        padding-right: calc(9.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pr-38 {
        padding-right: calc(9.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pr-38 {
        padding-right: calc(9.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pr-38 {
        padding-right: 9.5rem !important
    }
}

.pb-38 {
    padding-bottom: 4.75rem !important
}

@media only screen and (min-width: 769px) {
    .pb-38 {
        padding-bottom: calc(9.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pb-38 {
        padding-bottom: calc(9.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pb-38 {
        padding-bottom: calc(9.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pb-38 {
        padding-bottom: 9.5rem !important
    }
}

.pl-38 {
    padding-left: 4.75rem !important
}

@media only screen and (min-width: 769px) {
    .pl-38 {
        padding-left: calc(9.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pl-38 {
        padding-left: calc(9.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pl-38 {
        padding-left: calc(9.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pl-38 {
        padding-left: 9.5rem !important
    }
}

.px-38 {
    padding-left: 4.75rem !important;
    padding-right: 4.75rem !important
}

@media only screen and (min-width: 769px) {
    .px-38 {
        padding-left: calc(9.5rem / 1.75) !important;
        padding-right: calc(9.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .px-38 {
        padding-left: calc(9.5rem / 1.5) !important;
        padding-right: calc(9.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .px-38 {
        padding-left: calc(9.5rem / 1.25) !important;
        padding-right: calc(9.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .px-38 {
        padding-left: 9.5rem !important;
        padding-right: 9.5rem !important
    }
}

.py-38 {
    padding-top: 4.75rem !important;
    padding-bottom: 4.75rem !important
}

@media only screen and (min-width: 769px) {
    .py-38 {
        padding-top: calc(9.5rem / 1.75) !important;
        padding-bottom: calc(9.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .py-38 {
        padding-top: calc(9.5rem / 1.5) !important;
        padding-bottom: calc(9.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .py-38 {
        padding-top: calc(9.5rem / 1.25) !important;
        padding-bottom: calc(9.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .py-38 {
        padding-top: 9.5rem !important;
        padding-bottom: 9.5rem !important
    }
}

.p-39 {
    padding: 4.875rem !important
}

@media only screen and (min-width: 769px) {
    .p-39 {
        padding: calc(9.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .p-39 {
        padding: 6.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .p-39 {
        padding: calc(9.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .p-39 {
        padding: 9.75rem !important
    }
}

.pt-39 {
    padding-top: 4.875rem !important
}

@media only screen and (min-width: 769px) {
    .pt-39 {
        padding-top: calc(9.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pt-39 {
        padding-top: 6.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .pt-39 {
        padding-top: calc(9.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pt-39 {
        padding-top: 9.75rem !important
    }
}

.pr-39 {
    padding-right: 4.875rem !important
}

@media only screen and (min-width: 769px) {
    .pr-39 {
        padding-right: calc(9.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pr-39 {
        padding-right: 6.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .pr-39 {
        padding-right: calc(9.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pr-39 {
        padding-right: 9.75rem !important
    }
}

.pb-39 {
    padding-bottom: 4.875rem !important
}

@media only screen and (min-width: 769px) {
    .pb-39 {
        padding-bottom: calc(9.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pb-39 {
        padding-bottom: 6.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .pb-39 {
        padding-bottom: calc(9.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pb-39 {
        padding-bottom: 9.75rem !important
    }
}

.pl-39 {
    padding-left: 4.875rem !important
}

@media only screen and (min-width: 769px) {
    .pl-39 {
        padding-left: calc(9.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pl-39 {
        padding-left: 6.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .pl-39 {
        padding-left: calc(9.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pl-39 {
        padding-left: 9.75rem !important
    }
}

.px-39 {
    padding-left: 4.875rem !important;
    padding-right: 4.875rem !important
}

@media only screen and (min-width: 769px) {
    .px-39 {
        padding-left: calc(9.75rem / 1.75) !important;
        padding-right: calc(9.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .px-39 {
        padding-left: 6.5rem !important;
        padding-right: 6.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .px-39 {
        padding-left: calc(9.75rem / 1.25) !important;
        padding-right: calc(9.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .px-39 {
        padding-left: 9.75rem !important;
        padding-right: 9.75rem !important
    }
}

.py-39 {
    padding-top: 4.875rem !important;
    padding-bottom: 4.875rem !important
}

@media only screen and (min-width: 769px) {
    .py-39 {
        padding-top: calc(9.75rem / 1.75) !important;
        padding-bottom: calc(9.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .py-39 {
        padding-top: 6.5rem !important;
        padding-bottom: 6.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .py-39 {
        padding-top: calc(9.75rem / 1.25) !important;
        padding-bottom: calc(9.75rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .py-39 {
        padding-top: 9.75rem !important;
        padding-bottom: 9.75rem !important
    }
}

.p-40 {
    padding: 5rem !important
}

@media only screen and (min-width: 769px) {
    .p-40 {
        padding: calc(10rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .p-40 {
        padding: calc(10rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .p-40 {
        padding: 8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .p-40 {
        padding: 10rem !important
    }
}

.pt-40 {
    padding-top: 5rem !important
}

@media only screen and (min-width: 769px) {
    .pt-40 {
        padding-top: calc(10rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pt-40 {
        padding-top: calc(10rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pt-40 {
        padding-top: 8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pt-40 {
        padding-top: 10rem !important
    }
}

.pr-40 {
    padding-right: 5rem !important
}

@media only screen and (min-width: 769px) {
    .pr-40 {
        padding-right: calc(10rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pr-40 {
        padding-right: calc(10rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pr-40 {
        padding-right: 8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pr-40 {
        padding-right: 10rem !important
    }
}

.pb-40 {
    padding-bottom: 5rem !important
}

@media only screen and (min-width: 769px) {
    .pb-40 {
        padding-bottom: calc(10rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pb-40 {
        padding-bottom: calc(10rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pb-40 {
        padding-bottom: 8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pb-40 {
        padding-bottom: 10rem !important
    }
}

.pl-40 {
    padding-left: 5rem !important
}

@media only screen and (min-width: 769px) {
    .pl-40 {
        padding-left: calc(10rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pl-40 {
        padding-left: calc(10rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pl-40 {
        padding-left: 8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pl-40 {
        padding-left: 10rem !important
    }
}

.px-40 {
    padding-left: 5rem !important;
    padding-right: 5rem !important
}

@media only screen and (min-width: 769px) {
    .px-40 {
        padding-left: calc(10rem / 1.75) !important;
        padding-right: calc(10rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .px-40 {
        padding-left: calc(10rem / 1.5) !important;
        padding-right: calc(10rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .px-40 {
        padding-left: 8rem !important;
        padding-right: 8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .px-40 {
        padding-left: 10rem !important;
        padding-right: 10rem !important
    }
}

.py-40 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important
}

@media only screen and (min-width: 769px) {
    .py-40 {
        padding-top: calc(10rem / 1.75) !important;
        padding-bottom: calc(10rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .py-40 {
        padding-top: calc(10rem / 1.5) !important;
        padding-bottom: calc(10rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .py-40 {
        padding-top: 8rem !important;
        padding-bottom: 8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .py-40 {
        padding-top: 10rem !important;
        padding-bottom: 10rem !important
    }
}

.p-41 {
    padding: 5.125rem !important
}

@media only screen and (min-width: 769px) {
    .p-41 {
        padding: calc(10.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .p-41 {
        padding: calc(10.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .p-41 {
        padding: calc(10.25rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .p-41 {
        padding: 10.25rem !important
    }
}

.pt-41 {
    padding-top: 5.125rem !important
}

@media only screen and (min-width: 769px) {
    .pt-41 {
        padding-top: calc(10.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pt-41 {
        padding-top: calc(10.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pt-41 {
        padding-top: calc(10.25rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pt-41 {
        padding-top: 10.25rem !important
    }
}

.pr-41 {
    padding-right: 5.125rem !important
}

@media only screen and (min-width: 769px) {
    .pr-41 {
        padding-right: calc(10.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pr-41 {
        padding-right: calc(10.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pr-41 {
        padding-right: calc(10.25rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pr-41 {
        padding-right: 10.25rem !important
    }
}

.pb-41 {
    padding-bottom: 5.125rem !important
}

@media only screen and (min-width: 769px) {
    .pb-41 {
        padding-bottom: calc(10.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pb-41 {
        padding-bottom: calc(10.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pb-41 {
        padding-bottom: calc(10.25rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pb-41 {
        padding-bottom: 10.25rem !important
    }
}

.pl-41 {
    padding-left: 5.125rem !important
}

@media only screen and (min-width: 769px) {
    .pl-41 {
        padding-left: calc(10.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pl-41 {
        padding-left: calc(10.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pl-41 {
        padding-left: calc(10.25rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pl-41 {
        padding-left: 10.25rem !important
    }
}

.px-41 {
    padding-left: 5.125rem !important;
    padding-right: 5.125rem !important
}

@media only screen and (min-width: 769px) {
    .px-41 {
        padding-left: calc(10.25rem / 1.75) !important;
        padding-right: calc(10.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .px-41 {
        padding-left: calc(10.25rem / 1.5) !important;
        padding-right: calc(10.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .px-41 {
        padding-left: calc(10.25rem / 1.25) !important;
        padding-right: calc(10.25rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .px-41 {
        padding-left: 10.25rem !important;
        padding-right: 10.25rem !important
    }
}

.py-41 {
    padding-top: 5.125rem !important;
    padding-bottom: 5.125rem !important
}

@media only screen and (min-width: 769px) {
    .py-41 {
        padding-top: calc(10.25rem / 1.75) !important;
        padding-bottom: calc(10.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .py-41 {
        padding-top: calc(10.25rem / 1.5) !important;
        padding-bottom: calc(10.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .py-41 {
        padding-top: calc(10.25rem / 1.25) !important;
        padding-bottom: calc(10.25rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .py-41 {
        padding-top: 10.25rem !important;
        padding-bottom: 10.25rem !important
    }
}

.p-42 {
    padding: 5.25rem !important
}

@media only screen and (min-width: 769px) {
    .p-42 {
        padding: 6rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .p-42 {
        padding: 7rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .p-42 {
        padding: 8.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .p-42 {
        padding: 10.5rem !important
    }
}

.pt-42 {
    padding-top: 5.25rem !important
}

@media only screen and (min-width: 769px) {
    .pt-42 {
        padding-top: 6rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .pt-42 {
        padding-top: 7rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .pt-42 {
        padding-top: 8.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pt-42 {
        padding-top: 10.5rem !important
    }
}

.pr-42 {
    padding-right: 5.25rem !important
}

@media only screen and (min-width: 769px) {
    .pr-42 {
        padding-right: 6rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .pr-42 {
        padding-right: 7rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .pr-42 {
        padding-right: 8.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pr-42 {
        padding-right: 10.5rem !important
    }
}

.pb-42 {
    padding-bottom: 5.25rem !important
}

@media only screen and (min-width: 769px) {
    .pb-42 {
        padding-bottom: 6rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .pb-42 {
        padding-bottom: 7rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .pb-42 {
        padding-bottom: 8.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pb-42 {
        padding-bottom: 10.5rem !important
    }
}

.pl-42 {
    padding-left: 5.25rem !important
}

@media only screen and (min-width: 769px) {
    .pl-42 {
        padding-left: 6rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .pl-42 {
        padding-left: 7rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .pl-42 {
        padding-left: 8.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pl-42 {
        padding-left: 10.5rem !important
    }
}

.px-42 {
    padding-left: 5.25rem !important;
    padding-right: 5.25rem !important
}

@media only screen and (min-width: 769px) {
    .px-42 {
        padding-left: 6rem !important;
        padding-right: 6rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .px-42 {
        padding-left: 7rem !important;
        padding-right: 7rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .px-42 {
        padding-left: 8.4rem !important;
        padding-right: 8.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .px-42 {
        padding-left: 10.5rem !important;
        padding-right: 10.5rem !important
    }
}

.py-42 {
    padding-top: 5.25rem !important;
    padding-bottom: 5.25rem !important
}

@media only screen and (min-width: 769px) {
    .py-42 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .py-42 {
        padding-top: 7rem !important;
        padding-bottom: 7rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .py-42 {
        padding-top: 8.4rem !important;
        padding-bottom: 8.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .py-42 {
        padding-top: 10.5rem !important;
        padding-bottom: 10.5rem !important
    }
}

.p-43 {
    padding: 5.375rem !important
}

@media only screen and (min-width: 769px) {
    .p-43 {
        padding: calc(10.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .p-43 {
        padding: calc(10.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .p-43 {
        padding: 8.6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .p-43 {
        padding: 10.75rem !important
    }
}

.pt-43 {
    padding-top: 5.375rem !important
}

@media only screen and (min-width: 769px) {
    .pt-43 {
        padding-top: calc(10.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pt-43 {
        padding-top: calc(10.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pt-43 {
        padding-top: 8.6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pt-43 {
        padding-top: 10.75rem !important
    }
}

.pr-43 {
    padding-right: 5.375rem !important
}

@media only screen and (min-width: 769px) {
    .pr-43 {
        padding-right: calc(10.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pr-43 {
        padding-right: calc(10.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pr-43 {
        padding-right: 8.6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pr-43 {
        padding-right: 10.75rem !important
    }
}

.pb-43 {
    padding-bottom: 5.375rem !important
}

@media only screen and (min-width: 769px) {
    .pb-43 {
        padding-bottom: calc(10.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pb-43 {
        padding-bottom: calc(10.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pb-43 {
        padding-bottom: 8.6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pb-43 {
        padding-bottom: 10.75rem !important
    }
}

.pl-43 {
    padding-left: 5.375rem !important
}

@media only screen and (min-width: 769px) {
    .pl-43 {
        padding-left: calc(10.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pl-43 {
        padding-left: calc(10.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pl-43 {
        padding-left: 8.6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pl-43 {
        padding-left: 10.75rem !important
    }
}

.px-43 {
    padding-left: 5.375rem !important;
    padding-right: 5.375rem !important
}

@media only screen and (min-width: 769px) {
    .px-43 {
        padding-left: calc(10.75rem / 1.75) !important;
        padding-right: calc(10.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .px-43 {
        padding-left: calc(10.75rem / 1.5) !important;
        padding-right: calc(10.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .px-43 {
        padding-left: 8.6rem !important;
        padding-right: 8.6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .px-43 {
        padding-left: 10.75rem !important;
        padding-right: 10.75rem !important
    }
}

.py-43 {
    padding-top: 5.375rem !important;
    padding-bottom: 5.375rem !important
}

@media only screen and (min-width: 769px) {
    .py-43 {
        padding-top: calc(10.75rem / 1.75) !important;
        padding-bottom: calc(10.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .py-43 {
        padding-top: calc(10.75rem / 1.5) !important;
        padding-bottom: calc(10.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .py-43 {
        padding-top: 8.6rem !important;
        padding-bottom: 8.6rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .py-43 {
        padding-top: 10.75rem !important;
        padding-bottom: 10.75rem !important
    }
}

.p-44 {
    padding: 5.5rem !important
}

@media only screen and (min-width: 769px) {
    .p-44 {
        padding: calc(11rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .p-44 {
        padding: calc(11rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .p-44 {
        padding: 8.8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .p-44 {
        padding: 11rem !important
    }
}

.pt-44 {
    padding-top: 5.5rem !important
}

@media only screen and (min-width: 769px) {
    .pt-44 {
        padding-top: calc(11rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pt-44 {
        padding-top: calc(11rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pt-44 {
        padding-top: 8.8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pt-44 {
        padding-top: 11rem !important
    }
}

.pr-44 {
    padding-right: 5.5rem !important
}

@media only screen and (min-width: 769px) {
    .pr-44 {
        padding-right: calc(11rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pr-44 {
        padding-right: calc(11rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pr-44 {
        padding-right: 8.8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pr-44 {
        padding-right: 11rem !important
    }
}

.pb-44 {
    padding-bottom: 5.5rem !important
}

@media only screen and (min-width: 769px) {
    .pb-44 {
        padding-bottom: calc(11rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pb-44 {
        padding-bottom: calc(11rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pb-44 {
        padding-bottom: 8.8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pb-44 {
        padding-bottom: 11rem !important
    }
}

.pl-44 {
    padding-left: 5.5rem !important
}

@media only screen and (min-width: 769px) {
    .pl-44 {
        padding-left: calc(11rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pl-44 {
        padding-left: calc(11rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pl-44 {
        padding-left: 8.8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pl-44 {
        padding-left: 11rem !important
    }
}

.px-44 {
    padding-left: 5.5rem !important;
    padding-right: 5.5rem !important
}

@media only screen and (min-width: 769px) {
    .px-44 {
        padding-left: calc(11rem / 1.75) !important;
        padding-right: calc(11rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .px-44 {
        padding-left: calc(11rem / 1.5) !important;
        padding-right: calc(11rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .px-44 {
        padding-left: 8.8rem !important;
        padding-right: 8.8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .px-44 {
        padding-left: 11rem !important;
        padding-right: 11rem !important
    }
}

.py-44 {
    padding-top: 5.5rem !important;
    padding-bottom: 5.5rem !important
}

@media only screen and (min-width: 769px) {
    .py-44 {
        padding-top: calc(11rem / 1.75) !important;
        padding-bottom: calc(11rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .py-44 {
        padding-top: calc(11rem / 1.5) !important;
        padding-bottom: calc(11rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .py-44 {
        padding-top: 8.8rem !important;
        padding-bottom: 8.8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .py-44 {
        padding-top: 11rem !important;
        padding-bottom: 11rem !important
    }
}

.p-45 {
    padding: 5.625rem !important
}

@media only screen and (min-width: 769px) {
    .p-45 {
        padding: calc(11.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .p-45 {
        padding: 7.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .p-45 {
        padding: 9rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .p-45 {
        padding: 11.25rem !important
    }
}

.pt-45 {
    padding-top: 5.625rem !important
}

@media only screen and (min-width: 769px) {
    .pt-45 {
        padding-top: calc(11.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pt-45 {
        padding-top: 7.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .pt-45 {
        padding-top: 9rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pt-45 {
        padding-top: 11.25rem !important
    }
}

.pr-45 {
    padding-right: 5.625rem !important
}

@media only screen and (min-width: 769px) {
    .pr-45 {
        padding-right: calc(11.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pr-45 {
        padding-right: 7.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .pr-45 {
        padding-right: 9rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pr-45 {
        padding-right: 11.25rem !important
    }
}

.pb-45 {
    padding-bottom: 5.625rem !important
}

@media only screen and (min-width: 769px) {
    .pb-45 {
        padding-bottom: calc(11.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pb-45 {
        padding-bottom: 7.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .pb-45 {
        padding-bottom: 9rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pb-45 {
        padding-bottom: 11.25rem !important
    }
}

.pl-45 {
    padding-left: 5.625rem !important
}

@media only screen and (min-width: 769px) {
    .pl-45 {
        padding-left: calc(11.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pl-45 {
        padding-left: 7.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .pl-45 {
        padding-left: 9rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pl-45 {
        padding-left: 11.25rem !important
    }
}

.px-45 {
    padding-left: 5.625rem !important;
    padding-right: 5.625rem !important
}

@media only screen and (min-width: 769px) {
    .px-45 {
        padding-left: calc(11.25rem / 1.75) !important;
        padding-right: calc(11.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .px-45 {
        padding-left: 7.5rem !important;
        padding-right: 7.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .px-45 {
        padding-left: 9rem !important;
        padding-right: 9rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .px-45 {
        padding-left: 11.25rem !important;
        padding-right: 11.25rem !important
    }
}

.py-45 {
    padding-top: 5.625rem !important;
    padding-bottom: 5.625rem !important
}

@media only screen and (min-width: 769px) {
    .py-45 {
        padding-top: calc(11.25rem / 1.75) !important;
        padding-bottom: calc(11.25rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .py-45 {
        padding-top: 7.5rem !important;
        padding-bottom: 7.5rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .py-45 {
        padding-top: 9rem !important;
        padding-bottom: 9rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .py-45 {
        padding-top: 11.25rem !important;
        padding-bottom: 11.25rem !important
    }
}

.p-46 {
    padding: 5.75rem !important
}

@media only screen and (min-width: 769px) {
    .p-46 {
        padding: calc(11.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .p-46 {
        padding: calc(11.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .p-46 {
        padding: calc(11.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .p-46 {
        padding: 11.5rem !important
    }
}

.pt-46 {
    padding-top: 5.75rem !important
}

@media only screen and (min-width: 769px) {
    .pt-46 {
        padding-top: calc(11.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pt-46 {
        padding-top: calc(11.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pt-46 {
        padding-top: calc(11.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pt-46 {
        padding-top: 11.5rem !important
    }
}

.pr-46 {
    padding-right: 5.75rem !important
}

@media only screen and (min-width: 769px) {
    .pr-46 {
        padding-right: calc(11.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pr-46 {
        padding-right: calc(11.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pr-46 {
        padding-right: calc(11.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pr-46 {
        padding-right: 11.5rem !important
    }
}

.pb-46 {
    padding-bottom: 5.75rem !important
}

@media only screen and (min-width: 769px) {
    .pb-46 {
        padding-bottom: calc(11.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pb-46 {
        padding-bottom: calc(11.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pb-46 {
        padding-bottom: calc(11.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pb-46 {
        padding-bottom: 11.5rem !important
    }
}

.pl-46 {
    padding-left: 5.75rem !important
}

@media only screen and (min-width: 769px) {
    .pl-46 {
        padding-left: calc(11.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pl-46 {
        padding-left: calc(11.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pl-46 {
        padding-left: calc(11.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pl-46 {
        padding-left: 11.5rem !important
    }
}

.px-46 {
    padding-left: 5.75rem !important;
    padding-right: 5.75rem !important
}

@media only screen and (min-width: 769px) {
    .px-46 {
        padding-left: calc(11.5rem / 1.75) !important;
        padding-right: calc(11.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .px-46 {
        padding-left: calc(11.5rem / 1.5) !important;
        padding-right: calc(11.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .px-46 {
        padding-left: calc(11.5rem / 1.25) !important;
        padding-right: calc(11.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .px-46 {
        padding-left: 11.5rem !important;
        padding-right: 11.5rem !important
    }
}

.py-46 {
    padding-top: 5.75rem !important;
    padding-bottom: 5.75rem !important
}

@media only screen and (min-width: 769px) {
    .py-46 {
        padding-top: calc(11.5rem / 1.75) !important;
        padding-bottom: calc(11.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .py-46 {
        padding-top: calc(11.5rem / 1.5) !important;
        padding-bottom: calc(11.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .py-46 {
        padding-top: calc(11.5rem / 1.25) !important;
        padding-bottom: calc(11.5rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .py-46 {
        padding-top: 11.5rem !important;
        padding-bottom: 11.5rem !important
    }
}

.p-47 {
    padding: 5.875rem !important
}

@media only screen and (min-width: 769px) {
    .p-47 {
        padding: calc(11.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .p-47 {
        padding: calc(11.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .p-47 {
        padding: 9.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .p-47 {
        padding: 11.75rem !important
    }
}

.pt-47 {
    padding-top: 5.875rem !important
}

@media only screen and (min-width: 769px) {
    .pt-47 {
        padding-top: calc(11.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pt-47 {
        padding-top: calc(11.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pt-47 {
        padding-top: 9.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pt-47 {
        padding-top: 11.75rem !important
    }
}

.pr-47 {
    padding-right: 5.875rem !important
}

@media only screen and (min-width: 769px) {
    .pr-47 {
        padding-right: calc(11.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pr-47 {
        padding-right: calc(11.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pr-47 {
        padding-right: 9.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pr-47 {
        padding-right: 11.75rem !important
    }
}

.pb-47 {
    padding-bottom: 5.875rem !important
}

@media only screen and (min-width: 769px) {
    .pb-47 {
        padding-bottom: calc(11.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pb-47 {
        padding-bottom: calc(11.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pb-47 {
        padding-bottom: 9.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pb-47 {
        padding-bottom: 11.75rem !important
    }
}

.pl-47 {
    padding-left: 5.875rem !important
}

@media only screen and (min-width: 769px) {
    .pl-47 {
        padding-left: calc(11.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pl-47 {
        padding-left: calc(11.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pl-47 {
        padding-left: 9.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pl-47 {
        padding-left: 11.75rem !important
    }
}

.px-47 {
    padding-left: 5.875rem !important;
    padding-right: 5.875rem !important
}

@media only screen and (min-width: 769px) {
    .px-47 {
        padding-left: calc(11.75rem / 1.75) !important;
        padding-right: calc(11.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .px-47 {
        padding-left: calc(11.75rem / 1.5) !important;
        padding-right: calc(11.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .px-47 {
        padding-left: 9.4rem !important;
        padding-right: 9.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .px-47 {
        padding-left: 11.75rem !important;
        padding-right: 11.75rem !important
    }
}

.py-47 {
    padding-top: 5.875rem !important;
    padding-bottom: 5.875rem !important
}

@media only screen and (min-width: 769px) {
    .py-47 {
        padding-top: calc(11.75rem / 1.75) !important;
        padding-bottom: calc(11.75rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .py-47 {
        padding-top: calc(11.75rem / 1.5) !important;
        padding-bottom: calc(11.75rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .py-47 {
        padding-top: 9.4rem !important;
        padding-bottom: 9.4rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .py-47 {
        padding-top: 11.75rem !important;
        padding-bottom: 11.75rem !important
    }
}

.p-48 {
    padding: 6rem !important
}

@media only screen and (min-width: 769px) {
    .p-48 {
        padding: calc(12rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .p-48 {
        padding: 8rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .p-48 {
        padding: calc(12rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .p-48 {
        padding: 12rem !important
    }
}

.pt-48 {
    padding-top: 6rem !important
}

@media only screen and (min-width: 769px) {
    .pt-48 {
        padding-top: calc(12rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pt-48 {
        padding-top: 8rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .pt-48 {
        padding-top: calc(12rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pt-48 {
        padding-top: 12rem !important
    }
}

.pr-48 {
    padding-right: 6rem !important
}

@media only screen and (min-width: 769px) {
    .pr-48 {
        padding-right: calc(12rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pr-48 {
        padding-right: 8rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .pr-48 {
        padding-right: calc(12rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pr-48 {
        padding-right: 12rem !important
    }
}

.pb-48 {
    padding-bottom: 6rem !important
}

@media only screen and (min-width: 769px) {
    .pb-48 {
        padding-bottom: calc(12rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pb-48 {
        padding-bottom: 8rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .pb-48 {
        padding-bottom: calc(12rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pb-48 {
        padding-bottom: 12rem !important
    }
}

.pl-48 {
    padding-left: 6rem !important
}

@media only screen and (min-width: 769px) {
    .pl-48 {
        padding-left: calc(12rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pl-48 {
        padding-left: 8rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .pl-48 {
        padding-left: calc(12rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .pl-48 {
        padding-left: 12rem !important
    }
}

.px-48 {
    padding-left: 6rem !important;
    padding-right: 6rem !important
}

@media only screen and (min-width: 769px) {
    .px-48 {
        padding-left: calc(12rem / 1.75) !important;
        padding-right: calc(12rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .px-48 {
        padding-left: 8rem !important;
        padding-right: 8rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .px-48 {
        padding-left: calc(12rem / 1.25) !important;
        padding-right: calc(12rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .px-48 {
        padding-left: 12rem !important;
        padding-right: 12rem !important
    }
}

.py-48 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important
}

@media only screen and (min-width: 769px) {
    .py-48 {
        padding-top: calc(12rem / 1.75) !important;
        padding-bottom: calc(12rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .py-48 {
        padding-top: 8rem !important;
        padding-bottom: 8rem !important
    }
}

@media only screen and (min-width: 1216px) {
    .py-48 {
        padding-top: calc(12rem / 1.25) !important;
        padding-bottom: calc(12rem / 1.25) !important
    }
}

@media only screen and (min-width: 1408px) {
    .py-48 {
        padding-top: 12rem !important;
        padding-bottom: 12rem !important
    }
}

.p-49 {
    padding: 6.125rem !important
}

@media only screen and (min-width: 769px) {
    .p-49 {
        padding: 7rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .p-49 {
        padding: calc(12.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .p-49 {
        padding: 9.8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .p-49 {
        padding: 12.25rem !important
    }
}

.pt-49 {
    padding-top: 6.125rem !important
}

@media only screen and (min-width: 769px) {
    .pt-49 {
        padding-top: 7rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .pt-49 {
        padding-top: calc(12.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pt-49 {
        padding-top: 9.8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pt-49 {
        padding-top: 12.25rem !important
    }
}

.pr-49 {
    padding-right: 6.125rem !important
}

@media only screen and (min-width: 769px) {
    .pr-49 {
        padding-right: 7rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .pr-49 {
        padding-right: calc(12.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pr-49 {
        padding-right: 9.8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pr-49 {
        padding-right: 12.25rem !important
    }
}

.pb-49 {
    padding-bottom: 6.125rem !important
}

@media only screen and (min-width: 769px) {
    .pb-49 {
        padding-bottom: 7rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .pb-49 {
        padding-bottom: calc(12.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pb-49 {
        padding-bottom: 9.8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pb-49 {
        padding-bottom: 12.25rem !important
    }
}

.pl-49 {
    padding-left: 6.125rem !important
}

@media only screen and (min-width: 769px) {
    .pl-49 {
        padding-left: 7rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .pl-49 {
        padding-left: calc(12.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pl-49 {
        padding-left: 9.8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pl-49 {
        padding-left: 12.25rem !important
    }
}

.px-49 {
    padding-left: 6.125rem !important;
    padding-right: 6.125rem !important
}

@media only screen and (min-width: 769px) {
    .px-49 {
        padding-left: 7rem !important;
        padding-right: 7rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .px-49 {
        padding-left: calc(12.25rem / 1.5) !important;
        padding-right: calc(12.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .px-49 {
        padding-left: 9.8rem !important;
        padding-right: 9.8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .px-49 {
        padding-left: 12.25rem !important;
        padding-right: 12.25rem !important
    }
}

.py-49 {
    padding-top: 6.125rem !important;
    padding-bottom: 6.125rem !important
}

@media only screen and (min-width: 769px) {
    .py-49 {
        padding-top: 7rem !important;
        padding-bottom: 7rem !important
    }
}

@media only screen and (min-width: 1024px) {
    .py-49 {
        padding-top: calc(12.25rem / 1.5) !important;
        padding-bottom: calc(12.25rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .py-49 {
        padding-top: 9.8rem !important;
        padding-bottom: 9.8rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .py-49 {
        padding-top: 12.25rem !important;
        padding-bottom: 12.25rem !important
    }
}

.p-50 {
    padding: 6.25rem !important
}

@media only screen and (min-width: 769px) {
    .p-50 {
        padding: calc(12.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .p-50 {
        padding: calc(12.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .p-50 {
        padding: 10rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .p-50 {
        padding: 12.5rem !important
    }
}

.pt-50 {
    padding-top: 6.25rem !important
}

@media only screen and (min-width: 769px) {
    .pt-50 {
        padding-top: calc(12.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pt-50 {
        padding-top: calc(12.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pt-50 {
        padding-top: 10rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pt-50 {
        padding-top: 12.5rem !important
    }
}

.pr-50 {
    padding-right: 6.25rem !important
}

@media only screen and (min-width: 769px) {
    .pr-50 {
        padding-right: calc(12.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pr-50 {
        padding-right: calc(12.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pr-50 {
        padding-right: 10rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pr-50 {
        padding-right: 12.5rem !important
    }
}

.pb-50 {
    padding-bottom: 6.25rem !important
}

@media only screen and (min-width: 769px) {
    .pb-50 {
        padding-bottom: calc(12.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pb-50 {
        padding-bottom: calc(12.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pb-50 {
        padding-bottom: 10rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pb-50 {
        padding-bottom: 12.5rem !important
    }
}

.pl-50 {
    padding-left: 6.25rem !important
}

@media only screen and (min-width: 769px) {
    .pl-50 {
        padding-left: calc(12.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .pl-50 {
        padding-left: calc(12.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .pl-50 {
        padding-left: 10rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .pl-50 {
        padding-left: 12.5rem !important
    }
}

.px-50 {
    padding-left: 6.25rem !important;
    padding-right: 6.25rem !important
}

@media only screen and (min-width: 769px) {
    .px-50 {
        padding-left: calc(12.5rem / 1.75) !important;
        padding-right: calc(12.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .px-50 {
        padding-left: calc(12.5rem / 1.5) !important;
        padding-right: calc(12.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .px-50 {
        padding-left: 10rem !important;
        padding-right: 10rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .px-50 {
        padding-left: 12.5rem !important;
        padding-right: 12.5rem !important
    }
}

.py-50 {
    padding-top: 6.25rem !important;
    padding-bottom: 6.25rem !important
}

@media only screen and (min-width: 769px) {
    .py-50 {
        padding-top: calc(12.5rem / 1.75) !important;
        padding-bottom: calc(12.5rem / 1.75) !important
    }
}

@media only screen and (min-width: 1024px) {
    .py-50 {
        padding-top: calc(12.5rem / 1.5) !important;
        padding-bottom: calc(12.5rem / 1.5) !important
    }
}

@media only screen and (min-width: 1216px) {
    .py-50 {
        padding-top: 10rem !important;
        padding-bottom: 10rem !important
    }
}

@media only screen and (min-width: 1408px) {
    .py-50 {
        padding-top: 12.5rem !important;
        padding-bottom: 12.5rem !important
    }
}

.mx-auto {
    margin-left: auto !important;
    margin-right: auto !important
}

.is-underlined {
    text-decoration: underline !important
}

.is-italic {
    font-style: italic !important
}

.has-font-weight-medium {
    font-weight: 500
}

.has-font-weight-semi-bold {
    font-weight: 600
}

.has-font-weight-bold {
    font-weight: 700
}

.has-text-white {
    color: #fff
}

.has-text-centered {
    text-align: center !important
}

.has-text-right {
    text-align: right !important
}

.has-background-azure-blue {
    background-color: #2375ff
}

.has-background-orange {
    background-color: #f1870a
}

.has-max-width-200px {
    max-width: 200px
}

.has-max-width-365px {
    max-width: 365px
}

.has-max-height-526px {
    max-height: 526px
}

.is-full-width {
    width: 100% !important
}

.is-full-height {
    height: 100% !important
}

.has-width-auto {
    width: auto !important
}

.is-flex {
    display: flex !important
}

.is-hidden {
    display: none !important
}

.has-width-fit-content {
    width: fit-content !important
}

a {
    color: inherit;
    text-decoration: none;
    word-break: break-word
}

html,
body {
    min-height: 100vh
}

body {
    display: grid;
    grid-template-rows: auto 1fr auto;
    color: #0d0d0d;
    font-family: Jost, sans-serif;
    font-size: 1.125rem;
    font-weight: 400
}

@media only screen and (min-width: 1024px) {
    body {
        font-size: 1.5rem
    }
}

body.gradient__primary {
    background: linear-gradient(180deg, #e6e6e6, #fff 15%)
}

body.gradient__secondary {
    background: linear-gradient(180deg, #e9f1ff, #fff 15%)
}

body.gradient__tertiary {
    background: linear-gradient(180deg, #fef3e5, #fff 15%)
}

h1.is-size-1 {
    font-size: 2.875rem;
    line-height: 110%
}

h1.is-size-2 {
    font-size: 1.625rem;
    line-height: 125%
}

h2.is-size-1 {
    font-size: 2rem;
    line-height: 145%
}

img.has-rounded-corners {
    border-radius: 8px
}

img.waves-img {
    height: 140px;
    width: 100%;
    object-fit: cover;
    object-position: left;
    z-index: -10;
    margin: 1rem auto
}

@media only screen and (min-width: 769px) {
    img.waves-img {
        object-position: center;
        height: unset;
        margin: 0 auto 1rem
    }
}

img.five-mg-ml-logo {
    width: 100%;
    max-width: 300px
}

input.input {
    height: unset;
    padding: .875rem;
    border-radius: .25rem;
    border-color: #9e9e9e
}

input[type=checkbox] {
    height: 1.125rem;
    width: 1.125rem;
    vertical-align: bottom;
    margin-right: .625rem
}

label.label:not(label.label.checkbox) {
    font-weight: 500;
    margin-bottom: .5rem
}

label.checkbox {
    font-size: 1rem
}

main {
    display: flex;
    flex-direction: column
}

p.is-size-1 {
    font-size: 1.625rem;
    line-height: 125%
}

p.is-size-2 {
    font-size: 1.5rem;
    line-height: 130%
}

p.is-size-3 {
    font-size: 1.375rem;
    line-height: 120%
}

p.is-size-4 {
    font-size: 1.25rem;
    line-height: 140%
}

p.is-size-5 {
    font-size: 1rem;
    line-height: 150%
}

p.is-size-6 {
    font-size: .75rem;
    line-height: 120%
}

sup {
    font-size: 60%
}

section.section {
    padding-left: 0;
    padding-right: 0
}

select,
.select {
    width: 100%
}

select {
    height: unset !important;
    font-family: inherit !important;
    padding: .875rem 40px .875rem 11px !important;
    border-radius: .25rem !important;
    border-color: #9e9e9e !important
}

.select:not(.is-multiple) {
    height: unset
}

svg {
    max-width: 100%;
    height: auto
}

table {
    font-size: 1.125rem
}

[data-sa][data-sa][data-sa-duration="50"],
body[data-sa-duration="50"] [data-sa] {
    transition-duration: 50ms
}

[data-sa][data-sa][data-sa-delay="50"],
body[data-sa-delay="50"] [data-sa] {
    transition-delay: 0ms
}

[data-sa][data-sa][data-sa-delay="50"].is-active,
body[data-sa-delay="50"] [data-sa].is-active {
    transition-delay: 50ms
}

[data-sa][data-sa][data-sa-duration="100"],
body[data-sa-duration="100"] [data-sa] {
    transition-duration: .1s
}

[data-sa][data-sa][data-sa-delay="100"],
body[data-sa-delay="100"] [data-sa] {
    transition-delay: 0ms
}

[data-sa][data-sa][data-sa-delay="100"].is-active,
body[data-sa-delay="100"] [data-sa].is-active {
    transition-delay: .1s
}

[data-sa][data-sa][data-sa-duration="150"],
body[data-sa-duration="150"] [data-sa] {
    transition-duration: .15s
}

[data-sa][data-sa][data-sa-delay="150"],
body[data-sa-delay="150"] [data-sa] {
    transition-delay: 0ms
}

[data-sa][data-sa][data-sa-delay="150"].is-active,
body[data-sa-delay="150"] [data-sa].is-active {
    transition-delay: .15s
}

[data-sa][data-sa][data-sa-duration="200"],
body[data-sa-duration="200"] [data-sa] {
    transition-duration: .2s
}

[data-sa][data-sa][data-sa-delay="200"],
body[data-sa-delay="200"] [data-sa] {
    transition-delay: 0ms
}

[data-sa][data-sa][data-sa-delay="200"].is-active,
body[data-sa-delay="200"] [data-sa].is-active {
    transition-delay: .2s
}

[data-sa][data-sa][data-sa-duration="250"],
body[data-sa-duration="250"] [data-sa] {
    transition-duration: .25s
}

[data-sa][data-sa][data-sa-delay="250"],
body[data-sa-delay="250"] [data-sa] {
    transition-delay: 0ms
}

[data-sa][data-sa][data-sa-delay="250"].is-active,
body[data-sa-delay="250"] [data-sa].is-active {
    transition-delay: .25s
}

[data-sa][data-sa][data-sa-duration="300"],
body[data-sa-duration="300"] [data-sa] {
    transition-duration: .3s
}

[data-sa][data-sa][data-sa-delay="300"],
body[data-sa-delay="300"] [data-sa] {
    transition-delay: 0ms
}

[data-sa][data-sa][data-sa-delay="300"].is-active,
body[data-sa-delay="300"] [data-sa].is-active {
    transition-delay: .3s
}

[data-sa][data-sa][data-sa-duration="350"],
body[data-sa-duration="350"] [data-sa] {
    transition-duration: .35s
}

[data-sa][data-sa][data-sa-delay="350"],
body[data-sa-delay="350"] [data-sa] {
    transition-delay: 0ms
}

[data-sa][data-sa][data-sa-delay="350"].is-active,
body[data-sa-delay="350"] [data-sa].is-active {
    transition-delay: .35s
}

[data-sa][data-sa][data-sa-duration="400"],
body[data-sa-duration="400"] [data-sa] {
    transition-duration: .4s
}

[data-sa][data-sa][data-sa-delay="400"],
body[data-sa-delay="400"] [data-sa] {
    transition-delay: 0ms
}

[data-sa][data-sa][data-sa-delay="400"].is-active,
body[data-sa-delay="400"] [data-sa].is-active {
    transition-delay: .4s
}

[data-sa][data-sa][data-sa-duration="450"],
body[data-sa-duration="450"] [data-sa] {
    transition-duration: .45s
}

[data-sa][data-sa][data-sa-delay="450"],
body[data-sa-delay="450"] [data-sa] {
    transition-delay: 0ms
}

[data-sa][data-sa][data-sa-delay="450"].is-active,
body[data-sa-delay="450"] [data-sa].is-active {
    transition-delay: .45s
}

[data-sa][data-sa][data-sa-duration="500"],
body[data-sa-duration="500"] [data-sa] {
    transition-duration: .5s
}

[data-sa][data-sa][data-sa-delay="500"],
body[data-sa-delay="500"] [data-sa] {
    transition-delay: 0ms
}

[data-sa][data-sa][data-sa-delay="500"].is-active,
body[data-sa-delay="500"] [data-sa].is-active {
    transition-delay: .5s
}

[data-sa][data-sa][data-sa-duration="550"],
body[data-sa-duration="550"] [data-sa] {
    transition-duration: .55s
}

[data-sa][data-sa][data-sa-delay="550"],
body[data-sa-delay="550"] [data-sa] {
    transition-delay: 0ms
}

[data-sa][data-sa][data-sa-delay="550"].is-active,
body[data-sa-delay="550"] [data-sa].is-active {
    transition-delay: .55s
}

[data-sa][data-sa][data-sa-duration="600"],
body[data-sa-duration="600"] [data-sa] {
    transition-duration: .6s
}

[data-sa][data-sa][data-sa-delay="600"],
body[data-sa-delay="600"] [data-sa] {
    transition-delay: 0ms
}

[data-sa][data-sa][data-sa-delay="600"].is-active,
body[data-sa-delay="600"] [data-sa].is-active {
    transition-delay: .6s
}

[data-sa][data-sa][data-sa-duration="650"],
body[data-sa-duration="650"] [data-sa] {
    transition-duration: .65s
}

[data-sa][data-sa][data-sa-delay="650"],
body[data-sa-delay="650"] [data-sa] {
    transition-delay: 0ms
}

[data-sa][data-sa][data-sa-delay="650"].is-active,
body[data-sa-delay="650"] [data-sa].is-active {
    transition-delay: .65s
}

[data-sa][data-sa][data-sa-duration="700"],
body[data-sa-duration="700"] [data-sa] {
    transition-duration: .7s
}

[data-sa][data-sa][data-sa-delay="700"],
body[data-sa-delay="700"] [data-sa] {
    transition-delay: 0ms
}

[data-sa][data-sa][data-sa-delay="700"].is-active,
body[data-sa-delay="700"] [data-sa].is-active {
    transition-delay: .7s
}

[data-sa][data-sa][data-sa-duration="750"],
body[data-sa-duration="750"] [data-sa] {
    transition-duration: .75s
}

[data-sa][data-sa][data-sa-delay="750"],
body[data-sa-delay="750"] [data-sa] {
    transition-delay: 0ms
}

[data-sa][data-sa][data-sa-delay="750"].is-active,
body[data-sa-delay="750"] [data-sa].is-active {
    transition-delay: .75s
}

[data-sa][data-sa][data-sa-duration="800"],
body[data-sa-duration="800"] [data-sa] {
    transition-duration: .8s
}

[data-sa][data-sa][data-sa-delay="800"],
body[data-sa-delay="800"] [data-sa] {
    transition-delay: 0ms
}

[data-sa][data-sa][data-sa-delay="800"].is-active,
body[data-sa-delay="800"] [data-sa].is-active {
    transition-delay: .8s
}

[data-sa][data-sa][data-sa-duration="850"],
body[data-sa-duration="850"] [data-sa] {
    transition-duration: .85s
}

[data-sa][data-sa][data-sa-delay="850"],
body[data-sa-delay="850"] [data-sa] {
    transition-delay: 0ms
}

[data-sa][data-sa][data-sa-delay="850"].is-active,
body[data-sa-delay="850"] [data-sa].is-active {
    transition-delay: .85s
}

[data-sa][data-sa][data-sa-duration="900"],
body[data-sa-duration="900"] [data-sa] {
    transition-duration: .9s
}

[data-sa][data-sa][data-sa-delay="900"],
body[data-sa-delay="900"] [data-sa] {
    transition-delay: 0ms
}

[data-sa][data-sa][data-sa-delay="900"].is-active,
body[data-sa-delay="900"] [data-sa].is-active {
    transition-delay: .9s
}

[data-sa][data-sa][data-sa-duration="950"],
body[data-sa-duration="950"] [data-sa] {
    transition-duration: .95s
}

[data-sa][data-sa][data-sa-delay="950"],
body[data-sa-delay="950"] [data-sa] {
    transition-delay: 0ms
}

[data-sa][data-sa][data-sa-delay="950"].is-active,
body[data-sa-delay="950"] [data-sa].is-active {
    transition-delay: .95s
}

[data-sa][data-sa][data-sa-duration="1000"],
body[data-sa-duration="1000"] [data-sa] {
    transition-duration: 1s
}

[data-sa][data-sa][data-sa-delay="1000"],
body[data-sa-delay="1000"] [data-sa] {
    transition-delay: 0ms
}

[data-sa][data-sa][data-sa-delay="1000"].is-active,
body[data-sa-delay="1000"] [data-sa].is-active {
    transition-delay: 1s
}

[data-sa][data-sa][data-sa-duration="1050"],
body[data-sa-duration="1050"] [data-sa] {
    transition-duration: 1.05s
}

[data-sa][data-sa][data-sa-delay="1050"],
body[data-sa-delay="1050"] [data-sa] {
    transition-delay: 0ms
}

[data-sa][data-sa][data-sa-delay="1050"].is-active,
body[data-sa-delay="1050"] [data-sa].is-active {
    transition-delay: 1.05s
}

[data-sa][data-sa][data-sa-duration="1100"],
body[data-sa-duration="1100"] [data-sa] {
    transition-duration: 1.1s
}

[data-sa][data-sa][data-sa-delay="1100"],
body[data-sa-delay="1100"] [data-sa] {
    transition-delay: 0ms
}

[data-sa][data-sa][data-sa-delay="1100"].is-active,
body[data-sa-delay="1100"] [data-sa].is-active {
    transition-delay: 1.1s
}

[data-sa][data-sa][data-sa-duration="1150"],
body[data-sa-duration="1150"] [data-sa] {
    transition-duration: 1.15s
}

[data-sa][data-sa][data-sa-delay="1150"],
body[data-sa-delay="1150"] [data-sa] {
    transition-delay: 0ms
}

[data-sa][data-sa][data-sa-delay="1150"].is-active,
body[data-sa-delay="1150"] [data-sa].is-active {
    transition-delay: 1.15s
}

[data-sa][data-sa][data-sa-duration="1200"],
body[data-sa-duration="1200"] [data-sa] {
    transition-duration: 1.2s
}

[data-sa][data-sa][data-sa-delay="1200"],
body[data-sa-delay="1200"] [data-sa] {
    transition-delay: 0ms
}

[data-sa][data-sa][data-sa-delay="1200"].is-active,
body[data-sa-delay="1200"] [data-sa].is-active {
    transition-delay: 1.2s
}

[data-sa][data-sa][data-sa-duration="1250"],
body[data-sa-duration="1250"] [data-sa] {
    transition-duration: 1.25s
}

[data-sa][data-sa][data-sa-delay="1250"],
body[data-sa-delay="1250"] [data-sa] {
    transition-delay: 0ms
}

[data-sa][data-sa][data-sa-delay="1250"].is-active,
body[data-sa-delay="1250"] [data-sa].is-active {
    transition-delay: 1.25s
}

[data-sa][data-sa][data-sa-duration="1300"],
body[data-sa-duration="1300"] [data-sa] {
    transition-duration: 1.3s
}

[data-sa][data-sa][data-sa-delay="1300"],
body[data-sa-delay="1300"] [data-sa] {
    transition-delay: 0ms
}

[data-sa][data-sa][data-sa-delay="1300"].is-active,
body[data-sa-delay="1300"] [data-sa].is-active {
    transition-delay: 1.3s
}

[data-sa][data-sa][data-sa-duration="1350"],
body[data-sa-duration="1350"] [data-sa] {
    transition-duration: 1.35s
}

[data-sa][data-sa][data-sa-delay="1350"],
body[data-sa-delay="1350"] [data-sa] {
    transition-delay: 0ms
}

[data-sa][data-sa][data-sa-delay="1350"].is-active,
body[data-sa-delay="1350"] [data-sa].is-active {
    transition-delay: 1.35s
}

[data-sa][data-sa][data-sa-duration="1400"],
body[data-sa-duration="1400"] [data-sa] {
    transition-duration: 1.4s
}

[data-sa][data-sa][data-sa-delay="1400"],
body[data-sa-delay="1400"] [data-sa] {
    transition-delay: 0ms
}

[data-sa][data-sa][data-sa-delay="1400"].is-active,
body[data-sa-delay="1400"] [data-sa].is-active {
    transition-delay: 1.4s
}

[data-sa][data-sa][data-sa-duration="1450"],
body[data-sa-duration="1450"] [data-sa] {
    transition-duration: 1.45s
}

[data-sa][data-sa][data-sa-delay="1450"],
body[data-sa-delay="1450"] [data-sa] {
    transition-delay: 0ms
}

[data-sa][data-sa][data-sa-delay="1450"].is-active,
body[data-sa-delay="1450"] [data-sa].is-active {
    transition-delay: 1.45s
}

[data-sa][data-sa][data-sa-duration="1500"],
body[data-sa-duration="1500"] [data-sa] {
    transition-duration: 1.5s
}

[data-sa][data-sa][data-sa-delay="1500"],
body[data-sa-delay="1500"] [data-sa] {
    transition-delay: 0ms
}

[data-sa][data-sa][data-sa-delay="1500"].is-active,
body[data-sa-delay="1500"] [data-sa].is-active {
    transition-delay: 1.5s
}

[data-sa][data-sa][data-sa-duration="1550"],
body[data-sa-duration="1550"] [data-sa] {
    transition-duration: 1.55s
}

[data-sa][data-sa][data-sa-delay="1550"],
body[data-sa-delay="1550"] [data-sa] {
    transition-delay: 0ms
}

[data-sa][data-sa][data-sa-delay="1550"].is-active,
body[data-sa-delay="1550"] [data-sa].is-active {
    transition-delay: 1.55s
}

[data-sa][data-sa][data-sa-duration="1600"],
body[data-sa-duration="1600"] [data-sa] {
    transition-duration: 1.6s
}

[data-sa][data-sa][data-sa-delay="1600"],
body[data-sa-delay="1600"] [data-sa] {
    transition-delay: 0ms
}

[data-sa][data-sa][data-sa-delay="1600"].is-active,
body[data-sa-delay="1600"] [data-sa].is-active {
    transition-delay: 1.6s
}

[data-sa][data-sa][data-sa-duration="1650"],
body[data-sa-duration="1650"] [data-sa] {
    transition-duration: 1.65s
}

[data-sa][data-sa][data-sa-delay="1650"],
body[data-sa-delay="1650"] [data-sa] {
    transition-delay: 0ms
}

[data-sa][data-sa][data-sa-delay="1650"].is-active,
body[data-sa-delay="1650"] [data-sa].is-active {
    transition-delay: 1.65s
}

[data-sa][data-sa][data-sa-duration="1700"],
body[data-sa-duration="1700"] [data-sa] {
    transition-duration: 1.7s
}

[data-sa][data-sa][data-sa-delay="1700"],
body[data-sa-delay="1700"] [data-sa] {
    transition-delay: 0ms
}

[data-sa][data-sa][data-sa-delay="1700"].is-active,
body[data-sa-delay="1700"] [data-sa].is-active {
    transition-delay: 1.7s
}

[data-sa][data-sa][data-sa-duration="1750"],
body[data-sa-duration="1750"] [data-sa] {
    transition-duration: 1.75s
}

[data-sa][data-sa][data-sa-delay="1750"],
body[data-sa-delay="1750"] [data-sa] {
    transition-delay: 0ms
}

[data-sa][data-sa][data-sa-delay="1750"].is-active,
body[data-sa-delay="1750"] [data-sa].is-active {
    transition-delay: 1.75s
}

[data-sa][data-sa][data-sa-duration="1800"],
body[data-sa-duration="1800"] [data-sa] {
    transition-duration: 1.8s
}

[data-sa][data-sa][data-sa-delay="1800"],
body[data-sa-delay="1800"] [data-sa] {
    transition-delay: 0ms
}

[data-sa][data-sa][data-sa-delay="1800"].is-active,
body[data-sa-delay="1800"] [data-sa].is-active {
    transition-delay: 1.8s
}

[data-sa][data-sa][data-sa-duration="1850"],
body[data-sa-duration="1850"] [data-sa] {
    transition-duration: 1.85s
}

[data-sa][data-sa][data-sa-delay="1850"],
body[data-sa-delay="1850"] [data-sa] {
    transition-delay: 0ms
}

[data-sa][data-sa][data-sa-delay="1850"].is-active,
body[data-sa-delay="1850"] [data-sa].is-active {
    transition-delay: 1.85s
}

[data-sa][data-sa][data-sa-duration="1900"],
body[data-sa-duration="1900"] [data-sa] {
    transition-duration: 1.9s
}

[data-sa][data-sa][data-sa-delay="1900"],
body[data-sa-delay="1900"] [data-sa] {
    transition-delay: 0ms
}

[data-sa][data-sa][data-sa-delay="1900"].is-active,
body[data-sa-delay="1900"] [data-sa].is-active {
    transition-delay: 1.9s
}

[data-sa][data-sa][data-sa-duration="1950"],
body[data-sa-duration="1950"] [data-sa] {
    transition-duration: 1.95s
}

[data-sa][data-sa][data-sa-delay="1950"],
body[data-sa-delay="1950"] [data-sa] {
    transition-delay: 0ms
}

[data-sa][data-sa][data-sa-delay="1950"].is-active,
body[data-sa-delay="1950"] [data-sa].is-active {
    transition-delay: 1.95s
}

[data-sa][data-sa][data-sa-duration="2000"],
body[data-sa-duration="2000"] [data-sa] {
    transition-duration: 2s
}

[data-sa][data-sa][data-sa-delay="2000"],
body[data-sa-delay="2000"] [data-sa] {
    transition-delay: 0ms
}

[data-sa][data-sa][data-sa-delay="2000"].is-active,
body[data-sa-delay="2000"] [data-sa].is-active {
    transition-delay: 2s
}

[data-sa][data-sa][data-sa-duration="2050"],
body[data-sa-duration="2050"] [data-sa] {
    transition-duration: 2.05s
}

[data-sa][data-sa][data-sa-delay="2050"],
body[data-sa-delay="2050"] [data-sa] {
    transition-delay: 0ms
}

[data-sa][data-sa][data-sa-delay="2050"].is-active,
body[data-sa-delay="2050"] [data-sa].is-active {
    transition-delay: 2.05s
}

[data-sa][data-sa][data-sa-easing=linear],
body[data-sa-easing=linear] [data-sa] {
    transition-timing-function: linear
}

[data-sa][data-sa][data-sa-easing=ease],
body[data-sa-easing=ease] [data-sa] {
    transition-timing-function: ease
}

[data-sa][data-sa][data-sa-easing=ease-in],
body[data-sa-easing=ease-in] [data-sa] {
    transition-timing-function: ease-in
}

[data-sa][data-sa][data-sa-easing=ease-out],
body[data-sa-easing=ease-out] [data-sa] {
    transition-timing-function: ease-out
}

[data-sa][data-sa][data-sa-easing=ease-in-out],
body[data-sa-easing=ease-in-out] [data-sa] {
    transition-timing-function: ease-in-out
}

[data-sa^=fade][data-sa^=fade] {
    opacity: 0;
    transition-property: opacity, transform
}

[data-sa^=fade][data-sa^=fade].is-active {
    opacity: 1;
    transform: translateZ(0)
}

[data-sa=fade-up] {
    transform: translate3d(0, 100px, 0)
}

[data-sa=fade-down] {
    transform: translate3d(0, -100px, 0)
}

[data-sa=fade-right] {
    transform: translate3d(-100px, 0, 0)
}

[data-sa=fade-left] {
    transform: translate3d(100px, 0, 0)
}

[data-sa=fade-up-right] {
    transform: translate3d(-100px, 100px, 0)
}

[data-sa=fade-up-left] {
    transform: translate3d(100px, 100px, 0)
}

[data-sa=fade-down-right] {
    transform: translate3d(-100px, -100px, 0)
}

[data-sa=fade-down-left] {
    transform: translate3d(100px, -100px, 0)
}

.ew-cookie-bar .ew-cookie-bar__button {
    color: unset;
    font-size: .85rem;
    padding: .45rem 1rem;
    border-radius: 5px
}

.ew-cookie-popup .ew-cookie-popup__modal__info__buttons button {
    padding: .45rem 1rem;
    font-size: .85rem;
    border-radius: 5px
}

.ae-box {
    text-align: center;
    padding: 1rem;
    border: 1px solid #0d0d0d;
    border-radius: 8px
}

.ae-box>* {
    max-width: 930px;
    margin: 0 auto
}

.banner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
    font-weight: 600;
    padding: 2.5rem;
    border-radius: 8px
}

.banner--primary {
    background-color: #fae17c
}

.banner--secondary {
    background-color: #e9f1ff
}

.banner--tertiary {
    background-color: #fef3e5
}

.button {
    position: relative;
    display: inline-block;
    width: max-content;
    font-family: inherit;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 145%;
    text-align: center;
    padding: .75rem 1.25rem;
    border-radius: 8px;
    transition: color .5s ease-in-out, border-color .5s ease-in-out, background-color .5s ease-in-out;
    cursor: pointer;
    overflow: hidden
}

.button__inner {
    position: relative;
    z-index: 5
}

.button:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background-color: inherit;
    z-index: 1;
    transition: top .25s ease-in-out
}

.button--primary {
    color: #fff;
    background-color: #1754bb
}

.button--primary:before {
    background-color: #7498d6
}

.button--primary.has-border {
    border-color: #fff
}

.button--primary.has-border:hover {
    border-color: #7498d6
}

.button--primary:hover {
    color: #fff
}

.button--primary:hover:before {
    top: 0
}

.button--primary.is-disabled {
    background-color: #9e9e9e;
    pointer-events: none;
    cursor: not-allowed
}

.button--secondary {
    color: #0d0d0d;
    background-color: #fff
}

.button--secondary:before {
    background-color: #0d0d0d
}

.button--secondary.has-border,
.button--secondary.has-border:hover {
    border-color: #0d0d0d
}

.button--secondary:hover {
    color: #fff
}

.button--secondary:hover:before {
    top: 0
}

.button--secondary.is-disabled {
    background-color: #9e9e9e;
    pointer-events: none;
    cursor: not-allowed
}

.button--tertiary {
    color: #1754bb;
    background-color: #fff
}

.button--tertiary:before {
    background-color: #7498d6
}

.button--tertiary.has-border {
    border-color: #1754bb
}

.button--tertiary.has-border:hover {
    border-color: #7498d6
}

.button--tertiary:hover {
    color: #fff
}

.button--tertiary:hover:before {
    top: 0
}

.button--tertiary.is-disabled {
    background-color: #9e9e9e;
    pointer-events: none;
    cursor: not-allowed
}

.button.has-border {
    border: 1px solid
}

.card {
    display: flex;
    flex-direction: column;
    gap: 1.875rem
}

.card__image {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2.75rem;
    border-radius: 8px
}

.card--primary .card__image {
    background-color: #e9f1ff
}

.contact-form {
    font-size: 1.25rem
}

.contact-form .form__error {
    color: #ec4017;
    font-size: 1rem;
    margin-top: .25rem
}

.contact-form .field {
    margin-bottom: 1.25rem
}

.contact-form .select:not(.is-multiple):not(.is-loading):after {
    content: "▼";
    height: unset;
    width: unset;
    border: 0;
    margin-top: 0;
    transform: translateY(-50%)
}

.contact-form .g-recaptcha__container {
    display: flex;
    justify-content: center
}

.divider {
    height: 2px
}

.divider--primary {
    background-color: #9e9e9e
}

.page-container {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    width: 100%;
    max-width: 76.25rem;
    padding: 0 2.5rem;
    margin: 0 auto
}

.external-link-disclaimer:popover-open {
    width: 90%;
    max-width: 60.625rem;
    display: flex;
    flex-direction: column;
    padding: 1.5rem;
    border: 1px solid #9e9e9e;
    border-radius: 8px;
    box-shadow: 0 0 35px #00000040
}

.external-link-disclaimer::backdrop {
    background-color: #0d0d0db3
}

.external-link-disclaimer__close-button {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    align-self: flex-end;
    width: 24px;
    height: 24px;
    background: #1754bb;
    padding: 0;
    border: 0;
    border-radius: 50%;
    margin: 0;
    cursor: pointer;
    transition: all .15s
}

.external-link-disclaimer__close-button-cross {
    width: 14px;
    height: 14px;
    background: none;
    position: relative;
    padding: 0;
    margin: 0;
    border: 0
}

.external-link-disclaimer__close-button-cross:before,
.external-link-disclaimer__close-button-cross:after {
    content: "";
    height: 1px;
    position: absolute;
    top: 6.5px;
    right: 0;
    left: 0;
    background: #fff;
    border-radius: 1px
}

.external-link-disclaimer__close-button-cross:before {
    transform: rotate(45deg)
}

.external-link-disclaimer__close-button-cross:after {
    transform: rotate(-45deg)
}

.external-link-disclaimer__close-button-cross span {
    display: block
}

.external-link-disclaimer__close-button-hidden {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden
}

.external-link-disclaimer__close-button:hover,
.external-link-disclaimer__close-button:focus {
    transform: rotate(180deg)
}

.external-link-disclaimer__content {
    max-width: 49.5rem;
    text-align: center;
    padding-top: 2rem;
    margin: 0 auto
}

.external-link-disclaimer__content--title {
    width: max-content;
    position: relative;
    font-weight: 600;
    padding-bottom: 2px;
    margin: 0 auto
}

.external-link-disclaimer__content--title:after {
    content: "";
    height: 1px;
    width: 100%;
    position: absolute;
    right: 50%;
    bottom: 0;
    background-color: #0d0d0d;
    transform: translate(50%)
}

.external-link-disclaimer__buttons {
    padding-top: 2rem;
    display: flex;
    justify-content: center;
    gap: 1rem
}

.footer {
    font-size: .875rem;
    line-height: 170%;
    padding: 0 0 2.5rem
}

.footer__company-info,
.footer__link-container {
    display: flex;
    flex-direction: column
}

.footer__company-info {
    gap: 1.25rem
}

.footer__link-container {
    height: 100%;
    gap: .25rem;
    text-align: left
}

@media only screen and (min-width: 769px) {
    .footer__link-container {
        align-items: flex-end;
        justify-content: flex-end;
        text-align: right
    }
}

.hcp-footer__pi-buttons {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 1rem;
    margin-bottom: 2.625rem
}

.hcp-footer__pi-buttons .button {
    width: 100%
}

@media only screen and (min-width: 769px) {
    .hcp-footer__pi-buttons .button {
        width: unset
    }
}

@media only screen and (min-width: 769px) {
    .hcp-footer__pi-buttons {
        flex-direction: row;
        justify-content: space-evenly;
        margin-bottom: 3rem
    }
}

@media only screen and (min-width: 1024px) {
    .hcp-footer__pi-buttons {
        margin-bottom: 3.5rem
    }
}

@media only screen and (min-width: 1216px) {
    .hcp-footer__pi-buttons {
        margin-bottom: 4.2rem
    }
}

@media only screen and (min-width: 1408px) {
    .hcp-footer__pi-buttons {
        margin-bottom: 5.25rem
    }
}

.hcp-footer .banner {
    margin-bottom: 1.5rem
}

@media only screen and (min-width: 769px) {
    .hcp-footer .banner {
        margin-bottom: 1.7rem
    }
}

@media only screen and (min-width: 1024px) {
    .hcp-footer .banner {
        margin-bottom: 2rem
    }
}

@media only screen and (min-width: 1216px) {
    .hcp-footer .banner {
        margin-bottom: 2.4rem
    }
}

@media only screen and (min-width: 1408px) {
    .hcp-footer .banner {
        margin-bottom: 3rem
    }
}

.hcp-footer .ae-box {
    margin-bottom: 1rem
}

@media only screen and (min-width: 769px) {
    .hcp-footer .ae-box {
        margin-bottom: 1.15rem
    }
}

@media only screen and (min-width: 1024px) {
    .hcp-footer .ae-box {
        margin-bottom: 1.33rem
    }
}

@media only screen and (min-width: 1216px) {
    .hcp-footer .ae-box {
        margin-bottom: 1.6rem
    }
}

@media only screen and (min-width: 1408px) {
    .hcp-footer .ae-box {
        margin-bottom: 2rem
    }
}

.hcp-footer .list {
    margin-bottom: 2.625rem
}

@media only screen and (min-width: 769px) {
    .hcp-footer .list {
        margin-bottom: 3rem
    }
}

@media only screen and (min-width: 1024px) {
    .hcp-footer .list {
        margin-bottom: 3.5rem
    }
}

@media only screen and (min-width: 1216px) {
    .hcp-footer .list {
        margin-bottom: 4.2rem
    }
}

@media only screen and (min-width: 1408px) {
    .hcp-footer .list {
        margin-bottom: 5.25rem
    }
}

.hcp-verification__title {
    max-width: 52.5rem
}

.hcp-verification__subtitle {
    max-width: 26rem;
    padding-top: .5rem
}

.hcp-verification__buttons {
    display: flex;
    gap: 1rem;
    padding-top: 2.5rem
}

.header {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: .5rem;
    font-size: .875rem;
    line-height: 120%;
    padding-top: 1.75rem;
    padding-bottom: 1.25rem
}

.hero__content {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    margin-bottom: 1rem
}

@media only screen and (max-width: 769px) {
    .hero__content {
        max-width: 100% !important;
        flex-direction: column
    }
}

.hero img {
    width: 100%;
    position: relative;
    z-index: -1
}

@media only screen and (max-width: 769px) {
    .hero img {
        margin-top: 0 !important
    }
}

.hero .hero-image {
    width: 100%;
    display: block;
    margin-top: -12%;
    margin-bottom: -2%
}

.hero .hero-image-inline {
    object-fit: contain;
    padding: 1rem;
    max-width: min(25%, 300px);
    display: inline
}

@media only screen and (max-width: 769px) {
    .hero .hero-image-inline {
        max-height: 300px;
        max-width: 100%;
        padding: 0;
        display: block;
        margin: 0 auto
    }
}

.highlight {
    text-align: center;
    padding: 1rem;
    border: 2px solid #0d0d0d;
    border-radius: 8px
}

.highlight>* {
    max-width: 930px;
    margin: 0 auto
}

.highlight--primary {
    color: #2375ff;
    border-color: #2375ff
}

.highlight--secondary {
    color: #f1870a;
    border-color: #f1870a
}

.list {
    line-height: 140%
}

.list--references {
    color: #6e6e6e;
    font-size: .875rem
}

.list--sublist {
    list-style-type: circle !important
}

.list--sublist li {
    margin-left: 2.25rem
}

.list ol,
.list ul {
    list-style: inside
}

.list ol {
    list-style-type: decimal
}

.loading-spinner {
    position: fixed;
    inset: 0;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff
}

.loading-spinner__ring {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px
}

.loading-spinner__ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 64px;
    height: 64px;
    margin: 8px;
    border: 8px solid #1754bb;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
    border-color: #1754bb transparent transparent transparent
}

.loading-spinner__ring div:nth-child(1) {
    animation-delay: -.45s
}

.loading-spinner__ring div:nth-child(2) {
    animation-delay: -.3s
}

.loading-spinner__ring div:nth-child(3) {
    animation-delay: -.15s
}

@keyframes lds-ring {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.navbar {
    font-size: 1.25rem
}

.navbar--landing {
    margin-top: 6rem;
    margin-bottom: 2.5rem
}

.navbar--hcp {
    background-color: #fff;
    border-radius: 8px;
    margin-bottom: 3rem;
    box-shadow: 0 4px 16px #cfcfcf
}

.navbar--hcp .navbar-brand {
    min-height: unset
}

.navbar--hcp .iopidine-logo {
    height: 100%;
    max-width: 13.625rem;
    padding: 1rem 2rem .5rem
}

.navbar--hcp .navbar-burger {
    height: 1.25rem;
    width: 1.5rem;
    color: unset;
    border-radius: 0;
    margin-inline-end: 1.5rem
}

.navbar--hcp .navbar-burger.is-active span:nth-child(1),
.navbar--hcp .navbar-burger.is-active span:nth-child(2) {
    background-color: #ec4017
}

.navbar--hcp .navbar-burger span {
    height: 2px;
    width: 100%;
    left: 0;
    background-color: #0d0d0d;
    transition-duration: 294ms;
    transition-timing-function: ease-out
}

.navbar--hcp .navbar-burger span:nth-child(1),
.navbar--hcp .navbar-burger span:nth-child(2) {
    top: 50%;
    translate: 0 -50%
}

.navbar--hcp .navbar-burger span:nth-child(3) {
    bottom: 0
}

.navbar--hcp .navbar-burger span:nth-child(4) {
    top: 0
}

.navbar--hcp .navbar-menu {
    padding: .5rem 0 1.5rem
}

@media only screen and (min-width: 1024px) {
    .navbar--hcp .navbar-menu {
        padding: 0
    }
}

.navbar--hcp .navbar-end {
    display: flex;
    gap: 1.25rem;
    flex-direction: column;
    padding-right: 2.75rem;
    padding-left: 1.5rem
}

@media only screen and (min-width: 1024px) {
    .navbar--hcp .navbar-end {
        flex-direction: row;
        gap: 2.75rem;
        padding-left: 0
    }
}

@media only screen and (min-width: 769px) {
    .navbar--hcp {
        margin-bottom: 6.25rem
    }
}

.navbar-item {
    position: relative;
    width: max-content;
    font-weight: 500;
    padding: 0
}

.navbar-item:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 0;
    background-color: #ec4017;
    transition: .25s width ease-in-out
}

.navbar-item:hover,
.navbar-item.is-active {
    color: #ec4017
}

.navbar-item:hover:after,
.navbar-item.is-active:after {
    width: 100%
}

.status-popover:popover-open {
    width: 90%;
    max-width: 60.625rem;
    display: flex;
    flex-direction: column;
    padding: 1.5rem;
    border: 1px solid #9e9e9e;
    border-radius: 8px;
    box-shadow: 0 0 35px #00000040
}

.status-popover::backdrop {
    background-color: #0d0d0db3
}

.status-popover__close-button {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    align-self: flex-end;
    width: 24px;
    height: 24px;
    background: #1754bb;
    padding: 0;
    border: 0;
    border-radius: 50%;
    margin: 0;
    cursor: pointer;
    transition: all .15s
}

.status-popover__close-button-cross {
    width: 14px;
    height: 14px;
    background: none;
    position: relative;
    padding: 0;
    margin: 0;
    border: 0
}

.status-popover__close-button-cross:before,
.status-popover__close-button-cross:after {
    content: "";
    height: 1px;
    position: absolute;
    top: 6.5px;
    right: 0;
    left: 0;
    background: #fff;
    border-radius: 1px
}

.status-popover__close-button-cross:before {
    transform: rotate(45deg)
}

.status-popover__close-button-cross:after {
    transform: rotate(-45deg)
}

.status-popover__close-button-cross span {
    display: block
}

.status-popover__close-button-hidden {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden
}

.status-popover__close-button:hover,
.status-popover__close-button:focus {
    transform: rotate(180deg)
}

.status-popover__content {
    max-width: 49.5rem;
    text-align: center;
    padding-top: 2rem;
    margin: 0 auto
}

.status-popover__content--title {
    width: max-content;
    position: relative;
    font-weight: 600;
    padding-bottom: 2px;
    margin: 0 auto
}

.status-popover__content--title:after {
    content: "";
    height: 1px;
    width: 100%;
    position: absolute;
    right: 50%;
    bottom: 0;
    background-color: #0d0d0d;
    transform: translate(50%)
}

.status-popover__buttons {
    padding-top: 2rem;
    display: flex;
    justify-content: center;
    gap: 1rem
}

.wave-section {
    position: relative;
    padding: 4rem 0
}

.wave-section__bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    transition: width 1s ease-in-out;
    z-index: -1
}

.wave-section:before,
.wave-section:after {
    content: "";
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    position: absolute;
    left: 0
}

.wave-section:before {
    background-image: url(/waves/top-wave-white.svg);
    top: 0;
    height: 10%
}

@media only screen and (min-width: 769px) {
    .wave-section:before {
        height: 20%
    }
}

@media only screen and (min-width: 1408px) {
    .wave-section:before {
        height: 30%
    }
}

.wave-section:after {
    pointer-events: none;
    background-image: url(/waves/bottom-wave-white.svg);
    bottom: 0;
    height: 5%
}

@media only screen and (min-width: 769px) {
    .wave-section:after {
        height: 15%
    }
}

.wave-section--primary .wave-section__bg {
    background-color: #2375ff
}

.wave-section--secondary .wave-section__bg {
    background-color: #f1870a
}

.wave-section--inverse:before,
.wave-section--inverse:after {
    transform: scaleY(-1)
}

.wave-section--inverse:before {
    background-image: url(/waves/bottom-wave-white.svg);
    top: -1px;
    height: 5%
}

@media only screen and (min-width: 769px) {
    .wave-section--inverse:before {
        height: 15%
    }
}

.wave-section--inverse:after {
    background-image: url(/waves/top-wave-white.svg);
    bottom: -1px;
    height: 10%
}

@media only screen and (min-width: 769px) {
    .wave-section--inverse:after {
        height: 20%
    }
}

@media only screen and (min-width: 1408px) {
    .wave-section--inverse:after {
        height: 30%
    }
}

.wave-section:nth-child(1) .wave-section__bg {
    transition-delay: .1s
}

.wave-section:nth-child(2) .wave-section__bg {
    transition-delay: .2s
}

.wave-section:nth-child(3) .wave-section__bg {
    transition-delay: .3s
}

.wave-section:nth-child(4) .wave-section__bg {
    transition-delay: .4s
}

.wave-section:nth-child(5) .wave-section__bg {
    transition-delay: .5s
}

.wave-section.is-active .wave-section__bg {
    width: 100%
}

.popover {
    max-height: 90%;
    width: 90%;
    max-width: 1200px;
    display: flex;
    flex-direction: column;
    padding: 2rem;
    background-color: #fff;
    border: 1px solid #9e9e9e;
    border-radius: 8px;
    box-shadow: 0 0 35px #00000040;
    overflow-y: auto
}

.popover__backdrop {
    display: none;
    position: fixed;
    inset: 0;
    background-color: #0d0d0db3
}

.popover__backdrop.is-active {
    display: flex;
    align-items: center;
    justify-content: center
}

.popover__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap-reverse
}

.popover__close {
    cursor: pointer
}

.popover__body {
    color: #0d0d0d;
    line-height: 150%
}

.safety-text p {
    padding-bottom: 1em
}