/*!

* Bootstrap  v5.3.0-alpha2 (https://getbootstrap.com/)

* Copyright 2011-2023 The Bootstrap Authors

* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)

*/ @import"https://fonts.googleapis.com/css2?family=Urbanist:wght@500&display=swap";

@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@700;800&display=swap";

@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@700&display=swap";

:root, [data-bs-theme=light] {

  --bs-blue: #0d6efd;

  --bs-indigo: #6610f2;

  --bs-purple: #6f42c1;

  --bs-pink: #d63384;

  --bs-red: #dc3545;

  --bs-orange: #fd7e14;

  --bs-yellow: #ffc107;

  --bs-green: #198754;

  --bs-teal: #20c997;

  --bs-cyan: #0dcaf0;

  --bs-black: #000;

  --bs-white: #fff;

  --bs-gray: #6c757d;

  --bs-gray-dark: #343a40;

  --bs-gray-100: #f8f9fa;

  --bs-gray-200: #e9ecef;

  --bs-gray-300: #dee2e6;

  --bs-gray-400: #ced4da;

  --bs-gray-500: #adb5bd;

  --bs-gray-600: #6c757d;

  --bs-gray-700: #495057;

  --bs-gray-800: #343a40;

  --bs-gray-900: #212529;

  --bs-primary: #0d6efd;

  --bs-secondary: #6c757d;

  --bs-success: #198754;

  --bs-info: #0dcaf0;

  --bs-warning: #ffc107;

  --bs-danger: #dc3545;

  --bs-light: #f8f9fa;

  --bs-dark: #212529;

  --bs-primary-rgb: #84c336;

  --bs-secondary-rgb: 108, 117, 125;

  --bs-success-rgb: 25, 135, 84;

  --bs-info-rgb: 13, 202, 240;

  --bs-warning-rgb: 255, 193, 7;

  --bs-danger-rgb: 220, 53, 69;

  --bs-light-rgb: 248, 249, 250;

  --bs-dark-rgb: 33, 37, 41;

  --bs-primary-text-emphasis: #052c65;

  --bs-secondary-text-emphasis: #2b2f32;

  --bs-success-text-emphasis: #0a3622;

  --bs-info-text-emphasis: #055160;

  --bs-warning-text-emphasis: #664d03;

  --bs-danger-text-emphasis: #58151c;

  --bs-light-text-emphasis: #495057;

  --bs-dark-text-emphasis: #495057;

  --bs-primary-bg-subtle: #cfe2ff;

  --bs-secondary-bg-subtle: #e2e3e5;

  --bs-success-bg-subtle: #d1e7dd;

  --bs-info-bg-subtle: #cff4fc;

  --bs-warning-bg-subtle: #fff3cd;

  --bs-danger-bg-subtle: #f8d7da;

  --bs-light-bg-subtle: #fcfcfd;

  --bs-dark-bg-subtle: #ced4da;

  --bs-primary-border-subtle: #9ec5fe;

  --bs-secondary-border-subtle: #c4c8cb;

  --bs-success-border-subtle: #a3cfbb;

  --bs-info-border-subtle: #9eeaf9;

  --bs-warning-border-subtle: #ffe69c;

  --bs-danger-border-subtle: #f1aeb5;

  --bs-light-border-subtle: #e9ecef;

  --bs-dark-border-subtle: #adb5bd;

  --bs-white-rgb: 255, 255, 255;

  --bs-black-rgb: 0, 0, 0;

  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));

  --bs-body-font-family: var(--bs-font-sans-serif);

  --bs-body-font-size: 1rem;

  --bs-body-font-weight: 400;

  --bs-body-line-height: 1.5;

  --bs-body-color: #212529;

  --bs-body-color-rgb: 33, 37, 41;

  --bs-body-bg: #fff;

  --bs-body-bg-rgb: 255, 255, 255;

  --bs-emphasis-color: #000;

  --bs-emphasis-color-rgb: 0, 0, 0;

  --bs-secondary-color: rgba(33, 37, 41, 0.75);

  --bs-secondary-color-rgb: 33, 37, 41;

  --bs-secondary-bg: #e9ecef;

  --bs-secondary-bg-rgb: 233, 236, 239;

  --bs-tertiary-color: rgba(33, 37, 41, 0.5);

  --bs-tertiary-color-rgb: 33, 37, 41;

  --bs-tertiary-bg: #f8f9fa;

  --bs-tertiary-bg-rgb: 248, 249, 250;

  --bs-link-color: #0d6efd;

  --bs-link-color-rgb: 13, 110, 253;

  --bs-link-decoration: underline;

  --bs-link-hover-color: #0a58ca;

  --bs-link-hover-color-rgb: 10, 88, 202;

  --bs-code-color: #d63384;

  --bs-highlight-bg: #fff3cd;

  --bs-border-width: 1px;

  --bs-border-style: solid;

  --bs-border-color: #dee2e6;

  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);

  --bs-border-radius: 0.375rem;

  --bs-border-radius-sm: 0.25rem;

  --bs-border-radius-lg: 0.5rem;

  --bs-border-radius-xl: 1rem;

  --bs-border-radius-xxl: 2rem;

  --bs-border-radius-2xl: var(--bs-border-radius-xxl);

  --bs-border-radius-pill: 50rem;

  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);

  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);

  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);

  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);

  --bs-focus-ring-width: 0.25rem;

  --bs-focus-ring-opacity: 0.25;

  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);

  --bs-form-valid-color: #198754;

  --bs-form-valid-border-color: #198754;

  --bs-form-invalid-color: #dc3545;

  --bs-form-invalid-border-color: #dc3545

}

[data-bs-theme=dark] {

  color-scheme: dark;

  --bs-body-color: #adb5bd;

  --bs-body-color-rgb: 173, 181, 189;

  --bs-body-bg: #212529;

  --bs-body-bg-rgb: 33, 37, 41;

  --bs-emphasis-color: #fff;

  --bs-emphasis-color-rgb: 255, 255, 255;

  --bs-secondary-color: rgba(173, 181, 189, 0.75);

  --bs-secondary-color-rgb: 173, 181, 189;

  --bs-secondary-bg: #343a40;

  --bs-secondary-bg-rgb: 52, 58, 64;

  --bs-tertiary-color: rgba(173, 181, 189, 0.5);

  --bs-tertiary-color-rgb: 173, 181, 189;

  --bs-tertiary-bg: #2b3035;

  --bs-tertiary-bg-rgb: 43, 48, 53;

  --bs-primary-text-emphasis: #6ea8fe;

  --bs-secondary-text-emphasis: #a7acb1;

  --bs-success-text-emphasis: #75b798;

  --bs-info-text-emphasis: #6edff6;

  --bs-warning-text-emphasis: #ffda6a;

  --bs-danger-text-emphasis: #ea868f;

  --bs-light-text-emphasis: #f8f9fa;

  --bs-dark-text-emphasis: #dee2e6;

  --bs-primary-bg-subtle: #031633;

  --bs-secondary-bg-subtle: #161719;

  --bs-success-bg-subtle: #051b11;

  --bs-info-bg-subtle: #032830;

  --bs-warning-bg-subtle: #332701;

  --bs-danger-bg-subtle: #2c0b0e;

  --bs-light-bg-subtle: #343a40;

  --bs-dark-bg-subtle: #1a1d20;

  --bs-primary-border-subtle: #084298;

  --bs-secondary-border-subtle: #41464b;

  --bs-success-border-subtle: #0f5132;

  --bs-info-border-subtle: #087990;

  --bs-warning-border-subtle: #997404;

  --bs-danger-border-subtle: #842029;

  --bs-light-border-subtle: #495057;

  --bs-dark-border-subtle: #343a40;

  --bs-link-color: #6ea8fe;

  --bs-link-hover-color: #8bb9fe;

  --bs-link-color-rgb: 110, 168, 254;

  --bs-link-hover-color-rgb: 139, 185, 254;

  --bs-code-color: #e685b5;

  --bs-border-color: #495057;

  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);

  --bs-form-valid-color: #75b798;

  --bs-form-valid-border-color: #75b798;

  --bs-form-invalid-color: #ea868f;

  --bs-form-invalid-border-color: #ea868f

}

*, ::after, ::before {

  -webkit-box-sizing: border-box;

  box-sizing: border-box

}

@media(prefers-reduced-motion: no-preference) {

  :root {

    scroll-behavior: smooth

  }

}

body {

  margin: 0;

  font-family: var(--bs-body-font-family);

  font-size: var(--bs-body-font-size);

  font-weight: var(--bs-body-font-weight);

  line-height: var(--bs-body-line-height);

  color: var(--bs-body-color);

  text-align: var(--bs-body-text-align);

  background-color: var(--bs-body-bg);

  -webkit-text-size-adjust: 100%;

  -webkit-tap-highlight-color: transparent

}

hr {

  margin: 1rem 0;

  color: inherit;

  border: 0;

  border-top: var(--bs-border-width) solid;

  opacity: .25

}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {

  margin-top: 0;

  margin-bottom: .5rem;

  font-weight: 500;

  line-height: 1.2;

  color: var(--bs-heading-color, inherit)

}

.h1, h1 {

  font-size: calc(1.375rem + 1.5vw)

}

@media(min-width: 1200px) {

  .h1, h1 {

    font-size: 2.5rem

  }

}

.h2, h2 {

  font-size: calc(1.325rem + .9vw)

}

@media(min-width: 1200px) {

  .h2, h2 {

    font-size: 2rem

  }

}

.h3, h3 {

  font-size: calc(1.3rem + .6vw)

}

@media(min-width: 1200px) {

  .h3, h3 {

    font-size: 1.75rem

  }

}

.h4, h4 {

  font-size: calc(1.275rem + .3vw)

}

@media(min-width: 1200px) {

  .h4, h4 {

    font-size: 1.5rem

  }

}

.h5, h5 {

  font-size: 1.25rem

}

.h6, h6 {

  font-size: 1rem

}

p {

  margin-top: 0;

  margin-bottom: 1rem

}

abbr[title] {

  -webkit-text-decoration: underline dotted;

  text-decoration: underline dotted;

  cursor: help;

  -webkit-text-decoration-skip-ink: none;

  text-decoration-skip-ink: none

}

address {

  margin-bottom: 1rem;

  font-style: normal;

  line-height: inherit

}

ol, ul {

  padding-left: 2rem

}

dl, ol, ul {

  margin-top: 0;

  margin-bottom: 1rem

}

ol ol, ol ul, ul ol, ul ul {

  margin-bottom: 0

}

dt {

  font-weight: 700

}

dd {

  margin-bottom: .5rem;

  margin-left: 0

}

blockquote {

  margin: 0 0 1rem

}

b, strong {

  font-weight: bolder

}

.small, small {

  font-size: .875em

}

.mark, mark {

  padding: .1875em;

  background-color: var(--bs-highlight-bg)

}

sub, sup {

  position: relative;

  font-size: .75em;

  line-height: 0;

  vertical-align: baseline

}

sub {

  bottom: -0.25em

}

sup {

  top: -0.5em

}

a {

  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));

  text-decoration: underline

}

a:hover {

  --bs-link-color-rgb: var(--bs-link-hover-color-rgb)

}

a:not([href]):not([class]), a:not([href]):not([class]):hover {

  color: inherit;

  text-decoration: none

}

code, kbd, pre, samp {

  font-family: var(--bs-font-monospace);

  font-size: 1em

}

pre {

  display: block;

  margin-top: 0;

  margin-bottom: 1rem;

  overflow: auto;

  font-size: .875em

}

pre code {

  font-size: inherit;

  color: inherit;

  word-break: normal

}

code {

  font-size: .875em;

  color: var(--bs-code-color);

  word-wrap: break-word

}

a > code {

  color: inherit

}

kbd {

  padding: .1875rem .375rem;

  font-size: .875em;

  color: var(--bs-body-bg);

  background-color: var(--bs-body-color);

  border-radius: .25rem

}

kbd kbd {

  padding: 0;

  font-size: 1em

}

figure {

  margin: 0 0 1rem

}

img, svg {

  vertical-align: middle

}

table {

  caption-side: bottom;

  border-collapse: collapse

}

caption {

  padding-top: .5rem;

  padding-bottom: .5rem;

  color: var(--bs-secondary-color);

  text-align: left

}

th {

  text-align: inherit;

  text-align: -webkit-match-parent

}

tbody, td, tfoot, th, thead, tr {

  border-color: inherit;

  border-style: solid;

  border-width: 0

}

label {

  display: inline-block

}

button {

  border-radius: 0

}

button:focus:not(:focus-visible) {

  outline: 0

}

button, input, optgroup, select, textarea {

  margin: 0;

  font-family: inherit;

  font-size: inherit;

  line-height: inherit

}

button, select {

  text-transform: none

}

[role=button] {

  cursor: pointer

}

select {

  word-wrap: normal

}

select:disabled {

  opacity: 1

}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {

  display: none !important

}

[type=button], [type=reset], [type=submit], button {

  -webkit-appearance: button

}

[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {

  cursor: pointer

}

::-moz-focus-inner {

  padding: 0;

  border-style: none

}

textarea {

  resize: vertical

}

fieldset {

  min-width: 0;

  padding: 0;

  margin: 0;

  border: 0

}

legend {

  float: left;

  width: 100%;

  padding: 0;

  margin-bottom: .5rem;

  font-size: calc(1.275rem + .3vw);

  line-height: inherit

}

@media(min-width: 1200px) {

  legend {

    font-size: 1.5rem

  }

}

legend + * {

  clear: left

}

::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-year-field {

  padding: 0

}

::-webkit-inner-spin-button {

  height: auto

}

[type=search] {

  outline-offset: -2px;

  -webkit-appearance: textfield

}

::-webkit-search-decoration {

  -webkit-appearance: none

}

::-webkit-color-swatch-wrapper {

  padding: 0

}

::-webkit-file-upload-button {

  font: inherit;

  -webkit-appearance: button

}

::file-selector-button {

  font: inherit;

  -webkit-appearance: button

}

output {

  display: inline-block

}

iframe {

  border: 0

}

summary {

  display: list-item;

  cursor: pointer

}

progress {

  vertical-align: baseline

}

[hidden] {

  display: none !important

}

.lead {

  font-size: 1.25rem;

  font-weight: 300

}

.display-1 {

  font-size: calc(1.625rem + 4.5vw);

  font-weight: 300;

  line-height: 1.2

}

@media(min-width: 1200px) {

  .display-1 {

    font-size: 5rem

  }

}

.display-2 {

  font-size: calc(1.575rem + 3.9vw);

  font-weight: 300;

  line-height: 1.2

}

@media(min-width: 1200px) {

  .display-2 {

    font-size: 4.5rem

  }

}

.display-3 {

  font-size: calc(1.525rem + 3.3vw);

  font-weight: 300;

  line-height: 1.2

}

@media(min-width: 1200px) {

  .display-3 {

    font-size: 4rem

  }

}

.display-4 {

  font-size: calc(1.475rem + 2.7vw);

  font-weight: 300;

  line-height: 1.2

}

@media(min-width: 1200px) {

  .display-4 {

    font-size: 3.5rem

  }

}

.display-5 {

  font-size: calc(1.425rem + 2.1vw);

  font-weight: 300;

  line-height: 1.2

}

@media(min-width: 1200px) {

  .display-5 {

    font-size: 3rem

  }

}

.display-6 {

  font-size: calc(1.375rem + 1.5vw);

  font-weight: 300;

  line-height: 1.2

}

@media(min-width: 1200px) {

  .display-6 {

    font-size: 2.5rem

  }

}

.list-unstyled {

  padding-left: 0;

  list-style: none

}

.list-inline {

  padding-left: 0;

  list-style: none

}

.list-inline-item {

  display: inline-block

}

.list-inline-item:not(:last-child) {

  margin-right: .5rem

}

.initialism {

  font-size: .875em;

  text-transform: uppercase

}

.blockquote {

  margin-bottom: 1rem;

  font-size: 1.25rem

}

.blockquote > :last-child {

  margin-bottom: 0

}

.blockquote-footer {

  margin-top: -1rem;

  margin-bottom: 1rem;

  font-size: .875em;

  color: #6c757d

}

.blockquote-footer::before {

  content: "— "

}

.img-fluid {

  max-width: 100%;

  height: auto

}

.img-thumbnail {

  padding: .25rem;

  background-color: var(--bs-body-bg);

  border: var(--bs-border-width) solid var(--bs-border-color);

  border-radius: var(--bs-border-radius);

  max-width: 100%;

  height: auto

}

.figure {

  display: inline-block

}

.figure-img {

  margin-bottom: .5rem;

  line-height: 1

}

.figure-caption {

  font-size: .875em;

  color: var(--bs-secondary-color)

}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {

  --bs-gutter-x: 1.5rem;

  --bs-gutter-y: 0;

  width: 100%;

  padding-right: calc(var(--bs-gutter-x)*.5);

  padding-left: calc(var(--bs-gutter-x)*.5);

  margin-right: auto;

  margin-left: auto

}

@media(min-width: 576px) {

  .container, .container-sm {

    max-width: 540px

  }

}

@media(min-width: 768px) {

  .container, .container-md, .container-sm {

    max-width: 720px

  }

}

@media(min-width: 992px) {

  .container, .container-lg, .container-md, .container-sm {

    max-width: 960px

  }

}

@media(min-width: 1200px) {

  .container, .container-lg, .container-md, .container-sm, .container-xl {

    max-width: 1140px

  }

}

@media(min-width: 1400px) {

  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {

    max-width: 1320px

  }

}

:root {

  --bs-breakpoint-xs: 0;

  --bs-breakpoint-sm: 576px;

  --bs-breakpoint-md: 768px;

  --bs-breakpoint-lg: 992px;

  --bs-breakpoint-xl: 1200px;

  --bs-breakpoint-xxl: 1400px

}

.row {

  --bs-gutter-x: 1.5rem;

  --bs-gutter-y: 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  margin-top: calc(-1*var(--bs-gutter-y));

  margin-right: calc(-0.5*var(--bs-gutter-x));

  margin-left: calc(-0.5*var(--bs-gutter-x))

}

.row > * {

  -ms-flex-negative: 0;

  flex-shrink: 0;

  width: 100%;

  max-width: 100%;

  padding-right: calc(var(--bs-gutter-x)*.5);

  padding-left: calc(var(--bs-gutter-x)*.5);

  margin-top: var(--bs-gutter-y)

}

.col {

  -webkit-box-flex: 1;

  -ms-flex: 1 0 0%;

  flex: 1 0 0%

}

.row-cols-auto > * {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 auto;

  flex: 0 0 auto;

  width: auto

}

.row-cols-1 > * {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 auto;

  flex: 0 0 auto;

  width: 100%

}

.row-cols-2 > * {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 auto;

  flex: 0 0 auto;

  width: 50%

}

.row-cols-3 > * {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 auto;

  flex: 0 0 auto;

  width: 33.3333333333%

}

.row-cols-4 > * {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 auto;

  flex: 0 0 auto;

  width: 25%

}

.row-cols-5 > * {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 auto;

  flex: 0 0 auto;

  width: 20%

}

.row-cols-6 > * {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 auto;

  flex: 0 0 auto;

  width: 16.6666666667%

}

.col-auto {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 auto;

  flex: 0 0 auto;

  width: auto

}

.col-1 {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 auto;

  flex: 0 0 auto;

  width: 8.33333333%

}

.col-2 {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 auto;

  flex: 0 0 auto;

  width: 16.66666667%

}

.col-3 {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 auto;

  flex: 0 0 auto;

  width: 25%

}

.col-4 {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 auto;

  flex: 0 0 auto;

  width: 33.33333333%

}

.col-5 {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 auto;

  flex: 0 0 auto;

  width: 41.66666667%

}

.col-6 {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 auto;

  flex: 0 0 auto;

  width: 50%

}

.col-7 {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 auto;

  flex: 0 0 auto;

  width: 58.33333333%

}

.col-8 {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 auto;

  flex: 0 0 auto;

  width: 66.66666667%

}

.col-9 {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 auto;

  flex: 0 0 auto;

  width: 75%

}

.col-10 {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 auto;

  flex: 0 0 auto;

  width: 83.33333333%

}

.col-11 {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 auto;

  flex: 0 0 auto;

  width: 91.66666667%

}

.col-12 {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 auto;

  flex: 0 0 auto;

  width: 100%

}

.offset-1 {

  margin-left: 8.33333333%

}

.offset-2 {

  margin-left: 16.66666667%

}

.offset-3 {

  margin-left: 25%

}

.offset-4 {

  margin-left: 33.33333333%

}

.offset-5 {

  margin-left: 41.66666667%

}

.offset-6 {

  margin-left: 50%

}

.offset-7 {

  margin-left: 58.33333333%

}

.offset-8 {

  margin-left: 66.66666667%

}

.offset-9 {

  margin-left: 75%

}

.offset-10 {

  margin-left: 83.33333333%

}

.offset-11 {

  margin-left: 91.66666667%

}

.g-0, .gx-0 {

  --bs-gutter-x: 0

}

.g-0, .gy-0 {

  --bs-gutter-y: 0

}

.g-1, .gx-1 {

  --bs-gutter-x: 0.25rem

}

.g-1, .gy-1 {

  --bs-gutter-y: 0.25rem

}

.g-2, .gx-2 {

  --bs-gutter-x: 0.5rem

}

.g-2, .gy-2 {

  --bs-gutter-y: 0.5rem

}

.g-3, .gx-3 {

  --bs-gutter-x: 1rem

}

.g-3, .gy-3 {

  --bs-gutter-y: 1rem

}

.g-4, .gx-4 {

  --bs-gutter-x: 1.5rem

}

.g-4, .gy-4 {

  --bs-gutter-y: 1.5rem

}

.g-5, .gx-5 {

  --bs-gutter-x: 3rem

}

.g-5, .gy-5 {

  --bs-gutter-y: 3rem

}

@media(min-width: 576px) {

  .col-sm {

    -webkit-box-flex: 1;

    -ms-flex: 1 0 0%;

    flex: 1 0 0%

  }

  .row-cols-sm-auto > * {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: auto

  }

  .row-cols-sm-1 > * {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 100%

  }

  .row-cols-sm-2 > * {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 50%

  }

  .row-cols-sm-3 > * {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 33.3333333333%

  }

  .row-cols-sm-4 > * {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 25%

  }

  .row-cols-sm-5 > * {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 20%

  }

  .row-cols-sm-6 > * {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 16.6666666667%

  }

  .col-sm-auto {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: auto

  }

  .col-sm-1 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 8.33333333%

  }

  .col-sm-2 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 16.66666667%

  }

  .col-sm-3 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 25%

  }

  .col-sm-4 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 33.33333333%

  }

  .col-sm-5 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 41.66666667%

  }

  .col-sm-6 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 50%

  }

  .col-sm-7 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 58.33333333%

  }

  .col-sm-8 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 66.66666667%

  }

  .col-sm-9 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 75%

  }

  .col-sm-10 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 83.33333333%

  }

  .col-sm-11 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 91.66666667%

  }

  .col-sm-12 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 100%

  }

  .offset-sm-0 {

    margin-left: 0

  }

  .offset-sm-1 {

    margin-left: 8.33333333%

  }

  .offset-sm-2 {

    margin-left: 16.66666667%

  }

  .offset-sm-3 {

    margin-left: 25%

  }

  .offset-sm-4 {

    margin-left: 33.33333333%

  }

  .offset-sm-5 {

    margin-left: 41.66666667%

  }

  .offset-sm-6 {

    margin-left: 50%

  }

  .offset-sm-7 {

    margin-left: 58.33333333%

  }

  .offset-sm-8 {

    margin-left: 66.66666667%

  }

  .offset-sm-9 {

    margin-left: 75%

  }

  .offset-sm-10 {

    margin-left: 83.33333333%

  }

  .offset-sm-11 {

    margin-left: 91.66666667%

  }

  .g-sm-0, .gx-sm-0 {

    --bs-gutter-x: 0

  }

  .g-sm-0, .gy-sm-0 {

    --bs-gutter-y: 0

  }

  .g-sm-1, .gx-sm-1 {

    --bs-gutter-x: 0.25rem

  }

  .g-sm-1, .gy-sm-1 {

    --bs-gutter-y: 0.25rem

  }

  .g-sm-2, .gx-sm-2 {

    --bs-gutter-x: 0.5rem

  }

  .g-sm-2, .gy-sm-2 {

    --bs-gutter-y: 0.5rem

  }

  .g-sm-3, .gx-sm-3 {

    --bs-gutter-x: 1rem

  }

  .g-sm-3, .gy-sm-3 {

    --bs-gutter-y: 1rem

  }

  .g-sm-4, .gx-sm-4 {

    --bs-gutter-x: 1.5rem

  }

  .g-sm-4, .gy-sm-4 {

    --bs-gutter-y: 1.5rem

  }

  .g-sm-5, .gx-sm-5 {

    --bs-gutter-x: 3rem

  }

  .g-sm-5, .gy-sm-5 {

    --bs-gutter-y: 3rem

  }

}

@media(min-width: 768px) {

  .col-md {

    -webkit-box-flex: 1;

    -ms-flex: 1 0 0%;

    flex: 1 0 0%

  }

  .row-cols-md-auto > * {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: auto

  }

  .row-cols-md-1 > * {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 100%

  }

  .row-cols-md-2 > * {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 50%

  }

  .row-cols-md-3 > * {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 33.3333333333%

  }

  .row-cols-md-4 > * {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 25%

  }

  .row-cols-md-5 > * {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 20%

  }

  .row-cols-md-6 > * {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 16.6666666667%

  }

  .col-md-auto {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: auto

  }

  .col-md-1 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 8.33333333%

  }

  .col-md-2 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 16.66666667%

  }

  .col-md-3 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 25%

  }

  .col-md-4 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 33.33333333%

  }

  .col-md-5 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 41.66666667%

  }

  .col-md-6 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 50%

  }

  .col-md-7 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 58.33333333%

  }

  .col-md-8 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 66.66666667%

  }

  .col-md-9 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 75%

  }

  .col-md-10 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 83.33333333%

  }

  .col-md-11 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 91.66666667%

  }

  .col-md-12 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 100%

  }

  .offset-md-0 {

    margin-left: 0

  }

  .offset-md-1 {

    margin-left: 8.33333333%

  }

  .offset-md-2 {

    margin-left: 16.66666667%

  }

  .offset-md-3 {

    margin-left: 25%

  }

  .offset-md-4 {

    margin-left: 33.33333333%

  }

  .offset-md-5 {

    margin-left: 41.66666667%

  }

  .offset-md-6 {

    margin-left: 50%

  }

  .offset-md-7 {

    margin-left: 58.33333333%

  }

  .offset-md-8 {

    margin-left: 66.66666667%

  }

  .offset-md-9 {

    margin-left: 75%

  }

  .offset-md-10 {

    margin-left: 83.33333333%

  }

  .offset-md-11 {

    margin-left: 91.66666667%

  }

  .g-md-0, .gx-md-0 {

    --bs-gutter-x: 0

  }

  .g-md-0, .gy-md-0 {

    --bs-gutter-y: 0

  }

  .g-md-1, .gx-md-1 {

    --bs-gutter-x: 0.25rem

  }

  .g-md-1, .gy-md-1 {

    --bs-gutter-y: 0.25rem

  }

  .g-md-2, .gx-md-2 {

    --bs-gutter-x: 0.5rem

  }

  .g-md-2, .gy-md-2 {

    --bs-gutter-y: 0.5rem

  }

  .g-md-3, .gx-md-3 {

    --bs-gutter-x: 1rem

  }

  .g-md-3, .gy-md-3 {

    --bs-gutter-y: 1rem

  }

  .g-md-4, .gx-md-4 {

    --bs-gutter-x: 1.5rem

  }

  .g-md-4, .gy-md-4 {

    --bs-gutter-y: 1.5rem

  }

  .g-md-5, .gx-md-5 {

    --bs-gutter-x: 3rem

  }

  .g-md-5, .gy-md-5 {

    --bs-gutter-y: 3rem

  }

}

@media(min-width: 992px) {

  .col-lg {

    -webkit-box-flex: 1;

    -ms-flex: 1 0 0%;

    flex: 1 0 0%

  }

  .row-cols-lg-auto > * {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: auto

  }

  .row-cols-lg-1 > * {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 100%

  }

  .row-cols-lg-2 > * {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 50%

  }

  .row-cols-lg-3 > * {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 33.3333333333%

  }

  .row-cols-lg-4 > * {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 25%

  }

  .row-cols-lg-5 > * {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 20%

  }

  .row-cols-lg-6 > * {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 16.6666666667%

  }

  .col-lg-auto {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: auto

  }

  .col-lg-1 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 8.33333333%

  }

  .col-lg-2 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 16.66666667%

  }

  .col-lg-3 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 25%

  }

  .col-lg-4 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 33.33333333%

  }

  .col-lg-5 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 41.66666667%

  }

  .col-lg-6 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 50%

  }

  .col-lg-7 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 58.33333333%

  }

  .col-lg-8 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 66.66666667%

  }

  .col-lg-9 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 75%

  }

  .col-lg-10 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 83.33333333%

  }

  .col-lg-11 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 91.66666667%

  }

  .col-lg-12 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 100%

  }

  .offset-lg-0 {

    margin-left: 0

  }

  .offset-lg-1 {

    margin-left: 8.33333333%

  }

  .offset-lg-2 {

    margin-left: 16.66666667%

  }

  .offset-lg-3 {

    margin-left: 25%

  }

  .offset-lg-4 {

    margin-left: 33.33333333%

  }

  .offset-lg-5 {

    margin-left: 41.66666667%

  }

  .offset-lg-6 {

    margin-left: 50%

  }

  .offset-lg-7 {

    margin-left: 58.33333333%

  }

  .offset-lg-8 {

    margin-left: 66.66666667%

  }

  .offset-lg-9 {

    margin-left: 75%

  }

  .offset-lg-10 {

    margin-left: 83.33333333%

  }

  .offset-lg-11 {

    margin-left: 91.66666667%

  }

  .g-lg-0, .gx-lg-0 {

    --bs-gutter-x: 0

  }

  .g-lg-0, .gy-lg-0 {

    --bs-gutter-y: 0

  }

  .g-lg-1, .gx-lg-1 {

    --bs-gutter-x: 0.25rem

  }

  .g-lg-1, .gy-lg-1 {

    --bs-gutter-y: 0.25rem

  }

  .g-lg-2, .gx-lg-2 {

    --bs-gutter-x: 0.5rem

  }

  .g-lg-2, .gy-lg-2 {

    --bs-gutter-y: 0.5rem

  }

  .g-lg-3, .gx-lg-3 {

    --bs-gutter-x: 1rem

  }

  .g-lg-3, .gy-lg-3 {

    --bs-gutter-y: 1rem

  }

  .g-lg-4, .gx-lg-4 {

    --bs-gutter-x: 1.5rem

  }

  .g-lg-4, .gy-lg-4 {

    --bs-gutter-y: 1.5rem

  }

  .g-lg-5, .gx-lg-5 {

    --bs-gutter-x: 3rem

  }

  .g-lg-5, .gy-lg-5 {

    --bs-gutter-y: 3rem

  }

}

@media(min-width: 1200px) {

  .col-xl {

    -webkit-box-flex: 1;

    -ms-flex: 1 0 0%;

    flex: 1 0 0%

  }

  .row-cols-xl-auto > * {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: auto

  }

  .row-cols-xl-1 > * {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 100%

  }

  .row-cols-xl-2 > * {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 50%

  }

  .row-cols-xl-3 > * {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 33.3333333333%

  }

  .row-cols-xl-4 > * {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 25%

  }

  .row-cols-xl-5 > * {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 20%

  }

  .row-cols-xl-6 > * {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 16.6666666667%

  }

  .col-xl-auto {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: auto

  }

  .col-xl-1 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 8.33333333%

  }

  .col-xl-2 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 16.66666667%

  }

  .col-xl-3 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 25%

  }

  .col-xl-4 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 33.33333333%

  }

  .col-xl-5 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 41.66666667%

  }

  .col-xl-6 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 50%

  }

  .col-xl-7 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 58.33333333%

  }

  .col-xl-8 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 66.66666667%

  }

  .col-xl-9 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 75%

  }

  .col-xl-10 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 83.33333333%

  }

  .col-xl-11 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 91.66666667%

  }

  .col-xl-12 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 100%

  }

  .offset-xl-0 {

    margin-left: 0

  }

  .offset-xl-1 {

    margin-left: 8.33333333%

  }

  .offset-xl-2 {

    margin-left: 16.66666667%

  }

  .offset-xl-3 {

    margin-left: 25%

  }

  .offset-xl-4 {

    margin-left: 33.33333333%

  }

  .offset-xl-5 {

    margin-left: 41.66666667%

  }

  .offset-xl-6 {

    margin-left: 50%

  }

  .offset-xl-7 {

    margin-left: 58.33333333%

  }

  .offset-xl-8 {

    margin-left: 66.66666667%

  }

  .offset-xl-9 {

    margin-left: 75%

  }

  .offset-xl-10 {

    margin-left: 83.33333333%

  }

  .offset-xl-11 {

    margin-left: 91.66666667%

  }

  .g-xl-0, .gx-xl-0 {

    --bs-gutter-x: 0

  }

  .g-xl-0, .gy-xl-0 {

    --bs-gutter-y: 0

  }

  .g-xl-1, .gx-xl-1 {

    --bs-gutter-x: 0.25rem

  }

  .g-xl-1, .gy-xl-1 {

    --bs-gutter-y: 0.25rem

  }

  .g-xl-2, .gx-xl-2 {

    --bs-gutter-x: 0.5rem

  }

  .g-xl-2, .gy-xl-2 {

    --bs-gutter-y: 0.5rem

  }

  .g-xl-3, .gx-xl-3 {

    --bs-gutter-x: 1rem

  }

  .g-xl-3, .gy-xl-3 {

    --bs-gutter-y: 1rem

  }

  .g-xl-4, .gx-xl-4 {

    --bs-gutter-x: 1.5rem

  }

  .g-xl-4, .gy-xl-4 {

    --bs-gutter-y: 1.5rem

  }

  .g-xl-5, .gx-xl-5 {

    --bs-gutter-x: 3rem

  }

  .g-xl-5, .gy-xl-5 {

    --bs-gutter-y: 3rem

  }

}

@media(min-width: 1400px) {

  .col-xxl {

    -webkit-box-flex: 1;

    -ms-flex: 1 0 0%;

    flex: 1 0 0%

  }

  .row-cols-xxl-auto > * {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: auto

  }

  .row-cols-xxl-1 > * {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 100%

  }

  .row-cols-xxl-2 > * {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 50%

  }

  .row-cols-xxl-3 > * {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 33.3333333333%

  }

  .row-cols-xxl-4 > * {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 25%

  }

  .row-cols-xxl-5 > * {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 20%

  }

  .row-cols-xxl-6 > * {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 16.6666666667%

  }

  .col-xxl-auto {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: auto

  }

  .col-xxl-1 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 8.33333333%

  }

  .col-xxl-2 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 16.66666667%

  }

  .col-xxl-3 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 25%

  }

  .col-xxl-4 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 33.33333333%

  }

  .col-xxl-5 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 41.66666667%

  }

  .col-xxl-6 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 50%

  }

  .col-xxl-7 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 58.33333333%

  }

  .col-xxl-8 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 66.66666667%

  }

  .col-xxl-9 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 75%

  }

  .col-xxl-10 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 83.33333333%

  }

  .col-xxl-11 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 91.66666667%

  }

  .col-xxl-12 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 100%

  }

  .offset-xxl-0 {

    margin-left: 0

  }

  .offset-xxl-1 {

    margin-left: 8.33333333%

  }

  .offset-xxl-2 {

    margin-left: 16.66666667%

  }

  .offset-xxl-3 {

    margin-left: 25%

  }

  .offset-xxl-4 {

    margin-left: 33.33333333%

  }

  .offset-xxl-5 {

    margin-left: 41.66666667%

  }

  .offset-xxl-6 {

    margin-left: 50%

  }

  .offset-xxl-7 {

    margin-left: 58.33333333%

  }

  .offset-xxl-8 {

    margin-left: 66.66666667%

  }

  .offset-xxl-9 {

    margin-left: 75%

  }

  .offset-xxl-10 {

    margin-left: 83.33333333%

  }

  .offset-xxl-11 {

    margin-left: 91.66666667%

  }

  .g-xxl-0, .gx-xxl-0 {

    --bs-gutter-x: 0

  }

  .g-xxl-0, .gy-xxl-0 {

    --bs-gutter-y: 0

  }

  .g-xxl-1, .gx-xxl-1 {

    --bs-gutter-x: 0.25rem

  }

  .g-xxl-1, .gy-xxl-1 {

    --bs-gutter-y: 0.25rem

  }

  .g-xxl-2, .gx-xxl-2 {

    --bs-gutter-x: 0.5rem

  }

  .g-xxl-2, .gy-xxl-2 {

    --bs-gutter-y: 0.5rem

  }

  .g-xxl-3, .gx-xxl-3 {

    --bs-gutter-x: 1rem

  }

  .g-xxl-3, .gy-xxl-3 {

    --bs-gutter-y: 1rem

  }

  .g-xxl-4, .gx-xxl-4 {

    --bs-gutter-x: 1.5rem

  }

  .g-xxl-4, .gy-xxl-4 {

    --bs-gutter-y: 1.5rem

  }

  .g-xxl-5, .gx-xxl-5 {

    --bs-gutter-x: 3rem

  }

  .g-xxl-5, .gy-xxl-5 {

    --bs-gutter-y: 3rem

  }

}

.table {

  --bs-table-color: var(--bs-body-color);

  --bs-table-bg: transparent;

  --bs-table-border-color: var(--bs-border-color);

  --bs-table-accent-bg: transparent;

  --bs-table-striped-color: var(--bs-body-color);

  --bs-table-striped-bg: rgba(0, 0, 0, 0.05);

  --bs-table-active-color: var(--bs-body-color);

  --bs-table-active-bg: rgba(0, 0, 0, 0.1);

  --bs-table-hover-color: var(--bs-body-color);

  --bs-table-hover-bg: rgba(0, 0, 0, 0.075);

  width: 100%;

  margin-bottom: 1rem;

  color: var(--bs-table-color);

  vertical-align: top;

  border-color: var(--bs-table-border-color)

}

.table > :not(caption) > * > * {

  padding: .5rem .5rem;

  background-color: var(--bs-table-bg);

  border-bottom-width: var(--bs-border-width);

  -webkit-box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);

  box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg)

}

.table > tbody {

  vertical-align: inherit

}

.table > thead {

  vertical-align: bottom

}

.table-group-divider {

  border-top: calc(var(--bs-border-width)*2) solid currentcolor

}

.caption-top {

  caption-side: top

}

.table-sm > :not(caption) > * > * {

  padding: .25rem .25rem

}

.table-bordered > :not(caption) > * {

  border-width: var(--bs-border-width) 0

}

.table-bordered > :not(caption) > * > * {

  border-width: 0 var(--bs-border-width)

}

.table-borderless > :not(caption) > * > * {

  border-bottom-width: 0

}

.table-borderless > :not(:first-child) {

  border-top-width: 0

}

.table-striped > tbody > tr:nth-of-type(odd) > * {

  --bs-table-accent-bg: var(--bs-table-striped-bg);

  color: var(--bs-table-striped-color)

}

.table-striped-columns > :not(caption) > tr > :nth-child(2n) {

  --bs-table-accent-bg: var(--bs-table-striped-bg);

  color: var(--bs-table-striped-color)

}

.table-active {

  --bs-table-accent-bg: var(--bs-table-active-bg);

  color: var(--bs-table-active-color)

}

.table-hover > tbody > tr:hover > * {

  --bs-table-accent-bg: var(--bs-table-hover-bg);

  color: var(--bs-table-hover-color)

}

.table-primary {

  --bs-table-color: #000;

  --bs-table-bg: #cfe2ff;

  --bs-table-border-color: #bacbe6;

  --bs-table-striped-bg: #c5d7f2;

  --bs-table-striped-color: #000;

  --bs-table-active-bg: #bacbe6;

  --bs-table-active-color: #000;

  --bs-table-hover-bg: #bfd1ec;

  --bs-table-hover-color: #000;

  color: var(--bs-table-color);

  border-color: var(--bs-table-border-color)

}

.table-secondary {

  --bs-table-color: #000;

  --bs-table-bg: #e2e3e5;

  --bs-table-border-color: #cbccce;

  --bs-table-striped-bg: #d7d8da;

  --bs-table-striped-color: #000;

  --bs-table-active-bg: #cbccce;

  --bs-table-active-color: #000;

  --bs-table-hover-bg: #d1d2d4;

  --bs-table-hover-color: #000;

  color: var(--bs-table-color);

  border-color: var(--bs-table-border-color)

}

.table-success {

  --bs-table-color: #000;

  --bs-table-bg: #d1e7dd;

  --bs-table-border-color: #bcd0c7;

  --bs-table-striped-bg: #c7dbd2;

  --bs-table-striped-color: #000;

  --bs-table-active-bg: #bcd0c7;

  --bs-table-active-color: #000;

  --bs-table-hover-bg: #c1d6cc;

  --bs-table-hover-color: #000;

  color: var(--bs-table-color);

  border-color: var(--bs-table-border-color)

}

.table-info {

  --bs-table-color: #000;

  --bs-table-bg: #cff4fc;

  --bs-table-border-color: #badce3;

  --bs-table-striped-bg: #c5e8ef;

  --bs-table-striped-color: #000;

  --bs-table-active-bg: #badce3;

  --bs-table-active-color: #000;

  --bs-table-hover-bg: #bfe2e9;

  --bs-table-hover-color: #000;

  color: var(--bs-table-color);

  border-color: var(--bs-table-border-color)

}

.table-warning {

  --bs-table-color: #000;

  --bs-table-bg: #fff3cd;

  --bs-table-border-color: #e6dbb9;

  --bs-table-striped-bg: #f2e7c3;

  --bs-table-striped-color: #000;

  --bs-table-active-bg: #e6dbb9;

  --bs-table-active-color: #000;

  --bs-table-hover-bg: #ece1be;

  --bs-table-hover-color: #000;

  color: var(--bs-table-color);

  border-color: var(--bs-table-border-color)

}

.table-danger {

  --bs-table-color: #000;

  --bs-table-bg: #f8d7da;

  --bs-table-border-color: #dfc2c4;

  --bs-table-striped-bg: #eccccf;

  --bs-table-striped-color: #000;

  --bs-table-active-bg: #dfc2c4;

  --bs-table-active-color: #000;

  --bs-table-hover-bg: #e5c7ca;

  --bs-table-hover-color: #000;

  color: var(--bs-table-color);

  border-color: var(--bs-table-border-color)

}

.table-light {

  --bs-table-color: #000;

  --bs-table-bg: #f8f9fa;

  --bs-table-border-color: #dfe0e1;

  --bs-table-striped-bg: #ecedee;

  --bs-table-striped-color: #000;

  --bs-table-active-bg: #dfe0e1;

  --bs-table-active-color: #000;

  --bs-table-hover-bg: #e5e6e7;

  --bs-table-hover-color: #000;

  color: var(--bs-table-color);

  border-color: var(--bs-table-border-color)

}

.table-dark {

  --bs-table-color: #fff;

  --bs-table-bg: #212529;

  --bs-table-border-color: #373b3e;

  --bs-table-striped-bg: #2c3034;

  --bs-table-striped-color: #fff;

  --bs-table-active-bg: #373b3e;

  --bs-table-active-color: #fff;

  --bs-table-hover-bg: #323539;

  --bs-table-hover-color: #fff;

  color: var(--bs-table-color);

  border-color: var(--bs-table-border-color)

}

.table-responsive {

  overflow-x: auto;

  -webkit-overflow-scrolling: touch

}

@media(max-width: 575.98px) {

  .table-responsive-sm {

    overflow-x: auto;

    -webkit-overflow-scrolling: touch

  }

}

@media(max-width: 767.98px) {

  .table-responsive-md {

    overflow-x: auto;

    -webkit-overflow-scrolling: touch

  }

}

@media(max-width: 991.98px) {

  .table-responsive-lg {

    overflow-x: auto;

    -webkit-overflow-scrolling: touch

  }

}

@media(max-width: 1199.98px) {

  .table-responsive-xl {

    overflow-x: auto;

    -webkit-overflow-scrolling: touch

  }

}

@media(max-width: 1399.98px) {

  .table-responsive-xxl {

    overflow-x: auto;

    -webkit-overflow-scrolling: touch

  }

}

.form-label {

  margin-bottom: .5rem

}

.col-form-label {

  padding-top: calc(.375rem + var(--bs-border-width));

  padding-bottom: calc(.375rem + var(--bs-border-width));

  margin-bottom: 0;

  font-size: inherit;

  line-height: 1.5

}

.col-form-label-lg {

  padding-top: calc(.5rem + var(--bs-border-width));

  padding-bottom: calc(.5rem + var(--bs-border-width));

  font-size: 1.25rem

}

.col-form-label-sm {

  padding-top: calc(.25rem + var(--bs-border-width));

  padding-bottom: calc(.25rem + var(--bs-border-width));

  font-size: .875rem

}

.form-text {

  margin-top: .25rem;

  font-size: .875em;

  color: var(--bs-secondary-color)

}

.form-control {

  display: block;

  width: 100%;

  padding: .375rem .75rem;

  font-size: 1rem;

  font-weight: 400;

  line-height: 1.5;

  color: var(--bs-body-color);

  background-color: var(--bs-body-bg);

  background-clip: padding-box;

  border: var(--bs-border-width) solid var(--bs-border-color);

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  border-radius: .375rem;

  -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;

  transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;

  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;

  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out

}

@media(prefers-reduced-motion: reduce) {

  .form-control {

    -webkit-transition: none;

    transition: none

  }

}

.form-control[type=file] {

  overflow: hidden

}

.form-control[type=file]:not(:disabled):not([readonly]) {

  cursor: pointer

}

.form-control:focus {

  color: var(--bs-body-color);

  background-color: var(--bs-body-bg);

  border-color: #86b7fe;

  outline: 0;

  -webkit-box-shadow: 0 0 0 .25rem rgba(13, 110, 253, 0.25);

  box-shadow: 0 0 0 .25rem rgba(13, 110, 253, 0.25)

}

.form-control::-webkit-date-and-time-value {

  min-width: 85px;

  height: 1.5em;

  margin: 0

}

.form-control::-webkit-datetime-edit {

  display: block;

  padding: 0

}

.form-control::-moz-placeholder {

  color: var(--bs-secondary-color);

  opacity: 1

}

.form-control::-webkit-input-placeholder {

  color: var(--bs-secondary-color);

  opacity: 1

}

.form-control:-ms-input-placeholder {

  color: var(--bs-secondary-color);

  opacity: 1

}

.form-control::-ms-input-placeholder {

  color: var(--bs-secondary-color);

  opacity: 1

}

.form-control::placeholder {

  color: var(--bs-secondary-color);

  opacity: 1

}

.form-control:disabled {

  background-color: var(--bs-secondary-bg);

  opacity: 1

}

.form-control::-webkit-file-upload-button {

  padding: .375rem .75rem;

  margin: -0.375rem -0.75rem;

  -webkit-margin-end: .75rem;

  margin-inline-end: .75rem;

  color: var(--bs-body-color);

  background-color: var(--bs-tertiary-bg);

  pointer-events: none;

  border-color: inherit;

  border-style: solid;

  border-width: 0;

  border-inline-end-width: var(--bs-border-width);

  border-radius: 0;

  -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;

  -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;

  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;

  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;

  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out

}

.form-control::file-selector-button {

  padding: .375rem .75rem;

  margin: -0.375rem -0.75rem;

  -webkit-margin-end: .75rem;

  margin-inline-end: .75rem;

  color: var(--bs-body-color);

  background-color: var(--bs-tertiary-bg);

  pointer-events: none;

  border-color: inherit;

  border-style: solid;

  border-width: 0;

  border-inline-end-width: var(--bs-border-width);

  border-radius: 0;

  -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;

  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;

  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;

  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out

}

@media(prefers-reduced-motion: reduce) {

  .form-control::-webkit-file-upload-button {

    -webkit-transition: none;

    transition: none

  }

  .form-control::file-selector-button {

    -webkit-transition: none;

    transition: none

  }

}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {

  background-color: var(--bs-secondary-bg)

}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {

  background-color: var(--bs-secondary-bg)

}

.form-control-plaintext {

  display: block;

  width: 100%;

  padding: .375rem 0;

  margin-bottom: 0;

  line-height: 1.5;

  color: var(--bs-body-color);

  background-color: transparent;

  border: solid transparent;

  border-width: var(--bs-border-width) 0

}

.form-control-plaintext:focus {

  outline: 0

}

.form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm {

  padding-right: 0;

  padding-left: 0

}

.form-control-sm {

  min-height: calc(1.5em + .5rem + var(--bs-border-width)*2);

  padding: .25rem .5rem;

  font-size: .875rem;

  border-radius: .25rem

}

.form-control-sm::-webkit-file-upload-button {

  padding: .25rem .5rem;

  margin: -0.25rem -0.5rem;

  -webkit-margin-end: .5rem;

  margin-inline-end: .5rem

}

.form-control-sm::file-selector-button {

  padding: .25rem .5rem;

  margin: -0.25rem -0.5rem;

  -webkit-margin-end: .5rem;

  margin-inline-end: .5rem

}

.form-control-lg {

  min-height: calc(1.5em + 1rem + var(--bs-border-width)*2);

  padding: .5rem 1rem;

  font-size: 1.25rem;

  border-radius: .5rem

}

.form-control-lg::-webkit-file-upload-button {

  padding: .5rem 1rem;

  margin: -0.5rem -1rem;

  -webkit-margin-end: 1rem;

  margin-inline-end: 1rem

}

.form-control-lg::file-selector-button {

  padding: .5rem 1rem;

  margin: -0.5rem -1rem;

  -webkit-margin-end: 1rem;

  margin-inline-end: 1rem

}

textarea.form-control {

  min-height: calc(1.5em + .75rem + var(--bs-border-width)*2)

}

textarea.form-control-sm {

  min-height: calc(1.5em + .5rem + var(--bs-border-width)*2)

}

textarea.form-control-lg {

  min-height: calc(1.5em + 1rem + var(--bs-border-width)*2)

}

.form-control-color {

  width: 3rem;

  height: calc(1.5em + .75rem + var(--bs-border-width)*2);

  padding: .375rem

}

.form-control-color:not(:disabled):not([readonly]) {

  cursor: pointer

}

.form-control-color::-moz-color-swatch {

  border: 0 !important;

  border-radius: .375rem

}

.form-control-color::-webkit-color-swatch {

  border: 0 !important;

  border-radius: .375rem

}

.form-control-color.form-control-sm {

  height: calc(1.5em + .5rem + var(--bs-border-width)*2)

}

.form-control-color.form-control-lg {

  height: calc(1.5em + 1rem + var(--bs-border-width)*2)

}

.form-select {

  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");

  display: block;

  width: 100%;

  padding: .375rem 2.25rem .375rem .75rem;

  font-size: 1rem;

  font-weight: 400;

  line-height: 1.5;

  color: var(--bs-body-color);

  background-color: var(--bs-body-bg);

  background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);

  background-repeat: no-repeat;

  background-position: right .75rem center;

  background-size: 16px 12px;

  border: var(--bs-border-width) solid var(--bs-border-color);

  border-radius: .375rem;

  -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;

  transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;

  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;

  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none

}

@media(prefers-reduced-motion: reduce) {

  .form-select {

    -webkit-transition: none;

    transition: none

  }

}

.form-select:focus {

  border-color: #86b7fe;

  outline: 0;

  -webkit-box-shadow: 0 0 0 .25rem rgba(13, 110, 253, 0.25);

  box-shadow: 0 0 0 .25rem rgba(13, 110, 253, 0.25)

}

.form-select[multiple], .form-select[size]:not([size="1"]) {

  padding-right: .75rem;

  background-image: none

}

.form-select:disabled {

  background-color: var(--bs-secondary-bg)

}

.form-select:-moz-focusring {

  color: transparent;

  text-shadow: 0 0 0 var(--bs-body-color)

}

.form-select-sm {

  padding-top: .25rem;

  padding-bottom: .25rem;

  padding-left: .5rem;

  font-size: .875rem;

  border-radius: .25rem

}

.form-select-lg {

  padding-top: .5rem;

  padding-bottom: .5rem;

  padding-left: 1rem;

  font-size: 1.25rem;

  border-radius: .5rem

}

[data-bs-theme=dark] .form-select {

  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23adb5bd' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")

}

.form-check {

  display: block;

  min-height: 1.5rem;

  padding-left: 1.5em;

  margin-bottom: .125rem

}

.form-check .form-check-input {

  float: left;

  margin-left: -1.5em

}

.form-check-reverse {

  padding-right: 1.5em;

  padding-left: 0;

  text-align: right

}

.form-check-reverse .form-check-input {

  float: right;

  margin-right: -1.5em;

  margin-left: 0

}

.form-check-input {

  --bs-form-check-bg: var(--bs-body-bg);

  width: 1em;

  height: 1em;

  margin-top: .25em;

  vertical-align: top;

  background-color: var(--bs-form-check-bg);

  background-image: var(--bs-form-check-bg-image);

  background-repeat: no-repeat;

  background-position: center;

  background-size: contain;

  border: var(--bs-border-width) solid var(--bs-border-color);

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  -webkit-print-color-adjust: exact;

  color-adjust: exact;

  print-color-adjust: exact

}

.form-check-input[type=checkbox] {

  border-radius: .25em

}

.form-check-input[type=radio] {

  border-radius: 50%

}

.form-check-input:active {

  -webkit-filter: brightness(90%);

  filter: brightness(90%)

}

.form-check-input:focus {

  border-color: #86b7fe;

  outline: 0;

  -webkit-box-shadow: 0 0 0 .25rem rgba(13, 110, 253, 0.25);

  box-shadow: 0 0 0 .25rem rgba(13, 110, 253, 0.25)

}

.form-check-input:checked {

  background-color: #0d6efd;

  border-color: #0d6efd

}

.form-check-input:checked[type=checkbox] {

  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")

}

.form-check-input:checked[type=radio] {

  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")

}

.form-check-input[type=checkbox]:indeterminate {

  background-color: #0d6efd;

  border-color: #0d6efd;

  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")

}

.form-check-input:disabled {

  pointer-events: none;

  -webkit-filter: none;

  filter: none;

  opacity: .5

}

.form-check-input:disabled ~ .form-check-label, .form-check-input[disabled] ~ .form-check-label {

  cursor: default;

  opacity: .5

}

.form-switch {

  padding-left: 2.5em

}

.form-switch .form-check-input {

  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");

  width: 2em;

  margin-left: -2.5em;

  background-image: var(--bs-form-switch-bg);

  background-position: left center;

  border-radius: 2em;

  -webkit-transition: background-position .15s ease-in-out;

  transition: background-position .15s ease-in-out

}

@media(prefers-reduced-motion: reduce) {

  .form-switch .form-check-input {

    -webkit-transition: none;

    transition: none

  }

}

.form-switch .form-check-input:focus {

  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")

}

.form-switch .form-check-input:checked {

  background-position: right center;

  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")

}

.form-switch.form-check-reverse {

  padding-right: 2.5em;

  padding-left: 0

}

.form-switch.form-check-reverse .form-check-input {

  margin-right: -2.5em;

  margin-left: 0

}

.form-check-inline {

  display: inline-block;

  margin-right: 1rem

}

.btn-check {

  position: absolute;

  clip: rect(0, 0, 0, 0);

  pointer-events: none

}

.btn-check:disabled + .btn, .btn-check[disabled] + .btn {

  pointer-events: none;

  -webkit-filter: none;

  filter: none;

  opacity: .65

}

[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {

  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e")

}

.form-range {

  width: 100%;

  height: 1.5rem;

  padding: 0;

  background-color: transparent;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none

}

.form-range:focus {

  outline: 0

}

.form-range:focus::-webkit-slider-thumb {

  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, 0.25);

  box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, 0.25)

}

.form-range:focus::-moz-range-thumb {

  box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, 0.25)

}

.form-range::-moz-focus-outer {

  border: 0

}

.form-range::-webkit-slider-thumb {

  width: 1rem;

  height: 1rem;

  margin-top: -0.25rem;

  background-color: #0d6efd;

  border: 0;

  border-radius: 1rem;

  -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;

  -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;

  transition: background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;

  transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;

  transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;

  -webkit-appearance: none;

  appearance: none

}

@media(prefers-reduced-motion: reduce) {

  .form-range::-webkit-slider-thumb {

    -webkit-transition: none;

    transition: none

  }

}

.form-range::-webkit-slider-thumb:active {

  background-color: #b6d4fe

}

.form-range::-webkit-slider-runnable-track {

  width: 100%;

  height: .5rem;

  color: transparent;

  cursor: pointer;

  background-color: var(--bs-tertiary-bg);

  border-color: transparent;

  border-radius: 1rem

}

.form-range::-moz-range-thumb {

  width: 1rem;

  height: 1rem;

  background-color: #0d6efd;

  border: 0;

  border-radius: 1rem;

  -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;

  transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;

  -moz-appearance: none;

  appearance: none

}

@media(prefers-reduced-motion: reduce) {

  .form-range::-moz-range-thumb {

    -moz-transition: none;

    transition: none

  }

}

.form-range::-moz-range-thumb:active {

  background-color: #b6d4fe

}

.form-range::-moz-range-track {

  width: 100%;

  height: .5rem;

  color: transparent;

  cursor: pointer;

  background-color: var(--bs-tertiary-bg);

  border-color: transparent;

  border-radius: 1rem

}

.form-range:disabled {

  pointer-events: none

}

.form-range:disabled::-webkit-slider-thumb {

  background-color: var(--bs-secondary-color)

}

.form-range:disabled::-moz-range-thumb {

  background-color: var(--bs-secondary-color)

}

.form-floating {

  position: relative

}

.form-floating:not(.form-control:disabled)::before {

  position: absolute;

  top: var(--bs-border-width);

  left: var(--bs-border-width);

  width: calc(100% - (.375em + .1875rem + .75em + .375rem));

  height: 1.875em;

  content: "";

  background-color: var(--bs-body-bg);

  border-radius: .375rem

}

.form-floating > .form-control, .form-floating > .form-control-plaintext, .form-floating > .form-select {

  height: calc(3.5rem + var(--bs-border-width)*2);

  line-height: 1.25

}

.form-floating > label {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  padding: 1rem .75rem;

  overflow: hidden;

  text-align: start;

  text-overflow: ellipsis;

  white-space: nowrap;

  pointer-events: none;

  border: var(--bs-border-width) solid transparent;

  -webkit-transform-origin: 0 0;

  transform-origin: 0 0;

  -webkit-transition: opacity .1s ease-in-out, -webkit-transform .1s ease-in-out;

  transition: opacity .1s ease-in-out, -webkit-transform .1s ease-in-out;

  transition: opacity .1s ease-in-out, transform .1s ease-in-out;

  transition: opacity .1s ease-in-out, transform .1s ease-in-out, -webkit-transform .1s ease-in-out

}

@media(prefers-reduced-motion: reduce) {

  .form-floating > label {

    -webkit-transition: none;

    transition: none

  }

}

.form-floating > .form-control, .form-floating > .form-control-plaintext {

  padding: 1rem .75rem

}

.form-floating > .form-control-plaintext::-moz-placeholder, .form-floating > .form-control::-moz-placeholder {

  color: transparent

}

.form-floating > .form-control-plaintext::-webkit-input-placeholder, .form-floating > .form-control::-webkit-input-placeholder {

  color: transparent

}

.form-floating > .form-control-plaintext::-moz-placeholder, .form-floating > .form-control::-moz-placeholder {

  color: transparent

}

.form-floating > .form-control-plaintext:-ms-input-placeholder, .form-floating > .form-control:-ms-input-placeholder {

  color: transparent

}

.form-floating > .form-control-plaintext::-ms-input-placeholder, .form-floating > .form-control::-ms-input-placeholder {

  color: transparent

}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {

  color: transparent

}

.form-floating > .form-control-plaintext:not(:-moz-placeholder-shown), .form-floating > .form-control:not(:-moz-placeholder-shown) {

  padding-top: 1.625rem;

  padding-bottom: .625rem

}

.form-floating > .form-control-plaintext:not(:-moz-placeholder-shown), .form-floating > .form-control:not(:-moz-placeholder-shown) {

  padding-top: 1.625rem;

  padding-bottom: .625rem

}

.form-floating > .form-control-plaintext:not(:-ms-input-placeholder), .form-floating > .form-control:not(:-ms-input-placeholder) {

  padding-top: 1.625rem;

  padding-bottom: .625rem

}

.form-floating > .form-control-plaintext:focus, .form-floating > .form-control-plaintext:not(:placeholder-shown), .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) {

  padding-top: 1.625rem;

  padding-bottom: .625rem

}

.form-floating > .form-control-plaintext:-webkit-autofill, .form-floating > .form-control:-webkit-autofill {

  padding-top: 1.625rem;

  padding-bottom: .625rem

}

.form-floating > .form-select {

  padding-top: 1.625rem;

  padding-bottom: .625rem

}

.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {

  opacity: .65;

  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem)

}

.form-floating > .form-control:not(:-ms-input-placeholder) ~ label {

  opacity: .65;

  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem)

}

.form-floating > .form-control-plaintext ~ label, .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label {

  opacity: .65;

  -webkit-transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);

  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem)

}

.form-floating > .form-control:-webkit-autofill ~ label {

  opacity: .65;

  -webkit-transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);

  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem)

}

.form-floating > .form-control-plaintext ~ label {

  border-width: var(--bs-border-width) 0

}

.form-floating > .form-control:disabled ~ label {

  color: #6c757d

}

.input-group {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-box-align: stretch;

  -ms-flex-align: stretch;

  align-items: stretch;

  width: 100%

}

.input-group > .form-control, .input-group > .form-floating, .input-group > .form-select {

  position: relative;

  -webkit-box-flex: 1;

  -ms-flex: 1 1 auto;

  flex: 1 1 auto;

  width: 1%;

  min-width: 0

}

.input-group > .form-control:focus, .input-group > .form-floating:focus-within, .input-group > .form-select:focus {

  z-index: 5

}

.input-group .btn {

  position: relative;

  z-index: 2

}

.input-group .btn:focus {

  z-index: 5

}

.input-group-text {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  padding: .375rem .75rem;

  font-size: 1rem;

  font-weight: 400;

  line-height: 1.5;

  color: var(--bs-body-color);

  text-align: center;

  white-space: nowrap;

  background-color: var(--bs-tertiary-bg);

  border: var(--bs-border-width) solid var(--bs-border-color);

  border-radius: .375rem

}

.input-group-lg > .btn, .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text {

  padding: .5rem 1rem;

  font-size: 1.25rem;

  border-radius: .5rem

}

.input-group-sm > .btn, .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text {

  padding: .25rem .5rem;

  font-size: .875rem;

  border-radius: .25rem

}

.input-group-lg > .form-select, .input-group-sm > .form-select {

  padding-right: 3rem

}

.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select, .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {

  border-top-right-radius: 0;

  border-bottom-right-radius: 0

}

.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control, .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select, .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {

  border-top-right-radius: 0;

  border-bottom-right-radius: 0

}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {

  margin-left: calc(var(--bs-border-width)*-1);

  border-top-left-radius: 0;

  border-bottom-left-radius: 0

}

.input-group > .form-floating:not(:first-child) > .form-control, .input-group > .form-floating:not(:first-child) > .form-select {

  border-top-left-radius: 0;

  border-bottom-left-radius: 0

}

.valid-feedback {

  display: none;

  width: 100%;

  margin-top: .25rem;

  font-size: .875em;

  color: var(--bs-form-valid-color)

}

.valid-tooltip {

  position: absolute;

  top: 100%;

  z-index: 5;

  display: none;

  max-width: 100%;

  padding: .25rem .5rem;

  margin-top: .1rem;

  font-size: .875rem;

  color: #fff;

  background-color: var(--bs-success);

  border-radius: var(--bs-border-radius)

}

.is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip, .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip {

  display: block

}

.form-control.is-valid, .was-validated .form-control:valid {

  border-color: var(--bs-form-valid-border-color);

  padding-right: calc(1.5em + .75rem);

  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");

  background-repeat: no-repeat;

  background-position: right calc(.375em + .1875rem) center;

  background-size: calc(.75em + .375rem) calc(.75em + .375rem)

}

.form-control.is-valid:focus, .was-validated .form-control:valid:focus {

  border-color: var(--bs-form-valid-border-color);

  -webkit-box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), 0.25);

  box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), 0.25)

}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {

  padding-right: calc(1.5em + .75rem);

  background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)

}

.form-select.is-valid, .was-validated .form-select:valid {

  border-color: var(--bs-form-valid-border-color)

}

.form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"] {

  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");

  padding-right: 4.125rem;

  background-position: right .75rem center, center right 2.25rem;

  background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem)

}

.form-select.is-valid:focus, .was-validated .form-select:valid:focus {

  border-color: var(--bs-form-valid-border-color);

  -webkit-box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), 0.25);

  box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), 0.25)

}

.form-control-color.is-valid, .was-validated .form-control-color:valid {

  width: calc(3rem + 1.5em + .75rem)

}

.form-check-input.is-valid, .was-validated .form-check-input:valid {

  border-color: var(--bs-form-valid-border-color)

}

.form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked {

  background-color: var(--bs-form-valid-color)

}

.form-check-input.is-valid:focus, .was-validated .form-check-input:valid:focus {

  -webkit-box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), 0.25);

  box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), 0.25)

}

.form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label {

  color: var(--bs-form-valid-color)

}

.form-check-inline .form-check-input ~ .valid-feedback {

  margin-left: .5em

}

.input-group > .form-control:not(:focus).is-valid, .input-group > .form-floating:not(:focus-within).is-valid, .input-group > .form-select:not(:focus).is-valid, .was-validated .input-group > .form-control:not(:focus):valid, .was-validated .input-group > .form-floating:not(:focus-within):valid, .was-validated .input-group > .form-select:not(:focus):valid {

  z-index: 3

}

.invalid-feedback {

  display: none;

  width: 100%;

  margin-top: .25rem;

  font-size: .875em;

  color: var(--bs-form-invalid-color)

}

.invalid-tooltip {

  position: absolute;

  top: 100%;

  z-index: 5;

  display: none;

  max-width: 100%;

  padding: .25rem .5rem;

  margin-top: .1rem;

  font-size: .875rem;

  color: #fff;

  background-color: var(--bs-danger);

  border-radius: var(--bs-border-radius)

}

.is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip, .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip {

  display: block

}

.form-control.is-invalid, .was-validated .form-control:invalid {

  border-color: var(--bs-form-invalid-border-color);

  padding-right: calc(1.5em + .75rem);

  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");

  background-repeat: no-repeat;

  background-position: right calc(.375em + .1875rem) center;

  background-size: calc(.75em + .375rem) calc(.75em + .375rem)

}

.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {

  border-color: var(--bs-form-invalid-border-color);

  -webkit-box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), 0.25);

  box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), 0.25)

}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {

  padding-right: calc(1.5em + .75rem);

  background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)

}

.form-select.is-invalid, .was-validated .form-select:invalid {

  border-color: var(--bs-form-invalid-border-color)

}

.form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"], .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"] {

  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");

  padding-right: 4.125rem;

  background-position: right .75rem center, center right 2.25rem;

  background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem)

}

.form-select.is-invalid:focus, .was-validated .form-select:invalid:focus {

  border-color: var(--bs-form-invalid-border-color);

  -webkit-box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), 0.25);

  box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), 0.25)

}

.form-control-color.is-invalid, .was-validated .form-control-color:invalid {

  width: calc(3rem + 1.5em + .75rem)

}

.form-check-input.is-invalid, .was-validated .form-check-input:invalid {

  border-color: var(--bs-form-invalid-border-color)

}

.form-check-input.is-invalid:checked, .was-validated .form-check-input:invalid:checked {

  background-color: var(--bs-form-invalid-color)

}

.form-check-input.is-invalid:focus, .was-validated .form-check-input:invalid:focus {

  -webkit-box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), 0.25);

  box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), 0.25)

}

.form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label {

  color: var(--bs-form-invalid-color)

}

.form-check-inline .form-check-input ~ .invalid-feedback {

  margin-left: .5em

}

.input-group > .form-control:not(:focus).is-invalid, .input-group > .form-floating:not(:focus-within).is-invalid, .input-group > .form-select:not(:focus).is-invalid, .was-validated .input-group > .form-control:not(:focus):invalid, .was-validated .input-group > .form-floating:not(:focus-within):invalid, .was-validated .input-group > .form-select:not(:focus):invalid {

  z-index: 4

}

.btn {

  --bs-btn-padding-x: 0.75rem;

  --bs-btn-padding-y: 0.375rem;

  --bs-btn-font-family: ;

  --bs-btn-font-size: 1rem;

  --bs-btn-font-weight: 400;

  --bs-btn-line-height: 1.5;

  --bs-btn-color: var(--bs-body-color);

  --bs-btn-bg: transparent;

  --bs-btn-border-width: var(--bs-border-width);

  --bs-btn-border-color: transparent;

  --bs-btn-border-radius: 0.375rem;

  --bs-btn-hover-border-color: transparent;

  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);

  --bs-btn-disabled-opacity: 0.65;

  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);

  display: inline-block;

  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);

  font-family: var(--bs-btn-font-family);

  font-size: var(--bs-btn-font-size);

  font-weight: var(--bs-btn-font-weight);

  line-height: var(--bs-btn-line-height);

  color: var(--bs-btn-color);

  text-align: center;

  text-decoration: none;

  vertical-align: middle;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);

  border-radius: var(--bs-btn-border-radius);

  background-color: var(--bs-btn-bg);

  -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;

  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;

  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;

  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out

}

@media(prefers-reduced-motion: reduce) {

  .btn {

    -webkit-transition: none;

    transition: none

  }

}

.btn:hover {

  color: var(--bs-btn-hover-color);

  background-color: var(--bs-btn-hover-bg);

  border-color: var(--bs-btn-hover-border-color)

}

.btn-check + .btn:hover {

  color: var(--bs-btn-color);

  background-color: var(--bs-btn-bg);

  border-color: var(--bs-btn-border-color)

}

.btn:focus-visible {

  color: var(--bs-btn-hover-color);

  background-color: var(--bs-btn-hover-bg);

  border-color: var(--bs-btn-hover-border-color);

  outline: 0;

  -webkit-box-shadow: var(--bs-btn-focus-box-shadow);

  box-shadow: var(--bs-btn-focus-box-shadow)

}

.btn-check:focus-visible + .btn {

  border-color: var(--bs-btn-hover-border-color);

  outline: 0;

  -webkit-box-shadow: var(--bs-btn-focus-box-shadow);

  box-shadow: var(--bs-btn-focus-box-shadow)

}

.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {

  color: var(--bs-btn-active-color);

  background-color: var(--bs-btn-active-bg);

  border-color: var(--bs-btn-active-border-color)

}

.btn-check:checked + .btn:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible, .btn:first-child:active:focus-visible, :not(.btn-check) + .btn:active:focus-visible {

  -webkit-box-shadow: var(--bs-btn-focus-box-shadow);

  box-shadow: var(--bs-btn-focus-box-shadow)

}

.btn.disabled, .btn:disabled, fieldset:disabled .btn {

  color: var(--bs-btn-disabled-color);

  pointer-events: none;

  background-color: var(--bs-btn-disabled-bg);

  border-color: var(--bs-btn-disabled-border-color);

  opacity: var(--bs-btn-disabled-opacity)

}

.btn-primary {

  --bs-btn-color: #fff;

  --bs-btn-bg: #0d6efd;

  --bs-btn-border-color: #0d6efd;

  --bs-btn-hover-color: #fff;

  --bs-btn-hover-bg: #0b5ed7;

  --bs-btn-hover-border-color: #0a58ca;

  --bs-btn-focus-shadow-rgb: 49, 132, 253;

  --bs-btn-active-color: #fff;

  --bs-btn-active-bg: #0a58ca;

  --bs-btn-active-border-color: #0a53be;

  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: #fff;

  --bs-btn-disabled-bg: #0d6efd;

  --bs-btn-disabled-border-color: #0d6efd

}

.btn-secondary {

  --bs-btn-color: #fff;

  --bs-btn-bg: #6c757d;

  --bs-btn-border-color: #6c757d;

  --bs-btn-hover-color: #fff;

  --bs-btn-hover-bg: #5c636a;

  --bs-btn-hover-border-color: #565e64;

  --bs-btn-focus-shadow-rgb: 130, 138, 145;

  --bs-btn-active-color: #fff;

  --bs-btn-active-bg: #565e64;

  --bs-btn-active-border-color: #51585e;

  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: #fff;

  --bs-btn-disabled-bg: #6c757d;

  --bs-btn-disabled-border-color: #6c757d

}

.btn-success {

  --bs-btn-color: #fff;

  --bs-btn-bg: #198754;

  --bs-btn-border-color: #198754;

  --bs-btn-hover-color: #fff;

  --bs-btn-hover-bg: #157347;

  --bs-btn-hover-border-color: #146c43;

  --bs-btn-focus-shadow-rgb: 60, 153, 110;

  --bs-btn-active-color: #fff;

  --bs-btn-active-bg: #146c43;

  --bs-btn-active-border-color: #13653f;

  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: #fff;

  --bs-btn-disabled-bg: #198754;

  --bs-btn-disabled-border-color: #198754

}

.btn-info {

  --bs-btn-color: #000;

  --bs-btn-bg: #0dcaf0;

  --bs-btn-border-color: #0dcaf0;

  --bs-btn-hover-color: #000;

  --bs-btn-hover-bg: #31d2f2;

  --bs-btn-hover-border-color: #25cff2;

  --bs-btn-focus-shadow-rgb: 11, 172, 204;

  --bs-btn-active-color: #000;

  --bs-btn-active-bg: #3dd5f3;

  --bs-btn-active-border-color: #25cff2;

  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: #000;

  --bs-btn-disabled-bg: #0dcaf0;

  --bs-btn-disabled-border-color: #0dcaf0

}

.btn-warning {

  --bs-btn-color: #000;

  --bs-btn-bg: #ffc107;

  --bs-btn-border-color: #ffc107;

  --bs-btn-hover-color: #000;

  --bs-btn-hover-bg: #ffca2c;

  --bs-btn-hover-border-color: #ffc720;

  --bs-btn-focus-shadow-rgb: 217, 164, 6;

  --bs-btn-active-color: #000;

  --bs-btn-active-bg: #ffcd39;

  --bs-btn-active-border-color: #ffc720;

  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: #000;

  --bs-btn-disabled-bg: #ffc107;

  --bs-btn-disabled-border-color: #ffc107

}

.btn-danger {

  --bs-btn-color: #fff;

  --bs-btn-bg: #dc3545;

  --bs-btn-border-color: #dc3545;

  --bs-btn-hover-color: #fff;

  --bs-btn-hover-bg: #bb2d3b;

  --bs-btn-hover-border-color: #b02a37;

  --bs-btn-focus-shadow-rgb: 225, 83, 97;

  --bs-btn-active-color: #fff;

  --bs-btn-active-bg: #b02a37;

  --bs-btn-active-border-color: #a52834;

  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: #fff;

  --bs-btn-disabled-bg: #dc3545;

  --bs-btn-disabled-border-color: #dc3545

}

.btn-light {

  --bs-btn-color: #000;

  --bs-btn-bg: #f8f9fa;

  --bs-btn-border-color: #f8f9fa;

  --bs-btn-hover-color: #000;

  --bs-btn-hover-bg: #d3d4d5;

  --bs-btn-hover-border-color: #c6c7c8;

  --bs-btn-focus-shadow-rgb: 211, 212, 213;

  --bs-btn-active-color: #000;

  --bs-btn-active-bg: #c6c7c8;

  --bs-btn-active-border-color: #babbbc;

  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: #000;

  --bs-btn-disabled-bg: #f8f9fa;

  --bs-btn-disabled-border-color: #f8f9fa

}

.btn-dark {

  --bs-btn-color: #fff;

  --bs-btn-bg: #212529;

  --bs-btn-border-color: #212529;

  --bs-btn-hover-color: #fff;

  --bs-btn-hover-bg: #424649;

  --bs-btn-hover-border-color: #373b3e;

  --bs-btn-focus-shadow-rgb: 66, 70, 73;

  --bs-btn-active-color: #fff;

  --bs-btn-active-bg: #4d5154;

  --bs-btn-active-border-color: #373b3e;

  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: #fff;

  --bs-btn-disabled-bg: #212529;

  --bs-btn-disabled-border-color: #212529

}

.btn-outline-primary {

  --bs-btn-color: #0d6efd;

  --bs-btn-border-color: #0d6efd;

  --bs-btn-hover-color: #fff;

  --bs-btn-hover-bg: #0d6efd;

  --bs-btn-hover-border-color: #0d6efd;

  --bs-btn-focus-shadow-rgb: 13, 110, 253;

  --bs-btn-active-color: #fff;

  --bs-btn-active-bg: #0d6efd;

  --bs-btn-active-border-color: #0d6efd;

  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: #0d6efd;

  --bs-btn-disabled-bg: transparent;

  --bs-btn-disabled-border-color: #0d6efd;

  --bs-gradient: none

}

.btn-outline-secondary {

  --bs-btn-color: #6c757d;

  --bs-btn-border-color: #6c757d;

  --bs-btn-hover-color: #fff;

  --bs-btn-hover-bg: #6c757d;

  --bs-btn-hover-border-color: #6c757d;

  --bs-btn-focus-shadow-rgb: 108, 117, 125;

  --bs-btn-active-color: #fff;

  --bs-btn-active-bg: #6c757d;

  --bs-btn-active-border-color: #6c757d;

  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: #6c757d;

  --bs-btn-disabled-bg: transparent;

  --bs-btn-disabled-border-color: #6c757d;

  --bs-gradient: none

}

.btn-outline-success {

  --bs-btn-color: #198754;

  --bs-btn-border-color: #198754;

  --bs-btn-hover-color: #fff;

  --bs-btn-hover-bg: #198754;

  --bs-btn-hover-border-color: #198754;

  --bs-btn-focus-shadow-rgb: 25, 135, 84;

  --bs-btn-active-color: #fff;

  --bs-btn-active-bg: #198754;

  --bs-btn-active-border-color: #198754;

  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: #198754;

  --bs-btn-disabled-bg: transparent;

  --bs-btn-disabled-border-color: #198754;

  --bs-gradient: none

}

.btn-outline-info {

  --bs-btn-color: #0dcaf0;

  --bs-btn-border-color: #0dcaf0;

  --bs-btn-hover-color: #000;

  --bs-btn-hover-bg: #0dcaf0;

  --bs-btn-hover-border-color: #0dcaf0;

  --bs-btn-focus-shadow-rgb: 13, 202, 240;

  --bs-btn-active-color: #000;

  --bs-btn-active-bg: #0dcaf0;

  --bs-btn-active-border-color: #0dcaf0;

  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: #0dcaf0;

  --bs-btn-disabled-bg: transparent;

  --bs-btn-disabled-border-color: #0dcaf0;

  --bs-gradient: none

}

.btn-outline-warning {

  --bs-btn-color: #ffc107;

  --bs-btn-border-color: #ffc107;

  --bs-btn-hover-color: #000;

  --bs-btn-hover-bg: #ffc107;

  --bs-btn-hover-border-color: #ffc107;

  --bs-btn-focus-shadow-rgb: 255, 193, 7;

  --bs-btn-active-color: #000;

  --bs-btn-active-bg: #ffc107;

  --bs-btn-active-border-color: #ffc107;

  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: #ffc107;

  --bs-btn-disabled-bg: transparent;

  --bs-btn-disabled-border-color: #ffc107;

  --bs-gradient: none

}

.btn-outline-danger {

  --bs-btn-color: #dc3545;

  --bs-btn-border-color: #dc3545;

  --bs-btn-hover-color: #fff;

  --bs-btn-hover-bg: #dc3545;

  --bs-btn-hover-border-color: #dc3545;

  --bs-btn-focus-shadow-rgb: 220, 53, 69;

  --bs-btn-active-color: #fff;

  --bs-btn-active-bg: #dc3545;

  --bs-btn-active-border-color: #dc3545;

  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: #dc3545;

  --bs-btn-disabled-bg: transparent;

  --bs-btn-disabled-border-color: #dc3545;

  --bs-gradient: none

}

.btn-outline-light {

  --bs-btn-color: #f8f9fa;

  --bs-btn-border-color: #f8f9fa;

  --bs-btn-hover-color: #000;

  --bs-btn-hover-bg: #f8f9fa;

  --bs-btn-hover-border-color: #f8f9fa;

  --bs-btn-focus-shadow-rgb: 248, 249, 250;

  --bs-btn-active-color: #000;

  --bs-btn-active-bg: #f8f9fa;

  --bs-btn-active-border-color: #f8f9fa;

  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: #f8f9fa;

  --bs-btn-disabled-bg: transparent;

  --bs-btn-disabled-border-color: #f8f9fa;

  --bs-gradient: none

}

.btn-outline-dark {

  --bs-btn-color: #212529;

  --bs-btn-border-color: #212529;

  --bs-btn-hover-color: #fff;

  --bs-btn-hover-bg: #212529;

  --bs-btn-hover-border-color: #212529;

  --bs-btn-focus-shadow-rgb: 33, 37, 41;

  --bs-btn-active-color: #fff;

  --bs-btn-active-bg: #212529;

  --bs-btn-active-border-color: #212529;

  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: #212529;

  --bs-btn-disabled-bg: transparent;

  --bs-btn-disabled-border-color: #212529;

  --bs-gradient: none

}

.btn-link {

  --bs-btn-font-weight: 400;

  --bs-btn-color: var(--bs-link-color);

  --bs-btn-bg: transparent;

  --bs-btn-border-color: transparent;

  --bs-btn-hover-color: var(--bs-link-hover-color);

  --bs-btn-hover-border-color: transparent;

  --bs-btn-active-color: var(--bs-link-hover-color);

  --bs-btn-active-border-color: transparent;

  --bs-btn-disabled-color: #6c757d;

  --bs-btn-disabled-border-color: transparent;

  --bs-btn-box-shadow: 0 0 0 #000;

  --bs-btn-focus-shadow-rgb: 49, 132, 253;

  text-decoration: underline

}

.btn-link:focus-visible {

  color: var(--bs-btn-color)

}

.btn-link:hover {

  color: var(--bs-btn-hover-color)

}

.btn-group-lg > .btn, .btn-lg {

  --bs-btn-padding-y: 0.5rem;

  --bs-btn-padding-x: 1rem;

  --bs-btn-font-size: 1.25rem;

  --bs-btn-border-radius: 0.5rem

}

.btn-group-sm > .btn, .btn-sm {

  --bs-btn-padding-y: 0.25rem;

  --bs-btn-padding-x: 0.5rem;

  --bs-btn-font-size: 0.875rem;

  --bs-btn-border-radius: 0.25rem

}

.fade {

  -webkit-transition: opacity .15s linear;

  transition: opacity .15s linear

}

@media(prefers-reduced-motion: reduce) {

  .fade {

    -webkit-transition: none;

    transition: none

  }

}

.fade:not(.show) {

  opacity: 0

}

.collapse:not(.show) {

  display: none

}

.collapsing {

  height: 0;

  overflow: hidden;

  -webkit-transition: height .35s ease;

  transition: height .35s ease

}

@media(prefers-reduced-motion: reduce) {

  .collapsing {

    -webkit-transition: none;

    transition: none

  }

}

.collapsing.collapse-horizontal {

  width: 0;

  height: auto;

  -webkit-transition: width .35s ease;

  transition: width .35s ease

}

@media(prefers-reduced-motion: reduce) {

  .collapsing.collapse-horizontal {

    -webkit-transition: none;

    transition: none

  }

}

.dropdown, .dropdown-center, .dropend, .dropstart, .dropup, .dropup-center {

  position: relative

}

.dropdown-toggle {

  white-space: nowrap

}

.dropdown-toggle::after {

  display: inline-block;

  margin-left: .255em;

  vertical-align: .255em;

  content: "";

  border-top: .3em solid;

  border-right: .3em solid transparent;

  border-bottom: 0;

  border-left: .3em solid transparent

}

.dropdown-toggle:empty::after {

  margin-left: 0

}

.dropdown-menu {

  --bs-dropdown-zindex: 1000;

  --bs-dropdown-min-width: 10rem;

  --bs-dropdown-padding-x: 0;

  --bs-dropdown-padding-y: 0.5rem;

  --bs-dropdown-spacer: 0.125rem;

  --bs-dropdown-font-size: 1rem;

  --bs-dropdown-color: var(--bs-body-color);

  --bs-dropdown-bg: var(--bs-body-bg);

  --bs-dropdown-border-color: var(--bs-border-color-translucent);

  --bs-dropdown-border-radius: 0.375rem;

  --bs-dropdown-border-width: var(--bs-border-width);

  --bs-dropdown-inner-border-radius: calc(0.375rem - var(--bs-border-width));

  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);

  --bs-dropdown-divider-margin-y: 0.5rem;

  --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);

  --bs-dropdown-link-color: var(--bs-body-color);

  --bs-dropdown-link-hover-color: var(--bs-body-color);

  --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);

  --bs-dropdown-link-active-color: #fff;

  --bs-dropdown-link-active-bg: #0d6efd;

  --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);

  --bs-dropdown-item-padding-x: 1rem;

  --bs-dropdown-item-padding-y: 0.25rem;

  --bs-dropdown-header-color: #6c757d;

  --bs-dropdown-header-padding-x: 1rem;

  --bs-dropdown-header-padding-y: 0.5rem;

  position: absolute;

  z-index: var(--bs-dropdown-zindex);

  display: none;

  min-width: var(--bs-dropdown-min-width);

  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);

  margin: 0;

  font-size: var(--bs-dropdown-font-size);

  color: var(--bs-dropdown-color);

  text-align: left;

  list-style: none;

  background-color: var(--bs-dropdown-bg);

  background-clip: padding-box;

  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);

  border-radius: var(--bs-dropdown-border-radius)

}

.dropdown-menu[data-bs-popper] {

  top: 100%;

  left: 0;

  margin-top: var(--bs-dropdown-spacer)

}

.dropdown-menu-start {

  --bs-position: start

}

.dropdown-menu-start[data-bs-popper] {

  right: auto;

  left: 0

}

.dropdown-menu-end {

  --bs-position: end

}

.dropdown-menu-end[data-bs-popper] {

  right: 0;

  left: auto

}

@media(min-width: 576px) {

  .dropdown-menu-sm-start {

    --bs-position: start

  }

  .dropdown-menu-sm-start[data-bs-popper] {

    right: auto;

    left: 0

  }

  .dropdown-menu-sm-end {

    --bs-position: end

  }

  .dropdown-menu-sm-end[data-bs-popper] {

    right: 0;

    left: auto

  }

}

@media(min-width: 768px) {

  .dropdown-menu-md-start {

    --bs-position: start

  }

  .dropdown-menu-md-start[data-bs-popper] {

    right: auto;

    left: 0

  }

  .dropdown-menu-md-end {

    --bs-position: end

  }

  .dropdown-menu-md-end[data-bs-popper] {

    right: 0;

    left: auto

  }

}

@media(min-width: 992px) {

  .dropdown-menu-lg-start {

    --bs-position: start

  }

  .dropdown-menu-lg-start[data-bs-popper] {

    right: auto;

    left: 0

  }

  .dropdown-menu-lg-end {

    --bs-position: end

  }

  .dropdown-menu-lg-end[data-bs-popper] {

    right: 0;

    left: auto

  }

}

@media(min-width: 1200px) {

  .dropdown-menu-xl-start {

    --bs-position: start

  }

  .dropdown-menu-xl-start[data-bs-popper] {

    right: auto;

    left: 0

  }

  .dropdown-menu-xl-end {

    --bs-position: end

  }

  .dropdown-menu-xl-end[data-bs-popper] {

    right: 0;

    left: auto

  }

}

@media(min-width: 1400px) {

  .dropdown-menu-xxl-start {

    --bs-position: start

  }

  .dropdown-menu-xxl-start[data-bs-popper] {

    right: auto;

    left: 0

  }

  .dropdown-menu-xxl-end {

    --bs-position: end

  }

  .dropdown-menu-xxl-end[data-bs-popper] {

    right: 0;

    left: auto

  }

}

.dropup .dropdown-menu[data-bs-popper] {

  top: auto;

  bottom: 100%;

  margin-top: 0;

  margin-bottom: var(--bs-dropdown-spacer)

}

.dropup .dropdown-toggle::after {

  display: inline-block;

  margin-left: .255em;

  vertical-align: .255em;

  content: "";

  border-top: 0;

  border-right: .3em solid transparent;

  border-bottom: .3em solid;

  border-left: .3em solid transparent

}

.dropup .dropdown-toggle:empty::after {

  margin-left: 0

}

.dropend .dropdown-menu[data-bs-popper] {

  top: 0;

  right: auto;

  left: 100%;

  margin-top: 0;

  margin-left: var(--bs-dropdown-spacer)

}

.dropend .dropdown-toggle::after {

  display: inline-block;

  margin-left: .255em;

  vertical-align: .255em;

  content: "";

  border-top: .3em solid transparent;

  border-right: 0;

  border-bottom: .3em solid transparent;

  border-left: .3em solid

}

.dropend .dropdown-toggle:empty::after {

  margin-left: 0

}

.dropend .dropdown-toggle::after {

  vertical-align: 0

}

.dropstart .dropdown-menu[data-bs-popper] {

  top: 0;

  right: 100%;

  left: auto;

  margin-top: 0;

  margin-right: var(--bs-dropdown-spacer)

}

.dropstart .dropdown-toggle::after {

  display: inline-block;

  margin-left: .255em;

  vertical-align: .255em;

  content: ""

}

.dropstart .dropdown-toggle::after {

  display: none

}

.dropstart .dropdown-toggle::before {

  display: inline-block;

  margin-right: .255em;

  vertical-align: .255em;

  content: "";

  border-top: .3em solid transparent;

  border-right: .3em solid;

  border-bottom: .3em solid transparent

}

.dropstart .dropdown-toggle:empty::after {

  margin-left: 0

}

.dropstart .dropdown-toggle::before {

  vertical-align: 0

}

.dropdown-divider {

  height: 0;

  margin: var(--bs-dropdown-divider-margin-y) 0;

  overflow: hidden;

  border-top: 1px solid var(--bs-dropdown-divider-bg);

  opacity: 1

}

.dropdown-item {

  display: block;

  width: 100%;

  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);

  clear: both;

  font-weight: 400;

  color: var(--bs-dropdown-link-color);

  text-align: inherit;

  text-decoration: none;

  white-space: nowrap;

  background-color: transparent;

  border: 0;

  border-radius: var(--bs-dropdown-item-border-radius, 0)

}

.dropdown-item:focus, .dropdown-item:hover {

  color: var(--bs-dropdown-link-hover-color);

  background-color: var(--bs-dropdown-link-hover-bg)

}

.dropdown-item.active, .dropdown-item:active {

  color: var(--bs-dropdown-link-active-color);

  text-decoration: none;

  background-color: var(--bs-dropdown-link-active-bg)

}

.dropdown-item.disabled, .dropdown-item:disabled {

  color: var(--bs-dropdown-link-disabled-color);

  pointer-events: none;

  background-color: transparent

}

.dropdown-menu.show {

  display: block

}

.dropdown-header {

  display: block;

  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);

  margin-bottom: 0;

  font-size: .875rem;

  color: var(--bs-dropdown-header-color);

  white-space: nowrap

}

.dropdown-item-text {

  display: block;

  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);

  color: var(--bs-dropdown-link-color)

}

.dropdown-menu-dark {

  --bs-dropdown-color: #dee2e6;

  --bs-dropdown-bg: #343a40;

  --bs-dropdown-border-color: var(--bs-border-color-translucent);

  --bs-dropdown-box-shadow: ;

  --bs-dropdown-link-color: #dee2e6;

  --bs-dropdown-link-hover-color: #fff;

  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);

  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);

  --bs-dropdown-link-active-color: #fff;

  --bs-dropdown-link-active-bg: #0d6efd;

  --bs-dropdown-link-disabled-color: #adb5bd;

  --bs-dropdown-header-color: #adb5bd

}

.btn-group, .btn-group-vertical {

  position: relative;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  vertical-align: middle

}

.btn-group-vertical > .btn, .btn-group > .btn {

  position: relative;

  -webkit-box-flex: 1;

  -ms-flex: 1 1 auto;

  flex: 1 1 auto

}

.btn-group-vertical > .btn-check:checked + .btn, .btn-group-vertical > .btn-check:focus + .btn, .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn-check:checked + .btn, .btn-group > .btn-check:focus + .btn, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover {

  z-index: 1

}

.btn-toolbar {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-box-pack: start;

  -ms-flex-pack: start;

  justify-content: flex-start

}

.btn-toolbar .input-group {

  width: auto

}

.btn-group {

  border-radius: .375rem

}

.btn-group > .btn-group:not(:first-child), .btn-group > :not(.btn-check:first-child) + .btn {

  margin-left: calc(var(--bs-border-width)*-1)

}

.btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn.dropdown-toggle-split:first-child, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {

  border-top-right-radius: 0;

  border-bottom-right-radius: 0

}

.btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:nth-child(n+3), .btn-group > :not(.btn-check) + .btn {

  border-top-left-radius: 0;

  border-bottom-left-radius: 0

}

.dropdown-toggle-split {

  padding-right: .5625rem;

  padding-left: .5625rem

}

.dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after {

  margin-left: 0

}

.dropstart .dropdown-toggle-split::before {

  margin-right: 0

}

.btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split {

  padding-right: .375rem;

  padding-left: .375rem

}

.btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split {

  padding-right: .75rem;

  padding-left: .75rem

}

.btn-group-vertical {

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center

}

.btn-group-vertical > .btn, .btn-group-vertical > .btn-group {

  width: 100%

}

.btn-group-vertical > .btn-group:not(:first-child), .btn-group-vertical > .btn:not(:first-child) {

  margin-top: calc(var(--bs-border-width)*-1)

}

.btn-group-vertical > .btn-group:not(:last-child) > .btn, .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) {

  border-bottom-right-radius: 0;

  border-bottom-left-radius: 0

}

.btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn ~ .btn {

  border-top-left-radius: 0;

  border-top-right-radius: 0

}

.nav {

  --bs-nav-link-padding-x: 1rem;

  --bs-nav-link-padding-y: 0.5rem;

  --bs-nav-link-font-weight: ;

  --bs-nav-link-color: var(--bs-link-color);

  --bs-nav-link-hover-color: var(--bs-link-hover-color);

  --bs-nav-link-disabled-color: var(--bs-secondary-color);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  padding-left: 0;

  margin-bottom: 0;

  list-style: none

}

.nav-link {

  display: block;

  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);

  font-size: var(--bs-nav-link-font-size);

  font-weight: var(--bs-nav-link-font-weight);

  color: var(--bs-nav-link-color);

  text-decoration: none;

  background: 0 0;

  border: 0;

  -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;

  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out

}

@media(prefers-reduced-motion: reduce) {

  .nav-link {

    -webkit-transition: none;

    transition: none

  }

}

.nav-link:focus, .nav-link:hover {

  color: var(--bs-nav-link-hover-color)

}

.nav-link:focus-visible {

  outline: 0;

  -webkit-box-shadow: 0 0 0 .25rem rgba(13, 110, 253, 0.25);

  box-shadow: 0 0 0 .25rem rgba(13, 110, 253, 0.25)

}

.nav-link.disabled {

  color: var(--bs-nav-link-disabled-color);

  pointer-events: none;

  cursor: default

}

.nav-tabs {

  --bs-nav-tabs-border-width: var(--bs-border-width);

  --bs-nav-tabs-border-color: var(--bs-border-color);

  --bs-nav-tabs-border-radius: var(--bs-border-radius);

  --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);

  --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);

  --bs-nav-tabs-link-active-bg: var(--bs-body-bg);

  --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);

  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)

}

.nav-tabs .nav-link {

  margin-bottom: calc(-1*var(--bs-nav-tabs-border-width));

  border: var(--bs-nav-tabs-border-width) solid transparent;

  border-top-left-radius: var(--bs-nav-tabs-border-radius);

  border-top-right-radius: var(--bs-nav-tabs-border-radius)

}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {

  isolation: isolate;

  border-color: var(--bs-nav-tabs-link-hover-border-color)

}

.nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled {

  color: var(--bs-nav-link-disabled-color);

  background-color: transparent;

  border-color: transparent

}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {

  color: var(--bs-nav-tabs-link-active-color);

  background-color: var(--bs-nav-tabs-link-active-bg);

  border-color: var(--bs-nav-tabs-link-active-border-color)

}

.nav-tabs .dropdown-menu {

  margin-top: calc(-1*var(--bs-nav-tabs-border-width));

  border-top-left-radius: 0;

  border-top-right-radius: 0

}

.nav-pills {

  --bs-nav-pills-border-radius: 0.375rem;

  --bs-nav-pills-link-active-color: #fff;

  --bs-nav-pills-link-active-bg: #0d6efd

}

.nav-pills .nav-link {

  border-radius: var(--bs-nav-pills-border-radius)

}

.nav-pills .nav-link:disabled {

  color: var(--bs-nav-link-disabled-color);

  background-color: transparent;

  border-color: transparent

}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {

  color: var(--bs-nav-pills-link-active-color);

  background-color: var(--bs-nav-pills-link-active-bg)

}

.nav-underline {

  --bs-nav-underline-gap: 1rem;

  --bs-nav-underline-border-width: 0.125rem;

  --bs-nav-underline-link-active-color: var(--bs-emphasis-color);

  gap: var(--bs-nav-underline-gap)

}

.nav-underline .nav-link {

  padding-right: 0;

  padding-left: 0;

  border-bottom: var(--bs-nav-underline-border-width) solid transparent

}

.nav-underline .nav-link:focus, .nav-underline .nav-link:hover {

  border-bottom-color: currentcolor

}

.nav-underline .nav-link.active, .nav-underline .show > .nav-link {

  font-weight: 700;

  color: var(--bs-nav-underline-link-active-color);

  border-bottom-color: currentcolor

}

.nav-fill .nav-item, .nav-fill > .nav-link {

  -webkit-box-flex: 1;

  -ms-flex: 1 1 auto;

  flex: 1 1 auto;

  text-align: center

}

.nav-justified .nav-item, .nav-justified > .nav-link {

  -ms-flex-preferred-size: 0;

  flex-basis: 0;

  -webkit-box-flex: 1;

  -ms-flex-positive: 1;

  flex-grow: 1;

  text-align: center

}

.nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link {

  width: 100%

}

.tab-content > .tab-pane {

  display: none

}

.tab-content > .active {

  display: block

}

.navbar {

  --bs-navbar-padding-x: 0;

  --bs-navbar-padding-y: 0.5rem;

  --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);

  --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);

  --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);

  --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);

  --bs-navbar-brand-padding-y: 0.3125rem;

  --bs-navbar-brand-margin-end: 1rem;

  --bs-navbar-brand-font-size: 1.25rem;

  --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);

  --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);

  --bs-navbar-nav-link-padding-x: 0.5rem;

  --bs-navbar-toggler-padding-y: 0.25rem;

  --bs-navbar-toggler-padding-x: 0.75rem;

  --bs-navbar-toggler-font-size: 1.25rem;

  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");

  --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);

  --bs-navbar-toggler-border-radius: 0.375rem;

  --bs-navbar-toggler-focus-width: 0.25rem;

  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)

}

.navbar > .container, .navbar > .container-fluid, .navbar > .container-lg, .navbar > .container-md, .navbar > .container-sm, .navbar > .container-xl, .navbar > .container-xxl {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: inherit;

  flex-wrap: inherit;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between

}

.navbar-brand {

  padding-top: var(--bs-navbar-brand-padding-y);

  padding-bottom: var(--bs-navbar-brand-padding-y);

  margin-right: var(--bs-navbar-brand-margin-end);

  font-size: var(--bs-navbar-brand-font-size);

  color: var(--bs-navbar-brand-color);

  text-decoration: none;

  white-space: nowrap

}

.navbar-brand:focus, .navbar-brand:hover {

  color: var(--bs-navbar-brand-hover-color)

}

.navbar-nav {

  --bs-nav-link-padding-x: 0;

  --bs-nav-link-padding-y: 0.5rem;

  --bs-nav-link-font-weight: ;

  --bs-nav-link-color: var(--bs-navbar-color);

  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);

  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  padding-left: 0;

  margin-bottom: 0;

  list-style: none

}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {

  color: var(--bs-navbar-active-color)

}

.navbar-nav .dropdown-menu {

  position: static

}

.navbar-text {

  padding-top: .5rem;

  padding-bottom: .5rem;

  color: var(--bs-navbar-color)

}

.navbar-text a, .navbar-text a:focus, .navbar-text a:hover {

  color: var(--bs-navbar-active-color)

}

.navbar-collapse {

  -ms-flex-preferred-size: 100%;

  flex-basis: 100%;

  -webkit-box-flex: 1;

  -ms-flex-positive: 1;

  flex-grow: 1;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center

}

.navbar-toggler {

  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);

  font-size: var(--bs-navbar-toggler-font-size);

  line-height: 1;

  color: var(--bs-navbar-color);

  background-color: transparent;

  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);

  border-radius: var(--bs-navbar-toggler-border-radius);

  -webkit-transition: var(--bs-navbar-toggler-transition);

  transition: var(--bs-navbar-toggler-transition)

}

@media(prefers-reduced-motion: reduce) {

  .navbar-toggler {

    -webkit-transition: none;

    transition: none

  }

}

.navbar-toggler:hover {

  text-decoration: none

}

.navbar-toggler:focus {

  text-decoration: none;

  outline: 0;

  -webkit-box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);

  box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width)

}

.navbar-toggler-icon {

  display: inline-block;

  width: 1.5em;

  height: 1.5em;

  vertical-align: middle;

  background-image: var(--bs-navbar-toggler-icon-bg);

  background-repeat: no-repeat;

  background-position: center;

  background-size: 100%

}

.navbar-nav-scroll {

  max-height: var(--bs-scroll-height, 75vh);

  overflow-y: auto

}

@media(min-width: 576px) {

  .navbar-expand-sm {

    -ms-flex-wrap: nowrap;

    flex-wrap: nowrap;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start

  }

  .navbar-expand-sm .navbar-nav {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row

  }

  .navbar-expand-sm .navbar-nav .dropdown-menu {

    position: absolute

  }

  .navbar-expand-sm .navbar-nav .nav-link {

    padding-right: var(--bs-navbar-nav-link-padding-x);

    padding-left: var(--bs-navbar-nav-link-padding-x)

  }

  .navbar-expand-sm .navbar-nav-scroll {

    overflow: visible

  }

  .navbar-expand-sm .navbar-collapse {

    display: -webkit-box !important;

    display: -ms-flexbox !important;

    display: flex !important;

    -ms-flex-preferred-size: auto;

    flex-basis: auto

  }

  .navbar-expand-sm .navbar-toggler {

    display: none

  }

  .navbar-expand-sm .offcanvas {

    position: static;

    z-index: auto;

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

    flex-grow: 1;

    width: auto !important;

    height: auto !important;

    visibility: visible !important;

    background-color: transparent !important;

    border: 0 !important;

    -webkit-transform: none !important;

    transform: none !important;

    -webkit-transition: none;

    transition: none

  }

  .navbar-expand-sm .offcanvas .offcanvas-header {

    display: none

  }

  .navbar-expand-sm .offcanvas .offcanvas-body {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-flex: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    padding: 0;

    overflow-y: visible

  }

}

@media(min-width: 768px) {

  .navbar-expand-md {

    -ms-flex-wrap: nowrap;

    flex-wrap: nowrap;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start

  }

  .navbar-expand-md .navbar-nav {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row

  }

  .navbar-expand-md .navbar-nav .dropdown-menu {

    position: absolute

  }

  .navbar-expand-md .navbar-nav .nav-link {

    padding-right: var(--bs-navbar-nav-link-padding-x);

    padding-left: var(--bs-navbar-nav-link-padding-x)

  }

  .navbar-expand-md .navbar-nav-scroll {

    overflow: visible

  }

  .navbar-expand-md .navbar-collapse {

    display: -webkit-box !important;

    display: -ms-flexbox !important;

    display: flex !important;

    -ms-flex-preferred-size: auto;

    flex-basis: auto

  }

  .navbar-expand-md .navbar-toggler {

    display: none

  }

  .navbar-expand-md .offcanvas {

    position: static;

    z-index: auto;

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

    flex-grow: 1;

    width: auto !important;

    height: auto !important;

    visibility: visible !important;

    background-color: transparent !important;

    border: 0 !important;

    -webkit-transform: none !important;

    transform: none !important;

    -webkit-transition: none;

    transition: none

  }

  .navbar-expand-md .offcanvas .offcanvas-header {

    display: none

  }

  .navbar-expand-md .offcanvas .offcanvas-body {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-flex: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    padding: 0;

    overflow-y: visible

  }

}

@media(min-width: 992px) {

  .navbar-expand-lg {

    -ms-flex-wrap: nowrap;

    flex-wrap: nowrap;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start

  }

  .navbar-expand-lg .navbar-nav {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row

  }

  .navbar-expand-lg .navbar-nav .dropdown-menu {

    position: absolute

  }

  .navbar-expand-lg .navbar-nav .nav-link {

    padding-right: var(--bs-navbar-nav-link-padding-x);

    padding-left: var(--bs-navbar-nav-link-padding-x)

  }

  .navbar-expand-lg .navbar-nav-scroll {

    overflow: visible

  }

  .navbar-expand-lg .navbar-collapse {

    display: -webkit-box !important;

    display: -ms-flexbox !important;

    display: flex !important;

    -ms-flex-preferred-size: auto;

    flex-basis: auto

  }

  .navbar-expand-lg .navbar-toggler {

    display: none

  }

  .navbar-expand-lg .offcanvas {

    position: static;

    z-index: auto;

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

    flex-grow: 1;

    width: auto !important;

    height: auto !important;

    visibility: visible !important;

    background-color: transparent !important;

    border: 0 !important;

    -webkit-transform: none !important;

    transform: none !important;

    -webkit-transition: none;

    transition: none

  }

  .navbar-expand-lg .offcanvas .offcanvas-header {

    display: none

  }

  .navbar-expand-lg .offcanvas .offcanvas-body {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-flex: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    padding: 0;

    overflow-y: visible

  }

}

@media(min-width: 1200px) {

  .navbar-expand-xl {

    -ms-flex-wrap: nowrap;

    flex-wrap: nowrap;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start

  }

  .navbar-expand-xl .navbar-nav {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row

  }

  .navbar-expand-xl .navbar-nav .dropdown-menu {

    position: absolute

  }

  .navbar-expand-xl .navbar-nav .nav-link {

    padding-right: var(--bs-navbar-nav-link-padding-x);

    padding-left: var(--bs-navbar-nav-link-padding-x)

  }

  .navbar-expand-xl .navbar-nav-scroll {

    overflow: visible

  }

  .navbar-expand-xl .navbar-collapse {

    display: -webkit-box !important;

    display: -ms-flexbox !important;

    display: flex !important;

    -ms-flex-preferred-size: auto;

    flex-basis: auto

  }

  .navbar-expand-xl .navbar-toggler {

    display: none

  }

  .navbar-expand-xl .offcanvas {

    position: static;

    z-index: auto;

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

    flex-grow: 1;

    width: auto !important;

    height: auto !important;

    visibility: visible !important;

    background-color: transparent !important;

    border: 0 !important;

    -webkit-transform: none !important;

    transform: none !important;

    -webkit-transition: none;

    transition: none

  }

  .navbar-expand-xl .offcanvas .offcanvas-header {

    display: none

  }

  .navbar-expand-xl .offcanvas .offcanvas-body {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-flex: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    padding: 0;

    overflow-y: visible

  }

}

@media(min-width: 1400px) {

  .navbar-expand-xxl {

    -ms-flex-wrap: nowrap;

    flex-wrap: nowrap;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start

  }

  .navbar-expand-xxl .navbar-nav {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row

  }

  .navbar-expand-xxl .navbar-nav .dropdown-menu {

    position: absolute

  }

  .navbar-expand-xxl .navbar-nav .nav-link {

    padding-right: var(--bs-navbar-nav-link-padding-x);

    padding-left: var(--bs-navbar-nav-link-padding-x)

  }

  .navbar-expand-xxl .navbar-nav-scroll {

    overflow: visible

  }

  .navbar-expand-xxl .navbar-collapse {

    display: -webkit-box !important;

    display: -ms-flexbox !important;

    display: flex !important;

    -ms-flex-preferred-size: auto;

    flex-basis: auto

  }

  .navbar-expand-xxl .navbar-toggler {

    display: none

  }

  .navbar-expand-xxl .offcanvas {

    position: static;

    z-index: auto;

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

    flex-grow: 1;

    width: auto !important;

    height: auto !important;

    visibility: visible !important;

    background-color: transparent !important;

    border: 0 !important;

    -webkit-transform: none !important;

    transform: none !important;

    -webkit-transition: none;

    transition: none

  }

  .navbar-expand-xxl .offcanvas .offcanvas-header {

    display: none

  }

  .navbar-expand-xxl .offcanvas .offcanvas-body {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-flex: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    padding: 0;

    overflow-y: visible

  }

}

.navbar-expand {

  -ms-flex-wrap: nowrap;

  flex-wrap: nowrap;

  -webkit-box-pack: start;

  -ms-flex-pack: start;

  justify-content: flex-start

}

.navbar-expand .navbar-nav {

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row

}

.navbar-expand .navbar-nav .dropdown-menu {

  position: absolute

}

.navbar-expand .navbar-nav .nav-link {

  padding-right: var(--bs-navbar-nav-link-padding-x);

  padding-left: var(--bs-navbar-nav-link-padding-x)

}

.navbar-expand .navbar-nav-scroll {

  overflow: visible

}

.navbar-expand .navbar-collapse {

  display: -webkit-box !important;

  display: -ms-flexbox !important;

  display: flex !important;

  -ms-flex-preferred-size: auto;

  flex-basis: auto

}

.navbar-expand .navbar-toggler {

  display: none

}

.navbar-expand .offcanvas {

  position: static;

  z-index: auto;

  -webkit-box-flex: 1;

  -ms-flex-positive: 1;

  flex-grow: 1;

  width: auto !important;

  height: auto !important;

  visibility: visible !important;

  background-color: transparent !important;

  border: 0 !important;

  -webkit-transform: none !important;

  transform: none !important;

  -webkit-transition: none;

  transition: none

}

.navbar-expand .offcanvas .offcanvas-header {

  display: none

}

.navbar-expand .offcanvas .offcanvas-body {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-flex: 0;

  -ms-flex-positive: 0;

  flex-grow: 0;

  padding: 0;

  overflow-y: visible

}

.navbar-dark {

  --bs-navbar-color: rgba(255, 255, 255, 0.55);

  --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);

  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);

  --bs-navbar-active-color: #fff;

  --bs-navbar-brand-color: #fff;

  --bs-navbar-brand-hover-color: #fff;

  --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);

  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")

}

[data-bs-theme=dark] .navbar-toggler-icon {

  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")

}

.card {

  --bs-card-spacer-y: 1rem;

  --bs-card-spacer-x: 1rem;

  --bs-card-title-spacer-y: 0.5rem;

  --bs-card-title-color: ;

  --bs-card-subtitle-color: ;

  --bs-card-border-width: var(--bs-border-width);

  --bs-card-border-color: var(--bs-border-color-translucent);

  --bs-card-border-radius: var(--bs-border-radius);

  --bs-card-box-shadow: ;

  --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));

  --bs-card-cap-padding-y: 0.5rem;

  --bs-card-cap-padding-x: 1rem;

  --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);

  --bs-card-cap-color: ;

  --bs-card-height: ;

  --bs-card-color: ;

  --bs-card-bg: var(--bs-body-bg);

  --bs-card-img-overlay-padding: 1rem;

  --bs-card-group-margin: 0.75rem;

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  min-width: 0;

  height: var(--bs-card-height);

  color: var(--bs-body-color);

  word-wrap: break-word;

  background-color: var(--bs-card-bg);

  background-clip: border-box;

  border: var(--bs-card-border-width) solid var(--bs-card-border-color);

  border-radius: var(--bs-card-border-radius)

}

.card > hr {

  margin-right: 0;

  margin-left: 0

}

.card > .list-group {

  border-top: inherit;

  border-bottom: inherit

}

.card > .list-group:first-child {

  border-top-width: 0;

  border-top-left-radius: var(--bs-card-inner-border-radius);

  border-top-right-radius: var(--bs-card-inner-border-radius)

}

.card > .list-group:last-child {

  border-bottom-width: 0;

  border-bottom-right-radius: var(--bs-card-inner-border-radius);

  border-bottom-left-radius: var(--bs-card-inner-border-radius)

}

.card > .card-header + .list-group, .card > .list-group + .card-footer {

  border-top: 0

}

.card-body {

  -webkit-box-flex: 1;

  -ms-flex: 1 1 auto;

  flex: 1 1 auto;

  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);

  color: var(--bs-card-color)

}

.card-title {

  margin-bottom: var(--bs-card-title-spacer-y);

  color: var(--bs-card-title-color)

}

.card-subtitle {

  margin-top: calc(-0.5*var(--bs-card-title-spacer-y));

  margin-bottom: 0;

  color: var(--bs-card-subtitle-color)

}

.card-text:last-child {

  margin-bottom: 0

}

.card-link + .card-link {

  margin-left: var(--bs-card-spacer-x)

}

.card-header {

  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);

  margin-bottom: 0;

  color: var(--bs-card-cap-color);

  background-color: var(--bs-card-cap-bg);

  border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color)

}

.card-header:first-child {

  border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0

}

.card-footer {

  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);

  color: var(--bs-card-cap-color);

  background-color: var(--bs-card-cap-bg);

  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color)

}

.card-footer:last-child {

  border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)

}

.card-header-tabs {

  margin-right: calc(-0.5*var(--bs-card-cap-padding-x));

  margin-bottom: calc(-1*var(--bs-card-cap-padding-y));

  margin-left: calc(-0.5*var(--bs-card-cap-padding-x));

  border-bottom: 0

}

.card-header-tabs .nav-link.active {

  background-color: var(--bs-card-bg);

  border-bottom-color: var(--bs-card-bg)

}

.card-header-pills {

  margin-right: calc(-0.5*var(--bs-card-cap-padding-x));

  margin-left: calc(-0.5*var(--bs-card-cap-padding-x))

}

.card-img-overlay {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  padding: var(--bs-card-img-overlay-padding);

  border-radius: var(--bs-card-inner-border-radius)

}

.card-img, .card-img-bottom, .card-img-top {

  width: 100%

}

.card-img, .card-img-top {

  border-top-left-radius: var(--bs-card-inner-border-radius);

  border-top-right-radius: var(--bs-card-inner-border-radius)

}

.card-img, .card-img-bottom {

  border-bottom-right-radius: var(--bs-card-inner-border-radius);

  border-bottom-left-radius: var(--bs-card-inner-border-radius)

}

.card-group > .card {

  margin-bottom: var(--bs-card-group-margin)

}

@media(min-width: 576px) {

  .card-group {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-flow: row wrap;

    flex-flow: row wrap

  }

  .card-group > .card {

    -webkit-box-flex: 1;

    -ms-flex: 1 0 0%;

    flex: 1 0 0%;

    margin-bottom: 0

  }

  .card-group > .card + .card {

    margin-left: 0;

    border-left: 0

  }

  .card-group > .card:not(:last-child) {

    border-top-right-radius: 0;

    border-bottom-right-radius: 0

  }

  .card-group > .card:not(:last-child) .card-header, .card-group > .card:not(:last-child) .card-img-top {

    border-top-right-radius: 0

  }

  .card-group > .card:not(:last-child) .card-footer, .card-group > .card:not(:last-child) .card-img-bottom {

    border-bottom-right-radius: 0

  }

  .card-group > .card:not(:first-child) {

    border-top-left-radius: 0;

    border-bottom-left-radius: 0

  }

  .card-group > .card:not(:first-child) .card-header, .card-group > .card:not(:first-child) .card-img-top {

    border-top-left-radius: 0

  }

  .card-group > .card:not(:first-child) .card-footer, .card-group > .card:not(:first-child) .card-img-bottom {

    border-bottom-left-radius: 0

  }

}

.accordion {

  --bs-accordion-color: var(--bs-body-color);

  --bs-accordion-bg: var(--bs-body-bg);

  --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;

  --bs-accordion-border-color: var(--bs-border-color);

  --bs-accordion-border-width: var(--bs-border-width);

  --bs-accordion-border-radius: var(--bs-border-radius);

  --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));

  --bs-accordion-btn-padding-x: 1.25rem;

  --bs-accordion-btn-padding-y: 1rem;

  --bs-accordion-btn-color: var(--bs-body-color);

  --bs-accordion-btn-bg: var(--bs-accordion-bg);

  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");

  --bs-accordion-btn-icon-width: 1.25rem;

  --bs-accordion-btn-icon-transform: rotate(-180deg);

  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;

  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23052c65'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");

  --bs-accordion-btn-focus-border-color: #86b7fe;

  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);

  --bs-accordion-body-padding-x: 1.25rem;

  --bs-accordion-body-padding-y: 1rem;

  --bs-accordion-active-color: var(--bs-primary-text-emphasis);

  --bs-accordion-active-bg: var(--bs-primary-bg-subtle)

}

.accordion-button {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  width: 100%;

  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);

  font-size: 1rem;

  color: var(--bs-accordion-btn-color);

  text-align: left;

  background-color: var(--bs-accordion-btn-bg);

  border: 0;

  border-radius: 0;

  overflow-anchor: none;

  -webkit-transition: var(--bs-accordion-transition);

  transition: var(--bs-accordion-transition)

}

@media(prefers-reduced-motion: reduce) {

  .accordion-button {

    -webkit-transition: none;

    transition: none

  }

}

.accordion-button:not(.collapsed) {

  color: var(--bs-accordion-active-color);

  background-color: var(--bs-accordion-active-bg);

  -webkit-box-shadow: inset 0 calc(-1*var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);

  box-shadow: inset 0 calc(-1*var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)

}

.accordion-button:not(.collapsed)::after {

  background-image: var(--bs-accordion-btn-active-icon);

  -webkit-transform: var(--bs-accordion-btn-icon-transform);

  transform: var(--bs-accordion-btn-icon-transform)

}

.accordion-button::after {

  -ms-flex-negative: 0;

  flex-shrink: 0;

  width: var(--bs-accordion-btn-icon-width);

  height: var(--bs-accordion-btn-icon-width);

  margin-left: auto;

  content: "";

  background-image: var(--bs-accordion-btn-icon);

  background-repeat: no-repeat;

  background-size: var(--bs-accordion-btn-icon-width);

  -webkit-transition: var(--bs-accordion-btn-icon-transition);

  transition: var(--bs-accordion-btn-icon-transition)

}

@media(prefers-reduced-motion: reduce) {

  .accordion-button::after {

    -webkit-transition: none;

    transition: none

  }

}

.accordion-button:hover {

  z-index: 2

}

.accordion-button:focus {

  z-index: 3;

  border-color: var(--bs-accordion-btn-focus-border-color);

  outline: 0;

  -webkit-box-shadow: var(--bs-accordion-btn-focus-box-shadow);

  box-shadow: var(--bs-accordion-btn-focus-box-shadow)

}

.accordion-header {

  margin-bottom: 0

}

.accordion-item {

  color: var(--bs-accordion-color);

  background-color: var(--bs-accordion-bg);

  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)

}

.accordion-item:first-of-type {

  border-top-left-radius: var(--bs-accordion-border-radius);

  border-top-right-radius: var(--bs-accordion-border-radius)

}

.accordion-item:first-of-type .accordion-button {

  border-top-left-radius: var(--bs-accordion-inner-border-radius);

  border-top-right-radius: var(--bs-accordion-inner-border-radius)

}

.accordion-item:not(:first-of-type) {

  border-top: 0

}

.accordion-item:last-of-type {

  border-bottom-right-radius: var(--bs-accordion-border-radius);

  border-bottom-left-radius: var(--bs-accordion-border-radius)

}

.accordion-item:last-of-type .accordion-button.collapsed {

  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);

  border-bottom-left-radius: var(--bs-accordion-inner-border-radius)

}

.accordion-item:last-of-type .accordion-collapse {

  border-bottom-right-radius: var(--bs-accordion-border-radius);

  border-bottom-left-radius: var(--bs-accordion-border-radius)

}

.accordion-body {

  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)

}

.accordion-flush .accordion-collapse {

  border-width: 0

}

.accordion-flush .accordion-item {

  border-right: 0;

  border-left: 0;

  border-radius: 0

}

.accordion-flush .accordion-item:first-child {

  border-top: 0

}

.accordion-flush .accordion-item:last-child {

  border-bottom: 0

}

.accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {

  border-radius: 0

}

[data-bs-theme=dark] .accordion-button::after {

  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");

  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")

}

.breadcrumb {

  --bs-breadcrumb-padding-x: 0;

  --bs-breadcrumb-padding-y: 0;

  --bs-breadcrumb-margin-bottom: 1rem;

  --bs-breadcrumb-bg: ;

  --bs-breadcrumb-border-radius: ;

  --bs-breadcrumb-divider-color: var(--bs-secondary-color);

  --bs-breadcrumb-item-padding-x: 0.5rem;

  --bs-breadcrumb-item-active-color: var(--bs-secondary-color);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);

  margin-bottom: var(--bs-breadcrumb-margin-bottom);

  font-size: var(--bs-breadcrumb-font-size);

  list-style: none;

  background-color: var(--bs-breadcrumb-bg);

  border-radius: var(--bs-breadcrumb-border-radius)

}

.breadcrumb-item + .breadcrumb-item {

  padding-left: var(--bs-breadcrumb-item-padding-x)

}

.breadcrumb-item + .breadcrumb-item::before {

  float: left;

  padding-right: var(--bs-breadcrumb-item-padding-x);

  color: var(--bs-breadcrumb-divider-color);

  content: var(--bs-breadcrumb-divider, "../../index-22.html")

}

.breadcrumb-item.active {

  color: var(--bs-breadcrumb-item-active-color)

}

.pagination {

  --bs-pagination-padding-x: 0.75rem;

  --bs-pagination-padding-y: 0.375rem;

  --bs-pagination-font-size: 1rem;

  --bs-pagination-color: var(--bs-link-color);

  --bs-pagination-bg: var(--bs-body-bg);

  --bs-pagination-border-width: var(--bs-border-width);

  --bs-pagination-border-color: var(--bs-border-color);

  --bs-pagination-border-radius: var(--bs-border-radius);

  --bs-pagination-hover-color: var(--bs-link-hover-color);

  --bs-pagination-hover-bg: var(--bs-tertiary-bg);

  --bs-pagination-hover-border-color: var(--bs-border-color);

  --bs-pagination-focus-color: var(--bs-link-hover-color);

  --bs-pagination-focus-bg: var(--bs-secondary-bg);

  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);

  --bs-pagination-active-color: #fff;

  --bs-pagination-active-bg: #0d6efd;

  --bs-pagination-active-border-color: #0d6efd;

  --bs-pagination-disabled-color: var(--bs-secondary-color);

  --bs-pagination-disabled-bg: var(--bs-secondary-bg);

  --bs-pagination-disabled-border-color: var(--bs-border-color);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  padding-left: 0;

  list-style: none

}

.page-link {

  position: relative;

  display: block;

  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);

  font-size: var(--bs-pagination-font-size);

  color: var(--bs-pagination-color);

  text-decoration: none;

  background-color: var(--bs-pagination-bg);

  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);

  -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;

  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;

  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;

  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out

}

@media(prefers-reduced-motion: reduce) {

  .page-link {

    -webkit-transition: none;

    transition: none

  }

}

.page-link:hover {

  z-index: 2;

  color: var(--bs-pagination-hover-color);

  background-color: var(--bs-pagination-hover-bg);

  border-color: var(--bs-pagination-hover-border-color)

}

.page-link:focus {

  z-index: 3;

  color: var(--bs-pagination-focus-color);

  background-color: var(--bs-pagination-focus-bg);

  outline: 0;

  -webkit-box-shadow: var(--bs-pagination-focus-box-shadow);

  box-shadow: var(--bs-pagination-focus-box-shadow)

}

.active > .page-link, .page-link.active {

  z-index: 3;

  color: var(--bs-pagination-active-color);

  background-color: var(--bs-pagination-active-bg);

  border-color: var(--bs-pagination-active-border-color)

}

.disabled > .page-link, .page-link.disabled {

  color: var(--bs-pagination-disabled-color);

  pointer-events: none;

  background-color: var(--bs-pagination-disabled-bg);

  border-color: var(--bs-pagination-disabled-border-color)

}

.page-item:not(:first-child) .page-link {

  margin-left: calc(var(--bs-border-width)*-1)

}

.page-item:first-child .page-link {

  border-top-left-radius: var(--bs-pagination-border-radius);

  border-bottom-left-radius: var(--bs-pagination-border-radius)

}

.page-item:last-child .page-link {

  border-top-right-radius: var(--bs-pagination-border-radius);

  border-bottom-right-radius: var(--bs-pagination-border-radius)

}

.pagination-lg {

  --bs-pagination-padding-x: 1.5rem;

  --bs-pagination-padding-y: 0.75rem;

  --bs-pagination-font-size: 1.25rem;

  --bs-pagination-border-radius: 0.5rem

}

.pagination-sm {

  --bs-pagination-padding-x: 0.5rem;

  --bs-pagination-padding-y: 0.25rem;

  --bs-pagination-font-size: 0.875rem;

  --bs-pagination-border-radius: 0.25rem

}

.badge {

  --bs-badge-padding-x: 0.65em;

  --bs-badge-padding-y: 0.35em;

  --bs-badge-font-size: 0.75em;

  --bs-badge-font-weight: 700;

  --bs-badge-color: #fff;

  --bs-badge-border-radius: 0.375rem;

  display: inline-block;

  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);

  font-size: var(--bs-badge-font-size);

  font-weight: var(--bs-badge-font-weight);

  line-height: 1;

  color: var(--bs-badge-color);

  text-align: center;

  white-space: nowrap;

  vertical-align: baseline;

  border-radius: var(--bs-badge-border-radius)

}

.badge:empty {

  display: none

}

.btn .badge {

  position: relative;

  top: -1px

}

.alert {

  --bs-alert-bg: transparent;

  --bs-alert-padding-x: 1rem;

  --bs-alert-padding-y: 1rem;

  --bs-alert-margin-bottom: 1rem;

  --bs-alert-color: inherit;

  --bs-alert-border-color: transparent;

  --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);

  --bs-alert-border-radius: 0.375rem;

  --bs-alert-link-color: inherit;

  position: relative;

  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);

  margin-bottom: var(--bs-alert-margin-bottom);

  color: var(--bs-alert-color);

  background-color: var(--bs-alert-bg);

  border: var(--bs-alert-border);

  border-radius: var(--bs-alert-border-radius)

}

.alert-heading {

  color: inherit

}

.alert-link {

  font-weight: 700;

  color: var(--bs-alert-link-color)

}

.alert-dismissible {

  padding-right: 3rem

}

.alert-dismissible .btn-close {

  position: absolute;

  top: 0;

  right: 0;

  z-index: 2;

  padding: 1.25rem 1rem

}

.alert-primary {

  --bs-alert-color: var(--bs-primary-text-emphasis);

  --bs-alert-bg: var(--bs-primary-bg-subtle);

  --bs-alert-border-color: var(--bs-primary-border-subtle);

  --bs-alert-link-color: var(--bs-primary-text-emphasis)

}

.alert-secondary {

  --bs-alert-color: var(--bs-secondary-text-emphasis);

  --bs-alert-bg: var(--bs-secondary-bg-subtle);

  --bs-alert-border-color: var(--bs-secondary-border-subtle);

  --bs-alert-link-color: var(--bs-secondary-text-emphasis)

}

.alert-success {

  --bs-alert-color: var(--bs-success-text-emphasis);

  --bs-alert-bg: var(--bs-success-bg-subtle);

  --bs-alert-border-color: var(--bs-success-border-subtle);

  --bs-alert-link-color: var(--bs-success-text-emphasis)

}

.alert-info {

  --bs-alert-color: var(--bs-info-text-emphasis);

  --bs-alert-bg: var(--bs-info-bg-subtle);

  --bs-alert-border-color: var(--bs-info-border-subtle);

  --bs-alert-link-color: var(--bs-info-text-emphasis)

}

.alert-warning {

  --bs-alert-color: var(--bs-warning-text-emphasis);

  --bs-alert-bg: var(--bs-warning-bg-subtle);

  --bs-alert-border-color: var(--bs-warning-border-subtle);

  --bs-alert-link-color: var(--bs-warning-text-emphasis)

}

.alert-danger {

  --bs-alert-color: var(--bs-danger-text-emphasis);

  --bs-alert-bg: var(--bs-danger-bg-subtle);

  --bs-alert-border-color: var(--bs-danger-border-subtle);

  --bs-alert-link-color: var(--bs-danger-text-emphasis)

}

.alert-light {

  --bs-alert-color: var(--bs-light-text-emphasis);

  --bs-alert-bg: var(--bs-light-bg-subtle);

  --bs-alert-border-color: var(--bs-light-border-subtle);

  --bs-alert-link-color: var(--bs-light-text-emphasis)

}

.alert-dark {

  --bs-alert-color: var(--bs-dark-text-emphasis);

  --bs-alert-bg: var(--bs-dark-bg-subtle);

  --bs-alert-border-color: var(--bs-dark-border-subtle);

  --bs-alert-link-color: var(--bs-dark-text-emphasis)

}

@-webkit-keyframes progress-bar-stripes {

  0% {

    background-position-x: 1rem

  }

}

@keyframes progress-bar-stripes {

  0% {

    background-position-x: 1rem

  }

}

.progress, .progress-stacked {

  --bs-progress-height: 1rem;

  --bs-progress-font-size: 0.75rem;

  --bs-progress-bg: var(--bs-secondary-bg);

  --bs-progress-border-radius: var(--bs-border-radius);

  --bs-progress-box-shadow: var(--bs-box-shadow-inset);

  --bs-progress-bar-color: #fff;

  --bs-progress-bar-bg: #0d6efd;

  --bs-progress-bar-transition: width 0.6s ease;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  height: var(--bs-progress-height);

  overflow: hidden;

  font-size: var(--bs-progress-font-size);

  background-color: var(--bs-progress-bg);

  border-radius: var(--bs-progress-border-radius)

}

.progress-bar {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  overflow: hidden;

  color: var(--bs-progress-bar-color);

  text-align: center;

  white-space: nowrap;

  background-color: var(--bs-progress-bar-bg);

  -webkit-transition: var(--bs-progress-bar-transition);

  transition: var(--bs-progress-bar-transition)

}

@media(prefers-reduced-motion: reduce) {

  .progress-bar {

    -webkit-transition: none;

    transition: none

  }

}

.progress-bar-striped {

  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-size: var(--bs-progress-height) var(--bs-progress-height)

}

.progress-stacked > .progress {

  overflow: visible

}

.progress-stacked > .progress > .progress-bar {

  width: 100%

}

.progress-bar-animated {

  -webkit-animation: 1s linear infinite progress-bar-stripes;

  animation: 1s linear infinite progress-bar-stripes

}

@media(prefers-reduced-motion: reduce) {

  .progress-bar-animated {

    -webkit-animation: none;

    animation: none

  }

}

.list-group {

  --bs-list-group-color: var(--bs-body-color);

  --bs-list-group-bg: var(--bs-body-bg);

  --bs-list-group-border-color: var(--bs-border-color);

  --bs-list-group-border-width: var(--bs-border-width);

  --bs-list-group-border-radius: var(--bs-border-radius);

  --bs-list-group-item-padding-x: 1rem;

  --bs-list-group-item-padding-y: 0.5rem;

  --bs-list-group-action-color: var(--bs-secondary-color);

  --bs-list-group-action-hover-color: var(--bs-emphasis-color);

  --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);

  --bs-list-group-action-active-color: var(--bs-body-color);

  --bs-list-group-action-active-bg: var(--bs-secondary-bg);

  --bs-list-group-disabled-color: var(--bs-secondary-color);

  --bs-list-group-disabled-bg: var(--bs-body-bg);

  --bs-list-group-active-color: #fff;

  --bs-list-group-active-bg: #0d6efd;

  --bs-list-group-active-border-color: #0d6efd;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  padding-left: 0;

  margin-bottom: 0;

  border-radius: var(--bs-list-group-border-radius)

}

.list-group-numbered {

  list-style-type: none;

  counter-reset: section

}

.list-group-numbered > .list-group-item::before {

  content: counters(section, ".") ". ";

  counter-increment: section

}

.list-group-item-action {

  width: 100%;

  color: var(--bs-list-group-action-color);

  text-align: inherit

}

.list-group-item-action:focus, .list-group-item-action:hover {

  z-index: 1;

  color: var(--bs-list-group-action-hover-color);

  text-decoration: none;

  background-color: var(--bs-list-group-action-hover-bg)

}

.list-group-item-action:active {

  color: var(--bs-list-group-action-active-color);

  background-color: var(--bs-list-group-action-active-bg)

}

.list-group-item {

  position: relative;

  display: block;

  padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);

  color: var(--bs-list-group-color);

  text-decoration: none;

  background-color: var(--bs-list-group-bg);

  border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)

}

.list-group-item:first-child {

  border-top-left-radius: inherit;

  border-top-right-radius: inherit

}

.list-group-item:last-child {

  border-bottom-right-radius: inherit;

  border-bottom-left-radius: inherit

}

.list-group-item.disabled, .list-group-item:disabled {

  color: var(--bs-list-group-disabled-color);

  pointer-events: none;

  background-color: var(--bs-list-group-disabled-bg)

}

.list-group-item.active {

  z-index: 2;

  color: var(--bs-list-group-active-color);

  background-color: var(--bs-list-group-active-bg);

  border-color: var(--bs-list-group-active-border-color)

}

.list-group-item + .list-group-item {

  border-top-width: 0

}

.list-group-item + .list-group-item.active {

  margin-top: calc(-1*var(--bs-list-group-border-width));

  border-top-width: var(--bs-list-group-border-width)

}

.list-group-horizontal {

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row

}

.list-group-horizontal > .list-group-item:first-child:not(:last-child) {

  border-bottom-left-radius: var(--bs-list-group-border-radius);

  border-top-right-radius: 0

}

.list-group-horizontal > .list-group-item:last-child:not(:first-child) {

  border-top-right-radius: var(--bs-list-group-border-radius);

  border-bottom-left-radius: 0

}

.list-group-horizontal > .list-group-item.active {

  margin-top: 0

}

.list-group-horizontal > .list-group-item + .list-group-item {

  border-top-width: var(--bs-list-group-border-width);

  border-left-width: 0

}

.list-group-horizontal > .list-group-item + .list-group-item.active {

  margin-left: calc(-1*var(--bs-list-group-border-width));

  border-left-width: var(--bs-list-group-border-width)

}

@media(min-width: 576px) {

  .list-group-horizontal-sm {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row

  }

  .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {

    border-bottom-left-radius: var(--bs-list-group-border-radius);

    border-top-right-radius: 0

  }

  .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {

    border-top-right-radius: var(--bs-list-group-border-radius);

    border-bottom-left-radius: 0

  }

  .list-group-horizontal-sm > .list-group-item.active {

    margin-top: 0

  }

  .list-group-horizontal-sm > .list-group-item + .list-group-item {

    border-top-width: var(--bs-list-group-border-width);

    border-left-width: 0

  }

  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {

    margin-left: calc(-1*var(--bs-list-group-border-width));

    border-left-width: var(--bs-list-group-border-width)

  }

}

@media(min-width: 768px) {

  .list-group-horizontal-md {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row

  }

  .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {

    border-bottom-left-radius: var(--bs-list-group-border-radius);

    border-top-right-radius: 0

  }

  .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {

    border-top-right-radius: var(--bs-list-group-border-radius);

    border-bottom-left-radius: 0

  }

  .list-group-horizontal-md > .list-group-item.active {

    margin-top: 0

  }

  .list-group-horizontal-md > .list-group-item + .list-group-item {

    border-top-width: var(--bs-list-group-border-width);

    border-left-width: 0

  }

  .list-group-horizontal-md > .list-group-item + .list-group-item.active {

    margin-left: calc(-1*var(--bs-list-group-border-width));

    border-left-width: var(--bs-list-group-border-width)

  }

}

@media(min-width: 992px) {

  .list-group-horizontal-lg {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row

  }

  .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {

    border-bottom-left-radius: var(--bs-list-group-border-radius);

    border-top-right-radius: 0

  }

  .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {

    border-top-right-radius: var(--bs-list-group-border-radius);

    border-bottom-left-radius: 0

  }

  .list-group-horizontal-lg > .list-group-item.active {

    margin-top: 0

  }

  .list-group-horizontal-lg > .list-group-item + .list-group-item {

    border-top-width: var(--bs-list-group-border-width);

    border-left-width: 0

  }

  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {

    margin-left: calc(-1*var(--bs-list-group-border-width));

    border-left-width: var(--bs-list-group-border-width)

  }

}

@media(min-width: 1200px) {

  .list-group-horizontal-xl {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row

  }

  .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {

    border-bottom-left-radius: var(--bs-list-group-border-radius);

    border-top-right-radius: 0

  }

  .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {

    border-top-right-radius: var(--bs-list-group-border-radius);

    border-bottom-left-radius: 0

  }

  .list-group-horizontal-xl > .list-group-item.active {

    margin-top: 0

  }

  .list-group-horizontal-xl > .list-group-item + .list-group-item {

    border-top-width: var(--bs-list-group-border-width);

    border-left-width: 0

  }

  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {

    margin-left: calc(-1*var(--bs-list-group-border-width));

    border-left-width: var(--bs-list-group-border-width)

  }

}

@media(min-width: 1400px) {

  .list-group-horizontal-xxl {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row

  }

  .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {

    border-bottom-left-radius: var(--bs-list-group-border-radius);

    border-top-right-radius: 0

  }

  .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {

    border-top-right-radius: var(--bs-list-group-border-radius);

    border-bottom-left-radius: 0

  }

  .list-group-horizontal-xxl > .list-group-item.active {

    margin-top: 0

  }

  .list-group-horizontal-xxl > .list-group-item + .list-group-item {

    border-top-width: var(--bs-list-group-border-width);

    border-left-width: 0

  }

  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {

    margin-left: calc(-1*var(--bs-list-group-border-width));

    border-left-width: var(--bs-list-group-border-width)

  }

}

.list-group-flush {

  border-radius: 0

}

.list-group-flush > .list-group-item {

  border-width: 0 0 var(--bs-list-group-border-width)

}

.list-group-flush > .list-group-item:last-child {

  border-bottom-width: 0

}

.list-group-item-primary {

  --bs-list-group-color: var(--bs-primary-text-emphasis);

  --bs-list-group-bg: var(--bs-primary-bg-subtle);

  --bs-list-group-border-color: var(--bs-primary-border-subtle);

  --bs-list-group-action-hover-color: var(--bs-emphasis-color);

  --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);

  --bs-list-group-action-active-color: var(--bs-emphasis-color);

  --bs-list-group-action-active-bg: var(--bs-primary-border-subtle);

  --bs-list-group-active-color: var(--bs-primary-bg-subtle);

  --bs-list-group-active-bg: var(--bs-primary-text-emphasis);

  --bs-list-group-active-border-color: var(--bs-primary-text-emphasis)

}

.list-group-item-secondary {

  --bs-list-group-color: var(--bs-secondary-text-emphasis);

  --bs-list-group-bg: var(--bs-secondary-bg-subtle);

  --bs-list-group-border-color: var(--bs-secondary-border-subtle);

  --bs-list-group-action-hover-color: var(--bs-emphasis-color);

  --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);

  --bs-list-group-action-active-color: var(--bs-emphasis-color);

  --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);

  --bs-list-group-active-color: var(--bs-secondary-bg-subtle);

  --bs-list-group-active-bg: var(--bs-secondary-text-emphasis);

  --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis)

}

.list-group-item-success {

  --bs-list-group-color: var(--bs-success-text-emphasis);

  --bs-list-group-bg: var(--bs-success-bg-subtle);

  --bs-list-group-border-color: var(--bs-success-border-subtle);

  --bs-list-group-action-hover-color: var(--bs-emphasis-color);

  --bs-list-group-action-hover-bg: var(--bs-success-border-subtle);

  --bs-list-group-action-active-color: var(--bs-emphasis-color);

  --bs-list-group-action-active-bg: var(--bs-success-border-subtle);

  --bs-list-group-active-color: var(--bs-success-bg-subtle);

  --bs-list-group-active-bg: var(--bs-success-text-emphasis);

  --bs-list-group-active-border-color: var(--bs-success-text-emphasis)

}

.list-group-item-info {

  --bs-list-group-color: var(--bs-info-text-emphasis);

  --bs-list-group-bg: var(--bs-info-bg-subtle);

  --bs-list-group-border-color: var(--bs-info-border-subtle);

  --bs-list-group-action-hover-color: var(--bs-emphasis-color);

  --bs-list-group-action-hover-bg: var(--bs-info-border-subtle);

  --bs-list-group-action-active-color: var(--bs-emphasis-color);

  --bs-list-group-action-active-bg: var(--bs-info-border-subtle);

  --bs-list-group-active-color: var(--bs-info-bg-subtle);

  --bs-list-group-active-bg: var(--bs-info-text-emphasis);

  --bs-list-group-active-border-color: var(--bs-info-text-emphasis)

}

.list-group-item-warning {

  --bs-list-group-color: var(--bs-warning-text-emphasis);

  --bs-list-group-bg: var(--bs-warning-bg-subtle);

  --bs-list-group-border-color: var(--bs-warning-border-subtle);

  --bs-list-group-action-hover-color: var(--bs-emphasis-color);

  --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);

  --bs-list-group-action-active-color: var(--bs-emphasis-color);

  --bs-list-group-action-active-bg: var(--bs-warning-border-subtle);

  --bs-list-group-active-color: var(--bs-warning-bg-subtle);

  --bs-list-group-active-bg: var(--bs-warning-text-emphasis);

  --bs-list-group-active-border-color: var(--bs-warning-text-emphasis)

}

.list-group-item-danger {

  --bs-list-group-color: var(--bs-danger-text-emphasis);

  --bs-list-group-bg: var(--bs-danger-bg-subtle);

  --bs-list-group-border-color: var(--bs-danger-border-subtle);

  --bs-list-group-action-hover-color: var(--bs-emphasis-color);

  --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);

  --bs-list-group-action-active-color: var(--bs-emphasis-color);

  --bs-list-group-action-active-bg: var(--bs-danger-border-subtle);

  --bs-list-group-active-color: var(--bs-danger-bg-subtle);

  --bs-list-group-active-bg: var(--bs-danger-text-emphasis);

  --bs-list-group-active-border-color: var(--bs-danger-text-emphasis)

}

.list-group-item-light {

  --bs-list-group-color: var(--bs-light-text-emphasis);

  --bs-list-group-bg: var(--bs-light-bg-subtle);

  --bs-list-group-border-color: var(--bs-light-border-subtle);

  --bs-list-group-action-hover-color: var(--bs-emphasis-color);

  --bs-list-group-action-hover-bg: var(--bs-light-border-subtle);

  --bs-list-group-action-active-color: var(--bs-emphasis-color);

  --bs-list-group-action-active-bg: var(--bs-light-border-subtle);

  --bs-list-group-active-color: var(--bs-light-bg-subtle);

  --bs-list-group-active-bg: var(--bs-light-text-emphasis);

  --bs-list-group-active-border-color: var(--bs-light-text-emphasis)

}

.list-group-item-dark {

  --bs-list-group-color: var(--bs-dark-text-emphasis);

  --bs-list-group-bg: var(--bs-dark-bg-subtle);

  --bs-list-group-border-color: var(--bs-dark-border-subtle);

  --bs-list-group-action-hover-color: var(--bs-emphasis-color);

  --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);

  --bs-list-group-action-active-color: var(--bs-emphasis-color);

  --bs-list-group-action-active-bg: var(--bs-dark-border-subtle);

  --bs-list-group-active-color: var(--bs-dark-bg-subtle);

  --bs-list-group-active-bg: var(--bs-dark-text-emphasis);

  --bs-list-group-active-border-color: var(--bs-dark-text-emphasis)

}

.btn-close {

  --bs-btn-close-color: #000;

  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");

  --bs-btn-close-opacity: 0.5;

  --bs-btn-close-hover-opacity: 0.75;

  --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);

  --bs-btn-close-focus-opacity: 1;

  --bs-btn-close-disabled-opacity: 0.25;

  --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);

  -webkit-box-sizing: content-box;

  box-sizing: content-box;

  width: 1em;

  height: 1em;

  padding: .25em .25em;

  color: var(--bs-btn-close-color);

  background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;

  border: 0;

  border-radius: .375rem;

  opacity: var(--bs-btn-close-opacity)

}

.btn-close:hover {

  color: var(--bs-btn-close-color);

  text-decoration: none;

  opacity: var(--bs-btn-close-hover-opacity)

}

.btn-close:focus {

  outline: 0;

  -webkit-box-shadow: var(--bs-btn-close-focus-shadow);

  box-shadow: var(--bs-btn-close-focus-shadow);

  opacity: var(--bs-btn-close-focus-opacity)

}

.btn-close.disabled, .btn-close:disabled {

  pointer-events: none;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  opacity: var(--bs-btn-close-disabled-opacity)

}

.btn-close-white {

  -webkit-filter: var(--bs-btn-close-white-filter);

  filter: var(--bs-btn-close-white-filter)

}

[data-bs-theme=dark] .btn-close {

  -webkit-filter: var(--bs-btn-close-white-filter);

  filter: var(--bs-btn-close-white-filter)

}

.toast {

  --bs-toast-zindex: 1090;

  --bs-toast-padding-x: 0.75rem;

  --bs-toast-padding-y: 0.5rem;

  --bs-toast-spacing: 1.5rem;

  --bs-toast-max-width: 350px;

  --bs-toast-font-size: 0.875rem;

  --bs-toast-color: ;

  --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);

  --bs-toast-border-width: var(--bs-border-width);

  --bs-toast-border-color: var(--bs-border-color-translucent);

  --bs-toast-border-radius: var(--bs-border-radius);

  --bs-toast-box-shadow: var(--bs-box-shadow);

  --bs-toast-header-color: var(--bs-secondary-color);

  --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);

  --bs-toast-header-border-color: var(--bs-border-color-translucent);

  width: var(--bs-toast-max-width);

  max-width: 100%;

  font-size: var(--bs-toast-font-size);

  color: var(--bs-toast-color);

  pointer-events: auto;

  background-color: var(--bs-toast-bg);

  background-clip: padding-box;

  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);

  -webkit-box-shadow: var(--bs-toast-box-shadow);

  box-shadow: var(--bs-toast-box-shadow);

  border-radius: var(--bs-toast-border-radius)

}

.toast.showing {

  opacity: 0

}

.toast:not(.show) {

  display: none

}

.toast-container {

  --bs-toast-zindex: 1090;

  position: absolute;

  z-index: var(--bs-toast-zindex);

  width: -webkit-max-content;

  width: -moz-max-content;

  width: max-content;

  max-width: 100%;

  pointer-events: none

}

.toast-container > :not(:last-child) {

  margin-bottom: var(--bs-toast-spacing)

}

.toast-header {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);

  color: var(--bs-toast-header-color);

  background-color: var(--bs-toast-header-bg);

  background-clip: padding-box;

  border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);

  border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));

  border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))

}

.toast-header .btn-close {

  margin-right: calc(-0.5*var(--bs-toast-padding-x));

  margin-left: var(--bs-toast-padding-x)

}

.toast-body {

  padding: var(--bs-toast-padding-x);

  word-wrap: break-word

}

.modal {

  --bs-modal-zindex: 1055;

  --bs-modal-width: 500px;

  --bs-modal-padding: 1rem;

  --bs-modal-margin: 0.5rem;

  --bs-modal-color: ;

  --bs-modal-bg: var(--bs-body-bg);

  --bs-modal-border-color: var(--bs-border-color-translucent);

  --bs-modal-border-width: var(--bs-border-width);

  --bs-modal-border-radius: var(--bs-border-radius-lg);

  --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);

  --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));

  --bs-modal-header-padding-x: 1rem;

  --bs-modal-header-padding-y: 1rem;

  --bs-modal-header-padding: 1rem 1rem;

  --bs-modal-header-border-color: var(--bs-border-color);

  --bs-modal-header-border-width: var(--bs-border-width);

  --bs-modal-title-line-height: 1.5;

  --bs-modal-footer-gap: 0.5rem;

  --bs-modal-footer-bg: ;

  --bs-modal-footer-border-color: var(--bs-border-color);

  --bs-modal-footer-border-width: var(--bs-border-width);

  position: fixed;

  top: 0;

  left: 0;

  z-index: var(--bs-modal-zindex);

  display: none;

  width: 100%;

  height: 100%;

  overflow-x: hidden;

  overflow-y: auto;

  outline: 0

}

.modal-dialog {

  position: relative;

  width: auto;

  margin: var(--bs-modal-margin);

  pointer-events: none

}

.modal.fade .modal-dialog {

  -webkit-transition: -webkit-transform .3s ease-out;

  transition: -webkit-transform .3s ease-out;

  transition: transform .3s ease-out;

  transition: transform .3s ease-out, -webkit-transform .3s ease-out;

  -webkit-transform: translate(0, -50px);

  transform: translate(0, -50px)

}

@media(prefers-reduced-motion: reduce) {

  .modal.fade .modal-dialog {

    -webkit-transition: none;

    transition: none

  }

}

.modal.show .modal-dialog {

  -webkit-transform: none;

  transform: none

}

.modal.modal-static .modal-dialog {

  -webkit-transform: scale(1.02);

  transform: scale(1.02)

}

.modal-dialog-scrollable {

  height: calc(100% - var(--bs-modal-margin)*2)

}

.modal-dialog-scrollable .modal-content {

  max-height: 100%;

  overflow: hidden

}

.modal-dialog-scrollable .modal-body {

  overflow-y: auto

}

.modal-dialog-centered {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  min-height: calc(100% - var(--bs-modal-margin)*2)

}

.modal-content {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  width: 100%;

  color: var(--bs-modal-color);

  pointer-events: auto;

  background-color: var(--bs-modal-bg);

  background-clip: padding-box;

  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);

  border-radius: var(--bs-modal-border-radius);

  outline: 0

}

.modal-backdrop {

  --bs-backdrop-zindex: 1050;

  --bs-backdrop-bg: #000;

  --bs-backdrop-opacity: 0.5;

  position: fixed;

  top: 0;

  left: 0;

  z-index: var(--bs-backdrop-zindex);

  width: 100vw;

  height: 100vh;

  background-color: var(--bs-backdrop-bg)

}

.modal-backdrop.fade {

  opacity: 0

}

.modal-backdrop.show {

  opacity: var(--bs-backdrop-opacity)

}

.modal-header {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-negative: 0;

  flex-shrink: 0;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  padding: var(--bs-modal-header-padding);

  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);

  border-top-left-radius: var(--bs-modal-inner-border-radius);

  border-top-right-radius: var(--bs-modal-inner-border-radius)

}

.modal-header .btn-close {

  padding: calc(var(--bs-modal-header-padding-y)*.5) calc(var(--bs-modal-header-padding-x)*.5);

  margin: calc(-0.5*var(--bs-modal-header-padding-y)) calc(-0.5*var(--bs-modal-header-padding-x)) calc(-0.5*var(--bs-modal-header-padding-y)) auto

}

.modal-title {

  margin-bottom: 0;

  line-height: var(--bs-modal-title-line-height)

}

.modal-body {

  position: relative;

  -webkit-box-flex: 1;

  -ms-flex: 1 1 auto;

  flex: 1 1 auto;

  padding: var(--bs-modal-padding)

}

.modal-footer {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-negative: 0;

  flex-shrink: 0;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: end;

  -ms-flex-pack: end;

  justify-content: flex-end;

  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap)*.5);

  background-color: var(--bs-modal-footer-bg);

  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);

  border-bottom-right-radius: var(--bs-modal-inner-border-radius);

  border-bottom-left-radius: var(--bs-modal-inner-border-radius)

}

.modal-footer > * {

  margin: calc(var(--bs-modal-footer-gap)*.5)

}

@media(min-width: 576px) {

  .modal {

    --bs-modal-margin: 1.75rem;

    --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15)

  }

  .modal-dialog {

    max-width: var(--bs-modal-width);

    margin-right: auto;

    margin-left: auto

  }

  .modal-sm {

    --bs-modal-width: 300px

  }

}

@media(min-width: 992px) {

  .modal-lg, .modal-xl {

    --bs-modal-width: 800px

  }

}

@media(min-width: 1200px) {

  .modal-xl {

    --bs-modal-width: 1140px

  }

}

.modal-fullscreen {

  width: 100vw;

  max-width: none;

  height: 100%;

  margin: 0

}

.modal-fullscreen .modal-content {

  height: 100%;

  border: 0;

  border-radius: 0

}

.modal-fullscreen .modal-footer, .modal-fullscreen .modal-header {

  border-radius: 0

}

.modal-fullscreen .modal-body {

  overflow-y: auto

}

@media(max-width: 575.98px) {

  .modal-fullscreen-sm-down {

    width: 100vw;

    max-width: none;

    height: 100%;

    margin: 0

  }

  .modal-fullscreen-sm-down .modal-content {

    height: 100%;

    border: 0;

    border-radius: 0

  }

  .modal-fullscreen-sm-down .modal-footer, .modal-fullscreen-sm-down .modal-header {

    border-radius: 0

  }

  .modal-fullscreen-sm-down .modal-body {

    overflow-y: auto

  }

}

@media(max-width: 767.98px) {

  .modal-fullscreen-md-down {

    width: 100vw;

    max-width: none;

    height: 100%;

    margin: 0

  }

  .modal-fullscreen-md-down .modal-content {

    height: 100%;

    border: 0;

    border-radius: 0

  }

  .modal-fullscreen-md-down .modal-footer, .modal-fullscreen-md-down .modal-header {

    border-radius: 0

  }

  .modal-fullscreen-md-down .modal-body {

    overflow-y: auto

  }

}

@media(max-width: 991.98px) {

  .modal-fullscreen-lg-down {

    width: 100vw;

    max-width: none;

    height: 100%;

    margin: 0

  }

  .modal-fullscreen-lg-down .modal-content {

    height: 100%;

    border: 0;

    border-radius: 0

  }

  .modal-fullscreen-lg-down .modal-footer, .modal-fullscreen-lg-down .modal-header {

    border-radius: 0

  }

  .modal-fullscreen-lg-down .modal-body {

    overflow-y: auto

  }

}

@media(max-width: 1199.98px) {

  .modal-fullscreen-xl-down {

    width: 100vw;

    max-width: none;

    height: 100%;

    margin: 0

  }

  .modal-fullscreen-xl-down .modal-content {

    height: 100%;

    border: 0;

    border-radius: 0

  }

  .modal-fullscreen-xl-down .modal-footer, .modal-fullscreen-xl-down .modal-header {

    border-radius: 0

  }

  .modal-fullscreen-xl-down .modal-body {

    overflow-y: auto

  }

}

@media(max-width: 1399.98px) {

  .modal-fullscreen-xxl-down {

    width: 100vw;

    max-width: none;

    height: 100%;

    margin: 0

  }

  .modal-fullscreen-xxl-down .modal-content {

    height: 100%;

    border: 0;

    border-radius: 0

  }

  .modal-fullscreen-xxl-down .modal-footer, .modal-fullscreen-xxl-down .modal-header {

    border-radius: 0

  }

  .modal-fullscreen-xxl-down .modal-body {

    overflow-y: auto

  }

}

.tooltip {

  --bs-tooltip-zindex: 1080;

  --bs-tooltip-max-width: 200px;

  --bs-tooltip-padding-x: 0.5rem;

  --bs-tooltip-padding-y: 0.25rem;

  --bs-tooltip-margin: ;

  --bs-tooltip-font-size: 0.875rem;

  --bs-tooltip-color: var(--bs-body-bg);

  --bs-tooltip-bg: var(--bs-emphasis-color);

  --bs-tooltip-border-radius: var(--bs-border-radius);

  --bs-tooltip-opacity: 0.9;

  --bs-tooltip-arrow-width: 0.8rem;

  --bs-tooltip-arrow-height: 0.4rem;

  z-index: var(--bs-tooltip-zindex);

  display: block;

  padding: var(--bs-tooltip-arrow-height);

  margin: var(--bs-tooltip-margin);

  font-family: var(--bs-font-sans-serif);

  font-style: normal;

  font-weight: 400;

  line-height: 1.5;

  text-align: left;

  text-align: start;

  text-decoration: none;

  text-shadow: none;

  text-transform: none;

  letter-spacing: normal;

  word-break: normal;

  white-space: normal;

  word-spacing: normal;

  line-break: auto;

  font-size: var(--bs-tooltip-font-size);

  word-wrap: break-word;

  opacity: 0

}

.tooltip.show {

  opacity: var(--bs-tooltip-opacity)

}

.tooltip .tooltip-arrow {

  display: block;

  width: var(--bs-tooltip-arrow-width);

  height: var(--bs-tooltip-arrow-height)

}

.tooltip .tooltip-arrow::before {

  position: absolute;

  content: "";

  border-color: transparent;

  border-style: solid

}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow, .bs-tooltip-top .tooltip-arrow {

  bottom: 0

}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .bs-tooltip-top .tooltip-arrow::before {

  top: -1px;

  border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width)*.5) 0;

  border-top-color: var(--bs-tooltip-bg)

}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow, .bs-tooltip-end .tooltip-arrow {

  left: 0;

  width: var(--bs-tooltip-arrow-height);

  height: var(--bs-tooltip-arrow-width)

}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .bs-tooltip-end .tooltip-arrow::before {

  right: -1px;

  border-width: calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width)*.5) 0;

  border-right-color: var(--bs-tooltip-bg)

}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow, .bs-tooltip-bottom .tooltip-arrow {

  top: 0

}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .bs-tooltip-bottom .tooltip-arrow::before {

  bottom: -1px;

  border-width: 0 calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height);

  border-bottom-color: var(--bs-tooltip-bg)

}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow, .bs-tooltip-start .tooltip-arrow {

  right: 0;

  width: var(--bs-tooltip-arrow-height);

  height: var(--bs-tooltip-arrow-width)

}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .bs-tooltip-start .tooltip-arrow::before {

  left: -1px;

  border-width: calc(var(--bs-tooltip-arrow-width)*.5) 0 calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height);

  border-left-color: var(--bs-tooltip-bg)

}

.tooltip-inner {

  max-width: var(--bs-tooltip-max-width);

  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);

  color: var(--bs-tooltip-color);

  text-align: center;

  background-color: var(--bs-tooltip-bg);

  border-radius: var(--bs-tooltip-border-radius)

}

.popover {

  --bs-popover-zindex: 1070;

  --bs-popover-max-width: 276px;

  --bs-popover-font-size: 0.875rem;

  --bs-popover-bg: var(--bs-body-bg);

  --bs-popover-border-width: var(--bs-border-width);

  --bs-popover-border-color: var(--bs-border-color-translucent);

  --bs-popover-border-radius: var(--bs-border-radius-lg);

  --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));

  --bs-popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);

  --bs-popover-header-padding-x: 1rem;

  --bs-popover-header-padding-y: 0.5rem;

  --bs-popover-header-font-size: 1rem;

  --bs-popover-header-color: ;

  --bs-popover-header-bg: var(--bs-secondary-bg);

  --bs-popover-body-padding-x: 1rem;

  --bs-popover-body-padding-y: 1rem;

  --bs-popover-body-color: var(--bs-body-color);

  --bs-popover-arrow-width: 1rem;

  --bs-popover-arrow-height: 0.5rem;

  --bs-popover-arrow-border: var(--bs-popover-border-color);

  z-index: var(--bs-popover-zindex);

  display: block;

  max-width: var(--bs-popover-max-width);

  font-family: var(--bs-font-sans-serif);

  font-style: normal;

  font-weight: 400;

  line-height: 1.5;

  text-align: left;

  text-align: start;

  text-decoration: none;

  text-shadow: none;

  text-transform: none;

  letter-spacing: normal;

  word-break: normal;

  white-space: normal;

  word-spacing: normal;

  line-break: auto;

  font-size: var(--bs-popover-font-size);

  word-wrap: break-word;

  background-color: var(--bs-popover-bg);

  background-clip: padding-box;

  border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);

  border-radius: var(--bs-popover-border-radius)

}

.popover .popover-arrow {

  display: block;

  width: var(--bs-popover-arrow-width);

  height: var(--bs-popover-arrow-height)

}

.popover .popover-arrow::after, .popover .popover-arrow::before {

  position: absolute;

  display: block;

  content: "";

  border-color: transparent;

  border-style: solid;

  border-width: 0

}

.bs-popover-auto[data-popper-placement^=top] > .popover-arrow, .bs-popover-top > .popover-arrow {

  bottom: calc(-1*(var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))

}

.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-top > .popover-arrow::before {

  border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width)*.5) 0

}

.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::before {

  bottom: 0;

  border-top-color: var(--bs-popover-arrow-border)

}

.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .bs-popover-top > .popover-arrow::after {

  bottom: var(--bs-popover-border-width);

  border-top-color: var(--bs-popover-bg)

}

.bs-popover-auto[data-popper-placement^=right] > .popover-arrow, .bs-popover-end > .popover-arrow {

  left: calc(-1*(var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));

  width: var(--bs-popover-arrow-height);

  height: var(--bs-popover-arrow-width)

}

.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-end > .popover-arrow::before {

  border-width: calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width)*.5) 0

}

.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::before {

  left: 0;

  border-right-color: var(--bs-popover-arrow-border)

}

.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after, .bs-popover-end > .popover-arrow::after {

  left: var(--bs-popover-border-width);

  border-right-color: var(--bs-popover-bg)

}

.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow, .bs-popover-bottom > .popover-arrow {

  top: calc(-1*(var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))

}

.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-bottom > .popover-arrow::before {

  border-width: 0 calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height)

}

.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::before {

  top: 0;

  border-bottom-color: var(--bs-popover-arrow-border)

}

.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .bs-popover-bottom > .popover-arrow::after {

  top: var(--bs-popover-border-width);

  border-bottom-color: var(--bs-popover-bg)

}

.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before, .bs-popover-bottom .popover-header::before {

  position: absolute;

  top: 0;

  left: 50%;

  display: block;

  width: var(--bs-popover-arrow-width);

  margin-left: calc(-0.5*var(--bs-popover-arrow-width));

  content: "";

  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg)

}

.bs-popover-auto[data-popper-placement^=left] > .popover-arrow, .bs-popover-start > .popover-arrow {

  right: calc(-1*(var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));

  width: var(--bs-popover-arrow-height);

  height: var(--bs-popover-arrow-width)

}

.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-start > .popover-arrow::before {

  border-width: calc(var(--bs-popover-arrow-width)*.5) 0 calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height)

}

.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::before {

  right: 0;

  border-left-color: var(--bs-popover-arrow-border)

}

.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .bs-popover-start > .popover-arrow::after {

  right: var(--bs-popover-border-width);

  border-left-color: var(--bs-popover-bg)

}

.popover-header {

  padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);

  margin-bottom: 0;

  font-size: var(--bs-popover-header-font-size);

  color: var(--bs-popover-header-color);

  background-color: var(--bs-popover-header-bg);

  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);

  border-top-left-radius: var(--bs-popover-inner-border-radius);

  border-top-right-radius: var(--bs-popover-inner-border-radius)

}

.popover-header:empty {

  display: none

}

.popover-body {

  padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);

  color: var(--bs-popover-body-color)

}

.carousel {

  position: relative

}

.carousel.pointer-event {

  -ms-touch-action: pan-y;

  touch-action: pan-y

}

.carousel-inner {

  position: relative;

  width: 100%;

  overflow: hidden

}

.carousel-inner::after {

  display: block;

  clear: both;

  content: ""

}

.carousel-item {

  position: relative;

  display: none;

  float: left;

  width: 100%;

  margin-right: -100%;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  -webkit-transition: -webkit-transform .6s ease-in-out;

  transition: -webkit-transform .6s ease-in-out;

  transition: transform .6s ease-in-out;

  transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out

}

@media(prefers-reduced-motion: reduce) {

  .carousel-item {

    -webkit-transition: none;

    transition: none

  }

}

.carousel-item-next, .carousel-item-prev, .carousel-item.active {

  display: block

}

.active.carousel-item-end, .carousel-item-next:not(.carousel-item-start) {

  -webkit-transform: translateX(100%);

  transform: translateX(100%)

}

.active.carousel-item-start, .carousel-item-prev:not(.carousel-item-end) {

  -webkit-transform: translateX(-100%);

  transform: translateX(-100%)

}

.carousel-fade .carousel-item {

  opacity: 0;

  -webkit-transition-property: opacity;

  transition-property: opacity;

  -webkit-transform: none;

  transform: none

}

.carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end, .carousel-fade .carousel-item.active {

  z-index: 1;

  opacity: 1

}

.carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start {

  z-index: 0;

  opacity: 0;

  -webkit-transition: opacity 0s .6s;

  transition: opacity 0s .6s

}

@media(prefers-reduced-motion: reduce) {

  .carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start {

    -webkit-transition: none;

    transition: none

  }

}

.carousel-control-next, .carousel-control-prev {

  position: absolute;

  top: 0;

  bottom: 0;

  z-index: 1;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  width: 15%;

  padding: 0;

  color: #fff;

  text-align: center;

  background: 0 0;

  border: 0;

  opacity: .5;

  -webkit-transition: opacity .15s ease;

  transition: opacity .15s ease

}

@media(prefers-reduced-motion: reduce) {

  .carousel-control-next, .carousel-control-prev {

    -webkit-transition: none;

    transition: none

  }

}

.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {

  color: #fff;

  text-decoration: none;

  outline: 0;

  opacity: .9

}

.carousel-control-prev {

  left: 0

}

.carousel-control-next {

  right: 0

}

.carousel-control-next-icon, .carousel-control-prev-icon {

  display: inline-block;

  width: 2rem;

  height: 2rem;

  background-repeat: no-repeat;

  background-position: 50%;

  background-size: 100% 100%

}

.carousel-control-prev-icon {

  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")

}

.carousel-control-next-icon {

  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")

}

.carousel-indicators {

  position: absolute;

  right: 0;

  bottom: 0;

  left: 0;

  z-index: 2;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  padding: 0;

  margin-right: 15%;

  margin-bottom: 1rem;

  margin-left: 15%

}

.carousel-indicators [data-bs-target] {

  -webkit-box-sizing: content-box;

  box-sizing: content-box;

  -webkit-box-flex: 0;

  -ms-flex: 0 1 auto;

  flex: 0 1 auto;

  width: 30px;

  height: 3px;

  padding: 0;

  margin-right: 3px;

  margin-left: 3px;

  text-indent: -999px;

  cursor: pointer;

  background-color: #fff;

  background-clip: padding-box;

  border: 0;

  border-top: 10px solid transparent;

  border-bottom: 10px solid transparent;

  opacity: .5;

  -webkit-transition: opacity .6s ease;

  transition: opacity .6s ease

}

@media(prefers-reduced-motion: reduce) {

  .carousel-indicators [data-bs-target] {

    -webkit-transition: none;

    transition: none

  }

}

.carousel-indicators .active {

  opacity: 1

}

.carousel-caption {

  position: absolute;

  right: 15%;

  bottom: 1.25rem;

  left: 15%;

  padding-top: 1.25rem;

  padding-bottom: 1.25rem;

  color: #fff;

  text-align: center

}

.carousel-dark .carousel-control-next-icon, .carousel-dark .carousel-control-prev-icon {

  -webkit-filter: invert(1) grayscale(100);

  filter: invert(1) grayscale(100)

}

.carousel-dark .carousel-indicators [data-bs-target] {

  background-color: #000

}

.carousel-dark .carousel-caption {

  color: #000

}

[data-bs-theme=dark] .carousel .carousel-control-next-icon, [data-bs-theme=dark] .carousel .carousel-control-prev-icon, [data-bs-theme=dark].carousel .carousel-control-next-icon, [data-bs-theme=dark].carousel .carousel-control-prev-icon {

  -webkit-filter: invert(1) grayscale(100);

  filter: invert(1) grayscale(100)

}

[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target], [data-bs-theme=dark].carousel .carousel-indicators [data-bs-target] {

  background-color: #000

}

[data-bs-theme=dark] .carousel .carousel-caption, [data-bs-theme=dark].carousel .carousel-caption {

  color: #000

}

.spinner-border, .spinner-grow {

  display: inline-block;

  width: var(--bs-spinner-width);

  height: var(--bs-spinner-height);

  vertical-align: var(--bs-spinner-vertical-align);

  border-radius: 50%;

  -webkit-animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);

  animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)

}

@-webkit-keyframes spinner-border {

  to {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg)

  }

}

@keyframes spinner-border {

  to {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg)

  }

}

.spinner-border {

  --bs-spinner-width: 2rem;

  --bs-spinner-height: 2rem;

  --bs-spinner-vertical-align: -0.125em;

  --bs-spinner-border-width: 0.25em;

  --bs-spinner-animation-speed: 0.75s;

  --bs-spinner-animation-name: spinner-border;

  border: var(--bs-spinner-border-width) solid currentcolor;

  border-right-color: transparent

}

.spinner-border-sm {

  --bs-spinner-width: 1rem;

  --bs-spinner-height: 1rem;

  --bs-spinner-border-width: 0.2em

}

@-webkit-keyframes spinner-grow {

  0% {

    -webkit-transform: scale(0);

    transform: scale(0)

  }

  50% {

    opacity: 1;

    -webkit-transform: none;

    transform: none

  }

}

@keyframes spinner-grow {

  0% {

    -webkit-transform: scale(0);

    transform: scale(0)

  }

  50% {

    opacity: 1;

    -webkit-transform: none;

    transform: none

  }

}

.spinner-grow {

  --bs-spinner-width: 2rem;

  --bs-spinner-height: 2rem;

  --bs-spinner-vertical-align: -0.125em;

  --bs-spinner-animation-speed: 0.75s;

  --bs-spinner-animation-name: spinner-grow;

  background-color: currentcolor;

  opacity: 0

}

.spinner-grow-sm {

  --bs-spinner-width: 1rem;

  --bs-spinner-height: 1rem

}

@media(prefers-reduced-motion: reduce) {

  .spinner-border, .spinner-grow {

    --bs-spinner-animation-speed: 1.5s

  }

}

.offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl {

  --bs-offcanvas-zindex: 1045;

  --bs-offcanvas-width: 400px;

  --bs-offcanvas-height: 30vh;

  --bs-offcanvas-padding-x: 1rem;

  --bs-offcanvas-padding-y: 1rem;

  --bs-offcanvas-color: var(--bs-body-color);

  --bs-offcanvas-bg: var(--bs-body-bg);

  --bs-offcanvas-border-width: var(--bs-border-width);

  --bs-offcanvas-border-color: var(--bs-border-color-translucent);

  --bs-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);

  --bs-offcanvas-transition: transform 0.3s ease-in-out;

  --bs-offcanvas-title-line-height: 1.5

}

@media(max-width: 575.98px) {

  .offcanvas-sm {

    position: fixed;

    bottom: 0;

    z-index: var(--bs-offcanvas-zindex);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    max-width: 100%;

    color: var(--bs-offcanvas-color);

    visibility: hidden;

    background-color: var(--bs-offcanvas-bg);

    background-clip: padding-box;

    outline: 0;

    -webkit-transition: var(--bs-offcanvas-transition);

    transition: var(--bs-offcanvas-transition)

  }

}

@media(max-width: 575.98px)and (prefers-reduced-motion: reduce) {

  .offcanvas-sm {

    -webkit-transition: none;

    transition: none

  }

}

@media(max-width: 575.98px) {

  .offcanvas-sm.offcanvas-start {

    top: 0;

    left: 0;

    width: var(--bs-offcanvas-width);

    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

    -webkit-transform: translateX(-100%);

    transform: translateX(-100%)

  }

}

@media(max-width: 575.98px) {

  .offcanvas-sm.offcanvas-end {

    top: 0;

    right: 0;

    width: var(--bs-offcanvas-width);

    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

    -webkit-transform: translateX(100%);

    transform: translateX(100%)

  }

}

@media(max-width: 575.98px) {

  .offcanvas-sm.offcanvas-top {

    top: 0;

    right: 0;

    left: 0;

    height: var(--bs-offcanvas-height);

    max-height: 100%;

    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

    -webkit-transform: translateY(-100%);

    transform: translateY(-100%)

  }

}

@media(max-width: 575.98px) {

  .offcanvas-sm.offcanvas-bottom {

    right: 0;

    left: 0;

    height: var(--bs-offcanvas-height);

    max-height: 100%;

    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

    -webkit-transform: translateY(100%);

    transform: translateY(100%)

  }

}

@media(max-width: 575.98px) {

  .offcanvas-sm.show:not(.hiding), .offcanvas-sm.showing {

    -webkit-transform: none;

    transform: none

  }

}

@media(max-width: 575.98px) {

  .offcanvas-sm.hiding, .offcanvas-sm.show, .offcanvas-sm.showing {

    visibility: visible

  }

}

@media(min-width: 576px) {

  .offcanvas-sm {

    --bs-offcanvas-height: auto;

    --bs-offcanvas-border-width: 0;

    background-color: transparent !important

  }

  .offcanvas-sm .offcanvas-header {

    display: none

  }

  .offcanvas-sm .offcanvas-body {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-flex: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    padding: 0;

    overflow-y: visible;

    background-color: transparent !important

  }

}

@media(max-width: 767.98px) {

  .offcanvas-md {

    position: fixed;

    bottom: 0;

    z-index: var(--bs-offcanvas-zindex);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    max-width: 100%;

    color: var(--bs-offcanvas-color);

    visibility: hidden;

    background-color: var(--bs-offcanvas-bg);

    background-clip: padding-box;

    outline: 0;

    -webkit-transition: var(--bs-offcanvas-transition);

    transition: var(--bs-offcanvas-transition)

  }

}

@media(max-width: 767.98px)and (prefers-reduced-motion: reduce) {

  .offcanvas-md {

    -webkit-transition: none;

    transition: none

  }

}

@media(max-width: 767.98px) {

  .offcanvas-md.offcanvas-start {

    top: 0;

    left: 0;

    width: var(--bs-offcanvas-width);

    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

    -webkit-transform: translateX(-100%);

    transform: translateX(-100%)

  }

}

@media(max-width: 767.98px) {

  .offcanvas-md.offcanvas-end {

    top: 0;

    right: 0;

    width: var(--bs-offcanvas-width);

    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

    -webkit-transform: translateX(100%);

    transform: translateX(100%)

  }

}

@media(max-width: 767.98px) {

  .offcanvas-md.offcanvas-top {

    top: 0;

    right: 0;

    left: 0;

    height: var(--bs-offcanvas-height);

    max-height: 100%;

    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

    -webkit-transform: translateY(-100%);

    transform: translateY(-100%)

  }

}

@media(max-width: 767.98px) {

  .offcanvas-md.offcanvas-bottom {

    right: 0;

    left: 0;

    height: var(--bs-offcanvas-height);

    max-height: 100%;

    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

    -webkit-transform: translateY(100%);

    transform: translateY(100%)

  }

}

@media(max-width: 767.98px) {

  .offcanvas-md.show:not(.hiding), .offcanvas-md.showing {

    -webkit-transform: none;

    transform: none

  }

}

@media(max-width: 767.98px) {

  .offcanvas-md.hiding, .offcanvas-md.show, .offcanvas-md.showing {

    visibility: visible

  }

}

@media(min-width: 768px) {

  .offcanvas-md {

    --bs-offcanvas-height: auto;

    --bs-offcanvas-border-width: 0;

    background-color: transparent !important

  }

  .offcanvas-md .offcanvas-header {

    display: none

  }

  .offcanvas-md .offcanvas-body {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-flex: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    padding: 0;

    overflow-y: visible;

    background-color: transparent !important

  }

}

@media(max-width: 991.98px) {

  .offcanvas-lg {

    position: fixed;

    bottom: 0;

    z-index: var(--bs-offcanvas-zindex);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    max-width: 100%;

    color: var(--bs-offcanvas-color);

    visibility: hidden;

    background-color: var(--bs-offcanvas-bg);

    background-clip: padding-box;

    outline: 0;

    -webkit-transition: var(--bs-offcanvas-transition);

    transition: var(--bs-offcanvas-transition)

  }

}

@media(max-width: 991.98px)and (prefers-reduced-motion: reduce) {

  .offcanvas-lg {

    -webkit-transition: none;

    transition: none

  }

}

@media(max-width: 991.98px) {

  .offcanvas-lg.offcanvas-start {

    top: 0;

    left: 0;

    width: var(--bs-offcanvas-width);

    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

    -webkit-transform: translateX(-100%);

    transform: translateX(-100%)

  }

}

@media(max-width: 991.98px) {

  .offcanvas-lg.offcanvas-end {

    top: 0;

    right: 0;

    width: var(--bs-offcanvas-width);

    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

    -webkit-transform: translateX(100%);

    transform: translateX(100%)

  }

}

@media(max-width: 991.98px) {

  .offcanvas-lg.offcanvas-top {

    top: 0;

    right: 0;

    left: 0;

    height: var(--bs-offcanvas-height);

    max-height: 100%;

    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

    -webkit-transform: translateY(-100%);

    transform: translateY(-100%)

  }

}

@media(max-width: 991.98px) {

  .offcanvas-lg.offcanvas-bottom {

    right: 0;

    left: 0;

    height: var(--bs-offcanvas-height);

    max-height: 100%;

    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

    -webkit-transform: translateY(100%);

    transform: translateY(100%)

  }

}

@media(max-width: 991.98px) {

  .offcanvas-lg.show:not(.hiding), .offcanvas-lg.showing {

    -webkit-transform: none;

    transform: none

  }

}

@media(max-width: 991.98px) {

  .offcanvas-lg.hiding, .offcanvas-lg.show, .offcanvas-lg.showing {

    visibility: visible

  }

}

@media(min-width: 992px) {

  .offcanvas-lg {

    --bs-offcanvas-height: auto;

    --bs-offcanvas-border-width: 0;

    background-color: transparent !important

  }

  .offcanvas-lg .offcanvas-header {

    display: none

  }

  .offcanvas-lg .offcanvas-body {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-flex: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    padding: 0;

    overflow-y: visible;

    background-color: transparent !important

  }

}

@media(max-width: 1199.98px) {

  .offcanvas-xl {

    position: fixed;

    bottom: 0;

    z-index: var(--bs-offcanvas-zindex);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    max-width: 100%;

    color: var(--bs-offcanvas-color);

    visibility: hidden;

    background-color: var(--bs-offcanvas-bg);

    background-clip: padding-box;

    outline: 0;

    -webkit-transition: var(--bs-offcanvas-transition);

    transition: var(--bs-offcanvas-transition)

  }

}

@media(max-width: 1199.98px)and (prefers-reduced-motion: reduce) {

  .offcanvas-xl {

    -webkit-transition: none;

    transition: none

  }

}

@media(max-width: 1199.98px) {

  .offcanvas-xl.offcanvas-start {

    top: 0;

    left: 0;

    width: var(--bs-offcanvas-width);

    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

    -webkit-transform: translateX(-100%);

    transform: translateX(-100%)

  }

}

@media(max-width: 1199.98px) {

  .offcanvas-xl.offcanvas-end {

    top: 0;

    right: 0;

    width: var(--bs-offcanvas-width);

    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

    -webkit-transform: translateX(100%);

    transform: translateX(100%)

  }

}

@media(max-width: 1199.98px) {

  .offcanvas-xl.offcanvas-top {

    top: 0;

    right: 0;

    left: 0;

    height: var(--bs-offcanvas-height);

    max-height: 100%;

    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

    -webkit-transform: translateY(-100%);

    transform: translateY(-100%)

  }

}

@media(max-width: 1199.98px) {

  .offcanvas-xl.offcanvas-bottom {

    right: 0;

    left: 0;

    height: var(--bs-offcanvas-height);

    max-height: 100%;

    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

    -webkit-transform: translateY(100%);

    transform: translateY(100%)

  }

}

@media(max-width: 1199.98px) {

  .offcanvas-xl.show:not(.hiding), .offcanvas-xl.showing {

    -webkit-transform: none;

    transform: none

  }

}

@media(max-width: 1199.98px) {

  .offcanvas-xl.hiding, .offcanvas-xl.show, .offcanvas-xl.showing {

    visibility: visible

  }

}

@media(min-width: 1200px) {

  .offcanvas-xl {

    --bs-offcanvas-height: auto;

    --bs-offcanvas-border-width: 0;

    background-color: transparent !important

  }

  .offcanvas-xl .offcanvas-header {

    display: none

  }

  .offcanvas-xl .offcanvas-body {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-flex: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    padding: 0;

    overflow-y: visible;

    background-color: transparent !important

  }

}

@media(max-width: 1399.98px) {

  .offcanvas-xxl {

    position: fixed;

    bottom: 0;

    z-index: var(--bs-offcanvas-zindex);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    max-width: 100%;

    color: var(--bs-offcanvas-color);

    visibility: hidden;

    background-color: var(--bs-offcanvas-bg);

    background-clip: padding-box;

    outline: 0;

    -webkit-transition: var(--bs-offcanvas-transition);

    transition: var(--bs-offcanvas-transition)

  }

}

@media(max-width: 1399.98px)and (prefers-reduced-motion: reduce) {

  .offcanvas-xxl {

    -webkit-transition: none;

    transition: none

  }

}

@media(max-width: 1399.98px) {

  .offcanvas-xxl.offcanvas-start {

    top: 0;

    left: 0;

    width: var(--bs-offcanvas-width);

    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

    -webkit-transform: translateX(-100%);

    transform: translateX(-100%)

  }

}

@media(max-width: 1399.98px) {

  .offcanvas-xxl.offcanvas-end {

    top: 0;

    right: 0;

    width: var(--bs-offcanvas-width);

    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

    -webkit-transform: translateX(100%);

    transform: translateX(100%)

  }

}

@media(max-width: 1399.98px) {

  .offcanvas-xxl.offcanvas-top {

    top: 0;

    right: 0;

    left: 0;

    height: var(--bs-offcanvas-height);

    max-height: 100%;

    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

    -webkit-transform: translateY(-100%);

    transform: translateY(-100%)

  }

}

@media(max-width: 1399.98px) {

  .offcanvas-xxl.offcanvas-bottom {

    right: 0;

    left: 0;

    height: var(--bs-offcanvas-height);

    max-height: 100%;

    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

    -webkit-transform: translateY(100%);

    transform: translateY(100%)

  }

}

@media(max-width: 1399.98px) {

  .offcanvas-xxl.show:not(.hiding), .offcanvas-xxl.showing {

    -webkit-transform: none;

    transform: none

  }

}

@media(max-width: 1399.98px) {

  .offcanvas-xxl.hiding, .offcanvas-xxl.show, .offcanvas-xxl.showing {

    visibility: visible

  }

}

@media(min-width: 1400px) {

  .offcanvas-xxl {

    --bs-offcanvas-height: auto;

    --bs-offcanvas-border-width: 0;

    background-color: transparent !important

  }

  .offcanvas-xxl .offcanvas-header {

    display: none

  }

  .offcanvas-xxl .offcanvas-body {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-flex: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    padding: 0;

    overflow-y: visible;

    background-color: transparent !important

  }

}

.offcanvas {

  position: fixed;

  bottom: 0;

  z-index: var(--bs-offcanvas-zindex);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  max-width: 100%;

  color: var(--bs-offcanvas-color);

  visibility: hidden;

  background-color: var(--bs-offcanvas-bg);

  background-clip: padding-box;

  outline: 0;

  -webkit-transition: var(--bs-offcanvas-transition);

  transition: var(--bs-offcanvas-transition)

}

@media(prefers-reduced-motion: reduce) {

  .offcanvas {

    -webkit-transition: none;

    transition: none

  }

}

.offcanvas.offcanvas-start {

  top: 0;

  left: 0;

  width: var(--bs-offcanvas-width);

  border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

  -webkit-transform: translateX(-100%);

  transform: translateX(-100%)

}

.offcanvas.offcanvas-end {

  top: 0;

  right: 0;

  width: var(--bs-offcanvas-width);

  border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

  -webkit-transform: translateX(100%);

  transform: translateX(100%)

}

.offcanvas.offcanvas-top {

  top: 0;

  right: 0;

  left: 0;

  height: var(--bs-offcanvas-height);

  max-height: 100%;

  border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

  -webkit-transform: translateY(-100%);

  transform: translateY(-100%)

}

.offcanvas.offcanvas-bottom {

  right: 0;

  left: 0;

  height: var(--bs-offcanvas-height);

  max-height: 100%;

  border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

  -webkit-transform: translateY(100%);

  transform: translateY(100%)

}

.offcanvas.show:not(.hiding), .offcanvas.showing {

  -webkit-transform: none;

  transform: none

}

.offcanvas.hiding, .offcanvas.show, .offcanvas.showing {

  visibility: visible

}

.offcanvas-backdrop {

  position: fixed;

  top: 0;

  left: 0;

  z-index: 1040;

  width: 100vw;

  height: 100vh;

  background-color: #000

}

.offcanvas-backdrop.fade {

  opacity: 0

}

.offcanvas-backdrop.show {

  opacity: .5

}

.offcanvas-header {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)

}

.offcanvas-header .btn-close {

  padding: calc(var(--bs-offcanvas-padding-y)*.5) calc(var(--bs-offcanvas-padding-x)*.5);

  margin-top: calc(-0.5*var(--bs-offcanvas-padding-y));

  margin-right: calc(-0.5*var(--bs-offcanvas-padding-x));

  margin-bottom: calc(-0.5*var(--bs-offcanvas-padding-y))

}

.offcanvas-title {

  margin-bottom: 0;

  line-height: var(--bs-offcanvas-title-line-height)

}

.offcanvas-body {

  -webkit-box-flex: 1;

  -ms-flex-positive: 1;

  flex-grow: 1;

  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);

  overflow-y: auto

}

.placeholder {

  display: inline-block;

  min-height: 1em;

  vertical-align: middle;

  cursor: wait;

  background-color: currentcolor;

  opacity: .5

}

.placeholder.btn::before {

  display: inline-block;

  content: ""

}

.placeholder-xs {

  min-height: .6em

}

.placeholder-sm {

  min-height: .8em

}

.placeholder-lg {

  min-height: 1.2em

}

.placeholder-glow .placeholder {

  -webkit-animation: placeholder-glow 2s ease-in-out infinite;

  animation: placeholder-glow 2s ease-in-out infinite

}

@-webkit-keyframes placeholder-glow {

  50% {

    opacity: .2

  }

}

@keyframes placeholder-glow {

  50% {

    opacity: .2

  }

}

.placeholder-wave {

  -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);

  mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);

  -webkit-mask-size: 200% 100%;

  mask-size: 200% 100%;

  -webkit-animation: placeholder-wave 2s linear infinite;

  animation: placeholder-wave 2s linear infinite

}

@-webkit-keyframes placeholder-wave {

  100% {

    -webkit-mask-position: -200% 0%;

    mask-position: -200% 0%

  }

}

@keyframes placeholder-wave {

  100% {

    -webkit-mask-position: -200% 0%;

    mask-position: -200% 0%

  }

}

.clearfix::after {

  display: block;

  clear: both;

  content: ""

}

.text-bg-primary {

  color: #fff !important;

  background-color: RGBA(13, 110, 253, var(--bs-bg-opacity, 1)) !important

}

.text-bg-secondary {

  color: #fff !important;

  background-color: RGBA(108, 117, 125, var(--bs-bg-opacity, 1)) !important

}

.text-bg-success {

  color: #fff !important;

  background-color: RGBA(25, 135, 84, var(--bs-bg-opacity, 1)) !important

}

.text-bg-info {

  color: #000 !important;

  background-color: RGBA(13, 202, 240, var(--bs-bg-opacity, 1)) !important

}

.text-bg-warning {

  color: #000 !important;

  background-color: RGBA(255, 193, 7, var(--bs-bg-opacity, 1)) !important

}

.text-bg-danger {

  color: #fff !important;

  background-color: RGBA(220, 53, 69, var(--bs-bg-opacity, 1)) !important

}

.text-bg-light {

  color: #000 !important;

  background-color: RGBA(248, 249, 250, var(--bs-bg-opacity, 1)) !important

}

.text-bg-dark {

  color: #fff !important;

  background-color: RGBA(33, 37, 41, var(--bs-bg-opacity, 1)) !important

}

.link-primary {

  color: RGBA(var(--bs-primary-rgb, var(--bs-link-opacity, 1)));

  -webkit-text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1));

  text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1))

}

.link-primary:focus, .link-primary:hover {

  color: RGBA(10, 88, 202, var(--bs-link-opacity, 1));

  -webkit-text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1));

  text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1))

}

.link-secondary {

  color: RGBA(var(--bs-secondary-rgb, var(--bs-link-opacity, 1)));

  -webkit-text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1));

  text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1))

}

.link-secondary:focus, .link-secondary:hover {

  color: RGBA(86, 94, 100, var(--bs-link-opacity, 1));

  -webkit-text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1));

  text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1))

}

.link-success {

  color: RGBA(var(--bs-success-rgb, var(--bs-link-opacity, 1)));

  -webkit-text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1));

  text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1))

}

.link-success:focus, .link-success:hover {

  color: RGBA(20, 108, 67, var(--bs-link-opacity, 1));

  -webkit-text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1));

  text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1))

}

.link-info {

  color: RGBA(var(--bs-info-rgb, var(--bs-link-opacity, 1)));

  -webkit-text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1));

  text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1))

}

.link-info:focus, .link-info:hover {

  color: RGBA(61, 213, 243, var(--bs-link-opacity, 1));

  -webkit-text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1));

  text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1))

}

.link-warning {

  color: RGBA(var(--bs-warning-rgb, var(--bs-link-opacity, 1)));

  -webkit-text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1));

  text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1))

}

.link-warning:focus, .link-warning:hover {

  color: RGBA(255, 205, 57, var(--bs-link-opacity, 1));

  -webkit-text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1));

  text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1))

}

.link-danger {

  color: RGBA(var(--bs-danger-rgb, var(--bs-link-opacity, 1)));

  -webkit-text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1));

  text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1))

}

.link-danger:focus, .link-danger:hover {

  color: RGBA(176, 42, 55, var(--bs-link-opacity, 1));

  -webkit-text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1));

  text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1))

}

.link-light {

  color: RGBA(var(--bs-light-rgb, var(--bs-link-opacity, 1)));

  -webkit-text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1));

  text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1))

}

.link-light:focus, .link-light:hover {

  color: RGBA(249, 250, 251, var(--bs-link-opacity, 1));

  -webkit-text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1));

  text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1))

}

.link-dark {

  color: RGBA(var(--bs-dark-rgb, var(--bs-link-opacity, 1)));

  -webkit-text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1));

  text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1))

}

.link-dark:focus, .link-dark:hover {

  color: RGBA(26, 30, 33, var(--bs-link-opacity, 1));

  -webkit-text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1));

  text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1))

}

.link-body-emphasis {

  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1));

  -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1));

  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1))

}

.link-body-emphasis:focus, .link-body-emphasis:hover {

  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75));

  -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75));

  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75))

}

.focus-ring:focus {

  outline: 0;

  -webkit-box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color);

  box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color)

}

.icon-link {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  gap: .375rem;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));

  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));

  text-underline-offset: .25em;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden

}

.icon-link > .bi {

  -ms-flex-negative: 0;

  flex-shrink: 0;

  width: 1em;

  height: 1em;

  fill: currentcolor;

  -webkit-transition: .2s ease-in-out transform;

  transition: .2s ease-in-out transform

}

@media(prefers-reduced-motion: reduce) {

  .icon-link > .bi {

    -webkit-transition: none;

    transition: none

  }

}

.icon-link-hover:focus-visible > .bi, .icon-link-hover:hover > .bi {

  -webkit-transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0));

  transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0))

}

.ratio {

  position: relative;

  width: 100%

}

.ratio::before {

  display: block;

  padding-top: var(--bs-aspect-ratio);

  content: ""

}

.ratio > * {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%

}

.ratio-1x1 {

  --bs-aspect-ratio: 100%

}

.ratio-4x3 {

  --bs-aspect-ratio: 75%

}

.ratio-16x9 {

  --bs-aspect-ratio: 56.25%

}

.ratio-21x9 {

  --bs-aspect-ratio: 42.8571428571%

}

.fixed-top {

  position: fixed;

  top: 0;

  right: 0;

  left: 0;

  z-index: 1030

}

.fixed-bottom {

  position: fixed;

  right: 0;

  bottom: 0;

  left: 0;

  z-index: 1030

}

.sticky-top {

  position: sticky;

  top: 0;

  z-index: 1020

}

.sticky-bottom {

  position: sticky;

  bottom: 0;

  z-index: 1020

}

@media(min-width: 576px) {

  .sticky-sm-top {

    position: sticky;

    top: 0;

    z-index: 1020

  }

  .sticky-sm-bottom {

    position: sticky;

    bottom: 0;

    z-index: 1020

  }

}

@media(min-width: 768px) {

  .sticky-md-top {

    position: sticky;

    top: 0;

    z-index: 1020

  }

  .sticky-md-bottom {

    position: sticky;

    bottom: 0;

    z-index: 1020

  }

}

@media(min-width: 992px) {

  .sticky-lg-top {

    position: sticky;

    top: 0;

    z-index: 1020

  }

  .sticky-lg-bottom {

    position: sticky;

    bottom: 0;

    z-index: 1020

  }

}

@media(min-width: 1200px) {

  .sticky-xl-top {

    position: sticky;

    top: 0;

    z-index: 1020

  }

  .sticky-xl-bottom {

    position: sticky;

    bottom: 0;

    z-index: 1020

  }

}

@media(min-width: 1400px) {

  .sticky-xxl-top {

    position: sticky;

    top: 0;

    z-index: 1020

  }

  .sticky-xxl-bottom {

    position: sticky;

    bottom: 0;

    z-index: 1020

  }

}

.hstack {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -ms-flex-item-align: stretch;

  align-self: stretch

}

.vstack {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-flex: 1;

  -ms-flex: 1 1 auto;

  flex: 1 1 auto;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -ms-flex-item-align: stretch;

  align-self: stretch

}

.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) {

  width: 1px !important;

  height: 1px !important;

  padding: 0 !important;

  margin: -1px !important;

  overflow: hidden !important;

  clip: rect(0, 0, 0, 0) !important;

  white-space: nowrap !important;

  border: 0 !important

}

.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption), .visually-hidden:not(caption) {

  position: absolute !important

}

.stretched-link::after {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  z-index: 1;

  content: ""

}

.text-truncate {

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap

}

.vr {

  display: inline-block;

  -ms-flex-item-align: stretch;

  align-self: stretch;

  width: 1px;

  min-height: 1em;

  background-color: currentcolor;

  opacity: .25

}

.align-baseline {

  vertical-align: baseline !important

}

.align-top {

  vertical-align: top !important

}

.align-middle {

  vertical-align: middle !important

}

.align-bottom {

  vertical-align: bottom !important

}

.align-text-bottom {

  vertical-align: text-bottom !important

}

.align-text-top {

  vertical-align: text-top !important

}

.float-start {

  float: left !important

}

.float-end {

  float: right !important

}

.float-none {

  float: none !important

}

.object-fit-contain {

  -o-object-fit: contain !important;

  object-fit: contain !important

}

.object-fit-cover {

  -o-object-fit: cover !important;

  object-fit: cover !important

}

.object-fit-fill {

  -o-object-fit: fill !important;

  object-fit: fill !important

}

.object-fit-scale {

  -o-object-fit: scale-down !important;

  object-fit: scale-down !important

}

.object-fit-none {

  -o-object-fit: none !important;

  object-fit: none !important

}

.opacity-0 {

  opacity: 0 !important

}

.opacity-25 {

  opacity: .25 !important

}

.opacity-50 {

  opacity: .5 !important

}

.opacity-75 {

  opacity: .75 !important

}

.opacity-100 {

  opacity: 1 !important

}

.overflow-auto {

  overflow: auto !important

}

.overflow-hidden {

  overflow: hidden !important

}

.overflow-visible {

  overflow: visible !important

}

.overflow-scroll {

  overflow: scroll !important

}

.overflow-x-auto {

  overflow-x: auto !important

}

.overflow-x-hidden {

  overflow-x: hidden !important

}

.overflow-x-visible {

  overflow-x: visible !important

}

.overflow-x-scroll {

  overflow-x: scroll !important

}

.overflow-y-auto {

  overflow-y: auto !important

}

.overflow-y-hidden {

  overflow-y: hidden !important

}

.overflow-y-visible {

  overflow-y: visible !important

}

.overflow-y-scroll {

  overflow-y: scroll !important

}

.d-inline {

  display: inline !important

}

.d-inline-block {

  display: inline-block !important

}

.d-block {

  display: block !important

}

.d-grid {

  display: grid !important

}

.d-table {

  display: table !important

}

.d-table-row {

  display: table-row !important

}

.d-table-cell {

  display: table-cell !important

}

.d-flex {

  display: -webkit-box !important;

  display: -ms-flexbox !important;

  display: flex !important

}

.d-inline-flex {

  display: -webkit-inline-box !important;

  display: -ms-inline-flexbox !important;

  display: inline-flex !important

}

.d-none {

  display: none !important

}

.shadow {

  -webkit-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.15) !important;

  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.15) !important

}

.shadow-sm {

  -webkit-box-shadow: 0 .125rem .25rem rgba(0, 0, 0, 0.075) !important;

  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, 0.075) !important

}

.shadow-lg {

  -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;

  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important

}

.shadow-none {

  -webkit-box-shadow: none !important;

  box-shadow: none !important

}

.focus-ring-primary {

  --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity))

}

.focus-ring-secondary {

  --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity))

}

.focus-ring-success {

  --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity))

}

.focus-ring-info {

  --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity))

}

.focus-ring-warning {

  --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity))

}

.focus-ring-danger {

  --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity))

}

.focus-ring-light {

  --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity))

}

.focus-ring-dark {

  --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity))

}

.position-static {

  position: static !important

}

.position-relative {

  position: relative !important

}

.position-absolute {

  position: absolute !important

}

.position-fixed {

  position: fixed !important

}

.position-sticky {

  position: sticky !important

}

.top-0 {

  top: 0 !important

}

.top-50 {

  top: 50% !important

}

.top-100 {

  top: 100% !important

}

.bottom-0 {

  bottom: 0 !important

}

.bottom-50 {

  bottom: 50% !important

}

.bottom-100 {

  bottom: 100% !important

}

.start-0 {

  left: 0 !important

}

.start-50 {

  left: 50% !important

}

.start-100 {

  left: 100% !important

}

.end-0 {

  right: 0 !important

}

.end-50 {

  right: 50% !important

}

.end-100 {

  right: 100% !important

}

.translate-middle {

  -webkit-transform: translate(-50%, -50%) !important;

  transform: translate(-50%, -50%) !important

}

.translate-middle-x {

  -webkit-transform: translateX(-50%) !important;

  transform: translateX(-50%) !important

}

.translate-middle-y {

  -webkit-transform: translateY(-50%) !important;

  transform: translateY(-50%) !important

}

.border {

  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important

}

.border-0 {

  border: 0 !important

}

.border-top {

  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important

}

.border-top-0 {

  border-top: 0 !important

}

.border-end {

  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important

}

.border-end-0 {

  border-right: 0 !important

}

.border-bottom {

  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important

}

.border-bottom-0 {

  border-bottom: 0 !important

}

.border-start {

  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important

}

.border-start-0 {

  border-left: 0 !important

}

.border-primary {

  --bs-border-opacity: 1;

  border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important

}

.border-secondary {

  --bs-border-opacity: 1;

  border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important

}

.border-success {

  --bs-border-opacity: 1;

  border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important

}

.border-info {

  --bs-border-opacity: 1;

  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important

}

.border-warning {

  --bs-border-opacity: 1;

  border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important

}

.border-danger {

  --bs-border-opacity: 1;

  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important

}

.border-light {

  --bs-border-opacity: 1;

  border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important

}

.border-dark {

  --bs-border-opacity: 1;

  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important

}

.border-black {

  --bs-border-opacity: 1;

  border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important

}

.border-white {

  --bs-border-opacity: 1;

  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important

}

.border-primary-subtle {

  border-color: var(--bs-primary-border-subtle) !important

}

.border-secondary-subtle {

  border-color: var(--bs-secondary-border-subtle) !important

}

.border-success-subtle {

  border-color: var(--bs-success-border-subtle) !important

}

.border-info-subtle {

  border-color: var(--bs-info-border-subtle) !important

}

.border-warning-subtle {

  border-color: var(--bs-warning-border-subtle) !important

}

.border-danger-subtle {

  border-color: var(--bs-danger-border-subtle) !important

}

.border-light-subtle {

  border-color: var(--bs-light-border-subtle) !important

}

.border-dark-subtle {

  border-color: var(--bs-dark-border-subtle) !important

}

.border-1 {

  border-width: 1px !important

}

.border-2 {

  border-width: 2px !important

}

.border-3 {

  border-width: 3px !important

}

.border-4 {

  border-width: 4px !important

}

.border-5 {

  border-width: 5px !important

}

.border-opacity-10 {

  --bs-border-opacity: 0.1

}

.border-opacity-25 {

  --bs-border-opacity: 0.25

}

.border-opacity-50 {

  --bs-border-opacity: 0.5

}

.border-opacity-75 {

  --bs-border-opacity: 0.75

}

.border-opacity-100 {

  --bs-border-opacity: 1

}

.w-25 {

  width: 25% !important

}

.w-50 {

  width: 50% !important

}

.w-75 {

  width: 75% !important

}

.w-100 {

  width: 100% !important

}

.w-auto {

  width: auto !important

}

.mw-100 {

  max-width: 100% !important

}

.vw-100 {

  width: 100vw !important

}

.min-vw-100 {

  min-width: 100vw !important

}

.h-25 {

  height: 25% !important

}

.h-50 {

  height: 50% !important

}

.h-75 {

  height: 75% !important

}

.h-100 {

  height: 100% !important

}

.h-auto {

  height: auto !important

}

.mh-100 {

  max-height: 100% !important

}

.vh-100 {

  height: 100vh !important

}

.min-vh-100 {

  min-height: 100vh !important

}

.flex-fill {

  -webkit-box-flex: 1 !important;

  -ms-flex: 1 1 auto !important;

  flex: 1 1 auto !important

}

.flex-row {

  -webkit-box-orient: horizontal !important;

  -webkit-box-direction: normal !important;

  -ms-flex-direction: row !important;

  flex-direction: row !important

}

.flex-column {

  -webkit-box-orient: vertical !important;

  -webkit-box-direction: normal !important;

  -ms-flex-direction: column !important;

  flex-direction: column !important

}

.flex-row-reverse {

  -webkit-box-orient: horizontal !important;

  -webkit-box-direction: reverse !important;

  -ms-flex-direction: row-reverse !important;

  flex-direction: row-reverse !important

}

.flex-column-reverse {

  -webkit-box-orient: vertical !important;

  -webkit-box-direction: reverse !important;

  -ms-flex-direction: column-reverse !important;

  flex-direction: column-reverse !important

}

.flex-grow-0 {

  -webkit-box-flex: 0 !important;

  -ms-flex-positive: 0 !important;

  flex-grow: 0 !important

}

.flex-grow-1 {

  -webkit-box-flex: 1 !important;

  -ms-flex-positive: 1 !important;

  flex-grow: 1 !important

}

.flex-shrink-0 {

  -ms-flex-negative: 0 !important;

  flex-shrink: 0 !important

}

.flex-shrink-1 {

  -ms-flex-negative: 1 !important;

  flex-shrink: 1 !important

}

.flex-wrap {

  -ms-flex-wrap: wrap !important;

  flex-wrap: wrap !important

}

.flex-nowrap {

  -ms-flex-wrap: nowrap !important;

  flex-wrap: nowrap !important

}

.flex-wrap-reverse {

  -ms-flex-wrap: wrap-reverse !important;

  flex-wrap: wrap-reverse !important

}

.justify-content-start {

  -webkit-box-pack: start !important;

  -ms-flex-pack: start !important;

  justify-content: flex-start !important

}

.justify-content-end {

  -webkit-box-pack: end !important;

  -ms-flex-pack: end !important;

  justify-content: flex-end !important

}

.justify-content-center {

  -webkit-box-pack: center !important;

  -ms-flex-pack: center !important;

  justify-content: center !important

}

.justify-content-between {

  -webkit-box-pack: justify !important;

  -ms-flex-pack: justify !important;

  justify-content: space-between !important

}

.justify-content-around {

  -ms-flex-pack: distribute !important;

  justify-content: space-around !important

}

.justify-content-evenly {

  -webkit-box-pack: space-evenly !important;

  -ms-flex-pack: space-evenly !important;

  justify-content: space-evenly !important

}

.align-items-start {

  -webkit-box-align: start !important;

  -ms-flex-align: start !important;

  align-items: flex-start !important

}

.align-items-end {

  -webkit-box-align: end !important;

  -ms-flex-align: end !important;

  align-items: flex-end !important

}

.align-items-center {

  -webkit-box-align: center !important;

  -ms-flex-align: center !important;

  align-items: center !important

}

.align-items-baseline {

  -webkit-box-align: baseline !important;

  -ms-flex-align: baseline !important;

  align-items: baseline !important

}

.align-items-stretch {

  -webkit-box-align: stretch !important;

  -ms-flex-align: stretch !important;

  align-items: stretch !important

}

.align-content-start {

  -ms-flex-line-pack: start !important;

  align-content: flex-start !important

}

.align-content-end {

  -ms-flex-line-pack: end !important;

  align-content: flex-end !important

}

.align-content-center {

  -ms-flex-line-pack: center !important;

  align-content: center !important

}

.align-content-between {

  -ms-flex-line-pack: justify !important;

  align-content: space-between !important

}

.align-content-around {

  -ms-flex-line-pack: distribute !important;

  align-content: space-around !important

}

.align-content-stretch {

  -ms-flex-line-pack: stretch !important;

  align-content: stretch !important

}

.align-self-auto {

  -ms-flex-item-align: auto !important;

  align-self: auto !important

}

.align-self-start {

  -ms-flex-item-align: start !important;

  align-self: flex-start !important

}

.align-self-end {

  -ms-flex-item-align: end !important;

  align-self: flex-end !important

}

.align-self-center {

  -ms-flex-item-align: center !important;

  align-self: center !important

}

.align-self-baseline {

  -ms-flex-item-align: baseline !important;

  align-self: baseline !important

}

.align-self-stretch {

  -ms-flex-item-align: stretch !important;

  align-self: stretch !important

}

.order-first {

  -webkit-box-ordinal-group: 0 !important;

  -ms-flex-order: -1 !important;

  order: -1 !important

}

.order-0 {

  -webkit-box-ordinal-group: 1 !important;

  -ms-flex-order: 0 !important;

  order: 0 !important

}

.order-1 {

  -webkit-box-ordinal-group: 2 !important;

  -ms-flex-order: 1 !important;

  order: 1 !important

}

.order-2 {

  -webkit-box-ordinal-group: 3 !important;

  -ms-flex-order: 2 !important;

  order: 2 !important

}

.order-3 {

  -webkit-box-ordinal-group: 4 !important;

  -ms-flex-order: 3 !important;

  order: 3 !important

}

.order-4 {

  -webkit-box-ordinal-group: 5 !important;

  -ms-flex-order: 4 !important;

  order: 4 !important

}

.order-5 {

  -webkit-box-ordinal-group: 6 !important;

  -ms-flex-order: 5 !important;

  order: 5 !important

}

.order-last {

  -webkit-box-ordinal-group: 7 !important;

  -ms-flex-order: 6 !important;

  order: 6 !important

}

.m-0 {

  margin: 0 !important

}

.m-1 {

  margin: .25rem !important

}

.m-2 {

  margin: .5rem !important

}

.m-3 {

  margin: 1rem !important

}

.m-4 {

  margin: 1.5rem !important

}

.m-5 {

  margin: 3rem !important

}

.m-auto {

  margin: auto !important

}

.mx-0 {

  margin-right: 0 !important;

  margin-left: 0 !important

}

.mx-1 {

  margin-right: .25rem !important;

  margin-left: .25rem !important

}

.mx-2 {

  margin-right: .5rem !important;

  margin-left: .5rem !important

}

.mx-3 {

  margin-right: 1rem !important;

  margin-left: 1rem !important

}

.mx-4 {

  margin-right: 1.5rem !important;

  margin-left: 1.5rem !important

}

.mx-5 {

  margin-right: 3rem !important;

  margin-left: 3rem !important

}

.mx-auto {

  margin-right: auto !important;

  margin-left: auto !important

}

.my-0 {

  margin-top: 0 !important;

  margin-bottom: 0 !important

}

.my-1 {

  margin-top: .25rem !important;

  margin-bottom: .25rem !important

}

.my-2 {

  margin-top: .5rem !important;

  margin-bottom: .5rem !important

}

.my-3 {

  margin-top: 1rem !important;

  margin-bottom: 1rem !important

}

.my-4 {

  margin-top: 1.5rem !important;

  margin-bottom: 1.5rem !important

}

.my-5 {

  margin-top: 3rem !important;

  margin-bottom: 3rem !important

}

.my-auto {

  margin-top: auto !important;

  margin-bottom: auto !important

}

.mt-0 {

  margin-top: 0 !important

}

.mt-1 {

  margin-top: .25rem !important

}

.mt-2 {

  margin-top: .5rem !important

}

.mt-3 {

  margin-top: 1rem !important

}

.mt-4 {

  margin-top: 1.5rem !important

}

.mt-5 {

  margin-top: 3rem !important

}

.mt-auto {

  margin-top: auto !important

}

.me-0 {

  margin-right: 0 !important

}

.me-1 {

  margin-right: .25rem !important

}

.me-2 {

  margin-right: .5rem !important

}

.me-3 {

  margin-right: 1rem !important

}

.me-4 {

  margin-right: 1.5rem !important

}

.me-5 {

  margin-right: 3rem !important

}

.me-auto {

  margin-right: auto !important

}

.mb-0 {

  margin-bottom: 0 !important

}

.mb-1 {

  margin-bottom: .25rem !important

}

.mb-2 {

  margin-bottom: .5rem !important

}

.mb-3 {

  margin-bottom: 1rem !important

}

.mb-4 {

  margin-bottom: 1.5rem !important

}

.mb-5 {

  margin-bottom: 3rem !important

}

.mb-auto {

  margin-bottom: auto !important

}

.ms-0 {

  margin-left: 0 !important

}

.ms-1 {

  margin-left: .25rem !important

}

.ms-2 {

  margin-left: .5rem !important

}

.ms-3 {

  margin-left: 1rem !important

}

.ms-4 {

  margin-left: 1.5rem !important

}

.ms-5 {

  margin-left: 3rem !important

}

.ms-auto {

  margin-left: auto !important

}

.p-0 {

  padding: 0 !important

}

.p-1 {

  padding: .25rem !important

}

.p-2 {

  padding: .5rem !important

}

.p-3 {

  padding: 1rem !important

}

.p-4 {

  padding: 1.5rem !important

}

.p-5 {

  padding: 3rem !important

}

.px-0 {

  padding-right: 0 !important;

  padding-left: 0 !important

}

.px-1 {

  padding-right: .25rem !important;

  padding-left: .25rem !important

}

.px-2 {

  padding-right: .5rem !important;

  padding-left: .5rem !important

}

.px-3 {

  padding-right: 1rem !important;

  padding-left: 1rem !important

}

.px-4 {

  padding-right: 1.5rem !important;

  padding-left: 1.5rem !important

}

.px-5 {

  padding-right: 3rem !important;

  padding-left: 3rem !important

}

.py-0 {

  padding-top: 0 !important;

  padding-bottom: 0 !important

}

.py-1 {

  padding-top: .25rem !important;

  padding-bottom: .25rem !important

}

.py-2 {

  padding-top: .5rem !important;

  padding-bottom: .5rem !important

}

.py-3 {

  padding-top: 1rem !important;

  padding-bottom: 1rem !important

}

.py-4 {

  padding-top: 1.5rem !important;

  padding-bottom: 1.5rem !important

}

.py-5 {

  padding-top: 3rem !important;

  padding-bottom: 3rem !important

}

.pt-0 {

  padding-top: 0 !important

}

.pt-1 {

  padding-top: .25rem !important

}

.pt-2 {

  padding-top: .5rem !important

}

.pt-3 {

  padding-top: 1rem !important

}

.pt-4 {

  padding-top: 1.5rem !important

}

.pt-5 {

  padding-top: 3rem !important

}

.pe-0 {

  padding-right: 0 !important

}

.pe-1 {

  padding-right: .25rem !important

}

.pe-2 {

  padding-right: .5rem !important

}

.pe-3 {

  padding-right: 1rem !important

}

.pe-4 {

  padding-right: 1.5rem !important

}

.pe-5 {

  padding-right: 3rem !important

}

.pb-0 {

  padding-bottom: 0 !important

}

.pb-1 {

  padding-bottom: .25rem !important

}

.pb-2 {

  padding-bottom: .5rem !important

}

.pb-3 {

  padding-bottom: 1rem !important

}

.pb-4 {

  padding-bottom: 1.5rem !important

}

.pb-5 {

  padding-bottom: 3rem !important

}

.ps-0 {

  padding-left: 0 !important

}

.ps-1 {

  padding-left: .25rem !important

}

.ps-2 {

  padding-left: .5rem !important

}

.ps-3 {

  padding-left: 1rem !important

}

.ps-4 {

  padding-left: 1.5rem !important

}

.ps-5 {

  padding-left: 3rem !important

}

.gap-0 {

  gap: 0 !important

}

.gap-1 {

  gap: .25rem !important

}

.gap-2 {

  gap: .5rem !important

}

.gap-3 {

  gap: 1rem !important

}

.gap-4 {

  gap: 1.5rem !important

}

.gap-5 {

  gap: 3rem !important

}

.row-gap-0 {

  row-gap: 0 !important

}

.row-gap-1 {

  row-gap: .25rem !important

}

.row-gap-2 {

  row-gap: .5rem !important

}

.row-gap-3 {

  row-gap: 1rem !important

}

.row-gap-4 {

  row-gap: 1.5rem !important

}

.row-gap-5 {

  row-gap: 3rem !important

}

.column-gap-0 {

  -moz-column-gap: 0 !important;

  -webkit-column-gap: 0 !important;

  column-gap: 0 !important

}

.column-gap-1 {

  -moz-column-gap: .25rem !important;

  -webkit-column-gap: .25rem !important;

  column-gap: .25rem !important

}

.column-gap-2 {

  -moz-column-gap: .5rem !important;

  -webkit-column-gap: .5rem !important;

  column-gap: .5rem !important

}

.column-gap-3 {

  -moz-column-gap: 1rem !important;

  -webkit-column-gap: 1rem !important;

  column-gap: 1rem !important

}

.column-gap-4 {

  -moz-column-gap: 1.5rem !important;

  -webkit-column-gap: 1.5rem !important;

  column-gap: 1.5rem !important

}

.column-gap-5 {

  -moz-column-gap: 3rem !important;

  -webkit-column-gap: 3rem !important;

  column-gap: 3rem !important

}

.font-monospace {

  font-family: var(--bs-font-monospace) !important

}

.fs-1 {

  font-size: calc(1.375rem + 1.5vw) !important

}

.fs-2 {

  font-size: calc(1.325rem + .9vw) !important

}

.fs-3 {

  font-size: calc(1.3rem + .6vw) !important

}

.fs-4 {

  font-size: calc(1.275rem + .3vw) !important

}

.fs-5 {

  font-size: 1.25rem !important

}

.fs-6 {

  font-size: 1rem !important

}

.fst-italic {

  font-style: italic !important

}

.fst-normal {

  font-style: normal !important

}

.fw-lighter {

  font-weight: lighter !important

}

.fw-light {

  font-weight: 300 !important

}

.fw-normal {

  font-weight: 400 !important

}

.fw-medium {

  font-weight: 500 !important

}

.fw-semibold {

  font-weight: 600 !important

}

.fw-bold {

  font-weight: 700 !important

}

.fw-bolder {

  font-weight: bolder !important

}

.lh-1 {

  line-height: 1 !important

}

.lh-sm {

  line-height: 1.25 !important

}

.lh-base {

  line-height: 1.5 !important

}

.lh-lg {

  line-height: 2 !important

}

.text-start {

  text-align: left !important

}

.text-end {

  text-align: right !important

}

.text-center {

  text-align: center !important

}

.text-decoration-none {

  text-decoration: none !important

}

.text-decoration-underline {

  text-decoration: underline !important

}

.text-decoration-line-through {

  text-decoration: line-through !important

}

.text-lowercase {

  text-transform: lowercase !important

}

.text-uppercase {

  text-transform: uppercase !important

}

.text-capitalize {

  text-transform: capitalize !important

}

.text-wrap {

  white-space: normal !important

}

.text-nowrap {

  white-space: nowrap !important

}

.text-break {

  word-wrap: break-word !important;

  word-break: break-word !important

}

.text-primary {

  --bs-text-opacity: 1;

  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important

}

.text-secondary {

  --bs-text-opacity: 1;

  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important

}

.text-success {

  --bs-text-opacity: 1;

  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important

}

.text-info {

  --bs-text-opacity: 1;

  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important

}

.text-warning {

  --bs-text-opacity: 1;

  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important

}

.text-danger {

  --bs-text-opacity: 1;

  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important

}

.text-light {

  --bs-text-opacity: 1;

  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important

}

.text-dark {

  --bs-text-opacity: 1;

  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important

}

.text-black {

  --bs-text-opacity: 1;

  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important

}

.text-white {

  --bs-text-opacity: 1;

  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important

}

.text-body {

  --bs-text-opacity: 1;

  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important

}

.text-muted {

  --bs-text-opacity: 1;

  color: var(--bs-secondary-color) !important

}

.text-black-50 {

  --bs-text-opacity: 1;

  color: rgba(0, 0, 0, 0.5) !important

}

.text-white-50 {

  --bs-text-opacity: 1;

  color: rgba(255, 255, 255, 0.5) !important

}

.text-body-secondary {

  --bs-text-opacity: 1;

  color: var(--bs-secondary-color) !important

}

.text-body-tertiary {

  --bs-text-opacity: 1;

  color: var(--bs-tertiary-color) !important

}

.text-body-emphasis {

  --bs-text-opacity: 1;

  color: var(--bs-emphasis-color) !important

}

.text-reset {

  --bs-text-opacity: 1;

  color: inherit !important

}

.text-opacity-25 {

  --bs-text-opacity: 0.25

}

.text-opacity-50 {

  --bs-text-opacity: 0.5

}

.text-opacity-75 {

  --bs-text-opacity: 0.75

}

.text-opacity-100 {

  --bs-text-opacity: 1

}

.text-primary-emphasis {

  color: var(--bs-primary-text-emphasis) !important

}

.text-secondary-emphasis {

  color: var(--bs-secondary-text-emphasis) !important

}

.text-success-emphasis {

  color: var(--bs-success-text-emphasis) !important

}

.text-info-emphasis {

  color: var(--bs-info-text-emphasis) !important

}

.text-warning-emphasis {

  color: var(--bs-warning-text-emphasis) !important

}

.text-danger-emphasis {

  color: var(--bs-danger-text-emphasis) !important

}

.text-light-emphasis {

  color: var(--bs-light-text-emphasis) !important

}

.text-dark-emphasis {

  color: var(--bs-dark-text-emphasis) !important

}

.link-opacity-10 {

  --bs-link-opacity: 0.1

}

.link-opacity-10-hover:hover {

  --bs-link-opacity: 0.1

}

.link-opacity-25 {

  --bs-link-opacity: 0.25

}

.link-opacity-25-hover:hover {

  --bs-link-opacity: 0.25

}

.link-opacity-50 {

  --bs-link-opacity: 0.5

}

.link-opacity-50-hover:hover {

  --bs-link-opacity: 0.5

}

.link-opacity-75 {

  --bs-link-opacity: 0.75

}

.link-opacity-75-hover:hover {

  --bs-link-opacity: 0.75

}

.link-opacity-100 {

  --bs-link-opacity: 1

}

.link-opacity-100-hover:hover {

  --bs-link-opacity: 1

}

.link-offset-1 {

  text-underline-offset: .125em !important

}

.link-offset-1-hover:hover {

  text-underline-offset: .125em !important

}

.link-offset-2 {

  text-underline-offset: .25em !important

}

.link-offset-2-hover:hover {

  text-underline-offset: .25em !important

}

.link-offset-3 {

  text-underline-offset: .375em !important

}

.link-offset-3-hover:hover {

  text-underline-offset: .375em !important

}

.link-underline-primary {

  --bs-link-underline-opacity: 1;

  -webkit-text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;

  text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important

}

.link-underline-secondary {

  --bs-link-underline-opacity: 1;

  -webkit-text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;

  text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important

}

.link-underline-success {

  --bs-link-underline-opacity: 1;

  -webkit-text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;

  text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important

}

.link-underline-info {

  --bs-link-underline-opacity: 1;

  -webkit-text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;

  text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important

}

.link-underline-warning {

  --bs-link-underline-opacity: 1;

  -webkit-text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;

  text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important

}

.link-underline-danger {

  --bs-link-underline-opacity: 1;

  -webkit-text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;

  text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important

}

.link-underline-light {

  --bs-link-underline-opacity: 1;

  -webkit-text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;

  text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important

}

.link-underline-dark {

  --bs-link-underline-opacity: 1;

  -webkit-text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;

  text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important

}

.link-underline {

  --bs-link-underline-opacity: 1;

  -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;

  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important

}

.link-underline-opacity-0 {

  --bs-link-underline-opacity: 0

}

.link-underline-opacity-0-hover:hover {

  --bs-link-underline-opacity: 0

}

.link-underline-opacity-10 {

  --bs-link-underline-opacity: 0.1

}

.link-underline-opacity-10-hover:hover {

  --bs-link-underline-opacity: 0.1

}

.link-underline-opacity-25 {

  --bs-link-underline-opacity: 0.25

}

.link-underline-opacity-25-hover:hover {

  --bs-link-underline-opacity: 0.25

}

.link-underline-opacity-50 {

  --bs-link-underline-opacity: 0.5

}

.link-underline-opacity-50-hover:hover {

  --bs-link-underline-opacity: 0.5

}

.link-underline-opacity-75 {

  --bs-link-underline-opacity: 0.75

}

.link-underline-opacity-75-hover:hover {

  --bs-link-underline-opacity: 0.75

}

.link-underline-opacity-100 {

  --bs-link-underline-opacity: 1

}

.link-underline-opacity-100-hover:hover {

  --bs-link-underline-opacity: 1

}

.bg-primary {

  --bs-bg-opacity: 1;

  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important

}

.bg-secondary {

  --bs-bg-opacity: 1;

  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important

}

.bg-success {

  --bs-bg-opacity: 1;

  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important

}

.bg-info {

  --bs-bg-opacity: 1;

  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important

}

.bg-warning {

  --bs-bg-opacity: 1;

  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important

}

.bg-danger {

  --bs-bg-opacity: 1;

  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important

}

.bg-light {

  --bs-bg-opacity: 1;

  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important

}

.bg-dark {

  --bs-bg-opacity: 1;

  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important

}

.bg-black {

  --bs-bg-opacity: 1;

  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important

}

.bg-white {

  --bs-bg-opacity: 1;

  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important

}

.bg-body {

  --bs-bg-opacity: 1;

  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important

}

.bg-transparent {

  --bs-bg-opacity: 1;

  background-color: transparent !important

}

.bg-body-secondary {

  --bs-bg-opacity: 1;

  background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important

}

.bg-body-tertiary {

  --bs-bg-opacity: 1;

  background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important

}

.bg-opacity-10 {

  --bs-bg-opacity: 0.1

}

.bg-opacity-25 {

  --bs-bg-opacity: 0.25

}

.bg-opacity-50 {

  --bs-bg-opacity: 0.5

}

.bg-opacity-75 {

  --bs-bg-opacity: 0.75

}

.bg-opacity-100 {

  --bs-bg-opacity: 1

}

.bg-primary-subtle {

  background-color: var(--bs-primary-bg-subtle) !important

}

.bg-secondary-subtle {

  background-color: var(--bs-secondary-bg-subtle) !important

}

.bg-success-subtle {

  background-color: var(--bs-success-bg-subtle) !important

}

.bg-info-subtle {

  background-color: var(--bs-info-bg-subtle) !important

}

.bg-warning-subtle {

  background-color: var(--bs-warning-bg-subtle) !important

}

.bg-danger-subtle {

  background-color: var(--bs-danger-bg-subtle) !important

}

.bg-light-subtle {

  background-color: var(--bs-light-bg-subtle) !important

}

.bg-dark-subtle {

  background-color: var(--bs-dark-bg-subtle) !important

}

.bg-gradient {

  background-image: var(--bs-gradient) !important

}

.user-select-all {

  -webkit-user-select: all !important;

  -moz-user-select: all !important;

  -ms-user-select: all !important;

  user-select: all !important

}

.user-select-auto {

  -webkit-user-select: auto !important;

  -moz-user-select: auto !important;

  -ms-user-select: auto !important;

  user-select: auto !important

}

.user-select-none {

  -webkit-user-select: none !important;

  -moz-user-select: none !important;

  -ms-user-select: none !important;

  user-select: none !important

}

.pe-none {

  pointer-events: none !important

}

.pe-auto {

  pointer-events: auto !important

}

.rounded {

  border-radius: var(--bs-border-radius) !important

}

.rounded-0 {

  border-radius: 0 !important

}

.rounded-1 {

  border-radius: var(--bs-border-radius-sm) !important

}

.rounded-2 {

  border-radius: var(--bs-border-radius) !important

}

.rounded-3 {

  border-radius: var(--bs-border-radius-lg) !important

}

.rounded-4 {

  border-radius: var(--bs-border-radius-xl) !important

}

.rounded-5 {

  border-radius: var(--bs-border-radius-xxl) !important

}

.rounded-circle {

  border-radius: 50% !important

}

.rounded-pill {

  border-radius: var(--bs-border-radius-pill) !important

}

.rounded-top {

  border-top-left-radius: var(--bs-border-radius) !important;

  border-top-right-radius: var(--bs-border-radius) !important

}

.rounded-top-0 {

  border-top-left-radius: 0 !important;

  border-top-right-radius: 0 !important

}

.rounded-top-1 {

  border-top-left-radius: var(--bs-border-radius-sm) !important;

  border-top-right-radius: var(--bs-border-radius-sm) !important

}

.rounded-top-2 {

  border-top-left-radius: var(--bs-border-radius) !important;

  border-top-right-radius: var(--bs-border-radius) !important

}

.rounded-top-3 {

  border-top-left-radius: var(--bs-border-radius-lg) !important;

  border-top-right-radius: var(--bs-border-radius-lg) !important

}

.rounded-top-4 {

  border-top-left-radius: var(--bs-border-radius-xl) !important;

  border-top-right-radius: var(--bs-border-radius-xl) !important

}

.rounded-top-5 {

  border-top-left-radius: var(--bs-border-radius-xxl) !important;

  border-top-right-radius: var(--bs-border-radius-xxl) !important

}

.rounded-top-circle {

  border-top-left-radius: 50% !important;

  border-top-right-radius: 50% !important

}

.rounded-top-pill {

  border-top-left-radius: var(--bs-border-radius-pill) !important;

  border-top-right-radius: var(--bs-border-radius-pill) !important

}

.rounded-end {

  border-top-right-radius: var(--bs-border-radius) !important;

  border-bottom-right-radius: var(--bs-border-radius) !important

}

.rounded-end-0 {

  border-top-right-radius: 0 !important;

  border-bottom-right-radius: 0 !important

}

.rounded-end-1 {

  border-top-right-radius: var(--bs-border-radius-sm) !important;

  border-bottom-right-radius: var(--bs-border-radius-sm) !important

}

.rounded-end-2 {

  border-top-right-radius: var(--bs-border-radius) !important;

  border-bottom-right-radius: var(--bs-border-radius) !important

}

.rounded-end-3 {

  border-top-right-radius: var(--bs-border-radius-lg) !important;

  border-bottom-right-radius: var(--bs-border-radius-lg) !important

}

.rounded-end-4 {

  border-top-right-radius: var(--bs-border-radius-xl) !important;

  border-bottom-right-radius: var(--bs-border-radius-xl) !important

}

.rounded-end-5 {

  border-top-right-radius: var(--bs-border-radius-xxl) !important;

  border-bottom-right-radius: var(--bs-border-radius-xxl) !important

}

.rounded-end-circle {

  border-top-right-radius: 50% !important;

  border-bottom-right-radius: 50% !important

}

.rounded-end-pill {

  border-top-right-radius: var(--bs-border-radius-pill) !important;

  border-bottom-right-radius: var(--bs-border-radius-pill) !important

}

.rounded-bottom {

  border-bottom-right-radius: var(--bs-border-radius) !important;

  border-bottom-left-radius: var(--bs-border-radius) !important

}

.rounded-bottom-0 {

  border-bottom-right-radius: 0 !important;

  border-bottom-left-radius: 0 !important

}

.rounded-bottom-1 {

  border-bottom-right-radius: var(--bs-border-radius-sm) !important;

  border-bottom-left-radius: var(--bs-border-radius-sm) !important

}

.rounded-bottom-2 {

  border-bottom-right-radius: var(--bs-border-radius) !important;

  border-bottom-left-radius: var(--bs-border-radius) !important

}

.rounded-bottom-3 {

  border-bottom-right-radius: var(--bs-border-radius-lg) !important;

  border-bottom-left-radius: var(--bs-border-radius-lg) !important

}

.rounded-bottom-4 {

  border-bottom-right-radius: var(--bs-border-radius-xl) !important;

  border-bottom-left-radius: var(--bs-border-radius-xl) !important

}

.rounded-bottom-5 {

  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;

  border-bottom-left-radius: var(--bs-border-radius-xxl) !important

}

.rounded-bottom-circle {

  border-bottom-right-radius: 50% !important;

  border-bottom-left-radius: 50% !important

}

.rounded-bottom-pill {

  border-bottom-right-radius: var(--bs-border-radius-pill) !important;

  border-bottom-left-radius: var(--bs-border-radius-pill) !important

}

.rounded-start {

  border-bottom-left-radius: var(--bs-border-radius) !important;

  border-top-left-radius: var(--bs-border-radius) !important

}

.rounded-start-0 {

  border-bottom-left-radius: 0 !important;

  border-top-left-radius: 0 !important

}

.rounded-start-1 {

  border-bottom-left-radius: var(--bs-border-radius-sm) !important;

  border-top-left-radius: var(--bs-border-radius-sm) !important

}

.rounded-start-2 {

  border-bottom-left-radius: var(--bs-border-radius) !important;

  border-top-left-radius: var(--bs-border-radius) !important

}

.rounded-start-3 {

  border-bottom-left-radius: var(--bs-border-radius-lg) !important;

  border-top-left-radius: var(--bs-border-radius-lg) !important

}

.rounded-start-4 {

  border-bottom-left-radius: var(--bs-border-radius-xl) !important;

  border-top-left-radius: var(--bs-border-radius-xl) !important

}

.rounded-start-5 {

  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;

  border-top-left-radius: var(--bs-border-radius-xxl) !important

}

.rounded-start-circle {

  border-bottom-left-radius: 50% !important;

  border-top-left-radius: 50% !important

}

.rounded-start-pill {

  border-bottom-left-radius: var(--bs-border-radius-pill) !important;

  border-top-left-radius: var(--bs-border-radius-pill) !important

}

.visible {

  visibility: visible !important

}

.invisible {

  visibility: hidden !important

}

.z-n1 {

  z-index: -1 !important

}

.z-0 {

  z-index: 0 !important

}

.z-1 {

  z-index: 1 !important

}

.z-2 {

  z-index: 2 !important

}

.z-3 {

  z-index: 3 !important

}

@media(min-width: 576px) {

  .float-sm-start {

    float: left !important

  }

  .float-sm-end {

    float: right !important

  }

  .float-sm-none {

    float: none !important

  }

  .object-fit-sm-contain {

    -o-object-fit: contain !important;

    object-fit: contain !important

  }

  .object-fit-sm-cover {

    -o-object-fit: cover !important;

    object-fit: cover !important

  }

  .object-fit-sm-fill {

    -o-object-fit: fill !important;

    object-fit: fill !important

  }

  .object-fit-sm-scale {

    -o-object-fit: scale-down !important;

    object-fit: scale-down !important

  }

  .object-fit-sm-none {

    -o-object-fit: none !important;

    object-fit: none !important

  }

  .d-sm-inline {

    display: inline !important

  }

  .d-sm-inline-block {

    display: inline-block !important

  }

  .d-sm-block {

    display: block !important

  }

  .d-sm-grid {

    display: grid !important

  }

  .d-sm-table {

    display: table !important

  }

  .d-sm-table-row {

    display: table-row !important

  }

  .d-sm-table-cell {

    display: table-cell !important

  }

  .d-sm-flex {

    display: -webkit-box !important;

    display: -ms-flexbox !important;

    display: flex !important

  }

  .d-sm-inline-flex {

    display: -webkit-inline-box !important;

    display: -ms-inline-flexbox !important;

    display: inline-flex !important

  }

  .d-sm-none {

    display: none !important

  }

  .flex-sm-fill {

    -webkit-box-flex: 1 !important;

    -ms-flex: 1 1 auto !important;

    flex: 1 1 auto !important

  }

  .flex-sm-row {

    -webkit-box-orient: horizontal !important;

    -webkit-box-direction: normal !important;

    -ms-flex-direction: row !important;

    flex-direction: row !important

  }

  .flex-sm-column {

    -webkit-box-orient: vertical !important;

    -webkit-box-direction: normal !important;

    -ms-flex-direction: column !important;

    flex-direction: column !important

  }

  .flex-sm-row-reverse {

    -webkit-box-orient: horizontal !important;

    -webkit-box-direction: reverse !important;

    -ms-flex-direction: row-reverse !important;

    flex-direction: row-reverse !important

  }

  .flex-sm-column-reverse {

    -webkit-box-orient: vertical !important;

    -webkit-box-direction: reverse !important;

    -ms-flex-direction: column-reverse !important;

    flex-direction: column-reverse !important

  }

  .flex-sm-grow-0 {

    -webkit-box-flex: 0 !important;

    -ms-flex-positive: 0 !important;

    flex-grow: 0 !important

  }

  .flex-sm-grow-1 {

    -webkit-box-flex: 1 !important;

    -ms-flex-positive: 1 !important;

    flex-grow: 1 !important

  }

  .flex-sm-shrink-0 {

    -ms-flex-negative: 0 !important;

    flex-shrink: 0 !important

  }

  .flex-sm-shrink-1 {

    -ms-flex-negative: 1 !important;

    flex-shrink: 1 !important

  }

  .flex-sm-wrap {

    -ms-flex-wrap: wrap !important;

    flex-wrap: wrap !important

  }

  .flex-sm-nowrap {

    -ms-flex-wrap: nowrap !important;

    flex-wrap: nowrap !important

  }

  .flex-sm-wrap-reverse {

    -ms-flex-wrap: wrap-reverse !important;

    flex-wrap: wrap-reverse !important

  }

  .justify-content-sm-start {

    -webkit-box-pack: start !important;

    -ms-flex-pack: start !important;

    justify-content: flex-start !important

  }

  .justify-content-sm-end {

    -webkit-box-pack: end !important;

    -ms-flex-pack: end !important;

    justify-content: flex-end !important

  }

  .justify-content-sm-center {

    -webkit-box-pack: center !important;

    -ms-flex-pack: center !important;

    justify-content: center !important

  }

  .justify-content-sm-between {

    -webkit-box-pack: justify !important;

    -ms-flex-pack: justify !important;

    justify-content: space-between !important

  }

  .justify-content-sm-around {

    -ms-flex-pack: distribute !important;

    justify-content: space-around !important

  }

  .justify-content-sm-evenly {

    -webkit-box-pack: space-evenly !important;

    -ms-flex-pack: space-evenly !important;

    justify-content: space-evenly !important

  }

  .align-items-sm-start {

    -webkit-box-align: start !important;

    -ms-flex-align: start !important;

    align-items: flex-start !important

  }

  .align-items-sm-end {

    -webkit-box-align: end !important;

    -ms-flex-align: end !important;

    align-items: flex-end !important

  }

  .align-items-sm-center {

    -webkit-box-align: center !important;

    -ms-flex-align: center !important;

    align-items: center !important

  }

  .align-items-sm-baseline {

    -webkit-box-align: baseline !important;

    -ms-flex-align: baseline !important;

    align-items: baseline !important

  }

  .align-items-sm-stretch {

    -webkit-box-align: stretch !important;

    -ms-flex-align: stretch !important;

    align-items: stretch !important

  }

  .align-content-sm-start {

    -ms-flex-line-pack: start !important;

    align-content: flex-start !important

  }

  .align-content-sm-end {

    -ms-flex-line-pack: end !important;

    align-content: flex-end !important

  }

  .align-content-sm-center {

    -ms-flex-line-pack: center !important;

    align-content: center !important

  }

  .align-content-sm-between {

    -ms-flex-line-pack: justify !important;

    align-content: space-between !important

  }

  .align-content-sm-around {

    -ms-flex-line-pack: distribute !important;

    align-content: space-around !important

  }

  .align-content-sm-stretch {

    -ms-flex-line-pack: stretch !important;

    align-content: stretch !important

  }

  .align-self-sm-auto {

    -ms-flex-item-align: auto !important;

    align-self: auto !important

  }

  .align-self-sm-start {

    -ms-flex-item-align: start !important;

    align-self: flex-start !important

  }

  .align-self-sm-end {

    -ms-flex-item-align: end !important;

    align-self: flex-end !important

  }

  .align-self-sm-center {

    -ms-flex-item-align: center !important;

    align-self: center !important

  }

  .align-self-sm-baseline {

    -ms-flex-item-align: baseline !important;

    align-self: baseline !important

  }

  .align-self-sm-stretch {

    -ms-flex-item-align: stretch !important;

    align-self: stretch !important

  }

  .order-sm-first {

    -webkit-box-ordinal-group: 0 !important;

    -ms-flex-order: -1 !important;

    order: -1 !important

  }

  .order-sm-0 {

    -webkit-box-ordinal-group: 1 !important;

    -ms-flex-order: 0 !important;

    order: 0 !important

  }

  .order-sm-1 {

    -webkit-box-ordinal-group: 2 !important;

    -ms-flex-order: 1 !important;

    order: 1 !important

  }

  .order-sm-2 {

    -webkit-box-ordinal-group: 3 !important;

    -ms-flex-order: 2 !important;

    order: 2 !important

  }

  .order-sm-3 {

    -webkit-box-ordinal-group: 4 !important;

    -ms-flex-order: 3 !important;

    order: 3 !important

  }

  .order-sm-4 {

    -webkit-box-ordinal-group: 5 !important;

    -ms-flex-order: 4 !important;

    order: 4 !important

  }

  .order-sm-5 {

    -webkit-box-ordinal-group: 6 !important;

    -ms-flex-order: 5 !important;

    order: 5 !important

  }

  .order-sm-last {

    -webkit-box-ordinal-group: 7 !important;

    -ms-flex-order: 6 !important;

    order: 6 !important

  }

  .m-sm-0 {

    margin: 0 !important

  }

  .m-sm-1 {

    margin: .25rem !important

  }

  .m-sm-2 {

    margin: .5rem !important

  }

  .m-sm-3 {

    margin: 1rem !important

  }

  .m-sm-4 {

    margin: 1.5rem !important

  }

  .m-sm-5 {

    margin: 3rem !important

  }

  .m-sm-auto {

    margin: auto !important

  }

  .mx-sm-0 {

    margin-right: 0 !important;

    margin-left: 0 !important

  }

  .mx-sm-1 {

    margin-right: .25rem !important;

    margin-left: .25rem !important

  }

  .mx-sm-2 {

    margin-right: .5rem !important;

    margin-left: .5rem !important

  }

  .mx-sm-3 {

    margin-right: 1rem !important;

    margin-left: 1rem !important

  }

  .mx-sm-4 {

    margin-right: 1.5rem !important;

    margin-left: 1.5rem !important

  }

  .mx-sm-5 {

    margin-right: 3rem !important;

    margin-left: 3rem !important

  }

  .mx-sm-auto {

    margin-right: auto !important;

    margin-left: auto !important

  }

  .my-sm-0 {

    margin-top: 0 !important;

    margin-bottom: 0 !important

  }

  .my-sm-1 {

    margin-top: .25rem !important;

    margin-bottom: .25rem !important

  }

  .my-sm-2 {

    margin-top: .5rem !important;

    margin-bottom: .5rem !important

  }

  .my-sm-3 {

    margin-top: 1rem !important;

    margin-bottom: 1rem !important

  }

  .my-sm-4 {

    margin-top: 1.5rem !important;

    margin-bottom: 1.5rem !important

  }

  .my-sm-5 {

    margin-top: 3rem !important;

    margin-bottom: 3rem !important

  }

  .my-sm-auto {

    margin-top: auto !important;

    margin-bottom: auto !important

  }

  .mt-sm-0 {

    margin-top: 0 !important

  }

  .mt-sm-1 {

    margin-top: .25rem !important

  }

  .mt-sm-2 {

    margin-top: .5rem !important

  }

  .mt-sm-3 {

    margin-top: 1rem !important

  }

  .mt-sm-4 {

    margin-top: 1.5rem !important

  }

  .mt-sm-5 {

    margin-top: 3rem !important

  }

  .mt-sm-auto {

    margin-top: auto !important

  }

  .me-sm-0 {

    margin-right: 0 !important

  }

  .me-sm-1 {

    margin-right: .25rem !important

  }

  .me-sm-2 {

    margin-right: .5rem !important

  }

  .me-sm-3 {

    margin-right: 1rem !important

  }

  .me-sm-4 {

    margin-right: 1.5rem !important

  }

  .me-sm-5 {

    margin-right: 3rem !important

  }

  .me-sm-auto {

    margin-right: auto !important

  }

  .mb-sm-0 {

    margin-bottom: 0 !important

  }

  .mb-sm-1 {

    margin-bottom: .25rem !important

  }

  .mb-sm-2 {

    margin-bottom: .5rem !important

  }

  .mb-sm-3 {

    margin-bottom: 1rem !important

  }

  .mb-sm-4 {

    margin-bottom: 1.5rem !important

  }

  .mb-sm-5 {

    margin-bottom: 3rem !important

  }

  .mb-sm-auto {

    margin-bottom: auto !important

  }

  .ms-sm-0 {

    margin-left: 0 !important

  }

  .ms-sm-1 {

    margin-left: .25rem !important

  }

  .ms-sm-2 {

    margin-left: .5rem !important

  }

  .ms-sm-3 {

    margin-left: 1rem !important

  }

  .ms-sm-4 {

    margin-left: 1.5rem !important

  }

  .ms-sm-5 {

    margin-left: 3rem !important

  }

  .ms-sm-auto {

    margin-left: auto !important

  }

  .p-sm-0 {

    padding: 0 !important

  }

  .p-sm-1 {

    padding: .25rem !important

  }

  .p-sm-2 {

    padding: .5rem !important

  }

  .p-sm-3 {

    padding: 1rem !important

  }

  .p-sm-4 {

    padding: 1.5rem !important

  }

  .p-sm-5 {

    padding: 3rem !important

  }

  .px-sm-0 {

    padding-right: 0 !important;

    padding-left: 0 !important

  }

  .px-sm-1 {

    padding-right: .25rem !important;

    padding-left: .25rem !important

  }

  .px-sm-2 {

    padding-right: .5rem !important;

    padding-left: .5rem !important

  }

  .px-sm-3 {

    padding-right: 1rem !important;

    padding-left: 1rem !important

  }

  .px-sm-4 {

    padding-right: 1.5rem !important;

    padding-left: 1.5rem !important

  }

  .px-sm-5 {

    padding-right: 3rem !important;

    padding-left: 3rem !important

  }

  .py-sm-0 {

    padding-top: 0 !important;

    padding-bottom: 0 !important

  }

  .py-sm-1 {

    padding-top: .25rem !important;

    padding-bottom: .25rem !important

  }

  .py-sm-2 {

    padding-top: .5rem !important;

    padding-bottom: .5rem !important

  }

  .py-sm-3 {

    padding-top: 1rem !important;

    padding-bottom: 1rem !important

  }

  .py-sm-4 {

    padding-top: 1.5rem !important;

    padding-bottom: 1.5rem !important

  }

  .py-sm-5 {

    padding-top: 3rem !important;

    padding-bottom: 3rem !important

  }

  .pt-sm-0 {

    padding-top: 0 !important

  }

  .pt-sm-1 {

    padding-top: .25rem !important

  }

  .pt-sm-2 {

    padding-top: .5rem !important

  }

  .pt-sm-3 {

    padding-top: 1rem !important

  }

  .pt-sm-4 {

    padding-top: 1.5rem !important

  }

  .pt-sm-5 {

    padding-top: 3rem !important

  }

  .pe-sm-0 {

    padding-right: 0 !important

  }

  .pe-sm-1 {

    padding-right: .25rem !important

  }

  .pe-sm-2 {

    padding-right: .5rem !important

  }

  .pe-sm-3 {

    padding-right: 1rem !important

  }

  .pe-sm-4 {

    padding-right: 1.5rem !important

  }

  .pe-sm-5 {

    padding-right: 3rem !important

  }

  .pb-sm-0 {

    padding-bottom: 0 !important

  }

  .pb-sm-1 {

    padding-bottom: .25rem !important

  }

  .pb-sm-2 {

    padding-bottom: .5rem !important

  }

  .pb-sm-3 {

    padding-bottom: 1rem !important

  }

  .pb-sm-4 {

    padding-bottom: 1.5rem !important

  }

  .pb-sm-5 {

    padding-bottom: 3rem !important

  }

  .ps-sm-0 {

    padding-left: 0 !important

  }

  .ps-sm-1 {

    padding-left: .25rem !important

  }

  .ps-sm-2 {

    padding-left: .5rem !important

  }

  .ps-sm-3 {

    padding-left: 1rem !important

  }

  .ps-sm-4 {

    padding-left: 1.5rem !important

  }

  .ps-sm-5 {

    padding-left: 3rem !important

  }

  .gap-sm-0 {

    gap: 0 !important

  }

  .gap-sm-1 {

    gap: .25rem !important

  }

  .gap-sm-2 {

    gap: .5rem !important

  }

  .gap-sm-3 {

    gap: 1rem !important

  }

  .gap-sm-4 {

    gap: 1.5rem !important

  }

  .gap-sm-5 {

    gap: 3rem !important

  }

  .row-gap-sm-0 {

    row-gap: 0 !important

  }

  .row-gap-sm-1 {

    row-gap: .25rem !important

  }

  .row-gap-sm-2 {

    row-gap: .5rem !important

  }

  .row-gap-sm-3 {

    row-gap: 1rem !important

  }

  .row-gap-sm-4 {

    row-gap: 1.5rem !important

  }

  .row-gap-sm-5 {

    row-gap: 3rem !important

  }

  .column-gap-sm-0 {

    -moz-column-gap: 0 !important;

    -webkit-column-gap: 0 !important;

    column-gap: 0 !important

  }

  .column-gap-sm-1 {

    -moz-column-gap: .25rem !important;

    -webkit-column-gap: .25rem !important;

    column-gap: .25rem !important

  }

  .column-gap-sm-2 {

    -moz-column-gap: .5rem !important;

    -webkit-column-gap: .5rem !important;

    column-gap: .5rem !important

  }

  .column-gap-sm-3 {

    -moz-column-gap: 1rem !important;

    -webkit-column-gap: 1rem !important;

    column-gap: 1rem !important

  }

  .column-gap-sm-4 {

    -moz-column-gap: 1.5rem !important;

    -webkit-column-gap: 1.5rem !important;

    column-gap: 1.5rem !important

  }

  .column-gap-sm-5 {

    -moz-column-gap: 3rem !important;

    -webkit-column-gap: 3rem !important;

    column-gap: 3rem !important

  }

  .text-sm-start {

    text-align: left !important

  }

  .text-sm-end {

    text-align: right !important

  }

  .text-sm-center {

    text-align: center !important

  }

}

@media(min-width: 768px) {

  .float-md-start {

    float: left !important

  }

  .float-md-end {

    float: right !important

  }

  .float-md-none {

    float: none !important

  }

  .object-fit-md-contain {

    -o-object-fit: contain !important;

    object-fit: contain !important

  }

  .object-fit-md-cover {

    -o-object-fit: cover !important;

    object-fit: cover !important

  }

  .object-fit-md-fill {

    -o-object-fit: fill !important;

    object-fit: fill !important

  }

  .object-fit-md-scale {

    -o-object-fit: scale-down !important;

    object-fit: scale-down !important

  }

  .object-fit-md-none {

    -o-object-fit: none !important;

    object-fit: none !important

  }

  .d-md-inline {

    display: inline !important

  }

  .d-md-inline-block {

    display: inline-block !important

  }

  .d-md-block {

    display: block !important

  }

  .d-md-grid {

    display: grid !important

  }

  .d-md-table {

    display: table !important

  }

  .d-md-table-row {

    display: table-row !important

  }

  .d-md-table-cell {

    display: table-cell !important

  }

  .d-md-flex {

    display: -webkit-box !important;

    display: -ms-flexbox !important;

    display: flex !important

  }

  .d-md-inline-flex {

    display: -webkit-inline-box !important;

    display: -ms-inline-flexbox !important;

    display: inline-flex !important

  }

  .d-md-none {

    display: none !important

  }

  .flex-md-fill {

    -webkit-box-flex: 1 !important;

    -ms-flex: 1 1 auto !important;

    flex: 1 1 auto !important

  }

  .flex-md-row {

    -webkit-box-orient: horizontal !important;

    -webkit-box-direction: normal !important;

    -ms-flex-direction: row !important;

    flex-direction: row !important

  }

  .flex-md-column {

    -webkit-box-orient: vertical !important;

    -webkit-box-direction: normal !important;

    -ms-flex-direction: column !important;

    flex-direction: column !important

  }

  .flex-md-row-reverse {

    -webkit-box-orient: horizontal !important;

    -webkit-box-direction: reverse !important;

    -ms-flex-direction: row-reverse !important;

    flex-direction: row-reverse !important

  }

  .flex-md-column-reverse {

    -webkit-box-orient: vertical !important;

    -webkit-box-direction: reverse !important;

    -ms-flex-direction: column-reverse !important;

    flex-direction: column-reverse !important

  }

  .flex-md-grow-0 {

    -webkit-box-flex: 0 !important;

    -ms-flex-positive: 0 !important;

    flex-grow: 0 !important

  }

  .flex-md-grow-1 {

    -webkit-box-flex: 1 !important;

    -ms-flex-positive: 1 !important;

    flex-grow: 1 !important

  }

  .flex-md-shrink-0 {

    -ms-flex-negative: 0 !important;

    flex-shrink: 0 !important

  }

  .flex-md-shrink-1 {

    -ms-flex-negative: 1 !important;

    flex-shrink: 1 !important

  }

  .flex-md-wrap {

    -ms-flex-wrap: wrap !important;

    flex-wrap: wrap !important

  }

  .flex-md-nowrap {

    -ms-flex-wrap: nowrap !important;

    flex-wrap: nowrap !important

  }

  .flex-md-wrap-reverse {

    -ms-flex-wrap: wrap-reverse !important;

    flex-wrap: wrap-reverse !important

  }

  .justify-content-md-start {

    -webkit-box-pack: start !important;

    -ms-flex-pack: start !important;

    justify-content: flex-start !important

  }

  .justify-content-md-end {

    -webkit-box-pack: end !important;

    -ms-flex-pack: end !important;

    justify-content: flex-end !important

  }

  .justify-content-md-center {

    -webkit-box-pack: center !important;

    -ms-flex-pack: center !important;

    justify-content: center !important

  }

  .justify-content-md-between {

    -webkit-box-pack: justify !important;

    -ms-flex-pack: justify !important;

    justify-content: space-between !important

  }

  .justify-content-md-around {

    -ms-flex-pack: distribute !important;

    justify-content: space-around !important

  }

  .justify-content-md-evenly {

    -webkit-box-pack: space-evenly !important;

    -ms-flex-pack: space-evenly !important;

    justify-content: space-evenly !important

  }

  .align-items-md-start {

    -webkit-box-align: start !important;

    -ms-flex-align: start !important;

    align-items: flex-start !important

  }

  .align-items-md-end {

    -webkit-box-align: end !important;

    -ms-flex-align: end !important;

    align-items: flex-end !important

  }

  .align-items-md-center {

    -webkit-box-align: center !important;

    -ms-flex-align: center !important;

    align-items: center !important

  }

  .align-items-md-baseline {

    -webkit-box-align: baseline !important;

    -ms-flex-align: baseline !important;

    align-items: baseline !important

  }

  .align-items-md-stretch {

    -webkit-box-align: stretch !important;

    -ms-flex-align: stretch !important;

    align-items: stretch !important

  }

  .align-content-md-start {

    -ms-flex-line-pack: start !important;

    align-content: flex-start !important

  }

  .align-content-md-end {

    -ms-flex-line-pack: end !important;

    align-content: flex-end !important

  }

  .align-content-md-center {

    -ms-flex-line-pack: center !important;

    align-content: center !important

  }

  .align-content-md-between {

    -ms-flex-line-pack: justify !important;

    align-content: space-between !important

  }

  .align-content-md-around {

    -ms-flex-line-pack: distribute !important;

    align-content: space-around !important

  }

  .align-content-md-stretch {

    -ms-flex-line-pack: stretch !important;

    align-content: stretch !important

  }

  .align-self-md-auto {

    -ms-flex-item-align: auto !important;

    align-self: auto !important

  }

  .align-self-md-start {

    -ms-flex-item-align: start !important;

    align-self: flex-start !important

  }

  .align-self-md-end {

    -ms-flex-item-align: end !important;

    align-self: flex-end !important

  }

  .align-self-md-center {

    -ms-flex-item-align: center !important;

    align-self: center !important

  }

  .align-self-md-baseline {

    -ms-flex-item-align: baseline !important;

    align-self: baseline !important

  }

  .align-self-md-stretch {

    -ms-flex-item-align: stretch !important;

    align-self: stretch !important

  }

  .order-md-first {

    -webkit-box-ordinal-group: 0 !important;

    -ms-flex-order: -1 !important;

    order: -1 !important

  }

  .order-md-0 {

    -webkit-box-ordinal-group: 1 !important;

    -ms-flex-order: 0 !important;

    order: 0 !important

  }

  .order-md-1 {

    -webkit-box-ordinal-group: 2 !important;

    -ms-flex-order: 1 !important;

    order: 1 !important

  }

  .order-md-2 {

    -webkit-box-ordinal-group: 3 !important;

    -ms-flex-order: 2 !important;

    order: 2 !important

  }

  .order-md-3 {

    -webkit-box-ordinal-group: 4 !important;

    -ms-flex-order: 3 !important;

    order: 3 !important

  }

  .order-md-4 {

    -webkit-box-ordinal-group: 5 !important;

    -ms-flex-order: 4 !important;

    order: 4 !important

  }

  .order-md-5 {

    -webkit-box-ordinal-group: 6 !important;

    -ms-flex-order: 5 !important;

    order: 5 !important

  }

  .order-md-last {

    -webkit-box-ordinal-group: 7 !important;

    -ms-flex-order: 6 !important;

    order: 6 !important

  }

  .m-md-0 {

    margin: 0 !important

  }

  .m-md-1 {

    margin: .25rem !important

  }

  .m-md-2 {

    margin: .5rem !important

  }

  .m-md-3 {

    margin: 1rem !important

  }

  .m-md-4 {

    margin: 1.5rem !important

  }

  .m-md-5 {

    margin: 3rem !important

  }

  .m-md-auto {

    margin: auto !important

  }

  .mx-md-0 {

    margin-right: 0 !important;

    margin-left: 0 !important

  }

  .mx-md-1 {

    margin-right: .25rem !important;

    margin-left: .25rem !important

  }

  .mx-md-2 {

    margin-right: .5rem !important;

    margin-left: .5rem !important

  }

  .mx-md-3 {

    margin-right: 1rem !important;

    margin-left: 1rem !important

  }

  .mx-md-4 {

    margin-right: 1.5rem !important;

    margin-left: 1.5rem !important

  }

  .mx-md-5 {

    margin-right: 3rem !important;

    margin-left: 3rem !important

  }

  .mx-md-auto {

    margin-right: auto !important;

    margin-left: auto !important

  }

  .my-md-0 {

    margin-top: 0 !important;

    margin-bottom: 0 !important

  }

  .my-md-1 {

    margin-top: .25rem !important;

    margin-bottom: .25rem !important

  }

  .my-md-2 {

    margin-top: .5rem !important;

    margin-bottom: .5rem !important

  }

  .my-md-3 {

    margin-top: 1rem !important;

    margin-bottom: 1rem !important

  }

  .my-md-4 {

    margin-top: 1.5rem !important;

    margin-bottom: 1.5rem !important

  }

  .my-md-5 {

    margin-top: 3rem !important;

    margin-bottom: 3rem !important

  }

  .my-md-auto {

    margin-top: auto !important;

    margin-bottom: auto !important

  }

  .mt-md-0 {

    margin-top: 0 !important

  }

  .mt-md-1 {

    margin-top: .25rem !important

  }

  .mt-md-2 {

    margin-top: .5rem !important

  }

  .mt-md-3 {

    margin-top: 1rem !important

  }

  .mt-md-4 {

    margin-top: 1.5rem !important

  }

  .mt-md-5 {

    margin-top: 3rem !important

  }

  .mt-md-auto {

    margin-top: auto !important

  }

  .me-md-0 {

    margin-right: 0 !important

  }

  .me-md-1 {

    margin-right: .25rem !important

  }

  .me-md-2 {

    margin-right: .5rem !important

  }

  .me-md-3 {

    margin-right: 1rem !important

  }

  .me-md-4 {

    margin-right: 1.5rem !important

  }

  .me-md-5 {

    margin-right: 3rem !important

  }

  .me-md-auto {

    margin-right: auto !important

  }

  .mb-md-0 {

    margin-bottom: 0 !important

  }

  .mb-md-1 {

    margin-bottom: .25rem !important

  }

  .mb-md-2 {

    margin-bottom: .5rem !important

  }

  .mb-md-3 {

    margin-bottom: 1rem !important

  }

  .mb-md-4 {

    margin-bottom: 1.5rem !important

  }

  .mb-md-5 {

    margin-bottom: 3rem !important

  }

  .mb-md-auto {

    margin-bottom: auto !important

  }

  .ms-md-0 {

    margin-left: 0 !important

  }

  .ms-md-1 {

    margin-left: .25rem !important

  }

  .ms-md-2 {

    margin-left: .5rem !important

  }

  .ms-md-3 {

    margin-left: 1rem !important

  }

  .ms-md-4 {

    margin-left: 1.5rem !important

  }

  .ms-md-5 {

    margin-left: 3rem !important

  }

  .ms-md-auto {

    margin-left: auto !important

  }

  .p-md-0 {

    padding: 0 !important

  }

  .p-md-1 {

    padding: .25rem !important

  }

  .p-md-2 {

    padding: .5rem !important

  }

  .p-md-3 {

    padding: 1rem !important

  }

  .p-md-4 {

    padding: 1.5rem !important

  }

  .p-md-5 {

    padding: 3rem !important

  }

  .px-md-0 {

    padding-right: 0 !important;

    padding-left: 0 !important

  }

  .px-md-1 {

    padding-right: .25rem !important;

    padding-left: .25rem !important

  }

  .px-md-2 {

    padding-right: .5rem !important;

    padding-left: .5rem !important

  }

  .px-md-3 {

    padding-right: 1rem !important;

    padding-left: 1rem !important

  }

  .px-md-4 {

    padding-right: 1.5rem !important;

    padding-left: 1.5rem !important

  }

  .px-md-5 {

    padding-right: 3rem !important;

    padding-left: 3rem !important

  }

  .py-md-0 {

    padding-top: 0 !important;

    padding-bottom: 0 !important

  }

  .py-md-1 {

    padding-top: .25rem !important;

    padding-bottom: .25rem !important

  }

  .py-md-2 {

    padding-top: .5rem !important;

    padding-bottom: .5rem !important

  }

  .py-md-3 {

    padding-top: 1rem !important;

    padding-bottom: 1rem !important

  }

  .py-md-4 {

    padding-top: 1.5rem !important;

    padding-bottom: 1.5rem !important

  }

  .py-md-5 {

    padding-top: 3rem !important;

    padding-bottom: 3rem !important

  }

  .pt-md-0 {

    padding-top: 0 !important

  }

  .pt-md-1 {

    padding-top: .25rem !important

  }

  .pt-md-2 {

    padding-top: .5rem !important

  }

  .pt-md-3 {

    padding-top: 1rem !important

  }

  .pt-md-4 {

    padding-top: 1.5rem !important

  }

  .pt-md-5 {

    padding-top: 3rem !important

  }

  .pe-md-0 {

    padding-right: 0 !important

  }

  .pe-md-1 {

    padding-right: .25rem !important

  }

  .pe-md-2 {

    padding-right: .5rem !important

  }

  .pe-md-3 {

    padding-right: 1rem !important

  }

  .pe-md-4 {

    padding-right: 1.5rem !important

  }

  .pe-md-5 {

    padding-right: 3rem !important

  }

  .pb-md-0 {

    padding-bottom: 0 !important

  }

  .pb-md-1 {

    padding-bottom: .25rem !important

  }

  .pb-md-2 {

    padding-bottom: .5rem !important

  }

  .pb-md-3 {

    padding-bottom: 1rem !important

  }

  .pb-md-4 {

    padding-bottom: 1.5rem !important

  }

  .pb-md-5 {

    padding-bottom: 3rem !important

  }

  .ps-md-0 {

    padding-left: 0 !important

  }

  .ps-md-1 {

    padding-left: .25rem !important

  }

  .ps-md-2 {

    padding-left: .5rem !important

  }

  .ps-md-3 {

    padding-left: 1rem !important

  }

  .ps-md-4 {

    padding-left: 1.5rem !important

  }

  .ps-md-5 {

    padding-left: 3rem !important

  }

  .gap-md-0 {

    gap: 0 !important

  }

  .gap-md-1 {

    gap: .25rem !important

  }

  .gap-md-2 {

    gap: .5rem !important

  }

  .gap-md-3 {

    gap: 1rem !important

  }

  .gap-md-4 {

    gap: 1.5rem !important

  }

  .gap-md-5 {

    gap: 3rem !important

  }

  .row-gap-md-0 {

    row-gap: 0 !important

  }

  .row-gap-md-1 {

    row-gap: .25rem !important

  }

  .row-gap-md-2 {

    row-gap: .5rem !important

  }

  .row-gap-md-3 {

    row-gap: 1rem !important

  }

  .row-gap-md-4 {

    row-gap: 1.5rem !important

  }

  .row-gap-md-5 {

    row-gap: 3rem !important

  }

  .column-gap-md-0 {

    -moz-column-gap: 0 !important;

    -webkit-column-gap: 0 !important;

    column-gap: 0 !important

  }

  .column-gap-md-1 {

    -moz-column-gap: .25rem !important;

    -webkit-column-gap: .25rem !important;

    column-gap: .25rem !important

  }

  .column-gap-md-2 {

    -moz-column-gap: .5rem !important;

    -webkit-column-gap: .5rem !important;

    column-gap: .5rem !important

  }

  .column-gap-md-3 {

    -moz-column-gap: 1rem !important;

    -webkit-column-gap: 1rem !important;

    column-gap: 1rem !important

  }

  .column-gap-md-4 {

    -moz-column-gap: 1.5rem !important;

    -webkit-column-gap: 1.5rem !important;

    column-gap: 1.5rem !important

  }

  .column-gap-md-5 {

    -moz-column-gap: 3rem !important;

    -webkit-column-gap: 3rem !important;

    column-gap: 3rem !important

  }

  .text-md-start {

    text-align: left !important

  }

  .text-md-end {

    text-align: right !important

  }

  .text-md-center {

    text-align: center !important

  }

}

@media(min-width: 992px) {

  .float-lg-start {

    float: left !important

  }

  .float-lg-end {

    float: right !important

  }

  .float-lg-none {

    float: none !important

  }

  .object-fit-lg-contain {

    -o-object-fit: contain !important;

    object-fit: contain !important

  }

  .object-fit-lg-cover {

    -o-object-fit: cover !important;

    object-fit: cover !important

  }

  .object-fit-lg-fill {

    -o-object-fit: fill !important;

    object-fit: fill !important

  }

  .object-fit-lg-scale {

    -o-object-fit: scale-down !important;

    object-fit: scale-down !important

  }

  .object-fit-lg-none {

    -o-object-fit: none !important;

    object-fit: none !important

  }

  .d-lg-inline {

    display: inline !important

  }

  .d-lg-inline-block {

    display: inline-block !important

  }

  .d-lg-block {

    display: block !important

  }

  .d-lg-grid {

    display: grid !important

  }

  .d-lg-table {

    display: table !important

  }

  .d-lg-table-row {

    display: table-row !important

  }

  .d-lg-table-cell {

    display: table-cell !important

  }

  .d-lg-flex {

    display: -webkit-box !important;

    display: -ms-flexbox !important;

    display: flex !important

  }

  .d-lg-inline-flex {

    display: -webkit-inline-box !important;

    display: -ms-inline-flexbox !important;

    display: inline-flex !important

  }

  .d-lg-none {

    display: none !important

  }

  .flex-lg-fill {

    -webkit-box-flex: 1 !important;

    -ms-flex: 1 1 auto !important;

    flex: 1 1 auto !important

  }

  .flex-lg-row {

    -webkit-box-orient: horizontal !important;

    -webkit-box-direction: normal !important;

    -ms-flex-direction: row !important;

    flex-direction: row !important

  }

  .flex-lg-column {

    -webkit-box-orient: vertical !important;

    -webkit-box-direction: normal !important;

    -ms-flex-direction: column !important;

    flex-direction: column !important

  }

  .flex-lg-row-reverse {

    -webkit-box-orient: horizontal !important;

    -webkit-box-direction: reverse !important;

    -ms-flex-direction: row-reverse !important;

    flex-direction: row-reverse !important

  }

  .flex-lg-column-reverse {

    -webkit-box-orient: vertical !important;

    -webkit-box-direction: reverse !important;

    -ms-flex-direction: column-reverse !important;

    flex-direction: column-reverse !important

  }

  .flex-lg-grow-0 {

    -webkit-box-flex: 0 !important;

    -ms-flex-positive: 0 !important;

    flex-grow: 0 !important

  }

  .flex-lg-grow-1 {

    -webkit-box-flex: 1 !important;

    -ms-flex-positive: 1 !important;

    flex-grow: 1 !important

  }

  .flex-lg-shrink-0 {

    -ms-flex-negative: 0 !important;

    flex-shrink: 0 !important

  }

  .flex-lg-shrink-1 {

    -ms-flex-negative: 1 !important;

    flex-shrink: 1 !important

  }

  .flex-lg-wrap {

    -ms-flex-wrap: wrap !important;

    flex-wrap: wrap !important

  }

  .flex-lg-nowrap {

    -ms-flex-wrap: nowrap !important;

    flex-wrap: nowrap !important

  }

  .flex-lg-wrap-reverse {

    -ms-flex-wrap: wrap-reverse !important;

    flex-wrap: wrap-reverse !important

  }

  .justify-content-lg-start {

    -webkit-box-pack: start !important;

    -ms-flex-pack: start !important;

    justify-content: flex-start !important

  }

  .justify-content-lg-end {

    -webkit-box-pack: end !important;

    -ms-flex-pack: end !important;

    justify-content: flex-end !important

  }

  .justify-content-lg-center {

    -webkit-box-pack: center !important;

    -ms-flex-pack: center !important;

    justify-content: center !important

  }

  .justify-content-lg-between {

    -webkit-box-pack: justify !important;

    -ms-flex-pack: justify !important;

    justify-content: space-between !important

  }

  .justify-content-lg-around {

    -ms-flex-pack: distribute !important;

    justify-content: space-around !important

  }

  .justify-content-lg-evenly {

    -webkit-box-pack: space-evenly !important;

    -ms-flex-pack: space-evenly !important;

    justify-content: space-evenly !important

  }

  .align-items-lg-start {

    -webkit-box-align: start !important;

    -ms-flex-align: start !important;

    align-items: flex-start !important

  }

  .align-items-lg-end {

    -webkit-box-align: end !important;

    -ms-flex-align: end !important;

    align-items: flex-end !important

  }

  .align-items-lg-center {

    -webkit-box-align: center !important;

    -ms-flex-align: center !important;

    align-items: center !important

  }

  .align-items-lg-baseline {

    -webkit-box-align: baseline !important;

    -ms-flex-align: baseline !important;

    align-items: baseline !important

  }

  .align-items-lg-stretch {

    -webkit-box-align: stretch !important;

    -ms-flex-align: stretch !important;

    align-items: stretch !important

  }

  .align-content-lg-start {

    -ms-flex-line-pack: start !important;

    align-content: flex-start !important

  }

  .align-content-lg-end {

    -ms-flex-line-pack: end !important;

    align-content: flex-end !important

  }

  .align-content-lg-center {

    -ms-flex-line-pack: center !important;

    align-content: center !important

  }

  .align-content-lg-between {

    -ms-flex-line-pack: justify !important;

    align-content: space-between !important

  }

  .align-content-lg-around {

    -ms-flex-line-pack: distribute !important;

    align-content: space-around !important

  }

  .align-content-lg-stretch {

    -ms-flex-line-pack: stretch !important;

    align-content: stretch !important

  }

  .align-self-lg-auto {

    -ms-flex-item-align: auto !important;

    align-self: auto !important

  }

  .align-self-lg-start {

    -ms-flex-item-align: start !important;

    align-self: flex-start !important

  }

  .align-self-lg-end {

    -ms-flex-item-align: end !important;

    align-self: flex-end !important

  }

  .align-self-lg-center {

    -ms-flex-item-align: center !important;

    align-self: center !important

  }

  .align-self-lg-baseline {

    -ms-flex-item-align: baseline !important;

    align-self: baseline !important

  }

  .align-self-lg-stretch {

    -ms-flex-item-align: stretch !important;

    align-self: stretch !important

  }

  .order-lg-first {

    -webkit-box-ordinal-group: 0 !important;

    -ms-flex-order: -1 !important;

    order: -1 !important

  }

  .order-lg-0 {

    -webkit-box-ordinal-group: 1 !important;

    -ms-flex-order: 0 !important;

    order: 0 !important

  }

  .order-lg-1 {

    -webkit-box-ordinal-group: 2 !important;

    -ms-flex-order: 1 !important;

    order: 1 !important

  }

  .order-lg-2 {

    -webkit-box-ordinal-group: 3 !important;

    -ms-flex-order: 2 !important;

    order: 2 !important

  }

  .order-lg-3 {

    -webkit-box-ordinal-group: 4 !important;

    -ms-flex-order: 3 !important;

    order: 3 !important

  }

  .order-lg-4 {

    -webkit-box-ordinal-group: 5 !important;

    -ms-flex-order: 4 !important;

    order: 4 !important

  }

  .order-lg-5 {

    -webkit-box-ordinal-group: 6 !important;

    -ms-flex-order: 5 !important;

    order: 5 !important

  }

  .order-lg-last {

    -webkit-box-ordinal-group: 7 !important;

    -ms-flex-order: 6 !important;

    order: 6 !important

  }

  .m-lg-0 {

    margin: 0 !important

  }

  .m-lg-1 {

    margin: .25rem !important

  }

  .m-lg-2 {

    margin: .5rem !important

  }

  .m-lg-3 {

    margin: 1rem !important

  }

  .m-lg-4 {

    margin: 1.5rem !important

  }

  .m-lg-5 {

    margin: 3rem !important

  }

  .m-lg-auto {

    margin: auto !important

  }

  .mx-lg-0 {

    margin-right: 0 !important;

    margin-left: 0 !important

  }

  .mx-lg-1 {

    margin-right: .25rem !important;

    margin-left: .25rem !important

  }

  .mx-lg-2 {

    margin-right: .5rem !important;

    margin-left: .5rem !important

  }

  .mx-lg-3 {

    margin-right: 1rem !important;

    margin-left: 1rem !important

  }

  .mx-lg-4 {

    margin-right: 1.5rem !important;

    margin-left: 1.5rem !important

  }

  .mx-lg-5 {

    margin-right: 3rem !important;

    margin-left: 3rem !important

  }

  .mx-lg-auto {

    margin-right: auto !important;

    margin-left: auto !important

  }

  .my-lg-0 {

    margin-top: 0 !important;

    margin-bottom: 0 !important

  }

  .my-lg-1 {

    margin-top: .25rem !important;

    margin-bottom: .25rem !important

  }

  .my-lg-2 {

    margin-top: .5rem !important;

    margin-bottom: .5rem !important

  }

  .my-lg-3 {

    margin-top: 1rem !important;

    margin-bottom: 1rem !important

  }

  .my-lg-4 {

    margin-top: 1.5rem !important;

    margin-bottom: 1.5rem !important

  }

  .my-lg-5 {

    margin-top: 3rem !important;

    margin-bottom: 3rem !important

  }

  .my-lg-auto {

    margin-top: auto !important;

    margin-bottom: auto !important

  }

  .mt-lg-0 {

    margin-top: 0 !important

  }

  .mt-lg-1 {

    margin-top: .25rem !important

  }

  .mt-lg-2 {

    margin-top: .5rem !important

  }

  .mt-lg-3 {

    margin-top: 1rem !important

  }

  .mt-lg-4 {

    margin-top: 1.5rem !important

  }

  .mt-lg-5 {

    margin-top: 3rem !important

  }

  .mt-lg-auto {

    margin-top: auto !important

  }

  .me-lg-0 {

    margin-right: 0 !important

  }

  .me-lg-1 {

    margin-right: .25rem !important

  }

  .me-lg-2 {

    margin-right: .5rem !important

  }

  .me-lg-3 {

    margin-right: 1rem !important

  }

  .me-lg-4 {

    margin-right: 1.5rem !important

  }

  .me-lg-5 {

    margin-right: 3rem !important

  }

  .me-lg-auto {

    margin-right: auto !important

  }

  .mb-lg-0 {

    margin-bottom: 0 !important

  }

  .mb-lg-1 {

    margin-bottom: .25rem !important

  }

  .mb-lg-2 {

    margin-bottom: .5rem !important

  }

  .mb-lg-3 {

    margin-bottom: 1rem !important

  }

  .mb-lg-4 {

    margin-bottom: 1.5rem !important

  }

  .mb-lg-5 {

    margin-bottom: 3rem !important

  }

  .mb-lg-auto {

    margin-bottom: auto !important

  }

  .ms-lg-0 {

    margin-left: 0 !important

  }

  .ms-lg-1 {

    margin-left: .25rem !important

  }

  .ms-lg-2 {

    margin-left: .5rem !important

  }

  .ms-lg-3 {

    margin-left: 1rem !important

  }

  .ms-lg-4 {

    margin-left: 1.5rem !important

  }

  .ms-lg-5 {

    margin-left: 3rem !important

  }

  .ms-lg-auto {

    margin-left: auto !important

  }

  .p-lg-0 {

    padding: 0 !important

  }

  .p-lg-1 {

    padding: .25rem !important

  }

  .p-lg-2 {

    padding: .5rem !important

  }

  .p-lg-3 {

    padding: 1rem !important

  }

  .p-lg-4 {

    padding: 1.5rem !important

  }

  .p-lg-5 {

    padding: 3rem !important

  }

  .px-lg-0 {

    padding-right: 0 !important;

    padding-left: 0 !important

  }

  .px-lg-1 {

    padding-right: .25rem !important;

    padding-left: .25rem !important

  }

  .px-lg-2 {

    padding-right: .5rem !important;

    padding-left: .5rem !important

  }

  .px-lg-3 {

    padding-right: 1rem !important;

    padding-left: 1rem !important

  }

  .px-lg-4 {

    padding-right: 1.5rem !important;

    padding-left: 1.5rem !important

  }

  .px-lg-5 {

    padding-right: 3rem !important;

    padding-left: 3rem !important

  }

  .py-lg-0 {

    padding-top: 0 !important;

    padding-bottom: 0 !important

  }

  .py-lg-1 {

    padding-top: .25rem !important;

    padding-bottom: .25rem !important

  }

  .py-lg-2 {

    padding-top: .5rem !important;

    padding-bottom: .5rem !important

  }

  .py-lg-3 {

    padding-top: 1rem !important;

    padding-bottom: 1rem !important

  }

  .py-lg-4 {

    padding-top: 1.5rem !important;

    padding-bottom: 1.5rem !important

  }

  .py-lg-5 {

    padding-top: 3rem !important;

    padding-bottom: 3rem !important

  }

  .pt-lg-0 {

    padding-top: 0 !important

  }

  .pt-lg-1 {

    padding-top: .25rem !important

  }

  .pt-lg-2 {

    padding-top: .5rem !important

  }

  .pt-lg-3 {

    padding-top: 1rem !important

  }

  .pt-lg-4 {

    padding-top: 1.5rem !important

  }

  .pt-lg-5 {

    padding-top: 3rem !important

  }

  .pe-lg-0 {

    padding-right: 0 !important

  }

  .pe-lg-1 {

    padding-right: .25rem !important

  }

  .pe-lg-2 {

    padding-right: .5rem !important

  }

  .pe-lg-3 {

    padding-right: 1rem !important

  }

  .pe-lg-4 {

    padding-right: 1.5rem !important

  }

  .pe-lg-5 {

    padding-right: 3rem !important

  }

  .pb-lg-0 {

    padding-bottom: 0 !important

  }

  .pb-lg-1 {

    padding-bottom: .25rem !important

  }

  .pb-lg-2 {

    padding-bottom: .5rem !important

  }

  .pb-lg-3 {

    padding-bottom: 1rem !important

  }

  .pb-lg-4 {

    padding-bottom: 1.5rem !important

  }

  .pb-lg-5 {

    padding-bottom: 3rem !important

  }

  .ps-lg-0 {

    padding-left: 0 !important

  }

  .ps-lg-1 {

    padding-left: .25rem !important

  }

  .ps-lg-2 {

    padding-left: .5rem !important

  }

  .ps-lg-3 {

    padding-left: 1rem !important

  }

  .ps-lg-4 {

    padding-left: 1.5rem !important

  }

  .ps-lg-5 {

    padding-left: 3rem !important

  }

  .gap-lg-0 {

    gap: 0 !important

  }

  .gap-lg-1 {

    gap: .25rem !important

  }

  .gap-lg-2 {

    gap: .5rem !important

  }

  .gap-lg-3 {

    gap: 1rem !important

  }

  .gap-lg-4 {

    gap: 1.5rem !important

  }

  .gap-lg-5 {

    gap: 3rem !important

  }

  .row-gap-lg-0 {

    row-gap: 0 !important

  }

  .row-gap-lg-1 {

    row-gap: .25rem !important

  }

  .row-gap-lg-2 {

    row-gap: .5rem !important

  }

  .row-gap-lg-3 {

    row-gap: 1rem !important

  }

  .row-gap-lg-4 {

    row-gap: 1.5rem !important

  }

  .row-gap-lg-5 {

    row-gap: 3rem !important

  }

  .column-gap-lg-0 {

    -moz-column-gap: 0 !important;

    -webkit-column-gap: 0 !important;

    column-gap: 0 !important

  }

  .column-gap-lg-1 {

    -moz-column-gap: .25rem !important;

    -webkit-column-gap: .25rem !important;

    column-gap: .25rem !important

  }

  .column-gap-lg-2 {

    -moz-column-gap: .5rem !important;

    -webkit-column-gap: .5rem !important;

    column-gap: .5rem !important

  }

  .column-gap-lg-3 {

    -moz-column-gap: 1rem !important;

    -webkit-column-gap: 1rem !important;

    column-gap: 1rem !important

  }

  .column-gap-lg-4 {

    -moz-column-gap: 1.5rem !important;

    -webkit-column-gap: 1.5rem !important;

    column-gap: 1.5rem !important

  }

  .column-gap-lg-5 {

    -moz-column-gap: 3rem !important;

    -webkit-column-gap: 3rem !important;

    column-gap: 3rem !important

  }

  .text-lg-start {

    text-align: left !important

  }

  .text-lg-end {

    text-align: right !important

  }

  .text-lg-center {

    text-align: center !important

  }

}

@media(min-width: 1200px) {

  .float-xl-start {

    float: left !important

  }

  .float-xl-end {

    float: right !important

  }

  .float-xl-none {

    float: none !important

  }

  .object-fit-xl-contain {

    -o-object-fit: contain !important;

    object-fit: contain !important

  }

  .object-fit-xl-cover {

    -o-object-fit: cover !important;

    object-fit: cover !important

  }

  .object-fit-xl-fill {

    -o-object-fit: fill !important;

    object-fit: fill !important

  }

  .object-fit-xl-scale {

    -o-object-fit: scale-down !important;

    object-fit: scale-down !important

  }

  .object-fit-xl-none {

    -o-object-fit: none !important;

    object-fit: none !important

  }

  .d-xl-inline {

    display: inline !important

  }

  .d-xl-inline-block {

    display: inline-block !important

  }

  .d-xl-block {

    display: block !important

  }

  .d-xl-grid {

    display: grid !important

  }

  .d-xl-table {

    display: table !important

  }

  .d-xl-table-row {

    display: table-row !important

  }

  .d-xl-table-cell {

    display: table-cell !important

  }

  .d-xl-flex {

    display: -webkit-box !important;

    display: -ms-flexbox !important;

    display: flex !important

  }

  .d-xl-inline-flex {

    display: -webkit-inline-box !important;

    display: -ms-inline-flexbox !important;

    display: inline-flex !important

  }

  .d-xl-none {

    display: none !important

  }

  .flex-xl-fill {

    -webkit-box-flex: 1 !important;

    -ms-flex: 1 1 auto !important;

    flex: 1 1 auto !important

  }

  .flex-xl-row {

    -webkit-box-orient: horizontal !important;

    -webkit-box-direction: normal !important;

    -ms-flex-direction: row !important;

    flex-direction: row !important

  }

  .flex-xl-column {

    -webkit-box-orient: vertical !important;

    -webkit-box-direction: normal !important;

    -ms-flex-direction: column !important;

    flex-direction: column !important

  }

  .flex-xl-row-reverse {

    -webkit-box-orient: horizontal !important;

    -webkit-box-direction: reverse !important;

    -ms-flex-direction: row-reverse !important;

    flex-direction: row-reverse !important

  }

  .flex-xl-column-reverse {

    -webkit-box-orient: vertical !important;

    -webkit-box-direction: reverse !important;

    -ms-flex-direction: column-reverse !important;

    flex-direction: column-reverse !important

  }

  .flex-xl-grow-0 {

    -webkit-box-flex: 0 !important;

    -ms-flex-positive: 0 !important;

    flex-grow: 0 !important

  }

  .flex-xl-grow-1 {

    -webkit-box-flex: 1 !important;

    -ms-flex-positive: 1 !important;

    flex-grow: 1 !important

  }

  .flex-xl-shrink-0 {

    -ms-flex-negative: 0 !important;

    flex-shrink: 0 !important

  }

  .flex-xl-shrink-1 {

    -ms-flex-negative: 1 !important;

    flex-shrink: 1 !important

  }

  .flex-xl-wrap {

    -ms-flex-wrap: wrap !important;

    flex-wrap: wrap !important

  }

  .flex-xl-nowrap {

    -ms-flex-wrap: nowrap !important;

    flex-wrap: nowrap !important

  }

  .flex-xl-wrap-reverse {

    -ms-flex-wrap: wrap-reverse !important;

    flex-wrap: wrap-reverse !important

  }

  .justify-content-xl-start {

    -webkit-box-pack: start !important;

    -ms-flex-pack: start !important;

    justify-content: flex-start !important

  }

  .justify-content-xl-end {

    -webkit-box-pack: end !important;

    -ms-flex-pack: end !important;

    justify-content: flex-end !important

  }

  .justify-content-xl-center {

    -webkit-box-pack: center !important;

    -ms-flex-pack: center !important;

    justify-content: center !important

  }

  .justify-content-xl-between {

    -webkit-box-pack: justify !important;

    -ms-flex-pack: justify !important;

    justify-content: space-between !important

  }

  .justify-content-xl-around {

    -ms-flex-pack: distribute !important;

    justify-content: space-around !important

  }

  .justify-content-xl-evenly {

    -webkit-box-pack: space-evenly !important;

    -ms-flex-pack: space-evenly !important;

    justify-content: space-evenly !important

  }

  .align-items-xl-start {

    -webkit-box-align: start !important;

    -ms-flex-align: start !important;

    align-items: flex-start !important

  }

  .align-items-xl-end {

    -webkit-box-align: end !important;

    -ms-flex-align: end !important;

    align-items: flex-end !important

  }

  .align-items-xl-center {

    -webkit-box-align: center !important;

    -ms-flex-align: center !important;

    align-items: center !important

  }

  .align-items-xl-baseline {

    -webkit-box-align: baseline !important;

    -ms-flex-align: baseline !important;

    align-items: baseline !important

  }

  .align-items-xl-stretch {

    -webkit-box-align: stretch !important;

    -ms-flex-align: stretch !important;

    align-items: stretch !important

  }

  .align-content-xl-start {

    -ms-flex-line-pack: start !important;

    align-content: flex-start !important

  }

  .align-content-xl-end {

    -ms-flex-line-pack: end !important;

    align-content: flex-end !important

  }

  .align-content-xl-center {

    -ms-flex-line-pack: center !important;

    align-content: center !important

  }

  .align-content-xl-between {

    -ms-flex-line-pack: justify !important;

    align-content: space-between !important

  }

  .align-content-xl-around {

    -ms-flex-line-pack: distribute !important;

    align-content: space-around !important

  }

  .align-content-xl-stretch {

    -ms-flex-line-pack: stretch !important;

    align-content: stretch !important

  }

  .align-self-xl-auto {

    -ms-flex-item-align: auto !important;

    align-self: auto !important

  }

  .align-self-xl-start {

    -ms-flex-item-align: start !important;

    align-self: flex-start !important

  }

  .align-self-xl-end {

    -ms-flex-item-align: end !important;

    align-self: flex-end !important

  }

  .align-self-xl-center {

    -ms-flex-item-align: center !important;

    align-self: center !important

  }

  .align-self-xl-baseline {

    -ms-flex-item-align: baseline !important;

    align-self: baseline !important

  }

  .align-self-xl-stretch {

    -ms-flex-item-align: stretch !important;

    align-self: stretch !important

  }

  .order-xl-first {

    -webkit-box-ordinal-group: 0 !important;

    -ms-flex-order: -1 !important;

    order: -1 !important

  }

  .order-xl-0 {

    -webkit-box-ordinal-group: 1 !important;

    -ms-flex-order: 0 !important;

    order: 0 !important

  }

  .order-xl-1 {

    -webkit-box-ordinal-group: 2 !important;

    -ms-flex-order: 1 !important;

    order: 1 !important

  }

  .order-xl-2 {

    -webkit-box-ordinal-group: 3 !important;

    -ms-flex-order: 2 !important;

    order: 2 !important

  }

  .order-xl-3 {

    -webkit-box-ordinal-group: 4 !important;

    -ms-flex-order: 3 !important;

    order: 3 !important

  }

  .order-xl-4 {

    -webkit-box-ordinal-group: 5 !important;

    -ms-flex-order: 4 !important;

    order: 4 !important

  }

  .order-xl-5 {

    -webkit-box-ordinal-group: 6 !important;

    -ms-flex-order: 5 !important;

    order: 5 !important

  }

  .order-xl-last {

    -webkit-box-ordinal-group: 7 !important;

    -ms-flex-order: 6 !important;

    order: 6 !important

  }

  .m-xl-0 {

    margin: 0 !important

  }

  .m-xl-1 {

    margin: .25rem !important

  }

  .m-xl-2 {

    margin: .5rem !important

  }

  .m-xl-3 {

    margin: 1rem !important

  }

  .m-xl-4 {

    margin: 1.5rem !important

  }

  .m-xl-5 {

    margin: 3rem !important

  }

  .m-xl-auto {

    margin: auto !important

  }

  .mx-xl-0 {

    margin-right: 0 !important;

    margin-left: 0 !important

  }

  .mx-xl-1 {

    margin-right: .25rem !important;

    margin-left: .25rem !important

  }

  .mx-xl-2 {

    margin-right: .5rem !important;

    margin-left: .5rem !important

  }

  .mx-xl-3 {

    margin-right: 1rem !important;

    margin-left: 1rem !important

  }

  .mx-xl-4 {

    margin-right: 1.5rem !important;

    margin-left: 1.5rem !important

  }

  .mx-xl-5 {

    margin-right: 3rem !important;

    margin-left: 3rem !important

  }

  .mx-xl-auto {

    margin-right: auto !important;

    margin-left: auto !important

  }

  .my-xl-0 {

    margin-top: 0 !important;

    margin-bottom: 0 !important

  }

  .my-xl-1 {

    margin-top: .25rem !important;

    margin-bottom: .25rem !important

  }

  .my-xl-2 {

    margin-top: .5rem !important;

    margin-bottom: .5rem !important

  }

  .my-xl-3 {

    margin-top: 1rem !important;

    margin-bottom: 1rem !important

  }

  .my-xl-4 {

    margin-top: 1.5rem !important;

    margin-bottom: 1.5rem !important

  }

  .my-xl-5 {

    margin-top: 3rem !important;

    margin-bottom: 3rem !important

  }

  .my-xl-auto {

    margin-top: auto !important;

    margin-bottom: auto !important

  }

  .mt-xl-0 {

    margin-top: 0 !important

  }

  .mt-xl-1 {

    margin-top: .25rem !important

  }

  .mt-xl-2 {

    margin-top: .5rem !important

  }

  .mt-xl-3 {

    margin-top: 1rem !important

  }

  .mt-xl-4 {

    margin-top: 1.5rem !important

  }

  .mt-xl-5 {

    margin-top: 3rem !important

  }

  .mt-xl-auto {

    margin-top: auto !important

  }

  .me-xl-0 {

    margin-right: 0 !important

  }

  .me-xl-1 {

    margin-right: .25rem !important

  }

  .me-xl-2 {

    margin-right: .5rem !important

  }

  .me-xl-3 {

    margin-right: 1rem !important

  }

  .me-xl-4 {

    margin-right: 1.5rem !important

  }

  .me-xl-5 {

    margin-right: 3rem !important

  }

  .me-xl-auto {

    margin-right: auto !important

  }

  .mb-xl-0 {

    margin-bottom: 0 !important

  }

  .mb-xl-1 {

    margin-bottom: .25rem !important

  }

  .mb-xl-2 {

    margin-bottom: .5rem !important

  }

  .mb-xl-3 {

    margin-bottom: 1rem !important

  }

  .mb-xl-4 {

    margin-bottom: 1.5rem !important

  }

  .mb-xl-5 {

    margin-bottom: 3rem !important

  }

  .mb-xl-auto {

    margin-bottom: auto !important

  }

  .ms-xl-0 {

    margin-left: 0 !important

  }

  .ms-xl-1 {

    margin-left: .25rem !important

  }

  .ms-xl-2 {

    margin-left: .5rem !important

  }

  .ms-xl-3 {

    margin-left: 1rem !important

  }

  .ms-xl-4 {

    margin-left: 1.5rem !important

  }

  .ms-xl-5 {

    margin-left: 3rem !important

  }

  .ms-xl-auto {

    margin-left: auto !important

  }

  .p-xl-0 {

    padding: 0 !important

  }

  .p-xl-1 {

    padding: .25rem !important

  }

  .p-xl-2 {

    padding: .5rem !important

  }

  .p-xl-3 {

    padding: 1rem !important

  }

  .p-xl-4 {

    padding: 1.5rem !important

  }

  .p-xl-5 {

    padding: 3rem !important

  }

  .px-xl-0 {

    padding-right: 0 !important;

    padding-left: 0 !important

  }

  .px-xl-1 {

    padding-right: .25rem !important;

    padding-left: .25rem !important

  }

  .px-xl-2 {

    padding-right: .5rem !important;

    padding-left: .5rem !important

  }

  .px-xl-3 {

    padding-right: 1rem !important;

    padding-left: 1rem !important

  }

  .px-xl-4 {

    padding-right: 1.5rem !important;

    padding-left: 1.5rem !important

  }

  .px-xl-5 {

    padding-right: 3rem !important;

    padding-left: 3rem !important

  }

  .py-xl-0 {

    padding-top: 0 !important;

    padding-bottom: 0 !important

  }

  .py-xl-1 {

    padding-top: .25rem !important;

    padding-bottom: .25rem !important

  }

  .py-xl-2 {

    padding-top: .5rem !important;

    padding-bottom: .5rem !important

  }

  .py-xl-3 {

    padding-top: 1rem !important;

    padding-bottom: 1rem !important

  }

  .py-xl-4 {

    padding-top: 1.5rem !important;

    padding-bottom: 1.5rem !important

  }

  .py-xl-5 {

    padding-top: 3rem !important;

    padding-bottom: 3rem !important

  }

  .pt-xl-0 {

    padding-top: 0 !important

  }

  .pt-xl-1 {

    padding-top: .25rem !important

  }

  .pt-xl-2 {

    padding-top: .5rem !important

  }

  .pt-xl-3 {

    padding-top: 1rem !important

  }

  .pt-xl-4 {

    padding-top: 1.5rem !important

  }

  .pt-xl-5 {

    padding-top: 3rem !important

  }

  .pe-xl-0 {

    padding-right: 0 !important

  }

  .pe-xl-1 {

    padding-right: .25rem !important

  }

  .pe-xl-2 {

    padding-right: .5rem !important

  }

  .pe-xl-3 {

    padding-right: 1rem !important

  }

  .pe-xl-4 {

    padding-right: 1.5rem !important

  }

  .pe-xl-5 {

    padding-right: 3rem !important

  }

  .pb-xl-0 {

    padding-bottom: 0 !important

  }

  .pb-xl-1 {

    padding-bottom: .25rem !important

  }

  .pb-xl-2 {

    padding-bottom: .5rem !important

  }

  .pb-xl-3 {

    padding-bottom: 1rem !important

  }

  .pb-xl-4 {

    padding-bottom: 1.5rem !important

  }

  .pb-xl-5 {

    padding-bottom: 3rem !important

  }

  .ps-xl-0 {

    padding-left: 0 !important

  }

  .ps-xl-1 {

    padding-left: .25rem !important

  }

  .ps-xl-2 {

    padding-left: .5rem !important

  }

  .ps-xl-3 {

    padding-left: 1rem !important

  }

  .ps-xl-4 {

    padding-left: 1.5rem !important

  }

  .ps-xl-5 {

    padding-left: 3rem !important

  }

  .gap-xl-0 {

    gap: 0 !important

  }

  .gap-xl-1 {

    gap: .25rem !important

  }

  .gap-xl-2 {

    gap: .5rem !important

  }

  .gap-xl-3 {

    gap: 1rem !important

  }

  .gap-xl-4 {

    gap: 1.5rem !important

  }

  .gap-xl-5 {

    gap: 3rem !important

  }

  .row-gap-xl-0 {

    row-gap: 0 !important

  }

  .row-gap-xl-1 {

    row-gap: .25rem !important

  }

  .row-gap-xl-2 {

    row-gap: .5rem !important

  }

  .row-gap-xl-3 {

    row-gap: 1rem !important

  }

  .row-gap-xl-4 {

    row-gap: 1.5rem !important

  }

  .row-gap-xl-5 {

    row-gap: 3rem !important

  }

  .column-gap-xl-0 {

    -moz-column-gap: 0 !important;

    -webkit-column-gap: 0 !important;

    column-gap: 0 !important

  }

  .column-gap-xl-1 {

    -moz-column-gap: .25rem !important;

    -webkit-column-gap: .25rem !important;

    column-gap: .25rem !important

  }

  .column-gap-xl-2 {

    -moz-column-gap: .5rem !important;

    -webkit-column-gap: .5rem !important;

    column-gap: .5rem !important

  }

  .column-gap-xl-3 {

    -moz-column-gap: 1rem !important;

    -webkit-column-gap: 1rem !important;

    column-gap: 1rem !important

  }

  .column-gap-xl-4 {

    -moz-column-gap: 1.5rem !important;

    -webkit-column-gap: 1.5rem !important;

    column-gap: 1.5rem !important

  }

  .column-gap-xl-5 {

    -moz-column-gap: 3rem !important;

    -webkit-column-gap: 3rem !important;

    column-gap: 3rem !important

  }

  .text-xl-start {

    text-align: left !important

  }

  .text-xl-end {

    text-align: right !important

  }

  .text-xl-center {

    text-align: center !important

  }

}

@media(min-width: 1400px) {

  .float-xxl-start {

    float: left !important

  }

  .float-xxl-end {

    float: right !important

  }

  .float-xxl-none {

    float: none !important

  }

  .object-fit-xxl-contain {

    -o-object-fit: contain !important;

    object-fit: contain !important

  }

  .object-fit-xxl-cover {

    -o-object-fit: cover !important;

    object-fit: cover !important

  }

  .object-fit-xxl-fill {

    -o-object-fit: fill !important;

    object-fit: fill !important

  }

  .object-fit-xxl-scale {

    -o-object-fit: scale-down !important;

    object-fit: scale-down !important

  }

  .object-fit-xxl-none {

    -o-object-fit: none !important;

    object-fit: none !important

  }

  .d-xxl-inline {

    display: inline !important

  }

  .d-xxl-inline-block {

    display: inline-block !important

  }

  .d-xxl-block {

    display: block !important

  }

  .d-xxl-grid {

    display: grid !important

  }

  .d-xxl-table {

    display: table !important

  }

  .d-xxl-table-row {

    display: table-row !important

  }

  .d-xxl-table-cell {

    display: table-cell !important

  }

  .d-xxl-flex {

    display: -webkit-box !important;

    display: -ms-flexbox !important;

    display: flex !important

  }

  .d-xxl-inline-flex {

    display: -webkit-inline-box !important;

    display: -ms-inline-flexbox !important;

    display: inline-flex !important

  }

  .d-xxl-none {

    display: none !important

  }

  .flex-xxl-fill {

    -webkit-box-flex: 1 !important;

    -ms-flex: 1 1 auto !important;

    flex: 1 1 auto !important

  }

  .flex-xxl-row {

    -webkit-box-orient: horizontal !important;

    -webkit-box-direction: normal !important;

    -ms-flex-direction: row !important;

    flex-direction: row !important

  }

  .flex-xxl-column {

    -webkit-box-orient: vertical !important;

    -webkit-box-direction: normal !important;

    -ms-flex-direction: column !important;

    flex-direction: column !important

  }

  .flex-xxl-row-reverse {

    -webkit-box-orient: horizontal !important;

    -webkit-box-direction: reverse !important;

    -ms-flex-direction: row-reverse !important;

    flex-direction: row-reverse !important

  }

  .flex-xxl-column-reverse {

    -webkit-box-orient: vertical !important;

    -webkit-box-direction: reverse !important;

    -ms-flex-direction: column-reverse !important;

    flex-direction: column-reverse !important

  }

  .flex-xxl-grow-0 {

    -webkit-box-flex: 0 !important;

    -ms-flex-positive: 0 !important;

    flex-grow: 0 !important

  }

  .flex-xxl-grow-1 {

    -webkit-box-flex: 1 !important;

    -ms-flex-positive: 1 !important;

    flex-grow: 1 !important

  }

  .flex-xxl-shrink-0 {

    -ms-flex-negative: 0 !important;

    flex-shrink: 0 !important

  }

  .flex-xxl-shrink-1 {

    -ms-flex-negative: 1 !important;

    flex-shrink: 1 !important

  }

  .flex-xxl-wrap {

    -ms-flex-wrap: wrap !important;

    flex-wrap: wrap !important

  }

  .flex-xxl-nowrap {

    -ms-flex-wrap: nowrap !important;

    flex-wrap: nowrap !important

  }

  .flex-xxl-wrap-reverse {

    -ms-flex-wrap: wrap-reverse !important;

    flex-wrap: wrap-reverse !important

  }

  .justify-content-xxl-start {

    -webkit-box-pack: start !important;

    -ms-flex-pack: start !important;

    justify-content: flex-start !important

  }

  .justify-content-xxl-end {

    -webkit-box-pack: end !important;

    -ms-flex-pack: end !important;

    justify-content: flex-end !important

  }

  .justify-content-xxl-center {

    -webkit-box-pack: center !important;

    -ms-flex-pack: center !important;

    justify-content: center !important

  }

  .justify-content-xxl-between {

    -webkit-box-pack: justify !important;

    -ms-flex-pack: justify !important;

    justify-content: space-between !important

  }

  .justify-content-xxl-around {

    -ms-flex-pack: distribute !important;

    justify-content: space-around !important

  }

  .justify-content-xxl-evenly {

    -webkit-box-pack: space-evenly !important;

    -ms-flex-pack: space-evenly !important;

    justify-content: space-evenly !important

  }

  .align-items-xxl-start {

    -webkit-box-align: start !important;

    -ms-flex-align: start !important;

    align-items: flex-start !important

  }

  .align-items-xxl-end {

    -webkit-box-align: end !important;

    -ms-flex-align: end !important;

    align-items: flex-end !important

  }

  .align-items-xxl-center {

    -webkit-box-align: center !important;

    -ms-flex-align: center !important;

    align-items: center !important

  }

  .align-items-xxl-baseline {

    -webkit-box-align: baseline !important;

    -ms-flex-align: baseline !important;

    align-items: baseline !important

  }

  .align-items-xxl-stretch {

    -webkit-box-align: stretch !important;

    -ms-flex-align: stretch !important;

    align-items: stretch !important

  }

  .align-content-xxl-start {

    -ms-flex-line-pack: start !important;

    align-content: flex-start !important

  }

  .align-content-xxl-end {

    -ms-flex-line-pack: end !important;

    align-content: flex-end !important

  }

  .align-content-xxl-center {

    -ms-flex-line-pack: center !important;

    align-content: center !important

  }

  .align-content-xxl-between {

    -ms-flex-line-pack: justify !important;

    align-content: space-between !important

  }

  .align-content-xxl-around {

    -ms-flex-line-pack: distribute !important;

    align-content: space-around !important

  }

  .align-content-xxl-stretch {

    -ms-flex-line-pack: stretch !important;

    align-content: stretch !important

  }

  .align-self-xxl-auto {

    -ms-flex-item-align: auto !important;

    align-self: auto !important

  }

  .align-self-xxl-start {

    -ms-flex-item-align: start !important;

    align-self: flex-start !important

  }

  .align-self-xxl-end {

    -ms-flex-item-align: end !important;

    align-self: flex-end !important

  }

  .align-self-xxl-center {

    -ms-flex-item-align: center !important;

    align-self: center !important

  }

  .align-self-xxl-baseline {

    -ms-flex-item-align: baseline !important;

    align-self: baseline !important

  }

  .align-self-xxl-stretch {

    -ms-flex-item-align: stretch !important;

    align-self: stretch !important

  }

  .order-xxl-first {

    -webkit-box-ordinal-group: 0 !important;

    -ms-flex-order: -1 !important;

    order: -1 !important

  }

  .order-xxl-0 {

    -webkit-box-ordinal-group: 1 !important;

    -ms-flex-order: 0 !important;

    order: 0 !important

  }

  .order-xxl-1 {

    -webkit-box-ordinal-group: 2 !important;

    -ms-flex-order: 1 !important;

    order: 1 !important

  }

  .order-xxl-2 {

    -webkit-box-ordinal-group: 3 !important;

    -ms-flex-order: 2 !important;

    order: 2 !important

  }

  .order-xxl-3 {

    -webkit-box-ordinal-group: 4 !important;

    -ms-flex-order: 3 !important;

    order: 3 !important

  }

  .order-xxl-4 {

    -webkit-box-ordinal-group: 5 !important;

    -ms-flex-order: 4 !important;

    order: 4 !important

  }

  .order-xxl-5 {

    -webkit-box-ordinal-group: 6 !important;

    -ms-flex-order: 5 !important;

    order: 5 !important

  }

  .order-xxl-last {

    -webkit-box-ordinal-group: 7 !important;

    -ms-flex-order: 6 !important;

    order: 6 !important

  }

  .m-xxl-0 {

    margin: 0 !important

  }

  .m-xxl-1 {

    margin: .25rem !important

  }

  .m-xxl-2 {

    margin: .5rem !important

  }

  .m-xxl-3 {

    margin: 1rem !important

  }

  .m-xxl-4 {

    margin: 1.5rem !important

  }

  .m-xxl-5 {

    margin: 3rem !important

  }

  .m-xxl-auto {

    margin: auto !important

  }

  .mx-xxl-0 {

    margin-right: 0 !important;

    margin-left: 0 !important

  }

  .mx-xxl-1 {

    margin-right: .25rem !important;

    margin-left: .25rem !important

  }

  .mx-xxl-2 {

    margin-right: .5rem !important;

    margin-left: .5rem !important

  }

  .mx-xxl-3 {

    margin-right: 1rem !important;

    margin-left: 1rem !important

  }

  .mx-xxl-4 {

    margin-right: 1.5rem !important;

    margin-left: 1.5rem !important

  }

  .mx-xxl-5 {

    margin-right: 3rem !important;

    margin-left: 3rem !important

  }

  .mx-xxl-auto {

    margin-right: auto !important;

    margin-left: auto !important

  }

  .my-xxl-0 {

    margin-top: 0 !important;

    margin-bottom: 0 !important

  }

  .my-xxl-1 {

    margin-top: .25rem !important;

    margin-bottom: .25rem !important

  }

  .my-xxl-2 {

    margin-top: .5rem !important;

    margin-bottom: .5rem !important

  }

  .my-xxl-3 {

    margin-top: 1rem !important;

    margin-bottom: 1rem !important

  }

  .my-xxl-4 {

    margin-top: 1.5rem !important;

    margin-bottom: 1.5rem !important

  }

  .my-xxl-5 {

    margin-top: 3rem !important;

    margin-bottom: 3rem !important

  }

  .my-xxl-auto {

    margin-top: auto !important;

    margin-bottom: auto !important

  }

  .mt-xxl-0 {

    margin-top: 0 !important

  }

  .mt-xxl-1 {

    margin-top: .25rem !important

  }

  .mt-xxl-2 {

    margin-top: .5rem !important

  }

  .mt-xxl-3 {

    margin-top: 1rem !important

  }

  .mt-xxl-4 {

    margin-top: 1.5rem !important

  }

  .mt-xxl-5 {

    margin-top: 3rem !important

  }

  .mt-xxl-auto {

    margin-top: auto !important

  }

  .me-xxl-0 {

    margin-right: 0 !important

  }

  .me-xxl-1 {

    margin-right: .25rem !important

  }

  .me-xxl-2 {

    margin-right: .5rem !important

  }

  .me-xxl-3 {

    margin-right: 1rem !important

  }

  .me-xxl-4 {

    margin-right: 1.5rem !important

  }

  .me-xxl-5 {

    margin-right: 3rem !important

  }

  .me-xxl-auto {

    margin-right: auto !important

  }

  .mb-xxl-0 {

    margin-bottom: 0 !important

  }

  .mb-xxl-1 {

    margin-bottom: .25rem !important

  }

  .mb-xxl-2 {

    margin-bottom: .5rem !important

  }

  .mb-xxl-3 {

    margin-bottom: 1rem !important

  }

  .mb-xxl-4 {

    margin-bottom: 1.5rem !important

  }

  .mb-xxl-5 {

    margin-bottom: 3rem !important

  }

  .mb-xxl-auto {

    margin-bottom: auto !important

  }

  .ms-xxl-0 {

    margin-left: 0 !important

  }

  .ms-xxl-1 {

    margin-left: .25rem !important

  }

  .ms-xxl-2 {

    margin-left: .5rem !important

  }

  .ms-xxl-3 {

    margin-left: 1rem !important

  }

  .ms-xxl-4 {

    margin-left: 1.5rem !important

  }

  .ms-xxl-5 {

    margin-left: 3rem !important

  }

  .ms-xxl-auto {

    margin-left: auto !important

  }

  .p-xxl-0 {

    padding: 0 !important

  }

  .p-xxl-1 {

    padding: .25rem !important

  }

  .p-xxl-2 {

    padding: .5rem !important

  }

  .p-xxl-3 {

    padding: 1rem !important

  }

  .p-xxl-4 {

    padding: 1.5rem !important

  }

  .p-xxl-5 {

    padding: 3rem !important

  }

  .px-xxl-0 {

    padding-right: 0 !important;

    padding-left: 0 !important

  }

  .px-xxl-1 {

    padding-right: .25rem !important;

    padding-left: .25rem !important

  }

  .px-xxl-2 {

    padding-right: .5rem !important;

    padding-left: .5rem !important

  }

  .px-xxl-3 {

    padding-right: 1rem !important;

    padding-left: 1rem !important

  }

  .px-xxl-4 {

    padding-right: 1.5rem !important;

    padding-left: 1.5rem !important

  }

  .px-xxl-5 {

    padding-right: 3rem !important;

    padding-left: 3rem !important

  }

  .py-xxl-0 {

    padding-top: 0 !important;

    padding-bottom: 0 !important

  }

  .py-xxl-1 {

    padding-top: .25rem !important;

    padding-bottom: .25rem !important

  }

  .py-xxl-2 {

    padding-top: .5rem !important;

    padding-bottom: .5rem !important

  }

  .py-xxl-3 {

    padding-top: 1rem !important;

    padding-bottom: 1rem !important

  }

  .py-xxl-4 {

    padding-top: 1.5rem !important;

    padding-bottom: 1.5rem !important

  }

  .py-xxl-5 {

    padding-top: 3rem !important;

    padding-bottom: 3rem !important

  }

  .pt-xxl-0 {

    padding-top: 0 !important

  }

  .pt-xxl-1 {

    padding-top: .25rem !important

  }

  .pt-xxl-2 {

    padding-top: .5rem !important

  }

  .pt-xxl-3 {

    padding-top: 1rem !important

  }

  .pt-xxl-4 {

    padding-top: 1.5rem !important

  }

  .pt-xxl-5 {

    padding-top: 3rem !important

  }

  .pe-xxl-0 {

    padding-right: 0 !important

  }

  .pe-xxl-1 {

    padding-right: .25rem !important

  }

  .pe-xxl-2 {

    padding-right: .5rem !important

  }

  .pe-xxl-3 {

    padding-right: 1rem !important

  }

  .pe-xxl-4 {

    padding-right: 1.5rem !important

  }

  .pe-xxl-5 {

    padding-right: 3rem !important

  }

  .pb-xxl-0 {

    padding-bottom: 0 !important

  }

  .pb-xxl-1 {

    padding-bottom: .25rem !important

  }

  .pb-xxl-2 {

    padding-bottom: .5rem !important

  }

  .pb-xxl-3 {

    padding-bottom: 1rem !important

  }

  .pb-xxl-4 {

    padding-bottom: 1.5rem !important

  }

  .pb-xxl-5 {

    padding-bottom: 3rem !important

  }

  .ps-xxl-0 {

    padding-left: 0 !important

  }

  .ps-xxl-1 {

    padding-left: .25rem !important

  }

  .ps-xxl-2 {

    padding-left: .5rem !important

  }

  .ps-xxl-3 {

    padding-left: 1rem !important

  }

  .ps-xxl-4 {

    padding-left: 1.5rem !important

  }

  .ps-xxl-5 {

    padding-left: 3rem !important

  }

  .gap-xxl-0 {

    gap: 0 !important

  }

  .gap-xxl-1 {

    gap: .25rem !important

  }

  .gap-xxl-2 {

    gap: .5rem !important

  }

  .gap-xxl-3 {

    gap: 1rem !important

  }

  .gap-xxl-4 {

    gap: 1.5rem !important

  }

  .gap-xxl-5 {

    gap: 3rem !important

  }

  .row-gap-xxl-0 {

    row-gap: 0 !important

  }

  .row-gap-xxl-1 {

    row-gap: .25rem !important

  }

  .row-gap-xxl-2 {

    row-gap: .5rem !important

  }

  .row-gap-xxl-3 {

    row-gap: 1rem !important

  }

  .row-gap-xxl-4 {

    row-gap: 1.5rem !important

  }

  .row-gap-xxl-5 {

    row-gap: 3rem !important

  }

  .column-gap-xxl-0 {

    -moz-column-gap: 0 !important;

    -webkit-column-gap: 0 !important;

    column-gap: 0 !important

  }

  .column-gap-xxl-1 {

    -moz-column-gap: .25rem !important;

    -webkit-column-gap: .25rem !important;

    column-gap: .25rem !important

  }

  .column-gap-xxl-2 {

    -moz-column-gap: .5rem !important;

    -webkit-column-gap: .5rem !important;

    column-gap: .5rem !important

  }

  .column-gap-xxl-3 {

    -moz-column-gap: 1rem !important;

    -webkit-column-gap: 1rem !important;

    column-gap: 1rem !important

  }

  .column-gap-xxl-4 {

    -moz-column-gap: 1.5rem !important;

    -webkit-column-gap: 1.5rem !important;

    column-gap: 1.5rem !important

  }

  .column-gap-xxl-5 {

    -moz-column-gap: 3rem !important;

    -webkit-column-gap: 3rem !important;

    column-gap: 3rem !important

  }

  .text-xxl-start {

    text-align: left !important

  }

  .text-xxl-end {

    text-align: right !important

  }

  .text-xxl-center {

    text-align: center !important

  }

}

@media(min-width: 1200px) {

  .fs-1 {

    font-size: 2.5rem !important

  }

  .fs-2 {

    font-size: 2rem !important

  }

  .fs-3 {

    font-size: 1.75rem !important

  }

  .fs-4 {

    font-size: 1.5rem !important

  }

}

@media print {

  .d-print-inline {

    display: inline !important

  }

  .d-print-inline-block {

    display: inline-block !important

  }

  .d-print-block {

    display: block !important

  }

  .d-print-grid {

    display: grid !important

  }

  .d-print-table {

    display: table !important

  }

  .d-print-table-row {

    display: table-row !important

  }

  .d-print-table-cell {

    display: table-cell !important

  }

  .d-print-flex {

    display: -webkit-box !important;

    display: -ms-flexbox !important;

    display: flex !important

  }

  .d-print-inline-flex {

    display: -webkit-inline-box !important;

    display: -ms-inline-flexbox !important;

    display: inline-flex !important

  }

  .d-print-none {

    display: none !important

  }

} /*!

 * animate.css -http://daneden.me/animate

 * Version - 3.7.0

 * Licensed under the MIT license - http://opensource.org/licenses/MIT

 *

 * Copyright (c) 2018 Daniel Eden

 */ @-webkit-keyframes bounce {

  from, 20%, 53%, 80%, to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

  }

  40%, 43% {

    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

    -webkit-transform: translate3d(0, -30px, 0);

    transform: translate3d(0, -30px, 0)

  }

  70% {

    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

    -webkit-transform: translate3d(0, -15px, 0);

    transform: translate3d(0, -15px, 0)

  }

  90% {

    -webkit-transform: translate3d(0, -4px, 0);

    transform: translate3d(0, -4px, 0)

  }

}

@keyframes bounce {

  from, 20%, 53%, 80%, to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

  }

  40%, 43% {

    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

    -webkit-transform: translate3d(0, -30px, 0);

    transform: translate3d(0, -30px, 0)

  }

  70% {

    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

    -webkit-transform: translate3d(0, -15px, 0);

    transform: translate3d(0, -15px, 0)

  }

  90% {

    -webkit-transform: translate3d(0, -4px, 0);

    transform: translate3d(0, -4px, 0)

  }

}

.bounce {

  -webkit-animation-name: bounce;

  animation-name: bounce;

  -webkit-transform-origin: center bottom;

  transform-origin: center bottom

}

@-webkit-keyframes flash {

  from, 50%, to {

    opacity: 1

  }

  25%, 75% {

    opacity: 0

  }

}

@keyframes flash {

  from, 50%, to {

    opacity: 1

  }

  25%, 75% {

    opacity: 0

  }

}

.flash {

  -webkit-animation-name: flash;

  animation-name: flash

}

@-webkit-keyframes pulse {

  from {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1)

  }

  50% {

    -webkit-transform: scale3d(1.05, 1.05, 1.05);

    transform: scale3d(1.05, 1.05, 1.05)

  }

  to {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1)

  }

}

@keyframes pulse {

  from {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1)

  }

  50% {

    -webkit-transform: scale3d(1.05, 1.05, 1.05);

    transform: scale3d(1.05, 1.05, 1.05)

  }

  to {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1)

  }

}

.pulse {

  -webkit-animation-name: pulse;

  animation-name: pulse

}

@-webkit-keyframes rubberBand {

  from {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1)

  }

  30% {

    -webkit-transform: scale3d(1.25, 0.75, 1);

    transform: scale3d(1.25, 0.75, 1)

  }

  40% {

    -webkit-transform: scale3d(0.75, 1.25, 1);

    transform: scale3d(0.75, 1.25, 1)

  }

  50% {

    -webkit-transform: scale3d(1.15, 0.85, 1);

    transform: scale3d(1.15, 0.85, 1)

  }

  65% {

    -webkit-transform: scale3d(0.95, 1.05, 1);

    transform: scale3d(0.95, 1.05, 1)

  }

  75% {

    -webkit-transform: scale3d(1.05, 0.95, 1);

    transform: scale3d(1.05, 0.95, 1)

  }

  to {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1)

  }

}

@keyframes rubberBand {

  from {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1)

  }

  30% {

    -webkit-transform: scale3d(1.25, 0.75, 1);

    transform: scale3d(1.25, 0.75, 1)

  }

  40% {

    -webkit-transform: scale3d(0.75, 1.25, 1);

    transform: scale3d(0.75, 1.25, 1)

  }

  50% {

    -webkit-transform: scale3d(1.15, 0.85, 1);

    transform: scale3d(1.15, 0.85, 1)

  }

  65% {

    -webkit-transform: scale3d(0.95, 1.05, 1);

    transform: scale3d(0.95, 1.05, 1)

  }

  75% {

    -webkit-transform: scale3d(1.05, 0.95, 1);

    transform: scale3d(1.05, 0.95, 1)

  }

  to {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1)

  }

}

.rubberBand {

  -webkit-animation-name: rubberBand;

  animation-name: rubberBand

}

@-webkit-keyframes shake {

  from, to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

  }

  10%, 30%, 50%, 70%, 90% {

    -webkit-transform: translate3d(-10px, 0, 0);

    transform: translate3d(-10px, 0, 0)

  }

  20%, 40%, 60%, 80% {

    -webkit-transform: translate3d(10px, 0, 0);

    transform: translate3d(10px, 0, 0)

  }

}

@keyframes shake {

  from, to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

  }

  10%, 30%, 50%, 70%, 90% {

    -webkit-transform: translate3d(-10px, 0, 0);

    transform: translate3d(-10px, 0, 0)

  }

  20%, 40%, 60%, 80% {

    -webkit-transform: translate3d(10px, 0, 0);

    transform: translate3d(10px, 0, 0)

  }

}

.shake {

  -webkit-animation-name: shake;

  animation-name: shake

}

@-webkit-keyframes headShake {

  0% {

    -webkit-transform: translateX(0);

    transform: translateX(0)

  }

  6.5% {

    -webkit-transform: translateX(-6px) rotateY(-9deg);

    transform: translateX(-6px) rotateY(-9deg)

  }

  18.5% {

    -webkit-transform: translateX(5px) rotateY(7deg);

    transform: translateX(5px) rotateY(7deg)

  }

  31.5% {

    -webkit-transform: translateX(-3px) rotateY(-5deg);

    transform: translateX(-3px) rotateY(-5deg)

  }

  43.5% {

    -webkit-transform: translateX(2px) rotateY(3deg);

    transform: translateX(2px) rotateY(3deg)

  }

  50% {

    -webkit-transform: translateX(0);

    transform: translateX(0)

  }

}

@keyframes headShake {

  0% {

    -webkit-transform: translateX(0);

    transform: translateX(0)

  }

  6.5% {

    -webkit-transform: translateX(-6px) rotateY(-9deg);

    transform: translateX(-6px) rotateY(-9deg)

  }

  18.5% {

    -webkit-transform: translateX(5px) rotateY(7deg);

    transform: translateX(5px) rotateY(7deg)

  }

  31.5% {

    -webkit-transform: translateX(-3px) rotateY(-5deg);

    transform: translateX(-3px) rotateY(-5deg)

  }

  43.5% {

    -webkit-transform: translateX(2px) rotateY(3deg);

    transform: translateX(2px) rotateY(3deg)

  }

  50% {

    -webkit-transform: translateX(0);

    transform: translateX(0)

  }

}

.headShake {

  -webkit-animation-timing-function: ease-in-out;

  animation-timing-function: ease-in-out;

  -webkit-animation-name: headShake;

  animation-name: headShake

}

@-webkit-keyframes swing {

  20% {

    -webkit-transform: rotate3d(0, 0, 1, 15deg);

    transform: rotate3d(0, 0, 1, 15deg)

  }

  40% {

    -webkit-transform: rotate3d(0, 0, 1, -10deg);

    transform: rotate3d(0, 0, 1, -10deg)

  }

  60% {

    -webkit-transform: rotate3d(0, 0, 1, 5deg);

    transform: rotate3d(0, 0, 1, 5deg)

  }

  80% {

    -webkit-transform: rotate3d(0, 0, 1, -5deg);

    transform: rotate3d(0, 0, 1, -5deg)

  }

  to {

    -webkit-transform: rotate3d(0, 0, 1, 0deg);

    transform: rotate3d(0, 0, 1, 0deg)

  }

}

@keyframes swing {

  20% {

    -webkit-transform: rotate3d(0, 0, 1, 15deg);

    transform: rotate3d(0, 0, 1, 15deg)

  }

  40% {

    -webkit-transform: rotate3d(0, 0, 1, -10deg);

    transform: rotate3d(0, 0, 1, -10deg)

  }

  60% {

    -webkit-transform: rotate3d(0, 0, 1, 5deg);

    transform: rotate3d(0, 0, 1, 5deg)

  }

  80% {

    -webkit-transform: rotate3d(0, 0, 1, -5deg);

    transform: rotate3d(0, 0, 1, -5deg)

  }

  to {

    -webkit-transform: rotate3d(0, 0, 1, 0deg);

    transform: rotate3d(0, 0, 1, 0deg)

  }

}

.swing {

  -webkit-transform-origin: top center;

  transform-origin: top center;

  -webkit-animation-name: swing;

  animation-name: swing

}

@-webkit-keyframes tada {

  from {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1)

  }

  10%, 20% {

    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);

    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)

  }

  30%, 50%, 70%, 90% {

    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)

  }

  40%, 60%, 80% {

    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)

  }

  to {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1)

  }

}

@keyframes tada {

  from {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1)

  }

  10%, 20% {

    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);

    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)

  }

  30%, 50%, 70%, 90% {

    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)

  }

  40%, 60%, 80% {

    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)

  }

  to {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1)

  }

}

.tada {

  -webkit-animation-name: tada;

  animation-name: tada

}

@-webkit-keyframes wobble {

  from {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

  }

  15% {

    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);

    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)

  }

  30% {

    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);

    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)

  }

  45% {

    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);

    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)

  }

  60% {

    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);

    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)

  }

  75% {

    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);

    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)

  }

  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

  }

}

@keyframes wobble {

  from {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

  }

  15% {

    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);

    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)

  }

  30% {

    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);

    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)

  }

  45% {

    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);

    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)

  }

  60% {

    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);

    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)

  }

  75% {

    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);

    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)

  }

  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

  }

}

.wobble {

  -webkit-animation-name: wobble;

  animation-name: wobble

}

@-webkit-keyframes jello {

  from, 11.1%, to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

  }

  22.2% {

    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);

    transform: skewX(-12.5deg) skewY(-12.5deg)

  }

  33.3% {

    -webkit-transform: skewX(6.25deg) skewY(6.25deg);

    transform: skewX(6.25deg) skewY(6.25deg)

  }

  44.4% {

    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);

    transform: skewX(-3.125deg) skewY(-3.125deg)

  }

  55.5% {

    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);

    transform: skewX(1.5625deg) skewY(1.5625deg)

  }

  66.6% {

    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);

    transform: skewX(-0.78125deg) skewY(-0.78125deg)

  }

  77.7% {

    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);

    transform: skewX(0.390625deg) skewY(0.390625deg)

  }

  88.8% {

    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);

    transform: skewX(-0.1953125deg) skewY(-0.1953125deg)

  }

}

@keyframes jello {

  from, 11.1%, to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

  }

  22.2% {

    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);

    transform: skewX(-12.5deg) skewY(-12.5deg)

  }

  33.3% {

    -webkit-transform: skewX(6.25deg) skewY(6.25deg);

    transform: skewX(6.25deg) skewY(6.25deg)

  }

  44.4% {

    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);

    transform: skewX(-3.125deg) skewY(-3.125deg)

  }

  55.5% {

    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);

    transform: skewX(1.5625deg) skewY(1.5625deg)

  }

  66.6% {

    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);

    transform: skewX(-0.78125deg) skewY(-0.78125deg)

  }

  77.7% {

    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);

    transform: skewX(0.390625deg) skewY(0.390625deg)

  }

  88.8% {

    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);

    transform: skewX(-0.1953125deg) skewY(-0.1953125deg)

  }

}

.jello {

  -webkit-animation-name: jello;

  animation-name: jello;

  -webkit-transform-origin: center;

  transform-origin: center

}

@-webkit-keyframes heartBeat {

  0% {

    -webkit-transform: scale(1);

    transform: scale(1)

  }

  14% {

    -webkit-transform: scale(1.3);

    transform: scale(1.3)

  }

  28% {

    -webkit-transform: scale(1);

    transform: scale(1)

  }

  42% {

    -webkit-transform: scale(1.3);

    transform: scale(1.3)

  }

  70% {

    -webkit-transform: scale(1);

    transform: scale(1)

  }

}

@keyframes heartBeat {

  0% {

    -webkit-transform: scale(1);

    transform: scale(1)

  }

  14% {

    -webkit-transform: scale(1.3);

    transform: scale(1.3)

  }

  28% {

    -webkit-transform: scale(1);

    transform: scale(1)

  }

  42% {

    -webkit-transform: scale(1.3);

    transform: scale(1.3)

  }

  70% {

    -webkit-transform: scale(1);

    transform: scale(1)

  }

}

.heartBeat {

  -webkit-animation-name: heartBeat;

  animation-name: heartBeat;

  -webkit-animation-duration: 1.3s;

  animation-duration: 1.3s;

  -webkit-animation-timing-function: ease-in-out;

  animation-timing-function: ease-in-out

}

@-webkit-keyframes bounceIn {

  from, 20%, 40%, 60%, 80%, to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)

  }

  0% {

    opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3)

  }

  20% {

    -webkit-transform: scale3d(1.1, 1.1, 1.1);

    transform: scale3d(1.1, 1.1, 1.1)

  }

  40% {

    -webkit-transform: scale3d(0.9, 0.9, 0.9);

    transform: scale3d(0.9, 0.9, 0.9)

  }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(1.03, 1.03, 1.03);

    transform: scale3d(1.03, 1.03, 1.03)

  }

  80% {

    -webkit-transform: scale3d(0.97, 0.97, 0.97);

    transform: scale3d(0.97, 0.97, 0.97)

  }

  to {

    opacity: 1;

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1)

  }

}

@keyframes bounceIn {

  from, 20%, 40%, 60%, 80%, to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)

  }

  0% {

    opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3)

  }

  20% {

    -webkit-transform: scale3d(1.1, 1.1, 1.1);

    transform: scale3d(1.1, 1.1, 1.1)

  }

  40% {

    -webkit-transform: scale3d(0.9, 0.9, 0.9);

    transform: scale3d(0.9, 0.9, 0.9)

  }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(1.03, 1.03, 1.03);

    transform: scale3d(1.03, 1.03, 1.03)

  }

  80% {

    -webkit-transform: scale3d(0.97, 0.97, 0.97);

    transform: scale3d(0.97, 0.97, 0.97)

  }

  to {

    opacity: 1;

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1)

  }

}

.bounceIn {

  -webkit-animation-duration: .75s;

  animation-duration: .75s;

  -webkit-animation-name: bounceIn;

  animation-name: bounceIn

}

@-webkit-keyframes bounceInDown {

  from, 60%, 75%, 90%, to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)

  }

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, -3000px, 0);

    transform: translate3d(0, -3000px, 0)

  }

  60% {

    opacity: 1;

    -webkit-transform: translate3d(0, 25px, 0);

    transform: translate3d(0, 25px, 0)

  }

  75% {

    -webkit-transform: translate3d(0, -10px, 0);

    transform: translate3d(0, -10px, 0)

  }

  90% {

    -webkit-transform: translate3d(0, 5px, 0);

    transform: translate3d(0, 5px, 0)

  }

  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

  }

}

@keyframes bounceInDown {

  from, 60%, 75%, 90%, to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)

  }

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, -3000px, 0);

    transform: translate3d(0, -3000px, 0)

  }

  60% {

    opacity: 1;

    -webkit-transform: translate3d(0, 25px, 0);

    transform: translate3d(0, 25px, 0)

  }

  75% {

    -webkit-transform: translate3d(0, -10px, 0);

    transform: translate3d(0, -10px, 0)

  }

  90% {

    -webkit-transform: translate3d(0, 5px, 0);

    transform: translate3d(0, 5px, 0)

  }

  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

  }

}

.bounceInDown {

  -webkit-animation-name: bounceInDown;

  animation-name: bounceInDown

}

@-webkit-keyframes bounceInLeft {

  from, 60%, 75%, 90%, to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)

  }

  0% {

    opacity: 0;

    -webkit-transform: translate3d(-3000px, 0, 0);

    transform: translate3d(-3000px, 0, 0)

  }

  60% {

    opacity: 1;

    -webkit-transform: translate3d(25px, 0, 0);

    transform: translate3d(25px, 0, 0)

  }

  75% {

    -webkit-transform: translate3d(-10px, 0, 0);

    transform: translate3d(-10px, 0, 0)

  }

  90% {

    -webkit-transform: translate3d(5px, 0, 0);

    transform: translate3d(5px, 0, 0)

  }

  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

  }

}

@keyframes bounceInLeft {

  from, 60%, 75%, 90%, to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)

  }

  0% {

    opacity: 0;

    -webkit-transform: translate3d(-3000px, 0, 0);

    transform: translate3d(-3000px, 0, 0)

  }

  60% {

    opacity: 1;

    -webkit-transform: translate3d(25px, 0, 0);

    transform: translate3d(25px, 0, 0)

  }

  75% {

    -webkit-transform: translate3d(-10px, 0, 0);

    transform: translate3d(-10px, 0, 0)

  }

  90% {

    -webkit-transform: translate3d(5px, 0, 0);

    transform: translate3d(5px, 0, 0)

  }

  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

  }

}

.bounceInLeft {

  -webkit-animation-name: bounceInLeft;

  animation-name: bounceInLeft

}

@-webkit-keyframes bounceInRight {

  from, 60%, 75%, 90%, to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)

  }

  from {

    opacity: 0;

    -webkit-transform: translate3d(3000px, 0, 0);

    transform: translate3d(3000px, 0, 0)

  }

  60% {

    opacity: 1;

    -webkit-transform: translate3d(-25px, 0, 0);

    transform: translate3d(-25px, 0, 0)

  }

  75% {

    -webkit-transform: translate3d(10px, 0, 0);

    transform: translate3d(10px, 0, 0)

  }

  90% {

    -webkit-transform: translate3d(-5px, 0, 0);

    transform: translate3d(-5px, 0, 0)

  }

  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

  }

}

@keyframes bounceInRight {

  from, 60%, 75%, 90%, to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)

  }

  from {

    opacity: 0;

    -webkit-transform: translate3d(3000px, 0, 0);

    transform: translate3d(3000px, 0, 0)

  }

  60% {

    opacity: 1;

    -webkit-transform: translate3d(-25px, 0, 0);

    transform: translate3d(-25px, 0, 0)

  }

  75% {

    -webkit-transform: translate3d(10px, 0, 0);

    transform: translate3d(10px, 0, 0)

  }

  90% {

    -webkit-transform: translate3d(-5px, 0, 0);

    transform: translate3d(-5px, 0, 0)

  }

  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

  }

}

.bounceInRight {

  -webkit-animation-name: bounceInRight;

  animation-name: bounceInRight

}

@-webkit-keyframes bounceInUp {

  from, 60%, 75%, 90%, to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)

  }

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 3000px, 0);

    transform: translate3d(0, 3000px, 0)

  }

  60% {

    opacity: 1;

    -webkit-transform: translate3d(0, -20px, 0);

    transform: translate3d(0, -20px, 0)

  }

  75% {

    -webkit-transform: translate3d(0, 10px, 0);

    transform: translate3d(0, 10px, 0)

  }

  90% {

    -webkit-transform: translate3d(0, -5px, 0);

    transform: translate3d(0, -5px, 0)

  }

  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

  }

}

@keyframes bounceInUp {

  from, 60%, 75%, 90%, to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)

  }

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 3000px, 0);

    transform: translate3d(0, 3000px, 0)

  }

  60% {

    opacity: 1;

    -webkit-transform: translate3d(0, -20px, 0);

    transform: translate3d(0, -20px, 0)

  }

  75% {

    -webkit-transform: translate3d(0, 10px, 0);

    transform: translate3d(0, 10px, 0)

  }

  90% {

    -webkit-transform: translate3d(0, -5px, 0);

    transform: translate3d(0, -5px, 0)

  }

  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

  }

}

.bounceInUp {

  -webkit-animation-name: bounceInUp;

  animation-name: bounceInUp

}

@-webkit-keyframes bounceOut {

  20% {

    -webkit-transform: scale3d(0.9, 0.9, 0.9);

    transform: scale3d(0.9, 0.9, 0.9)

  }

  50%, 55% {

    opacity: 1;

    -webkit-transform: scale3d(1.1, 1.1, 1.1);

    transform: scale3d(1.1, 1.1, 1.1)

  }

  to {

    opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3)

  }

}

@keyframes bounceOut {

  20% {

    -webkit-transform: scale3d(0.9, 0.9, 0.9);

    transform: scale3d(0.9, 0.9, 0.9)

  }

  50%, 55% {

    opacity: 1;

    -webkit-transform: scale3d(1.1, 1.1, 1.1);

    transform: scale3d(1.1, 1.1, 1.1)

  }

  to {

    opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3)

  }

}

.bounceOut {

  -webkit-animation-duration: .75s;

  animation-duration: .75s;

  -webkit-animation-name: bounceOut;

  animation-name: bounceOut

}

@-webkit-keyframes bounceOutDown {

  20% {

    -webkit-transform: translate3d(0, 10px, 0);

    transform: translate3d(0, 10px, 0)

  }

  40%, 45% {

    opacity: 1;

    -webkit-transform: translate3d(0, -20px, 0);

    transform: translate3d(0, -20px, 0)

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, 2000px, 0);

    transform: translate3d(0, 2000px, 0)

  }

}

@keyframes bounceOutDown {

  20% {

    -webkit-transform: translate3d(0, 10px, 0);

    transform: translate3d(0, 10px, 0)

  }

  40%, 45% {

    opacity: 1;

    -webkit-transform: translate3d(0, -20px, 0);

    transform: translate3d(0, -20px, 0)

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, 2000px, 0);

    transform: translate3d(0, 2000px, 0)

  }

}

.bounceOutDown {

  -webkit-animation-name: bounceOutDown;

  animation-name: bounceOutDown

}

@-webkit-keyframes bounceOutLeft {

  20% {

    opacity: 1;

    -webkit-transform: translate3d(20px, 0, 0);

    transform: translate3d(20px, 0, 0)

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(-2000px, 0, 0);

    transform: translate3d(-2000px, 0, 0)

  }

}

@keyframes bounceOutLeft {

  20% {

    opacity: 1;

    -webkit-transform: translate3d(20px, 0, 0);

    transform: translate3d(20px, 0, 0)

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(-2000px, 0, 0);

    transform: translate3d(-2000px, 0, 0)

  }

}

.bounceOutLeft {

  -webkit-animation-name: bounceOutLeft;

  animation-name: bounceOutLeft

}

@-webkit-keyframes bounceOutRight {

  20% {

    opacity: 1;

    -webkit-transform: translate3d(-20px, 0, 0);

    transform: translate3d(-20px, 0, 0)

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(2000px, 0, 0);

    transform: translate3d(2000px, 0, 0)

  }

}

@keyframes bounceOutRight {

  20% {

    opacity: 1;

    -webkit-transform: translate3d(-20px, 0, 0);

    transform: translate3d(-20px, 0, 0)

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(2000px, 0, 0);

    transform: translate3d(2000px, 0, 0)

  }

}

.bounceOutRight {

  -webkit-animation-name: bounceOutRight;

  animation-name: bounceOutRight

}

@-webkit-keyframes bounceOutUp {

  20% {

    -webkit-transform: translate3d(0, -10px, 0);

    transform: translate3d(0, -10px, 0)

  }

  40%, 45% {

    opacity: 1;

    -webkit-transform: translate3d(0, 20px, 0);

    transform: translate3d(0, 20px, 0)

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, -2000px, 0);

    transform: translate3d(0, -2000px, 0)

  }

}

@keyframes bounceOutUp {

  20% {

    -webkit-transform: translate3d(0, -10px, 0);

    transform: translate3d(0, -10px, 0)

  }

  40%, 45% {

    opacity: 1;

    -webkit-transform: translate3d(0, 20px, 0);

    transform: translate3d(0, 20px, 0)

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, -2000px, 0);

    transform: translate3d(0, -2000px, 0)

  }

}

.bounceOutUp {

  -webkit-animation-name: bounceOutUp;

  animation-name: bounceOutUp

}

@-webkit-keyframes fadeIn {

  from {

    opacity: 0

  }

  to {

    opacity: 1

  }

}

@keyframes fadeIn {

  from {

    opacity: 0

  }

  to {

    opacity: 1

  }

}

.fadeIn {

  -webkit-animation-name: fadeIn;

  animation-name: fadeIn

}

@-webkit-keyframes fadeInDown {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, -50px, 0);

    transform: translate3d(0, -50px, 0)

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

  }

}

@keyframes fadeInDown {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, -50px, 0);

    transform: translate3d(0, -50px, 0)

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

  }

}

.fadeInDown {

  -webkit-animation-name: fadeInDown;

  animation-name: fadeInDown

}

@-webkit-keyframes fadeInDownBig {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, -2000px, 0);

    transform: translate3d(0, -2000px, 0)

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

  }

}

@keyframes fadeInDownBig {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, -2000px, 0);

    transform: translate3d(0, -2000px, 0)

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

  }

}

.fadeInDownBig {

  -webkit-animation-name: fadeInDownBig;

  animation-name: fadeInDownBig

}

@-webkit-keyframes fadeInLeft {

  from {

    opacity: 0;

    -webkit-transform: translate3d(-50px, 0, 0);

    transform: translate3d(-50px, 0, 0)

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

  }

}

@keyframes fadeInLeft {

  from {

    opacity: 0;

    -webkit-transform: translate3d(-50px, 0, 0);

    transform: translate3d(-50px, 0, 0)

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

  }

}

.fadeInLeft {

  -webkit-animation-name: fadeInLeft;

  animation-name: fadeInLeft

}

@-webkit-keyframes fadeInLeftBig {

  from {

    opacity: 0;

    -webkit-transform: translate3d(-2000px, 0, 0);

    transform: translate3d(-2000px, 0, 0)

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

  }

}

@keyframes fadeInLeftBig {

  from {

    opacity: 0;

    -webkit-transform: translate3d(-2000px, 0, 0);

    transform: translate3d(-2000px, 0, 0)

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

  }

}

.fadeInLeftBig {

  -webkit-animation-name: fadeInLeftBig;

  animation-name: fadeInLeftBig

}

@-webkit-keyframes fadeInRight {

  from {

    opacity: 0;

    -webkit-transform: translate3d(50px, 0, 0);

    transform: translate3d(50px, 0, 0)

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

  }

}

@keyframes fadeInRight {

  from {

    opacity: 0;

    -webkit-transform: translate3d(50px, 0, 0);

    transform: translate3d(50px, 0, 0)

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

  }

}

.fadeInRight {

  -webkit-animation-name: fadeInRight;

  animation-name: fadeInRight

}

@-webkit-keyframes fadeInRightBig {

  from {

    opacity: 0;

    -webkit-transform: translate3d(2000px, 0, 0);

    transform: translate3d(2000px, 0, 0)

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

  }

}

@keyframes fadeInRightBig {

  from {

    opacity: 0;

    -webkit-transform: translate3d(2000px, 0, 0);

    transform: translate3d(2000px, 0, 0)

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

  }

}

.fadeInRightBig {

  -webkit-animation-name: fadeInRightBig;

  animation-name: fadeInRightBig

}

@-webkit-keyframes fadeInUp {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 50px, 0);

    transform: translate3d(0, 50px, 0)

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

  }

}

@keyframes fadeInUp {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 50px, 0);

    transform: translate3d(0, 50px, 0)

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

  }

}

.fadeInUp {

  -webkit-animation-name: fadeInUp;

  animation-name: fadeInUp

}

@-webkit-keyframes fadeInUpBig {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 2000px, 0);

    transform: translate3d(0, 2000px, 0)

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

  }

}

@keyframes fadeInUpBig {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 2000px, 0);

    transform: translate3d(0, 2000px, 0)

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

  }

}

.fadeInUpBig {

  -webkit-animation-name: fadeInUpBig;

  animation-name: fadeInUpBig

}

@-webkit-keyframes fadeOut {

  from {

    opacity: 1

  }

  to {

    opacity: 0

  }

}

@keyframes fadeOut {

  from {

    opacity: 1

  }

  to {

    opacity: 0

  }

}

.fadeOut {

  -webkit-animation-name: fadeOut;

  animation-name: fadeOut

}

@-webkit-keyframes fadeOutDown {

  from {

    opacity: 1

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0)

  }

}

@keyframes fadeOutDown {

  from {

    opacity: 1

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0)

  }

}

.fadeOutDown {

  -webkit-animation-name: fadeOutDown;

  animation-name: fadeOutDown

}

@-webkit-keyframes fadeOutDownBig {

  from {

    opacity: 1

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, 2000px, 0);

    transform: translate3d(0, 2000px, 0)

  }

}

@keyframes fadeOutDownBig {

  from {

    opacity: 1

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, 2000px, 0);

    transform: translate3d(0, 2000px, 0)

  }

}

.fadeOutDownBig {

  -webkit-animation-name: fadeOutDownBig;

  animation-name: fadeOutDownBig

}

@-webkit-keyframes fadeOutLeft {

  from {

    opacity: 1

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0)

  }

}

@keyframes fadeOutLeft {

  from {

    opacity: 1

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0)

  }

}

.fadeOutLeft {

  -webkit-animation-name: fadeOutLeft;

  animation-name: fadeOutLeft

}

@-webkit-keyframes fadeOutLeftBig {

  from {

    opacity: 1

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(-2000px, 0, 0);

    transform: translate3d(-2000px, 0, 0)

  }

}

@keyframes fadeOutLeftBig {

  from {

    opacity: 1

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(-2000px, 0, 0);

    transform: translate3d(-2000px, 0, 0)

  }

}

.fadeOutLeftBig {

  -webkit-animation-name: fadeOutLeftBig;

  animation-name: fadeOutLeftBig

}

@-webkit-keyframes fadeOutRight {

  from {

    opacity: 1

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0)

  }

}

@keyframes fadeOutRight {

  from {

    opacity: 1

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0)

  }

}

.fadeOutRight {

  -webkit-animation-name: fadeOutRight;

  animation-name: fadeOutRight

}

@-webkit-keyframes fadeOutRightBig {

  from {

    opacity: 1

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(2000px, 0, 0);

    transform: translate3d(2000px, 0, 0)

  }

}

@keyframes fadeOutRightBig {

  from {

    opacity: 1

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(2000px, 0, 0);

    transform: translate3d(2000px, 0, 0)

  }

}

.fadeOutRightBig {

  -webkit-animation-name: fadeOutRightBig;

  animation-name: fadeOutRightBig

}

@-webkit-keyframes fadeOutUp {

  from {

    opacity: 1

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0)

  }

}

@keyframes fadeOutUp {

  from {

    opacity: 1

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0)

  }

}

.fadeOutUp {

  -webkit-animation-name: fadeOutUp;

  animation-name: fadeOutUp

}

@-webkit-keyframes fadeOutUpBig {

  from {

    opacity: 1

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, -2000px, 0);

    transform: translate3d(0, -2000px, 0)

  }

}

@keyframes fadeOutUpBig {

  from {

    opacity: 1

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, -2000px, 0);

    transform: translate3d(0, -2000px, 0)

  }

}

.fadeOutUpBig {

  -webkit-animation-name: fadeOutUpBig;

  animation-name: fadeOutUpBig

}

@-webkit-keyframes flip {

  from {

    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);

    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out

  }

  40% {

    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out

  }

  50% {

    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in

  }

  80% {

    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);

    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in

  }

  to {

    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);

    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in

  }

}

@keyframes flip {

  from {

    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);

    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out

  }

  40% {

    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out

  }

  50% {

    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in

  }

  80% {

    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);

    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in

  }

  to {

    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);

    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in

  }

}

.animated.flip {

  -webkit-backface-visibility: visible;

  backface-visibility: visible;

  -webkit-animation-name: flip;

  animation-name: flip

}

@-webkit-keyframes flipInX {

  from {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

    opacity: 0

  }

  40% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in

  }

  60% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

    opacity: 1

  }

  80% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);

    transform: perspective(400px) rotate3d(1, 0, 0, -5deg)

  }

  to {

    -webkit-transform: perspective(400px);

    transform: perspective(400px)

  }

}

@keyframes flipInX {

  from {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

    opacity: 0

  }

  40% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in

  }

  60% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

    opacity: 1

  }

  80% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);

    transform: perspective(400px) rotate3d(1, 0, 0, -5deg)

  }

  to {

    -webkit-transform: perspective(400px);

    transform: perspective(400px)

  }

}

.flipInX {

  -webkit-backface-visibility: visible !important;

  backface-visibility: visible !important;

  -webkit-animation-name: flipInX;

  animation-name: flipInX

}

@-webkit-keyframes flipInY {

  from {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

    opacity: 0

  }

  40% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in

  }

  60% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

    opacity: 1

  }

  80% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);

    transform: perspective(400px) rotate3d(0, 1, 0, -5deg)

  }

  to {

    -webkit-transform: perspective(400px);

    transform: perspective(400px)

  }

}

@keyframes flipInY {

  from {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

    opacity: 0

  }

  40% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in

  }

  60% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

    opacity: 1

  }

  80% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);

    transform: perspective(400px) rotate3d(0, 1, 0, -5deg)

  }

  to {

    -webkit-transform: perspective(400px);

    transform: perspective(400px)

  }

}

.flipInY {

  -webkit-backface-visibility: visible !important;

  backface-visibility: visible !important;

  -webkit-animation-name: flipInY;

  animation-name: flipInY

}

@-webkit-keyframes flipOutX {

  from {

    -webkit-transform: perspective(400px);

    transform: perspective(400px)

  }

  30% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

    opacity: 1

  }

  to {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

    opacity: 0

  }

}

@keyframes flipOutX {

  from {

    -webkit-transform: perspective(400px);

    transform: perspective(400px)

  }

  30% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

    opacity: 1

  }

  to {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

    opacity: 0

  }

}

.flipOutX {

  -webkit-animation-duration: .75s;

  animation-duration: .75s;

  -webkit-animation-name: flipOutX;

  animation-name: flipOutX;

  -webkit-backface-visibility: visible !important;

  backface-visibility: visible !important

}

@-webkit-keyframes flipOutY {

  from {

    -webkit-transform: perspective(400px);

    transform: perspective(400px)

  }

  30% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

    opacity: 1

  }

  to {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

    opacity: 0

  }

}

@keyframes flipOutY {

  from {

    -webkit-transform: perspective(400px);

    transform: perspective(400px)

  }

  30% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

    opacity: 1

  }

  to {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

    opacity: 0

  }

}

.flipOutY {

  -webkit-animation-duration: .75s;

  animation-duration: .75s;

  -webkit-backface-visibility: visible !important;

  backface-visibility: visible !important;

  -webkit-animation-name: flipOutY;

  animation-name: flipOutY

}

@-webkit-keyframes lightSpeedIn {

  from {

    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);

    transform: translate3d(100%, 0, 0) skewX(-30deg);

    opacity: 0

  }

  60% {

    -webkit-transform: skewX(20deg);

    transform: skewX(20deg);

    opacity: 1

  }

  80% {

    -webkit-transform: skewX(-5deg);

    transform: skewX(-5deg)

  }

  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

  }

}

@keyframes lightSpeedIn {

  from {

    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);

    transform: translate3d(100%, 0, 0) skewX(-30deg);

    opacity: 0

  }

  60% {

    -webkit-transform: skewX(20deg);

    transform: skewX(20deg);

    opacity: 1

  }

  80% {

    -webkit-transform: skewX(-5deg);

    transform: skewX(-5deg)

  }

  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

  }

}

.lightSpeedIn {

  -webkit-animation-name: lightSpeedIn;

  animation-name: lightSpeedIn;

  -webkit-animation-timing-function: ease-out;

  animation-timing-function: ease-out

}

@-webkit-keyframes lightSpeedOut {

  from {

    opacity: 1

  }

  to {

    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);

    transform: translate3d(100%, 0, 0) skewX(30deg);

    opacity: 0

  }

}

@keyframes lightSpeedOut {

  from {

    opacity: 1

  }

  to {

    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);

    transform: translate3d(100%, 0, 0) skewX(30deg);

    opacity: 0

  }

}

.lightSpeedOut {

  -webkit-animation-name: lightSpeedOut;

  animation-name: lightSpeedOut;

  -webkit-animation-timing-function: ease-in;

  animation-timing-function: ease-in

}

@-webkit-keyframes rotateIn {

  from {

    -webkit-transform-origin: center;

    transform-origin: center;

    -webkit-transform: rotate3d(0, 0, 1, -200deg);

    transform: rotate3d(0, 0, 1, -200deg);

    opacity: 0

  }

  to {

    -webkit-transform-origin: center;

    transform-origin: center;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    opacity: 1

  }

}

@keyframes rotateIn {

  from {

    -webkit-transform-origin: center;

    transform-origin: center;

    -webkit-transform: rotate3d(0, 0, 1, -200deg);

    transform: rotate3d(0, 0, 1, -200deg);

    opacity: 0

  }

  to {

    -webkit-transform-origin: center;

    transform-origin: center;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    opacity: 1

  }

}

.rotateIn {

  -webkit-animation-name: rotateIn;

  animation-name: rotateIn

}

@-webkit-keyframes rotateInDownLeft {

  from {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate3d(0, 0, 1, -45deg);

    transform: rotate3d(0, 0, 1, -45deg);

    opacity: 0

  }

  to {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    opacity: 1

  }

}

@keyframes rotateInDownLeft {

  from {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate3d(0, 0, 1, -45deg);

    transform: rotate3d(0, 0, 1, -45deg);

    opacity: 0

  }

  to {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    opacity: 1

  }

}

.rotateInDownLeft {

  -webkit-animation-name: rotateInDownLeft;

  animation-name: rotateInDownLeft

}

@-webkit-keyframes rotateInDownRight {

  from {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate3d(0, 0, 1, 45deg);

    transform: rotate3d(0, 0, 1, 45deg);

    opacity: 0

  }

  to {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    opacity: 1

  }

}

@keyframes rotateInDownRight {

  from {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate3d(0, 0, 1, 45deg);

    transform: rotate3d(0, 0, 1, 45deg);

    opacity: 0

  }

  to {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    opacity: 1

  }

}

.rotateInDownRight {

  -webkit-animation-name: rotateInDownRight;

  animation-name: rotateInDownRight

}

@-webkit-keyframes rotateInUpLeft {

  from {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate3d(0, 0, 1, 45deg);

    transform: rotate3d(0, 0, 1, 45deg);

    opacity: 0

  }

  to {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    opacity: 1

  }

}

@keyframes rotateInUpLeft {

  from {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate3d(0, 0, 1, 45deg);

    transform: rotate3d(0, 0, 1, 45deg);

    opacity: 0

  }

  to {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    opacity: 1

  }

}

.rotateInUpLeft {

  -webkit-animation-name: rotateInUpLeft;

  animation-name: rotateInUpLeft

}

@-webkit-keyframes rotateInUpRight {

  from {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate3d(0, 0, 1, -90deg);

    transform: rotate3d(0, 0, 1, -90deg);

    opacity: 0

  }

  to {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    opacity: 1

  }

}

@keyframes rotateInUpRight {

  from {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate3d(0, 0, 1, -90deg);

    transform: rotate3d(0, 0, 1, -90deg);

    opacity: 0

  }

  to {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    opacity: 1

  }

}

.rotateInUpRight {

  -webkit-animation-name: rotateInUpRight;

  animation-name: rotateInUpRight

}

@-webkit-keyframes rotateOut {

  from {

    -webkit-transform-origin: center;

    transform-origin: center;

    opacity: 1

  }

  to {

    -webkit-transform-origin: center;

    transform-origin: center;

    -webkit-transform: rotate3d(0, 0, 1, 200deg);

    transform: rotate3d(0, 0, 1, 200deg);

    opacity: 0

  }

}

@keyframes rotateOut {

  from {

    -webkit-transform-origin: center;

    transform-origin: center;

    opacity: 1

  }

  to {

    -webkit-transform-origin: center;

    transform-origin: center;

    -webkit-transform: rotate3d(0, 0, 1, 200deg);

    transform: rotate3d(0, 0, 1, 200deg);

    opacity: 0

  }

}

.rotateOut {

  -webkit-animation-name: rotateOut;

  animation-name: rotateOut

}

@-webkit-keyframes rotateOutDownLeft {

  from {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    opacity: 1

  }

  to {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate3d(0, 0, 1, 45deg);

    transform: rotate3d(0, 0, 1, 45deg);

    opacity: 0

  }

}

@keyframes rotateOutDownLeft {

  from {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    opacity: 1

  }

  to {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate3d(0, 0, 1, 45deg);

    transform: rotate3d(0, 0, 1, 45deg);

    opacity: 0

  }

}

.rotateOutDownLeft {

  -webkit-animation-name: rotateOutDownLeft;

  animation-name: rotateOutDownLeft

}

@-webkit-keyframes rotateOutDownRight {

  from {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    opacity: 1

  }

  to {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate3d(0, 0, 1, -45deg);

    transform: rotate3d(0, 0, 1, -45deg);

    opacity: 0

  }

}

@keyframes rotateOutDownRight {

  from {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    opacity: 1

  }

  to {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate3d(0, 0, 1, -45deg);

    transform: rotate3d(0, 0, 1, -45deg);

    opacity: 0

  }

}

.rotateOutDownRight {

  -webkit-animation-name: rotateOutDownRight;

  animation-name: rotateOutDownRight

}

@-webkit-keyframes rotateOutUpLeft {

  from {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    opacity: 1

  }

  to {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate3d(0, 0, 1, -45deg);

    transform: rotate3d(0, 0, 1, -45deg);

    opacity: 0

  }

}

@keyframes rotateOutUpLeft {

  from {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    opacity: 1

  }

  to {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate3d(0, 0, 1, -45deg);

    transform: rotate3d(0, 0, 1, -45deg);

    opacity: 0

  }

}

.rotateOutUpLeft {

  -webkit-animation-name: rotateOutUpLeft;

  animation-name: rotateOutUpLeft

}

@-webkit-keyframes rotateOutUpRight {

  from {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    opacity: 1

  }

  to {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate3d(0, 0, 1, 90deg);

    transform: rotate3d(0, 0, 1, 90deg);

    opacity: 0

  }

}

@keyframes rotateOutUpRight {

  from {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    opacity: 1

  }

  to {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate3d(0, 0, 1, 90deg);

    transform: rotate3d(0, 0, 1, 90deg);

    opacity: 0

  }

}

.rotateOutUpRight {

  -webkit-animation-name: rotateOutUpRight;

  animation-name: rotateOutUpRight

}

@-webkit-keyframes hinge {

  0% {

    -webkit-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out

  }

  20%, 60% {

    -webkit-transform: rotate3d(0, 0, 1, 80deg);

    transform: rotate3d(0, 0, 1, 80deg);

    -webkit-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out

  }

  40%, 80% {

    -webkit-transform: rotate3d(0, 0, 1, 60deg);

    transform: rotate3d(0, 0, 1, 60deg);

    -webkit-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

    opacity: 1

  }

  to {

    -webkit-transform: translate3d(0, 700px, 0);

    transform: translate3d(0, 700px, 0);

    opacity: 0

  }

}

@keyframes hinge {

  0% {

    -webkit-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out

  }

  20%, 60% {

    -webkit-transform: rotate3d(0, 0, 1, 80deg);

    transform: rotate3d(0, 0, 1, 80deg);

    -webkit-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out

  }

  40%, 80% {

    -webkit-transform: rotate3d(0, 0, 1, 60deg);

    transform: rotate3d(0, 0, 1, 60deg);

    -webkit-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

    opacity: 1

  }

  to {

    -webkit-transform: translate3d(0, 700px, 0);

    transform: translate3d(0, 700px, 0);

    opacity: 0

  }

}

.hinge {

  -webkit-animation-duration: 2s;

  animation-duration: 2s;

  -webkit-animation-name: hinge;

  animation-name: hinge

}

@-webkit-keyframes jackInTheBox {

  from {

    opacity: 0;

    -webkit-transform: scale(0.1) rotate(30deg);

    transform: scale(0.1) rotate(30deg);

    -webkit-transform-origin: center bottom;

    transform-origin: center bottom

  }

  50% {

    -webkit-transform: rotate(-10deg);

    transform: rotate(-10deg)

  }

  70% {

    -webkit-transform: rotate(3deg);

    transform: rotate(3deg)

  }

  to {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1)

  }

}

@keyframes jackInTheBox {

  from {

    opacity: 0;

    -webkit-transform: scale(0.1) rotate(30deg);

    transform: scale(0.1) rotate(30deg);

    -webkit-transform-origin: center bottom;

    transform-origin: center bottom

  }

  50% {

    -webkit-transform: rotate(-10deg);

    transform: rotate(-10deg)

  }

  70% {

    -webkit-transform: rotate(3deg);

    transform: rotate(3deg)

  }

  to {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1)

  }

}

.jackInTheBox {

  -webkit-animation-name: jackInTheBox;

  animation-name: jackInTheBox

}

@-webkit-keyframes rollIn {

  from {

    opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

  }

}

@keyframes rollIn {

  from {

    opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

  }

}

.rollIn {

  -webkit-animation-name: rollIn;

  animation-name: rollIn

}

@-webkit-keyframes rollOut {

  from {

    opacity: 1

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);

    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)

  }

}

@keyframes rollOut {

  from {

    opacity: 1

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);

    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)

  }

}

.rollOut {

  -webkit-animation-name: rollOut;

  animation-name: rollOut

}

@-webkit-keyframes zoomIn {

  from {

    opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3)

  }

  50% {

    opacity: 1

  }

}

@keyframes zoomIn {

  from {

    opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3)

  }

  50% {

    opacity: 1

  }

}

.zoomIn {

  -webkit-animation-name: zoomIn;

  animation-name: zoomIn

}

@-webkit-keyframes zoomInDown {

  from {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)

  }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)

  }

}

@keyframes zoomInDown {

  from {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)

  }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)

  }

}

.zoomInDown {

  -webkit-animation-name: zoomInDown;

  animation-name: zoomInDown

}

@-webkit-keyframes zoomInLeft {

  from {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)

  }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)

  }

}

@keyframes zoomInLeft {

  from {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)

  }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)

  }

}

.zoomInLeft {

  -webkit-animation-name: zoomInLeft;

  animation-name: zoomInLeft

}

@-webkit-keyframes zoomInRight {

  from {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)

  }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)

  }

}

@keyframes zoomInRight {

  from {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)

  }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)

  }

}

.zoomInRight {

  -webkit-animation-name: zoomInRight;

  animation-name: zoomInRight

}

@-webkit-keyframes zoomInUp {

  from {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)

  }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)

  }

}

@keyframes zoomInUp {

  from {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)

  }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)

  }

}

.zoomInUp {

  -webkit-animation-name: zoomInUp;

  animation-name: zoomInUp

}

@-webkit-keyframes zoomOut {

  from {

    opacity: 1

  }

  50% {

    opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3)

  }

  to {

    opacity: 0

  }

}

@keyframes zoomOut {

  from {

    opacity: 1

  }

  50% {

    opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3)

  }

  to {

    opacity: 0

  }

}

.zoomOut {

  -webkit-animation-name: zoomOut;

  animation-name: zoomOut

}

@-webkit-keyframes zoomOutDown {

  40% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)

  }

  to {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);

    -webkit-transform-origin: center bottom;

    transform-origin: center bottom;

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)

  }

}

@keyframes zoomOutDown {

  40% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)

  }

  to {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);

    -webkit-transform-origin: center bottom;

    transform-origin: center bottom;

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)

  }

}

.zoomOutDown {

  -webkit-animation-name: zoomOutDown;

  animation-name: zoomOutDown

}

@-webkit-keyframes zoomOutLeft {

  40% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)

  }

  to {

    opacity: 0;

    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);

    transform: scale(0.1) translate3d(-2000px, 0, 0);

    -webkit-transform-origin: left center;

    transform-origin: left center

  }

}

@keyframes zoomOutLeft {

  40% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)

  }

  to {

    opacity: 0;

    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);

    transform: scale(0.1) translate3d(-2000px, 0, 0);

    -webkit-transform-origin: left center;

    transform-origin: left center

  }

}

.zoomOutLeft {

  -webkit-animation-name: zoomOutLeft;

  animation-name: zoomOutLeft

}

@-webkit-keyframes zoomOutRight {

  40% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)

  }

  to {

    opacity: 0;

    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);

    transform: scale(0.1) translate3d(2000px, 0, 0);

    -webkit-transform-origin: right center;

    transform-origin: right center

  }

}

@keyframes zoomOutRight {

  40% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)

  }

  to {

    opacity: 0;

    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);

    transform: scale(0.1) translate3d(2000px, 0, 0);

    -webkit-transform-origin: right center;

    transform-origin: right center

  }

}

.zoomOutRight {

  -webkit-animation-name: zoomOutRight;

  animation-name: zoomOutRight

}

@-webkit-keyframes zoomOutUp {

  40% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)

  }

  to {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);

    -webkit-transform-origin: center bottom;

    transform-origin: center bottom;

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)

  }

}

@keyframes zoomOutUp {

  40% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)

  }

  to {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);

    -webkit-transform-origin: center bottom;

    transform-origin: center bottom;

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)

  }

}

.zoomOutUp {

  -webkit-animation-name: zoomOutUp;

  animation-name: zoomOutUp

}

@-webkit-keyframes slideInDown {

  from {

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

    visibility: visible

  }

  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

  }

}

@keyframes slideInDown {

  from {

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

    visibility: visible

  }

  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

  }

}

.slideInDown {

  -webkit-animation-name: slideInDown;

  animation-name: slideInDown

}

@-webkit-keyframes slideInLeft {

  from {

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0);

    visibility: visible

  }

  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

  }

}

@keyframes slideInLeft {

  from {

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0);

    visibility: visible

  }

  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

  }

}

.slideInLeft {

  -webkit-animation-name: slideInLeft;

  animation-name: slideInLeft

}

@-webkit-keyframes slideInRight {

  from {

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

    visibility: visible

  }

  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

  }

}

@keyframes slideInRight {

  from {

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

    visibility: visible

  }

  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

  }

}

.slideInRight {

  -webkit-animation-name: slideInRight;

  animation-name: slideInRight

}

@-webkit-keyframes slideInUp {

  from {

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

    visibility: visible

  }

  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

  }

}

@keyframes slideInUp {

  from {

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

    visibility: visible

  }

  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

  }

}

.slideInUp {

  -webkit-animation-name: slideInUp;

  animation-name: slideInUp

}

@-webkit-keyframes slideOutDown {

  from {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

  }

  to {

    visibility: hidden;

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0)

  }

}

@keyframes slideOutDown {

  from {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

  }

  to {

    visibility: hidden;

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0)

  }

}

.slideOutDown {

  -webkit-animation-name: slideOutDown;

  animation-name: slideOutDown

}

@-webkit-keyframes slideOutLeft {

  from {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

  }

  to {

    visibility: hidden;

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0)

  }

}

@keyframes slideOutLeft {

  from {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

  }

  to {

    visibility: hidden;

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0)

  }

}

.slideOutLeft {

  -webkit-animation-name: slideOutLeft;

  animation-name: slideOutLeft

}

@-webkit-keyframes slideOutRight {

  from {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

  }

  to {

    visibility: hidden;

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0)

  }

}

@keyframes slideOutRight {

  from {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

  }

  to {

    visibility: hidden;

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0)

  }

}

.slideOutRight {

  -webkit-animation-name: slideOutRight;

  animation-name: slideOutRight

}

@-webkit-keyframes slideOutUp {

  from {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

  }

  to {

    visibility: hidden;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0)

  }

}

@keyframes slideOutUp {

  from {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

  }

  to {

    visibility: hidden;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0)

  }

}

.slideOutUp {

  -webkit-animation-name: slideOutUp;

  animation-name: slideOutUp

}

.animated {

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both

}

.animated.infinite {

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite

}

.animated.delay-1s {

  -webkit-animation-delay: 1s;

  animation-delay: 1s

}

.animated.delay-2s {

  -webkit-animation-delay: 2s;

  animation-delay: 2s

}

.animated.delay-3s {

  -webkit-animation-delay: 3s;

  animation-delay: 3s

}

.animated.delay-4s {

  -webkit-animation-delay: 4s;

  animation-delay: 4s

}

.animated.delay-5s {

  -webkit-animation-delay: 5s;

  animation-delay: 5s

}

.animated.fast {

  -webkit-animation-duration: 800ms;

  animation-duration: 800ms

}

.animated.faster {

  -webkit-animation-duration: 500ms;

  animation-duration: 500ms

}

.animated.slow {

  -webkit-animation-duration: 2s;

  animation-duration: 2s

}

.animated.slower {

  -webkit-animation-duration: 3s;

  animation-duration: 3s

}

@media(print), (prefers-reduced-motion) {

  .animated {

    -webkit-animation: unset !important;

    animation: unset !important;

    -webkit-transition: none !important;

    transition: none !important

  }

} /*!

 * Font Awesome Free 6.0.0 by @fontawesome - https://fontawesome.com

 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)

 * Copyright 2022 Fonticons, Inc.

 */ .fa {

  font-family: var(--fa-style-family, "Font Awesome 6 Free");

  font-weight: var(--fa-style, 900)

}

.fa, .fas, .fa-solid, .far, .fa-regular, .fal, .fa-light, .fat, .fa-thin, .fad, .fa-duotone, .fab, .fa-brands {

  -moz-osx-font-smoothing: grayscale;

  -webkit-font-smoothing: antialiased;

  display: var(--fa-display, inline-block);

  font-style: normal;

  font-variant: normal;

  line-height: 1;

  text-rendering: auto

}

.fa-1x {

  font-size: 1em

}

.fa-2x {

  font-size: 2em

}

.fa-3x {

  font-size: 3em

}

.fa-4x {

  font-size: 4em

}

.fa-5x {

  font-size: 5em

}

.fa-6x {

  font-size: 6em

}

.fa-7x {

  font-size: 7em

}

.fa-8x {

  font-size: 8em

}

.fa-9x {

  font-size: 9em

}

.fa-10x {

  font-size: 10em

}

.fa-2xs {

  font-size: .625em;

  line-height: .1em;

  vertical-align: .225em

}

.fa-xs {

  font-size: .75em;

  line-height: .08333em;

  vertical-align: .125em

}

.fa-sm {

  font-size: .875em;

  line-height: .07143em;

  vertical-align: .05357em

}

.fa-lg {

  font-size: 1.25em;

  line-height: .05em;

  vertical-align: -0.075em

}

.fa-xl {

  font-size: 1.5em;

  line-height: .04167em;

  vertical-align: -0.125em

}

.fa-2xl {

  font-size: 2em;

  line-height: .03125em;

  vertical-align: -0.1875em

}

.fa-fw {

  text-align: center;

  width: 1.25em

}

.fa-ul {

  list-style-type: none;

  margin-left: var(--fa-li-margin, 2.5em);

  padding-left: 0

}

.fa-ul > li {

  position: relative

}

.fa-li {

  left: calc(var(--fa-li-width, 2em)*-1);

  position: absolute;

  text-align: center;

  width: var(--fa-li-width, 2em);

  line-height: inherit

}

.fa-border {

  border-color: var(--fa-border-color, #eee);

  border-radius: var(--fa-border-radius, 0.1em);

  border-style: var(--fa-border-style, solid);

  border-width: var(--fa-border-width, 0.08em);

  padding: var(--fa-border-padding, 0.2em 0.25em 0.15em)

}

.fa-pull-left {

  float: left;

  margin-right: var(--fa-pull-margin, 0.3em)

}

.fa-pull-right {

  float: right;

  margin-left: var(--fa-pull-margin, 0.3em)

}

.fa-beat {

  -webkit-animation-name: fa-beat;

  animation-name: fa-beat;

  -webkit-animation-delay: var(--fa-animation-delay, 0);

  animation-delay: var(--fa-animation-delay, 0);

  -webkit-animation-direction: var(--fa-animation-direction, normal);

  animation-direction: var(--fa-animation-direction, normal);

  -webkit-animation-duration: var(--fa-animation-duration, 1s);

  animation-duration: var(--fa-animation-duration, 1s);

  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);

  animation-iteration-count: var(--fa-animation-iteration-count, infinite);

  -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);

  animation-timing-function: var(--fa-animation-timing, ease-in-out)

}

.fa-bounce {

  -webkit-animation-name: fa-bounce;

  animation-name: fa-bounce;

  -webkit-animation-delay: var(--fa-animation-delay, 0);

  animation-delay: var(--fa-animation-delay, 0);

  -webkit-animation-direction: var(--fa-animation-direction, normal);

  animation-direction: var(--fa-animation-direction, normal);

  -webkit-animation-duration: var(--fa-animation-duration, 1s);

  animation-duration: var(--fa-animation-duration, 1s);

  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);

  animation-iteration-count: var(--fa-animation-iteration-count, infinite);

  -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));

  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1))

}

.fa-fade {

  -webkit-animation-name: fa-fade;

  animation-name: fa-fade;

  -webkit-animation-delay: var(--fa-animation-delay, 0);

  animation-delay: var(--fa-animation-delay, 0);

  -webkit-animation-direction: var(--fa-animation-direction, normal);

  animation-direction: var(--fa-animation-direction, normal);

  -webkit-animation-duration: var(--fa-animation-duration, 1s);

  animation-duration: var(--fa-animation-duration, 1s);

  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);

  animation-iteration-count: var(--fa-animation-iteration-count, infinite);

  -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));

  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1))

}

.fa-beat-fade {

  -webkit-animation-name: fa-beat-fade;

  animation-name: fa-beat-fade;

  -webkit-animation-delay: var(--fa-animation-delay, 0);

  animation-delay: var(--fa-animation-delay, 0);

  -webkit-animation-direction: var(--fa-animation-direction, normal);

  animation-direction: var(--fa-animation-direction, normal);

  -webkit-animation-duration: var(--fa-animation-duration, 1s);

  animation-duration: var(--fa-animation-duration, 1s);

  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);

  animation-iteration-count: var(--fa-animation-iteration-count, infinite);

  -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));

  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1))

}

.fa-flip {

  -webkit-animation-name: fa-flip;

  animation-name: fa-flip;

  -webkit-animation-delay: var(--fa-animation-delay, 0);

  animation-delay: var(--fa-animation-delay, 0);

  -webkit-animation-direction: var(--fa-animation-direction, normal);

  animation-direction: var(--fa-animation-direction, normal);

  -webkit-animation-duration: var(--fa-animation-duration, 1s);

  animation-duration: var(--fa-animation-duration, 1s);

  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);

  animation-iteration-count: var(--fa-animation-iteration-count, infinite);

  -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);

  animation-timing-function: var(--fa-animation-timing, ease-in-out)

}

.fa-shake {

  -webkit-animation-name: fa-shake;

  animation-name: fa-shake;

  -webkit-animation-delay: var(--fa-animation-delay, 0);

  animation-delay: var(--fa-animation-delay, 0);

  -webkit-animation-direction: var(--fa-animation-direction, normal);

  animation-direction: var(--fa-animation-direction, normal);

  -webkit-animation-duration: var(--fa-animation-duration, 1s);

  animation-duration: var(--fa-animation-duration, 1s);

  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);

  animation-iteration-count: var(--fa-animation-iteration-count, infinite);

  -webkit-animation-timing-function: var(--fa-animation-timing, linear);

  animation-timing-function: var(--fa-animation-timing, linear)

}

.fa-spin {

  -webkit-animation-name: fa-spin;

  animation-name: fa-spin;

  -webkit-animation-delay: var(--fa-animation-delay, 0);

  animation-delay: var(--fa-animation-delay, 0);

  -webkit-animation-direction: var(--fa-animation-direction, normal);

  animation-direction: var(--fa-animation-direction, normal);

  -webkit-animation-duration: var(--fa-animation-duration, 2s);

  animation-duration: var(--fa-animation-duration, 2s);

  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);

  animation-iteration-count: var(--fa-animation-iteration-count, infinite);

  -webkit-animation-timing-function: var(--fa-animation-timing, linear);

  animation-timing-function: var(--fa-animation-timing, linear)

}

.fa-spin-reverse {

  --fa-animation-direction: reverse

}

.fa-pulse, .fa-spin-pulse {

  -webkit-animation-name: fa-spin;

  animation-name: fa-spin;

  -webkit-animation-direction: var(--fa-animation-direction, normal);

  animation-direction: var(--fa-animation-direction, normal);

  -webkit-animation-duration: var(--fa-animation-duration, 1s);

  animation-duration: var(--fa-animation-duration, 1s);

  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);

  animation-iteration-count: var(--fa-animation-iteration-count, infinite);

  -webkit-animation-timing-function: var(--fa-animation-timing, steps(8));

  animation-timing-function: var(--fa-animation-timing, steps(8))

}

@media(prefers-reduced-motion: reduce) {

  .fa-beat, .fa-bounce, .fa-fade, .fa-beat-fade, .fa-flip, .fa-pulse, .fa-shake, .fa-spin, .fa-spin-pulse {

    -webkit-animation-delay: -1ms;

    animation-delay: -1ms;

    -webkit-animation-duration: 1ms;

    animation-duration: 1ms;

    -webkit-animation-iteration-count: 1;

    animation-iteration-count: 1;

    -webkit-transition-delay: 0s;

    transition-delay: 0s;

    -webkit-transition-duration: 0s;

    transition-duration: 0s

  }

}

@-webkit-keyframes fa-beat {

  0%, 90% {

    -webkit-transform: scale(1);

    transform: scale(1)

  }

  45% {

    -webkit-transform: scale(var(--fa-beat-scale, 1.25));

    transform: scale(var(--fa-beat-scale, 1.25))

  }

}

@keyframes fa-beat {

  0%, 90% {

    -webkit-transform: scale(1);

    transform: scale(1)

  }

  45% {

    -webkit-transform: scale(var(--fa-beat-scale, 1.25));

    transform: scale(var(--fa-beat-scale, 1.25))

  }

}

@-webkit-keyframes fa-bounce {

  0% {

    -webkit-transform: scale(1, 1) translateY(0);

    transform: scale(1, 1) translateY(0)

  }

  10% {

    -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);

    transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0)

  }

  30% {

    -webkit-transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));

    transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em))

  }

  50% {

    -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);

    transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0)

  }

  57% {

    -webkit-transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));

    transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em))

  }

  64% {

    -webkit-transform: scale(1, 1) translateY(0);

    transform: scale(1, 1) translateY(0)

  }

  100% {

    -webkit-transform: scale(1, 1) translateY(0);

    transform: scale(1, 1) translateY(0)

  }

}

@keyframes fa-bounce {

  0% {

    -webkit-transform: scale(1, 1) translateY(0);

    transform: scale(1, 1) translateY(0)

  }

  10% {

    -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);

    transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0)

  }

  30% {

    -webkit-transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));

    transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em))

  }

  50% {

    -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);

    transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0)

  }

  57% {

    -webkit-transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));

    transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em))

  }

  64% {

    -webkit-transform: scale(1, 1) translateY(0);

    transform: scale(1, 1) translateY(0)

  }

  100% {

    -webkit-transform: scale(1, 1) translateY(0);

    transform: scale(1, 1) translateY(0)

  }

}

@-webkit-keyframes fa-fade {

  50% {

    opacity: var(--fa-fade-opacity, 0.4)

  }

}

@keyframes fa-fade {

  50% {

    opacity: var(--fa-fade-opacity, 0.4)

  }

}

@-webkit-keyframes fa-beat-fade {

  0%, 100% {

    opacity: var(--fa-beat-fade-opacity, 0.4);

    -webkit-transform: scale(1);

    transform: scale(1)

  }

  50% {

    opacity: 1;

    -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));

    transform: scale(var(--fa-beat-fade-scale, 1.125))

  }

}

@keyframes fa-beat-fade {

  0%, 100% {

    opacity: var(--fa-beat-fade-opacity, 0.4);

    -webkit-transform: scale(1);

    transform: scale(1)

  }

  50% {

    opacity: 1;

    -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));

    transform: scale(var(--fa-beat-fade-scale, 1.125))

  }

}

@-webkit-keyframes fa-flip {

  50% {

    -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));

    transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg))

  }

}

@keyframes fa-flip {

  50% {

    -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));

    transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg))

  }

}

@-webkit-keyframes fa-shake {

  0% {

    -webkit-transform: rotate(-15deg);

    transform: rotate(-15deg)

  }

  4% {

    -webkit-transform: rotate(15deg);

    transform: rotate(15deg)

  }

  8%, 24% {

    -webkit-transform: rotate(-18deg);

    transform: rotate(-18deg)

  }

  12%, 28% {

    -webkit-transform: rotate(18deg);

    transform: rotate(18deg)

  }

  16% {

    -webkit-transform: rotate(-22deg);

    transform: rotate(-22deg)

  }

  20% {

    -webkit-transform: rotate(22deg);

    transform: rotate(22deg)

  }

  32% {

    -webkit-transform: rotate(-12deg);

    transform: rotate(-12deg)

  }

  36% {

    -webkit-transform: rotate(12deg);

    transform: rotate(12deg)

  }

  40%, 100% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg)

  }

}

@keyframes fa-shake {

  0% {

    -webkit-transform: rotate(-15deg);

    transform: rotate(-15deg)

  }

  4% {

    -webkit-transform: rotate(15deg);

    transform: rotate(15deg)

  }

  8%, 24% {

    -webkit-transform: rotate(-18deg);

    transform: rotate(-18deg)

  }

  12%, 28% {

    -webkit-transform: rotate(18deg);

    transform: rotate(18deg)

  }

  16% {

    -webkit-transform: rotate(-22deg);

    transform: rotate(-22deg)

  }

  20% {

    -webkit-transform: rotate(22deg);

    transform: rotate(22deg)

  }

  32% {

    -webkit-transform: rotate(-12deg);

    transform: rotate(-12deg)

  }

  36% {

    -webkit-transform: rotate(12deg);

    transform: rotate(12deg)

  }

  40%, 100% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg)

  }

}

@-webkit-keyframes fa-spin {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg)

  }

  100% {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg)

  }

}

@keyframes fa-spin {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg)

  }

  100% {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg)

  }

}

.fa-rotate-90 {

  -webkit-transform: rotate(90deg);

  transform: rotate(90deg)

}

.fa-rotate-180 {

  -webkit-transform: rotate(180deg);

  transform: rotate(180deg)

}

.fa-rotate-270 {

  -webkit-transform: rotate(270deg);

  transform: rotate(270deg)

}

.fa-flip-horizontal {

  -webkit-transform: scale(-1, 1);

  transform: scale(-1, 1)

}

.fa-flip-vertical {

  -webkit-transform: scale(1, -1);

  transform: scale(1, -1)

}

.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {

  -webkit-transform: scale(-1, -1);

  transform: scale(-1, -1)

}

.fa-rotate-by {

  -webkit-transform: rotate(var(--fa-rotate-angle, none));

  transform: rotate(var(--fa-rotate-angle, none))

}

.fa-stack {

  display: inline-block;

  height: 2em;

  line-height: 2em;

  position: relative;

  vertical-align: middle;

  width: 2.5em

}

.fa-stack-1x, .fa-stack-2x {

  left: 0;

  position: absolute;

  text-align: center;

  width: 100%;

  z-index: var(--fa-stack-z-index, auto)

}

.fa-stack-1x {

  line-height: inherit

}

.fa-stack-2x {

  font-size: 2em

}

.fa-inverse {

  color: var(--fa-inverse, #fff)

}

.fa-0::before {

  content: "0"

}

.fa-1::before {

  content: "1"

}

.fa-2::before {

  content: "2"

}

.fa-3::before {

  content: "3"

}

.fa-4::before {

  content: "4"

}

.fa-5::before {

  content: "5"

}

.fa-6::before {

  content: "6"

}

.fa-7::before {

  content: "7"

}

.fa-8::before {

  content: "8"

}

.fa-9::before {

  content: "9"

}

.fa-a::before {

  content: "A"

}

.fa-address-book::before {

  content: ""

}

.fa-contact-book::before {

  content: ""

}

.fa-address-card::before {

  content: ""

}

.fa-contact-card::before {

  content: ""

}

.fa-vcard::before {

  content: ""

}

.fa-align-center::before {

  content: ""

}

.fa-align-justify::before {

  content: ""

}

.fa-align-left::before {

  content: ""

}

.fa-align-right::before {

  content: ""

}

.fa-anchor::before {

  content: ""

}

.fa-angle-down::before {

  content: ""

}

.fa-angle-left::before {

  content: ""

}

.fa-angle-right::before {

  content: ""

}

.fa-angle-up::before {

  content: ""

}

.fa-angles-down::before {

  content: ""

}

.fa-angle-double-down::before {

  content: ""

}

.fa-angles-left::before {

  content: ""

}

.fa-angle-double-left::before {

  content: ""

}

.fa-angles-right::before {

  content: ""

}

.fa-angle-double-right::before {

  content: ""

}

.fa-angles-up::before {

  content: ""

}

.fa-angle-double-up::before {

  content: ""

}

.fa-ankh::before {

  content: ""

}

.fa-apple-whole::before {

  content: ""

}

.fa-apple-alt::before {

  content: ""

}

.fa-archway::before {

  content: ""

}

.fa-arrow-down::before {

  content: ""

}

.fa-arrow-down-1-9::before {

  content: ""

}

.fa-sort-numeric-asc::before {

  content: ""

}

.fa-sort-numeric-down::before {

  content: ""

}

.fa-arrow-down-9-1::before {

  content: ""

}

.fa-sort-numeric-desc::before {

  content: ""

}

.fa-sort-numeric-down-alt::before {

  content: ""

}

.fa-arrow-down-a-z::before {

  content: ""

}

.fa-sort-alpha-asc::before {

  content: ""

}

.fa-sort-alpha-down::before {

  content: ""

}

.fa-arrow-down-long::before {

  content: ""

}

.fa-long-arrow-down::before {

  content: ""

}

.fa-arrow-down-short-wide::before {

  content: ""

}

.fa-sort-amount-desc::before {

  content: ""

}

.fa-sort-amount-down-alt::before {

  content: ""

}

.fa-arrow-down-wide-short::before {

  content: ""

}

.fa-sort-amount-asc::before {

  content: ""

}

.fa-sort-amount-down::before {

  content: ""

}

.fa-arrow-down-z-a::before {

  content: ""

}

.fa-sort-alpha-desc::before {

  content: ""

}

.fa-sort-alpha-down-alt::before {

  content: ""

}

.fa-arrow-left::before {

  content: ""

}

.fa-arrow-left-long::before {

  content: ""

}

.fa-long-arrow-left::before {

  content: ""

}

.fa-arrow-pointer::before {

  content: ""

}

.fa-mouse-pointer::before {

  content: ""

}

.fa-arrow-right::before {

  content: ""

}

.fa-arrow-right-arrow-left::before {

  content: ""

}

.fa-exchange::before {

  content: ""

}

.fa-arrow-right-from-bracket::before {

  content: ""

}

.fa-sign-out::before {

  content: ""

}

.fa-arrow-right-long::before {

  content: ""

}

.fa-long-arrow-right::before {

  content: ""

}

.fa-arrow-right-to-bracket::before {

  content: ""

}

.fa-sign-in::before {

  content: ""

}

.fa-arrow-rotate-left::before {

  content: ""

}

.fa-arrow-left-rotate::before {

  content: ""

}

.fa-arrow-rotate-back::before {

  content: ""

}

.fa-arrow-rotate-backward::before {

  content: ""

}

.fa-undo::before {

  content: ""

}

.fa-arrow-rotate-right::before {

  content: ""

}

.fa-arrow-right-rotate::before {

  content: ""

}

.fa-arrow-rotate-forward::before {

  content: ""

}

.fa-redo::before {

  content: ""

}

.fa-arrow-trend-down::before {

  content: ""

}

.fa-arrow-trend-up::before {

  content: ""

}

.fa-arrow-turn-down::before {

  content: ""

}

.fa-level-down::before {

  content: ""

}

.fa-arrow-turn-up::before {

  content: ""

}

.fa-level-up::before {

  content: ""

}

.fa-arrow-up::before {

  content: ""

}

.fa-arrow-up-1-9::before {

  content: ""

}

.fa-sort-numeric-up::before {

  content: ""

}

.fa-arrow-up-9-1::before {

  content: ""

}

.fa-sort-numeric-up-alt::before {

  content: ""

}

.fa-arrow-up-a-z::before {

  content: ""

}

.fa-sort-alpha-up::before {

  content: ""

}

.fa-arrow-up-from-bracket::before {

  content: ""

}

.fa-arrow-up-long::before {

  content: ""

}

.fa-long-arrow-up::before {

  content: ""

}

.fa-arrow-up-right-from-square::before {

  content: ""

}

.fa-external-link::before {

  content: ""

}

.fa-arrow-up-short-wide::before {

  content: ""

}

.fa-sort-amount-up-alt::before {

  content: ""

}

.fa-arrow-up-wide-short::before {

  content: ""

}

.fa-sort-amount-up::before {

  content: ""

}

.fa-arrow-up-z-a::before {

  content: ""

}

.fa-sort-alpha-up-alt::before {

  content: ""

}

.fa-arrows-left-right::before {

  content: ""

}

.fa-arrows-h::before {

  content: ""

}

.fa-arrows-rotate::before {

  content: ""

}

.fa-refresh::before {

  content: ""

}

.fa-sync::before {

  content: ""

}

.fa-arrows-up-down::before {

  content: ""

}

.fa-arrows-v::before {

  content: ""

}

.fa-arrows-up-down-left-right::before {

  content: ""

}

.fa-arrows::before {

  content: ""

}

.fa-asterisk::before {

  content: "*"

}

.fa-at::before {

  content: "@"

}

.fa-atom::before {

  content: ""

}

.fa-audio-description::before {

  content: ""

}

.fa-austral-sign::before {

  content: ""

}

.fa-award::before {

  content: ""

}

.fa-b::before {

  content: "B"

}

.fa-baby::before {

  content: ""

}

.fa-baby-carriage::before {

  content: ""

}

.fa-carriage-baby::before {

  content: ""

}

.fa-backward::before {

  content: ""

}

.fa-backward-fast::before {

  content: ""

}

.fa-fast-backward::before {

  content: ""

}

.fa-backward-step::before {

  content: ""

}

.fa-step-backward::before {

  content: ""

}

.fa-bacon::before {

  content: ""

}

.fa-bacteria::before {

  content: ""

}

.fa-bacterium::before {

  content: ""

}

.fa-bag-shopping::before {

  content: ""

}

.fa-shopping-bag::before {

  content: ""

}

.fa-bahai::before {

  content: ""

}

.fa-baht-sign::before {

  content: ""

}

.fa-ban::before {

  content: ""

}

.fa-cancel::before {

  content: ""

}

.fa-ban-smoking::before {

  content: ""

}

.fa-smoking-ban::before {

  content: ""

}

.fa-bandage::before {

  content: ""

}

.fa-band-aid::before {

  content: ""

}

.fa-barcode::before {

  content: ""

}

.fa-bars::before {

  content: ""

}

.fa-navicon::before {

  content: ""

}

.fa-bars-progress::before {

  content: ""

}

.fa-tasks-alt::before {

  content: ""

}

.fa-bars-staggered::before {

  content: ""

}

.fa-reorder::before {

  content: ""

}

.fa-stream::before {

  content: ""

}

.fa-baseball::before {

  content: ""

}

.fa-baseball-ball::before {

  content: ""

}

.fa-baseball-bat-ball::before {

  content: ""

}

.fa-basket-shopping::before {

  content: ""

}

.fa-shopping-basket::before {

  content: ""

}

.fa-basketball::before {

  content: ""

}

.fa-basketball-ball::before {

  content: ""

}

.fa-bath::before {

  content: ""

}

.fa-bathtub::before {

  content: ""

}

.fa-battery-empty::before {

  content: ""

}

.fa-battery-0::before {

  content: ""

}

.fa-battery-full::before {

  content: ""

}

.fa-battery::before {

  content: ""

}

.fa-battery-5::before {

  content: ""

}

.fa-battery-half::before {

  content: ""

}

.fa-battery-3::before {

  content: ""

}

.fa-battery-quarter::before {

  content: ""

}

.fa-battery-2::before {

  content: ""

}

.fa-battery-three-quarters::before {

  content: ""

}

.fa-battery-4::before {

  content: ""

}

.fa-bed::before {

  content: ""

}

.fa-bed-pulse::before {

  content: ""

}

.fa-procedures::before {

  content: ""

}

.fa-beer-mug-empty::before {

  content: ""

}

.fa-beer::before {

  content: ""

}

.fa-bell::before {

  content: ""

}

.fa-bell-concierge::before {

  content: ""

}

.fa-concierge-bell::before {

  content: ""

}

.fa-bell-slash::before {

  content: ""

}

.fa-bezier-curve::before {

  content: ""

}

.fa-bicycle::before {

  content: ""

}

.fa-binoculars::before {

  content: ""

}

.fa-biohazard::before {

  content: ""

}

.fa-bitcoin-sign::before {

  content: ""

}

.fa-blender::before {

  content: ""

}

.fa-blender-phone::before {

  content: ""

}

.fa-blog::before {

  content: ""

}

.fa-bold::before {

  content: ""

}

.fa-bolt::before {

  content: ""

}

.fa-zap::before {

  content: ""

}

.fa-bolt-lightning::before {

  content: ""

}

.fa-bomb::before {

  content: ""

}

.fa-bone::before {

  content: ""

}

.fa-bong::before {

  content: ""

}

.fa-book::before {

  content: ""

}

.fa-book-atlas::before {

  content: ""

}

.fa-atlas::before {

  content: ""

}

.fa-book-bible::before {

  content: ""

}

.fa-bible::before {

  content: ""

}

.fa-book-journal-whills::before {

  content: ""

}

.fa-journal-whills::before {

  content: ""

}

.fa-book-medical::before {

  content: ""

}

.fa-book-open::before {

  content: ""

}

.fa-book-open-reader::before {

  content: ""

}

.fa-book-reader::before {

  content: ""

}

.fa-book-quran::before {

  content: ""

}

.fa-quran::before {

  content: ""

}

.fa-book-skull::before {

  content: ""

}

.fa-book-dead::before {

  content: ""

}

.fa-bookmark::before {

  content: ""

}

.fa-border-all::before {

  content: ""

}

.fa-border-none::before {

  content: ""

}

.fa-border-top-left::before {

  content: ""

}

.fa-border-style::before {

  content: ""

}

.fa-bowling-ball::before {

  content: ""

}

.fa-box::before {

  content: ""

}

.fa-box-archive::before {

  content: ""

}

.fa-archive::before {

  content: ""

}

.fa-box-open::before {

  content: ""

}

.fa-box-tissue::before {

  content: ""

}

.fa-boxes-stacked::before {

  content: ""

}

.fa-boxes::before {

  content: ""

}

.fa-boxes-alt::before {

  content: ""

}

.fa-braille::before {

  content: ""

}

.fa-brain::before {

  content: ""

}

.fa-brazilian-real-sign::before {

  content: ""

}

.fa-bread-slice::before {

  content: ""

}

.fa-briefcase::before {

  content: ""

}

.fa-briefcase-medical::before {

  content: ""

}

.fa-broom::before {

  content: ""

}

.fa-broom-ball::before {

  content: ""

}

.fa-quidditch::before {

  content: ""

}

.fa-quidditch-broom-ball::before {

  content: ""

}

.fa-brush::before {

  content: ""

}

.fa-bug::before {

  content: ""

}

.fa-bug-slash::before {

  content: ""

}

.fa-building::before {

  content: ""

}

.fa-building-columns::before {

  content: ""

}

.fa-bank::before {

  content: ""

}

.fa-institution::before {

  content: ""

}

.fa-museum::before {

  content: ""

}

.fa-university::before {

  content: ""

}

.fa-bullhorn::before {

  content: ""

}

.fa-bullseye::before {

  content: ""

}

.fa-burger::before {

  content: ""

}

.fa-hamburger::before {

  content: ""

}

.fa-bus::before {

  content: ""

}

.fa-bus-simple::before {

  content: ""

}

.fa-bus-alt::before {

  content: ""

}

.fa-business-time::before {

  content: ""

}

.fa-briefcase-clock::before {

  content: ""

}

.fa-c::before {

  content: "C"

}

.fa-cake-candles::before {

  content: ""

}

.fa-birthday-cake::before {

  content: ""

}

.fa-cake::before {

  content: ""

}

.fa-calculator::before {

  content: ""

}

.fa-calendar::before {

  content: ""

}

.fa-calendar-check::before {

  content: ""

}

.fa-calendar-day::before {

  content: ""

}

.fa-calendar-days::before {

  content: ""

}

.fa-calendar-alt::before {

  content: ""

}

.fa-calendar-minus::before {

  content: ""

}

.fa-calendar-plus::before {

  content: ""

}

.fa-calendar-week::before {

  content: ""

}

.fa-calendar-xmark::before {

  content: ""

}

.fa-calendar-times::before {

  content: ""

}

.fa-camera::before {

  content: ""

}

.fa-camera-alt::before {

  content: ""

}

.fa-camera-retro::before {

  content: ""

}

.fa-camera-rotate::before {

  content: ""

}

.fa-campground::before {

  content: ""

}

.fa-candy-cane::before {

  content: ""

}

.fa-cannabis::before {

  content: ""

}

.fa-capsules::before {

  content: ""

}

.fa-car::before {

  content: ""

}

.fa-automobile::before {

  content: ""

}

.fa-car-battery::before {

  content: ""

}

.fa-battery-car::before {

  content: ""

}

.fa-car-crash::before {

  content: ""

}

.fa-car-rear::before {

  content: ""

}

.fa-car-alt::before {

  content: ""

}

.fa-car-side::before {

  content: ""

}

.fa-caravan::before {

  content: ""

}

.fa-caret-down::before {

  content: ""

}

.fa-caret-left::before {

  content: ""

}

.fa-caret-right::before {

  content: ""

}

.fa-caret-up::before {

  content: ""

}

.fa-carrot::before {

  content: ""

}

.fa-cart-arrow-down::before {

  content: ""

}

.fa-cart-flatbed::before {

  content: ""

}

.fa-dolly-flatbed::before {

  content: ""

}

.fa-cart-flatbed-suitcase::before {

  content: ""

}

.fa-luggage-cart::before {

  content: ""

}

.fa-cart-plus::before {

  content: ""

}

.fa-cart-shopping::before {

  content: ""

}

.fa-shopping-cart::before {

  content: ""

}

.fa-cash-register::before {

  content: ""

}

.fa-cat::before {

  content: ""

}

.fa-cedi-sign::before {

  content: ""

}

.fa-cent-sign::before {

  content: ""

}

.fa-certificate::before {

  content: ""

}

.fa-chair::before {

  content: ""

}

.fa-chalkboard::before {

  content: ""

}

.fa-blackboard::before {

  content: ""

}

.fa-chalkboard-user::before {

  content: ""

}

.fa-chalkboard-teacher::before {

  content: ""

}

.fa-champagne-glasses::before {

  content: ""

}

.fa-glass-cheers::before {

  content: ""

}

.fa-charging-station::before {

  content: ""

}

.fa-chart-area::before {

  content: ""

}

.fa-area-chart::before {

  content: ""

}

.fa-chart-bar::before {

  content: ""

}

.fa-bar-chart::before {

  content: ""

}

.fa-chart-column::before {

  content: ""

}

.fa-chart-gantt::before {

  content: ""

}

.fa-chart-line::before {

  content: ""

}

.fa-line-chart::before {

  content: ""

}

.fa-chart-pie::before {

  content: ""

}

.fa-pie-chart::before {

  content: ""

}

.fa-check::before {

  content: ""

}

.fa-check-double::before {

  content: ""

}

.fa-check-to-slot::before {

  content: ""

}

.fa-vote-yea::before {

  content: ""

}

.fa-cheese::before {

  content: ""

}

.fa-chess::before {

  content: ""

}

.fa-chess-bishop::before {

  content: ""

}

.fa-chess-board::before {

  content: ""

}

.fa-chess-king::before {

  content: ""

}

.fa-chess-knight::before {

  content: ""

}

.fa-chess-pawn::before {

  content: ""

}

.fa-chess-queen::before {

  content: ""

}

.fa-chess-rook::before {

  content: ""

}

.fa-chevron-down::before {

  content: ""

}

.fa-chevron-left::before {

  content: ""

}

.fa-chevron-right::before {

  content: ""

}

.fa-chevron-up::before {

  content: ""

}

.fa-child::before {

  content: ""

}

.fa-church::before {

  content: ""

}

.fa-circle::before {

  content: ""

}

.fa-circle-arrow-down::before {

  content: ""

}

.fa-arrow-circle-down::before {

  content: ""

}

.fa-circle-arrow-left::before {

  content: ""

}

.fa-arrow-circle-left::before {

  content: ""

}

.fa-circle-arrow-right::before {

  content: ""

}

.fa-arrow-circle-right::before {

  content: ""

}

.fa-circle-arrow-up::before {

  content: ""

}

.fa-arrow-circle-up::before {

  content: ""

}

.fa-circle-check::before {

  content: ""

}

.fa-check-circle::before {

  content: ""

}

.fa-circle-chevron-down::before {

  content: ""

}

.fa-chevron-circle-down::before {

  content: ""

}

.fa-circle-chevron-left::before {

  content: ""

}

.fa-chevron-circle-left::before {

  content: ""

}

.fa-circle-chevron-right::before {

  content: ""

}

.fa-chevron-circle-right::before {

  content: ""

}

.fa-circle-chevron-up::before {

  content: ""

}

.fa-chevron-circle-up::before {

  content: ""

}

.fa-circle-dollar-to-slot::before {

  content: ""

}

.fa-donate::before {

  content: ""

}

.fa-circle-dot::before {

  content: ""

}

.fa-dot-circle::before {

  content: ""

}

.fa-circle-down::before {

  content: ""

}

.fa-arrow-alt-circle-down::before {

  content: ""

}

.fa-circle-exclamation::before {

  content: ""

}

.fa-exclamation-circle::before {

  content: ""

}

.fa-circle-h::before {

  content: ""

}

.fa-hospital-symbol::before {

  content: ""

}

.fa-circle-half-stroke::before {

  content: ""

}

.fa-adjust::before {

  content: ""

}

.fa-circle-info::before {

  content: ""

}

.fa-info-circle::before {

  content: ""

}

.fa-circle-left::before {

  content: ""

}

.fa-arrow-alt-circle-left::before {

  content: ""

}

.fa-circle-minus::before {

  content: ""

}

.fa-minus-circle::before {

  content: ""

}

.fa-circle-notch::before {

  content: ""

}

.fa-circle-pause::before {

  content: ""

}

.fa-pause-circle::before {

  content: ""

}

.fa-circle-play::before {

  content: ""

}

.fa-play-circle::before {

  content: ""

}

.fa-circle-plus::before {

  content: ""

}

.fa-plus-circle::before {

  content: ""

}

.fa-circle-question::before {

  content: ""

}

.fa-question-circle::before {

  content: ""

}

.fa-circle-radiation::before {

  content: ""

}

.fa-radiation-alt::before {

  content: ""

}

.fa-circle-right::before {

  content: ""

}

.fa-arrow-alt-circle-right::before {

  content: ""

}

.fa-circle-stop::before {

  content: ""

}

.fa-stop-circle::before {

  content: ""

}

.fa-circle-up::before {

  content: ""

}

.fa-arrow-alt-circle-up::before {

  content: ""

}

.fa-circle-user::before {

  content: ""

}

.fa-user-circle::before {

  content: ""

}

.fa-circle-xmark::before {

  content: ""

}

.fa-times-circle::before {

  content: ""

}

.fa-xmark-circle::before {

  content: ""

}

.fa-city::before {

  content: ""

}

.fa-clapperboard::before {

  content: ""

}

.fa-clipboard::before {

  content: ""

}

.fa-clipboard-check::before {

  content: ""

}

.fa-clipboard-list::before {

  content: ""

}

.fa-clock::before {

  content: ""

}

.fa-clock-four::before {

  content: ""

}

.fa-clock-rotate-left::before {

  content: ""

}

.fa-history::before {

  content: ""

}

.fa-clone::before {

  content: ""

}

.fa-closed-captioning::before {

  content: ""

}

.fa-cloud::before {

  content: ""

}

.fa-cloud-arrow-down::before {

  content: ""

}

.fa-cloud-download::before {

  content: ""

}

.fa-cloud-download-alt::before {

  content: ""

}

.fa-cloud-arrow-up::before {

  content: ""

}

.fa-cloud-upload::before {

  content: ""

}

.fa-cloud-upload-alt::before {

  content: ""

}

.fa-cloud-meatball::before {

  content: ""

}

.fa-cloud-moon::before {

  content: ""

}

.fa-cloud-moon-rain::before {

  content: ""

}

.fa-cloud-rain::before {

  content: ""

}

.fa-cloud-showers-heavy::before {

  content: ""

}

.fa-cloud-sun::before {

  content: ""

}

.fa-cloud-sun-rain::before {

  content: ""

}

.fa-clover::before {

  content: ""

}

.fa-code::before {

  content: ""

}

.fa-code-branch::before {

  content: ""

}

.fa-code-commit::before {

  content: ""

}

.fa-code-compare::before {

  content: ""

}

.fa-code-fork::before {

  content: ""

}

.fa-code-merge::before {

  content: ""

}

.fa-code-pull-request::before {

  content: ""

}

.fa-coins::before {

  content: ""

}

.fa-colon-sign::before {

  content: ""

}

.fa-comment::before {

  content: ""

}

.fa-comment-dollar::before {

  content: ""

}

.fa-comment-dots::before {

  content: ""

}

.fa-commenting::before {

  content: ""

}

.fa-comment-medical::before {

  content: ""

}

.fa-comment-slash::before {

  content: ""

}

.fa-comment-sms::before {

  content: ""

}

.fa-sms::before {

  content: ""

}

.fa-comments::before {

  content: ""

}

.fa-comments-dollar::before {

  content: ""

}

.fa-compact-disc::before {

  content: ""

}

.fa-compass::before {

  content: ""

}

.fa-compass-drafting::before {

  content: ""

}

.fa-drafting-compass::before {

  content: ""

}

.fa-compress::before {

  content: ""

}

.fa-computer-mouse::before {

  content: ""

}

.fa-mouse::before {

  content: ""

}

.fa-cookie::before {

  content: ""

}

.fa-cookie-bite::before {

  content: ""

}

.fa-copy::before {

  content: ""

}

.fa-copyright::before {

  content: ""

}

.fa-couch::before {

  content: ""

}

.fa-credit-card::before {

  content: ""

}

.fa-credit-card-alt::before {

  content: ""

}

.fa-crop::before {

  content: ""

}

.fa-crop-simple::before {

  content: ""

}

.fa-crop-alt::before {

  content: ""

}

.fa-cross::before {

  content: ""

}

.fa-crosshairs::before {

  content: ""

}

.fa-crow::before {

  content: ""

}

.fa-crown::before {

  content: ""

}

.fa-crutch::before {

  content: ""

}

.fa-cruzeiro-sign::before {

  content: ""

}

.fa-cube::before {

  content: ""

}

.fa-cubes::before {

  content: ""

}

.fa-d::before {

  content: "D"

}

.fa-database::before {

  content: ""

}

.fa-delete-left::before {

  content: ""

}

.fa-backspace::before {

  content: ""

}

.fa-democrat::before {

  content: ""

}

.fa-desktop::before {

  content: ""

}

.fa-desktop-alt::before {

  content: ""

}

.fa-dharmachakra::before {

  content: ""

}

.fa-diagram-next::before {

  content: ""

}

.fa-diagram-predecessor::before {

  content: ""

}

.fa-diagram-project::before {

  content: ""

}

.fa-project-diagram::before {

  content: ""

}

.fa-diagram-successor::before {

  content: ""

}

.fa-diamond::before {

  content: ""

}

.fa-diamond-turn-right::before {

  content: ""

}

.fa-directions::before {

  content: ""

}

.fa-dice::before {

  content: ""

}

.fa-dice-d20::before {

  content: ""

}

.fa-dice-d6::before {

  content: ""

}

.fa-dice-five::before {

  content: ""

}

.fa-dice-four::before {

  content: ""

}

.fa-dice-one::before {

  content: ""

}

.fa-dice-six::before {

  content: ""

}

.fa-dice-three::before {

  content: ""

}

.fa-dice-two::before {

  content: ""

}

.fa-disease::before {

  content: ""

}

.fa-divide::before {

  content: ""

}

.fa-dna::before {

  content: ""

}

.fa-dog::before {

  content: ""

}

.fa-dollar-sign::before {

  content: "$"

}

.fa-dollar::before {

  content: "$"

}

.fa-usd::before {

  content: "$"

}

.fa-dolly::before {

  content: ""

}

.fa-dolly-box::before {

  content: ""

}

.fa-dong-sign::before {

  content: ""

}

.fa-door-closed::before {

  content: ""

}

.fa-door-open::before {

  content: ""

}

.fa-dove::before {

  content: ""

}

.fa-down-left-and-up-right-to-center::before {

  content: ""

}

.fa-compress-alt::before {

  content: ""

}

.fa-down-long::before {

  content: ""

}

.fa-long-arrow-alt-down::before {

  content: ""

}

.fa-download::before {

  content: ""

}

.fa-dragon::before {

  content: ""

}

.fa-draw-polygon::before {

  content: ""

}

.fa-droplet::before {

  content: ""

}

.fa-tint::before {

  content: ""

}

.fa-droplet-slash::before {

  content: ""

}

.fa-tint-slash::before {

  content: ""

}

.fa-drum::before {

  content: ""

}

.fa-drum-steelpan::before {

  content: ""

}

.fa-drumstick-bite::before {

  content: ""

}

.fa-dumbbell::before {

  content: ""

}

.fa-dumpster::before {

  content: ""

}

.fa-dumpster-fire::before {

  content: ""

}

.fa-dungeon::before {

  content: ""

}

.fa-e::before {

  content: "E"

}

.fa-ear-deaf::before {

  content: ""

}

.fa-deaf::before {

  content: ""

}

.fa-deafness::before {

  content: ""

}

.fa-hard-of-hearing::before {

  content: ""

}

.fa-ear-listen::before {

  content: ""

}

.fa-assistive-listening-systems::before {

  content: ""

}

.fa-earth-africa::before {

  content: ""

}

.fa-globe-africa::before {

  content: ""

}

.fa-earth-americas::before {

  content: ""

}

.fa-earth::before {

  content: ""

}

.fa-earth-america::before {

  content: ""

}

.fa-globe-americas::before {

  content: ""

}

.fa-earth-asia::before {

  content: ""

}

.fa-globe-asia::before {

  content: ""

}

.fa-earth-europe::before {

  content: ""

}

.fa-globe-europe::before {

  content: ""

}

.fa-earth-oceania::before {

  content: ""

}

.fa-globe-oceania::before {

  content: ""

}

.fa-egg::before {

  content: ""

}

.fa-eject::before {

  content: ""

}

.fa-elevator::before {

  content: ""

}

.fa-ellipsis::before {

  content: ""

}

.fa-ellipsis-h::before {

  content: ""

}

.fa-ellipsis-vertical::before {

  content: ""

}

.fa-ellipsis-v::before {

  content: ""

}

.fa-envelope::before {

  content: ""

}

.fa-envelope-open::before {

  content: ""

}

.fa-envelope-open-text::before {

  content: ""

}

.fa-envelopes-bulk::before {

  content: ""

}

.fa-mail-bulk::before {

  content: ""

}

.fa-equals::before {

  content: "="

}

.fa-eraser::before {

  content: ""

}

.fa-ethernet::before {

  content: ""

}

.fa-euro-sign::before {

  content: ""

}

.fa-eur::before {

  content: ""

}

.fa-euro::before {

  content: ""

}

.fa-exclamation::before {

  content: "!"

}

.fa-expand::before {

  content: ""

}

.fa-eye::before {

  content: ""

}

.fa-eye-dropper::before {

  content: ""

}

.fa-eye-dropper-empty::before {

  content: ""

}

.fa-eyedropper::before {

  content: ""

}

.fa-eye-low-vision::before {

  content: ""

}

.fa-low-vision::before {

  content: ""

}

.fa-eye-slash::before {

  content: ""

}

.fa-f::before {

  content: "F"

}

.fa-face-angry::before {

  content: ""

}

.fa-angry::before {

  content: ""

}

.fa-face-dizzy::before {

  content: ""

}

.fa-dizzy::before {

  content: ""

}

.fa-face-flushed::before {

  content: ""

}

.fa-flushed::before {

  content: ""

}

.fa-face-frown::before {

  content: ""

}

.fa-frown::before {

  content: ""

}

.fa-face-frown-open::before {

  content: ""

}

.fa-frown-open::before {

  content: ""

}

.fa-face-grimace::before {

  content: ""

}

.fa-grimace::before {

  content: ""

}

.fa-face-grin::before {

  content: ""

}

.fa-grin::before {

  content: ""

}

.fa-face-grin-beam::before {

  content: ""

}

.fa-grin-beam::before {

  content: ""

}

.fa-face-grin-beam-sweat::before {

  content: ""

}

.fa-grin-beam-sweat::before {

  content: ""

}

.fa-face-grin-hearts::before {

  content: ""

}

.fa-grin-hearts::before {

  content: ""

}

.fa-face-grin-squint::before {

  content: ""

}

.fa-grin-squint::before {

  content: ""

}

.fa-face-grin-squint-tears::before {

  content: ""

}

.fa-grin-squint-tears::before {

  content: ""

}

.fa-face-grin-stars::before {

  content: ""

}

.fa-grin-stars::before {

  content: ""

}

.fa-face-grin-tears::before {

  content: ""

}

.fa-grin-tears::before {

  content: ""

}

.fa-face-grin-tongue::before {

  content: ""

}

.fa-grin-tongue::before {

  content: ""

}

.fa-face-grin-tongue-squint::before {

  content: ""

}

.fa-grin-tongue-squint::before {

  content: ""

}

.fa-face-grin-tongue-wink::before {

  content: ""

}

.fa-grin-tongue-wink::before {

  content: ""

}

.fa-face-grin-wide::before {

  content: ""

}

.fa-grin-alt::before {

  content: ""

}

.fa-face-grin-wink::before {

  content: ""

}

.fa-grin-wink::before {

  content: ""

}

.fa-face-kiss::before {

  content: ""

}

.fa-kiss::before {

  content: ""

}

.fa-face-kiss-beam::before {

  content: ""

}

.fa-kiss-beam::before {

  content: ""

}

.fa-face-kiss-wink-heart::before {

  content: ""

}

.fa-kiss-wink-heart::before {

  content: ""

}

.fa-face-laugh::before {

  content: ""

}

.fa-laugh::before {

  content: ""

}

.fa-face-laugh-beam::before {

  content: ""

}

.fa-laugh-beam::before {

  content: ""

}

.fa-face-laugh-squint::before {

  content: ""

}

.fa-laugh-squint::before {

  content: ""

}

.fa-face-laugh-wink::before {

  content: ""

}

.fa-laugh-wink::before {

  content: ""

}

.fa-face-meh::before {

  content: ""

}

.fa-meh::before {

  content: ""

}

.fa-face-meh-blank::before {

  content: ""

}

.fa-meh-blank::before {

  content: ""

}

.fa-face-rolling-eyes::before {

  content: ""

}

.fa-meh-rolling-eyes::before {

  content: ""

}

.fa-face-sad-cry::before {

  content: ""

}

.fa-sad-cry::before {

  content: ""

}

.fa-face-sad-tear::before {

  content: ""

}

.fa-sad-tear::before {

  content: ""

}

.fa-face-smile::before {

  content: ""

}

.fa-smile::before {

  content: ""

}

.fa-face-smile-beam::before {

  content: ""

}

.fa-smile-beam::before {

  content: ""

}

.fa-face-smile-wink::before {

  content: ""

}

.fa-smile-wink::before {

  content: ""

}

.fa-face-surprise::before {

  content: ""

}

.fa-surprise::before {

  content: ""

}

.fa-face-tired::before {

  content: ""

}

.fa-tired::before {

  content: ""

}

.fa-fan::before {

  content: ""

}

.fa-faucet::before {

  content: ""

}

.fa-fax::before {

  content: ""

}

.fa-feather::before {

  content: ""

}

.fa-feather-pointed::before {

  content: ""

}

.fa-feather-alt::before {

  content: ""

}

.fa-file::before {

  content: ""

}

.fa-file-arrow-down::before {

  content: ""

}

.fa-file-download::before {

  content: ""

}

.fa-file-arrow-up::before {

  content: ""

}

.fa-file-upload::before {

  content: ""

}

.fa-file-audio::before {

  content: ""

}

.fa-file-code::before {

  content: ""

}

.fa-file-contract::before {

  content: ""

}

.fa-file-csv::before {

  content: ""

}

.fa-file-excel::before {

  content: ""

}

.fa-file-export::before {

  content: ""

}

.fa-arrow-right-from-file::before {

  content: ""

}

.fa-file-image::before {

  content: ""

}

.fa-file-import::before {

  content: ""

}

.fa-arrow-right-to-file::before {

  content: ""

}

.fa-file-invoice::before {

  content: ""

}

.fa-file-invoice-dollar::before {

  content: ""

}

.fa-file-lines::before {

  content: ""

}

.fa-file-alt::before {

  content: ""

}

.fa-file-text::before {

  content: ""

}

.fa-file-medical::before {

  content: ""

}

.fa-file-pdf::before {

  content: ""

}

.fa-file-powerpoint::before {

  content: ""

}

.fa-file-prescription::before {

  content: ""

}

.fa-file-signature::before {

  content: ""

}

.fa-file-video::before {

  content: ""

}

.fa-file-waveform::before {

  content: ""

}

.fa-file-medical-alt::before {

  content: ""

}

.fa-file-word::before {

  content: ""

}

.fa-file-zipper::before {

  content: ""

}

.fa-file-archive::before {

  content: ""

}

.fa-fill::before {

  content: ""

}

.fa-fill-drip::before {

  content: ""

}

.fa-film::before {

  content: ""

}

.fa-filter::before {

  content: ""

}

.fa-filter-circle-dollar::before {

  content: ""

}

.fa-funnel-dollar::before {

  content: ""

}

.fa-filter-circle-xmark::before {

  content: ""

}

.fa-fingerprint::before {

  content: ""

}

.fa-fire::before {

  content: ""

}

.fa-fire-extinguisher::before {

  content: ""

}

.fa-fire-flame-curved::before {

  content: ""

}

.fa-fire-alt::before {

  content: ""

}

.fa-fire-flame-simple::before {

  content: ""

}

.fa-burn::before {

  content: ""

}

.fa-fish::before {

  content: ""

}

.fa-flag::before {

  content: ""

}

.fa-flag-checkered::before {

  content: ""

}

.fa-flag-usa::before {

  content: ""

}

.fa-flask::before {

  content: ""

}

.fa-floppy-disk::before {

  content: ""

}

.fa-save::before {

  content: ""

}

.fa-florin-sign::before {

  content: ""

}

.fa-folder::before {

  content: ""

}

.fa-folder-minus::before {

  content: ""

}

.fa-folder-open::before {

  content: ""

}

.fa-folder-plus::before {

  content: ""

}

.fa-folder-tree::before {

  content: ""

}

.fa-font::before {

  content: ""

}

.fa-football::before {

  content: ""

}

.fa-football-ball::before {

  content: ""

}

.fa-forward::before {

  content: ""

}

.fa-forward-fast::before {

  content: ""

}

.fa-fast-forward::before {

  content: ""

}

.fa-forward-step::before {

  content: ""

}

.fa-step-forward::before {

  content: ""

}

.fa-franc-sign::before {

  content: ""

}

.fa-frog::before {

  content: ""

}

.fa-futbol::before {

  content: ""

}

.fa-futbol-ball::before {

  content: ""

}

.fa-soccer-ball::before {

  content: ""

}

.fa-g::before {

  content: "G"

}

.fa-gamepad::before {

  content: ""

}

.fa-gas-pump::before {

  content: ""

}

.fa-gauge::before {

  content: ""

}

.fa-dashboard::before {

  content: ""

}

.fa-gauge-med::before {

  content: ""

}

.fa-tachometer-alt-average::before {

  content: ""

}

.fa-gauge-high::before {

  content: ""

}

.fa-tachometer-alt::before {

  content: ""

}

.fa-tachometer-alt-fast::before {

  content: ""

}

.fa-gauge-simple::before {

  content: ""

}

.fa-gauge-simple-med::before {

  content: ""

}

.fa-tachometer-average::before {

  content: ""

}

.fa-gauge-simple-high::before {

  content: ""

}

.fa-tachometer::before {

  content: ""

}

.fa-tachometer-fast::before {

  content: ""

}

.fa-gavel::before {

  content: ""

}

.fa-legal::before {

  content: ""

}

.fa-gear::before {

  content: ""

}

.fa-cog::before {

  content: ""

}

.fa-gears::before {

  content: ""

}

.fa-cogs::before {

  content: ""

}

.fa-gem::before {

  content: ""

}

.fa-genderless::before {

  content: ""

}

.fa-ghost::before {

  content: ""

}

.fa-gift::before {

  content: ""

}

.fa-gifts::before {

  content: ""

}

.fa-glasses::before {

  content: ""

}

.fa-globe::before {

  content: ""

}

.fa-golf-ball-tee::before {

  content: ""

}

.fa-golf-ball::before {

  content: ""

}

.fa-gopuram::before {

  content: ""

}

.fa-graduation-cap::before {

  content: ""

}

.fa-mortar-board::before {

  content: ""

}

.fa-greater-than::before {

  content: ">"

}

.fa-greater-than-equal::before {

  content: ""

}

.fa-grip::before {

  content: ""

}

.fa-grip-horizontal::before {

  content: ""

}

.fa-grip-lines::before {

  content: ""

}

.fa-grip-lines-vertical::before {

  content: ""

}

.fa-grip-vertical::before {

  content: ""

}

.fa-guarani-sign::before {

  content: ""

}

.fa-guitar::before {

  content: ""

}

.fa-gun::before {

  content: ""

}

.fa-h::before {

  content: "H"

}

.fa-hammer::before {

  content: ""

}

.fa-hamsa::before {

  content: ""

}

.fa-hand::before {

  content: ""

}

.fa-hand-paper::before {

  content: ""

}

.fa-hand-back-fist::before {

  content: ""

}

.fa-hand-rock::before {

  content: ""

}

.fa-hand-dots::before {

  content: ""

}

.fa-allergies::before {

  content: ""

}

.fa-hand-fist::before {

  content: ""

}

.fa-fist-raised::before {

  content: ""

}

.fa-hand-holding::before {

  content: ""

}

.fa-hand-holding-dollar::before {

  content: ""

}

.fa-hand-holding-usd::before {

  content: ""

}

.fa-hand-holding-droplet::before {

  content: ""

}

.fa-hand-holding-water::before {

  content: ""

}

.fa-hand-holding-heart::before {

  content: ""

}

.fa-hand-holding-medical::before {

  content: ""

}

.fa-hand-lizard::before {

  content: ""

}

.fa-hand-middle-finger::before {

  content: ""

}

.fa-hand-peace::before {

  content: ""

}

.fa-hand-point-down::before {

  content: ""

}

.fa-hand-point-left::before {

  content: ""

}

.fa-hand-point-right::before {

  content: ""

}

.fa-hand-point-up::before {

  content: ""

}

.fa-hand-pointer::before {

  content: ""

}

.fa-hand-scissors::before {

  content: ""

}

.fa-hand-sparkles::before {

  content: ""

}

.fa-hand-spock::before {

  content: ""

}

.fa-hands::before {

  content: ""

}

.fa-sign-language::before {

  content: ""

}

.fa-signing::before {

  content: ""

}

.fa-hands-asl-interpreting::before {

  content: ""

}

.fa-american-sign-language-interpreting::before {

  content: ""

}

.fa-asl-interpreting::before {

  content: ""

}

.fa-hands-american-sign-language-interpreting::before {

  content: ""

}

.fa-hands-bubbles::before {

  content: ""

}

.fa-hands-wash::before {

  content: ""

}

.fa-hands-clapping::before {

  content: ""

}

.fa-hands-holding::before {

  content: ""

}

.fa-hands-praying::before {

  content: ""

}

.fa-praying-hands::before {

  content: ""

}

.fa-handshake::before {

  content: ""

}

.fa-handshake-angle::before {

  content: ""

}

.fa-hands-helping::before {

  content: ""

}

.fa-handshake-simple-slash::before {

  content: ""

}

.fa-handshake-alt-slash::before {

  content: ""

}

.fa-handshake-slash::before {

  content: ""

}

.fa-hanukiah::before {

  content: ""

}

.fa-hard-drive::before {

  content: ""

}

.fa-hdd::before {

  content: ""

}

.fa-hashtag::before {

  content: "#"

}

.fa-hat-cowboy::before {

  content: ""

}

.fa-hat-cowboy-side::before {

  content: ""

}

.fa-hat-wizard::before {

  content: ""

}

.fa-head-side-cough::before {

  content: ""

}

.fa-head-side-cough-slash::before {

  content: ""

}

.fa-head-side-mask::before {

  content: ""

}

.fa-head-side-virus::before {

  content: ""

}

.fa-heading::before {

  content: ""

}

.fa-header::before {

  content: ""

}

.fa-headphones::before {

  content: ""

}

.fa-headphones-simple::before {

  content: ""

}

.fa-headphones-alt::before {

  content: ""

}

.fa-headset::before {

  content: ""

}

.fa-heart::before {

  content: ""

}

.fa-heart-crack::before {

  content: ""

}

.fa-heart-broken::before {

  content: ""

}

.fa-heart-pulse::before {

  content: ""

}

.fa-heartbeat::before {

  content: ""

}

.fa-helicopter::before {

  content: ""

}

.fa-helmet-safety::before {

  content: ""

}

.fa-hard-hat::before {

  content: ""

}

.fa-hat-hard::before {

  content: ""

}

.fa-highlighter::before {

  content: ""

}

.fa-hippo::before {

  content: ""

}

.fa-hockey-puck::before {

  content: ""

}

.fa-holly-berry::before {

  content: ""

}

.fa-horse::before {

  content: ""

}

.fa-horse-head::before {

  content: ""

}

.fa-hospital::before {

  content: ""

}

.fa-hospital-alt::before {

  content: ""

}

.fa-hospital-wide::before {

  content: ""

}

.fa-hospital-user::before {

  content: ""

}

.fa-hot-tub-person::before {

  content: ""

}

.fa-hot-tub::before {

  content: ""

}

.fa-hotdog::before {

  content: ""

}

.fa-hotel::before {

  content: ""

}

.fa-hourglass::before {

  content: ""

}

.fa-hourglass-2::before {

  content: ""

}

.fa-hourglass-half::before {

  content: ""

}

.fa-hourglass-empty::before {

  content: ""

}

.fa-hourglass-end::before {

  content: ""

}

.fa-hourglass-3::before {

  content: ""

}

.fa-hourglass-start::before {

  content: ""

}

.fa-hourglass-1::before {

  content: ""

}

.fa-house::before {

  content: ""

}

.fa-home::before {

  content: ""

}

.fa-home-alt::before {

  content: ""

}

.fa-home-lg-alt::before {

  content: ""

}

.fa-house-chimney::before {

  content: ""

}

.fa-home-lg::before {

  content: ""

}

.fa-house-chimney-crack::before {

  content: ""

}

.fa-house-damage::before {

  content: ""

}

.fa-house-chimney-medical::before {

  content: ""

}

.fa-clinic-medical::before {

  content: ""

}

.fa-house-chimney-user::before {

  content: ""

}

.fa-house-chimney-window::before {

  content: ""

}

.fa-house-crack::before {

  content: ""

}

.fa-house-laptop::before {

  content: ""

}

.fa-laptop-house::before {

  content: ""

}

.fa-house-medical::before {

  content: ""

}

.fa-house-user::before {

  content: ""

}

.fa-home-user::before {

  content: ""

}

.fa-hryvnia-sign::before {

  content: ""

}

.fa-hryvnia::before {

  content: ""

}

.fa-i::before {

  content: "I"

}

.fa-i-cursor::before {

  content: ""

}

.fa-ice-cream::before {

  content: ""

}

.fa-icicles::before {

  content: ""

}

.fa-icons::before {

  content: ""

}

.fa-heart-music-camera-bolt::before {

  content: ""

}

.fa-id-badge::before {

  content: ""

}

.fa-id-card::before {

  content: ""

}

.fa-drivers-license::before {

  content: ""

}

.fa-id-card-clip::before {

  content: ""

}

.fa-id-card-alt::before {

  content: ""

}

.fa-igloo::before {

  content: ""

}

.fa-image::before {

  content: ""

}

.fa-image-portrait::before {

  content: ""

}

.fa-portrait::before {

  content: ""

}

.fa-images::before {

  content: ""

}

.fa-inbox::before {

  content: ""

}

.fa-indent::before {

  content: ""

}

.fa-indian-rupee-sign::before {

  content: ""

}

.fa-indian-rupee::before {

  content: ""

}

.fa-inr::before {

  content: ""

}

.fa-industry::before {

  content: ""

}

.fa-infinity::before {

  content: ""

}

.fa-info::before {

  content: ""

}

.fa-italic::before {

  content: ""

}

.fa-j::before {

  content: "J"

}

.fa-jedi::before {

  content: ""

}

.fa-jet-fighter::before {

  content: ""

}

.fa-fighter-jet::before {

  content: ""

}

.fa-joint::before {

  content: ""

}

.fa-k::before {

  content: "K"

}

.fa-kaaba::before {

  content: ""

}

.fa-key::before {

  content: ""

}

.fa-keyboard::before {

  content: ""

}

.fa-khanda::before {

  content: ""

}

.fa-kip-sign::before {

  content: ""

}

.fa-kit-medical::before {

  content: ""

}

.fa-first-aid::before {

  content: ""

}

.fa-kiwi-bird::before {

  content: ""

}

.fa-l::before {

  content: "L"

}

.fa-landmark::before {

  content: ""

}

.fa-language::before {

  content: ""

}

.fa-laptop::before {

  content: ""

}

.fa-laptop-code::before {

  content: ""

}

.fa-laptop-medical::before {

  content: ""

}

.fa-lari-sign::before {

  content: ""

}

.fa-layer-group::before {

  content: ""

}

.fa-leaf::before {

  content: ""

}

.fa-left-long::before {

  content: ""

}

.fa-long-arrow-alt-left::before {

  content: ""

}

.fa-left-right::before {

  content: ""

}

.fa-arrows-alt-h::before {

  content: ""

}

.fa-lemon::before {

  content: ""

}

.fa-less-than::before {

  content: "<"

}

.fa-less-than-equal::before {

  content: ""

}

.fa-life-ring::before {

  content: ""

}

.fa-lightbulb::before {

  content: ""

}

.fa-link::before {

  content: ""

}

.fa-chain::before {

  content: ""

}

.fa-link-slash::before {

  content: ""

}

.fa-chain-broken::before {

  content: ""

}

.fa-chain-slash::before {

  content: ""

}

.fa-unlink::before {

  content: ""

}

.fa-lira-sign::before {

  content: ""

}

.fa-list::before {

  content: ""

}

.fa-list-squares::before {

  content: ""

}

.fa-list-check::before {

  content: ""

}

.fa-tasks::before {

  content: ""

}

.fa-list-ol::before {

  content: ""

}

.fa-list-1-2::before {

  content: ""

}

.fa-list-numeric::before {

  content: ""

}

.fa-list-ul::before {

  content: ""

}

.fa-list-dots::before {

  content: ""

}

.fa-litecoin-sign::before {

  content: ""

}

.fa-location-arrow::before {

  content: ""

}

.fa-location-crosshairs::before {

  content: ""

}

.fa-location::before {

  content: ""

}

.fa-location-dot::before {

  content: ""

}

.fa-map-marker-alt::before {

  content: ""

}

.fa-location-pin::before {

  content: ""

}

.fa-map-marker::before {

  content: ""

}

.fa-lock::before {

  content: ""

}

.fa-lock-open::before {

  content: ""

}

.fa-lungs::before {

  content: ""

}

.fa-lungs-virus::before {

  content: ""

}

.fa-m::before {

  content: "M"

}

.fa-magnet::before {

  content: ""

}

.fa-magnifying-glass::before {

  content: ""

}

.fa-search::before {

  content: ""

}

.fa-magnifying-glass-dollar::before {

  content: ""

}

.fa-search-dollar::before {

  content: ""

}

.fa-magnifying-glass-location::before {

  content: ""

}

.fa-search-location::before {

  content: ""

}

.fa-magnifying-glass-minus::before {

  content: ""

}

.fa-search-minus::before {

  content: ""

}

.fa-magnifying-glass-plus::before {

  content: ""

}

.fa-search-plus::before {

  content: ""

}

.fa-manat-sign::before {

  content: ""

}

.fa-map::before {

  content: ""

}

.fa-map-location::before {

  content: ""

}

.fa-map-marked::before {

  content: ""

}

.fa-map-location-dot::before {

  content: ""

}

.fa-map-marked-alt::before {

  content: ""

}

.fa-map-pin::before {

  content: ""

}

.fa-marker::before {

  content: ""

}

.fa-mars::before {

  content: ""

}

.fa-mars-and-venus::before {

  content: ""

}

.fa-mars-double::before {

  content: ""

}

.fa-mars-stroke::before {

  content: ""

}

.fa-mars-stroke-right::before {

  content: ""

}

.fa-mars-stroke-h::before {

  content: ""

}

.fa-mars-stroke-up::before {

  content: ""

}

.fa-mars-stroke-v::before {

  content: ""

}

.fa-martini-glass::before {

  content: ""

}

.fa-glass-martini-alt::before {

  content: ""

}

.fa-martini-glass-citrus::before {

  content: ""

}

.fa-cocktail::before {

  content: ""

}

.fa-martini-glass-empty::before {

  content: ""

}

.fa-glass-martini::before {

  content: ""

}

.fa-mask::before {

  content: ""

}

.fa-mask-face::before {

  content: ""

}

.fa-masks-theater::before {

  content: ""

}

.fa-theater-masks::before {

  content: ""

}

.fa-maximize::before {

  content: ""

}

.fa-expand-arrows-alt::before {

  content: ""

}

.fa-medal::before {

  content: ""

}

.fa-memory::before {

  content: ""

}

.fa-menorah::before {

  content: ""

}

.fa-mercury::before {

  content: ""

}

.fa-message::before {

  content: ""

}

.fa-comment-alt::before {

  content: ""

}

.fa-meteor::before {

  content: ""

}

.fa-microchip::before {

  content: ""

}

.fa-microphone::before {

  content: ""

}

.fa-microphone-lines::before {

  content: ""

}

.fa-microphone-alt::before {

  content: ""

}

.fa-microphone-lines-slash::before {

  content: ""

}

.fa-microphone-alt-slash::before {

  content: ""

}

.fa-microphone-slash::before {

  content: ""

}

.fa-microscope::before {

  content: ""

}

.fa-mill-sign::before {

  content: ""

}

.fa-minimize::before {

  content: ""

}

.fa-compress-arrows-alt::before {

  content: ""

}

.fa-minus::before {

  content: ""

}

.fa-subtract::before {

  content: ""

}

.fa-mitten::before {

  content: ""

}

.fa-mobile::before {

  content: ""

}

.fa-mobile-android::before {

  content: ""

}

.fa-mobile-phone::before {

  content: ""

}

.fa-mobile-button::before {

  content: ""

}

.fa-mobile-screen-button::before {

  content: ""

}

.fa-mobile-alt::before {

  content: ""

}

.fa-money-bill::before {

  content: ""

}

.fa-money-bill-1::before {

  content: ""

}

.fa-money-bill-alt::before {

  content: ""

}

.fa-money-bill-1-wave::before {

  content: ""

}

.fa-money-bill-wave-alt::before {

  content: ""

}

.fa-money-bill-wave::before {

  content: ""

}

.fa-money-check::before {

  content: ""

}

.fa-money-check-dollar::before {

  content: ""

}

.fa-money-check-alt::before {

  content: ""

}

.fa-monument::before {

  content: ""

}

.fa-moon::before {

  content: ""

}

.fa-mortar-pestle::before {

  content: ""

}

.fa-mosque::before {

  content: ""

}

.fa-motorcycle::before {

  content: ""

}

.fa-mountain::before {

  content: ""

}

.fa-mug-hot::before {

  content: ""

}

.fa-mug-saucer::before {

  content: ""

}

.fa-coffee::before {

  content: ""

}

.fa-music::before {

  content: ""

}

.fa-n::before {

  content: "N"

}

.fa-naira-sign::before {

  content: ""

}

.fa-network-wired::before {

  content: ""

}

.fa-neuter::before {

  content: ""

}

.fa-newspaper::before {

  content: ""

}

.fa-not-equal::before {

  content: ""

}

.fa-note-sticky::before {

  content: ""

}

.fa-sticky-note::before {

  content: ""

}

.fa-notes-medical::before {

  content: ""

}

.fa-o::before {

  content: "O"

}

.fa-object-group::before {

  content: ""

}

.fa-object-ungroup::before {

  content: ""

}

.fa-oil-can::before {

  content: ""

}

.fa-om::before {

  content: ""

}

.fa-otter::before {

  content: ""

}

.fa-outdent::before {

  content: ""

}

.fa-dedent::before {

  content: ""

}

.fa-p::before {

  content: "P"

}

.fa-pager::before {

  content: ""

}

.fa-paint-roller::before {

  content: ""

}

.fa-paintbrush::before {

  content: ""

}

.fa-paint-brush::before {

  content: ""

}

.fa-palette::before {

  content: ""

}

.fa-pallet::before {

  content: ""

}

.fa-panorama::before {

  content: ""

}

.fa-paper-plane::before {

  content: ""

}

.fa-paperclip::before {

  content: ""

}

.fa-parachute-box::before {

  content: ""

}

.fa-paragraph::before {

  content: ""

}

.fa-passport::before {

  content: ""

}

.fa-paste::before {

  content: ""

}

.fa-file-clipboard::before {

  content: ""

}

.fa-pause::before {

  content: ""

}

.fa-paw::before {

  content: ""

}

.fa-peace::before {

  content: ""

}

.fa-pen::before {

  content: ""

}

.fa-pen-clip::before {

  content: ""

}

.fa-pen-alt::before {

  content: ""

}

.fa-pen-fancy::before {

  content: ""

}

.fa-pen-nib::before {

  content: ""

}

.fa-pen-ruler::before {

  content: ""

}

.fa-pencil-ruler::before {

  content: ""

}

.fa-pen-to-square::before {

  content: ""

}

.fa-edit::before {

  content: ""

}

.fa-pencil::before {

  content: ""

}

.fa-pencil-alt::before {

  content: ""

}

.fa-people-arrows-left-right::before {

  content: ""

}

.fa-people-arrows::before {

  content: ""

}

.fa-people-carry-box::before {

  content: ""

}

.fa-people-carry::before {

  content: ""

}

.fa-pepper-hot::before {

  content: ""

}

.fa-percent::before {

  content: "%"

}

.fa-percentage::before {

  content: "%"

}

.fa-person::before {

  content: ""

}

.fa-male::before {

  content: ""

}

.fa-person-biking::before {

  content: ""

}

.fa-biking::before {

  content: ""

}

.fa-person-booth::before {

  content: ""

}

.fa-person-dots-from-line::before {

  content: ""

}

.fa-diagnoses::before {

  content: ""

}

.fa-person-dress::before {

  content: ""

}

.fa-female::before {

  content: ""

}

.fa-person-hiking::before {

  content: ""

}

.fa-hiking::before {

  content: ""

}

.fa-person-praying::before {

  content: ""

}

.fa-pray::before {

  content: ""

}

.fa-person-running::before {

  content: ""

}

.fa-running::before {

  content: ""

}

.fa-person-skating::before {

  content: ""

}

.fa-skating::before {

  content: ""

}

.fa-person-skiing::before {

  content: ""

}

.fa-skiing::before {

  content: ""

}

.fa-person-skiing-nordic::before {

  content: ""

}

.fa-skiing-nordic::before {

  content: ""

}

.fa-person-snowboarding::before {

  content: ""

}

.fa-snowboarding::before {

  content: ""

}

.fa-person-swimming::before {

  content: ""

}

.fa-swimmer::before {

  content: ""

}

.fa-person-walking::before {

  content: ""

}

.fa-walking::before {

  content: ""

}

.fa-person-walking-with-cane::before {

  content: ""

}

.fa-blind::before {

  content: ""

}

.fa-peseta-sign::before {

  content: ""

}

.fa-peso-sign::before {

  content: ""

}

.fa-phone::before {

  content: ""

}

.fa-phone-flip::before {

  content: ""

}

.fa-phone-alt::before {

  content: ""

}

.fa-phone-slash::before {

  content: ""

}

.fa-phone-volume::before {

  content: ""

}

.fa-volume-control-phone::before {

  content: ""

}

.fa-photo-film::before {

  content: ""

}

.fa-photo-video::before {

  content: ""

}

.fa-piggy-bank::before {

  content: ""

}

.fa-pills::before {

  content: ""

}

.fa-pizza-slice::before {

  content: ""

}

.fa-place-of-worship::before {

  content: ""

}

.fa-plane::before {

  content: ""

}

.fa-plane-arrival::before {

  content: ""

}

.fa-plane-departure::before {

  content: ""

}

.fa-plane-slash::before {

  content: ""

}

.fa-play::before {

  content: ""

}

.fa-plug::before {

  content: ""

}

.fa-plus::before {

  content: "+"

}

.fa-add::before {

  content: "+"

}

.fa-plus-minus::before {

  content: ""

}

.fa-podcast::before {

  content: ""

}

.fa-poo::before {

  content: ""

}

.fa-poo-storm::before {

  content: ""

}

.fa-poo-bolt::before {

  content: ""

}

.fa-poop::before {

  content: ""

}

.fa-power-off::before {

  content: ""

}

.fa-prescription::before {

  content: ""

}

.fa-prescription-bottle::before {

  content: ""

}

.fa-prescription-bottle-medical::before {

  content: ""

}

.fa-prescription-bottle-alt::before {

  content: ""

}

.fa-print::before {

  content: ""

}

.fa-pump-medical::before {

  content: ""

}

.fa-pump-soap::before {

  content: ""

}

.fa-puzzle-piece::before {

  content: ""

}

.fa-q::before {

  content: "Q"

}

.fa-qrcode::before {

  content: ""

}

.fa-question::before {

  content: "?"

}

.fa-quote-left::before {

  content: ""

}

.fa-quote-left-alt::before {

  content: ""

}

.fa-quote-right::before {

  content: ""

}

.fa-quote-right-alt::before {

  content: ""

}

.fa-r::before {

  content: "R"

}

.fa-radiation::before {

  content: ""

}

.fa-rainbow::before {

  content: ""

}

.fa-receipt::before {

  content: ""

}

.fa-record-vinyl::before {

  content: ""

}

.fa-rectangle-ad::before {

  content: ""

}

.fa-ad::before {

  content: ""

}

.fa-rectangle-list::before {

  content: ""

}

.fa-list-alt::before {

  content: ""

}

.fa-rectangle-xmark::before {

  content: ""

}

.fa-rectangle-times::before {

  content: ""

}

.fa-times-rectangle::before {

  content: ""

}

.fa-window-close::before {

  content: ""

}

.fa-recycle::before {

  content: ""

}

.fa-registered::before {

  content: ""

}

.fa-repeat::before {

  content: ""

}

.fa-reply::before {

  content: ""

}

.fa-mail-reply::before {

  content: ""

}

.fa-reply-all::before {

  content: ""

}

.fa-mail-reply-all::before {

  content: ""

}

.fa-republican::before {

  content: ""

}

.fa-restroom::before {

  content: ""

}

.fa-retweet::before {

  content: ""

}

.fa-ribbon::before {

  content: ""

}

.fa-right-from-bracket::before {

  content: ""

}

.fa-sign-out-alt::before {

  content: ""

}

.fa-right-left::before {

  content: ""

}

.fa-exchange-alt::before {

  content: ""

}

.fa-right-long::before {

  content: ""

}

.fa-long-arrow-alt-right::before {

  content: ""

}

.fa-right-to-bracket::before {

  content: ""

}

.fa-sign-in-alt::before {

  content: ""

}

.fa-ring::before {

  content: ""

}

.fa-road::before {

  content: ""

}

.fa-robot::before {

  content: ""

}

.fa-rocket::before {

  content: ""

}

.fa-rotate::before {

  content: ""

}

.fa-sync-alt::before {

  content: ""

}

.fa-rotate-left::before {

  content: ""

}

.fa-rotate-back::before {

  content: ""

}

.fa-rotate-backward::before {

  content: ""

}

.fa-undo-alt::before {

  content: ""

}

.fa-rotate-right::before {

  content: ""

}

.fa-redo-alt::before {

  content: ""

}

.fa-rotate-forward::before {

  content: ""

}

.fa-route::before {

  content: ""

}

.fa-rss::before {

  content: ""

}

.fa-feed::before {

  content: ""

}

.fa-ruble-sign::before {

  content: ""

}

.fa-rouble::before {

  content: ""

}

.fa-rub::before {

  content: ""

}

.fa-ruble::before {

  content: ""

}

.fa-ruler::before {

  content: ""

}

.fa-ruler-combined::before {

  content: ""

}

.fa-ruler-horizontal::before {

  content: ""

}

.fa-ruler-vertical::before {

  content: ""

}

.fa-rupee-sign::before {

  content: ""

}

.fa-rupee::before {

  content: ""

}

.fa-rupiah-sign::before {

  content: ""

}

.fa-s::before {

  content: "S"

}

.fa-sailboat::before {

  content: ""

}

.fa-satellite::before {

  content: ""

}

.fa-satellite-dish::before {

  content: ""

}

.fa-scale-balanced::before {

  content: ""

}

.fa-balance-scale::before {

  content: ""

}

.fa-scale-unbalanced::before {

  content: ""

}

.fa-balance-scale-left::before {

  content: ""

}

.fa-scale-unbalanced-flip::before {

  content: ""

}

.fa-balance-scale-right::before {

  content: ""

}

.fa-school::before {

  content: ""

}

.fa-scissors::before {

  content: ""

}

.fa-cut::before {

  content: ""

}

.fa-screwdriver::before {

  content: ""

}

.fa-screwdriver-wrench::before {

  content: ""

}

.fa-tools::before {

  content: ""

}

.fa-scroll::before {

  content: ""

}

.fa-scroll-torah::before {

  content: ""

}

.fa-torah::before {

  content: ""

}

.fa-sd-card::before {

  content: ""

}

.fa-section::before {

  content: ""

}

.fa-seedling::before {

  content: ""

}

.fa-sprout::before {

  content: ""

}

.fa-server::before {

  content: ""

}

.fa-shapes::before {

  content: ""

}

.fa-triangle-circle-square::before {

  content: ""

}

.fa-share::before {

  content: ""

}

.fa-arrow-turn-right::before {

  content: ""

}

.fa-mail-forward::before {

  content: ""

}

.fa-share-from-square::before {

  content: ""

}

.fa-share-square::before {

  content: ""

}

.fa-share-nodes::before {

  content: ""

}

.fa-share-alt::before {

  content: ""

}

.fa-shekel-sign::before {

  content: ""

}

.fa-ils::before {

  content: ""

}

.fa-shekel::before {

  content: ""

}

.fa-sheqel::before {

  content: ""

}

.fa-sheqel-sign::before {

  content: ""

}

.fa-shield::before {

  content: ""

}

.fa-shield-blank::before {

  content: ""

}

.fa-shield-alt::before {

  content: ""

}

.fa-shield-virus::before {

  content: ""

}

.fa-ship::before {

  content: ""

}

.fa-shirt::before {

  content: ""

}

.fa-t-shirt::before {

  content: ""

}

.fa-tshirt::before {

  content: ""

}

.fa-shoe-prints::before {

  content: ""

}

.fa-shop::before {

  content: ""

}

.fa-store-alt::before {

  content: ""

}

.fa-shop-slash::before {

  content: ""

}

.fa-store-alt-slash::before {

  content: ""

}

.fa-shower::before {

  content: ""

}

.fa-shrimp::before {

  content: ""

}

.fa-shuffle::before {

  content: ""

}

.fa-random::before {

  content: ""

}

.fa-shuttle-space::before {

  content: ""

}

.fa-space-shuttle::before {

  content: ""

}

.fa-sign-hanging::before {

  content: ""

}

.fa-sign::before {

  content: ""

}

.fa-signal::before {

  content: ""

}

.fa-signal-5::before {

  content: ""

}

.fa-signal-perfect::before {

  content: ""

}

.fa-signature::before {

  content: ""

}

.fa-signs-post::before {

  content: ""

}

.fa-map-signs::before {

  content: ""

}

.fa-sim-card::before {

  content: ""

}

.fa-sink::before {

  content: ""

}

.fa-sitemap::before {

  content: ""

}

.fa-skull::before {

  content: ""

}

.fa-skull-crossbones::before {

  content: ""

}

.fa-slash::before {

  content: ""

}

.fa-sleigh::before {

  content: ""

}

.fa-sliders::before {

  content: ""

}

.fa-sliders-h::before {

  content: ""

}

.fa-smog::before {

  content: ""

}

.fa-smoking::before {

  content: ""

}

.fa-snowflake::before {

  content: ""

}

.fa-snowman::before {

  content: ""

}

.fa-snowplow::before {

  content: ""

}

.fa-soap::before {

  content: ""

}

.fa-socks::before {

  content: ""

}

.fa-solar-panel::before {

  content: ""

}

.fa-sort::before {

  content: ""

}

.fa-unsorted::before {

  content: ""

}

.fa-sort-down::before {

  content: ""

}

.fa-sort-desc::before {

  content: ""

}

.fa-sort-up::before {

  content: ""

}

.fa-sort-asc::before {

  content: ""

}

.fa-spa::before {

  content: ""

}

.fa-spaghetti-monster-flying::before {

  content: ""

}

.fa-pastafarianism::before {

  content: ""

}

.fa-spell-check::before {

  content: ""

}

.fa-spider::before {

  content: ""

}

.fa-spinner::before {

  content: ""

}

.fa-splotch::before {

  content: ""

}

.fa-spoon::before {

  content: ""

}

.fa-utensil-spoon::before {

  content: ""

}

.fa-spray-can::before {

  content: ""

}

.fa-spray-can-sparkles::before {

  content: ""

}

.fa-air-freshener::before {

  content: ""

}

.fa-square::before {

  content: ""

}

.fa-square-arrow-up-right::before {

  content: ""

}

.fa-external-link-square::before {

  content: ""

}

.fa-square-caret-down::before {

  content: ""

}

.fa-caret-square-down::before {

  content: ""

}

.fa-square-caret-left::before {

  content: ""

}

.fa-caret-square-left::before {

  content: ""

}

.fa-square-caret-right::before {

  content: ""

}

.fa-caret-square-right::before {

  content: ""

}

.fa-square-caret-up::before {

  content: ""

}

.fa-caret-square-up::before {

  content: ""

}

.fa-square-check::before {

  content: ""

}

.fa-check-square::before {

  content: ""

}

.fa-square-envelope::before {

  content: ""

}

.fa-envelope-square::before {

  content: ""

}

.fa-square-full::before {

  content: ""

}

.fa-square-h::before {

  content: ""

}

.fa-h-square::before {

  content: ""

}

.fa-square-minus::before {

  content: ""

}

.fa-minus-square::before {

  content: ""

}

.fa-square-parking::before {

  content: ""

}

.fa-parking::before {

  content: ""

}

.fa-square-pen::before {

  content: ""

}

.fa-pen-square::before {

  content: ""

}

.fa-pencil-square::before {

  content: ""

}

.fa-square-phone::before {

  content: ""

}

.fa-phone-square::before {

  content: ""

}

.fa-square-phone-flip::before {

  content: ""

}

.fa-phone-square-alt::before {

  content: ""

}

.fa-square-plus::before {

  content: ""

}

.fa-plus-square::before {

  content: ""

}

.fa-square-poll-horizontal::before {

  content: ""

}

.fa-poll-h::before {

  content: ""

}

.fa-square-poll-vertical::before {

  content: ""

}

.fa-poll::before {

  content: ""

}

.fa-square-root-variable::before {

  content: ""

}

.fa-square-root-alt::before {

  content: ""

}

.fa-square-rss::before {

  content: ""

}

.fa-rss-square::before {

  content: ""

}

.fa-square-share-nodes::before {

  content: ""

}

.fa-share-alt-square::before {

  content: ""

}

.fa-square-up-right::before {

  content: ""

}

.fa-external-link-square-alt::before {

  content: ""

}

.fa-square-xmark::before {

  content: ""

}

.fa-times-square::before {

  content: ""

}

.fa-xmark-square::before {

  content: ""

}

.fa-stairs::before {

  content: ""

}

.fa-stamp::before {

  content: ""

}

.fa-star::before {

  content: ""

}

.fa-star-and-crescent::before {

  content: ""

}

.fa-star-half::before {

  content: ""

}

.fa-star-half-stroke::before {

  content: ""

}

.fa-star-half-alt::before {

  content: ""

}

.fa-star-of-david::before {

  content: ""

}

.fa-star-of-life::before {

  content: ""

}

.fa-sterling-sign::before {

  content: ""

}

.fa-gbp::before {

  content: ""

}

.fa-pound-sign::before {

  content: ""

}

.fa-stethoscope::before {

  content: ""

}

.fa-stop::before {

  content: ""

}

.fa-stopwatch::before {

  content: ""

}

.fa-stopwatch-20::before {

  content: ""

}

.fa-store::before {

  content: ""

}

.fa-store-slash::before {

  content: ""

}

.fa-street-view::before {

  content: ""

}

.fa-strikethrough::before {

  content: ""

}

.fa-stroopwafel::before {

  content: ""

}

.fa-subscript::before {

  content: ""

}

.fa-suitcase::before {

  content: ""

}

.fa-suitcase-medical::before {

  content: ""

}

.fa-medkit::before {

  content: ""

}

.fa-suitcase-rolling::before {

  content: ""

}

.fa-sun::before {

  content: ""

}

.fa-superscript::before {

  content: ""

}

.fa-swatchbook::before {

  content: ""

}

.fa-synagogue::before {

  content: ""

}

.fa-syringe::before {

  content: ""

}



.fa-t::before {

  content: "T"

}

.fa-table::before {

  content: ""

}

.fa-table-cells::before {

  content: ""

}

.fa-th::before {

  content: ""

}

.fa-table-cells-large::before {

  content: ""

}

.fa-th-large::before {

  content: ""

}

.fa-table-columns::before {

  content: ""

}

.fa-columns::before {

  content: ""

}

.fa-table-list::before {

  content: ""

}

.fa-th-list::before {

  content: ""

}

.fa-table-tennis-paddle-ball::before {

  content: ""

}

.fa-ping-pong-paddle-ball::before {

  content: ""

}

.fa-table-tennis::before {

  content: ""

}

.fa-tablet::before {

  content: ""

}

.fa-tablet-android::before {

  content: ""

}

.fa-tablet-button::before {

  content: ""

}

.fa-tablet-screen-button::before {

  content: ""

}

.fa-tablet-alt::before {

  content: ""

}

.fa-tablets::before {

  content: ""

}

.fa-tachograph-digital::before {

  content: ""

}

.fa-digital-tachograph::before {

  content: ""

}

.fa-tag::before {

  content: ""

}

.fa-tags::before {

  content: ""

}

.fa-tape::before {

  content: ""

}

.fa-taxi::before {

  content: ""

}

.fa-cab::before {

  content: ""

}

.fa-teeth::before {

  content: ""

}

.fa-teeth-open::before {

  content: ""

}

.fa-temperature-empty::before {

  content: ""

}

.fa-temperature-0::before {

  content: ""

}

.fa-thermometer-0::before {

  content: ""

}

.fa-thermometer-empty::before {

  content: ""

}

.fa-temperature-full::before {

  content: ""

}

.fa-temperature-4::before {

  content: ""

}

.fa-thermometer-4::before {

  content: ""

}

.fa-thermometer-full::before {

  content: ""

}

.fa-temperature-half::before {

  content: ""

}

.fa-temperature-2::before {

  content: ""

}

.fa-thermometer-2::before {

  content: ""

}

.fa-thermometer-half::before {

  content: ""

}

.fa-temperature-high::before {

  content: ""

}

.fa-temperature-low::before {

  content: ""

}

.fa-temperature-quarter::before {

  content: ""

}

.fa-temperature-1::before {

  content: ""

}

.fa-thermometer-1::before {

  content: ""

}

.fa-thermometer-quarter::before {

  content: ""

}

.fa-temperature-three-quarters::before {

  content: ""

}

.fa-temperature-3::before {

  content: ""

}

.fa-thermometer-3::before {

  content: ""

}

.fa-thermometer-three-quarters::before {

  content: ""

}

.fa-tenge-sign::before {

  content: ""

}

.fa-tenge::before {

  content: ""

}

.fa-terminal::before {

  content: ""

}

.fa-text-height::before {

  content: ""

}

.fa-text-slash::before {

  content: ""

}

.fa-remove-format::before {

  content: ""

}

.fa-text-width::before {

  content: ""

}

.fa-thermometer::before {

  content: ""

}

.fa-thumbs-down::before {

  content: ""

}

.fa-thumbs-up::before {

  content: ""

}

.fa-thumbtack::before {

  content: ""

}

.fa-thumb-tack::before {

  content: ""

}

.fa-ticket::before {

  content: ""

}

.fa-ticket-simple::before {

  content: ""

}

.fa-ticket-alt::before {

  content: ""

}

.fa-timeline::before {

  content: ""

}

.fa-toggle-off::before {

  content: ""

}

.fa-toggle-on::before {

  content: ""

}

.fa-toilet::before {

  content: ""

}

.fa-toilet-paper::before {

  content: ""

}

.fa-toilet-paper-slash::before {

  content: ""

}

.fa-toolbox::before {

  content: ""

}

.fa-tooth::before {

  content: ""

}

.fa-torii-gate::before {

  content: ""

}

.fa-tower-broadcast::before {

  content: ""

}

.fa-broadcast-tower::before {

  content: ""

}

.fa-tractor::before {

  content: ""

}

.fa-trademark::before {

  content: ""

}

.fa-traffic-light::before {

  content: ""

}

.fa-trailer::before {

  content: ""

}

.fa-train::before {

  content: ""

}

.fa-train-subway::before {

  content: ""

}

.fa-subway::before {

  content: ""

}

.fa-train-tram::before {

  content: ""

}

.fa-tram::before {

  content: ""

}

.fa-transgender::before {

  content: ""

}

.fa-transgender-alt::before {

  content: ""

}

.fa-trash::before {

  content: ""

}

.fa-trash-arrow-up::before {

  content: ""

}

.fa-trash-restore::before {

  content: ""

}

.fa-trash-can::before {

  content: ""

}

.fa-trash-alt::before {

  content: ""

}

.fa-trash-can-arrow-up::before {

  content: ""

}

.fa-trash-restore-alt::before {

  content: ""

}

.fa-tree::before {

  content: ""

}

.fa-triangle-exclamation::before {

  content: ""

}

.fa-exclamation-triangle::before {

  content: ""

}

.fa-warning::before {

  content: ""

}

.fa-trophy::before {

  content: ""

}

.fa-truck::before {

  content: ""

}

.fa-truck-fast::before {

  content: ""

}

.fa-shipping-fast::before {

  content: ""

}

.fa-truck-medical::before {

  content: ""

}

.fa-ambulance::before {

  content: ""

}

.fa-truck-monster::before {

  content: ""

}

.fa-truck-moving::before {

  content: ""

}

.fa-truck-pickup::before {

  content: ""

}

.fa-truck-ramp-box::before {

  content: ""

}

.fa-truck-loading::before {

  content: ""

}

.fa-tty::before {

  content: ""

}

.fa-teletype::before {

  content: ""

}

.fa-turkish-lira-sign::before {

  content: ""

}

.fa-try::before {

  content: ""

}

.fa-turkish-lira::before {

  content: ""

}

.fa-turn-down::before {

  content: ""

}

.fa-level-down-alt::before {

  content: ""

}

.fa-turn-up::before {

  content: ""

}

.fa-level-up-alt::before {

  content: ""

}

.fa-tv::before {

  content: ""

}

.fa-television::before {

  content: ""

}

.fa-tv-alt::before {

  content: ""

}

.fa-u::before {

  content: "U"

}

.fa-umbrella::before {

  content: ""

}

.fa-umbrella-beach::before {

  content: ""

}

.fa-underline::before {

  content: ""

}

.fa-universal-access::before {

  content: ""

}

.fa-unlock::before {

  content: ""

}

.fa-unlock-keyhole::before {

  content: ""

}

.fa-unlock-alt::before {

  content: ""

}

.fa-up-down::before {

  content: ""

}

.fa-arrows-alt-v::before {

  content: ""

}

.fa-up-down-left-right::before {

  content: ""

}

.fa-arrows-alt::before {

  content: ""

}

.fa-up-long::before {

  content: ""

}

.fa-long-arrow-alt-up::before {

  content: ""

}

.fa-up-right-and-down-left-from-center::before {

  content: ""

}

.fa-expand-alt::before {

  content: ""

}

.fa-up-right-from-square::before {

  content: ""

}

.fa-external-link-alt::before {

  content: ""

}

.fa-upload::before {

  content: ""

}

.fa-user::before {

  content: ""

}

.fa-user-astronaut::before {

  content: ""

}

.fa-user-check::before {

  content: ""

}

.fa-user-clock::before {

  content: ""

}

.fa-user-doctor::before {

  content: ""

}

.fa-user-md::before {

  content: ""

}

.fa-user-gear::before {

  content: ""

}

.fa-user-cog::before {

  content: ""

}

.fa-user-graduate::before {

  content: ""

}

.fa-user-group::before {

  content: ""

}

.fa-user-friends::before {

  content: ""

}

.fa-user-injured::before {

  content: ""

}

.fa-user-large::before {

  content: ""

}

.fa-user-alt::before {

  content: ""

}

.fa-user-large-slash::before {

  content: ""

}

.fa-user-alt-slash::before {

  content: ""

}

.fa-user-lock::before {

  content: ""

}

.fa-user-minus::before {

  content: ""

}

.fa-user-ninja::before {

  content: ""

}

.fa-user-nurse::before {

  content: ""

}

.fa-user-pen::before {

  content: ""

}

.fa-user-edit::before {

  content: ""

}

.fa-user-plus::before {

  content: ""

}

.fa-user-secret::before {

  content: ""

}

.fa-user-shield::before {

  content: ""

}

.fa-user-slash::before {

  content: ""

}

.fa-user-tag::before {

  content: ""

}

.fa-user-tie::before {

  content: ""

}

.fa-user-xmark::before {

  content: ""

}

.fa-user-times::before {

  content: ""

}

.fa-users::before {

  content: ""

}

.fa-users-gear::before {

  content: ""

}

.fa-users-cog::before {

  content: ""

}

.fa-users-slash::before {

  content: ""

}

.fa-utensils::before {

  content: ""

}

.fa-cutlery::before {

  content: ""

}

.fa-v::before {

  content: "V"

}

.fa-van-shuttle::before {

  content: ""

}

.fa-shuttle-van::before {

  content: ""

}

.fa-vault::before {

  content: ""

}

.fa-vector-square::before {

  content: ""

}

.fa-venus::before {

  content: ""

}

.fa-venus-double::before {

  content: ""

}

.fa-venus-mars::before {

  content: ""

}

.fa-vest::before {

  content: ""

}

.fa-vest-patches::before {

  content: ""

}

.fa-vial::before {

  content: ""

}

.fa-vials::before {

  content: ""

}

.fa-video::before {

  content: ""

}

.fa-video-camera::before {

  content: ""

}

.fa-video-slash::before {

  content: ""

}

.fa-vihara::before {

  content: ""

}

.fa-virus::before {

  content: ""

}

.fa-virus-covid::before {

  content: ""

}

.fa-virus-covid-slash::before {

  content: ""

}

.fa-virus-slash::before {

  content: ""

}

.fa-viruses::before {

  content: ""

}

.fa-voicemail::before {

  content: ""

}

.fa-volleyball::before {

  content: ""

}

.fa-volleyball-ball::before {

  content: ""

}

.fa-volume-high::before {

  content: ""

}

.fa-volume-up::before {

  content: ""

}

.fa-volume-low::before {

  content: ""

}

.fa-volume-down::before {

  content: ""

}

.fa-volume-off::before {

  content: ""

}

.fa-volume-xmark::before {

  content: ""

}

.fa-volume-mute::before {

  content: ""

}

.fa-volume-times::before {

  content: ""

}

.fa-vr-cardboard::before {

  content: ""

}

.fa-w::before {

  content: "W"

}

.fa-wallet::before {

  content: ""

}

.fa-wand-magic::before {

  content: ""

}

.fa-magic::before {

  content: ""

}

.fa-wand-magic-sparkles::before {

  content: ""

}

.fa-magic-wand-sparkles::before {

  content: ""

}

.fa-wand-sparkles::before {

  content: ""

}

.fa-warehouse::before {

  content: ""

}

.fa-water::before {

  content: ""

}

.fa-water-ladder::before {

  content: ""

}

.fa-ladder-water::before {

  content: ""

}

.fa-swimming-pool::before {

  content: ""

}

.fa-wave-square::before {

  content: ""

}

.fa-weight-hanging::before {

  content: ""

}

.fa-weight-scale::before {

  content: ""

}

.fa-weight::before {

  content: ""

}

.fa-wheelchair::before {

  content: ""

}

.fa-whiskey-glass::before {

  content: ""

}

.fa-glass-whiskey::before {

  content: ""

}

.fa-wifi::before {

  content: ""

}

.fa-wifi-3::before {

  content: ""

}

.fa-wifi-strong::before {

  content: ""

}

.fa-wind::before {

  content: ""

}

.fa-window-maximize::before {

  content: ""

}

.fa-window-minimize::before {

  content: ""

}

.fa-window-restore::before {

  content: ""

}

.fa-wine-bottle::before {

  content: ""

}

.fa-wine-glass::before {

  content: ""

}

.fa-wine-glass-empty::before {

  content: ""

}

.fa-wine-glass-alt::before {

  content: ""

}

.fa-won-sign::before {

  content: ""

}

.fa-krw::before {

  content: ""

}

.fa-won::before {

  content: ""

}

.fa-wrench::before {

  content: ""

}

.fa-x::before {

  content: "X"

}

.fa-x-ray::before {

  content: ""

}

.fa-xmark::before {

  content: ""

}

.fa-close::before {

  content: ""

}

.fa-multiply::before {

  content: ""

}

.fa-remove::before {

  content: ""

}

.fa-times::before {

  content: ""

}

.fa-y::before {

  content: "Y"

}

.fa-yen-sign::before {

  content: ""

}

.fa-cny::before {

  content: ""

}

.fa-jpy::before {

  content: ""

}

.fa-rmb::before {

  content: ""

}

.fa-yen::before {

  content: ""

}

.fa-yin-yang::before {

  content: ""

}

.fa-z::before {

  content: "Z"

}

.sr-only, .fa-sr-only {

  position: absolute;

  width: 1px;

  height: 1px;

  padding: 0;

  margin: -1px;

  overflow: hidden;

  clip: rect(0, 0, 0, 0);

  white-space: nowrap;

  border-width: 0

}

.sr-only-focusable:not(:focus), .fa-sr-only-focusable:not(:focus) {

  position: absolute;

  width: 1px;

  height: 1px;

  padding: 0;

  margin: -1px;

  overflow: hidden;

  clip: rect(0, 0, 0, 0);

  white-space: nowrap;

  border-width: 0

}

:root, :host {

  --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands"

}

@font-face {

  font-family: "Font Awesome 6 Brands";

  font-style: normal;

  font-weight: 400;

  font-display: block;

  src: url("../fonts/fa-brands-400.woff2") format("woff2"), url("../fonts/fa-brands-400.ttf") format("truetype")

}

.fab, .fa-brands {

  font-family: "Font Awesome 6 Brands";

  font-weight: 400

}

.fa-42-group:before {

  content: ""

}

.fa-innosoft:before {

  content: ""

}

.fa-500px:before {

  content: ""

}

.fa-accessible-icon:before {

  content: ""

}

.fa-accusoft:before {

  content: ""

}

.fa-adn:before {

  content: ""

}

.fa-adversal:before {

  content: ""

}

.fa-affiliatetheme:before {

  content: ""

}

.fa-airbnb:before {

  content: ""

}

.fa-algolia:before {

  content: ""

}

.fa-alipay:before {

  content: ""

}

.fa-amazon:before {

  content: ""

}

.fa-amazon-pay:before {

  content: ""

}

.fa-amilia:before {

  content: ""

}

.fa-android:before {

  content: ""

}

.fa-angellist:before {

  content: ""

}

.fa-angrycreative:before {

  content: ""

}

.fa-angular:before {

  content: ""

}

.fa-app-store:before {

  content: ""

}

.fa-app-store-ios:before {

  content: ""

}

.fa-apper:before {

  content: ""

}

.fa-apple:before {

  content: ""

}

.fa-apple-pay:before {

  content: ""

}

.fa-artstation:before {

  content: ""

}

.fa-asymmetrik:before {

  content: ""

}

.fa-atlassian:before {

  content: ""

}

.fa-audible:before {

  content: ""

}

.fa-autoprefixer:before {

  content: ""

}

.fa-avianex:before {

  content: ""

}

.fa-aviato:before {

  content: ""

}

.fa-aws:before {

  content: ""

}

.fa-bandcamp:before {

  content: ""

}

.fa-battle-net:before {

  content: ""

}

.fa-behance:before {

  content: ""

}

.fa-behance-square:before {

  content: ""

}

.fa-bilibili:before {

  content: ""

}

.fa-bimobject:before {

  content: ""

}

.fa-bitbucket:before {

  content: ""

}

.fa-bitcoin:before {

  content: ""

}

.fa-bity:before {

  content: ""

}

.fa-black-tie:before {

  content: ""

}

.fa-blackberry:before {

  content: ""

}

.fa-blogger:before {

  content: ""

}

.fa-blogger-b:before {

  content: ""

}

.fa-bluetooth:before {

  content: ""

}

.fa-bluetooth-b:before {

  content: ""

}

.fa-bootstrap:before {

  content: ""

}

.fa-bots:before {

  content: ""

}

.fa-btc:before {

  content: ""

}

.fa-buffer:before {

  content: ""

}

.fa-buromobelexperte:before {

  content: ""

}

.fa-buy-n-large:before {

  content: ""

}

.fa-buysellads:before {

  content: ""

}

.fa-canadian-maple-leaf:before {

  content: ""

}

.fa-cc-amazon-pay:before {

  content: ""

}

.fa-cc-amex:before {

  content: ""

}

.fa-cc-apple-pay:before {

  content: ""

}

.fa-cc-diners-club:before {

  content: ""

}

.fa-cc-discover:before {

  content: ""

}

.fa-cc-jcb:before {

  content: ""

}

.fa-cc-mastercard:before {

  content: ""

}

.fa-cc-paypal:before {

  content: ""

}

.fa-cc-stripe:before {

  content: ""

}

.fa-cc-visa:before {

  content: ""

}

.fa-centercode:before {

  content: ""

}

.fa-centos:before {

  content: ""

}

.fa-chrome:before {

  content: ""

}

.fa-chromecast:before {

  content: ""

}

.fa-cloudflare:before {

  content: ""

}

.fa-cloudscale:before {

  content: ""

}

.fa-cloudsmith:before {

  content: ""

}

.fa-cloudversify:before {

  content: ""

}

.fa-cmplid:before {

  content: ""

}

.fa-codepen:before {

  content: ""

}

.fa-codiepie:before {

  content: ""

}

.fa-confluence:before {

  content: ""

}

.fa-connectdevelop:before {

  content: ""

}

.fa-contao:before {

  content: ""

}

.fa-cotton-bureau:before {

  content: ""

}

.fa-cpanel:before {

  content: ""

}

.fa-creative-commons:before {

  content: ""

}

.fa-creative-commons-by:before {

  content: ""

}

.fa-creative-commons-nc:before {

  content: ""

}

.fa-creative-commons-nc-eu:before {

  content: ""

}

.fa-creative-commons-nc-jp:before {

  content: ""

}

.fa-creative-commons-nd:before {

  content: ""

}

.fa-creative-commons-pd:before {

  content: ""

}

.fa-creative-commons-pd-alt:before {

  content: ""

}

.fa-creative-commons-remix:before {

  content: ""

}

.fa-creative-commons-sa:before {

  content: ""

}

.fa-creative-commons-sampling:before {

  content: ""

}

.fa-creative-commons-sampling-plus:before {

  content: ""

}

.fa-creative-commons-share:before {

  content: ""

}

.fa-creative-commons-zero:before {

  content: ""

}

.fa-critical-role:before {

  content: ""

}

.fa-css3:before {

  content: ""

}

.fa-css3-alt:before {

  content: ""

}

.fa-cuttlefish:before {

  content: ""

}

.fa-d-and-d:before {

  content: ""

}

.fa-d-and-d-beyond:before {

  content: ""

}

.fa-dailymotion:before {

  content: ""

}

.fa-dashcube:before {

  content: ""

}

.fa-deezer:before {

  content: ""

}

.fa-delicious:before {

  content: ""

}

.fa-deploydog:before {

  content: ""

}

.fa-deskpro:before {

  content: ""

}

.fa-dev:before {

  content: ""

}

.fa-deviantart:before {

  content: ""

}

.fa-dhl:before {

  content: ""

}

.fa-diaspora:before {

  content: ""

}

.fa-digg:before {

  content: ""

}

.fa-digital-ocean:before {

  content: ""

}

.fa-discord:before {

  content: ""

}

.fa-discourse:before {

  content: ""

}

.fa-dochub:before {

  content: ""

}

.fa-docker:before {

  content: ""

}

.fa-draft2digital:before {

  content: ""

}

.fa-dribbble:before {

  content: ""

}

.fa-dribbble-square:before {

  content: ""

}

.fa-dropbox:before {

  content: ""

}

.fa-drupal:before {

  content: ""

}

.fa-dyalog:before {

  content: ""

}

.fa-earlybirds:before {

  content: ""

}

.fa-ebay:before {

  content: ""

}

.fa-edge:before {

  content: ""

}

.fa-edge-legacy:before {

  content: ""

}

.fa-elementor:before {

  content: ""

}

.fa-ello:before {

  content: ""

}

.fa-ember:before {

  content: ""

}

.fa-empire:before {

  content: ""

}

.fa-envira:before {

  content: ""

}

.fa-erlang:before {

  content: ""

}

.fa-ethereum:before {

  content: ""

}

.fa-etsy:before {

  content: ""

}

.fa-evernote:before {

  content: ""

}

.fa-expeditedssl:before {

  content: ""

}

.fa-facebook:before {

  content: ""

}

.fa-facebook-f:before {

  content: ""

}

.fa-facebook-messenger:before {

  content: ""

}

.fa-facebook-square:before {

  content: ""

}

.fa-fantasy-flight-games:before {

  content: ""

}

.fa-fedex:before {

  content: ""

}

.fa-fedora:before {

  content: ""

}

.fa-figma:before {

  content: ""

}

.fa-firefox:before {

  content: ""

}

.fa-firefox-browser:before {

  content: ""

}

.fa-first-order:before {

  content: ""

}

.fa-first-order-alt:before {

  content: ""

}

.fa-firstdraft:before {

  content: ""

}

.fa-flickr:before {

  content: ""

}

.fa-flipboard:before {

  content: ""

}

.fa-fly:before {

  content: ""

}

.fa-font-awesome:before {

  content: ""

}

.fa-font-awesome-flag:before {

  content: ""

}

.fa-font-awesome-logo-full:before {

  content: ""

}

.fa-fonticons:before {

  content: ""

}

.fa-fonticons-fi:before {

  content: ""

}

.fa-fort-awesome:before {

  content: ""

}

.fa-fort-awesome-alt:before {

  content: ""

}

.fa-forumbee:before {

  content: ""

}

.fa-foursquare:before {

  content: ""

}

.fa-free-code-camp:before {

  content: ""

}

.fa-freebsd:before {

  content: ""

}

.fa-fulcrum:before {

  content: ""

}

.fa-galactic-republic:before {

  content: ""

}

.fa-galactic-senate:before {

  content: ""

}

.fa-get-pocket:before {

  content: ""

}

.fa-gg:before {

  content: ""

}

.fa-gg-circle:before {

  content: ""

}

.fa-git:before {

  content: ""

}

.fa-git-alt:before {

  content: ""

}

.fa-git-square:before {

  content: ""

}

.fa-github:before {

  content: ""

}

.fa-github-alt:before {

  content: ""

}

.fa-github-square:before {

  content: ""

}

.fa-gitkraken:before {

  content: ""

}

.fa-gitlab:before {

  content: ""

}

.fa-gitter:before {

  content: ""

}

.fa-glide:before {

  content: ""

}

.fa-glide-g:before {

  content: ""

}

.fa-gofore:before {

  content: ""

}

.fa-golang:before {

  content: ""

}

.fa-goodreads:before {

  content: ""

}

.fa-goodreads-g:before {

  content: ""

}

.fa-google:before {

  content: ""

}

.fa-google-drive:before {

  content: ""

}

.fa-google-pay:before {

  content: ""

}

.fa-google-play:before {

  content: ""

}

.fa-google-plus:before {

  content: ""

}

.fa-google-plus-g:before {

  content: ""

}

.fa-google-plus-square:before {

  content: ""

}

.fa-google-wallet:before {

  content: ""

}

.fa-gratipay:before {

  content: ""

}

.fa-grav:before {

  content: ""

}

.fa-gripfire:before {

  content: ""

}

.fa-grunt:before {

  content: ""

}

.fa-guilded:before {

  content: ""

}

.fa-gulp:before {

  content: ""

}

.fa-hacker-news:before {

  content: ""

}

.fa-hacker-news-square:before {

  content: ""

}

.fa-hackerrank:before {

  content: ""

}

.fa-hashnode:before {

  content: ""

}

.fa-hips:before {

  content: ""

}

.fa-hire-a-helper:before {

  content: ""

}

.fa-hive:before {

  content: ""

}

.fa-hooli:before {

  content: ""

}

.fa-hornbill:before {

  content: ""

}

.fa-hotjar:before {

  content: ""

}

.fa-houzz:before {

  content: ""

}

.fa-html5:before {

  content: ""

}

.fa-hubspot:before {

  content: ""

}

.fa-ideal:before {

  content: ""

}

.fa-imdb:before {

  content: ""

}

.fa-instagram:before {

  content: ""

}

.fa-instagram-square:before {

  content: ""

}

.fa-instalod:before {

  content: ""

}

.fa-intercom:before {

  content: ""

}

.fa-internet-explorer:before {

  content: ""

}

.fa-invision:before {

  content: ""

}

.fa-ioxhost:before {

  content: ""

}

.fa-itch-io:before {

  content: ""

}

.fa-itunes:before {

  content: ""

}

.fa-itunes-note:before {

  content: ""

}

.fa-java:before {

  content: ""

}

.fa-jedi-order:before {

  content: ""

}

.fa-jenkins:before {

  content: ""

}

.fa-jira:before {

  content: ""

}

.fa-joget:before {

  content: ""

}

.fa-joomla:before {

  content: ""

}

.fa-js:before {

  content: ""

}

.fa-js-square:before {

  content: ""

}

.fa-jsfiddle:before {

  content: ""

}

.fa-kaggle:before {

  content: ""

}

.fa-keybase:before {

  content: ""

}

.fa-keycdn:before {

  content: ""

}

.fa-kickstarter:before {

  content: ""

}

.fa-kickstarter-k:before {

  content: ""

}

.fa-korvue:before {

  content: ""

}

.fa-laravel:before {

  content: ""

}

.fa-lastfm:before {

  content: ""

}

.fa-lastfm-square:before {

  content: ""

}

.fa-leanpub:before {

  content: ""

}

.fa-less:before {

  content: ""

}

.fa-line:before {

  content: ""

}

.fa-linkedin:before {

  content: ""

}

.fa-linkedin-in:before {

  content: ""

}

.fa-linode:before {

  content: ""

}

.fa-linux:before {

  content: ""

}

.fa-lyft:before {

  content: ""

}

.fa-magento:before {

  content: ""

}

.fa-mailchimp:before {

  content: ""

}

.fa-mandalorian:before {

  content: ""

}

.fa-markdown:before {

  content: ""

}

.fa-mastodon:before {

  content: ""

}

.fa-maxcdn:before {

  content: ""

}

.fa-mdb:before {

  content: ""

}

.fa-medapps:before {

  content: ""

}

.fa-medium:before {

  content: ""

}

.fa-medium-m:before {

  content: ""

}

.fa-medrt:before {

  content: ""

}

.fa-meetup:before {

  content: ""

}

.fa-megaport:before {

  content: ""

}

.fa-mendeley:before {

  content: ""

}

.fa-microblog:before {

  content: ""

}

.fa-microsoft:before {

  content: ""

}

.fa-mix:before {

  content: ""

}

.fa-mixcloud:before {

  content: ""

}

.fa-mixer:before {

  content: ""

}

.fa-mizuni:before {

  content: ""

}

.fa-modx:before {

  content: ""

}

.fa-monero:before {

  content: ""

}

.fa-napster:before {

  content: ""

}

.fa-neos:before {

  content: ""

}

.fa-nimblr:before {

  content: ""

}

.fa-node:before {

  content: ""

}

.fa-node-js:before {

  content: ""

}

.fa-npm:before {

  content: ""

}

.fa-ns8:before {

  content: ""

}

.fa-nutritionix:before {

  content: ""

}

.fa-octopus-deploy:before {

  content: ""

}

.fa-odnoklassniki:before {

  content: ""

}

.fa-odnoklassniki-square:before {

  content: ""

}

.fa-old-republic:before {

  content: ""

}

.fa-opencart:before {

  content: ""

}

.fa-openid:before {

  content: ""

}

.fa-opera:before {

  content: ""

}

.fa-optin-monster:before {

  content: ""

}

.fa-orcid:before {

  content: ""

}

.fa-osi:before {

  content: ""

}

.fa-padlet:before {

  content: ""

}

.fa-page4:before {

  content: ""

}

.fa-pagelines:before {

  content: ""

}

.fa-palfed:before {

  content: ""

}

.fa-patreon:before {

  content: ""

}

.fa-paypal:before {

  content: ""

}

.fa-perbyte:before {

  content: ""

}

.fa-periscope:before {

  content: ""

}

.fa-phabricator:before {

  content: ""

}

.fa-phoenix-framework:before {

  content: ""

}

.fa-phoenix-squadron:before {

  content: ""

}

.fa-php:before {

  content: ""

}

.fa-pied-piper:before {

  content: ""

}

.fa-pied-piper-alt:before {

  content: ""

}

.fa-pied-piper-hat:before {

  content: ""

}

.fa-pied-piper-pp:before {

  content: ""

}

.fa-pied-piper-square:before {

  content: ""

}

.fa-pinterest:before {

  content: ""

}

.fa-pinterest-p:before {

  content: ""

}

.fa-pinterest-square:before {

  content: ""

}

.fa-pix:before {

  content: ""

}

.fa-playstation:before {

  content: ""

}

.fa-product-hunt:before {

  content: ""

}

.fa-pushed:before {

  content: ""

}

.fa-python:before {

  content: ""

}

.fa-qq:before {

  content: ""

}

.fa-quinscape:before {

  content: ""

}

.fa-quora:before {

  content: ""

}

.fa-r-project:before {

  content: ""

}

.fa-raspberry-pi:before {

  content: ""

}

.fa-ravelry:before {

  content: ""

}

.fa-react:before {

  content: ""

}

.fa-reacteurope:before {

  content: ""

}

.fa-readme:before {

  content: ""

}

.fa-rebel:before {

  content: ""

}

.fa-red-river:before {

  content: ""

}

.fa-reddit:before {

  content: ""

}

.fa-reddit-alien:before {

  content: ""

}

.fa-reddit-square:before {

  content: ""

}

.fa-redhat:before {

  content: ""

}

.fa-renren:before {

  content: ""

}

.fa-replyd:before {

  content: ""

}

.fa-researchgate:before {

  content: ""

}

.fa-resolving:before {

  content: ""

}

.fa-rev:before {

  content: ""

}

.fa-rocketchat:before {

  content: ""

}

.fa-rockrms:before {

  content: ""

}

.fa-rust:before {

  content: ""

}

.fa-safari:before {

  content: ""

}

.fa-salesforce:before {

  content: ""

}

.fa-sass:before {

  content: ""

}

.fa-schlix:before {

  content: ""

}

.fa-scribd:before {

  content: ""

}

.fa-searchengin:before {

  content: ""

}

.fa-sellcast:before {

  content: ""

}

.fa-sellsy:before {

  content: ""

}

.fa-servicestack:before {

  content: ""

}

.fa-shirtsinbulk:before {

  content: ""

}

.fa-shopify:before {

  content: ""

}

.fa-shopware:before {

  content: ""

}

.fa-simplybuilt:before {

  content: ""

}

.fa-sistrix:before {

  content: ""

}

.fa-sith:before {

  content: ""

}

.fa-sitrox:before {

  content: ""

}

.fa-sketch:before {

  content: ""

}

.fa-skyatlas:before {

  content: ""

}

.fa-skype:before {

  content: ""

}

.fa-slack:before {

  content: ""

}

.fa-slack-hash:before {

  content: ""

}

.fa-slideshare:before {

  content: ""

}

.fa-snapchat:before {

  content: ""

}

.fa-snapchat-ghost:before {

  content: ""

}

.fa-snapchat-square:before {

  content: ""

}

.fa-soundcloud:before {

  content: ""

}

.fa-sourcetree:before {

  content: ""

}

.fa-speakap:before {

  content: ""

}

.fa-speaker-deck:before {

  content: ""

}

.fa-spotify:before {

  content: ""

}

.fa-square-font-awesome:before {

  content: ""

}

.fa-square-font-awesome-stroke:before {

  content: ""

}

.fa-font-awesome-alt:before {

  content: ""

}

.fa-squarespace:before {

  content: ""

}

.fa-stack-exchange:before {

  content: ""

}

.fa-stack-overflow:before {

  content: ""

}

.fa-stackpath:before {

  content: ""

}

.fa-staylinked:before {

  content: ""

}

.fa-steam:before {

  content: ""

}

.fa-steam-square:before {

  content: ""

}

.fa-steam-symbol:before {

  content: ""

}

.fa-sticker-mule:before {

  content: ""

}

.fa-strava:before {

  content: ""

}

.fa-stripe:before {

  content: ""

}

.fa-stripe-s:before {

  content: ""

}

.fa-studiovinari:before {

  content: ""

}

.fa-stumbleupon:before {

  content: ""

}

.fa-stumbleupon-circle:before {

  content: ""

}

.fa-superpowers:before {

  content: ""

}

.fa-supple:before {

  content: ""

}

.fa-suse:before {

  content: ""

}

.fa-swift:before {

  content: ""

}

.fa-symfony:before {

  content: ""

}

.fa-teamspeak:before {

  content: ""

}

.fa-telegram:before {

  content: ""

}

.fa-telegram-plane:before {

  content: ""

}

.fa-tencent-weibo:before {

  content: ""

}

.fa-the-red-yeti:before {

  content: ""

}

.fa-themeco:before {

  content: ""

}

.fa-themeisle:before {

  content: ""

}

.fa-think-peaks:before {

  content: ""

}

.fa-tiktok:before {

  content: ""

}

.fa-trade-federation:before {

  content: ""

}

.fa-trello:before {

  content: ""

}

.fa-tumblr:before {

  content: ""

}

.fa-tumblr-square:before {

  content: ""

}

.fa-twitch:before {

  content: ""

}

.fa-twitter:before {

  content: ""

}

.fa-twitter-square:before {

  content: ""

}

.fa-typo3:before {

  content: ""

}

.fa-uber:before {

  content: ""

}

.fa-ubuntu:before {

  content: ""

}

.fa-uikit:before {

  content: ""

}

.fa-umbraco:before {

  content: ""

}

.fa-uncharted:before {

  content: ""

}

.fa-uniregistry:before {

  content: ""

}

.fa-unity:before {

  content: ""

}

.fa-unsplash:before {

  content: ""

}

.fa-untappd:before {

  content: ""

}

.fa-ups:before {

  content: ""

}

.fa-usb:before {

  content: ""

}

.fa-usps:before {

  content: ""

}

.fa-ussunnah:before {

  content: ""

}

.fa-vaadin:before {

  content: ""

}

.fa-viacoin:before {

  content: ""

}

.fa-viadeo:before {

  content: ""

}

.fa-viadeo-square:before {

  content: ""

}

.fa-viber:before {

  content: ""

}

.fa-vimeo:before {

  content: ""

}

.fa-vimeo-square:before {

  content: ""

}

.fa-vimeo-v:before {

  content: ""

}

.fa-vine:before {

  content: ""

}

.fa-vk:before {

  content: ""

}

.fa-vnv:before {

  content: ""

}

.fa-vuejs:before {

  content: ""

}

.fa-watchman-monitoring:before {

  content: ""

}

.fa-waze:before {

  content: ""

}

.fa-weebly:before {

  content: ""

}

.fa-weibo:before {

  content: ""

}

.fa-weixin:before {

  content: ""

}

.fa-whatsapp:before {

  content: ""

}

.fa-whatsapp-square:before {

  content: ""

}

.fa-whmcs:before {

  content: ""

}

.fa-wikipedia-w:before {

  content: ""

}

.fa-windows:before {

  content: ""

}

.fa-wirsindhandwerk:before {

  content: ""

}

.fa-wsh:before {

  content: ""

}

.fa-wix:before {

  content: ""

}

.fa-wizards-of-the-coast:before {

  content: ""

}

.fa-wodu:before {

  content: ""

}

.fa-wolf-pack-battalion:before {

  content: ""

}

.fa-wordpress:before {

  content: ""

}

.fa-wordpress-simple:before {

  content: ""

}

.fa-wpbeginner:before {

  content: ""

}

.fa-wpexplorer:before {

  content: ""

}

.fa-wpforms:before {

  content: ""

}

.fa-wpressr:before {

  content: ""

}

.fa-xbox:before {

  content: ""

}

.fa-xing:before {

  content: ""

}

.fa-xing-square:before {

  content: ""

}

.fa-y-combinator:before {

  content: ""

}

.fa-yahoo:before {

  content: ""

}

.fa-yammer:before {

  content: ""

}

.fa-yandex:before {

  content: ""

}

.fa-yandex-international:before {

  content: ""

}

.fa-yarn:before {

  content: ""

}

.fa-yelp:before {

  content: ""

}

.fa-yoast:before {

  content: ""

}

.fa-youtube:before {

  content: ""

}

.fa-youtube-square:before {

  content: ""

}

.fa-zhihu:before {

  content: ""

}

:root, :host {

  --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free"

}

@font-face {

  font-family: "Font Awesome 6 Free";

  font-style: normal;

  font-weight: 400;

  font-display: block;

  src: url("../fonts/fa-regular-400.woff2") format("woff2"), url("../fonts/fa-regular-400.ttf") format("truetype")

}

.far, .fa-regular {

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

:root, :host {

  --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free"

}

@font-face {

  font-family: "Font Awesome 6 Free";

  font-style: normal;

  font-weight: 900;

  font-display: block;

  src: url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.ttf") format("truetype")

}

.fas, .fa-solid {

  font-family: "Font Awesome 6 Free";

  font-weight: 900

}

@font-face {

  font-family: "Font Awesome 5 Brands";

  font-display: block;

  font-weight: 400;

  src: url("../fonts/fa-brands-400.woff2") format("woff2"), url("../fonts/fa-brands-400.ttf") format("truetype")

}

@font-face {

  font-family: "Font Awesome 5 Free";

  font-display: block;

  font-weight: 900;

  src: url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.ttf") format("truetype")

}

@font-face {

  font-family: "Font Awesome 5 Free";

  font-display: block;

  font-weight: 400;

  src: url("../fonts/fa-regular-400.woff2") format("woff2"), url("../fonts/fa-regular-400.ttf") format("truetype")

}

@font-face {

  font-family: "FontAwesome";

  font-display: block;

  src: url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.ttf") format("truetype")

}

@font-face {

  font-family: "FontAwesome";

  font-display: block;

  src: url("../fonts/fa-brands-400.woff2") format("woff2"), url("../fonts/fa-brands-400.ttf") format("truetype")

}

@font-face {

  font-family: "FontAwesome";

  font-display: block;

  src: url("../fonts/fa-regular-400.woff2") format("woff2"), url("../fonts/fa-regular-400.ttf") format("truetype");

  unicode-range: U+F003, U+F006, U+F014, U+F016-F017, U+F01A-F01B, U+F01D, U+F022, U+F03E, U+F044, U+F046, U+F05C-F05D, U+F06E, U+F070, U+F087-F088, U+F08A, U+F094, U+F096-F097, U+F09D, U+F0A0, U+F0A2, U+F0A4-F0A7, U+F0C5, U+F0C7, U+F0E5-F0E6, U+F0EB, U+F0F6-F0F8, U+F10C, U+F114-F115, U+F118-F11A, U+F11C-F11D, U+F133, U+F147, U+F14E, U+F150-F152, U+F185-F186, U+F18E, U+F190-F192, U+F196, U+F1C1-F1C9, U+F1D9, U+F1DB, U+F1E3, U+F1EA, U+F1F7, U+F1F9, U+F20A, U+F247-F248, U+F24A, U+F24D, U+F255-F25B, U+F25D, U+F271-F274, U+F278, U+F27B, U+F28C, U+F28E, U+F29C, U+F2B5, U+F2B7, U+F2BA, U+F2BC, U+F2BE, U+F2C0-F2C1, U+F2C3, U+F2D0, U+F2D2, U+F2D4, U+F2DC

}

@font-face {

  font-family: "FontAwesome";

  font-display: block;

  src: url("../fonts/fa-v4compatibility.woff2") format("woff2"), url("../fonts/fa-v4compatibility.ttf") format("truetype");

  unicode-range: U+F041, U+F047, U+F065-F066, U+F07D-F07E, U+F080, U+F08B, U+F08E, U+F090, U+F09A, U+F0AC, U+F0AE, U+F0B2, U+F0D0, U+F0D6, U+F0E4, U+F0EC, U+F10A-F10B, U+F123, U+F13E, U+F148-F149, U+F14C, U+F156, U+F15E, U+F160-F161, U+F163, U+F175-F178, U+F195, U+F1F8, U+F219, U+F250, U+F252, U+F27A

}

@font-face {

  font-family: swiper-icons;

  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");

  font-weight: 400;

  font-style: normal

}

:root {

  --swiper-theme-color: #007aff

}

.swiper {

  margin-left: auto;

  margin-right: auto;

  position: relative;

  overflow: hidden;

  list-style: none;

  padding: 0;

  z-index: 1

}

.swiper-vertical > .swiper-wrapper {

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column

}

.swiper-wrapper {

  position: relative;

  width: 100%;

  height: unset;

  z-index: 1;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-transition-property: -webkit-transform;

  transition-property: -webkit-transform;

  transition-property: transform;

  transition-property: transform, -webkit-transform;

  -webkit-box-sizing: content-box;

  box-sizing: content-box

}

.swiper-android .swiper-slide, .swiper-wrapper {

  -webkit-transform: translate3d(0px, 0, 0);

  transform: translate3d(0px, 0, 0)

}

.swiper-pointer-events {

  -ms-touch-action: pan-y;

  touch-action: pan-y

}

.swiper-pointer-events.swiper-vertical {

  -ms-touch-action: pan-x;

  touch-action: pan-x

}

.swiper-slide {

  -ms-flex-negative: 0;

  flex-shrink: 0;

  width: 100%;

  height: 100%;

  position: relative;

  -webkit-transition-property: -webkit-transform;

  transition-property: -webkit-transform;

  transition-property: transform;

  transition-property: transform, -webkit-transform

}

.swiper-slide-invisible-blank {

  visibility: hidden

}

.swiper-autoheight, .swiper-autoheight .swiper-slide {

  height: auto

}

.swiper-autoheight .swiper-wrapper {

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

  -webkit-transition-property: height, -webkit-transform;

  transition-property: height, -webkit-transform;

  transition-property: transform, height;

  transition-property: transform, height, -webkit-transform

}

.swiper-backface-hidden .swiper-slide {

  -webkit-transform: translateZ(0);

  transform: translateZ(0);

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden

}

.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {

  -webkit-perspective: 1200px;

  perspective: 1200px

}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper {

  -webkit-transform-style: preserve-3d;

  transform-style: preserve-3d

}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  pointer-events: none;

  z-index: 10

}

.swiper-3d .swiper-slide-shadow {

  background: rgba(0, 0, 0, 0.15)

}

.swiper-3d .swiper-slide-shadow-left {

  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));

  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))

}

.swiper-3d .swiper-slide-shadow-right {

  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));

  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))

}

.swiper-3d .swiper-slide-shadow-top {

  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));

  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))

}

.swiper-3d .swiper-slide-shadow-bottom {

  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));

  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))

}

.swiper-css-mode > .swiper-wrapper {

  overflow: auto;

  scrollbar-width: none;

  -ms-overflow-style: none

}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {

  display: none

}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {

  scroll-snap-align: start start

}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {

  -ms-scroll-snap-type: x mandatory;

  scroll-snap-type: x mandatory

}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {

  -ms-scroll-snap-type: y mandatory;

  scroll-snap-type: y mandatory

}

.swiper-centered > .swiper-wrapper::before {

  content: "";

  -ms-flex-negative: 0;

  flex-shrink: 0;

  -webkit-box-ordinal-group: 10000;

  -ms-flex-order: 9999;

  order: 9999

}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {

  -webkit-margin-start: var(--swiper-centered-offset-before);

  margin-inline-start: var(--swiper-centered-offset-before)

}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {

  height: 100%;

  min-height: 1px;

  width: var(--swiper-centered-offset-after)

}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {

  -webkit-margin-before: var(--swiper-centered-offset-before);

  margin-block-start: var(--swiper-centered-offset-before)

}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {

  width: 100%;

  min-width: 1px;

  height: var(--swiper-centered-offset-after)

}

.swiper-centered > .swiper-wrapper > .swiper-slide {

  scroll-snap-align: center center

}

.swiper-virtual .swiper-slide {

  -webkit-backface-visibility: hidden;

  -webkit-transform: translateZ(0);

  transform: translateZ(0)

}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  pointer-events: none

}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {

  height: 1px;

  width: var(--swiper-virtual-size)

}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {

  width: 1px;

  height: var(--swiper-virtual-size)

}

:root {

  --swiper-navigation-size: 44px

}

.swiper-button-next, .swiper-button-prev {

  position: absolute;

  top: 50%;

  width: calc(var(--swiper-navigation-size)/44*27);

  height: var(--swiper-navigation-size);

  margin-top: calc(0px - var(--swiper-navigation-size)/2);

  z-index: 10;

  cursor: pointer;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  color: var(--swiper-navigation-color, var(--swiper-theme-color))

}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {

  opacity: .35;

  cursor: auto;

  pointer-events: none

}

.swiper-button-next:after, .swiper-button-prev:after {

  font-family: swiper-icons;

  font-size: var(--swiper-navigation-size);

  text-transform: none !important;

  letter-spacing: 0;

  font-variant: initial;

  line-height: 1

}

.swiper-button-prev, .swiper-rtl .swiper-button-next {

  left: 10px;

  right: auto

}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {

  content: "prev"

}

.swiper-button-next, .swiper-rtl .swiper-button-prev {

  right: 10px;

  left: auto

}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {

  content: "next"

}

.swiper-button-lock {

  display: none

}

.swiper-pagination {

  position: absolute;

  text-align: center;

  -webkit-transition: .3s opacity;

  transition: .3s opacity;

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

  z-index: 10

}

.swiper-pagination.swiper-pagination-hidden {

  opacity: 0

}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {

  bottom: 10px;

  left: 0;

  width: 100%

}

.swiper-pagination-bullets-dynamic {

  overflow: hidden;

  font-size: 0

}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

  -webkit-transform: scale(0.33);

  transform: scale(0.33);

  position: relative

}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {

  -webkit-transform: scale(1);

  transform: scale(1)

}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {

  -webkit-transform: scale(1);

  transform: scale(1)

}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {

  -webkit-transform: scale(0.66);

  transform: scale(0.66)

}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {

  -webkit-transform: scale(0.33);

  transform: scale(0.33)

}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {

  -webkit-transform: scale(0.66);

  transform: scale(0.66)

}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {

  -webkit-transform: scale(0.33);

  transform: scale(0.33)

}

.swiper-pagination-bullet {

  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));

  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));

  display: inline-block;

  border-radius: 50%;

  background: var(--swiper-pagination-bullet-inactive-color, #000);

  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2)

}

button.swiper-pagination-bullet {

  border: none;

  margin: 0;

  padding: 0;

  -webkit-box-shadow: none;

  box-shadow: none;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none

}

.swiper-pagination-clickable .swiper-pagination-bullet {

  cursor: pointer

}

.swiper-pagination-bullet:only-child {

  display: none !important

}

.swiper-pagination-bullet-active {

  opacity: var(--swiper-pagination-bullet-opacity, 1);

  background: var(--swiper-pagination-color, var(--swiper-theme-color))

}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {

  right: 10px;

  top: 50%;

  -webkit-transform: translate3d(0px, -50%, 0);

  transform: translate3d(0px, -50%, 0)

}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {

  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;

  display: block

}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  width: 8px

}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

  display: inline-block;

  -webkit-transition: .2s transform, .2s top;

  transition: .2s transform, .2s top

}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {

  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)

}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {

  left: 50%;

  -webkit-transform: translateX(-50%);

  transform: translateX(-50%);

  white-space: nowrap

}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

  -webkit-transition: .2s transform, .2s left;

  transition: .2s transform, .2s left

}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

  -webkit-transition: .2s transform, .2s right;

  transition: .2s transform, .2s right

}

.swiper-pagination-progressbar {

  background: rgba(0, 0, 0, 0.25);

  position: absolute

}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

  background: var(--swiper-pagination-color, var(--swiper-theme-color));

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  -webkit-transform: scale(0);

  transform: scale(0);

  -webkit-transform-origin: left top;

  transform-origin: left top

}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

  -webkit-transform-origin: right top;

  transform-origin: right top

}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {

  width: 100%;

  height: 4px;

  left: 0;

  top: 0

}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {

  width: 4px;

  height: 100%;

  left: 0;

  top: 0

}

.swiper-pagination-lock {

  display: none

}

.swiper-scrollbar {

  border-radius: 10px;

  position: relative;

  -ms-touch-action: none;

  background: rgba(0, 0, 0, 0.1)

}

.swiper-horizontal > .swiper-scrollbar {

  position: absolute;

  left: 1%;

  bottom: 3px;

  z-index: 50;

  height: 5px;

  width: 98%

}

.swiper-vertical > .swiper-scrollbar {

  position: absolute;

  right: 3px;

  top: 1%;

  z-index: 50;

  width: 5px;

  height: 98%

}

.swiper-scrollbar-drag {

  height: 100%;

  width: 100%;

  position: relative;

  background: rgba(0, 0, 0, 0.5);

  border-radius: 10px;

  left: 0;

  top: 0

}

.swiper-scrollbar-cursor-drag {

  cursor: move

}

.swiper-scrollbar-lock {

  display: none

}

.swiper-zoom-container {

  width: 100%;

  height: 100%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  text-align: center

}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {

  max-width: 100%;

  max-height: 100%;

  -o-object-fit: contain;

  object-fit: contain

}

.swiper-slide-zoomed {

  cursor: move

}

.swiper-lazy-preloader {

  width: 42px;

  height: 42px;

  position: absolute;

  left: 50%;

  top: 50%;

  margin-left: -21px;

  margin-top: -21px;

  z-index: 10;

  -webkit-transform-origin: 50%;

  transform-origin: 50%;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));

  border-radius: 50%;

  border-top-color: transparent

}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {

  -webkit-animation: swiper-preloader-spin 1s infinite linear;

  animation: swiper-preloader-spin 1s infinite linear

}

.swiper-lazy-preloader-white {

  --swiper-preloader-color: #fff

}

.swiper-lazy-preloader-black {

  --swiper-preloader-color: #000

}

@-webkit-keyframes swiper-preloader-spin {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg)

  }

  100% {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg)

  }

}

@keyframes swiper-preloader-spin {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg)

  }

  100% {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg)

  }

}

.swiper .swiper-notification {

  position: absolute;

  left: 0;

  top: 0;

  pointer-events: none;

  opacity: 0;

  z-index: -1000

}

.swiper-free-mode > .swiper-wrapper {

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

  margin: 0 auto

}

.swiper-grid > .swiper-wrapper {

  -ms-flex-wrap: wrap;

  flex-wrap: wrap

}

.swiper-grid-column > .swiper-wrapper {

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column

}

.swiper-fade.swiper-free-mode .swiper-slide {

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out

}

.swiper-fade .swiper-slide {

  pointer-events: none;

  -webkit-transition-property: opacity;

  transition-property: opacity

}

.swiper-fade .swiper-slide .swiper-slide {

  pointer-events: none

}

.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {

  pointer-events: auto

}

.swiper-cube {

  overflow: visible

}

.swiper-cube .swiper-slide {

  pointer-events: none;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  z-index: 1;

  visibility: hidden;

  -webkit-transform-origin: 0 0;

  transform-origin: 0 0;

  width: 100%;

  height: 100%

}

.swiper-cube .swiper-slide .swiper-slide {

  pointer-events: none

}

.swiper-cube.swiper-rtl .swiper-slide {

  -webkit-transform-origin: 100% 0;

  transform-origin: 100% 0

}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {

  pointer-events: auto

}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next + .swiper-slide, .swiper-cube .swiper-slide-prev {

  pointer-events: auto;

  visibility: visible

}

.swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top {

  z-index: 0;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden

}

.swiper-cube .swiper-cube-shadow {

  position: absolute;

  left: 0;

  bottom: 0px;

  width: 100%;

  height: 100%;

  opacity: .6;

  z-index: 0

}

.swiper-cube .swiper-cube-shadow:before {

  content: "";

  background: #000;

  position: absolute;

  left: 0;

  top: 0;

  bottom: 0;

  right: 0;

  -webkit-filter: blur(50px);

  filter: blur(50px)

}

.swiper-flip {

  overflow: visible

}

.swiper-flip .swiper-slide {

  pointer-events: none;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  z-index: 1

}

.swiper-flip .swiper-slide .swiper-slide {

  pointer-events: none

}

.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {

  pointer-events: auto

}

.swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top {

  z-index: 0;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden

}

.swiper-creative .swiper-slide {

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  overflow: hidden;

  -webkit-transition-property: opacity, height, -webkit-transform;

  transition-property: opacity, height, -webkit-transform;

  transition-property: transform, opacity, height;

  transition-property: transform, opacity, height, -webkit-transform

}

.swiper-cards {

  overflow: visible

}

.swiper-cards .swiper-slide {

  -webkit-transform-origin: center bottom;

  transform-origin: center bottom;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  overflow: hidden

} /*! =======================================================

                      VERSION  11.0.2              

========================================================= */ /*! =========================================================

 * bootstrap-slider.js

 *

 * Maintainers:

 *		Kyle Kemp

 *			- Twitter: @seiyria

 *			- Github:  seiyria

 *		Rohit Kalkur

 *			- Twitter: @Rovolutionary

 *			- Github:  rovolution

 *

 * =========================================================

 *

 * bootstrap-slider is released under the MIT License

 * Copyright (c) 2019 Kyle Kemp, Rohit Kalkur, and contributors

 * 

 * Permission is hereby granted, free of charge, to any person

 * obtaining a copy of this software and associated documentation

 * files (the "Software"), to deal in the Software without

 * restriction, including without limitation the rights to use,

 * copy, modify, merge, publish, distribute, sublicense, and/or sell

 * copies of the Software, and to permit persons to whom the

 * Software is furnished to do so, subject to the following

 * conditions:

 * 

 * The above copyright notice and this permission notice shall be

 * included in all copies or substantial portions of the Software.

 * 

 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,

 * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES

 * OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND

 * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT

 * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,

 * WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING

 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR

 * OTHER DEALINGS IN THE SOFTWARE.

 *

 * ========================================================= */ .slider {

  display: inline-block;

  vertical-align: middle;

  position: relative

}

.slider.slider-horizontal {

  width: 100%;

  height: 20px

}

.slider.slider-horizontal .slider-track {

  height: 20px;

  width: 100%;

  top: 0;

  left: 0

}

.slider.slider-horizontal .slider-selection, .slider.slider-horizontal .slider-track-low, .slider.slider-horizontal .slider-track-high {

  height: 100%;

  top: 0;

  bottom: 0

}

.slider.slider-horizontal .slider-tick, .slider.slider-horizontal .slider-handle {

  margin-left: -10px

}

.slider.slider-horizontal .slider-tick.triangle, .slider.slider-horizontal .slider-handle.triangle {

  position: relative;

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  border-width: 0 10px 10px 10px;

  width: 0;

  height: 0;

  border-bottom-color: #036fa5;

  margin-top: 0

}

.slider.slider-horizontal .slider-tick-container {

  white-space: nowrap;

  position: absolute;

  top: 0;

  left: 0;

  width: 100%

}

.slider.slider-horizontal .slider-tick-label-container {

  white-space: nowrap;

  margin-top: 20px

}

.slider.slider-horizontal .slider-tick-label-container .slider-tick-label {

  display: inline-block;

  text-align: center

}

.slider.slider-horizontal.slider-rtl .slider-track {

  left: initial;

  right: 0

}

.slider.slider-horizontal.slider-rtl .slider-tick, .slider.slider-horizontal.slider-rtl .slider-handle {

  margin-left: initial;

  margin-right: -10px

}

.slider.slider-horizontal.slider-rtl .slider-tick-container {

  left: initial;

  right: 0

}

.slider.slider-vertical {

  height: 210px;

  width: 20px

}

.slider.slider-vertical .slider-track {

  width: 10px;

  height: 100%;

  left: 25%;

  top: 0

}

.slider.slider-vertical .slider-selection {

  width: 100%;

  left: 0;

  top: 0;

  bottom: 0

}

.slider.slider-vertical .slider-track-low, .slider.slider-vertical .slider-track-high {

  width: 100%;

  left: 0;

  right: 0

}

.slider.slider-vertical .slider-tick, .slider.slider-vertical .slider-handle {

  margin-top: -10px

}

.slider.slider-vertical .slider-tick.triangle, .slider.slider-vertical .slider-handle.triangle {

  border-width: 10px 0 10px 10px;

  width: 1px;

  height: 1px;

  border-left-color: #036fa5;

  margin-left: 0

}

.slider.slider-vertical .slider-tick-label-container {

  white-space: nowrap

}

.slider.slider-vertical .slider-tick-label-container .slider-tick-label {

  padding-left: 4px

}

.slider.slider-vertical.slider-rtl .slider-track {

  left: initial;

  right: 25%

}

.slider.slider-vertical.slider-rtl .slider-selection {

  left: initial;

  right: 0

}

.slider.slider-vertical.slider-rtl .slider-tick.triangle, .slider.slider-vertical.slider-rtl .slider-handle.triangle {

  border-width: 10px 10px 10px 0

}

.slider.slider-vertical.slider-rtl .slider-tick-label-container .slider-tick-label {

  padding-left: initial;

  padding-right: 4px

}

.slider.slider-disabled .slider-handle {

  background-color: #cfcfcf;

  background-image: -webkit-gradient(linear, left top, left bottom, from(#DFDFDF), to(#BEBEBE));

  background-image: linear-gradient(to bottom, #DFDFDF, #BEBEBE);

  background-repeat: repeat-x;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#DFDFDF", endColorstr="#BEBEBE", GradientType=0)

}

.slider.slider-disabled .slider-track {

  background-color: #e7e7e7;

  background-image: -webkit-gradient(linear, left top, left bottom, from(#E5E5E5), to(#E9E9E9));

  background-image: linear-gradient(to bottom, #E5E5E5, #E9E9E9);

  background-repeat: repeat-x;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#E5E5E5", endColorstr="#E9E9E9", GradientType=0);

  cursor: not-allowed

}

.slider input {

  display: none

}

.slider .tooltip-inner {

  white-space: nowrap;

  max-width: none

}

.slider .bs-tooltip-top .tooltip-inner, .slider .bs-tooltip-bottom .tooltip-inner {

  position: relative;

  left: -50%

}

.slider.bs-tooltip-left .tooltip-inner, .slider.bs-tooltip-right .tooltip-inner {

  position: relative;

  top: -100%

}

.slider .tooltip {

  pointer-events: none

}

.slider .tooltip.bs-tooltip-top .arrow, .slider .tooltip.bs-tooltip-bottom .arrow {

  left: -0.4rem

}

.slider .tooltip.bs-tooltip-top {

  margin-top: -44px

}

.slider .tooltip.bs-tooltip-bottom {

  margin-top: 2px

}

.slider .tooltip.bs-tooltip-left, .slider .tooltip.bs-tooltip-right {

  margin-top: -14px

}

.slider .tooltip.bs-tooltip-left .arrow, .slider .tooltip.bs-tooltip-right .arrow {

  top: 8px

}

.slider .hide {

  display: none

}

.slider-track {

  background-color: #f7f7f7;

  background-image: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#F9F9F9));

  background-image: linear-gradient(to bottom, #F5F5F5, #F9F9F9);

  background-repeat: repeat-x;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#F5F5F5", endColorstr="#F9F9F9", GradientType=0);

  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);

  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);

  border-radius: 4px;

  position: absolute;

  cursor: pointer

}

.slider-selection {

  background-color: #f7f7f7;

  background-image: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#F5F5F5));

  background-image: linear-gradient(to bottom, #F9F9F9, #F5F5F5);

  background-repeat: repeat-x;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#F9F9F9", endColorstr="#F5F5F5", GradientType=0);

  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);

  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  border-radius: 4px;

  position: absolute

}

.slider-selection.tick-slider-selection {

  background-color: #46c1fe;

  background-image: -webkit-gradient(linear, left top, left bottom, from(#52c5ff), to(#3abcfd));

  background-image: linear-gradient(to bottom, #52c5ff, #3abcfd);

  background-repeat: repeat-x;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#52c5ff", endColorstr="#3abcfd", GradientType=0)

}

.slider-track-low, .slider-track-high {

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  border-radius: 4px;

  position: absolute;

  background: transparent

}

.slider-handle {

  background-color: #0478b2;

  background-image: -webkit-gradient(linear, left top, left bottom, from(#0480BE), to(#036fa5));

  background-image: linear-gradient(to bottom, #0480BE, #036fa5);

  background-repeat: repeat-x;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0480BE", endColorstr="#036fa5", GradientType=0);

  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);

  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);

  position: absolute;

  top: 0;

  width: 20px;

  height: 20px;

  background-color: #0480be;

  border: 0px solid transparent

}

.slider-handle:hover {

  cursor: pointer

}

.slider-handle.round {

  border-radius: 20px

}

.slider-handle.triangle {

  background: transparent none

}

.slider-handle.custom {

  background: transparent none

}

.slider-handle.custom::before {

  line-height: 20px;

  font-size: 20px;

  content: "★";

  color: #726204

}

.slider-tick {

  background-color: #f7f7f7;

  background-image: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#F9F9F9));

  background-image: linear-gradient(to bottom, #F5F5F5, #F9F9F9);

  background-repeat: repeat-x;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#F5F5F5", endColorstr="#F9F9F9", GradientType=0);

  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);

  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  position: absolute;

  cursor: pointer;

  width: 20px;

  height: 20px;

  -webkit-filter: none;

  filter: none;

  opacity: .8;

  border: 0px solid transparent

}

.slider-tick.round {

  border-radius: 50%

}

.slider-tick.triangle {

  background: transparent none

}

.slider-tick.custom {

  background: transparent none

}

.slider-tick.custom::before {

  line-height: 20px;

  font-size: 20px;

  content: "★";

  color: #726204

}

.slider-tick.in-selection {

  background-color: #46c1fe;

  background-image: -webkit-gradient(linear, left top, left bottom, from(#52c5ff), to(#3abcfd));

  background-image: linear-gradient(to bottom, #52c5ff, #3abcfd);

  background-repeat: repeat-x;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#52c5ff", endColorstr="#3abcfd", GradientType=0);

  opacity: 1

}

.mfp-bg {

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 1042;

  overflow: hidden;

  position: fixed;

  background: #0b0b0b;

  opacity: .8

}

.mfp-wrap {

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 1043;

  position: fixed;

  outline: none !important;

  -webkit-backface-visibility: hidden

}

.mfp-container {

  text-align: center;

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  padding: 0 8px;

  -webkit-box-sizing: border-box;

  box-sizing: border-box

}

.mfp-container:before {

  content: "";

  display: inline-block;

  height: 100%;

  vertical-align: middle

}

.mfp-align-top .mfp-container:before {

  display: none

}

.mfp-content {

  position: relative;

  display: inline-block;

  vertical-align: middle;

  margin: 0 auto;

  text-align: left;

  z-index: 1045

}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {

  width: 100%;

  cursor: auto

}

.mfp-ajax-cur {

  cursor: progress

}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {

  cursor: -webkit-zoom-out;

  cursor: zoom-out

}

.mfp-zoom {

  cursor: pointer;

  cursor: -webkit-zoom-in;

  cursor: zoom-in

}

.mfp-auto-cursor .mfp-content {

  cursor: auto

}

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none

}

.mfp-loading.mfp-figure {

  display: none

}

.mfp-hide {

  display: none !important

}

.mfp-preloader {

  color: #ccc;

  position: absolute;

  top: 50%;

  width: auto;

  text-align: center;

  margin-top: -0.8em;

  left: 8px;

  right: 8px;

  z-index: 1044

}

.mfp-preloader a {

  color: #ccc

}

.mfp-preloader a:hover {

  color: #fff

}

.mfp-s-ready .mfp-preloader {

  display: none

}

.mfp-s-error .mfp-content {

  display: none

}

button.mfp-close, button.mfp-arrow {

  overflow: visible;

  cursor: pointer;

  background: transparent;

  border: 0;

  -webkit-appearance: none;

  display: block;

  outline: none;

  padding: 0;

  z-index: 1046;

  -webkit-box-shadow: none;

  box-shadow: none;

  -ms-touch-action: manipulation;

  touch-action: manipulation

}

button::-moz-focus-inner {

  padding: 0;

  border: 0

}

.mfp-close {

  width: 44px;

  height: 44px;

  line-height: 44px;

  position: absolute;

  right: 0;

  top: 0;

  text-decoration: none;

  text-align: center;

  opacity: .65;

  padding: 0 0 18px 10px;

  color: #fff;

  font-style: normal;

  font-size: 28px;

  font-family: Arial, Baskerville, monospace

}

.mfp-close:hover, .mfp-close:focus {

  opacity: 1

}

.mfp-close:active {

  top: 1px

}

.mfp-close-btn-in .mfp-close {

  color: #333

}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {

  color: #fff;

  right: -6px;

  text-align: right;

  padding-right: 6px;

  width: 100%

}

.mfp-counter {

  position: absolute;

  top: 0;

  right: 0;

  color: #ccc;

  font-size: 12px;

  line-height: 18px;

  white-space: nowrap

}

.mfp-arrow {

  position: absolute;

  opacity: .65;

  margin: 0;

  top: 50%;

  margin-top: -55px;

  padding: 0;

  width: 90px;

  height: 110px;

  -webkit-tap-highlight-color: transparent

}

.mfp-arrow:active {

  margin-top: -54px

}

.mfp-arrow:hover, .mfp-arrow:focus {

  opacity: 1

}

.mfp-arrow:before, .mfp-arrow:after {

  content: "";

  display: block;

  width: 0;

  height: 0;

  position: absolute;

  left: 0;

  top: 0;

  margin-top: 35px;

  margin-left: 35px;

  border: medium inset transparent

}

.mfp-arrow:after {

  border-top-width: 13px;

  border-bottom-width: 13px;

  top: 8px

}

.mfp-arrow:before {

  border-top-width: 21px;

  border-bottom-width: 21px;

  opacity: .7

}

.mfp-arrow-left {

  left: 0

}

.mfp-arrow-left:after {

  border-right: 17px solid #fff;

  margin-left: 31px

}

.mfp-arrow-left:before {

  margin-left: 25px;

  border-right: 27px solid #3f3f3f

}

.mfp-arrow-right {

  right: 0

}

.mfp-arrow-right:after {

  border-left: 17px solid #fff;

  margin-left: 39px

}

.mfp-arrow-right:before {

  border-left: 27px solid #3f3f3f

}

.mfp-iframe-holder {

  padding-top: 40px;

  padding-bottom: 40px

}

.mfp-iframe-holder .mfp-content {

  line-height: 0;

  width: 100%;

  max-width: 900px

}

.mfp-iframe-holder .mfp-close {

  top: -40px

}

.mfp-iframe-scaler {

  width: 100%;

  height: 0;

  overflow: hidden;

  padding-top: 56.25%

}

.mfp-iframe-scaler iframe {

  position: absolute;

  display: block;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);

  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);

  background: #000

}

img.mfp-img {

  width: auto;

  max-width: 100%;

  height: auto;

  display: block;

  line-height: 0;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  padding: 40px 0 40px;

  margin: 0 auto

}

.mfp-figure {

  line-height: 0

}

.mfp-figure:after {

  content: "";

  position: absolute;

  left: 0;

  top: 40px;

  bottom: 40px;

  display: block;

  right: 0;

  width: auto;

  height: auto;

  z-index: -1;

  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);

  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);

  background: #444

}

.mfp-figure small {

  color: #bdbdbd;

  display: block;

  font-size: 12px;

  line-height: 14px

}

.mfp-figure figure {

  margin: 0

}

.mfp-bottom-bar {

  margin-top: -36px;

  position: absolute;

  top: 100%;

  left: 0;

  width: 100%;

  cursor: auto

}

.mfp-title {

  text-align: left;

  line-height: 18px;

  color: #f3f3f3;

  word-wrap: break-word;

  padding-right: 36px

}

.mfp-image-holder .mfp-content {

  max-width: 100%

}

.mfp-gallery .mfp-image-holder .mfp-figure {

  cursor: pointer

}

@media screen and (max-width: 800px)and (orientation: landscape), screen and (max-height: 300px) {

  .mfp-img-mobile .mfp-image-holder {

    padding-left: 0;

    padding-right: 0

  }

  .mfp-img-mobile img.mfp-img {

    padding: 0

  }

  .mfp-img-mobile .mfp-figure:after {

    top: 0;

    bottom: 0

  }

  .mfp-img-mobile .mfp-figure small {

    display: inline;

    margin-left: 5px

  }

  .mfp-img-mobile .mfp-bottom-bar {

    background: rgba(0, 0, 0, 0.6);

    bottom: 0;

    margin: 0;

    top: auto;

    padding: 3px 5px;

    position: fixed;

    -webkit-box-sizing: border-box;

    box-sizing: border-box

  }

  .mfp-img-mobile .mfp-bottom-bar:empty {

    padding: 0

  }

  .mfp-img-mobile .mfp-counter {

    right: 5px;

    top: 3px

  }

  .mfp-img-mobile .mfp-close {

    top: 0;

    right: 0;

    width: 35px;

    height: 35px;

    line-height: 35px;

    background: rgba(0, 0, 0, 0.6);

    position: fixed;

    text-align: center;

    padding: 0

  }

}

@media all and (max-width: 900px) {

  .mfp-arrow {

    -webkit-transform: scale(0.75);

    transform: scale(0.75)

  }

  .mfp-arrow-left {

    -webkit-transform-origin: 0;

    transform-origin: 0

  }

  .mfp-arrow-right {

    -webkit-transform-origin: 100%;

    transform-origin: 100%

  }

  .mfp-container {

    padding-left: 6px;

    padding-right: 6px

  }

}

.pt-10 {

  padding-top: 10px

}

.pt-20 {

  padding-top: 20px

}

.pt-30 {

  padding-top: 30px !important

}

.pt-40 {

  padding-top: 40px !important

}

.pt-50 {

  padding-top: 50px !important

}

.pt-60 {

  padding-top: 60px !important

}

.pt-70 {

  padding-top: 70px

}

.pt-80 {

  padding-top: 80px

}

.pt-90 {

  padding-top: 90px

}

.pt-100 {

  padding-top: 100px

}

@media(max-width: 767.98px) {

  .pt-100 {

    padding-top: 65px

  }

}

.pt-105 {

  padding-top: 105px

}

.pt-110 {

  padding-top: 110px

}

.pt-115 {

  padding-top: 115px

}

.pt-120 {

  padding-top: 120px

}

@media(max-width: 767.98px) {

  .pt-120 {

    padding-top: 65px

  }

}

.pb-10 {

  padding-bottom: 10px

}

.pb-20 {

  padding-bottom: 20px

}

.pb-30 {

  padding-bottom: 30px !important

}

.pb-40 {

  padding-bottom: 40px !important

}

.pb-50 {

  padding-bottom: 50px !important

}

.pb-60 {

  padding-bottom: 60px !important

}

.pb-70 {

  padding-bottom: 70px

}

.pb-80 {

  padding-bottom: 80px

}

.pb-90 {

  padding-bottom: 90px

}

@media(max-width: 575.98px) {

  .pb-90 {

    padding-bottom: 50px

  }

}

.pb-100 {

  padding-bottom: 100px

}

.pb-105 {

  padding-bottom: 105px

}

.pb-110 {

  padding-bottom: 110px

}

@media(max-width: 767.98px) {

  .pb-110 {

    padding-bottom: 65px

  }

}

.pb-115 {

  padding-bottom: 115px

}

.pb-120 {

  padding-bottom: 120px

}

@media(max-width: 767.98px) {

  .pb-120 {

    padding-bottom: 65px

  }

}

.pb-220 {

  padding-bottom: 220px

}

@media(max-width: 1199.98px) {

  .pb-lg-120 {

    padding-bottom: 120px

  }

}

@media(max-width: 767.98px) {

  .pb-lg-120 {

    padding-bottom: 65px

  }

}

.pt-150 {

  padding-top: 150px

}

@media(max-width: 767.98px) {

  .pt-150 {

    padding-top: 100px

  }

}

.pt-250 {

  padding-top: 250px

}

.ptb-10 {

  padding-top: 10px;

  padding-bottom: 10px

}

.ptb-20 {

  padding-top: 20px;

  padding-bottom: 20px

}

.ptb-30 {

  padding-top: 30px;

  padding-bottom: 30px

}

.ptb-40 {

  padding-top: 40px;

  padding-bottom: 40px

}

.ptb-50 {

  padding-top: 50px;

  padding-bottom: 50px

}

.ptb-60 {

  padding-top: 60px;

  padding-bottom: 60px

}

.ptb-70 {

  padding-top: 70px;

  padding-bottom: 70px

}

.ptb-80 {

  padding-top: 80px;

  padding-bottom: 80px

}

.ptb-90 {

  padding-top: 90px;

  padding-bottom: 90px

}

.ptb-100 {

  padding-top: 100px;

  padding-bottom: 100px

}

.ptb-105 {

  padding-top: 105px;

  padding-bottom: 105px

}

.ptb-115 {

  padding-top: 115px;

  padding-bottom: 115px

}

@media(max-width: 767.98px) {

  .ptb-115 {

    padding-top: 50px;

    padding-bottom: 50px

  }

}

.ptb-120 {

  padding-top: 120px;

  padding-bottom: 120px

}

@media(max-width: 767.98px) {

  .ptb-120 {

    padding-top: 65px;

    padding-bottom: 65px

  }

}

.ptb-150 {

  padding-top: 150px;

  padding-bottom: 150px

}

@media(max-width: 767.98px) {

  .ptb-150 {

    padding-top: 80px;

    padding-bottom: 80px

  }

}

.mt-10 {

  margin-top: 10px

}

.mt-20 {

  margin-top: 20px

}

.mt-30 {

  margin-top: 30px

}

.mt-40 {

  margin-top: 40px

}

.mt-50 {

  margin-top: 50px

}

.mt-60 {

  margin-top: 60px

}

.mt-70 {

  margin-top: 70px

}

.mt-80 {

  margin-top: 80px

}

.mt-90 {

  margin-top: 90px

}

.mt-100 {

  margin-top: 100px

}

.mb-10 {

  margin-bottom: 10px

}

.mb-20 {

  margin-bottom: 20px

}

.mb-30 {

  margin-bottom: 30px

}

.mb-40 {

  margin-bottom: 40px

}

.mb-50 {

  margin-bottom: 50px

}

.mb-60 {

  margin-bottom: 60px

}

.mb-70 {

  margin-bottom: 70px

}

.mb-80 {

  margin-bottom: 80px

}

.mb-90 {

  margin-bottom: 90px

}

.mb-100 {

  margin-bottom: 100px

}

.mr-10 {

  margin-right: 10px

}

.mr-20 {

  margin-right: 20px

}

.mr-30 {

  margin-right: 30px

}

.mr-40 {

  margin-right: 40px

}

.mr-50 {

  margin-right: 50px

}

.mr-60 {

  margin-right: 60px

}

.mr-70 {

  margin-right: 70px

}

.mr-80 {

  margin-right: 80px

}

.mr-90 {

  margin-right: 90px

}

.mr-100 {

  margin-right: 100px

}

.ml-10 {

  margin-left: 10px

}

.ml-20 {

  margin-left: 20px

}

.ml-30 {

  margin-left: 30px

}

.ml-40 {

  margin-left: 40px

}

.ml-50 {

  margin-left: 50px

}

.ml-60 {

  margin-left: 60px

}

.ml-70 {

  margin-left: 70px

}

.ml-80 {

  margin-left: 80px

}

.ml-90 {

  margin-left: 90px

}

.ml-100 {

  margin-left: 100px

}

.margin-10 {

  margin: 10px 0

}

.margin-20 {

  margin: 10px 0

}

.margin-30 {

  margin: 10px 0

}

.margin-40 {

  margin: 10px 0

}

.margin-50 {

  margin: 10px 0

}

.margin-60 {

  margin: 10px 0

}

.margin-70 {

  margin: 10px 0

}

.margin-80 {

  margin: 10px 0

}

.margin-90 {

  margin: 10px 0

}

.margin-100 {

  margin: 10px 0

}

* {

  margin: 0;

  padding: 0

}

body {

  -webkit-font-smoothing: antialiased;

  font-family: "Mulish", sans-serif;

  color: #666;

  font-size: 1rem

}

h1, h2, h3, h4, h5, h6 {

  font-family: "Urbanist", sans-serif;

  color:#133975;

  font-weight: 700

}

.display-font {

  font-size: 4.25rem

}

@media(max-width: 1399.98px) {

  .display-font {

    font-size: 3.6rem

  }

}

@media(max-width: 1199.98px) {

  .display-font {

    font-size: calc(3rem + .1vw)

  }

}

@media(max-width: 575.98px) {

  .display-font {

    font-size: 2.25rem

  }

}

h1 {

  font-size: 3rem

}

@media(max-width: 1199.98px) {

  h1 {

    font-size: calc(2rem + 1.5vw)

  }

}

.h1 {

  font-size: 3rem

}

@media(max-width: 1199.98px) {

  .h1 {

    font-size: calc(2rem + 1.5vw)

  }

}

h2 {

  font-size: 2.625rem

}

@media(max-width: 1199.98px) {

  h2 {

    font-size: calc(1.5rem + 1.3vw)

  }

}

.h2 {

  font-size: 2.625rem

}

@media(max-width: 1199.98px) {

  .h2 {

    font-size: calc(1.5rem + 1.3vw)

  }

}

h3 {

  font-size: 1.875em

}

@media(max-width: 1199.98px) {

  h3 {

    font-size: calc(1.3rem + .6vw)

  }

}

.h3 {

  font-size: 1.875rem

}

@media(max-width: 1199.98px) {

  .h3 {

    font-size: calc(1rem + 1.5vw)

  }

}

h6 {

  font-size: 1.125rem

}

.h6 {

  font-size: 13px

}

.h1, .h2, .h3, .h4, .h5, .h6 {

  font-weight: 700

}

ul {

  margin: 0;

  padding: 0;

  list-style: none

}

a {

  text-decoration: none

}

a:hover, a:focus {

  text-decoration: none;

  outline: none

}

input:focus, textarea:focus, select:focus, button:focus {

  outline: none

}

@media(max-width: 767.98px) {

  .header-section {

    background: #fff !important

  }

}

.topbar {

  padding: 14px 0

}

.topbar p {

  color: #fff;

  font-weight: 500;

  font-size: 14px

}

.topbar p mark {

  text-decoration: underline

}

.topbar .topbar-right a {

  font-weight: 600;

  color: #fff;

  font-family: "Urbanist", sans-serif;

  position: relative;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in;

  font-size: 14px

}

.topbar .topbar-right a + a {

  margin-left: 30px

}

.topbar .topbar-right a + a::before {

  content: "";

  position: absolute;

  left: -15px;

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  width: 1px;

  height: 16px;

  background-color: #5673ff

}

.topbar .topbar-right a:hover {

  color: #1c40f2

}

@media(max-width: 767.98px) {

  .topbar {

    display: none

  }

}

.logo {

  max-width: 230px

}

.nav-menu {
	padding: 0 15px;
	border-radius: 5px;
	margin-bottom: 0px;
	/* position: relative; */
	z-index: 10;
}

@media(max-width: 991.98px) {

  .nav-menu {

    padding: 10px 15px

  }

}

@media(max-width: 767.98px) {

  .nav-menu {

    margin-bottom: 0

  }

}

.nav-wrapper nav {

  text-align: right

}

.nav-wrapper ul {

  display: inline-block

}

.nav-wrapper ul li {

  display: inline-block

}

.nav-wrapper ul li a {

  display: block;

  padding: 25px 15px;

  color: #001042;

  font-family: "Urbanist", sans-serif;

  font-weight: 500;

  font-size: 15px;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.nav-wrapper ul li.has-submenu {

  position: relative

}

.nav-wrapper ul li.has-submenu::after {

  content: "";

  font-family: "Font Awesome 5 Free";

  font-weight: 900;

  position: absolute;

  right: 2px;

  top: 28px;

  font-size: 12px;

  color: #001042;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.nav-wrapper ul li.has-submenu .submenu-wrapper {

  position: absolute;

  left: 0;

  top: 100%;

  background-color: #fff;

  width: 220px;

  border-radius: 0 0 4px 4px;

  text-align: left;

  display: none;

  overflow: hidden;

  z-index: 30;

  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, .06);

  box-shadow: 0px 0px 10px rgba(0, 0, 0, .06)

}

.nav-wrapper ul li.has-submenu .submenu-wrapper.menu-list {

  width: 280px

}

.nav-wrapper ul li.has-submenu .submenu-wrapper.theme-megamenu {

  width: 1200px;

  left: -709px;

  padding: 15px

}

.nav-wrapper ul li.has-submenu .submenu-wrapper.home {

  width: 830px;

  left: -295px

}

.nav-wrapper ul li.has-submenu .submenu-wrapper li, .nav-wrapper ul li.has-submenu .submenu-wrapper .megamenu-item {

  display: block

}

.nav-wrapper ul li.has-submenu .submenu-wrapper li a, .nav-wrapper ul li.has-submenu .submenu-wrapper .megamenu-item a {

  color: #fff;

  padding: 10px 15px;

  color: #001042;

  border-top: 1px solid rgba(221, 221, 221, .15);

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in;

  border-radius: 4px

}

.nav-wrapper ul li.has-submenu .submenu-wrapper li a:hover, .nav-wrapper ul li.has-submenu .submenu-wrapper .megamenu-item a:hover {

  background: #f6f6f6

}

.nav-wrapper ul li.has-submenu .submenu-wrapper li .menu-list-wrapper .icon-wrapper, .nav-wrapper ul li.has-submenu .submenu-wrapper .megamenu-item .menu-list-wrapper .icon-wrapper {

  width: 40px;

  height: 40px;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  background: #1c40f2;

  font-size: 20px;

  border-radius: 3px;

  color: #fff

}

.nav-wrapper ul li.has-submenu .submenu-wrapper li .menu-list-wrapper .menu-list-content-right h6, .nav-wrapper ul li.has-submenu .submenu-wrapper .megamenu-item .menu-list-wrapper .menu-list-content-right h6 {

  margin-bottom: 0;

  font-size: 16px

}

.nav-wrapper ul li.has-submenu .submenu-wrapper li .menu-list-wrapper .menu-list-content-right span, .nav-wrapper ul li.has-submenu .submenu-wrapper .megamenu-item .menu-list-wrapper .menu-list-content-right span {

  font-size: 11px

}

.nav-wrapper ul li.has-submenu .submenu-wrapper li:first-child a, .nav-wrapper ul li.has-submenu .submenu-wrapper .megamenu-item:first-child a {

  border-top: 0

}

.nav-wrapper ul li.has-submenu:hover > .submenu-wrapper {

  display: block

}

.nav-wrapper ul li.has-submenu.has-megamenu-list .submenu-wrapper {

  width: 400px;

  left: -200px;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  padding: 12px

}

.nav-wrapper ul li.has-submenu.has-megamenu-list .submenu-wrapper > li {

  width: calc(50% - 6px)

}

.nav-wrapper ul li.has-submenu.has-megamenu-list .submenu-wrapper > li a {

  border-top: 0

}

.nav-wrapper ul li.has-submenu.has-megamenu-list:hover .submenu-wrapper {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex

}

.nav-wrapper ul li:hover::after {

  color: #1c40f2

}

.nav-wrapper ul li:hover > a {

  color: #1c40f2

}

.header-right div svg path {

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.header-right div svg:hover path {

  fill: #ff6e5f

}

.header-right div.product-cart a {

  -webkit-transform: translateY(-2px);

  transform: translateY(-2px);

  display: inline-block

}

.header-right div.header-search button {

  background: rgba(0, 0, 0, 0)

}

.header-right div.ofcanvus-btns a {

  color: #001042;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in;

  font-size: 15px

}

.header-right div.ofcanvus-btns a:hover {

  color: #ff6e5f

}

.header-right div.next {

  margin-left: 20px;

  position: relative

}

.header-right div.next::before {

  content: "";

  position: absolute;

  left: -10px;

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  width: 1px;

  height: 18px;

  background-color: #e8e8e8

}

.lang-switcher {

  position: relative;

  display: inline-block;

  cursor: pointer;

  padding: 15px 0

}

.lang-switcher a {

  font-size: 15px;

  font-weight: 500;

  color: #001042;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center

}

.lang-switcher .dropdown-menu {

  width: 200px

}

.lang-switcher ul {

  padding: 0 10px

}

.lang-switcher ul li {

  display: inline-block

}

.lang-switcher ul li a {

  font-size: 14px;

  padding: 0 5px;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.lang-switcher ul li a:hover {

  color: #1c40f2

}

.header-search-form {

  background: #1c40f2;

  padding: 15px;

  border-radius: 4px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex

}

.header-search-form input {

  padding: 12px 15px;

  border: 0;

  border-radius: 4px 0 0 4px

}

.header-search-form input[type=submit] {

  font-family: "Urbanist", sans-serif;

  font-weight: 700;

  border-radius: 0 4px 4px 0

}

.header-two {

  border-bottom: 1px solid rgba(255, 255, 255, .1);

  position: relative;

  z-index: 10

}

.header-two .nav-wrapper ul li.has-submenu::after {

  content: "+";

  color: #fff;

  right: 0;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.header-two .nav-wrapper ul li.has-submenu .submenu-wrapper {

  background-color: #2b12be

}

.header-two .nav-wrapper ul li.has-submenu .submenu-wrapper li a, .header-two .nav-wrapper ul li.has-submenu .submenu-wrapper .megamenu-item a {

  color: rgba(255, 255, 255, .9)

}

.header-two .nav-wrapper ul li.has-submenu .submenu-wrapper li a:hover, .header-two .nav-wrapper ul li.has-submenu .submenu-wrapper .megamenu-item a:hover {

  background: rgba(0, 25, 151, .2901960784)

}

.header-two .nav-wrapper ul li.has-submenu .submenu-wrapper li .menu-list-wrapper .icon-wrapper, .header-two .nav-wrapper ul li.has-submenu .submenu-wrapper .megamenu-item .menu-list-wrapper .icon-wrapper {

  background: #fff;

  color: #1c40f2

}

.header-two .nav-wrapper ul li.has-submenu .submenu-wrapper li .menu-list-wrapper .menu-list-content-right h6, .header-two .nav-wrapper ul li.has-submenu .submenu-wrapper .megamenu-item .menu-list-wrapper .menu-list-content-right h6 {

  color: rgba(255, 255, 255, .9)

}

.header-two .nav-wrapper ul li.has-submenu .submenu-wrapper li .menu-list-wrapper .menu-list-content-right span, .header-two .nav-wrapper ul li.has-submenu .submenu-wrapper .megamenu-item .menu-list-wrapper .menu-list-content-right span {

  color: rgba(255, 255, 255, .9)

}

.header-two .nav-wrapper ul li a {

  color: #fff;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.header-two .nav-wrapper ul li:hover::after {

  color: #ff6e5f

}

.header-two .nav-wrapper ul li:hover > a {

  color: #ff6e5f

}

.header-two .header-right .lang-switcher a {

  color: #fff

}

.header-two .header-right svg path {

  fill: #fff

}

.header-two .header-right .ofcanvus-btn a {

  color: #fff

}

@media(max-width: 991.98px) {

  .header-two {

    padding: 15px 0

  }

}

.gm-header {

  background: rgba(255, 255, 255, .05);

  -webkit-backdrop-filter: blur(20px);

  backdrop-filter: blur(20px)

}

.gm-header .nav-wrapper {

  margin-right: 10px

}

.gm-header .nav-wrapper ul li a {

  color: #fff;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.gm-header .nav-wrapper ul li::after {

  color: #fff;

  font-size: 12px;

  top: 28px;

  right: 5px;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.gm-header .nav-wrapper ul li .submenu-wrapper {

  background: #000

}

.gm-header .nav-wrapper ul li .submenu-wrapper li a, .gm-header .nav-wrapper ul li .submenu-wrapper .megamenu-item a {

  color: #fff

}

.gm-header .nav-wrapper ul li .submenu-wrapper li a:hover, .gm-header .nav-wrapper ul li .submenu-wrapper .megamenu-item a:hover {

  background: rgba(0, 25, 151, .2901960784)

}

.gm-header .nav-wrapper ul li .submenu-wrapper li a .menu-list-wrapper .icon-wrapper, .gm-header .nav-wrapper ul li .submenu-wrapper .megamenu-item a .menu-list-wrapper .icon-wrapper {

  background: #fff;

  color: #f16262

}

.gm-header .nav-wrapper ul li .submenu-wrapper li a .menu-list-wrapper .menu-list-content-right h6, .gm-header .nav-wrapper ul li .submenu-wrapper li a .menu-list-wrapper .menu-list-content-right span, .gm-header .nav-wrapper ul li .submenu-wrapper .megamenu-item a .menu-list-wrapper .menu-list-content-right h6, .gm-header .nav-wrapper ul li .submenu-wrapper .megamenu-item a .menu-list-wrapper .menu-list-content-right span {

  color: #fff

}

.gm-header .nav-wrapper ul li:hover > a {

  color: #f16262

}

.gm-header .nav-wrapper ul li:hover::after {

  color: #f16262

}

@media(max-width: 991.98px) {

  .gm-header {

    padding: 10px 0

  }

}

.gm-header .mobile-menu-toggle {

  background: rgba(0, 0, 0, 0);

  border: 0;

  color: #fff

}

.gm-header-btn {

  position: relative;

  overflow: hidden;

  z-index: 1

}

.gm-header-btn::before {

  content: "";

  position: absolute;

  left: 15px;

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  width: 25px;

  height: 25px;

  background: linear-gradient(96.49deg, #F16262 0%, #3200FF 102.71%);

  border-radius: 50%;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in;

  z-index: -1

}

.gm-header-btn:hover {

  color: #fff

}

.gm-header-btn:hover::before {

  width: 90px;

  height: 40px;

  border-radius: 30px

}

.header-style-4 {

  background: linear-gradient(27.79deg, rgba(0, 29, 172, 0.8) -148.73%, rgba(0, 15, 87, 0.8) 192.85%)

}

.header-style-4 .sh-header-cart button {

  position: relative

}

.header-style-4 .sh-header-cart button .number {

  position: absolute;

  font-size: 10px;

  top: -5px;

  width: 15px;

  height: 15px;

  background: #1c40f2;

  border-radius: 50%;

  right: -10px

}

.header-style-4 .sh-header-cart::before {

  content: "";

  position: absolute;

  left: -15px;

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  width: 1px;

  height: 40px;

  background: rgba(75, 96, 197, .5)

}

.header-style-4 .sh-header-btn::before {

  content: "";

  position: absolute;

  left: -20px;

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  width: 1px;

  height: 40px;

  background: rgba(75, 96, 197, .5)

}

.header-style-4 .mobile-menu-toggle {

  font-size: 20px

}

@media(max-width: 991.98px) {

  .header-style-4 {

    padding: 6px 0

  }

}

.nav-menu-4 {

  text-align: right;

  padding-right: 60px

}

.nav-menu-4 ul li a {

  color: #fff;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.nav-menu-4 ul li .submenu-wrapper {

  background-color: #31439a !important

}

.nav-menu-4 ul li .submenu-wrapper li a, .nav-menu-4 ul li .submenu-wrapper .megamenu-item a {

  color: #fff !important

}

.nav-menu-4 ul li .submenu-wrapper li a .menu-list-content-right h6, .nav-menu-4 ul li .submenu-wrapper li a .menu-list-content-right span, .nav-menu-4 ul li .submenu-wrapper .megamenu-item a .menu-list-content-right h6, .nav-menu-4 ul li .submenu-wrapper .megamenu-item a .menu-list-content-right span {

  color: #fff

}

.nav-menu-4 ul li .submenu-wrapper li a:hover, .nav-menu-4 ul li .submenu-wrapper .megamenu-item a:hover {

  background-color: rgba(0, 25, 151, .2) !important

}

.nav-menu-4 ul li.has-submenu::after {

  color: #fff;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.nav-menu-4 ul li:hover::after {

  color: rgba(255, 255, 255, .6)

}

.nav-menu-4 ul li:hover > a {

  color: rgba(255, 255, 255, .6)

}

.gh-header {

  background: #14161d

}

.gh-header .header-search-form {

  background: #8af135

}

.gh-header .header-search-form input {

  background: #14161d;

  color: #fff

}

.gh-header .header-search-form input[type=submit] {

  background: #33313d

}

.gh-header .sh-header-cart button .number {

  background: linear-gradient(287.85deg, #8af135 0%, #FF7E5D 95.32%)

}

.gh-header .outline-btn {

  border-color: #8af135

}

.gh-header .outline-btn:hover {

  background: #8af135;

  border-color: #8af135

}

.gh-header .nav-menu-4 ul li .submenu-wrapper {

  background: #33313d !important

}

.gh-header .nav-wrapper ul li.has-submenu .submenu-wrapper .megamenu-item .menu-list-wrapper .icon-wrapper {

  background: #8af135

}

.header-5 .nav-menu {

  margin-bottom: 0

}

.header-5 .nav-wrapper ul li a {

  color: #fff

}

.header-5 .nav-wrapper ul li.has-submenu::after {

  color: #fff

}

.header-5 .nav-wrapper ul li.has-submenu .submenu-wrapper {

  background: #00157a

}

.header-5 .nav-wrapper ul li.has-submenu .submenu-wrapper li a {

  color: #fff

}

.header-5 .nav-wrapper ul li.has-submenu .submenu-wrapper li a .menu-list-content-right h6 {

  color: #fff

}

.header-5 .nav-wrapper ul li.has-submenu .submenu-wrapper li a:hover {

  background: rgba(255, 255, 255, .1098039216)

}

.header-5 .nav-wrapper ul li.has-submenu .submenu-wrapper .megamenu-item a .menu-list-wrapper .menu-list-content-right h6 {

  color: #fff

}

.header-5 .nav-wrapper ul li.has-submenu .submenu-wrapper .megamenu-item a .menu-list-wrapper .menu-list-content-right span {

  color: #fff

}

.header-5 .nav-wrapper ul li.has-submenu .submenu-wrapper .megamenu-item a:hover {

  background: rgba(255, 255, 255, .1098039216)

}

.header-5 .lang-switcher > a {

  color: #fff

}

.header-5 svg path {

  fill: #fff

}

.header-5 .outline-btn {

  padding: 14px 30px;

  font-size: 15px

}

.mobile-menu {

  min-width: 300px;

  height: 100vh;

  z-index: 10;

  top: 0;

  left: -320px;

  padding: 40px 15px;

  overflow-y: scroll;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in;

  z-index: 150;

  position: fixed

}

.mobile-menu .close-menu {

  right: 20px;

  top: 15px;

  background: rgba(0, 0, 0, 0);

  border: 0;

  font-size: 20px;

  cursor: pointer

}

.mobile-menu ul li {

  display: block

}

.mobile-menu ul li a {

  display: block;

  padding: 10px 0;

  color: #001042;

  font-family: "Urbanist", sans-serif;

  font-weight: 600;

  border-bottom: 1px solid #e8e8e8

}

.mobile-menu ul li a .menu-list-wrapper img {

  width: 35px

}

.mobile-menu ul li a .menu-list-wrapper .menu-list-content-right h6 {

  font-size: 16px;

  margin-bottom: 0

}

.mobile-menu ul li a .menu-list-wrapper .menu-list-content-right span {

  font-size: 11px

}

.mobile-menu ul li ul {

  padding-left: 10px;

  display: none

}

.mobile-menu ul li ul li a {

  font-size: 14px

}

.mobile-menu ul li.has-submenu > a {

  position: relative

}

.mobile-menu ul li.has-submenu > a::after {

  content: "";

  font-family: "FontAwesome";

  position: absolute;

  right: 0;

  top: 10px;

  color: #001042;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.mobile-menu ul li.has-submenu > a.icon-rotate::after {

  -webkit-transform: rotate(-90deg);

  transform: rotate(-90deg)

}

.mobile-menu .contact-social a {

  color: #001042;

  display: inline-block;

  margin-right: 6px

}

.mobile-menu.active {

  left: 0

}

.ofcanvus-menu {

  position: fixed;

  bottom: 20px;

  right: -580px;

  top: 20px;

  overflow: hidden;

  z-index: 160;

  width: 570px;

  background: #fff;

  padding: 50px 20px;

  height: calc(100vh - 40px);

  border-radius: 10px;

  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .15);

  box-shadow: 0 0 15px rgba(0, 0, 0, .15);

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.ofcanvus-menu .close-canvus {

  position: absolute;

  right: 20px;

  top: 15px;

  background: rgba(0, 0, 0, 0);

  border: 0

}

.ofcanvus-menu .megamenu {

  overflow-y: scroll;

  padding: 20px 10px;

  height: 100%;

  scrollbar-width: none

}

.ofcanvus-menu .megamenu::-webkit-scrollbar {

  display: none

}

.ofcanvus-menu .icon-wrapper {

  font-size: 20px;

  width: 40px;

  height: 40px;

  border: 1px solid #ddd;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  border-radius: 4px

}

.ofcanvus-menu .script-icon {

  background: #fff;

  padding: 16px 15px;

  text-align: center;

  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .3);

  box-shadow: 0 0 2px rgba(0, 0, 0, .3);

  border-radius: 5px;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.ofcanvus-menu .script-icon h6 {

  margin-bottom: 0;

  margin-top: 4px;

  font-size: 15px

}

.ofcanvus-menu .script-icon:hover {

  -webkit-box-shadow: 0px 0px 15px rgba(120, 120, 120, .3);

  box-shadow: 0px 0px 15px rgba(120, 120, 120, .3)

}

.ofcanvus-menu .script-icon .script-icon-wrapper {

  font-size: 30px;

  color: #001042

}

.ofcanvus-menu .mg-item {

  padding: 15px 10px;

  display: block;

  border-radius: 6px;

  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .3);

  box-shadow: 0 0 2px rgba(0, 0, 0, .3);

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.ofcanvus-menu .mg-item .mg-item-wrapper img {

  width: 20%

}

.ofcanvus-menu .mg-item .mg-item-wrapper .mg-item-content-right {

  width: 80%

}

.ofcanvus-menu .mg-item .mg-item-wrapper .mg-item-content-right h6 {

  font-size: 15px

}

.ofcanvus-menu .mg-item .mg-item-wrapper .mg-item-content-right span {

  font-size: 12px;

  color: #666

}

.ofcanvus-menu .mg-item:hover {

  -webkit-box-shadow: 0px 0px 15px rgba(120, 120, 120, .3);

  box-shadow: 0px 0px 15px rgba(120, 120, 120, .3)

}

.ofcanvus-menu.active {

  right: 20px

}

.sticky-header {

  position: fixed !important;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 90 !important;

  -webkit-animation: 1s fadeInDown;

  animation: 1s fadeInDown

}

.sticky-header .topbar {

  display: none

}

.sticky-header .nav-menu {

  margin-bottom: 0

}

.sticky-header.header-section {

  background-image: none;

  background-color: #fff;

  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);

  box-shadow: 0px 0px 10px rgba(0, 0, 0, .2)

}

.sticky-header.header-two {

  background-color: #18029d

}

.sticky-header.gm-header {

  background-color: rgba(0, 0, 0, .9);

  -webkit-box-shadow: 10px 10px 10px rgba(255, 255, 255, .05);

  box-shadow: 10px 10px 10px rgba(255, 255, 255, .05)

}

.sticky-header.header-5 {

  background-color: #000f57 !important;

  border-bottom: 2px solid rgba(255, 255, 255, .1)

}

.header-6 .header-nav .nav-menu {

  margin-bottom: 0;

  -webkit-box-shadow: 12px 26px 50px rgba(90, 108, 234, .07);

  box-shadow: 12px 26px 50px rgba(90, 108, 234, .07)

}

.footer {

  background-color: #000f57

}

.footer .brands-area {

  margin-bottom: 120px

}

.footer .brands-area.mt--100 {

  margin-top: -120px

}

.footer-widget {

  margin-bottom: 60px

}

.footer-widget .ft-subtitle::after {

  content: "";

  position: absolute;

  right: -70px;

  bottom: 5px;

  width: 60px;

  height: 2px;

  background: linear-gradient(95.45deg, #0082F8 0.64%, #1C40F2 98.23%)

}

.footer-widget .ft-payment-method .payment-list li {

  background-color: #25326f;

  width: 82px;

  height: 50px;

  border-radius: 4px;

  margin-right: 8px

}

.footer-widget .widget-title::before {

  content: "";

  position: absolute;

  left: 0;

  bottom: -15px;

  width: 50px;

  height: 3px;

  background: linear-gradient(95.45deg, #0082F8 0.64%, #1C40F2 98.23%)

}

.footer-widget .footer-nav li a {

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in;

  position: relative;

  color: #fff;

  font-size: 14px;
    font-family: 'Urbanist';
}

.footer-widget .footer-nav li a::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  color: #fff;

  opacity: 0;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.footer-widget .footer-nav li a:hover {

  padding-left: 15px;

  color: #1c40f2

}

.footer-widget .footer-nav li a:hover::before {

  opacity: 1;

  color: #1c40f2

}

.footer-widget .footer-nav li + li {
	margin-top: 4px;
}

.footer-widget .footer-sb-form input[type=email] {

  width: 100%;

  padding: 20px 100px 20px 20px;

  background-color: #293571;

  border-radius: 5px;

  border: 0;

  color: #fff

}

.footer-widget .footer-sb-form input[type=email]::-webkit-input-placeholder {

  color: rgba(255, 255, 255, .5)

}

.footer-widget .footer-sb-form input[type=email]::-moz-placeholder {

  color: rgba(255, 255, 255, .5)

}

.footer-widget .footer-sb-form input[type=email]:-ms-input-placeholder {

  color: rgba(255, 255, 255, .5)

}

.footer-widget .footer-sb-form input[type=email]::-ms-input-placeholder {

  color: rgba(255, 255, 255, .5)

}

.footer-widget .footer-sb-form input[type=email]::placeholder {

  color: rgba(255, 255, 255, .5)

}

.footer-widget .footer-sb-form button {

  position: absolute;

  right: 10px;

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  border: 0

}

.footer-widget .social-nav li {

  display: inline-block

}

.footer-widget .social-nav li + li {

  margin-left: 5px

}

.footer-widget .social-nav li a {

  width: 40px;

  height: 40px;

  background: linear-gradient(95.45deg, #0082F8 0.64%, #1C40F2 98.23%);

  z-index: 1

}

.footer-widget .social-nav li a::before {

  content: "";

  position: absolute;

  left: 0;

  width: 100%;

  top: 0;

  height: 100%;

  background: linear-gradient(95.45deg, #1C40F2 98.23%, #0082F8 0.64%);

  z-index: -1;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in;

  opacity: 0

}

.footer-widget .social-nav li a:hover::before {

  opacity: 1

}

.footer-copyright {

  padding: 15px 0;

  background-color: #00175f

}

.footer-copyright p {

  font-size: 14px

}

.footer-copyright .copyright-links a {

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in;

  color: #fff;

  font-size: 14px

}

.footer-copyright .copyright-links a:hover {

  color: #1c40f2

}

.footer-copyright .copyright-links a + a {

  position: relative

}

.footer-copyright .copyright-links a + a::before {

  content: "";

  position: absolute;

  left: -12px;

  top: 0;

  width: 1px;

  height: 25px;

  background-color: #002496

}

.hm2-footer {

  background: #001042;

  background-repeat: no-repeat;

  background-size: 1000px;

  background-position: center

}

.hm2-footer.mt--150 {

  margin-top: -150px

}

@media(max-width: 991.98px) {

  .hm2-footer {

    background-size: auto;

    background-position: center center

  }

}

.hm2-sb-area {

  padding: 60px 30px;

  border-radius: 10px;

  position: relative;

  z-index: 9

}

.hm2-sb-area .sb-circle {

  left: 100px;

  bottom: 50px

}

@media(max-width: 991.98px) {

  .hm2-sb-area .sb-circle {

    display: none

  }

}

.hm2-sb-form {

  width: 100%

}

.hm2-sb-form .radio-btns .btns-wrapper {

  display: inline-block

}

.hm2-sb-form .radio-btns label {

  color: #fff;

  margin-right: 20px;

  position: relative;

  cursor: pointer

}

.hm2-sb-form .radio-btns label span {

  width: 16px;

  height: 16px;

  border: 1px solid #fff;

  display: inline-block;

  position: absolute;

  left: -25px;

  top: 4px;

  border-radius: 50%

}

.hm2-sb-form .radio-btns label span::before {

  content: "";

  width: 8px;

  height: 8px;

  background: rgba(0, 0, 0, 0);

  position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  border-radius: 50%

}

.hm2-sb-form .radio-btns input {

  opacity: 0

}

.hm2-sb-form .radio-btns input:checked ~ label span::before {

  background: #1c40f2

}

.hm2-sb-form .form-input input {

  width: 100%;

  padding: 15px 50px;

  border-radius: 30px;

  border: 1px solid rgba(255, 255, 255, .399);

  background: rgba(0, 0, 0, 0);

  font-weight: 500;

  color: #fff

}

.hm2-sb-form .form-input input::-webkit-input-placeholder {

  color: rgba(255, 255, 255, .3)

}

.hm2-sb-form .form-input input::-moz-placeholder {

  color: rgba(255, 255, 255, .3)

}

.hm2-sb-form .form-input input:-ms-input-placeholder {

  color: rgba(255, 255, 255, .3)

}

.hm2-sb-form .form-input input::-ms-input-placeholder {

  color: rgba(255, 255, 255, .3)

}

.hm2-sb-form .form-input input::placeholder {

  color: rgba(255, 255, 255, .3)

}

.hm2-sb-form .form-input label {

  position: absolute;

  left: 20px;

  top: 17px;

  color: rgba(255, 255, 255, .3);

  font-weight: 500

}

.hm2-sb-form .form-input .template-btn {

  position: absolute;

  right: 0;

  top: 0;

  border: 0;

  border-radius: 0 30px 30px 0

}

@media(max-width: 575.98px) {

  .hm2-sb-form .form-input .template-btn {

    position: relative;

    border-radius: 30px;

    margin-top: 20px

  }

}

.hm2-footer-copyright {

  border-top: 1px solid rgba(231, 231, 231, .11);

  padding: 10px 0

}

.hm2-footer-copyright .footer-social a {

  width: 45px;

  height: 45px;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  border-radius: 50%;

  background: rgba(255, 255, 255, .2);

  position: relative;

  color: #fff;

  overflow: hidden;

  z-index: 1

}

.hm2-footer-copyright .footer-social a::before {

  content: "";

  position: absolute;

  left: 0;

  width: 100%;

  height: 100%;

  top: 0;

  background: linear-gradient(95.45deg, #0082F8 0.64%, #1C40F2 98.23%);

  z-index: -1;

  opacity: 0;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.hm2-footer-copyright .footer-social a:hover::before {

  opacity: 1

}

.hm2-footer-copyright .footer-social a + a {

  margin-left: 5px

}

.footer.dark-bg .footer-widget .widget-title::before {

  background: linear-gradient(96.49deg, #F16262 0%, #3200FF 102.71%)

}

.footer.dark-bg .footer-widget .social-nav li a {

  background: linear-gradient(96.49deg, #F16262 0%, #3200FF 102.71%)

}

.footer.dark-bg .footer-widget .social-nav li a::before {

  background: linear-gradient(96.49deg, #3200FF 0%, #F16262 102.71%)

}

.footer.dark-bg .footer-widget .footer-sb-form input[type=email] {

  background-color: rgba(255, 255, 255, .06)

}

.footer.dark-bg .footer-widget .ft-payment-method .payment-list li {

  background-color: rgba(255, 255, 255, .06)

}

.footer.dark-bg .footer-copyright {

  background-color: rgba(255, 255, 255, .05)

}

.footer.dark-bg .footer-copyright .copyright-links a + a::before {

  background-color: #f16262;

  opacity: .5

}

.h5-footer {

  background: #000f57;

  padding: 210px 0 0 0

}

.h5-footer .h5-footer-circle-shape {

  width: 312px;

  height: 312px;

  background: linear-gradient(271.06deg, rgba(28, 64, 242, 0.7) 3.8%, rgba(1, 17, 100, 0) 89.03%);

  border-radius: 50%;

  right: 0;

  bottom: 60px;

  opacity: .5

}

@media(max-width: 767.98px) {

  .h5-footer {

    padding-top: 70px

  }

}

.h5-footer-address li i {

  font-size: 18px;

  color: #1c40f2

}

.h5-footer-address li + li {

  margin-top: 24px

}

.footer-light .footer-widget .footer-nav li a {

  color: dimgray;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.footer-light .footer-widget .footer-nav li a:hover {

  color: #1c40f2

}

.footer-light .footer-widget .footer-sb-form {

  border: 1px solid #e7e7e7

}

.footer-light .footer-widget .footer-sb-form input[type=email] {

  background-color: #fff

}

.footer-light .footer-widget .footer-sb-form input[type=email]::-webkit-input-placeholder {

  color: #e7e7e7

}

.footer-light .footer-widget .footer-sb-form input[type=email]::-moz-placeholder {

  color: #e7e7e7

}

.footer-light .footer-widget .footer-sb-form input[type=email]:-ms-input-placeholder {

  color: #e7e7e7

}

.footer-light .footer-widget .footer-sb-form input[type=email]::-ms-input-placeholder {

  color: #e7e7e7

}

.footer-light .footer-widget .footer-sb-form input[type=email]::placeholder {

  color: #e7e7e7

}

.breadcrumb-area {

  padding: 130px 0 90px 0

}

.breadcrumb-area nav ol {

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center

}

.breadcrumb-area nav ol li {

  color: #fff;

  font-weight: 500

}

.breadcrumb-area nav ol li a {

  color: #fff;

  font-weight: 500;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.breadcrumb-area nav ol li a:hover {

  color: #1c40f2

}

@media(max-width: 767.98px) {

  .breadcrumb-area {

    padding: 45px 0

  }

}

.breadcrumb-item.active {

  color: #9da7b0

}

.template-btn {

  display: inline-block;

  font-family: "Urbanist", sans-serif;

  font-weight: 600;

  border-radius: 5px;

  padding: 16px 32px;

  color: #fff;

  vertical-align: middle;

  overflow: hidden;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

@media(max-width: 575.98px) {

  .template-btn {

    padding: 14px 30px;

    font-size: 15px

  }

}

.primary-btn {

  background: linear-gradient(95.45deg, #0082F8 0.64%, #1C40F2 98.23%);

  position: relative;

  z-index: 1

}

.primary-btn span {

  margin-left: 6px

}

.primary-btn::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 102%;

  height: 100%;

  background: linear-gradient(95.45deg, #1C40F2 98.23%, #0082F8 0.64%);

  z-index: -1;

  opacity: 0;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.primary-btn:hover {

  color: #fff

}

.primary-btn:hover::before {

  opacity: 1

}

.outline-btn {

  border: 1px solid #fff;

  padding: 15px 32px

}

.outline-btn:hover {

  background-color: #1c40f2;

  border-color: #1c40f2;

  color: #fff

}

@media(max-width: 575.98px) {

  .outline-btn {

    padding: 13px 30px

  }

}

.outline-btn-2 {

  border: 1px solid #001042;

  color: #001042;

  padding: 15px 32px

}

.outline-btn-2:hover {

  background-color: #1c40f2;

  border-color: #1c40f2;

  color: #fff

}

@media(max-width: 575.98px) {

  .outline-btn-2 {

    padding: 13px 30px

  }

}

.outline-btn-3 {

  border: 1px solid #1c40f2;

  color: #001042;

  padding: 15px 32px

}

.outline-btn-3:hover {

  background-color: #1c40f2;

  border-color: #1c40f2;

  color: #fff

}

@media(max-width: 575.98px) {

  .outline-btn-3 {

    padding: 13px 30px

  }

}

.secondary-btn {

  background-color: #001042

}

.secondary-btn:hover {

  background-color: #1c40f2;

  color: #fff

}

.btn-red {

  background: linear-gradient(287.85deg, #8af135 0%, #FF7E5D 95.32%);

  padding: 10px 30px;

  position: relative;

  z-index: 1

}

.btn-red::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: linear-gradient(287.85deg, #FF7E5D 0%, #8af135 95.32%);

  z-index: -1;

  opacity: 0;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.btn-red:hover {

  color: #fff

}

.btn-red:hover::before {

  opacity: 1

}

.btn-small {

  padding: 12px 24px;

  font-size: 15px

}

.hm2-primary-btn {

  background: linear-gradient(287.85deg, #8af135 0%, #FF7E5D 95.32%);

  position: relative;

  z-index: 1

}

.hm2-primary-btn::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 102%;

  height: 100%;

  background: linear-gradient(287.85deg, #FF7E5D 0%, #8af135 95.32%);

  z-index: -1;

  opacity: 0;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.hm2-primary-btn:hover {

  color: #fff

}

.hm2-primary-btn:hover::before {

  opacity: 1

}

.outline-primary {

  border: 1px solid #0E71E4;

  color: #0E71E4;

}

.outline-primary:hover {
	background-color: #133975;
	color: #fff;
}

.gm-primary-btn {

  background: linear-gradient(96.49deg, #F16262 0%, #3200FF 102.71%);

  position: relative;

  z-index: 1;

  overflow: visible

}

.gm-primary-btn::before {

  content: "";

  position: absolute;

  left: 0;

  width: 100%;

  top: 0;

  height: 100%;

  background: linear-gradient(96.49deg, #3200FF 0%, #F16262 102.71%);

  z-index: -1;

  opacity: 0;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in;

  border-radius: 5px

}

.gm-primary-btn::after {

  content: "";

  position: absolute;

  left: 50%;

  bottom: 0px;

  -webkit-transform: translateX(-50%);

  transform: translateX(-50%);

  width: 100px;

  height: 30px;

  background: linear-gradient(96.49deg, #F16262 0%, #3200FF 102.71%);

  -webkit-filter: blur(20px);

  filter: blur(20px);

  z-index: -1

}

.gm-primary-btn:hover {

  color: #fff

}

.gm-primary-btn:hover::before {

  opacity: 1

}

.gm-outline-btn {

  display: inline-block;

  background: linear-gradient(96.49deg, #F16262 0%, #3200FF 102.71%);

  border-radius: 4px;

  overflow: hidden;

  padding: 1px

}

.gm-outline-btn a {

  padding: 15px 30px;

  background: #1c1e25

}

.gm-outline-btn:hover a {

  background: rgba(0, 0, 0, 0);

  color: #fff

}

.rs-primary-btn {

  background: #8af135

}

.rs-primary-btn i {

  margin-left: 4px

}

.rs-primary-btn:hover {

  color: #fff;

  background: rgba(255, 7, 102, .831372549)

}

.scrolltop-btn {
	width: 45px;
	height: 45px;
	background: #0e71e4;
	position: fixed;
	right: 20px;
	bottom: 50px;
	z-index: 10;
	color: #fff;
	border: 0;
	border-radius: 50%;
	display: none;
}

.gh-primary-btn {

  background: #8af135

}

.gh-primary-btn:hover {

  background: #ff7e5d;

  color: #fff

}

.gh-outline-btn {

  border: 1px solid #fff

}

.gh-outline-btn:hover {

  border-color: #8af135;

  background: #8af135;

  color: #fff

}

.cd-secondary-btn {

  background: #f2f8fe;

  color: #1c40f2;

  font-weight: 700

}

.cd-secondary-btn:hover {

  background: #1c40f2;

  color: #fff

}

.mn-primary-btn {

  background-color: #5041bc;

  color: #fff

}

.mn-primary-btn:hover {

  background-color: #ff8057;

  color: #fff

}

.mn-secondary-btn {

  background-color: #ff8057;

  color: #fff

}

.mn-secondary-btn:hover {

  background-color: #5041bc;

  color: #fff

}

.notice-bar {

  padding: 8px 0;

  background: linear-gradient(96.49deg, #F16262 0%, #3200FF 102.71%);

  display: none;

  position: relative;

  z-index: 150

}

.notice-bar .notice-info {

  font-size: 16px;

  font-weight: 700

}

.notice-bar h5 {

  font-size: 18px

}

.nt-downcount {

  gap: 8px

}

.nt-downcount li {

  width: 54px;

  height: 48px;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  background-color: #fff;

  border-radius: 4px;

  text-align: center

}

.nt-downcount li span {

  font-size: 12px

}

.nt-downcount li span:first-child {

  font-size: 15px;

  color: #001042;

  font-weight: 700

}

.nt-downcount li span:last-child {

  margin-top: -6px

}

.notice-btn {

  color: #fff;

  background-color: rgba(0, 0, 0, 0);

  border: 0;

  font-size: 18px

}

.notice-wrapper {

  position: fixed;

  top: 0;

  left: 0;

  z-index: 100;

  height: 0;

  visibility: hidden;

  padding-top: 142px;

  overflow: hidden;

  overflow-y: scroll;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.notice-wrapper.active {

  height: 100vh;

  visibility: visible

}

mark {

  background: rgba(0, 0, 0, 0);

  color: #ffb800;

  padding: 0

}

.lead {

  font-weight: 500;

  font-size: 1.125rem

}

.left-top {

  left: 0;

  top: 0;

  z-index: -1

}

.left-bottom {

  left: 0;

  bottom: 0;

  z-index: -1

}

.right-top {

  top: 0;

  right: 0;

  z-index: -1

}

.right-bottom {

  right: 0;

  bottom: 0;

  z-index: -1

}

.deep-shadow {

  -webkit-box-shadow: 0px 12px 50px rgba(125, 125, 125, .1);

  box-shadow: 0px 12px 50px rgba(125, 125, 125, .1);
  border:1px solid black;

}

.primary-shadow {

  -webkit-box-shadow: 0px 20px 80px rgba(0, 148, 255, .05);

  box-shadow: 0px 20px 80px rgba(0, 148, 255, .05)

}

.rounded-5 {

  border-radius: 5px

}

.rounded-10 {

  border-radius: 10px

}

.zindex-1 {

  z-index: 1

}

.zindex-2 {

  z-index: 2

}

.primary-text {

  color: #1ed6fe

}

.danger-text {

  color: #fc4349

}

.success-text {

  color: #00d172

}

.blue-text {

  color: #9900ec

}

.info-text {

  color: #fac600

}

.rounded-left {

  border-radius: 5px 0 0 5px

}

.rounded-right {

  border-radius: 0 5px 5px 0

}

.soft-light {

  mix-blend-mode: soft-light

}

.hm2-title mark {

  background: #0E71E4;

  -webkit-background-clip: text;

  color: rgba(0, 0, 0, 0)

}

.dark-bg {

  background: #1e1e2c

}

.dark-bg h2, .dark-bg p {

  color: #fff

}

.template-pagination ul li a {

  width: 50px;

  height: 50px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  border-radius: 50%;

  border: 1px solid #000f57;

  color: #001042;

  font-weight: 700;

  font-family: "Urbanist", sans-serif;

  margin-right: 10px;

  position: relative;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in;

  overflow: hidden;

  z-index: 1

}

.template-pagination ul li a:after {

  content: "";

  position: absolute;

  left: 0;

  width: 100%;

  height: 100%;

  background: linear-gradient(95.45deg, #0082F8 0.64%, #1C40F2 98.23%);

  z-index: -1;

  opacity: 0;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.template-pagination ul li a.active, .template-pagination ul li a:hover {

  color: #fff;

  border-color: rgba(0, 0, 0, 0)

}

.template-pagination ul li a.active::after, .template-pagination ul li a:hover::after {

  opacity: 1

}

.fs-md {

  font-size: 15px

}

.fs-sm {

  font-size: 14px

}

body {

  background-color: #f6f6f6

}

.body-overlay {

  position: fixed;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, .7);

  z-index: 100;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.body-overlay.overlay-on {

  opacity: 1;

  visibility: visible

}

.dark-light-switcher {

  border: 0;

  background: rgba(0, 0, 0, 0);

  color: #fff;

  width: 40px;

  height: 30px;

  word-wrap: nowrap;

  border-radius: 2

}

.dark-light-switcher span, .dark-light-switcher i {

  color: #1e1e2c

}

.dark-light-switcher .light-sun {

  display: none

}

.dark-light-switcher.active {

  background: #fff

}

.dark-light-switcher.active span, .dark-light-switcher.active i {

  color: #1e1e2c

}

.dark-light-switcher.active .dark-moon {

  display: none

}

.dark-light-switcher.active .light-sun {

  display: block

}

.logo-white {

  display: none

}

.logo-black {

  display: block

}

.bg-primary-gradient {

    background: linear-gradient(278.54deg, #84c336 15.93%, #1d3204 98.7%);

}

.bg-primary-gradient h1, .bg-primary-gradient h2, .bg-primary-gradient h3, .bg-primary-gradient h4, .bg-primary-gradient p, .bg-primary-gradient button {

  color: #fff

}

.bg-secondary-gradient {

  background: linear-gradient(279.3deg, rgba(0, 29, 172, 0.9411764706) 2.98%, #000F57 98.6%)

}

.bg-secondary-gradient h2 {

  color: #fff

}

.bg-secondary-gradient h4, .bg-secondary-gradient p, .bg-secondary-gradient span {

  color: #fff

}

.header-gradient {

    background: linear-gradient(269.94deg, #e7f6cf 10.47%, #ecf5e4 99.97%);

}

.light-bg {
	background-color: #fff;
}

.ds-bg {

  background: #f6f9ff

}

.spacer {

  background: #ddc5c5

}

.zindex--1 {

  z-index: -1

}

@-webkit-keyframes ripple {

  0% {

    -webkit-box-shadow: 0 0 0 0px rgba(28, 64, 242, .2), 0 0 0 2px rgba(28, 64, 242, .2), 0 0 0 4px rgba(28, 64, 242, .2), 0 0 0 8px rgba(28, 64, 242, .2);

    box-shadow: 0 0 0 0px rgba(28, 64, 242, .2), 0 0 0 2px rgba(28, 64, 242, .2), 0 0 0 4px rgba(28, 64, 242, .2), 0 0 0 8px rgba(28, 64, 242, .2)

  }

  100% {

    -webkit-box-shadow: 0 0 0 3px rgba(28, 64, 242, .2), 0 0 0 6px rgba(28, 64, 242, .2), 0 0 0 9px rgba(28, 64, 242, .2), 0 0 0 12px rgba(28, 64, 242, 0);

    box-shadow: 0 0 0 3px rgba(28, 64, 242, .2), 0 0 0 6px rgba(28, 64, 242, .2), 0 0 0 9px rgba(28, 64, 242, .2), 0 0 0 12px rgba(28, 64, 242, 0)

  }

}

@keyframes ripple {

  0% {

    -webkit-box-shadow: 0 0 0 0px rgba(28, 64, 242, .2), 0 0 0 2px rgba(28, 64, 242, .2), 0 0 0 4px rgba(28, 64, 242, .2), 0 0 0 8px rgba(28, 64, 242, .2);

    box-shadow: 0 0 0 0px rgba(28, 64, 242, .2), 0 0 0 2px rgba(28, 64, 242, .2), 0 0 0 4px rgba(28, 64, 242, .2), 0 0 0 8px rgba(28, 64, 242, .2)

  }

  100% {

    -webkit-box-shadow: 0 0 0 3px rgba(28, 64, 242, .2), 0 0 0 6px rgba(28, 64, 242, .2), 0 0 0 9px rgba(28, 64, 242, .2), 0 0 0 12px rgba(28, 64, 242, 0);

    box-shadow: 0 0 0 3px rgba(28, 64, 242, .2), 0 0 0 6px rgba(28, 64, 242, .2), 0 0 0 9px rgba(28, 64, 242, .2), 0 0 0 12px rgba(28, 64, 242, 0)

  }

}

@keyframes fadeInDown {

  0% {

    opacity: 0;

    -webkit-transform: translateY(-30px);

    transform: translateY(-30px)

  }

  60% {

    opacity: 0;

    -webkit-transform: translateY(-30px);

    transform: translateY(-30px)

  }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0)

  }

}

@keyframes fadeInUp {

  0% {

    opacity: 0;

    -webkit-transform: translateY(30px);

    transform: translateY(30px)

  }

  60% {

    opacity: 0;

    -webkit-transform: translateY(30px);

    transform: translateY(30px)

  }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0)

  }

}

@-webkit-keyframes btn-ripple {

  0% {

    -webkit-box-shadow: 0 0 0 0 #f16262;

    box-shadow: 0 0 0 0 #f16262

  }

  50% {

    -webkit-box-shadow: 0 0 0 20px rgba(1, 93, 199, 0);

    box-shadow: 0 0 0 20px rgba(1, 93, 199, 0)

  }

  100% {

    -webkit-box-shadow: 0 0 0 0 rgba(1, 93, 199, 0);

    box-shadow: 0 0 0 0 rgba(1, 93, 199, 0)

  }

}

@keyframes btn-ripple {

  0% {

    -webkit-box-shadow: 0 0 0 0 #f16262;

    box-shadow: 0 0 0 0 #f16262

  }

  50% {

    -webkit-box-shadow: 0 0 0 20px rgba(1, 93, 199, 0);

    box-shadow: 0 0 0 20px rgba(1, 93, 199, 0)

  }

  100% {

    -webkit-box-shadow: 0 0 0 0 rgba(1, 93, 199, 0);

    box-shadow: 0 0 0 0 rgba(1, 93, 199, 0)

  }

}

@-webkit-keyframes loading {

  0% {

    width: 0

  }

  100% {

    width: 95%

  }

}

@keyframes loading {

  0% {

    width: 0

  }

  100% {

    width: 95%

  }

}

@-webkit-keyframes letters-loading {

  0%, 75%, 100% {

    opacity: 0;

    -webkit-transform: rotateY(-90deg);

    transform: rotateY(-90deg)

  }

  25%, 50% {

    opacity: 1;

    -webkit-transform: rotateY(0deg);

    transform: rotateY(0deg)

  }

}

@keyframes letters-loading {

  0%, 75%, 100% {

    opacity: 0;

    -webkit-transform: rotateY(-90deg);

    transform: rotateY(-90deg)

  }

  25%, 50% {

    opacity: 1;

    -webkit-transform: rotateY(0deg);

    transform: rotateY(0deg)

  }

}

@-webkit-keyframes tilt-shaking {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg)

  }

  25% {

    -webkit-transform: rotate(5deg);

    transform: rotate(5deg)

  }

  50% {

    -webkit-transform: rotate(0eg);

    transform: rotate(0eg)

  }

  75% {

    -webkit-transform: rotate(-5deg);

    transform: rotate(-5deg)

  }

  100% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg)

  }

}

@keyframes tilt-shaking {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg)

  }

  25% {

    -webkit-transform: rotate(5deg);

    transform: rotate(5deg)

  }

  50% {

    -webkit-transform: rotate(0eg);

    transform: rotate(0eg)

  }

  75% {

    -webkit-transform: rotate(-5deg);

    transform: rotate(-5deg)

  }

  100% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg)

  }

}

.handle-preloader {

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  height: 100%;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  position: fixed;

  left: 0;

  top: 0;

  width: 100%;

  z-index: 9999;

  background:#fff;

} 

.handle-preloader .animation-preloader {

  position: absolute;

  z-index: 100

}

.handle-preloader .animation-preloader .spinner {

  width: 95%;

  height: 10px;

  border-radius: 50px;

  background: linear-gradient(95.45deg, #0082F8 0.64%, #1C40F2 98.23%);

  margin-bottom: 20px;

  -webkit-animation: 8s loading linear;

  animation: 8s loading linear

}

.handle-preloader .animation-preloader .txt-loading {

  text-align: center;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none

}

.handle-preloader .animation-preloader .txt-loading .letters-loading:before {

  -webkit-animation: letters-loading 4s infinite;

  animation: letters-loading 4s infinite;

  content: attr(data-text-preloader);

  left: 0;

  opacity: 0;

  top: 0;

  position: absolute

}

.handle-preloader .animation-preloader .txt-loading .letters-loading {

  font-family: "Urbanist", sans-serif;

  font-weight: 700;

  letter-spacing: 5px;

  display: inline-block;

  position: relative;

  font-size: 60px;

  line-height: 65px;

  text-transform: none;

  color: #1c40f2

}

@media(max-width: 575.98px) {

  .handle-preloader .animation-preloader .txt-loading .letters-loading {
    font-size: 40px;
  }

}

.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {

  -webkit-animation-delay: .2s;

  animation-delay: .2s

}

.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {

  -webkit-animation-delay: .4s;

  animation-delay: .4s

}

.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {

  -webkit-animation-delay: .6s;

  animation-delay: .6s

}

.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {

  -webkit-animation-delay: .8s;

  animation-delay: .8s

}

.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before {

  -webkit-animation-delay: 1s;

  animation-delay: 1s

}

.handle-preloader .loader-section {

  background-color: #fff;

  height: 100%;

  position: fixed;

  top: 0;

  width: calc(50% + 1px)

}

.preloader .loaded .animation-preloader {

  opacity: 0;

  -webkit-transition: .3s ease-out;

  transition: .3s ease-out

}

.handle-preloader .animation-preloader .spinner {

  border-top-color: #fff !important

}

.hero-style-1 .hero-area {

  padding-bottom: 60px

}

.hero-style-1 .hero-area .circle-shape {

  left: 100px;

  z-index: -1

}

.hero-style-1 .hero-area .right-top {

  width: 280px

}

.hero-style-1 .hero-area .left-bottom-circle {

  bottom: 0;

  left: 0;

  mix-blend-mode: soft-light;

  width: 380px;

  z-index: -1

}

.hero1-content-wrap .review-area .brand-logo {

  max-width: 120px

}

.hero1-content-wrap .review-area .star-rating {

  width: 145px

}

.hero1-content-wrap .display-font mark::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: -5px;

  width: 100%;

  height: 20px;

  background: url(../img/home2/shape/curve-line.svg);

  background-repeat: no-repeat

}

@media(max-width: 575.98px) {

  .hero-btns a {

    margin-bottom: 15px

  }

}

@media(max-width: 991.98px) {

  .hero-right {

    margin-top: 60px

  }

  .hero-right img {

    max-width: 100%

  }

}

.promo-area {

  z-index: 1;

  margin-top: -70px

}

.promo-item {

  padding: 25px 20px;

  position: relative;

  z-index: 10

}

.promo-item .promo-top span {

  width: 52px;

  height: 52px;

  background: linear-gradient(95.45deg, rgba(0, 130, 248, 0.1) 0.64%, rgba(28, 64, 242, 0.1) 98.23%);

  font-size: 22px;

  color: #1c40f2

}

.pricing-tab-section {

  margin-top: -120px;

  padding-top: 220px

}

.pricing-tab-section.pricing-details-page {

  padding-top: 120px

}

@media(max-width: 767.98px) {

  .pricing-tab-section.pricing-details-page {

    padding-top: 65px

  }

}

.tab-switch-btn span {

  color: #001042

}

.tab-switch-btn .switch-input {

  width: 68px;

  height: 32px;

  left: 146px;

  -webkit-transform: translateX(-50%);

  transform: translateX(-50%);

  z-index: 2;

  cursor: pointer;

  opacity: 0

}

.tab-switch-btn .switch-input:checked ~ .toggle-switch-btn::before {

  left: 30px

}

.tab-switch-btn .toggle-switch-btn {

  width: 58px;

  height: 32px;

  border: 2px solid #001042;

  margin: 0 15px;

  cursor: pointer

}

.tab-switch-btn .toggle-switch-btn::before {

  content: "";

  position: absolute;

  top: 50%;

  left: 6px;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  width: 18px;

  height: 18px;

  background: linear-gradient(95.45deg, #0082F8 0.64%, #1C40F2 98.23%);

  border-radius: 50%;

  -webkit-transition: .15s;

  transition: .15s

}

.pricing-wrapper .frame-shape {

  left: -50px;

  top: -30px;

  z-index: -1

}

.pricing-column {

  padding: 50px 30px

}

.pricing-column .pricing-badge {

  background: linear-gradient(287.85deg, rgba(255, 7, 102, 0.1) 0%, rgba(255, 126, 93, 0.1) 95.32%);

  right: 30px;

  top: 30px;

  padding: 6px 18px;

  font-weight: 500;

  font-size: 15px

}

.pricing-column .pricing-badge .gradient-txt {

  color: #f16262;

  font-size: 14px

}

.pricing-column .popular-badge {

  background: linear-gradient(287.85deg, #8af135 0%, #FF7E5D 95.32%);

  width: 370px;

  font-size: 14px;

  color: #fff;

  padding: 8px 0;

  -webkit-transform: rotate(40deg);

  transform: rotate(40deg);

  right: -90px;

  top: 55px

}

.pricing-column .pricing-label {

  color: #1c40f2;

  font-size: 14px;

  font-weight: 600

}

.pricing-column h4 span {

  font-size: 16px;

  font-weight: 600;

  margin-left: 6px

}

.pricing-column .yearly-price {

  display: none

}

.pricing-column .feature-list {

  height: 150px;

  overflow: hidden;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in;

  font-size: 14px

}

.pricing-column .feature-list.expand-list {

  height: auto;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.pricing-column .feature-list li + li {

  margin-top: 12px

}

.pricing-column .feature-list li i {

  color: #84c336

}

.pricing-column .expand-btn {

  background-color: rgba(0, 0, 0, 0);

  border: 0;

  font-family: "Urbanist", sans-serif;

  color: #001042;

  font-weight: 600

}

.pricing-column .expand-btn i {

  margin-right: 6px;

  width: 20px;

  height: 20px;

  background: rgba(0, 16, 66, .1);

  border-radius: 50%;

  font-size: 12px;

  line-height: 20px;

  text-align: center;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.pricing-column .expand-btn.active i {

  -webkit-transform: rotate(180deg);

  transform: rotate(180deg)

}

.money-back-area {

  padding: 60px 25px 50px 25px

}

.money-back-area .money-back_ft-list {

  gap: 30px;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  text-align: left

}

.money-back-area .money-back_ft-list li {

  color: #001042;

  font-weight: 500

}

.money-back-area .money-back_ft-list li i {

  width: 45px;

  height: 45px;

  line-height: 45px;

  text-align: center;

  background: linear-gradient(95.45deg, #0082F8 0.64%, #1C40F2 98.23%);

  border-radius: 50%;

  color: #fff

}

@media(max-width: 1199.98px) {

  .migrate-hosting {

    padding: 60px 0

  }

}

.migrate-hosting .rounded-plus {

  top: 80px;

  left: 80px;

  z-index: -1;

  width: 70px

}

.migrate-hosting .migrate-frame {

  right: 80px;

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  z-index: -1

}

.migrate-hosting .line-wave {

  left: 50%;

  top: 100px;

  z-index: -1

}

.feature-area {

  background-size: cover;

  background-repeat: no-repeat;

  background-position: left top;

  position: relative;

  overflow: hidden;

  z-index: 1

}

.feature-area::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: -webkit-gradient(linear, left top, right top, color-stop(-0.38%, rgba(246, 246, 246, 0)), color-stop(12.57%, #F6F6F6), color-stop(45.59%, #F6F6F6), color-stop(77.09%, #F6F6F6), color-stop(98.32%, rgba(246, 246, 246, 0)));

  background: linear-gradient(90deg, rgba(246, 246, 246, 0) -0.38%, #F6F6F6 12.57%, #F6F6F6 45.59%, #F6F6F6 77.09%, rgba(246, 246, 246, 0) 98.32%);

  z-index: -1

}

.feature-right .feature-item {

  padding: 30px 30px 25px;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.feature-right .feature-item:hover {

  -webkit-box-shadow: 0px 20px 80px rgba(0, 148, 255, .05);

  box-shadow: 0px 20px 80px rgba(0, 148, 255, .05)

}

.feature-right .feature-item + .feature-item {

  margin-top: 20px

}

@media(max-width: 991.98px) {

  .feature-right {

    margin-top: 40px

  }

}

.consult-area {

  background-position: bottom right;

  background-repeat: no-repeat

}

.consult-area .curve {

  bottom: 0;

  left: 0;

  z-index: 2

}

.consult-area .consult-overlay {

  padding-bottom: 250px

}

@media(max-width: 1399.98px) {

  .consult-area .consult-overlay {

    padding-bottom: 350px

  }

  .consult-area .consult-overlay .consult-right img {

    -webkit-transform: translateY(100px);

    transform: translateY(100px)

  }

}

@media(max-width: 991.98px) {

  .consult-area .consult-right {

    display: none

  }

}

.consult-list {

  max-width: 560px

}

.consult-list li + li {

  margin-top: 30px

}

.consult-list .icon-box {

  width: 45px;

  height: 45px;

  border: 2px solid #fff;

  -ms-flex-negative: 0;

  flex-shrink: 0;

  font-size: 18px

}

.consult-list .icon-box::after {

  content: "";

  position: absolute;

  left: 50%;

  top: 100%;

  -webkit-transform: translateX(-50%);

  transform: translateX(-50%);

  width: 2px;

  height: 100px;

  background-color: #fff

}

.domain-area {

  margin-top: -250px

}

.domain-search-box {

  z-index: 10;

  padding: 60px 20px 50px 20px

}

.domain-search-box .domain-search-form {

  border-radius: 4px;

  border: 1px solid rgba(199, 199, 199, .2705882353);

  padding: 10px

}

.domain-search-box input {

  padding: 10px;

  border: 0;

  width: 68%

}

.domain-search-box input::-webkit-input-placeholder {

  color: #c7c7c7

}

.domain-search-box input::-moz-placeholder {

  color: #c7c7c7

}

.domain-search-box input:-ms-input-placeholder {

  color: #c7c7c7

}

.domain-search-box input::-ms-input-placeholder {

  color: #c7c7c7

}

.domain-search-box input::placeholder {

  color: #c7c7c7

}

.domain-search-box .form-select {

  width: 75px;

  border: 0;

  background-size: 12px 15px;

  padding-right: 0;

  color: #001042;

  font-weight: 500

}

.domain-search-box .form-select:focus {

  -webkit-box-shadow: none;

  box-shadow: none

}

@media(max-width: 575.98px) {

  .domain-search-box .domain-search-form {

    margin-bottom: 90px

  }

  .domain-search-box .domain-search-form input {

    width: 100%

  }

  .domain-search-box .domain-search-form button {

    position: absolute;

    top: calc(100% + 15px);

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%)

  }

}

.domain-info {

  gap: 8px

}

.domain-info .info-box {

  padding: 3px 25px;

  -webkit-box-shadow: 1px 2px 6px 1px rgba(0, 0, 0, .08);

  box-shadow: 1px 2px 6px 1px rgba(0, 0, 0, .08)

}

.domain-info .info-box span {

  font-size: 12px;

  font-weight: 500

}

@media(max-width: 767.98px) {

  .domain-info {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    gap: 12px

  }

}

.service-card {

  padding: 30px 25px;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.service-card .card-content {

  margin-top: 24px

}

.service-card .card-content a {

  color: #001042;

  font-weight: 700;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.service-card .card-content a i {

  margin-left: 6px

}

.service-card:hover {

  -webkit-box-shadow: 0px 20px 80px rgba(0, 148, 255, .05);

  box-shadow: 0px 20px 80px rgba(0, 148, 255, .05)

}

.service-card:hover .card-content a {

  color: #1c40f2

}

.service-rating-box {

  padding: 35px 30px

}

.feedback-section {

  max-height: 1220px

}

.feedback-section::before {

  content: "";

  position: absolute;

  width: 100%;

  height: 80%;

  bottom: 0;

  left: 0;

  background: linear-gradient(0.16deg, #01188A 0.15%, rgba(27, 40, 209, 0) 42.25%);

  z-index: 9

}

.feedback-section .explore-btn {

  bottom: 120px;

  left: 50%;

  -webkit-transform: translateX(-50%);

  transform: translateX(-50%);

  z-index: 10

}

.feedback-section .feed-back-slider-wrapper {

  margin: 0 -15px

}

.feedback-section .feedback-slider {

  padding: 50px 0;

  margin: 0 15px

}

.feedback-single {

  padding: 30px 20px

}

.feedback-single .quote-icon {

  right: 25px;

  top: 35px

}

.feedback-single p {

  color: #666;

  line-height: 1.6em

}

.feedback-single p i {

  color: #c7c7c7;

  font-size: 30px;

  margin-right: 5px

}

.blog-bottom .circle-frame {

  left: -175px;

  bottom: -65px;

  z-index: -1;

  width: 300px

}

.blog-bottom .circle-blue {

  right: -150px;

  bottom: -65px;

  width: 350px;

  z-index: -1

}

.blog-card {

  padding: 30px

}

.blog-card.p-25 {

  padding: 25px

}

.blog-card .feature-thumb img {

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.blog-card .feature-thumb .category-btn {

  padding: 8px 30px;

  font-weight: 500;

  font-size: 14px;

  background: #1c40f2;

  color: #fff;

  border-radius: 0 0 0 5px;

  left: 0;

  bottom: 0

}

.blog-card .blog-content-wrapper h3, .blog-card .blog-content-wrapper h4, .blog-card .blog-content h3, .blog-card .blog-content h4 {

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.blog-card .blog-content-wrapper h3:hover, .blog-card .blog-content-wrapper h4:hover, .blog-card .blog-content h3:hover, .blog-card .blog-content h4:hover {

  color: #1c40f2

}

.blog-card .blog-author .author-info span {

  font-size: 12px;

  font-weight: 500

}

.blog-card .blog-author .blog-meta a {

  padding: 6px 10px;

  background-color: #f4f4f4;

  border-radius: 30px;

  font-size: 12px;

  font-weight: 500;

  color: #666

}

.blog-card .blog-author .blog-meta a i {

  margin-right: 4px;

  -webkit-text-stroke-width: 1px;

  color: rgba(0, 0, 0, 0);

  -webkit-text-stroke-color: #666

}

.blog-card .blog-author .blog-meta a + a {

  margin-left: 12px

}

.blog-card:hover .feature-thumb img {

  -webkit-transform: scale(1.02);

  transform: scale(1.02)

}

@media(max-width: 575.98px) {

  .blog-card {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    max-width: 500px;

    margin-left: auto;

    margin-right: auto;

    padding: 25px

  }

  .blog-card .feature-thumb {

    width: 100%

  }

  .blog-card .feature-thumb img {

    width: 100%;

    border-radius: 5px

  }

  .blog-card .blog-author {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column

  }

  .blog-card .blog-author .author-left {

    -webkit-box-ordinal-group: 3;

    -ms-flex-order: 2;

    order: 2;

    margin-top: 24px

  }

}

.app_list_item {

  padding: 20px 25px

}

.hero-style-2 {

  background-size: cover;

  background-repeat: no-repeat;

  background-position: left bottom;

  padding: 80px 0 210px 0;

  margin-top: -100px

}

.hero-style-2 .box-red {

  top: 150px;

  left: 60px;

  z-index: -1

}

.hero-style-2 .line-shape {

  left: 100px;

  top: 45%;

  z-index: -1

}

.hero-style-2 .circle-outline {

  top: 250px;

  left: 0;

  width: 20px;

  z-index: -1

}

.hero-style-2 .tire-shape {

  top: 57%;

  left: 200px;

  z-index: -1

}

.hero-style-2 .box-yellow {

  right: 50px;

  bottom: 400px;

  z-index: -1

}

.hero-style-2 .triangle {

  left: 50%;

  top: 55%;

  z-index: -1

}

.hero-style-2 .lead mark {

  color: #ff6e5f

}

.hero-style-2 .hero-right img {

  max-width: 850px

}

@media(max-width: 1199.98px) {

  .hero-style-2 .hero-right img {

    max-width: 100%

  }

}

@media(max-width: 991.98px) {

  .hero-style-2 {

    padding-top: 200px;

    padding-bottom: 160px

  }

  .hero-style-2 .hero-right {

    display: none

  }

}

@media(max-width: 1800px) {

  .hero-style-2 {

    background-position: right bottom

  }

  .hero-style-2 .hero-right img {

    max-width: 700px

  }

}

@media(max-width: 575.98px) {

  .hero-style-2 .tire-shape, .hero-style-2 .triangle {

    display: none

  }

}

.hm2-feature-area {

  background-color: rgba(246, 246, 246, .1490196078)

}

.hm2-feature-area .ft-triangle {

  left: -60px;

  bottom: 20px;

  z-index: -1

}

.hm2-explore-btn {

  color: #1c40f2;

  padding-left: 60px

}

.hm2-explore-btn::before {

  content: "";

  position: absolute;

  left: 0;

  bottom: 3px;

  width: 50px;

  height: 3px;

  background: linear-gradient(95.45deg, #0082F8 0.64%, #1C40F2 98.23%)

}

.hm2-feature-card {

  padding: 25px 20px;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.hm2-feature-card .icon-wrapper {

  width: 60px;

  height: 60px;

  background-color: rgba(28, 64, 242, .1);

  color: #1c40f2;

  font-size: 25px;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.hm2-feature-card .icon-wrapper i {

  -webkit-text-fill-color: rgba(0, 0, 0, 0);

  -webkit-text-stroke-width: 1px

}

.hm2-feature-card a {

  width: 30px;

  height: 30px;

  border: 1px solid #001042;

  line-height: 30px;

  font-size: 14px;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.hm2-feature-card a:hover {

  background: #1c40f2;

  color: #fff;

  border-color: #1c40f2

}

.hm2-feature-card:hover {

  -webkit-box-shadow: 0px 20px 80px rgba(0, 148, 255, .1);

  box-shadow: 0px 20px 80px rgba(0, 148, 255, .1)

}

.hm2-feature-card:hover .icon-wrapper {

  background-color: #1c40f2;

  color: #fff

}

.hm2-feature-card:hover a {

  background-color: #1c40f2;

  border-color: #1c40f2;

  color: #fff

}

.hm2-award-title h2 {

  display: inline-block

}

.hm2-award-title h2::before {

  content: url(../img/shapes/title-shape-left.png);

  position: absolute;

  left: -256px;

  bottom: 0

}

.hm2-award-title h2::after {

  content: url(../img/shapes/title-shape-right.png);

  position: absolute;

  right: -265px;

  bottom: 0

}

.award-wrapper .item-wrapper {

  padding: 0 12px

}

.hm2-service-section {

  background-color: #f2f5ff

}

.hm2-service-tab ul {

  border-bottom: 2px solid #cfcfcf;

  -ms-flex-wrap: nowrap;

  flex-wrap: nowrap

}

.hm2-service-tab ul li {

  width: 50%

}

.hm2-service-tab ul li + li {

  margin-left: 30px

}

.hm2-service-tab ul li button {

  width: 100%;

  text-align: left;

  background: rgba(0, 0, 0, 0);

  border: 0;

  padding-bottom: 15px;

  font-size: 18px;

  font-weight: 600;

  font-family: "Urbanist", sans-serif;

  position: relative

}

.hm2-service-tab ul li button i {

  margin-right: 6px;

  color: #fff;

  width: 36px;

  height: 36px;

  background-color: rgba(255, 255, 255, .12);

  border-radius: 50%;

  text-align: center;

  line-height: 36px;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.hm2-service-tab ul li button::after {

  content: "";

  position: absolute;

  left: 0;

  width: 0;

  height: 2px;

  bottom: -2px;

  background: #1c40f2;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.hm2-service-tab ul li button.active::after {

  width: 100%

}

.hm2-service-tab ul li button.active i {

  background: linear-gradient(95.45deg, #0082F8 0.64%, #1C40F2 98.23%)

}

@media(max-width: 575.98px) {

  .hm2-service-tab ul {

    border-bottom: 0;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

  }

  .hm2-service-tab ul li {

    width: auto;

    margin-right: 25px;

    margin-top: 15px

  }

  .hm2-service-tab ul li button {

    padding-bottom: 5px

  }

  .hm2-service-tab ul li + li {

    margin-left: 0

  }

}

.hm2-pricing-section .pricing-circle {

  left: -70px;

  bottom: -70px;

  z-index: -1

}

.hm2-pricing-tab > ul {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  border-bottom: 1px solid black;

  padding: 12px;

  padding-bottom: 0;

  border-radius: 50px

}

.hm2-pricing-tab > ul li button {

  background: rgba(0, 0, 0, 0);

  border: 0;

  color: #001042;

  font-weight: 600;

  padding: 10px 25px;

  border-radius: 30px;

  margin-bottom: 12px;

  font-size: 14px

}

.hm2-pricing-tab > ul li button.active {
	background: #133975;
	color: #fff;
}

@media(max-width: 767.98px) {

  .hm2-pricing-tab > ul {

    border-radius: 5px

  }

}

.hm2-pricing-single {

  padding: 40px 25px 30px

}

.hm2-pricing-single .pricing-badge {

  background: linear-gradient(95.45deg, rgba(0, 130, 248, 0.2) 0.64%, rgba(28, 64, 242, 0.2) 98.23%);

  font-size: 15px;

  padding: 6px 18px;

  font-weight: 600;

  right: 25px;

  top: 25px

}

.hm2-pricing-single .pricing-badge span {

  background: linear-gradient(95.45deg, #0082F8 0.64%, #1C40F2 98.23%);

  -webkit-background-clip: text;

  color: rgba(0, 0, 0, 0)

}

.hm2-pricing-single .popular-badge {

  width: 200px;

  font-size: 14px;

  color: #fff;

  padding: 6px 0;

  right: -50px;

  top: 40px;

  text-align: center;

  background: url(../img/home2/badge.png);

  background-repeat: no-repeat;

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg)

}

.hm2-pricing-single .icon-wrapper {

  font-size: 36px

}

.hm2-pricing-single .price-title span {

  font-size: 18px

}

.hm2-pricing-single .pricing-deleted {

  color: #666

}

.hm2-pricing-single .pricing-deleted::before {

  content: "";

  position: absolute;

  left: -5px;

  width: calc(100% + 10px);

  height: 2px;

  background-color: #666;

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%)

}

.hm2-pricing-single .pricing-feature-list {

  list-style: disc;

  padding-left: 20px;

  font-size: 15px

}

.hm2-pricing-single .pricing-feature-list li {

  color: #001042

}

.hm2-pricing-single .pricing-feature-list li + li {

  margin-top: 8px

}

.hm2-pricing-bottom ul li {

  font-weight: 600;

  color: #001042;

  margin-right: 24px;

  margin-bottom: 15px

}

.hm2-pricing-bottom ul li i {

  width: 26px;

  height: 26px;

  background: #0E71E4;

  border-radius: 50%;

  color: #fff;

  line-height: 26px;

  text-align: center;

  font-size: 14px;

  margin-right: 5px

}

.hm2-domain-search .circle-shape {

  top: 50%;

  left: 50px;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  width: 100px;

  z-index: -1

}

.hm2-domain-search .circle-half {

  top: 0;

  right: 150px;

  z-index: -1;

  opacity: .34

}

.hm2-domain-search .red-object {

  right: 100px;

  top: 80px;

  z-index: -1

}

.hm2-domain-search .blue-circle {

  right: 40px;

  top: 180px;

  z-index: -1

}

.hm2-domain-search .wave-line {

  right: 40px;

  bottom: 80px;

  z-index: -1

}

.hm2-domain-search .blue-object {

  top: 120px;

  left: 50%;

  z-index: -1

}

.hm2-domain-search .domain-info {

  gap: 20px

}

.hm2-domain-search .domain-info .info-box {

  padding: 0 10px

}

@media(max-width: 991.98px) {

  .hm2-domain-search {

    padding-top: 70px;

    padding-bottom: 70px

  }

}

.hm2-dm-search-form input {

  padding: 16px 10px 16px 20px;

  border: 0;

  width: 75%;

  border-radius: 30px 0 0 30px

}

.hm2-dm-search-form input::-webkit-input-placeholder {

  color: #c7c7c7

}

.hm2-dm-search-form input::-moz-placeholder {

  color: #c7c7c7

}

.hm2-dm-search-form input:-ms-input-placeholder {

  color: #c7c7c7

}

.hm2-dm-search-form input::-ms-input-placeholder {

  color: #c7c7c7

}

.hm2-dm-search-form input::placeholder {

  color: #c7c7c7

}

.hm2-dm-search-form .form-select {

  width: 70px;

  border: 0;

  background-size: 12px 15px;

  padding-right: 0;

  color: #001042;

  font-weight: 500;

  border-radius: 0;

  padding: 16px 0;

  padding-left: 6px;

  -ms-flex-negative: 0;

  flex-shrink: 0

}

.hm2-dm-search-form .form-select:focus {

  -webkit-box-shadow: none;

  box-shadow: none

}

.hm2-dm-search-form .hm2-primary-btn {

  border-radius: 0 30px 30px 0

}

@media(max-width: 575.98px) {

  .hm2-dm-search-form {

    margin-bottom: 90px

  }

  .hm2-dm-search-form input {

    width: 100%

  }

  .hm2-dm-search-form .form-select {

    border-radius: 0 30px 30px 0

  }

  .hm2-dm-search-form .hm2-primary-btn {

    position: absolute;

    top: calc(100% + 15px);

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    border-radius: 30px

  }

}

.hm2-server-tab-control {

  display: block

}

.hm2-server-tab-control li + li {

  margin-top: 20px

}

.hm2-server-tab-control li button {

  width: 100%;

  padding: 20px;

  background-color: #fff;

  border-radius: 5px;

  -webkit-box-shadow: 0px 12px 50px rgba(125, 125, 125, .1);

  box-shadow: 0px 12px 50px rgba(125, 125, 125, .1);

  text-align: left;

  border: 0;

  font-size: 20px;

  font-weight: 700;

  font-family: "Urbanist", sans-serif;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in;

  overflow: hidden;

  position: relative;

  z-index: 1

}

.hm2-server-tab-control li button::before {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	top: 0;
	height: 100%;
	background: #0e71e4;
	z-index: -1;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in;
	opacity: 0;
}

.hm2-server-tab-control.nav.nav-tabs li button i {
	color: #0e71e4;
}

.hm2-server-tab-control.nav.nav-tabs .active i {
	color: #fff !important;
}

.hm2-server-tab-control li button i {

  width: 60px;

  height: 60px;

  background: linear-gradient(95.45deg, rgba(0, 130, 248, 0.1) 0.64%, rgba(28, 64, 242, 0.1) 98.23%);

  border-radius: 50%;

  line-height: 60px;

  text-align: center;

  font-size: 29px;

  color: #67a11d;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.hm2-server-tab-control li button:hover {

  color: #fff;

  -webkit-box-shadow: 0px 20px 80px rgba(0, 148, 255, .05);

  box-shadow: 0px 20px 80px rgba(0, 148, 255, .05)

}

.hm2-server-tab-control li button:hover i {

  color: #fff;

  background: rgba(255, 255, 255, .15)

}

.hm2-server-tab-control li button:hover::before {

  opacity: 1

}

.hm2-server-tab-control li button.active {

  color: #fff;

  -webkit-box-shadow: 0px 20px 80px rgba(0, 148, 255, .05);

  box-shadow: 0px 20px 80px rgba(0, 148, 255, .05)

}

.hm2-server-tab-control li button.active i {

  color: #fff;

  background: rgba(255, 255, 255, .15)

}

.hm2-server-tab-control li button.active::before {

  opacity: 1

}

.hm2-server-content .server-info {

  max-width: 600px;

  padding: 40px 30px;

  margin-top: -150px;

  margin-left: 40px

}

.hm2-server-content .server-info .explore-btn {

  width: 50px;

  height: 50px;

  background: linear-gradient(95.45deg, #0082F8 0.64%, #1C40F2 98.23%);

  line-height: 50px;

  font-size: 24px;

  right: 30px;

  bottom: -25px

}

.hm2-server-content .server-info .explore-btn i {

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.hm2-server-content .server-info .explore-btn:hover i {

  -webkit-transform: rotate(90deg);

  transform: rotate(90deg)

}

@media(max-width: 1199.98px) {

  .hm2-server-content .server-info {

    margin-top: -60px;

    margin-left: 25px

  }

}

.question-box {

  padding: 40px 10px 40px 40px

}

.question-box span {

  color: #001042

}

.question-box .template-btn i {

  margin-right: 10px

}

.data-center {

  padding-bottom: 300px

}

.map-location .ct-location li {

  position: absolute;

  width: 10px;

  height: 10px;

  background-color: #1c40f2;

  border-radius: 50%;

  -webkit-animation: 1s ripple infinite;

  animation: 1s ripple infinite;

  cursor: pointer

}

.map-location .ct-location li span {

  position: absolute;

  top: -48px;

  left: -48px;

  background: #fff;

  padding: 4px 10px;

  width: 100px;

  border-radius: 30px;

  text-align: center;

  z-index: 1;

  word-wrap: normal;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in;

  font-size: 15px

}

.map-location .ct-location li span:before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  border-radius: 30px;

  background: linear-gradient(287.85deg, #8af135 0%, #FF7E5D 95.32%);

  z-index: -1;

  opacity: 0;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.map-location .ct-location li span::after {

  content: "";

  position: absolute;

  left: 50%;

  bottom: -8px;

  width: 20px;

  height: 10px;

  background: #fff;

  -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);

  clip-path: polygon(50% 100%, 0 0, 100% 0);

  -webkit-transform: translateX(-50%);

  transform: translateX(-50%);

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.map-location .ct-location li span:hover {

  color: #fff

}

.map-location .ct-location li span:hover::before {

  opacity: 1

}

.map-location .ct-location li span:hover::after {

  background: #ff6e5f

}

.map-location .ct-location li button {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  border: 0;

  background: rgba(0, 0, 0, 0)

}

.map-location .ct-location li:nth-child(1) {

  top: 15%;

  left: 25px

}

.map-location .ct-location li:nth-child(2) {

  top: 30%;

  left: 20%

}

.map-location .ct-location li:nth-child(3) {

  top: 40%;

  left: 25%

}

.map-location .ct-location li:nth-child(4) {

  top: 50%;

  left: 25%

}

.map-location .ct-location li:nth-child(5) {

  top: 60%;

  left: 30%

}

.map-location .ct-location li:nth-child(6) {

  top: 80%;

  left: 27%

}

.map-location .ct-location li:nth-child(7) {

  right: 20%;

  top: 10%

}

.map-location .ct-location li:nth-child(8) {

  right: 25%;

  top: 20%

}

.map-location .ct-location li:nth-child(9) {

  right: 30%;

  top: 30%

}

.map-location .ct-location li:nth-child(10) {

  right: 40%;

  top: 40%

}

.map-location .ct-location li:nth-child(11) {

  right: 50%;

  top: 45%

}

.map-location .ct-location li:nth-child(12) {

  right: 53%;

  top: 70%

}

.hm2-applications {

  margin-top: -200px;

  position: relative;

  z-index: 10

}

.hm2-applications .app-shape {

  bottom: -45px;

  right: -50px;

  z-index: -1

}

.hm2-app-item {

  padding: 40px 20px

}

.hm2-app-item .app-content h3 {

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.hm2-app-item .app-content h3:hover {

  color: #1c40f2

}

.hm2-app-item .app-content p {

  font-size: 14px

}

.hm2-app-item .app-content a {

  font-weight: 600;

  font-family: "Urbanist", sans-serif;

  color: #001042;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.hm2-app-item .app-content a i {

  font-size: 14px;

  opacity: 0;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.hm2-app-item .app-content a:hover {

  color: #1c40f2

}

.hm2-app-item .app-content a:hover i {

  margin-left: 5px;

  opacity: 1;

  -webkit-transform: rotate(90deg);

  transform: rotate(90deg)

}

.app-explore {

  padding-bottom: 15px

}

.app-explore img {

  cursor: pointer

}

.app-explore img.img-transparent {

  padding: 8px;

  background: #fff;

  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);

  box-shadow: 0 0 10px rgba(0, 0, 0, .1)

}

.app-explore img + img {

  margin-left: -20px

}

.app-explore h6 {

  font-weight: 600;

  margin-bottom: 0

}

.hm2-feedback .feedback-circle {

  left: -175px;

  top: -55px;

  z-index: -1

}

.hm2-feedback-left .text-small {

  font-size: 14px;

  font-weight: 600;

  color: #001042

}

.clients-explore .app-info h6 {

  color: #1c40f2

}

.hm2-feedback-right {

  padding: 60px 55px 0 40px

}

.hm2-feedback-right .gradient-bg {

  width: 100%;

  height: 300px;

  position: absolute;

  left: 0;

  top: 0;

  background: linear-gradient(95.45deg, rgba(0, 130, 248, 0.1) 0.64%, rgba(28, 64, 242, 0.1) 98.23%);

  border-radius: 10px

}

@media(max-width: 991.98px) {

  .hm2-feedback-right {

    padding: 40px

  }

}

@media(max-width: 575.98px) {

  .hm2-feedback-right {

    padding: 15px

  }

}

.hm2-feedback-slider {

  padding: 0 15px 40px

}

.hm2-feedback-item {

  padding: 40px 35px;

  border-radius: 10px;

  -webkit-box-shadow: 0px 6px 12px rgba(125, 125, 125, .1);

  box-shadow: 0px 6px 12px rgba(125, 125, 125, .1)

}

.hm2-feedback-item .quote-icon {

  width: 55px;

  height: 55px;

  background: linear-gradient(95.45deg, #0082F8 0.64%, #1C40F2 98.23%);

  line-height: 55px;

  right: 30px;

  bottom: -25px

}

@media(max-width: 575.98px) {

  .hm2-feedback-item {

    padding: 25px

  }

}

.faq-section {

  background: linear-gradient(96deg, #F2F5FF 0.96%, rgba(242, 245, 255, 0.35) 102.49%)

}

.hm2-faq-tab .hm2-server-tab-control li button::after {

  content: "";

  position: absolute;

  right: -20px;

  bottom: 0;

  width: 100px;

  height: 60px;

  background: url(../img/shapes/circle-double-half.png);

  background-repeat: no-repeat;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in;

  opacity: 0

}

.hm2-faq-tab .hm2-server-tab-control li button.active::after {

  right: 0;

  opacity: 1

}

.hm2-accordion {

  padding: 40px 30px

}

.hm2-accordion .accordion-item {

  padding: 15px 0;

  border: 0;

  border-bottom: 1px solid #ddd

}

.hm2-accordion .accordion-item:last-child {

  border-bottom: 0;

  padding-bottom: 0

}

.hm2-accordion .accordion-item .accordion-header a {

  font-family: "Urbanist", sans-serif;

  font-weight: 700;

  color: #001042;

  display: block;

  position: relative;

  padding-right: 25px

}

.hm2-accordion .accordion-item .accordion-header a::after {

  content: "+";

  font-family: "Font Awesome 5 Free";

  font-weight: 900;

  position: absolute;

  right: 0;

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  font-size: 14px;

  width: 22px;

  height: 22px;

  border: 1px solid #001042;

  border-radius: 50%;

  text-align: center;

  line-height: 22px

}

.hm2-accordion .accordion-item .accordion-header a:not(.collapsed)::after {

  content: ""

}

.hm2-accordion .accordion-item .accordion-body {

  padding: 15px 0

}

.hm2-blog-section .hm2-blog-wrapper {

  padding: 20px 0 90px 0

}

.hm2-blog-card {

  -webkit-box-shadow: 0px 10px 10px rgba(151, 151, 151, .15);

  box-shadow: 0px 10px 10px rgba(151, 151, 151, .15);

  border-radius: 5px

}

.hm2-blog-card .feature-img img {

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.hm2-blog-card .hm2-blog-card-content {

  padding: 40px 25px 40px 25px

}

.hm2-blog-card .hm2-blog-card-content .tag-btn {

  background: #001042;

  padding: 8px 20px;

  color: #fff;

  font-family: "Urbanist", sans-serif;

  font-weight: 500;

  font-size: 14px;

  display: inline-block;

  top: -20px;

  overflow: hidden;

  z-index: 1

}

.hm2-blog-card .hm2-blog-card-content .tag-btn::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: linear-gradient(95.45deg, #0082F8 0.64%, #1C40F2 98.23%);

  z-index: -1;

  opacity: 0;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.hm2-blog-card .hm2-blog-card-content .tag-btn:hover::before {

  opacity: 1

}

.hm2-blog-card .hm2-blog-card-content h3 {

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.hm2-blog-card .hm2-blog-card-content h3:hover {

  color: #1c40f2

}

.hm2-blog-card .hm2-blog-card-content .date {

  font-weight: 500;

  font-size: 14px

}

.hm2-blog-card:hover .feature-img img {

  -webkit-transform: scale(1.03);

  transform: scale(1.03)

}

.swiper-pagination {

  bottom: 0px !important

}

.slider-pagination {

  bottom: -50px

}

.slider-pagination span {

  background-color: rgba(0, 0, 0, 0);

  border: 1px solid rgba(0, 0, 0, 0);

  width: 22px;

  height: 22px;

  position: relative;

  opacity: 1

}

.slider-pagination span::before {

  content: "";

  position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  width: 10px;

  height: 10px;

  background-color: #000f57;

  border-radius: 50%;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.slider-pagination span.swiper-pagination-bullet-active {

  border-color: #1c40f2

}

.slider-pagination span.swiper-pagination-bullet-active::before {

  background-color: #1c40f2

}

.gm-hero {

  background: #1e1e2c;

  margin-top: -80px;

  padding-top: 200px

}

.gm-hero .gm-circle {

  right: 80px;

  top: 50px;

  z-index: -1

}

.gm-hero .gm-star {

  right: 70px;

  bottom: 100px;

  z-index: -1

}

.gm-hero .gm-hero-left h1, .gm-hero .gm-hero-left p {

  color: #fff

}

.gm-hero .gm-hero-left mark {

  color: rgba(0, 0, 0, 0);

  background: linear-gradient(96.49deg, #F16262 0%, #3200FF 102.71%);

  -webkit-background-clip: text

}

@media(max-width: 991.98px) {

  .gm-hero {

    padding: 100px 0 70px 0

  }

}

.gm-header-users-info {

  right: -130px;

  top: 0;

  background: #25262e;

  border-radius: 8px;

  padding: 15px 20px

}

.gm-header-users-info .icon-wrapper {

  background: linear-gradient(96.49deg, #F16262 0%, #3200FF 102.71%);

  width: 50px;

  height: 50px

}

.gm-header-users-info .users-right h3, .gm-header-users-info .users-right span {

  color: #fff

}

@media(max-width: 1600px) {

  .gm-header-users-info {

    right: -40px

  }

}

.gm-section-title h2 {

  display: inline-block

}

.gm-section-title h2::before {

  content: url(../img/shapes/gm-title-left.png);

  bottom: -10px;

  position: absolute;

  -webkit-transform: translateX(calc(-100% - 15px));

  transform: translateX(calc(-100% - 15px))

}

.gm-section-title h2::after {

  content: url(../img/shapes/gm-title-right.png);

  bottom: -10px;

  position: absolute;

  -webkit-transform: translateX(15px);

  transform: translateX(15px)

}

.gm-game-item .overlay-bg {

  top: -25px;

  left: -25px;

  width: calc(100% + 50px);

  height: calc(100% + 50px);

  background: -webkit-gradient(linear, left bottom, left top, color-stop(40%, rgba(0, 1, 57, 0.96)), color-stop(60%, rgba(0, 1, 57, 0.5)));

  background: linear-gradient(to top, rgba(0, 1, 57, 0.96) 40%, rgba(0, 1, 57, 0.5) 60%);

  -webkit-filter: blur(10px);

  filter: blur(10px);

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in;

  opacity: 0;

  visibility: hidden;

  z-index: 2

}

.gm-game-item .game-wrapper-content {

  position: absolute;

  left: 0;

  bottom: 0;

  z-index: 3;

  padding: 30px 15px;

  visibility: hidden;

  opacity: 0

}

.gm-game-item .game-wrapper-content img {

  -webkit-transform: translateY(15px);

  transform: translateY(15px);

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in;

  opacity: 0

}

.gm-game-item .game-wrapper-content .btns-wrapper {

  margin-top: 5px

}

.gm-game-item .game-wrapper-content a {

  font-weight: 600;

  color: #fff;

  display: inline-block;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in;

  position: relative;

  background: #fff;

  -webkit-background-clip: text;

  color: rgba(0, 0, 0, 0)

}

.gm-game-item .game-wrapper-content a::before {

  content: "";

  position: absolute;

  left: 0;

  bottom: -2px;

  width: 0;

  height: 1px;

  background: linear-gradient(96.49deg, #F16262 0%, #3200FF 102.71%);

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.gm-game-item .game-wrapper-content a:hover {

  background: linear-gradient(96.49deg, #F16262 0%, #3200FF 102.71%);

  -webkit-background-clip: text

}

.gm-game-item .game-wrapper-content a:hover::before {

  width: 100%

}

.gm-game-item .game-wrapper-content a + a {

  margin-left: 20px

}

.gm-game-item:hover .overlay-bg {

  opacity: 1;

  visibility: visible

}

.gm-game-item:hover .game-wrapper-content {

  opacity: 1;

  visibility: visible

}

.gm-game-item:hover .game-wrapper-content img {

  -webkit-transform: translateY(0);

  transform: translateY(0);

  opacity: 1

}

.gm-game-item:hover .game-wrapper-content p {

  -webkit-animation: .3s fadeInUp;

  animation: .3s fadeInUp

}

.gm-game-item:hover .game-wrapper-content .btns-wrapper {

  -webkit-animation: .5s fadeInUp;

  animation: .5s fadeInUp

}

.gm-about-section {

  background: -webkit-gradient(linear, right top, left top, color-stop(40%, #1F1F25), color-stop(80%, rgba(31, 31, 37, 0)));

  background: linear-gradient(270deg, #1F1F25 40%, rgba(31, 31, 37, 0) 80%)

}

.gm-about-section .right-bottom {

  z-index: 1;

  opacity: .02

}

.gm-about-section .blur-shape {

  z-index: 1

}

@media(max-width: 991.98px) {

  .gm-about-section {

    background: rgba(31, 31, 37, .97)

  }

}

.gm-about-content {

  position: relative;

  z-index: 6

}

.gm-about-content h2 {

  color: #fff

}

.gm-about-content h2::after {

  content: url(../img/shapes/about-title-shape.png);

  position: absolute;

  bottom: -8px;

  -webkit-transform: translateX(10px);

  transform: translateX(10px)

}

.gm-about-info li + li {

  margin-top: 30px

}

.gm-about-info .icon-wrapper {

  width: 50px;

  height: 50px;

  background: #30313f

}

.gm-about-info .gm-about-content-right h5, .gm-about-info .gm-about-content-right p {

  color: #fff

}

.gm-feature .overlay {

  position: absolute;

  left: 0;

  width: 100%;

  top: 0;

  height: 100%;

  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.64%, rgba(28, 30, 37, 0.95)), color-stop(167.33%, rgba(0, 0, 0, 0.6)));

  background: linear-gradient(180deg, rgba(28, 30, 37, 0.95) 1.64%, rgba(0, 0, 0, 0.6) 167.33%);

  z-index: -1

}

.gm-feature .section-title h2, .gm-feature .section-title p {

  color: #fff

}

.feature-games-tab .tab-navigation {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between

}

.feature-games-tab .tab-navigation::after {

  content: "";

  position: absolute;

  left: 0;

  width: 100%;

  bottom: -9px;

  height: 2px;

  background: #393939;

  z-index: 1

}

.feature-games-tab .tab-navigation a {

  color: #fff;

  font-weight: 700;

  font-family: "Urbanist", sans-serif

}

.feature-games-tab .tab-navigation ul li {

  margin-right: 20px

}

.feature-games-tab .tab-navigation ul li a {

  position: relative;

  display: block

}

.feature-games-tab .tab-navigation ul li a::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: -9px;

  width: 0;

  height: 2px;

  background: linear-gradient(96.49deg, #F16262 0%, #3200FF 102.71%);

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in;

  z-index: 2

}

.feature-games-tab .tab-navigation ul li a sup {

  font-size: 12px;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in;

  margin-left: 3px

}

.feature-games-tab .tab-navigation ul li a.active sup {

  color: red

}

.feature-games-tab .tab-navigation ul li a.active::after {

  width: 100%

}

@media(max-width: 767.98px) {

  .feature-games-tab .tab-navigation {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column

  }

  .feature-games-tab .tab-navigation ul {

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

  }

  .feature-games-tab .tab-navigation ul li a {

    margin-bottom: 25px

  }

  .feature-games-tab .tab-navigation::after {

    display: none

  }

}

.gm-feature-item img {

  width: 100%

}

.gm-feature-item .gm-feature-info {

  position: absolute;

  width: 90%;

  bottom: 0;

  left: 50%;

  -webkit-transform: translateX(-50%);

  transform: translateX(-50%);

  background: rgba(0, 0, 0, .6);

  -webkit-backdrop-filter: blur(25px);

  backdrop-filter: blur(25px);

  border-radius: 10px;

  padding: 25px 20px;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in;

  opacity: 0;

  visibility: hidden

}

.gm-feature-item .gm-feature-info h3 {

  color: #fff;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.gm-feature-item .gm-feature-info h3:hover {

  color: #f16262

}

.gm-feature-item .gm-feature-info span {

  color: #fff

}

.gm-feature-item .gm-feature-info .item-pricing span {

  margin-right: 10px

}

.gm-feature-item .gm-feature-info .item-pricing span.real-price {

  position: relative

}

.gm-feature-item .gm-feature-info .item-pricing span.real-price::before {

  content: "";

  position: absolute;

  left: -3px;

  width: calc(100% + 6px);

  bottom: 6px;

  height: 2px;

  background: #f16262;

  -webkit-transform: rotate(-10deg);

  transform: rotate(-10deg);

  z-index: 1

}

.gm-feature-item:hover .gm-feature-info {

  opacity: 1;

  visibility: visible;

  bottom: 20px

}

.gm-feature-item.hover-active .gm-feature-info {

  opacity: 1;

  visibility: visible;

  bottom: 20px

}

@media(max-width: 575.98px) {

  .gm-feature-item .gm-feature-info {

    padding: 15px 20px

  }

}

.gm-product-corner .product-circle {

  top: 0;

  left: 50%;

  -webkit-transform: translateX(-50%);

  transform: translateX(-50%);

  z-index: -1

}

.gm-product-slider {

  padding-bottom: 50px

}

.gm-product-slider .swiper-pagination span {

  width: 16px;

  height: 8px;

  border-radius: 0;

  opacity: 1;

  background: #292b34;

  position: relative;

  overflow: hidden;

  z-index: 1

}

.gm-product-slider .swiper-pagination span::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: linear-gradient(96.49deg, #F16262 0%, #3200FF 102.71%);

  opacity: 0;

  z-index: -1;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.gm-product-slider .swiper-pagination span.swiper-pagination-bullet-active::before {

  opacity: 1

}

.gm-product-item .discount {

  background: rgba(255, 255, 255, .1);

  padding: 4px 15px;

  color: #fff;

  left: 15px;

  top: 15px;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in;

  font-size: 13px

}

.gm-product-item .feature-image {

  background-color: rgba(255, 255, 255, .05);

  padding: 50px 30px

}

.gm-product-item .feature-image img {

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.gm-product-item .feature-image .wish-btn {

  background-color: #f16262;

  border: 0;

  width: 35px;

  height: 35px;

  border-radius: 50%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  right: 15px;

  bottom: 10px;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in;

  -webkit-transform: scale(0);

  transform: scale(0)

}

.gm-product-item .feature-image .wish-btn i {

  -webkit-text-stroke-width: 1px;

  color: rgba(0, 0, 0, 0);

  -webkit-text-stroke-color: #fff

}

.gm-product-item .product-info {

  background: #1c1e25;

  padding: 25px 35px 30px 35px

}

.gm-product-item .product-info h3 {

  color: #fff;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.gm-product-item .product-info h3:hover {

  color: #f16262

}

.gm-product-item .product-info p {

  color: #f16262;

  font-weight: 700

}

.gm-product-item .product-info p span {

  color: #fff;

  margin-left: 12px;

  position: relative

}

.gm-product-item .product-info p span::before {

  content: "";

  position: absolute;

  left: -5px;

  top: 10px;

  width: 65px;

  height: 1px;

  background-color: #fff;

  -webkit-transform: rotate(-15deg);

  transform: rotate(-15deg)

}

.gm-product-item .product-info .outline-btn {

  position: relative;

  overflow: hidden;

  z-index: 1

}

.gm-product-item .product-info .outline-btn::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: linear-gradient(96.49deg, #F16262 0%, #3200FF 102.71%);

  z-index: -1;

  opacity: 0;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.gm-product-item .product-info .outline-btn:hover {

  border-color: rgba(0, 0, 0, 0);

  background-color: rgba(0, 0, 0, 0)

}

.gm-product-item .product-info .outline-btn:hover::before {

  opacity: 1

}

.gm-product-item:hover .discount {

  background: #f16262

}

.gm-product-item:hover .feature-image img {

  -webkit-transform: scale(1.05);

  transform: scale(1.05)

}

.gm-product-item:hover .feature-image .wish-btn {

  -webkit-transform: scale(1);

  transform: scale(1)

}

.gm-call-to-action {

  background: #1c1e25

}

.gm-call-to-action-left p {

  color: #eaeaea

}

.gm-call-to-action-right .circle-bottom {

  bottom: 0;

  left: 50%;

  -webkit-transform: translateX(-50%);

  transform: translateX(-50%);

  z-index: -1

}

.gm-upcoming {

  background-size: cover;

  background-repeat: no-repeat;

  background-position: bottom center;

  background-attachment: fixed;

  position: relative;

  overflow: hidden;

  z-index: 1

}

.gm-upcoming .overlay {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: -webkit-gradient(linear, left top, left bottom, from(#14161D), color-stop(101.21%, rgba(20, 22, 29, 0.8)));

  background: linear-gradient(180deg, #14161D 0%, rgba(20, 22, 29, 0.8) 101.21%);

  z-index: -1

}

.gm-live-match-wrapper {

  padding: 20px;

  max-width: 1180px;

  margin-left: auto;

  margin-right: auto

}

.gm-live-match-wrapper .gm-lv-shape-left {

  border: 5px solid rgba(0, 0, 0, 0);

  background: linear-gradient(96.49deg, #F16262 0%, #3200FF 102.71%) border-box;

  -webkit-mask: linear-gradient(96.49deg, #F16262 0%, #3200FF 102.71%) padding-box, linear-gradient(96.49deg, #F16262 0%, #3200FF 102.71%);

  -webkit-mask-composite: xor;

  mask-composite: exclude;

  width: 300px;

  height: 120px;

  position: absolute;

  -webkit-transform: skew(-25deg);

  transform: skew(-25deg);

  top: 0px;

  left: 40px;

  border-right: 0;

  border-bottom: 0;

  border-radius: 5px 0 0 0

}

.gm-live-match-wrapper .gm-lv-shape-right {

  border: 5px solid rgba(0, 0, 0, 0);

  background: linear-gradient(96.49deg, #3200FF 0%, #F16262 102.71%) border-box;

  -webkit-mask: linear-gradient(96.49deg, #3200FF 0%, #F16262 102.71%) padding-box, linear-gradient(96.49deg, #3200FF 0%, #F16262 102.71%);

  -webkit-mask-composite: xor;

  mask-composite: exclude;

  width: 600px;

  height: 120px;

  position: absolute;

  -webkit-transform: skew(-25deg);

  transform: skew(-25deg);

  bottom: 0px;

  right: 40px;

  border-left: 0;

  border-top: 0;

  border-radius: 0 0 5px 0

}

.gm-live-match-wrapper .gm-live-match-box {

  background: #26262c;

  -webkit-transform: skew(-25deg);

  transform: skew(-25deg);

  border-radius: 10px;

  position: relative;

  z-index: 2

}

.gm-live-match-wrapper .gm-live-match-box .gm-live-match-content {

  -webkit-transform: skew(25deg);

  transform: skew(25deg);

  padding: 40px 70px

}

.gm-live-match-wrapper .gm-live-match-box .gm-live-match-content .gm-live-match-left {

  width: 60%

}

.gm-live-match-wrapper .gm-live-match-box .gm-live-match-content .gm-live-match-left h3 {

  color: #fff;

  margin-top: 16px

}

.gm-live-match-wrapper .gm-live-match-box .gm-live-match-content .gm-live-match-left span {

  color: #fff;

  font-weight: 600

}

@media(max-width: 991.98px) {

  .gm-live-match-wrapper .gm-lv-shape-left, .gm-live-match-wrapper .gm-lv-shape-right {

    -webkit-transform: skew(0deg);

    transform: skew(0deg);

    width: 30%

  }

  .gm-live-match-wrapper .gm-lv-shape-left {

    left: 0

  }

  .gm-live-match-wrapper .gm-lv-shape-right {

    right: 0

  }

  .gm-live-match-wrapper .gm-live-match-box {

    -webkit-transform: skew(0deg);

    transform: skew(0deg)

  }

  .gm-live-match-wrapper .gm-live-match-box .gm-live-match-content {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-transform: skew(0deg);

    transform: skew(0deg);

    padding: 40px 25px

  }

  .gm-live-match-wrapper .gm-live-match-box .gm-live-match-content .gm-live-match-left {

    text-align: center;

    width: 100%

  }

  .gm-live-match-wrapper .gm-live-match-box .gm-live-match-content .gm-live-match-right {

    margin-top: 30px

  }

}

.gm-subtitle {

  color: #fff;

  font-size: 24px;

  font-weight: 600;

  font-family: "Urbanist", sans-serif

}

.gm-subtitle::after {

  content: url(../img/shapes/gm-subtitle.png);

  position: absolute;

  bottom: -3px;

  -webkit-transform: translateX(10px);

  transform: translateX(10px)

}

.gm-clients-list {

  -ms-flex-wrap: wrap;

  flex-wrap: wrap

}

.gm-clients-list li {

  width: 188px;

  height: 70px;

  background: #26262c;

  padding: 20px 40px;

  border-radius: 4px;

  margin-right: 15px;

  margin-bottom: 15px

}

@media(min-width: 370px)and (max-width: 460px) {

  .gm-clients-list li {

    width: 158px;

    padding: 20px 30px

  }

}

.gm-input-field label {

  display: block;

  color: #eaeaea

}

.gm-input-field input, .gm-input-field textarea {

  width: 100%;

  padding: 12px 16px;

  background: #26262c;

  border: 1px solid rgba(255, 255, 255, .1);

  border-radius: 4px;

  margin-top: 5px;

  color: rgba(234, 234, 234, .3)

}

.gm-input-field input::-webkit-input-placeholder, .gm-input-field textarea::-webkit-input-placeholder {

  color: rgba(234, 234, 234, .3)

}

.gm-input-field input::-moz-placeholder, .gm-input-field textarea::-moz-placeholder {

  color: rgba(234, 234, 234, .3)

}

.gm-input-field input:-ms-input-placeholder, .gm-input-field textarea:-ms-input-placeholder {

  color: rgba(234, 234, 234, .3)

}

.gm-input-field input::-ms-input-placeholder, .gm-input-field textarea::-ms-input-placeholder {

  color: rgba(234, 234, 234, .3)

}

.gm-input-field input::placeholder, .gm-input-field textarea::placeholder {

  color: rgba(234, 234, 234, .3)

}

.gm-blog-section .left-bottom {

  mix-blend-mode: color-dodge;

  -webkit-filter: blur(120.646px);

  filter: blur(120.646px)

}

.gm-blog-section .left-center {

  left: 50%;

  bottom: 0;

  -webkit-transform: translateX(-50%);

  transform: translateX(-50%);

  z-index: -1;

  mix-blend-mode: color-dodge;

  -webkit-filter: blur(100px);

  filter: blur(100px)

}

.gm-blog-section .right-bottom {

  mix-blend-mode: color-dodge;

  -webkit-filter: blur(120.646px);

  filter: blur(120.646px)

}

.gm-blog-card {

  background: rgba(255, 255, 255, .05);

  z-index: 10

}

.gm-blog-card .category-btn {

  padding: 8px 20px;

  font-weight: 600;

  color: #fff;

  background: #000139;

  font-size: 13px;

  top: 15px;

  right: 15px;

  overflow: hidden;

  z-index: 1

}

.gm-blog-card .category-btn::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: linear-gradient(96.49deg, #F16262 0%, #3200FF 102.71%);

  z-index: -1;

  opacity: 0;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.gm-blog-card .category-btn:hover::before {

  opacity: 1

}

.gm-blog-card .feature-image {

  border-radius: 5px 5px 0 0

}

.gm-blog-card .feature-image img {

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.gm-blog-card .gm-blog-card-content {

  padding: 30px 24px 40px 24px

}

.gm-blog-card .gm-blog-card-content .blog-meta .author {

  color: #fff;

  position: relative;

  font-weight: 600;

  font-family: "Urbanist", sans-serif;

  padding-left: 14px

}

.gm-blog-card .gm-blog-card-content .blog-meta .author::before {

  content: "";

  position: absolute;

  left: 0;

  top: 6px;

  width: 8px;

  height: 8px;

  background: linear-gradient(96.49deg, #F16262 0%, #3200FF 102.71%);

  border-radius: 50%

}

.gm-blog-card .gm-blog-card-content .blog-meta .date {

  margin-left: 25px;

  font-size: 14px;

  font-weight: 600;

  color: #f16262

}

.gm-blog-card .gm-blog-card-content h3 {

  color: #fff;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.gm-blog-card .gm-blog-card-content h3:hover {

  color: #f16262

}

.gm-blog-card .gm-blog-card-content p {

  color: #eaeaea

}

.gm-blog-card:hover .feature-image img {

  -webkit-transform: scale(1.03);

  transform: scale(1.03)

}

.search-widget form {

  position: relative

}

.search-widget form input {

  width: 100%;

  padding: 18px 60px 18px 25px;

  border: 0;

  border-radius: 5px;

  font-weight: 600;

  background: #ececec;

  color: #b0b0b0

}

.search-widget form input::-webkit-input-placeholder {

  color: #b0b0b0

}

.search-widget form input::-moz-placeholder {

  color: #b0b0b0

}

.search-widget form input:-ms-input-placeholder {

  color: #b0b0b0

}

.search-widget form input::-ms-input-placeholder {

  color: #b0b0b0

}

.search-widget form input::placeholder {

  color: #b0b0b0

}

.search-widget form button {

  position: absolute;

  right: 10px;

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  width: 40px;

  height: 40px;

  border: 0;

  border-radius: 5px;

  color: #fff;

  overflow: hidden

}

.sidebar-widget .widget-title {

  position: relative;

  padding-bottom: 15px;

  border-bottom: 2px solid #c4c4c4

}

.sidebar-widget .widget-title::before {

  content: "";

  position: absolute;

  width: 100px;

  height: 2px;

  background: linear-gradient(95.45deg, #0082F8 0.64%, #1C40F2 98.23%);

  left: 0;

  bottom: -2px

}

.sidebar-widget + .sidebar-widget {

  margin-top: 60px

}

.categories-widget ul li {

  display: block

}

.categories-widget ul li + li {

  margin-top: 15px

}

.categories-widget ul li a {

  display: block;

  font-weight: 600;

  color: #666;

  position: relative;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.categories-widget ul li a sup {

  font-size: 12px;

  margin-left: 3px

}

.categories-widget ul li a::after {

  content: "";

  font-family: "Font Awesome 5 Free";

  position: absolute;

  right: 0;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.categories-widget ul li a:hover {

  color: #1c40f2

}

.categories-widget ul li a:hover::after {

  color: #1c40f2

}

.recent-post-widget ul.rs-news-list li + li {

  margin-top: 30px

}

.recent-post-widget ul.rs-news-list li .rs-news-content h6 {

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.recent-post-widget ul.rs-news-list li .rs-news-content h6:hover {

  color: #1c40f2

}

.recent-post-widget ul.rs-news-list li .rs-news-content span {

  font-weight: 500;

  font-size: 14px

}

.tags-widget .tags-list a {

  padding: 8px 16px;

  border-radius: 30px;

  border: 1px solid rgba(166, 166, 166, .4392156863);

  color: rgba(39, 35, 35, .8196078431);

  font-family: "Urbanist", sans-serif;

  font-weight: 600;

  font-size: 14px;

  display: inline-block;

  margin-right: 15px;

  margin-bottom: 15px;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.tags-widget .tags-list a:hover {

  color: #001042;

  border-color: #001042

}

.archive-widget .archive-list li a {

  font-family: "Urbanist", sans-serif;

  font-weight: 600;

  color: #001042;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in;

  border-bottom: 1px solid #ebebeb;

  display: block;

  padding: 12px 0

}

.archive-widget .archive-list li a:hover {

  color: #1c40f2

}

.banner-widget .banner-content {

  padding: 50px 20px

}

.banner-widget .banner-content .primary-btn {

  padding: 13px 50px

}

.banner-widget .banner-content .icon-wrapper {

  background: #33459d;

  width: 55px;

  height: 55px

}

.bd-content-wrapper {

  padding: 55px 30px 70px 30px

}

.bd-content-wrapper .bd-blog-meta div + div {

  position: relative

}

.bd-content-wrapper .bd-blog-meta div + div::before {

  content: "";

  position: absolute;

  left: -25px;

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  width: 1px;

  height: 50px;

  background: #cbcbcb

}

@media(max-width: 767.98px) {

  .bd-content-wrapper .bd-blog-meta div::before {

    display: none

  }

}

.bd-content-wrapper blockquote {

  background: rgba(241, 243, 255, .5);

  padding: 45px 30px;

  position: relative

}

.bd-content-wrapper blockquote::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 5px;

  height: 100%;

  background: linear-gradient(95.45deg, #0082F8 0.64%, #1C40F2 98.23%);

  border-radius: 10px 0 0 10px

}

.bd-content-wrapper blockquote .bd-quote-author {

  position: relative;

  padding-left: 60px

}

.bd-content-wrapper blockquote .bd-quote-author::before {

  content: "";

  position: absolute;

  left: 0;

  bottom: 3px;

  width: 50px;

  height: 3px;

  background: linear-gradient(95.45deg, #0082F8 0.64%, #1C40F2 98.23%)

}

.bd-content-wrapper .social-icons a {

  width: 40px;

  height: 40px;

  border-radius: 50%;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  margin-right: 6px

}

.bd-content-wrapper .social-icons a.facebook {

  color: #3f6dc7;

  background: #e9f1ff

}

.bd-content-wrapper .social-icons a.instagram {

  color: #e4405f;

  background: rgba(255, 73, 143, .1)

}

.bd-content-wrapper .social-icons a.dribble {

  color: #ea4c89;

  background: rgba(234, 76, 137, .1)

}

.bd-content-wrapper .social-icons a.behance {

  color: #131418;

  background: #e9f1ff

}

.bd-content-wrapper .bd-blog-tags a {

  background: #f1f1f1;

  border-radius: 30px;

  display: inline-block;

  color: #001042;

  font-weight: 500;

  font-size: 13px;

  padding: 6px 18px;

  margin-right: 5px

}

.bd-content-wrapper .bd-author-info {

  padding: 30px;

  background-color: rgba(241, 243, 255, .5)

}

.bd-content-wrapper .bd-rl-post-wrapper h6 {

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.bd-content-wrapper .bd-rl-post-wrapper h6:hover {

  color: #1c40f2

}

.bd-content-wrapper .bd-rl-post-wrapper span {

  font-size: 14px;

  font-weight: 500

}

.bd-content-wrapper .spacer {

  border: 0;

  opacity: 1;

  border-top: 1px solid #ebebeb

}

.bd-content-wrapper .bd-comment-area ol {

  margin: 0;

  padding: 0;

  list-style-type: none

}

.bd-content-wrapper .bd-comment-area ol li {

  margin-top: 60px;

  padding-top: 30px;

  border-top: 1px solid #ebebeb

}

.bd-content-wrapper .bd-comment-area ol li .comment-box-wrapper .comment-user-info .date {

  top: 0;

  right: 0;

  font-weight: 500;

  font-size: 14px;

  position: absolute

}

@media(max-width: 575.98px) {

  .bd-content-wrapper .bd-comment-area ol li .comment-box-wrapper .comment-user-info .date {

    position: initial

  }

}

.bd-content-wrapper .bd-comment-area ol li .comment-box-wrapper .comment-user-info p {

  padding-right: 15px

}

.bd-content-wrapper .bd-comment-area ol li .comment-box-wrapper .comment-user-info button {

  color: #001042;

  font-family: "Urbanist", sans-serif;

  font-weight: 600;

  border: 0;

  background: rgba(0, 0, 0, 0)

}

.bd-content-wrapper .bd-comment-area ol li ol {

  padding-left: 50px

}

.bd-content-wrapper .bd-comment-area > ol > li:first-child {

  border-top: 0;

  margin-top: 20px

}

.bd-content-wrapper .bd-comment-form form .input-field {

  position: relative

}

.bd-content-wrapper .bd-comment-form form .input-field label {

  position: absolute;

  left: 20px;

  top: -12px;

  color: #001042;

  font-weight: 600;

  font-family: "Urbanist", sans-serif;

  border-radius: 5px

}

.bd-content-wrapper .bd-comment-form form .input-field input, .bd-content-wrapper .bd-comment-form form .input-field textarea {

  width: 100%;

  padding: 15px 18px;

  font-size: 14px;

  color: #c7c7c7;

  border: 1px solid #e7e7e7;

  border-radius: 6px;

  background-color: #fafafa

}

.bd-content-wrapper .bd-comment-form form .primary-btn {

  margin-top: 30px

}

.contact-hero .hero-area {

  padding-bottom: 160px

}

.contact-hero .primary-btn i {

  -webkit-text-stroke-width: 1px;

  -webkit-text-fill-color: rgba(0, 0, 0, 0)

}

.hm-ct-info-wrapper {

  padding: 0 30px 30px 30px;

  margin-bottom: 60px;

  background: #fff;

  -webkit-box-shadow: 0px 12px 50px rgba(125, 125, 125, .2);

  box-shadow: 0px 12px 50px rgba(125, 125, 125, .2)

}

.hm-ct-info-wrapper .icon-wrapper {
	position: relative;
	width: 65px;
	height: 65px;
	background: linear-gradient(95.45deg, #1c71df 0.64%, #2e65cc 98.23%);
	-webkit-box-shadow: 0px 10px 25px rgba(0, 130, 248, .6);
	box-shadow: 1px 1px 16px rgb(53, 109, 241);
	z-index: 1;
	margin-top: -45px;
	color: #fff;
	font-size: 22px;
}

.hm-ct-info-wrapper .info-content span {

  font-weight: 500

}

.hm-contact-form .input-field {

  position: relative

}

.hm-contact-form .input-field label {

  position: absolute;

  left: 20px;

  top: -12px;

  color: #001042;

  font-weight: 600;

  font-family: "Urbanist", sans-serif;

  border-radius: 5px;

  padding: 0 10px;

  background: #fff

}

.hm-contact-form .input-field input, .hm-contact-form .input-field textarea {

  width: 100%;

  padding: 22px 20px 18px 20px;

  font-size: 14px;

  color: #656565;

  border: 1px solid #e7e7e7;

  border-radius: 6px;

  background-color: #fff;

  margin-bottom: 10px

}

.sh-hero-section .sh-hero-right {

  margin-left: 50px

}

@media(max-width: 1199.98px) {

  .sh-hero-section .sh-hero-right {

    margin-left: 0

  }

  .sh-hero-section .sh-hero-right img {

    max-width: 100%

  }

}

.sh-benefits .sh-bn-circle {

  width: 80px;

  height: 80px;

  background: linear-gradient(144.78deg, #CFE4FF 34.29%, rgba(241, 247, 255, 0) 99.57%);

  border-radius: 50%;

  left: 120px;

  bottom: 120px;

  z-index: -1

}

.sh-benefits-wrapper {

  padding: 40px 30px

}

.sh-benefits-wrapper .icon-wrapper {

  width: 70px;

  height: 70px;

  position: relative;

  z-index: 1;

  overflow: hidden;

  font-size: 26px

}

.sh-benefits-wrapper .icon-wrapper i {

  background: linear-gradient(95.45deg, #0082F8 0.64%, #1C40F2 98.23%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: rgba(0, 0, 0, 0)

}

.sh-benefits-wrapper .icon-wrapper::before {

  content: "";

  position: absolute;

  left: 0;

  width: 100%;

  height: 100%;

  background: linear-gradient(95.45deg, #0082F8 0.64%, #1C40F2 98.23%);

  opacity: .05;

  z-index: -1

}

.sh-pricing .sh-pricing-circle {

  width: 80px;

  height: 80px;

  background: linear-gradient(144.78deg, #CFE4FF 34.29%, rgba(241, 247, 255, 0) 99.57%);

  border-radius: 50%;

  left: -30px;

  bottom: -40px;

  z-index: -1

}

.sh-pricing .sh-pricing-circle-red {

  width: 45px;

  height: 45px;

  background: linear-gradient(287.85deg, #8af135 0%, #FF7E5D 95.32%);

  border-radius: 50%;

  right: -55px;

  top: 60%;

  opacity: 30%

}

.sh-pricing-top .tab-switch-btn .switch-input {

  left: 50%;

  -webkit-transform: translateX(-50%);

  transform: translateX(-50%)

}

.sh-pricing-column {

  padding: 30px 25px

}

.sh-pricing-column .popular-badge {

  width: 160px;

  height: 30px;

  -webkit-transform: rotate(25deg);

  transform: rotate(25deg);

  right: -25px;

  top: 6px;

  padding: 0;

  line-height: 30px;

  font-weight: 500;

  padding-left: 20px

}

.sh-pricing-column p {

  font-size: 14px

}

.sh-pricing-column .saving-badge {

  background: rgba(255, 7, 102, .05);

  font-size: 12px;

  font-weight: 700;

  padding: 6px 20px;

  border-radius: 30px;

  color: #001042;

  margin-bottom: 20px;

  display: inline-block

}

.sh-pricing-column .feature-list {

  height: auto

}

.sh-control-panel .building-shape {

  left: 90px;

  top: 70px;

  z-index: -1

}

.cp-accordion {

  position: relative

}

.cp-accordion::before {

  content: "";

  position: absolute;

  left: -43px;

  top: 0;

  width: 1px;

  height: 100%;

  background: #002ea7

}

.cp-accordion .accordion-single {

  background: #001580;

  border: 1px solid rgba(255, 255, 255, .2);

  border-radius: 5px;

  position: relative

}

.cp-accordion .accordion-single::before {

  content: "";

  position: absolute;

  left: -55px;

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  width: 24px;

  height: 24px;

  background: #00237f;

  border-radius: 50%

}

.cp-accordion .accordion-single::after {

  content: "";

  position: absolute;

  top: 50%;

  left: -50px;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  width: 14px;

  height: 14px;

  border-radius: 50%;

  background: linear-gradient(95.45deg, #0082F8 0.64%, #1C40F2 98.23%)

}

.cp-accordion .accordion-single .accordion-header {

  padding: 20px 25px

}

.cp-accordion .accordion-single .accordion-header h6 {

  color: #fff;

  margin-bottom: 0

}

.cp-accordion .accordion-single .accordion-body {

  padding: 0 20px 16px 20px

}

.cp-accordion .accordion-single .accordion-body p {

  color: rgba(255, 255, 255, .8)

}

.cp-accordion .accordion-single .accordion-body a {

  color: #fff

}

.cp-accordion .accordion-single .accordion-body a i {

  margin-right: 5px

}

.cp-accordion .accordion-single + .accordion-single {

  margin-top: 20px

}

.sh-cp-right .circle {

  left: 40px;

  top: -19px;

  z-index: -1

}

.sh-cp-right .curve {

  bottom: -90px;

  right: -65px;

  z-index: -1

}

.sh-feature-list {

  text-align: center

}

.sh-feature-list ul {

  text-align: left;

  display: inline-block

}

.sh-feature-list ul li {

  color: #001042;

  font-family: "Urbanist", sans-serif;

  font-weight: 700

}

.sh-feature-list ul li i {

  color: #1c40f2;

  margin-right: 10px

}

.sh-feature-list ul li + li {

  margin-top: 10px

}

.sh-about-section .sh-about-circle {

  bottom: 130px;

  left: 90px;

  z-index: -1

}

.sh-about-section .sh-about-circle-small {

  left: 110px;

  top: 38%

}

.sh-feedback {

  background: #f1f5ff

}

.sh-feedback-wrapper {

  padding: 0 30px 30px;

  -webkit-box-shadow: 0px 15px 60px rgba(151, 151, 151, .05);

  box-shadow: 0px 15px 60px rgba(151, 151, 151, .05);

  margin-bottom: 40px

}

.sh-feedback-wrapper .clients-thumb {

  margin-top: -35px

}

.sh-feedback-wrapper .spacer {

  border: 0;

  border-bottom: 2px solid #ebebeb;

  margin: 20px 0

}

.sh-faq {

  background: none

}

.dm-hero-section {

  background: linear-gradient(279.3deg, #001DAC 2.98%, #000F57 98.6%)

}

.dm-hero-section .dm-hero-circle {

  width: 60px;

  height: 60px;

  background: -webkit-gradient(linear, left top, left bottom, from(rgba(28, 64, 242, 0.5)), to(rgba(0, 43, 255, 0)));

  background: linear-gradient(180deg, rgba(28, 64, 242, 0.5) 0%, rgba(0, 43, 255, 0) 100%);

  border-radius: 50%;

  left: 145px;

  top: 40%;

  z-index: -1

}

.dm-hero-section h1 {

  color: #fff;

  font-size: 56px

}

@media(max-width: 1399.98px) {

  .dm-hero-section h1 {

    font-size: 3rem

  }

}

@media(max-width: 1199.98px) {

  .dm-hero-section h1 {

    font-size: calc(2.8rem + .1vw)

  }

}

@media(max-width: 575.98px) {

  .dm-hero-section h1 {

    font-size: 2.25rem

  }

}

.dm-hero-section p {

  color: #fff

}

.dm-hero-section .dm-hero-label span {

  color: #fff;

  font-weight: 500;

  font-size: 14px

}

@media(max-width: 991.98px) {

  .dm-hero-section .sh-hero-right img {

    max-width: 100%

  }

}

.dm-hero-domain-form {

  max-width: 510px

}

.dm-hero-domain-form input[type=text] {

  padding: 18px 24px;

  background-color: #fff;

  border: 0;

  width: 100%;

  border-radius: 30px 0 0 30px

}

.dm-hero-domain-form input[type=text]::-webkit-input-placeholder {

  color: #d6d6d6

}

.dm-hero-domain-form input[type=text]::-moz-placeholder {

  color: #d6d6d6

}

.dm-hero-domain-form input[type=text]:-ms-input-placeholder {

  color: #d6d6d6

}

.dm-hero-domain-form input[type=text]::-ms-input-placeholder {

  color: #d6d6d6

}

.dm-hero-domain-form input[type=text]::placeholder {

  color: #d6d6d6

}

.dm-hero-domain-form select {

  width: 67px;

  padding: 18px 3px;

  -ms-flex-negative: 0;

  flex-shrink: 0;

  border-radius: 0;

  border: 0

}

.dm-hero-domain-form select:focus {

  -webkit-box-shadow: none;

  box-shadow: none

}

.dm-hero-domain-form input[type=submit] {

  padding: 18px 20px;

  border-radius: 0 30px 30px 0;

  font-size: 16px

}

.dm-pp-domain-item {

  padding: 25px 20px;

  background: #fff;

  border-radius: 6px;

  -webkit-box-shadow: 0px 15px 60px rgba(151, 151, 151, .1);

  box-shadow: 0px 15px 60px rgba(151, 151, 151, .1);

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.dm-pp-domain-item::before {

  content: "";

  position: absolute;

  right: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: linear-gradient(95.45deg, #0082F8 0.64%, #1C40F2 98.23%);

  z-index: -1;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in;

  opacity: 0

}

.dm-pp-domain-item img.original {

  display: block

}

.dm-pp-domain-item img.on-hover {

  display: none

}

.dm-pp-domain-item .dm-offer-badge {

  background: linear-gradient(287.85deg, #8af135 0%, #FF7E5D 95.32%);

  padding: 4px 10px;

  font-size: 12px;

  right: -20px;

  top: 40px;

  -webkit-transform: rotate(-90deg);

  transform: rotate(-90deg)

}

.dm-pp-domain-item h6 {

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.dm-pp-domain-item .subtitle {

  font-size: 14px;

  display: block;

  margin-bottom: 15px;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.dm-pp-domain-item a {

  font-family: "Urbanist", sans-serif;

  font-weight: 600;

  color: #001042;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.dm-pp-domain-item a i {

  margin-left: 6px

}

.dm-pp-domain-item .circle-small {

  width: 14px;

  height: 14px;

  background: #2b65f5;

  border-radius: 50%;

  right: 60px;

  bottom: 60px;

  -webkit-transform: scale(0);

  transform: scale(0);

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in;

  z-index: -1

}

.dm-pp-domain-item .circle-shape {

  width: 150px;

  height: 150px;

  background: #276ff6;

  position: absolute;

  right: -75px;

  bottom: -75px;

  border-radius: 50%;

  opacity: .05;

  z-index: -1;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.dm-pp-domain-item .circle-shape.shape-2 {

  right: 20px;

  bottom: -100px

}

.dm-pp-domain-item:hover {

  -webkit-box-shadow: 0px 15px 60px rgba(5, 137, 255, .4);

  box-shadow: 0px 15px 60px rgba(5, 137, 255, .4)

}

.dm-pp-domain-item:hover::before {

  opacity: 1

}

.dm-pp-domain-item:hover .original {

  display: none

}

.dm-pp-domain-item:hover .on-hover {

  display: block

}

.dm-pp-domain-item:hover h6, .dm-pp-domain-item:hover .subtitle, .dm-pp-domain-item:hover a {

  color: #fff

}

.dm-pp-domain-item:hover .circle-small {

  -webkit-transform: scale(1);

  transform: scale(1)

}

.dm-pp-domain-item:hover .circle-shape {

  background: #fff;

  opacity: .1

}

.dm-support {

  padding-top: 50px

}

@media(max-width: 1199.98px) {

  .dm-support {

    padding-top: 0

  }

}

.dm-support-left {

  padding: 80px 0

}

.dm-support-info a {

  color: #fff;

  font-size: 20px;

  font-weight: 700;

  display: inline-block

}

.dm-support-info a i {

  margin-right: 10px;

  background: linear-gradient(95.45deg, #0082F8 0.64%, #1C40F2 98.23%);

  -webkit-background-clip: text;

  color: rgba(0, 0, 0, 0)

}

.dm-feedback {

  background: linear-gradient(95.45deg, rgba(0, 130, 248, 0.05) 0.64%, rgba(28, 64, 242, 0.05) 98.23%)

}

.dm-feedback-right-rating span {

  font-size: 13px;

  font-weight: 500

}

.dm-feedback-single {

  padding: 40px 25px;

  border-radius: 1px;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.dm-feedback-single .dm-feedback-comment p i {

  color: rgba(189, 189, 189, .5);

  font-size: 30px;

  margin-right: 8px

}

.dm-feedback-single:hover {

  -webkit-box-shadow: 1px 15px 60px rgba(151, 151, 151, .1);

  box-shadow: 1px 15px 60px rgba(151, 151, 151, .1)

}

.dm-faq-section .faq-feature-img {
	position: absolute;
	right: 0;
	top: 300px;
	z-index: -1;
	width: 50%;
}
.need-mor p {
	margin: 0px;
}
.need-mor {
	text-align: center;
}

a.hid{
  display: none !important;
}

.overflow {
	overflow: hidden;
}

@media(max-width: 991.98px) {

  .dm-faq-section .faq-feature-img {

    position: initial;

    margin-top: 50px;

    max-width: 100%

  }

}

.dm-accordion .accordion-item {

  border: 0

}

.dm-accordion .accordion-item + .accordion-item {

  margin-top: 20px

}

.dm-accordion .accordion-item .accordion-header a {

  padding: 18px 35px 18px 25px;

  display: block;

  color: #001042;

  font-family: "Urbanist", sans-serif;

  font-weight: 700;

  position: relative

}

.dm-accordion .accordion-item .accordion-header a::after {

  content: "";

  font-family: "FontAwesome";

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in;

  position: absolute;

  right: 25px;

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%)

}

.dm-accordion .accordion-item .accordion-header a:not(.collapsed)::after {

  -webkit-transform: translateY(-50%) rotate(180deg);

  transform: translateY(-50%) rotate(180deg)

}

.dm-accordion .accordion-item .accordion-body {

  padding: 8px 25px 25px 25px

}

.wp-hero .wp-hero-dot {

  bottom: 50px;

  left: 50px;

  z-index: -1

}

.wp-hero .wp-hero-plus {

  top: 150px;

  left: 120px;

  z-index: -1

}

.wp-hero .wp-hero-line {

  width: 70px;

  height: 1px;

  background: #00d172;

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

  left: 40px;

  top: 50%;

  z-index: -1

}

.wp-hero .wp-hero-dot-illustration {

  width: 10px;

  height: 10px;

  background: -webkit-gradient(linear, left top, right top, color-stop(-0.5%, #1C40F2), color-stop(97.45%, #03F8FB));

  background: linear-gradient(90deg, #1C40F2 -0.5%, #03F8FB 97.45%);

  border-radius: 50%;

  bottom: 30px;

  left: 330px;

  z-index: -1

}

.wp-hero .template-btn {

  padding: 16px 40px

}

@media(max-width: 991.98px) {

  .wp-hero .wp-hero-right img {

    max-width: 100%

  }

}

.wp-hero-list {

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center

}

.wp-hero-list ul + ul {

  margin-left: 40px

}

.wp-hero-list ul li {

  color: #666

}

.wp-hero-list ul li i {

  margin-right: 6px

}

.wp-hero-list ul li + li {

  margin-top: 10px

}

@media(max-width: 480px) {

  .wp-hero-list {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start

  }

  .wp-hero-list ul + ul {

    margin-left: 0;

    margin-top: 15px

  }

}

.wp-about {

  margin-top: -70px

}

.wp-about-item {

  padding: 40px 30px

}

.wp-about-item .item-bg {

  right: 25px;

  top: 25px;

  z-index: -1

}

.wp-about-item .icon-wrapper {

  width: 56px;

  height: 56px;

  -webkit-box-shadow: 10px 15px 60px rgba(139, 139, 139, .3);

  box-shadow: 10px 15px 60px rgba(139, 139, 139, .3)

}

.wp-pricing-column {

  padding: 40px 30px

}

.wp-pricing-column .pricing-badge {

  font-size: 12px;

  color: #fff;

  background: linear-gradient(287.85deg, #8af135 0%, #FF7E5D 95.32%);

  top: 40px

}

.wp-pricing-column .feature-list {

  height: auto

}

.wp-pricing-column.business-plan {

  -webkit-box-shadow: 0px 20px 80px rgba(0, 148, 255, .1);

  box-shadow: 0px 20px 80px rgba(0, 148, 255, .1)

}

.wp-pricing-meta-item .wp-icon-wrapper {

  width: 40px;

  height: 40px;

  background: linear-gradient(95.45deg, rgba(0, 130, 248, 0.1) 0.64%, rgba(28, 64, 242, 0.1) 98.23%);

  color: #1c40f2

}

.wp-pricing-meta-item p {

  font-family: "Urbanist", sans-serif;

  font-weight: 600

}

.wp-pricing-meta-item .tab-switch-btn .switch-input {

  left: 50%;

  -webkit-transform: translateX(-50%);

  transform: translateX(-50%)

}

.wp-pricing-meta-item .tab-switch-btn .switch-input:checked ~ .toggle-switch-btn::before {

  left: 28px

}

.wp-pricing-meta-item .tab-switch-btn .toggle-switch-btn {

  width: 50px;

  height: 24px

}

.wp-pricing-meta-item .tab-switch-btn .toggle-switch-btn::before {

  width: 14px;

  height: 14px;

  left: 4px

}

.highlight-item .icon-wrapper {

  width: 60px;

  height: 60px;

  background: rgba(108, 186, 255, .15)

}

.wp-about-company {

  padding: 80px 30px

}

.wp-about-company .dot-shape {

  right: 90px;

  top: 60px;

  z-index: -1

}

.wp-about-company .circle-half {

  right: 250px;

  bottom: 0;

  z-index: -1

}

.wp-about-company h3 {

  color: #fff

}

.wp_about_item {

  display: inline-block

}

.wp_about_item .icon-wrapper {

  width: 56px;

  height: 56px;

  background: #3146ac;

  border-radius: 50%;

  position: relative;

  font-size: 20px

}

.wp_about_item .icon-wrapper::before {

  content: "";

  position: absolute;

  width: 80px;

  height: 80px;

  background: #fff;

  border-radius: 50%;

  opacity: .1

}

.wp_about_item h4 {

  color: #fff;

  width: 100px;

  text-align: left

}

.wp_about_item span {

  color: #fff;

  font-weight: 500

}

.wp-feature-item {

  padding: 20px

}

.wp-feature-item .icon-wrapper {

  width: 60px;

  height: 60px;

  background: rgba(0, 102, 255, .05);

  border-radius: 50%;

  font-size: 20px;

  color: #1c40f2

}

.wp-signup .wp-signup-left {

  padding: 40px 0

}

@media(max-width: 991.98px) {

  .wp-signup {

    padding-top: 30px

  }

}

.wp-feedback {

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center

}

.wp-feedback-star {

  padding: 0 15px 15px 15px;

  border: 2px solid #001042;

  border-top: 0

}

.wp-feedback-star .title-wrapper {

  margin-top: -15px;

  position: relative

}

.wp-feedback-star .title-wrapper .line {

  position: absolute;

  width: 35px;

  height: 2px;

  background: #001042;

  bottom: 15px

}

.wp-feedback-star .title-wrapper .line.left-line {

  left: -15px

}

.wp-feedback-star .title-wrapper .line.right-line {

  right: -15px

}

.wp-feedback-star h6 {

  display: inline-block;

  position: relative

}

.wp-feedback-star h6::before {

  content: "";

  position: absolute;

  left: -15px;

  bottom: 5px;

  width: 6px;

  height: 6px;

  background: #001042;

  border-radius: 50%

}

.wp-feedback-star h6::after {

  content: "";

  position: absolute;

  right: -15px;

  bottom: 5px;

  width: 6px;

  height: 6px;

  background: #001042;

  border-radius: 50%

}

.vps-hero {

  padding: 100px 0 180px 0

}

.vps-hero .display-font {

  font-size: 3.8rem

}

@media(max-width: 1399.98px) {

  .vps-hero .display-font {

    font-size: 3.6rem

  }

}

@media(max-width: 1199.98px) {

  .vps-hero .display-font {

    font-size: calc(3rem + .1vw)

  }

}

@media(max-width: 575.98px) {

  .vps-hero .display-font {

    font-size: 2.25rem

  }

}

.vps-price-slider {

  margin-top: -100px;

  position: relative;

  z-index: 2

}

.price-slider-wrapper {

  padding: 60px 100px

}

.price-slider-wrapper .vps_labels span {

  padding: 8px 12px;

  background: #0082f8;

  color: #fff;

  -webkit-box-shadow: 0px 5px 10px rgba(207, 207, 207, .3);

  box-shadow: 0px 5px 10px rgba(207, 207, 207, .3);

  font-size: 12px;

  font-family: "Urbanist", sans-serif;

  font-weight: 700;

  border-radius: 3px;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in;

  position: relative;

  display: none;

  min-width: 70px;

  text-align: center

}

.price-slider-wrapper .vps_labels span::after {

  content: "";

  position: absolute;

  left: 50%;

  bottom: -10px;

  -webkit-transform: translateX(-50%);

  transform: translateX(-50%);

  width: 20px;

  height: 11px;

  background: #0082f8;

  -webkit-clip-path: polygon(100% 0, 0 0, 49% 100%);

  clip-path: polygon(100% 0, 0 0, 49% 100%);

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in;

  opacity: 1

}

.price-slider-wrapper .vps_labels span.active {

  display: inline-block

}

@media(max-width: 991.98px) {

  .price-slider-wrapper .vps_labels {

    margin: 0 30px

  }

}

@media(max-width: 575.98px) {

  .price-slider-wrapper .vps_labels {

    margin: 0 60px

  }

}

@media(max-width: 991.98px) {

  .price-slider-wrapper {

    padding: 40px 50px

  }

}

@media(max-width: 575.98px) {

  .price-slider-wrapper {

    padding: 40px 30px

  }

}

.range-slider-wrapper .slider.slider-horizontal .slider-track {

  border: 1px solid #f0f0f0;

  background: none;

  -webkit-box-shadow: none;

  box-shadow: none;

  border-radius: 30px

}

.range-slider-wrapper .tooltip {

  display: none

}

.range-slider-wrapper .slider-selection {

  background: #0082f8;

  border-radius: 30px

}

.range-slider-wrapper .slider-handle {

  width: 40px;

  height: 40px;

  background: #0082f8;

  margin-top: -13px

}

.range-slider-wrapper .slider-handle::before {

  content: "";

  font-family: "FontAwesome";

  font-size: 20px;

  position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  color: #fff

}

@media(max-width: 991.98px) {

  .range-slider-wrapper {

    margin: 0 30px

  }

}

.vps_pp_feature_item {

  border: 1px solid rgba(220, 220, 220, .4);

  padding: 20px;

  background-color: #fff

}

.vps_pp_feature_item .icon-wrapper {

  width: 50px;

  height: 50px;

  background: rgba(0, 43, 255, .05)

}

.vps_pp_feature_item h6 span {

  color: #1c40f2

}

.vps_pp_feature_item .subtitle {

  font-size: 14px;

  font-weight: 500;

  display: none

}

.vps-pricing-table {

  overflow-x: auto

}

.vps-pricing-table table thead tr th {

    background: linear-gradient(95.45deg, #7dbe2c 0.64%, #6ea726 98.23%);

    padding: 15px 15px;

    color: #fff;

}

.vps-pricing-table table thead tr th h4, .vps-pricing-table table thead tr th h6 {

  color: #fff;

  margin-bottom: 0

}

.vps-pricing-table table thead tr th span {

  font-weight: 500

}

.vps-pricing-table table thead tr th:first-child {

  background: #618f27;

  min-width: 210px

}

.vps-pricing-table table tbody tr td {

  padding: 15px 15px;

  text-align: center;

  color: #001042;

  border: 1px solid #e9e9e9

}

.vps-pricing-table table tbody tr td:first-child {

  text-align: left;

  font-family: "Urbanist", sans-serif;

  font-weight: 600

}

.vps-pricing-table table tbody tr td i {

  color: #1c40f2

}

.vps-pricing-table table tbody tr td a {

  padding: 8px 35px;

  display: inline-block;

  border: 1px solid #618f27;

  border-radius: 30px;

  font-family: "Urbanist", sans-serif;

  font-weight: 700;

  color: #001042;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in;

  margin: 10px 0

}

.vps-pricing-table table tbody tr td a:hover {

  background: #618f27;

  color: #fff

}

.vps-about-section {

  background: #f5f7fd

}

.vps-about-item {

  padding: 40px 30px;

  border-radius: 10px

}

.vps-about-item .icon-wrapper {

  width: 100px;

  height: 100px;

  background: #f2f9ff

}

.vps-video-box {

  border-radius: 10px;

  margin-top: -260px

}

.vps-video-box::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: linear-gradient(95.45deg, #0082F8 0.64%, #1C40F2 98.23%);

  opacity: .6

}

.vps-video-box .vps-video-popup {

  position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  width: 60px;

  height: 60px;

  display: inline-block;

  text-align: center;

  line-height: 60px;

  color: #fff;

  background: linear-gradient(287.85deg, #8af135 0%, #FF7E5D 95.32%);

  border-radius: 50%;

  -webkit-animation: 2s btn-ripple linear infinite;

  animation: 2s btn-ripple linear infinite;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.vps-video-box .vps-video-popup:hover {

  top: 48%

}

.vps-video .vps-video-top {

  padding-bottom: 300px

}

@media(max-width: 991.98px) {

  .vps-video .vps-video-top {

    padding-bottom: 200px

  }

  .vps-video .vps-video-box {

    margin-top: -160px

  }

}

.vps-feature-btns {

  gap: 24px

}

.vps-feature-btns li a {

  background: #fff;

  -webkit-box-shadow: 0px 8px 40px rgba(192, 192, 192, .25);

  box-shadow: 0px 8px 40px rgba(192, 192, 192, .25);

  color: #001042;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in;

  position: relative;

  z-index: 1

}

.vps-feature-btns li a::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: linear-gradient(95.45deg, #0082F8 0.64%, #1C40F2 98.23%);

  z-index: -1;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in;

  -webkit-transform: scale(0.5);

  transform: scale(0.5);

  opacity: 0;

  border-radius: 50px

}

.vps-feature-btns li a.active {

  color: #fff

}

.vps-feature-btns li a.active::before {

  -webkit-transform: scale(1);

  transform: scale(1);

  opacity: 1

}

.vps-feature-item {

  padding: 40px 25px;

  border-radius: 10px

}

.vps-feature-item .figure-icon::before {

  content: "";

  width: 25px;

  height: 25px;

  background: #297fff;

  position: absolute;

  left: 30px;

  bottom: -10px;

  border-radius: 50%;

  z-index: -1;

  opacity: 15%

}

.vps-tab-info p {

  font-weight: 700;

  color: #001042

}

.vps-tab-info p a {

  color: #1c40f2

}

.vps-scripts {

  margin-top: -130px

}

.vps-scripts-wrapper {

  border-radius: 10px;

  padding-left: 40px;

  padding-right: 40px

}

@media(max-width: 575.98px) {

  .vps-scripts-wrapper {

    padding-left: 15px;

    padding-right: 15px

  }

}

.vps-script-item {

  border: 1px solid rgba(220, 220, 220, .5);

  padding: 25px;

  border-radius: 6px;

  background: #fff

}

.vps_scripts_slider_wrapper {

  overflow: hidden;

  padding: 0 20px

}

.vps_scripts_slider_wrapper .vps-scripts-slider .swiper-control-btn {

  position: absolute;

  left: -15px;

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  width: 35px;

  height: 35px;

  text-align: center;

  line-height: 35px;

  border-radius: 50%;

  background: #001042;

  color: #fff;

  z-index: 10;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.vps_scripts_slider_wrapper .vps-scripts-slider .swiper-control-btn.swiper-next {

  right: -15px;

  left: auto

}

.vps_scripts_slider_wrapper .vps-scripts-slider .swiper-control-btn:hover {

  background: #1c40f2

}

.signup-area::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: linear-gradient(95.45deg, #052968 0.64%, #021d9f 98.23%);

  z-index: -1;

  opacity: 90%

}

.signup-area .signup-form {

  background: #fafafa;

  padding: 40px;

  border-radius: 6px

}

.signup-area .signup-form .form-header {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column

}

.signup-form-wrapper form label {

  display: block;

  color: #001042;

  font-weight: 500

}

.signup-form-wrapper form input {

  width: 100%;

  padding: 12px 15px 12px 40px;

  border: 1px solid rgba(221, 221, 221, .485);

  margin-top: 6px;

  border-radius: 4px;

  position: relative

}

.signup-form-wrapper form .input-field {

  position: relative;

  margin-bottom: 20px

}

.signup-form-wrapper form .input-field span {

  position: absolute;

  left: 15px;

  top: 20px;

  z-index: 2;

  color: rgba(89, 79, 79, .5411764706)

}

.signup-form-wrapper form .checkbox-wraper input {

  width: auto;

  margin-top: 0

}

.signup-form-wrapper form input[type=submit] {

  margin-top: 40px;

  background: #1c40f2;

  border: 0;

  color: #fff

}

.signup-form-wrapper .api-signup-btns a {

  color: #fff;

  margin-right: 15px;

  margin-bottom: 15px

}

.signup-form-wrapper .api-signup-btns a i {

  margin-right: 8px

}

.signup-form-wrapper .api-signup-btns .btn-facebook {

  background: #3f6dc7

}

.signup-form-wrapper .api-signup-btns .btn-twitter {

  background: #009ded

}

.signup-form-wrapper .api-signup-btns .btn-linkedin {

  background: #0077b5

}

.signup-form-spacer h6::before {

  content: "";

  position: absolute;

  right: calc(100% + 20px);

  bottom: 10px;

  width: 200px;

  height: 1px;

  background: rgba(29, 23, 23, .0823529412)

}

.signup-form-spacer h6::after {

  content: "";

  position: absolute;

  left: calc(100% + 20px);

  bottom: 10px;

  width: 200px;

  height: 1px;

  background: rgba(29, 23, 23, .0823529412)

}

.ds-hero .ds-hero-dot {

  left: 50px;

  bottom: 50px;

  z-index: -1

}

.ds-hero .ds-hero-left p {

  max-width: 450px

}

.ds-hero-list {

  -ms-flex-wrap: wrap;

  flex-wrap: wrap

}

.ds-hero-list li {

  margin-right: 24px;

  margin-bottom: 10px;

  font-size: 18px;

  font-weight: 700;

  color: #fff

}

.ds-pricing-item {

  padding: 40px 30px

}

.ds-pricing-item .ds-pricing-list li {

  font-size: 14px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  margin-bottom: 10px

}

.ds-pricing-item .ds-pricing-list li span {

  color: #1c40f2;

  font-size: 14px

}

.ds-pricing-item .ds-pricing-list.border-left {

  position: relative

}

.ds-pricing-item .ds-pricing-list.border-left::before {

  content: "";

  position: absolute;

  left: -40px;

  top: 50%;

  width: 1px;

  height: 80px;

  background: #e9e9e9;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%)

}

.ds-pricing-item .item-bottom {

  gap: 24px

}

.ds-pricing-item .item-price-amount h4 {

  color: #8af135

}

.ds-pricing-item .item-price-amount h4 span {

  font-size: 16px;

  font-weight: 500;

  color: #001042

}

@media(min-width: 992px)and (max-width: 1199.98px) {

  .ds-pricing-item .ds-pricing-list.border-left::before {

    display: none

  }

}

@media(max-width: 767.98px) {

  .ds-pricing-item .ds-pricing-list.border-left::before {

    display: none

  }

}

.ds-pricing-feature-item {

  padding: 24px

}

.ds-pricing-feature-item span {

  width: 40px;

  height: 40px;

  background: linear-gradient(279.3deg, #001DAC 2.98%, #000F57 98.6%)

}

.ds-pricing-feature-item p {

  color: #001042

}

@media(max-width: 575.98px) {

  .ds-about {

    background: linear-gradient(27.79deg, rgba(0, 29, 172, 0.8) -148.73%, rgba(0, 15, 87, 0.8) 192.85%)

  }

  .ds-about .ds-about-bg {

    display: none

  }

}

.ds-about-content .ds-circle-shape {

  position: absolute;

  right: -60px;

  bottom: -60px;

  width: 150px;

  height: 150px;

  background: -webkit-gradient(linear, left top, left bottom, from(#D7E5FF), to(#F6F9FF));

  background: linear-gradient(180deg, #D7E5FF 0%, #F6F9FF 100%);

  z-index: -1;

  border-radius: 50%

}

@media(max-width: 575.98px) {

  .ds-about-content .ds-circle-shape {

    opacity: .1

  }

}

.ds-about-column {

  padding: 40px 30px;

  -webkit-box-shadow: 2px 15px 20px rgba(175, 175, 175, .2);

  box-shadow: 2px 15px 20px rgba(175, 175, 175, .2)

}

.ds-feature-item {

  -webkit-box-shadow: 16px 33.8064px 67.6129px rgba(51, 94, 247, .06);

  box-shadow: 16px 33.8064px 67.6129px rgba(51, 94, 247, .06);

  padding: 40px 20px

}

.ds-cta-content {

  padding: 0 120px 0 45px

}

.ds-cta-content .cta-dots {

  bottom: 20px

}

.ds-cta-content .ds-cta-left {

  padding: 40px 0

}

@media(max-width: 991.98px) {

  .ds-cta-content {

    padding: 0 30px 0 30px

  }

}

.ds-cta-bottom {

  gap: 24px

}

.cta-phone-btn {

  color: #fff;

  font-size: 18px;

  font-weight: 700

}

.cta-phone-btn span {

  width: 48px;

  height: 48px;

  background: #fff;

  color: #001042

}

.cta-phone-btn:hover {

  color: #fff

}

.ds-feedback .ds-circle {

  border-radius: 50%;

  background: linear-gradient(211.09deg, #D7E5FF -29.12%, #F6F9FF 87.11%)

}

.ds-feedback .ds-circle.circle-large {

  width: 300px;

  height: 300px;

  right: -150px;

  bottom: 0px

}

.ds-feedback .ds-circle.circle-small {

  width: 100px;

  height: 100px;

  left: -50px;

  bottom: 100px

}

.ds-feedback-single {

  padding: 40px 25px;

  -webkit-box-shadow: 16.9032px 33.8064px 67.6129px rgba(51, 94, 247, .06);

  box-shadow: 16.9032px 33.8064px 67.6129px rgba(51, 94, 247, .06)

}

.ds-feedback-single .item-top-content span {

  font-weight: 500

}

.ds-google-rating-column {

  padding: 30px 24px;

  -webkit-box-shadow: 16.9032px 33.8064px 67.6129px rgba(51, 94, 247, .06);

  box-shadow: 16.9032px 33.8064px 67.6129px rgba(51, 94, 247, .06)

}

.ds-faq {

  background: #f6f9ff

}

.ds-faq-controls {

  gap: 20px

}

.ds-faq-controls li button {

  background: #fff;

  border: 0;

  padding: 18px 24px;

  border-radius: 5px;

  font-family: "Urbanist", sans-serif;

  font-weight: 700;

  color: #001042;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in;

  position: relative;

  z-index: 1

}

.ds-faq-controls li button::before {

  content: "";

  position: absolute;

  left: 50%;

  bottom: 0px;

  -webkit-transform: translateX(-50%);

  transform: translateX(-50%);

  -webkit-filter: blur(50px);

  filter: blur(50px);

  width: 98%;

  height: 25px;

  background: linear-gradient(95.45deg, #0082F8 0.64%, #1C40F2 98.23%);

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in;

  opacity: 0;

  z-index: -1

}

.ds-faq-controls li button.active {

  background: #1c40f2;

  color: #fff

}

.ds-faq-controls li button.active::before {

  opacity: 1

}

@media(max-width: 575.98px) {

  .ds-faq-controls li button {

    font-size: 15px;

    padding: 15px 20px

  }

}

.rs-hero {

  padding: 220px 0 350px 0;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center

}

.rs-hero::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: #001042;

  z-index: -1;

  opacity: .9

}

.rs-hero .lock-shape {

  top: -60px;

  left: 0

}

@media(max-width: 991.98px) {

  .rs-hero .lock-shape {

    left: -140px;

    top: -40px

  }

}

.rs-hero .power-btn {

  bottom: -60px;

  left: 60px

}

@media(max-width: 991.98px) {

  .rs-hero .power-btn {

    left: 0

  }

}

.rs-hero .browser {

  right: 0;

  top: 0

}

@media(max-width: 1399.98px) {

  .rs-hero .browser {

    right: -100px

  }

}

@media(max-width: 991.98px) {

  .rs-hero .browser {

    right: -200px;

    bottom: 0px;

    top: auto

  }

}

@media(max-width: 575.98px) {

  .rs-hero .browser {

    display: none

  }

}

.rs-hero-checklist {

  gap: 24px

}

.rs-hero-checklist li {

  color: #fff;

  font-size: 18px;

  font-weight: 700

}

@media(max-width: 575.98px) {

  .rs-hero-checklist {

    gap: 20px

  }

}

.rs-pricing .rs-pricing-filter {

  margin-top: -200px;

  position: relative;

  z-index: 1

}

.rs-pricing-filter .nav-tabs {

  gap: 24px

}

.rs-pricing-filter .nav-tabs li a {

  color: #fff;

  font-size: 18px;

  font-weight: 700;

  font-family: "Urbanist", sans-serif;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in;

  position: relative

}

.rs-pricing-filter .nav-tabs li a::before {

  content: "";

  position: absolute;

  left: 0;

  bottom: -5px;

  width: 100%;

  height: 2px;

  background: #ffc700;

  opacity: 0;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.rs-pricing-filter .nav-tabs li a.active {

  color: #ffc700

}

.rs-pricing-filter .nav-tabs li a.active::before {

  bottom: -2px;

  opacity: 1

}

.rs-pricing-column .monthly-price {

  color: #8af135

}

.rs-pricing-column .monthly-price span {

  color: #001042

}

.rs-pricing-column .feature-list {

  height: 250px

}

.rs-about {

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center

}

.rs-feature .rs-doted {

  left: 100px;

  bottom: 33%

}

.rs-rectangle-shape {

  width: 378px;

  height: 113px;

  background: linear-gradient(269.34deg, #8af135 -124.14%, #F6F9FF 52.47%);

  border-radius: 100px;

  top: 150px;

  -webkit-transform: rotate(144deg);

  transform: rotate(144deg)

}

.rs-feedback {

  background-size: cover;

  background-repeat: no-repeat;

  background-position: top center;

  margin-top: -15px

}

@media(max-width: 991.98px) {

  .rs-feedback {

    margin-top: -25px

  }

}

.rs-award-wrapper {

  border-radius: 10px;

  padding: 60px 25px;

  margin-top: -30px

}

.rs-award-wrapper .rs-award-thumb {

  gap: 24px

}

.rs-table table {

  width: 100%

}

.rs-table table th {

  border: 1px solid rgba(244, 244, 244, .3);

  background: #000f57;

  color: #fff;

  padding: 24px 40px;

  min-width: 220px

}

.rs-table table th:first-child {

  min-width: 280px

}

.rs-table table th .h4 {

  color: #fff;

  margin-bottom: 0

}

.rs-table table th .h4 span {

  font-size: 14px;

  font-weight: 400

}

.rs-table table th .h4.price {

  color: #ffc700

}

.rs-table table th .h4.price span {

  color: #fff

}

.rs-table table th span.plan-title {

  font-family: "Urbanist", sans-serif;

  margin-bottom: 8px;

  display: block

}

.rs-table table th .template-btn {

  margin-top: 16px

}

.rs-table .accordion-item {

  border: 0

}

.rs-table .accordion-item + .accordion-item {

  margin-top: 16px

}

.rs-table .accordion-item .accordion-header a {

  border: 0;

  background: #fff;

  -webkit-box-shadow: none;

  box-shadow: none;

  font-weight: 700;

  color: #001042

}

.rs-table .accordion-item .accordion-body {

  padding: 0

}

.rs-info-table td {

  border: 1px solid #c0d5ff;

  padding: 12px 24px;

  background: #f6f9ff;

  min-width: 220px

}

.rs-info-table td:first-child {

  min-width: 280px

}

.rs-info-table td strong {

  color: #8af135

}

.rs-cta {

  background: #001042

}

.rs-cta .rs-cta-btns {

  gap: 24px

}

.gh-heading {

  color: #b8b9bb

}

.gh-text {

  color: #898a8e

}

.gh-section-overlay {

  position: relative;

  z-index: 1

}

.gh-section-overlay::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: -webkit-gradient(linear, left top, left bottom, color-stop(58.61%, #14161D), to(rgba(20, 22, 29, 0)));

  background: linear-gradient(180deg, #14161D 58.61%, rgba(20, 22, 29, 0) 100%);

  z-index: -1

}

.gh-bg {

  background: #14161d

}

.gh-content-bg {

  background: #1c1e25

}

.gh-hero-section {

  padding: 80px 0 134px 0;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center

}

.gh-hero-btns {

  gap: 24px

}

.gh-hero-right .gh-hero-box-circle {

  position: absolute;

  left: -85px;

  bottom: -45px;

  width: 30px;

  height: 30px;

  background: linear-gradient(287.85deg, #8af135 0%, #FF7E5D 95.32%);

  border-radius: 50%;

  z-index: -1

}

@media(max-width: 991.98px) {

  .gh-hero-right .gh-hero-box-circle {

    left: -15px;

    bottom: -15px

  }

}

.gh-hero-box {

  position: absolute;

  max-width: 360px;

  left: -70px;

  bottom: -30px;

  border-radius: 15px;

  padding: 25px 20px;

  background: rgba(255, 255, 255, .04);

  -webkit-backdrop-filter: blur(20px);

  backdrop-filter: blur(20px);

  z-index: 1

}

.gh-hero-box p {

  color: #c1c1c1

}

.gh-hero-box .gh-hero-box-border {

  position: absolute;

  left: 0;

  top: 0;

  z-index: -1;

  width: 100%;

  height: 100%;

  padding: 1px;

  border-radius: 10px;

  background: -webkit-gradient(linear, left top, right top, from(#FF004A), to(rgba(255, 255, 255, 0.5176470588)));

  background: linear-gradient(to right, #FF004A 0%, rgba(255, 255, 255, 0.5176470588) 100%);

  -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));

  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);

  -webkit-mask-composite: xor;

  mask-composite: exclude

}

@media(max-width: 991.98px) {

  .gh-hero-box {

    bottom: 0;

    left: 0

  }

}

@media(max-width: 575.98px) {

  .gh-hero-box {

    position: relative;

    margin-top: 30px

  }

}

.gh-filter-top {

  position: relative

}

.gh-filter-top::before {

  content: "";

  position: absolute;

  left: 0;

  width: 100%;

  height: 2px;

  background: #363739;

  bottom: 12px

}

@media(max-width: 991.98px) {

  .gh-filter-top::before {

    display: none

  }

}

.gh-filter-search form {

  -webkit-transform: translateY(-10px);

  transform: translateY(-10px);

  max-width: 200px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  overflow: hidden

}

.gh-filter-search form button {

  background: rgba(0, 0, 0, 0);

  border: 0;

  color: #fff

}

.gh-filter-search form input {

  background: rgba(0, 0, 0, 0);

  border: 0;

  color: #898a8e

}

@media(max-width: 991.98px) {

  .gh-filter-search {

    margin-top: 32px

  }

  .gh-filter-search form {

    max-width: 400px

  }

}

.gh-filter-controls button {

  background: rgba(0, 0, 0, 0);

  color: #b8b9bb;

  font-weight: 600;

  border: 0;

  margin-right: 20px;

  margin-bottom: 20px;

  position: relative

}

.gh-filter-controls button::before {

  content: "";

  position: absolute;

  left: 0;

  width: 0;

  height: 2px;

  background: #8af135;

  bottom: -8px;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.gh-filter-controls button sup {

  color: #fff;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.gh-filter-controls button.active::before {

  width: 100%

}

.gh-filter-controls button.active sup {

  color: #8af135

}

.gh-single-game img {

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.gh-single-game .supported-operators {

  right: 15px;

  top: 15px

}

.gh-single-game .supported-operators a {

  width: 30px;

  height: 30px;

  background: -webkit-gradient(linear, left top, left bottom, from(rgba(30, 30, 44, 0.5)), color-stop(68.53%, rgba(0, 0, 0, 0.5)));

  background: linear-gradient(180deg, rgba(30, 30, 44, 0.5) 0%, rgba(0, 0, 0, 0.5) 68.53%);

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  border-radius: 50%;

  color: #fff;

  font-size: 12px

}

.gh-single-game .gh-single-game-content {

  width: 100%;

  text-align: center;

  padding: 30px 15px;

  left: 0;

  bottom: -20px;

  opacity: 0;

  visibility: hidden;

  background: rgba(0, 0, 0, .35);

  -webkit-backdrop-filter: blur(20px);

  backdrop-filter: blur(20px);

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.gh-single-game:hover img {

  -webkit-transform: scaleX(1.05);

  transform: scaleX(1.05)

}

.gh-single-game:hover .gh-single-game-content {

  visibility: visible;

  opacity: 1;

  bottom: 0

}

.gh-about-item {

  padding: 40px 24px;

  border-radius: 8px

}

.gh-feature .gh-comet-shape {

  width: 134px;

  height: 41px;

  background: linear-gradient(269.47deg, rgba(255, 7, 102, 0.5) -36.16%, rgba(20, 22, 29, 0.5) 61.88%);

  border-radius: 100px;

  -webkit-transform: rotate(144deg);

  transform: rotate(144deg);

  right: 150px;

  top: 80px

}

.gh-feature-list li {

  color: #bcbcbc;

  font-weight: 600

}

.gh-feature-list li + li {

  margin-top: 16px

}

.gh-feature-list li span {

  width: 15px;

  height: 15px;

  background: #8af135;

  color: #fff;

  border-radius: 50%;

  font-size: 8px;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center

}

.gh-video-content .gh-video-circle {

  width: 60px;

  height: 60px;

  background: -webkit-gradient(linear, left top, left bottom, from(#8af135), to(rgba(20, 22, 29, 0)));

  background: linear-gradient(180deg, #8af135 0%, rgba(20, 22, 29, 0) 100%);

  left: -30px;

  bottom: -30px;

  border-radius: 50%

}

.gh-video-popup {

  width: 60px;

  height: 60px;

  background: #8af135;

  color: #fff;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.gh-video-popup::before {

  content: "";

  position: absolute;

  left: -8px;

  top: -8px;

  width: 76px;

  height: 76px;

  background: rgba(0, 0, 0, 0);

  border: 1px solid #8af135;

  border-radius: 50%

}

.gh-video-popup:hover {

  color: #fff;

  -webkit-transform: translate(-50%, -60%) !important;

  transform: translate(-50%, -60%) !important

}

.gh-counter-section {

  background: linear-gradient(114.61deg, #03060F 35.3%, #140F18 53.07%)

}

.gh-counter-section .gh-counter-bg-shape {

  background-repeat: no-repeat;

  background-position: right bottom;

  width: 100%

}

.gh-counter-section .gh-counter-top {

  max-width: 545px

}

.gh-counter-items {

  gap: 24px

}

.gh-faq-accordion {

  background: rgba(0, 0, 0, 0);

  padding: 0

}

.gh-faq-accordion .accordion-item {

  background: rgba(0, 0, 0, 0);

  border: 1px solid #363739;

  padding: 20px 15px 20px 20px;

  border-radius: 4px

}

.gh-faq-accordion .accordion-item + .accordion-item {

  margin-top: 24px

}

.gh-faq-accordion .accordion-item:last-child {

  padding-bottom: 20px;

  border-bottom: 1px solid #363739

}

.gh-faq-accordion .accordion-item .accordion-header a {

  color: #b8b9bb

}

.gh-faq-accordion .accordion-item .accordion-header a::after {

  border: 0

}

.gh-faq-accordion .accordion-item .accordion-body p {

  color: #b8b9bb

}

.gh-feedback {

  padding: 120px 0 380px 0

}

.gh-feedback .gh-feedback-bg {

  background-size: cover;

  background-repeat: no-repeat;

  background-position: top center

}

@media(max-width: 767.98px) {

  .gh-feedback {

    padding: 65px 0 350px 0

  }

}

.gh-feedback-item {

  background: #2b2d34

}

.gh-maps {

  margin-top: -150px

}

@media(max-width: 767.98px) {

  .gh-maps {

    margin-top: -170px

  }

}

@media(max-width: 575.98px) {

  .gh-maps {

    margin-top: -185px

  }

}

.gh-map-bottom .gh-location-indicator {

  background: rgba(0, 0, 0, 0);

  color: #8af135;

  font-size: 30px;

  border: 0

}

.gh-map-bottom .gh-location-indicator:nth-of-type(1) {

  left: 12%;

  top: 13%

}

.gh-map-bottom .gh-location-indicator:nth-of-type(2) {

  bottom: 20%;

  left: 30%

}

.gh-map-bottom .gh-location-indicator:nth-of-type(3) {

  top: 16%;

  left: 50%

}

.gh-map-bottom .gh-location-indicator:nth-of-type(4) {

  bottom: 25%;

  left: 54%

}

.gh-map-bottom .gh-location-indicator:nth-of-type(5) {

  bottom: 15%;

  right: 10%

}

.gh-map-bottom .gh-location-indicator:nth-of-type(6) {

  top: 18%;

  left: 80%

}

.gh-cta-btns {

  gap: 24px

}

@media(max-width: 575.98px) {

  .gh-cta-btns {

    gap: 16px

  }

}

.cloud-hero {

  padding: 100px 0 240px 0

}

@media(max-width: 1399.98px) {

  .cloud-hero .cloud-hero-right img {

    max-width: calc(100% + 100px)

  }

}

@media(max-width: 991.98px) {

  .cloud-hero .cloud-hero-right img {

    max-width: 100%

  }

}

.cloud-rating p a {

  color: #00d6c9

}

@media(max-width: 480px) {

  .cloud-rating {

    max-width: 390px

  }

  .cloud-rating p br {

    display: none

  }

}

.cd-pricing {

  margin-top: -100px

}

.cd-about {

  background: #ebf5fe;

  padding: 250px 0 0 0

}

.cd-about .cd-top-triangle {

  width: 100%;

  height: 210px;

  background: #f6f9ff;

  -webkit-clip-path: polygon(0 0, 0 100%, 100% 0);

  clip-path: polygon(0 0, 0 100%, 100% 0);

  z-index: 1

}

.cd-about .cd-top-deep-triangle {

  top: 0;

  right: 0;

  width: 100%;

  height: 210px;

  background: #d4eaff;

  -webkit-clip-path: polygon(100% 0, 0 100%, 100% 20%);

  clip-path: polygon(100% 0, 0 100%, 100% 20%);

  z-index: 1

}

.cd-about .cd-bottom-triangle {

  bottom: -2px;

  width: 100%;

  height: 200px;

  background: #f6f9ff;

  -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0);

  clip-path: polygon(0 100%, 100% 100%, 100% 0);

  z-index: 1

}

.cd-about .cd-about-right {

  padding-bottom: 120px

}

@media(max-width: 1199.98px) {

  .cd-about .cd-about-right {

    padding-bottom: 0

  }

}

@media(max-width: 767.98px) {

  .cd-about {

    padding-top: 120px

  }

  .cd-about .cd-top-triangle {

    height: 80px

  }

  .cd-about .cd-top-deep-triangle {

    height: 80px

  }

  .cd-about .cd-bottom-triangle {

    height: 80px

  }

}

.cd-cta-wrapper {

  padding: 0 40px

}

@media(max-width: 1199.98px) {

  .cd-cta-wrapper {

    padding: 60px 40px

  }

}

@media(max-width: 991.98px) {

  .cd-cta-wrapper {

    padding: 0 40px 60px 40px

  }

}

.cd-table table tr:first-child {

  position: sticky;

  top: 70px

}

.cd-table table th {

  padding: 24px;

  background: #000f57;

  color: #fff;

  min-width: 220px

}

.cd-table table th:first-child {

  min-width: 280px;

  font-size: 24px

}

.cd-table table th .plan-title {

  margin-bottom: 4px;

  display: block

}

.cd-table table th .price {

  margin-bottom: 16px;

  color: #ffc700

}

.cd-table table th .price span {

  color: #fff;

  font-size: 14px

}

.cd-table table th + th {

  position: relative

}

.cd-table table th + th::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 1px;

  background: rgba(244, 244, 244, .3)

}

.cd-table table td {

  padding: 12px 24px;

  border: 1px solid #c0d5ff;

  min-width: 220px

}

.cd-table table td:first-child {

  min-width: 280px

}

.cd-table table td:not(:first-child) {

  text-align: center

}

.cd-table table td i {

  color: #00d172

}

@media(max-width: 1199.98px) {

  .cd-table {

    overflow-x: scroll

  }

  .cd-table table tr:first-child {

    position: initial

  }

}

.cd-feedback-award {

  padding: 30px 50px;

  gap: 48px;

  max-width: 648px

}

@media(max-width: 1399.98px) {

  .cd-feedback-award {

    gap: 24px

  }

}

@media(max-width: 1199.98px) {

  .cd-feedback-award {

    gap: 48px;

    margin-left: auto;

    margin-right: auto;

    margin-top: 24px

  }

}

@media(max-width: 767.98px) {

  .cd-feedback-award {

    gap: 24px

  }

}

@media(max-width: 575.98px) {

  .cd-feedback-award {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

  }

}

.cd-feedback-bottom .cd-circle-shape-small {

  width: 100px;

  height: 100px;

  background: -webkit-gradient(linear, left top, left bottom, from(#D7E5FF), to(#F6F9FF));

  background: linear-gradient(180deg, #D7E5FF 0%, #F6F9FF 100%);

  left: -50px;

  bottom: 180px

}

.cd-feedback-bottom .cd-circle-shape-large {

  width: 310px;

  height: 310px;

  background: -webkit-gradient(linear, left top, left bottom, from(#D7E5FF), to(#F6F9FF));

  background: linear-gradient(180deg, #D7E5FF 0%, #F6F9FF 100%);

  right: -200px;

  bottom: -100px

}

.cd-feedback-bottom .outline-style {

  background: rgba(0, 0, 0, 0);

  color: #001042;

  border: 1px solid #001042

}

.cd-feedback-bottom .outline-style:hover {

  background: #001042;

  color: #fff

}

.hero-4 {

  background: #000f57;

  padding: 215px 0 165px 0;

  margin-top: -115px;

  border-radius: 0 0 100px 0

}

.hero-4 .hero4-circle {

  width: 140px;

  height: 140px;

  background: -webkit-gradient(linear, left top, right top, color-stop(-0.5%, #1C40F2), color-stop(97.45%, #03F8FB));

  background: linear-gradient(90deg, #1C40F2 -0.5%, #03F8FB 97.45%);

  left: 60%;

  top: 30%

}

.hero-4 .h4-hero-shape {

  bottom: 115px;

  left: 106px

}

.hero-4 .h4-hero-shape-2 {

  right: 13%;

  top: 29%

}

.h4-app-section {

  margin-top: -60px

}

.h4-apps-box {

  padding: 45px 15px

}

.h4-apps-box .icon-bg {

  width: 60px;

  height: 60px

}

.h4-apps-box .icon-bg i {

  font-size: 30px;

  color: #001042

}

.h4-apps-box .icon-bg i.fa-magento {

  color: #ec6737

}

.h4-apps-box .icon-bg i.fa-wordpress {

  color: #00769d

}

.h4-apps-box .icon-bg i.fa-joomla {

  color: #f44321

}

.h4-apps-box .icon-bg i.fa-drupal {

  color: #03a9f4

}

.h4-apps-box .icon-bg.orange-light {

  background: rgba(249, 165, 65, .1)

}

.h4-apps-box .icon-bg.light-blue {

  background: #e6f6fe

}

.h4-apps-box h6 {

  font-size: 16px

}

.h4-hero-form {

  padding: 45px 30px;

  width: 100%;

  position: absolute;

  bottom: 48px;

  z-index: 2

}

.h4-hero-form form {

  overflow: hidden

}

.h4-hero-form form input {

  padding: 14px 16px;

  display: block;

  width: 100%;

  border: 1px solid #eaeaea;

  font-weight: 600;

  border-radius: 3px;

  margin-bottom: 16px

}

.h4-hero-form form input::-webkit-input-placeholder {

  color: #b7b7b7

}

.h4-hero-form form input::-moz-placeholder {

  color: #b7b7b7

}

.h4-hero-form form input:-ms-input-placeholder {

  color: #b7b7b7

}

.h4-hero-form form input::-ms-input-placeholder {

  color: #b7b7b7

}

.h4-hero-form form input::placeholder {

  color: #b7b7b7

}

.h4-hero-form form input[type=submit] {

    background: #8af135;

    color: #010101;

    border-color: #7b7c7a;

    margin-top: 40px;

    -webkit-transition: all .3s ease-in;

    transition: all .3s ease-in;

}

.h4-hero-form form input[type=submit]:hover {

  background: #fc4349

}

.h4-hero-form form .social-signup {

  gap: 16px

}

.h4-hero-form form .social-signup .social-btn {

  padding: 14px 35px;

  border: 1px solid #eaeaea;

  display: inline-block;

  border-radius: 4px;

  color: #001042;

  font-weight: 600;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.h4-hero-form form .social-signup .social-btn .google {

  color: #dd4b39

}

.h4-hero-form form .social-signup .social-btn .facebook {

  color: #3f6dc7

}

.h4-hero-form form .social-signup .social-btn:hover {

  background: #f6f6f6

}

@media(max-width: 1399.98px) {

  .h4-hero-form form .social-signup .social-btn {

    padding: 12px 25px;

    font-size: 15px

  }

}

@media(max-width: 1199.98px) {

  .h4-hero-form {

    position: relative

  }

}

.hosting-signle-product {

  padding: 40px 20px

}

.hosting-signle-product .pricing-amount > span {

  font-size: 14px;

  color: #001042;

  font-weight: 600

}

.hosting-signle-product .pricing-amount h3 {

  color: #8af135

}

.hosting-signle-product .pricing-amount h3 span {

  font-size: 16px;

  color: #001042;

  font-weight: 400

}

.hosting-signle-product p {

  font-size: 14px

}

.hosting-info .frame-shape {

  bottom: -50px;

  left: -50px;

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg)

}

.hosting-info-title mark {

  color: #1c40f2

}

.hosting-info-column {

  -webkit-box-shadow: 4px 10px 50px rgba(90, 108, 234, .1);

  box-shadow: 4px 10px 50px rgba(90, 108, 234, .1);

  padding: 40px 24px

}

.hosting-info-column .hostim-info-list li span {

  width: 12px;

  height: 12px;

  background: #001042;

  color: #fff;

  font-size: 8px

}

.hosting-info-column .hostim-info-list li + li {

  margin-top: 6px

}

.home4-about-right .title-area p {

  max-width: 450px

}

.home4-about-accordion .accordion-item .accordion-header a {

  color: #001042;

  position: relative

}

.home4-about-accordion .accordion-item .accordion-header a::before {

  content: "+";

  font-family: "FontAwesome";

  width: 30px;

  height: 30px;

  background: #fff;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  border-radius: 50%;

  margin-right: 15px;

  color: #1c40f2;

  font-weight: 700;

  font-size: 15px

}

.home4-about-accordion .accordion-item .accordion-header a:not(.collapsed)::before {

  content: "";

  background: linear-gradient(95.45deg, #0082F8 0.64%, #1C40F2 98.23%);

  color: #fff

}

.home4-about-accordion .accordion-item .accordion-body {

  padding-left: 0;

  padding-bottom: 0

}

.home4-about-accordion .accordion-item .accordion-body p {

  margin-bottom: 0

}

.home4-about-accordion .accordion-item + .accordion-item {

  margin-top: 24px

}

.h4-feature-wrapper {

  padding: 70px 60px 70px 60px;

  -webkit-box-shadow: 4px 10px 50px rgba(90, 108, 234, .1);

  box-shadow: 4px 10px 50px rgba(90, 108, 234, .1);

  border-radius: 6px

}

@media(max-width: 575.98px) {

  .h4-feature-wrapper {

    padding: 50px 30px

  }

}

.h4-feature-item .icon-wrapper span {

  width: 38px;

  height: 38px;

  background: #e6f6fe;

  bottom: -6px;

  right: -20px

}

.h4-feedback-award {

  gap: 24px

}

@media(max-width: 575.98px) {

  .h4-feedback-award {

    gap: 6px

  }

}

.h4-feedback-single {

  padding: 40px 24px 36px;

  -webkit-box-shadow: 4px 10px 50px rgba(90, 108, 234, .1);

  box-shadow: 4px 10px 50px rgba(90, 108, 234, .1)

}

.home4-cta-wrapper {

  padding: 0 50px 0

}

.home4-cta-wrapper .cta-right-shape {

  right: -50px;

  bottom: -70px;

  opacity: .6

}

@media(max-width: 991.98px) {

  .home4-cta-wrapper {

    padding: 40px 30px 0 30px

  }

}

.cta-left .home4-shape-large {

  width: 290px;

  height: 290px;

  background: -webkit-gradient(linear, left top, right top, color-stop(-0.5%, rgba(28, 64, 242, 0)), color-stop(97.45%, #03F8FB));

  background: linear-gradient(90deg, rgba(28, 64, 242, 0) -0.5%, #03F8FB 97.45%);

  bottom: 0;

  left: 15px

}

.h4-blog-card {

  overflow: hidden

}

.h4-blog-card .feature-img img {

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.h4-blog-card .category-btn {

  padding: 8px 24px;

  background: #8af135;

  font-size: 14px;

  color: #fff;

  border-radius: 5px 0 5px 0

}

.h4-blog-card .h4-blog-content {

  padding: 30px 20px;

  max-width: 550px;

  border-radius: 0 5px 0 5px;

  position: absolute;

  left: 0;

  bottom: 0

}

.h4-blog-card .h4-blog-content h3 {

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.h4-blog-card .h4-blog-content h3:hover {

  color: #1c40f2

}

.h4-blog-card:hover .feature-img img {

  -webkit-transform: scale(1.01);

  transform: scale(1.01)

}

@media(max-width: 575.98px) {

  .h4-blog-card {

    max-width: 500px;

    margin-left: auto;

    margin-right: auto

  }

  .h4-blog-card .h4-blog-content {

    position: relative

  }

}

.hero-5 {

  background: #000f57;

  padding: 200px 0 250px 0;

  margin-top: -100px

}

.hero-5 .hero-shape {

  bottom: 120px

}

.hero-5-rating {

  gap: 40px

}

@media(max-width: 991.98px) {

  .hero-5-rating {

    gap: 20px

  }

}

@media(max-width: 767.98px) {

  .hero-5-rating {

    max-width: 400px;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-left: auto;

    margin-right: auto

  }

}

.h5-domain-box {

  padding-left: 40px;

  margin-top: -150px;

  position: relative;

  z-index: 5

}

.h5-domain-box .box-right img {

  max-width: 340px

}

@media(max-width: 991.98px) {

  .h5-domain-box {

    padding: 60px 40px 0 40px;

    text-align: center

  }

}

@media(max-width: 575.98px) {

  .h5-domain-box .box-right img {

    max-width: 100%

  }

}

.h5-domain-search-form input {

  width: 100%;

  padding: 16px 24px;

  border: 0;

  background: #f2f2f5;

  border-radius: 3px;

  color: #a8a8a8

}

.h5-domain-search-form input::-webkit-input-placeholder {

  color: #a8a8a8

}

.h5-domain-search-form input::-moz-placeholder {

  color: #a8a8a8

}

.h5-domain-search-form input:-ms-input-placeholder {

  color: #a8a8a8

}

.h5-domain-search-form input::-ms-input-placeholder {

  color: #a8a8a8

}

.h5-domain-search-form input::placeholder {

  color: #a8a8a8

}

.h5-domain-search-form button {

  position: absolute;

  right: 0;

  top: 0;

  border-radius: 0 3px 3px 0

}

@media(max-width: 575.98px) {

  .h5-domain-search-form input {

    padding: 14px 18px

  }

}

@media(max-width: 480px) {

  .h5-domain-search-form button {

    position: relative;

    border-radius: 3px;

    margin-top: 16px

  }

}

.h5-domain-info {

  gap: 30px

}

.h5-domain-info .info-box {

  padding: 0;

  -webkit-box-shadow: none;

  box-shadow: none

}

.h5-domain-info .info-box h5 {

  font-size: 24px

}

.h5-domain-info .info-box span {

  font-size: 14px;

  font-weight: 600;

  color: #666

}

@media(max-width: 767.98px) {

  .h5-domain-info {

    gap: 20px

  }

}

.h5-service-box {

  padding: 40px 25px;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.h5-service-box .icon-wrapper {

  position: relative;

  z-index: 1

}

.h5-service-box .icon-wrapper::before {

  content: "";

  position: absolute;

  left: calc(50% - 50px);

  bottom: -6px;

  width: 40px;

  height: 40px;

  background: #1c40f2;

  opacity: .1;

  z-index: -1;

  border-radius: 50%

}

.h5-service-box h4 {

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.h5-service-box h4:hover {

  color: #1c40f2

}

.h5-service-box a.explore {

  color: #001042;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.h5-service-box a.explore span i {

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.h5-service-box a.explore:hover {

  color: #1c40f2

}

.h5-service-box a.explore:hover span i {

  -webkit-transform: translateX(3px);

  transform: translateX(3px)

}

.h5-service-box:hover {

  -webkit-box-shadow: 12px 26px 50px rgba(90, 108, 234, .07);

  box-shadow: 12px 26px 50px rgba(90, 108, 234, .07)

}

.h5-service-box:hover .icon-wrapper img {

  -webkit-animation: .4s tilt-shaking linear;

  animation: .4s tilt-shaking linear

}

.h5-service-box:hover a.explore {

  color: #1c40f2

}

.h5-migrate-wrapper {

  padding: 40px 70px 0 70px;

  -webkit-box-shadow: 12px 26px 50px rgba(90, 108, 234, .07);

  box-shadow: 12px 26px 50px rgba(90, 108, 234, .07)

}

@media(max-width: 1399.98px) {

  .h5-migrate-wrapper {

    padding: 40px 60px

  }

}

@media(max-width: 575.98px) {

  .h5-migrate-wrapper {

    padding: 40px 30px

  }

}

.h5-about-items li .icon-wrapper {

  width: 70px;

  height: 70px;

  -ms-flex-negative: 0;

  flex-shrink: 0;

  border-radius: 3px;

  -webkit-box-shadow: 0px 12px 50px rgba(125, 125, 125, .1);

  box-shadow: 0px 12px 50px rgba(125, 125, 125, .1)

}

.h5-tab-controls {

  gap: 24px;

  border: 0;

  position: relative

}

.h5-tab-controls::before {

  content: "";

  position: absolute;

  left: 0;

  bottom: -3px;

  width: 100%;

  height: 2px;

  background: rgba(0, 0, 0, .1)

}

.h5-tab-controls li a {

  font-family: "Urbanist", sans-serif;

  font-weight: 700;

  color: #001042;

  position: relative;

  padding: 4px

}

.h5-tab-controls li a::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: -2px;

  width: 0;

  height: 2px;

  background: linear-gradient(95.45deg, #0082F8 0.64%, #1C40F2 98.23%);

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.h5-tab-controls li a.active::after {

  width: 100%

}

@media(max-width: 1199.98px) {

  .h5-tab-controls {

    gap: 16px

  }

}

@media(min-width: 992px)and (max-width: 1199.98px) {

  .h5-tab-controls::before {

    display: none

  }

}

@media(max-width: 575.98px) {

  .h5-tab-controls::before {

    display: none

  }

}

.h5-feature-list li span {

  width: 20px;

  height: 20px;

  background: #fff;

  border-radius: 50%;

  font-size: 10px;

  -webkit-box-shadow: 0px 12px 50px rgba(125, 125, 125, .1);

  box-shadow: 0px 12px 50px rgba(125, 125, 125, .1)

}

.h5-feature-list li p {

  color: #001042

}

.h5-feature-list li + li {

  margin-top: 15px

}

.h5-pricing-controls {

  border: 1px solid #eaeaea;

  border-radius: 3px;

  padding: 8px 10px

}

.h5-pricing-controls li a {

  padding: 8px 24px;

  display: inline-block;

  color: #001042;

  font-family: "Urbanist", sans-serif;

  font-weight: 600

}

.h5-pricing-controls li a.active {

  background: #1c40f2;

  color: #fff;

  border-radius: 3px

}

.h5-pricing-filter-controls {

  padding-bottom: 6px;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  gap: 24px

}

.h5-pricing-filter-controls li a {

  font-family: "Urbanist", sans-serif;

  font-weight: 600;

  color: #001042;

  padding: 0 40px;

  position: relative

}

.h5-pricing-filter-controls li a::before {

  content: "";

  position: absolute;

  left: -10px;

  width: 0;

  bottom: -10px;

  height: 2px;

  background: #1c40f2;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.h5-pricing-filter-controls li a.active::before {

  width: calc(100% + 20px)

}

@media(max-width: 1399.98px) {

  .h5-pricing-filter-controls {

    gap: 16px

  }

  .h5-pricing-filter-controls li a {

    padding: 0 24px

  }

}

@media(max-width: 1199.98px) {

  .h5-pricing-filter-controls {

    gap: 16px

  }

  .h5-pricing-filter-controls li a {

    padding: 0 10px

  }

}

.h5-pricing-filter .tab-pane {

  display: none

}

.h5-pricing-filter .tab-pane.active {

  display: block;

  opacity: 1

}

.h5-pricing-single {

  padding: 40px 25px 30px

}

.h5-pricing-single .popular-badge {

  width: 200px;

  font-size: 14px;

  color: #fff;

  padding: 6px 0;

  right: -50px;

  top: 40px;

  text-align: center;

  background: url(../img/home2/badge.png);

  background-repeat: no-repeat;

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg)

}

.h5-pricing-single .icon-wrapper {

  font-size: 36px

}

.h5-pricing-single .price-title {

  color: #8af135

}

.h5-pricing-single .price-title span {

  font-size: 18px

}

.h5-pricing-single .pricing-feature-list {

  font-size: 15px

}

.h5-pricing-single .pricing-feature-list li {

  color: #001042;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center

}

.h5-pricing-single .pricing-feature-list li span {

  width: 12px;

  height: 12px;

  background: #001042;

  border-radius: 50%;

  color: #fff;

  font-size: 8px;

  display: inline-block;

  text-align: center;

  line-height: 12px

}

.h5-pricing-single .pricing-feature-list li + li {

  margin-top: 8px

}

.h5-pricing-single.business_plan {

  z-index: 10

}

.h5-application {

  background: #000f57

}

.h5-application .h5-circle-shape {

  width: 452px;

  height: 452px;

  background: linear-gradient(271.06deg, rgba(28, 64, 242, 0.7) 3.8%, rgba(1, 17, 100, 0) 89.03%);

  position: absolute;

  right: -100px;

  border-radius: 50%;

  z-index: -1;

  bottom: -100px;

  mix-blend-mode: soft-light

}

.h5-feedback .h5-feedback-slider {

  padding: 60px 0;

  width: calc(100% + 300px);

  margin-left: -150px

}

.h5-feedback .h5-feedback-slider .swiper-controls {

  position: absolute;

  width: 45px;

  height: 45px;

  background: #1c40f2;

  text-align: center;

  line-height: 45px;

  border-radius: 50%;

  color: #fff;

  top: calc(50% - 20px);

  z-index: 10;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.h5-feedback .h5-feedback-slider .swiper-controls:hover {

  background-color: #000f57;

  -webkit-transform: rotate(-25deg);

  transform: rotate(-25deg)

}

.h5-feedback .h5-feedback-slider .swiper-prev {

  left: calc(32% + 15px)

}

.h5-feedback .h5-feedback-slider .swiper-next {

  right: calc(32% + 15px);

  background: #000f57

}

.h5-feedback .h5-feedback-slider .swiper-next:hover {

  background-color: #1c40f2

}

@media(max-width: 1800px) {

  .h5-feedback .h5-feedback-slider {

    width: calc(100% + 600px);

    margin-left: -300px

  }

}

@media(max-width: 1399.98px) {

  .h5-feedback .h5-feedback-slider {

    text-align: center;

    width: 100%;

    margin-left: 0;

    padding-left: 12px;

    padding-right: 12px

  }

  .h5-feedback .h5-feedback-slider .h5-feedback-single {

    opacity: 1;

    text-align: left

  }

  .h5-feedback .h5-feedback-slider .swiper-controls {

    position: initial;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    margin-top: 25px

  }

  .h5-feedback .h5-feedback-slider .swiper-controls.swiper-prev {

    margin-right: 10px

  }

}

@media(max-width: 1199.98px) {

  .h5-feedback .h5-feedback-slider {

    max-width: 992px;

    margin-left: auto;

    margin-right: auto

  }

  .h5-feedback .h5-feedback-slider .h5-feedback-single {

    -webkit-box-shadow: 0px 0px 10px rgba(90, 108, 234, .1);

    box-shadow: 0px 0px 10px rgba(90, 108, 234, .1)

  }

}

.h5-feedback-single {

  padding: 40px 30px;

  -webkit-box-shadow: 0px 12px 64px rgba(103, 151, 255, .1), 0px 4px 24px rgba(103, 151, 255, .1);

  box-shadow: 0px 12px 64px rgba(103, 151, 255, .1), 0px 4px 24px rgba(103, 151, 255, .1);

  opacity: .3;

  position: relative;

  overflow: hidden

}

.h5-feedback-single::before {

  content: "";

  position: absolute;

  width: 252px;

  height: 252px;

  background: rgba(255, 7, 102, .1);

  top: -125px;

  left: -125px;

  border-radius: 50%;

  z-index: -1

}

.h5-feedback-single .h5-feedback-single-left {

  -ms-flex-negative: 0;

  flex-shrink: 0

}

.h5-feedback-single .h5-feedback-single-left span {

  font-size: 14px

}

.h5-feedback-single .h5-feedback-single-left .client-thumb .quote-icon {

  width: 30px;

  height: 30px;

  background: #8af135;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  border-radius: 50%;

  position: absolute;

  right: -15px;

  top: 25%

}

.h5-feedback-single .h5-feedback-single-right {

  margin-left: 70px

}

.h5-feedback-single.swiper-slide-next {

  opacity: 1

}

@media(max-width: 1600px) {

  .h5-feedback-single .h5-feedback-single-right {

    margin-left: 40px

  }

}

@media(max-width: 575.98px) {

  .h5-feedback-single {

    padding: 40px 24px

  }

  .h5-feedback-single .h5-feedback-single-right {

    text-align: center;

    margin: 24px 0 0 0

  }

}

.h5-blog-card {

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.h5-blog-card .feature-img img {

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.h5-blog-card .h5-blog-article-content {

  padding: 0 24px 40px

}

.h5-blog-card .h5-blog-article-content .h5-blog-author {

  max-width: 270px;

  background: #fff;

  -webkit-box-shadow: 4px 10px 50px rgba(90, 108, 234, .1);

  box-shadow: 4px 10px 50px rgba(90, 108, 234, .1);

  padding: 12px 16px;

  border-radius: 4px;

  margin-top: -30px;

  position: relative

}

.h5-blog-card .h5-blog-article-content .h5-blog-author img {

  border: 1px solid #eaeaea

}

.h5-blog-card .h5-blog-article-content .h5-blog-author h6 {

  font-size: 16px

}

.h5-blog-card .h5-blog-article-content .h5-blog-author p {

  font-size: 12px

}

.h5-blog-card .h5-blog-article-content h4 {

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.h5-blog-card .h5-blog-article-content h4:hover {

  color: #1c40f2

}

.h5-blog-card .h5-blog-article-content hr {

  opacity: .1

}

.h5-blog-card .h5-blog-article-content .share-btn {

  color: #666;

  font-weight: 600;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.h5-blog-card .h5-blog-article-content .share-btn:hover {

  color: #1c40f2

}

.h5-blog-card .h5-blog-article-content .explore-btn {

  color: #001042;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.h5-blog-card .h5-blog-article-content .explore-btn:hover {

  color: #1c40f2;

  -webkit-transform: rotate(25deg);

  transform: rotate(25deg)

}

.h5-blog-card:hover {

  -webkit-box-shadow: 12px 26px 50px rgba(90, 108, 234, .07);

  box-shadow: 12px 26px 50px rgba(90, 108, 234, .07)

}

.h5-blog-card:hover .feature-img img {

  -webkit-transform: scale(1.03);

  transform: scale(1.03)

}

.terms-and-conditions ul, .privacy-policy ul {

  list-style-type: disc;

  margin-left: 25px

}

.hm-affiliate-hero-left .lead {

  color: #ffb800;

  display: inline-block;

  font-size: 24px

}

.hm-affiliate-hero-left .lead::after {

  content: "";

  position: absolute;

  left: calc(100% + 10px);

  bottom: 4px;

  width: 120px;

  height: 3px;

  background: #ffb800

}

.hm-aff-service-top {

  margin-top: -60px

}

.hm-aff-service-top .row.g-70 {

  --bs-gutter-x: 70px;

  --bs-gutter-y: 70px

}

@media(max-width: 1399.98px) {

  .hm-aff-service-top .row.g-70 {

    --bs-gutter-x: 24px;

    --bs-gutter-y: 24px

  }

}

.hm-aff-service-content .arrow-shape {

  right: -50px;

  top: 0

}

.affiliate-plans {

  padding-bottom: 280px

}

@media(max-width: 767.98px) {

  .affiliate-plans {

    padding-bottom: 220px

  }

}

.aff-pricing-table .accordion-item .accordion-header a {

  background: #f6f6f6

}

.aff-service-item {

  padding: 40px 24px

}

.aff-ft-support {

  margin-top: -160px

}

.pricing-plan-slider .swiper-pagination .swiper-pagination-bullet {

  width: 16px;

  height: 16px;

  background: rgba(0, 0, 0, 0);

  border: 1px solid rgba(0, 0, 0, 0);

  opacity: 1;

  position: relative;

  margin: 1px

}

.pricing-plan-slider .swiper-pagination .swiper-pagination-bullet::before {

  content: "";

  position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  width: 8px;

  height: 8px;

  background-color: #000f57;

  border-radius: 50%

}

.pricing-plan-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {

  border-color: #1c40f2

}

.pricing-plan-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {

  background-color: #1c40f2

}

.pricing-plan-single .pricing-amount h3 {

  color: #8af135

}

.manage-table-pricing-wrapper {

  padding: 80px 40px 60px

}

.manage-table-pricing-wrapper .table th {

  background: #f6f6f6

}

.manage-table-pricing-wrapper .table td {

  border-bottom: 1px solid #eaeaea

}

.managed-plan table {

  vertical-align: middle

}

.managed-plan table th, .managed-plan table td {

  padding: 24px 24px;

  border: 0

}

.managed-plan table tr:not(:first-child) {

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.managed-plan table tr:not(:first-child):hover {

  -webkit-box-shadow: 0px 12px 64px rgba(103, 151, 255, .1), 0px 4px 24px rgba(103, 151, 255, .1);

  box-shadow: 0px 12px 64px rgba(103, 151, 255, .1), 0px 4px 24px rgba(103, 151, 255, .1)

}

.managed-plan table td {

  min-width: 180px

}

.managed-plan table td.item-name {

  min-width: 220px

}

.managed-plan table td.item-name strong {

  display: block;

  font-size: 18px

}

.managed-plan table td.item-name span {

  font-size: 14px

}

.managed-plan table td.price-amount {

  min-width: 280px

}

.managed-plan table td.price-amount span {

  font-size: 24px;

  font-family: "Urbanist", sans-serif;

  font-weight: 700

}

.managed-plan table td.price-amount span .sub-text {

  font-size: 18px

}

.managed-plan table td.price-amount .template-btn {

  margin-left: 50px;

  padding: 12px 24px;

  font-size: 15px

}

@media(max-width: 1399.98px) {

  .managed-plan table td.price-amount .template-btn {

    margin-left: 24px

  }

}

.email-hero {

  padding: 100px 0 240px 0

}

.email-pricing {

  margin-top: -120px

}

.email-pricing .rs-pricing-column {

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.email-pricing .rs-pricing-column:hover {

  -webkit-box-shadow: 0px 12px 64px rgba(103, 151, 255, .1), 0px 4px 24px rgba(103, 151, 255, .1);

  box-shadow: 0px 12px 64px rgba(103, 151, 255, .1), 0px 4px 24px rgba(103, 151, 255, .1)

}

.email-services-wrapper .em-host-arrow-lg {

  top: -30px;

  left: calc(50% + 10px);

  -webkit-transform: translateX(-50%);

  transform: translateX(-50%)

}

.email-service-item .icon-wrapper {

  width: 70px;

  height: 70px;

  position: relative;

  z-index: 1

}

.email-service-item .icon-wrapper::before {

  content: "";

  position: absolute;

  left: 10px;

  bottom: -10px;

  width: 50px;

  height: 50px;

  opacity: .6;

  border-radius: 50%;

  -webkit-filter: blur(20px);

  filter: blur(20px);

  z-index: -1

}

.email-service-item .icon-wrapper.bg-light-red {

  background: #8af135

}

.email-service-item .icon-wrapper.bg-light-red::before {

  background: #8af135

}

.email-service-item .icon-wrapper.bg-warning::before {

  background: #ffc107

}

.email-service-item .icon-wrapper.info-bg {

  background: #09e8e3

}

.email-service-item .icon-wrapper.info-bg::before {

  background: #09e8e3

}

@media(max-width: 1399.98px) {

  .email-service-item.mt-100 {

    margin-top: 0

  }

}

.email-feature .overlay-bg {

  background-repeat: no-repeat;

  background-size: cover

}

.email-feature-item .icon-wrapper {

  width: 70px;

  height: 70px;

  -webkit-box-shadow: 0px 12px 64px rgba(103, 151, 255, .1), 0px 4px 24px rgba(103, 151, 255, .1);

  box-shadow: 0px 12px 64px rgba(103, 151, 255, .1), 0px 4px 24px rgba(103, 151, 255, .1)

}

.em-explore-btn {

  color: #001042;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.em-explore-btn:hover {

  color: #1c40f2

}

.email-cta-wrapper {

  padding: 70px 24px

}

.email-cta-wrapper .rectangle-shape {

  right: 60px;

  top: 40px

}

.email-cta-wrapper .curve-shape {

  right: 100px

}

.em-pricing-single-item {

  padding: 40px 32px

}

.em-pricing-slider-wrapper {

  max-width: 1260px;

  margin: 0 auto

}

.em-pricing-slider {

  padding: 40px 0 60px 0;

  margin: 0 -15px

}

.em-pricing-slider .swiper-slide {

  -webkit-transform: scale(0.9);

  transform: scale(0.9)

}

.em-pricing-slider .swiper-slide-active {

  -webkit-transform: scale(1);

  transform: scale(1);

  -webkit-box-shadow: 0px 12px 64px rgba(103, 151, 255, .1), 0px 4px 24px rgba(103, 151, 255, .1);

  box-shadow: 0px 12px 64px rgba(103, 151, 255, .1), 0px 4px 24px rgba(103, 151, 255, .1);

  position: relative;

  z-index: 10

}

.em-pricing-slider .swiper-slide-active .em-pricing-btn {

  color: #fff

}

.em-pricing-slider .swiper-slide-active .em-pricing-btn::before {

  opacity: 1

}

.em-pricing-slider .swiper-pagination .swiper-pagination-bullet {

  border: 1px solid rgba(0, 0, 0, 0);

  background: rgba(0, 0, 0, 0);

  width: 15px;

  height: 15px;

  opacity: 1;

  position: relative

}

.em-pricing-slider .swiper-pagination .swiper-pagination-bullet::before {

  content: "";

  position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  width: 8px;

  height: 8px;

  background: #000f57;

  border-radius: 50%

}

.em-pricing-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {

  border: 1px solid #1c40f2

}

.em-pricing-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {

  background-color: #1c40f2

}

@media(max-width: 991.98px) {

  .em-pricing-slider {

    margin: 0

  }

  .em-pricing-slider .swiper-slide {

    -webkit-transform: scale(1);

    transform: scale(1)

  }

  .em-pricing-slider .swiper-slide-active {

    -webkit-box-shadow: none;

    box-shadow: none

  }

}

.em-pricing-single-item {

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.em-pricing-single-item .list-items li {

  font-size: 15px

}

.em-pricing-single-item .list-items li + li {

  margin-top: 8px

}

.em-pricing-single-item .list-items li span {

  color: #00d172

}

.em-pricing-single-item .em-pricing-btn {

  color: #fff;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in;

  padding: 12px 24px;

  display: inline-block;

  border-radius: 4px;

  overflow: hidden;

  position: relative;

  z-index: 1;

  margin-top: 16px;

  background: linear-gradient(95.45deg, #0082F8 0.64%, #1C40F2 98.23%)

}

.em-pricing-single-item .em-pricing-btn::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: linear-gradient(95.45deg, #1C40F2 98.23%, #0082F8 0.64%);

  z-index: -1;

  opacity: 0;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.em-pricing-single-item .em-pricing-btn:hover::before {

  opacity: 1

}

.black-friday-header {

  background: rgba(0, 0, 0, 0);

  position: relative;

  z-index: 10

}

.black-friday-header.sticky-header {

  background: #1e1e2c

}

.black-friday-header .sh-header-cart button .number {

  background: #8af135

}

.black-friday-header .sh-header-btn .primary-btn {

  background: #8af135

}

.black-friday-header .nav-menu-4 ul li .submenu-wrapper {

  background: #1e1e2c !important

}

.black-friday-header .nav-wrapper ul li.has-submenu .submenu-wrapper li .menu-list-wrapper .icon-wrapper, .black-friday-header .nav-wrapper ul li.has-submenu .submenu-wrapper .megamenu-item .menu-list-wrapper .icon-wrapper {

  background: #8af135

}

.friday-hero {

  background: #1f1f1f;

  padding: 180px 0;

  margin-top: -80px

}

.friday-hero .bf-line-left {

  bottom: 200px;

  left: 50px

}

.friday-hero .gift-box-right {

  top: 200px;

  right: 30px

}

.friday-hero .bf-line-top {

  right: 80px;

  top: 80px

}

.friday-hero .gift-box-sm {

  bottom: 85px

}

.friday-hero .dots-shape-white {

  left: 40%;

  bottom: 100px

}

.friday-hero .primary-btn {

  background: #8af135

}

.sp-downcount-timer {

  gap: 16px

}

.sp-downcount-timer li {

  text-align: center

}

.sp-downcount-timer li .box {

  min-width: 70px;

  padding: 12px 8px;

  background: #fff;

  border-radius: 4px;

  color: #001042;

  display: inline-block;

  font-size: 24px;

  font-family: "Urbanist", sans-serif;

  font-weight: 700

}

.sp-downcount-timer li .subtitle {

  display: block;

  margin-top: 4px;

  color: #fff

}

@media(max-width: 991.98px) {

  .friday-offer-packages {

    margin-top: 60px

  }

}

.friday-hosting-offer {

  background: #2a2a2a;

  padding: 40px 16px 26px;

  text-align: center

}

.friday-hosting-offer .title-badge {

  background: #fff;

  padding: 4px 24px;

  min-width: 200px;

  position: absolute;

  left: 50%;

  top: -15px;

  -webkit-transform: translateX(-50%);

  transform: translateX(-50%);

  -webkit-clip-path: polygon(100% 0, 94% 50%, 100% 100%, 0% 100%, 6% 50%, 0% 0%);

  clip-path: polygon(100% 0, 94% 50%, 100% 100%, 0% 100%, 6% 50%, 0% 0%);

  font-size: 18px;

  font-weight: 700;

  color: #001042;

  z-index: 2

}

.friday-hosting-offer .angle-shape {

  width: 60px;

  height: 30px;

  background: #fff;

  position: absolute;

  top: 0;

  left: 50%;

  -webkit-transform: translateX(-50%);

  transform: translateX(-50%);

  z-index: 1;

  -webkit-clip-path: polygon(100% 0, 0 0, 50% 100%);

  clip-path: polygon(100% 0, 0 0, 50% 100%)

}

.friday-hosting-offer .sale-price {

  color: #fff;

  font-family: "Urbanist", sans-serif;

  font-weight: 700;

  display: inline-block;

  position: relative

}

.friday-hosting-offer .sale-price::before {

  content: "";

  position: absolute;

  left: -6px;

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  width: calc(100% + 12px);

  height: 1.5px;

  background: #8af135

}

.friday-hosting-offer .price {

  color: #fff

}

.friday-hosting-offer .price span {

  font-size: 12px

}

.friday-hosting-offer .primary-btn {

  background: linear-gradient(95.45deg, #0082F8 0.64%, #1C40F2 98.23%)

}

.bf-brand-slider-area {

  margin-top: -60px

}

.bf-brand-slider-area .bf-brand-slider-wrapper {

  padding: 60px 40px;

  border-radius: 10px;

  -webkit-box-shadow: 0px 12px 64px rgba(103, 151, 255, .1), 0px 4px 24px rgba(103, 151, 255, .1);

  box-shadow: 0px 12px 64px rgba(103, 151, 255, .1), 0px 4px 24px rgba(103, 151, 255, .1);

  position: relative;

  z-index: 10

}

.bf-brand-slider-area .bf-brand-slider-wrapper .brand-thumb {

  text-align: center;

  padding: 0 25px

}

.bf-pricing-column {

  padding: 40px 24px

}

.bf-pricing-btn-meta {

  background: rgba(28, 64, 242, .05);

  color: #1c40f2;

  font-size: 12px

}

.bf-pricing-column .currency-sign {

  font-size: 40px;

  font-weight: 700;

  color: #001042;

  line-height: 1em;

  -webkit-transform: translateY(10px);

  transform: translateY(10px)

}

.bf-pricing-column .price-title {

  font-size: 90px;

  font-weight: 700;

  color: #001042;

  font-family: "Urbanist", sans-serif;

  line-height: 1em;

  position: relative

}

.bf-pricing-column .price-title sup {

  font-size: 22px;

  position: absolute;

  top: 20px

}

.bf-pricing-column .price-title sub {

  font-size: 16px;

  color: #666;

  position: absolute;

  bottom: 20px

}

.bf-pricing-column .template-btn {

  min-width: 200px

}

.bf-pricing-column .pricing-list li + li {

  margin-top: 10px

}

.bf-pricing-column.popular {

  -webkit-box-shadow: 0px 12px 64px rgba(103, 151, 255, .1), 0px 4px 24px rgba(103, 151, 255, .1);

  box-shadow: 0px 12px 64px rgba(103, 151, 255, .1), 0px 4px 24px rgba(103, 151, 255, .1);

  z-index: 2;

  border: 3px solid #8af135

}

.bf-pricing-column.popular .popular-badge {

  background: #8af135;

  padding: 8px 35px;

  color: #fff;

  font-family: "Urbanist", sans-serif;

  font-weight: 700;

  font-size: 14px;

  position: absolute;

  top: -38px;

  left: 50%;

  -webkit-transform: translateX(-50%);

  transform: translateX(-50%)

}

.bf-pricing-column.popular .popular-badge::before {

  content: "";

  position: absolute;

  left: 50%;

  -webkit-transform: translateX(-50%);

  transform: translateX(-50%);

  bottom: -12px;

  width: 30px;

  height: 15px;

  background: #8af135;

  -webkit-clip-path: polygon(100% 0, 0 0, 50% 100%);

  clip-path: polygon(100% 0, 0 0, 50% 100%)

}

.bf-domain-box .h5-domain-box {

  margin-top: 0

}

.friday-services.mt--140 {

  margin-top: -120px;

  padding-top: 240px

}

@media(max-width: 767.98px) {

  .friday-services.mt--140 {

    padding-top: 185px

  }

}

.black-cta {

  background: #1f1f1f

}

.black-cta .line-shape {

  left: 125px;

  bottom: 40px

}

.black-cta .primary-btn {

  background: #8af135

}

.fd-content-list .fd-list-item + .fd-list-item {

  margin-top: 32px

}

@media(max-width: 991.98px) {

  .fd-content-list .fd-list-item {

    max-width: 500px;

    margin-left: auto;

    margin-right: auto;

    text-align: center

  }

}

.control-dashboard .gradient-shape {

  width: 150px;

  height: 150px;

  background: linear-gradient(286.17deg, #335EF7 0%, #5F82FF 100%);

  right: -20px;

  top: -60px

}

.control-dashboard .dot-shape {

  bottom: -45px;

  right: -25px

}

.not-found-404 {

  min-height: 100vh;

  padding: 60px 16px 60px

}

.not-found-404 .notfound-content {

  max-width: 650px

}

.not-found-404 .notfound-content h1 {

  font-size: 250px

}

@media(max-width: 767.98px) {

  .not-found-404 .notfound-content h1 {

    font-size: 190px

  }

}

@media(max-width: 575.98px) {

  .not-found-404 .notfound-content h1 {

    font-size: 120px

  }

}

.services-status-list li {

  border: 1px solid #eaeaea;

  -webkit-transition: all .2s ease-in;

  transition: all .2s ease-in;

  border-bottom: 2px solid rgba(0, 0, 0, 0)

}

.services-status-list li .badge {

  background-color: rgba(28, 64, 242, .2);

  color: #1c40f2

}

.services-status-list .status-location-heading {

  width: 70%;

  text-align: left

}

.services-status-list .status-mode {

  width: 30%;

  text-align: right

}

.timeline-item {

  position: relative;

  padding-right: .9375rem;

  padding-left: 2rem

}

.timeline-item::before {

  content: "";

  position: absolute;

  top: 3.5rem;

  bottom: 0;

  left: 0;

  height: auto;

  border-left: 2px solid #eaeaea

}

.timeline-item:not(:last-child) {

  margin-bottom: 2rem

}

.timeline-icon.btn-sm {

  font-size: 18px;

  width: 2.4rem;

  height: 2.4rem

}

.timeline-heading {

  position: relative;

  display: block;

  font-size: 1.15rem;

  font-weight: 600;

  padding-bottom: .75rem;

  margin-bottom: 1rem;

  font-family: "Open Sans", sans-serif

}

.timeline-heading::after {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  border-bottom: 2px solid #eaeaea;

  content: ""

}

.minimal-hero {

  padding: 120px 0 120px;

  margin-top: -80px

}

@media(max-width: 1199.98px) {

  .minimal-hero {

    padding-top: 160px

  }

}

.mn-hero-content {

  padding-right: 30px

}

.mn-hero-content p {

  width: 90%

}

@media(max-width: 767.98px) {

  .mn-hero-content {

    padding-right: 0

  }

  .mn-hero-content p {

    width: 100%

  }

}

.mn-subtitle {

  color: #5041bc

}

.mn-hero-title mark {

  color: #ff8057

}

.mn-domain-info {

  gap: 18px

}

.mn-hero-form {

  max-width: 540px

}

.mn-hero-form input[type=text] {

  border-radius: 5px 0 0 5px;

  border: 1px solid #e7e7e7;

  border-right: 0

}

.mn-hero-form .form-select {

  border: 1px solid #e7e7e7;

  border-right: 0;

  border-left: 0

}

.mn-hero-form .template-btn {

  padding: 16px 21px

}

.dm-info-single h4 {

  font-size: 20px

}

.dm-info-single h4 .dot {

  color: #ff8057

}

.mn-hero-pricing-slider {

  width: calc(100% + 200px);

  margin-left: -100px

}

.mn-hero-pricing-slider .single-wrapper {

  padding: 0 50px

}

.mn-hero-pricing-slider .swiper-slide {

  -webkit-transform: scale(0.8);

  transform: scale(0.8);

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in;

  position: relative

}

.mn-hero-pricing-slider .swiper-slide .hosting-signle-product {

  position: relative

}

.mn-hero-pricing-slider .swiper-slide .hosting-signle-product::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(255, 255, 255, .7);

  z-index: 1

}

.mn-hero-pricing-slider .swiper-slide.swiper-slide-active {

  -webkit-transform: scale(1);

  transform: scale(1);

  position: relative;

  z-index: 10

}

.mn-hero-pricing-slider .swiper-slide.swiper-slide-active .hosting-signle-product {

  position: relative

}

.mn-hero-pricing-slider .swiper-slide.swiper-slide-active .hosting-signle-product::before {

  display: none

}

.mn-hero-pricing-slider .swiper-slide.swiper-slide-active .hosting-signle-product {

  -webkit-box-shadow: 12px 12px 25px rgba(90, 108, 234, .07);

  box-shadow: 12px 12px 25px rgba(90, 108, 234, .07)

}

.mn-hero-pricing-slider .hosting-signle-product h3 {

  color: #ff8057

}

.mn-hero-pricing-slider .slide-control {

  position: absolute;

  bottom: 0;

  left: calc(50% - 28px);

  -webkit-transform: translateX(-50%);

  transform: translateX(-50%);

  z-index: 10;

  width: 40px;

  height: 40px;

  border: 1px solid #001042;

  color: #001042;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  border-radius: 4px;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.mn-hero-pricing-slider .slide-control:hover {

  color: #fff;

  background-color: #5041bc

}

.mn-hero-pricing-slider .slide-control.slide-control-next {

  left: calc(50% + 28px)

}

@media(max-width: 767.98px) {

  .mn-hero-pricing-slider {

    width: 100%;

    margin-left: 0

  }

  .mn-hero-pricing-slider .single-wrapper {

    padding: 0

  }

  .mn-hero-pricing-slider .swiper-slide {

    -webkit-transform: scale(1);

    transform: scale(1)

  }

  .mn-hero-pricing-slider .swiper-slide::before {

    display: none

  }

}

.at-header-social {

  left: -100px;

  top: 50%;

  z-index: 50;

  -webkit-transform: translateY(-50%) rotate(-90deg);

  transform: translateY(-50%) rotate(-90deg)

}

.at-header-social > span {

  color: #001042;

  position: relative;

  padding-left: 20px;

  font-weight: 600

}

.at-header-social > span::before {

  content: "";

  position: absolute;

  left: 0;

  bottom: 8px;

  width: 15px;

  height: 2px;

  background: #ff8057

}

.at-header-social .social-list li {

  display: inline-block;

  -webkit-transform: rotate(90deg);

  transform: rotate(90deg);

  margin-right: 12px

}

.at-header-social .social-list li a {

  color: #001042;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in;

  margin: 5px

}

.at-header-social .social-list li a:hover {

  color: #ff8057

}

.mn-counter-section .yellow-dotted {

  top: -60px

}

@media(max-width: 575.98px) {

  .mn-counter-section {

    overflow: hidden

  }

}

.mn-counterup-single h4 {

  position: relative;

  z-index: -1

}

.mn-counterup-single h4::before {

  content: "";

  position: absolute;

  left: 50%;

  top: 0;

  width: 150px;

  height: 85px;

  background-image: linear-gradient(258.85deg, #FF8057 -8.7%, #F6F9FF 78.67%);

  -webkit-transform: translateX(-50%) rotate(-29deg);

  transform: translateX(-50%) rotate(-29deg);

  border-radius: 50px;

  opacity: .2

}

.mn-counterup-single p {

  font-size: 20px;

  font-weight: 600

}

.mn-feature-and-data-center .cloud-shape {

  top: -60px

}

.mn-feature-and-data-center .arrow-blue {

  right: 150px;

  top: -30px

}

.mn-feature-and-data-center .dotted-blue {

  top: -80px;

  right: -60px

}

@media(max-width: 767.98px) {

  .mn-feature-and-data-center {

    overflow: hidden

  }

  .mn-feature-and-data-center .cloud-shape {

    top: 10px

  }

}

.mn-title h2 mark {

  color: #ff8057

}

.mn-title h2 mark .line-shape {

  width: 100%;

  bottom: 0;

  left: 0

}

.mn-title-2 h2 mark {

  color: #5041bc

}

.mn-title-2 h2 mark .line-shape {

  width: 100%;

  left: 0;

  bottom: -2px

}

.mn-data-center-content .country-info span {

  color: #ff8057;

  font-weight: 700

}

.mn-data-center .data-center-pointer {

  position: absolute;

  -ms-flex-negative: 0;

  flex-shrink: 0

}

.mn-data-center .data-center-pointer i {

  color: #ff8057

}

.mn-data-center .data-center-pointer span {

  position: absolute;

  text-align: center;

  padding: 7px 10px;

  white-space: nowrap;

  background-color: #ff8057;

  color: #fff;

  border-radius: 4px;

  top: -52px;

  left: 50%;

  -webkit-transform: translateX(-50%);

  transform: translateX(-50%);

  opacity: 0;

  visibility: hidden;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.mn-data-center .data-center-pointer span::after {

  content: "";

  position: absolute;

  left: 50%;

  -webkit-transform: translateX(-50%);

  transform: translateX(-50%);

  bottom: -10px;

  width: 15px;

  height: 15px;

  background-color: #ff8057;

  -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);

  clip-path: polygon(0 0, 50% 100%, 100% 0)

}

.mn-data-center .data-center-pointer.active span {

  top: -46px;

  opacity: 1;

  visibility: visible

}

.mn-data-center .data-center-1 {

  left: 20px;

  top: 12%

}

.mn-data-center .data-center-2 {

  left: 24%;

  top: 0

}

.mn-data-center .data-center-3 {

  left: 50%;

  top: 25%

}

.mn-data-center .data-center-4 {

  left: 31%;

  bottom: 25%

}

.mn-data-center .data-center-5 {

  top: 28%;

  left: 48%

}

.mn-data-center .data-center-6 {

  bottom: 27%;

  left: 55%

}

.mn-data-center .data-center-7 {

  top: 15%;

  right: 20%

}

.mn-data-center .data-center-8 {

  top: 26%;

  right: 44%

}

.mn-data-center .data-center-9 {

  bottom: 22%;

  right: 13%

}

@media(min-width: 320px)and (max-width: 425px) {

  .mn-data-center .data-center-3 {

    top: 21%

  }

  .mn-data-center .data-center-5, .mn-data-center .data-center-8 {

    top: 23%

  }

}

.mn-support-section .arrow-sm-blue {

  left: 120px;

  top: -40px

}

@media(max-width: 1199.98px) {

  .mn-support-section .arrow-sm-blue {

    left: -30px;

    top: 0

  }

}

@media(max-width: 991.98px) {

  .mn-support-section {

    padding-bottom: 120px

  }

}

@media(max-width: 767.98px) {

  .mn-support-section {

    padding-bottom: 65px;

    overflow: hidden

  }

}

.mn-chatting-slider {

  max-width: 310px;

  float: right;

  max-height: 170px

}

.mn-chatting-slider .mn-chatting-single {

  opacity: .2

}

.mn-chatting-slider .mn-chatting-single.swiper-slide-active {

  opacity: 1

}

.mn-chatting-single p {

  font-size: 14px;

  padding: 10px 24px

}

.mn-message-call a {

  font-size: 20px;

  font-weight: 700

}

.mn-message-call a.phone {

  color: #001042

}

.mn-message-call a.message {

  color: #5041bc

}

.mn-about-section .arrow-sm-yellow {

  top: 200px;

  left: 160px

}

@media(max-width: 1199.98px) {

  .mn-about-section .arrow-sm-yellow {

    left: 0

  }

}

.mn-about-feature-single {

  padding: 24px;

  border: 1px solid #e7e7e7;

  background-color: #fff;

  border-radius: 10px;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in;

  -webkit-box-shadow: 12px 12px 25px rgba(90, 108, 234, .07);

  box-shadow: 12px 12px 25px rgba(90, 108, 234, .07);

  position: relative;

  z-index: 25

}

.mn-about-feature-single h5, .mn-about-feature-single p {

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.mn-about-feature-single:hover {

  background-color: #5041bc;

  -webkit-box-shadow: 12px 15px 30px rgba(80, 65, 188, .24);

  box-shadow: 12px 15px 30px rgba(80, 65, 188, .24)

}

.mn-about-feature-single:hover h5 {

  color: #fff

}

.mn-about-feature-single:hover p {

  color: #fff

}

.mn-feedback-section {

  padding-top: 200px;

  margin-top: -100px

}

.mn-feedback-slider .swiper-pagination {

  left: 0;

  text-align: left

}

.mn-feedback-slider .swiper-pagination .swiper-pagination-bullet {

  width: 6px;

  height: 6px;

  border-radius: 50%;

  background: #001042;

  opacity: 1;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in;

  border: 0

}

.mn-feedback-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {

  width: 16px;

  border-radius: 30px;

  background: #ff8057

}

.mn-feedback-clients img {

  margin-top: -50px

}

.mn-app-single {

  padding: 40px 24px

}

.mn-app-single h3 {

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.mn-app-single h3:hover {

  color: #5041bc

}

.mn-blog-card {

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.mn-blog-card .mn-blog-meta span {

  color: #ff8057

}

.mn-blog-card .mn-blog-meta span i {

  margin-right: 4px

}

.mn-blog-card .mn-blog-title h4 {

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.mn-blog-card .mn-blog-title h4:hover {

  color: #5041bc

}

.mn-blog-card .mn-blog-explore {

  color: #001042

}

.mn-blog-card .mn-blog-explore:hover {

  color: #5041bc

}

.mn-blog-card:hover {

  -webkit-box-shadow: 12px 12px 25px rgba(90, 108, 234, .07);

  box-shadow: 12px 12px 25px rgba(90, 108, 234, .07)

}

.hm7-hero-slider .hm7-hero-slide-control {

  position: absolute;

  right: 48px;

  bottom: 46px;

  z-index: 2;

  width: 64px;

  height: 64px;

  border: 1px solid #fff;

  color: #fff;

  border-radius: 10px;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  font-size: 20px;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.hm7-hero-slider .hm7-hero-slide-control::before {

  content: "";

  position: absolute;

  left: -1px;

  top: -1px;

  width: calc(100% + 2px);

  height: calc(100% + 2px);

  background-image: -webkit-gradient(linear, left top, right top, from(#6AAEFF), to(#005EFF));

  background-image: linear-gradient(90deg, #6AAEFF 0%, #005EFF 100%);

  z-index: -1;

  border-radius: 10px;

  opacity: 0;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.hm7-hero-slider .hm7-hero-slide-control:hover {

  border-color: rgba(0, 0, 0, 0)

}

.hm7-hero-slider .hm7-hero-slide-control:hover::before {

  opacity: 1

}

.hm7-hero-slider .hm7-hero-slider-prev {

  bottom: 122px

}

@media(max-width: 1600px) {

  .hm7-hero-slider .hm7-hero-slide-control {

    bottom: calc(50% - 40px)

  }

  .hm7-hero-slider .hm7-hero-slider-prev {

    bottom: calc(50% + 40px)

  }

}

@media(max-width: 575.98px) {

  .hm7-hero-slider .hm7-hero-slide-control {

    right: auto;

    left: 100px;

    bottom: 125px

  }

  .hm7-hero-slider .hm7-hero-slider-prev {

    bottom: 125px;

    left: 12px

  }

}

.slider-hero-single {

  padding: 148px 0 260px 0;

  background-repeat: no-repeat;

  background-position: center right

}

.slider-hero-single::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background-image: linear-gradient(85.83deg, #000E50 43.12%, rgba(0, 14, 80, 0.673076) 53.17%, rgba(0, 14, 80, 0) 83.05%);

  z-index: -1

}

.slider-hero-single.swiper-slide-active h4 {

  -webkit-animation: .7s fadeInUp;

  animation: .7s fadeInUp

}

.slider-hero-single.swiper-slide-active h1 {

  -webkit-animation: 1s fadeInUp;

  animation: 1s fadeInUp

}

.slider-hero-single.swiper-slide-active p {

  -webkit-animation: 1.2s fadeInUp;

  animation: 1.2s fadeInUp

}

.slider-hero-single.swiper-slide-active .hm7-hero-btns {

  -webkit-animation: 1.5s fadeInUp;

  animation: 1.5s fadeInUp

}

.hm7-hero-content .hm7-hero-subtitle {

  color: #8af135

}

.hm7-hero-btns {

  gap: 32px

}

.hero-social-2 > span {

  color: #fff

}

.hero-social-2 > span::before {

  background-color: #fff

}

.hero-social-2 .social-list li a {

  color: #fff

}

.hero-social-2 .social-list li a:hover {

  color: #1c40f2

}

@media(max-width: 1399.98px) {

  .hero-social-2 {

    left: -115px

  }

}

.hm7-features {

  margin-top: -80px

}

@media(max-width: 575.98px) {

  .hm7-features {

    overflow: hidden

  }

}

.hm7-feature-box {

  position: relative;

  z-index: 2

}

.hm7-feature-box .light-color-shape {

  position: absolute;

  left: -15px;

  top: -15px;

  width: 100%;

  height: 100%;

  background-color: rgba(246, 249, 255, .15)

}

@media(max-width: 575.98px) {

  .hm7-feature-box .light-color-shape {

    overflow: hidden

  }

}

.hm7-feature-box {

  padding: 40px 8px;

  -webkit-box-shadow: 12px 26px 50px rgba(90, 108, 234, .07);

  box-shadow: 12px 26px 50px rgba(90, 108, 234, .07)

}

.hm7-feature-single {

  padding: 0 32px;

  position: relative

}

.hm7-feature-single p {

  font-size: 15px

}

.hm7-feature-single.border-right::after {

  content: "";

  position: absolute;

  right: 8px;

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  width: 2px;

  height: 80px;

  background-color: #e3e3e3;

  opacity: .5

}

@media(max-width: 1199.98px) {

  .hm7-feature-single.border-right::after {

    display: none

  }

}

@media(max-width: 991.98px) {

  .hm7-feature-single {

    padding: 0 16px

  }

}

.hm7-about-left .circle-shape-gradient {

  width: 84px;

  height: 84px;

  background: linear-gradient(286.17deg, #335EF7 0%, #5F82FF 100%);

  left: -40px;

  top: -40px;

  opacity: .2

}

.hm7-counter-circle {

  width: 168px;

  height: 168px;

  padding: 13px;

  left: 50%;

  bottom: 10px;

  -webkit-transform: translateX(-50%);

  transform: translateX(-50%)

}

.hm7-counter-circle .counter-circle-wrapper {

  width: 100%;

  height: 100%;

  background-color: #8af135;

  border-radius: 50%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center

}

.hm7-domain-section {

  background-color: #eaf8ff

}

.hm7-domain-section .wave {

  right: 78px;

  top: 55px

}

.hm7-domain-section .dm-object {

  left: 40px;

  top: 40px

}

.hm7-domain-content {

  padding: 80px 0

}

.hm7-domain-content form input[type=text] {

  border-color: #fff

}

.hm7-domain-content form input[type=text]::-webkit-input-placeholder {

  color: #e7e7e7

}

.hm7-domain-content form input[type=text]::-moz-placeholder {

  color: #e7e7e7

}

.hm7-domain-content form input[type=text]:-ms-input-placeholder {

  color: #e7e7e7

}

.hm7-domain-content form input[type=text]::-ms-input-placeholder {

  color: #e7e7e7

}

.hm7-domain-content form input[type=text]::placeholder {

  color: #e7e7e7

}

.hm7-domain-content form .form-select {

  border-color: #fff

}

.hm7-dm-feature-img .dm-feature-img {

  position: absolute;

  bottom: 0;

  left: 50%;

  -webkit-transform: translateX(-50%);

  transform: translateX(-50%)

}

.hm7-dm-feature-img .circle-gradient {

  width: 180px;

  height: 180px;

  background-image: linear-gradient(44.58deg, #EAF8FF 37.42%, #6DE5FF 133.66%);

  right: 50px;

  top: 55px

}

.hm7-dm-feature-img .doted {

  left: 35px;

  top: 40%

}

@media(max-width: 991.98px) {

  .hm7-dm-feature-img .dm-feature-img {

    position: relative;

    left: auto;

    bottom: 0;

    -webkit-transform: translate(0);

    transform: translate(0)

  }

}

.hm7-title .hm7-subtitle {

  color: #0E71E4;

}

.hm7-pricing-table-tab .nav-tabs {

  max-width: 1100px;

  margin: 0 auto 40px

}

.hm7-pricing-table-tab .nav-tabs li a {

  color: #666;

  font-weight: 600;

  position: relative;

  padding: 0 30px

}

.hm7-pricing-table-tab .nav-tabs li a::before {

  content: "";

  position: absolute;

  left: 0;

  bottom: -4px;

  width: 0;

  height: 2px;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in;

  background-image: linear-gradient(95.45deg, #0082F8 0.64%, #1C40F2 98.23%)

}

.hm7-pricing-table-tab .nav-tabs li a.active {

  color: #001042

}

.hm7-pricing-table-tab .nav-tabs li a.active::before {

  width: 100%

}

@media(max-width: 1199.98px) {

  .hm7-pricing-table-tab .nav-tabs {

    border: 0;

    gap: 16px

  }

  .hm7-pricing-table-tab .nav-tabs li a {

    padding: 0

  }

}

.crm-pricing-table {

  padding: 32px 32px 0;

  border-radius: 10px 10px 0 0

}

.crm-pricing-table table {

  margin-bottom: 0

}

.crm-pricing-table table th {

  border-right: 1px solid #e3e3e3;

  border-bottom: 0;

  vertical-align: middle;

  padding-bottom: 16px

}

.crm-pricing-table table th.crm-pricing-switch-wrapper {

  min-width: 290px

}

.crm-pricing-table table th.crm-package-wrapper {

  min-width: 190px

}

.crm-pricing-table table th:last-child {

  border-right: 0

}

.crm-pricing-table table .title-sm {

  font-family: "Urbanist", sans-serif;

  font-weight: 600;

  color: #001042;

  display: block

}

.crm-pricing-table table .crm-package-price {

  display: block;

  font-size: 24px;

  font-family: "Urbanist", sans-serif;

  font-weight: 700;

  color: #001042

}

.crm-pricing-table table .crm-package-price.crm_monthly_price {

  display: none

}

.crm-pricing-table table .crm-package-subtitle {

  font-size: 12px;

  font-weight: 400

}

.crm-pricing-table table .crm-package-btn {

  border: 1px solid #001042;

  color: #666;

  position: relative;

  overflow: hidden;

  z-index: 1

}

.crm-pricing-table table .crm-package-btn::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background-image: linear-gradient(95.45deg, #0082F8 0.64%, #1C40F2 98.23%);

  z-index: -1;

  opacity: 0;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.crm-pricing-table table .crm-package-btn:hover {

  background-color: #1c40f2;

  color: #fff;

  border-color: rgba(0, 0, 0, 0)

}

.crm-pricing-table table .crm-package-btn:hover::before {

  opacity: 1

}

.crm-pricing-switch-wrapper .arrow-shape {

  position: absolute;

  width: 40px;

  left: 160px;

  top: 75px;

  -webkit-transform: rotate(40deg);

  transform: rotate(40deg)

}

.crm-pricing-switch-wrapper .crm-offer-badge {

  color: #ff724b;

  font-size: 12px;

  font-weight: 600;

  position: absolute;

  left: 200px;

  bottom: 60px

}

.crm-pricing-switch-wrapper .title {

  font-size: 24px;

  font-weight: 700;

  color: #001042

}

.crm-pricing-switch {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center

}

.crm-pricing-switch button {

  border: 0;

  background-color: rgba(0, 0, 0, 0);

  font-size: 14px;

  font-weight: 600

}

.crm-pricing-switch .crm-switch {

  width: 33px;

  height: 16px;

  display: inline-block;

  border: 1px solid #001042;

  border-radius: 30px;

  position: relative;

  cursor: pointer;

  margin: 0 4px

}

.crm-pricing-switch .crm-switch .crm-switch-dot {

  position: absolute;

  width: 11px;

  height: 11px;

  background-color: #001042;

  border-radius: 50%;

  top: 50%;

  left: 2px;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.crm-pricing-switch .crm-switch .crm-checkbox-switch {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  cursor: pointer;

  z-index: 1;

  opacity: 0

}

.crm-pricing-switch .crm-switch .crm-checkbox-switch:checked ~ .crm-switch-dot {

  left: 18px

}

.crm_pricing_feature_accordion {

  padding: 0 32px 32px;

  border-radius: 0 0 10px 10px

}

.crm_pricing_feature_accordion .accordion-item + .accordion-item {

  margin-top: 8px

}

.crm_pricing_feature_accordion .accordion-item .accordion-header a {

  background-color: #f6f9ff;

  display: block;

  font-weight: 600;

  font-family: "Urbanist", sans-serif;

  color: #001042;

  padding: 10px 17px 10px 32px;

  position: relative

}

.crm_pricing_feature_accordion .accordion-item .accordion-header a::before {

  position: absolute;

  left: 11px

}

.crm_pricing_feature_accordion .accordion-item .accordion-header a::after {

  content: "";

  position: absolute;

  left: 8px;

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  width: 20px;

  height: 20px;

  border-radius: 50%;

  border: 1px solid #001042;

  font-size: 14px

}

.crm_pricing_feature_accordion .accordion-item .accordion-header a.collapsed::before {

  content: "+";

  font-family: "FontAwesome"

}

.crm_pricing_feature_accordion .accordion-item .accordion-header a:not(.collapsed)::before {

  content: "";

  font-family: "FontAwesome"

}

.crm_pricing_feature_table table {

  margin-bottom: 0

}

.crm_pricing_feature_table td {

  border: 1px solid #e3e3e3;

  border-top: 0;

  font-size: 14px;

  color: #666

}

.crm_pricing_feature_table td:first-child {

  border-left: 0

}

.crm_pricing_feature_table td:last-child {

  border-right: 0

}

.crm_pricing_feature_table .crm_pricing_features_name {

  min-width: 290px

}

.crm_pricing_feature_table .crm_pricing_feature_check {

  min-width: 190px

}

.custom-plan-box {

    background-image: linear-gradient(101.48deg, #0e1f1b -0.49%, #1d6c59 97.87%);

    border-radius: 10px;

    padding: 60px 24px;

}

.custom-plan-box .flower-shape {

  left: 16px;

  bottom: 0

}

.custom-plan-box .paper-pen {

  right: 16px;

  bottom: 0

}

.site_builder {

  padding: 48px 24px 0;

  border: 1px solid #eaeaea;

  border-radius: 10px

}

.site_builder2 {

  padding: 60px 24px 48px

}

.hm7-feedback {

  margin-top: -100px;

  padding-top: 220px

}

.hm7-feedback .hm7-desc {

  position: relative

}

.hm7-feedback .hm7-desc::before {

  content: "";

  position: absolute;

  left: -24px;

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  width: 1px;

  height: 80px;

  background-color: #e3e3e3;

  opacity: .5

}

.hm7-feedback .ds-google-rating-column img {

  width: 55px

}

.hm7-feedback-wrapper {

  margin: 48px auto 0;

  position: relative

}

.hm7-feedback-wrapper .hm7-feedback-slide-control {

  position: absolute;

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  z-index: 2;

  border: 0;

  width: 40px;

  height: 40px;

  border-radius: 50%;

  background-color: #1c40f2;

  color: #fff;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.hm7-feedback-wrapper .hm7-feedback-slide-control:hover {

  background-color: #001042;

  -webkit-transform: translateY(-50%) rotate(-25deg);

  transform: translateY(-50%) rotate(-25deg)

}

.hm7-feedback-wrapper .hm7-feedback-slide-control.hm7-feedback-prev {

  left: -15px

}

.hm7-feedback-wrapper .hm7-feedback-slide-control.hm7-feedback-next {

  right: -15px

}

@media(max-width: 575.98px) {

  .hm7-feedback-wrapper .hm7-feedback-slide-control {

    display: none

  }

}

.hm7-feedback-single {

  padding: 48px 24px;

  gap: 48px;

  -webkit-box-sizing: border-box;

  box-sizing: border-box

}

.hm7-feedback-single .clients_info {

  width: 245px

}

.hm7-feedback-single .clients_feedback {

  position: relative

}

.hm7-feedback-single .clients_feedback::before {

  content: "";

  position: absolute;

  left: -24px;

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  width: 1px;

  height: 138px;

  background-color: #e3e3e3;

  opacity: .5

}

@media(max-width: 991.98px) {

  .hm7-feedback-single .clients_info {

    width: 30%

  }

}

@media(max-width: 575.98px) {

  .hm7-feedback-single {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    gap: 24px

  }

  .hm7-feedback-single .clients_info {

    width: 100%

  }

  .hm7-feedback-single .clients_feedback {

    text-align: center

  }

  .hm7-feedback-single .clients_feedback::before {

    display: none

  }

}

.hm7-application-box {

  background-image: linear-gradient(101.48deg, #102062 -0.49%, #060B43 97.87%);

  padding: 60px 40px 0;

  border-radius: 10px;

  position: relative;

  z-index: 1

}

.hm7-application-box .hm7-app-slide-control {

  position: absolute;

  bottom: -26px;

  width: 54px;

  height: 54px;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  border-radius: 4px;

  background-color: #fff;

  color: #001042;

  -webkit-box-shadow: 12px 26px 50px rgba(90, 108, 234, .07);

  box-shadow: 12px 26px 50px rgba(90, 108, 234, .07);

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in;

  overflow: hidden;

  z-index: 1

}

.hm7-application-box .hm7-app-slide-control::before {

  content: "";

  position: absolute;

  left: 0;

  width: 100%;

  top: 0;

  height: 100%;

  background-image: linear-gradient(95.45deg, #0082F8 0.64%, #1C40F2 98.23%);

  z-index: -1;

  opacity: 0;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.hm7-application-box .hm7-app-slide-control:hover {

  color: #fff

}

.hm7-application-box .hm7-app-slide-control:hover::before {

  opacity: 1

}

.hm7-application-box .hm7-app-slide-control.hm7-app-slide-prev {

  left: 24px

}

.hm7-application-box .hm7-app-slide-control.hm7-app-slide-next {

  left: 95px

}

@media(max-width: 1199.98px) {

  .hm7-application-box .hm7-app-slide-control {

    display: none

  }

}

.hm7-application-slider {

  margin-bottom: -75px

}

.next-section {

  margin-top: -100px

}

.hm7-app-item {

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.hm7-app-item:hover {

  -webkit-box-shadow: 10px 10px 25px rgba(90, 108, 234, .1);

  box-shadow: 10px 10px 25px rgba(90, 108, 234, .1)

}

.h7-blog {

  padding-top: 300px;

  margin-top: -130px

}

.data-center-hero {

  padding: 160px 0 340px 0

}

.data-center-filter {

  margin-top: -215px

}

.data-center-filter-btns button {

  background-color: rgba(0, 0, 0, 0);

  border: 0;

  color: #fff;

  font-weight: 600;

  padding: 2px 8px;

  border-bottom: 1px solid #ffb800;

  border-width: 0;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in;

  position: relative;

  margin-bottom: 10px

}

.data-center-filter-btns button::before {

  content: "";

  position: absolute;

  right: 0;

  bottom: -3px;

  width: 0;

  height: 1px;

  background-color: #ffb800;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.data-center-filter-btns button.active::before {

  width: 100%;

  right: auto;

  left: 0

}

.dc-location {

  padding: 50px 40px;

  -webkit-box-shadow: 0px 20px 30px rgba(211, 209, 216, .2);

  box-shadow: 0px 20px 30px rgba(211, 209, 216, .2)

}

.dc-location .ip-address {

  color: #001042

}

.dc-location .ip-address span {

  color: #666

}

.dtc-title mark {

  color: #8af135

}

.dtc-title mark::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: -15px;

  width: 100%;

  height: 20px;

  background: url("../img/shapes/curve-line.svg");

  background-repeat: no-repeat

}

.dtc-title.dtc-title2 mark {

  color: #ffb800

}

.dtc-title.dtc-title2 mark::after {

  background: url("../img/home2/shape/curve-line.svg")

}

.dtc-partner-section {

  background-color: #001042

}

.dtc-partners-list {

  gap: 24px

}

@media(max-width: 767.98px) {

  .dtc-partners-list {

    gap: 16px

  }

}

.dtc-partner-single {

  width: calc(20% - 20px);

  height: 138px;

  padding: 12px

}

@media(max-width: 1199.98px) {

  .dtc-partner-single {

    width: calc(25% - 18px)

  }

}

@media(max-width: 991.98px) {

  .dtc-partner-single {

    width: calc(33% - 14px)

  }

}

@media(max-width: 767.98px) {

  .dtc-partner-single {

    width: calc(50% - 12px);

    height: 130px

  }

}

.jobs-single {

  padding: 16px 24px 40px

}

.jobs-single .job-type svg {

  -webkit-transform: translateY(-1px);

  transform: translateY(-1px)

}

.jobs-single .outline-btn {

  color: #000f57;

  border: 1px solid #000f57

}

.jobs-single .outline-btn:hover {

  color: #fff;

  border-color: rgba(0, 0, 0, 0)

}

.cr-feature-single {

  padding: 40px 24px;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.cr-feature-single .icon-wrapper {

  padding-left: 15px

}

.cr-feature-single .icon-wrapper::before {

  content: "";

  position: absolute;

  left: 0;

  top: -8px;

  width: 56px;

  height: 56px;

  background-image: linear-gradient(50.33deg, rgba(28, 64, 242, 0.15) 9.69%, rgba(28, 64, 242, 0) 67.15%);

  border-radius: 50%

}

.cr-feature-single:hover {

  -webkit-box-shadow: 12px 26px 50px rgba(90, 108, 234, .07);

  box-shadow: 12px 26px 50px rgba(90, 108, 234, .07)

}

.cr-cta-box {

  padding: 80px 56px

}

@media(max-width: 575.98px) {

  .cr-cta-box {

    padding: 60px 32px

  }

}

.cr-title h2 mark::before {

  content: "";

  position: absolute;

  left: 0;

  bottom: -5px;

  width: 100%;

  height: 20px;

  background: url("../img/home2/shape/curve-line.svg");

  background-repeat: no-repeat

}

.crd-list li + li {

  margin-top: 10px

}

.cmp-pricing-single .popular-badge {

  top: 32px;

  right: -125px

}

.cmp-pricing-slider-groups {

  padding: 0 15px

}

.cmp-pricing-control {

  position: absolute;

  left: 0;

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  z-index: 2;

  width: 30px;

  height: 30px;

  line-height: 30px;

  display: inline-block;

  text-align: center;

  font-size: 15px;

  border: 1px solid #000f57;

  color: #000f57;

  background-color: rgba(0, 0, 0, 0);

  border-radius: 4px;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.cmp-pricing-control::before {

  content: "";

  position: absolute;

  left: -1px;

  top: -1px;

  width: calc(100% + 2px);

  height: calc(100% + 2px);

  background-image: linear-gradient(95.45deg, #0082F8 0.64%, #1C40F2 98.23%);

  z-index: -1;

  border-radius: 4px;

  opacity: 0;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.cmp-pricing-control.cmp-pricing-next {

  left: auto;

  right: 0

}

.cmp-pricing-control:hover {

  color: #fff;

  border-color: rgba(0, 0, 0, 0)

}

.cmp-pricing-control:hover::before {

  opacity: 1

}

.compare-explore {

  color: #001042;

  font-weight: 700;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.compare-explore span {

  width: 24px;

  height: 24px;

  background-color: #8af135;

  color: #fff;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.compare-explore:hover {

  color: #1c40f2

}

.compare-explore:hover span {

  background-color: #1c40f2

}

.vps-pricing-table-2 table thead tr th {

  background-color: #001042;

  background-image: none

}

.vps-pricing-table-2 table tbody tr td a {

  border-radius: 6px

}

.cmp-dedicated-pricing table {

  width: 100%;

  border-collapse: separate;

  border-spacing: 0 24px

}

.cmp-dedicated-pricing tr {

  background-color: #fff;

  border-radius: 6px

}

.cmp-dedicated-pricing tr td {

  text-align: left;

  padding: 24px 16px

}

.cmp-dedicated-pricing tr td strong {

  display: block;

  color: #001042

}

.cmp-dedicated-pricing tr td .pricing-data h4 {

  color: #8af135

}

.cmp-dedicated-pricing tr td .pricing-data h4 span {

  color: #001042

}

@media(max-width: 1440px) {

  .cmp-dedicated-pricing tbody {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    gap: 24px;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

  }

  .cmp-dedicated-pricing tr {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    width: calc(50% - 24px)

  }

  .cmp-dedicated-pricing tr td {

    width: 50%

  }

  .cmp-dedicated-pricing tr td.plan-title {

    width: 100%;

    -ms-flex-negative: 0;

    flex-shrink: 0

  }

  .cmp-dedicated-pricing tr td:last-child {

    width: 100%

  }

}

@media(max-width: 767.98px) {

  .cmp-dedicated-pricing tr {

    width: 100%

  }

}

.dd-hero {

  padding: 270px 0;

  background-color: #8aedfe

}

.dd-hero .dd-hero-server {

  position: absolute;

  right: 50px;

  bottom: 50px

}

.dd-hero .dd-hero-curve-shape {

  width: 65%;

  height: 100%;

  background-color: #003492;

  -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);

  clip-path: polygon(100% 0, 0% 100%, 100% 100%)

}

@media(max-width: 1700px) {

  .dd-hero {

    padding: 250px 0 200px 0

  }

  .dd-hero .dd-hero-server {

    max-width: 50%;

    bottom: 50%;

    -webkit-transform: translateY(50%);

    transform: translateY(50%)

  }

}

@media(max-width: 1399.98px) {

  .dd-hero {

    padding: 200px 0

  }

}

@media(max-width: 1199.98px) {

  .dd-hero {

    padding: 120px 0 60px 0

  }

  .dd-hero .dd-hero-server {

    position: relative;

    bottom: auto;

    right: auto;

    -webkit-transform: translate(0);

    transform: translate(0);

    max-width: 960px;

    margin: 0 auto;

    display: block

  }

  .dd-hero .dd-hero-curve-shape {

    display: none

  }

}

@media(max-width: 991.98px) {

  .dd-hero .dd-hero-server {

    max-width: 720px

  }

}

@media(max-width: 767.98px) {

  .dd-hero .dd-hero-content {

    margin-bottom: 32px

  }

  .dd-hero .dd-hero-server {

    max-width: 540px

  }

}

@media(max-width: 575.98px) {

  .dd-hero .dd-hero-server {

    max-width: calc(100% - 24px)

  }

}

.dd-hero-content p {

  color: #001042;

  max-width: 560px

}

.dd-section-bg {

  background-color: #f3f7ff

}

.dd-pricing-single {

  padding: 40px 45px

}

.dd-pricing-single .sale-badge {

  background-color: #8af135;

  padding: 4px 16px;

  display: inline-block;

  color: #fff;

  border-radius: 50px 0 0 50px;

  top: 14px

}

.dd-pricing-single .icon {

  max-width: 85px

}

.dd-pricing-single .dd-price-amount sup {

  font-size: 20px;

  -webkit-transform: translateY(-5px);

  transform: translateY(-5px);

  display: inline-block

}

.dd-pricing-single .dd-price-amount span {

  font-size: 16px;

  font-weight: 600;

  color: #7e7e8f

}

.dd-pricing-single .feature-list li {

  color: #7e7e8f;

  font-size: 14px

}

.dd-pricing-single .feature-list li + li {

  margin-top: 15px

}

.dd-pricing-single .template-btn {

  border: 1px solid #7e7e8f;

  color: #001042;

  padding: 12px 56px;

  font-size: 14px

}

.dd-pricing-single .template-btn:hover {

    background-color: #8af135;

    color: #fff;

    border-color: #84c336;

}

.dd-pricing-single.sale .template-btn {

  background-color: #8af135;

  color: #fff;

  border-color: #8af135

}

.dd-pricing-single.sale .template-btn:hover {

  background-color: rgba(0, 0, 0, 0);

  color: #8af135;

  border-color: #8af135

}

.dd-heading-color {

  color: #001042

}

.dd-primary-bg {

  background-color: #8aedfe

}

.dd-domain .triangle-shape {

  width: 45%;

  height: 100%;

  background-color: #003492;

  -webkit-clip-path: polygon(100% 0, 0 100%, 100% 100%);

  clip-path: polygon(100% 0, 0 100%, 100% 100%)

}

@media(max-width: 991.98px) {

  .dd-domain .triangle-shape {

    display: none

  }

}

.dd-domain .server {

  position: absolute;

  right: 100px;

  bottom: 30px

}

@media(max-width: 1399.98px) {

  .dd-domain .server {

    max-width: 36%

  }

}

@media(max-width: 1199.98px) {

  .dd-domain .server {

    max-width: 30%;

    right: 40px;

    bottom: 80px

  }

}

@media(max-width: 991.98px) {

  .dd-domain .server {

    display: none

  }

}

.dd-search-form .icon {

  color: #7e7e8f

}

.dd-search-form input {

  width: 100%;

  padding: 6px 0;

  border: 0

}

.dd-search-form input::-webkit-input-placeholder {

  color: #919eab

}

.dd-search-form input::-moz-placeholder {

  color: #919eab

}

.dd-search-form input:-ms-input-placeholder {

  color: #919eab

}

.dd-search-form input::-ms-input-placeholder {

  color: #919eab

}

.dd-search-form input::placeholder {

  color: #919eab

}

.dd-search-form .dd-submit-btn {

  -ms-flex-negative: 0;

  flex-shrink: 0;

  border: 0;

  background-color: #8af135;

  padding: 12px 30px;

  color: #fff;

  border-radius: 50px;

  font-weight: 500;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.dd-domain-info .info-box {

  -webkit-box-shadow: none;

  box-shadow: none;

  padding-left: 0;

  padding-right: 40px

}

.dd-domain-info .info-box h5 {

  font-size: 24px

}

.dd-domain-info .info-box span {

  color: #001042;

  font-size: 16px

}

.dd-accordion .accordion-item + .accordion-item {

  margin-top: 24px

}

.dd-accordion .accordion-header a {

  font-size: 18px;

  font-weight: 700;

  color: #001042;

  position: relative;

  padding-left: 40px

}

.dd-accordion .accordion-header a::before {

  content: "";

  font-family: "FontAwesome";

  width: 30px;

  height: 30px;

  line-height: 30px;

  background-color: #8af135;

  border-radius: 50%;

  color: #fff;

  font-size: 14px;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  position: absolute;

  left: 0;

  top: -4px

}

.dd-accordion .accordion-header a.collapsed::before {

  content: "+";

  background-color: #fff;

  color: #1c40f2

}

.dd-accordion .accordion-body p {

  color: #7e7e8f

}

.dd-outline-btn {

  padding: 12px 55px;

  border: 1px solid #7e7e8f;

  color: #001042;

  font-weight: 600;

  display: inline-block;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.dd-outline-btn:hover {

  background-color: #8af135;

  border-color: #8af135;

  color: #fff

}

.dd-feature {

  background-color: #e6f2fe

}

.dd-feature-card {

  padding: 24px 24px 32px;

  border-radius: 12px

}

.dd-feature-card img {

  max-width: 85px

}

.dd-cta {

  background-color: #e6f2fe

}

.dd-cta-box {

  background-color: #8aedfe;

  padding: 42px 56px;

  position: relative;

  z-index: 1

}

.dd-cta-box::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 36%;

  height: 100%;

  background-color: #003492;

  z-index: -1;

  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 100%);

  clip-path: polygon(0 0, 0% 100%, 100% 100%)

}

@media(max-width: 1199.98px) {

  .dd-cta-box::before {

    display: none

  }

}

.dd-cta-content p {

  color: #001042

}

.dd-tels {

  font-size: 22px;

  font-weight: 700;

  color: #001042

}

.dd-tels span {

  width: 52px;

  height: 52px;

  background-color: #8af135;

  border-radius: 50%;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  color: #fff;

  font-size: 18px

}

.dd-tels:hover {

  color: #001042

}

.dd-icon-box {

  border-radius: 12px;

  padding: 40px 20px

}

.dd-icon-box img {

  max-width: 85px

}

.dd-info-list {

  gap: 16px

}

.dd-info-list li {

  width: calc(50% - 8px)

}

@media(max-width: 575.98px) {

  .dd-info-list li {

    width: 100%

  }

}

.dd-feedback-single .feedback-left {

  background-color: rgba(138, 237, 254, .3);

  padding: 30px 24px 24px;

  border-radius: 8px;

  overflow: hidden;

  z-index: 1

}

.dd-feedback-single .feedback-left::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 85%;

  height: 125px;

  background-color: #003492;

  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 0);

  clip-path: polygon(0 0, 0% 100%, 100% 0);

  z-index: -1

}

@media(max-width: 575.98px) {

  .dd-feedback-single {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

  }

  .dd-feedback-single .feedback-left {

    width: 100%

  }

}

.hs-hero-section {

  padding: 180px 0 16px 0;

  background-color: #fff1bf

}

.hs-hero-section .slice-image {

  top: 160px;

  left: 60px;

  mix-blend-mode: color-burn

}

.hs-hero-section .poll {

  right: 42px;

  bottom: 80px;

  mix-blend-mode: multiply

}

@media(max-width: 767.98px) {

  .hs-hero-section {

    padding: 120px 0

  }

}

.hs-hero-content p {

  color: #001042

}

.dark-outline-btn {

  border: 1px solid #000f57;

  color: #000f57

}

.dark-outline-btn:hover {

  border-color: #1c40f2;

  color: #fff;

  background-color: #1c40f2

}

.h9-domain-info .info-box span {

  -webkit-transform: translateY(2px);

  transform: translateY(2px)

}

.hs-outline-btn {

  padding: 12px 56px;

  border: 1px solid #7e7e8f;

  color: #001042;

  display: inline-block;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.hs-outline-btn:hover {

  background-color: #ffb217;

  color: #001042;

  border-color: #001042

}

.hm9-pricing-card {

  border: 1px solid #7e7e8f;

  padding: 45px 40px;

  border-radius: 15px;

  background-color: #fff

}

.hm9-pricing-card.pro-package {

  border-color: rgba(0, 0, 0, 0)

}

.hm9-pricing-card.pro-package .hs-outline-btn {

  background-color: #ffb217;

  color: #001042;

  border-color: #001042

}

.hm9-pricing-card.pro-package .hs-outline-btn:hover {

  background-color: rgba(0, 0, 0, 0)

}

.hm9-pricing-card .pricing-wrapper {

  position: relative;

  z-index: 1;

  margin-right: -69px;

  padding-right: 65px;

  margin-top: 45px

}

.hm9-pricing-card .pricing-wrapper h2 {

  color: #000f57

}

.hm9-pricing-card .pricing-wrapper h2 span {

  color: #000f57;

  font-size: 16px;

  font-weight: 500

}

.hm9-pricing-card .pricing-wrapper .pricing-badge {

  top: -21px;

  right: 0

}

.hm9-pricing-card .pricing-list li {

  font-size: 15px

}

.hm9-pricing-card .pricing-list li i {

  margin-right: 10px;

  color: #999

}

.hm9-pricing-card .pricing-list li + li {

  margin-top: 10px

}

.hs-primary-btn {

  background-color: #ffb217;

  color: #001042;

  border: 1px solid #001042;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.hs-primary-btn:hover {

  background-color: rgba(0, 0, 0, 0)

}

.hm9-feature-card {

  border: 1px solid #7e7e8f;

  border-radius: 10px;

  padding: 24px;

  background-color: #fff;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.hm9-feature-card .icon-wrapper {

  width: 60px;

  height: 60px;

  background-color: rgba(255, 178, 23, .3);

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.hm9-feature-card:hover {

  border-color: #fff

}

.hm9-feature-card:hover .icon-wrapper {

  background-color: #ffb217

}

.hm9-apps-card {

  border: 1px solid #7e7e8f;

  padding: 40px 32px;

  border-radius: 6px

}

.hm9-apps-card .link-btn {

  color: #001042;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.hm9-apps-card .link-btn:hover {

  color: #ffb217

}

.hm9-feedback-single {

  padding: 40px 24px;

  border: 1px solid #7e7e8f;

  border-radius: 15px;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.hm9-feedback-single .quote-icon {

  right: 24px;

  top: 30px

}

.hm9-feedback-single .client_thumb {

  padding-left: 22px

}

.hm9-feedback-single .client_thumb .cap-shape {

  bottom: -30px;

  left: 0

}

.hm9-feedback-single .client_thumb .cap-shape path {

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.hm9-feedback-single:hover {

  border-color: rgba(0, 0, 0, 0);

  -webkit-box-shadow: 4px 10px 50px rgba(90, 108, 234, .1);

  box-shadow: 4px 10px 50px rgba(90, 108, 234, .1)

}

.hm9-feedback-single:hover .client_thumb .cap-shape path {

  fill: #ffb217;

  stroke: #001042

}

.hm9-dt-single {

  border: 1px solid #7e7e8f;

  border-radius: 10px;

  padding: 24px;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.hm9-dt-single:hover {

  background-color: #fff;

  border-color: #fff

}

@media(max-width: 575.98px) {

  .hm9-dt-single {

    width: 100%

  }

}

.data-center-map .data-center-pointer {

  position: absolute

}

.data-center-map .data-center-pointer.btn-1 {

  left: 31%;

  bottom: 22%

}

.data-center-map .data-center-pointer.btn-2 {

  left: 17%;

  top: 26%

}

.data-center-map .data-center-pointer.btn-3 {

  left: 36%;

  top: 6%

}

.data-center-map .data-center-pointer.btn-4 {

  left: 53%;

  bottom: 30%

}

.data-center-map .data-center-pointer.btn-5 {

  right: 25%;

  top: 20%

}

.data-center-map .data-center-pointer.btn-6 {

  bottom: 18%;

  right: 10%

}

.hm9-faq-controls {

  grid-column-gap: 24px;

  grid-row-gap: 16px;

  -ms-flex-wrap: nowrap;

  flex-wrap: nowrap

}

.hm9-faq-controls li {

  width: 25%

}

.hm9-faq-controls li button {

  padding: 24px;

  background-color: #fff;

  border: 1px solid #7e7e8f;

  text-align: left;

  border-radius: 4px;

  font-size: 18px;

  font-weight: 700;

  color: #001042;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  gap: 15px;

  -ms-flex-negative: 0;

  flex-shrink: 0;

  width: 100%

}

.hm9-faq-controls li button span {

  width: 40px;

  height: 40px;

  background-color: rgba(255, 178, 23, .3);

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  border-radius: 50%;

  -ms-flex-negative: 0;

  flex-shrink: 0

}

.hm9-faq-controls li button.active {

  border-color: rgba(0, 0, 0, 0)

}

.hm9-faq-controls li button.active span {

  background-color: #ffb217

}

@media(max-width: 1199.98px) {

  .hm9-faq-controls {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

  }

  .hm9-faq-controls li {

    width: calc(33% - 13px)

  }

}

@media(max-width: 991.98px) {

  .hm9-faq-controls li {

    width: calc(50% - 12px)

  }

}

@media(max-width: 767.98px) {

  .hm9-faq-controls li {

    width: 100%

  }

}

.hm9-blog-card {

  background-color: #fff

}

.hm9-blog-card h4 {

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.hm9-blog-card h4:hover {

  color: #ffb217

}

.hm9-blog-card-content {

  padding: 40px 24px

}

.container-1500 {

  max-width: 1524px;

  padding: 0 12px;

  margin: 0 auto

}

.hm10-hero-section {

  padding: 150px 0 120px 0;

  background-color: #fff1bf;

  border-radius: 0 0 50px 50px;

  position: relative;

  z-index: 2

}

@media(max-width: 767.98px) {

  .hm10-hero-section {

    padding: 100px 0

  }

}

.hm10-hero-search .label {

  padding: 14px 32px;

  color: #001042;

  border-top: 3px solid #ffb217;

  background-color: #fff;

  font-weight: 500;

  border-radius: 5px 5px 0 0;

  display: inline-block

}

.hm10-hero-search .form-wrapper {

  padding: 32px;

  border-radius: 0 4px 4px 4px;

  max-width: 600px

}

.hm10-hero-search form {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center

}

.hm10-hero-search form input {

  width: 100%;

  padding: 16px 24px;

  background-color: #f2f2f5;

  border: 0;

  border-radius: 4px 0 0 4px

}

.hm10-hero-search form input::-webkit-input-placeholder {

  color: #a8a8a8

}

.hm10-hero-search form input::-moz-placeholder {

  color: #a8a8a8

}

.hm10-hero-search form input:-ms-input-placeholder {

  color: #a8a8a8

}

.hm10-hero-search form input::-ms-input-placeholder {

  color: #a8a8a8

}

.hm10-hero-search form input::placeholder {

  color: #a8a8a8

}

.hm10-hero-search form .submit-btn {

  background-color: #ffb217;

  color: #fff;

  font-weight: 600;

  -ms-flex-negative: 0;

  flex-shrink: 0;

  border: 0;

  padding: 16px 32px;

  border-radius: 0 4px 4px 0;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.hm10-hero-search form .submit-btn:hover {

  background-color: #001042;

  color: #fff

}

@media(max-width: 480px) {

  .hm10-hero-search form {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    gap: 12px

  }

  .hm10-hero-search form .submit-btn {

    border-radius: 4px

  }

}

.hm10-pricing {

  margin-top: -55px;

  padding-top: 152px

}

.hm10-pricing .vector-man {

  left: 0;

  top: 0;

  width: 24%;

  height: 100%;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center bottom

}

@media(max-width: 1399.98px) {

  .hm10-pricing .vector-man {

    display: none

  }

}

.hm10-pricing-wrapper {

  max-width: 1170px

}

@media(max-width: 1399.98px) {

  .hm10-pricing-wrapper {

    margin: 0 auto

  }

}

.hm10-pricing-box {

  padding: 24px;

  background-color: #fff;

  border-radius: 10px;

  gap: 40px

}

.hm10-pricing-box .pricing-title {

  background-color: rgba(255, 178, 23, .1);

  padding: 24px;

  border-radius: 10px

}

.hm10-pricing-box .pricing-title span {

  background-color: #fff;

  padding: 4px 16px;

  font-size: 12px;

  font-weight: 700;

  border-radius: 4px;

  display: inline-block;

  color: #001042

}

.hm10-pricing-box .pricing-features {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  gap: 10px;

  max-width: 520px

}

.hm10-pricing-box .pricing-features li {

  font-size: 14px;

  width: calc(50% - 5px)

}

.hm10-pricing-box .pricing-features li i {

  color: #00d172

}

.hm10-pricing-box .pricing-amount {

  padding-left: 40px;

  border-left: 1px solid rgba(0, 16, 66, .1)

}

.hm10-pricing-box.pro .pricing-title {

  background-color: #ffb217

}

@media(max-width: 1440px) {

  .hm10-pricing-box .pricing-title {

    min-width: 225px

  }

  .hm10-pricing-box .pricing-amount {

    min-width: 200px

  }

}

@media(max-width: 991.98px) {

  .hm10-pricing-box {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

  }

  .hm10-pricing-box .pricing-title {

    width: 100%

  }

  .hm10-pricing-box .pricing-amount {

    width: 100%;

    padding-left: 0;

    border-left: 0

  }

}

@media(max-width: 480px) {

  .hm10-pricing-box .pricing-features li {

    width: 100%

  }

}

.hm10-feature-card {

  padding: 40px

}

.ex-feature-signup {

  background-color: #88e0ef;

  padding: 90px 40px;

  border-bottom-right-radius: 40px

}

.ex-signup-form input {

  width: 100%;

  padding: 16px 24px;

  background-color: #fff;

  border: 0;

  border-radius: 4px

}

@media(max-width: 1199.98px) {

  .ex-signup-form {

    max-width: 500px

  }

}

.hm10-secondary-btn {

  display: inline-block;

  padding: 14px 30px;

  border: 1px solid #1f1f1f;

  border-radius: 4px;

  font-weight: 700;

  background-color: #fff;

  -webkit-box-shadow: 0 4px #1f1f1f;

  box-shadow: 0 4px #1f1f1f;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in;

  color: #001042

}

.hm10-secondary-btn:hover {

  -webkit-box-shadow: 4px 4px #1f1f1f;

  box-shadow: 4px 4px #1f1f1f;

  color: #001042

}

.hm10-primary-btn {

  display: inline-block;

  padding: 14px 30px;

  border: 1px solid #1f1f1f;

  border-radius: 4px;

  font-weight: 700;

  background-color: #ffb217;

  -webkit-box-shadow: 0 4px #1f1f1f;

  box-shadow: 0 4px #1f1f1f;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in;

  color: #001042

}

.hm10-primary-btn:hover {

  -webkit-box-shadow: 4px 4px #1f1f1f;

  box-shadow: 4px 4px #1f1f1f;

  color: #001042

}

.ex-feature-card {

  padding: 30px;

  border: 1px solid rgba(126, 126, 143, .2);

  border-radius: 4px;

  background-color: rgba(126, 126, 143, .015)

}

.hm10-about-card {

  border: 1px solid rgba(102, 102, 102, .3);

  border-radius: 6px;

  max-width: 474px

}

.hm10-about-card img {

  max-width: 72px

}

@media(max-width: 991.98px) {

  .hm10-about-card {

    max-width: 100%

  }

}

.hm10-feedback-wrapper {

  max-width: 1320px

}

.hm10-feedback-single {

  background-color: #fff;

  border-radius: 10px;

  padding: 40px 24px

}

.hm10-support .bg-shape {

  position: absolute;

  right: 0;

  top: 0;

  border-radius: 0 0 0 50px;

  max-width: 390px

}

@media(max-width: 1700px) {

  .hm10-support .bg-shape {

    display: none

  }

}

.ops-slider-controls button {

  width: 32px;

  height: 32px;

  font-size: 14px;

  border-radius: 50%;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.ops-slider-controls button.btn-prev {

  border: 2px solid #c7c7c7;

  color: #c7c7c7;

  margin-right: 4px

}

.ops-slider-controls button.btn-prev:hover {

  background-color: #ffb217;

  border-color: #ffb217;

  color: #001042

}

.ops-slider-controls button.btn-next {

  border: 2px solid #ffb217;

  color: #001042;

  background-color: #ffb217

}

.ops-slider-controls button.btn-next:hover {

  background-color: rgba(0, 0, 0, 0);

  border-color: #c7c7c7;

  color: #c7c7c7

}

.ops-slider-single {

  padding: 16px 32px;

  text-align: center;

  border-radius: 4px;

  height: 65px

}

.hm10-counter-box {

  display: inline-block;

  padding: 40px;

  border-radius: 4px

}

.hm10-counter-box h2 {

  line-height: .8em

}

.hm10-tab-control li a {

  display: inline-block;

  padding: 24px;

  min-width: 196px;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

.hm10-tab-control li a.active {

  -webkit-box-shadow: 4px 10px 50px rgba(90, 108, 234, .1);

  box-shadow: 4px 10px 50px rgba(90, 108, 234, .1)

}

.hm10-faq-box {

  padding: 40px

}

:root {

  --h1: clamp(2.97rem, 3.789vw + 1rem, 4.5rem);

  --h2: clamp(2.64rem, 3.368vw + 1rem, 4rem);

  --h3: clamp(1.98rem, 2.526vw + 1rem, 3rem);

  --h4: clamp(1.65rem, 2.105vw + 1rem, 2.5rem);

  --h5: clamp(1.485rem, 1.894vw + 1rem, 2.25rem);

  --h6: clamp(0.825rem, 1.052vw + 1rem, 1.25rem)

}

.paragraph {

  margin: 0 0 .5rem

}

.heading-font {

  font-family: "Urbanist", sans-serif

}

.heading-1 {

  font-size: var(--h1)

}

.heading-2 {

  font-size: var(--h2)

}

.heading-3 {

  font-size: var(--h3)

}

.heading-4 {

  font-size: var(--h4)

}

.heading-5 {

  font-size: var(--h5)

}

.heading-6 {

  font-size: var(--h6)

}

.fs-10 {

  font-size: .625rem

}

.fs-12 {

  font-size: .75rem

}

.fs-14 {

  font-size: .875rem

}

.fs-16 {

  font-size: 1rem

}

.fs-18 {

  font-size: 18px

}

.fs-20 {

  font-size: 1.25rem

}

.fs-24 {

  font-size: 1.5rem

}

.fs-28 {

  font-size: 1.75rem

}

.fs-32 {

  font-size: 2rem

}

.fs-36 {

  font-size: 2.25rem

}

.fs-40 {

  font-size: 2.5rem

}

.fs-44 {

  font-size: 2.75rem

}

.fs-48 {

  font-size: 3rem

}

.fs-52 {

  font-size: 3.25rem

}

.fs-56 {

  font-size: 3.5rem

}

.fs-60 {

  font-size: 3.75rem

}

.font-weight-light {

  font-weight: 300

}

.font-weight-normal {

  font-weight: 400

}

.font-weight-medium {

  font-weight: 500

}

.font-weight-semibold {

  font-weight: 600

}

.font-weight-bold {

  font-weight: 700

}

.clr-blue {

  color: #3c97ff

}

.clr-yellow {

  color: #ffc02d

}

.clr-white {

  color: #fff

}

.clr-text {

  color: #001042

}

.clr-text-light {

  color: #a8a8a8

}

.clr-text-light-2 {

  color: #dcdcdc

}

.clr-teal {

  color: #00f0ff

}

.clr-green {

  color: #00d172

}

.clr-magenta {

  color: #8af135

}

.clr-purple {

  color: #8f56fa

}

.\:clr-yellow:hover {

  color: #ffc02d

}

.\:clr-white:hover {

  color: #fff

}

.\:clr-text:hover {

  color: #001042

}

.\:clr-blue {

  color: #3c97ff

}

.\:clr-teal {

  color: #00f0ff

}

.\:clr-green:hover {

  color: #00d172

}

.\:clr-magenta:hover {

  color: #8af135

}

.\:clr-purple:hover {

  color: #8f56fa

}

.\:clr-text-light:hover {

  color: #a8a8a8

}

.\:clr-text-light-2:hover {

  color: #dcdcdc

}

.bgc-white {

  background-color: #fff

}

.bgc-blue {

  background-color: #3c97ff

}

.bgc-yellow {

  background-color: #ffc02d

}

.bgc-teal {

  background-color: #00f0ff

}

.bgc-green {

  background-color: #00d172

}

.bgc-magenta {

  background-color: #8af135

}

.bgc-dark {

  background-color: #2a073d

}

.bgc-dark-1 {

  background-color: #261549

}

.bgc-darker {

  background-color: #270838

}

.\:bgc-white:hover {

  background-color: #fff

}

.\:bgc-yellow:hover {

  background-color: #ffc02d

}

.\:bgc-blue:hover {

  background-color: #3c97ff

}

.\:bgc-teal:hover {

  background-color: #00f0ff

}

.\:bgc-green:hover {

  background-color: #00d172

}

.\:bgc-magenta:hover {

  background-color: #8af135

}

.\:bgc-dark:hover {

  background-color: #2a073d

}

.\:bgc-dark-1:hover {

  background-color: #261549

}

.\:bgc-darker:hover {

  background-color: #270838

}

.width-0 {

  width: 0

}

.height-0 {

  height: 0

}

.width-1 {

  width: .25rem

}

.height-1 {

  height: .25rem

}

.width-2 {

  width: .5rem

}

.height-2 {

  height: .5rem

}

.width-3 {

  width: .75rem

}

.height-3 {

  height: .75rem

}

.width-4 {

  width: 1rem

}

.height-4 {

  height: 1rem

}

.width-5 {

  width: 1.25rem

}

.height-5 {

  height: 1.25rem

}

.width-6 {

  width: 1.5rem

}

.height-6 {

  height: 1.5rem

}

.width-7 {

  width: 1.75rem

}

.height-7 {

  height: 1.75rem

}

.width-8 {

  width: 2rem

}

.height-8 {

  height: 2rem

}

.width-9 {

  width: 2.25rem

}

.height-9 {

  height: 2.25rem

}

.width-10 {

  width: 2.5rem

}

.height-10 {

  height: 2.5rem

}

.width-11 {

  width: 2.75rem

}

.height-11 {

  height: 2.75rem

}

.width-12 {

  width: 3rem

}

.height-12 {

  height: 3rem

}

.width-13 {

  width: 3.25rem

}

.height-13 {

  height: 3.25rem

}

.width-14 {

  width: 3.5rem

}

.height-14 {

  height: 3.5rem

}

.width-15 {

  width: 3.75rem

}

.height-15 {

  height: 3.75rem

}

.width-16 {

  width: 4rem

}

.height-16 {

  height: 4rem

}

.width-17 {

  width: 4.25rem

}

.height-17 {

  height: 4.25rem

}

.width-18 {

  width: 4.5rem

}

.height-18 {

  height: 4.5rem

}

.width-19 {

  width: 4.75rem

}

.height-19 {

  height: 4.75rem

}

.width-20 {

  width: 5rem

}

.height-20 {

  height: 5rem

}

.width-21 {

  width: 5.25rem

}

.height-21 {

  height: 5.25rem

}

.width-22 {

  width: 5.5rem

}

.height-22 {

  height: 5.5rem

}

.width-23 {

  width: 5.75rem

}

.height-23 {

  height: 5.75rem

}

.width-24 {

  width: 6rem

}

.height-24 {

  height: 6rem

}

.width-25 {

  width: 6.25rem

}

.height-25 {

  height: 6.25rem

}

.width-26 {

  width: 6.5rem

}

.height-26 {

  height: 6.5rem

}

.width-27 {

  width: 6.75rem

}

.height-27 {

  height: 6.75rem

}

.width-28 {

  width: 7rem

}

.height-28 {

  height: 7rem

}

.width-29 {

  width: 7.25rem

}

.height-29 {

  height: 7.25rem

}

.width-30 {

  width: 7.5rem

}

.height-30 {

  height: 7.5rem

}

.gap-0 {

  gap: 0 !important

}

.padding-0 {

  padding: 0 !important

}

.padding-top-0 {

  -webkit-padding-before: 0 !important;

  padding-block-start: 0 !important

}

.padding-bottom-0 {

  -webkit-padding-after: 0 !important;

  padding-block-end: 0 !important

}

.padding-y-0 {

  padding-block: 0 !important

}

.padding-start-0 {

  -webkit-padding-start: 0 !important;

  padding-inline-start: 0 !important

}

.padding-end-0 {

  -webkit-padding-end: 0 !important;

  padding-inline-end: 0 !important

}

.padding-x-0 {

  padding-inline: 0 !important

}

.margin-0 {

  margin: 0 !important

}

.margin-top-0 {

  -webkit-margin-before: 0 !important;

  margin-block-start: 0 !important

}

.margin-bottom-0 {

  -webkit-margin-after: 0 !important;

  margin-block-end: 0 !important

}

.margin-y-0 {

  margin-block: 0 !important

}

.margin-start-0 {

  -webkit-margin-start: 0 !important;

  margin-inline-start: 0 !important

}

.margin-end-0 {

  -webkit-margin-end: 0 !important;

  margin-inline-end: 0 !important

}

.margin-x-0 {

  margin-inline: 0 !important

}

.gap-1 {

  gap: 0.25rem !important

}

.padding-1 {

  padding: 0.25rem !important

}

.padding-top-1 {

  -webkit-padding-before: 0.25rem !important;

  padding-block-start: 0.25rem !important

}

.padding-bottom-1 {

  -webkit-padding-after: 0.25rem !important;

  padding-block-end: 0.25rem !important

}

.padding-y-1 {

  padding-block: 0.25rem !important

}

.padding-start-1 {

  -webkit-padding-start: 0.25rem !important;

  padding-inline-start: 0.25rem !important

}

.padding-end-1 {

  -webkit-padding-end: 0.25rem !important;

  padding-inline-end: 0.25rem !important

}

.padding-x-1 {

  padding-inline: 0.25rem !important

}

.margin-1 {

  margin: 0.25rem !important

}

.margin-top-1 {

  -webkit-margin-before: 0.25rem !important;

  margin-block-start: 0.25rem !important

}

.margin-bottom-1 {

  -webkit-margin-after: 0.25rem !important;

  margin-block-end: 0.25rem !important

}

.margin-y-1 {

  margin-block: 0.25rem !important

}

.margin-start-1 {

  -webkit-margin-start: 0.25rem !important;

  margin-inline-start: 0.25rem !important

}

.margin-end-1 {

  -webkit-margin-end: 0.25rem !important;

  margin-inline-end: 0.25rem !important

}

.margin-x-1 {

  margin-inline: 0.25rem !important

}

.gap-2 {

  gap: 0.5rem !important

}

.padding-2 {

  padding: 0.5rem !important

}

.padding-top-2 {

  -webkit-padding-before: 0.5rem !important;

  padding-block-start: 0.5rem !important

}

.padding-bottom-2 {

  -webkit-padding-after: 0.5rem !important;

  padding-block-end: 0.5rem !important

}

.padding-y-2 {

  padding-block: 0.5rem !important

}

.padding-start-2 {

  -webkit-padding-start: 0.5rem !important;

  padding-inline-start: 0.5rem !important

}

.padding-end-2 {

  -webkit-padding-end: 0.5rem !important;

  padding-inline-end: 0.5rem !important

}

.padding-x-2 {

  padding-inline: 0.5rem !important

}

.margin-2 {

  margin: 0.5rem !important

}

.margin-top-2 {

  -webkit-margin-before: 0.5rem !important;

  margin-block-start: 0.5rem !important

}

.margin-bottom-2 {

  -webkit-margin-after: 0.5rem !important;

  margin-block-end: 0.5rem !important

}

.margin-y-2 {

  margin-block: 0.5rem !important

}

.margin-start-2 {

  -webkit-margin-start: 0.5rem !important;

  margin-inline-start: 0.5rem !important

}

.margin-end-2 {

  -webkit-margin-end: 0.5rem !important;

  margin-inline-end: 0.5rem !important

}

.margin-x-2 {

  margin-inline: 0.5rem !important

}

.gap-3 {

  gap: 0.75rem !important

}

.padding-3 {

  padding: 0.75rem !important

}

.padding-top-3 {

  -webkit-padding-before: 0.75rem !important;

  padding-block-start: 0.75rem !important

}

.padding-bottom-3 {

  -webkit-padding-after: 0.75rem !important;

  padding-block-end: 0.75rem !important

}

.padding-y-3 {

  padding-block: 0.75rem !important

}

.padding-start-3 {

  -webkit-padding-start: 0.75rem !important;

  padding-inline-start: 0.75rem !important

}

.padding-end-3 {

  -webkit-padding-end: 0.75rem !important;

  padding-inline-end: 0.75rem !important

}

.padding-x-3 {

  padding-inline: 0.75rem !important

}

.margin-3 {

  margin: 0.75rem !important

}

.margin-top-3 {

  -webkit-margin-before: 0.75rem !important;

  margin-block-start: 0.75rem !important

}

.margin-bottom-3 {

  -webkit-margin-after: 0.75rem !important;

  margin-block-end: 0.75rem !important

}

.margin-y-3 {

  margin-block: 0.75rem !important

}

.margin-start-3 {

  -webkit-margin-start: 0.75rem !important;

  margin-inline-start: 0.75rem !important

}

.margin-end-3 {

  -webkit-margin-end: 0.75rem !important;

  margin-inline-end: 0.75rem !important

}

.margin-x-3 {

  margin-inline: 0.75rem !important

}

.gap-4 {

  gap: 1rem !important

}

.padding-4 {

  padding: 1rem !important

}

.padding-top-4 {

  -webkit-padding-before: 1rem !important;

  padding-block-start: 1rem !important

}

.padding-bottom-4 {

  -webkit-padding-after: 1rem !important;

  padding-block-end: 1rem !important

}

.padding-y-4 {

  padding-block: 1rem !important

}

.padding-start-4 {

  -webkit-padding-start: 1rem !important;

  padding-inline-start: 1rem !important

}

.padding-end-4 {

  -webkit-padding-end: 1rem !important;

  padding-inline-end: 1rem !important

}

.padding-x-4 {

  padding-inline: 1rem !important

}

.margin-4 {

  margin: 1rem !important

}

.margin-top-4 {

  -webkit-margin-before: 1rem !important;

  margin-block-start: 1rem !important

}

.margin-bottom-4 {

  -webkit-margin-after: 1rem !important;

  margin-block-end: 1rem !important

}

.margin-y-4 {

  margin-block: 1rem !important

}

.margin-start-4 {

  -webkit-margin-start: 1rem !important;

  margin-inline-start: 1rem !important

}

.margin-end-4 {

  -webkit-margin-end: 1rem !important;

  margin-inline-end: 1rem !important

}

.margin-x-4 {

  margin-inline: 1rem !important

}

.gap-5 {

  gap: 1.25rem !important

}

.padding-5 {

  padding: 1.25rem !important

}

.padding-top-5 {

  -webkit-padding-before: 1.25rem !important;

  padding-block-start: 1.25rem !important

}

.padding-bottom-5 {

  -webkit-padding-after: 1.25rem !important;

  padding-block-end: 1.25rem !important

}

.padding-y-5 {

  padding-block: 1.25rem !important

}

.padding-start-5 {

  -webkit-padding-start: 1.25rem !important;

  padding-inline-start: 1.25rem !important

}

.padding-end-5 {

  -webkit-padding-end: 1.25rem !important;

  padding-inline-end: 1.25rem !important

}

.padding-x-5 {

  padding-inline: 1.25rem !important

}

.margin-5 {

  margin: 1.25rem !important

}

.margin-top-5 {

  -webkit-margin-before: 1.25rem !important;

  margin-block-start: 1.25rem !important

}

.margin-bottom-5 {

  -webkit-margin-after: 1.25rem !important;

  margin-block-end: 1.25rem !important

}

.margin-y-5 {

  margin-block: 1.25rem !important

}

.margin-start-5 {

  -webkit-margin-start: 1.25rem !important;

  margin-inline-start: 1.25rem !important

}

.margin-end-5 {

  -webkit-margin-end: 1.25rem !important;

  margin-inline-end: 1.25rem !important

}

.margin-x-5 {

  margin-inline: 1.25rem !important

}

.gap-6 {

  gap: 1.5rem !important

}

.padding-6 {

  padding: 1.5rem !important

}

.padding-top-6 {

  -webkit-padding-before: 1.5rem !important;

  padding-block-start: 1.5rem !important

}

.padding-bottom-6 {

  -webkit-padding-after: 1.5rem !important;

  padding-block-end: 1.5rem !important

}

.padding-y-6 {

  padding-block: 1.5rem !important

}

.padding-start-6 {

  -webkit-padding-start: 1.5rem !important;

  padding-inline-start: 1.5rem !important

}

.padding-end-6 {

  -webkit-padding-end: 1.5rem !important;

  padding-inline-end: 1.5rem !important

}

.padding-x-6 {

  padding-inline: 1.5rem !important

}

.margin-6 {

  margin: 1.5rem !important

}

.margin-top-6 {

  -webkit-margin-before: 1.5rem !important;

  margin-block-start: 1.5rem !important

}

.margin-bottom-6 {

  -webkit-margin-after: 1.5rem !important;

  margin-block-end: 1.5rem !important

}

.margin-y-6 {

  margin-block: 1.5rem !important

}

.margin-start-6 {

  -webkit-margin-start: 1.5rem !important;

  margin-inline-start: 1.5rem !important

}

.margin-end-6 {

  -webkit-margin-end: 1.5rem !important;

  margin-inline-end: 1.5rem !important

}

.margin-x-6 {

  margin-inline: 1.5rem !important

}

.gap-7 {

  gap: 1.75rem !important

}

.padding-7 {

  padding: 1.75rem !important

}

.padding-top-7 {

  -webkit-padding-before: 1.75rem !important;

  padding-block-start: 1.75rem !important

}

.padding-bottom-7 {

  -webkit-padding-after: 1.75rem !important;

  padding-block-end: 1.75rem !important

}

.padding-y-7 {

  padding-block: 1.75rem !important

}

.padding-start-7 {

  -webkit-padding-start: 1.75rem !important;

  padding-inline-start: 1.75rem !important

}

.padding-end-7 {

  -webkit-padding-end: 1.75rem !important;

  padding-inline-end: 1.75rem !important

}

.padding-x-7 {

  padding-inline: 1.75rem !important

}

.margin-7 {

  margin: 1.75rem !important

}

.margin-top-7 {

  -webkit-margin-before: 1.75rem !important;

  margin-block-start: 1.75rem !important

}

.margin-bottom-7 {

  -webkit-margin-after: 1.75rem !important;

  margin-block-end: 1.75rem !important

}

.margin-y-7 {

  margin-block: 1.75rem !important

}

.margin-start-7 {

  -webkit-margin-start: 1.75rem !important;

  margin-inline-start: 1.75rem !important

}

.margin-end-7 {

  -webkit-margin-end: 1.75rem !important;

  margin-inline-end: 1.75rem !important

}

.margin-x-7 {

  margin-inline: 1.75rem !important

}

.gap-8 {

  gap: 2rem !important

}

.padding-8 {

  padding: 2rem !important

}

.padding-top-8 {

  -webkit-padding-before: 2rem !important;

  padding-block-start: 2rem !important

}

.padding-bottom-8 {

  -webkit-padding-after: 2rem !important;

  padding-block-end: 2rem !important

}

.padding-y-8 {

  padding-block: 2rem !important

}

.padding-start-8 {

  -webkit-padding-start: 2rem !important;

  padding-inline-start: 2rem !important

}

.padding-end-8 {

  -webkit-padding-end: 2rem !important;

  padding-inline-end: 2rem !important

}

.padding-x-8 {

  padding-inline: 2rem !important

}

.margin-8 {

  margin: 2rem !important

}

.margin-top-8 {

  -webkit-margin-before: 2rem !important;

  margin-block-start: 2rem !important

}

.margin-bottom-8 {

  -webkit-margin-after: 2rem !important;

  margin-block-end: 2rem !important

}

.margin-y-8 {

  margin-block: 2rem !important

}

.margin-start-8 {

  -webkit-margin-start: 2rem !important;

  margin-inline-start: 2rem !important

}

.margin-end-8 {

  -webkit-margin-end: 2rem !important;

  margin-inline-end: 2rem !important

}

.margin-x-8 {

  margin-inline: 2rem !important

}

.gap-9 {

  gap: 2.25rem !important

}

.padding-9 {

  padding: 2.25rem !important

}

.padding-top-9 {

  -webkit-padding-before: 2.25rem !important;

  padding-block-start: 2.25rem !important

}

.padding-bottom-9 {

  -webkit-padding-after: 2.25rem !important;

  padding-block-end: 2.25rem !important

}

.padding-y-9 {

  padding-block: 2.25rem !important

}

.padding-start-9 {

  -webkit-padding-start: 2.25rem !important;

  padding-inline-start: 2.25rem !important

}

.padding-end-9 {

  -webkit-padding-end: 2.25rem !important;

  padding-inline-end: 2.25rem !important

}

.padding-x-9 {

  padding-inline: 2.25rem !important

}

.margin-9 {

  margin: 2.25rem !important

}

.margin-top-9 {

  -webkit-margin-before: 2.25rem !important;

  margin-block-start: 2.25rem !important

}

.margin-bottom-9 {

  -webkit-margin-after: 2.25rem !important;

  margin-block-end: 2.25rem !important

}

.margin-y-9 {

  margin-block: 2.25rem !important

}

.margin-start-9 {

  -webkit-margin-start: 2.25rem !important;

  margin-inline-start: 2.25rem !important

}

.margin-end-9 {

  -webkit-margin-end: 2.25rem !important;

  margin-inline-end: 2.25rem !important

}

.margin-x-9 {

  margin-inline: 2.25rem !important

}

.gap-10 {

  gap: 2.5rem !important

}

.padding-10 {

  padding: 2.5rem !important

}

.padding-top-10 {

  -webkit-padding-before: 2.5rem !important;

  padding-block-start: 2.5rem !important

}

.padding-bottom-10 {

  -webkit-padding-after: 2.5rem !important;

  padding-block-end: 2.5rem !important

}

.padding-y-10 {

  padding-block: 2.5rem !important

}

.padding-start-10 {

  -webkit-padding-start: 2.5rem !important;

  padding-inline-start: 2.5rem !important

}

.padding-end-10 {

  -webkit-padding-end: 2.5rem !important;

  padding-inline-end: 2.5rem !important

}

.padding-x-10 {

  padding-inline: 2.5rem !important

}

.margin-10 {

  margin: 2.5rem !important

}

.margin-top-10 {

  -webkit-margin-before: 2.5rem !important;

  margin-block-start: 2.5rem !important

}

.margin-bottom-10 {

  -webkit-margin-after: 2.5rem !important;

  margin-block-end: 2.5rem !important

}

.margin-y-10 {

  margin-block: 2.5rem !important

}

.margin-start-10 {

  -webkit-margin-start: 2.5rem !important;

  margin-inline-start: 2.5rem !important

}

.margin-end-10 {

  -webkit-margin-end: 2.5rem !important;

  margin-inline-end: 2.5rem !important

}

.margin-x-10 {

  margin-inline: 2.5rem !important

}

.gap-11 {

  gap: 2.75rem !important

}

.padding-11 {

  padding: 2.75rem !important

}

.padding-top-11 {

  -webkit-padding-before: 2.75rem !important;

  padding-block-start: 2.75rem !important

}

.padding-bottom-11 {

  -webkit-padding-after: 2.75rem !important;

  padding-block-end: 2.75rem !important

}

.padding-y-11 {

  padding-block: 2.75rem !important

}

.padding-start-11 {

  -webkit-padding-start: 2.75rem !important;

  padding-inline-start: 2.75rem !important

}

.padding-end-11 {

  -webkit-padding-end: 2.75rem !important;

  padding-inline-end: 2.75rem !important

}

.padding-x-11 {

  padding-inline: 2.75rem !important

}

.margin-11 {

  margin: 2.75rem !important

}

.margin-top-11 {

  -webkit-margin-before: 2.75rem !important;

  margin-block-start: 2.75rem !important

}

.margin-bottom-11 {

  -webkit-margin-after: 2.75rem !important;

  margin-block-end: 2.75rem !important

}

.margin-y-11 {

  margin-block: 2.75rem !important

}

.margin-start-11 {

  -webkit-margin-start: 2.75rem !important;

  margin-inline-start: 2.75rem !important

}

.margin-end-11 {

  -webkit-margin-end: 2.75rem !important;

  margin-inline-end: 2.75rem !important

}

.margin-x-11 {

  margin-inline: 2.75rem !important

}

.gap-12 {

  gap: 3rem !important

}

.padding-12 {

  padding: 3rem !important

}

.padding-top-12 {

  -webkit-padding-before: 3rem !important;

  padding-block-start: 3rem !important

}

.padding-bottom-12 {

  -webkit-padding-after: 3rem !important;

  padding-block-end: 3rem !important

}

.padding-y-12 {

  padding-block: 3rem !important

}

.padding-start-12 {

  -webkit-padding-start: 3rem !important;

  padding-inline-start: 3rem !important

}

.padding-end-12 {

  -webkit-padding-end: 3rem !important;

  padding-inline-end: 3rem !important

}

.padding-x-12 {

  padding-inline: 3rem !important

}

.margin-12 {

  margin: 3rem !important

}

.margin-top-12 {

  -webkit-margin-before: 3rem !important;

  margin-block-start: 3rem !important

}

.margin-bottom-12 {

  -webkit-margin-after: 3rem !important;

  margin-block-end: 3rem !important

}

.margin-y-12 {

  margin-block: 3rem !important

}

.margin-start-12 {

  -webkit-margin-start: 3rem !important;

  margin-inline-start: 3rem !important

}

.margin-end-12 {

  -webkit-margin-end: 3rem !important;

  margin-inline-end: 3rem !important

}

.margin-x-12 {

  margin-inline: 3rem !important

}

.gap-13 {

  gap: 3.25rem !important

}

.padding-13 {

  padding: 3.25rem !important

}

.padding-top-13 {

  -webkit-padding-before: 3.25rem !important;

  padding-block-start: 3.25rem !important

}

.padding-bottom-13 {

  -webkit-padding-after: 3.25rem !important;

  padding-block-end: 3.25rem !important

}

.padding-y-13 {

  padding-block: 3.25rem !important

}

.padding-start-13 {

  -webkit-padding-start: 3.25rem !important;

  padding-inline-start: 3.25rem !important

}

.padding-end-13 {

  -webkit-padding-end: 3.25rem !important;

  padding-inline-end: 3.25rem !important

}

.padding-x-13 {

  padding-inline: 3.25rem !important

}

.margin-13 {

  margin: 3.25rem !important

}

.margin-top-13 {

  -webkit-margin-before: 3.25rem !important;

  margin-block-start: 3.25rem !important

}

.margin-bottom-13 {

  -webkit-margin-after: 3.25rem !important;

  margin-block-end: 3.25rem !important

}

.margin-y-13 {

  margin-block: 3.25rem !important

}

.margin-start-13 {

  -webkit-margin-start: 3.25rem !important;

  margin-inline-start: 3.25rem !important

}

.margin-end-13 {

  -webkit-margin-end: 3.25rem !important;

  margin-inline-end: 3.25rem !important

}

.margin-x-13 {

  margin-inline: 3.25rem !important

}

.gap-14 {

  gap: 3.5rem !important

}

.padding-14 {

  padding: 3.5rem !important

}

.padding-top-14 {

  -webkit-padding-before: 3.5rem !important;

  padding-block-start: 3.5rem !important

}

.padding-bottom-14 {

  -webkit-padding-after: 3.5rem !important;

  padding-block-end: 3.5rem !important

}

.padding-y-14 {

  padding-block: 3.5rem !important

}

.padding-start-14 {

  -webkit-padding-start: 3.5rem !important;

  padding-inline-start: 3.5rem !important

}

.padding-end-14 {

  -webkit-padding-end: 3.5rem !important;

  padding-inline-end: 3.5rem !important

}

.padding-x-14 {

  padding-inline: 3.5rem !important

}

.margin-14 {

  margin: 3.5rem !important

}

.margin-top-14 {

  -webkit-margin-before: 3.5rem !important;

  margin-block-start: 3.5rem !important

}

.margin-bottom-14 {

  -webkit-margin-after: 3.5rem !important;

  margin-block-end: 3.5rem !important

}

.margin-y-14 {

  margin-block: 3.5rem !important

}

.margin-start-14 {

  -webkit-margin-start: 3.5rem !important;

  margin-inline-start: 3.5rem !important

}

.margin-end-14 {

  -webkit-margin-end: 3.5rem !important;

  margin-inline-end: 3.5rem !important

}

.margin-x-14 {

  margin-inline: 3.5rem !important

}

.gap-15 {

  gap: 3.75rem !important

}

.padding-15 {

  padding: 3.75rem !important

}

.padding-top-15 {

  -webkit-padding-before: 3.75rem !important;

  padding-block-start: 3.75rem !important

}

.padding-bottom-15 {

  -webkit-padding-after: 3.75rem !important;

  padding-block-end: 3.75rem !important

}

.padding-y-15 {

  padding-block: 3.75rem !important

}

.padding-start-15 {

  -webkit-padding-start: 3.75rem !important;

  padding-inline-start: 3.75rem !important

}

.padding-end-15 {

  -webkit-padding-end: 3.75rem !important;

  padding-inline-end: 3.75rem !important

}

.padding-x-15 {

  padding-inline: 3.75rem !important

}

.margin-15 {

  margin: 3.75rem !important

}

.margin-top-15 {

  -webkit-margin-before: 3.75rem !important;

  margin-block-start: 3.75rem !important

}

.margin-bottom-15 {

  -webkit-margin-after: 3.75rem !important;

  margin-block-end: 3.75rem !important

}

.margin-y-15 {

  margin-block: 3.75rem !important

}

.margin-start-15 {

  -webkit-margin-start: 3.75rem !important;

  margin-inline-start: 3.75rem !important

}

.margin-end-15 {

  -webkit-margin-end: 3.75rem !important;

  margin-inline-end: 3.75rem !important

}

.margin-x-15 {

  margin-inline: 3.75rem !important

}

.gap-16 {

  gap: 4rem !important

}

.padding-16 {

  padding: 4rem !important

}

.padding-top-16 {

  -webkit-padding-before: 4rem !important;

  padding-block-start: 4rem !important

}

.padding-bottom-16 {

  -webkit-padding-after: 4rem !important;

  padding-block-end: 4rem !important

}

.padding-y-16 {

  padding-block: 4rem !important

}

.padding-start-16 {

  -webkit-padding-start: 4rem !important;

  padding-inline-start: 4rem !important

}

.padding-end-16 {

  -webkit-padding-end: 4rem !important;

  padding-inline-end: 4rem !important

}

.padding-x-16 {

  padding-inline: 4rem !important

}

.margin-16 {

  margin: 4rem !important

}

.margin-top-16 {

  -webkit-margin-before: 4rem !important;

  margin-block-start: 4rem !important

}

.margin-bottom-16 {

  -webkit-margin-after: 4rem !important;

  margin-block-end: 4rem !important

}

.margin-y-16 {

  margin-block: 4rem !important

}

.margin-start-16 {

  -webkit-margin-start: 4rem !important;

  margin-inline-start: 4rem !important

}

.margin-end-16 {

  -webkit-margin-end: 4rem !important;

  margin-inline-end: 4rem !important

}

.margin-x-16 {

  margin-inline: 4rem !important

}

.gap-17 {

  gap: 4.25rem !important

}

.padding-17 {

  padding: 4.25rem !important

}

.padding-top-17 {

  -webkit-padding-before: 4.25rem !important;

  padding-block-start: 4.25rem !important

}

.padding-bottom-17 {

  -webkit-padding-after: 4.25rem !important;

  padding-block-end: 4.25rem !important

}

.padding-y-17 {

  padding-block: 4.25rem !important

}

.padding-start-17 {

  -webkit-padding-start: 4.25rem !important;

  padding-inline-start: 4.25rem !important

}

.padding-end-17 {

  -webkit-padding-end: 4.25rem !important;

  padding-inline-end: 4.25rem !important

}

.padding-x-17 {

  padding-inline: 4.25rem !important

}

.margin-17 {

  margin: 4.25rem !important

}

.margin-top-17 {

  -webkit-margin-before: 4.25rem !important;

  margin-block-start: 4.25rem !important

}

.margin-bottom-17 {

  -webkit-margin-after: 4.25rem !important;

  margin-block-end: 4.25rem !important

}

.margin-y-17 {

  margin-block: 4.25rem !important

}

.margin-start-17 {

  -webkit-margin-start: 4.25rem !important;

  margin-inline-start: 4.25rem !important

}

.margin-end-17 {

  -webkit-margin-end: 4.25rem !important;

  margin-inline-end: 4.25rem !important

}

.margin-x-17 {

  margin-inline: 4.25rem !important

}

.gap-18 {

  gap: 4.5rem !important

}

.padding-18 {

  padding: 4.5rem !important

}

.padding-top-18 {

  -webkit-padding-before: 4.5rem !important;

  padding-block-start: 4.5rem !important

}

.padding-bottom-18 {

  -webkit-padding-after: 4.5rem !important;

  padding-block-end: 4.5rem !important

}

.padding-y-18 {

  padding-block: 4.5rem !important

}

.padding-start-18 {

  -webkit-padding-start: 4.5rem !important;

  padding-inline-start: 4.5rem !important

}

.padding-end-18 {

  -webkit-padding-end: 4.5rem !important;

  padding-inline-end: 4.5rem !important

}

.padding-x-18 {

  padding-inline: 4.5rem !important

}

.margin-18 {

  margin: 4.5rem !important

}

.margin-top-18 {

  -webkit-margin-before: 4.5rem !important;

  margin-block-start: 4.5rem !important

}

.margin-bottom-18 {

  -webkit-margin-after: 4.5rem !important;

  margin-block-end: 4.5rem !important

}

.margin-y-18 {

  margin-block: 4.5rem !important

}

.margin-start-18 {

  -webkit-margin-start: 4.5rem !important;

  margin-inline-start: 4.5rem !important

}

.margin-end-18 {

  -webkit-margin-end: 4.5rem !important;

  margin-inline-end: 4.5rem !important

}

.margin-x-18 {

  margin-inline: 4.5rem !important

}

.gap-19 {

  gap: 4.75rem !important

}

.padding-19 {

  padding: 4.75rem !important

}

.padding-top-19 {

  -webkit-padding-before: 4.75rem !important;

  padding-block-start: 4.75rem !important

}

.padding-bottom-19 {

  -webkit-padding-after: 4.75rem !important;

  padding-block-end: 4.75rem !important

}

.padding-y-19 {

  padding-block: 4.75rem !important

}

.padding-start-19 {

  -webkit-padding-start: 4.75rem !important;

  padding-inline-start: 4.75rem !important

}

.padding-end-19 {

  -webkit-padding-end: 4.75rem !important;

  padding-inline-end: 4.75rem !important

}

.padding-x-19 {

  padding-inline: 4.75rem !important

}

.margin-19 {

  margin: 4.75rem !important

}

.margin-top-19 {

  -webkit-margin-before: 4.75rem !important;

  margin-block-start: 4.75rem !important

}

.margin-bottom-19 {

  -webkit-margin-after: 4.75rem !important;

  margin-block-end: 4.75rem !important

}

.margin-y-19 {

  margin-block: 4.75rem !important

}

.margin-start-19 {

  -webkit-margin-start: 4.75rem !important;

  margin-inline-start: 4.75rem !important

}

.margin-end-19 {

  -webkit-margin-end: 4.75rem !important;

  margin-inline-end: 4.75rem !important

}

.margin-x-19 {

  margin-inline: 4.75rem !important

}

.gap-20 {

  gap: 5rem !important

}

.padding-20 {

  padding: 5rem !important

}

.padding-top-20 {

  -webkit-padding-before: 5rem !important;

  padding-block-start: 5rem !important

}

.padding-bottom-20 {

  -webkit-padding-after: 5rem !important;

  padding-block-end: 5rem !important

}

.padding-y-20 {

  padding-block: 5rem !important

}

.padding-start-20 {

  -webkit-padding-start: 5rem !important;

  padding-inline-start: 5rem !important

}

.padding-end-20 {

  -webkit-padding-end: 5rem !important;

  padding-inline-end: 5rem !important

}

.padding-x-20 {

  padding-inline: 5rem !important

}

.margin-20 {

  margin: 5rem !important

}

.margin-top-20 {

  -webkit-margin-before: 5rem !important;

  margin-block-start: 5rem !important

}

.margin-bottom-20 {

  -webkit-margin-after: 5rem !important;

  margin-block-end: 5rem !important

}

.margin-y-20 {

  margin-block: 5rem !important

}

.margin-start-20 {

  -webkit-margin-start: 5rem !important;

  margin-inline-start: 5rem !important

}

.margin-end-20 {

  -webkit-margin-end: 5rem !important;

  margin-inline-end: 5rem !important

}

.margin-x-20 {

  margin-inline: 5rem !important

}

.gap-21 {

  gap: 5.25rem !important

}

.padding-21 {

  padding: 5.25rem !important

}

.padding-top-21 {

  -webkit-padding-before: 5.25rem !important;

  padding-block-start: 5.25rem !important

}

.padding-bottom-21 {

  -webkit-padding-after: 5.25rem !important;

  padding-block-end: 5.25rem !important

}

.padding-y-21 {

  padding-block: 5.25rem !important

}

.padding-start-21 {

  -webkit-padding-start: 5.25rem !important;

  padding-inline-start: 5.25rem !important

}

.padding-end-21 {

  -webkit-padding-end: 5.25rem !important;

  padding-inline-end: 5.25rem !important

}

.padding-x-21 {

  padding-inline: 5.25rem !important

}

.margin-21 {

  margin: 5.25rem !important

}

.margin-top-21 {

  -webkit-margin-before: 5.25rem !important;

  margin-block-start: 5.25rem !important

}

.margin-bottom-21 {

  -webkit-margin-after: 5.25rem !important;

  margin-block-end: 5.25rem !important

}

.margin-y-21 {

  margin-block: 5.25rem !important

}

.margin-start-21 {

  -webkit-margin-start: 5.25rem !important;

  margin-inline-start: 5.25rem !important

}

.margin-end-21 {

  -webkit-margin-end: 5.25rem !important;

  margin-inline-end: 5.25rem !important

}

.margin-x-21 {

  margin-inline: 5.25rem !important

}

.gap-22 {

  gap: 5.5rem !important

}

.padding-22 {

  padding: 5.5rem !important

}

.padding-top-22 {

  -webkit-padding-before: 5.5rem !important;

  padding-block-start: 5.5rem !important

}

.padding-bottom-22 {

  -webkit-padding-after: 5.5rem !important;

  padding-block-end: 5.5rem !important

}

.padding-y-22 {

  padding-block: 5.5rem !important

}

.padding-start-22 {

  -webkit-padding-start: 5.5rem !important;

  padding-inline-start: 5.5rem !important

}

.padding-end-22 {

  -webkit-padding-end: 5.5rem !important;

  padding-inline-end: 5.5rem !important

}

.padding-x-22 {

  padding-inline: 5.5rem !important

}

.margin-22 {

  margin: 5.5rem !important

}

.margin-top-22 {

  -webkit-margin-before: 5.5rem !important;

  margin-block-start: 5.5rem !important

}

.margin-bottom-22 {

  -webkit-margin-after: 5.5rem !important;

  margin-block-end: 5.5rem !important

}

.margin-y-22 {

  margin-block: 5.5rem !important

}

.margin-start-22 {

  -webkit-margin-start: 5.5rem !important;

  margin-inline-start: 5.5rem !important

}

.margin-end-22 {

  -webkit-margin-end: 5.5rem !important;

  margin-inline-end: 5.5rem !important

}

.margin-x-22 {

  margin-inline: 5.5rem !important

}

.gap-23 {

  gap: 5.75rem !important

}

.padding-23 {

  padding: 5.75rem !important

}

.padding-top-23 {

  -webkit-padding-before: 5.75rem !important;

  padding-block-start: 5.75rem !important

}

.padding-bottom-23 {

  -webkit-padding-after: 5.75rem !important;

  padding-block-end: 5.75rem !important

}

.padding-y-23 {

  padding-block: 5.75rem !important

}

.padding-start-23 {

  -webkit-padding-start: 5.75rem !important;

  padding-inline-start: 5.75rem !important

}

.padding-end-23 {

  -webkit-padding-end: 5.75rem !important;

  padding-inline-end: 5.75rem !important

}

.padding-x-23 {

  padding-inline: 5.75rem !important

}

.margin-23 {

  margin: 5.75rem !important

}

.margin-top-23 {

  -webkit-margin-before: 5.75rem !important;

  margin-block-start: 5.75rem !important

}

.margin-bottom-23 {

  -webkit-margin-after: 5.75rem !important;

  margin-block-end: 5.75rem !important

}

.margin-y-23 {

  margin-block: 5.75rem !important

}

.margin-start-23 {

  -webkit-margin-start: 5.75rem !important;

  margin-inline-start: 5.75rem !important

}

.margin-end-23 {

  -webkit-margin-end: 5.75rem !important;

  margin-inline-end: 5.75rem !important

}

.margin-x-23 {

  margin-inline: 5.75rem !important

}

.gap-24 {

  gap: 6rem !important

}

.padding-24 {

  padding: 6rem !important

}

.padding-top-24 {

  -webkit-padding-before: 6rem !important;

  padding-block-start: 6rem !important

}

.padding-bottom-24 {

  -webkit-padding-after: 6rem !important;

  padding-block-end: 6rem !important

}

.padding-y-24 {

  padding-block: 6rem !important

}

.padding-start-24 {

  -webkit-padding-start: 6rem !important;

  padding-inline-start: 6rem !important

}

.padding-end-24 {

  -webkit-padding-end: 6rem !important;

  padding-inline-end: 6rem !important

}

.padding-x-24 {

  padding-inline: 6rem !important

}

.margin-24 {

  margin: 6rem !important

}

.margin-top-24 {

  -webkit-margin-before: 6rem !important;

  margin-block-start: 6rem !important

}

.margin-bottom-24 {

  -webkit-margin-after: 6rem !important;

  margin-block-end: 6rem !important

}

.margin-y-24 {

  margin-block: 6rem !important

}

.margin-start-24 {

  -webkit-margin-start: 6rem !important;

  margin-inline-start: 6rem !important

}

.margin-end-24 {

  -webkit-margin-end: 6rem !important;

  margin-inline-end: 6rem !important

}

.margin-x-24 {

  margin-inline: 6rem !important

}

.gap-25 {

  gap: 6.25rem !important

}

.padding-25 {

  padding: 6.25rem !important

}

.padding-top-25 {

  -webkit-padding-before: 6.25rem !important;

  padding-block-start: 6.25rem !important

}

.padding-bottom-25 {

  -webkit-padding-after: 6.25rem !important;

  padding-block-end: 6.25rem !important

}

.padding-y-25 {

  padding-block: 6.25rem !important

}

.padding-start-25 {

  -webkit-padding-start: 6.25rem !important;

  padding-inline-start: 6.25rem !important

}

.padding-end-25 {

  -webkit-padding-end: 6.25rem !important;

  padding-inline-end: 6.25rem !important

}

.padding-x-25 {

  padding-inline: 6.25rem !important

}

.margin-25 {

  margin: 6.25rem !important

}

.margin-top-25 {

  -webkit-margin-before: 6.25rem !important;

  margin-block-start: 6.25rem !important

}

.margin-bottom-25 {

  -webkit-margin-after: 6.25rem !important;

  margin-block-end: 6.25rem !important

}

.margin-y-25 {

  margin-block: 6.25rem !important

}

.margin-start-25 {

  -webkit-margin-start: 6.25rem !important;

  margin-inline-start: 6.25rem !important

}

.margin-end-25 {

  -webkit-margin-end: 6.25rem !important;

  margin-inline-end: 6.25rem !important

}

.margin-x-25 {

  margin-inline: 6.25rem !important

}

.gap-26 {

  gap: 6.5rem !important

}

.padding-26 {

  padding: 6.5rem !important

}

.padding-top-26 {

  -webkit-padding-before: 6.5rem !important;

  padding-block-start: 6.5rem !important

}

.padding-bottom-26 {

  -webkit-padding-after: 6.5rem !important;

  padding-block-end: 6.5rem !important

}

.padding-y-26 {

  padding-block: 6.5rem !important

}

.padding-start-26 {

  -webkit-padding-start: 6.5rem !important;

  padding-inline-start: 6.5rem !important

}

.padding-end-26 {

  -webkit-padding-end: 6.5rem !important;

  padding-inline-end: 6.5rem !important

}

.padding-x-26 {

  padding-inline: 6.5rem !important

}

.margin-26 {

  margin: 6.5rem !important

}

.margin-top-26 {

  -webkit-margin-before: 6.5rem !important;

  margin-block-start: 6.5rem !important

}

.margin-bottom-26 {

  -webkit-margin-after: 6.5rem !important;

  margin-block-end: 6.5rem !important

}

.margin-y-26 {

  margin-block: 6.5rem !important

}

.margin-start-26 {

  -webkit-margin-start: 6.5rem !important;

  margin-inline-start: 6.5rem !important

}

.margin-end-26 {

  -webkit-margin-end: 6.5rem !important;

  margin-inline-end: 6.5rem !important

}

.margin-x-26 {

  margin-inline: 6.5rem !important

}

.gap-27 {

  gap: 6.75rem !important

}

.padding-27 {

  padding: 6.75rem !important

}

.padding-top-27 {

  -webkit-padding-before: 6.75rem !important;

  padding-block-start: 6.75rem !important

}

.padding-bottom-27 {

  -webkit-padding-after: 6.75rem !important;

  padding-block-end: 6.75rem !important

}

.padding-y-27 {

  padding-block: 6.75rem !important

}

.padding-start-27 {

  -webkit-padding-start: 6.75rem !important;

  padding-inline-start: 6.75rem !important

}

.padding-end-27 {

  -webkit-padding-end: 6.75rem !important;

  padding-inline-end: 6.75rem !important

}

.padding-x-27 {

  padding-inline: 6.75rem !important

}

.margin-27 {

  margin: 6.75rem !important

}

.margin-top-27 {

  -webkit-margin-before: 6.75rem !important;

  margin-block-start: 6.75rem !important

}

.margin-bottom-27 {

  -webkit-margin-after: 6.75rem !important;

  margin-block-end: 6.75rem !important

}

.margin-y-27 {

  margin-block: 6.75rem !important

}

.margin-start-27 {

  -webkit-margin-start: 6.75rem !important;

  margin-inline-start: 6.75rem !important

}

.margin-end-27 {

  -webkit-margin-end: 6.75rem !important;

  margin-inline-end: 6.75rem !important

}

.margin-x-27 {

  margin-inline: 6.75rem !important

}

.gap-28 {

  gap: 7rem !important

}

.padding-28 {

  padding: 7rem !important

}

.padding-top-28 {

  -webkit-padding-before: 7rem !important;

  padding-block-start: 7rem !important

}

.padding-bottom-28 {

  -webkit-padding-after: 7rem !important;

  padding-block-end: 7rem !important

}

.padding-y-28 {

  padding-block: 7rem !important

}

.padding-start-28 {

  -webkit-padding-start: 7rem !important;

  padding-inline-start: 7rem !important

}

.padding-end-28 {

  -webkit-padding-end: 7rem !important;

  padding-inline-end: 7rem !important

}

.padding-x-28 {

  padding-inline: 7rem !important

}

.margin-28 {

  margin: 7rem !important

}

.margin-top-28 {

  -webkit-margin-before: 7rem !important;

  margin-block-start: 7rem !important

}

.margin-bottom-28 {

  -webkit-margin-after: 7rem !important;

  margin-block-end: 7rem !important

}

.margin-y-28 {

  margin-block: 7rem !important

}

.margin-start-28 {

  -webkit-margin-start: 7rem !important;

  margin-inline-start: 7rem !important

}

.margin-end-28 {

  -webkit-margin-end: 7rem !important;

  margin-inline-end: 7rem !important

}

.margin-x-28 {

  margin-inline: 7rem !important

}

.gap-29 {

  gap: 7.25rem !important

}

.padding-29 {

  padding: 7.25rem !important

}

.padding-top-29 {

  -webkit-padding-before: 7.25rem !important;

  padding-block-start: 7.25rem !important

}

.padding-bottom-29 {

  -webkit-padding-after: 7.25rem !important;

  padding-block-end: 7.25rem !important

}

.padding-y-29 {

  padding-block: 7.25rem !important

}

.padding-start-29 {

  -webkit-padding-start: 7.25rem !important;

  padding-inline-start: 7.25rem !important

}

.padding-end-29 {

  -webkit-padding-end: 7.25rem !important;

  padding-inline-end: 7.25rem !important

}

.padding-x-29 {

  padding-inline: 7.25rem !important

}

.margin-29 {

  margin: 7.25rem !important

}

.margin-top-29 {

  -webkit-margin-before: 7.25rem !important;

  margin-block-start: 7.25rem !important

}

.margin-bottom-29 {

  -webkit-margin-after: 7.25rem !important;

  margin-block-end: 7.25rem !important

}

.margin-y-29 {

  margin-block: 7.25rem !important

}

.margin-start-29 {

  -webkit-margin-start: 7.25rem !important;

  margin-inline-start: 7.25rem !important

}

.margin-end-29 {

  -webkit-margin-end: 7.25rem !important;

  margin-inline-end: 7.25rem !important

}

.margin-x-29 {

  margin-inline: 7.25rem !important

}

.gap-30 {

  gap: 7.5rem !important

}

.padding-30 {

  padding: 7.5rem !important

}

.padding-top-30 {

  -webkit-padding-before: 7.5rem !important;

  padding-block-start: 7.5rem !important

}

.padding-bottom-30 {

  -webkit-padding-after: 7.5rem !important;

  padding-block-end: 7.5rem !important

}

.padding-y-30 {

  padding-block: 7.5rem !important

}

.padding-start-30 {

  -webkit-padding-start: 7.5rem !important;

  padding-inline-start: 7.5rem !important

}

.padding-end-30 {

  -webkit-padding-end: 7.5rem !important;

  padding-inline-end: 7.5rem !important

}

.padding-x-30 {

  padding-inline: 7.5rem !important

}

.margin-30 {

  margin: 7.5rem !important

}

.margin-top-30 {

  -webkit-margin-before: 7.5rem !important;

  margin-block-start: 7.5rem !important

}

.margin-bottom-30 {

  -webkit-margin-after: 7.5rem !important;

  margin-block-end: 7.5rem !important

}

.margin-y-30 {

  margin-block: 7.5rem !important

}

.margin-start-30 {

  -webkit-margin-start: 7.5rem !important;

  margin-inline-start: 7.5rem !important

}

.margin-end-30 {

  -webkit-margin-end: 7.5rem !important;

  margin-inline-end: 7.5rem !important

}

.margin-x-30 {

  margin-inline: 7.5rem !important

}

@media(min-width: 320px) {

  .gap-xs-0 {

    gap: 0 !important

  }

  .padding-xs-0 {

    padding: 0 !important

  }

  .padding-top-xs-0 {

    -webkit-padding-before: 0 !important;

    padding-block-start: 0 !important

  }

  .padding-bottom-xs-0 {

    -webkit-padding-after: 0 !important;

    padding-block-end: 0 !important

  }

  .padding-y-xs-0 {

    padding-block: 0 !important

  }

  .padding-start-xs-0 {

    -webkit-padding-start: 0 !important;

    padding-inline-start: 0 !important

  }

  .padding-end-xs-0 {

    -webkit-padding-end: 0 !important;

    padding-inline-end: 0 !important

  }

  .padding-x-xs-0 {

    padding-inline: 0 !important

  }

  .margin-xs-0 {

    margin: 0 !important

  }

  .margin-top-xs-0 {

    -webkit-margin-before: 0 !important;

    margin-block-start: 0 !important

  }

  .margin-bottom-xs-0 {

    -webkit-margin-after: 0 !important;

    margin-block-end: 0 !important

  }

  .margin-y-xs-0 {

    margin-block: 0 !important

  }

  .margin-start-xs-0 {

    -webkit-margin-start: 0 !important;

    margin-inline-start: 0 !important

  }

  .margin-end-xs-0 {

    -webkit-margin-end: 0 !important;

    margin-inline-end: 0 !important

  }

  .margin-x-xs-0 {

    margin-inline: 0 !important

  }

}

@media(min-width: 320px) {

  .gap-xs-1 {

    gap: 0.25rem !important

  }

  .padding-xs-1 {

    padding: 0.25rem !important

  }

  .padding-top-xs-1 {

    -webkit-padding-before: 0.25rem !important;

    padding-block-start: 0.25rem !important

  }

  .padding-bottom-xs-1 {

    -webkit-padding-after: 0.25rem !important;

    padding-block-end: 0.25rem !important

  }

  .padding-y-xs-1 {

    padding-block: 0.25rem !important

  }

  .padding-start-xs-1 {

    -webkit-padding-start: 0.25rem !important;

    padding-inline-start: 0.25rem !important

  }

  .padding-end-xs-1 {

    -webkit-padding-end: 0.25rem !important;

    padding-inline-end: 0.25rem !important

  }

  .padding-x-xs-1 {

    padding-inline: 0.25rem !important

  }

  .margin-xs-1 {

    margin: 0.25rem !important

  }

  .margin-top-xs-1 {

    -webkit-margin-before: 0.25rem !important;

    margin-block-start: 0.25rem !important

  }

  .margin-bottom-xs-1 {

    -webkit-margin-after: 0.25rem !important;

    margin-block-end: 0.25rem !important

  }

  .margin-y-xs-1 {

    margin-block: 0.25rem !important

  }

  .margin-start-xs-1 {

    -webkit-margin-start: 0.25rem !important;

    margin-inline-start: 0.25rem !important

  }

  .margin-end-xs-1 {

    -webkit-margin-end: 0.25rem !important;

    margin-inline-end: 0.25rem !important

  }

  .margin-x-xs-1 {

    margin-inline: 0.25rem !important

  }

}

@media(min-width: 320px) {

  .gap-xs-2 {

    gap: 0.5rem !important

  }

  .padding-xs-2 {

    padding: 0.5rem !important

  }

  .padding-top-xs-2 {

    -webkit-padding-before: 0.5rem !important;

    padding-block-start: 0.5rem !important

  }

  .padding-bottom-xs-2 {

    -webkit-padding-after: 0.5rem !important;

    padding-block-end: 0.5rem !important

  }

  .padding-y-xs-2 {

    padding-block: 0.5rem !important

  }

  .padding-start-xs-2 {

    -webkit-padding-start: 0.5rem !important;

    padding-inline-start: 0.5rem !important

  }

  .padding-end-xs-2 {

    -webkit-padding-end: 0.5rem !important;

    padding-inline-end: 0.5rem !important

  }

  .padding-x-xs-2 {

    padding-inline: 0.5rem !important

  }

  .margin-xs-2 {

    margin: 0.5rem !important

  }

  .margin-top-xs-2 {

    -webkit-margin-before: 0.5rem !important;

    margin-block-start: 0.5rem !important

  }

  .margin-bottom-xs-2 {

    -webkit-margin-after: 0.5rem !important;

    margin-block-end: 0.5rem !important

  }

  .margin-y-xs-2 {

    margin-block: 0.5rem !important

  }

  .margin-start-xs-2 {

    -webkit-margin-start: 0.5rem !important;

    margin-inline-start: 0.5rem !important

  }

  .margin-end-xs-2 {

    -webkit-margin-end: 0.5rem !important;

    margin-inline-end: 0.5rem !important

  }

  .margin-x-xs-2 {

    margin-inline: 0.5rem !important

  }

}

@media(min-width: 320px) {

  .gap-xs-3 {

    gap: 0.75rem !important

  }

  .padding-xs-3 {

    padding: 0.75rem !important

  }

  .padding-top-xs-3 {

    -webkit-padding-before: 0.75rem !important;

    padding-block-start: 0.75rem !important

  }

  .padding-bottom-xs-3 {

    -webkit-padding-after: 0.75rem !important;

    padding-block-end: 0.75rem !important

  }

  .padding-y-xs-3 {

    padding-block: 0.75rem !important

  }

  .padding-start-xs-3 {

    -webkit-padding-start: 0.75rem !important;

    padding-inline-start: 0.75rem !important

  }

  .padding-end-xs-3 {

    -webkit-padding-end: 0.75rem !important;

    padding-inline-end: 0.75rem !important

  }

  .padding-x-xs-3 {

    padding-inline: 0.75rem !important

  }

  .margin-xs-3 {

    margin: 0.75rem !important

  }

  .margin-top-xs-3 {

    -webkit-margin-before: 0.75rem !important;

    margin-block-start: 0.75rem !important

  }

  .margin-bottom-xs-3 {

    -webkit-margin-after: 0.75rem !important;

    margin-block-end: 0.75rem !important

  }

  .margin-y-xs-3 {

    margin-block: 0.75rem !important

  }

  .margin-start-xs-3 {

    -webkit-margin-start: 0.75rem !important;

    margin-inline-start: 0.75rem !important

  }

  .margin-end-xs-3 {

    -webkit-margin-end: 0.75rem !important;

    margin-inline-end: 0.75rem !important

  }

  .margin-x-xs-3 {

    margin-inline: 0.75rem !important

  }

}

@media(min-width: 320px) {

  .gap-xs-4 {

    gap: 1rem !important

  }

  .padding-xs-4 {

    padding: 1rem !important

  }

  .padding-top-xs-4 {

    -webkit-padding-before: 1rem !important;

    padding-block-start: 1rem !important

  }

  .padding-bottom-xs-4 {

    -webkit-padding-after: 1rem !important;

    padding-block-end: 1rem !important

  }

  .padding-y-xs-4 {

    padding-block: 1rem !important

  }

  .padding-start-xs-4 {

    -webkit-padding-start: 1rem !important;

    padding-inline-start: 1rem !important

  }

  .padding-end-xs-4 {

    -webkit-padding-end: 1rem !important;

    padding-inline-end: 1rem !important

  }

  .padding-x-xs-4 {

    padding-inline: 1rem !important

  }

  .margin-xs-4 {

    margin: 1rem !important

  }

  .margin-top-xs-4 {

    -webkit-margin-before: 1rem !important;

    margin-block-start: 1rem !important

  }

  .margin-bottom-xs-4 {

    -webkit-margin-after: 1rem !important;

    margin-block-end: 1rem !important

  }

  .margin-y-xs-4 {

    margin-block: 1rem !important

  }

  .margin-start-xs-4 {

    -webkit-margin-start: 1rem !important;

    margin-inline-start: 1rem !important

  }

  .margin-end-xs-4 {

    -webkit-margin-end: 1rem !important;

    margin-inline-end: 1rem !important

  }

  .margin-x-xs-4 {

    margin-inline: 1rem !important

  }

}

@media(min-width: 320px) {

  .gap-xs-5 {

    gap: 1.25rem !important

  }

  .padding-xs-5 {

    padding: 1.25rem !important

  }

  .padding-top-xs-5 {

    -webkit-padding-before: 1.25rem !important;

    padding-block-start: 1.25rem !important

  }

  .padding-bottom-xs-5 {

    -webkit-padding-after: 1.25rem !important;

    padding-block-end: 1.25rem !important

  }

  .padding-y-xs-5 {

    padding-block: 1.25rem !important

  }

  .padding-start-xs-5 {

    -webkit-padding-start: 1.25rem !important;

    padding-inline-start: 1.25rem !important

  }

  .padding-end-xs-5 {

    -webkit-padding-end: 1.25rem !important;

    padding-inline-end: 1.25rem !important

  }

  .padding-x-xs-5 {

    padding-inline: 1.25rem !important

  }

  .margin-xs-5 {

    margin: 1.25rem !important

  }

  .margin-top-xs-5 {

    -webkit-margin-before: 1.25rem !important;

    margin-block-start: 1.25rem !important

  }

  .margin-bottom-xs-5 {

    -webkit-margin-after: 1.25rem !important;

    margin-block-end: 1.25rem !important

  }

  .margin-y-xs-5 {

    margin-block: 1.25rem !important

  }

  .margin-start-xs-5 {

    -webkit-margin-start: 1.25rem !important;

    margin-inline-start: 1.25rem !important

  }

  .margin-end-xs-5 {

    -webkit-margin-end: 1.25rem !important;

    margin-inline-end: 1.25rem !important

  }

  .margin-x-xs-5 {

    margin-inline: 1.25rem !important

  }

}

@media(min-width: 320px) {

  .gap-xs-6 {

    gap: 1.5rem !important

  }

  .padding-xs-6 {

    padding: 1.5rem !important

  }

  .padding-top-xs-6 {

    -webkit-padding-before: 1.5rem !important;

    padding-block-start: 1.5rem !important

  }

  .padding-bottom-xs-6 {

    -webkit-padding-after: 1.5rem !important;

    padding-block-end: 1.5rem !important

  }

  .padding-y-xs-6 {

    padding-block: 1.5rem !important

  }

  .padding-start-xs-6 {

    -webkit-padding-start: 1.5rem !important;

    padding-inline-start: 1.5rem !important

  }

  .padding-end-xs-6 {

    -webkit-padding-end: 1.5rem !important;

    padding-inline-end: 1.5rem !important

  }

  .padding-x-xs-6 {

    padding-inline: 1.5rem !important

  }

  .margin-xs-6 {

    margin: 1.5rem !important

  }

  .margin-top-xs-6 {

    -webkit-margin-before: 1.5rem !important;

    margin-block-start: 1.5rem !important

  }

  .margin-bottom-xs-6 {

    -webkit-margin-after: 1.5rem !important;

    margin-block-end: 1.5rem !important

  }

  .margin-y-xs-6 {

    margin-block: 1.5rem !important

  }

  .margin-start-xs-6 {

    -webkit-margin-start: 1.5rem !important;

    margin-inline-start: 1.5rem !important

  }

  .margin-end-xs-6 {

    -webkit-margin-end: 1.5rem !important;

    margin-inline-end: 1.5rem !important

  }

  .margin-x-xs-6 {

    margin-inline: 1.5rem !important

  }

}

@media(min-width: 320px) {

  .gap-xs-7 {

    gap: 1.75rem !important

  }

  .padding-xs-7 {

    padding: 1.75rem !important

  }

  .padding-top-xs-7 {

    -webkit-padding-before: 1.75rem !important;

    padding-block-start: 1.75rem !important

  }

  .padding-bottom-xs-7 {

    -webkit-padding-after: 1.75rem !important;

    padding-block-end: 1.75rem !important

  }

  .padding-y-xs-7 {

    padding-block: 1.75rem !important

  }

  .padding-start-xs-7 {

    -webkit-padding-start: 1.75rem !important;

    padding-inline-start: 1.75rem !important

  }

  .padding-end-xs-7 {

    -webkit-padding-end: 1.75rem !important;

    padding-inline-end: 1.75rem !important

  }

  .padding-x-xs-7 {

    padding-inline: 1.75rem !important

  }

  .margin-xs-7 {

    margin: 1.75rem !important

  }

  .margin-top-xs-7 {

    -webkit-margin-before: 1.75rem !important;

    margin-block-start: 1.75rem !important

  }

  .margin-bottom-xs-7 {

    -webkit-margin-after: 1.75rem !important;

    margin-block-end: 1.75rem !important

  }

  .margin-y-xs-7 {

    margin-block: 1.75rem !important

  }

  .margin-start-xs-7 {

    -webkit-margin-start: 1.75rem !important;

    margin-inline-start: 1.75rem !important

  }

  .margin-end-xs-7 {

    -webkit-margin-end: 1.75rem !important;

    margin-inline-end: 1.75rem !important

  }

  .margin-x-xs-7 {

    margin-inline: 1.75rem !important

  }

}

@media(min-width: 320px) {

  .gap-xs-8 {

    gap: 2rem !important

  }

  .padding-xs-8 {

    padding: 2rem !important

  }

  .padding-top-xs-8 {

    -webkit-padding-before: 2rem !important;

    padding-block-start: 2rem !important

  }

  .padding-bottom-xs-8 {

    -webkit-padding-after: 2rem !important;

    padding-block-end: 2rem !important

  }

  .padding-y-xs-8 {

    padding-block: 2rem !important

  }

  .padding-start-xs-8 {

    -webkit-padding-start: 2rem !important;

    padding-inline-start: 2rem !important

  }

  .padding-end-xs-8 {

    -webkit-padding-end: 2rem !important;

    padding-inline-end: 2rem !important

  }

  .padding-x-xs-8 {

    padding-inline: 2rem !important

  }

  .margin-xs-8 {

    margin: 2rem !important

  }

  .margin-top-xs-8 {

    -webkit-margin-before: 2rem !important;

    margin-block-start: 2rem !important

  }

  .margin-bottom-xs-8 {

    -webkit-margin-after: 2rem !important;

    margin-block-end: 2rem !important

  }

  .margin-y-xs-8 {

    margin-block: 2rem !important

  }

  .margin-start-xs-8 {

    -webkit-margin-start: 2rem !important;

    margin-inline-start: 2rem !important

  }

  .margin-end-xs-8 {

    -webkit-margin-end: 2rem !important;

    margin-inline-end: 2rem !important

  }

  .margin-x-xs-8 {

    margin-inline: 2rem !important

  }

}

@media(min-width: 320px) {

  .gap-xs-9 {

    gap: 2.25rem !important

  }

  .padding-xs-9 {

    padding: 2.25rem !important

  }

  .padding-top-xs-9 {

    -webkit-padding-before: 2.25rem !important;

    padding-block-start: 2.25rem !important

  }

  .padding-bottom-xs-9 {

    -webkit-padding-after: 2.25rem !important;

    padding-block-end: 2.25rem !important

  }

  .padding-y-xs-9 {

    padding-block: 2.25rem !important

  }

  .padding-start-xs-9 {

    -webkit-padding-start: 2.25rem !important;

    padding-inline-start: 2.25rem !important

  }

  .padding-end-xs-9 {

    -webkit-padding-end: 2.25rem !important;

    padding-inline-end: 2.25rem !important

  }

  .padding-x-xs-9 {

    padding-inline: 2.25rem !important

  }

  .margin-xs-9 {

    margin: 2.25rem !important

  }

  .margin-top-xs-9 {

    -webkit-margin-before: 2.25rem !important;

    margin-block-start: 2.25rem !important

  }

  .margin-bottom-xs-9 {

    -webkit-margin-after: 2.25rem !important;

    margin-block-end: 2.25rem !important

  }

  .margin-y-xs-9 {

    margin-block: 2.25rem !important

  }

  .margin-start-xs-9 {

    -webkit-margin-start: 2.25rem !important;

    margin-inline-start: 2.25rem !important

  }

  .margin-end-xs-9 {

    -webkit-margin-end: 2.25rem !important;

    margin-inline-end: 2.25rem !important

  }

  .margin-x-xs-9 {

    margin-inline: 2.25rem !important

  }

}

@media(min-width: 320px) {

  .gap-xs-10 {

    gap: 2.5rem !important

  }

  .padding-xs-10 {

    padding: 2.5rem !important

  }

  .padding-top-xs-10 {

    -webkit-padding-before: 2.5rem !important;

    padding-block-start: 2.5rem !important

  }

  .padding-bottom-xs-10 {

    -webkit-padding-after: 2.5rem !important;

    padding-block-end: 2.5rem !important

  }

  .padding-y-xs-10 {

    padding-block: 2.5rem !important

  }

  .padding-start-xs-10 {

    -webkit-padding-start: 2.5rem !important;

    padding-inline-start: 2.5rem !important

  }

  .padding-end-xs-10 {

    -webkit-padding-end: 2.5rem !important;

    padding-inline-end: 2.5rem !important

  }

  .padding-x-xs-10 {

    padding-inline: 2.5rem !important

  }

  .margin-xs-10 {

    margin: 2.5rem !important

  }

  .margin-top-xs-10 {

    -webkit-margin-before: 2.5rem !important;

    margin-block-start: 2.5rem !important

  }

  .margin-bottom-xs-10 {

    -webkit-margin-after: 2.5rem !important;

    margin-block-end: 2.5rem !important

  }

  .margin-y-xs-10 {

    margin-block: 2.5rem !important

  }

  .margin-start-xs-10 {

    -webkit-margin-start: 2.5rem !important;

    margin-inline-start: 2.5rem !important

  }

  .margin-end-xs-10 {

    -webkit-margin-end: 2.5rem !important;

    margin-inline-end: 2.5rem !important

  }

  .margin-x-xs-10 {

    margin-inline: 2.5rem !important

  }

}

@media(min-width: 320px) {

  .gap-xs-11 {

    gap: 2.75rem !important

  }

  .padding-xs-11 {

    padding: 2.75rem !important

  }

  .padding-top-xs-11 {

    -webkit-padding-before: 2.75rem !important;

    padding-block-start: 2.75rem !important

  }

  .padding-bottom-xs-11 {

    -webkit-padding-after: 2.75rem !important;

    padding-block-end: 2.75rem !important

  }

  .padding-y-xs-11 {

    padding-block: 2.75rem !important

  }

  .padding-start-xs-11 {

    -webkit-padding-start: 2.75rem !important;

    padding-inline-start: 2.75rem !important

  }

  .padding-end-xs-11 {

    -webkit-padding-end: 2.75rem !important;

    padding-inline-end: 2.75rem !important

  }

  .padding-x-xs-11 {

    padding-inline: 2.75rem !important

  }

  .margin-xs-11 {

    margin: 2.75rem !important

  }

  .margin-top-xs-11 {

    -webkit-margin-before: 2.75rem !important;

    margin-block-start: 2.75rem !important

  }

  .margin-bottom-xs-11 {

    -webkit-margin-after: 2.75rem !important;

    margin-block-end: 2.75rem !important

  }

  .margin-y-xs-11 {

    margin-block: 2.75rem !important

  }

  .margin-start-xs-11 {

    -webkit-margin-start: 2.75rem !important;

    margin-inline-start: 2.75rem !important

  }

  .margin-end-xs-11 {

    -webkit-margin-end: 2.75rem !important;

    margin-inline-end: 2.75rem !important

  }

  .margin-x-xs-11 {

    margin-inline: 2.75rem !important

  }

}

@media(min-width: 320px) {

  .gap-xs-12 {

    gap: 3rem !important

  }

  .padding-xs-12 {

    padding: 3rem !important

  }

  .padding-top-xs-12 {

    -webkit-padding-before: 3rem !important;

    padding-block-start: 3rem !important

  }

  .padding-bottom-xs-12 {

    -webkit-padding-after: 3rem !important;

    padding-block-end: 3rem !important

  }

  .padding-y-xs-12 {

    padding-block: 3rem !important

  }

  .padding-start-xs-12 {

    -webkit-padding-start: 3rem !important;

    padding-inline-start: 3rem !important

  }

  .padding-end-xs-12 {

    -webkit-padding-end: 3rem !important;

    padding-inline-end: 3rem !important

  }

  .padding-x-xs-12 {

    padding-inline: 3rem !important

  }

  .margin-xs-12 {

    margin: 3rem !important

  }

  .margin-top-xs-12 {

    -webkit-margin-before: 3rem !important;

    margin-block-start: 3rem !important

  }

  .margin-bottom-xs-12 {

    -webkit-margin-after: 3rem !important;

    margin-block-end: 3rem !important

  }

  .margin-y-xs-12 {

    margin-block: 3rem !important

  }

  .margin-start-xs-12 {

    -webkit-margin-start: 3rem !important;

    margin-inline-start: 3rem !important

  }

  .margin-end-xs-12 {

    -webkit-margin-end: 3rem !important;

    margin-inline-end: 3rem !important

  }

  .margin-x-xs-12 {

    margin-inline: 3rem !important

  }

}

@media(min-width: 320px) {

  .gap-xs-13 {

    gap: 3.25rem !important

  }

  .padding-xs-13 {

    padding: 3.25rem !important

  }

  .padding-top-xs-13 {

    -webkit-padding-before: 3.25rem !important;

    padding-block-start: 3.25rem !important

  }

  .padding-bottom-xs-13 {

    -webkit-padding-after: 3.25rem !important;

    padding-block-end: 3.25rem !important

  }

  .padding-y-xs-13 {

    padding-block: 3.25rem !important

  }

  .padding-start-xs-13 {

    -webkit-padding-start: 3.25rem !important;

    padding-inline-start: 3.25rem !important

  }

  .padding-end-xs-13 {

    -webkit-padding-end: 3.25rem !important;

    padding-inline-end: 3.25rem !important

  }

  .padding-x-xs-13 {

    padding-inline: 3.25rem !important

  }

  .margin-xs-13 {

    margin: 3.25rem !important

  }

  .margin-top-xs-13 {

    -webkit-margin-before: 3.25rem !important;

    margin-block-start: 3.25rem !important

  }

  .margin-bottom-xs-13 {

    -webkit-margin-after: 3.25rem !important;

    margin-block-end: 3.25rem !important

  }

  .margin-y-xs-13 {

    margin-block: 3.25rem !important

  }

  .margin-start-xs-13 {

    -webkit-margin-start: 3.25rem !important;

    margin-inline-start: 3.25rem !important

  }

  .margin-end-xs-13 {

    -webkit-margin-end: 3.25rem !important;

    margin-inline-end: 3.25rem !important

  }

  .margin-x-xs-13 {

    margin-inline: 3.25rem !important

  }

}

@media(min-width: 320px) {

  .gap-xs-14 {

    gap: 3.5rem !important

  }

  .padding-xs-14 {

    padding: 3.5rem !important

  }

  .padding-top-xs-14 {

    -webkit-padding-before: 3.5rem !important;

    padding-block-start: 3.5rem !important

  }

  .padding-bottom-xs-14 {

    -webkit-padding-after: 3.5rem !important;

    padding-block-end: 3.5rem !important

  }

  .padding-y-xs-14 {

    padding-block: 3.5rem !important

  }

  .padding-start-xs-14 {

    -webkit-padding-start: 3.5rem !important;

    padding-inline-start: 3.5rem !important

  }

  .padding-end-xs-14 {

    -webkit-padding-end: 3.5rem !important;

    padding-inline-end: 3.5rem !important

  }

  .padding-x-xs-14 {

    padding-inline: 3.5rem !important

  }

  .margin-xs-14 {

    margin: 3.5rem !important

  }

  .margin-top-xs-14 {

    -webkit-margin-before: 3.5rem !important;

    margin-block-start: 3.5rem !important

  }

  .margin-bottom-xs-14 {

    -webkit-margin-after: 3.5rem !important;

    margin-block-end: 3.5rem !important

  }

  .margin-y-xs-14 {

    margin-block: 3.5rem !important

  }

  .margin-start-xs-14 {

    -webkit-margin-start: 3.5rem !important;

    margin-inline-start: 3.5rem !important

  }

  .margin-end-xs-14 {

    -webkit-margin-end: 3.5rem !important;

    margin-inline-end: 3.5rem !important

  }

  .margin-x-xs-14 {

    margin-inline: 3.5rem !important

  }

}

@media(min-width: 320px) {

  .gap-xs-15 {

    gap: 3.75rem !important

  }

  .padding-xs-15 {

    padding: 3.75rem !important

  }

  .padding-top-xs-15 {

    -webkit-padding-before: 3.75rem !important;

    padding-block-start: 3.75rem !important

  }

  .padding-bottom-xs-15 {

    -webkit-padding-after: 3.75rem !important;

    padding-block-end: 3.75rem !important

  }

  .padding-y-xs-15 {

    padding-block: 3.75rem !important

  }

  .padding-start-xs-15 {

    -webkit-padding-start: 3.75rem !important;

    padding-inline-start: 3.75rem !important

  }

  .padding-end-xs-15 {

    -webkit-padding-end: 3.75rem !important;

    padding-inline-end: 3.75rem !important

  }

  .padding-x-xs-15 {

    padding-inline: 3.75rem !important

  }

  .margin-xs-15 {

    margin: 3.75rem !important

  }

  .margin-top-xs-15 {

    -webkit-margin-before: 3.75rem !important;

    margin-block-start: 3.75rem !important

  }

  .margin-bottom-xs-15 {

    -webkit-margin-after: 3.75rem !important;

    margin-block-end: 3.75rem !important

  }

  .margin-y-xs-15 {

    margin-block: 3.75rem !important

  }

  .margin-start-xs-15 {

    -webkit-margin-start: 3.75rem !important;

    margin-inline-start: 3.75rem !important

  }

  .margin-end-xs-15 {

    -webkit-margin-end: 3.75rem !important;

    margin-inline-end: 3.75rem !important

  }

  .margin-x-xs-15 {

    margin-inline: 3.75rem !important

  }

}

@media(min-width: 320px) {

  .gap-xs-16 {

    gap: 4rem !important

  }

  .padding-xs-16 {

    padding: 4rem !important

  }

  .padding-top-xs-16 {

    -webkit-padding-before: 4rem !important;

    padding-block-start: 4rem !important

  }

  .padding-bottom-xs-16 {

    -webkit-padding-after: 4rem !important;

    padding-block-end: 4rem !important

  }

  .padding-y-xs-16 {

    padding-block: 4rem !important

  }

  .padding-start-xs-16 {

    -webkit-padding-start: 4rem !important;

    padding-inline-start: 4rem !important

  }

  .padding-end-xs-16 {

    -webkit-padding-end: 4rem !important;

    padding-inline-end: 4rem !important

  }

  .padding-x-xs-16 {

    padding-inline: 4rem !important

  }

  .margin-xs-16 {

    margin: 4rem !important

  }

  .margin-top-xs-16 {

    -webkit-margin-before: 4rem !important;

    margin-block-start: 4rem !important

  }

  .margin-bottom-xs-16 {

    -webkit-margin-after: 4rem !important;

    margin-block-end: 4rem !important

  }

  .margin-y-xs-16 {

    margin-block: 4rem !important

  }

  .margin-start-xs-16 {

    -webkit-margin-start: 4rem !important;

    margin-inline-start: 4rem !important

  }

  .margin-end-xs-16 {

    -webkit-margin-end: 4rem !important;

    margin-inline-end: 4rem !important

  }

  .margin-x-xs-16 {

    margin-inline: 4rem !important

  }

}

@media(min-width: 320px) {

  .gap-xs-17 {

    gap: 4.25rem !important

  }

  .padding-xs-17 {

    padding: 4.25rem !important

  }

  .padding-top-xs-17 {

    -webkit-padding-before: 4.25rem !important;

    padding-block-start: 4.25rem !important

  }

  .padding-bottom-xs-17 {

    -webkit-padding-after: 4.25rem !important;

    padding-block-end: 4.25rem !important

  }

  .padding-y-xs-17 {

    padding-block: 4.25rem !important

  }

  .padding-start-xs-17 {

    -webkit-padding-start: 4.25rem !important;

    padding-inline-start: 4.25rem !important

  }

  .padding-end-xs-17 {

    -webkit-padding-end: 4.25rem !important;

    padding-inline-end: 4.25rem !important

  }

  .padding-x-xs-17 {

    padding-inline: 4.25rem !important

  }

  .margin-xs-17 {

    margin: 4.25rem !important

  }

  .margin-top-xs-17 {

    -webkit-margin-before: 4.25rem !important;

    margin-block-start: 4.25rem !important

  }

  .margin-bottom-xs-17 {

    -webkit-margin-after: 4.25rem !important;

    margin-block-end: 4.25rem !important

  }

  .margin-y-xs-17 {

    margin-block: 4.25rem !important

  }

  .margin-start-xs-17 {

    -webkit-margin-start: 4.25rem !important;

    margin-inline-start: 4.25rem !important

  }

  .margin-end-xs-17 {

    -webkit-margin-end: 4.25rem !important;

    margin-inline-end: 4.25rem !important

  }

  .margin-x-xs-17 {

    margin-inline: 4.25rem !important

  }

}

@media(min-width: 320px) {

  .gap-xs-18 {

    gap: 4.5rem !important

  }

  .padding-xs-18 {

    padding: 4.5rem !important

  }

  .padding-top-xs-18 {

    -webkit-padding-before: 4.5rem !important;

    padding-block-start: 4.5rem !important

  }

  .padding-bottom-xs-18 {

    -webkit-padding-after: 4.5rem !important;

    padding-block-end: 4.5rem !important

  }

  .padding-y-xs-18 {

    padding-block: 4.5rem !important

  }

  .padding-start-xs-18 {

    -webkit-padding-start: 4.5rem !important;

    padding-inline-start: 4.5rem !important

  }

  .padding-end-xs-18 {

    -webkit-padding-end: 4.5rem !important;

    padding-inline-end: 4.5rem !important

  }

  .padding-x-xs-18 {

    padding-inline: 4.5rem !important

  }

  .margin-xs-18 {

    margin: 4.5rem !important

  }

  .margin-top-xs-18 {

    -webkit-margin-before: 4.5rem !important;

    margin-block-start: 4.5rem !important

  }

  .margin-bottom-xs-18 {

    -webkit-margin-after: 4.5rem !important;

    margin-block-end: 4.5rem !important

  }

  .margin-y-xs-18 {

    margin-block: 4.5rem !important

  }

  .margin-start-xs-18 {

    -webkit-margin-start: 4.5rem !important;

    margin-inline-start: 4.5rem !important

  }

  .margin-end-xs-18 {

    -webkit-margin-end: 4.5rem !important;

    margin-inline-end: 4.5rem !important

  }

  .margin-x-xs-18 {

    margin-inline: 4.5rem !important

  }

}

@media(min-width: 320px) {

  .gap-xs-19 {

    gap: 4.75rem !important

  }

  .padding-xs-19 {

    padding: 4.75rem !important

  }

  .padding-top-xs-19 {

    -webkit-padding-before: 4.75rem !important;

    padding-block-start: 4.75rem !important

  }

  .padding-bottom-xs-19 {

    -webkit-padding-after: 4.75rem !important;

    padding-block-end: 4.75rem !important

  }

  .padding-y-xs-19 {

    padding-block: 4.75rem !important

  }

  .padding-start-xs-19 {

    -webkit-padding-start: 4.75rem !important;

    padding-inline-start: 4.75rem !important

  }

  .padding-end-xs-19 {

    -webkit-padding-end: 4.75rem !important;

    padding-inline-end: 4.75rem !important

  }

  .padding-x-xs-19 {

    padding-inline: 4.75rem !important

  }

  .margin-xs-19 {

    margin: 4.75rem !important

  }

  .margin-top-xs-19 {

    -webkit-margin-before: 4.75rem !important;

    margin-block-start: 4.75rem !important

  }

  .margin-bottom-xs-19 {

    -webkit-margin-after: 4.75rem !important;

    margin-block-end: 4.75rem !important

  }

  .margin-y-xs-19 {

    margin-block: 4.75rem !important

  }

  .margin-start-xs-19 {

    -webkit-margin-start: 4.75rem !important;

    margin-inline-start: 4.75rem !important

  }

  .margin-end-xs-19 {

    -webkit-margin-end: 4.75rem !important;

    margin-inline-end: 4.75rem !important

  }

  .margin-x-xs-19 {

    margin-inline: 4.75rem !important

  }

}

@media(min-width: 320px) {

  .gap-xs-20 {

    gap: 5rem !important

  }

  .padding-xs-20 {

    padding: 5rem !important

  }

  .padding-top-xs-20 {

    -webkit-padding-before: 5rem !important;

    padding-block-start: 5rem !important

  }

  .padding-bottom-xs-20 {

    -webkit-padding-after: 5rem !important;

    padding-block-end: 5rem !important

  }

  .padding-y-xs-20 {

    padding-block: 5rem !important

  }

  .padding-start-xs-20 {

    -webkit-padding-start: 5rem !important;

    padding-inline-start: 5rem !important

  }

  .padding-end-xs-20 {

    -webkit-padding-end: 5rem !important;

    padding-inline-end: 5rem !important

  }

  .padding-x-xs-20 {

    padding-inline: 5rem !important

  }

  .margin-xs-20 {

    margin: 5rem !important

  }

  .margin-top-xs-20 {

    -webkit-margin-before: 5rem !important;

    margin-block-start: 5rem !important

  }

  .margin-bottom-xs-20 {

    -webkit-margin-after: 5rem !important;

    margin-block-end: 5rem !important

  }

  .margin-y-xs-20 {

    margin-block: 5rem !important

  }

  .margin-start-xs-20 {

    -webkit-margin-start: 5rem !important;

    margin-inline-start: 5rem !important

  }

  .margin-end-xs-20 {

    -webkit-margin-end: 5rem !important;

    margin-inline-end: 5rem !important

  }

  .margin-x-xs-20 {

    margin-inline: 5rem !important

  }

}

@media(min-width: 320px) {

  .gap-xs-21 {

    gap: 5.25rem !important

  }

  .padding-xs-21 {

    padding: 5.25rem !important

  }

  .padding-top-xs-21 {

    -webkit-padding-before: 5.25rem !important;

    padding-block-start: 5.25rem !important

  }

  .padding-bottom-xs-21 {

    -webkit-padding-after: 5.25rem !important;

    padding-block-end: 5.25rem !important

  }

  .padding-y-xs-21 {

    padding-block: 5.25rem !important

  }

  .padding-start-xs-21 {

    -webkit-padding-start: 5.25rem !important;

    padding-inline-start: 5.25rem !important

  }

  .padding-end-xs-21 {

    -webkit-padding-end: 5.25rem !important;

    padding-inline-end: 5.25rem !important

  }

  .padding-x-xs-21 {

    padding-inline: 5.25rem !important

  }

  .margin-xs-21 {

    margin: 5.25rem !important

  }

  .margin-top-xs-21 {

    -webkit-margin-before: 5.25rem !important;

    margin-block-start: 5.25rem !important

  }

  .margin-bottom-xs-21 {

    -webkit-margin-after: 5.25rem !important;

    margin-block-end: 5.25rem !important

  }

  .margin-y-xs-21 {

    margin-block: 5.25rem !important

  }

  .margin-start-xs-21 {

    -webkit-margin-start: 5.25rem !important;

    margin-inline-start: 5.25rem !important

  }

  .margin-end-xs-21 {

    -webkit-margin-end: 5.25rem !important;

    margin-inline-end: 5.25rem !important

  }

  .margin-x-xs-21 {

    margin-inline: 5.25rem !important

  }

}

@media(min-width: 320px) {

  .gap-xs-22 {

    gap: 5.5rem !important

  }

  .padding-xs-22 {

    padding: 5.5rem !important

  }

  .padding-top-xs-22 {

    -webkit-padding-before: 5.5rem !important;

    padding-block-start: 5.5rem !important

  }

  .padding-bottom-xs-22 {

    -webkit-padding-after: 5.5rem !important;

    padding-block-end: 5.5rem !important

  }

  .padding-y-xs-22 {

    padding-block: 5.5rem !important

  }

  .padding-start-xs-22 {

    -webkit-padding-start: 5.5rem !important;

    padding-inline-start: 5.5rem !important

  }

  .padding-end-xs-22 {

    -webkit-padding-end: 5.5rem !important;

    padding-inline-end: 5.5rem !important

  }

  .padding-x-xs-22 {

    padding-inline: 5.5rem !important

  }

  .margin-xs-22 {

    margin: 5.5rem !important

  }

  .margin-top-xs-22 {

    -webkit-margin-before: 5.5rem !important;

    margin-block-start: 5.5rem !important

  }

  .margin-bottom-xs-22 {

    -webkit-margin-after: 5.5rem !important;

    margin-block-end: 5.5rem !important

  }

  .margin-y-xs-22 {

    margin-block: 5.5rem !important

  }

  .margin-start-xs-22 {

    -webkit-margin-start: 5.5rem !important;

    margin-inline-start: 5.5rem !important

  }

  .margin-end-xs-22 {

    -webkit-margin-end: 5.5rem !important;

    margin-inline-end: 5.5rem !important

  }

  .margin-x-xs-22 {

    margin-inline: 5.5rem !important

  }

}

@media(min-width: 320px) {

  .gap-xs-23 {

    gap: 5.75rem !important

  }

  .padding-xs-23 {

    padding: 5.75rem !important

  }

  .padding-top-xs-23 {

    -webkit-padding-before: 5.75rem !important;

    padding-block-start: 5.75rem !important

  }

  .padding-bottom-xs-23 {

    -webkit-padding-after: 5.75rem !important;

    padding-block-end: 5.75rem !important

  }

  .padding-y-xs-23 {

    padding-block: 5.75rem !important

  }

  .padding-start-xs-23 {

    -webkit-padding-start: 5.75rem !important;

    padding-inline-start: 5.75rem !important

  }

  .padding-end-xs-23 {

    -webkit-padding-end: 5.75rem !important;

    padding-inline-end: 5.75rem !important

  }

  .padding-x-xs-23 {

    padding-inline: 5.75rem !important

  }

  .margin-xs-23 {

    margin: 5.75rem !important

  }

  .margin-top-xs-23 {

    -webkit-margin-before: 5.75rem !important;

    margin-block-start: 5.75rem !important

  }

  .margin-bottom-xs-23 {

    -webkit-margin-after: 5.75rem !important;

    margin-block-end: 5.75rem !important

  }

  .margin-y-xs-23 {

    margin-block: 5.75rem !important

  }

  .margin-start-xs-23 {

    -webkit-margin-start: 5.75rem !important;

    margin-inline-start: 5.75rem !important

  }

  .margin-end-xs-23 {

    -webkit-margin-end: 5.75rem !important;

    margin-inline-end: 5.75rem !important

  }

  .margin-x-xs-23 {

    margin-inline: 5.75rem !important

  }

}

@media(min-width: 320px) {

  .gap-xs-24 {

    gap: 6rem !important

  }

  .padding-xs-24 {

    padding: 6rem !important

  }

  .padding-top-xs-24 {

    -webkit-padding-before: 6rem !important;

    padding-block-start: 6rem !important

  }

  .padding-bottom-xs-24 {

    -webkit-padding-after: 6rem !important;

    padding-block-end: 6rem !important

  }

  .padding-y-xs-24 {

    padding-block: 6rem !important

  }

  .padding-start-xs-24 {

    -webkit-padding-start: 6rem !important;

    padding-inline-start: 6rem !important

  }

  .padding-end-xs-24 {

    -webkit-padding-end: 6rem !important;

    padding-inline-end: 6rem !important

  }

  .padding-x-xs-24 {

    padding-inline: 6rem !important

  }

  .margin-xs-24 {

    margin: 6rem !important

  }

  .margin-top-xs-24 {

    -webkit-margin-before: 6rem !important;

    margin-block-start: 6rem !important

  }

  .margin-bottom-xs-24 {

    -webkit-margin-after: 6rem !important;

    margin-block-end: 6rem !important

  }

  .margin-y-xs-24 {

    margin-block: 6rem !important

  }

  .margin-start-xs-24 {

    -webkit-margin-start: 6rem !important;

    margin-inline-start: 6rem !important

  }

  .margin-end-xs-24 {

    -webkit-margin-end: 6rem !important;

    margin-inline-end: 6rem !important

  }

  .margin-x-xs-24 {

    margin-inline: 6rem !important

  }

}

@media(min-width: 320px) {

  .gap-xs-25 {

    gap: 6.25rem !important

  }

  .padding-xs-25 {

    padding: 6.25rem !important

  }

  .padding-top-xs-25 {

    -webkit-padding-before: 6.25rem !important;

    padding-block-start: 6.25rem !important

  }

  .padding-bottom-xs-25 {

    -webkit-padding-after: 6.25rem !important;

    padding-block-end: 6.25rem !important

  }

  .padding-y-xs-25 {

    padding-block: 6.25rem !important

  }

  .padding-start-xs-25 {

    -webkit-padding-start: 6.25rem !important;

    padding-inline-start: 6.25rem !important

  }

  .padding-end-xs-25 {

    -webkit-padding-end: 6.25rem !important;

    padding-inline-end: 6.25rem !important

  }

  .padding-x-xs-25 {

    padding-inline: 6.25rem !important

  }

  .margin-xs-25 {

    margin: 6.25rem !important

  }

  .margin-top-xs-25 {

    -webkit-margin-before: 6.25rem !important;

    margin-block-start: 6.25rem !important

  }

  .margin-bottom-xs-25 {

    -webkit-margin-after: 6.25rem !important;

    margin-block-end: 6.25rem !important

  }

  .margin-y-xs-25 {

    margin-block: 6.25rem !important

  }

  .margin-start-xs-25 {

    -webkit-margin-start: 6.25rem !important;

    margin-inline-start: 6.25rem !important

  }

  .margin-end-xs-25 {

    -webkit-margin-end: 6.25rem !important;

    margin-inline-end: 6.25rem !important

  }

  .margin-x-xs-25 {

    margin-inline: 6.25rem !important

  }

}

@media(min-width: 320px) {

  .gap-xs-26 {

    gap: 6.5rem !important

  }

  .padding-xs-26 {

    padding: 6.5rem !important

  }

  .padding-top-xs-26 {

    -webkit-padding-before: 6.5rem !important;

    padding-block-start: 6.5rem !important

  }

  .padding-bottom-xs-26 {

    -webkit-padding-after: 6.5rem !important;

    padding-block-end: 6.5rem !important

  }

  .padding-y-xs-26 {

    padding-block: 6.5rem !important

  }

  .padding-start-xs-26 {

    -webkit-padding-start: 6.5rem !important;

    padding-inline-start: 6.5rem !important

  }

  .padding-end-xs-26 {

    -webkit-padding-end: 6.5rem !important;

    padding-inline-end: 6.5rem !important

  }

  .padding-x-xs-26 {

    padding-inline: 6.5rem !important

  }

  .margin-xs-26 {

    margin: 6.5rem !important

  }

  .margin-top-xs-26 {

    -webkit-margin-before: 6.5rem !important;

    margin-block-start: 6.5rem !important

  }

  .margin-bottom-xs-26 {

    -webkit-margin-after: 6.5rem !important;

    margin-block-end: 6.5rem !important

  }

  .margin-y-xs-26 {

    margin-block: 6.5rem !important

  }

  .margin-start-xs-26 {

    -webkit-margin-start: 6.5rem !important;

    margin-inline-start: 6.5rem !important

  }

  .margin-end-xs-26 {

    -webkit-margin-end: 6.5rem !important;

    margin-inline-end: 6.5rem !important

  }

  .margin-x-xs-26 {

    margin-inline: 6.5rem !important

  }

}

@media(min-width: 320px) {

  .gap-xs-27 {

    gap: 6.75rem !important

  }

  .padding-xs-27 {

    padding: 6.75rem !important

  }

  .padding-top-xs-27 {

    -webkit-padding-before: 6.75rem !important;

    padding-block-start: 6.75rem !important

  }

  .padding-bottom-xs-27 {

    -webkit-padding-after: 6.75rem !important;

    padding-block-end: 6.75rem !important

  }

  .padding-y-xs-27 {

    padding-block: 6.75rem !important

  }

  .padding-start-xs-27 {

    -webkit-padding-start: 6.75rem !important;

    padding-inline-start: 6.75rem !important

  }

  .padding-end-xs-27 {

    -webkit-padding-end: 6.75rem !important;

    padding-inline-end: 6.75rem !important

  }

  .padding-x-xs-27 {

    padding-inline: 6.75rem !important

  }

  .margin-xs-27 {

    margin: 6.75rem !important

  }

  .margin-top-xs-27 {

    -webkit-margin-before: 6.75rem !important;

    margin-block-start: 6.75rem !important

  }

  .margin-bottom-xs-27 {

    -webkit-margin-after: 6.75rem !important;

    margin-block-end: 6.75rem !important

  }

  .margin-y-xs-27 {

    margin-block: 6.75rem !important

  }

  .margin-start-xs-27 {

    -webkit-margin-start: 6.75rem !important;

    margin-inline-start: 6.75rem !important

  }

  .margin-end-xs-27 {

    -webkit-margin-end: 6.75rem !important;

    margin-inline-end: 6.75rem !important

  }

  .margin-x-xs-27 {

    margin-inline: 6.75rem !important

  }

}

@media(min-width: 320px) {

  .gap-xs-28 {

    gap: 7rem !important

  }

  .padding-xs-28 {

    padding: 7rem !important

  }

  .padding-top-xs-28 {

    -webkit-padding-before: 7rem !important;

    padding-block-start: 7rem !important

  }

  .padding-bottom-xs-28 {

    -webkit-padding-after: 7rem !important;

    padding-block-end: 7rem !important

  }

  .padding-y-xs-28 {

    padding-block: 7rem !important

  }

  .padding-start-xs-28 {

    -webkit-padding-start: 7rem !important;

    padding-inline-start: 7rem !important

  }

  .padding-end-xs-28 {

    -webkit-padding-end: 7rem !important;

    padding-inline-end: 7rem !important

  }

  .padding-x-xs-28 {

    padding-inline: 7rem !important

  }

  .margin-xs-28 {

    margin: 7rem !important

  }

  .margin-top-xs-28 {

    -webkit-margin-before: 7rem !important;

    margin-block-start: 7rem !important

  }

  .margin-bottom-xs-28 {

    -webkit-margin-after: 7rem !important;

    margin-block-end: 7rem !important

  }

  .margin-y-xs-28 {

    margin-block: 7rem !important

  }

  .margin-start-xs-28 {

    -webkit-margin-start: 7rem !important;

    margin-inline-start: 7rem !important

  }

  .margin-end-xs-28 {

    -webkit-margin-end: 7rem !important;

    margin-inline-end: 7rem !important

  }

  .margin-x-xs-28 {

    margin-inline: 7rem !important

  }

}

@media(min-width: 320px) {

  .gap-xs-29 {

    gap: 7.25rem !important

  }

  .padding-xs-29 {

    padding: 7.25rem !important

  }

  .padding-top-xs-29 {

    -webkit-padding-before: 7.25rem !important;

    padding-block-start: 7.25rem !important

  }

  .padding-bottom-xs-29 {

    -webkit-padding-after: 7.25rem !important;

    padding-block-end: 7.25rem !important

  }

  .padding-y-xs-29 {

    padding-block: 7.25rem !important

  }

  .padding-start-xs-29 {

    -webkit-padding-start: 7.25rem !important;

    padding-inline-start: 7.25rem !important

  }

  .padding-end-xs-29 {

    -webkit-padding-end: 7.25rem !important;

    padding-inline-end: 7.25rem !important

  }

  .padding-x-xs-29 {

    padding-inline: 7.25rem !important

  }

  .margin-xs-29 {

    margin: 7.25rem !important

  }

  .margin-top-xs-29 {

    -webkit-margin-before: 7.25rem !important;

    margin-block-start: 7.25rem !important

  }

  .margin-bottom-xs-29 {

    -webkit-margin-after: 7.25rem !important;

    margin-block-end: 7.25rem !important

  }

  .margin-y-xs-29 {

    margin-block: 7.25rem !important

  }

  .margin-start-xs-29 {

    -webkit-margin-start: 7.25rem !important;

    margin-inline-start: 7.25rem !important

  }

  .margin-end-xs-29 {

    -webkit-margin-end: 7.25rem !important;

    margin-inline-end: 7.25rem !important

  }

  .margin-x-xs-29 {

    margin-inline: 7.25rem !important

  }

}

@media(min-width: 320px) {

  .gap-xs-30 {

    gap: 7.5rem !important

  }

  .padding-xs-30 {

    padding: 7.5rem !important

  }

  .padding-top-xs-30 {

    -webkit-padding-before: 7.5rem !important;

    padding-block-start: 7.5rem !important

  }

  .padding-bottom-xs-30 {

    -webkit-padding-after: 7.5rem !important;

    padding-block-end: 7.5rem !important

  }

  .padding-y-xs-30 {

    padding-block: 7.5rem !important

  }

  .padding-start-xs-30 {

    -webkit-padding-start: 7.5rem !important;

    padding-inline-start: 7.5rem !important

  }

  .padding-end-xs-30 {

    -webkit-padding-end: 7.5rem !important;

    padding-inline-end: 7.5rem !important

  }

  .padding-x-xs-30 {

    padding-inline: 7.5rem !important

  }

  .margin-xs-30 {

    margin: 7.5rem !important

  }

  .margin-top-xs-30 {

    -webkit-margin-before: 7.5rem !important;

    margin-block-start: 7.5rem !important

  }

  .margin-bottom-xs-30 {

    -webkit-margin-after: 7.5rem !important;

    margin-block-end: 7.5rem !important

  }

  .margin-y-xs-30 {

    margin-block: 7.5rem !important

  }

  .margin-start-xs-30 {

    -webkit-margin-start: 7.5rem !important;

    margin-inline-start: 7.5rem !important

  }

  .margin-end-xs-30 {

    -webkit-margin-end: 7.5rem !important;

    margin-inline-end: 7.5rem !important

  }

  .margin-x-xs-30 {

    margin-inline: 7.5rem !important

  }

}

@media(min-width: 375px) {

  .gap-xsm-0 {

    gap: 0 !important

  }

  .padding-xsm-0 {

    padding: 0 !important

  }

  .padding-top-xsm-0 {

    -webkit-padding-before: 0 !important;

    padding-block-start: 0 !important

  }

  .padding-bottom-xsm-0 {

    -webkit-padding-after: 0 !important;

    padding-block-end: 0 !important

  }

  .padding-y-xsm-0 {

    padding-block: 0 !important

  }

  .padding-start-xsm-0 {

    -webkit-padding-start: 0 !important;

    padding-inline-start: 0 !important

  }

  .padding-end-xsm-0 {

    -webkit-padding-end: 0 !important;

    padding-inline-end: 0 !important

  }

  .padding-x-xsm-0 {

    padding-inline: 0 !important

  }

  .margin-xsm-0 {

    margin: 0 !important

  }

  .margin-top-xsm-0 {

    -webkit-margin-before: 0 !important;

    margin-block-start: 0 !important

  }

  .margin-bottom-xsm-0 {

    -webkit-margin-after: 0 !important;

    margin-block-end: 0 !important

  }

  .margin-y-xsm-0 {

    margin-block: 0 !important

  }

  .margin-start-xsm-0 {

    -webkit-margin-start: 0 !important;

    margin-inline-start: 0 !important

  }

  .margin-end-xsm-0 {

    -webkit-margin-end: 0 !important;

    margin-inline-end: 0 !important

  }

  .margin-x-xsm-0 {

    margin-inline: 0 !important

  }

}

@media(min-width: 375px) {

  .gap-xsm-1 {

    gap: 0.25rem !important

  }

  .padding-xsm-1 {

    padding: 0.25rem !important

  }

  .padding-top-xsm-1 {

    -webkit-padding-before: 0.25rem !important;

    padding-block-start: 0.25rem !important

  }

  .padding-bottom-xsm-1 {

    -webkit-padding-after: 0.25rem !important;

    padding-block-end: 0.25rem !important

  }

  .padding-y-xsm-1 {

    padding-block: 0.25rem !important

  }

  .padding-start-xsm-1 {

    -webkit-padding-start: 0.25rem !important;

    padding-inline-start: 0.25rem !important

  }

  .padding-end-xsm-1 {

    -webkit-padding-end: 0.25rem !important;

    padding-inline-end: 0.25rem !important

  }

  .padding-x-xsm-1 {

    padding-inline: 0.25rem !important

  }

  .margin-xsm-1 {

    margin: 0.25rem !important

  }

  .margin-top-xsm-1 {

    -webkit-margin-before: 0.25rem !important;

    margin-block-start: 0.25rem !important

  }

  .margin-bottom-xsm-1 {

    -webkit-margin-after: 0.25rem !important;

    margin-block-end: 0.25rem !important

  }

  .margin-y-xsm-1 {

    margin-block: 0.25rem !important

  }

  .margin-start-xsm-1 {

    -webkit-margin-start: 0.25rem !important;

    margin-inline-start: 0.25rem !important

  }

  .margin-end-xsm-1 {

    -webkit-margin-end: 0.25rem !important;

    margin-inline-end: 0.25rem !important

  }

  .margin-x-xsm-1 {

    margin-inline: 0.25rem !important

  }

}

@media(min-width: 375px) {

  .gap-xsm-2 {

    gap: 0.5rem !important

  }

  .padding-xsm-2 {

    padding: 0.5rem !important

  }

  .padding-top-xsm-2 {

    -webkit-padding-before: 0.5rem !important;

    padding-block-start: 0.5rem !important

  }

  .padding-bottom-xsm-2 {

    -webkit-padding-after: 0.5rem !important;

    padding-block-end: 0.5rem !important

  }

  .padding-y-xsm-2 {

    padding-block: 0.5rem !important

  }

  .padding-start-xsm-2 {

    -webkit-padding-start: 0.5rem !important;

    padding-inline-start: 0.5rem !important

  }

  .padding-end-xsm-2 {

    -webkit-padding-end: 0.5rem !important;

    padding-inline-end: 0.5rem !important

  }

  .padding-x-xsm-2 {

    padding-inline: 0.5rem !important

  }

  .margin-xsm-2 {

    margin: 0.5rem !important

  }

  .margin-top-xsm-2 {

    -webkit-margin-before: 0.5rem !important;

    margin-block-start: 0.5rem !important

  }

  .margin-bottom-xsm-2 {

    -webkit-margin-after: 0.5rem !important;

    margin-block-end: 0.5rem !important

  }

  .margin-y-xsm-2 {

    margin-block: 0.5rem !important

  }

  .margin-start-xsm-2 {

    -webkit-margin-start: 0.5rem !important;

    margin-inline-start: 0.5rem !important

  }

  .margin-end-xsm-2 {

    -webkit-margin-end: 0.5rem !important;

    margin-inline-end: 0.5rem !important

  }

  .margin-x-xsm-2 {

    margin-inline: 0.5rem !important

  }

}

@media(min-width: 375px) {

  .gap-xsm-3 {

    gap: 0.75rem !important

  }

  .padding-xsm-3 {

    padding: 0.75rem !important

  }

  .padding-top-xsm-3 {

    -webkit-padding-before: 0.75rem !important;

    padding-block-start: 0.75rem !important

  }

  .padding-bottom-xsm-3 {

    -webkit-padding-after: 0.75rem !important;

    padding-block-end: 0.75rem !important

  }

  .padding-y-xsm-3 {

    padding-block: 0.75rem !important

  }

  .padding-start-xsm-3 {

    -webkit-padding-start: 0.75rem !important;

    padding-inline-start: 0.75rem !important

  }

  .padding-end-xsm-3 {

    -webkit-padding-end: 0.75rem !important;

    padding-inline-end: 0.75rem !important

  }

  .padding-x-xsm-3 {

    padding-inline: 0.75rem !important

  }

  .margin-xsm-3 {

    margin: 0.75rem !important

  }

  .margin-top-xsm-3 {

    -webkit-margin-before: 0.75rem !important;

    margin-block-start: 0.75rem !important

  }

  .margin-bottom-xsm-3 {

    -webkit-margin-after: 0.75rem !important;

    margin-block-end: 0.75rem !important

  }

  .margin-y-xsm-3 {

    margin-block: 0.75rem !important

  }

  .margin-start-xsm-3 {

    -webkit-margin-start: 0.75rem !important;

    margin-inline-start: 0.75rem !important

  }

  .margin-end-xsm-3 {

    -webkit-margin-end: 0.75rem !important;

    margin-inline-end: 0.75rem !important

  }

  .margin-x-xsm-3 {

    margin-inline: 0.75rem !important

  }

}

@media(min-width: 375px) {

  .gap-xsm-4 {

    gap: 1rem !important

  }

  .padding-xsm-4 {

    padding: 1rem !important

  }

  .padding-top-xsm-4 {

    -webkit-padding-before: 1rem !important;

    padding-block-start: 1rem !important

  }

  .padding-bottom-xsm-4 {

    -webkit-padding-after: 1rem !important;

    padding-block-end: 1rem !important

  }

  .padding-y-xsm-4 {

    padding-block: 1rem !important

  }

  .padding-start-xsm-4 {

    -webkit-padding-start: 1rem !important;

    padding-inline-start: 1rem !important

  }

  .padding-end-xsm-4 {

    -webkit-padding-end: 1rem !important;

    padding-inline-end: 1rem !important

  }

  .padding-x-xsm-4 {

    padding-inline: 1rem !important

  }

  .margin-xsm-4 {

    margin: 1rem !important

  }

  .margin-top-xsm-4 {

    -webkit-margin-before: 1rem !important;

    margin-block-start: 1rem !important

  }

  .margin-bottom-xsm-4 {

    -webkit-margin-after: 1rem !important;

    margin-block-end: 1rem !important

  }

  .margin-y-xsm-4 {

    margin-block: 1rem !important

  }

  .margin-start-xsm-4 {

    -webkit-margin-start: 1rem !important;

    margin-inline-start: 1rem !important

  }

  .margin-end-xsm-4 {

    -webkit-margin-end: 1rem !important;

    margin-inline-end: 1rem !important

  }

  .margin-x-xsm-4 {

    margin-inline: 1rem !important

  }

}

@media(min-width: 375px) {

  .gap-xsm-5 {

    gap: 1.25rem !important

  }

  .padding-xsm-5 {

    padding: 1.25rem !important

  }

  .padding-top-xsm-5 {

    -webkit-padding-before: 1.25rem !important;

    padding-block-start: 1.25rem !important

  }

  .padding-bottom-xsm-5 {

    -webkit-padding-after: 1.25rem !important;

    padding-block-end: 1.25rem !important

  }

  .padding-y-xsm-5 {

    padding-block: 1.25rem !important

  }

  .padding-start-xsm-5 {

    -webkit-padding-start: 1.25rem !important;

    padding-inline-start: 1.25rem !important

  }

  .padding-end-xsm-5 {

    -webkit-padding-end: 1.25rem !important;

    padding-inline-end: 1.25rem !important

  }

  .padding-x-xsm-5 {

    padding-inline: 1.25rem !important

  }

  .margin-xsm-5 {

    margin: 1.25rem !important

  }

  .margin-top-xsm-5 {

    -webkit-margin-before: 1.25rem !important;

    margin-block-start: 1.25rem !important

  }

  .margin-bottom-xsm-5 {

    -webkit-margin-after: 1.25rem !important;

    margin-block-end: 1.25rem !important

  }

  .margin-y-xsm-5 {

    margin-block: 1.25rem !important

  }

  .margin-start-xsm-5 {

    -webkit-margin-start: 1.25rem !important;

    margin-inline-start: 1.25rem !important

  }

  .margin-end-xsm-5 {

    -webkit-margin-end: 1.25rem !important;

    margin-inline-end: 1.25rem !important

  }

  .margin-x-xsm-5 {

    margin-inline: 1.25rem !important

  }

}

@media(min-width: 375px) {

  .gap-xsm-6 {

    gap: 1.5rem !important

  }

  .padding-xsm-6 {

    padding: 1.5rem !important

  }

  .padding-top-xsm-6 {

    -webkit-padding-before: 1.5rem !important;

    padding-block-start: 1.5rem !important

  }

  .padding-bottom-xsm-6 {

    -webkit-padding-after: 1.5rem !important;

    padding-block-end: 1.5rem !important

  }

  .padding-y-xsm-6 {

    padding-block: 1.5rem !important

  }

  .padding-start-xsm-6 {

    -webkit-padding-start: 1.5rem !important;

    padding-inline-start: 1.5rem !important

  }

  .padding-end-xsm-6 {

    -webkit-padding-end: 1.5rem !important;

    padding-inline-end: 1.5rem !important

  }

  .padding-x-xsm-6 {

    padding-inline: 1.5rem !important

  }

  .margin-xsm-6 {

    margin: 1.5rem !important

  }

  .margin-top-xsm-6 {

    -webkit-margin-before: 1.5rem !important;

    margin-block-start: 1.5rem !important

  }

  .margin-bottom-xsm-6 {

    -webkit-margin-after: 1.5rem !important;

    margin-block-end: 1.5rem !important

  }

  .margin-y-xsm-6 {

    margin-block: 1.5rem !important

  }

  .margin-start-xsm-6 {

    -webkit-margin-start: 1.5rem !important;

    margin-inline-start: 1.5rem !important

  }

  .margin-end-xsm-6 {

    -webkit-margin-end: 1.5rem !important;

    margin-inline-end: 1.5rem !important

  }

  .margin-x-xsm-6 {

    margin-inline: 1.5rem !important

  }

}

@media(min-width: 375px) {

  .gap-xsm-7 {

    gap: 1.75rem !important

  }

  .padding-xsm-7 {

    padding: 1.75rem !important

  }

  .padding-top-xsm-7 {

    -webkit-padding-before: 1.75rem !important;

    padding-block-start: 1.75rem !important

  }

  .padding-bottom-xsm-7 {

    -webkit-padding-after: 1.75rem !important;

    padding-block-end: 1.75rem !important

  }

  .padding-y-xsm-7 {

    padding-block: 1.75rem !important

  }

  .padding-start-xsm-7 {

    -webkit-padding-start: 1.75rem !important;

    padding-inline-start: 1.75rem !important

  }

  .padding-end-xsm-7 {

    -webkit-padding-end: 1.75rem !important;

    padding-inline-end: 1.75rem !important

  }

  .padding-x-xsm-7 {

    padding-inline: 1.75rem !important

  }

  .margin-xsm-7 {

    margin: 1.75rem !important

  }

  .margin-top-xsm-7 {

    -webkit-margin-before: 1.75rem !important;

    margin-block-start: 1.75rem !important

  }

  .margin-bottom-xsm-7 {

    -webkit-margin-after: 1.75rem !important;

    margin-block-end: 1.75rem !important

  }

  .margin-y-xsm-7 {

    margin-block: 1.75rem !important

  }

  .margin-start-xsm-7 {

    -webkit-margin-start: 1.75rem !important;

    margin-inline-start: 1.75rem !important

  }

  .margin-end-xsm-7 {

    -webkit-margin-end: 1.75rem !important;

    margin-inline-end: 1.75rem !important

  }

  .margin-x-xsm-7 {

    margin-inline: 1.75rem !important

  }

}

@media(min-width: 375px) {

  .gap-xsm-8 {

    gap: 2rem !important

  }

  .padding-xsm-8 {

    padding: 2rem !important

  }

  .padding-top-xsm-8 {

    -webkit-padding-before: 2rem !important;

    padding-block-start: 2rem !important

  }

  .padding-bottom-xsm-8 {

    -webkit-padding-after: 2rem !important;

    padding-block-end: 2rem !important

  }

  .padding-y-xsm-8 {

    padding-block: 2rem !important

  }

  .padding-start-xsm-8 {

    -webkit-padding-start: 2rem !important;

    padding-inline-start: 2rem !important

  }

  .padding-end-xsm-8 {

    -webkit-padding-end: 2rem !important;

    padding-inline-end: 2rem !important

  }

  .padding-x-xsm-8 {

    padding-inline: 2rem !important

  }

  .margin-xsm-8 {

    margin: 2rem !important

  }

  .margin-top-xsm-8 {

    -webkit-margin-before: 2rem !important;

    margin-block-start: 2rem !important

  }

  .margin-bottom-xsm-8 {

    -webkit-margin-after: 2rem !important;

    margin-block-end: 2rem !important

  }

  .margin-y-xsm-8 {

    margin-block: 2rem !important

  }

  .margin-start-xsm-8 {

    -webkit-margin-start: 2rem !important;

    margin-inline-start: 2rem !important

  }

  .margin-end-xsm-8 {

    -webkit-margin-end: 2rem !important;

    margin-inline-end: 2rem !important

  }

  .margin-x-xsm-8 {

    margin-inline: 2rem !important

  }

}

@media(min-width: 375px) {

  .gap-xsm-9 {

    gap: 2.25rem !important

  }

  .padding-xsm-9 {

    padding: 2.25rem !important

  }

  .padding-top-xsm-9 {

    -webkit-padding-before: 2.25rem !important;

    padding-block-start: 2.25rem !important

  }

  .padding-bottom-xsm-9 {

    -webkit-padding-after: 2.25rem !important;

    padding-block-end: 2.25rem !important

  }

  .padding-y-xsm-9 {

    padding-block: 2.25rem !important

  }

  .padding-start-xsm-9 {

    -webkit-padding-start: 2.25rem !important;

    padding-inline-start: 2.25rem !important

  }

  .padding-end-xsm-9 {

    -webkit-padding-end: 2.25rem !important;

    padding-inline-end: 2.25rem !important

  }

  .padding-x-xsm-9 {

    padding-inline: 2.25rem !important

  }

  .margin-xsm-9 {

    margin: 2.25rem !important

  }

  .margin-top-xsm-9 {

    -webkit-margin-before: 2.25rem !important;

    margin-block-start: 2.25rem !important

  }

  .margin-bottom-xsm-9 {

    -webkit-margin-after: 2.25rem !important;

    margin-block-end: 2.25rem !important

  }

  .margin-y-xsm-9 {

    margin-block: 2.25rem !important

  }

  .margin-start-xsm-9 {

    -webkit-margin-start: 2.25rem !important;

    margin-inline-start: 2.25rem !important

  }

  .margin-end-xsm-9 {

    -webkit-margin-end: 2.25rem !important;

    margin-inline-end: 2.25rem !important

  }

  .margin-x-xsm-9 {

    margin-inline: 2.25rem !important

  }

}

@media(min-width: 375px) {

  .gap-xsm-10 {

    gap: 2.5rem !important

  }

  .padding-xsm-10 {

    padding: 2.5rem !important

  }

  .padding-top-xsm-10 {

    -webkit-padding-before: 2.5rem !important;

    padding-block-start: 2.5rem !important

  }

  .padding-bottom-xsm-10 {

    -webkit-padding-after: 2.5rem !important;

    padding-block-end: 2.5rem !important

  }

  .padding-y-xsm-10 {

    padding-block: 2.5rem !important

  }

  .padding-start-xsm-10 {

    -webkit-padding-start: 2.5rem !important;

    padding-inline-start: 2.5rem !important

  }

  .padding-end-xsm-10 {

    -webkit-padding-end: 2.5rem !important;

    padding-inline-end: 2.5rem !important

  }

  .padding-x-xsm-10 {

    padding-inline: 2.5rem !important

  }

  .margin-xsm-10 {

    margin: 2.5rem !important

  }

  .margin-top-xsm-10 {

    -webkit-margin-before: 2.5rem !important;

    margin-block-start: 2.5rem !important

  }

  .margin-bottom-xsm-10 {

    -webkit-margin-after: 2.5rem !important;

    margin-block-end: 2.5rem !important

  }

  .margin-y-xsm-10 {

    margin-block: 2.5rem !important

  }

  .margin-start-xsm-10 {

    -webkit-margin-start: 2.5rem !important;

    margin-inline-start: 2.5rem !important

  }

  .margin-end-xsm-10 {

    -webkit-margin-end: 2.5rem !important;

    margin-inline-end: 2.5rem !important

  }

  .margin-x-xsm-10 {

    margin-inline: 2.5rem !important

  }

}

@media(min-width: 375px) {

  .gap-xsm-11 {

    gap: 2.75rem !important

  }

  .padding-xsm-11 {

    padding: 2.75rem !important

  }

  .padding-top-xsm-11 {

    -webkit-padding-before: 2.75rem !important;

    padding-block-start: 2.75rem !important

  }

  .padding-bottom-xsm-11 {

    -webkit-padding-after: 2.75rem !important;

    padding-block-end: 2.75rem !important

  }

  .padding-y-xsm-11 {

    padding-block: 2.75rem !important

  }

  .padding-start-xsm-11 {

    -webkit-padding-start: 2.75rem !important;

    padding-inline-start: 2.75rem !important

  }

  .padding-end-xsm-11 {

    -webkit-padding-end: 2.75rem !important;

    padding-inline-end: 2.75rem !important

  }

  .padding-x-xsm-11 {

    padding-inline: 2.75rem !important

  }

  .margin-xsm-11 {

    margin: 2.75rem !important

  }

  .margin-top-xsm-11 {

    -webkit-margin-before: 2.75rem !important;

    margin-block-start: 2.75rem !important

  }

  .margin-bottom-xsm-11 {

    -webkit-margin-after: 2.75rem !important;

    margin-block-end: 2.75rem !important

  }

  .margin-y-xsm-11 {

    margin-block: 2.75rem !important

  }

  .margin-start-xsm-11 {

    -webkit-margin-start: 2.75rem !important;

    margin-inline-start: 2.75rem !important

  }

  .margin-end-xsm-11 {

    -webkit-margin-end: 2.75rem !important;

    margin-inline-end: 2.75rem !important

  }

  .margin-x-xsm-11 {

    margin-inline: 2.75rem !important

  }

}

@media(min-width: 375px) {

  .gap-xsm-12 {

    gap: 3rem !important

  }

  .padding-xsm-12 {

    padding: 3rem !important

  }

  .padding-top-xsm-12 {

    -webkit-padding-before: 3rem !important;

    padding-block-start: 3rem !important

  }

  .padding-bottom-xsm-12 {

    -webkit-padding-after: 3rem !important;

    padding-block-end: 3rem !important

  }

  .padding-y-xsm-12 {

    padding-block: 3rem !important

  }

  .padding-start-xsm-12 {

    -webkit-padding-start: 3rem !important;

    padding-inline-start: 3rem !important

  }

  .padding-end-xsm-12 {

    -webkit-padding-end: 3rem !important;

    padding-inline-end: 3rem !important

  }

  .padding-x-xsm-12 {

    padding-inline: 3rem !important

  }

  .margin-xsm-12 {

    margin: 3rem !important

  }

  .margin-top-xsm-12 {

    -webkit-margin-before: 3rem !important;

    margin-block-start: 3rem !important

  }

  .margin-bottom-xsm-12 {

    -webkit-margin-after: 3rem !important;

    margin-block-end: 3rem !important

  }

  .margin-y-xsm-12 {

    margin-block: 3rem !important

  }

  .margin-start-xsm-12 {

    -webkit-margin-start: 3rem !important;

    margin-inline-start: 3rem !important

  }

  .margin-end-xsm-12 {

    -webkit-margin-end: 3rem !important;

    margin-inline-end: 3rem !important

  }

  .margin-x-xsm-12 {

    margin-inline: 3rem !important

  }

}

@media(min-width: 375px) {

  .gap-xsm-13 {

    gap: 3.25rem !important

  }

  .padding-xsm-13 {

    padding: 3.25rem !important

  }

  .padding-top-xsm-13 {

    -webkit-padding-before: 3.25rem !important;

    padding-block-start: 3.25rem !important

  }

  .padding-bottom-xsm-13 {

    -webkit-padding-after: 3.25rem !important;

    padding-block-end: 3.25rem !important

  }

  .padding-y-xsm-13 {

    padding-block: 3.25rem !important

  }

  .padding-start-xsm-13 {

    -webkit-padding-start: 3.25rem !important;

    padding-inline-start: 3.25rem !important

  }

  .padding-end-xsm-13 {

    -webkit-padding-end: 3.25rem !important;

    padding-inline-end: 3.25rem !important

  }

  .padding-x-xsm-13 {

    padding-inline: 3.25rem !important

  }

  .margin-xsm-13 {

    margin: 3.25rem !important

  }

  .margin-top-xsm-13 {

    -webkit-margin-before: 3.25rem !important;

    margin-block-start: 3.25rem !important

  }

  .margin-bottom-xsm-13 {

    -webkit-margin-after: 3.25rem !important;

    margin-block-end: 3.25rem !important

  }

  .margin-y-xsm-13 {

    margin-block: 3.25rem !important

  }

  .margin-start-xsm-13 {

    -webkit-margin-start: 3.25rem !important;

    margin-inline-start: 3.25rem !important

  }

  .margin-end-xsm-13 {

    -webkit-margin-end: 3.25rem !important;

    margin-inline-end: 3.25rem !important

  }

  .margin-x-xsm-13 {

    margin-inline: 3.25rem !important

  }

}

@media(min-width: 375px) {

  .gap-xsm-14 {

    gap: 3.5rem !important

  }

  .padding-xsm-14 {

    padding: 3.5rem !important

  }

  .padding-top-xsm-14 {

    -webkit-padding-before: 3.5rem !important;

    padding-block-start: 3.5rem !important

  }

  .padding-bottom-xsm-14 {

    -webkit-padding-after: 3.5rem !important;

    padding-block-end: 3.5rem !important

  }

  .padding-y-xsm-14 {

    padding-block: 3.5rem !important

  }

  .padding-start-xsm-14 {

    -webkit-padding-start: 3.5rem !important;

    padding-inline-start: 3.5rem !important

  }

  .padding-end-xsm-14 {

    -webkit-padding-end: 3.5rem !important;

    padding-inline-end: 3.5rem !important

  }

  .padding-x-xsm-14 {

    padding-inline: 3.5rem !important

  }

  .margin-xsm-14 {

    margin: 3.5rem !important

  }

  .margin-top-xsm-14 {

    -webkit-margin-before: 3.5rem !important;

    margin-block-start: 3.5rem !important

  }

  .margin-bottom-xsm-14 {

    -webkit-margin-after: 3.5rem !important;

    margin-block-end: 3.5rem !important

  }

  .margin-y-xsm-14 {

    margin-block: 3.5rem !important

  }

  .margin-start-xsm-14 {

    -webkit-margin-start: 3.5rem !important;

    margin-inline-start: 3.5rem !important

  }

  .margin-end-xsm-14 {

    -webkit-margin-end: 3.5rem !important;

    margin-inline-end: 3.5rem !important

  }

  .margin-x-xsm-14 {

    margin-inline: 3.5rem !important

  }

}

@media(min-width: 375px) {

  .gap-xsm-15 {

    gap: 3.75rem !important

  }

  .padding-xsm-15 {

    padding: 3.75rem !important

  }

  .padding-top-xsm-15 {

    -webkit-padding-before: 3.75rem !important;

    padding-block-start: 3.75rem !important

  }

  .padding-bottom-xsm-15 {

    -webkit-padding-after: 3.75rem !important;

    padding-block-end: 3.75rem !important

  }

  .padding-y-xsm-15 {

    padding-block: 3.75rem !important

  }

  .padding-start-xsm-15 {

    -webkit-padding-start: 3.75rem !important;

    padding-inline-start: 3.75rem !important

  }

  .padding-end-xsm-15 {

    -webkit-padding-end: 3.75rem !important;

    padding-inline-end: 3.75rem !important

  }

  .padding-x-xsm-15 {

    padding-inline: 3.75rem !important

  }

  .margin-xsm-15 {

    margin: 3.75rem !important

  }

  .margin-top-xsm-15 {

    -webkit-margin-before: 3.75rem !important;

    margin-block-start: 3.75rem !important

  }

  .margin-bottom-xsm-15 {

    -webkit-margin-after: 3.75rem !important;

    margin-block-end: 3.75rem !important

  }

  .margin-y-xsm-15 {

    margin-block: 3.75rem !important

  }

  .margin-start-xsm-15 {

    -webkit-margin-start: 3.75rem !important;

    margin-inline-start: 3.75rem !important

  }

  .margin-end-xsm-15 {

    -webkit-margin-end: 3.75rem !important;

    margin-inline-end: 3.75rem !important

  }

  .margin-x-xsm-15 {

    margin-inline: 3.75rem !important

  }

}

@media(min-width: 375px) {

  .gap-xsm-16 {

    gap: 4rem !important

  }

  .padding-xsm-16 {

    padding: 4rem !important

  }

  .padding-top-xsm-16 {

    -webkit-padding-before: 4rem !important;

    padding-block-start: 4rem !important

  }

  .padding-bottom-xsm-16 {

    -webkit-padding-after: 4rem !important;

    padding-block-end: 4rem !important

  }

  .padding-y-xsm-16 {

    padding-block: 4rem !important

  }

  .padding-start-xsm-16 {

    -webkit-padding-start: 4rem !important;

    padding-inline-start: 4rem !important

  }

  .padding-end-xsm-16 {

    -webkit-padding-end: 4rem !important;

    padding-inline-end: 4rem !important

  }

  .padding-x-xsm-16 {

    padding-inline: 4rem !important

  }

  .margin-xsm-16 {

    margin: 4rem !important

  }

  .margin-top-xsm-16 {

    -webkit-margin-before: 4rem !important;

    margin-block-start: 4rem !important

  }

  .margin-bottom-xsm-16 {

    -webkit-margin-after: 4rem !important;

    margin-block-end: 4rem !important

  }

  .margin-y-xsm-16 {

    margin-block: 4rem !important

  }

  .margin-start-xsm-16 {

    -webkit-margin-start: 4rem !important;

    margin-inline-start: 4rem !important

  }

  .margin-end-xsm-16 {

    -webkit-margin-end: 4rem !important;

    margin-inline-end: 4rem !important

  }

  .margin-x-xsm-16 {

    margin-inline: 4rem !important

  }

}

@media(min-width: 375px) {

  .gap-xsm-17 {

    gap: 4.25rem !important

  }

  .padding-xsm-17 {

    padding: 4.25rem !important

  }

  .padding-top-xsm-17 {

    -webkit-padding-before: 4.25rem !important;

    padding-block-start: 4.25rem !important

  }

  .padding-bottom-xsm-17 {

    -webkit-padding-after: 4.25rem !important;

    padding-block-end: 4.25rem !important

  }

  .padding-y-xsm-17 {

    padding-block: 4.25rem !important

  }

  .padding-start-xsm-17 {

    -webkit-padding-start: 4.25rem !important;

    padding-inline-start: 4.25rem !important

  }

  .padding-end-xsm-17 {

    -webkit-padding-end: 4.25rem !important;

    padding-inline-end: 4.25rem !important

  }

  .padding-x-xsm-17 {

    padding-inline: 4.25rem !important

  }

  .margin-xsm-17 {

    margin: 4.25rem !important

  }

  .margin-top-xsm-17 {

    -webkit-margin-before: 4.25rem !important;

    margin-block-start: 4.25rem !important

  }

  .margin-bottom-xsm-17 {

    -webkit-margin-after: 4.25rem !important;

    margin-block-end: 4.25rem !important

  }

  .margin-y-xsm-17 {

    margin-block: 4.25rem !important

  }

  .margin-start-xsm-17 {

    -webkit-margin-start: 4.25rem !important;

    margin-inline-start: 4.25rem !important

  }

  .margin-end-xsm-17 {

    -webkit-margin-end: 4.25rem !important;

    margin-inline-end: 4.25rem !important

  }

  .margin-x-xsm-17 {

    margin-inline: 4.25rem !important

  }

}

@media(min-width: 375px) {

  .gap-xsm-18 {

    gap: 4.5rem !important

  }

  .padding-xsm-18 {

    padding: 4.5rem !important

  }

  .padding-top-xsm-18 {

    -webkit-padding-before: 4.5rem !important;

    padding-block-start: 4.5rem !important

  }

  .padding-bottom-xsm-18 {

    -webkit-padding-after: 4.5rem !important;

    padding-block-end: 4.5rem !important

  }

  .padding-y-xsm-18 {

    padding-block: 4.5rem !important

  }

  .padding-start-xsm-18 {

    -webkit-padding-start: 4.5rem !important;

    padding-inline-start: 4.5rem !important

  }

  .padding-end-xsm-18 {

    -webkit-padding-end: 4.5rem !important;

    padding-inline-end: 4.5rem !important

  }

  .padding-x-xsm-18 {

    padding-inline: 4.5rem !important

  }

  .margin-xsm-18 {

    margin: 4.5rem !important

  }

  .margin-top-xsm-18 {

    -webkit-margin-before: 4.5rem !important;

    margin-block-start: 4.5rem !important

  }

  .margin-bottom-xsm-18 {

    -webkit-margin-after: 4.5rem !important;

    margin-block-end: 4.5rem !important

  }

  .margin-y-xsm-18 {

    margin-block: 4.5rem !important

  }

  .margin-start-xsm-18 {

    -webkit-margin-start: 4.5rem !important;

    margin-inline-start: 4.5rem !important

  }

  .margin-end-xsm-18 {

    -webkit-margin-end: 4.5rem !important;

    margin-inline-end: 4.5rem !important

  }

  .margin-x-xsm-18 {

    margin-inline: 4.5rem !important

  }

}

@media(min-width: 375px) {

  .gap-xsm-19 {

    gap: 4.75rem !important

  }

  .padding-xsm-19 {

    padding: 4.75rem !important

  }

  .padding-top-xsm-19 {

    -webkit-padding-before: 4.75rem !important;

    padding-block-start: 4.75rem !important

  }

  .padding-bottom-xsm-19 {

    -webkit-padding-after: 4.75rem !important;

    padding-block-end: 4.75rem !important

  }

  .padding-y-xsm-19 {

    padding-block: 4.75rem !important

  }

  .padding-start-xsm-19 {

    -webkit-padding-start: 4.75rem !important;

    padding-inline-start: 4.75rem !important

  }

  .padding-end-xsm-19 {

    -webkit-padding-end: 4.75rem !important;

    padding-inline-end: 4.75rem !important

  }

  .padding-x-xsm-19 {

    padding-inline: 4.75rem !important

  }

  .margin-xsm-19 {

    margin: 4.75rem !important

  }

  .margin-top-xsm-19 {

    -webkit-margin-before: 4.75rem !important;

    margin-block-start: 4.75rem !important

  }

  .margin-bottom-xsm-19 {

    -webkit-margin-after: 4.75rem !important;

    margin-block-end: 4.75rem !important

  }

  .margin-y-xsm-19 {

    margin-block: 4.75rem !important

  }

  .margin-start-xsm-19 {

    -webkit-margin-start: 4.75rem !important;

    margin-inline-start: 4.75rem !important

  }

  .margin-end-xsm-19 {

    -webkit-margin-end: 4.75rem !important;

    margin-inline-end: 4.75rem !important

  }

  .margin-x-xsm-19 {

    margin-inline: 4.75rem !important

  }

}

@media(min-width: 375px) {

  .gap-xsm-20 {

    gap: 5rem !important

  }

  .padding-xsm-20 {

    padding: 5rem !important

  }

  .padding-top-xsm-20 {

    -webkit-padding-before: 5rem !important;

    padding-block-start: 5rem !important

  }

  .padding-bottom-xsm-20 {

    -webkit-padding-after: 5rem !important;

    padding-block-end: 5rem !important

  }

  .padding-y-xsm-20 {

    padding-block: 5rem !important

  }

  .padding-start-xsm-20 {

    -webkit-padding-start: 5rem !important;

    padding-inline-start: 5rem !important

  }

  .padding-end-xsm-20 {

    -webkit-padding-end: 5rem !important;

    padding-inline-end: 5rem !important

  }

  .padding-x-xsm-20 {

    padding-inline: 5rem !important

  }

  .margin-xsm-20 {

    margin: 5rem !important

  }

  .margin-top-xsm-20 {

    -webkit-margin-before: 5rem !important;

    margin-block-start: 5rem !important

  }

  .margin-bottom-xsm-20 {

    -webkit-margin-after: 5rem !important;

    margin-block-end: 5rem !important

  }

  .margin-y-xsm-20 {

    margin-block: 5rem !important

  }

  .margin-start-xsm-20 {

    -webkit-margin-start: 5rem !important;

    margin-inline-start: 5rem !important

  }

  .margin-end-xsm-20 {

    -webkit-margin-end: 5rem !important;

    margin-inline-end: 5rem !important

  }

  .margin-x-xsm-20 {

    margin-inline: 5rem !important

  }

}

@media(min-width: 375px) {

  .gap-xsm-21 {

    gap: 5.25rem !important

  }

  .padding-xsm-21 {

    padding: 5.25rem !important

  }

  .padding-top-xsm-21 {

    -webkit-padding-before: 5.25rem !important;

    padding-block-start: 5.25rem !important

  }

  .padding-bottom-xsm-21 {

    -webkit-padding-after: 5.25rem !important;

    padding-block-end: 5.25rem !important

  }

  .padding-y-xsm-21 {

    padding-block: 5.25rem !important

  }

  .padding-start-xsm-21 {

    -webkit-padding-start: 5.25rem !important;

    padding-inline-start: 5.25rem !important

  }

  .padding-end-xsm-21 {

    -webkit-padding-end: 5.25rem !important;

    padding-inline-end: 5.25rem !important

  }

  .padding-x-xsm-21 {

    padding-inline: 5.25rem !important

  }

  .margin-xsm-21 {

    margin: 5.25rem !important

  }

  .margin-top-xsm-21 {

    -webkit-margin-before: 5.25rem !important;

    margin-block-start: 5.25rem !important

  }

  .margin-bottom-xsm-21 {

    -webkit-margin-after: 5.25rem !important;

    margin-block-end: 5.25rem !important

  }

  .margin-y-xsm-21 {

    margin-block: 5.25rem !important

  }

  .margin-start-xsm-21 {

    -webkit-margin-start: 5.25rem !important;

    margin-inline-start: 5.25rem !important

  }

  .margin-end-xsm-21 {

    -webkit-margin-end: 5.25rem !important;

    margin-inline-end: 5.25rem !important

  }

  .margin-x-xsm-21 {

    margin-inline: 5.25rem !important

  }

}

@media(min-width: 375px) {

  .gap-xsm-22 {

    gap: 5.5rem !important

  }

  .padding-xsm-22 {

    padding: 5.5rem !important

  }

  .padding-top-xsm-22 {

    -webkit-padding-before: 5.5rem !important;

    padding-block-start: 5.5rem !important

  }

  .padding-bottom-xsm-22 {

    -webkit-padding-after: 5.5rem !important;

    padding-block-end: 5.5rem !important

  }

  .padding-y-xsm-22 {

    padding-block: 5.5rem !important

  }

  .padding-start-xsm-22 {

    -webkit-padding-start: 5.5rem !important;

    padding-inline-start: 5.5rem !important

  }

  .padding-end-xsm-22 {

    -webkit-padding-end: 5.5rem !important;

    padding-inline-end: 5.5rem !important

  }

  .padding-x-xsm-22 {

    padding-inline: 5.5rem !important

  }

  .margin-xsm-22 {

    margin: 5.5rem !important

  }

  .margin-top-xsm-22 {

    -webkit-margin-before: 5.5rem !important;

    margin-block-start: 5.5rem !important

  }

  .margin-bottom-xsm-22 {

    -webkit-margin-after: 5.5rem !important;

    margin-block-end: 5.5rem !important

  }

  .margin-y-xsm-22 {

    margin-block: 5.5rem !important

  }

  .margin-start-xsm-22 {

    -webkit-margin-start: 5.5rem !important;

    margin-inline-start: 5.5rem !important

  }

  .margin-end-xsm-22 {

    -webkit-margin-end: 5.5rem !important;

    margin-inline-end: 5.5rem !important

  }

  .margin-x-xsm-22 {

    margin-inline: 5.5rem !important

  }

}

@media(min-width: 375px) {

  .gap-xsm-23 {

    gap: 5.75rem !important

  }

  .padding-xsm-23 {

    padding: 5.75rem !important

  }

  .padding-top-xsm-23 {

    -webkit-padding-before: 5.75rem !important;

    padding-block-start: 5.75rem !important

  }

  .padding-bottom-xsm-23 {

    -webkit-padding-after: 5.75rem !important;

    padding-block-end: 5.75rem !important

  }

  .padding-y-xsm-23 {

    padding-block: 5.75rem !important

  }

  .padding-start-xsm-23 {

    -webkit-padding-start: 5.75rem !important;

    padding-inline-start: 5.75rem !important

  }

  .padding-end-xsm-23 {

    -webkit-padding-end: 5.75rem !important;

    padding-inline-end: 5.75rem !important

  }

  .padding-x-xsm-23 {

    padding-inline: 5.75rem !important

  }

  .margin-xsm-23 {

    margin: 5.75rem !important

  }

  .margin-top-xsm-23 {

    -webkit-margin-before: 5.75rem !important;

    margin-block-start: 5.75rem !important

  }

  .margin-bottom-xsm-23 {

    -webkit-margin-after: 5.75rem !important;

    margin-block-end: 5.75rem !important

  }

  .margin-y-xsm-23 {

    margin-block: 5.75rem !important

  }

  .margin-start-xsm-23 {

    -webkit-margin-start: 5.75rem !important;

    margin-inline-start: 5.75rem !important

  }

  .margin-end-xsm-23 {

    -webkit-margin-end: 5.75rem !important;

    margin-inline-end: 5.75rem !important

  }

  .margin-x-xsm-23 {

    margin-inline: 5.75rem !important

  }

}

@media(min-width: 375px) {

  .gap-xsm-24 {

    gap: 6rem !important

  }

  .padding-xsm-24 {

    padding: 6rem !important

  }

  .padding-top-xsm-24 {

    -webkit-padding-before: 6rem !important;

    padding-block-start: 6rem !important

  }

  .padding-bottom-xsm-24 {

    -webkit-padding-after: 6rem !important;

    padding-block-end: 6rem !important

  }

  .padding-y-xsm-24 {

    padding-block: 6rem !important

  }

  .padding-start-xsm-24 {

    -webkit-padding-start: 6rem !important;

    padding-inline-start: 6rem !important

  }

  .padding-end-xsm-24 {

    -webkit-padding-end: 6rem !important;

    padding-inline-end: 6rem !important

  }

  .padding-x-xsm-24 {

    padding-inline: 6rem !important

  }

  .margin-xsm-24 {

    margin: 6rem !important

  }

  .margin-top-xsm-24 {

    -webkit-margin-before: 6rem !important;

    margin-block-start: 6rem !important

  }

  .margin-bottom-xsm-24 {

    -webkit-margin-after: 6rem !important;

    margin-block-end: 6rem !important

  }

  .margin-y-xsm-24 {

    margin-block: 6rem !important

  }

  .margin-start-xsm-24 {

    -webkit-margin-start: 6rem !important;

    margin-inline-start: 6rem !important

  }

  .margin-end-xsm-24 {

    -webkit-margin-end: 6rem !important;

    margin-inline-end: 6rem !important

  }

  .margin-x-xsm-24 {

    margin-inline: 6rem !important

  }

}

@media(min-width: 375px) {

  .gap-xsm-25 {

    gap: 6.25rem !important

  }

  .padding-xsm-25 {

    padding: 6.25rem !important

  }

  .padding-top-xsm-25 {

    -webkit-padding-before: 6.25rem !important;

    padding-block-start: 6.25rem !important

  }

  .padding-bottom-xsm-25 {

    -webkit-padding-after: 6.25rem !important;

    padding-block-end: 6.25rem !important

  }

  .padding-y-xsm-25 {

    padding-block: 6.25rem !important

  }

  .padding-start-xsm-25 {

    -webkit-padding-start: 6.25rem !important;

    padding-inline-start: 6.25rem !important

  }

  .padding-end-xsm-25 {

    -webkit-padding-end: 6.25rem !important;

    padding-inline-end: 6.25rem !important

  }

  .padding-x-xsm-25 {

    padding-inline: 6.25rem !important

  }

  .margin-xsm-25 {

    margin: 6.25rem !important

  }

  .margin-top-xsm-25 {

    -webkit-margin-before: 6.25rem !important;

    margin-block-start: 6.25rem !important

  }

  .margin-bottom-xsm-25 {

    -webkit-margin-after: 6.25rem !important;

    margin-block-end: 6.25rem !important

  }

  .margin-y-xsm-25 {

    margin-block: 6.25rem !important

  }

  .margin-start-xsm-25 {

    -webkit-margin-start: 6.25rem !important;

    margin-inline-start: 6.25rem !important

  }

  .margin-end-xsm-25 {

    -webkit-margin-end: 6.25rem !important;

    margin-inline-end: 6.25rem !important

  }

  .margin-x-xsm-25 {

    margin-inline: 6.25rem !important

  }

}

@media(min-width: 375px) {

  .gap-xsm-26 {

    gap: 6.5rem !important

  }

  .padding-xsm-26 {

    padding: 6.5rem !important

  }

  .padding-top-xsm-26 {

    -webkit-padding-before: 6.5rem !important;

    padding-block-start: 6.5rem !important

  }

  .padding-bottom-xsm-26 {

    -webkit-padding-after: 6.5rem !important;

    padding-block-end: 6.5rem !important

  }

  .padding-y-xsm-26 {

    padding-block: 6.5rem !important

  }

  .padding-start-xsm-26 {

    -webkit-padding-start: 6.5rem !important;

    padding-inline-start: 6.5rem !important

  }

  .padding-end-xsm-26 {

    -webkit-padding-end: 6.5rem !important;

    padding-inline-end: 6.5rem !important

  }

  .padding-x-xsm-26 {

    padding-inline: 6.5rem !important

  }

  .margin-xsm-26 {

    margin: 6.5rem !important

  }

  .margin-top-xsm-26 {

    -webkit-margin-before: 6.5rem !important;

    margin-block-start: 6.5rem !important

  }

  .margin-bottom-xsm-26 {

    -webkit-margin-after: 6.5rem !important;

    margin-block-end: 6.5rem !important

  }

  .margin-y-xsm-26 {

    margin-block: 6.5rem !important

  }

  .margin-start-xsm-26 {

    -webkit-margin-start: 6.5rem !important;

    margin-inline-start: 6.5rem !important

  }

  .margin-end-xsm-26 {

    -webkit-margin-end: 6.5rem !important;

    margin-inline-end: 6.5rem !important

  }

  .margin-x-xsm-26 {

    margin-inline: 6.5rem !important

  }

}

@media(min-width: 375px) {

  .gap-xsm-27 {

    gap: 6.75rem !important

  }

  .padding-xsm-27 {

    padding: 6.75rem !important

  }

  .padding-top-xsm-27 {

    -webkit-padding-before: 6.75rem !important;

    padding-block-start: 6.75rem !important

  }

  .padding-bottom-xsm-27 {

    -webkit-padding-after: 6.75rem !important;

    padding-block-end: 6.75rem !important

  }

  .padding-y-xsm-27 {

    padding-block: 6.75rem !important

  }

  .padding-start-xsm-27 {

    -webkit-padding-start: 6.75rem !important;

    padding-inline-start: 6.75rem !important

  }

  .padding-end-xsm-27 {

    -webkit-padding-end: 6.75rem !important;

    padding-inline-end: 6.75rem !important

  }

  .padding-x-xsm-27 {

    padding-inline: 6.75rem !important

  }

  .margin-xsm-27 {

    margin: 6.75rem !important

  }

  .margin-top-xsm-27 {

    -webkit-margin-before: 6.75rem !important;

    margin-block-start: 6.75rem !important

  }

  .margin-bottom-xsm-27 {

    -webkit-margin-after: 6.75rem !important;

    margin-block-end: 6.75rem !important

  }

  .margin-y-xsm-27 {

    margin-block: 6.75rem !important

  }

  .margin-start-xsm-27 {

    -webkit-margin-start: 6.75rem !important;

    margin-inline-start: 6.75rem !important

  }

  .margin-end-xsm-27 {

    -webkit-margin-end: 6.75rem !important;

    margin-inline-end: 6.75rem !important

  }

  .margin-x-xsm-27 {

    margin-inline: 6.75rem !important

  }

}

@media(min-width: 375px) {

  .gap-xsm-28 {

    gap: 7rem !important

  }

  .padding-xsm-28 {

    padding: 7rem !important

  }

  .padding-top-xsm-28 {

    -webkit-padding-before: 7rem !important;

    padding-block-start: 7rem !important

  }

  .padding-bottom-xsm-28 {

    -webkit-padding-after: 7rem !important;

    padding-block-end: 7rem !important

  }

  .padding-y-xsm-28 {

    padding-block: 7rem !important

  }

  .padding-start-xsm-28 {

    -webkit-padding-start: 7rem !important;

    padding-inline-start: 7rem !important

  }

  .padding-end-xsm-28 {

    -webkit-padding-end: 7rem !important;

    padding-inline-end: 7rem !important

  }

  .padding-x-xsm-28 {

    padding-inline: 7rem !important

  }

  .margin-xsm-28 {

    margin: 7rem !important

  }

  .margin-top-xsm-28 {

    -webkit-margin-before: 7rem !important;

    margin-block-start: 7rem !important

  }

  .margin-bottom-xsm-28 {

    -webkit-margin-after: 7rem !important;

    margin-block-end: 7rem !important

  }

  .margin-y-xsm-28 {

    margin-block: 7rem !important

  }

  .margin-start-xsm-28 {

    -webkit-margin-start: 7rem !important;

    margin-inline-start: 7rem !important

  }

  .margin-end-xsm-28 {

    -webkit-margin-end: 7rem !important;

    margin-inline-end: 7rem !important

  }

  .margin-x-xsm-28 {

    margin-inline: 7rem !important

  }

}

@media(min-width: 375px) {

  .gap-xsm-29 {

    gap: 7.25rem !important

  }

  .padding-xsm-29 {

    padding: 7.25rem !important

  }

  .padding-top-xsm-29 {

    -webkit-padding-before: 7.25rem !important;

    padding-block-start: 7.25rem !important

  }

  .padding-bottom-xsm-29 {

    -webkit-padding-after: 7.25rem !important;

    padding-block-end: 7.25rem !important

  }

  .padding-y-xsm-29 {

    padding-block: 7.25rem !important

  }

  .padding-start-xsm-29 {

    -webkit-padding-start: 7.25rem !important;

    padding-inline-start: 7.25rem !important

  }

  .padding-end-xsm-29 {

    -webkit-padding-end: 7.25rem !important;

    padding-inline-end: 7.25rem !important

  }

  .padding-x-xsm-29 {

    padding-inline: 7.25rem !important

  }

  .margin-xsm-29 {

    margin: 7.25rem !important

  }

  .margin-top-xsm-29 {

    -webkit-margin-before: 7.25rem !important;

    margin-block-start: 7.25rem !important

  }

  .margin-bottom-xsm-29 {

    -webkit-margin-after: 7.25rem !important;

    margin-block-end: 7.25rem !important

  }

  .margin-y-xsm-29 {

    margin-block: 7.25rem !important

  }

  .margin-start-xsm-29 {

    -webkit-margin-start: 7.25rem !important;

    margin-inline-start: 7.25rem !important

  }

  .margin-end-xsm-29 {

    -webkit-margin-end: 7.25rem !important;

    margin-inline-end: 7.25rem !important

  }

  .margin-x-xsm-29 {

    margin-inline: 7.25rem !important

  }

}

@media(min-width: 375px) {

  .gap-xsm-30 {

    gap: 7.5rem !important

  }

  .padding-xsm-30 {

    padding: 7.5rem !important

  }

  .padding-top-xsm-30 {

    -webkit-padding-before: 7.5rem !important;

    padding-block-start: 7.5rem !important

  }

  .padding-bottom-xsm-30 {

    -webkit-padding-after: 7.5rem !important;

    padding-block-end: 7.5rem !important

  }

  .padding-y-xsm-30 {

    padding-block: 7.5rem !important

  }

  .padding-start-xsm-30 {

    -webkit-padding-start: 7.5rem !important;

    padding-inline-start: 7.5rem !important

  }

  .padding-end-xsm-30 {

    -webkit-padding-end: 7.5rem !important;

    padding-inline-end: 7.5rem !important

  }

  .padding-x-xsm-30 {

    padding-inline: 7.5rem !important

  }

  .margin-xsm-30 {

    margin: 7.5rem !important

  }

  .margin-top-xsm-30 {

    -webkit-margin-before: 7.5rem !important;

    margin-block-start: 7.5rem !important

  }

  .margin-bottom-xsm-30 {

    -webkit-margin-after: 7.5rem !important;

    margin-block-end: 7.5rem !important

  }

  .margin-y-xsm-30 {

    margin-block: 7.5rem !important

  }

  .margin-start-xsm-30 {

    -webkit-margin-start: 7.5rem !important;

    margin-inline-start: 7.5rem !important

  }

  .margin-end-xsm-30 {

    -webkit-margin-end: 7.5rem !important;

    margin-inline-end: 7.5rem !important

  }

  .margin-x-xsm-30 {

    margin-inline: 7.5rem !important

  }

}

@media(min-width: 576px) {

  .gap-sm-0 {

    gap: 0 !important

  }

  .padding-sm-0 {

    padding: 0 !important

  }

  .padding-top-sm-0 {

    -webkit-padding-before: 0 !important;

    padding-block-start: 0 !important

  }

  .padding-bottom-sm-0 {

    -webkit-padding-after: 0 !important;

    padding-block-end: 0 !important

  }

  .padding-y-sm-0 {

    padding-block: 0 !important

  }

  .padding-start-sm-0 {

    -webkit-padding-start: 0 !important;

    padding-inline-start: 0 !important

  }

  .padding-end-sm-0 {

    -webkit-padding-end: 0 !important;

    padding-inline-end: 0 !important

  }

  .padding-x-sm-0 {

    padding-inline: 0 !important

  }

  .margin-sm-0 {

    margin: 0 !important

  }

  .margin-top-sm-0 {

    -webkit-margin-before: 0 !important;

    margin-block-start: 0 !important

  }

  .margin-bottom-sm-0 {

    -webkit-margin-after: 0 !important;

    margin-block-end: 0 !important

  }

  .margin-y-sm-0 {

    margin-block: 0 !important

  }

  .margin-start-sm-0 {

    -webkit-margin-start: 0 !important;

    margin-inline-start: 0 !important

  }

  .margin-end-sm-0 {

    -webkit-margin-end: 0 !important;

    margin-inline-end: 0 !important

  }

  .margin-x-sm-0 {

    margin-inline: 0 !important

  }

}

@media(min-width: 576px) {

  .gap-sm-1 {

    gap: 0.25rem !important

  }

  .padding-sm-1 {

    padding: 0.25rem !important

  }

  .padding-top-sm-1 {

    -webkit-padding-before: 0.25rem !important;

    padding-block-start: 0.25rem !important

  }

  .padding-bottom-sm-1 {

    -webkit-padding-after: 0.25rem !important;

    padding-block-end: 0.25rem !important

  }

  .padding-y-sm-1 {

    padding-block: 0.25rem !important

  }

  .padding-start-sm-1 {

    -webkit-padding-start: 0.25rem !important;

    padding-inline-start: 0.25rem !important

  }

  .padding-end-sm-1 {

    -webkit-padding-end: 0.25rem !important;

    padding-inline-end: 0.25rem !important

  }

  .padding-x-sm-1 {

    padding-inline: 0.25rem !important

  }

  .margin-sm-1 {

    margin: 0.25rem !important

  }

  .margin-top-sm-1 {

    -webkit-margin-before: 0.25rem !important;

    margin-block-start: 0.25rem !important

  }

  .margin-bottom-sm-1 {

    -webkit-margin-after: 0.25rem !important;

    margin-block-end: 0.25rem !important

  }

  .margin-y-sm-1 {

    margin-block: 0.25rem !important

  }

  .margin-start-sm-1 {

    -webkit-margin-start: 0.25rem !important;

    margin-inline-start: 0.25rem !important

  }

  .margin-end-sm-1 {

    -webkit-margin-end: 0.25rem !important;

    margin-inline-end: 0.25rem !important

  }

  .margin-x-sm-1 {

    margin-inline: 0.25rem !important

  }

}

@media(min-width: 576px) {

  .gap-sm-2 {

    gap: 0.5rem !important

  }

  .padding-sm-2 {

    padding: 0.5rem !important

  }

  .padding-top-sm-2 {

    -webkit-padding-before: 0.5rem !important;

    padding-block-start: 0.5rem !important

  }

  .padding-bottom-sm-2 {

    -webkit-padding-after: 0.5rem !important;

    padding-block-end: 0.5rem !important

  }

  .padding-y-sm-2 {

    padding-block: 0.5rem !important

  }

  .padding-start-sm-2 {

    -webkit-padding-start: 0.5rem !important;

    padding-inline-start: 0.5rem !important

  }

  .padding-end-sm-2 {

    -webkit-padding-end: 0.5rem !important;

    padding-inline-end: 0.5rem !important

  }

  .padding-x-sm-2 {

    padding-inline: 0.5rem !important

  }

  .margin-sm-2 {

    margin: 0.5rem !important

  }

  .margin-top-sm-2 {

    -webkit-margin-before: 0.5rem !important;

    margin-block-start: 0.5rem !important

  }

  .margin-bottom-sm-2 {

    -webkit-margin-after: 0.5rem !important;

    margin-block-end: 0.5rem !important

  }

  .margin-y-sm-2 {

    margin-block: 0.5rem !important

  }

  .margin-start-sm-2 {

    -webkit-margin-start: 0.5rem !important;

    margin-inline-start: 0.5rem !important

  }

  .margin-end-sm-2 {

    -webkit-margin-end: 0.5rem !important;

    margin-inline-end: 0.5rem !important

  }

  .margin-x-sm-2 {

    margin-inline: 0.5rem !important

  }

}

@media(min-width: 576px) {

  .gap-sm-3 {

    gap: 0.75rem !important

  }

  .padding-sm-3 {

    padding: 0.75rem !important

  }

  .padding-top-sm-3 {

    -webkit-padding-before: 0.75rem !important;

    padding-block-start: 0.75rem !important

  }

  .padding-bottom-sm-3 {

    -webkit-padding-after: 0.75rem !important;

    padding-block-end: 0.75rem !important

  }

  .padding-y-sm-3 {

    padding-block: 0.75rem !important

  }

  .padding-start-sm-3 {

    -webkit-padding-start: 0.75rem !important;

    padding-inline-start: 0.75rem !important

  }

  .padding-end-sm-3 {

    -webkit-padding-end: 0.75rem !important;

    padding-inline-end: 0.75rem !important

  }

  .padding-x-sm-3 {

    padding-inline: 0.75rem !important

  }

  .margin-sm-3 {

    margin: 0.75rem !important

  }

  .margin-top-sm-3 {

    -webkit-margin-before: 0.75rem !important;

    margin-block-start: 0.75rem !important

  }

  .margin-bottom-sm-3 {

    -webkit-margin-after: 0.75rem !important;

    margin-block-end: 0.75rem !important

  }

  .margin-y-sm-3 {

    margin-block: 0.75rem !important

  }

  .margin-start-sm-3 {

    -webkit-margin-start: 0.75rem !important;

    margin-inline-start: 0.75rem !important

  }

  .margin-end-sm-3 {

    -webkit-margin-end: 0.75rem !important;

    margin-inline-end: 0.75rem !important

  }

  .margin-x-sm-3 {

    margin-inline: 0.75rem !important

  }

}

@media(min-width: 576px) {

  .gap-sm-4 {

    gap: 1rem !important

  }

  .padding-sm-4 {

    padding: 1rem !important

  }

  .padding-top-sm-4 {

    -webkit-padding-before: 1rem !important;

    padding-block-start: 1rem !important

  }

  .padding-bottom-sm-4 {

    -webkit-padding-after: 1rem !important;

    padding-block-end: 1rem !important

  }

  .padding-y-sm-4 {

    padding-block: 1rem !important

  }

  .padding-start-sm-4 {

    -webkit-padding-start: 1rem !important;

    padding-inline-start: 1rem !important

  }

  .padding-end-sm-4 {

    -webkit-padding-end: 1rem !important;

    padding-inline-end: 1rem !important

  }

  .padding-x-sm-4 {

    padding-inline: 1rem !important

  }

  .margin-sm-4 {

    margin: 1rem !important

  }

  .margin-top-sm-4 {

    -webkit-margin-before: 1rem !important;

    margin-block-start: 1rem !important

  }

  .margin-bottom-sm-4 {

    -webkit-margin-after: 1rem !important;

    margin-block-end: 1rem !important

  }

  .margin-y-sm-4 {

    margin-block: 1rem !important

  }

  .margin-start-sm-4 {

    -webkit-margin-start: 1rem !important;

    margin-inline-start: 1rem !important

  }

  .margin-end-sm-4 {

    -webkit-margin-end: 1rem !important;

    margin-inline-end: 1rem !important

  }

  .margin-x-sm-4 {

    margin-inline: 1rem !important

  }

}

@media(min-width: 576px) {

  .gap-sm-5 {

    gap: 1.25rem !important

  }

  .padding-sm-5 {

    padding: 1.25rem !important

  }

  .padding-top-sm-5 {

    -webkit-padding-before: 1.25rem !important;

    padding-block-start: 1.25rem !important

  }

  .padding-bottom-sm-5 {

    -webkit-padding-after: 1.25rem !important;

    padding-block-end: 1.25rem !important

  }

  .padding-y-sm-5 {

    padding-block: 1.25rem !important

  }

  .padding-start-sm-5 {

    -webkit-padding-start: 1.25rem !important;

    padding-inline-start: 1.25rem !important

  }

  .padding-end-sm-5 {

    -webkit-padding-end: 1.25rem !important;

    padding-inline-end: 1.25rem !important

  }

  .padding-x-sm-5 {

    padding-inline: 1.25rem !important

  }

  .margin-sm-5 {

    margin: 1.25rem !important

  }

  .margin-top-sm-5 {

    -webkit-margin-before: 1.25rem !important;

    margin-block-start: 1.25rem !important

  }

  .margin-bottom-sm-5 {

    -webkit-margin-after: 1.25rem !important;

    margin-block-end: 1.25rem !important

  }

  .margin-y-sm-5 {

    margin-block: 1.25rem !important

  }

  .margin-start-sm-5 {

    -webkit-margin-start: 1.25rem !important;

    margin-inline-start: 1.25rem !important

  }

  .margin-end-sm-5 {

    -webkit-margin-end: 1.25rem !important;

    margin-inline-end: 1.25rem !important

  }

  .margin-x-sm-5 {

    margin-inline: 1.25rem !important

  }

}

@media(min-width: 576px) {

  .gap-sm-6 {

    gap: 1.5rem !important

  }

  .padding-sm-6 {

    padding: 1.5rem !important

  }

  .padding-top-sm-6 {

    -webkit-padding-before: 1.5rem !important;

    padding-block-start: 1.5rem !important

  }

  .padding-bottom-sm-6 {

    -webkit-padding-after: 1.5rem !important;

    padding-block-end: 1.5rem !important

  }

  .padding-y-sm-6 {

    padding-block: 1.5rem !important

  }

  .padding-start-sm-6 {

    -webkit-padding-start: 1.5rem !important;

    padding-inline-start: 1.5rem !important

  }

  .padding-end-sm-6 {

    -webkit-padding-end: 1.5rem !important;

    padding-inline-end: 1.5rem !important

  }

  .padding-x-sm-6 {

    padding-inline: 1.5rem !important

  }

  .margin-sm-6 {

    margin: 1.5rem !important

  }

  .margin-top-sm-6 {

    -webkit-margin-before: 1.5rem !important;

    margin-block-start: 1.5rem !important

  }

  .margin-bottom-sm-6 {

    -webkit-margin-after: 1.5rem !important;

    margin-block-end: 1.5rem !important

  }

  .margin-y-sm-6 {

    margin-block: 1.5rem !important

  }

  .margin-start-sm-6 {

    -webkit-margin-start: 1.5rem !important;

    margin-inline-start: 1.5rem !important

  }

  .margin-end-sm-6 {

    -webkit-margin-end: 1.5rem !important;

    margin-inline-end: 1.5rem !important

  }

  .margin-x-sm-6 {

    margin-inline: 1.5rem !important

  }

}

@media(min-width: 576px) {

  .gap-sm-7 {

    gap: 1.75rem !important

  }

  .padding-sm-7 {

    padding: 1.75rem !important

  }

  .padding-top-sm-7 {

    -webkit-padding-before: 1.75rem !important;

    padding-block-start: 1.75rem !important

  }

  .padding-bottom-sm-7 {

    -webkit-padding-after: 1.75rem !important;

    padding-block-end: 1.75rem !important

  }

  .padding-y-sm-7 {

    padding-block: 1.75rem !important

  }

  .padding-start-sm-7 {

    -webkit-padding-start: 1.75rem !important;

    padding-inline-start: 1.75rem !important

  }

  .padding-end-sm-7 {

    -webkit-padding-end: 1.75rem !important;

    padding-inline-end: 1.75rem !important

  }

  .padding-x-sm-7 {

    padding-inline: 1.75rem !important

  }

  .margin-sm-7 {

    margin: 1.75rem !important

  }

  .margin-top-sm-7 {

    -webkit-margin-before: 1.75rem !important;

    margin-block-start: 1.75rem !important

  }

  .margin-bottom-sm-7 {

    -webkit-margin-after: 1.75rem !important;

    margin-block-end: 1.75rem !important

  }

  .margin-y-sm-7 {

    margin-block: 1.75rem !important

  }

  .margin-start-sm-7 {

    -webkit-margin-start: 1.75rem !important;

    margin-inline-start: 1.75rem !important

  }

  .margin-end-sm-7 {

    -webkit-margin-end: 1.75rem !important;

    margin-inline-end: 1.75rem !important

  }

  .margin-x-sm-7 {

    margin-inline: 1.75rem !important

  }

}

@media(min-width: 576px) {

  .gap-sm-8 {

    gap: 2rem !important

  }

  .padding-sm-8 {

    padding: 2rem !important

  }

  .padding-top-sm-8 {

    -webkit-padding-before: 2rem !important;

    padding-block-start: 2rem !important

  }

  .padding-bottom-sm-8 {

    -webkit-padding-after: 2rem !important;

    padding-block-end: 2rem !important

  }

  .padding-y-sm-8 {

    padding-block: 2rem !important

  }

  .padding-start-sm-8 {

    -webkit-padding-start: 2rem !important;

    padding-inline-start: 2rem !important

  }

  .padding-end-sm-8 {

    -webkit-padding-end: 2rem !important;

    padding-inline-end: 2rem !important

  }

  .padding-x-sm-8 {

    padding-inline: 2rem !important

  }

  .margin-sm-8 {

    margin: 2rem !important

  }

  .margin-top-sm-8 {

    -webkit-margin-before: 2rem !important;

    margin-block-start: 2rem !important

  }

  .margin-bottom-sm-8 {

    -webkit-margin-after: 2rem !important;

    margin-block-end: 2rem !important

  }

  .margin-y-sm-8 {

    margin-block: 2rem !important

  }

  .margin-start-sm-8 {

    -webkit-margin-start: 2rem !important;

    margin-inline-start: 2rem !important

  }

  .margin-end-sm-8 {

    -webkit-margin-end: 2rem !important;

    margin-inline-end: 2rem !important

  }

  .margin-x-sm-8 {

    margin-inline: 2rem !important

  }

}

@media(min-width: 576px) {

  .gap-sm-9 {

    gap: 2.25rem !important

  }

  .padding-sm-9 {

    padding: 2.25rem !important

  }

  .padding-top-sm-9 {

    -webkit-padding-before: 2.25rem !important;

    padding-block-start: 2.25rem !important

  }

  .padding-bottom-sm-9 {

    -webkit-padding-after: 2.25rem !important;

    padding-block-end: 2.25rem !important

  }

  .padding-y-sm-9 {

    padding-block: 2.25rem !important

  }

  .padding-start-sm-9 {

    -webkit-padding-start: 2.25rem !important;

    padding-inline-start: 2.25rem !important

  }

  .padding-end-sm-9 {

    -webkit-padding-end: 2.25rem !important;

    padding-inline-end: 2.25rem !important

  }

  .padding-x-sm-9 {

    padding-inline: 2.25rem !important

  }

  .margin-sm-9 {

    margin: 2.25rem !important

  }

  .margin-top-sm-9 {

    -webkit-margin-before: 2.25rem !important;

    margin-block-start: 2.25rem !important

  }

  .margin-bottom-sm-9 {

    -webkit-margin-after: 2.25rem !important;

    margin-block-end: 2.25rem !important

  }

  .margin-y-sm-9 {

    margin-block: 2.25rem !important

  }

  .margin-start-sm-9 {

    -webkit-margin-start: 2.25rem !important;

    margin-inline-start: 2.25rem !important

  }

  .margin-end-sm-9 {

    -webkit-margin-end: 2.25rem !important;

    margin-inline-end: 2.25rem !important

  }

  .margin-x-sm-9 {

    margin-inline: 2.25rem !important

  }

}

@media(min-width: 576px) {

  .gap-sm-10 {

    gap: 2.5rem !important

  }

  .padding-sm-10 {

    padding: 2.5rem !important

  }

  .padding-top-sm-10 {

    -webkit-padding-before: 2.5rem !important;

    padding-block-start: 2.5rem !important

  }

  .padding-bottom-sm-10 {

    -webkit-padding-after: 2.5rem !important;

    padding-block-end: 2.5rem !important

  }

  .padding-y-sm-10 {

    padding-block: 2.5rem !important

  }

  .padding-start-sm-10 {

    -webkit-padding-start: 2.5rem !important;

    padding-inline-start: 2.5rem !important

  }

  .padding-end-sm-10 {

    -webkit-padding-end: 2.5rem !important;

    padding-inline-end: 2.5rem !important

  }

  .padding-x-sm-10 {

    padding-inline: 2.5rem !important

  }

  .margin-sm-10 {

    margin: 2.5rem !important

  }

  .margin-top-sm-10 {

    -webkit-margin-before: 2.5rem !important;

    margin-block-start: 2.5rem !important

  }

  .margin-bottom-sm-10 {

    -webkit-margin-after: 2.5rem !important;

    margin-block-end: 2.5rem !important

  }

  .margin-y-sm-10 {

    margin-block: 2.5rem !important

  }

  .margin-start-sm-10 {

    -webkit-margin-start: 2.5rem !important;

    margin-inline-start: 2.5rem !important

  }

  .margin-end-sm-10 {

    -webkit-margin-end: 2.5rem !important;

    margin-inline-end: 2.5rem !important

  }

  .margin-x-sm-10 {

    margin-inline: 2.5rem !important

  }

}

@media(min-width: 576px) {

  .gap-sm-11 {

    gap: 2.75rem !important

  }

  .padding-sm-11 {

    padding: 2.75rem !important

  }

  .padding-top-sm-11 {

    -webkit-padding-before: 2.75rem !important;

    padding-block-start: 2.75rem !important

  }

  .padding-bottom-sm-11 {

    -webkit-padding-after: 2.75rem !important;

    padding-block-end: 2.75rem !important

  }

  .padding-y-sm-11 {

    padding-block: 2.75rem !important

  }

  .padding-start-sm-11 {

    -webkit-padding-start: 2.75rem !important;

    padding-inline-start: 2.75rem !important

  }

  .padding-end-sm-11 {

    -webkit-padding-end: 2.75rem !important;

    padding-inline-end: 2.75rem !important

  }

  .padding-x-sm-11 {

    padding-inline: 2.75rem !important

  }

  .margin-sm-11 {

    margin: 2.75rem !important

  }

  .margin-top-sm-11 {

    -webkit-margin-before: 2.75rem !important;

    margin-block-start: 2.75rem !important

  }

  .margin-bottom-sm-11 {

    -webkit-margin-after: 2.75rem !important;

    margin-block-end: 2.75rem !important

  }

  .margin-y-sm-11 {

    margin-block: 2.75rem !important

  }

  .margin-start-sm-11 {

    -webkit-margin-start: 2.75rem !important;

    margin-inline-start: 2.75rem !important

  }

  .margin-end-sm-11 {

    -webkit-margin-end: 2.75rem !important;

    margin-inline-end: 2.75rem !important

  }

  .margin-x-sm-11 {

    margin-inline: 2.75rem !important

  }

}

@media(min-width: 576px) {

  .gap-sm-12 {

    gap: 3rem !important

  }

  .padding-sm-12 {

    padding: 3rem !important

  }

  .padding-top-sm-12 {

    -webkit-padding-before: 3rem !important;

    padding-block-start: 3rem !important

  }

  .padding-bottom-sm-12 {

    -webkit-padding-after: 3rem !important;

    padding-block-end: 3rem !important

  }

  .padding-y-sm-12 {

    padding-block: 3rem !important

  }

  .padding-start-sm-12 {

    -webkit-padding-start: 3rem !important;

    padding-inline-start: 3rem !important

  }

  .padding-end-sm-12 {

    -webkit-padding-end: 3rem !important;

    padding-inline-end: 3rem !important

  }

  .padding-x-sm-12 {

    padding-inline: 3rem !important

  }

  .margin-sm-12 {

    margin: 3rem !important

  }

  .margin-top-sm-12 {

    -webkit-margin-before: 3rem !important;

    margin-block-start: 3rem !important

  }

  .margin-bottom-sm-12 {

    -webkit-margin-after: 3rem !important;

    margin-block-end: 3rem !important

  }

  .margin-y-sm-12 {

    margin-block: 3rem !important

  }

  .margin-start-sm-12 {

    -webkit-margin-start: 3rem !important;

    margin-inline-start: 3rem !important

  }

  .margin-end-sm-12 {

    -webkit-margin-end: 3rem !important;

    margin-inline-end: 3rem !important

  }

  .margin-x-sm-12 {

    margin-inline: 3rem !important

  }

}

@media(min-width: 576px) {

  .gap-sm-13 {

    gap: 3.25rem !important

  }

  .padding-sm-13 {

    padding: 3.25rem !important

  }

  .padding-top-sm-13 {

    -webkit-padding-before: 3.25rem !important;

    padding-block-start: 3.25rem !important

  }

  .padding-bottom-sm-13 {

    -webkit-padding-after: 3.25rem !important;

    padding-block-end: 3.25rem !important

  }

  .padding-y-sm-13 {

    padding-block: 3.25rem !important

  }

  .padding-start-sm-13 {

    -webkit-padding-start: 3.25rem !important;

    padding-inline-start: 3.25rem !important

  }

  .padding-end-sm-13 {

    -webkit-padding-end: 3.25rem !important;

    padding-inline-end: 3.25rem !important

  }

  .padding-x-sm-13 {

    padding-inline: 3.25rem !important

  }

  .margin-sm-13 {

    margin: 3.25rem !important

  }

  .margin-top-sm-13 {

    -webkit-margin-before: 3.25rem !important;

    margin-block-start: 3.25rem !important

  }

  .margin-bottom-sm-13 {

    -webkit-margin-after: 3.25rem !important;

    margin-block-end: 3.25rem !important

  }

  .margin-y-sm-13 {

    margin-block: 3.25rem !important

  }

  .margin-start-sm-13 {

    -webkit-margin-start: 3.25rem !important;

    margin-inline-start: 3.25rem !important

  }

  .margin-end-sm-13 {

    -webkit-margin-end: 3.25rem !important;

    margin-inline-end: 3.25rem !important

  }

  .margin-x-sm-13 {

    margin-inline: 3.25rem !important

  }

}

@media(min-width: 576px) {

  .gap-sm-14 {

    gap: 3.5rem !important

  }

  .padding-sm-14 {

    padding: 3.5rem !important

  }

  .padding-top-sm-14 {

    -webkit-padding-before: 3.5rem !important;

    padding-block-start: 3.5rem !important

  }

  .padding-bottom-sm-14 {

    -webkit-padding-after: 3.5rem !important;

    padding-block-end: 3.5rem !important

  }

  .padding-y-sm-14 {

    padding-block: 3.5rem !important

  }

  .padding-start-sm-14 {

    -webkit-padding-start: 3.5rem !important;

    padding-inline-start: 3.5rem !important

  }

  .padding-end-sm-14 {

    -webkit-padding-end: 3.5rem !important;

    padding-inline-end: 3.5rem !important

  }

  .padding-x-sm-14 {

    padding-inline: 3.5rem !important

  }

  .margin-sm-14 {

    margin: 3.5rem !important

  }

  .margin-top-sm-14 {

    -webkit-margin-before: 3.5rem !important;

    margin-block-start: 3.5rem !important

  }

  .margin-bottom-sm-14 {

    -webkit-margin-after: 3.5rem !important;

    margin-block-end: 3.5rem !important

  }

  .margin-y-sm-14 {

    margin-block: 3.5rem !important

  }

  .margin-start-sm-14 {

    -webkit-margin-start: 3.5rem !important;

    margin-inline-start: 3.5rem !important

  }

  .margin-end-sm-14 {

    -webkit-margin-end: 3.5rem !important;

    margin-inline-end: 3.5rem !important

  }

  .margin-x-sm-14 {

    margin-inline: 3.5rem !important

  }

}

@media(min-width: 576px) {

  .gap-sm-15 {

    gap: 3.75rem !important

  }

  .padding-sm-15 {

    padding: 3.75rem !important

  }

  .padding-top-sm-15 {

    -webkit-padding-before: 3.75rem !important;

    padding-block-start: 3.75rem !important

  }

  .padding-bottom-sm-15 {

    -webkit-padding-after: 3.75rem !important;

    padding-block-end: 3.75rem !important

  }

  .padding-y-sm-15 {

    padding-block: 3.75rem !important

  }

  .padding-start-sm-15 {

    -webkit-padding-start: 3.75rem !important;

    padding-inline-start: 3.75rem !important

  }

  .padding-end-sm-15 {

    -webkit-padding-end: 3.75rem !important;

    padding-inline-end: 3.75rem !important

  }

  .padding-x-sm-15 {

    padding-inline: 3.75rem !important

  }

  .margin-sm-15 {

    margin: 3.75rem !important

  }

  .margin-top-sm-15 {

    -webkit-margin-before: 3.75rem !important;

    margin-block-start: 3.75rem !important

  }

  .margin-bottom-sm-15 {

    -webkit-margin-after: 3.75rem !important;

    margin-block-end: 3.75rem !important

  }

  .margin-y-sm-15 {

    margin-block: 3.75rem !important

  }

  .margin-start-sm-15 {

    -webkit-margin-start: 3.75rem !important;

    margin-inline-start: 3.75rem !important

  }

  .margin-end-sm-15 {

    -webkit-margin-end: 3.75rem !important;

    margin-inline-end: 3.75rem !important

  }

  .margin-x-sm-15 {

    margin-inline: 3.75rem !important

  }

}

@media(min-width: 576px) {

  .gap-sm-16 {

    gap: 4rem !important

  }

  .padding-sm-16 {

    padding: 4rem !important

  }

  .padding-top-sm-16 {

    -webkit-padding-before: 4rem !important;

    padding-block-start: 4rem !important

  }

  .padding-bottom-sm-16 {

    -webkit-padding-after: 4rem !important;

    padding-block-end: 4rem !important

  }

  .padding-y-sm-16 {

    padding-block: 4rem !important

  }

  .padding-start-sm-16 {

    -webkit-padding-start: 4rem !important;

    padding-inline-start: 4rem !important

  }

  .padding-end-sm-16 {

    -webkit-padding-end: 4rem !important;

    padding-inline-end: 4rem !important

  }

  .padding-x-sm-16 {

    padding-inline: 4rem !important

  }

  .margin-sm-16 {

    margin: 4rem !important

  }

  .margin-top-sm-16 {

    -webkit-margin-before: 4rem !important;

    margin-block-start: 4rem !important

  }

  .margin-bottom-sm-16 {

    -webkit-margin-after: 4rem !important;

    margin-block-end: 4rem !important

  }

  .margin-y-sm-16 {

    margin-block: 4rem !important

  }

  .margin-start-sm-16 {

    -webkit-margin-start: 4rem !important;

    margin-inline-start: 4rem !important

  }

  .margin-end-sm-16 {

    -webkit-margin-end: 4rem !important;

    margin-inline-end: 4rem !important

  }

  .margin-x-sm-16 {

    margin-inline: 4rem !important

  }

}

@media(min-width: 576px) {

  .gap-sm-17 {

    gap: 4.25rem !important

  }

  .padding-sm-17 {

    padding: 4.25rem !important

  }

  .padding-top-sm-17 {

    -webkit-padding-before: 4.25rem !important;

    padding-block-start: 4.25rem !important

  }

  .padding-bottom-sm-17 {

    -webkit-padding-after: 4.25rem !important;

    padding-block-end: 4.25rem !important

  }

  .padding-y-sm-17 {

    padding-block: 4.25rem !important

  }

  .padding-start-sm-17 {

    -webkit-padding-start: 4.25rem !important;

    padding-inline-start: 4.25rem !important

  }

  .padding-end-sm-17 {

    -webkit-padding-end: 4.25rem !important;

    padding-inline-end: 4.25rem !important

  }

  .padding-x-sm-17 {

    padding-inline: 4.25rem !important

  }

  .margin-sm-17 {

    margin: 4.25rem !important

  }

  .margin-top-sm-17 {

    -webkit-margin-before: 4.25rem !important;

    margin-block-start: 4.25rem !important

  }

  .margin-bottom-sm-17 {

    -webkit-margin-after: 4.25rem !important;

    margin-block-end: 4.25rem !important

  }

  .margin-y-sm-17 {

    margin-block: 4.25rem !important

  }

  .margin-start-sm-17 {

    -webkit-margin-start: 4.25rem !important;

    margin-inline-start: 4.25rem !important

  }

  .margin-end-sm-17 {

    -webkit-margin-end: 4.25rem !important;

    margin-inline-end: 4.25rem !important

  }

  .margin-x-sm-17 {

    margin-inline: 4.25rem !important

  }

}

@media(min-width: 576px) {

  .gap-sm-18 {

    gap: 4.5rem !important

  }

  .padding-sm-18 {

    padding: 4.5rem !important

  }

  .padding-top-sm-18 {

    -webkit-padding-before: 4.5rem !important;

    padding-block-start: 4.5rem !important

  }

  .padding-bottom-sm-18 {

    -webkit-padding-after: 4.5rem !important;

    padding-block-end: 4.5rem !important

  }

  .padding-y-sm-18 {

    padding-block: 4.5rem !important

  }

  .padding-start-sm-18 {

    -webkit-padding-start: 4.5rem !important;

    padding-inline-start: 4.5rem !important

  }

  .padding-end-sm-18 {

    -webkit-padding-end: 4.5rem !important;

    padding-inline-end: 4.5rem !important

  }

  .padding-x-sm-18 {

    padding-inline: 4.5rem !important

  }

  .margin-sm-18 {

    margin: 4.5rem !important

  }

  .margin-top-sm-18 {

    -webkit-margin-before: 4.5rem !important;

    margin-block-start: 4.5rem !important

  }

  .margin-bottom-sm-18 {

    -webkit-margin-after: 4.5rem !important;

    margin-block-end: 4.5rem !important

  }

  .margin-y-sm-18 {

    margin-block: 4.5rem !important

  }

  .margin-start-sm-18 {

    -webkit-margin-start: 4.5rem !important;

    margin-inline-start: 4.5rem !important

  }

  .margin-end-sm-18 {

    -webkit-margin-end: 4.5rem !important;

    margin-inline-end: 4.5rem !important

  }

  .margin-x-sm-18 {

    margin-inline: 4.5rem !important

  }

}

@media(min-width: 576px) {

  .gap-sm-19 {

    gap: 4.75rem !important

  }

  .padding-sm-19 {

    padding: 4.75rem !important

  }

  .padding-top-sm-19 {

    -webkit-padding-before: 4.75rem !important;

    padding-block-start: 4.75rem !important

  }

  .padding-bottom-sm-19 {

    -webkit-padding-after: 4.75rem !important;

    padding-block-end: 4.75rem !important

  }

  .padding-y-sm-19 {

    padding-block: 4.75rem !important

  }

  .padding-start-sm-19 {

    -webkit-padding-start: 4.75rem !important;

    padding-inline-start: 4.75rem !important

  }

  .padding-end-sm-19 {

    -webkit-padding-end: 4.75rem !important;

    padding-inline-end: 4.75rem !important

  }

  .padding-x-sm-19 {

    padding-inline: 4.75rem !important

  }

  .margin-sm-19 {

    margin: 4.75rem !important

  }

  .margin-top-sm-19 {

    -webkit-margin-before: 4.75rem !important;

    margin-block-start: 4.75rem !important

  }

  .margin-bottom-sm-19 {

    -webkit-margin-after: 4.75rem !important;

    margin-block-end: 4.75rem !important

  }

  .margin-y-sm-19 {

    margin-block: 4.75rem !important

  }

  .margin-start-sm-19 {

    -webkit-margin-start: 4.75rem !important;

    margin-inline-start: 4.75rem !important

  }

  .margin-end-sm-19 {

    -webkit-margin-end: 4.75rem !important;

    margin-inline-end: 4.75rem !important

  }

  .margin-x-sm-19 {

    margin-inline: 4.75rem !important

  }

}

@media(min-width: 576px) {

  .gap-sm-20 {

    gap: 5rem !important

  }

  .padding-sm-20 {

    padding: 5rem !important

  }

  .padding-top-sm-20 {

    -webkit-padding-before: 5rem !important;

    padding-block-start: 5rem !important

  }

  .padding-bottom-sm-20 {

    -webkit-padding-after: 5rem !important;

    padding-block-end: 5rem !important

  }

  .padding-y-sm-20 {

    padding-block: 5rem !important

  }

  .padding-start-sm-20 {

    -webkit-padding-start: 5rem !important;

    padding-inline-start: 5rem !important

  }

  .padding-end-sm-20 {

    -webkit-padding-end: 5rem !important;

    padding-inline-end: 5rem !important

  }

  .padding-x-sm-20 {

    padding-inline: 5rem !important

  }

  .margin-sm-20 {

    margin: 5rem !important

  }

  .margin-top-sm-20 {

    -webkit-margin-before: 5rem !important;

    margin-block-start: 5rem !important

  }

  .margin-bottom-sm-20 {

    -webkit-margin-after: 5rem !important;

    margin-block-end: 5rem !important

  }

  .margin-y-sm-20 {

    margin-block: 5rem !important

  }

  .margin-start-sm-20 {

    -webkit-margin-start: 5rem !important;

    margin-inline-start: 5rem !important

  }

  .margin-end-sm-20 {

    -webkit-margin-end: 5rem !important;

    margin-inline-end: 5rem !important

  }

  .margin-x-sm-20 {

    margin-inline: 5rem !important

  }

}

@media(min-width: 576px) {

  .gap-sm-21 {

    gap: 5.25rem !important

  }

  .padding-sm-21 {

    padding: 5.25rem !important

  }

  .padding-top-sm-21 {

    -webkit-padding-before: 5.25rem !important;

    padding-block-start: 5.25rem !important

  }

  .padding-bottom-sm-21 {

    -webkit-padding-after: 5.25rem !important;

    padding-block-end: 5.25rem !important

  }

  .padding-y-sm-21 {

    padding-block: 5.25rem !important

  }

  .padding-start-sm-21 {

    -webkit-padding-start: 5.25rem !important;

    padding-inline-start: 5.25rem !important

  }

  .padding-end-sm-21 {

    -webkit-padding-end: 5.25rem !important;

    padding-inline-end: 5.25rem !important

  }

  .padding-x-sm-21 {

    padding-inline: 5.25rem !important

  }

  .margin-sm-21 {

    margin: 5.25rem !important

  }

  .margin-top-sm-21 {

    -webkit-margin-before: 5.25rem !important;

    margin-block-start: 5.25rem !important

  }

  .margin-bottom-sm-21 {

    -webkit-margin-after: 5.25rem !important;

    margin-block-end: 5.25rem !important

  }

  .margin-y-sm-21 {

    margin-block: 5.25rem !important

  }

  .margin-start-sm-21 {

    -webkit-margin-start: 5.25rem !important;

    margin-inline-start: 5.25rem !important

  }

  .margin-end-sm-21 {

    -webkit-margin-end: 5.25rem !important;

    margin-inline-end: 5.25rem !important

  }

  .margin-x-sm-21 {

    margin-inline: 5.25rem !important

  }

}

@media(min-width: 576px) {

  .gap-sm-22 {

    gap: 5.5rem !important

  }

  .padding-sm-22 {

    padding: 5.5rem !important

  }

  .padding-top-sm-22 {

    -webkit-padding-before: 5.5rem !important;

    padding-block-start: 5.5rem !important

  }

  .padding-bottom-sm-22 {

    -webkit-padding-after: 5.5rem !important;

    padding-block-end: 5.5rem !important

  }

  .padding-y-sm-22 {

    padding-block: 5.5rem !important

  }

  .padding-start-sm-22 {

    -webkit-padding-start: 5.5rem !important;

    padding-inline-start: 5.5rem !important

  }

  .padding-end-sm-22 {

    -webkit-padding-end: 5.5rem !important;

    padding-inline-end: 5.5rem !important

  }

  .padding-x-sm-22 {

    padding-inline: 5.5rem !important

  }

  .margin-sm-22 {

    margin: 5.5rem !important

  }

  .margin-top-sm-22 {

    -webkit-margin-before: 5.5rem !important;

    margin-block-start: 5.5rem !important

  }

  .margin-bottom-sm-22 {

    -webkit-margin-after: 5.5rem !important;

    margin-block-end: 5.5rem !important

  }

  .margin-y-sm-22 {

    margin-block: 5.5rem !important

  }

  .margin-start-sm-22 {

    -webkit-margin-start: 5.5rem !important;

    margin-inline-start: 5.5rem !important

  }

  .margin-end-sm-22 {

    -webkit-margin-end: 5.5rem !important;

    margin-inline-end: 5.5rem !important

  }

  .margin-x-sm-22 {

    margin-inline: 5.5rem !important

  }

}

@media(min-width: 576px) {

  .gap-sm-23 {

    gap: 5.75rem !important

  }

  .padding-sm-23 {

    padding: 5.75rem !important

  }

  .padding-top-sm-23 {

    -webkit-padding-before: 5.75rem !important;

    padding-block-start: 5.75rem !important

  }

  .padding-bottom-sm-23 {

    -webkit-padding-after: 5.75rem !important;

    padding-block-end: 5.75rem !important

  }

  .padding-y-sm-23 {

    padding-block: 5.75rem !important

  }

  .padding-start-sm-23 {

    -webkit-padding-start: 5.75rem !important;

    padding-inline-start: 5.75rem !important

  }

  .padding-end-sm-23 {

    -webkit-padding-end: 5.75rem !important;

    padding-inline-end: 5.75rem !important

  }

  .padding-x-sm-23 {

    padding-inline: 5.75rem !important

  }

  .margin-sm-23 {

    margin: 5.75rem !important

  }

  .margin-top-sm-23 {

    -webkit-margin-before: 5.75rem !important;

    margin-block-start: 5.75rem !important

  }

  .margin-bottom-sm-23 {

    -webkit-margin-after: 5.75rem !important;

    margin-block-end: 5.75rem !important

  }

  .margin-y-sm-23 {

    margin-block: 5.75rem !important

  }

  .margin-start-sm-23 {

    -webkit-margin-start: 5.75rem !important;

    margin-inline-start: 5.75rem !important

  }

  .margin-end-sm-23 {

    -webkit-margin-end: 5.75rem !important;

    margin-inline-end: 5.75rem !important

  }

  .margin-x-sm-23 {

    margin-inline: 5.75rem !important

  }

}

@media(min-width: 576px) {

  .gap-sm-24 {

    gap: 6rem !important

  }

  .padding-sm-24 {

    padding: 6rem !important

  }

  .padding-top-sm-24 {

    -webkit-padding-before: 6rem !important;

    padding-block-start: 6rem !important

  }

  .padding-bottom-sm-24 {

    -webkit-padding-after: 6rem !important;

    padding-block-end: 6rem !important

  }

  .padding-y-sm-24 {

    padding-block: 6rem !important

  }

  .padding-start-sm-24 {

    -webkit-padding-start: 6rem !important;

    padding-inline-start: 6rem !important

  }

  .padding-end-sm-24 {

    -webkit-padding-end: 6rem !important;

    padding-inline-end: 6rem !important

  }

  .padding-x-sm-24 {

    padding-inline: 6rem !important

  }

  .margin-sm-24 {

    margin: 6rem !important

  }

  .margin-top-sm-24 {

    -webkit-margin-before: 6rem !important;

    margin-block-start: 6rem !important

  }

  .margin-bottom-sm-24 {

    -webkit-margin-after: 6rem !important;

    margin-block-end: 6rem !important

  }

  .margin-y-sm-24 {

    margin-block: 6rem !important

  }

  .margin-start-sm-24 {

    -webkit-margin-start: 6rem !important;

    margin-inline-start: 6rem !important

  }

  .margin-end-sm-24 {

    -webkit-margin-end: 6rem !important;

    margin-inline-end: 6rem !important

  }

  .margin-x-sm-24 {

    margin-inline: 6rem !important

  }

}

@media(min-width: 576px) {

  .gap-sm-25 {

    gap: 6.25rem !important

  }

  .padding-sm-25 {

    padding: 6.25rem !important

  }

  .padding-top-sm-25 {

    -webkit-padding-before: 6.25rem !important;

    padding-block-start: 6.25rem !important

  }

  .padding-bottom-sm-25 {

    -webkit-padding-after: 6.25rem !important;

    padding-block-end: 6.25rem !important

  }

  .padding-y-sm-25 {

    padding-block: 6.25rem !important

  }

  .padding-start-sm-25 {

    -webkit-padding-start: 6.25rem !important;

    padding-inline-start: 6.25rem !important

  }

  .padding-end-sm-25 {

    -webkit-padding-end: 6.25rem !important;

    padding-inline-end: 6.25rem !important

  }

  .padding-x-sm-25 {

    padding-inline: 6.25rem !important

  }

  .margin-sm-25 {

    margin: 6.25rem !important

  }

  .margin-top-sm-25 {

    -webkit-margin-before: 6.25rem !important;

    margin-block-start: 6.25rem !important

  }

  .margin-bottom-sm-25 {

    -webkit-margin-after: 6.25rem !important;

    margin-block-end: 6.25rem !important

  }

  .margin-y-sm-25 {

    margin-block: 6.25rem !important

  }

  .margin-start-sm-25 {

    -webkit-margin-start: 6.25rem !important;

    margin-inline-start: 6.25rem !important

  }

  .margin-end-sm-25 {

    -webkit-margin-end: 6.25rem !important;

    margin-inline-end: 6.25rem !important

  }

  .margin-x-sm-25 {

    margin-inline: 6.25rem !important

  }

}

@media(min-width: 576px) {

  .gap-sm-26 {

    gap: 6.5rem !important

  }

  .padding-sm-26 {

    padding: 6.5rem !important

  }

  .padding-top-sm-26 {

    -webkit-padding-before: 6.5rem !important;

    padding-block-start: 6.5rem !important

  }

  .padding-bottom-sm-26 {

    -webkit-padding-after: 6.5rem !important;

    padding-block-end: 6.5rem !important

  }

  .padding-y-sm-26 {

    padding-block: 6.5rem !important

  }

  .padding-start-sm-26 {

    -webkit-padding-start: 6.5rem !important;

    padding-inline-start: 6.5rem !important

  }

  .padding-end-sm-26 {

    -webkit-padding-end: 6.5rem !important;

    padding-inline-end: 6.5rem !important

  }

  .padding-x-sm-26 {

    padding-inline: 6.5rem !important

  }

  .margin-sm-26 {

    margin: 6.5rem !important

  }

  .margin-top-sm-26 {

    -webkit-margin-before: 6.5rem !important;

    margin-block-start: 6.5rem !important

  }

  .margin-bottom-sm-26 {

    -webkit-margin-after: 6.5rem !important;

    margin-block-end: 6.5rem !important

  }

  .margin-y-sm-26 {

    margin-block: 6.5rem !important

  }

  .margin-start-sm-26 {

    -webkit-margin-start: 6.5rem !important;

    margin-inline-start: 6.5rem !important

  }

  .margin-end-sm-26 {

    -webkit-margin-end: 6.5rem !important;

    margin-inline-end: 6.5rem !important

  }

  .margin-x-sm-26 {

    margin-inline: 6.5rem !important

  }

}

@media(min-width: 576px) {

  .gap-sm-27 {

    gap: 6.75rem !important

  }

  .padding-sm-27 {

    padding: 6.75rem !important

  }

  .padding-top-sm-27 {

    -webkit-padding-before: 6.75rem !important;

    padding-block-start: 6.75rem !important

  }

  .padding-bottom-sm-27 {

    -webkit-padding-after: 6.75rem !important;

    padding-block-end: 6.75rem !important

  }

  .padding-y-sm-27 {

    padding-block: 6.75rem !important

  }

  .padding-start-sm-27 {

    -webkit-padding-start: 6.75rem !important;

    padding-inline-start: 6.75rem !important

  }

  .padding-end-sm-27 {

    -webkit-padding-end: 6.75rem !important;

    padding-inline-end: 6.75rem !important

  }

  .padding-x-sm-27 {

    padding-inline: 6.75rem !important

  }

  .margin-sm-27 {

    margin: 6.75rem !important

  }

  .margin-top-sm-27 {

    -webkit-margin-before: 6.75rem !important;

    margin-block-start: 6.75rem !important

  }

  .margin-bottom-sm-27 {

    -webkit-margin-after: 6.75rem !important;

    margin-block-end: 6.75rem !important

  }

  .margin-y-sm-27 {

    margin-block: 6.75rem !important

  }

  .margin-start-sm-27 {

    -webkit-margin-start: 6.75rem !important;

    margin-inline-start: 6.75rem !important

  }

  .margin-end-sm-27 {

    -webkit-margin-end: 6.75rem !important;

    margin-inline-end: 6.75rem !important

  }

  .margin-x-sm-27 {

    margin-inline: 6.75rem !important

  }

}

@media(min-width: 576px) {

  .gap-sm-28 {

    gap: 7rem !important

  }

  .padding-sm-28 {

    padding: 7rem !important

  }

  .padding-top-sm-28 {

    -webkit-padding-before: 7rem !important;

    padding-block-start: 7rem !important

  }

  .padding-bottom-sm-28 {

    -webkit-padding-after: 7rem !important;

    padding-block-end: 7rem !important

  }

  .padding-y-sm-28 {

    padding-block: 7rem !important

  }

  .padding-start-sm-28 {

    -webkit-padding-start: 7rem !important;

    padding-inline-start: 7rem !important

  }

  .padding-end-sm-28 {

    -webkit-padding-end: 7rem !important;

    padding-inline-end: 7rem !important

  }

  .padding-x-sm-28 {

    padding-inline: 7rem !important

  }

  .margin-sm-28 {

    margin: 7rem !important

  }

  .margin-top-sm-28 {

    -webkit-margin-before: 7rem !important;

    margin-block-start: 7rem !important

  }

  .margin-bottom-sm-28 {

    -webkit-margin-after: 7rem !important;

    margin-block-end: 7rem !important

  }

  .margin-y-sm-28 {

    margin-block: 7rem !important

  }

  .margin-start-sm-28 {

    -webkit-margin-start: 7rem !important;

    margin-inline-start: 7rem !important

  }

  .margin-end-sm-28 {

    -webkit-margin-end: 7rem !important;

    margin-inline-end: 7rem !important

  }

  .margin-x-sm-28 {

    margin-inline: 7rem !important

  }

}

@media(min-width: 576px) {

  .gap-sm-29 {

    gap: 7.25rem !important

  }

  .padding-sm-29 {

    padding: 7.25rem !important

  }

  .padding-top-sm-29 {

    -webkit-padding-before: 7.25rem !important;

    padding-block-start: 7.25rem !important

  }

  .padding-bottom-sm-29 {

    -webkit-padding-after: 7.25rem !important;

    padding-block-end: 7.25rem !important

  }

  .padding-y-sm-29 {

    padding-block: 7.25rem !important

  }

  .padding-start-sm-29 {

    -webkit-padding-start: 7.25rem !important;

    padding-inline-start: 7.25rem !important

  }

  .padding-end-sm-29 {

    -webkit-padding-end: 7.25rem !important;

    padding-inline-end: 7.25rem !important

  }

  .padding-x-sm-29 {

    padding-inline: 7.25rem !important

  }

  .margin-sm-29 {

    margin: 7.25rem !important

  }

  .margin-top-sm-29 {

    -webkit-margin-before: 7.25rem !important;

    margin-block-start: 7.25rem !important

  }

  .margin-bottom-sm-29 {

    -webkit-margin-after: 7.25rem !important;

    margin-block-end: 7.25rem !important

  }

  .margin-y-sm-29 {

    margin-block: 7.25rem !important

  }

  .margin-start-sm-29 {

    -webkit-margin-start: 7.25rem !important;

    margin-inline-start: 7.25rem !important

  }

  .margin-end-sm-29 {

    -webkit-margin-end: 7.25rem !important;

    margin-inline-end: 7.25rem !important

  }

  .margin-x-sm-29 {

    margin-inline: 7.25rem !important

  }

}

@media(min-width: 576px) {

  .gap-sm-30 {

    gap: 7.5rem !important

  }

  .padding-sm-30 {

    padding: 7.5rem !important

  }

  .padding-top-sm-30 {

    -webkit-padding-before: 7.5rem !important;

    padding-block-start: 7.5rem !important

  }

  .padding-bottom-sm-30 {

    -webkit-padding-after: 7.5rem !important;

    padding-block-end: 7.5rem !important

  }

  .padding-y-sm-30 {

    padding-block: 7.5rem !important

  }

  .padding-start-sm-30 {

    -webkit-padding-start: 7.5rem !important;

    padding-inline-start: 7.5rem !important

  }

  .padding-end-sm-30 {

    -webkit-padding-end: 7.5rem !important;

    padding-inline-end: 7.5rem !important

  }

  .padding-x-sm-30 {

    padding-inline: 7.5rem !important

  }

  .margin-sm-30 {

    margin: 7.5rem !important

  }

  .margin-top-sm-30 {

    -webkit-margin-before: 7.5rem !important;

    margin-block-start: 7.5rem !important

  }

  .margin-bottom-sm-30 {

    -webkit-margin-after: 7.5rem !important;

    margin-block-end: 7.5rem !important

  }

  .margin-y-sm-30 {

    margin-block: 7.5rem !important

  }

  .margin-start-sm-30 {

    -webkit-margin-start: 7.5rem !important;

    margin-inline-start: 7.5rem !important

  }

  .margin-end-sm-30 {

    -webkit-margin-end: 7.5rem !important;

    margin-inline-end: 7.5rem !important

  }

  .margin-x-sm-30 {

    margin-inline: 7.5rem !important

  }

}

@media(min-width: 768px) {

  .gap-md-0 {

    gap: 0 !important

  }

  .padding-md-0 {

    padding: 0 !important

  }

  .padding-top-md-0 {

    -webkit-padding-before: 0 !important;

    padding-block-start: 0 !important

  }

  .padding-bottom-md-0 {

    -webkit-padding-after: 0 !important;

    padding-block-end: 0 !important

  }

  .padding-y-md-0 {

    padding-block: 0 !important

  }

  .padding-start-md-0 {

    -webkit-padding-start: 0 !important;

    padding-inline-start: 0 !important

  }

  .padding-end-md-0 {

    -webkit-padding-end: 0 !important;

    padding-inline-end: 0 !important

  }

  .padding-x-md-0 {

    padding-inline: 0 !important

  }

  .margin-md-0 {

    margin: 0 !important

  }

  .margin-top-md-0 {

    -webkit-margin-before: 0 !important;

    margin-block-start: 0 !important

  }

  .margin-bottom-md-0 {

    -webkit-margin-after: 0 !important;

    margin-block-end: 0 !important

  }

  .margin-y-md-0 {

    margin-block: 0 !important

  }

  .margin-start-md-0 {

    -webkit-margin-start: 0 !important;

    margin-inline-start: 0 !important

  }

  .margin-end-md-0 {

    -webkit-margin-end: 0 !important;

    margin-inline-end: 0 !important

  }

  .margin-x-md-0 {

    margin-inline: 0 !important

  }

}

@media(min-width: 768px) {

  .gap-md-1 {

    gap: 0.25rem !important

  }

  .padding-md-1 {

    padding: 0.25rem !important

  }

  .padding-top-md-1 {

    -webkit-padding-before: 0.25rem !important;

    padding-block-start: 0.25rem !important

  }

  .padding-bottom-md-1 {

    -webkit-padding-after: 0.25rem !important;

    padding-block-end: 0.25rem !important

  }

  .padding-y-md-1 {

    padding-block: 0.25rem !important

  }

  .padding-start-md-1 {

    -webkit-padding-start: 0.25rem !important;

    padding-inline-start: 0.25rem !important

  }

  .padding-end-md-1 {

    -webkit-padding-end: 0.25rem !important;

    padding-inline-end: 0.25rem !important

  }

  .padding-x-md-1 {

    padding-inline: 0.25rem !important

  }

  .margin-md-1 {

    margin: 0.25rem !important

  }

  .margin-top-md-1 {

    -webkit-margin-before: 0.25rem !important;

    margin-block-start: 0.25rem !important

  }

  .margin-bottom-md-1 {

    -webkit-margin-after: 0.25rem !important;

    margin-block-end: 0.25rem !important

  }

  .margin-y-md-1 {

    margin-block: 0.25rem !important

  }

  .margin-start-md-1 {

    -webkit-margin-start: 0.25rem !important;

    margin-inline-start: 0.25rem !important

  }

  .margin-end-md-1 {

    -webkit-margin-end: 0.25rem !important;

    margin-inline-end: 0.25rem !important

  }

  .margin-x-md-1 {

    margin-inline: 0.25rem !important

  }

}

@media(min-width: 768px) {

  .gap-md-2 {

    gap: 0.5rem !important

  }

  .padding-md-2 {

    padding: 0.5rem !important

  }

  .padding-top-md-2 {

    -webkit-padding-before: 0.5rem !important;

    padding-block-start: 0.5rem !important

  }

  .padding-bottom-md-2 {

    -webkit-padding-after: 0.5rem !important;

    padding-block-end: 0.5rem !important

  }

  .padding-y-md-2 {

    padding-block: 0.5rem !important

  }

  .padding-start-md-2 {

    -webkit-padding-start: 0.5rem !important;

    padding-inline-start: 0.5rem !important

  }

  .padding-end-md-2 {

    -webkit-padding-end: 0.5rem !important;

    padding-inline-end: 0.5rem !important

  }

  .padding-x-md-2 {

    padding-inline: 0.5rem !important

  }

  .margin-md-2 {

    margin: 0.5rem !important

  }

  .margin-top-md-2 {

    -webkit-margin-before: 0.5rem !important;

    margin-block-start: 0.5rem !important

  }

  .margin-bottom-md-2 {

    -webkit-margin-after: 0.5rem !important;

    margin-block-end: 0.5rem !important

  }

  .margin-y-md-2 {

    margin-block: 0.5rem !important

  }

  .margin-start-md-2 {

    -webkit-margin-start: 0.5rem !important;

    margin-inline-start: 0.5rem !important

  }

  .margin-end-md-2 {

    -webkit-margin-end: 0.5rem !important;

    margin-inline-end: 0.5rem !important

  }

  .margin-x-md-2 {

    margin-inline: 0.5rem !important

  }

}

@media(min-width: 768px) {

  .gap-md-3 {

    gap: 0.75rem !important

  }

  .padding-md-3 {

    padding: 0.75rem !important

  }

  .padding-top-md-3 {

    -webkit-padding-before: 0.75rem !important;

    padding-block-start: 0.75rem !important

  }

  .padding-bottom-md-3 {

    -webkit-padding-after: 0.75rem !important;

    padding-block-end: 0.75rem !important

  }

  .padding-y-md-3 {

    padding-block: 0.75rem !important

  }

  .padding-start-md-3 {

    -webkit-padding-start: 0.75rem !important;

    padding-inline-start: 0.75rem !important

  }

  .padding-end-md-3 {

    -webkit-padding-end: 0.75rem !important;

    padding-inline-end: 0.75rem !important

  }

  .padding-x-md-3 {

    padding-inline: 0.75rem !important

  }

  .margin-md-3 {

    margin: 0.75rem !important

  }

  .margin-top-md-3 {

    -webkit-margin-before: 0.75rem !important;

    margin-block-start: 0.75rem !important

  }

  .margin-bottom-md-3 {

    -webkit-margin-after: 0.75rem !important;

    margin-block-end: 0.75rem !important

  }

  .margin-y-md-3 {

    margin-block: 0.75rem !important

  }

  .margin-start-md-3 {

    -webkit-margin-start: 0.75rem !important;

    margin-inline-start: 0.75rem !important

  }

  .margin-end-md-3 {

    -webkit-margin-end: 0.75rem !important;

    margin-inline-end: 0.75rem !important

  }

  .margin-x-md-3 {

    margin-inline: 0.75rem !important

  }

}

@media(min-width: 768px) {

  .gap-md-4 {

    gap: 1rem !important

  }

  .padding-md-4 {

    padding: 1rem !important

  }

  .padding-top-md-4 {

    -webkit-padding-before: 1rem !important;

    padding-block-start: 1rem !important

  }

  .padding-bottom-md-4 {

    -webkit-padding-after: 1rem !important;

    padding-block-end: 1rem !important

  }

  .padding-y-md-4 {

    padding-block: 1rem !important

  }

  .padding-start-md-4 {

    -webkit-padding-start: 1rem !important;

    padding-inline-start: 1rem !important

  }

  .padding-end-md-4 {

    -webkit-padding-end: 1rem !important;

    padding-inline-end: 1rem !important

  }

  .padding-x-md-4 {

    padding-inline: 1rem !important

  }

  .margin-md-4 {

    margin: 1rem !important

  }

  .margin-top-md-4 {

    -webkit-margin-before: 1rem !important;

    margin-block-start: 1rem !important

  }

  .margin-bottom-md-4 {

    -webkit-margin-after: 1rem !important;

    margin-block-end: 1rem !important

  }

  .margin-y-md-4 {

    margin-block: 1rem !important

  }

  .margin-start-md-4 {

    -webkit-margin-start: 1rem !important;

    margin-inline-start: 1rem !important

  }

  .margin-end-md-4 {

    -webkit-margin-end: 1rem !important;

    margin-inline-end: 1rem !important

  }

  .margin-x-md-4 {

    margin-inline: 1rem !important

  }

}

@media(min-width: 768px) {

  .gap-md-5 {

    gap: 1.25rem !important

  }

  .padding-md-5 {

    padding: 1.25rem !important

  }

  .padding-top-md-5 {

    -webkit-padding-before: 1.25rem !important;

    padding-block-start: 1.25rem !important

  }

  .padding-bottom-md-5 {

    -webkit-padding-after: 1.25rem !important;

    padding-block-end: 1.25rem !important

  }

  .padding-y-md-5 {

    padding-block: 1.25rem !important

  }

  .padding-start-md-5 {

    -webkit-padding-start: 1.25rem !important;

    padding-inline-start: 1.25rem !important

  }

  .padding-end-md-5 {

    -webkit-padding-end: 1.25rem !important;

    padding-inline-end: 1.25rem !important

  }

  .padding-x-md-5 {

    padding-inline: 1.25rem !important

  }

  .margin-md-5 {

    margin: 1.25rem !important

  }

  .margin-top-md-5 {

    -webkit-margin-before: 1.25rem !important;

    margin-block-start: 1.25rem !important

  }

  .margin-bottom-md-5 {

    -webkit-margin-after: 1.25rem !important;

    margin-block-end: 1.25rem !important

  }

  .margin-y-md-5 {

    margin-block: 1.25rem !important

  }

  .margin-start-md-5 {

    -webkit-margin-start: 1.25rem !important;

    margin-inline-start: 1.25rem !important

  }

  .margin-end-md-5 {

    -webkit-margin-end: 1.25rem !important;

    margin-inline-end: 1.25rem !important

  }

  .margin-x-md-5 {

    margin-inline: 1.25rem !important

  }

}

@media(min-width: 768px) {

  .gap-md-6 {

    gap: 1.5rem !important

  }

  .padding-md-6 {

    padding: 1.5rem !important

  }

  .padding-top-md-6 {

    -webkit-padding-before: 1.5rem !important;

    padding-block-start: 1.5rem !important

  }

  .padding-bottom-md-6 {

    -webkit-padding-after: 1.5rem !important;

    padding-block-end: 1.5rem !important

  }

  .padding-y-md-6 {

    padding-block: 1.5rem !important

  }

  .padding-start-md-6 {

    -webkit-padding-start: 1.5rem !important;

    padding-inline-start: 1.5rem !important

  }

  .padding-end-md-6 {

    -webkit-padding-end: 1.5rem !important;

    padding-inline-end: 1.5rem !important

  }

  .padding-x-md-6 {

    padding-inline: 1.5rem !important

  }

  .margin-md-6 {

    margin: 1.5rem !important

  }

  .margin-top-md-6 {

    -webkit-margin-before: 1.5rem !important;

    margin-block-start: 1.5rem !important

  }

  .margin-bottom-md-6 {

    -webkit-margin-after: 1.5rem !important;

    margin-block-end: 1.5rem !important

  }

  .margin-y-md-6 {

    margin-block: 1.5rem !important

  }

  .margin-start-md-6 {

    -webkit-margin-start: 1.5rem !important;

    margin-inline-start: 1.5rem !important

  }

  .margin-end-md-6 {

    -webkit-margin-end: 1.5rem !important;

    margin-inline-end: 1.5rem !important

  }

  .margin-x-md-6 {

    margin-inline: 1.5rem !important

  }

}

@media(min-width: 768px) {

  .gap-md-7 {

    gap: 1.75rem !important

  }

  .padding-md-7 {

    padding: 1.75rem !important

  }

  .padding-top-md-7 {

    -webkit-padding-before: 1.75rem !important;

    padding-block-start: 1.75rem !important

  }

  .padding-bottom-md-7 {

    -webkit-padding-after: 1.75rem !important;

    padding-block-end: 1.75rem !important

  }

  .padding-y-md-7 {

    padding-block: 1.75rem !important

  }

  .padding-start-md-7 {

    -webkit-padding-start: 1.75rem !important;

    padding-inline-start: 1.75rem !important

  }

  .padding-end-md-7 {

    -webkit-padding-end: 1.75rem !important;

    padding-inline-end: 1.75rem !important

  }

  .padding-x-md-7 {

    padding-inline: 1.75rem !important

  }

  .margin-md-7 {

    margin: 1.75rem !important

  }

  .margin-top-md-7 {

    -webkit-margin-before: 1.75rem !important;

    margin-block-start: 1.75rem !important

  }

  .margin-bottom-md-7 {

    -webkit-margin-after: 1.75rem !important;

    margin-block-end: 1.75rem !important

  }

  .margin-y-md-7 {

    margin-block: 1.75rem !important

  }

  .margin-start-md-7 {

    -webkit-margin-start: 1.75rem !important;

    margin-inline-start: 1.75rem !important

  }

  .margin-end-md-7 {

    -webkit-margin-end: 1.75rem !important;

    margin-inline-end: 1.75rem !important

  }

  .margin-x-md-7 {

    margin-inline: 1.75rem !important

  }

}

@media(min-width: 768px) {

  .gap-md-8 {

    gap: 2rem !important

  }

  .padding-md-8 {

    padding: 2rem !important

  }

  .padding-top-md-8 {

    -webkit-padding-before: 2rem !important;

    padding-block-start: 2rem !important

  }

  .padding-bottom-md-8 {

    -webkit-padding-after: 2rem !important;

    padding-block-end: 2rem !important

  }

  .padding-y-md-8 {

    padding-block: 2rem !important

  }

  .padding-start-md-8 {

    -webkit-padding-start: 2rem !important;

    padding-inline-start: 2rem !important

  }

  .padding-end-md-8 {

    -webkit-padding-end: 2rem !important;

    padding-inline-end: 2rem !important

  }

  .padding-x-md-8 {

    padding-inline: 2rem !important

  }

  .margin-md-8 {

    margin: 2rem !important

  }

  .margin-top-md-8 {

    -webkit-margin-before: 2rem !important;

    margin-block-start: 2rem !important

  }

  .margin-bottom-md-8 {

    -webkit-margin-after: 2rem !important;

    margin-block-end: 2rem !important

  }

  .margin-y-md-8 {

    margin-block: 2rem !important

  }

  .margin-start-md-8 {

    -webkit-margin-start: 2rem !important;

    margin-inline-start: 2rem !important

  }

  .margin-end-md-8 {

    -webkit-margin-end: 2rem !important;

    margin-inline-end: 2rem !important

  }

  .margin-x-md-8 {

    margin-inline: 2rem !important

  }

}

@media(min-width: 768px) {

  .gap-md-9 {

    gap: 2.25rem !important

  }

  .padding-md-9 {

    padding: 2.25rem !important

  }

  .padding-top-md-9 {

    -webkit-padding-before: 2.25rem !important;

    padding-block-start: 2.25rem !important

  }

  .padding-bottom-md-9 {

    -webkit-padding-after: 2.25rem !important;

    padding-block-end: 2.25rem !important

  }

  .padding-y-md-9 {

    padding-block: 2.25rem !important

  }

  .padding-start-md-9 {

    -webkit-padding-start: 2.25rem !important;

    padding-inline-start: 2.25rem !important

  }

  .padding-end-md-9 {

    -webkit-padding-end: 2.25rem !important;

    padding-inline-end: 2.25rem !important

  }

  .padding-x-md-9 {

    padding-inline: 2.25rem !important

  }

  .margin-md-9 {

    margin: 2.25rem !important

  }

  .margin-top-md-9 {

    -webkit-margin-before: 2.25rem !important;

    margin-block-start: 2.25rem !important

  }

  .margin-bottom-md-9 {

    -webkit-margin-after: 2.25rem !important;

    margin-block-end: 2.25rem !important

  }

  .margin-y-md-9 {

    margin-block: 2.25rem !important

  }

  .margin-start-md-9 {

    -webkit-margin-start: 2.25rem !important;

    margin-inline-start: 2.25rem !important

  }

  .margin-end-md-9 {

    -webkit-margin-end: 2.25rem !important;

    margin-inline-end: 2.25rem !important

  }

  .margin-x-md-9 {

    margin-inline: 2.25rem !important

  }

}

@media(min-width: 768px) {

  .gap-md-10 {

    gap: 2.5rem !important

  }

  .padding-md-10 {

    padding: 2.5rem !important

  }

  .padding-top-md-10 {

    -webkit-padding-before: 2.5rem !important;

    padding-block-start: 2.5rem !important

  }

  .padding-bottom-md-10 {

    -webkit-padding-after: 2.5rem !important;

    padding-block-end: 2.5rem !important

  }

  .padding-y-md-10 {

    padding-block: 2.5rem !important

  }

  .padding-start-md-10 {

    -webkit-padding-start: 2.5rem !important;

    padding-inline-start: 2.5rem !important

  }

  .padding-end-md-10 {

    -webkit-padding-end: 2.5rem !important;

    padding-inline-end: 2.5rem !important

  }

  .padding-x-md-10 {

    padding-inline: 2.5rem !important

  }

  .margin-md-10 {

    margin: 2.5rem !important

  }

  .margin-top-md-10 {

    -webkit-margin-before: 2.5rem !important;

    margin-block-start: 2.5rem !important

  }

  .margin-bottom-md-10 {

    -webkit-margin-after: 2.5rem !important;

    margin-block-end: 2.5rem !important

  }

  .margin-y-md-10 {

    margin-block: 2.5rem !important

  }

  .margin-start-md-10 {

    -webkit-margin-start: 2.5rem !important;

    margin-inline-start: 2.5rem !important

  }

  .margin-end-md-10 {

    -webkit-margin-end: 2.5rem !important;

    margin-inline-end: 2.5rem !important

  }

  .margin-x-md-10 {

    margin-inline: 2.5rem !important

  }

}

@media(min-width: 768px) {

  .gap-md-11 {

    gap: 2.75rem !important

  }

  .padding-md-11 {

    padding: 2.75rem !important

  }

  .padding-top-md-11 {

    -webkit-padding-before: 2.75rem !important;

    padding-block-start: 2.75rem !important

  }

  .padding-bottom-md-11 {

    -webkit-padding-after: 2.75rem !important;

    padding-block-end: 2.75rem !important

  }

  .padding-y-md-11 {

    padding-block: 2.75rem !important

  }

  .padding-start-md-11 {

    -webkit-padding-start: 2.75rem !important;

    padding-inline-start: 2.75rem !important

  }

  .padding-end-md-11 {

    -webkit-padding-end: 2.75rem !important;

    padding-inline-end: 2.75rem !important

  }

  .padding-x-md-11 {

    padding-inline: 2.75rem !important

  }

  .margin-md-11 {

    margin: 2.75rem !important

  }

  .margin-top-md-11 {

    -webkit-margin-before: 2.75rem !important;

    margin-block-start: 2.75rem !important

  }

  .margin-bottom-md-11 {

    -webkit-margin-after: 2.75rem !important;

    margin-block-end: 2.75rem !important

  }

  .margin-y-md-11 {

    margin-block: 2.75rem !important

  }

  .margin-start-md-11 {

    -webkit-margin-start: 2.75rem !important;

    margin-inline-start: 2.75rem !important

  }

  .margin-end-md-11 {

    -webkit-margin-end: 2.75rem !important;

    margin-inline-end: 2.75rem !important

  }

  .margin-x-md-11 {

    margin-inline: 2.75rem !important

  }

}

@media(min-width: 768px) {

  .gap-md-12 {

    gap: 3rem !important

  }

  .padding-md-12 {

    padding: 3rem !important

  }

  .padding-top-md-12 {

    -webkit-padding-before: 3rem !important;

    padding-block-start: 3rem !important

  }

  .padding-bottom-md-12 {

    -webkit-padding-after: 3rem !important;

    padding-block-end: 3rem !important

  }

  .padding-y-md-12 {

    padding-block: 3rem !important

  }

  .padding-start-md-12 {

    -webkit-padding-start: 3rem !important;

    padding-inline-start: 3rem !important

  }

  .padding-end-md-12 {

    -webkit-padding-end: 3rem !important;

    padding-inline-end: 3rem !important

  }

  .padding-x-md-12 {

    padding-inline: 3rem !important

  }

  .margin-md-12 {

    margin: 3rem !important

  }

  .margin-top-md-12 {

    -webkit-margin-before: 3rem !important;

    margin-block-start: 3rem !important

  }

  .margin-bottom-md-12 {

    -webkit-margin-after: 3rem !important;

    margin-block-end: 3rem !important

  }

  .margin-y-md-12 {

    margin-block: 3rem !important

  }

  .margin-start-md-12 {

    -webkit-margin-start: 3rem !important;

    margin-inline-start: 3rem !important

  }

  .margin-end-md-12 {

    -webkit-margin-end: 3rem !important;

    margin-inline-end: 3rem !important

  }

  .margin-x-md-12 {

    margin-inline: 3rem !important

  }

}

@media(min-width: 768px) {

  .gap-md-13 {

    gap: 3.25rem !important

  }

  .padding-md-13 {

    padding: 3.25rem !important

  }

  .padding-top-md-13 {

    -webkit-padding-before: 3.25rem !important;

    padding-block-start: 3.25rem !important

  }

  .padding-bottom-md-13 {

    -webkit-padding-after: 3.25rem !important;

    padding-block-end: 3.25rem !important

  }

  .padding-y-md-13 {

    padding-block: 3.25rem !important

  }

  .padding-start-md-13 {

    -webkit-padding-start: 3.25rem !important;

    padding-inline-start: 3.25rem !important

  }

  .padding-end-md-13 {

    -webkit-padding-end: 3.25rem !important;

    padding-inline-end: 3.25rem !important

  }

  .padding-x-md-13 {

    padding-inline: 3.25rem !important

  }

  .margin-md-13 {

    margin: 3.25rem !important

  }

  .margin-top-md-13 {

    -webkit-margin-before: 3.25rem !important;

    margin-block-start: 3.25rem !important

  }

  .margin-bottom-md-13 {

    -webkit-margin-after: 3.25rem !important;

    margin-block-end: 3.25rem !important

  }

  .margin-y-md-13 {

    margin-block: 3.25rem !important

  }

  .margin-start-md-13 {

    -webkit-margin-start: 3.25rem !important;

    margin-inline-start: 3.25rem !important

  }

  .margin-end-md-13 {

    -webkit-margin-end: 3.25rem !important;

    margin-inline-end: 3.25rem !important

  }

  .margin-x-md-13 {

    margin-inline: 3.25rem !important

  }

}

@media(min-width: 768px) {

  .gap-md-14 {

    gap: 3.5rem !important

  }

  .padding-md-14 {

    padding: 3.5rem !important

  }

  .padding-top-md-14 {

    -webkit-padding-before: 3.5rem !important;

    padding-block-start: 3.5rem !important

  }

  .padding-bottom-md-14 {

    -webkit-padding-after: 3.5rem !important;

    padding-block-end: 3.5rem !important

  }

  .padding-y-md-14 {

    padding-block: 3.5rem !important

  }

  .padding-start-md-14 {

    -webkit-padding-start: 3.5rem !important;

    padding-inline-start: 3.5rem !important

  }

  .padding-end-md-14 {

    -webkit-padding-end: 3.5rem !important;

    padding-inline-end: 3.5rem !important

  }

  .padding-x-md-14 {

    padding-inline: 3.5rem !important

  }

  .margin-md-14 {

    margin: 3.5rem !important

  }

  .margin-top-md-14 {

    -webkit-margin-before: 3.5rem !important;

    margin-block-start: 3.5rem !important

  }

  .margin-bottom-md-14 {

    -webkit-margin-after: 3.5rem !important;

    margin-block-end: 3.5rem !important

  }

  .margin-y-md-14 {

    margin-block: 3.5rem !important

  }

  .margin-start-md-14 {

    -webkit-margin-start: 3.5rem !important;

    margin-inline-start: 3.5rem !important

  }

  .margin-end-md-14 {

    -webkit-margin-end: 3.5rem !important;

    margin-inline-end: 3.5rem !important

  }

  .margin-x-md-14 {

    margin-inline: 3.5rem !important

  }

}

@media(min-width: 768px) {

  .gap-md-15 {

    gap: 3.75rem !important

  }

  .padding-md-15 {

    padding: 3.75rem !important

  }

  .padding-top-md-15 {

    -webkit-padding-before: 3.75rem !important;

    padding-block-start: 3.75rem !important

  }

  .padding-bottom-md-15 {

    -webkit-padding-after: 3.75rem !important;

    padding-block-end: 3.75rem !important

  }

  .padding-y-md-15 {

    padding-block: 3.75rem !important

  }

  .padding-start-md-15 {

    -webkit-padding-start: 3.75rem !important;

    padding-inline-start: 3.75rem !important

  }

  .padding-end-md-15 {

    -webkit-padding-end: 3.75rem !important;

    padding-inline-end: 3.75rem !important

  }

  .padding-x-md-15 {

    padding-inline: 3.75rem !important

  }

  .margin-md-15 {

    margin: 3.75rem !important

  }

  .margin-top-md-15 {

    -webkit-margin-before: 3.75rem !important;

    margin-block-start: 3.75rem !important

  }

  .margin-bottom-md-15 {

    -webkit-margin-after: 3.75rem !important;

    margin-block-end: 3.75rem !important

  }

  .margin-y-md-15 {

    margin-block: 3.75rem !important

  }

  .margin-start-md-15 {

    -webkit-margin-start: 3.75rem !important;

    margin-inline-start: 3.75rem !important

  }

  .margin-end-md-15 {

    -webkit-margin-end: 3.75rem !important;

    margin-inline-end: 3.75rem !important

  }

  .margin-x-md-15 {

    margin-inline: 3.75rem !important

  }

}

@media(min-width: 768px) {

  .gap-md-16 {

    gap: 4rem !important

  }

  .padding-md-16 {

    padding: 4rem !important

  }

  .padding-top-md-16 {

    -webkit-padding-before: 4rem !important;

    padding-block-start: 4rem !important

  }

  .padding-bottom-md-16 {

    -webkit-padding-after: 4rem !important;

    padding-block-end: 4rem !important

  }

  .padding-y-md-16 {

    padding-block: 4rem !important

  }

  .padding-start-md-16 {

    -webkit-padding-start: 4rem !important;

    padding-inline-start: 4rem !important

  }

  .padding-end-md-16 {

    -webkit-padding-end: 4rem !important;

    padding-inline-end: 4rem !important

  }

  .padding-x-md-16 {

    padding-inline: 4rem !important

  }

  .margin-md-16 {

    margin: 4rem !important

  }

  .margin-top-md-16 {

    -webkit-margin-before: 4rem !important;

    margin-block-start: 4rem !important

  }

  .margin-bottom-md-16 {

    -webkit-margin-after: 4rem !important;

    margin-block-end: 4rem !important

  }

  .margin-y-md-16 {

    margin-block: 4rem !important

  }

  .margin-start-md-16 {

    -webkit-margin-start: 4rem !important;

    margin-inline-start: 4rem !important

  }

  .margin-end-md-16 {

    -webkit-margin-end: 4rem !important;

    margin-inline-end: 4rem !important

  }

  .margin-x-md-16 {

    margin-inline: 4rem !important

  }

}

@media(min-width: 768px) {

  .gap-md-17 {

    gap: 4.25rem !important

  }

  .padding-md-17 {

    padding: 4.25rem !important

  }

  .padding-top-md-17 {

    -webkit-padding-before: 4.25rem !important;

    padding-block-start: 4.25rem !important

  }

  .padding-bottom-md-17 {

    -webkit-padding-after: 4.25rem !important;

    padding-block-end: 4.25rem !important

  }

  .padding-y-md-17 {

    padding-block: 4.25rem !important

  }

  .padding-start-md-17 {

    -webkit-padding-start: 4.25rem !important;

    padding-inline-start: 4.25rem !important

  }

  .padding-end-md-17 {

    -webkit-padding-end: 4.25rem !important;

    padding-inline-end: 4.25rem !important

  }

  .padding-x-md-17 {

    padding-inline: 4.25rem !important

  }

  .margin-md-17 {

    margin: 4.25rem !important

  }

  .margin-top-md-17 {

    -webkit-margin-before: 4.25rem !important;

    margin-block-start: 4.25rem !important

  }

  .margin-bottom-md-17 {

    -webkit-margin-after: 4.25rem !important;

    margin-block-end: 4.25rem !important

  }

  .margin-y-md-17 {

    margin-block: 4.25rem !important

  }

  .margin-start-md-17 {

    -webkit-margin-start: 4.25rem !important;

    margin-inline-start: 4.25rem !important

  }

  .margin-end-md-17 {

    -webkit-margin-end: 4.25rem !important;

    margin-inline-end: 4.25rem !important

  }

  .margin-x-md-17 {

    margin-inline: 4.25rem !important

  }

}

@media(min-width: 768px) {

  .gap-md-18 {

    gap: 4.5rem !important

  }

  .padding-md-18 {

    padding: 4.5rem !important

  }

  .padding-top-md-18 {

    -webkit-padding-before: 4.5rem !important;

    padding-block-start: 4.5rem !important

  }

  .padding-bottom-md-18 {

    -webkit-padding-after: 4.5rem !important;

    padding-block-end: 4.5rem !important

  }

  .padding-y-md-18 {

    padding-block: 4.5rem !important

  }

  .padding-start-md-18 {

    -webkit-padding-start: 4.5rem !important;

    padding-inline-start: 4.5rem !important

  }

  .padding-end-md-18 {

    -webkit-padding-end: 4.5rem !important;

    padding-inline-end: 4.5rem !important

  }

  .padding-x-md-18 {

    padding-inline: 4.5rem !important

  }

  .margin-md-18 {

    margin: 4.5rem !important

  }

  .margin-top-md-18 {

    -webkit-margin-before: 4.5rem !important;

    margin-block-start: 4.5rem !important

  }

  .margin-bottom-md-18 {

    -webkit-margin-after: 4.5rem !important;

    margin-block-end: 4.5rem !important

  }

  .margin-y-md-18 {

    margin-block: 4.5rem !important

  }

  .margin-start-md-18 {

    -webkit-margin-start: 4.5rem !important;

    margin-inline-start: 4.5rem !important

  }

  .margin-end-md-18 {

    -webkit-margin-end: 4.5rem !important;

    margin-inline-end: 4.5rem !important

  }

  .margin-x-md-18 {

    margin-inline: 4.5rem !important

  }

}

@media(min-width: 768px) {

  .gap-md-19 {

    gap: 4.75rem !important

  }

  .padding-md-19 {

    padding: 4.75rem !important

  }

  .padding-top-md-19 {

    -webkit-padding-before: 4.75rem !important;

    padding-block-start: 4.75rem !important

  }

  .padding-bottom-md-19 {

    -webkit-padding-after: 4.75rem !important;

    padding-block-end: 4.75rem !important

  }

  .padding-y-md-19 {

    padding-block: 4.75rem !important

  }

  .padding-start-md-19 {

    -webkit-padding-start: 4.75rem !important;

    padding-inline-start: 4.75rem !important

  }

  .padding-end-md-19 {

    -webkit-padding-end: 4.75rem !important;

    padding-inline-end: 4.75rem !important

  }

  .padding-x-md-19 {

    padding-inline: 4.75rem !important

  }

  .margin-md-19 {

    margin: 4.75rem !important

  }

  .margin-top-md-19 {

    -webkit-margin-before: 4.75rem !important;

    margin-block-start: 4.75rem !important

  }

  .margin-bottom-md-19 {

    -webkit-margin-after: 4.75rem !important;

    margin-block-end: 4.75rem !important

  }

  .margin-y-md-19 {

    margin-block: 4.75rem !important

  }

  .margin-start-md-19 {

    -webkit-margin-start: 4.75rem !important;

    margin-inline-start: 4.75rem !important

  }

  .margin-end-md-19 {

    -webkit-margin-end: 4.75rem !important;

    margin-inline-end: 4.75rem !important

  }

  .margin-x-md-19 {

    margin-inline: 4.75rem !important

  }

}

@media(min-width: 768px) {

  .gap-md-20 {

    gap: 5rem !important

  }

  .padding-md-20 {

    padding: 5rem !important

  }

  .padding-top-md-20 {

    -webkit-padding-before: 5rem !important;

    padding-block-start: 5rem !important

  }

  .padding-bottom-md-20 {

    -webkit-padding-after: 5rem !important;

    padding-block-end: 5rem !important

  }

  .padding-y-md-20 {

    padding-block: 5rem !important

  }

  .padding-start-md-20 {

    -webkit-padding-start: 5rem !important;

    padding-inline-start: 5rem !important

  }

  .padding-end-md-20 {

    -webkit-padding-end: 5rem !important;

    padding-inline-end: 5rem !important

  }

  .padding-x-md-20 {

    padding-inline: 5rem !important

  }

  .margin-md-20 {

    margin: 5rem !important

  }

  .margin-top-md-20 {

    -webkit-margin-before: 5rem !important;

    margin-block-start: 5rem !important

  }

  .margin-bottom-md-20 {

    -webkit-margin-after: 5rem !important;

    margin-block-end: 5rem !important

  }

  .margin-y-md-20 {

    margin-block: 5rem !important

  }

  .margin-start-md-20 {

    -webkit-margin-start: 5rem !important;

    margin-inline-start: 5rem !important

  }

  .margin-end-md-20 {

    -webkit-margin-end: 5rem !important;

    margin-inline-end: 5rem !important

  }

  .margin-x-md-20 {

    margin-inline: 5rem !important

  }

}

@media(min-width: 768px) {

  .gap-md-21 {

    gap: 5.25rem !important

  }

  .padding-md-21 {

    padding: 5.25rem !important

  }

  .padding-top-md-21 {

    -webkit-padding-before: 5.25rem !important;

    padding-block-start: 5.25rem !important

  }

  .padding-bottom-md-21 {

    -webkit-padding-after: 5.25rem !important;

    padding-block-end: 5.25rem !important

  }

  .padding-y-md-21 {

    padding-block: 5.25rem !important

  }

  .padding-start-md-21 {

    -webkit-padding-start: 5.25rem !important;

    padding-inline-start: 5.25rem !important

  }

  .padding-end-md-21 {

    -webkit-padding-end: 5.25rem !important;

    padding-inline-end: 5.25rem !important

  }

  .padding-x-md-21 {

    padding-inline: 5.25rem !important

  }

  .margin-md-21 {

    margin: 5.25rem !important

  }

  .margin-top-md-21 {

    -webkit-margin-before: 5.25rem !important;

    margin-block-start: 5.25rem !important

  }

  .margin-bottom-md-21 {

    -webkit-margin-after: 5.25rem !important;

    margin-block-end: 5.25rem !important

  }

  .margin-y-md-21 {

    margin-block: 5.25rem !important

  }

  .margin-start-md-21 {

    -webkit-margin-start: 5.25rem !important;

    margin-inline-start: 5.25rem !important

  }

  .margin-end-md-21 {

    -webkit-margin-end: 5.25rem !important;

    margin-inline-end: 5.25rem !important

  }

  .margin-x-md-21 {

    margin-inline: 5.25rem !important

  }

}

@media(min-width: 768px) {

  .gap-md-22 {

    gap: 5.5rem !important

  }

  .padding-md-22 {

    padding: 5.5rem !important

  }

  .padding-top-md-22 {

    -webkit-padding-before: 5.5rem !important;

    padding-block-start: 5.5rem !important

  }

  .padding-bottom-md-22 {

    -webkit-padding-after: 5.5rem !important;

    padding-block-end: 5.5rem !important

  }

  .padding-y-md-22 {

    padding-block: 5.5rem !important

  }

  .padding-start-md-22 {

    -webkit-padding-start: 5.5rem !important;

    padding-inline-start: 5.5rem !important

  }

  .padding-end-md-22 {

    -webkit-padding-end: 5.5rem !important;

    padding-inline-end: 5.5rem !important

  }

  .padding-x-md-22 {

    padding-inline: 5.5rem !important

  }

  .margin-md-22 {

    margin: 5.5rem !important

  }

  .margin-top-md-22 {

    -webkit-margin-before: 5.5rem !important;

    margin-block-start: 5.5rem !important

  }

  .margin-bottom-md-22 {

    -webkit-margin-after: 5.5rem !important;

    margin-block-end: 5.5rem !important

  }

  .margin-y-md-22 {

    margin-block: 5.5rem !important

  }

  .margin-start-md-22 {

    -webkit-margin-start: 5.5rem !important;

    margin-inline-start: 5.5rem !important

  }

  .margin-end-md-22 {

    -webkit-margin-end: 5.5rem !important;

    margin-inline-end: 5.5rem !important

  }

  .margin-x-md-22 {

    margin-inline: 5.5rem !important

  }

}

@media(min-width: 768px) {

  .gap-md-23 {

    gap: 5.75rem !important

  }

  .padding-md-23 {

    padding: 5.75rem !important

  }

  .padding-top-md-23 {

    -webkit-padding-before: 5.75rem !important;

    padding-block-start: 5.75rem !important

  }

  .padding-bottom-md-23 {

    -webkit-padding-after: 5.75rem !important;

    padding-block-end: 5.75rem !important

  }

  .padding-y-md-23 {

    padding-block: 5.75rem !important

  }

  .padding-start-md-23 {

    -webkit-padding-start: 5.75rem !important;

    padding-inline-start: 5.75rem !important

  }

  .padding-end-md-23 {

    -webkit-padding-end: 5.75rem !important;

    padding-inline-end: 5.75rem !important

  }

  .padding-x-md-23 {

    padding-inline: 5.75rem !important

  }

  .margin-md-23 {

    margin: 5.75rem !important

  }

  .margin-top-md-23 {

    -webkit-margin-before: 5.75rem !important;

    margin-block-start: 5.75rem !important

  }

  .margin-bottom-md-23 {

    -webkit-margin-after: 5.75rem !important;

    margin-block-end: 5.75rem !important

  }

  .margin-y-md-23 {

    margin-block: 5.75rem !important

  }

  .margin-start-md-23 {

    -webkit-margin-start: 5.75rem !important;

    margin-inline-start: 5.75rem !important

  }

  .margin-end-md-23 {

    -webkit-margin-end: 5.75rem !important;

    margin-inline-end: 5.75rem !important

  }

  .margin-x-md-23 {

    margin-inline: 5.75rem !important

  }

}

@media(min-width: 768px) {

  .gap-md-24 {

    gap: 6rem !important

  }

  .padding-md-24 {

    padding: 6rem !important

  }

  .padding-top-md-24 {

    -webkit-padding-before: 6rem !important;

    padding-block-start: 6rem !important

  }

  .padding-bottom-md-24 {

    -webkit-padding-after: 6rem !important;

    padding-block-end: 6rem !important

  }

  .padding-y-md-24 {

    padding-block: 6rem !important

  }

  .padding-start-md-24 {

    -webkit-padding-start: 6rem !important;

    padding-inline-start: 6rem !important

  }

  .padding-end-md-24 {

    -webkit-padding-end: 6rem !important;

    padding-inline-end: 6rem !important

  }

  .padding-x-md-24 {

    padding-inline: 6rem !important

  }

  .margin-md-24 {

    margin: 6rem !important

  }

  .margin-top-md-24 {

    -webkit-margin-before: 6rem !important;

    margin-block-start: 6rem !important

  }

  .margin-bottom-md-24 {

    -webkit-margin-after: 6rem !important;

    margin-block-end: 6rem !important

  }

  .margin-y-md-24 {

    margin-block: 6rem !important

  }

  .margin-start-md-24 {

    -webkit-margin-start: 6rem !important;

    margin-inline-start: 6rem !important

  }

  .margin-end-md-24 {

    -webkit-margin-end: 6rem !important;

    margin-inline-end: 6rem !important

  }

  .margin-x-md-24 {

    margin-inline: 6rem !important

  }

}

.tawk-button {
	background-color: #0e71e4;
}

@media(min-width: 768px) {

  .gap-md-25 {

    gap: 6.25rem !important

  }

  .padding-md-25 {

    padding: 6.25rem !important

  }

  .padding-top-md-25 {

    -webkit-padding-before: 6.25rem !important;

    padding-block-start: 6.25rem !important

  }

  .padding-bottom-md-25 {

    -webkit-padding-after: 6.25rem !important;

    padding-block-end: 6.25rem !important

  }

  .padding-y-md-25 {

    padding-block: 6.25rem !important

  }

  .padding-start-md-25 {

    -webkit-padding-start: 6.25rem !important;

    padding-inline-start: 6.25rem !important

  }

  .padding-end-md-25 {

    -webkit-padding-end: 6.25rem !important;

    padding-inline-end: 6.25rem !important

  }

  .padding-x-md-25 {

    padding-inline: 6.25rem !important

  }

  .margin-md-25 {

    margin: 6.25rem !important

  }

  .margin-top-md-25 {

    -webkit-margin-before: 6.25rem !important;

    margin-block-start: 6.25rem !important

  }

  .margin-bottom-md-25 {

    -webkit-margin-after: 6.25rem !important;

    margin-block-end: 6.25rem !important

  }

  .margin-y-md-25 {

    margin-block: 6.25rem !important

  }

  .margin-start-md-25 {

    -webkit-margin-start: 6.25rem !important;

    margin-inline-start: 6.25rem !important

  }

  .margin-end-md-25 {

    -webkit-margin-end: 6.25rem !important;

    margin-inline-end: 6.25rem !important

  }

  .margin-x-md-25 {

    margin-inline: 6.25rem !important

  }

}

@media(min-width: 768px) {

  .gap-md-26 {

    gap: 6.5rem !important

  }

  .padding-md-26 {

    padding: 6.5rem !important

  }

  .padding-top-md-26 {

    -webkit-padding-before: 6.5rem !important;

    padding-block-start: 6.5rem !important

  }

  .padding-bottom-md-26 {

    -webkit-padding-after: 6.5rem !important;

    padding-block-end: 6.5rem !important

  }

  .padding-y-md-26 {

    padding-block: 6.5rem !important

  }

  .padding-start-md-26 {

    -webkit-padding-start: 6.5rem !important;

    padding-inline-start: 6.5rem !important

  }

  .padding-end-md-26 {

    -webkit-padding-end: 6.5rem !important;

    padding-inline-end: 6.5rem !important

  }

  .padding-x-md-26 {

    padding-inline: 6.5rem !important

  }

  .margin-md-26 {

    margin: 6.5rem !important

  }

  .margin-top-md-26 {

    -webkit-margin-before: 6.5rem !important;

    margin-block-start: 6.5rem !important

  }

  .margin-bottom-md-26 {

    -webkit-margin-after: 6.5rem !important;

    margin-block-end: 6.5rem !important

  }

  .margin-y-md-26 {

    margin-block: 6.5rem !important

  }

  .margin-start-md-26 {

    -webkit-margin-start: 6.5rem !important;

    margin-inline-start: 6.5rem !important

  }

  .margin-end-md-26 {

    -webkit-margin-end: 6.5rem !important;

    margin-inline-end: 6.5rem !important

  }

  .margin-x-md-26 {

    margin-inline: 6.5rem !important

  }

}

@media(min-width: 768px) {

  .gap-md-27 {

    gap: 6.75rem !important

  }

  .padding-md-27 {

    padding: 6.75rem !important

  }

  .padding-top-md-27 {

    -webkit-padding-before: 6.75rem !important;

    padding-block-start: 6.75rem !important

  }

  .padding-bottom-md-27 {

    -webkit-padding-after: 6.75rem !important;

    padding-block-end: 6.75rem !important

  }

  .padding-y-md-27 {

    padding-block: 6.75rem !important

  }

  .padding-start-md-27 {

    -webkit-padding-start: 6.75rem !important;

    padding-inline-start: 6.75rem !important

  }

  .padding-end-md-27 {

    -webkit-padding-end: 6.75rem !important;

    padding-inline-end: 6.75rem !important

  }

  .padding-x-md-27 {

    padding-inline: 6.75rem !important

  }

  .margin-md-27 {

    margin: 6.75rem !important

  }

  .margin-top-md-27 {

    -webkit-margin-before: 6.75rem !important;

    margin-block-start: 6.75rem !important

  }

  .margin-bottom-md-27 {

    -webkit-margin-after: 6.75rem !important;

    margin-block-end: 6.75rem !important

  }

  .margin-y-md-27 {

    margin-block: 6.75rem !important

  }

  .margin-start-md-27 {

    -webkit-margin-start: 6.75rem !important;

    margin-inline-start: 6.75rem !important

  }

  .margin-end-md-27 {

    -webkit-margin-end: 6.75rem !important;

    margin-inline-end: 6.75rem !important

  }

  .margin-x-md-27 {

    margin-inline: 6.75rem !important

  }

}

@media(min-width: 768px) {

  .gap-md-28 {

    gap: 7rem !important

  }

  .padding-md-28 {

    padding: 7rem !important

  }

  .padding-top-md-28 {

    -webkit-padding-before: 7rem !important;

    padding-block-start: 7rem !important

  }

  .padding-bottom-md-28 {

    -webkit-padding-after: 7rem !important;

    padding-block-end: 7rem !important

  }

  .padding-y-md-28 {

    padding-block: 7rem !important

  }

  .padding-start-md-28 {

    -webkit-padding-start: 7rem !important;

    padding-inline-start: 7rem !important

  }

  .padding-end-md-28 {

    -webkit-padding-end: 7rem !important;

    padding-inline-end: 7rem !important

  }

  .padding-x-md-28 {

    padding-inline: 7rem !important

  }

  .margin-md-28 {

    margin: 7rem !important

  }

  .margin-top-md-28 {

    -webkit-margin-before: 7rem !important;

    margin-block-start: 7rem !important

  }

  .margin-bottom-md-28 {

    -webkit-margin-after: 7rem !important;

    margin-block-end: 7rem !important

  }

  .margin-y-md-28 {

    margin-block: 7rem !important

  }

  .margin-start-md-28 {

    -webkit-margin-start: 7rem !important;

    margin-inline-start: 7rem !important

  }

  .margin-end-md-28 {

    -webkit-margin-end: 7rem !important;

    margin-inline-end: 7rem !important

  }

  .margin-x-md-28 {

    margin-inline: 7rem !important

  }

}

@media(min-width: 768px) {

  .gap-md-29 {

    gap: 7.25rem !important

  }

  .padding-md-29 {

    padding: 7.25rem !important

  }

  .padding-top-md-29 {

    -webkit-padding-before: 7.25rem !important;

    padding-block-start: 7.25rem !important

  }

  .padding-bottom-md-29 {

    -webkit-padding-after: 7.25rem !important;

    padding-block-end: 7.25rem !important

  }

  .padding-y-md-29 {

    padding-block: 7.25rem !important

  }

  .padding-start-md-29 {

    -webkit-padding-start: 7.25rem !important;

    padding-inline-start: 7.25rem !important

  }

  .padding-end-md-29 {

    -webkit-padding-end: 7.25rem !important;

    padding-inline-end: 7.25rem !important

  }

  .padding-x-md-29 {

    padding-inline: 7.25rem !important

  }

  .margin-md-29 {

    margin: 7.25rem !important

  }

  .margin-top-md-29 {

    -webkit-margin-before: 7.25rem !important;

    margin-block-start: 7.25rem !important

  }

  .margin-bottom-md-29 {

    -webkit-margin-after: 7.25rem !important;

    margin-block-end: 7.25rem !important

  }

  .margin-y-md-29 {

    margin-block: 7.25rem !important

  }

  .margin-start-md-29 {

    -webkit-margin-start: 7.25rem !important;

    margin-inline-start: 7.25rem !important

  }

  .margin-end-md-29 {

    -webkit-margin-end: 7.25rem !important;

    margin-inline-end: 7.25rem !important

  }

  .margin-x-md-29 {

    margin-inline: 7.25rem !important

  }

}

@media(min-width: 768px) {

  .gap-md-30 {

    gap: 7.5rem !important

  }

  .padding-md-30 {

    padding: 7.5rem !important

  }

  .padding-top-md-30 {

    -webkit-padding-before: 7.5rem !important;

    padding-block-start: 7.5rem !important

  }

  .padding-bottom-md-30 {

    -webkit-padding-after: 7.5rem !important;

    padding-block-end: 7.5rem !important

  }

  .padding-y-md-30 {

    padding-block: 7.5rem !important

  }

  .padding-start-md-30 {

    -webkit-padding-start: 7.5rem !important;

    padding-inline-start: 7.5rem !important

  }

  .padding-end-md-30 {

    -webkit-padding-end: 7.5rem !important;

    padding-inline-end: 7.5rem !important

  }

  .padding-x-md-30 {

    padding-inline: 7.5rem !important

  }

  .margin-md-30 {

    margin: 7.5rem !important

  }

  .margin-top-md-30 {

    -webkit-margin-before: 7.5rem !important;

    margin-block-start: 7.5rem !important

  }

  .margin-bottom-md-30 {

    -webkit-margin-after: 7.5rem !important;

    margin-block-end: 7.5rem !important

  }

  .margin-y-md-30 {

    margin-block: 7.5rem !important

  }

  .margin-start-md-30 {

    -webkit-margin-start: 7.5rem !important;

    margin-inline-start: 7.5rem !important

  }

  .margin-end-md-30 {

    -webkit-margin-end: 7.5rem !important;

    margin-inline-end: 7.5rem !important

  }

  .margin-x-md-30 {

    margin-inline: 7.5rem !important

  }

}

@media(min-width: 992px) {

  .gap-lg-0 {

    gap: 0 !important

  }

  .padding-lg-0 {

    padding: 0 !important

  }

  .padding-top-lg-0 {

    -webkit-padding-before: 0 !important;

    padding-block-start: 0 !important

  }

  .padding-bottom-lg-0 {

    -webkit-padding-after: 0 !important;

    padding-block-end: 0 !important

  }

  .padding-y-lg-0 {

    padding-block: 0 !important

  }

  .padding-start-lg-0 {

    -webkit-padding-start: 0 !important;

    padding-inline-start: 0 !important

  }

  .padding-end-lg-0 {

    -webkit-padding-end: 0 !important;

    padding-inline-end: 0 !important

  }

  .padding-x-lg-0 {

    padding-inline: 0 !important

  }

  .margin-lg-0 {

    margin: 0 !important

  }

  .margin-top-lg-0 {

    -webkit-margin-before: 0 !important;

    margin-block-start: 0 !important

  }

  .margin-bottom-lg-0 {

    -webkit-margin-after: 0 !important;

    margin-block-end: 0 !important

  }

  .margin-y-lg-0 {

    margin-block: 0 !important

  }

  .margin-start-lg-0 {

    -webkit-margin-start: 0 !important;

    margin-inline-start: 0 !important

  }

  .margin-end-lg-0 {

    -webkit-margin-end: 0 !important;

    margin-inline-end: 0 !important

  }

  .margin-x-lg-0 {

    margin-inline: 0 !important

  }

}

@media(min-width: 992px) {

  .gap-lg-1 {

    gap: 0.25rem !important

  }

  .padding-lg-1 {

    padding: 0.25rem !important

  }

  .padding-top-lg-1 {

    -webkit-padding-before: 0.25rem !important;

    padding-block-start: 0.25rem !important

  }

  .padding-bottom-lg-1 {

    -webkit-padding-after: 0.25rem !important;

    padding-block-end: 0.25rem !important

  }

  .padding-y-lg-1 {

    padding-block: 0.25rem !important

  }

  .padding-start-lg-1 {

    -webkit-padding-start: 0.25rem !important;

    padding-inline-start: 0.25rem !important

  }

  .padding-end-lg-1 {

    -webkit-padding-end: 0.25rem !important;

    padding-inline-end: 0.25rem !important

  }

  .padding-x-lg-1 {

    padding-inline: 0.25rem !important

  }

  .margin-lg-1 {

    margin: 0.25rem !important

  }

  .margin-top-lg-1 {

    -webkit-margin-before: 0.25rem !important;

    margin-block-start: 0.25rem !important

  }

  .margin-bottom-lg-1 {

    -webkit-margin-after: 0.25rem !important;

    margin-block-end: 0.25rem !important

  }

  .margin-y-lg-1 {

    margin-block: 0.25rem !important

  }

  .margin-start-lg-1 {

    -webkit-margin-start: 0.25rem !important;

    margin-inline-start: 0.25rem !important

  }

  .margin-end-lg-1 {

    -webkit-margin-end: 0.25rem !important;

    margin-inline-end: 0.25rem !important

  }

  .margin-x-lg-1 {

    margin-inline: 0.25rem !important

  }

}

@media(min-width: 992px) {

  .gap-lg-2 {

    gap: 0.5rem !important

  }

  .padding-lg-2 {

    padding: 0.5rem !important

  }

  .padding-top-lg-2 {

    -webkit-padding-before: 0.5rem !important;

    padding-block-start: 0.5rem !important

  }

  .padding-bottom-lg-2 {

    -webkit-padding-after: 0.5rem !important;

    padding-block-end: 0.5rem !important

  }

  .padding-y-lg-2 {

    padding-block: 0.5rem !important

  }

  .padding-start-lg-2 {

    -webkit-padding-start: 0.5rem !important;

    padding-inline-start: 0.5rem !important

  }

  .padding-end-lg-2 {

    -webkit-padding-end: 0.5rem !important;

    padding-inline-end: 0.5rem !important

  }

  .padding-x-lg-2 {

    padding-inline: 0.5rem !important

  }

  .margin-lg-2 {

    margin: 0.5rem !important

  }

  .margin-top-lg-2 {

    -webkit-margin-before: 0.5rem !important;

    margin-block-start: 0.5rem !important

  }

  .margin-bottom-lg-2 {

    -webkit-margin-after: 0.5rem !important;

    margin-block-end: 0.5rem !important

  }

  .margin-y-lg-2 {

    margin-block: 0.5rem !important

  }

  .margin-start-lg-2 {

    -webkit-margin-start: 0.5rem !important;

    margin-inline-start: 0.5rem !important

  }

  .margin-end-lg-2 {

    -webkit-margin-end: 0.5rem !important;

    margin-inline-end: 0.5rem !important

  }

  .margin-x-lg-2 {

    margin-inline: 0.5rem !important

  }

}

@media(min-width: 992px) {

  .gap-lg-3 {

    gap: 0.75rem !important

  }

  .padding-lg-3 {

    padding: 0.75rem !important

  }

  .padding-top-lg-3 {

    -webkit-padding-before: 0.75rem !important;

    padding-block-start: 0.75rem !important

  }

  .padding-bottom-lg-3 {

    -webkit-padding-after: 0.75rem !important;

    padding-block-end: 0.75rem !important

  }

  .padding-y-lg-3 {

    padding-block: 0.75rem !important

  }

  .padding-start-lg-3 {

    -webkit-padding-start: 0.75rem !important;

    padding-inline-start: 0.75rem !important

  }

  .padding-end-lg-3 {

    -webkit-padding-end: 0.75rem !important;

    padding-inline-end: 0.75rem !important

  }

  .padding-x-lg-3 {

    padding-inline: 0.75rem !important

  }

  .margin-lg-3 {

    margin: 0.75rem !important

  }

  .margin-top-lg-3 {

    -webkit-margin-before: 0.75rem !important;

    margin-block-start: 0.75rem !important

  }

  .margin-bottom-lg-3 {

    -webkit-margin-after: 0.75rem !important;

    margin-block-end: 0.75rem !important

  }

  .margin-y-lg-3 {

    margin-block: 0.75rem !important

  }

  .margin-start-lg-3 {

    -webkit-margin-start: 0.75rem !important;

    margin-inline-start: 0.75rem !important

  }

  .margin-end-lg-3 {

    -webkit-margin-end: 0.75rem !important;

    margin-inline-end: 0.75rem !important

  }

  .margin-x-lg-3 {

    margin-inline: 0.75rem !important

  }

}

@media(min-width: 992px) {

  .gap-lg-4 {

    gap: 1rem !important

  }

  .padding-lg-4 {

    padding: 1rem !important

  }

  .padding-top-lg-4 {

    -webkit-padding-before: 1rem !important;

    padding-block-start: 1rem !important

  }

  .padding-bottom-lg-4 {

    -webkit-padding-after: 1rem !important;

    padding-block-end: 1rem !important

  }

  .padding-y-lg-4 {

    padding-block: 1rem !important

  }

  .padding-start-lg-4 {

    -webkit-padding-start: 1rem !important;

    padding-inline-start: 1rem !important

  }

  .padding-end-lg-4 {

    -webkit-padding-end: 1rem !important;

    padding-inline-end: 1rem !important

  }

  .padding-x-lg-4 {

    padding-inline: 1rem !important

  }

  .margin-lg-4 {

    margin: 1rem !important

  }

  .margin-top-lg-4 {

    -webkit-margin-before: 1rem !important;

    margin-block-start: 1rem !important

  }

  .margin-bottom-lg-4 {

    -webkit-margin-after: 1rem !important;

    margin-block-end: 1rem !important

  }

  .margin-y-lg-4 {

    margin-block: 1rem !important

  }

  .margin-start-lg-4 {

    -webkit-margin-start: 1rem !important;

    margin-inline-start: 1rem !important

  }

  .margin-end-lg-4 {

    -webkit-margin-end: 1rem !important;

    margin-inline-end: 1rem !important

  }

  .margin-x-lg-4 {

    margin-inline: 1rem !important

  }

}

@media(min-width: 992px) {

  .gap-lg-5 {

    gap: 1.25rem !important

  }

  .padding-lg-5 {

    padding: 1.25rem !important

  }

  .padding-top-lg-5 {

    -webkit-padding-before: 1.25rem !important;

    padding-block-start: 1.25rem !important

  }

  .padding-bottom-lg-5 {

    -webkit-padding-after: 1.25rem !important;

    padding-block-end: 1.25rem !important

  }

  .padding-y-lg-5 {

    padding-block: 1.25rem !important

  }

  .padding-start-lg-5 {

    -webkit-padding-start: 1.25rem !important;

    padding-inline-start: 1.25rem !important

  }

  .padding-end-lg-5 {

    -webkit-padding-end: 1.25rem !important;

    padding-inline-end: 1.25rem !important

  }

  .padding-x-lg-5 {

    padding-inline: 1.25rem !important

  }

  .margin-lg-5 {

    margin: 1.25rem !important

  }

  .margin-top-lg-5 {

    -webkit-margin-before: 1.25rem !important;

    margin-block-start: 1.25rem !important

  }

  .margin-bottom-lg-5 {

    -webkit-margin-after: 1.25rem !important;

    margin-block-end: 1.25rem !important

  }

  .margin-y-lg-5 {

    margin-block: 1.25rem !important

  }

  .margin-start-lg-5 {

    -webkit-margin-start: 1.25rem !important;

    margin-inline-start: 1.25rem !important

  }

  .margin-end-lg-5 {

    -webkit-margin-end: 1.25rem !important;

    margin-inline-end: 1.25rem !important

  }

  .margin-x-lg-5 {

    margin-inline: 1.25rem !important

  }

}

@media(min-width: 992px) {

  .gap-lg-6 {

    gap: 1.5rem !important

  }

  .padding-lg-6 {

    padding: 1.5rem !important

  }

  .padding-top-lg-6 {

    -webkit-padding-before: 1.5rem !important;

    padding-block-start: 1.5rem !important

  }

  .padding-bottom-lg-6 {

    -webkit-padding-after: 1.5rem !important;

    padding-block-end: 1.5rem !important

  }

  .padding-y-lg-6 {

    padding-block: 1.5rem !important

  }

  .padding-start-lg-6 {

    -webkit-padding-start: 1.5rem !important;

    padding-inline-start: 1.5rem !important

  }

  .padding-end-lg-6 {

    -webkit-padding-end: 1.5rem !important;

    padding-inline-end: 1.5rem !important

  }

  .padding-x-lg-6 {

    padding-inline: 1.5rem !important

  }

  .margin-lg-6 {

    margin: 1.5rem !important

  }

  .margin-top-lg-6 {

    -webkit-margin-before: 1.5rem !important;

    margin-block-start: 1.5rem !important

  }

  .margin-bottom-lg-6 {

    -webkit-margin-after: 1.5rem !important;

    margin-block-end: 1.5rem !important

  }

  .margin-y-lg-6 {

    margin-block: 1.5rem !important

  }

  .margin-start-lg-6 {

    -webkit-margin-start: 1.5rem !important;

    margin-inline-start: 1.5rem !important

  }

  .margin-end-lg-6 {

    -webkit-margin-end: 1.5rem !important;

    margin-inline-end: 1.5rem !important

  }

  .margin-x-lg-6 {

    margin-inline: 1.5rem !important

  }

}

@media(min-width: 992px) {

  .gap-lg-7 {

    gap: 1.75rem !important

  }

  .padding-lg-7 {

    padding: 1.75rem !important

  }

  .padding-top-lg-7 {

    -webkit-padding-before: 1.75rem !important;

    padding-block-start: 1.75rem !important

  }

  .padding-bottom-lg-7 {

    -webkit-padding-after: 1.75rem !important;

    padding-block-end: 1.75rem !important

  }

  .padding-y-lg-7 {

    padding-block: 1.75rem !important

  }

  .padding-start-lg-7 {

    -webkit-padding-start: 1.75rem !important;

    padding-inline-start: 1.75rem !important

  }

  .padding-end-lg-7 {

    -webkit-padding-end: 1.75rem !important;

    padding-inline-end: 1.75rem !important

  }

  .padding-x-lg-7 {

    padding-inline: 1.75rem !important

  }

  .margin-lg-7 {

    margin: 1.75rem !important

  }

  .margin-top-lg-7 {

    -webkit-margin-before: 1.75rem !important;

    margin-block-start: 1.75rem !important

  }

  .margin-bottom-lg-7 {

    -webkit-margin-after: 1.75rem !important;

    margin-block-end: 1.75rem !important

  }

  .margin-y-lg-7 {

    margin-block: 1.75rem !important

  }

  .margin-start-lg-7 {

    -webkit-margin-start: 1.75rem !important;

    margin-inline-start: 1.75rem !important

  }

  .margin-end-lg-7 {

    -webkit-margin-end: 1.75rem !important;

    margin-inline-end: 1.75rem !important

  }

  .margin-x-lg-7 {

    margin-inline: 1.75rem !important

  }

}

@media(min-width: 992px) {

  .gap-lg-8 {

    gap: 2rem !important

  }

  .padding-lg-8 {

    padding: 2rem !important

  }

  .padding-top-lg-8 {

    -webkit-padding-before: 2rem !important;

    padding-block-start: 2rem !important

  }

  .padding-bottom-lg-8 {

    -webkit-padding-after: 2rem !important;

    padding-block-end: 2rem !important

  }

  .padding-y-lg-8 {

    padding-block: 2rem !important

  }

  .padding-start-lg-8 {

    -webkit-padding-start: 2rem !important;

    padding-inline-start: 2rem !important

  }

  .padding-end-lg-8 {

    -webkit-padding-end: 2rem !important;

    padding-inline-end: 2rem !important

  }

  .padding-x-lg-8 {

    padding-inline: 2rem !important

  }

  .margin-lg-8 {

    margin: 2rem !important

  }

  .margin-top-lg-8 {

    -webkit-margin-before: 2rem !important;

    margin-block-start: 2rem !important

  }

  .margin-bottom-lg-8 {

    -webkit-margin-after: 2rem !important;

    margin-block-end: 2rem !important

  }

  .margin-y-lg-8 {

    margin-block: 2rem !important

  }

  .margin-start-lg-8 {

    -webkit-margin-start: 2rem !important;

    margin-inline-start: 2rem !important

  }

  .margin-end-lg-8 {

    -webkit-margin-end: 2rem !important;

    margin-inline-end: 2rem !important

  }

  .margin-x-lg-8 {

    margin-inline: 2rem !important

  }

}

@media(min-width: 992px) {

  .gap-lg-9 {

    gap: 2.25rem !important

  }

  .padding-lg-9 {

    padding: 2.25rem !important

  }

  .padding-top-lg-9 {

    -webkit-padding-before: 2.25rem !important;

    padding-block-start: 2.25rem !important

  }

  .padding-bottom-lg-9 {

    -webkit-padding-after: 2.25rem !important;

    padding-block-end: 2.25rem !important

  }

  .padding-y-lg-9 {

    padding-block: 2.25rem !important

  }

  .padding-start-lg-9 {

    -webkit-padding-start: 2.25rem !important;

    padding-inline-start: 2.25rem !important

  }

  .padding-end-lg-9 {

    -webkit-padding-end: 2.25rem !important;

    padding-inline-end: 2.25rem !important

  }

  .padding-x-lg-9 {

    padding-inline: 2.25rem !important

  }

  .margin-lg-9 {

    margin: 2.25rem !important

  }

  .margin-top-lg-9 {

    -webkit-margin-before: 2.25rem !important;

    margin-block-start: 2.25rem !important

  }

  .margin-bottom-lg-9 {

    -webkit-margin-after: 2.25rem !important;

    margin-block-end: 2.25rem !important

  }

  .margin-y-lg-9 {

    margin-block: 2.25rem !important

  }

  .margin-start-lg-9 {

    -webkit-margin-start: 2.25rem !important;

    margin-inline-start: 2.25rem !important

  }

  .margin-end-lg-9 {

    -webkit-margin-end: 2.25rem !important;

    margin-inline-end: 2.25rem !important

  }

  .margin-x-lg-9 {

    margin-inline: 2.25rem !important

  }

}

@media(min-width: 992px) {

  .gap-lg-10 {

    gap: 2.5rem !important

  }

  .padding-lg-10 {

    padding: 2.5rem !important

  }

  .padding-top-lg-10 {

    -webkit-padding-before: 2.5rem !important;

    padding-block-start: 2.5rem !important

  }

  .padding-bottom-lg-10 {

    -webkit-padding-after: 2.5rem !important;

    padding-block-end: 2.5rem !important

  }

  .padding-y-lg-10 {

    padding-block: 2.5rem !important

  }

  .padding-start-lg-10 {

    -webkit-padding-start: 2.5rem !important;

    padding-inline-start: 2.5rem !important

  }

  .padding-end-lg-10 {

    -webkit-padding-end: 2.5rem !important;

    padding-inline-end: 2.5rem !important

  }

  .padding-x-lg-10 {

    padding-inline: 2.5rem !important

  }

  .margin-lg-10 {

    margin: 2.5rem !important

  }

  .margin-top-lg-10 {

    -webkit-margin-before: 2.5rem !important;

    margin-block-start: 2.5rem !important

  }

  .margin-bottom-lg-10 {

    -webkit-margin-after: 2.5rem !important;

    margin-block-end: 2.5rem !important

  }

  .margin-y-lg-10 {

    margin-block: 2.5rem !important

  }

  .margin-start-lg-10 {

    -webkit-margin-start: 2.5rem !important;

    margin-inline-start: 2.5rem !important

  }

  .margin-end-lg-10 {

    -webkit-margin-end: 2.5rem !important;

    margin-inline-end: 2.5rem !important

  }

  .margin-x-lg-10 {

    margin-inline: 2.5rem !important

  }

}

@media(min-width: 992px) {

  .gap-lg-11 {

    gap: 2.75rem !important

  }

  .padding-lg-11 {

    padding: 2.75rem !important

  }

  .padding-top-lg-11 {

    -webkit-padding-before: 2.75rem !important;

    padding-block-start: 2.75rem !important

  }

  .padding-bottom-lg-11 {

    -webkit-padding-after: 2.75rem !important;

    padding-block-end: 2.75rem !important

  }

  .padding-y-lg-11 {

    padding-block: 2.75rem !important

  }

  .padding-start-lg-11 {

    -webkit-padding-start: 2.75rem !important;

    padding-inline-start: 2.75rem !important

  }

  .padding-end-lg-11 {

    -webkit-padding-end: 2.75rem !important;

    padding-inline-end: 2.75rem !important

  }

  .padding-x-lg-11 {

    padding-inline: 2.75rem !important

  }

  .margin-lg-11 {

    margin: 2.75rem !important

  }

  .margin-top-lg-11 {

    -webkit-margin-before: 2.75rem !important;

    margin-block-start: 2.75rem !important

  }

  .margin-bottom-lg-11 {

    -webkit-margin-after: 2.75rem !important;

    margin-block-end: 2.75rem !important

  }

  .margin-y-lg-11 {

    margin-block: 2.75rem !important

  }

  .margin-start-lg-11 {

    -webkit-margin-start: 2.75rem !important;

    margin-inline-start: 2.75rem !important

  }

  .margin-end-lg-11 {

    -webkit-margin-end: 2.75rem !important;

    margin-inline-end: 2.75rem !important

  }

  .margin-x-lg-11 {

    margin-inline: 2.75rem !important

  }

}

@media(min-width: 992px) {

  .gap-lg-12 {

    gap: 3rem !important

  }

  .padding-lg-12 {

    padding: 3rem !important

  }

  .padding-top-lg-12 {

    -webkit-padding-before: 3rem !important;

    padding-block-start: 3rem !important

  }

  .padding-bottom-lg-12 {

    -webkit-padding-after: 3rem !important;

    padding-block-end: 3rem !important

  }

  .padding-y-lg-12 {

    padding-block: 3rem !important

  }

  .padding-start-lg-12 {

    -webkit-padding-start: 3rem !important;

    padding-inline-start: 3rem !important

  }

  .padding-end-lg-12 {

    -webkit-padding-end: 3rem !important;

    padding-inline-end: 3rem !important

  }

  .padding-x-lg-12 {

    padding-inline: 3rem !important

  }

  .margin-lg-12 {

    margin: 3rem !important

  }

  .margin-top-lg-12 {

    -webkit-margin-before: 3rem !important;

    margin-block-start: 3rem !important

  }

  .margin-bottom-lg-12 {

    -webkit-margin-after: 3rem !important;

    margin-block-end: 3rem !important

  }

  .margin-y-lg-12 {

    margin-block: 3rem !important

  }

  .margin-start-lg-12 {

    -webkit-margin-start: 3rem !important;

    margin-inline-start: 3rem !important

  }

  .margin-end-lg-12 {

    -webkit-margin-end: 3rem !important;

    margin-inline-end: 3rem !important

  }

  .margin-x-lg-12 {

    margin-inline: 3rem !important

  }

}

@media(min-width: 992px) {

  .gap-lg-13 {

    gap: 3.25rem !important

  }

  .padding-lg-13 {

    padding: 3.25rem !important

  }

  .padding-top-lg-13 {

    -webkit-padding-before: 3.25rem !important;

    padding-block-start: 3.25rem !important

  }

  .padding-bottom-lg-13 {

    -webkit-padding-after: 3.25rem !important;

    padding-block-end: 3.25rem !important

  }

  .padding-y-lg-13 {

    padding-block: 3.25rem !important

  }

  .padding-start-lg-13 {

    -webkit-padding-start: 3.25rem !important;

    padding-inline-start: 3.25rem !important

  }

  .padding-end-lg-13 {

    -webkit-padding-end: 3.25rem !important;

    padding-inline-end: 3.25rem !important

  }

  .padding-x-lg-13 {

    padding-inline: 3.25rem !important

  }

  .margin-lg-13 {

    margin: 3.25rem !important

  }

  .margin-top-lg-13 {

    -webkit-margin-before: 3.25rem !important;

    margin-block-start: 3.25rem !important

  }

  .margin-bottom-lg-13 {

    -webkit-margin-after: 3.25rem !important;

    margin-block-end: 3.25rem !important

  }

  .margin-y-lg-13 {

    margin-block: 3.25rem !important

  }

  .margin-start-lg-13 {

    -webkit-margin-start: 3.25rem !important;

    margin-inline-start: 3.25rem !important

  }

  .margin-end-lg-13 {

    -webkit-margin-end: 3.25rem !important;

    margin-inline-end: 3.25rem !important

  }

  .margin-x-lg-13 {

    margin-inline: 3.25rem !important

  }

}

@media(min-width: 992px) {

  .gap-lg-14 {

    gap: 3.5rem !important

  }

  .padding-lg-14 {

    padding: 3.5rem !important

  }

  .padding-top-lg-14 {

    -webkit-padding-before: 3.5rem !important;

    padding-block-start: 3.5rem !important

  }

  .padding-bottom-lg-14 {

    -webkit-padding-after: 3.5rem !important;

    padding-block-end: 3.5rem !important

  }

  .padding-y-lg-14 {

    padding-block: 3.5rem !important

  }

  .padding-start-lg-14 {

    -webkit-padding-start: 3.5rem !important;

    padding-inline-start: 3.5rem !important

  }

  .padding-end-lg-14 {

    -webkit-padding-end: 3.5rem !important;

    padding-inline-end: 3.5rem !important

  }

  .padding-x-lg-14 {

    padding-inline: 3.5rem !important

  }

  .margin-lg-14 {

    margin: 3.5rem !important

  }

  .margin-top-lg-14 {

    -webkit-margin-before: 3.5rem !important;

    margin-block-start: 3.5rem !important

  }

  .margin-bottom-lg-14 {

    -webkit-margin-after: 3.5rem !important;

    margin-block-end: 3.5rem !important

  }

  .margin-y-lg-14 {

    margin-block: 3.5rem !important

  }

  .margin-start-lg-14 {

    -webkit-margin-start: 3.5rem !important;

    margin-inline-start: 3.5rem !important

  }

  .margin-end-lg-14 {

    -webkit-margin-end: 3.5rem !important;

    margin-inline-end: 3.5rem !important

  }

  .margin-x-lg-14 {

    margin-inline: 3.5rem !important

  }

}

@media(min-width: 992px) {

  .gap-lg-15 {

    gap: 3.75rem !important

  }

  .padding-lg-15 {

    padding: 3.75rem !important

  }

  .padding-top-lg-15 {

    -webkit-padding-before: 3.75rem !important;

    padding-block-start: 3.75rem !important

  }

  .padding-bottom-lg-15 {

    -webkit-padding-after: 3.75rem !important;

    padding-block-end: 3.75rem !important

  }

  .padding-y-lg-15 {

    padding-block: 3.75rem !important

  }

  .padding-start-lg-15 {

    -webkit-padding-start: 3.75rem !important;

    padding-inline-start: 3.75rem !important

  }

  .padding-end-lg-15 {

    -webkit-padding-end: 3.75rem !important;

    padding-inline-end: 3.75rem !important

  }

  .padding-x-lg-15 {

    padding-inline: 3.75rem !important

  }

  .margin-lg-15 {

    margin: 3.75rem !important

  }

  .margin-top-lg-15 {

    -webkit-margin-before: 3.75rem !important;

    margin-block-start: 3.75rem !important

  }

  .margin-bottom-lg-15 {

    -webkit-margin-after: 3.75rem !important;

    margin-block-end: 3.75rem !important

  }

  .margin-y-lg-15 {

    margin-block: 3.75rem !important

  }

  .margin-start-lg-15 {

    -webkit-margin-start: 3.75rem !important;

    margin-inline-start: 3.75rem !important

  }

  .margin-end-lg-15 {

    -webkit-margin-end: 3.75rem !important;

    margin-inline-end: 3.75rem !important

  }

  .margin-x-lg-15 {

    margin-inline: 3.75rem !important

  }

}

@media(min-width: 992px) {

  .gap-lg-16 {

    gap: 4rem !important

  }

  .padding-lg-16 {

    padding: 4rem !important

  }

  .padding-top-lg-16 {

    -webkit-padding-before: 4rem !important;

    padding-block-start: 4rem !important

  }

  .padding-bottom-lg-16 {

    -webkit-padding-after: 4rem !important;

    padding-block-end: 4rem !important

  }

  .padding-y-lg-16 {

    padding-block: 4rem !important

  }

  .padding-start-lg-16 {

    -webkit-padding-start: 4rem !important;

    padding-inline-start: 4rem !important

  }

  .padding-end-lg-16 {

    -webkit-padding-end: 4rem !important;

    padding-inline-end: 4rem !important

  }

  .padding-x-lg-16 {

    padding-inline: 4rem !important

  }

  .margin-lg-16 {

    margin: 4rem !important

  }

  .margin-top-lg-16 {

    -webkit-margin-before: 4rem !important;

    margin-block-start: 4rem !important

  }

  .margin-bottom-lg-16 {

    -webkit-margin-after: 4rem !important;

    margin-block-end: 4rem !important

  }

  .margin-y-lg-16 {

    margin-block: 4rem !important

  }

  .margin-start-lg-16 {

    -webkit-margin-start: 4rem !important;

    margin-inline-start: 4rem !important

  }

  .margin-end-lg-16 {

    -webkit-margin-end: 4rem !important;

    margin-inline-end: 4rem !important

  }

  .margin-x-lg-16 {

    margin-inline: 4rem !important

  }

}

@media(min-width: 992px) {

  .gap-lg-17 {

    gap: 4.25rem !important

  }

  .padding-lg-17 {

    padding: 4.25rem !important

  }

  .padding-top-lg-17 {

    -webkit-padding-before: 4.25rem !important;

    padding-block-start: 4.25rem !important

  }

  .padding-bottom-lg-17 {

    -webkit-padding-after: 4.25rem !important;

    padding-block-end: 4.25rem !important

  }

  .padding-y-lg-17 {

    padding-block: 4.25rem !important

  }

  .padding-start-lg-17 {

    -webkit-padding-start: 4.25rem !important;

    padding-inline-start: 4.25rem !important

  }

  .padding-end-lg-17 {

    -webkit-padding-end: 4.25rem !important;

    padding-inline-end: 4.25rem !important

  }

  .padding-x-lg-17 {

    padding-inline: 4.25rem !important

  }

  .margin-lg-17 {

    margin: 4.25rem !important

  }

  .margin-top-lg-17 {

    -webkit-margin-before: 4.25rem !important;

    margin-block-start: 4.25rem !important

  }

  .margin-bottom-lg-17 {

    -webkit-margin-after: 4.25rem !important;

    margin-block-end: 4.25rem !important

  }

  .margin-y-lg-17 {

    margin-block: 4.25rem !important

  }

  .margin-start-lg-17 {

    -webkit-margin-start: 4.25rem !important;

    margin-inline-start: 4.25rem !important

  }

  .margin-end-lg-17 {

    -webkit-margin-end: 4.25rem !important;

    margin-inline-end: 4.25rem !important

  }

  .margin-x-lg-17 {

    margin-inline: 4.25rem !important

  }

}

@media(min-width: 992px) {

  .gap-lg-18 {

    gap: 4.5rem !important

  }

  .padding-lg-18 {

    padding: 4.5rem !important

  }

  .padding-top-lg-18 {

    -webkit-padding-before: 4.5rem !important;

    padding-block-start: 4.5rem !important

  }

  .padding-bottom-lg-18 {

    -webkit-padding-after: 4.5rem !important;

    padding-block-end: 4.5rem !important

  }

  .padding-y-lg-18 {

    padding-block: 4.5rem !important

  }

  .padding-start-lg-18 {

    -webkit-padding-start: 4.5rem !important;

    padding-inline-start: 4.5rem !important

  }

  .padding-end-lg-18 {

    -webkit-padding-end: 4.5rem !important;

    padding-inline-end: 4.5rem !important

  }

  .padding-x-lg-18 {

    padding-inline: 4.5rem !important

  }

  .margin-lg-18 {

    margin: 4.5rem !important

  }

  .margin-top-lg-18 {

    -webkit-margin-before: 4.5rem !important;

    margin-block-start: 4.5rem !important

  }

  .margin-bottom-lg-18 {

    -webkit-margin-after: 4.5rem !important;

    margin-block-end: 4.5rem !important

  }

  .margin-y-lg-18 {

    margin-block: 4.5rem !important

  }

  .margin-start-lg-18 {

    -webkit-margin-start: 4.5rem !important;

    margin-inline-start: 4.5rem !important

  }

  .margin-end-lg-18 {

    -webkit-margin-end: 4.5rem !important;

    margin-inline-end: 4.5rem !important

  }

  .margin-x-lg-18 {

    margin-inline: 4.5rem !important

  }

}

@media(min-width: 992px) {

  .gap-lg-19 {

    gap: 4.75rem !important

  }

  .padding-lg-19 {

    padding: 4.75rem !important

  }

  .padding-top-lg-19 {

    -webkit-padding-before: 4.75rem !important;

    padding-block-start: 4.75rem !important

  }

  .padding-bottom-lg-19 {

    -webkit-padding-after: 4.75rem !important;

    padding-block-end: 4.75rem !important

  }

  .padding-y-lg-19 {

    padding-block: 4.75rem !important

  }

  .padding-start-lg-19 {

    -webkit-padding-start: 4.75rem !important;

    padding-inline-start: 4.75rem !important

  }

  .padding-end-lg-19 {

    -webkit-padding-end: 4.75rem !important;

    padding-inline-end: 4.75rem !important

  }

  .padding-x-lg-19 {

    padding-inline: 4.75rem !important

  }

  .margin-lg-19 {

    margin: 4.75rem !important

  }

  .margin-top-lg-19 {

    -webkit-margin-before: 4.75rem !important;

    margin-block-start: 4.75rem !important

  }

  .margin-bottom-lg-19 {

    -webkit-margin-after: 4.75rem !important;

    margin-block-end: 4.75rem !important

  }

  .margin-y-lg-19 {

    margin-block: 4.75rem !important

  }

  .margin-start-lg-19 {

    -webkit-margin-start: 4.75rem !important;

    margin-inline-start: 4.75rem !important

  }

  .margin-end-lg-19 {

    -webkit-margin-end: 4.75rem !important;

    margin-inline-end: 4.75rem !important

  }

  .margin-x-lg-19 {

    margin-inline: 4.75rem !important

  }

}

@media(min-width: 992px) {

  .gap-lg-20 {

    gap: 5rem !important

  }

  .padding-lg-20 {

    padding: 5rem !important

  }

  .padding-top-lg-20 {

    -webkit-padding-before: 5rem !important;

    padding-block-start: 5rem !important

  }

  .padding-bottom-lg-20 {

    -webkit-padding-after: 5rem !important;

    padding-block-end: 5rem !important

  }

  .padding-y-lg-20 {

    padding-block: 5rem !important

  }

  .padding-start-lg-20 {

    -webkit-padding-start: 5rem !important;

    padding-inline-start: 5rem !important

  }

  .padding-end-lg-20 {

    -webkit-padding-end: 5rem !important;

    padding-inline-end: 5rem !important

  }

  .padding-x-lg-20 {

    padding-inline: 5rem !important

  }

  .margin-lg-20 {

    margin: 5rem !important

  }

  .margin-top-lg-20 {

    -webkit-margin-before: 5rem !important;

    margin-block-start: 5rem !important

  }

  .margin-bottom-lg-20 {

    -webkit-margin-after: 5rem !important;

    margin-block-end: 5rem !important

  }

  .margin-y-lg-20 {

    margin-block: 5rem !important

  }

  .margin-start-lg-20 {

    -webkit-margin-start: 5rem !important;

    margin-inline-start: 5rem !important

  }

  .margin-end-lg-20 {

    -webkit-margin-end: 5rem !important;

    margin-inline-end: 5rem !important

  }

  .margin-x-lg-20 {

    margin-inline: 5rem !important

  }

}

@media(min-width: 992px) {

  .gap-lg-21 {

    gap: 5.25rem !important

  }

  .padding-lg-21 {

    padding: 5.25rem !important

  }

  .padding-top-lg-21 {

    -webkit-padding-before: 5.25rem !important;

    padding-block-start: 5.25rem !important

  }

  .padding-bottom-lg-21 {

    -webkit-padding-after: 5.25rem !important;

    padding-block-end: 5.25rem !important

  }

  .padding-y-lg-21 {

    padding-block: 5.25rem !important

  }

  .padding-start-lg-21 {

    -webkit-padding-start: 5.25rem !important;

    padding-inline-start: 5.25rem !important

  }

  .padding-end-lg-21 {

    -webkit-padding-end: 5.25rem !important;

    padding-inline-end: 5.25rem !important

  }

  .padding-x-lg-21 {

    padding-inline: 5.25rem !important

  }

  .margin-lg-21 {

    margin: 5.25rem !important

  }

  .margin-top-lg-21 {

    -webkit-margin-before: 5.25rem !important;

    margin-block-start: 5.25rem !important

  }

  .margin-bottom-lg-21 {

    -webkit-margin-after: 5.25rem !important;

    margin-block-end: 5.25rem !important

  }

  .margin-y-lg-21 {

    margin-block: 5.25rem !important

  }

  .margin-start-lg-21 {

    -webkit-margin-start: 5.25rem !important;

    margin-inline-start: 5.25rem !important

  }

  .margin-end-lg-21 {

    -webkit-margin-end: 5.25rem !important;

    margin-inline-end: 5.25rem !important

  }

  .margin-x-lg-21 {

    margin-inline: 5.25rem !important

  }

}

@media(min-width: 992px) {

  .gap-lg-22 {

    gap: 5.5rem !important

  }

  .padding-lg-22 {

    padding: 5.5rem !important

  }

  .padding-top-lg-22 {

    -webkit-padding-before: 5.5rem !important;

    padding-block-start: 5.5rem !important

  }

  .padding-bottom-lg-22 {

    -webkit-padding-after: 5.5rem !important;

    padding-block-end: 5.5rem !important

  }

  .padding-y-lg-22 {

    padding-block: 5.5rem !important

  }

  .padding-start-lg-22 {

    -webkit-padding-start: 5.5rem !important;

    padding-inline-start: 5.5rem !important

  }

  .padding-end-lg-22 {

    -webkit-padding-end: 5.5rem !important;

    padding-inline-end: 5.5rem !important

  }

  .padding-x-lg-22 {

    padding-inline: 5.5rem !important

  }

  .margin-lg-22 {

    margin: 5.5rem !important

  }

  .margin-top-lg-22 {

    -webkit-margin-before: 5.5rem !important;

    margin-block-start: 5.5rem !important

  }

  .margin-bottom-lg-22 {

    -webkit-margin-after: 5.5rem !important;

    margin-block-end: 5.5rem !important

  }

  .margin-y-lg-22 {

    margin-block: 5.5rem !important

  }

  .margin-start-lg-22 {

    -webkit-margin-start: 5.5rem !important;

    margin-inline-start: 5.5rem !important

  }

  .margin-end-lg-22 {

    -webkit-margin-end: 5.5rem !important;

    margin-inline-end: 5.5rem !important

  }

  .margin-x-lg-22 {

    margin-inline: 5.5rem !important

  }

}

@media(min-width: 992px) {

  .gap-lg-23 {

    gap: 5.75rem !important

  }

  .padding-lg-23 {

    padding: 5.75rem !important

  }

  .padding-top-lg-23 {

    -webkit-padding-before: 5.75rem !important;

    padding-block-start: 5.75rem !important

  }

  .padding-bottom-lg-23 {

    -webkit-padding-after: 5.75rem !important;

    padding-block-end: 5.75rem !important

  }

  .padding-y-lg-23 {

    padding-block: 5.75rem !important

  }

  .padding-start-lg-23 {

    -webkit-padding-start: 5.75rem !important;

    padding-inline-start: 5.75rem !important

  }

  .padding-end-lg-23 {

    -webkit-padding-end: 5.75rem !important;

    padding-inline-end: 5.75rem !important

  }

  .padding-x-lg-23 {

    padding-inline: 5.75rem !important

  }

  .margin-lg-23 {

    margin: 5.75rem !important

  }

  .margin-top-lg-23 {

    -webkit-margin-before: 5.75rem !important;

    margin-block-start: 5.75rem !important

  }

  .margin-bottom-lg-23 {

    -webkit-margin-after: 5.75rem !important;

    margin-block-end: 5.75rem !important

  }

  .margin-y-lg-23 {

    margin-block: 5.75rem !important

  }

  .margin-start-lg-23 {

    -webkit-margin-start: 5.75rem !important;

    margin-inline-start: 5.75rem !important

  }

  .margin-end-lg-23 {

    -webkit-margin-end: 5.75rem !important;

    margin-inline-end: 5.75rem !important

  }

  .margin-x-lg-23 {

    margin-inline: 5.75rem !important

  }

}

@media(min-width: 992px) {

  .gap-lg-24 {

    gap: 6rem !important

  }

  .padding-lg-24 {

    padding: 6rem !important

  }

  .padding-top-lg-24 {

    -webkit-padding-before: 6rem !important;

    padding-block-start: 6rem !important

  }

  .padding-bottom-lg-24 {

    -webkit-padding-after: 6rem !important;

    padding-block-end: 6rem !important

  }

  .padding-y-lg-24 {

    padding-block: 6rem !important

  }

  .padding-start-lg-24 {

    -webkit-padding-start: 6rem !important;

    padding-inline-start: 6rem !important

  }

  .padding-end-lg-24 {

    -webkit-padding-end: 6rem !important;

    padding-inline-end: 6rem !important

  }

  .padding-x-lg-24 {

    padding-inline: 6rem !important

  }

  .margin-lg-24 {

    margin: 6rem !important

  }

  .margin-top-lg-24 {

    -webkit-margin-before: 6rem !important;

    margin-block-start: 6rem !important

  }

  .margin-bottom-lg-24 {

    -webkit-margin-after: 6rem !important;

    margin-block-end: 6rem !important

  }

  .margin-y-lg-24 {

    margin-block: 6rem !important

  }

  .margin-start-lg-24 {

    -webkit-margin-start: 6rem !important;

    margin-inline-start: 6rem !important

  }

  .margin-end-lg-24 {

    -webkit-margin-end: 6rem !important;

    margin-inline-end: 6rem !important

  }

  .margin-x-lg-24 {

    margin-inline: 6rem !important

  }

}

@media(min-width: 992px) {

  .gap-lg-25 {

    gap: 6.25rem !important

  }

  .padding-lg-25 {

    padding: 6.25rem !important

  }

  .padding-top-lg-25 {

    -webkit-padding-before: 6.25rem !important;

    padding-block-start: 6.25rem !important

  }

  .padding-bottom-lg-25 {

    -webkit-padding-after: 6.25rem !important;

    padding-block-end: 6.25rem !important

  }

  .padding-y-lg-25 {

    padding-block: 6.25rem !important

  }

  .padding-start-lg-25 {

    -webkit-padding-start: 6.25rem !important;

    padding-inline-start: 6.25rem !important

  }

  .padding-end-lg-25 {

    -webkit-padding-end: 6.25rem !important;

    padding-inline-end: 6.25rem !important

  }

  .padding-x-lg-25 {

    padding-inline: 6.25rem !important

  }

  .margin-lg-25 {

    margin: 6.25rem !important

  }

  .margin-top-lg-25 {

    -webkit-margin-before: 6.25rem !important;

    margin-block-start: 6.25rem !important

  }

  .margin-bottom-lg-25 {

    -webkit-margin-after: 6.25rem !important;

    margin-block-end: 6.25rem !important

  }

  .margin-y-lg-25 {

    margin-block: 6.25rem !important

  }

  .margin-start-lg-25 {

    -webkit-margin-start: 6.25rem !important;

    margin-inline-start: 6.25rem !important

  }

  .margin-end-lg-25 {

    -webkit-margin-end: 6.25rem !important;

    margin-inline-end: 6.25rem !important

  }

  .margin-x-lg-25 {

    margin-inline: 6.25rem !important

  }

}

@media(min-width: 992px) {

  .gap-lg-26 {

    gap: 6.5rem !important

  }

  .padding-lg-26 {

    padding: 6.5rem !important

  }

  .padding-top-lg-26 {

    -webkit-padding-before: 6.5rem !important;

    padding-block-start: 6.5rem !important

  }

  .padding-bottom-lg-26 {

    -webkit-padding-after: 6.5rem !important;

    padding-block-end: 6.5rem !important

  }

  .padding-y-lg-26 {

    padding-block: 6.5rem !important

  }

  .padding-start-lg-26 {

    -webkit-padding-start: 6.5rem !important;

    padding-inline-start: 6.5rem !important

  }

  .padding-end-lg-26 {

    -webkit-padding-end: 6.5rem !important;

    padding-inline-end: 6.5rem !important

  }

  .padding-x-lg-26 {

    padding-inline: 6.5rem !important

  }

  .margin-lg-26 {

    margin: 6.5rem !important

  }

  .margin-top-lg-26 {

    -webkit-margin-before: 6.5rem !important;

    margin-block-start: 6.5rem !important

  }

  .margin-bottom-lg-26 {

    -webkit-margin-after: 6.5rem !important;

    margin-block-end: 6.5rem !important

  }

  .margin-y-lg-26 {

    margin-block: 6.5rem !important

  }

  .margin-start-lg-26 {

    -webkit-margin-start: 6.5rem !important;

    margin-inline-start: 6.5rem !important

  }

  .margin-end-lg-26 {

    -webkit-margin-end: 6.5rem !important;

    margin-inline-end: 6.5rem !important

  }

  .margin-x-lg-26 {

    margin-inline: 6.5rem !important

  }

}

@media(min-width: 992px) {

  .gap-lg-27 {

    gap: 6.75rem !important

  }

  .padding-lg-27 {

    padding: 6.75rem !important

  }

  .padding-top-lg-27 {

    -webkit-padding-before: 6.75rem !important;

    padding-block-start: 6.75rem !important

  }

  .padding-bottom-lg-27 {

    -webkit-padding-after: 6.75rem !important;

    padding-block-end: 6.75rem !important

  }

  .padding-y-lg-27 {

    padding-block: 6.75rem !important

  }

  .padding-start-lg-27 {

    -webkit-padding-start: 6.75rem !important;

    padding-inline-start: 6.75rem !important

  }

  .padding-end-lg-27 {

    -webkit-padding-end: 6.75rem !important;

    padding-inline-end: 6.75rem !important

  }

  .padding-x-lg-27 {

    padding-inline: 6.75rem !important

  }

  .margin-lg-27 {

    margin: 6.75rem !important

  }

  .margin-top-lg-27 {

    -webkit-margin-before: 6.75rem !important;

    margin-block-start: 6.75rem !important

  }

  .margin-bottom-lg-27 {

    -webkit-margin-after: 6.75rem !important;

    margin-block-end: 6.75rem !important

  }

  .margin-y-lg-27 {

    margin-block: 6.75rem !important

  }

  .margin-start-lg-27 {

    -webkit-margin-start: 6.75rem !important;

    margin-inline-start: 6.75rem !important

  }

  .margin-end-lg-27 {

    -webkit-margin-end: 6.75rem !important;

    margin-inline-end: 6.75rem !important

  }

  .margin-x-lg-27 {

    margin-inline: 6.75rem !important

  }

}

@media(min-width: 992px) {

  .gap-lg-28 {

    gap: 7rem !important

  }

  .padding-lg-28 {

    padding: 7rem !important

  }

  .padding-top-lg-28 {

    -webkit-padding-before: 7rem !important;

    padding-block-start: 7rem !important

  }

  .padding-bottom-lg-28 {

    -webkit-padding-after: 7rem !important;

    padding-block-end: 7rem !important

  }

  .padding-y-lg-28 {

    padding-block: 7rem !important

  }

  .padding-start-lg-28 {

    -webkit-padding-start: 7rem !important;

    padding-inline-start: 7rem !important

  }

  .padding-end-lg-28 {

    -webkit-padding-end: 7rem !important;

    padding-inline-end: 7rem !important

  }

  .padding-x-lg-28 {

    padding-inline: 7rem !important

  }

  .margin-lg-28 {

    margin: 7rem !important

  }

  .margin-top-lg-28 {

    -webkit-margin-before: 7rem !important;

    margin-block-start: 7rem !important

  }

  .margin-bottom-lg-28 {

    -webkit-margin-after: 7rem !important;

    margin-block-end: 7rem !important

  }

  .margin-y-lg-28 {

    margin-block: 7rem !important

  }

  .margin-start-lg-28 {

    -webkit-margin-start: 7rem !important;

    margin-inline-start: 7rem !important

  }

  .margin-end-lg-28 {

    -webkit-margin-end: 7rem !important;

    margin-inline-end: 7rem !important

  }

  .margin-x-lg-28 {

    margin-inline: 7rem !important

  }

}

@media(min-width: 992px) {

  .gap-lg-29 {

    gap: 7.25rem !important

  }

  .padding-lg-29 {

    padding: 7.25rem !important

  }

  .padding-top-lg-29 {

    -webkit-padding-before: 7.25rem !important;

    padding-block-start: 7.25rem !important

  }

  .padding-bottom-lg-29 {

    -webkit-padding-after: 7.25rem !important;

    padding-block-end: 7.25rem !important

  }

  .padding-y-lg-29 {

    padding-block: 7.25rem !important

  }

  .padding-start-lg-29 {

    -webkit-padding-start: 7.25rem !important;

    padding-inline-start: 7.25rem !important

  }

  .padding-end-lg-29 {

    -webkit-padding-end: 7.25rem !important;

    padding-inline-end: 7.25rem !important

  }

  .padding-x-lg-29 {

    padding-inline: 7.25rem !important

  }

  .margin-lg-29 {

    margin: 7.25rem !important

  }

  .margin-top-lg-29 {

    -webkit-margin-before: 7.25rem !important;

    margin-block-start: 7.25rem !important

  }

  .margin-bottom-lg-29 {

    -webkit-margin-after: 7.25rem !important;

    margin-block-end: 7.25rem !important

  }

  .margin-y-lg-29 {

    margin-block: 7.25rem !important

  }

  .margin-start-lg-29 {

    -webkit-margin-start: 7.25rem !important;

    margin-inline-start: 7.25rem !important

  }

  .margin-end-lg-29 {

    -webkit-margin-end: 7.25rem !important;

    margin-inline-end: 7.25rem !important

  }

  .margin-x-lg-29 {

    margin-inline: 7.25rem !important

  }

}

@media(min-width: 992px) {

  .gap-lg-30 {

    gap: 7.5rem !important

  }

  .padding-lg-30 {

    padding: 7.5rem !important

  }

  .padding-top-lg-30 {

    -webkit-padding-before: 7.5rem !important;

    padding-block-start: 7.5rem !important

  }

  .padding-bottom-lg-30 {

    -webkit-padding-after: 7.5rem !important;

    padding-block-end: 7.5rem !important

  }

  .padding-y-lg-30 {

    padding-block: 7.5rem !important

  }

  .padding-start-lg-30 {

    -webkit-padding-start: 7.5rem !important;

    padding-inline-start: 7.5rem !important

  }

  .padding-end-lg-30 {

    -webkit-padding-end: 7.5rem !important;

    padding-inline-end: 7.5rem !important

  }

  .padding-x-lg-30 {

    padding-inline: 7.5rem !important

  }

  .margin-lg-30 {

    margin: 7.5rem !important

  }

  .margin-top-lg-30 {

    -webkit-margin-before: 7.5rem !important;

    margin-block-start: 7.5rem !important

  }

  .margin-bottom-lg-30 {

    -webkit-margin-after: 7.5rem !important;

    margin-block-end: 7.5rem !important

  }

  .margin-y-lg-30 {

    margin-block: 7.5rem !important

  }

  .margin-start-lg-30 {

    -webkit-margin-start: 7.5rem !important;

    margin-inline-start: 7.5rem !important

  }

  .margin-end-lg-30 {

    -webkit-margin-end: 7.5rem !important;

    margin-inline-end: 7.5rem !important

  }

  .margin-x-lg-30 {

    margin-inline: 7.5rem !important

  }

}

@media(min-width: 1200px) {

  .gap-xl-0 {

    gap: 0 !important

  }

  .padding-xl-0 {

    padding: 0 !important

  }

  .padding-top-xl-0 {

    -webkit-padding-before: 0 !important;

    padding-block-start: 0 !important

  }

  .padding-bottom-xl-0 {

    -webkit-padding-after: 0 !important;

    padding-block-end: 0 !important

  }

  .padding-y-xl-0 {

    padding-block: 0 !important

  }

  .padding-start-xl-0 {

    -webkit-padding-start: 0 !important;

    padding-inline-start: 0 !important

  }

  .padding-end-xl-0 {

    -webkit-padding-end: 0 !important;

    padding-inline-end: 0 !important

  }

  .padding-x-xl-0 {

    padding-inline: 0 !important

  }

  .margin-xl-0 {

    margin: 0 !important

  }

  .margin-top-xl-0 {

    -webkit-margin-before: 0 !important;

    margin-block-start: 0 !important

  }

  .margin-bottom-xl-0 {

    -webkit-margin-after: 0 !important;

    margin-block-end: 0 !important

  }

  .margin-y-xl-0 {

    margin-block: 0 !important

  }

  .margin-start-xl-0 {

    -webkit-margin-start: 0 !important;

    margin-inline-start: 0 !important

  }

  .margin-end-xl-0 {

    -webkit-margin-end: 0 !important;

    margin-inline-end: 0 !important

  }

  .margin-x-xl-0 {

    margin-inline: 0 !important

  }

}

@media(min-width: 1200px) {

  .gap-xl-1 {

    gap: 0.25rem !important

  }

  .padding-xl-1 {

    padding: 0.25rem !important

  }

  .padding-top-xl-1 {

    -webkit-padding-before: 0.25rem !important;

    padding-block-start: 0.25rem !important

  }

  .padding-bottom-xl-1 {

    -webkit-padding-after: 0.25rem !important;

    padding-block-end: 0.25rem !important

  }

  .padding-y-xl-1 {

    padding-block: 0.25rem !important

  }

  .padding-start-xl-1 {

    -webkit-padding-start: 0.25rem !important;

    padding-inline-start: 0.25rem !important

  }

  .padding-end-xl-1 {

    -webkit-padding-end: 0.25rem !important;

    padding-inline-end: 0.25rem !important

  }

  .padding-x-xl-1 {

    padding-inline: 0.25rem !important

  }

  .margin-xl-1 {

    margin: 0.25rem !important

  }

  .margin-top-xl-1 {

    -webkit-margin-before: 0.25rem !important;

    margin-block-start: 0.25rem !important

  }

  .margin-bottom-xl-1 {

    -webkit-margin-after: 0.25rem !important;

    margin-block-end: 0.25rem !important

  }

  .margin-y-xl-1 {

    margin-block: 0.25rem !important

  }

  .margin-start-xl-1 {

    -webkit-margin-start: 0.25rem !important;

    margin-inline-start: 0.25rem !important

  }

  .margin-end-xl-1 {

    -webkit-margin-end: 0.25rem !important;

    margin-inline-end: 0.25rem !important

  }

  .margin-x-xl-1 {

    margin-inline: 0.25rem !important

  }

}

@media(min-width: 1200px) {

  .gap-xl-2 {

    gap: 0.5rem !important

  }

  .padding-xl-2 {

    padding: 0.5rem !important

  }

  .padding-top-xl-2 {

    -webkit-padding-before: 0.5rem !important;

    padding-block-start: 0.5rem !important

  }

  .padding-bottom-xl-2 {

    -webkit-padding-after: 0.5rem !important;

    padding-block-end: 0.5rem !important

  }

  .padding-y-xl-2 {

    padding-block: 0.5rem !important

  }

  .padding-start-xl-2 {

    -webkit-padding-start: 0.5rem !important;

    padding-inline-start: 0.5rem !important

  }

  .padding-end-xl-2 {

    -webkit-padding-end: 0.5rem !important;

    padding-inline-end: 0.5rem !important

  }

  .padding-x-xl-2 {

    padding-inline: 0.5rem !important

  }

  .margin-xl-2 {

    margin: 0.5rem !important

  }

  .margin-top-xl-2 {

    -webkit-margin-before: 0.5rem !important;

    margin-block-start: 0.5rem !important

  }

  .margin-bottom-xl-2 {

    -webkit-margin-after: 0.5rem !important;

    margin-block-end: 0.5rem !important

  }

  .margin-y-xl-2 {

    margin-block: 0.5rem !important

  }

  .margin-start-xl-2 {

    -webkit-margin-start: 0.5rem !important;

    margin-inline-start: 0.5rem !important

  }

  .margin-end-xl-2 {

    -webkit-margin-end: 0.5rem !important;

    margin-inline-end: 0.5rem !important

  }

  .margin-x-xl-2 {

    margin-inline: 0.5rem !important

  }

}

@media(min-width: 1200px) {

  .gap-xl-3 {

    gap: 0.75rem !important

  }

  .padding-xl-3 {

    padding: 0.75rem !important

  }

  .padding-top-xl-3 {

    -webkit-padding-before: 0.75rem !important;

    padding-block-start: 0.75rem !important

  }

  .padding-bottom-xl-3 {

    -webkit-padding-after: 0.75rem !important;

    padding-block-end: 0.75rem !important

  }

  .padding-y-xl-3 {

    padding-block: 0.75rem !important

  }

  .padding-start-xl-3 {

    -webkit-padding-start: 0.75rem !important;

    padding-inline-start: 0.75rem !important

  }

  .padding-end-xl-3 {

    -webkit-padding-end: 0.75rem !important;

    padding-inline-end: 0.75rem !important

  }

  .padding-x-xl-3 {

    padding-inline: 0.75rem !important

  }

  .margin-xl-3 {

    margin: 0.75rem !important

  }

  .margin-top-xl-3 {

    -webkit-margin-before: 0.75rem !important;

    margin-block-start: 0.75rem !important

  }

  .margin-bottom-xl-3 {

    -webkit-margin-after: 0.75rem !important;

    margin-block-end: 0.75rem !important

  }

  .margin-y-xl-3 {

    margin-block: 0.75rem !important

  }

  .margin-start-xl-3 {

    -webkit-margin-start: 0.75rem !important;

    margin-inline-start: 0.75rem !important

  }

  .margin-end-xl-3 {

    -webkit-margin-end: 0.75rem !important;

    margin-inline-end: 0.75rem !important

  }

  .margin-x-xl-3 {

    margin-inline: 0.75rem !important

  }

}

@media(min-width: 1200px) {

  .gap-xl-4 {

    gap: 1rem !important

  }

  .padding-xl-4 {

    padding: 1rem !important

  }

  .padding-top-xl-4 {

    -webkit-padding-before: 1rem !important;

    padding-block-start: 1rem !important

  }

  .padding-bottom-xl-4 {

    -webkit-padding-after: 1rem !important;

    padding-block-end: 1rem !important

  }

  .padding-y-xl-4 {

    padding-block: 1rem !important

  }

  .padding-start-xl-4 {

    -webkit-padding-start: 1rem !important;

    padding-inline-start: 1rem !important

  }

  .padding-end-xl-4 {

    -webkit-padding-end: 1rem !important;

    padding-inline-end: 1rem !important

  }

  .padding-x-xl-4 {

    padding-inline: 1rem !important

  }

  .margin-xl-4 {

    margin: 1rem !important

  }

  .margin-top-xl-4 {

    -webkit-margin-before: 1rem !important;

    margin-block-start: 1rem !important

  }

  .margin-bottom-xl-4 {

    -webkit-margin-after: 1rem !important;

    margin-block-end: 1rem !important

  }

  .margin-y-xl-4 {

    margin-block: 1rem !important

  }

  .margin-start-xl-4 {

    -webkit-margin-start: 1rem !important;

    margin-inline-start: 1rem !important

  }

  .margin-end-xl-4 {

    -webkit-margin-end: 1rem !important;

    margin-inline-end: 1rem !important

  }

  .margin-x-xl-4 {

    margin-inline: 1rem !important

  }

}

@media(min-width: 1200px) {

  .gap-xl-5 {

    gap: 1.25rem !important

  }

  .padding-xl-5 {

    padding: 1.25rem !important

  }

  .padding-top-xl-5 {

    -webkit-padding-before: 1.25rem !important;

    padding-block-start: 1.25rem !important

  }

  .padding-bottom-xl-5 {

    -webkit-padding-after: 1.25rem !important;

    padding-block-end: 1.25rem !important

  }

  .padding-y-xl-5 {

    padding-block: 1.25rem !important

  }

  .padding-start-xl-5 {

    -webkit-padding-start: 1.25rem !important;

    padding-inline-start: 1.25rem !important

  }

  .padding-end-xl-5 {

    -webkit-padding-end: 1.25rem !important;

    padding-inline-end: 1.25rem !important

  }

  .padding-x-xl-5 {

    padding-inline: 1.25rem !important

  }

  .margin-xl-5 {

    margin: 1.25rem !important

  }

  .margin-top-xl-5 {

    -webkit-margin-before: 1.25rem !important;

    margin-block-start: 1.25rem !important

  }

  .margin-bottom-xl-5 {

    -webkit-margin-after: 1.25rem !important;

    margin-block-end: 1.25rem !important

  }

  .margin-y-xl-5 {

    margin-block: 1.25rem !important

  }

  .margin-start-xl-5 {

    -webkit-margin-start: 1.25rem !important;

    margin-inline-start: 1.25rem !important

  }

  .margin-end-xl-5 {

    -webkit-margin-end: 1.25rem !important;

    margin-inline-end: 1.25rem !important

  }

  .margin-x-xl-5 {

    margin-inline: 1.25rem !important

  }

}

@media(min-width: 1200px) {

  .gap-xl-6 {

    gap: 1.5rem !important

  }

  .padding-xl-6 {

    padding: 1.5rem !important

  }

  .padding-top-xl-6 {

    -webkit-padding-before: 1.5rem !important;

    padding-block-start: 1.5rem !important

  }

  .padding-bottom-xl-6 {

    -webkit-padding-after: 1.5rem !important;

    padding-block-end: 1.5rem !important

  }

  .padding-y-xl-6 {

    padding-block: 1.5rem !important

  }

  .padding-start-xl-6 {

    -webkit-padding-start: 1.5rem !important;

    padding-inline-start: 1.5rem !important

  }

  .padding-end-xl-6 {

    -webkit-padding-end: 1.5rem !important;

    padding-inline-end: 1.5rem !important

  }

  .padding-x-xl-6 {

    padding-inline: 1.5rem !important

  }

  .margin-xl-6 {

    margin: 1.5rem !important

  }

  .margin-top-xl-6 {

    -webkit-margin-before: 1.5rem !important;

    margin-block-start: 1.5rem !important

  }

  .margin-bottom-xl-6 {

    -webkit-margin-after: 1.5rem !important;

    margin-block-end: 1.5rem !important

  }

  .margin-y-xl-6 {

    margin-block: 1.5rem !important

  }

  .margin-start-xl-6 {

    -webkit-margin-start: 1.5rem !important;

    margin-inline-start: 1.5rem !important

  }

  .margin-end-xl-6 {

    -webkit-margin-end: 1.5rem !important;

    margin-inline-end: 1.5rem !important

  }

  .margin-x-xl-6 {

    margin-inline: 1.5rem !important

  }

}

@media(min-width: 1200px) {

  .gap-xl-7 {

    gap: 1.75rem !important

  }

  .padding-xl-7 {

    padding: 1.75rem !important

  }

  .padding-top-xl-7 {

    -webkit-padding-before: 1.75rem !important;

    padding-block-start: 1.75rem !important

  }

  .padding-bottom-xl-7 {

    -webkit-padding-after: 1.75rem !important;

    padding-block-end: 1.75rem !important

  }

  .padding-y-xl-7 {

    padding-block: 1.75rem !important

  }

  .padding-start-xl-7 {

    -webkit-padding-start: 1.75rem !important;

    padding-inline-start: 1.75rem !important

  }

  .padding-end-xl-7 {

    -webkit-padding-end: 1.75rem !important;

    padding-inline-end: 1.75rem !important

  }

  .padding-x-xl-7 {

    padding-inline: 1.75rem !important

  }

  .margin-xl-7 {

    margin: 1.75rem !important

  }

  .margin-top-xl-7 {

    -webkit-margin-before: 1.75rem !important;

    margin-block-start: 1.75rem !important

  }

  .margin-bottom-xl-7 {

    -webkit-margin-after: 1.75rem !important;

    margin-block-end: 1.75rem !important

  }

  .margin-y-xl-7 {

    margin-block: 1.75rem !important

  }

  .margin-start-xl-7 {

    -webkit-margin-start: 1.75rem !important;

    margin-inline-start: 1.75rem !important

  }

  .margin-end-xl-7 {

    -webkit-margin-end: 1.75rem !important;

    margin-inline-end: 1.75rem !important

  }

  .margin-x-xl-7 {

    margin-inline: 1.75rem !important

  }

}

@media(min-width: 1200px) {

  .gap-xl-8 {

    gap: 2rem !important

  }

  .padding-xl-8 {

    padding: 2rem !important

  }

  .padding-top-xl-8 {

    -webkit-padding-before: 2rem !important;

    padding-block-start: 2rem !important

  }

  .padding-bottom-xl-8 {

    -webkit-padding-after: 2rem !important;

    padding-block-end: 2rem !important

  }

  .padding-y-xl-8 {

    padding-block: 2rem !important

  }

  .padding-start-xl-8 {

    -webkit-padding-start: 2rem !important;

    padding-inline-start: 2rem !important

  }

  .padding-end-xl-8 {

    -webkit-padding-end: 2rem !important;

    padding-inline-end: 2rem !important

  }

  .padding-x-xl-8 {

    padding-inline: 2rem !important

  }

  .margin-xl-8 {

    margin: 2rem !important

  }

  .margin-top-xl-8 {

    -webkit-margin-before: 2rem !important;

    margin-block-start: 2rem !important

  }

  .margin-bottom-xl-8 {

    -webkit-margin-after: 2rem !important;

    margin-block-end: 2rem !important

  }

  .margin-y-xl-8 {

    margin-block: 2rem !important

  }

  .margin-start-xl-8 {

    -webkit-margin-start: 2rem !important;

    margin-inline-start: 2rem !important

  }

  .margin-end-xl-8 {

    -webkit-margin-end: 2rem !important;

    margin-inline-end: 2rem !important

  }

  .margin-x-xl-8 {

    margin-inline: 2rem !important

  }

}

@media(min-width: 1200px) {

  .gap-xl-9 {

    gap: 2.25rem !important

  }

  .padding-xl-9 {

    padding: 2.25rem !important

  }

  .padding-top-xl-9 {

    -webkit-padding-before: 2.25rem !important;

    padding-block-start: 2.25rem !important

  }

  .padding-bottom-xl-9 {

    -webkit-padding-after: 2.25rem !important;

    padding-block-end: 2.25rem !important

  }

  .padding-y-xl-9 {

    padding-block: 2.25rem !important

  }

  .padding-start-xl-9 {

    -webkit-padding-start: 2.25rem !important;

    padding-inline-start: 2.25rem !important

  }

  .padding-end-xl-9 {

    -webkit-padding-end: 2.25rem !important;

    padding-inline-end: 2.25rem !important

  }

  .padding-x-xl-9 {

    padding-inline: 2.25rem !important

  }

  .margin-xl-9 {

    margin: 2.25rem !important

  }

  .margin-top-xl-9 {

    -webkit-margin-before: 2.25rem !important;

    margin-block-start: 2.25rem !important

  }

  .margin-bottom-xl-9 {

    -webkit-margin-after: 2.25rem !important;

    margin-block-end: 2.25rem !important

  }

  .margin-y-xl-9 {

    margin-block: 2.25rem !important

  }

  .margin-start-xl-9 {

    -webkit-margin-start: 2.25rem !important;

    margin-inline-start: 2.25rem !important

  }

  .margin-end-xl-9 {

    -webkit-margin-end: 2.25rem !important;

    margin-inline-end: 2.25rem !important

  }

  .margin-x-xl-9 {

    margin-inline: 2.25rem !important

  }

}

@media(min-width: 1200px) {

  .gap-xl-10 {

    gap: 2.5rem !important

  }

  .padding-xl-10 {

    padding: 2.5rem !important

  }

  .padding-top-xl-10 {

    -webkit-padding-before: 2.5rem !important;

    padding-block-start: 2.5rem !important

  }

  .padding-bottom-xl-10 {

    -webkit-padding-after: 2.5rem !important;

    padding-block-end: 2.5rem !important

  }

  .padding-y-xl-10 {

    padding-block: 2.5rem !important

  }

  .padding-start-xl-10 {

    -webkit-padding-start: 2.5rem !important;

    padding-inline-start: 2.5rem !important

  }

  .padding-end-xl-10 {

    -webkit-padding-end: 2.5rem !important;

    padding-inline-end: 2.5rem !important

  }

  .padding-x-xl-10 {

    padding-inline: 2.5rem !important

  }

  .margin-xl-10 {

    margin: 2.5rem !important

  }

  .margin-top-xl-10 {

    -webkit-margin-before: 2.5rem !important;

    margin-block-start: 2.5rem !important

  }

  .margin-bottom-xl-10 {

    -webkit-margin-after: 2.5rem !important;

    margin-block-end: 2.5rem !important

  }

  .margin-y-xl-10 {

    margin-block: 2.5rem !important

  }

  .margin-start-xl-10 {

    -webkit-margin-start: 2.5rem !important;

    margin-inline-start: 2.5rem !important

  }

  .margin-end-xl-10 {

    -webkit-margin-end: 2.5rem !important;

    margin-inline-end: 2.5rem !important

  }

  .margin-x-xl-10 {

    margin-inline: 2.5rem !important

  }

}

@media(min-width: 1200px) {

  .gap-xl-11 {

    gap: 2.75rem !important

  }

  .padding-xl-11 {

    padding: 2.75rem !important

  }

  .padding-top-xl-11 {

    -webkit-padding-before: 2.75rem !important;

    padding-block-start: 2.75rem !important

  }

  .padding-bottom-xl-11 {

    -webkit-padding-after: 2.75rem !important;

    padding-block-end: 2.75rem !important

  }

  .padding-y-xl-11 {

    padding-block: 2.75rem !important

  }

  .padding-start-xl-11 {

    -webkit-padding-start: 2.75rem !important;

    padding-inline-start: 2.75rem !important

  }

  .padding-end-xl-11 {

    -webkit-padding-end: 2.75rem !important;

    padding-inline-end: 2.75rem !important

  }

  .padding-x-xl-11 {

    padding-inline: 2.75rem !important

  }

  .margin-xl-11 {

    margin: 2.75rem !important

  }

  .margin-top-xl-11 {

    -webkit-margin-before: 2.75rem !important;

    margin-block-start: 2.75rem !important

  }

  .margin-bottom-xl-11 {

    -webkit-margin-after: 2.75rem !important;

    margin-block-end: 2.75rem !important

  }

  .margin-y-xl-11 {

    margin-block: 2.75rem !important

  }

  .margin-start-xl-11 {

    -webkit-margin-start: 2.75rem !important;

    margin-inline-start: 2.75rem !important

  }

  .margin-end-xl-11 {

    -webkit-margin-end: 2.75rem !important;

    margin-inline-end: 2.75rem !important

  }

  .margin-x-xl-11 {

    margin-inline: 2.75rem !important

  }

}

@media(min-width: 1200px) {

  .gap-xl-12 {

    gap: 3rem !important

  }

  .padding-xl-12 {

    padding: 3rem !important

  }

  .padding-top-xl-12 {

    -webkit-padding-before: 3rem !important;

    padding-block-start: 3rem !important

  }

  .padding-bottom-xl-12 {

    -webkit-padding-after: 3rem !important;

    padding-block-end: 3rem !important

  }

  .padding-y-xl-12 {

    padding-block: 3rem !important

  }

  .padding-start-xl-12 {

    -webkit-padding-start: 3rem !important;

    padding-inline-start: 3rem !important

  }

  .padding-end-xl-12 {

    -webkit-padding-end: 3rem !important;

    padding-inline-end: 3rem !important

  }

  .padding-x-xl-12 {

    padding-inline: 3rem !important

  }

  .margin-xl-12 {

    margin: 3rem !important

  }

  .margin-top-xl-12 {

    -webkit-margin-before: 3rem !important;

    margin-block-start: 3rem !important

  }

  .margin-bottom-xl-12 {

    -webkit-margin-after: 3rem !important;

    margin-block-end: 3rem !important

  }

  .margin-y-xl-12 {

    margin-block: 3rem !important

  }

  .margin-start-xl-12 {

    -webkit-margin-start: 3rem !important;

    margin-inline-start: 3rem !important

  }

  .margin-end-xl-12 {

    -webkit-margin-end: 3rem !important;

    margin-inline-end: 3rem !important

  }

  .margin-x-xl-12 {

    margin-inline: 3rem !important

  }

}

@media(min-width: 1200px) {

  .gap-xl-13 {

    gap: 3.25rem !important

  }

  .padding-xl-13 {

    padding: 3.25rem !important

  }

  .padding-top-xl-13 {

    -webkit-padding-before: 3.25rem !important;

    padding-block-start: 3.25rem !important

  }

  .padding-bottom-xl-13 {

    -webkit-padding-after: 3.25rem !important;

    padding-block-end: 3.25rem !important

  }

  .padding-y-xl-13 {

    padding-block: 3.25rem !important

  }

  .padding-start-xl-13 {

    -webkit-padding-start: 3.25rem !important;

    padding-inline-start: 3.25rem !important

  }

  .padding-end-xl-13 {

    -webkit-padding-end: 3.25rem !important;

    padding-inline-end: 3.25rem !important

  }

  .padding-x-xl-13 {

    padding-inline: 3.25rem !important

  }

  .margin-xl-13 {

    margin: 3.25rem !important

  }

  .margin-top-xl-13 {

    -webkit-margin-before: 3.25rem !important;

    margin-block-start: 3.25rem !important

  }

  .margin-bottom-xl-13 {

    -webkit-margin-after: 3.25rem !important;

    margin-block-end: 3.25rem !important

  }

  .margin-y-xl-13 {

    margin-block: 3.25rem !important

  }

  .margin-start-xl-13 {

    -webkit-margin-start: 3.25rem !important;

    margin-inline-start: 3.25rem !important

  }

  .margin-end-xl-13 {

    -webkit-margin-end: 3.25rem !important;

    margin-inline-end: 3.25rem !important

  }

  .margin-x-xl-13 {

    margin-inline: 3.25rem !important

  }

}

@media(min-width: 1200px) {

  .gap-xl-14 {

    gap: 3.5rem !important

  }

  .padding-xl-14 {

    padding: 3.5rem !important

  }

  .padding-top-xl-14 {

    -webkit-padding-before: 3.5rem !important;

    padding-block-start: 3.5rem !important

  }

  .padding-bottom-xl-14 {

    -webkit-padding-after: 3.5rem !important;

    padding-block-end: 3.5rem !important

  }

  .padding-y-xl-14 {

    padding-block: 3.5rem !important

  }

  .padding-start-xl-14 {

    -webkit-padding-start: 3.5rem !important;

    padding-inline-start: 3.5rem !important

  }

  .padding-end-xl-14 {

    -webkit-padding-end: 3.5rem !important;

    padding-inline-end: 3.5rem !important

  }

  .padding-x-xl-14 {

    padding-inline: 3.5rem !important

  }

  .margin-xl-14 {

    margin: 3.5rem !important

  }

  .margin-top-xl-14 {

    -webkit-margin-before: 3.5rem !important;

    margin-block-start: 3.5rem !important

  }

  .margin-bottom-xl-14 {

    -webkit-margin-after: 3.5rem !important;

    margin-block-end: 3.5rem !important

  }

  .margin-y-xl-14 {

    margin-block: 3.5rem !important

  }

  .margin-start-xl-14 {

    -webkit-margin-start: 3.5rem !important;

    margin-inline-start: 3.5rem !important

  }

  .margin-end-xl-14 {

    -webkit-margin-end: 3.5rem !important;

    margin-inline-end: 3.5rem !important

  }

  .margin-x-xl-14 {

    margin-inline: 3.5rem !important

  }

}

@media(min-width: 1200px) {

  .gap-xl-15 {

    gap: 3.75rem !important

  }

  .padding-xl-15 {

    padding: 3.75rem !important

  }

  .padding-top-xl-15 {

    -webkit-padding-before: 3.75rem !important;

    padding-block-start: 3.75rem !important

  }

  .padding-bottom-xl-15 {

    -webkit-padding-after: 3.75rem !important;

    padding-block-end: 3.75rem !important

  }

  .padding-y-xl-15 {

    padding-block: 3.75rem !important

  }

  .padding-start-xl-15 {

    -webkit-padding-start: 3.75rem !important;

    padding-inline-start: 3.75rem !important

  }

  .padding-end-xl-15 {

    -webkit-padding-end: 3.75rem !important;

    padding-inline-end: 3.75rem !important

  }

  .padding-x-xl-15 {

    padding-inline: 3.75rem !important

  }

  .margin-xl-15 {

    margin: 3.75rem !important

  }

  .margin-top-xl-15 {

    -webkit-margin-before: 3.75rem !important;

    margin-block-start: 3.75rem !important

  }

  .margin-bottom-xl-15 {

    -webkit-margin-after: 3.75rem !important;

    margin-block-end: 3.75rem !important

  }

  .margin-y-xl-15 {

    margin-block: 3.75rem !important

  }

  .margin-start-xl-15 {

    -webkit-margin-start: 3.75rem !important;

    margin-inline-start: 3.75rem !important

  }

  .margin-end-xl-15 {

    -webkit-margin-end: 3.75rem !important;

    margin-inline-end: 3.75rem !important

  }

  .margin-x-xl-15 {

    margin-inline: 3.75rem !important

  }

}

@media(min-width: 1200px) {

  .gap-xl-16 {

    gap: 4rem !important

  }

  .padding-xl-16 {

    padding: 4rem !important

  }

  .padding-top-xl-16 {

    -webkit-padding-before: 4rem !important;

    padding-block-start: 4rem !important

  }

  .padding-bottom-xl-16 {

    -webkit-padding-after: 4rem !important;

    padding-block-end: 4rem !important

  }

  .padding-y-xl-16 {

    padding-block: 4rem !important

  }

  .padding-start-xl-16 {

    -webkit-padding-start: 4rem !important;

    padding-inline-start: 4rem !important

  }

  .padding-end-xl-16 {

    -webkit-padding-end: 4rem !important;

    padding-inline-end: 4rem !important

  }

  .padding-x-xl-16 {

    padding-inline: 4rem !important

  }

  .margin-xl-16 {

    margin: 4rem !important

  }

  .margin-top-xl-16 {

    -webkit-margin-before: 4rem !important;

    margin-block-start: 4rem !important

  }

  .margin-bottom-xl-16 {

    -webkit-margin-after: 4rem !important;

    margin-block-end: 4rem !important

  }

  .margin-y-xl-16 {

    margin-block: 4rem !important

  }

  .margin-start-xl-16 {

    -webkit-margin-start: 4rem !important;

    margin-inline-start: 4rem !important

  }

  .margin-end-xl-16 {

    -webkit-margin-end: 4rem !important;

    margin-inline-end: 4rem !important

  }

  .margin-x-xl-16 {

    margin-inline: 4rem !important

  }

}

@media(min-width: 1200px) {

  .gap-xl-17 {

    gap: 4.25rem !important

  }

  .padding-xl-17 {

    padding: 4.25rem !important

  }

  .padding-top-xl-17 {

    -webkit-padding-before: 4.25rem !important;

    padding-block-start: 4.25rem !important

  }

  .padding-bottom-xl-17 {

    -webkit-padding-after: 4.25rem !important;

    padding-block-end: 4.25rem !important

  }

  .padding-y-xl-17 {

    padding-block: 4.25rem !important

  }

  .padding-start-xl-17 {

    -webkit-padding-start: 4.25rem !important;

    padding-inline-start: 4.25rem !important

  }

  .padding-end-xl-17 {

    -webkit-padding-end: 4.25rem !important;

    padding-inline-end: 4.25rem !important

  }

  .padding-x-xl-17 {

    padding-inline: 4.25rem !important

  }

  .margin-xl-17 {

    margin: 4.25rem !important

  }

  .margin-top-xl-17 {

    -webkit-margin-before: 4.25rem !important;

    margin-block-start: 4.25rem !important

  }

  .margin-bottom-xl-17 {

    -webkit-margin-after: 4.25rem !important;

    margin-block-end: 4.25rem !important

  }

  .margin-y-xl-17 {

    margin-block: 4.25rem !important

  }

  .margin-start-xl-17 {

    -webkit-margin-start: 4.25rem !important;

    margin-inline-start: 4.25rem !important

  }

  .margin-end-xl-17 {

    -webkit-margin-end: 4.25rem !important;

    margin-inline-end: 4.25rem !important

  }

  .margin-x-xl-17 {

    margin-inline: 4.25rem !important

  }

}

@media(min-width: 1200px) {

  .gap-xl-18 {

    gap: 4.5rem !important

  }

  .padding-xl-18 {

    padding: 4.5rem !important

  }

  .padding-top-xl-18 {

    -webkit-padding-before: 4.5rem !important;

    padding-block-start: 4.5rem !important

  }

  .padding-bottom-xl-18 {

    -webkit-padding-after: 4.5rem !important;

    padding-block-end: 4.5rem !important

  }

  .padding-y-xl-18 {

    padding-block: 4.5rem !important

  }

  .padding-start-xl-18 {

    -webkit-padding-start: 4.5rem !important;

    padding-inline-start: 4.5rem !important

  }

  .padding-end-xl-18 {

    -webkit-padding-end: 4.5rem !important;

    padding-inline-end: 4.5rem !important

  }

  .padding-x-xl-18 {

    padding-inline: 4.5rem !important

  }

  .margin-xl-18 {

    margin: 4.5rem !important

  }

  .margin-top-xl-18 {

    -webkit-margin-before: 4.5rem !important;

    margin-block-start: 4.5rem !important

  }

  .margin-bottom-xl-18 {

    -webkit-margin-after: 4.5rem !important;

    margin-block-end: 4.5rem !important

  }

  .margin-y-xl-18 {

    margin-block: 4.5rem !important

  }

  .margin-start-xl-18 {

    -webkit-margin-start: 4.5rem !important;

    margin-inline-start: 4.5rem !important

  }

  .margin-end-xl-18 {

    -webkit-margin-end: 4.5rem !important;

    margin-inline-end: 4.5rem !important

  }

  .margin-x-xl-18 {

    margin-inline: 4.5rem !important

  }

}

@media(min-width: 1200px) {

  .gap-xl-19 {

    gap: 4.75rem !important

  }

  .padding-xl-19 {

    padding: 4.75rem !important

  }

  .padding-top-xl-19 {

    -webkit-padding-before: 4.75rem !important;

    padding-block-start: 4.75rem !important

  }

  .padding-bottom-xl-19 {

    -webkit-padding-after: 4.75rem !important;

    padding-block-end: 4.75rem !important

  }

  .padding-y-xl-19 {

    padding-block: 4.75rem !important

  }

  .padding-start-xl-19 {

    -webkit-padding-start: 4.75rem !important;

    padding-inline-start: 4.75rem !important

  }

  .padding-end-xl-19 {

    -webkit-padding-end: 4.75rem !important;

    padding-inline-end: 4.75rem !important

  }

  .padding-x-xl-19 {

    padding-inline: 4.75rem !important

  }

  .margin-xl-19 {

    margin: 4.75rem !important

  }

  .margin-top-xl-19 {

    -webkit-margin-before: 4.75rem !important;

    margin-block-start: 4.75rem !important

  }

  .margin-bottom-xl-19 {

    -webkit-margin-after: 4.75rem !important;

    margin-block-end: 4.75rem !important

  }

  .margin-y-xl-19 {

    margin-block: 4.75rem !important

  }

  .margin-start-xl-19 {

    -webkit-margin-start: 4.75rem !important;

    margin-inline-start: 4.75rem !important

  }

  .margin-end-xl-19 {

    -webkit-margin-end: 4.75rem !important;

    margin-inline-end: 4.75rem !important

  }

  .margin-x-xl-19 {

    margin-inline: 4.75rem !important

  }

}

@media(min-width: 1200px) {

  .gap-xl-20 {

    gap: 5rem !important

  }

  .padding-xl-20 {

    padding: 5rem !important

  }

  .padding-top-xl-20 {

    -webkit-padding-before: 5rem !important;

    padding-block-start: 5rem !important

  }

  .padding-bottom-xl-20 {

    -webkit-padding-after: 5rem !important;

    padding-block-end: 5rem !important

  }

  .padding-y-xl-20 {

    padding-block: 5rem !important

  }

  .padding-start-xl-20 {

    -webkit-padding-start: 5rem !important;

    padding-inline-start: 5rem !important

  }

  .padding-end-xl-20 {

    -webkit-padding-end: 5rem !important;

    padding-inline-end: 5rem !important

  }

  .padding-x-xl-20 {

    padding-inline: 5rem !important

  }

  .margin-xl-20 {

    margin: 5rem !important

  }

  .margin-top-xl-20 {

    -webkit-margin-before: 5rem !important;

    margin-block-start: 5rem !important

  }

  .margin-bottom-xl-20 {

    -webkit-margin-after: 5rem !important;

    margin-block-end: 5rem !important

  }

  .margin-y-xl-20 {

    margin-block: 5rem !important

  }

  .margin-start-xl-20 {

    -webkit-margin-start: 5rem !important;

    margin-inline-start: 5rem !important

  }

  .margin-end-xl-20 {

    -webkit-margin-end: 5rem !important;

    margin-inline-end: 5rem !important

  }

  .margin-x-xl-20 {

    margin-inline: 5rem !important

  }

}

@media(min-width: 1200px) {

  .gap-xl-21 {

    gap: 5.25rem !important

  }

  .padding-xl-21 {

    padding: 5.25rem !important

  }

  .padding-top-xl-21 {

    -webkit-padding-before: 5.25rem !important;

    padding-block-start: 5.25rem !important

  }

  .padding-bottom-xl-21 {

    -webkit-padding-after: 5.25rem !important;

    padding-block-end: 5.25rem !important

  }

  .padding-y-xl-21 {

    padding-block: 5.25rem !important

  }

  .padding-start-xl-21 {

    -webkit-padding-start: 5.25rem !important;

    padding-inline-start: 5.25rem !important

  }

  .padding-end-xl-21 {

    -webkit-padding-end: 5.25rem !important;

    padding-inline-end: 5.25rem !important

  }

  .padding-x-xl-21 {

    padding-inline: 5.25rem !important

  }

  .margin-xl-21 {

    margin: 5.25rem !important

  }

  .margin-top-xl-21 {

    -webkit-margin-before: 5.25rem !important;

    margin-block-start: 5.25rem !important

  }

  .margin-bottom-xl-21 {

    -webkit-margin-after: 5.25rem !important;

    margin-block-end: 5.25rem !important

  }

  .margin-y-xl-21 {

    margin-block: 5.25rem !important

  }

  .margin-start-xl-21 {

    -webkit-margin-start: 5.25rem !important;

    margin-inline-start: 5.25rem !important

  }

  .margin-end-xl-21 {

    -webkit-margin-end: 5.25rem !important;

    margin-inline-end: 5.25rem !important

  }

  .margin-x-xl-21 {

    margin-inline: 5.25rem !important

  }

}

@media(min-width: 1200px) {

  .gap-xl-22 {

    gap: 5.5rem !important

  }

  .padding-xl-22 {

    padding: 5.5rem !important

  }

  .padding-top-xl-22 {

    -webkit-padding-before: 5.5rem !important;

    padding-block-start: 5.5rem !important

  }

  .padding-bottom-xl-22 {

    -webkit-padding-after: 5.5rem !important;

    padding-block-end: 5.5rem !important

  }

  .padding-y-xl-22 {

    padding-block: 5.5rem !important

  }

  .padding-start-xl-22 {

    -webkit-padding-start: 5.5rem !important;

    padding-inline-start: 5.5rem !important

  }

  .padding-end-xl-22 {

    -webkit-padding-end: 5.5rem !important;

    padding-inline-end: 5.5rem !important

  }

  .padding-x-xl-22 {

    padding-inline: 5.5rem !important

  }

  .margin-xl-22 {

    margin: 5.5rem !important

  }

  .margin-top-xl-22 {

    -webkit-margin-before: 5.5rem !important;

    margin-block-start: 5.5rem !important

  }

  .margin-bottom-xl-22 {

    -webkit-margin-after: 5.5rem !important;

    margin-block-end: 5.5rem !important

  }

  .margin-y-xl-22 {

    margin-block: 5.5rem !important

  }

  .margin-start-xl-22 {

    -webkit-margin-start: 5.5rem !important;

    margin-inline-start: 5.5rem !important

  }

  .margin-end-xl-22 {

    -webkit-margin-end: 5.5rem !important;

    margin-inline-end: 5.5rem !important

  }

  .margin-x-xl-22 {

    margin-inline: 5.5rem !important

  }

}

@media(min-width: 1200px) {

  .gap-xl-23 {

    gap: 5.75rem !important

  }

  .padding-xl-23 {

    padding: 5.75rem !important

  }

  .padding-top-xl-23 {

    -webkit-padding-before: 5.75rem !important;

    padding-block-start: 5.75rem !important

  }

  .padding-bottom-xl-23 {

    -webkit-padding-after: 5.75rem !important;

    padding-block-end: 5.75rem !important

  }

  .padding-y-xl-23 {

    padding-block: 5.75rem !important

  }

  .padding-start-xl-23 {

    -webkit-padding-start: 5.75rem !important;

    padding-inline-start: 5.75rem !important

  }

  .padding-end-xl-23 {

    -webkit-padding-end: 5.75rem !important;

    padding-inline-end: 5.75rem !important

  }

  .padding-x-xl-23 {

    padding-inline: 5.75rem !important

  }

  .margin-xl-23 {

    margin: 5.75rem !important

  }

  .margin-top-xl-23 {

    -webkit-margin-before: 5.75rem !important;

    margin-block-start: 5.75rem !important

  }

  .margin-bottom-xl-23 {

    -webkit-margin-after: 5.75rem !important;

    margin-block-end: 5.75rem !important

  }

  .margin-y-xl-23 {

    margin-block: 5.75rem !important

  }

  .margin-start-xl-23 {

    -webkit-margin-start: 5.75rem !important;

    margin-inline-start: 5.75rem !important

  }

  .margin-end-xl-23 {

    -webkit-margin-end: 5.75rem !important;

    margin-inline-end: 5.75rem !important

  }

  .margin-x-xl-23 {

    margin-inline: 5.75rem !important

  }

}

@media(min-width: 1200px) {

  .gap-xl-24 {

    gap: 6rem !important

  }

  .padding-xl-24 {

    padding: 6rem !important

  }

  .padding-top-xl-24 {

    -webkit-padding-before: 6rem !important;

    padding-block-start: 6rem !important

  }

  .padding-bottom-xl-24 {

    -webkit-padding-after: 6rem !important;

    padding-block-end: 6rem !important

  }

  .padding-y-xl-24 {

    padding-block: 6rem !important

  }

  .padding-start-xl-24 {

    -webkit-padding-start: 6rem !important;

    padding-inline-start: 6rem !important

  }

  .padding-end-xl-24 {

    -webkit-padding-end: 6rem !important;

    padding-inline-end: 6rem !important

  }

  .padding-x-xl-24 {

    padding-inline: 6rem !important

  }

  .margin-xl-24 {

    margin: 6rem !important

  }

  .margin-top-xl-24 {

    -webkit-margin-before: 6rem !important;

    margin-block-start: 6rem !important

  }

  .margin-bottom-xl-24 {

    -webkit-margin-after: 6rem !important;

    margin-block-end: 6rem !important

  }

  .margin-y-xl-24 {

    margin-block: 6rem !important

  }

  .margin-start-xl-24 {

    -webkit-margin-start: 6rem !important;

    margin-inline-start: 6rem !important

  }

  .margin-end-xl-24 {

    -webkit-margin-end: 6rem !important;

    margin-inline-end: 6rem !important

  }

  .margin-x-xl-24 {

    margin-inline: 6rem !important

  }

}

@media(min-width: 1200px) {

  .gap-xl-25 {

    gap: 6.25rem !important

  }

  .padding-xl-25 {

    padding: 6.25rem !important

  }

  .padding-top-xl-25 {

    -webkit-padding-before: 6.25rem !important;

    padding-block-start: 6.25rem !important

  }

  .padding-bottom-xl-25 {

    -webkit-padding-after: 6.25rem !important;

    padding-block-end: 6.25rem !important

  }

  .padding-y-xl-25 {

    padding-block: 6.25rem !important

  }

  .padding-start-xl-25 {

    -webkit-padding-start: 6.25rem !important;

    padding-inline-start: 6.25rem !important

  }

  .padding-end-xl-25 {

    -webkit-padding-end: 6.25rem !important;

    padding-inline-end: 6.25rem !important

  }

  .padding-x-xl-25 {

    padding-inline: 6.25rem !important

  }

  .margin-xl-25 {

    margin: 6.25rem !important

  }

  .margin-top-xl-25 {

    -webkit-margin-before: 6.25rem !important;

    margin-block-start: 6.25rem !important

  }

  .margin-bottom-xl-25 {

    -webkit-margin-after: 6.25rem !important;

    margin-block-end: 6.25rem !important

  }

  .margin-y-xl-25 {

    margin-block: 6.25rem !important

  }

  .margin-start-xl-25 {

    -webkit-margin-start: 6.25rem !important;

    margin-inline-start: 6.25rem !important

  }

  .margin-end-xl-25 {

    -webkit-margin-end: 6.25rem !important;

    margin-inline-end: 6.25rem !important

  }

  .margin-x-xl-25 {

    margin-inline: 6.25rem !important

  }

}

@media(min-width: 1200px) {

  .gap-xl-26 {

    gap: 6.5rem !important

  }

  .padding-xl-26 {

    padding: 6.5rem !important

  }

  .padding-top-xl-26 {

    -webkit-padding-before: 6.5rem !important;

    padding-block-start: 6.5rem !important

  }

  .padding-bottom-xl-26 {

    -webkit-padding-after: 6.5rem !important;

    padding-block-end: 6.5rem !important

  }

  .padding-y-xl-26 {

    padding-block: 6.5rem !important

  }

  .padding-start-xl-26 {

    -webkit-padding-start: 6.5rem !important;

    padding-inline-start: 6.5rem !important

  }

  .padding-end-xl-26 {

    -webkit-padding-end: 6.5rem !important;

    padding-inline-end: 6.5rem !important

  }

  .padding-x-xl-26 {

    padding-inline: 6.5rem !important

  }

  .margin-xl-26 {

    margin: 6.5rem !important

  }

  .margin-top-xl-26 {

    -webkit-margin-before: 6.5rem !important;

    margin-block-start: 6.5rem !important

  }

  .margin-bottom-xl-26 {

    -webkit-margin-after: 6.5rem !important;

    margin-block-end: 6.5rem !important

  }

  .margin-y-xl-26 {

    margin-block: 6.5rem !important

  }

  .margin-start-xl-26 {

    -webkit-margin-start: 6.5rem !important;

    margin-inline-start: 6.5rem !important

  }

  .margin-end-xl-26 {

    -webkit-margin-end: 6.5rem !important;

    margin-inline-end: 6.5rem !important

  }

  .margin-x-xl-26 {

    margin-inline: 6.5rem !important

  }

}

@media(min-width: 1200px) {

  .gap-xl-27 {

    gap: 6.75rem !important

  }

  .padding-xl-27 {

    padding: 6.75rem !important

  }

  .padding-top-xl-27 {

    -webkit-padding-before: 6.75rem !important;

    padding-block-start: 6.75rem !important

  }

  .padding-bottom-xl-27 {

    -webkit-padding-after: 6.75rem !important;

    padding-block-end: 6.75rem !important

  }

  .padding-y-xl-27 {

    padding-block: 6.75rem !important

  }

  .padding-start-xl-27 {

    -webkit-padding-start: 6.75rem !important;

    padding-inline-start: 6.75rem !important

  }

  .padding-end-xl-27 {

    -webkit-padding-end: 6.75rem !important;

    padding-inline-end: 6.75rem !important

  }

  .padding-x-xl-27 {

    padding-inline: 6.75rem !important

  }

  .margin-xl-27 {

    margin: 6.75rem !important

  }

  .margin-top-xl-27 {

    -webkit-margin-before: 6.75rem !important;

    margin-block-start: 6.75rem !important

  }

  .margin-bottom-xl-27 {

    -webkit-margin-after: 6.75rem !important;

    margin-block-end: 6.75rem !important

  }

  .margin-y-xl-27 {

    margin-block: 6.75rem !important

  }

  .margin-start-xl-27 {

    -webkit-margin-start: 6.75rem !important;

    margin-inline-start: 6.75rem !important

  }

  .margin-end-xl-27 {

    -webkit-margin-end: 6.75rem !important;

    margin-inline-end: 6.75rem !important

  }

  .margin-x-xl-27 {

    margin-inline: 6.75rem !important

  }

}

@media(min-width: 1200px) {

  .gap-xl-28 {

    gap: 7rem !important

  }

  .padding-xl-28 {

    padding: 7rem !important

  }

  .padding-top-xl-28 {

    -webkit-padding-before: 7rem !important;

    padding-block-start: 7rem !important

  }

  .padding-bottom-xl-28 {

    -webkit-padding-after: 7rem !important;

    padding-block-end: 7rem !important

  }

  .padding-y-xl-28 {

    padding-block: 7rem !important

  }

  .padding-start-xl-28 {

    -webkit-padding-start: 7rem !important;

    padding-inline-start: 7rem !important

  }

  .padding-end-xl-28 {

    -webkit-padding-end: 7rem !important;

    padding-inline-end: 7rem !important

  }

  .padding-x-xl-28 {

    padding-inline: 7rem !important

  }

  .margin-xl-28 {

    margin: 7rem !important

  }

  .margin-top-xl-28 {

    -webkit-margin-before: 7rem !important;

    margin-block-start: 7rem !important

  }

  .margin-bottom-xl-28 {

    -webkit-margin-after: 7rem !important;

    margin-block-end: 7rem !important

  }

  .margin-y-xl-28 {

    margin-block: 7rem !important

  }

  .margin-start-xl-28 {

    -webkit-margin-start: 7rem !important;

    margin-inline-start: 7rem !important

  }

  .margin-end-xl-28 {

    -webkit-margin-end: 7rem !important;

    margin-inline-end: 7rem !important

  }

  .margin-x-xl-28 {

    margin-inline: 7rem !important

  }

}

@media(min-width: 1200px) {

  .gap-xl-29 {

    gap: 7.25rem !important

  }

  .padding-xl-29 {

    padding: 7.25rem !important

  }

  .padding-top-xl-29 {

    -webkit-padding-before: 7.25rem !important;

    padding-block-start: 7.25rem !important

  }

  .padding-bottom-xl-29 {

    -webkit-padding-after: 7.25rem !important;

    padding-block-end: 7.25rem !important

  }

  .padding-y-xl-29 {

    padding-block: 7.25rem !important

  }

  .padding-start-xl-29 {

    -webkit-padding-start: 7.25rem !important;

    padding-inline-start: 7.25rem !important

  }

  .padding-end-xl-29 {

    -webkit-padding-end: 7.25rem !important;

    padding-inline-end: 7.25rem !important

  }

  .padding-x-xl-29 {

    padding-inline: 7.25rem !important

  }

  .margin-xl-29 {

    margin: 7.25rem !important

  }

  .margin-top-xl-29 {

    -webkit-margin-before: 7.25rem !important;

    margin-block-start: 7.25rem !important

  }

  .margin-bottom-xl-29 {

    -webkit-margin-after: 7.25rem !important;

    margin-block-end: 7.25rem !important

  }

  .margin-y-xl-29 {

    margin-block: 7.25rem !important

  }

  .margin-start-xl-29 {

    -webkit-margin-start: 7.25rem !important;

    margin-inline-start: 7.25rem !important

  }

  .margin-end-xl-29 {

    -webkit-margin-end: 7.25rem !important;

    margin-inline-end: 7.25rem !important

  }

  .margin-x-xl-29 {

    margin-inline: 7.25rem !important

  }

}

@media(min-width: 1200px) {

  .gap-xl-30 {

    gap: 7.5rem !important

  }

  .padding-xl-30 {

    padding: 7.5rem !important

  }

  .padding-top-xl-30 {

    -webkit-padding-before: 7.5rem !important;

    padding-block-start: 7.5rem !important

  }

  .padding-bottom-xl-30 {

    -webkit-padding-after: 7.5rem !important;

    padding-block-end: 7.5rem !important

  }

  .padding-y-xl-30 {

    padding-block: 7.5rem !important

  }

  .padding-start-xl-30 {

    -webkit-padding-start: 7.5rem !important;

    padding-inline-start: 7.5rem !important

  }

  .padding-end-xl-30 {

    -webkit-padding-end: 7.5rem !important;

    padding-inline-end: 7.5rem !important

  }

  .padding-x-xl-30 {

    padding-inline: 7.5rem !important

  }

  .margin-xl-30 {

    margin: 7.5rem !important

  }

  .margin-top-xl-30 {

    -webkit-margin-before: 7.5rem !important;

    margin-block-start: 7.5rem !important

  }

  .margin-bottom-xl-30 {

    -webkit-margin-after: 7.5rem !important;

    margin-block-end: 7.5rem !important

  }

  .margin-y-xl-30 {

    margin-block: 7.5rem !important

  }

  .margin-start-xl-30 {

    -webkit-margin-start: 7.5rem !important;

    margin-inline-start: 7.5rem !important

  }

  .margin-end-xl-30 {

    -webkit-margin-end: 7.5rem !important;

    margin-inline-end: 7.5rem !important

  }

  .margin-x-xl-30 {

    margin-inline: 7.5rem !important

  }

}

@media(min-width: 1400px) {

  .gap-xxl-0 {

    gap: 0 !important

  }

  .padding-xxl-0 {

    padding: 0 !important

  }

  .padding-top-xxl-0 {

    -webkit-padding-before: 0 !important;

    padding-block-start: 0 !important

  }

  .padding-bottom-xxl-0 {

    -webkit-padding-after: 0 !important;

    padding-block-end: 0 !important

  }

  .padding-y-xxl-0 {

    padding-block: 0 !important

  }

  .padding-start-xxl-0 {

    -webkit-padding-start: 0 !important;

    padding-inline-start: 0 !important

  }

  .padding-end-xxl-0 {

    -webkit-padding-end: 0 !important;

    padding-inline-end: 0 !important

  }

  .padding-x-xxl-0 {

    padding-inline: 0 !important

  }

  .margin-xxl-0 {

    margin: 0 !important

  }

  .margin-top-xxl-0 {

    -webkit-margin-before: 0 !important;

    margin-block-start: 0 !important

  }

  .margin-bottom-xxl-0 {

    -webkit-margin-after: 0 !important;

    margin-block-end: 0 !important

  }

  .margin-y-xxl-0 {

    margin-block: 0 !important

  }

  .margin-start-xxl-0 {

    -webkit-margin-start: 0 !important;

    margin-inline-start: 0 !important

  }

  .margin-end-xxl-0 {

    -webkit-margin-end: 0 !important;

    margin-inline-end: 0 !important

  }

  .margin-x-xxl-0 {

    margin-inline: 0 !important

  }

}

@media(min-width: 1400px) {

  .gap-xxl-1 {

    gap: 0.25rem !important

  }

  .padding-xxl-1 {

    padding: 0.25rem !important

  }

  .padding-top-xxl-1 {

    -webkit-padding-before: 0.25rem !important;

    padding-block-start: 0.25rem !important

  }

  .padding-bottom-xxl-1 {

    -webkit-padding-after: 0.25rem !important;

    padding-block-end: 0.25rem !important

  }

  .padding-y-xxl-1 {

    padding-block: 0.25rem !important

  }

  .padding-start-xxl-1 {

    -webkit-padding-start: 0.25rem !important;

    padding-inline-start: 0.25rem !important

  }

  .padding-end-xxl-1 {

    -webkit-padding-end: 0.25rem !important;

    padding-inline-end: 0.25rem !important

  }

  .padding-x-xxl-1 {

    padding-inline: 0.25rem !important

  }

  .margin-xxl-1 {

    margin: 0.25rem !important

  }

  .margin-top-xxl-1 {

    -webkit-margin-before: 0.25rem !important;

    margin-block-start: 0.25rem !important

  }

  .margin-bottom-xxl-1 {

    -webkit-margin-after: 0.25rem !important;

    margin-block-end: 0.25rem !important

  }

  .margin-y-xxl-1 {

    margin-block: 0.25rem !important

  }

  .margin-start-xxl-1 {

    -webkit-margin-start: 0.25rem !important;

    margin-inline-start: 0.25rem !important

  }

  .margin-end-xxl-1 {

    -webkit-margin-end: 0.25rem !important;

    margin-inline-end: 0.25rem !important

  }

  .margin-x-xxl-1 {

    margin-inline: 0.25rem !important

  }

}

@media(min-width: 1400px) {

  .gap-xxl-2 {

    gap: 0.5rem !important

  }

  .padding-xxl-2 {

    padding: 0.5rem !important

  }

  .padding-top-xxl-2 {

    -webkit-padding-before: 0.5rem !important;

    padding-block-start: 0.5rem !important

  }

  .padding-bottom-xxl-2 {

    -webkit-padding-after: 0.5rem !important;

    padding-block-end: 0.5rem !important

  }

  .padding-y-xxl-2 {

    padding-block: 0.5rem !important

  }

  .padding-start-xxl-2 {

    -webkit-padding-start: 0.5rem !important;

    padding-inline-start: 0.5rem !important

  }

  .padding-end-xxl-2 {

    -webkit-padding-end: 0.5rem !important;

    padding-inline-end: 0.5rem !important

  }

  .padding-x-xxl-2 {

    padding-inline: 0.5rem !important

  }

  .margin-xxl-2 {

    margin: 0.5rem !important

  }

  .margin-top-xxl-2 {

    -webkit-margin-before: 0.5rem !important;

    margin-block-start: 0.5rem !important

  }

  .margin-bottom-xxl-2 {

    -webkit-margin-after: 0.5rem !important;

    margin-block-end: 0.5rem !important

  }

  .margin-y-xxl-2 {

    margin-block: 0.5rem !important

  }

  .margin-start-xxl-2 {

    -webkit-margin-start: 0.5rem !important;

    margin-inline-start: 0.5rem !important

  }

  .margin-end-xxl-2 {

    -webkit-margin-end: 0.5rem !important;

    margin-inline-end: 0.5rem !important

  }

  .margin-x-xxl-2 {

    margin-inline: 0.5rem !important

  }

}

@media(min-width: 1400px) {

  .gap-xxl-3 {

    gap: 0.75rem !important

  }

  .padding-xxl-3 {

    padding: 0.75rem !important

  }

  .padding-top-xxl-3 {

    -webkit-padding-before: 0.75rem !important;

    padding-block-start: 0.75rem !important

  }

  .padding-bottom-xxl-3 {

    -webkit-padding-after: 0.75rem !important;

    padding-block-end: 0.75rem !important

  }

  .padding-y-xxl-3 {

    padding-block: 0.75rem !important

  }

  .padding-start-xxl-3 {

    -webkit-padding-start: 0.75rem !important;

    padding-inline-start: 0.75rem !important

  }

  .padding-end-xxl-3 {

    -webkit-padding-end: 0.75rem !important;

    padding-inline-end: 0.75rem !important

  }

  .padding-x-xxl-3 {

    padding-inline: 0.75rem !important

  }

  .margin-xxl-3 {

    margin: 0.75rem !important

  }

  .margin-top-xxl-3 {

    -webkit-margin-before: 0.75rem !important;

    margin-block-start: 0.75rem !important

  }

  .margin-bottom-xxl-3 {

    -webkit-margin-after: 0.75rem !important;

    margin-block-end: 0.75rem !important

  }

  .margin-y-xxl-3 {

    margin-block: 0.75rem !important

  }

  .margin-start-xxl-3 {

    -webkit-margin-start: 0.75rem !important;

    margin-inline-start: 0.75rem !important

  }

  .margin-end-xxl-3 {

    -webkit-margin-end: 0.75rem !important;

    margin-inline-end: 0.75rem !important

  }

  .margin-x-xxl-3 {

    margin-inline: 0.75rem !important

  }

}

@media(min-width: 1400px) {

  .gap-xxl-4 {

    gap: 1rem !important

  }

  .padding-xxl-4 {

    padding: 1rem !important

  }

  .padding-top-xxl-4 {

    -webkit-padding-before: 1rem !important;

    padding-block-start: 1rem !important

  }

  .padding-bottom-xxl-4 {

    -webkit-padding-after: 1rem !important;

    padding-block-end: 1rem !important

  }

  .padding-y-xxl-4 {

    padding-block: 1rem !important

  }

  .padding-start-xxl-4 {

    -webkit-padding-start: 1rem !important;

    padding-inline-start: 1rem !important

  }

  .padding-end-xxl-4 {

    -webkit-padding-end: 1rem !important;

    padding-inline-end: 1rem !important

  }

  .padding-x-xxl-4 {

    padding-inline: 1rem !important

  }

  .margin-xxl-4 {

    margin: 1rem !important

  }

  .margin-top-xxl-4 {

    -webkit-margin-before: 1rem !important;

    margin-block-start: 1rem !important

  }

  .margin-bottom-xxl-4 {

    -webkit-margin-after: 1rem !important;

    margin-block-end: 1rem !important

  }

  .margin-y-xxl-4 {

    margin-block: 1rem !important

  }

  .margin-start-xxl-4 {

    -webkit-margin-start: 1rem !important;

    margin-inline-start: 1rem !important

  }

  .margin-end-xxl-4 {

    -webkit-margin-end: 1rem !important;

    margin-inline-end: 1rem !important

  }

  .margin-x-xxl-4 {

    margin-inline: 1rem !important

  }

}

@media(min-width: 1400px) {

  .gap-xxl-5 {

    gap: 1.25rem !important

  }

  .padding-xxl-5 {

    padding: 1.25rem !important

  }

  .padding-top-xxl-5 {

    -webkit-padding-before: 1.25rem !important;

    padding-block-start: 1.25rem !important

  }

  .padding-bottom-xxl-5 {

    -webkit-padding-after: 1.25rem !important;

    padding-block-end: 1.25rem !important

  }

  .padding-y-xxl-5 {

    padding-block: 1.25rem !important

  }

  .padding-start-xxl-5 {

    -webkit-padding-start: 1.25rem !important;

    padding-inline-start: 1.25rem !important

  }

  .padding-end-xxl-5 {

    -webkit-padding-end: 1.25rem !important;

    padding-inline-end: 1.25rem !important

  }

  .padding-x-xxl-5 {

    padding-inline: 1.25rem !important

  }

  .margin-xxl-5 {

    margin: 1.25rem !important

  }

  .margin-top-xxl-5 {

    -webkit-margin-before: 1.25rem !important;

    margin-block-start: 1.25rem !important

  }

  .margin-bottom-xxl-5 {

    -webkit-margin-after: 1.25rem !important;

    margin-block-end: 1.25rem !important

  }

  .margin-y-xxl-5 {

    margin-block: 1.25rem !important

  }

  .margin-start-xxl-5 {

    -webkit-margin-start: 1.25rem !important;

    margin-inline-start: 1.25rem !important

  }

  .margin-end-xxl-5 {

    -webkit-margin-end: 1.25rem !important;

    margin-inline-end: 1.25rem !important

  }

  .margin-x-xxl-5 {

    margin-inline: 1.25rem !important

  }

}

@media(min-width: 1400px) {

  .gap-xxl-6 {

    gap: 1.5rem !important

  }

  .padding-xxl-6 {

    padding: 1.5rem !important

  }

  .padding-top-xxl-6 {

    -webkit-padding-before: 1.5rem !important;

    padding-block-start: 1.5rem !important

  }

  .padding-bottom-xxl-6 {

    -webkit-padding-after: 1.5rem !important;

    padding-block-end: 1.5rem !important

  }

  .padding-y-xxl-6 {

    padding-block: 1.5rem !important

  }

  .padding-start-xxl-6 {

    -webkit-padding-start: 1.5rem !important;

    padding-inline-start: 1.5rem !important

  }

  .padding-end-xxl-6 {

    -webkit-padding-end: 1.5rem !important;

    padding-inline-end: 1.5rem !important

  }

  .padding-x-xxl-6 {

    padding-inline: 1.5rem !important

  }

  .margin-xxl-6 {

    margin: 1.5rem !important

  }

  .margin-top-xxl-6 {

    -webkit-margin-before: 1.5rem !important;

    margin-block-start: 1.5rem !important

  }

  .margin-bottom-xxl-6 {

    -webkit-margin-after: 1.5rem !important;

    margin-block-end: 1.5rem !important

  }

  .margin-y-xxl-6 {

    margin-block: 1.5rem !important

  }

  .margin-start-xxl-6 {

    -webkit-margin-start: 1.5rem !important;

    margin-inline-start: 1.5rem !important

  }

  .margin-end-xxl-6 {

    -webkit-margin-end: 1.5rem !important;

    margin-inline-end: 1.5rem !important

  }

  .margin-x-xxl-6 {

    margin-inline: 1.5rem !important

  }

}

@media(min-width: 1400px) {

  .gap-xxl-7 {

    gap: 1.75rem !important

  }

  .padding-xxl-7 {

    padding: 1.75rem !important

  }

  .padding-top-xxl-7 {

    -webkit-padding-before: 1.75rem !important;

    padding-block-start: 1.75rem !important

  }

  .padding-bottom-xxl-7 {

    -webkit-padding-after: 1.75rem !important;

    padding-block-end: 1.75rem !important

  }

  .padding-y-xxl-7 {

    padding-block: 1.75rem !important

  }

  .padding-start-xxl-7 {

    -webkit-padding-start: 1.75rem !important;

    padding-inline-start: 1.75rem !important

  }

  .padding-end-xxl-7 {

    -webkit-padding-end: 1.75rem !important;

    padding-inline-end: 1.75rem !important

  }

  .padding-x-xxl-7 {

    padding-inline: 1.75rem !important

  }

  .margin-xxl-7 {

    margin: 1.75rem !important

  }

  .margin-top-xxl-7 {

    -webkit-margin-before: 1.75rem !important;

    margin-block-start: 1.75rem !important

  }

  .margin-bottom-xxl-7 {

    -webkit-margin-after: 1.75rem !important;

    margin-block-end: 1.75rem !important

  }

  .margin-y-xxl-7 {

    margin-block: 1.75rem !important

  }

  .margin-start-xxl-7 {

    -webkit-margin-start: 1.75rem !important;

    margin-inline-start: 1.75rem !important

  }

  .margin-end-xxl-7 {

    -webkit-margin-end: 1.75rem !important;

    margin-inline-end: 1.75rem !important

  }

  .margin-x-xxl-7 {

    margin-inline: 1.75rem !important

  }

}

@media(min-width: 1400px) {

  .gap-xxl-8 {

    gap: 2rem !important

  }

  .padding-xxl-8 {

    padding: 2rem !important

  }

  .padding-top-xxl-8 {

    -webkit-padding-before: 2rem !important;

    padding-block-start: 2rem !important

  }

  .padding-bottom-xxl-8 {

    -webkit-padding-after: 2rem !important;

    padding-block-end: 2rem !important

  }

  .padding-y-xxl-8 {

    padding-block: 2rem !important

  }

  .padding-start-xxl-8 {

    -webkit-padding-start: 2rem !important;

    padding-inline-start: 2rem !important

  }

  .padding-end-xxl-8 {

    -webkit-padding-end: 2rem !important;

    padding-inline-end: 2rem !important

  }

  .padding-x-xxl-8 {

    padding-inline: 2rem !important

  }

  .margin-xxl-8 {

    margin: 2rem !important

  }

  .margin-top-xxl-8 {

    -webkit-margin-before: 2rem !important;

    margin-block-start: 2rem !important

  }

  .margin-bottom-xxl-8 {

    -webkit-margin-after: 2rem !important;

    margin-block-end: 2rem !important

  }

  .margin-y-xxl-8 {

    margin-block: 2rem !important

  }

  .margin-start-xxl-8 {

    -webkit-margin-start: 2rem !important;

    margin-inline-start: 2rem !important

  }

  .margin-end-xxl-8 {

    -webkit-margin-end: 2rem !important;

    margin-inline-end: 2rem !important

  }

  .margin-x-xxl-8 {

    margin-inline: 2rem !important

  }

}

@media(min-width: 1400px) {

  .gap-xxl-9 {

    gap: 2.25rem !important

  }

  .padding-xxl-9 {

    padding: 2.25rem !important

  }

  .padding-top-xxl-9 {

    -webkit-padding-before: 2.25rem !important;

    padding-block-start: 2.25rem !important

  }

  .padding-bottom-xxl-9 {

    -webkit-padding-after: 2.25rem !important;

    padding-block-end: 2.25rem !important

  }

  .padding-y-xxl-9 {

    padding-block: 2.25rem !important

  }

  .padding-start-xxl-9 {

    -webkit-padding-start: 2.25rem !important;

    padding-inline-start: 2.25rem !important

  }

  .padding-end-xxl-9 {

    -webkit-padding-end: 2.25rem !important;

    padding-inline-end: 2.25rem !important

  }

  .padding-x-xxl-9 {

    padding-inline: 2.25rem !important

  }

  .margin-xxl-9 {

    margin: 2.25rem !important

  }

  .margin-top-xxl-9 {

    -webkit-margin-before: 2.25rem !important;

    margin-block-start: 2.25rem !important

  }

  .margin-bottom-xxl-9 {

    -webkit-margin-after: 2.25rem !important;

    margin-block-end: 2.25rem !important

  }

  .margin-y-xxl-9 {

    margin-block: 2.25rem !important

  }

  .margin-start-xxl-9 {

    -webkit-margin-start: 2.25rem !important;

    margin-inline-start: 2.25rem !important

  }

  .margin-end-xxl-9 {

    -webkit-margin-end: 2.25rem !important;

    margin-inline-end: 2.25rem !important

  }

  .margin-x-xxl-9 {

    margin-inline: 2.25rem !important

  }

}

@media(min-width: 1400px) {

  .gap-xxl-10 {

    gap: 2.5rem !important

  }

  .padding-xxl-10 {

    padding: 2.5rem !important

  }

  .padding-top-xxl-10 {

    -webkit-padding-before: 2.5rem !important;

    padding-block-start: 2.5rem !important

  }

  .padding-bottom-xxl-10 {

    -webkit-padding-after: 2.5rem !important;

    padding-block-end: 2.5rem !important

  }

  .padding-y-xxl-10 {

    padding-block: 2.5rem !important

  }

  .padding-start-xxl-10 {

    -webkit-padding-start: 2.5rem !important;

    padding-inline-start: 2.5rem !important

  }

  .padding-end-xxl-10 {

    -webkit-padding-end: 2.5rem !important;

    padding-inline-end: 2.5rem !important

  }

  .padding-x-xxl-10 {

    padding-inline: 2.5rem !important

  }

  .margin-xxl-10 {

    margin: 2.5rem !important

  }

  .margin-top-xxl-10 {

    -webkit-margin-before: 2.5rem !important;

    margin-block-start: 2.5rem !important

  }

  .margin-bottom-xxl-10 {

    -webkit-margin-after: 2.5rem !important;

    margin-block-end: 2.5rem !important

  }

  .margin-y-xxl-10 {

    margin-block: 2.5rem !important

  }

  .margin-start-xxl-10 {

    -webkit-margin-start: 2.5rem !important;

    margin-inline-start: 2.5rem !important

  }

  .margin-end-xxl-10 {

    -webkit-margin-end: 2.5rem !important;

    margin-inline-end: 2.5rem !important

  }

  .margin-x-xxl-10 {

    margin-inline: 2.5rem !important

  }

}

@media(min-width: 1400px) {

  .gap-xxl-11 {

    gap: 2.75rem !important

  }

  .padding-xxl-11 {

    padding: 2.75rem !important

  }

  .padding-top-xxl-11 {

    -webkit-padding-before: 2.75rem !important;

    padding-block-start: 2.75rem !important

  }

  .padding-bottom-xxl-11 {

    -webkit-padding-after: 2.75rem !important;

    padding-block-end: 2.75rem !important

  }

  .padding-y-xxl-11 {

    padding-block: 2.75rem !important

  }

  .padding-start-xxl-11 {

    -webkit-padding-start: 2.75rem !important;

    padding-inline-start: 2.75rem !important

  }

  .padding-end-xxl-11 {

    -webkit-padding-end: 2.75rem !important;

    padding-inline-end: 2.75rem !important

  }

  .padding-x-xxl-11 {

    padding-inline: 2.75rem !important

  }

  .margin-xxl-11 {

    margin: 2.75rem !important

  }

  .margin-top-xxl-11 {

    -webkit-margin-before: 2.75rem !important;

    margin-block-start: 2.75rem !important

  }

  .margin-bottom-xxl-11 {

    -webkit-margin-after: 2.75rem !important;

    margin-block-end: 2.75rem !important

  }

  .margin-y-xxl-11 {

    margin-block: 2.75rem !important

  }

  .margin-start-xxl-11 {

    -webkit-margin-start: 2.75rem !important;

    margin-inline-start: 2.75rem !important

  }

  .margin-end-xxl-11 {

    -webkit-margin-end: 2.75rem !important;

    margin-inline-end: 2.75rem !important

  }

  .margin-x-xxl-11 {

    margin-inline: 2.75rem !important

  }

}

@media(min-width: 1400px) {

  .gap-xxl-12 {

    gap: 3rem !important

  }

  .padding-xxl-12 {

    padding: 3rem !important

  }

  .padding-top-xxl-12 {

    -webkit-padding-before: 3rem !important;

    padding-block-start: 3rem !important

  }

  .padding-bottom-xxl-12 {

    -webkit-padding-after: 3rem !important;

    padding-block-end: 3rem !important

  }

  .padding-y-xxl-12 {

    padding-block: 3rem !important

  }

  .padding-start-xxl-12 {

    -webkit-padding-start: 3rem !important;

    padding-inline-start: 3rem !important

  }

  .padding-end-xxl-12 {

    -webkit-padding-end: 3rem !important;

    padding-inline-end: 3rem !important

  }

  .padding-x-xxl-12 {

    padding-inline: 3rem !important

  }

  .margin-xxl-12 {

    margin: 3rem !important

  }

  .margin-top-xxl-12 {

    -webkit-margin-before: 3rem !important;

    margin-block-start: 3rem !important

  }

  .margin-bottom-xxl-12 {

    -webkit-margin-after: 3rem !important;

    margin-block-end: 3rem !important

  }

  .margin-y-xxl-12 {

    margin-block: 3rem !important

  }

  .margin-start-xxl-12 {

    -webkit-margin-start: 3rem !important;

    margin-inline-start: 3rem !important

  }

  .margin-end-xxl-12 {

    -webkit-margin-end: 3rem !important;

    margin-inline-end: 3rem !important

  }

  .margin-x-xxl-12 {

    margin-inline: 3rem !important

  }

}

@media(min-width: 1400px) {

  .gap-xxl-13 {

    gap: 3.25rem !important

  }

  .padding-xxl-13 {

    padding: 3.25rem !important

  }

  .padding-top-xxl-13 {

    -webkit-padding-before: 3.25rem !important;

    padding-block-start: 3.25rem !important

  }

  .padding-bottom-xxl-13 {

    -webkit-padding-after: 3.25rem !important;

    padding-block-end: 3.25rem !important

  }

  .padding-y-xxl-13 {

    padding-block: 3.25rem !important

  }

  .padding-start-xxl-13 {

    -webkit-padding-start: 3.25rem !important;

    padding-inline-start: 3.25rem !important

  }

  .padding-end-xxl-13 {

    -webkit-padding-end: 3.25rem !important;

    padding-inline-end: 3.25rem !important

  }

  .padding-x-xxl-13 {

    padding-inline: 3.25rem !important

  }

  .margin-xxl-13 {

    margin: 3.25rem !important

  }

  .margin-top-xxl-13 {

    -webkit-margin-before: 3.25rem !important;

    margin-block-start: 3.25rem !important

  }

  .margin-bottom-xxl-13 {

    -webkit-margin-after: 3.25rem !important;

    margin-block-end: 3.25rem !important

  }

  .margin-y-xxl-13 {

    margin-block: 3.25rem !important

  }

  .margin-start-xxl-13 {

    -webkit-margin-start: 3.25rem !important;

    margin-inline-start: 3.25rem !important

  }

  .margin-end-xxl-13 {

    -webkit-margin-end: 3.25rem !important;

    margin-inline-end: 3.25rem !important

  }

  .margin-x-xxl-13 {

    margin-inline: 3.25rem !important

  }

}

@media(min-width: 1400px) {

  .gap-xxl-14 {

    gap: 3.5rem !important

  }

  .padding-xxl-14 {

    padding: 3.5rem !important

  }

  .padding-top-xxl-14 {

    -webkit-padding-before: 3.5rem !important;

    padding-block-start: 3.5rem !important

  }

  .padding-bottom-xxl-14 {

    -webkit-padding-after: 3.5rem !important;

    padding-block-end: 3.5rem !important

  }

  .padding-y-xxl-14 {

    padding-block: 3.5rem !important

  }

  .padding-start-xxl-14 {

    -webkit-padding-start: 3.5rem !important;

    padding-inline-start: 3.5rem !important

  }

  .padding-end-xxl-14 {

    -webkit-padding-end: 3.5rem !important;

    padding-inline-end: 3.5rem !important

  }

  .padding-x-xxl-14 {

    padding-inline: 3.5rem !important

  }

  .margin-xxl-14 {

    margin: 3.5rem !important

  }

  .margin-top-xxl-14 {

    -webkit-margin-before: 3.5rem !important;

    margin-block-start: 3.5rem !important

  }

  .margin-bottom-xxl-14 {

    -webkit-margin-after: 3.5rem !important;

    margin-block-end: 3.5rem !important

  }

  .margin-y-xxl-14 {

    margin-block: 3.5rem !important

  }

  .margin-start-xxl-14 {

    -webkit-margin-start: 3.5rem !important;

    margin-inline-start: 3.5rem !important

  }

  .margin-end-xxl-14 {

    -webkit-margin-end: 3.5rem !important;

    margin-inline-end: 3.5rem !important

  }

  .margin-x-xxl-14 {

    margin-inline: 3.5rem !important

  }

}

@media(min-width: 1400px) {

  .gap-xxl-15 {

    gap: 3.75rem !important

  }

  .padding-xxl-15 {

    padding: 3.75rem !important

  }

  .padding-top-xxl-15 {

    -webkit-padding-before: 3.75rem !important;

    padding-block-start: 3.75rem !important

  }

  .padding-bottom-xxl-15 {

    -webkit-padding-after: 3.75rem !important;

    padding-block-end: 3.75rem !important

  }

  .padding-y-xxl-15 {

    padding-block: 3.75rem !important

  }

  .padding-start-xxl-15 {

    -webkit-padding-start: 3.75rem !important;

    padding-inline-start: 3.75rem !important

  }

  .padding-end-xxl-15 {

    -webkit-padding-end: 3.75rem !important;

    padding-inline-end: 3.75rem !important

  }

  .padding-x-xxl-15 {

    padding-inline: 3.75rem !important

  }

  .margin-xxl-15 {

    margin: 3.75rem !important

  }

  .margin-top-xxl-15 {

    -webkit-margin-before: 3.75rem !important;

    margin-block-start: 3.75rem !important

  }

  .margin-bottom-xxl-15 {

    -webkit-margin-after: 3.75rem !important;

    margin-block-end: 3.75rem !important

  }

  .margin-y-xxl-15 {

    margin-block: 3.75rem !important

  }

  .margin-start-xxl-15 {

    -webkit-margin-start: 3.75rem !important;

    margin-inline-start: 3.75rem !important

  }

  .margin-end-xxl-15 {

    -webkit-margin-end: 3.75rem !important;

    margin-inline-end: 3.75rem !important

  }

  .margin-x-xxl-15 {

    margin-inline: 3.75rem !important

  }

}

@media(min-width: 1400px) {

  .gap-xxl-16 {

    gap: 4rem !important

  }

  .padding-xxl-16 {

    padding: 4rem !important

  }

  .padding-top-xxl-16 {

    -webkit-padding-before: 4rem !important;

    padding-block-start: 4rem !important

  }

  .padding-bottom-xxl-16 {

    -webkit-padding-after: 4rem !important;

    padding-block-end: 4rem !important

  }

  .padding-y-xxl-16 {

    padding-block: 4rem !important

  }

  .padding-start-xxl-16 {

    -webkit-padding-start: 4rem !important;

    padding-inline-start: 4rem !important

  }

  .padding-end-xxl-16 {

    -webkit-padding-end: 4rem !important;

    padding-inline-end: 4rem !important

  }

  .padding-x-xxl-16 {

    padding-inline: 4rem !important

  }

  .margin-xxl-16 {

    margin: 4rem !important

  }

  .margin-top-xxl-16 {

    -webkit-margin-before: 4rem !important;

    margin-block-start: 4rem !important

  }

  .margin-bottom-xxl-16 {

    -webkit-margin-after: 4rem !important;

    margin-block-end: 4rem !important

  }

  .margin-y-xxl-16 {

    margin-block: 4rem !important

  }

  .margin-start-xxl-16 {

    -webkit-margin-start: 4rem !important;

    margin-inline-start: 4rem !important

  }

  .margin-end-xxl-16 {

    -webkit-margin-end: 4rem !important;

    margin-inline-end: 4rem !important

  }

  .margin-x-xxl-16 {

    margin-inline: 4rem !important

  }

}

@media(min-width: 1400px) {

  .gap-xxl-17 {

    gap: 4.25rem !important

  }

  .padding-xxl-17 {

    padding: 4.25rem !important

  }

  .padding-top-xxl-17 {

    -webkit-padding-before: 4.25rem !important;

    padding-block-start: 4.25rem !important

  }

  .padding-bottom-xxl-17 {

    -webkit-padding-after: 4.25rem !important;

    padding-block-end: 4.25rem !important

  }

  .padding-y-xxl-17 {

    padding-block: 4.25rem !important

  }

  .padding-start-xxl-17 {

    -webkit-padding-start: 4.25rem !important;

    padding-inline-start: 4.25rem !important

  }

  .padding-end-xxl-17 {

    -webkit-padding-end: 4.25rem !important;

    padding-inline-end: 4.25rem !important

  }

  .padding-x-xxl-17 {

    padding-inline: 4.25rem !important

  }

  .margin-xxl-17 {

    margin: 4.25rem !important

  }

  .margin-top-xxl-17 {

    -webkit-margin-before: 4.25rem !important;

    margin-block-start: 4.25rem !important

  }

  .margin-bottom-xxl-17 {

    -webkit-margin-after: 4.25rem !important;

    margin-block-end: 4.25rem !important

  }

  .margin-y-xxl-17 {

    margin-block: 4.25rem !important

  }

  .margin-start-xxl-17 {

    -webkit-margin-start: 4.25rem !important;

    margin-inline-start: 4.25rem !important

  }

  .margin-end-xxl-17 {

    -webkit-margin-end: 4.25rem !important;

    margin-inline-end: 4.25rem !important

  }

  .margin-x-xxl-17 {

    margin-inline: 4.25rem !important

  }

}

@media(min-width: 1400px) {

  .gap-xxl-18 {

    gap: 4.5rem !important

  }

  .padding-xxl-18 {

    padding: 4.5rem !important

  }

  .padding-top-xxl-18 {

    -webkit-padding-before: 4.5rem !important;

    padding-block-start: 4.5rem !important

  }

  .padding-bottom-xxl-18 {

    -webkit-padding-after: 4.5rem !important;

    padding-block-end: 4.5rem !important

  }

  .padding-y-xxl-18 {

    padding-block: 4.5rem !important

  }

  .padding-start-xxl-18 {

    -webkit-padding-start: 4.5rem !important;

    padding-inline-start: 4.5rem !important

  }

  .padding-end-xxl-18 {

    -webkit-padding-end: 4.5rem !important;

    padding-inline-end: 4.5rem !important

  }

  .padding-x-xxl-18 {

    padding-inline: 4.5rem !important

  }

  .margin-xxl-18 {

    margin: 4.5rem !important

  }

  .margin-top-xxl-18 {

    -webkit-margin-before: 4.5rem !important;

    margin-block-start: 4.5rem !important

  }

  .margin-bottom-xxl-18 {

    -webkit-margin-after: 4.5rem !important;

    margin-block-end: 4.5rem !important

  }

  .margin-y-xxl-18 {

    margin-block: 4.5rem !important

  }

  .margin-start-xxl-18 {

    -webkit-margin-start: 4.5rem !important;

    margin-inline-start: 4.5rem !important

  }

  .margin-end-xxl-18 {

    -webkit-margin-end: 4.5rem !important;

    margin-inline-end: 4.5rem !important

  }

  .margin-x-xxl-18 {

    margin-inline: 4.5rem !important

  }

}

@media(min-width: 1400px) {

  .gap-xxl-19 {

    gap: 4.75rem !important

  }

  .padding-xxl-19 {

    padding: 4.75rem !important

  }

  .padding-top-xxl-19 {

    -webkit-padding-before: 4.75rem !important;

    padding-block-start: 4.75rem !important

  }

  .padding-bottom-xxl-19 {

    -webkit-padding-after: 4.75rem !important;

    padding-block-end: 4.75rem !important

  }

  .padding-y-xxl-19 {

    padding-block: 4.75rem !important

  }

  .padding-start-xxl-19 {

    -webkit-padding-start: 4.75rem !important;

    padding-inline-start: 4.75rem !important

  }

  .padding-end-xxl-19 {

    -webkit-padding-end: 4.75rem !important;

    padding-inline-end: 4.75rem !important

  }

  .padding-x-xxl-19 {

    padding-inline: 4.75rem !important

  }

  .margin-xxl-19 {

    margin: 4.75rem !important

  }

  .margin-top-xxl-19 {

    -webkit-margin-before: 4.75rem !important;

    margin-block-start: 4.75rem !important

  }

  .margin-bottom-xxl-19 {

    -webkit-margin-after: 4.75rem !important;

    margin-block-end: 4.75rem !important

  }

  .margin-y-xxl-19 {

    margin-block: 4.75rem !important

  }

  .margin-start-xxl-19 {

    -webkit-margin-start: 4.75rem !important;

    margin-inline-start: 4.75rem !important

  }

  .margin-end-xxl-19 {

    -webkit-margin-end: 4.75rem !important;

    margin-inline-end: 4.75rem !important

  }

  .margin-x-xxl-19 {

    margin-inline: 4.75rem !important

  }

}

@media(min-width: 1400px) {

  .gap-xxl-20 {

    gap: 5rem !important

  }

  .padding-xxl-20 {

    padding: 5rem !important

  }

  .padding-top-xxl-20 {

    -webkit-padding-before: 5rem !important;

    padding-block-start: 5rem !important

  }

  .padding-bottom-xxl-20 {

    -webkit-padding-after: 5rem !important;

    padding-block-end: 5rem !important

  }

  .padding-y-xxl-20 {

    padding-block: 5rem !important

  }

  .padding-start-xxl-20 {

    -webkit-padding-start: 5rem !important;

    padding-inline-start: 5rem !important

  }

  .padding-end-xxl-20 {

    -webkit-padding-end: 5rem !important;

    padding-inline-end: 5rem !important

  }

  .padding-x-xxl-20 {

    padding-inline: 5rem !important

  }

  .margin-xxl-20 {

    margin: 5rem !important

  }

  .margin-top-xxl-20 {

    -webkit-margin-before: 5rem !important;

    margin-block-start: 5rem !important

  }

  .margin-bottom-xxl-20 {

    -webkit-margin-after: 5rem !important;

    margin-block-end: 5rem !important

  }

  .margin-y-xxl-20 {

    margin-block: 5rem !important

  }

  .margin-start-xxl-20 {

    -webkit-margin-start: 5rem !important;

    margin-inline-start: 5rem !important

  }

  .margin-end-xxl-20 {

    -webkit-margin-end: 5rem !important;

    margin-inline-end: 5rem !important

  }

  .margin-x-xxl-20 {

    margin-inline: 5rem !important

  }

}

@media(min-width: 1400px) {

  .gap-xxl-21 {

    gap: 5.25rem !important

  }

  .padding-xxl-21 {

    padding: 5.25rem !important

  }

  .padding-top-xxl-21 {

    -webkit-padding-before: 5.25rem !important;

    padding-block-start: 5.25rem !important

  }

  .padding-bottom-xxl-21 {

    -webkit-padding-after: 5.25rem !important;

    padding-block-end: 5.25rem !important

  }

  .padding-y-xxl-21 {

    padding-block: 5.25rem !important

  }

  .padding-start-xxl-21 {

    -webkit-padding-start: 5.25rem !important;

    padding-inline-start: 5.25rem !important

  }

  .padding-end-xxl-21 {

    -webkit-padding-end: 5.25rem !important;

    padding-inline-end: 5.25rem !important

  }

  .padding-x-xxl-21 {

    padding-inline: 5.25rem !important

  }

  .margin-xxl-21 {

    margin: 5.25rem !important

  }

  .margin-top-xxl-21 {

    -webkit-margin-before: 5.25rem !important;

    margin-block-start: 5.25rem !important

  }

  .margin-bottom-xxl-21 {

    -webkit-margin-after: 5.25rem !important;

    margin-block-end: 5.25rem !important

  }

  .margin-y-xxl-21 {

    margin-block: 5.25rem !important

  }

  .margin-start-xxl-21 {

    -webkit-margin-start: 5.25rem !important;

    margin-inline-start: 5.25rem !important

  }

  .margin-end-xxl-21 {

    -webkit-margin-end: 5.25rem !important;

    margin-inline-end: 5.25rem !important

  }

  .margin-x-xxl-21 {

    margin-inline: 5.25rem !important

  }

}

@media(min-width: 1400px) {

  .gap-xxl-22 {

    gap: 5.5rem !important

  }

  .padding-xxl-22 {

    padding: 5.5rem !important

  }

  .padding-top-xxl-22 {

    -webkit-padding-before: 5.5rem !important;

    padding-block-start: 5.5rem !important

  }

  .padding-bottom-xxl-22 {

    -webkit-padding-after: 5.5rem !important;

    padding-block-end: 5.5rem !important

  }

  .padding-y-xxl-22 {

    padding-block: 5.5rem !important

  }

  .padding-start-xxl-22 {

    -webkit-padding-start: 5.5rem !important;

    padding-inline-start: 5.5rem !important

  }

  .padding-end-xxl-22 {

    -webkit-padding-end: 5.5rem !important;

    padding-inline-end: 5.5rem !important

  }

  .padding-x-xxl-22 {

    padding-inline: 5.5rem !important

  }

  .margin-xxl-22 {

    margin: 5.5rem !important

  }

  .margin-top-xxl-22 {

    -webkit-margin-before: 5.5rem !important;

    margin-block-start: 5.5rem !important

  }

  .margin-bottom-xxl-22 {

    -webkit-margin-after: 5.5rem !important;

    margin-block-end: 5.5rem !important

  }

  .margin-y-xxl-22 {

    margin-block: 5.5rem !important

  }

  .margin-start-xxl-22 {

    -webkit-margin-start: 5.5rem !important;

    margin-inline-start: 5.5rem !important

  }

  .margin-end-xxl-22 {

    -webkit-margin-end: 5.5rem !important;

    margin-inline-end: 5.5rem !important

  }

  .margin-x-xxl-22 {

    margin-inline: 5.5rem !important

  }

}

@media(min-width: 1400px) {

  .gap-xxl-23 {

    gap: 5.75rem !important

  }

  .padding-xxl-23 {

    padding: 5.75rem !important

  }

  .padding-top-xxl-23 {

    -webkit-padding-before: 5.75rem !important;

    padding-block-start: 5.75rem !important

  }

  .padding-bottom-xxl-23 {

    -webkit-padding-after: 5.75rem !important;

    padding-block-end: 5.75rem !important

  }

  .padding-y-xxl-23 {

    padding-block: 5.75rem !important

  }

  .padding-start-xxl-23 {

    -webkit-padding-start: 5.75rem !important;

    padding-inline-start: 5.75rem !important

  }

  .padding-end-xxl-23 {

    -webkit-padding-end: 5.75rem !important;

    padding-inline-end: 5.75rem !important

  }

  .padding-x-xxl-23 {

    padding-inline: 5.75rem !important

  }

  .margin-xxl-23 {

    margin: 5.75rem !important

  }

  .margin-top-xxl-23 {

    -webkit-margin-before: 5.75rem !important;

    margin-block-start: 5.75rem !important

  }

  .margin-bottom-xxl-23 {

    -webkit-margin-after: 5.75rem !important;

    margin-block-end: 5.75rem !important

  }

  .margin-y-xxl-23 {

    margin-block: 5.75rem !important

  }

  .margin-start-xxl-23 {

    -webkit-margin-start: 5.75rem !important;

    margin-inline-start: 5.75rem !important

  }

  .margin-end-xxl-23 {

    -webkit-margin-end: 5.75rem !important;

    margin-inline-end: 5.75rem !important

  }

  .margin-x-xxl-23 {

    margin-inline: 5.75rem !important

  }

}

@media(min-width: 1400px) {

  .gap-xxl-24 {

    gap: 6rem !important

  }

  .padding-xxl-24 {

    padding: 6rem !important

  }

  .padding-top-xxl-24 {

    -webkit-padding-before: 6rem !important;

    padding-block-start: 6rem !important

  }

  .padding-bottom-xxl-24 {

    -webkit-padding-after: 6rem !important;

    padding-block-end: 6rem !important

  }

  .padding-y-xxl-24 {

    padding-block: 6rem !important

  }

  .padding-start-xxl-24 {

    -webkit-padding-start: 6rem !important;

    padding-inline-start: 6rem !important

  }

  .padding-end-xxl-24 {

    -webkit-padding-end: 6rem !important;

    padding-inline-end: 6rem !important

  }

  .padding-x-xxl-24 {

    padding-inline: 6rem !important

  }

  .margin-xxl-24 {

    margin: 6rem !important

  }

  .margin-top-xxl-24 {

    -webkit-margin-before: 6rem !important;

    margin-block-start: 6rem !important

  }

  .margin-bottom-xxl-24 {

    -webkit-margin-after: 6rem !important;

    margin-block-end: 6rem !important

  }

  .margin-y-xxl-24 {

    margin-block: 6rem !important

  }

  .margin-start-xxl-24 {

    -webkit-margin-start: 6rem !important;

    margin-inline-start: 6rem !important

  }

  .margin-end-xxl-24 {

    -webkit-margin-end: 6rem !important;

    margin-inline-end: 6rem !important

  }

  .margin-x-xxl-24 {

    margin-inline: 6rem !important

  }

}

@media(min-width: 1400px) {

  .gap-xxl-25 {

    gap: 6.25rem !important

  }

  .padding-xxl-25 {

    padding: 6.25rem !important

  }

  .padding-top-xxl-25 {

    -webkit-padding-before: 6.25rem !important;

    padding-block-start: 6.25rem !important

  }

  .padding-bottom-xxl-25 {

    -webkit-padding-after: 6.25rem !important;

    padding-block-end: 6.25rem !important

  }

  .padding-y-xxl-25 {

    padding-block: 6.25rem !important

  }

  .padding-start-xxl-25 {

    -webkit-padding-start: 6.25rem !important;

    padding-inline-start: 6.25rem !important

  }

  .padding-end-xxl-25 {

    -webkit-padding-end: 6.25rem !important;

    padding-inline-end: 6.25rem !important

  }

  .padding-x-xxl-25 {

    padding-inline: 6.25rem !important

  }

  .margin-xxl-25 {

    margin: 6.25rem !important

  }

  .margin-top-xxl-25 {

    -webkit-margin-before: 6.25rem !important;

    margin-block-start: 6.25rem !important

  }

  .margin-bottom-xxl-25 {

    -webkit-margin-after: 6.25rem !important;

    margin-block-end: 6.25rem !important

  }

  .margin-y-xxl-25 {

    margin-block: 6.25rem !important

  }

  .margin-start-xxl-25 {

    -webkit-margin-start: 6.25rem !important;

    margin-inline-start: 6.25rem !important

  }

  .margin-end-xxl-25 {

    -webkit-margin-end: 6.25rem !important;

    margin-inline-end: 6.25rem !important

  }

  .margin-x-xxl-25 {

    margin-inline: 6.25rem !important

  }

}

@media(min-width: 1400px) {

  .gap-xxl-26 {

    gap: 6.5rem !important

  }

  .padding-xxl-26 {

    padding: 6.5rem !important

  }

  .padding-top-xxl-26 {

    -webkit-padding-before: 6.5rem !important;

    padding-block-start: 6.5rem !important

  }

  .padding-bottom-xxl-26 {

    -webkit-padding-after: 6.5rem !important;

    padding-block-end: 6.5rem !important

  }

  .padding-y-xxl-26 {

    padding-block: 6.5rem !important

  }

  .padding-start-xxl-26 {

    -webkit-padding-start: 6.5rem !important;

    padding-inline-start: 6.5rem !important

  }

  .padding-end-xxl-26 {

    -webkit-padding-end: 6.5rem !important;

    padding-inline-end: 6.5rem !important

  }

  .padding-x-xxl-26 {

    padding-inline: 6.5rem !important

  }

  .margin-xxl-26 {

    margin: 6.5rem !important

  }

  .margin-top-xxl-26 {

    -webkit-margin-before: 6.5rem !important;

    margin-block-start: 6.5rem !important

  }

  .margin-bottom-xxl-26 {

    -webkit-margin-after: 6.5rem !important;

    margin-block-end: 6.5rem !important

  }

  .margin-y-xxl-26 {

    margin-block: 6.5rem !important

  }

  .margin-start-xxl-26 {

    -webkit-margin-start: 6.5rem !important;

    margin-inline-start: 6.5rem !important

  }

  .margin-end-xxl-26 {

    -webkit-margin-end: 6.5rem !important;

    margin-inline-end: 6.5rem !important

  }

  .margin-x-xxl-26 {

    margin-inline: 6.5rem !important

  }

}

@media(min-width: 1400px) {

  .gap-xxl-27 {

    gap: 6.75rem !important

  }

  .padding-xxl-27 {

    padding: 6.75rem !important

  }

  .padding-top-xxl-27 {

    -webkit-padding-before: 6.75rem !important;

    padding-block-start: 6.75rem !important

  }

  .padding-bottom-xxl-27 {

    -webkit-padding-after: 6.75rem !important;

    padding-block-end: 6.75rem !important

  }

  .padding-y-xxl-27 {

    padding-block: 6.75rem !important

  }

  .padding-start-xxl-27 {

    -webkit-padding-start: 6.75rem !important;

    padding-inline-start: 6.75rem !important

  }

  .padding-end-xxl-27 {

    -webkit-padding-end: 6.75rem !important;

    padding-inline-end: 6.75rem !important

  }

  .padding-x-xxl-27 {

    padding-inline: 6.75rem !important

  }

  .margin-xxl-27 {

    margin: 6.75rem !important

  }

  .margin-top-xxl-27 {

    -webkit-margin-before: 6.75rem !important;

    margin-block-start: 6.75rem !important

  }

  .margin-bottom-xxl-27 {

    -webkit-margin-after: 6.75rem !important;

    margin-block-end: 6.75rem !important

  }

  .margin-y-xxl-27 {

    margin-block: 6.75rem !important

  }

  .margin-start-xxl-27 {

    -webkit-margin-start: 6.75rem !important;

    margin-inline-start: 6.75rem !important

  }

  .margin-end-xxl-27 {

    -webkit-margin-end: 6.75rem !important;

    margin-inline-end: 6.75rem !important

  }

  .margin-x-xxl-27 {

    margin-inline: 6.75rem !important

  }

}

@media(min-width: 1400px) {

  .gap-xxl-28 {

    gap: 7rem !important

  }

  .padding-xxl-28 {

    padding: 7rem !important

  }

  .padding-top-xxl-28 {

    -webkit-padding-before: 7rem !important;

    padding-block-start: 7rem !important

  }

  .padding-bottom-xxl-28 {

    -webkit-padding-after: 7rem !important;

    padding-block-end: 7rem !important

  }

  .padding-y-xxl-28 {

    padding-block: 7rem !important

  }

  .padding-start-xxl-28 {

    -webkit-padding-start: 7rem !important;

    padding-inline-start: 7rem !important

  }

  .padding-end-xxl-28 {

    -webkit-padding-end: 7rem !important;

    padding-inline-end: 7rem !important

  }

  .padding-x-xxl-28 {

    padding-inline: 7rem !important

  }

  .margin-xxl-28 {

    margin: 7rem !important

  }

  .margin-top-xxl-28 {

    -webkit-margin-before: 7rem !important;

    margin-block-start: 7rem !important

  }

  .margin-bottom-xxl-28 {

    -webkit-margin-after: 7rem !important;

    margin-block-end: 7rem !important

  }

  .margin-y-xxl-28 {

    margin-block: 7rem !important

  }

  .margin-start-xxl-28 {

    -webkit-margin-start: 7rem !important;

    margin-inline-start: 7rem !important

  }

  .margin-end-xxl-28 {

    -webkit-margin-end: 7rem !important;

    margin-inline-end: 7rem !important

  }

  .margin-x-xxl-28 {

    margin-inline: 7rem !important

  }

}

@media(min-width: 1400px) {

  .gap-xxl-29 {

    gap: 7.25rem !important

  }

  .padding-xxl-29 {

    padding: 7.25rem !important

  }

  .padding-top-xxl-29 {

    -webkit-padding-before: 7.25rem !important;

    padding-block-start: 7.25rem !important

  }

  .padding-bottom-xxl-29 {

    -webkit-padding-after: 7.25rem !important;

    padding-block-end: 7.25rem !important

  }

  .padding-y-xxl-29 {

    padding-block: 7.25rem !important

  }

  .padding-start-xxl-29 {

    -webkit-padding-start: 7.25rem !important;

    padding-inline-start: 7.25rem !important

  }

  .padding-end-xxl-29 {

    -webkit-padding-end: 7.25rem !important;

    padding-inline-end: 7.25rem !important

  }

  .padding-x-xxl-29 {

    padding-inline: 7.25rem !important

  }

  .margin-xxl-29 {

    margin: 7.25rem !important

  }

  .margin-top-xxl-29 {

    -webkit-margin-before: 7.25rem !important;

    margin-block-start: 7.25rem !important

  }

  .margin-bottom-xxl-29 {

    -webkit-margin-after: 7.25rem !important;

    margin-block-end: 7.25rem !important

  }

  .margin-y-xxl-29 {

    margin-block: 7.25rem !important

  }

  .margin-start-xxl-29 {

    -webkit-margin-start: 7.25rem !important;

    margin-inline-start: 7.25rem !important

  }

  .margin-end-xxl-29 {

    -webkit-margin-end: 7.25rem !important;

    margin-inline-end: 7.25rem !important

  }

  .margin-x-xxl-29 {

    margin-inline: 7.25rem !important

  }

}

@media(min-width: 1400px) {

  .gap-xxl-30 {

    gap: 7.5rem !important

  }

  .padding-xxl-30 {

    padding: 7.5rem !important

  }

  .padding-top-xxl-30 {

    -webkit-padding-before: 7.5rem !important;

    padding-block-start: 7.5rem !important

  }

  .padding-bottom-xxl-30 {

    -webkit-padding-after: 7.5rem !important;

    padding-block-end: 7.5rem !important

  }

  .padding-y-xxl-30 {

    padding-block: 7.5rem !important

  }

  .padding-start-xxl-30 {

    -webkit-padding-start: 7.5rem !important;

    padding-inline-start: 7.5rem !important

  }

  .padding-end-xxl-30 {

    -webkit-padding-end: 7.5rem !important;

    padding-inline-end: 7.5rem !important

  }

  .padding-x-xxl-30 {

    padding-inline: 7.5rem !important

  }

  .margin-xxl-30 {

    margin: 7.5rem !important

  }

  .margin-top-xxl-30 {

    -webkit-margin-before: 7.5rem !important;

    margin-block-start: 7.5rem !important

  }

  .margin-bottom-xxl-30 {

    -webkit-margin-after: 7.5rem !important;

    margin-block-end: 7.5rem !important

  }

  .margin-y-xxl-30 {

    margin-block: 7.5rem !important

  }

  .margin-start-xxl-30 {

    -webkit-margin-start: 7.5rem !important;

    margin-inline-start: 7.5rem !important

  }

  .margin-end-xxl-30 {

    -webkit-margin-end: 7.5rem !important;

    margin-inline-end: 7.5rem !important

  }

  .margin-x-xxl-30 {

    margin-inline: 7.5rem !important

  }

}

@media(min-width: 1600px) {

  .gap-exl-0 {

    gap: 0 !important

  }

  .padding-exl-0 {

    padding: 0 !important

  }

  .padding-top-exl-0 {

    -webkit-padding-before: 0 !important;

    padding-block-start: 0 !important

  }

  .padding-bottom-exl-0 {

    -webkit-padding-after: 0 !important;

    padding-block-end: 0 !important

  }

  .padding-y-exl-0 {

    padding-block: 0 !important

  }

  .padding-start-exl-0 {

    -webkit-padding-start: 0 !important;

    padding-inline-start: 0 !important

  }

  .padding-end-exl-0 {

    -webkit-padding-end: 0 !important;

    padding-inline-end: 0 !important

  }

  .padding-x-exl-0 {

    padding-inline: 0 !important

  }

  .margin-exl-0 {

    margin: 0 !important

  }

  .margin-top-exl-0 {

    -webkit-margin-before: 0 !important;

    margin-block-start: 0 !important

  }

  .margin-bottom-exl-0 {

    -webkit-margin-after: 0 !important;

    margin-block-end: 0 !important

  }

  .margin-y-exl-0 {

    margin-block: 0 !important

  }

  .margin-start-exl-0 {

    -webkit-margin-start: 0 !important;

    margin-inline-start: 0 !important

  }

  .margin-end-exl-0 {

    -webkit-margin-end: 0 !important;

    margin-inline-end: 0 !important

  }

  .margin-x-exl-0 {

    margin-inline: 0 !important

  }

}

@media(min-width: 1600px) {

  .gap-exl-1 {

    gap: 0.25rem !important

  }

  .padding-exl-1 {

    padding: 0.25rem !important

  }

  .padding-top-exl-1 {

    -webkit-padding-before: 0.25rem !important;

    padding-block-start: 0.25rem !important

  }

  .padding-bottom-exl-1 {

    -webkit-padding-after: 0.25rem !important;

    padding-block-end: 0.25rem !important

  }

  .padding-y-exl-1 {

    padding-block: 0.25rem !important

  }

  .padding-start-exl-1 {

    -webkit-padding-start: 0.25rem !important;

    padding-inline-start: 0.25rem !important

  }

  .padding-end-exl-1 {

    -webkit-padding-end: 0.25rem !important;

    padding-inline-end: 0.25rem !important

  }

  .padding-x-exl-1 {

    padding-inline: 0.25rem !important

  }

  .margin-exl-1 {

    margin: 0.25rem !important

  }

  .margin-top-exl-1 {

    -webkit-margin-before: 0.25rem !important;

    margin-block-start: 0.25rem !important

  }

  .margin-bottom-exl-1 {

    -webkit-margin-after: 0.25rem !important;

    margin-block-end: 0.25rem !important

  }

  .margin-y-exl-1 {

    margin-block: 0.25rem !important

  }

  .margin-start-exl-1 {

    -webkit-margin-start: 0.25rem !important;

    margin-inline-start: 0.25rem !important

  }

  .margin-end-exl-1 {

    -webkit-margin-end: 0.25rem !important;

    margin-inline-end: 0.25rem !important

  }

  .margin-x-exl-1 {

    margin-inline: 0.25rem !important

  }

}

@media(min-width: 1600px) {

  .gap-exl-2 {

    gap: 0.5rem !important

  }

  .padding-exl-2 {

    padding: 0.5rem !important

  }

  .padding-top-exl-2 {

    -webkit-padding-before: 0.5rem !important;

    padding-block-start: 0.5rem !important

  }

  .padding-bottom-exl-2 {

    -webkit-padding-after: 0.5rem !important;

    padding-block-end: 0.5rem !important

  }

  .padding-y-exl-2 {

    padding-block: 0.5rem !important

  }

  .padding-start-exl-2 {

    -webkit-padding-start: 0.5rem !important;

    padding-inline-start: 0.5rem !important

  }

  .padding-end-exl-2 {

    -webkit-padding-end: 0.5rem !important;

    padding-inline-end: 0.5rem !important

  }

  .padding-x-exl-2 {

    padding-inline: 0.5rem !important

  }

  .margin-exl-2 {

    margin: 0.5rem !important

  }

  .margin-top-exl-2 {

    -webkit-margin-before: 0.5rem !important;

    margin-block-start: 0.5rem !important

  }

  .margin-bottom-exl-2 {

    -webkit-margin-after: 0.5rem !important;

    margin-block-end: 0.5rem !important

  }

  .margin-y-exl-2 {

    margin-block: 0.5rem !important

  }

  .margin-start-exl-2 {

    -webkit-margin-start: 0.5rem !important;

    margin-inline-start: 0.5rem !important

  }

  .margin-end-exl-2 {

    -webkit-margin-end: 0.5rem !important;

    margin-inline-end: 0.5rem !important

  }

  .margin-x-exl-2 {

    margin-inline: 0.5rem !important

  }

}

@media(min-width: 1600px) {

  .gap-exl-3 {

    gap: 0.75rem !important

  }

  .padding-exl-3 {

    padding: 0.75rem !important

  }

  .padding-top-exl-3 {

    -webkit-padding-before: 0.75rem !important;

    padding-block-start: 0.75rem !important

  }

  .padding-bottom-exl-3 {

    -webkit-padding-after: 0.75rem !important;

    padding-block-end: 0.75rem !important

  }

  .padding-y-exl-3 {

    padding-block: 0.75rem !important

  }

  .padding-start-exl-3 {

    -webkit-padding-start: 0.75rem !important;

    padding-inline-start: 0.75rem !important

  }

  .padding-end-exl-3 {

    -webkit-padding-end: 0.75rem !important;

    padding-inline-end: 0.75rem !important

  }

  .padding-x-exl-3 {

    padding-inline: 0.75rem !important

  }

  .margin-exl-3 {

    margin: 0.75rem !important

  }

  .margin-top-exl-3 {

    -webkit-margin-before: 0.75rem !important;

    margin-block-start: 0.75rem !important

  }

  .margin-bottom-exl-3 {

    -webkit-margin-after: 0.75rem !important;

    margin-block-end: 0.75rem !important

  }

  .margin-y-exl-3 {

    margin-block: 0.75rem !important

  }

  .margin-start-exl-3 {

    -webkit-margin-start: 0.75rem !important;

    margin-inline-start: 0.75rem !important

  }

  .margin-end-exl-3 {

    -webkit-margin-end: 0.75rem !important;

    margin-inline-end: 0.75rem !important

  }

  .margin-x-exl-3 {

    margin-inline: 0.75rem !important

  }

}

@media(min-width: 1600px) {

  .gap-exl-4 {

    gap: 1rem !important

  }

  .padding-exl-4 {

    padding: 1rem !important

  }

  .padding-top-exl-4 {

    -webkit-padding-before: 1rem !important;

    padding-block-start: 1rem !important

  }

  .padding-bottom-exl-4 {

    -webkit-padding-after: 1rem !important;

    padding-block-end: 1rem !important

  }

  .padding-y-exl-4 {

    padding-block: 1rem !important

  }

  .padding-start-exl-4 {

    -webkit-padding-start: 1rem !important;

    padding-inline-start: 1rem !important

  }

  .padding-end-exl-4 {

    -webkit-padding-end: 1rem !important;

    padding-inline-end: 1rem !important

  }

  .padding-x-exl-4 {

    padding-inline: 1rem !important

  }

  .margin-exl-4 {

    margin: 1rem !important

  }

  .margin-top-exl-4 {

    -webkit-margin-before: 1rem !important;

    margin-block-start: 1rem !important

  }

  .margin-bottom-exl-4 {

    -webkit-margin-after: 1rem !important;

    margin-block-end: 1rem !important

  }

  .margin-y-exl-4 {

    margin-block: 1rem !important

  }

  .margin-start-exl-4 {

    -webkit-margin-start: 1rem !important;

    margin-inline-start: 1rem !important

  }

  .margin-end-exl-4 {

    -webkit-margin-end: 1rem !important;

    margin-inline-end: 1rem !important

  }

  .margin-x-exl-4 {

    margin-inline: 1rem !important

  }

}

@media(min-width: 1600px) {

  .gap-exl-5 {

    gap: 1.25rem !important

  }

  .padding-exl-5 {

    padding: 1.25rem !important

  }

  .padding-top-exl-5 {

    -webkit-padding-before: 1.25rem !important;

    padding-block-start: 1.25rem !important

  }

  .padding-bottom-exl-5 {

    -webkit-padding-after: 1.25rem !important;

    padding-block-end: 1.25rem !important

  }

  .padding-y-exl-5 {

    padding-block: 1.25rem !important

  }

  .padding-start-exl-5 {

    -webkit-padding-start: 1.25rem !important;

    padding-inline-start: 1.25rem !important

  }

  .padding-end-exl-5 {

    -webkit-padding-end: 1.25rem !important;

    padding-inline-end: 1.25rem !important

  }

  .padding-x-exl-5 {

    padding-inline: 1.25rem !important

  }

  .margin-exl-5 {

    margin: 1.25rem !important

  }

  .margin-top-exl-5 {

    -webkit-margin-before: 1.25rem !important;

    margin-block-start: 1.25rem !important

  }

  .margin-bottom-exl-5 {

    -webkit-margin-after: 1.25rem !important;

    margin-block-end: 1.25rem !important

  }

  .margin-y-exl-5 {

    margin-block: 1.25rem !important

  }

  .margin-start-exl-5 {

    -webkit-margin-start: 1.25rem !important;

    margin-inline-start: 1.25rem !important

  }

  .margin-end-exl-5 {

    -webkit-margin-end: 1.25rem !important;

    margin-inline-end: 1.25rem !important

  }

  .margin-x-exl-5 {

    margin-inline: 1.25rem !important

  }

}

@media(min-width: 1600px) {

  .gap-exl-6 {

    gap: 1.5rem !important

  }

  .padding-exl-6 {

    padding: 1.5rem !important

  }

  .padding-top-exl-6 {

    -webkit-padding-before: 1.5rem !important;

    padding-block-start: 1.5rem !important

  }

  .padding-bottom-exl-6 {

    -webkit-padding-after: 1.5rem !important;

    padding-block-end: 1.5rem !important

  }

  .padding-y-exl-6 {

    padding-block: 1.5rem !important

  }

  .padding-start-exl-6 {

    -webkit-padding-start: 1.5rem !important;

    padding-inline-start: 1.5rem !important

  }

  .padding-end-exl-6 {

    -webkit-padding-end: 1.5rem !important;

    padding-inline-end: 1.5rem !important

  }

  .padding-x-exl-6 {

    padding-inline: 1.5rem !important

  }

  .margin-exl-6 {

    margin: 1.5rem !important

  }

  .margin-top-exl-6 {

    -webkit-margin-before: 1.5rem !important;

    margin-block-start: 1.5rem !important

  }

  .margin-bottom-exl-6 {

    -webkit-margin-after: 1.5rem !important;

    margin-block-end: 1.5rem !important

  }

  .margin-y-exl-6 {

    margin-block: 1.5rem !important

  }

  .margin-start-exl-6 {

    -webkit-margin-start: 1.5rem !important;

    margin-inline-start: 1.5rem !important

  }

  .margin-end-exl-6 {

    -webkit-margin-end: 1.5rem !important;

    margin-inline-end: 1.5rem !important

  }

  .margin-x-exl-6 {

    margin-inline: 1.5rem !important

  }

}

@media(min-width: 1600px) {

  .gap-exl-7 {

    gap: 1.75rem !important

  }

  .padding-exl-7 {

    padding: 1.75rem !important

  }

  .padding-top-exl-7 {

    -webkit-padding-before: 1.75rem !important;

    padding-block-start: 1.75rem !important

  }

  .padding-bottom-exl-7 {

    -webkit-padding-after: 1.75rem !important;

    padding-block-end: 1.75rem !important

  }

  .padding-y-exl-7 {

    padding-block: 1.75rem !important

  }

  .padding-start-exl-7 {

    -webkit-padding-start: 1.75rem !important;

    padding-inline-start: 1.75rem !important

  }

  .padding-end-exl-7 {

    -webkit-padding-end: 1.75rem !important;

    padding-inline-end: 1.75rem !important

  }

  .padding-x-exl-7 {

    padding-inline: 1.75rem !important

  }

  .margin-exl-7 {

    margin: 1.75rem !important

  }

  .margin-top-exl-7 {

    -webkit-margin-before: 1.75rem !important;

    margin-block-start: 1.75rem !important

  }

  .margin-bottom-exl-7 {

    -webkit-margin-after: 1.75rem !important;

    margin-block-end: 1.75rem !important

  }

  .margin-y-exl-7 {

    margin-block: 1.75rem !important

  }

  .margin-start-exl-7 {

    -webkit-margin-start: 1.75rem !important;

    margin-inline-start: 1.75rem !important

  }

  .margin-end-exl-7 {

    -webkit-margin-end: 1.75rem !important;

    margin-inline-end: 1.75rem !important

  }

  .margin-x-exl-7 {

    margin-inline: 1.75rem !important

  }

}

@media(min-width: 1600px) {

  .gap-exl-8 {

    gap: 2rem !important

  }

  .padding-exl-8 {

    padding: 2rem !important

  }

  .padding-top-exl-8 {

    -webkit-padding-before: 2rem !important;

    padding-block-start: 2rem !important

  }

  .padding-bottom-exl-8 {

    -webkit-padding-after: 2rem !important;

    padding-block-end: 2rem !important

  }

  .padding-y-exl-8 {

    padding-block: 2rem !important

  }

  .padding-start-exl-8 {

    -webkit-padding-start: 2rem !important;

    padding-inline-start: 2rem !important

  }

  .padding-end-exl-8 {

    -webkit-padding-end: 2rem !important;

    padding-inline-end: 2rem !important

  }

  .padding-x-exl-8 {

    padding-inline: 2rem !important

  }

  .margin-exl-8 {

    margin: 2rem !important

  }

  .margin-top-exl-8 {

    -webkit-margin-before: 2rem !important;

    margin-block-start: 2rem !important

  }

  .margin-bottom-exl-8 {

    -webkit-margin-after: 2rem !important;

    margin-block-end: 2rem !important

  }

  .margin-y-exl-8 {

    margin-block: 2rem !important

  }

  .margin-start-exl-8 {

    -webkit-margin-start: 2rem !important;

    margin-inline-start: 2rem !important

  }

  .margin-end-exl-8 {

    -webkit-margin-end: 2rem !important;

    margin-inline-end: 2rem !important

  }

  .margin-x-exl-8 {

    margin-inline: 2rem !important

  }

}

@media(min-width: 1600px) {

  .gap-exl-9 {

    gap: 2.25rem !important

  }

  .padding-exl-9 {

    padding: 2.25rem !important

  }

  .padding-top-exl-9 {

    -webkit-padding-before: 2.25rem !important;

    padding-block-start: 2.25rem !important

  }

  .padding-bottom-exl-9 {

    -webkit-padding-after: 2.25rem !important;

    padding-block-end: 2.25rem !important

  }

  .padding-y-exl-9 {

    padding-block: 2.25rem !important

  }

  .padding-start-exl-9 {

    -webkit-padding-start: 2.25rem !important;

    padding-inline-start: 2.25rem !important

  }

  .padding-end-exl-9 {

    -webkit-padding-end: 2.25rem !important;

    padding-inline-end: 2.25rem !important

  }

  .padding-x-exl-9 {

    padding-inline: 2.25rem !important

  }

  .margin-exl-9 {

    margin: 2.25rem !important

  }

  .margin-top-exl-9 {

    -webkit-margin-before: 2.25rem !important;

    margin-block-start: 2.25rem !important

  }

  .margin-bottom-exl-9 {

    -webkit-margin-after: 2.25rem !important;

    margin-block-end: 2.25rem !important

  }

  .margin-y-exl-9 {

    margin-block: 2.25rem !important

  }

  .margin-start-exl-9 {

    -webkit-margin-start: 2.25rem !important;

    margin-inline-start: 2.25rem !important

  }

  .margin-end-exl-9 {

    -webkit-margin-end: 2.25rem !important;

    margin-inline-end: 2.25rem !important

  }

  .margin-x-exl-9 {

    margin-inline: 2.25rem !important

  }

}

@media(min-width: 1600px) {

  .gap-exl-10 {

    gap: 2.5rem !important

  }

  .padding-exl-10 {

    padding: 2.5rem !important

  }

  .padding-top-exl-10 {

    -webkit-padding-before: 2.5rem !important;

    padding-block-start: 2.5rem !important

  }

  .padding-bottom-exl-10 {

    -webkit-padding-after: 2.5rem !important;

    padding-block-end: 2.5rem !important

  }

  .padding-y-exl-10 {

    padding-block: 2.5rem !important

  }

  .padding-start-exl-10 {

    -webkit-padding-start: 2.5rem !important;

    padding-inline-start: 2.5rem !important

  }

  .padding-end-exl-10 {

    -webkit-padding-end: 2.5rem !important;

    padding-inline-end: 2.5rem !important

  }

  .padding-x-exl-10 {

    padding-inline: 2.5rem !important

  }

  .margin-exl-10 {

    margin: 2.5rem !important

  }

  .margin-top-exl-10 {

    -webkit-margin-before: 2.5rem !important;

    margin-block-start: 2.5rem !important

  }

  .margin-bottom-exl-10 {

    -webkit-margin-after: 2.5rem !important;

    margin-block-end: 2.5rem !important

  }

  .margin-y-exl-10 {

    margin-block: 2.5rem !important

  }

  .margin-start-exl-10 {

    -webkit-margin-start: 2.5rem !important;

    margin-inline-start: 2.5rem !important

  }

  .margin-end-exl-10 {

    -webkit-margin-end: 2.5rem !important;

    margin-inline-end: 2.5rem !important

  }

  .margin-x-exl-10 {

    margin-inline: 2.5rem !important

  }

}

@media(min-width: 1600px) {

  .gap-exl-11 {

    gap: 2.75rem !important

  }

  .padding-exl-11 {

    padding: 2.75rem !important

  }

  .padding-top-exl-11 {

    -webkit-padding-before: 2.75rem !important;

    padding-block-start: 2.75rem !important

  }

  .padding-bottom-exl-11 {

    -webkit-padding-after: 2.75rem !important;

    padding-block-end: 2.75rem !important

  }

  .padding-y-exl-11 {

    padding-block: 2.75rem !important

  }

  .padding-start-exl-11 {

    -webkit-padding-start: 2.75rem !important;

    padding-inline-start: 2.75rem !important

  }

  .padding-end-exl-11 {

    -webkit-padding-end: 2.75rem !important;

    padding-inline-end: 2.75rem !important

  }

  .padding-x-exl-11 {

    padding-inline: 2.75rem !important

  }

  .margin-exl-11 {

    margin: 2.75rem !important

  }

  .margin-top-exl-11 {

    -webkit-margin-before: 2.75rem !important;

    margin-block-start: 2.75rem !important

  }

  .margin-bottom-exl-11 {

    -webkit-margin-after: 2.75rem !important;

    margin-block-end: 2.75rem !important

  }

  .margin-y-exl-11 {

    margin-block: 2.75rem !important

  }

  .margin-start-exl-11 {

    -webkit-margin-start: 2.75rem !important;

    margin-inline-start: 2.75rem !important

  }

  .margin-end-exl-11 {

    -webkit-margin-end: 2.75rem !important;

    margin-inline-end: 2.75rem !important

  }

  .margin-x-exl-11 {

    margin-inline: 2.75rem !important

  }

}

@media(min-width: 1600px) {

  .gap-exl-12 {

    gap: 3rem !important

  }

  .padding-exl-12 {

    padding: 3rem !important

  }

  .padding-top-exl-12 {

    -webkit-padding-before: 3rem !important;

    padding-block-start: 3rem !important

  }

  .padding-bottom-exl-12 {

    -webkit-padding-after: 3rem !important;

    padding-block-end: 3rem !important

  }

  .padding-y-exl-12 {

    padding-block: 3rem !important

  }

  .padding-start-exl-12 {

    -webkit-padding-start: 3rem !important;

    padding-inline-start: 3rem !important

  }

  .padding-end-exl-12 {

    -webkit-padding-end: 3rem !important;

    padding-inline-end: 3rem !important

  }

  .padding-x-exl-12 {

    padding-inline: 3rem !important

  }

  .margin-exl-12 {

    margin: 3rem !important

  }

  .margin-top-exl-12 {

    -webkit-margin-before: 3rem !important;

    margin-block-start: 3rem !important

  }

  .margin-bottom-exl-12 {

    -webkit-margin-after: 3rem !important;

    margin-block-end: 3rem !important

  }

  .margin-y-exl-12 {

    margin-block: 3rem !important

  }

  .margin-start-exl-12 {

    -webkit-margin-start: 3rem !important;

    margin-inline-start: 3rem !important

  }

  .margin-end-exl-12 {

    -webkit-margin-end: 3rem !important;

    margin-inline-end: 3rem !important

  }

  .margin-x-exl-12 {

    margin-inline: 3rem !important

  }

}

@media(min-width: 1600px) {

  .gap-exl-13 {

    gap: 3.25rem !important

  }

  .padding-exl-13 {

    padding: 3.25rem !important

  }

  .padding-top-exl-13 {

    -webkit-padding-before: 3.25rem !important;

    padding-block-start: 3.25rem !important

  }

  .padding-bottom-exl-13 {

    -webkit-padding-after: 3.25rem !important;

    padding-block-end: 3.25rem !important

  }

  .padding-y-exl-13 {

    padding-block: 3.25rem !important

  }

  .padding-start-exl-13 {

    -webkit-padding-start: 3.25rem !important;

    padding-inline-start: 3.25rem !important

  }

  .padding-end-exl-13 {

    -webkit-padding-end: 3.25rem !important;

    padding-inline-end: 3.25rem !important

  }

  .padding-x-exl-13 {

    padding-inline: 3.25rem !important

  }

  .margin-exl-13 {

    margin: 3.25rem !important

  }

  .margin-top-exl-13 {

    -webkit-margin-before: 3.25rem !important;

    margin-block-start: 3.25rem !important

  }

  .margin-bottom-exl-13 {

    -webkit-margin-after: 3.25rem !important;

    margin-block-end: 3.25rem !important

  }

  .margin-y-exl-13 {

    margin-block: 3.25rem !important

  }

  .margin-start-exl-13 {

    -webkit-margin-start: 3.25rem !important;

    margin-inline-start: 3.25rem !important

  }

  .margin-end-exl-13 {

    -webkit-margin-end: 3.25rem !important;

    margin-inline-end: 3.25rem !important

  }

  .margin-x-exl-13 {

    margin-inline: 3.25rem !important

  }

}

@media(min-width: 1600px) {

  .gap-exl-14 {

    gap: 3.5rem !important

  }

  .padding-exl-14 {

    padding: 3.5rem !important

  }

  .padding-top-exl-14 {

    -webkit-padding-before: 3.5rem !important;

    padding-block-start: 3.5rem !important

  }

  .padding-bottom-exl-14 {

    -webkit-padding-after: 3.5rem !important;

    padding-block-end: 3.5rem !important

  }

  .padding-y-exl-14 {

    padding-block: 3.5rem !important

  }

  .padding-start-exl-14 {

    -webkit-padding-start: 3.5rem !important;

    padding-inline-start: 3.5rem !important

  }

  .padding-end-exl-14 {

    -webkit-padding-end: 3.5rem !important;

    padding-inline-end: 3.5rem !important

  }

  .padding-x-exl-14 {

    padding-inline: 3.5rem !important

  }

  .margin-exl-14 {

    margin: 3.5rem !important

  }

  .margin-top-exl-14 {

    -webkit-margin-before: 3.5rem !important;

    margin-block-start: 3.5rem !important

  }

  .margin-bottom-exl-14 {

    -webkit-margin-after: 3.5rem !important;

    margin-block-end: 3.5rem !important

  }

  .margin-y-exl-14 {

    margin-block: 3.5rem !important

  }

  .margin-start-exl-14 {

    -webkit-margin-start: 3.5rem !important;

    margin-inline-start: 3.5rem !important

  }

  .margin-end-exl-14 {

    -webkit-margin-end: 3.5rem !important;

    margin-inline-end: 3.5rem !important

  }

  .margin-x-exl-14 {

    margin-inline: 3.5rem !important

  }

}

@media(min-width: 1600px) {

  .gap-exl-15 {

    gap: 3.75rem !important

  }

  .padding-exl-15 {

    padding: 3.75rem !important

  }

  .padding-top-exl-15 {

    -webkit-padding-before: 3.75rem !important;

    padding-block-start: 3.75rem !important

  }

  .padding-bottom-exl-15 {

    -webkit-padding-after: 3.75rem !important;

    padding-block-end: 3.75rem !important

  }

  .padding-y-exl-15 {

    padding-block: 3.75rem !important

  }

  .padding-start-exl-15 {

    -webkit-padding-start: 3.75rem !important;

    padding-inline-start: 3.75rem !important

  }

  .padding-end-exl-15 {

    -webkit-padding-end: 3.75rem !important;

    padding-inline-end: 3.75rem !important

  }

  .padding-x-exl-15 {

    padding-inline: 3.75rem !important

  }

  .margin-exl-15 {

    margin: 3.75rem !important

  }

  .margin-top-exl-15 {

    -webkit-margin-before: 3.75rem !important;

    margin-block-start: 3.75rem !important

  }

  .margin-bottom-exl-15 {

    -webkit-margin-after: 3.75rem !important;

    margin-block-end: 3.75rem !important

  }

  .margin-y-exl-15 {

    margin-block: 3.75rem !important

  }

  .margin-start-exl-15 {

    -webkit-margin-start: 3.75rem !important;

    margin-inline-start: 3.75rem !important

  }

  .margin-end-exl-15 {

    -webkit-margin-end: 3.75rem !important;

    margin-inline-end: 3.75rem !important

  }

  .margin-x-exl-15 {

    margin-inline: 3.75rem !important

  }

}

@media(min-width: 1600px) {

  .gap-exl-16 {

    gap: 4rem !important

  }

  .padding-exl-16 {

    padding: 4rem !important

  }

  .padding-top-exl-16 {

    -webkit-padding-before: 4rem !important;

    padding-block-start: 4rem !important

  }

  .padding-bottom-exl-16 {

    -webkit-padding-after: 4rem !important;

    padding-block-end: 4rem !important

  }

  .padding-y-exl-16 {

    padding-block: 4rem !important

  }

  .padding-start-exl-16 {

    -webkit-padding-start: 4rem !important;

    padding-inline-start: 4rem !important

  }

  .padding-end-exl-16 {

    -webkit-padding-end: 4rem !important;

    padding-inline-end: 4rem !important

  }

  .padding-x-exl-16 {

    padding-inline: 4rem !important

  }

  .margin-exl-16 {

    margin: 4rem !important

  }

  .margin-top-exl-16 {

    -webkit-margin-before: 4rem !important;

    margin-block-start: 4rem !important

  }

  .margin-bottom-exl-16 {

    -webkit-margin-after: 4rem !important;

    margin-block-end: 4rem !important

  }

  .margin-y-exl-16 {

    margin-block: 4rem !important

  }

  .margin-start-exl-16 {

    -webkit-margin-start: 4rem !important;

    margin-inline-start: 4rem !important

  }

  .margin-end-exl-16 {

    -webkit-margin-end: 4rem !important;

    margin-inline-end: 4rem !important

  }

  .margin-x-exl-16 {

    margin-inline: 4rem !important

  }

}

@media(min-width: 1600px) {

  .gap-exl-17 {

    gap: 4.25rem !important

  }

  .padding-exl-17 {

    padding: 4.25rem !important

  }

  .padding-top-exl-17 {

    -webkit-padding-before: 4.25rem !important;

    padding-block-start: 4.25rem !important

  }

  .padding-bottom-exl-17 {

    -webkit-padding-after: 4.25rem !important;

    padding-block-end: 4.25rem !important

  }

  .padding-y-exl-17 {

    padding-block: 4.25rem !important

  }

  .padding-start-exl-17 {

    -webkit-padding-start: 4.25rem !important;

    padding-inline-start: 4.25rem !important

  }

  .padding-end-exl-17 {

    -webkit-padding-end: 4.25rem !important;

    padding-inline-end: 4.25rem !important

  }

  .padding-x-exl-17 {

    padding-inline: 4.25rem !important

  }

  .margin-exl-17 {

    margin: 4.25rem !important

  }

  .margin-top-exl-17 {

    -webkit-margin-before: 4.25rem !important;

    margin-block-start: 4.25rem !important

  }

  .margin-bottom-exl-17 {

    -webkit-margin-after: 4.25rem !important;

    margin-block-end: 4.25rem !important

  }

  .margin-y-exl-17 {

    margin-block: 4.25rem !important

  }

  .margin-start-exl-17 {

    -webkit-margin-start: 4.25rem !important;

    margin-inline-start: 4.25rem !important

  }

  .margin-end-exl-17 {

    -webkit-margin-end: 4.25rem !important;

    margin-inline-end: 4.25rem !important

  }

  .margin-x-exl-17 {

    margin-inline: 4.25rem !important

  }

}

@media(min-width: 1600px) {

  .gap-exl-18 {

    gap: 4.5rem !important

  }

  .padding-exl-18 {

    padding: 4.5rem !important

  }

  .padding-top-exl-18 {

    -webkit-padding-before: 4.5rem !important;

    padding-block-start: 4.5rem !important

  }

  .padding-bottom-exl-18 {

    -webkit-padding-after: 4.5rem !important;

    padding-block-end: 4.5rem !important

  }

  .padding-y-exl-18 {

    padding-block: 4.5rem !important

  }

  .padding-start-exl-18 {

    -webkit-padding-start: 4.5rem !important;

    padding-inline-start: 4.5rem !important

  }

  .padding-end-exl-18 {

    -webkit-padding-end: 4.5rem !important;

    padding-inline-end: 4.5rem !important

  }

  .padding-x-exl-18 {

    padding-inline: 4.5rem !important

  }

  .margin-exl-18 {

    margin: 4.5rem !important

  }

  .margin-top-exl-18 {

    -webkit-margin-before: 4.5rem !important;

    margin-block-start: 4.5rem !important

  }

  .margin-bottom-exl-18 {

    -webkit-margin-after: 4.5rem !important;

    margin-block-end: 4.5rem !important

  }

  .margin-y-exl-18 {

    margin-block: 4.5rem !important

  }

  .margin-start-exl-18 {

    -webkit-margin-start: 4.5rem !important;

    margin-inline-start: 4.5rem !important

  }

  .margin-end-exl-18 {

    -webkit-margin-end: 4.5rem !important;

    margin-inline-end: 4.5rem !important

  }

  .margin-x-exl-18 {

    margin-inline: 4.5rem !important

  }

}

@media(min-width: 1600px) {

  .gap-exl-19 {

    gap: 4.75rem !important

  }

  .padding-exl-19 {

    padding: 4.75rem !important

  }

  .padding-top-exl-19 {

    -webkit-padding-before: 4.75rem !important;

    padding-block-start: 4.75rem !important

  }

  .padding-bottom-exl-19 {

    -webkit-padding-after: 4.75rem !important;

    padding-block-end: 4.75rem !important

  }

  .padding-y-exl-19 {

    padding-block: 4.75rem !important

  }

  .padding-start-exl-19 {

    -webkit-padding-start: 4.75rem !important;

    padding-inline-start: 4.75rem !important

  }

  .padding-end-exl-19 {

    -webkit-padding-end: 4.75rem !important;

    padding-inline-end: 4.75rem !important

  }

  .padding-x-exl-19 {

    padding-inline: 4.75rem !important

  }

  .margin-exl-19 {

    margin: 4.75rem !important

  }

  .margin-top-exl-19 {

    -webkit-margin-before: 4.75rem !important;

    margin-block-start: 4.75rem !important

  }

  .margin-bottom-exl-19 {

    -webkit-margin-after: 4.75rem !important;

    margin-block-end: 4.75rem !important

  }

  .margin-y-exl-19 {

    margin-block: 4.75rem !important

  }

  .margin-start-exl-19 {

    -webkit-margin-start: 4.75rem !important;

    margin-inline-start: 4.75rem !important

  }

  .margin-end-exl-19 {

    -webkit-margin-end: 4.75rem !important;

    margin-inline-end: 4.75rem !important

  }

  .margin-x-exl-19 {

    margin-inline: 4.75rem !important

  }

}

@media(min-width: 1600px) {

  .gap-exl-20 {

    gap: 5rem !important

  }

  .padding-exl-20 {

    padding: 5rem !important

  }

  .padding-top-exl-20 {

    -webkit-padding-before: 5rem !important;

    padding-block-start: 5rem !important

  }

  .padding-bottom-exl-20 {

    -webkit-padding-after: 5rem !important;

    padding-block-end: 5rem !important

  }

  .padding-y-exl-20 {

    padding-block: 5rem !important

  }

  .padding-start-exl-20 {

    -webkit-padding-start: 5rem !important;

    padding-inline-start: 5rem !important

  }

  .padding-end-exl-20 {

    -webkit-padding-end: 5rem !important;

    padding-inline-end: 5rem !important

  }

  .padding-x-exl-20 {

    padding-inline: 5rem !important

  }

  .margin-exl-20 {

    margin: 5rem !important

  }

  .margin-top-exl-20 {

    -webkit-margin-before: 5rem !important;

    margin-block-start: 5rem !important

  }

  .margin-bottom-exl-20 {

    -webkit-margin-after: 5rem !important;

    margin-block-end: 5rem !important

  }

  .margin-y-exl-20 {

    margin-block: 5rem !important

  }

  .margin-start-exl-20 {

    -webkit-margin-start: 5rem !important;

    margin-inline-start: 5rem !important

  }

  .margin-end-exl-20 {

    -webkit-margin-end: 5rem !important;

    margin-inline-end: 5rem !important

  }

  .margin-x-exl-20 {

    margin-inline: 5rem !important

  }

}

@media(min-width: 1600px) {

  .gap-exl-21 {

    gap: 5.25rem !important

  }

  .padding-exl-21 {

    padding: 5.25rem !important

  }

  .padding-top-exl-21 {

    -webkit-padding-before: 5.25rem !important;

    padding-block-start: 5.25rem !important

  }

  .padding-bottom-exl-21 {

    -webkit-padding-after: 5.25rem !important;

    padding-block-end: 5.25rem !important

  }

  .padding-y-exl-21 {

    padding-block: 5.25rem !important

  }

  .padding-start-exl-21 {

    -webkit-padding-start: 5.25rem !important;

    padding-inline-start: 5.25rem !important

  }

  .padding-end-exl-21 {

    -webkit-padding-end: 5.25rem !important;

    padding-inline-end: 5.25rem !important

  }

  .padding-x-exl-21 {

    padding-inline: 5.25rem !important

  }

  .margin-exl-21 {

    margin: 5.25rem !important

  }

  .margin-top-exl-21 {

    -webkit-margin-before: 5.25rem !important;

    margin-block-start: 5.25rem !important

  }

  .margin-bottom-exl-21 {

    -webkit-margin-after: 5.25rem !important;

    margin-block-end: 5.25rem !important

  }

  .margin-y-exl-21 {

    margin-block: 5.25rem !important

  }

  .margin-start-exl-21 {

    -webkit-margin-start: 5.25rem !important;

    margin-inline-start: 5.25rem !important

  }

  .margin-end-exl-21 {

    -webkit-margin-end: 5.25rem !important;

    margin-inline-end: 5.25rem !important

  }

  .margin-x-exl-21 {

    margin-inline: 5.25rem !important

  }

}

@media(min-width: 1600px) {

  .gap-exl-22 {

    gap: 5.5rem !important

  }

  .padding-exl-22 {

    padding: 5.5rem !important

  }

  .padding-top-exl-22 {

    -webkit-padding-before: 5.5rem !important;

    padding-block-start: 5.5rem !important

  }

  .padding-bottom-exl-22 {

    -webkit-padding-after: 5.5rem !important;

    padding-block-end: 5.5rem !important

  }

  .padding-y-exl-22 {

    padding-block: 5.5rem !important

  }

  .padding-start-exl-22 {

    -webkit-padding-start: 5.5rem !important;

    padding-inline-start: 5.5rem !important

  }

  .padding-end-exl-22 {

    -webkit-padding-end: 5.5rem !important;

    padding-inline-end: 5.5rem !important

  }

  .padding-x-exl-22 {

    padding-inline: 5.5rem !important

  }

  .margin-exl-22 {

    margin: 5.5rem !important

  }

  .margin-top-exl-22 {

    -webkit-margin-before: 5.5rem !important;

    margin-block-start: 5.5rem !important

  }

  .margin-bottom-exl-22 {

    -webkit-margin-after: 5.5rem !important;

    margin-block-end: 5.5rem !important

  }

  .margin-y-exl-22 {

    margin-block: 5.5rem !important

  }

  .margin-start-exl-22 {

    -webkit-margin-start: 5.5rem !important;

    margin-inline-start: 5.5rem !important

  }

  .margin-end-exl-22 {

    -webkit-margin-end: 5.5rem !important;

    margin-inline-end: 5.5rem !important

  }

  .margin-x-exl-22 {

    margin-inline: 5.5rem !important

  }

}

@media(min-width: 1600px) {

  .gap-exl-23 {

    gap: 5.75rem !important

  }

  .padding-exl-23 {

    padding: 5.75rem !important

  }

  .padding-top-exl-23 {

    -webkit-padding-before: 5.75rem !important;

    padding-block-start: 5.75rem !important

  }

  .padding-bottom-exl-23 {

    -webkit-padding-after: 5.75rem !important;

    padding-block-end: 5.75rem !important

  }

  .padding-y-exl-23 {

    padding-block: 5.75rem !important

  }

  .padding-start-exl-23 {

    -webkit-padding-start: 5.75rem !important;

    padding-inline-start: 5.75rem !important

  }

  .padding-end-exl-23 {

    -webkit-padding-end: 5.75rem !important;

    padding-inline-end: 5.75rem !important

  }

  .padding-x-exl-23 {

    padding-inline: 5.75rem !important

  }

  .margin-exl-23 {

    margin: 5.75rem !important

  }

  .margin-top-exl-23 {

    -webkit-margin-before: 5.75rem !important;

    margin-block-start: 5.75rem !important

  }

  .margin-bottom-exl-23 {

    -webkit-margin-after: 5.75rem !important;

    margin-block-end: 5.75rem !important

  }

  .margin-y-exl-23 {

    margin-block: 5.75rem !important

  }

  .margin-start-exl-23 {

    -webkit-margin-start: 5.75rem !important;

    margin-inline-start: 5.75rem !important

  }

  .margin-end-exl-23 {

    -webkit-margin-end: 5.75rem !important;

    margin-inline-end: 5.75rem !important

  }

  .margin-x-exl-23 {

    margin-inline: 5.75rem !important

  }

}

@media(min-width: 1600px) {

  .gap-exl-24 {

    gap: 6rem !important

  }

  .padding-exl-24 {

    padding: 6rem !important

  }

  .padding-top-exl-24 {

    -webkit-padding-before: 6rem !important;

    padding-block-start: 6rem !important

  }

  .padding-bottom-exl-24 {

    -webkit-padding-after: 6rem !important;

    padding-block-end: 6rem !important

  }

  .padding-y-exl-24 {

    padding-block: 6rem !important

  }

  .padding-start-exl-24 {

    -webkit-padding-start: 6rem !important;

    padding-inline-start: 6rem !important

  }

  .padding-end-exl-24 {

    -webkit-padding-end: 6rem !important;

    padding-inline-end: 6rem !important

  }

  .padding-x-exl-24 {

    padding-inline: 6rem !important

  }

  .margin-exl-24 {

    margin: 6rem !important

  }

  .margin-top-exl-24 {

    -webkit-margin-before: 6rem !important;

    margin-block-start: 6rem !important

  }

  .margin-bottom-exl-24 {

    -webkit-margin-after: 6rem !important;

    margin-block-end: 6rem !important

  }

  .margin-y-exl-24 {

    margin-block: 6rem !important

  }

  .margin-start-exl-24 {

    -webkit-margin-start: 6rem !important;

    margin-inline-start: 6rem !important

  }

  .margin-end-exl-24 {

    -webkit-margin-end: 6rem !important;

    margin-inline-end: 6rem !important

  }

  .margin-x-exl-24 {

    margin-inline: 6rem !important

  }

}

@media(min-width: 1600px) {

  .gap-exl-25 {

    gap: 6.25rem !important

  }

  .padding-exl-25 {

    padding: 6.25rem !important

  }

  .padding-top-exl-25 {

    -webkit-padding-before: 6.25rem !important;

    padding-block-start: 6.25rem !important

  }

  .padding-bottom-exl-25 {

    -webkit-padding-after: 6.25rem !important;

    padding-block-end: 6.25rem !important

  }

  .padding-y-exl-25 {

    padding-block: 6.25rem !important

  }

  .padding-start-exl-25 {

    -webkit-padding-start: 6.25rem !important;

    padding-inline-start: 6.25rem !important

  }

  .padding-end-exl-25 {

    -webkit-padding-end: 6.25rem !important;

    padding-inline-end: 6.25rem !important

  }

  .padding-x-exl-25 {

    padding-inline: 6.25rem !important

  }

  .margin-exl-25 {

    margin: 6.25rem !important

  }

  .margin-top-exl-25 {

    -webkit-margin-before: 6.25rem !important;

    margin-block-start: 6.25rem !important

  }

  .margin-bottom-exl-25 {

    -webkit-margin-after: 6.25rem !important;

    margin-block-end: 6.25rem !important

  }

  .margin-y-exl-25 {

    margin-block: 6.25rem !important

  }

  .margin-start-exl-25 {

    -webkit-margin-start: 6.25rem !important;

    margin-inline-start: 6.25rem !important

  }

  .margin-end-exl-25 {

    -webkit-margin-end: 6.25rem !important;

    margin-inline-end: 6.25rem !important

  }

  .margin-x-exl-25 {

    margin-inline: 6.25rem !important

  }

}

@media(min-width: 1600px) {

  .gap-exl-26 {

    gap: 6.5rem !important

  }

  .padding-exl-26 {

    padding: 6.5rem !important

  }

  .padding-top-exl-26 {

    -webkit-padding-before: 6.5rem !important;

    padding-block-start: 6.5rem !important

  }

  .padding-bottom-exl-26 {

    -webkit-padding-after: 6.5rem !important;

    padding-block-end: 6.5rem !important

  }

  .padding-y-exl-26 {

    padding-block: 6.5rem !important

  }

  .padding-start-exl-26 {

    -webkit-padding-start: 6.5rem !important;

    padding-inline-start: 6.5rem !important

  }

  .padding-end-exl-26 {

    -webkit-padding-end: 6.5rem !important;

    padding-inline-end: 6.5rem !important

  }

  .padding-x-exl-26 {

    padding-inline: 6.5rem !important

  }

  .margin-exl-26 {

    margin: 6.5rem !important

  }

  .margin-top-exl-26 {

    -webkit-margin-before: 6.5rem !important;

    margin-block-start: 6.5rem !important

  }

  .margin-bottom-exl-26 {

    -webkit-margin-after: 6.5rem !important;

    margin-block-end: 6.5rem !important

  }

  .margin-y-exl-26 {

    margin-block: 6.5rem !important

  }

  .margin-start-exl-26 {

    -webkit-margin-start: 6.5rem !important;

    margin-inline-start: 6.5rem !important

  }

  .margin-end-exl-26 {

    -webkit-margin-end: 6.5rem !important;

    margin-inline-end: 6.5rem !important

  }

  .margin-x-exl-26 {

    margin-inline: 6.5rem !important

  }

}

@media(min-width: 1600px) {

  .gap-exl-27 {

    gap: 6.75rem !important

  }

  .padding-exl-27 {

    padding: 6.75rem !important

  }

  .padding-top-exl-27 {

    -webkit-padding-before: 6.75rem !important;

    padding-block-start: 6.75rem !important

  }

  .padding-bottom-exl-27 {

    -webkit-padding-after: 6.75rem !important;

    padding-block-end: 6.75rem !important

  }

  .padding-y-exl-27 {

    padding-block: 6.75rem !important

  }

  .padding-start-exl-27 {

    -webkit-padding-start: 6.75rem !important;

    padding-inline-start: 6.75rem !important

  }

  .padding-end-exl-27 {

    -webkit-padding-end: 6.75rem !important;

    padding-inline-end: 6.75rem !important

  }

  .padding-x-exl-27 {

    padding-inline: 6.75rem !important

  }

  .margin-exl-27 {

    margin: 6.75rem !important

  }

  .margin-top-exl-27 {

    -webkit-margin-before: 6.75rem !important;

    margin-block-start: 6.75rem !important

  }

  .margin-bottom-exl-27 {

    -webkit-margin-after: 6.75rem !important;

    margin-block-end: 6.75rem !important

  }

  .margin-y-exl-27 {

    margin-block: 6.75rem !important

  }

  .margin-start-exl-27 {

    -webkit-margin-start: 6.75rem !important;

    margin-inline-start: 6.75rem !important

  }

  .margin-end-exl-27 {

    -webkit-margin-end: 6.75rem !important;

    margin-inline-end: 6.75rem !important

  }

  .margin-x-exl-27 {

    margin-inline: 6.75rem !important

  }

}

@media(min-width: 1600px) {

  .gap-exl-28 {

    gap: 7rem !important

  }

  .padding-exl-28 {

    padding: 7rem !important

  }

  .padding-top-exl-28 {

    -webkit-padding-before: 7rem !important;

    padding-block-start: 7rem !important

  }

  .padding-bottom-exl-28 {

    -webkit-padding-after: 7rem !important;

    padding-block-end: 7rem !important

  }

  .padding-y-exl-28 {

    padding-block: 7rem !important

  }

  .padding-start-exl-28 {

    -webkit-padding-start: 7rem !important;

    padding-inline-start: 7rem !important

  }

  .padding-end-exl-28 {

    -webkit-padding-end: 7rem !important;

    padding-inline-end: 7rem !important

  }

  .padding-x-exl-28 {

    padding-inline: 7rem !important

  }

  .margin-exl-28 {

    margin: 7rem !important

  }

  .margin-top-exl-28 {

    -webkit-margin-before: 7rem !important;

    margin-block-start: 7rem !important

  }

  .margin-bottom-exl-28 {

    -webkit-margin-after: 7rem !important;

    margin-block-end: 7rem !important

  }

  .margin-y-exl-28 {

    margin-block: 7rem !important

  }

  .margin-start-exl-28 {

    -webkit-margin-start: 7rem !important;

    margin-inline-start: 7rem !important

  }

  .margin-end-exl-28 {

    -webkit-margin-end: 7rem !important;

    margin-inline-end: 7rem !important

  }

  .margin-x-exl-28 {

    margin-inline: 7rem !important

  }

}

@media(min-width: 1600px) {

  .gap-exl-29 {

    gap: 7.25rem !important

  }

  .padding-exl-29 {

    padding: 7.25rem !important

  }

  .padding-top-exl-29 {

    -webkit-padding-before: 7.25rem !important;

    padding-block-start: 7.25rem !important

  }

  .padding-bottom-exl-29 {

    -webkit-padding-after: 7.25rem !important;

    padding-block-end: 7.25rem !important

  }

  .padding-y-exl-29 {

    padding-block: 7.25rem !important

  }

  .padding-start-exl-29 {

    -webkit-padding-start: 7.25rem !important;

    padding-inline-start: 7.25rem !important

  }

  .padding-end-exl-29 {

    -webkit-padding-end: 7.25rem !important;

    padding-inline-end: 7.25rem !important

  }

  .padding-x-exl-29 {

    padding-inline: 7.25rem !important

  }

  .margin-exl-29 {

    margin: 7.25rem !important

  }

  .margin-top-exl-29 {

    -webkit-margin-before: 7.25rem !important;

    margin-block-start: 7.25rem !important

  }

  .margin-bottom-exl-29 {

    -webkit-margin-after: 7.25rem !important;

    margin-block-end: 7.25rem !important

  }

  .margin-y-exl-29 {

    margin-block: 7.25rem !important

  }

  .margin-start-exl-29 {

    -webkit-margin-start: 7.25rem !important;

    margin-inline-start: 7.25rem !important

  }

  .margin-end-exl-29 {

    -webkit-margin-end: 7.25rem !important;

    margin-inline-end: 7.25rem !important

  }

  .margin-x-exl-29 {

    margin-inline: 7.25rem !important

  }

}

@media(min-width: 1600px) {

  .gap-exl-30 {

    gap: 7.5rem !important

  }

  .padding-exl-30 {

    padding: 7.5rem !important

  }

  .padding-top-exl-30 {

    -webkit-padding-before: 7.5rem !important;

    padding-block-start: 7.5rem !important

  }

  .padding-bottom-exl-30 {

    -webkit-padding-after: 7.5rem !important;

    padding-block-end: 7.5rem !important

  }

  .padding-y-exl-30 {

    padding-block: 7.5rem !important

  }

  .padding-start-exl-30 {

    -webkit-padding-start: 7.5rem !important;

    padding-inline-start: 7.5rem !important

  }

  .padding-end-exl-30 {

    -webkit-padding-end: 7.5rem !important;

    padding-inline-end: 7.5rem !important

  }

  .padding-x-exl-30 {

    padding-inline: 7.5rem !important

  }

  .margin-exl-30 {

    margin: 7.5rem !important

  }

  .margin-top-exl-30 {

    -webkit-margin-before: 7.5rem !important;

    margin-block-start: 7.5rem !important

  }

  .margin-bottom-exl-30 {

    -webkit-margin-after: 7.5rem !important;

    margin-block-end: 7.5rem !important

  }

  .margin-y-exl-30 {

    margin-block: 7.5rem !important

  }

  .margin-start-exl-30 {

    -webkit-margin-start: 7.5rem !important;

    margin-inline-start: 7.5rem !important

  }

  .margin-end-exl-30 {

    -webkit-margin-end: 7.5rem !important;

    margin-inline-end: 7.5rem !important

  }

  .margin-x-exl-30 {

    margin-inline: 7.5rem !important

  }

}

@media(min-width: 1920px) {

  .gap-exxl-0 {

    gap: 0 !important

  }

  .padding-exxl-0 {

    padding: 0 !important

  }

  .padding-top-exxl-0 {

    -webkit-padding-before: 0 !important;

    padding-block-start: 0 !important

  }

  .padding-bottom-exxl-0 {

    -webkit-padding-after: 0 !important;

    padding-block-end: 0 !important

  }

  .padding-y-exxl-0 {

    padding-block: 0 !important

  }

  .padding-start-exxl-0 {

    -webkit-padding-start: 0 !important;

    padding-inline-start: 0 !important

  }

  .padding-end-exxl-0 {

    -webkit-padding-end: 0 !important;

    padding-inline-end: 0 !important

  }

  .padding-x-exxl-0 {

    padding-inline: 0 !important

  }

  .margin-exxl-0 {

    margin: 0 !important

  }

  .margin-top-exxl-0 {

    -webkit-margin-before: 0 !important;

    margin-block-start: 0 !important

  }

  .margin-bottom-exxl-0 {

    -webkit-margin-after: 0 !important;

    margin-block-end: 0 !important

  }

  .margin-y-exxl-0 {

    margin-block: 0 !important

  }

  .margin-start-exxl-0 {

    -webkit-margin-start: 0 !important;

    margin-inline-start: 0 !important

  }

  .margin-end-exxl-0 {

    -webkit-margin-end: 0 !important;

    margin-inline-end: 0 !important

  }

  .margin-x-exxl-0 {

    margin-inline: 0 !important

  }

}

@media(min-width: 1920px) {

  .gap-exxl-1 {

    gap: 0.25rem !important

  }

  .padding-exxl-1 {

    padding: 0.25rem !important

  }

  .padding-top-exxl-1 {

    -webkit-padding-before: 0.25rem !important;

    padding-block-start: 0.25rem !important

  }

  .padding-bottom-exxl-1 {

    -webkit-padding-after: 0.25rem !important;

    padding-block-end: 0.25rem !important

  }

  .padding-y-exxl-1 {

    padding-block: 0.25rem !important

  }

  .padding-start-exxl-1 {

    -webkit-padding-start: 0.25rem !important;

    padding-inline-start: 0.25rem !important

  }

  .padding-end-exxl-1 {

    -webkit-padding-end: 0.25rem !important;

    padding-inline-end: 0.25rem !important

  }

  .padding-x-exxl-1 {

    padding-inline: 0.25rem !important

  }

  .margin-exxl-1 {

    margin: 0.25rem !important

  }

  .margin-top-exxl-1 {

    -webkit-margin-before: 0.25rem !important;

    margin-block-start: 0.25rem !important

  }

  .margin-bottom-exxl-1 {

    -webkit-margin-after: 0.25rem !important;

    margin-block-end: 0.25rem !important

  }

  .margin-y-exxl-1 {

    margin-block: 0.25rem !important

  }

  .margin-start-exxl-1 {

    -webkit-margin-start: 0.25rem !important;

    margin-inline-start: 0.25rem !important

  }

  .margin-end-exxl-1 {

    -webkit-margin-end: 0.25rem !important;

    margin-inline-end: 0.25rem !important

  }

  .margin-x-exxl-1 {

    margin-inline: 0.25rem !important

  }

}

@media(min-width: 1920px) {

  .gap-exxl-2 {

    gap: 0.5rem !important

  }

  .padding-exxl-2 {

    padding: 0.5rem !important

  }

  .padding-top-exxl-2 {

    -webkit-padding-before: 0.5rem !important;

    padding-block-start: 0.5rem !important

  }

  .padding-bottom-exxl-2 {

    -webkit-padding-after: 0.5rem !important;

    padding-block-end: 0.5rem !important

  }

  .padding-y-exxl-2 {

    padding-block: 0.5rem !important

  }

  .padding-start-exxl-2 {

    -webkit-padding-start: 0.5rem !important;

    padding-inline-start: 0.5rem !important

  }

  .padding-end-exxl-2 {

    -webkit-padding-end: 0.5rem !important;

    padding-inline-end: 0.5rem !important

  }

  .padding-x-exxl-2 {

    padding-inline: 0.5rem !important

  }

  .margin-exxl-2 {

    margin: 0.5rem !important

  }

  .margin-top-exxl-2 {

    -webkit-margin-before: 0.5rem !important;

    margin-block-start: 0.5rem !important

  }

  .margin-bottom-exxl-2 {

    -webkit-margin-after: 0.5rem !important;

    margin-block-end: 0.5rem !important

  }

  .margin-y-exxl-2 {

    margin-block: 0.5rem !important

  }

  .margin-start-exxl-2 {

    -webkit-margin-start: 0.5rem !important;

    margin-inline-start: 0.5rem !important

  }

  .margin-end-exxl-2 {

    -webkit-margin-end: 0.5rem !important;

    margin-inline-end: 0.5rem !important

  }

  .margin-x-exxl-2 {

    margin-inline: 0.5rem !important

  }

}

@media(min-width: 1920px) {

  .gap-exxl-3 {

    gap: 0.75rem !important

  }

  .padding-exxl-3 {

    padding: 0.75rem !important

  }

  .padding-top-exxl-3 {

    -webkit-padding-before: 0.75rem !important;

    padding-block-start: 0.75rem !important

  }

  .padding-bottom-exxl-3 {

    -webkit-padding-after: 0.75rem !important;

    padding-block-end: 0.75rem !important

  }

  .padding-y-exxl-3 {

    padding-block: 0.75rem !important

  }

  .padding-start-exxl-3 {

    -webkit-padding-start: 0.75rem !important;

    padding-inline-start: 0.75rem !important

  }

  .padding-end-exxl-3 {

    -webkit-padding-end: 0.75rem !important;

    padding-inline-end: 0.75rem !important

  }

  .padding-x-exxl-3 {

    padding-inline: 0.75rem !important

  }

  .margin-exxl-3 {

    margin: 0.75rem !important

  }

  .margin-top-exxl-3 {

    -webkit-margin-before: 0.75rem !important;

    margin-block-start: 0.75rem !important

  }

  .margin-bottom-exxl-3 {

    -webkit-margin-after: 0.75rem !important;

    margin-block-end: 0.75rem !important

  }

  .margin-y-exxl-3 {

    margin-block: 0.75rem !important

  }

  .margin-start-exxl-3 {

    -webkit-margin-start: 0.75rem !important;

    margin-inline-start: 0.75rem !important

  }

  .margin-end-exxl-3 {

    -webkit-margin-end: 0.75rem !important;

    margin-inline-end: 0.75rem !important

  }

  .margin-x-exxl-3 {

    margin-inline: 0.75rem !important

  }

}

@media(min-width: 1920px) {

  .gap-exxl-4 {

    gap: 1rem !important

  }

  .padding-exxl-4 {

    padding: 1rem !important

  }

  .padding-top-exxl-4 {

    -webkit-padding-before: 1rem !important;

    padding-block-start: 1rem !important

  }

  .padding-bottom-exxl-4 {

    -webkit-padding-after: 1rem !important;

    padding-block-end: 1rem !important

  }

  .padding-y-exxl-4 {

    padding-block: 1rem !important

  }

  .padding-start-exxl-4 {

    -webkit-padding-start: 1rem !important;

    padding-inline-start: 1rem !important

  }

  .padding-end-exxl-4 {

    -webkit-padding-end: 1rem !important;

    padding-inline-end: 1rem !important

  }

  .padding-x-exxl-4 {

    padding-inline: 1rem !important

  }

  .margin-exxl-4 {

    margin: 1rem !important

  }

  .margin-top-exxl-4 {

    -webkit-margin-before: 1rem !important;

    margin-block-start: 1rem !important

  }

  .margin-bottom-exxl-4 {

    -webkit-margin-after: 1rem !important;

    margin-block-end: 1rem !important

  }

  .margin-y-exxl-4 {

    margin-block: 1rem !important

  }

  .margin-start-exxl-4 {

    -webkit-margin-start: 1rem !important;

    margin-inline-start: 1rem !important

  }

  .margin-end-exxl-4 {

    -webkit-margin-end: 1rem !important;

    margin-inline-end: 1rem !important

  }

  .margin-x-exxl-4 {

    margin-inline: 1rem !important

  }

}

@media(min-width: 1920px) {

  .gap-exxl-5 {

    gap: 1.25rem !important

  }

  .padding-exxl-5 {

    padding: 1.25rem !important

  }

  .padding-top-exxl-5 {

    -webkit-padding-before: 1.25rem !important;

    padding-block-start: 1.25rem !important

  }

  .padding-bottom-exxl-5 {

    -webkit-padding-after: 1.25rem !important;

    padding-block-end: 1.25rem !important

  }

  .padding-y-exxl-5 {

    padding-block: 1.25rem !important

  }

  .padding-start-exxl-5 {

    -webkit-padding-start: 1.25rem !important;

    padding-inline-start: 1.25rem !important

  }

  .padding-end-exxl-5 {

    -webkit-padding-end: 1.25rem !important;

    padding-inline-end: 1.25rem !important

  }

  .padding-x-exxl-5 {

    padding-inline: 1.25rem !important

  }

  .margin-exxl-5 {

    margin: 1.25rem !important

  }

  .margin-top-exxl-5 {

    -webkit-margin-before: 1.25rem !important;

    margin-block-start: 1.25rem !important

  }

  .margin-bottom-exxl-5 {

    -webkit-margin-after: 1.25rem !important;

    margin-block-end: 1.25rem !important

  }

  .margin-y-exxl-5 {

    margin-block: 1.25rem !important

  }

  .margin-start-exxl-5 {

    -webkit-margin-start: 1.25rem !important;

    margin-inline-start: 1.25rem !important

  }

  .margin-end-exxl-5 {

    -webkit-margin-end: 1.25rem !important;

    margin-inline-end: 1.25rem !important

  }

  .margin-x-exxl-5 {

    margin-inline: 1.25rem !important

  }

}

@media(min-width: 1920px) {

  .gap-exxl-6 {

    gap: 1.5rem !important

  }

  .padding-exxl-6 {

    padding: 1.5rem !important

  }

  .padding-top-exxl-6 {

    -webkit-padding-before: 1.5rem !important;

    padding-block-start: 1.5rem !important

  }

  .padding-bottom-exxl-6 {

    -webkit-padding-after: 1.5rem !important;

    padding-block-end: 1.5rem !important

  }

  .padding-y-exxl-6 {

    padding-block: 1.5rem !important

  }

  .padding-start-exxl-6 {

    -webkit-padding-start: 1.5rem !important;

    padding-inline-start: 1.5rem !important

  }

  .padding-end-exxl-6 {

    -webkit-padding-end: 1.5rem !important;

    padding-inline-end: 1.5rem !important

  }

  .padding-x-exxl-6 {

    padding-inline: 1.5rem !important

  }

  .margin-exxl-6 {

    margin: 1.5rem !important

  }

  .margin-top-exxl-6 {

    -webkit-margin-before: 1.5rem !important;

    margin-block-start: 1.5rem !important

  }

  .margin-bottom-exxl-6 {

    -webkit-margin-after: 1.5rem !important;

    margin-block-end: 1.5rem !important

  }

  .margin-y-exxl-6 {

    margin-block: 1.5rem !important

  }

  .margin-start-exxl-6 {

    -webkit-margin-start: 1.5rem !important;

    margin-inline-start: 1.5rem !important

  }

  .margin-end-exxl-6 {

    -webkit-margin-end: 1.5rem !important;

    margin-inline-end: 1.5rem !important

  }

  .margin-x-exxl-6 {

    margin-inline: 1.5rem !important

  }

}

@media(min-width: 1920px) {

  .gap-exxl-7 {

    gap: 1.75rem !important

  }

  .padding-exxl-7 {

    padding: 1.75rem !important

  }

  .padding-top-exxl-7 {

    -webkit-padding-before: 1.75rem !important;

    padding-block-start: 1.75rem !important

  }

  .padding-bottom-exxl-7 {

    -webkit-padding-after: 1.75rem !important;

    padding-block-end: 1.75rem !important

  }

  .padding-y-exxl-7 {

    padding-block: 1.75rem !important

  }

  .padding-start-exxl-7 {

    -webkit-padding-start: 1.75rem !important;

    padding-inline-start: 1.75rem !important

  }

  .padding-end-exxl-7 {

    -webkit-padding-end: 1.75rem !important;

    padding-inline-end: 1.75rem !important

  }

  .padding-x-exxl-7 {

    padding-inline: 1.75rem !important

  }

  .margin-exxl-7 {

    margin: 1.75rem !important

  }

  .margin-top-exxl-7 {

    -webkit-margin-before: 1.75rem !important;

    margin-block-start: 1.75rem !important

  }

  .margin-bottom-exxl-7 {

    -webkit-margin-after: 1.75rem !important;

    margin-block-end: 1.75rem !important

  }

  .margin-y-exxl-7 {

    margin-block: 1.75rem !important

  }

  .margin-start-exxl-7 {

    -webkit-margin-start: 1.75rem !important;

    margin-inline-start: 1.75rem !important

  }

  .margin-end-exxl-7 {

    -webkit-margin-end: 1.75rem !important;

    margin-inline-end: 1.75rem !important

  }

  .margin-x-exxl-7 {

    margin-inline: 1.75rem !important

  }

}

@media(min-width: 1920px) {

  .gap-exxl-8 {

    gap: 2rem !important

  }

  .padding-exxl-8 {

    padding: 2rem !important

  }

  .padding-top-exxl-8 {

    -webkit-padding-before: 2rem !important;

    padding-block-start: 2rem !important

  }

  .padding-bottom-exxl-8 {

    -webkit-padding-after: 2rem !important;

    padding-block-end: 2rem !important

  }

  .padding-y-exxl-8 {

    padding-block: 2rem !important

  }

  .padding-start-exxl-8 {

    -webkit-padding-start: 2rem !important;

    padding-inline-start: 2rem !important

  }

  .padding-end-exxl-8 {

    -webkit-padding-end: 2rem !important;

    padding-inline-end: 2rem !important

  }

  .padding-x-exxl-8 {

    padding-inline: 2rem !important

  }

  .margin-exxl-8 {

    margin: 2rem !important

  }

  .margin-top-exxl-8 {

    -webkit-margin-before: 2rem !important;

    margin-block-start: 2rem !important

  }

  .margin-bottom-exxl-8 {

    -webkit-margin-after: 2rem !important;

    margin-block-end: 2rem !important

  }

  .margin-y-exxl-8 {

    margin-block: 2rem !important

  }

  .margin-start-exxl-8 {

    -webkit-margin-start: 2rem !important;

    margin-inline-start: 2rem !important

  }

  .margin-end-exxl-8 {

    -webkit-margin-end: 2rem !important;

    margin-inline-end: 2rem !important

  }

  .margin-x-exxl-8 {

    margin-inline: 2rem !important

  }

}

@media(min-width: 1920px) {

  .gap-exxl-9 {

    gap: 2.25rem !important

  }

  .padding-exxl-9 {

    padding: 2.25rem !important

  }

  .padding-top-exxl-9 {

    -webkit-padding-before: 2.25rem !important;

    padding-block-start: 2.25rem !important

  }

  .padding-bottom-exxl-9 {

    -webkit-padding-after: 2.25rem !important;

    padding-block-end: 2.25rem !important

  }

  .padding-y-exxl-9 {

    padding-block: 2.25rem !important

  }

  .padding-start-exxl-9 {

    -webkit-padding-start: 2.25rem !important;

    padding-inline-start: 2.25rem !important

  }

  .padding-end-exxl-9 {

    -webkit-padding-end: 2.25rem !important;

    padding-inline-end: 2.25rem !important

  }

  .padding-x-exxl-9 {

    padding-inline: 2.25rem !important

  }

  .margin-exxl-9 {

    margin: 2.25rem !important

  }

  .margin-top-exxl-9 {

    -webkit-margin-before: 2.25rem !important;

    margin-block-start: 2.25rem !important

  }

  .margin-bottom-exxl-9 {

    -webkit-margin-after: 2.25rem !important;

    margin-block-end: 2.25rem !important

  }

  .margin-y-exxl-9 {

    margin-block: 2.25rem !important

  }

  .margin-start-exxl-9 {

    -webkit-margin-start: 2.25rem !important;

    margin-inline-start: 2.25rem !important

  }

  .margin-end-exxl-9 {

    -webkit-margin-end: 2.25rem !important;

    margin-inline-end: 2.25rem !important

  }

  .margin-x-exxl-9 {

    margin-inline: 2.25rem !important

  }

}

@media(min-width: 1920px) {

  .gap-exxl-10 {

    gap: 2.5rem !important

  }

  .padding-exxl-10 {

    padding: 2.5rem !important

  }

  .padding-top-exxl-10 {

    -webkit-padding-before: 2.5rem !important;

    padding-block-start: 2.5rem !important

  }

  .padding-bottom-exxl-10 {

    -webkit-padding-after: 2.5rem !important;

    padding-block-end: 2.5rem !important

  }

  .padding-y-exxl-10 {

    padding-block: 2.5rem !important

  }

  .padding-start-exxl-10 {

    -webkit-padding-start: 2.5rem !important;

    padding-inline-start: 2.5rem !important

  }

  .padding-end-exxl-10 {

    -webkit-padding-end: 2.5rem !important;

    padding-inline-end: 2.5rem !important

  }

  .padding-x-exxl-10 {

    padding-inline: 2.5rem !important

  }

  .margin-exxl-10 {

    margin: 2.5rem !important

  }

  .margin-top-exxl-10 {

    -webkit-margin-before: 2.5rem !important;

    margin-block-start: 2.5rem !important

  }

  .margin-bottom-exxl-10 {

    -webkit-margin-after: 2.5rem !important;

    margin-block-end: 2.5rem !important

  }

  .margin-y-exxl-10 {

    margin-block: 2.5rem !important

  }

  .margin-start-exxl-10 {

    -webkit-margin-start: 2.5rem !important;

    margin-inline-start: 2.5rem !important

  }

  .margin-end-exxl-10 {

    -webkit-margin-end: 2.5rem !important;

    margin-inline-end: 2.5rem !important

  }

  .margin-x-exxl-10 {

    margin-inline: 2.5rem !important

  }

}

@media(min-width: 1920px) {

  .gap-exxl-11 {

    gap: 2.75rem !important

  }

  .padding-exxl-11 {

    padding: 2.75rem !important

  }

  .padding-top-exxl-11 {

    -webkit-padding-before: 2.75rem !important;

    padding-block-start: 2.75rem !important

  }

  .padding-bottom-exxl-11 {

    -webkit-padding-after: 2.75rem !important;

    padding-block-end: 2.75rem !important

  }

  .padding-y-exxl-11 {

    padding-block: 2.75rem !important

  }

  .padding-start-exxl-11 {

    -webkit-padding-start: 2.75rem !important;

    padding-inline-start: 2.75rem !important

  }

  .padding-end-exxl-11 {

    -webkit-padding-end: 2.75rem !important;

    padding-inline-end: 2.75rem !important

  }

  .padding-x-exxl-11 {

    padding-inline: 2.75rem !important

  }

  .margin-exxl-11 {

    margin: 2.75rem !important

  }

  .margin-top-exxl-11 {

    -webkit-margin-before: 2.75rem !important;

    margin-block-start: 2.75rem !important

  }

  .margin-bottom-exxl-11 {

    -webkit-margin-after: 2.75rem !important;

    margin-block-end: 2.75rem !important

  }

  .margin-y-exxl-11 {

    margin-block: 2.75rem !important

  }

  .margin-start-exxl-11 {

    -webkit-margin-start: 2.75rem !important;

    margin-inline-start: 2.75rem !important

  }

  .margin-end-exxl-11 {

    -webkit-margin-end: 2.75rem !important;

    margin-inline-end: 2.75rem !important

  }

  .margin-x-exxl-11 {

    margin-inline: 2.75rem !important

  }

}

@media(min-width: 1920px) {

  .gap-exxl-12 {

    gap: 3rem !important

  }

  .padding-exxl-12 {

    padding: 3rem !important

  }

  .padding-top-exxl-12 {

    -webkit-padding-before: 3rem !important;

    padding-block-start: 3rem !important

  }

  .padding-bottom-exxl-12 {

    -webkit-padding-after: 3rem !important;

    padding-block-end: 3rem !important

  }

  .padding-y-exxl-12 {

    padding-block: 3rem !important

  }

  .padding-start-exxl-12 {

    -webkit-padding-start: 3rem !important;

    padding-inline-start: 3rem !important

  }

  .padding-end-exxl-12 {

    -webkit-padding-end: 3rem !important;

    padding-inline-end: 3rem !important

  }

  .padding-x-exxl-12 {

    padding-inline: 3rem !important

  }

  .margin-exxl-12 {

    margin: 3rem !important

  }

  .margin-top-exxl-12 {

    -webkit-margin-before: 3rem !important;

    margin-block-start: 3rem !important

  }

  .margin-bottom-exxl-12 {

    -webkit-margin-after: 3rem !important;

    margin-block-end: 3rem !important

  }

  .margin-y-exxl-12 {

    margin-block: 3rem !important

  }

  .margin-start-exxl-12 {

    -webkit-margin-start: 3rem !important;

    margin-inline-start: 3rem !important

  }

  .margin-end-exxl-12 {

    -webkit-margin-end: 3rem !important;

    margin-inline-end: 3rem !important

  }

  .margin-x-exxl-12 {

    margin-inline: 3rem !important

  }

}

@media(min-width: 1920px) {

  .gap-exxl-13 {

    gap: 3.25rem !important

  }

  .padding-exxl-13 {

    padding: 3.25rem !important

  }

  .padding-top-exxl-13 {

    -webkit-padding-before: 3.25rem !important;

    padding-block-start: 3.25rem !important

  }

  .padding-bottom-exxl-13 {

    -webkit-padding-after: 3.25rem !important;

    padding-block-end: 3.25rem !important

  }

  .padding-y-exxl-13 {

    padding-block: 3.25rem !important

  }

  .padding-start-exxl-13 {

    -webkit-padding-start: 3.25rem !important;

    padding-inline-start: 3.25rem !important

  }

  .padding-end-exxl-13 {

    -webkit-padding-end: 3.25rem !important;

    padding-inline-end: 3.25rem !important

  }

  .padding-x-exxl-13 {

    padding-inline: 3.25rem !important

  }

  .margin-exxl-13 {

    margin: 3.25rem !important

  }

  .margin-top-exxl-13 {

    -webkit-margin-before: 3.25rem !important;

    margin-block-start: 3.25rem !important

  }

  .margin-bottom-exxl-13 {

    -webkit-margin-after: 3.25rem !important;

    margin-block-end: 3.25rem !important

  }

  .margin-y-exxl-13 {

    margin-block: 3.25rem !important

  }

  .margin-start-exxl-13 {

    -webkit-margin-start: 3.25rem !important;

    margin-inline-start: 3.25rem !important

  }

  .margin-end-exxl-13 {

    -webkit-margin-end: 3.25rem !important;

    margin-inline-end: 3.25rem !important

  }

  .margin-x-exxl-13 {

    margin-inline: 3.25rem !important

  }

}

@media(min-width: 1920px) {

  .gap-exxl-14 {

    gap: 3.5rem !important

  }

  .padding-exxl-14 {

    padding: 3.5rem !important

  }

  .padding-top-exxl-14 {

    -webkit-padding-before: 3.5rem !important;

    padding-block-start: 3.5rem !important

  }

  .padding-bottom-exxl-14 {

    -webkit-padding-after: 3.5rem !important;

    padding-block-end: 3.5rem !important

  }

  .padding-y-exxl-14 {

    padding-block: 3.5rem !important

  }

  .padding-start-exxl-14 {

    -webkit-padding-start: 3.5rem !important;

    padding-inline-start: 3.5rem !important

  }

  .padding-end-exxl-14 {

    -webkit-padding-end: 3.5rem !important;

    padding-inline-end: 3.5rem !important

  }

  .padding-x-exxl-14 {

    padding-inline: 3.5rem !important

  }

  .margin-exxl-14 {

    margin: 3.5rem !important

  }

  .margin-top-exxl-14 {

    -webkit-margin-before: 3.5rem !important;

    margin-block-start: 3.5rem !important

  }

  .margin-bottom-exxl-14 {

    -webkit-margin-after: 3.5rem !important;

    margin-block-end: 3.5rem !important

  }

  .margin-y-exxl-14 {

    margin-block: 3.5rem !important

  }

  .margin-start-exxl-14 {

    -webkit-margin-start: 3.5rem !important;

    margin-inline-start: 3.5rem !important

  }

  .margin-end-exxl-14 {

    -webkit-margin-end: 3.5rem !important;

    margin-inline-end: 3.5rem !important

  }

  .margin-x-exxl-14 {

    margin-inline: 3.5rem !important

  }

}

@media(min-width: 1920px) {

  .gap-exxl-15 {

    gap: 3.75rem !important

  }

  .padding-exxl-15 {

    padding: 3.75rem !important

  }

  .padding-top-exxl-15 {

    -webkit-padding-before: 3.75rem !important;

    padding-block-start: 3.75rem !important

  }

  .padding-bottom-exxl-15 {

    -webkit-padding-after: 3.75rem !important;

    padding-block-end: 3.75rem !important

  }

  .padding-y-exxl-15 {

    padding-block: 3.75rem !important

  }

  .padding-start-exxl-15 {

    -webkit-padding-start: 3.75rem !important;

    padding-inline-start: 3.75rem !important

  }

  .padding-end-exxl-15 {

    -webkit-padding-end: 3.75rem !important;

    padding-inline-end: 3.75rem !important

  }

  .padding-x-exxl-15 {

    padding-inline: 3.75rem !important

  }

  .margin-exxl-15 {

    margin: 3.75rem !important

  }

  .margin-top-exxl-15 {

    -webkit-margin-before: 3.75rem !important;

    margin-block-start: 3.75rem !important

  }

  .margin-bottom-exxl-15 {

    -webkit-margin-after: 3.75rem !important;

    margin-block-end: 3.75rem !important

  }

  .margin-y-exxl-15 {

    margin-block: 3.75rem !important

  }

  .margin-start-exxl-15 {

    -webkit-margin-start: 3.75rem !important;

    margin-inline-start: 3.75rem !important

  }

  .margin-end-exxl-15 {

    -webkit-margin-end: 3.75rem !important;

    margin-inline-end: 3.75rem !important

  }

  .margin-x-exxl-15 {

    margin-inline: 3.75rem !important

  }

}

@media(min-width: 1920px) {

  .gap-exxl-16 {

    gap: 4rem !important

  }

  .padding-exxl-16 {

    padding: 4rem !important

  }

  .padding-top-exxl-16 {

    -webkit-padding-before: 4rem !important;

    padding-block-start: 4rem !important

  }

  .padding-bottom-exxl-16 {

    -webkit-padding-after: 4rem !important;

    padding-block-end: 4rem !important

  }

  .padding-y-exxl-16 {

    padding-block: 4rem !important

  }

  .padding-start-exxl-16 {

    -webkit-padding-start: 4rem !important;

    padding-inline-start: 4rem !important

  }

  .padding-end-exxl-16 {

    -webkit-padding-end: 4rem !important;

    padding-inline-end: 4rem !important

  }

  .padding-x-exxl-16 {

    padding-inline: 4rem !important

  }

  .margin-exxl-16 {

    margin: 4rem !important

  }

  .margin-top-exxl-16 {

    -webkit-margin-before: 4rem !important;

    margin-block-start: 4rem !important

  }

  .margin-bottom-exxl-16 {

    -webkit-margin-after: 4rem !important;

    margin-block-end: 4rem !important

  }

  .margin-y-exxl-16 {

    margin-block: 4rem !important

  }

  .margin-start-exxl-16 {

    -webkit-margin-start: 4rem !important;

    margin-inline-start: 4rem !important

  }

  .margin-end-exxl-16 {

    -webkit-margin-end: 4rem !important;

    margin-inline-end: 4rem !important

  }

  .margin-x-exxl-16 {

    margin-inline: 4rem !important

  }

}

@media(min-width: 1920px) {

  .gap-exxl-17 {

    gap: 4.25rem !important

  }

  .padding-exxl-17 {

    padding: 4.25rem !important

  }

  .padding-top-exxl-17 {

    -webkit-padding-before: 4.25rem !important;

    padding-block-start: 4.25rem !important

  }

  .padding-bottom-exxl-17 {

    -webkit-padding-after: 4.25rem !important;

    padding-block-end: 4.25rem !important

  }

  .padding-y-exxl-17 {

    padding-block: 4.25rem !important

  }

  .padding-start-exxl-17 {

    -webkit-padding-start: 4.25rem !important;

    padding-inline-start: 4.25rem !important

  }

  .padding-end-exxl-17 {

    -webkit-padding-end: 4.25rem !important;

    padding-inline-end: 4.25rem !important

  }

  .padding-x-exxl-17 {

    padding-inline: 4.25rem !important

  }

  .margin-exxl-17 {

    margin: 4.25rem !important

  }

  .margin-top-exxl-17 {

    -webkit-margin-before: 4.25rem !important;

    margin-block-start: 4.25rem !important

  }

  .margin-bottom-exxl-17 {

    -webkit-margin-after: 4.25rem !important;

    margin-block-end: 4.25rem !important

  }

  .margin-y-exxl-17 {

    margin-block: 4.25rem !important

  }

  .margin-start-exxl-17 {

    -webkit-margin-start: 4.25rem !important;

    margin-inline-start: 4.25rem !important

  }

  .margin-end-exxl-17 {

    -webkit-margin-end: 4.25rem !important;

    margin-inline-end: 4.25rem !important

  }

  .margin-x-exxl-17 {

    margin-inline: 4.25rem !important

  }

}

@media(min-width: 1920px) {

  .gap-exxl-18 {

    gap: 4.5rem !important

  }

  .padding-exxl-18 {

    padding: 4.5rem !important

  }

  .padding-top-exxl-18 {

    -webkit-padding-before: 4.5rem !important;

    padding-block-start: 4.5rem !important

  }

  .padding-bottom-exxl-18 {

    -webkit-padding-after: 4.5rem !important;

    padding-block-end: 4.5rem !important

  }

  .padding-y-exxl-18 {

    padding-block: 4.5rem !important

  }

  .padding-start-exxl-18 {

    -webkit-padding-start: 4.5rem !important;

    padding-inline-start: 4.5rem !important

  }

  .padding-end-exxl-18 {

    -webkit-padding-end: 4.5rem !important;

    padding-inline-end: 4.5rem !important

  }

  .padding-x-exxl-18 {

    padding-inline: 4.5rem !important

  }

  .margin-exxl-18 {

    margin: 4.5rem !important

  }

  .margin-top-exxl-18 {

    -webkit-margin-before: 4.5rem !important;

    margin-block-start: 4.5rem !important

  }

  .margin-bottom-exxl-18 {

    -webkit-margin-after: 4.5rem !important;

    margin-block-end: 4.5rem !important

  }

  .margin-y-exxl-18 {

    margin-block: 4.5rem !important

  }

  .margin-start-exxl-18 {

    -webkit-margin-start: 4.5rem !important;

    margin-inline-start: 4.5rem !important

  }

  .margin-end-exxl-18 {

    -webkit-margin-end: 4.5rem !important;

    margin-inline-end: 4.5rem !important

  }

  .margin-x-exxl-18 {

    margin-inline: 4.5rem !important

  }

}

@media(min-width: 1920px) {

  .gap-exxl-19 {

    gap: 4.75rem !important

  }

  .padding-exxl-19 {

    padding: 4.75rem !important

  }

  .padding-top-exxl-19 {

    -webkit-padding-before: 4.75rem !important;

    padding-block-start: 4.75rem !important

  }

  .padding-bottom-exxl-19 {

    -webkit-padding-after: 4.75rem !important;

    padding-block-end: 4.75rem !important

  }

  .padding-y-exxl-19 {

    padding-block: 4.75rem !important

  }

  .padding-start-exxl-19 {

    -webkit-padding-start: 4.75rem !important;

    padding-inline-start: 4.75rem !important

  }

  .padding-end-exxl-19 {

    -webkit-padding-end: 4.75rem !important;

    padding-inline-end: 4.75rem !important

  }

  .padding-x-exxl-19 {

    padding-inline: 4.75rem !important

  }

  .margin-exxl-19 {

    margin: 4.75rem !important

  }

  .margin-top-exxl-19 {

    -webkit-margin-before: 4.75rem !important;

    margin-block-start: 4.75rem !important

  }

  .margin-bottom-exxl-19 {

    -webkit-margin-after: 4.75rem !important;

    margin-block-end: 4.75rem !important

  }

  .margin-y-exxl-19 {

    margin-block: 4.75rem !important

  }

  .margin-start-exxl-19 {

    -webkit-margin-start: 4.75rem !important;

    margin-inline-start: 4.75rem !important

  }

  .margin-end-exxl-19 {

    -webkit-margin-end: 4.75rem !important;

    margin-inline-end: 4.75rem !important

  }

  .margin-x-exxl-19 {

    margin-inline: 4.75rem !important

  }

}

@media(min-width: 1920px) {

  .gap-exxl-20 {

    gap: 5rem !important

  }

  .padding-exxl-20 {

    padding: 5rem !important

  }

  .padding-top-exxl-20 {

    -webkit-padding-before: 5rem !important;

    padding-block-start: 5rem !important

  }

  .padding-bottom-exxl-20 {

    -webkit-padding-after: 5rem !important;

    padding-block-end: 5rem !important

  }

  .padding-y-exxl-20 {

    padding-block: 5rem !important

  }

  .padding-start-exxl-20 {

    -webkit-padding-start: 5rem !important;

    padding-inline-start: 5rem !important

  }

  .padding-end-exxl-20 {

    -webkit-padding-end: 5rem !important;

    padding-inline-end: 5rem !important

  }

  .padding-x-exxl-20 {

    padding-inline: 5rem !important

  }

  .margin-exxl-20 {

    margin: 5rem !important

  }

  .margin-top-exxl-20 {

    -webkit-margin-before: 5rem !important;

    margin-block-start: 5rem !important

  }

  .margin-bottom-exxl-20 {

    -webkit-margin-after: 5rem !important;

    margin-block-end: 5rem !important

  }

  .margin-y-exxl-20 {

    margin-block: 5rem !important

  }

  .margin-start-exxl-20 {

    -webkit-margin-start: 5rem !important;

    margin-inline-start: 5rem !important

  }

  .margin-end-exxl-20 {

    -webkit-margin-end: 5rem !important;

    margin-inline-end: 5rem !important

  }

  .margin-x-exxl-20 {

    margin-inline: 5rem !important

  }

}

@media(min-width: 1920px) {

  .gap-exxl-21 {

    gap: 5.25rem !important

  }

  .padding-exxl-21 {

    padding: 5.25rem !important

  }

  .padding-top-exxl-21 {

    -webkit-padding-before: 5.25rem !important;

    padding-block-start: 5.25rem !important

  }

  .padding-bottom-exxl-21 {

    -webkit-padding-after: 5.25rem !important;

    padding-block-end: 5.25rem !important

  }

  .padding-y-exxl-21 {

    padding-block: 5.25rem !important

  }

  .padding-start-exxl-21 {

    -webkit-padding-start: 5.25rem !important;

    padding-inline-start: 5.25rem !important

  }

  .padding-end-exxl-21 {

    -webkit-padding-end: 5.25rem !important;

    padding-inline-end: 5.25rem !important

  }

  .padding-x-exxl-21 {

    padding-inline: 5.25rem !important

  }

  .margin-exxl-21 {

    margin: 5.25rem !important

  }

  .margin-top-exxl-21 {

    -webkit-margin-before: 5.25rem !important;

    margin-block-start: 5.25rem !important

  }

  .margin-bottom-exxl-21 {

    -webkit-margin-after: 5.25rem !important;

    margin-block-end: 5.25rem !important

  }

  .margin-y-exxl-21 {

    margin-block: 5.25rem !important

  }

  .margin-start-exxl-21 {

    -webkit-margin-start: 5.25rem !important;

    margin-inline-start: 5.25rem !important

  }

  .margin-end-exxl-21 {

    -webkit-margin-end: 5.25rem !important;

    margin-inline-end: 5.25rem !important

  }

  .margin-x-exxl-21 {

    margin-inline: 5.25rem !important

  }

}

@media(min-width: 1920px) {

  .gap-exxl-22 {

    gap: 5.5rem !important

  }

  .padding-exxl-22 {

    padding: 5.5rem !important

  }

  .padding-top-exxl-22 {

    -webkit-padding-before: 5.5rem !important;

    padding-block-start: 5.5rem !important

  }

  .padding-bottom-exxl-22 {

    -webkit-padding-after: 5.5rem !important;

    padding-block-end: 5.5rem !important

  }

  .padding-y-exxl-22 {

    padding-block: 5.5rem !important

  }

  .padding-start-exxl-22 {

    -webkit-padding-start: 5.5rem !important;

    padding-inline-start: 5.5rem !important

  }

  .padding-end-exxl-22 {

    -webkit-padding-end: 5.5rem !important;

    padding-inline-end: 5.5rem !important

  }

  .padding-x-exxl-22 {

    padding-inline: 5.5rem !important

  }

  .margin-exxl-22 {

    margin: 5.5rem !important

  }

  .margin-top-exxl-22 {

    -webkit-margin-before: 5.5rem !important;

    margin-block-start: 5.5rem !important

  }

  .margin-bottom-exxl-22 {

    -webkit-margin-after: 5.5rem !important;

    margin-block-end: 5.5rem !important

  }

  .margin-y-exxl-22 {

    margin-block: 5.5rem !important

  }

  .margin-start-exxl-22 {

    -webkit-margin-start: 5.5rem !important;

    margin-inline-start: 5.5rem !important

  }

  .margin-end-exxl-22 {

    -webkit-margin-end: 5.5rem !important;

    margin-inline-end: 5.5rem !important

  }

  .margin-x-exxl-22 {

    margin-inline: 5.5rem !important

  }

}

@media(min-width: 1920px) {

  .gap-exxl-23 {

    gap: 5.75rem !important

  }

  .padding-exxl-23 {

    padding: 5.75rem !important

  }

  .padding-top-exxl-23 {

    -webkit-padding-before: 5.75rem !important;

    padding-block-start: 5.75rem !important

  }

  .padding-bottom-exxl-23 {

    -webkit-padding-after: 5.75rem !important;

    padding-block-end: 5.75rem !important

  }

  .padding-y-exxl-23 {

    padding-block: 5.75rem !important

  }

  .padding-start-exxl-23 {

    -webkit-padding-start: 5.75rem !important;

    padding-inline-start: 5.75rem !important

  }

  .padding-end-exxl-23 {

    -webkit-padding-end: 5.75rem !important;

    padding-inline-end: 5.75rem !important

  }

  .padding-x-exxl-23 {

    padding-inline: 5.75rem !important

  }

  .margin-exxl-23 {

    margin: 5.75rem !important

  }

  .margin-top-exxl-23 {

    -webkit-margin-before: 5.75rem !important;

    margin-block-start: 5.75rem !important

  }

  .margin-bottom-exxl-23 {

    -webkit-margin-after: 5.75rem !important;

    margin-block-end: 5.75rem !important

  }

  .margin-y-exxl-23 {

    margin-block: 5.75rem !important

  }

  .margin-start-exxl-23 {

    -webkit-margin-start: 5.75rem !important;

    margin-inline-start: 5.75rem !important

  }

  .margin-end-exxl-23 {

    -webkit-margin-end: 5.75rem !important;

    margin-inline-end: 5.75rem !important

  }

  .margin-x-exxl-23 {

    margin-inline: 5.75rem !important

  }

}

@media(min-width: 1920px) {

  .gap-exxl-24 {

    gap: 6rem !important

  }

  .padding-exxl-24 {

    padding: 6rem !important

  }

  .padding-top-exxl-24 {

    -webkit-padding-before: 6rem !important;

    padding-block-start: 6rem !important

  }

  .padding-bottom-exxl-24 {

    -webkit-padding-after: 6rem !important;

    padding-block-end: 6rem !important

  }

  .padding-y-exxl-24 {

    padding-block: 6rem !important

  }

  .padding-start-exxl-24 {

    -webkit-padding-start: 6rem !important;

    padding-inline-start: 6rem !important

  }

  .padding-end-exxl-24 {

    -webkit-padding-end: 6rem !important;

    padding-inline-end: 6rem !important

  }

  .padding-x-exxl-24 {

    padding-inline: 6rem !important

  }

  .margin-exxl-24 {

    margin: 6rem !important

  }

  .margin-top-exxl-24 {

    -webkit-margin-before: 6rem !important;

    margin-block-start: 6rem !important

  }

  .margin-bottom-exxl-24 {

    -webkit-margin-after: 6rem !important;

    margin-block-end: 6rem !important

  }

  .margin-y-exxl-24 {

    margin-block: 6rem !important

  }

  .margin-start-exxl-24 {

    -webkit-margin-start: 6rem !important;

    margin-inline-start: 6rem !important

  }

  .margin-end-exxl-24 {

    -webkit-margin-end: 6rem !important;

    margin-inline-end: 6rem !important

  }

  .margin-x-exxl-24 {

    margin-inline: 6rem !important

  }

}

@media(min-width: 1920px) {

  .gap-exxl-25 {

    gap: 6.25rem !important

  }

  .padding-exxl-25 {

    padding: 6.25rem !important

  }

  .padding-top-exxl-25 {

    -webkit-padding-before: 6.25rem !important;

    padding-block-start: 6.25rem !important

  }

  .padding-bottom-exxl-25 {

    -webkit-padding-after: 6.25rem !important;

    padding-block-end: 6.25rem !important

  }

  .padding-y-exxl-25 {

    padding-block: 6.25rem !important

  }

  .padding-start-exxl-25 {

    -webkit-padding-start: 6.25rem !important;

    padding-inline-start: 6.25rem !important

  }

  .padding-end-exxl-25 {

    -webkit-padding-end: 6.25rem !important;

    padding-inline-end: 6.25rem !important

  }

  .padding-x-exxl-25 {

    padding-inline: 6.25rem !important

  }

  .margin-exxl-25 {

    margin: 6.25rem !important

  }

  .margin-top-exxl-25 {

    -webkit-margin-before: 6.25rem !important;

    margin-block-start: 6.25rem !important

  }

  .margin-bottom-exxl-25 {

    -webkit-margin-after: 6.25rem !important;

    margin-block-end: 6.25rem !important

  }

  .margin-y-exxl-25 {

    margin-block: 6.25rem !important

  }

  .margin-start-exxl-25 {

    -webkit-margin-start: 6.25rem !important;

    margin-inline-start: 6.25rem !important

  }

  .margin-end-exxl-25 {

    -webkit-margin-end: 6.25rem !important;

    margin-inline-end: 6.25rem !important

  }

  .margin-x-exxl-25 {

    margin-inline: 6.25rem !important

  }

}

@media(min-width: 1920px) {

  .gap-exxl-26 {

    gap: 6.5rem !important

  }

  .padding-exxl-26 {

    padding: 6.5rem !important

  }

  .padding-top-exxl-26 {

    -webkit-padding-before: 6.5rem !important;

    padding-block-start: 6.5rem !important

  }

  .padding-bottom-exxl-26 {

    -webkit-padding-after: 6.5rem !important;

    padding-block-end: 6.5rem !important

  }

  .padding-y-exxl-26 {

    padding-block: 6.5rem !important

  }

  .padding-start-exxl-26 {

    -webkit-padding-start: 6.5rem !important;

    padding-inline-start: 6.5rem !important

  }

  .padding-end-exxl-26 {

    -webkit-padding-end: 6.5rem !important;

    padding-inline-end: 6.5rem !important

  }

  .padding-x-exxl-26 {

    padding-inline: 6.5rem !important

  }

  .margin-exxl-26 {

    margin: 6.5rem !important

  }

  .margin-top-exxl-26 {

    -webkit-margin-before: 6.5rem !important;

    margin-block-start: 6.5rem !important

  }

  .margin-bottom-exxl-26 {

    -webkit-margin-after: 6.5rem !important;

    margin-block-end: 6.5rem !important

  }

  .margin-y-exxl-26 {

    margin-block: 6.5rem !important

  }

  .margin-start-exxl-26 {

    -webkit-margin-start: 6.5rem !important;

    margin-inline-start: 6.5rem !important

  }

  .margin-end-exxl-26 {

    -webkit-margin-end: 6.5rem !important;

    margin-inline-end: 6.5rem !important

  }

  .margin-x-exxl-26 {

    margin-inline: 6.5rem !important

  }

}

@media(min-width: 1920px) {

  .gap-exxl-27 {

    gap: 6.75rem !important

  }

  .padding-exxl-27 {

    padding: 6.75rem !important

  }

  .padding-top-exxl-27 {

    -webkit-padding-before: 6.75rem !important;

    padding-block-start: 6.75rem !important

  }

  .padding-bottom-exxl-27 {

    -webkit-padding-after: 6.75rem !important;

    padding-block-end: 6.75rem !important

  }

  .padding-y-exxl-27 {

    padding-block: 6.75rem !important

  }

  .padding-start-exxl-27 {

    -webkit-padding-start: 6.75rem !important;

    padding-inline-start: 6.75rem !important

  }

  .padding-end-exxl-27 {

    -webkit-padding-end: 6.75rem !important;

    padding-inline-end: 6.75rem !important

  }

  .padding-x-exxl-27 {

    padding-inline: 6.75rem !important

  }

  .margin-exxl-27 {

    margin: 6.75rem !important

  }

  .margin-top-exxl-27 {

    -webkit-margin-before: 6.75rem !important;

    margin-block-start: 6.75rem !important

  }

  .margin-bottom-exxl-27 {

    -webkit-margin-after: 6.75rem !important;

    margin-block-end: 6.75rem !important

  }

  .margin-y-exxl-27 {

    margin-block: 6.75rem !important

  }

  .margin-start-exxl-27 {

    -webkit-margin-start: 6.75rem !important;

    margin-inline-start: 6.75rem !important

  }

  .margin-end-exxl-27 {

    -webkit-margin-end: 6.75rem !important;

    margin-inline-end: 6.75rem !important

  }

  .margin-x-exxl-27 {

    margin-inline: 6.75rem !important

  }

}

@media(min-width: 1920px) {

  .gap-exxl-28 {

    gap: 7rem !important

  }

  .padding-exxl-28 {

    padding: 7rem !important

  }

  .padding-top-exxl-28 {

    -webkit-padding-before: 7rem !important;

    padding-block-start: 7rem !important

  }

  .padding-bottom-exxl-28 {

    -webkit-padding-after: 7rem !important;

    padding-block-end: 7rem !important

  }

  .padding-y-exxl-28 {

    padding-block: 7rem !important

  }

  .padding-start-exxl-28 {

    -webkit-padding-start: 7rem !important;

    padding-inline-start: 7rem !important

  }

  .padding-end-exxl-28 {

    -webkit-padding-end: 7rem !important;

    padding-inline-end: 7rem !important

  }

  .padding-x-exxl-28 {

    padding-inline: 7rem !important

  }

  .margin-exxl-28 {

    margin: 7rem !important

  }

  .margin-top-exxl-28 {

    -webkit-margin-before: 7rem !important;

    margin-block-start: 7rem !important

  }

  .margin-bottom-exxl-28 {

    -webkit-margin-after: 7rem !important;

    margin-block-end: 7rem !important

  }

  .margin-y-exxl-28 {

    margin-block: 7rem !important

  }

  .margin-start-exxl-28 {

    -webkit-margin-start: 7rem !important;

    margin-inline-start: 7rem !important

  }

  .margin-end-exxl-28 {

    -webkit-margin-end: 7rem !important;

    margin-inline-end: 7rem !important

  }

  .margin-x-exxl-28 {

    margin-inline: 7rem !important

  }

}

@media(min-width: 1920px) {

  .gap-exxl-29 {

    gap: 7.25rem !important

  }

  .padding-exxl-29 {

    padding: 7.25rem !important

  }

  .padding-top-exxl-29 {

    -webkit-padding-before: 7.25rem !important;

    padding-block-start: 7.25rem !important

  }

  .padding-bottom-exxl-29 {

    -webkit-padding-after: 7.25rem !important;

    padding-block-end: 7.25rem !important

  }

  .padding-y-exxl-29 {

    padding-block: 7.25rem !important

  }

  .padding-start-exxl-29 {

    -webkit-padding-start: 7.25rem !important;

    padding-inline-start: 7.25rem !important

  }

  .padding-end-exxl-29 {

    -webkit-padding-end: 7.25rem !important;

    padding-inline-end: 7.25rem !important

  }

  .padding-x-exxl-29 {

    padding-inline: 7.25rem !important

  }

  .margin-exxl-29 {

    margin: 7.25rem !important

  }

  .margin-top-exxl-29 {

    -webkit-margin-before: 7.25rem !important;

    margin-block-start: 7.25rem !important

  }

  .margin-bottom-exxl-29 {

    -webkit-margin-after: 7.25rem !important;

    margin-block-end: 7.25rem !important

  }

  .margin-y-exxl-29 {

    margin-block: 7.25rem !important

  }

  .margin-start-exxl-29 {

    -webkit-margin-start: 7.25rem !important;

    margin-inline-start: 7.25rem !important

  }

  .margin-end-exxl-29 {

    -webkit-margin-end: 7.25rem !important;

    margin-inline-end: 7.25rem !important

  }

  .margin-x-exxl-29 {

    margin-inline: 7.25rem !important

  }

}

@media(min-width: 1920px) {

  .gap-exxl-30 {

    gap: 7.5rem !important

  }

  .padding-exxl-30 {

    padding: 7.5rem !important

  }

  .padding-top-exxl-30 {

    -webkit-padding-before: 7.5rem !important;

    padding-block-start: 7.5rem !important

  }

  .padding-bottom-exxl-30 {

    -webkit-padding-after: 7.5rem !important;

    padding-block-end: 7.5rem !important

  }

  .padding-y-exxl-30 {

    padding-block: 7.5rem !important

  }

  .padding-start-exxl-30 {

    -webkit-padding-start: 7.5rem !important;

    padding-inline-start: 7.5rem !important

  }

  .padding-end-exxl-30 {

    -webkit-padding-end: 7.5rem !important;

    padding-inline-end: 7.5rem !important

  }

  .padding-x-exxl-30 {

    padding-inline: 7.5rem !important

  }

  .margin-exxl-30 {

    margin: 7.5rem !important

  }

  .margin-top-exxl-30 {

    -webkit-margin-before: 7.5rem !important;

    margin-block-start: 7.5rem !important

  }

  .margin-bottom-exxl-30 {

    -webkit-margin-after: 7.5rem !important;

    margin-block-end: 7.5rem !important

  }

  .margin-y-exxl-30 {

    margin-block: 7.5rem !important

  }

  .margin-start-exxl-30 {

    -webkit-margin-start: 7.5rem !important;

    margin-inline-start: 7.5rem !important

  }

  .margin-end-exxl-30 {

    -webkit-margin-end: 7.5rem !important;

    margin-inline-end: 7.5rem !important

  }

  .margin-x-exxl-30 {

    margin-inline: 7.5rem !important

  }

}

.link {

  text-decoration: none;

  -webkit-transition: all .3s ease;

  transition: all .3s ease

}

.transition {

  -webkit-transition: all .3s ease;

  transition: all .3s ease

}

.place-content-center {

  place-content: center

}

.place-items-center {

  place-items: center

}

.position-center {

  inset-inline-start: 50%;

  inset-block-start: 50%;

  -webkit-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%)

}

.inset-0 {

  inset: 0

}

.\:focus-bgc-dark-1:focus {

  background-color: #261549

}

.\:focus-clr-white:focus {

  color: #fff

}

.form-control:focus {

  -webkit-box-shadow: unset;

  box-shadow: unset

}

.\:placeholder-light-text::-webkit-input-placeholder {

  color: #a8a8a8

}

.\:placeholder-light-text::-moz-placeholder {

  color: #a8a8a8

}

.\:placeholder-light-text:-ms-input-placeholder {

  color: #a8a8a8

}

.\:placeholder-light-text::-ms-input-placeholder {

  color: #a8a8a8

}

.\:placeholder-light-text::placeholder {

  color: #a8a8a8

}

.max-width-800 {

  max-width: 800px

}

.max-text-55 {

  max-width: 55ch

}

.border-stroke {

  --bs-border-color: #38384B

}

.section-space {

  padding-top: clamp(3.75rem, 6.5vw + 1rem, 7.5rem);

  padding-bottom: clamp(3.75rem, 6.5vw + 1rem, 7.5rem)

}

.section-space--sm {

  padding-top: clamp(2rem, 3.25vw + 1rem, 3.75rem);

  padding-bottom: clamp(2rem, 3.25vw + 1rem, 3.75rem)

}

.section-space--sm-top {

  padding-top: clamp(2rem, 3.25vw + 1rem, 3.75rem)

}

.section-space--sm-bottom {

  padding-bottom: clamp(2rem, 3.25vw + 1rem, 3.75rem)

}

.section-space-top {

  padding-top: clamp(3.75rem, 6.5vw + 1rem, 7.5rem)

}

.section-space-bottom {

  padding-bottom: clamp(3.75rem, 6.5vw + 1rem, 7.5rem)

}

.gb-header.header-two .nav-wrapper ul li:hover > a {

  color: #fff

}

.gb-header.header-two .nav-wrapper ul li:hover::after {

  color: #fff

}

.gb-hero {

  padding-top: clamp(4.5rem + 88px, 12vw + 1rem, 15rem + 88px);

  padding-bottom: clamp(4.5rem, 12vw + 1rem, 15rem);

  position: relative;

  isolation: isolate;

  background-image: -webkit-gradient(linear, left top, right top, from(#9000FE), color-stop(50.91%, #F000A2), to(#FF8B5D));

  background-image: linear-gradient(90deg, #9000FE 0%, #F000A2 50.91%, #FF8B5D 100%)

}

@media(min-width: 768px) {

  .gb-hero {

    min-height: 100vh;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    padding-top: clamp(3.5rem + 72px, 12vw + 1rem, 7rem + 72px);

    padding-bottom: clamp(3.5rem, 12vw + 1rem, 7rem)

  }

}

@media(min-width: 1200px) {

  .gb-hero::before {

    content: "";

    position: absolute;

    inset: 0;

    background-image: url(../img/hostim/hero-bg.png);

    background-size: contain;

    background-position: center;

    background-repeat: no-repeat;

    z-index: -1

  }

}

@media(min-width: 1200px) {

  .gb-hero::after {

    content: url(../img/hostim/gb-hero-bg.png);

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    z-index: -1

  }

}

@media(min-width: 768px) {

  .gb-hero__img {

    position: relative;

    isolation: isolate

  }

}

@media(min-width: 1920px) {

  .gb-hero__img {

    -webkit-transform: translateX(120px);

    transform: translateX(120px)

  }

}

.gb-hero__img-bg {

  display: none

}

@media(min-width: 768px) {

  .gb-hero__img-bg {

    width: 100%;

    height: 100%;

    display: block;

    position: absolute;

    inset: 0;

    -o-object-fit: fill;

    object-fit: fill;

    z-index: -1;

    opacity: .5

  }

}

.gb-hero__element {

  display: none

}

@media(min-width: 768px) {

  .gb-hero__element {

    display: block;

    position: absolute;

    inset-block-start: 0

  }

}

@media(min-width: 1920px) {

  .gb-hero__element {

    inset-inline-start: 10%

  }

}

.find-domain-section {

  position: relative;

  isolation: isolate

}

.find-domain-section::after {

  content: "";

  position: absolute;

  inset: 0;

  background-image: url(../img/hostim/find-domain-bg.png);

  background-size: contain;

  background-position: center;

  background-repeat: no-repeat;

  z-index: -1

}

.gb-footer .hm2-footer {

  background: #1b0229

}

.list {

  --direction: column;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: var(--direction);

  flex-direction: var(--direction);

  margin: 0;

  padding: 0;

  list-style: none

}

.list-row {

  --direction: row

}

@media(min-width: 320px) {

  .list-xs-row {

    --direction: row

  }

}

@media(min-width: 375px) {

  .list-xsm-row {

    --direction: row

  }

}

@media(min-width: 576px) {

  .list-sm-row {

    --direction: row

  }

}

@media(min-width: 768px) {

  .list-md-row {

    --direction: row

  }

}

@media(min-width: 992px) {

  .list-lg-row {

    --direction: row

  }

}

@media(min-width: 1200px) {

  .list-xl-row {

    --direction: row

  }

}

@media(min-width: 1400px) {

  .list-xxl-row {

    --direction: row

  }

}

@media(min-width: 1600px) {

  .list-exl-row {

    --direction: row

  }

}

@media(min-width: 1920px) {

  .list-exxl-row {

    --direction: row

  }

}

.list-column {

  --direction: column

}

@media(min-width: 320px) {

  .list-xs-column {

    --direction: column

  }

}

@media(min-width: 375px) {

  .list-xsm-column {

    --direction: column

  }

}

@media(min-width: 576px) {

  .list-sm-column {

    --direction: column

  }

}

@media(min-width: 768px) {

  .list-md-column {

    --direction: column

  }

}

@media(min-width: 992px) {

  .list-lg-column {

    --direction: column

  }

}

@media(min-width: 1200px) {

  .list-xl-column {

    --direction: column

  }

}

@media(min-width: 1400px) {

  .list-xxl-column {

    --direction: column

  }

}

@media(min-width: 1600px) {

  .list-exl-column {

    --direction: column

  }

}

@media(min-width: 1920px) {

  .list-exxl-column {

    --direction: column

  }

}

.list-disc {

  list-style: disc;

  -webkit-padding-start: 1rem;

  padding-inline-start: 1rem

}

@media(min-width: 1200px) {

  .domain-list-group li + li {

    -webkit-padding-start: .75rem;

    padding-inline-start: .75rem;

    -webkit-margin-start: .75rem;

    margin-inline-start: .75rem;

    position: relative;

    isolation: isolate

  }

  .domain-list-group li + li::after {

    content: "";

    position: absolute;

    inset-inline-start: 0;

    inset-block: 20%;

    width: 1px;

    background-color: #a8a8a8

  }

}

@media(min-width: 1400px) {

  .domain-list-group li + li {

    -webkit-padding-start: 1.25rem;

    padding-inline-start: 1.25rem;

    -webkit-margin-start: 1.25rem;

    margin-inline-start: 1.25rem

  }

}

.gb-countdown > li {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center

}

.gb-countdown__box {

  display: grid;

  place-content: center;

  width: 4rem;

  height: 3.75rem;

  background-color: #fff;

  border-radius: .5rem;

  font-family: "Urbanist", sans-serif;

  font-size: 1.5rem;

  font-weight: 700;

  color: #001042

}

.gb-countdown__text {

  display: block;

  text-align: center;

  font-weight: 600;

  color: #fff

}

.gb-promotion-card {

  position: relative;

  isolation: isolate;

  border-radius: .25rem 0 .25rem .25rem

}

.gb-promotion-card__label {

  position: absolute;

  inset-block-start: 0;

  inset-inline-end: 12px

}

.gb-promotion-card__label::before {

  content: "";

  position: absolute;

  inset-block-end: 100%;

  inset-inline: 0;

  height: 20px;

  background-color: #8af135;

  -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 50%);

  clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 50%)

}

.gb-promotion-card__label::after {

  content: "";

  position: absolute;

  inset-block-end: 100%;

  inset-inline-start: 100%;

  width: 0;

  height: 0;

  border-style: solid;

  border-width: 20px 0 0 12px;

  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #a60140

}

.pricing-card {

  border: 1px solid #38384b;

  -webkit-transition: all .3s ease;

  transition: all .3s ease

}

.pricing-card:hover {

  border-color: #ffc02d

}

.pricing-card:hover .pricing-card__btn {

  background-color: #ffc02d;

  color: #001042

}

.pricing-card:hover .clr-heading {

  color: #ffc02d

}

.pricing-card.active {

  border-color: #ffc02d

}

.pricing-card.active .clr-heading {

  color: #ffc02d

}

.support-img-blurr {

  width: 12.5rem;

  height: 12.5rem;

  border-radius: 50%;

  background-color: #006877;

  -webkit-filter: blur(100px);

  filter: blur(100px)

}

.gb-accordion {

  --bs-accordion-bg: transparent;

  --bs-accordion-border-radius: 0;

  --bs-accordion-btn-bg: transparent;

  --bs-accordion-inner-border-radius: 0;

  --bs-accordion-btn-color: #DCDCDC;

  --bs-accordion-active-color: #FFB217;

  --bs-accordion-btn-focus-border-color: transparent;

  --bs-accordion-btn-focus-box-shadow: 0 0 0 0 transparent;

  --bs-accordion-active-bg: transparent;

  --bs-accordion-border-width: 0;

  --bs-accordion-border-color: #525264

}

@media(min-width: 768px) {

  .gb-accordion {

    padding-inline: 1.5rem

  }

}

.gb-accordion .accordion-item {

  border-bottom: 1px solid var(--bs-accordion-border-color)

}

.gb-accordion .accordion-button {

  -webkit-padding-start: 0;

  padding-inline-start: 0;

  font-size: 20px;

  font-weight: 700

}

.gb-accordion .accordion-button::after {

  content: "";

  font-family: "Font Awesome 5 Free";

  font-weight: 900;

  background: unset;

  color: #525264

}

.gb-accordion .accordion-button:not(.collapsed)::after {

  content: "";

  color: #ffb217

}

.gb-accordion .accordion-body {

  padding-top: 0;

  -webkit-padding-start: 0;

  padding-inline-start: 0

}

.primary-header {

  position: relative;

  background-color: #fff

}

.primary-header__nav {

  padding-block: .25rem

}

@media(min-width: 992px) {

  .primary-header__nav {

    padding: 0

  }

}

@media(min-width: 992px) {

  .primary-header__content {

    position: relative

  }

}

.primary-header h6 {

  color: #333;

  font-weight: 500

}

.primary-header h5 {

  color: #333;

  font-weight: 500

}

.mobile-menu-toggler {

  border: 0;

  background-color: rgba(0, 0, 0, 0);

  font-size: 24px;

  color: #0098ff;

  line-height: 1

}

.primary-mobile-menu {

  position: absolute;

  inset-block-start: 100%;

  inset-inline: 0;

  background-image: -webkit-gradient(linear, left top, left bottom, from(#2d6ae0), to(#1d50d5));

  background-image: linear-gradient(180deg, #2d6ae0, #1d50d5);

  height: calc(100vh - 53px);

  overflow-y: auto;

  z-index: 3;

  pointer-events: none;

  display: none

}

.primary-mobile-menu .accordion {

  --bs-accordion-btn-icon-width: 14px

}

.primary-mobile-menu .accordion .accordion {

  --bs-accordion-bg: #163a96

}

.primary-mobile-menu .accordion .accordion .accordion-item {

  border-bottom: 1px solid #244fbd

}

.primary-mobile-menu .accordion .accordion .accordion-item:last-child {

  border-bottom: 0

}

.primary-mobile-menu .accordion .accordion .accordion-button {

  background-color: #163a96;

  border-radius: 0

}

.primary-mobile-menu .accordion .accordion .accordion-body {

  background-color: #fff

}

.primary-mobile-menu .accordion-item {

  border-top: 0;

  border-left: 0;

  border-right: 0;

  border-bottom: 1px solid rgba(255, 255, 255, .16);

  border-radius: 0;

  background-color: rgba(0, 0, 0, 0)

}

.primary-mobile-menu .accordion-button {

  padding: 1rem;

  border-radius: 0;

  background-color: rgba(0, 0, 0, 0);

  color: #fff

}

.primary-mobile-menu .accordion-button:focus {

  -webkit-box-shadow: unset;

  box-shadow: unset

}

.primary-mobile-menu .accordion-button::after {

  content: "";

  background: none;

  font-family: "Font Awesome 5 Free";

  font-size: 14px;

  font-weight: 900

}

.primary-mobile-menu .accordion-button:not(.collapsed) {

  -webkit-box-shadow: 0 1px 1px 0 rgba(255, 255, 255, .16);

  box-shadow: 0 1px 1px 0 rgba(255, 255, 255, .16)

}

.primary-mobile-menu-open .primary-mobile-menu {

  display: block;

  pointer-events: unset

}

.collaborative-solution-box {

  background: rgba(0, 152, 255, .08)

}

.collaborative-solution-box__btn {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  gap: .25rem;

  -ms-flex-item-align: start;

  align-self: flex-start;

  padding: 10px 16px;

  border-radius: .25rem;

  background-color: #0098ff;

  color: #fff

}

.icon-box {

  width: 32px;

  height: 32px;

  border-radius: 3px;

  display: grid;

  place-content: center

}

.overlays {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  z-index: 5;

  background: linear-gradient(45deg, rgba(22, 58, 150, 0.88) 6.62%, rgba(22, 58, 150, 0)), rgba(0, 0, 0, 0) 100%/cover no-repeat

}

.clr-link {

  color: #666

}

.clr-link:hover {

  color: #0098ff

}

.primary-nav {

  display: none;

  pointer-events: none

}

@media(min-width: 992px) {

  .primary-nav {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    pointer-events: unset

  }

}

.primary-menu {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  gap: .5rem

}

.primary-menu__link {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  gap: .5rem;

  padding: 1.25rem .5rem;

  font-size: 14px;

  font-weight: 600;

  color: #333

}

.primary-menu__link:hover {

  color: #0098ff

}

.primary-menu__link.has-sub::after {

  content: "";

  display: inline-block;

  font-family: "Font Awesome 5 Free";

  font-weight: 900

}

.primary-menu__item.active .mega-tab {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  pointer-events: unset

}

.primary-menu__item.active .mega-sub-menu {

  display: block;

  pointer-events: unset

}

.primary-menu__item.active .primary-menu__link {

  color: #0098ff

}

.mega-tab {

  position: absolute;

  top: 100%;

  left: 0;

  right: 0;

  display: none;

  pointer-events: none;

  background: #fff;

  border-top: 1px solid #e7e7e7;

  border-radius: 0 0 .5rem .5rem;

  z-index: 99

}

.mega-tab .nav-tabs {

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -ms-flex-negative: 0;

  flex-shrink: 0;

  width: 20%;

  min-width: 240px;

  padding: 1.5rem;

  background: -webkit-gradient(linear, left top, left bottom, from(#2d6ae0), to(#1d50d5));

  background: linear-gradient(180deg, #2d6ae0 0%, #1d50d5 100%);

  border: 0;

  border-radius: 0 0 0 .5rem

}

.mega-tab .nav-tabs .nav-link {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  width: 100%;

  border-radius: .5rem;

  border: 0;

  padding: 1rem;

  font-weight: 700;

  color: rgba(255, 255, 255, .5)

}

.mega-tab .nav-tabs .nav-link::after {

  content: "";

  display: none;

  position: relative;

  font-family: "Font Awesome 5 Free";

  font-weight: 900

}

.mega-tab .nav-tabs .nav-link.active {

  background: rgba(255, 255, 255, .16);

  color: #fff

}

.mega-tab .nav-tabs .nav-link.active::after {

  display: block

}

.mega-tab .nav-tabs .nav-link:hover {

  background: rgba(255, 255, 255, .16);

  color: #fff

}

.mega-tab .nav-tabs .nav-link:hover::after {

  display: block

}

.mega-tab .tab-content {

  width: 80%;

  padding: 1.5rem

}

.mega-sub-menu {

  width: 420px;

  padding: 1.5rem;

  position: absolute;

  top: 100%;

  left: 0;

  display: none;

  pointer-events: none;

  background: -webkit-gradient(linear, left top, left bottom, from(#2d6ae0), to(#1d50d5));

  background: linear-gradient(180deg, #2d6ae0 0%, #1d50d5 100%);

  border-radius: 0 0 .5rem .5rem;

  z-index: 99

}

.mega-sub-menu__link {

  padding: 1rem;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  border-radius: .5rem;

  color: #fff

}

.mega-sub-menu__link::after {

  content: "";

  display: none;

  font-family: "Font Awesome 5 Free";

  font-weight: 900

}

.mega-sub-menu__link:hover {

  background-color: rgba(255, 255, 255, .16)

}

.mega-sub-menu__link:hover::after {

  display: block

}

.sub-divider > *:nth-child(1) {

  -webkit-padding-end: 1.5rem;

  padding-inline-end: 1.5rem

}

.sub-divider > *:nth-child(2) {

  padding-inline: 1.5rem;

  border-inline: 1px solid #d0d0d0

}

.sub-divider > *:nth-child(3) {

  -webkit-padding-start: 1.5rem;

  padding-inline-start: 1.5rem

}

.gg-wrapper #grainy-geadient {

  display: none

}

.gg-wrapper::after, .gg-wrapper::before {

  position: fixed;

  inset: 0;

  content: ""

}

.gg-wrapper::before {

  z-index: -1;

  -webkit-filter: url(#gg-filter);

  filter: url(#gg-filter);

  mix-blend-mode: color;

  opacity: .4

}

.gg-wrapper::after {

  background: -webkit-gradient(linear, left top, left bottom, from(#001799), to(#001799));

  background: linear-gradient(#001799, #001799);

  z-index: -2

}

.isb-up-down {

  -webkit-animation: updown 3s linear infinite;

  animation: updown 3s linear infinite

}

.isb-rotate-animation {

  -webkit-animation: isbrotate 30s cubic-bezier(0, -0.02, 0.55, 0.49) infinite;

  animation: isbrotate 30s cubic-bezier(0, -0.02, 0.55, 0.49) infinite

}

.isb-hero .one {

  top: 0;

  left: 0;

  opacity: .2

}

@media(max-width: 1599px) {

  .isb-hero .one {

    display: none

  }

}

.isb-hero .two {

  top: 0;

  right: 0;

  opacity: .2

}

@media(max-width: 1599px) {

  .isb-hero .two {

    display: none

  }

}

.isb-hero .three {

  bottom: -125px;

  right: 35px;

  opacity: .2

}

@media(max-width: 1199px) {

  .isb-hero .three {

    display: none

  }

}

.isb-hero .four {

  top: 415px;

  left: 0;

  opacity: .2

}

@media(max-width: 1599px) {

  .isb-hero .four {

    display: none

  }

}

.fs-72 {

  font-size: clamp(2rem, 2.99vw + 1rem, 4.5rem)

}

.isb-sub-title {

  font-family: "Urbanist", sans-serif;

  font-size: 18px;

  font-weight: 700;

  line-height: 28px;

  letter-spacing: 5px;

  background: linear-gradient(269.13deg, #38EEB0 12.14%, #16A7FA 83.84%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: rgba(0, 0, 0, 0)

}

@media(max-width: 575px) {

  .isb-sub-title {

    letter-spacing: 0

  }

}

.isb-color {

  background: linear-gradient(269.27deg, #38EEB0 91.4%, #16A7FA 112.9%), linear-gradient(0deg, #ffffff, #ffffff);

  -webkit-background-clip: text;

  -webkit-text-fill-color: rgba(0, 0, 0, 0)

}

.isb-btn-typo {

  font-size: 16px;

  font-weight: 800;

  font-family: "Urbanist", sans-serif

}

.isb-btn-typo-2 {

  font-weight: 700;

  font-size: 14px;

  font-family: "Urbanist", sans-serif

}

@media(max-width: 340px) {

  .isb-hero__bnt-area .isb-gd-btn {

    margin-right: 10px

  }

}

@media(max-width: 575px) {

  .isb-hero__bnt-area .isb-outline-btn {

    margin-left: 10px

  }

}

@media(max-width: 340px) {

  .isb-hero__bnt-area .isb-outline-btn {

    margin-left: 0;

    margin-top: 10px

  }

}

@media(max-width: 575px) {

  .isb-hero-image {

    margin-top: 20px;

    width: 90% !important

  }

}

.isb-gd-btn {

  background: linear-gradient(269.13deg, #38EEB0 12.14%, #16A7FA 83.84%);

  padding: 15px 30px;

  border-radius: 50px;

  -webkit-transition: .9s;

  transition: .9s

}

.isb-gd-btn:hover {

  background: linear-gradient(269.13deg, #16A7FA 12.14%, #38EEB0 83.84%)

}

.isb-outline-btn {

  border: 1px solid #38eeb0;

  padding: 15px 30px;

  border-radius: 50px;

  -webkit-transition: .9s;

  transition: .9s

}

.isb-outline-btn:hover {

  border-color: rgba(0, 0, 0, 0);

  background: linear-gradient(269.13deg, #38EEB0 12.14%, #16A7FA 83.84%)

}

.isb-body {

  font-weight: 600;

  font-size: 1.125rem

}

.isb-tab-area .one {

  top: 315px;

  right: -70px

}

@media(max-width: 1399px) {

  .isb-tab-area .one {

    display: none

  }

}

.isb-tab-area .two {

  bottom: 40px;

  right: -110px

}

@media(max-width: 1599px) {

  .isb-tab-area .two {

    display: none

  }

}

.isb-tab-area .three {

  left: -20px;

  bottom: -235px;

  opacity: .1

}

@media(max-width: 1799px) {

  .isb-tab-area .three {

    display: none

  }

}

.isb-tab-area .four {

  opacity: 1

}

@media(max-width: 767px) {

  .isb-tab-area {

    padding-top: 0

  }

}

.fs-48 {

  font-size: clamp(1.5rem, 2.526vw + 1rem, 3rem)

}

.isb-bg-color-2 {

  background-color: #0e208e !important

}

.isb-bg-color-3 {

  background: rgba(255, 255, 238, .05) !important

}

.pl-40 {

  padding-left: 40px

}

.pr-40 {

  padding-right: 40px

}

.pr-55 {

  padding-right: 55px

}

.rounded-8 {

  border-radius: 8px

}

.isb-border {

  border: 1px solid

}

.isb-border-color {

  border-color: #3e4da5

}

.isb-border-color-2 {

  border-color: rgba(255, 255, 238, .05)

}

.pl-25 {

  padding-left: 25px

}

.pr-25 {

  padding-right: 25px

}

.isb-body-2 {

  font-weight: 400;

  font-size: 16px !important;

  line-height: 24px

}

.isb-body-3 {

  font-size: 20px;

  font-weight: 800

}

.isb-color-two {

  color: rgba(255, 255, 255, .6980392157)

}

.isb-color-three {

  color: #e5e7f4

}

.crs-line-border {

  border-bottom: 1px solid rgba(255, 255, 255, .1254901961) !important

}

@media(max-width: 575px) {

  .crs-line-border.pt-90 {

    padding-top: 45px

  }

}

.crs-line-border-two {

  border-top: 1px solid rgba(255, 255, 255, .1254901961) !important

}

@media(max-width: 991px) {

  .crs-line-border-two-sm {

    border-top: 1px solid rgba(255, 255, 255, .1254901961) !important

  }

}

.isb-tab.hm2-service-tab ul li {

  width: 20%

}

@media(max-width: 1199px) {

  .isb-tab.hm2-service-tab ul li {

    width: 25%

  }

}

@media(max-width: 991px) {

  .isb-tab.hm2-service-tab ul li {

    width: 100%

  }

}

.isb-tab.hm2-service-tab ul li button::after {

  background-color: #38eeb0

}

.isb-tab.hm2-service-tab ul li button.active {

  color: #38eeb0 !important

}

@media(max-width: 575px) {

  .isb-tab {

    margin-top: 20px

  }

}

@media(max-width: 1399px) {

  .ibs-project-box {

    height: 100%

  }

}

@media(max-width: 1199px) {

  .ibs-project-box {

    height: auto;

    margin-bottom: 20px

  }

}

.ibs-project-box .isb-tab-image {

  margin-top: -30px

}

@media(max-width: 575px) {

  .ibs-project-box .isb-tab-image {

    width: 100%;

    margin-top: 10px

  }

}

@media(max-width: 767px) {

  .isb-tab-area .hm2-service-tab ul li button {

    font-size: 16px

  }

}

.fw-500 {

  font-weight: 500

}

.isb-border-color-3 {

  border-color: rgba(255, 255, 238, .3) !important

}

.isb-border-left {

  border-left: 1px solid

}

.isb-hosting-partner-area .one {

  bottom: 150px;

  left: 50px

}

@media(max-width: 1675px) {

  .isb-hosting-partner-area .one {

    display: none

  }

}

@media(max-width: 991px) {

  .crs-achievement {

    padding-left: 0;

    border: 0

  }

}

@media(max-width: 575px) {

  .crs-achievement h6 {

    font-size: 18px

  }

}

.isb-info-box-area .one {

  right: 0;

  bottom: -140px

}

@media(max-width: 1599px) {

  .isb-info-box-area .one {

    display: none

  }

}

.isb-info-box-area .two {

  right: 0;

  bottom: 0

}

@media(max-width: 1599px) {

  .isb-info-box-area .two {

    display: none

  }

}

@media(max-width: 767px) {

  .isb-price-section {

    padding-top: 0

  }

}

.fw-700 {

  font-weight: 700

}

.isb-price-btn {

  width: 46px;

  height: 28px;

  border-radius: 100px;

  padding: 7px;

  cursor: pointer

}

.isb-price-btn.clicked .isb-price-btn-sm {

  -webkit-transform: translateX(16px);

  transform: translateX(16px)

}

.isb-gd-bg {

  background: linear-gradient(269.13deg, #38EEB0 12.14%, #16A7FA 83.84%)

}

.isb-price-btn-sm {

  height: 16px;

  width: 16px;

  border-radius: 100px

}

.ist-dollar {

  font-family: "Plus Jakarta Sans", sans-serif;

  font-weight: 700;

  font-size: 30px;

  bottom: 35px;

  left: 5px

}

.isb-min-price {

  font-family: "Be Vietnam Pro", sans-serif;

  font-size: 60px;

  font-weight: 700

}

.isb-min-price-after {

  font-family: "Plus Jakarta Sans", sans-serif;

  font-size: 22px;

  font-weight: 800;

  left: -10px

}

.isb-price {

  font-family: "Urbanist", sans-serif

}

.isb-price.year {

  display: none

}

.isb-price.year.show {

  display: block

}

.isb-price.month.hide {

  display: none

}

.pl-45 {

  padding-left: 45px

}

.pr-45 {

  padding-right: 45px

}

.rounded-12 {

  border-radius: 12px

}

.rounded-16 {

  border-radius: 16px

}

.ml--10 {

  margin-left: -10px

}

.mr--10 {

  margin-right: -10px

}

.isb-popular-badge {

  right: -30px;

  top: -27px

}

@media(max-width: 991px) {

  .isb-price-box {

    margin-left: 0;

    margin-right: 0

  }

}

@media(max-width: 767px) {

  .isb-testimonial-area {

    padding-top: 0

  }

}

.isb-testimonial-content {

  font-weight: 600;

  font-size: 24px;

  line-height: 40px

}

@media(max-width: 1199px) {

  .isb-testimonial-content {

    font-size: 18px;

    line-height: 32px

  }

}

@media(max-width: 575px) {

  .isb-testimonial-content {

    font-size: 16px;

    line-height: 26px

  }

}

.isb-feedback .one {

  right: 60px;

  bottom: 45px

}

@media(max-width: 1199px) {

  .isb-feedback .one {

    display: none

  }

}

@media(max-width: 1199px) {

  .isb-feedback {

    padding: 50px !important

  }

}

@media(max-width: 575px) {

  .isb-feedback {

    padding: 30px !important

  }

}

.pl-100 {

  padding-left: 100px

}

.pr-100 {

  padding-right: 100px

}

.isb-testimonial-slider {

  padding-top: 120px;

  margin-top: -135px

}

.isb-slider-arrow {

  border: 1px solid #38eeb0;

  color: #38eeb0;

  width: 56px;

  height: 56px;

  border-radius: 100px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  position: absolute;

  right: 0;

  top: 0;

  z-index: 3

}

.isb-slider-arrow:hover {

  border-color: rgba(0, 0, 0, 0);

  background: linear-gradient(269.13deg, #38EEB0 12.14%, #16A7FA 83.84%);

  color: #fff

}

.isb-slider-arrow.prev {

  right: 80px

}

@media(max-width: 991px) {

  .isb-slider-arrow {

    display: none

  }

}

.isb-small-btn {

  padding: 10px 20px

}

.isb-support .one {

  right: 0;

  bottom: 200px

}

@media(max-width: 1699px) {

  .isb-support .one {

    display: none

  }

}

.isb-support .two {

  left: -45px;

  bottom: 70px;

  z-index: -1

}

@media(max-width: 1239px) {

  .isb-support .two {

    display: none

  }

}

@media(max-width: 767px) {

  .isb-support {

    padding-top: 0

  }

}

.rounded-4 {

  border-radius: 4px !important

}

.right--10 {

  right: -10px

}

.right--20 {

  right: -20px

}

@media(max-width: 1399px) {

  .isb-hosting-image {

    right: 45px

  }

}

@media(max-width: 1199px) {

  .isb-hosting-image {

    width: 100%

  }

}

@media(max-width: 991px) {

  .isb-hosting-image {

    margin-top: 30px;

    width: 90%;

    right: 0

  }

}

@media(max-width: 767px) {

  .isb-hosting-area {

    padding-top: 0

  }

}

.isb-faq .one {

  left: 0;

  bottom: -110px

}

@media(max-width: 1199px) {

  .isb-faq .one {

    display: none

  }

}

@media(max-width: 767px) {

  .isb-faq {

    padding-top: 0

  }

}

.isb-footer-bg {

  background-color: #001799

}

.isb-footer-bg .footer-widget .ft-subtitle::after, .isb-footer-bg .footer-widget .widget-title::before {

  background: linear-gradient(269.13deg, #38EEB0 12.14%, #16A7FA 83.84%)

}

.isb-footer-bg .footer-widget .footer-nav li a:hover {

  color: #fff

}

.isb-footer-bg .footer-widget .footer-nav li a:hover::before {

  color: #fff

}

@media(max-width: 767px) {

  .isb-footer-bg .footer-widget {

    padding-left: 0;

    margin-bottom: 20px

  }

}

.footer-copyright.isb-footer-bg {

  border-top: 1px solid rgba(231, 231, 231, .2)

}

@media(max-width: 575px) {

  .footer-copyright .social-nav {

    margin-top: 20px;

    text-align: left !important

  }

}

@-webkit-keyframes updown {

  0% {

    -webkit-transform: translateY(0px);

    transform: translateY(0px)

  }

  50% {

    -webkit-transform: translateY(50px);

    transform: translateY(50px)

  }

  100% {

    -webkit-transform: translateY(0px);

    transform: translateY(0px)

  }

}

@keyframes updown {

  0% {

    -webkit-transform: translateY(0px);

    transform: translateY(0px)

  }

  50% {

    -webkit-transform: translateY(50px);

    transform: translateY(50px)

  }

  100% {

    -webkit-transform: translateY(0px);

    transform: translateY(0px)

  }

}

@-webkit-keyframes isbrotate {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg)

  }

  50% {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg)

  }

  100% {

    -webkit-transform: rotate(-360deg);

    transform: rotate(-360deg)

  }

}

@keyframes isbrotate {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg)

  }

  50% {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg)

  }

  100% {

    -webkit-transform: rotate(-360deg);

    transform: rotate(-360deg)

  }

}

.ff-inter {

  font-family: "Inter", sans-serif

}

.ff-urb {

  font-family: "Urbanist", sans-serif

}

.font-ch-35 {

  max-width: 35ch

}

.font-ch-31 {

  max-width: 30ch

}

.font-ch-29 {

  max-width: 29ch

}

.font-ch-25 {

  max-width: 25ch

}

.font-ch-19 {

  max-width: 19ch

}

.font-ch-16 {

  max-width: 16ch

}

.fs-18 {

  font-size: 18px

}

.fs-30 {

  font-size: 30px

}

.fs-64 {

  font-size: clamp(1.6rem, 3.33vw + 1rem, 4rem)

}

.lh-80 {

  line-height: 80px

}

@media(max-width: 991px) {

  .lh-80 {

    line-height: 64px

  }

}

@media(max-width: 767px) {

  .lh-80 {

    line-height: 52px

  }

}

@media(max-width: 353px) {

  .lh-80 {

    line-height: 42px

  }

}

.lh-64 {

  line-height: 64px

}

@media(max-width: 1199px) {

  .lh-64 {

    line-height: 54px

  }

}

@media(max-width: 575px) {

  .lh-64 {

    line-height: 42px

  }

}

.lh-44 {

  line-height: 44px

}

.lh-36 {

  line-height: 36px

}

.lh-32 {

  line-height: 32px

}

.lh-28 {

  line-height: 28px

}

.lh-24 {

  line-height: 24px

}

.lh-22 {

  line-height: 22px

}

.fw-400 {

  font-weight: 400

}

.fw-600 {

  font-weight: 600

}

.fw-800 {

  font-weight: 800

}

.hds-body-color {

  color: #1a0063

}

.hds-body-color-two {

  color: #1c4a3f !important

}

.hds-body-color-three {

  color: #48454e

}

.hds-body-color-four {

  color: #101415

}

.hds-body-color-five {

  color: #191c1d

}

.hds-body-color-six {

  color: #8af135

}

.hds-body-color-seven {

  color: #e1e3e3

}

.hds-body-color-eight {

  color: #666 !important

}

.hds-body-color-nine {

  color: #001042 !important

}

.hds-dotted-border {

  border: 1px dotted

}

.hds-border-bottom {

  border-bottom: 1px solid

}

.hds-border-color {

  border-color: #879e9b

}

.hds-border-color-two {

  border-color: #8da49f !important

}

.hds-section-bg {

  background-color: #f3f3f8

}

.hds-bg-color {

  background-color: #1c4a3f

}

.hds-bg-color-two {

  background-color: #8af135

}

.hds-bg-color-footer {

  background-color: #FFFFFF

}

.hds-bg-color-three {

  background-color: #ecf5e4

}

.hds-bg-color-four {

  background-color: #cfff92

}

.hds-bg-color-five {

  background-color: #f3feeb

}

.hds-bg-color-six {

  background-color: #dcfbc2

}

.hds-bg-color-seven {

  background-color: #e3f6f5

}

.hds-bg-color-eight {

  background-color: #d0f9ae

}

.hds-bg-style::after {

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  z-index: -1;

  background-image: url("../img/home_13/group-bg.png");

  background-repeat: no-repeat;

  background-position: center;

  background-size: contain;

  top: 0;

  left: 0

}

.hds-bg-style-two::after {

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  z-index: -1;

  background-image: url("../img/home_13/group-bg-2.png");

  background-repeat: no-repeat;

  background-position: center;

  background-size: contain;

  top: 0;

  left: 0

}

.hds-bg-style-three::after {

  content: "";

  position: absolute;

  width: 100%;

  height: 92%;

  z-index: -1;

  background-image: url("../img/home_13/group-bg-3-new.png");

  background-repeat: no-repeat;

  background-position: center;

  background-size: contain;

  top: 70px;

  left: 130px

}

@media(max-width: 991px) {

  .hds-bg-style-three::after {

    left: 0

  }

}

.pt-200 {

  padding-top: 200px

}

.pl-50 {

  padding-left: 50px

}

.pr-50 {

  padding-right: 50px

}

.hds-border-bottom {

  border-bottom: 1px solid !important

}

.hds-border-color {

  border-color: #1c4a3f !important

}

.rounded-6 {

  border-radius: 6px

}

.rounded-50 {

  border-radius: 50px

}

.rounded-top-40 {

  border-top-right-radius: 40px;

  border-top-left-radius: 40px

}

.hds-hover-bg:hover {

  background-color: #1c4a3f

}

.hds-hover-bg:hover span {

  background-color: rgba(0, 0, 0, 0) !important

}

.hds-hover-bg-two:hover {

  background-color: #8af135

}

.hds-hover-bg-two:hover span {

  background-color: rgba(0, 0, 0, 0) !important

}

.hds-hover-color:hover {

  color: #fff !important

}

.hds-hover-color-two:hover {

  color: #1c4a3f !important

}

.hds-hover-color-three:hover {

  color: #8af135 !important

}

.hds-shadow {

  -webkit-box-shadow: 0px 16px 32px -4px rgba(145, 158, 171, .1607843137);

  box-shadow: 0px 16px 32px -4px rgba(145, 158, 171, .1607843137)

}

.hds-shadow-hover:hover {

  -webkit-box-shadow: 0px 8px 16px 0px rgba(145, 158, 171, .1607843137);

  box-shadow: 0px 8px 16px 0px rgba(145, 158, 171, .1607843137)

}

.hover_strong:hover {

  z-index: 3

}

.hds-large-btn {

  width: 198px

}

.hds-header .nav-menu {

  margin-bottom: -125px

}

.hds-header.sticky-header .nav-menu {

  margin-bottom: 0

}

.hds-line-border {

  height: 1px;

  left: 0;

  bottom: 0

}

.hds-line-border div {

  width: 8px;

  height: 8px;

  border-radius: 50%

}

@media(max-width: 991px) {

  .hosting-data-server-hero {

    padding-top: 150px

  }

}

@media(max-width: 767px) {

  .hosting-data-server-hero {

    padding-bottom: 35px

  }

}

.hosting-data-server-hero::before {

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  z-index: -1;

  background-image: url("../img/home_13/hero_overlay.png");

  background-repeat: no-repeat;

  top: 0;

  left: 0

}

.hosting-data-server-hero::after {

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  z-index: -1;

  background-image: url("../img/home_13/hero_overlay_2.png");

  background-repeat: no-repeat;

  background-position: top right;

  top: 0;

  right: 0

}

@media(max-width: 991px) {

  .hosting-data-server-hero .hds-btn {

    float: left;

    margin-top: 20px

  }

}

.hds-highlighted-text {

  padding: 0 10px

}

.hds-highlighted-text::after {

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  background-color: #8af135;

  inset: 0;

  z-index: -1;

  -webkit-transform: rotate(-3deg);

  transform: rotate(-3deg)

}

.hds-btn {

  font-family: "Urbanist", sans-serif;

  font-size: 16px;

  font-weight: 700;

  padding: 13px 22px

}

.hds-btn span {

  margin-left: 8px;

  font-size: 14px;

  width: 20px;

  padding-top: 2px;

  border-radius: 4px

}

.hds-hero-item-box span i {

  font-size: 12px

}

.hds-hero-image {

  right: -65px

}

@media(max-width: 1460px) {

  .hds-hero-image {

    right: 0

  }

}

@media(max-width: 991px) {

  .hds-hero-image {

    margin-top: 30px

  }

}

@media(max-width: 1199px) {

  .hds-logo-area {

    padding-top: 40px

  }

}

@media(max-width: 1199px) {

  .hds-logo-area h6 {

    text-align: center

  }

}

@media(max-width: 1199px) {

  .hds-logo-area .hds-logos {

    border: 0

  }

}

@media(max-width: 1199px) {

  .hds-logo-area .hds-logos .text-end {

    text-align: center !important

  }

}

@media(max-width: 767px) {

  .hds-logo-area .hds-logos .logo-images {

    margin: 10px 0

  }

}

@media(max-width: 1199px) {

  .hds-hosting-area {

    padding-top: 60px

  }

}

@media(max-width: 991px) {

  .hds-hosting-area {

    padding-top: 40px

  }

}

.hds-hosting-area .one {

  top: 0;

  right: 0

}

@media(max-width: 1399px) {

  .hds-hosting-area .one {

    display: none

  }

}

@media(max-width: 1199px) {

  .hds-hosting-services {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

  }

}

.hds-hosting-service {

  padding: 15px 45px 15px 20px

}

@media(max-width: 991px) {

  .hds-single-info {

    padding-left: 0;

    border: 0;

    margin-top: 20px;

    text-align: center

  }

}

@media(max-width: 991px) {

  .hds-single-info h6 {

    margin-inline: auto

  }

}

@media(max-width: 767px) {

  .hds-single-info p {

    margin-inline: auto

  }

}

@media(max-width: 1199px) {

  .hds-award-area {

    padding-top: 30px

  }

}

@media(max-width: 1199px) {

  .hds-award-box {

    margin-right: 0

  }

}

@media(max-width: 575px) {

  .hds-award-box {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    padding-right: 20px;

    padding-left: 20px

  }

}

@media(max-width: 575px) {

  .hds-award-box .hds-award-content {

    text-align: center

  }

}

@media(max-width: 1199px) {

  .hds-hosting-feature-area {

    padding-top: 60px

  }

}

@media(max-width: 991px) {

  .hds-hosting-feature-area {

    padding-top: 40px

  }

}

@media(max-width: 450px) {

  .hds-hosting-feature {

    padding-right: 20px;

    padding-left: 20px;

    padding-top: 40px

  }

}

@media(max-width: 991px) {

  .hds-hosting-feature.hds-bg-color-four {

    margin-top: 30px

  }

}

@media(max-width: 450px) {

  .hds-hosting-feature .pr-50 {

    padding-right: 0

  }

}

.hds-hosting-feature .one {

  right: 30px;

  top: 50px

}

.hds-hosting-feature .two {

  right: 30px;

  top: 210px

}

.hds-feature-list-item .hds-feature-icon {

  padding: 5px 6px;

  border-radius: 50px

}

.hds-feature-list-item .hds-feature-icon i {

  font-size: 12px

}

@media(max-width: 1399px) {

  .hds-feature-image-2 {

    margin-top: 20px

  }

}

@media(max-width: 1199px) {

  .hds-feature-image-2 {

    margin-top: 80px

  }

}

@media(max-width: 767px) {

  .hds-feature-image-2 {

    margin-top: 30px

  }

}

@media(max-width: 1199px) {

  .hds-map-area {

    padding-bottom: 60px

  }

}

@media(max-width: 991px) {

  .hds-map-area .bg-white {

    padding: 30px

  }

}

@media(max-width: 575px) {

  .hds-map-area .bg-white h2 {

    font-size: 1.8rem

  }

}

.hds-map-item {

  left: 50px;

  bottom: 50px

}

@media(max-width: 475px) {

  .hds-map-item {

    position: inherit !important;

    left: 0;

    bottom: 0

  }

}

@media(max-width: 397px) {

  .hds-map-item {

    padding-left: 15px;

    padding-right: 15px

  }

}

@media(max-width: 347px) {

  .hds-map-item {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column

  }

}

@media(max-width: 347px) {

  .hds-map-item p {

    max-width: inherit

  }

}

@media(max-width: 347px) {

  .hds-map-item .hds-map-icon {

    width: -webkit-fit-content;

    width: -moz-fit-content;

    width: fit-content

  }

}

.hds-dubble-arrow {

  width: 40px;

  height: 40px

}

.hds-bg-color-six {

  background-color: #dcfbc2

}

.hds-save-text {

  padding: 7px 15px;

  border-radius: 50px

}

.hds-dollar-price {

  font-size: 89px

}

.hds-dollar {

  top: -25px

}

.hds-price-item {

  -webkit-transition: .8s;

  transition: .8s;

  margin-left: -60px

}

@media(max-width: 575px) {

  .hds-price-item {

    margin-left: 0

  }

}

.hds-price-item.hds-price-populer {

  margin-left: 0;

  margin-right: -60px;

  z-index: 1

}

@media(max-width: 575px) {

  .hds-price-item.hds-price-populer {

    margin-right: 0;

    margin-bottom: 30px

  }

}

.populer-bridge {

  width: 163px;

  height: 32px;

  left: 50%;

  -webkit-transform: translateX(-50%);

  transform: translateX(-50%);

  top: -33px;

  z-index: 2

}

.populer-bridge::after {

  content: "";

  width: 25px;

  height: 12px;

  background: #1c4a3f;

  position: absolute;

  left: 50%;

  -webkit-transform: translateX(-50%);

  transform: translateX(-50%);

  bottom: -11px;

  -webkit-clip-path: polygon(100% 0, 0 0, 50% 100%);

  clip-path: polygon(100% 0, 0 0, 50% 100%)

}

.hds-price-shape {

  top: 150px;

  right: -182px;

  width: 50%

}

@media(max-width: 1399px) {

  .hds-price-shape {

    top: 135px

  }

}

@media(max-width: 1206px) {

  .hds-price-shape {

    display: none

  }

}

@media(max-width: 991px) {

  .hds-price-offer {

    margin-bottom: 80px

  }

}

@media(max-width: 1199px) {

  .hds-price-offer-top {

    gap: 0 !important

  }

}

@media(max-width: 321px) {

  .hds-price-offer-top h6 br {

    display: none

  }

}

@media(max-width: 384px) {

  .hds-price-offer-top svg {

    display: none

  }

}

@media(max-width: 384px) {

  .hds-price-offer-bottom .hds-dubble-arrow {

    display: none !important

  }

}

@media(max-width: 1199px) {

  .hds-feedback-area {

    padding-bottom: 60px

  }

}

@media(max-width: 991px) {

  .hds-feedback-area {

    padding-bottom: 30px

  }

}

@media(max-width: 767px) {

  .hds-tab {

    margin-top: 30px

  }

}

@media(max-width: 1199px) {

  .hds-tab.hm2-service-tab ul {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    border: 0 !important

  }

}

@media(max-width: 448px) {

  .hds-tab.hm2-service-tab ul {

    width: auto;

    gap: 0 !important

  }

}

.hds-tab.hm2-service-tab ul li {

  width: 100%;

  margin-left: 0

}

@media(max-width: 1199px) {

  .hds-tab.hm2-service-tab ul li {

    width: auto;

    margin-left: 10px

  }

}

@media(max-width: 448px) {

  .hds-tab.hm2-service-tab ul li {

    width: auto;

    margin-left: 0

  }

}

@media(max-width: 440px) {

  .hds-tab.hm2-service-tab ul li {

    width: auto;

    width: 100%

  }

}

.hds-tab.hm2-service-tab ul li button::after {

  background-color: #1c4a3f

}

.hds-price-year {

  display: none

}

.hds-price-year.show {

  display: block

}

.hds-price-month.hide {

  display: none

}

@media(max-width: 1199px) {

  .hds-review-content {

    padding-left: 0;

    padding-right: 0

  }

}

@media(max-width: 991px) {

  .hds-review-content {

    margin-top: 30px

  }

}

@media(max-width: 991px) {

  .hds-review-content p {

    margin-top: 10px

  }

}

.hds-review-content .one {

  left: -55px;

  top: -23px

}

@media(max-width: 1399px) {

  .hds-review-content .one {

    top: -10px

  }

}

@media(max-width: 1199px) {

  .hds-review-content .one {

    display: none

  }

}

.hds-feedback-shape-two {

  top: 30px;

  right: 30px

}

@media(max-width: 1399px) {

  .hds-feedback-shape-two {

    display: none

  }

}

@media(max-width: 1399px) {

  .hds-author-info h6 {

    font-size: 16px

  }

}

@media(max-width: 575px) {

  .hds-feedbck-tab-content {

    padding: 30px

  }

}

@media(max-width: 333px) {

  .hds-review-counter {

    gap: 20px !important

  }

}

@media(max-width: 991px) {

  .hds-info-card-area {

    padding-bottom: 20px

  }

}

@media(max-width: 991px) {

  .hds-info-card-area .text-end .hds-btn {

    float: left

  }

}

@media(max-width: 1199px) {

  .hds-info-card-area {

    padding-top: 60px

  }

}

@media(max-width: 991px) {

  .hds-info-card-area {

    padding-top: 30px

  }

}

.hds-single-info-card {

  -webkit-transition: .8s;

  transition: .8s

}

.hds-single-info-card:hover .hds-info-card-top .hds-info-icon.style-two {

  background-color: #8af135

}

.hds-single-info-card:hover .hds-info-card-top .hds-info-icon.style-two svg path {

  fill: #1c4a3f

}

.hds-single-info-card:hover .hds-info-card-top .hds-info-card-btn {

  background-color: #8af135;

  border-color: #8af135 !important

}

.hds-info-icon {

  width: 40px;

  height: 40px;

  border-radius: 100px

}

.hds-info-icon.style-two {

  right: -20px;

  top: 20px;

  border: 1px solid;

  background-color: #1c4a3f

}

.hds-info-icon.style-two svg path {

  fill: #fff

}

.hds-info-card-btn {

  width: 30px;

  height: 30px;

  border-radius: 100px;

  cursor: pointer

}

.info-card-shape {

  top: -45px;

  left: 35px

}

@media(max-width: 991px) {

  .info-card-shape {

    display: none

  }

}

@media(max-width: 1199px) {

  .hds-cta-area {

    padding-top: 60px

  }

}

@media(max-width: 767px) {

  .hds-cta-area {

    padding-top: 30px

  }

}

@media(max-width: 1199px) {

  .hds-cta-area h2 {

    padding-right: 0;

    margin-bottom: 25px

  }

}

@media(max-width: 767px) {

  .hds-cta-area h2 {

    font-size: 28px;

    line-height: 38px

  }

}

.hds-cta-area .hds-bg-color-eight {

  padding-left: 40px;

  padding-right: 40px

}

@media(max-width: 991px) {

  .hds-cta-area .hds-bg-color-eight {

    padding-bottom: 40px

  }

}

@media(max-width: 991px) {

  .hds-cta-image {

    margin-top: 30px

  }

}

@media(max-width: 1829px) {

  .hds-footer .footer-widget {

    padding-left: 0

  }

}

.hds-footer .footer-widget .widget-title::before {

  background: #8af135

}

.hds-footer .footer-widget .footer-nav li a:hover {

  color: #fff

}

.hds-footer .footer-widget .footer-nav li a:hover::before {

  color: #fff

}

.hm2-footer-copyright.hds-style {

  border: 0;

  padding-bottom: 40px

}

.hm2-footer-copyright.hds-style .footer-social a {

  background: rgba(0, 0, 0, 0);

  border: 1px solid #1c4a3f;

  color: #1c4a3f

}

.hm2-footer-copyright.hds-style .footer-social a:hover {

  background: #1c4a3f;

  color: #fff

}

.hm2-footer-copyright.hds-style .footer-social a::before {

  display: none

}

@media(max-width: 1199px) {

  .hm2-footer-copyright.hds-style .hds-bg-color-two {

    padding-left: 20px;

    padding-right: 20px

  }

}

.hds-footer-one {

  left: -250px;

  top: 65px

}

@media(max-width: 1829px) {

  .hds-footer-one {

    display: none

  }

}

.hds-footer-two {

  top: 65px;

  right: -250px

}

@media(max-width: 1829px) {

  .hds-footer-two {

    display: none

  }

}

.hds-footer-three {

  top: 20px;

  right: -80px

}

@media(max-width: 1499px) {

  .hds-footer-three {

    display: none

  }

}

.fs-68 {

  font-size: clamp(1.6rem, 3.54vw + 1rem, 4rem)

}

.hop-color {

  color: #f9603e !important

}

.hop-color-3 {

  color: #84c336

}

.hop-body-bg {

  background-color: #eff5fa

}

.hop-border-color {

  border-color: #eaeaea

}

.hop-plac-color::-webkit-input-placeholder {

  color: #b7b7b7

}

.hop-plac-color::-moz-placeholder {

  color: #b7b7b7

}

.hop-plac-color:-ms-input-placeholder {

  color: #b7b7b7

}

.hop-plac-color::-ms-input-placeholder {

  color: #b7b7b7

}

.hop-plac-color::placeholder {

  color: #b7b7b7

}

.hop-shadow {

  -webkit-box-shadow: 0px 12px 64px 0px rgba(103, 151, 255, .1019607843);

  box-shadow: 0px 12px 64px 0px rgba(103, 151, 255, .1019607843)

}

.hop-hero {

  padding-bottom: 220px;

  background-image: url("../img/home_14/hero_overlay.png");

  background-repeat: no-repeat;

  background-position: bottom;

  background-size: cover

}

@media(max-width: 1399px) {

  .hop-hero {

    background-image: none;

    background-color: #000;

    padding-top: 100px

  }

}

@media(max-width: 1199px) {

  .hop-hero {

    padding-top: 150px !important

  }

}

@media(max-width: 1399px) {

  .hop-hero .hop-hero-img {

    width: 100%

  }

}

.hop-form-area {

  margin-top: -445px

}

@media(max-width: 1399px) {

  .hop-form-area {

    margin-top: -245px

  }

}

@media(max-width: 1399px) {

  .hop-form-area {

    margin-top: -200px

  }

}

.hop-form-area .h4-hero-form {

  position: inherit

}

.hop-form-area .h4-hero-form form input[type=submit] {

  background: #f9603e;

  border: 0

}

.hop-form-area .h4-hero-form form .social-signup .social-btn {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  gap: 5px

}

.hop-form-area .hds-hosting-service {

  padding-top: 25px;

  padding-bottom: 25px

}

@media(max-width: 991px) {

  .hop-pro-area {

    padding-top: 0

  }

}

.hop-pro-area .hosting-signle-product:hover {

  -webkit-box-shadow: 4px 10px 50px 0px rgba(90, 108, 234, .1019607843);

  box-shadow: 4px 10px 50px 0px rgba(90, 108, 234, .1019607843)

}

.hop-pro-area .hosting-signle-product .pricing-amount h3 {

  color: #f9603e

}

.hop-pro-area .cd-secondary-btn {

  background: #feefec;

  color: #f9603e

}

.hop-pro-area .cd-secondary-btn:hover {

  background: #f9603e;

  color: #fff

}

.hop-pro-area .ds-pricing-feature-item span {

  background: #f9603e

}

.hop-info .rs-primary-btn {

  background: #f9603e

}

.hop-info .rs-primary-btn:hover {

  background: #001042

}

.hop-feature .hm2-explore-btn {

  color: #f9603e

}

.hop-feature .hm2-explore-btn::before {

  background: #f9603e

}

.hop-feature .hm2-feature-card a {

  color: #001042

}

.hop-feature .icon-wrapper {

  background: #feefec;

  color: #f9603e

}

.hop-feature .hm2-feature-card:hover {

  -webkit-box-shadow: 0px 20px 80px 0px rgba(0, 148, 255, .1019607843);

  box-shadow: 0px 20px 80px 0px rgba(0, 148, 255, .1019607843)

}

.hop-feature .hm2-feature-card:hover .icon-wrapper {

  background: #f9603e

}

.hop-feature .hm2-feature-card:hover a {

  background: #f9603e;

  border-color: #f9603e;

  color: #fff

}

.hop-consult-area .consult-list .icon-box {

  background: #011269

}

.hop-consult-area .curve {

  background-color: #eff5fa;

  -webkit-mask-image: url("../img/shapes/section-curve.png");

  mask-image: url("../img/shapes/section-curve.png");

  height: 155px

}

.hop-domain .primary-btn {

  background: #f9603e

}

@media(max-width: 991px) {

  .hop-feedback {

    padding-bottom: 0

  }

}

.hop-feedback .app-info a h6 {

  color: #0082f8

}

.hop-feedback .hm2-feedback-item .quote-icon {

  background: #f9603e

}

@media(max-width: 991px) {

  .hop-feedback .hm2-feedback-left .logo-black {

    display: inline-block

  }

}

.faq-section.hop-faq {

  background: #fff

}

.faq-section.hop-faq .hm2-server-tab-control li button::before {

  background: #f9603e

}

.faq-section.hop-faq .hm2-server-tab-control li button i {

  color: #001042

}

.faq-section.hop-faq .hm2-server-tab-control li button.active i {

  color: #fff

}

.faq-section.hop-faq .hm2-server-tab-control li button:hover i {

  color: #fff

}

.hop-blog .hm2-blog-card-content a h3 {

  color: #001042

}

.hop-blog .hm2-blog-card-content a h3:hover {

  color: #f9603e

}

.hop-blog .hm2-blog-card .hm2-blog-card-content .tag-btn::before {

  display: none

}

.hop-blog .hm2-blog-card .hm2-blog-card-content .tag-btn:hover {

  background: #f9603e

}

.hop-subscribe .primary-btn {

  background: #f9603e

}

.hm2-footer.hop-footer {

  background: #000;

  background-repeat: no-repeat;

  background-position: center

}

.hm2-footer.hop-footer .hm2-footer-copyright .footer-social a::before {

  display: none

}

.hm2-footer.hop-footer .hm2-footer-copyright .footer-social a:hover {

  background: #f9603e

}

.hop-header {

  background: #182367

}

.hop-header .nav-menu {

  margin-bottom: -100px

}

.hop-header .topbar {

  padding-bottom: 35px

}

.hos-body-bg {

  background-color: #f6f6f6

}

.hos-bg-brand {

  background-color: #070f2c

}

.hos-bg-color {

  background-color: #fd3246

}

.hos-bg-color-an {

  background-color: #fafafa

}

.hos-color {

  color: #070f2c

}

.hos-gd-text {

  background: linear-gradient(279.3deg, #001DAC 2.98%, #000F57 98.6%);

  background-clip: text;

  -webkit-background-clip: text;

  -webkit-text-fill-color: rgba(0, 0, 0, 0)

}

.hos-brand-shadow {

  -webkit-box-shadow: 0px 15px 60px 0px rgba(151, 151, 151, .1019607843);

  box-shadow: 0px 15px 60px 0px rgba(151, 151, 151, .1019607843)

}

.hos-gd-bg-2 {

  background: linear-gradient(287.85deg, #8af135 0%, #FF7E5D 95.32%)

}

.hos-hover-bg:hover {

  background-color: #fd3246 !important;

  border-color: #fd3246 !important

}

.fs-42 {

  font-size: 42px

}

.hos-hero-area {

  background-image: url("../img/home_15/hero_overlay.png");

  background-repeat: no-repeat;

  background-position: bottom center;

  background-size: cover

}

.hos-hero-area .hds-btn {

  padding-top: 15px;

  padding-bottom: 15px

}

.hos-hero-area .hds-btn:hover {

  color: #fff

}

.hos-hero-area .hds-btn:hover span {

  color: #fff !important

}

.hos-hero-img {

  margin-bottom: -235px

}

@media(max-width: 767px) {

  .hos-hero-img {

    margin-bottom: 0

  }

}

.vps-price-slider.hos-vps-plan {

  padding-top: 240px;

  margin-top: 0

}

@media(max-width: 991px) {

  .vps-price-slider.hos-vps-plan {

    padding-top: 175px

  }

}

@media(max-width: 767px) {

  .vps-price-slider.hos-vps-plan {

    padding-top: 50px

  }

}

.vps-price-slider.hos-vps-plan .vps_pp_feature_item h6 span {

  color: #fd3246

}

.vps-price-slider.hos-vps-plan .primary-btn {

  background: #fd3246

}

.vps-price-slider.hos-vps-plan .primary-btn::before {

  display: none

}

.vps-price-slider.hos-vps-plan .range-slider-wrapper .slider-selection, .vps-price-slider.hos-vps-plan .range-slider-wrapper .slider-handle, .vps-price-slider.hos-vps-plan .price-slider-wrapper .vps_labels span, .vps-price-slider.hos-vps-plan .price-slider-wrapper .vps_labels span::after {

  background: #fd3246 !important

}

@media(max-width: 991px) {

  .vps-price-slider.hos-vps-plan .left-top {

    display: none

  }

}

.compare-table {

  --bs-table-striped-bg: hsl(var(--neutral-5))

}

.compare-table > :not(caption) > * > * {

  padding: 1rem 1.5rem;

  min-width: 12.5rem

}

.compare-table thead th {

  background-color: rgba(0, 0, 0, 0)

}

.compare-table .compare-table__btn {

  --bs-table-striped-bg: hsl(var(--primary-50))

}

.compare-table .compare-table__btn {

  background-color: #fd3246

}

.border-primary-50 {

  border-color: #fd3246 !important

}

.hos-price-area .compare-table tbody tr:nth-child(even) {

  background-color: #fff

}

.vps-about-section.hos-info-card-area {

  background-color: rgba(0, 0, 0, 0)

}

.vps-video.hos-tut-area .vps-video-top {

  position: relative;

  z-index: 1

}

.vps-video.hos-tut-area .vps-video-top::after {

  position: absolute;

  content: "";

  width: 100%;

  height: 100%;

  background-image: url("../img/home_15/tut_overlay.png");

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  inset: 0;

  z-index: -1

}

.vps-video.hos-tut-area .vps-video-box::before {

  display: none

}

.vps-feature.hos-info-two .vps-tab-info p a {

  color: #fd3246

}

.vps-feature.hos-info-two .template-btn {

  background: #fff

}

.vps-feature.hos-info-two .template-btn.active {

  background: #fd3246 !important

}

.vps-feature.hos-info-two .template-btn::before {

  display: none

}

.vps-scripts.hos-scrit .primary-btn {

  background: #fd3246

}

.vps-scripts.hos-scrit .vps_scripts_slider_wrapper .vps-scripts-slider .swiper-control-btn:hover {

  background: #fd3246

}

.faq-section.hos-faq .hm2-server-tab-control li button::before {

  background: #fd3246

}

.faq-section.hos-faq .hm2-server-tab-control li button i {

  color: #001042

}

.faq-section.hos-faq .hm2-server-tab-control li button.active i {

  color: #fff

}

.faq-section.hos-faq .hm2-server-tab-control li button:hover i {

  color: #fff

}

.hos-cta {

  margin-bottom: -160px

}

.hos-cta .hds-btn {

  padding-left: 27px;

  padding-right: 27px

}

.hos-cta .hds-btn:hover {

  background-color: rgba(0, 0, 0, 0);

  border: 1px solid

}

.hos-cta .hos-cta-wrapper::after {

  position: absolute;

  content: "";

  width: 100%;

  height: 100%;

  background-image: url("../img/home_15/cta_overlay.png");

  background-repeat: no-repeat;

  background-position: bottom right;

  background-size: contain;

  inset: 0;

  z-index: -1;

  opacity: .3

}

@media(max-width: 991px) {

  .hos-cta .hos-cta-wrapper::after {

    display: none

  }

}

@media(max-width: 767px) {

  .hos-cta .hos-cta-wrapper h3 {

    font-size: 28px

  }

}

@media(max-width: 767px) {

  .hos-cta .hos-cta-wrapper img {

    margin-top: 20px

  }

}

.footer.hos-footer {

  padding-top: 240px

}

.footer.hos-footer .footer-widget-1 p, .footer.hos-footer .footer-widget .widget-title, .footer.hos-footer .footer-widget li a, .footer.hos-footer .footer-social h5, .footer.hos-footer .ft-payment-method h5 {

  color: #fff

}

.footer.hos-footer .footer-widget .footer-sb-form {

  border: 0

}

.footer.hos-footer .footer-widget .footer-sb-form input[type=email] {

  background: #293571

}

.footer.hos-footer .footer-widget .footer-sb-form button {

  background: #fd3246

}

.footer.hos-footer .footer-widget .social-nav li a::before {

  display: none

}

.footer.hos-footer .footer-widget .social-nav li a {

  background: #293571

}

.footer.hos-footer .footer-widget .social-nav li a:hover {

  background: #fd3246

}

@media(max-width: 767px) {

  .footer.hos-footer {

    padding-top: 200px

  }

}

@media(max-width: 767px) {

  .header-section.hos-header {

    background: rgba(0, 0, 0, 0) !important

  }

}

@media(max-width: 767px) {

  .header-section.hos-header.sticky-header {

    background: #000f57 !important

  }

}

.header-section.hos-header .template-btn {

  border-color: #fd3246;

  padding-top: 10px;

  padding-bottom: 10px

}

.fch-17 {

  max-width: 17ch

}

.csh-color {

  color: #3c97ff

}

.csh-color-two {

  color: #001042

}

.csh-hero-area::after {

  position: absolute;

  content: "";

  width: 100%;

  height: 100%;

  background-image: url("../img/home_16/hero_overlay.png");

  background-repeat: no-repeat;

  background-position: bottom right;

  background-size: contain;

  inset: 0;

  z-index: -1

}

@media(max-width: 1399px) {

  .csh-hero-area h1 {

    max-width: inherit;

    font-size: 54px

  }

}

@media(max-width: 767px) {

  .csh-hero-area h1 {

    max-width: inherit;

    font-size: 32px

  }

}

.csh-hero-area .s-one {

  left: 100px;

  top: 180px

}

@media(max-width: 1600px) {

  .csh-hero-area .s-one {

    display: none

  }

}

@media(max-width: 991px) {

  .csh-hero-area .s-two {

    display: none

  }

}

.csh-hero-area .s-three {

  right: 0;

  bottom: 175px;

  z-index: -1

}

@media(max-width: 1600px) {

  .csh-hero-area .s-three {

    display: none

  }

}

@media(max-width: 767px) {

  .csh-hero-area .position-relative .d-flex {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

  }

}

.csh-hero-logo {

  margin-top: -30px

}

@media(max-width: 1199px) {

  .csh-hero-logo {

    margin-top: 30px

  }

}

.csh-title-shape {

  right: 0;

  top: 22px

}

@media(max-width: 1399px) {

  .csh-title-shape {

    display: none

  }

}

@media(max-width: 991px) {

  .csh-hero-img {

    margin-top: 30px

  }

}

.pricing-tab-section.csh-price-area {

  margin-top: 0;

  padding-top: 0

}

.csh-domain-area .d-overlay {

  top: -130px;

  left: 0

}

.csh-domain-area .d-overlay-two {

  bottom: -545px;

  right: 0

}

@media(max-width: 499px) {

  .csh-domain-wrapper {

    padding: 20px !important

  }

}

@media(max-width: 1399px) {

  .csh-domain-wrapper .domain-search-box {

    margin-top: 30px

  }

}

.csh-domain-wrapper .domain-search-form {

  padding: 0;

  border: 0

}

.csh-domain-wrapper .domain-search-form input {

  padding: 16px;

  width: 100%;

  border: 0

}

.csh-domain-wrapper .domain-search-form button {

  height: 100%;

  position: absolute;

  right: 0;

  border-bottom-left-radius: 0;

  border-top-left-radius: 0

}

.csh-domain-wrapper .domain-info .info-box {

  padding-left: 21px;

  padding-right: 21px

}

.csh-domain-list li span {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  width: 18px;

  height: 18px;

  border-radius: 50px;

  background: #001042;

  font-size: 10px

}

@media(max-width: 767px) {

  .csh-about-area img {

    margin-top: 30px

  }

}

@media(max-width: 767px) {

  .csh-about-area .mt-40 {

    margin-top: 0

  }

}

@media(max-width: 767px) {

  .csh-about-middle .row {

    -webkit-box-orient: vertical;

    -webkit-box-direction: reverse;

    -ms-flex-direction: column-reverse;

    flex-direction: column-reverse

  }

}

@media(max-width: 1199px) {

  .migrate-hosting.csh-migrate {

    padding: 0

  }

}

@media(max-width: 767px) {

  .migrate-hosting.csh-migrate .bg-primary-gradient {

    padding: 30px !important

  }

}

.csh-server-plan .affiliate-plans {

  padding-bottom: 0

}

.csh-tbl i {

  color: #00d261

}

.csh-tbl tr td {

  text-align: center

}

.csh-tbl tr td:first-child {

  text-align: left

}

.home4-feedback.csh-feedback .s-one {

  right: -95px;

  bottom: -70px

}

@media(max-width: 1499px) {

  .home4-feedback.csh-feedback .s-one {

    display: none

  }

}

.home4-feedback.csh-feedback .s-two {

  width: 102px;

  height: 102px;

  bottom: 115px;

  left: -60px

}

@media(max-width: 1499px) {

  .home4-feedback.csh-feedback .s-two {

    display: none

  }

}

@media(max-width: 767px) {

  .home4-feedback.csh-feedback .h4-feedback-award {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

  }

}

.header-section.csh-header {

  position: fixed;

  width: 100%;

  z-index: 3

}

.header-section.csh-header .topbar p, .header-section.csh-header .topbar .topbar-right a {

  color: #001042

}

@media(max-width: 767px) {

  .footer .footer-top.pb-60 {

    padding-bottom: 20px !important

  }

}

.z--1 {

  z-index: -1

}

.dchs-color {

  color: #001042

}

.dchs-op-bg {

  background-color: #aabbcd

}

.dchs-bg-1 {

  background-color: #f2f4f7

}

.dchs-bg-2 {

  background-color: #392396

}

.dchs-bg-3 {

  background-color: #432e9b

}

.dchs-border-color {

  border-color: #392396 !important

}

.dchs-outline-text {

  background: linear-gradient(91deg, #392396 52.27%, #392396 96.15%);

  -webkcit-background-clip: text;

  -webkit-background-clip: text;

  background-clip: text;

  -webkit-text-stroke: 4px rgba(0, 0, 0, 0);

  color: #fff;

  display: inline-block;

  position: relative;

  z-index: 1

}

.dchs-outline-text::after {

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  background-image: url("../img/home_17/text-bg.png");

  background-repeat: no-repeat;

  left: 0;

  bottom: -32px;

  z-index: -1

}

@media(max-width: 767px) {

  .dchs-outline-text::after {

    display: none

  }

}

@media(max-width: 767px) {

  .dchs-title {

    font-size: 28px

  }

}

.add-btn {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  width: 60px;

  height: 60px

}

.swiper-custom .swiper-wrapper {

  -webkit-transition-timing-function: linear;

  transition-timing-function: linear

}

.dchs-sub-title {

  display: inline-block;

  padding: 8px 20px;

  border-radius: 5px

}

@media(max-width: 767px) {

  .dchs-hero-area {

    padding-top: 120px

  }

}

.dchs-hero-area::after {

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  background-image: url("../img/home_17/hero-bg.png");

  background-repeat: no-repeat;

  background-position: center;

  z-index: -1;

  left: 50%;

  top: -95px;

  -webkit-transform: translateX(-50%);

  transform: translateX(-50%)

}

.dchs-hero-area .shape-1 {

  left: 0;

  bottom: 30px

}

@media(max-width: 767px) {

  .dchs-hero-area .shape-1 {

    display: none

  }

}

@media(max-width: 767px) {

  .dchs-hero-area .dchs-hero-title br {

    display: none

  }

}

@media(max-width: 767px) {

  .dchs-hero-area .dchs-hero-title .text-end {

    text-align: left !important

  }

}

.dchs-hero-area .dchs-round-btn {

  position: absolute;

  top: -135px;

  left: 50%;

  -webkit-transform: translateX(-50%);

  transform: translateX(-50%)

}

@media(max-width: 767px) {

  .dchs-hero-area .dchs-round-btn {

    top: -100px

  }

}

.dchs-hero-area .dchs-hero-star-btn {

  position: absolute;

  top: -50px;

  right: 0

}

@media(max-width: 767px) {

  .dchs-hero-area .dchs-hero-star-btn {

    display: none

  }

}

.dchs-hero-area .dchs-outline-text::after {

  bottom: -55px

}

@media(max-width: 767px) {

  .dchs-hero-area .pb-100 {

    padding-bottom: 60px

  }

}

@media(max-width: 767px) {

  .dchs-hero-reating h5 {

    font-size: 16px

  }

}

.dchs-social-icon li a {

  width: 45px;

  height: 45px;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center

}

.dchs-social-icon li a:hover {

  background-color: #392396

}

.dchs-reating-author span {

  width: 48px;

  height: 2px

}

.dchs-engagement .top .add-btn {

  margin: -10px

}

.dchs-hero-img {

  bottom: 0;

  left: -120px

}

@media(max-width: 1199px) {

  .dchs-hero-img {

    display: none

  }

}

.dchs-domain-wrapper .domain-info .info-box {

  -webkit-box-shadow: none;

  box-shadow: none

}

.dchs-domain-box .shape-2 {

  top: 10px;

  right: 20px

}

.dchs-info-card-area .dchs-outline-text::after {

  background-image: url("../img/home_17/text-bg-2.png")

}

.dchs-logo-slide-item {

  padding: 10px;

  padding-right: 30px

}

.dchs-price-area .hds-price-item {

  margin-left: 0

}

.dchs-price-area .hds-price-item.hds-price-populer {

  margin-right: 0;

  margin: -35px;

  margin-top: 0

}

@media(max-width: 991px) {

  .dchs-price-area .hds-price-item.hds-price-populer {

    margin: 0

  }

}

.dchs-price-area .populer-bridge::after {

  background: #392396

}

.dchs-feedback-area::after {

  content: "";

  position: absolute;

  width: 25%;

  height: 100%;

  background-image: url("../img/home_17/hero-bg.png");

  background-repeat: no-repeat;

  background-position: center;

  z-index: -1;

  left: 230px;

  top: -187px

}

@media(max-width: 767px) {

  .dchs-hotline-area .fs-36 {

    font-size: 22px

  }

}

.dchs-cta-area .dchs-outline-text::after {

  background-image: url("../img/home_17/text-bg-2.png")

}

@media(max-width: 767px) {

  .dchs-cta-area .pl-40 {

    padding-left: 0

  }

}

@media(max-width: 767px) {

  .dchs-cta-area .dchs-title br {

    display: none

  }

}

@media(max-width: 767px) {

  .dchs-cta-area .dchs-bg-2 {

    padding: 20px !important

  }

}

.scroller-x {

  overflow: hidden

}

.scroller-x[data-direction=right] {

  --_animation-direction: reverse

}

.scroller-x[data-direction=left] {

  --_animation-direction: forwards

}

.scroller-x[data-speed=fast] {

  --_animation-duration: 30s

}

.scroller-x[data-speed=slow] {

  --_animation-duration: 120s

}

.scroller-x__list {

  width: -webkit-max-content;

  width: -moz-max-content;

  width: max-content;

  -ms-flex-wrap: nowrap;

  flex-wrap: nowrap;

  -webkit-animation: scroll var(--_animation-duration, 60s) var(--_animation-direction, forwards) linear infinite;

  animation: scroll var(--_animation-duration, 60s) var(--_animation-direction, forwards) linear infinite

}

.scroller-x__list:hover {

  -webkit-animation-play-state: paused;

  animation-play-state: paused

}

.dchs-footer .footer-widget .ft-subtitle::after, .dchs-footer .footer-widget .widget-title::before {

  display: none

}

.dchs-footer .footer-widget .footer-nav li a {

  color: #001042

}

.dchs-footer .footer-widget .footer-sb-form input[type=email] {

  background-color: #fff;

  color: #001042

}

.dchs-footer .footer-widget .footer-sb-form input[type=email]::-webkit-input-placeholder {

  color: #001042

}

.dchs-footer .footer-widget .footer-sb-form input[type=email]::-moz-placeholder {

  color: #001042

}

.dchs-footer .footer-widget .footer-sb-form input[type=email]:-ms-input-placeholder {

  color: #001042

}

.dchs-footer .footer-widget .footer-sb-form input[type=email]::-ms-input-placeholder {

  color: #001042

}

.dchs-footer .footer-widget .footer-sb-form input[type=email]::placeholder {

  color: #001042

}

.dchs-footer .footer-copyright {

  background-color: #e3f6f5

}

.dchs-footer .footer-copyright p {

  color: #001042

}

.dchs-footer .footer-copyright .copyright-links a {

  color: #001042

}

@-webkit-keyframes scroll {

  to {

    -webkit-transform: translate(calc(-50% - 0.5rem));

    transform: translate(calc(-50% - 0.5rem))

  }

}

@keyframes scroll {

  to {

    -webkit-transform: translate(calc(-50% - 0.5rem));

    transform: translate(calc(-50% - 0.5rem))

  }

}

.pl-10 {

  padding-left: 10px !important

}

.pr-10 {

  padding-right: 10px !important

}

.host-web-color {

  color: #16a7fa

}

.host-web-color-2 {

  color: #38eeb0

}

.host-web-gd-text {

  background: linear-gradient(269.13deg, #38EEB0 12.14%, #16A7FA 83.84%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: rgba(0, 0, 0, 0)

}

.host-web-op-bg {

  background-color: #e9fcf5

}

.host-web-shadow {

  -webkit-box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, .1019607843) !important;

  box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, .1019607843) !important

}

.host-web-hero-area {

  padding-bottom: 240px;

  background-image: url("../img/home_18/hero-bg.png");

  background-repeat: no-repeat;

  background-position: right center;

  background-size: cover

}

@media(max-width: 767px) {

  .host-web-hero-area {

    padding-top: 120px;

    padding-bottom: 100px

  }

}

.host-web-hero-overlay {

  mix-blend-mode: darken;

  background: rgba(1, 1, 110, .4117647059);

  position: absolute;

  inset: 0

}

.host-web-hero-overlay img {

  width: 33%;

  position: absolute;

  right: 10%;

  top: 13%

}

@media(max-width: 1399px) {

  .host-web-hero-overlay img {

    top: 20%

  }

}

.host-web-vps-area {

  margin-top: -70px

}

.host-web-range-slider input {

  -webkit-appearance: none;

  padding: 0

}

.host-web-range-slider input::-webkit-slider-runnable-track {

  width: 100%;

  height: 8px;

  background-color: #f2f4f7;

  border: none;

  border-radius: 3px

}

.host-web-range-slider input::-webkit-slider-thumb {

  -webkit-appearance: none;

  border: none;

  width: 16px;

  height: 16px;

  background: linear-gradient(269.13deg, #38EEB0 12.14%, #16A7FA 83.84%);

  border-radius: 100%;

  margin-top: -4px

}

.host-web-range-slider input:focus {

  outline: none;

  border: 0

}

.host-web-provider-area .host-web-icon {

  margin-bottom: -25px

}

.host-web-info-card-area .shape-1 {

  top: -80px;

  left: -270px

}

@media(max-width: 1199px) {

  .host-web-info-card-area .shape-1 {

    display: none

  }

}

.host-web-card-item {

  -webkit-transition: .8s;

  transition: .8s

}

.host-web-card-item:hover {

  background-color: #16a7fa !important;

  -webkit-box-shadow: 0px 16px 32px -4px rgba(22, 167, 250, .3019607843);

  box-shadow: 0px 16px 32px -4px rgba(22, 167, 250, .3019607843);

  -webkit-transform: rotate(-7deg);

  transform: rotate(-7deg)

}

.host-web-card-item:hover h4, .host-web-card-item:hover p {

  color: #fff !important

}

.host-web-discount-wrapper {

  background-image: url("../img/home_18/offer-bg.png");

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover

}

.host-web-faq-right {

  background-image: url("../img/home_18/work-bg.png");

  background-repeat: no-repeat;

  background-position: top right;

  background-size: contain

}

.host-web-faq-right .shape-1 {

  top: 0;

  left: 0;

  z-index: -1

}

.host-web-faq-right .shape-2 {

  top: 0;

  right: 0;

  z-index: -1

}

.host-web-work .dm-accordion .accordion-item .accordion-header a {

  color: #16a7fa

}

.host-web-work .dm-accordion .accordion-item .accordion-header a.collapsed {

  color: #01016e

}

.host-web-price-item .sale-badge {

  width: 166px;

  height: 125px;

  background-image: url("../img/home_19/popular.png");

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  top: 0;

  right: -13px

}

.host-web-price-item .sale-badge span {

  display: inline-block;

  -webkit-transform: rotate(33deg) translate(35px, 18px);

  transform: rotate(33deg) translate(35px, 18px)

}

@media(max-width: 767px) {

  .host-web-price-item .sale-badge {

    display: none

  }

}

@media(max-width: 767px) {

  .host-web-price-item .pl-40 {

    padding-left: 0;

    padding-top: 20px

  }

}

.host-web-price-list li {

  position: relative;

  min-width: 35%

}

.host-web-price-list li::after {

  content: "";

  position: absolute;

  width: 5px;

  height: 5px;

  border-radius: 100%;

  background-color: #666;

  top: 7px;

  left: -18px

}

@media(max-width: 1199px) {

  .host-web-price-list li::after {

    display: none

  }

}

.host-web-feedback-area .shape-1 {

  bottom: -295px;

  right: 0

}

.host-web-slider-arrow {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  width: 56px;

  height: 56px;

  border-radius: 50%;

  background: #1e1e2c

}

.host-web-slider-arrow:hover {

  background: linear-gradient(269.13deg, #38EEB0 12.14%, #16A7FA 83.84%)

}

@media(max-width: 991px) {

  .host-web-faq-area .host-web-title br {

    display: none

  }

}

.host-web-faq .accordion-item .accordion-header a {

  color: #16a7fa

}

.host-web-faq .accordion-item .accordion-header a.collapsed {

  color: #01016e

}

.host-web-cta-wrapper .shape-1 {

  top: 30px;

  right: 60px

}

.host-web-cta-wrapper::after {

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  background-image: url("../img/home_18/cta-bg.png");

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  inset: 0;

  z-index: -1

}

.host-fs-op-color {

  color: #01016e

}

.host-fs-bg {

  background-color: #000f57

}

.host-fs-btn-bg {

  background-color: #fac600

}

.host-fs-light-bg {

  background-color: #f6f6f6

}

.host-fs-border-clr {

  border-color: #fac600 !important

}

.host-fs-title span {

  position: relative;

  z-index: 1;

  padding: 10px

}

.host-fs-title span::after {

  position: absolute;

  content: "";

  width: 100%;

  height: 100%;

  background-image: url("../img/home_19/title-bg.png");

  background-repeat: no-repeat;

  background-position: center;

  left: 0;

  bottom: 0;

  z-index: -1

}

.host-fs-btn-bg.fs-hover-style:hover {

  background-color: #fff

}

.fs-outline-hover-style:hover {

  border-color: #fff !important;

  background-color: #fff;

  color: #1f1f1f !important

}

.isb-small-btn.fs-hover-style:hover {

  background-color: #01016e;

  color: #fff !important

}

.right-0 {

  right: 0 !important

}

.left-0 {

  left: 0 !important

}

.host-fa-hero-area {

  padding-bottom: 260px;

  background-image: url("../img/home_19/hero-bg.png");

  background-repeat: no-repeat;

  background-size: cover;

  background-position: bottom center

}

.host-fa-hero-area .shape-1 {

  opacity: .2

}

@media(max-width: 1599px) {

  .host-fa-hero-area .shape-1 {

    display: none

  }

}

.host-fa-hero-area .shape-2 {

  opacity: .2

}

@media(max-width: 1199px) {

  .host-fa-hero-area .shape-2 {

    display: none

  }

}

.host-fa-hero-area .shape-3 {

  top: 50%;

  left: 100px;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%)

}

@media(max-width: 1599px) {

  .host-fa-hero-area .shape-3 {

    display: none

  }

}

.host-fs-customers-area {

  margin-top: -195px

}

.host-fs-why-area {

  padding-bottom: 260px

}

.host-fs-reating-area {

  margin-top: -160px

}

.host-fs-price-item {

  -webkit-box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, .1019607843);

  box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, .1019607843);

  -webkit-transition: .8s;

  transition: .8s

}

.host-fs-price-item span.position-relative {

  top: -20px

}

.host-fs-price-item .sale-badge {

  width: 166px;

  height: 125px;

  background-image: url("../img/home_19/popular.png");

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  top: 0;

  right: -13px

}

.host-fs-price-item .sale-badge span {

  display: inline-block;

  -webkit-transform: rotate(33deg) translate(35px, 18px);

  transform: rotate(33deg) translate(35px, 18px)

}

.host-fs-price-item:hover {

  -webkit-box-shadow: 0px 20px 24px -6px rgba(16, 24, 40, .0392156863);

  box-shadow: 0px 20px 24px -6px rgba(16, 24, 40, .0392156863)

}

.host-fs-feature-area {

  padding-bottom: 260px

}

.host-fs-feedback-area {

  margin-top: -215px

}

.host-fs-feedback-nav button {

  width: 56px;

  height: 56px;

  z-index: 2;

  left: -25px;

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%)

}

.host-fs-feedback-nav button.hm7-feedback-next {

  left: inherit;

  right: -25px

}

.host-fs-feedback-nav button:hover {

  background-color: #1e1e2c !important;

  color: #fff !important

}

.host-fs-support-area .shape-1 {

  top: -25px;

  right: -65px

}

@media(max-width: 767px) {

  .host-fs-support-area .shape-1 {

    display: none

  }

}

.hm2-accordion.host-fs-faq {

  padding: 0

}

.hm2-accordion.host-fs-faq .accordion-item {

  border-bottom: 0;

  border-radius: 0;

  background-color: rgba(0, 0, 0, 0)

}

.hm2-accordion.host-fs-faq .accordion-item .accordion-body {

  margin-top: 20px;

  padding: 20px;

  background-color: #fff;

  border-radius: 10px;

  -webkit-box-shadow: 0px 20px 24px -6px rgba(16, 24, 40, .0588235294);

  box-shadow: 0px 20px 24px -6px rgba(16, 24, 40, .0588235294)

}

.footer.host-fs-footer .footer-widget .widget-title::before, .footer.host-fs-footer .footer-widget .ft-subtitle::after, .footer.host-fs-footer .footer-widget .footer-sb-form button {

  background: #ffb800

}

.footer.host-fs-footer .footer-widget .widget-title::before:hover, .footer.host-fs-footer .footer-widget .ft-subtitle::after:hover, .footer.host-fs-footer .footer-widget .footer-sb-form button:hover {

  background: none !important

}

.footer.host-fs-footer .footer-widget .social-nav li a {

  background: #25326f

}

.footer.host-fs-footer .footer-widget .social-nav li a::before {

  display: none

}

.footer.host-fs-footer .footer-widget .social-nav li a:hover {

  background: #ffb800

}

.footer.host-fs-footer .footer-widget .footer-nav li a:hover, .footer.host-fs-footer .footer-widget .footer-nav li a:hover::before {

  color: #ffb800

}

.footer.host-fs-footer .primary-btn::before {

  display: none

}

.host-fs-header.header-two {

  border: 0

}

.fp-body-bg {

  background-color: #eef3ff

}

.pl-20 {

  padding-left: 20px !important

}

.pl-60 {

  padding-left: 60px !important

}

.pr-60 {

  padding-right: 60px !important

}

.fp-host-color {

  color: #c7c7c7

}

.fp-host-bb {

  height: 1px;

  background: -webkit-gradient(linear, right top, left top, color-stop(-0.12%, rgba(164, 164, 164, 0)), color-stop(45.45%, #155184), color-stop(95.96%, rgba(164, 164, 164, 0)));

  background: linear-gradient(270deg, rgba(164, 164, 164, 0) -0.12%, #155184 45.45%, rgba(164, 164, 164, 0) 95.96%)

}

.fp-host-bl {

  height: 100%;

  background: linear-gradient(262deg, rgba(164, 164, 164, 0) -0.12%, #155184 45.45%, rgba(164, 164, 164, 0) 95.96%);

  width: 1px

}

@media(max-width: 767px) {

  .fp-title {

    font-size: 24px

  }

}

.fp-title-bottom {

  position: relative

}

.fp-title-bottom::after {

  content: "";

  position: absolute;

  width: 60px;

  height: 6px;

  background-color: #1c40f2;

  left: 0;

  bottom: -20px

}

@media(max-width: 767px) {

  .fp-host-hero-area {

    padding-top: 120px

  }

}

.fp-host-domain-area {

  margin-top: -45px

}

.domain-search-box.fp-host-style {

  padding: 0

}

.domain-search-box.fp-host-style .domain-search-form {

  padding: 0

}

.domain-search-box.fp-host-style .domain-search-form input {

  padding: 11px;

  width: 100%

}

.domain-search-box.fp-host-style .domain-info .info-box {

  padding: 0

}

.fp-info-item {

  padding-top: 30px !important;

  position: relative;

  z-index: 1

}

.fp-info-item .fp-card-icon {

  position: absolute;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  width: 50px;

  height: 50px;

  background-color: #d6e8fe;

  border-radius: 100%;

  top: 0;

  right: 0;

  z-index: -1

}

@media(max-width: 1199px) {

  .fp-info-item .fp-card-icon {

    position: static;

    margin-bottom: 20px

  }

}

.fp-info-item .bg {

  position: absolute;

  inset: 0;

  z-index: -1

}

@media(max-width: 1399px) {

  .fp-info-item .bg {

    width: 100%;

    height: 102%

  }

}

@media(max-width: 1199px) {

  .fp-info-item .bg {

    display: none

  }

}

.fp-info-item:hover .bg path {

  fill: #fff

}

.fp-sale-area {

  padding-bottom: 290px;

  background-image: url("../img/home_20/sale-bg.png");

  background-repeat: no-repeat;

  background-position: bottom center;

  background-size: cover

}

.fp-sale-box img {

  margin: 0 auto

}

.fp-sale-box h6 {

  display: inline-block;

  background-color: #d6e8fe;

  padding: 6px 25px

}

.fp-card-two-wrapper {

  margin-top: -200px

}

@media(max-width: 767px) {

  .fp-card-two-wrapper {

    padding: 15px !important

  }

}

.fp-host-offer {

  padding-bottom: 280px

}

@media(max-width: 767px) {

  .fp-host-offer-wrapper {

    padding: 15px !important

  }

}

.fp-host-offer-wrapper .bg {

  position: absolute;

  inset: 0;

  z-index: -1

}

@media(max-width: 1399px) {

  .fp-host-offer-wrapper .bg {

    width: 100%

  }

}

@media(max-width: 1199px) {

  .fp-host-offer-wrapper .bg {

    inset-block-start: -25px

  }

}

@media(max-width: 991px) {

  .fp-host-offer-wrapper .bg {

    display: none

  }

}

.fp-host-offer-wrapper .shape-1 {

  bottom: 40px;

  left: -145px;

  z-index: -2

}

@media(max-width: 991px) {

  .fp-host-offer-wrapper .shape-1 {

    display: none

  }

}

.fp-host-offer-wrapper .shape-2 {

  bottom: 40px;

  right: -145px;

  z-index: -2

}

@media(max-width: 991px) {

  .fp-host-offer-wrapper .shape-2 {

    display: none

  }

}

.fp-info-card-area.dark .fp-info-item .fp-card-icon {

  background-color: #1c40f2

}

.fp-info-card-area.dark .fp-info-item:hover h5 {

  color: #1f1f1f !important

}

.fp-cta-wrapper {

  margin-top: -150px

}

.host-aweb-bg {

  background-color: #001042

}

@media(max-width: 767px) {

  .host-aweb-title {

    font-size: 24px

  }

}

.host-aweb-hero-area {

  padding-bottom: 280px;

  background-image: url("../img/home_21/hero-bg.png");

  background-repeat: no-repeat;

  background-position: bottom center;

  background-size: cover

}

@media(max-width: 991px) {

  .host-aweb-hero-area {

    padding-bottom: 0

  }

}

.hm2-pricing-tab.host-aweb-price-tab ul {

  padding: 0;

  gap: 15px

}

.hm2-pricing-tab.host-aweb-price-tab ul li button {

  border: 1px solid;

  border-radius: 5px;

  margin-bottom: 0

}

.hm2-pricing-tab.host-aweb-price-tab ul li button.active {

  background: #1e1e2c

}

.host-aweb-price-item .template-btn:hover {

  background: #ffb800

}

.hm2-feature-card.host-aweb-style:hover .icon-wrapper, .hm2-feature-card.host-aweb-style:hover a {

  background-color: #ffb800;

  border-color: #ffb800

}

.ds-faq-controls.host-aweb-style li button.active {

  background: #ffb800;

  -webkit-box-shadow: none;

  box-shadow: none

}

[data-bs-theme=dark] body {

  background-color: #1e1e2c

}

[data-bs-theme=dark] .logo-black {

  display: none !important

}

[data-bs-theme=dark] .logo-white {

  display: block

}

[data-bs-theme=dark] .header-gradient {

  background: linear-gradient(269.94deg, #000000 10.47%, #000000 99.97%)

}

[data-bs-theme=dark] a, [data-bs-theme=dark] p, [data-bs-theme=dark] span, [data-bs-theme=dark] h1, [data-bs-theme=dark] h2, [data-bs-theme=dark] h3, [data-bs-theme=dark] h4, [data-bs-theme=dark] h5, [data-bs-theme=dark] h6, [data-bs-theme=dark] li, [data-bs-theme=dark] i, [data-bs-theme=dark] button {

  color: #fff

}

[data-bs-theme=dark] .bg-white {

  background: #33313d !important

}

[data-bs-theme=dark] .bg-white a, [data-bs-theme=dark] .bg-white p, [data-bs-theme=dark] .bg-white span, [data-bs-theme=dark] .bg-white h1, [data-bs-theme=dark] .bg-white h2, [data-bs-theme=dark] .bg-white h3, [data-bs-theme=dark] .bg-white h4, [data-bs-theme=dark] .bg-white h5, [data-bs-theme=dark] .bg-white h6, [data-bs-theme=dark] .bg-white li, [data-bs-theme=dark] .bg-white i {

  color: #fff

}

[data-bs-theme=dark] .bg-light {

  background: rgba(255, 255, 255, .1) !important

}

[data-bs-theme=dark] .header-section {

  background: linear-gradient(95.45deg, #33313D 0.64%, #1E1E2C 98.23%)

}

@media(max-width: 767.98px) {

  [data-bs-theme=dark] .header-section {

    background: #33313d !important

  }

}

[data-bs-theme=dark] .header-section.sticky-header {

  background-color: #33313d;

  background-image: none

}

[data-bs-theme=dark] .header-section .nav-wrapper ul li.has-submenu::after {

  color: #fff

}

[data-bs-theme=dark] .header-section .nav-wrapper ul li.has-submenu:hover::after {

  color: #1c40f2

}

[data-bs-theme=dark] .header-section .nav-wrapper ul li.has-submenu .submenu-wrapper {

  background-color: #1e1e2c

}

[data-bs-theme=dark] .header-section .nav-wrapper ul li.has-submenu .submenu-wrapper li a, [data-bs-theme=dark] .header-section .nav-wrapper ul li.has-submenu .submenu-wrapper .megamenu-item a {

  color: #fff

}

[data-bs-theme=dark] .header-section .nav-wrapper ul li.has-submenu .submenu-wrapper li a:hover, [data-bs-theme=dark] .header-section .nav-wrapper ul li.has-submenu .submenu-wrapper .megamenu-item a:hover {

  background: rgba(255, 255, 255, .1254901961)

}

[data-bs-theme=dark] .header-section .header-right div svg path {

  fill: #fff

}

[data-bs-theme=dark] .header-section .header-search-form {

  background: #33313d

}

[data-bs-theme=dark] .header-section .header-search-form input[type=text] {

  background: rgba(255, 255, 255, .06);

  color: #fff

}

[data-bs-theme=dark] .header-section .header-search-form input[type=submit] {

  background: rgba(255, 255, 255, .1);

  color: #fff

}

[data-bs-theme=dark] .header-two .nav-wrapper ul li.has-submenu .submenu-wrapper .megamenu-item .menu-list-wrapper .icon-wrapper i {

  color: #1e1e2c

}

[data-bs-theme=dark] .gm-header .nav-wrapper ul li .submenu-wrapper .megamenu-item a .menu-list-wrapper .icon-wrapper i {

  color: #1e1e2c

}

[data-bs-theme=dark] .bg-primary-gradient {

  background: linear-gradient(95.45deg, #33313D 0.64%, #1E1E2C 98.23%)

}

[data-bs-theme=dark] .light-bg, [data-bs-theme=dark] .gb-countdown__box {

  background: #1e1e2c

}

[data-bs-theme=dark] .tab-switch-btn .toggle-switch-btn {

  border: 2px solid #33313d

}

[data-bs-theme=dark] .pricing-column .expand-btn {

  color: #fff

}

[data-bs-theme=dark] .pricing-column .feature-list li i {

  color: #fff

}

[data-bs-theme=dark] .feature-area::before {

  background: linear-gradient(95.45deg, #33313D 0.64%, #1E1E2C 98.23%)

}

[data-bs-theme=dark] .bg-secondary-gradient {

  background-color: #1e1e2c;

  background-image: none

}

[data-bs-theme=dark] .consult-area .curve {

  display: none

}

[data-bs-theme=dark] .feedback-section::before {

  background: linear-gradient(0.16deg, #33313D 0.15%, rgba(27, 40, 209, 0) 42.25%)

}

[data-bs-theme=dark] .blog-card .blog-author .blog-meta a {

  background: #1e1e2c;

  color: #fff

}

[data-bs-theme=dark] .domain-search-box input {

  background: rgba(0, 0, 0, 0)

}

[data-bs-theme=dark] .domain-search-box .form-select {

  background: rgba(0, 0, 0, 0);

  color: #fff

}

[data-bs-theme=dark] .domain-search-box .form-select option {

  background: #1e1e2c

}

[data-bs-theme=dark] .domain-info .info-box {

  background: rgba(255, 255, 255, .1)

}

[data-bs-theme=dark] .footer {

  background: #33313d

}

[data-bs-theme=dark] .footer-copyright {

  background: #1e1e2c

}

[data-bs-theme=dark] .hm2-feature-area > img.right-bottom {

  display: none

}

[data-bs-theme=dark] .hm2-feature-card .icon-wrapper {

  background: rgba(255, 255, 255, .1)

}

[data-bs-theme=dark] .hosting-server > img.right-top {

  display: none

}

[data-bs-theme=dark] .hm2-server-tab-control li button {

  background: rgba(255, 255, 255, .1)

}

[data-bs-theme=dark] .hm2-server-tab-control li button i {

  color: #fff

}

[data-bs-theme=dark] .header-style-4 {

  background: #33313d

}

[data-bs-theme=dark] .nav-menu-4 ul li .submenu-wrapper {

  background-color: #33313d !important

}

[data-bs-theme=dark] .dm-hero-section {

  background: #1e1e2c

}

[data-bs-theme=dark] .dm-hero-domain-form input[type=text] {

  background: #33313d;

  color: #fff

}

[data-bs-theme=dark] .dm-hero-domain-form select {

  background: #33313d;

  color: #fff

}

[data-bs-theme=dark] .dm-pp-domain {

  background: #33313d

}

[data-bs-theme=dark] .dm-pp-domain-item {

  background: rgba(255, 255, 255, .1)

}

[data-bs-theme=dark] .dm-pp-domain-item img.original {

  display: none

}

[data-bs-theme=dark] .dm-pp-domain-item img.on-hover {

  display: block

}

[data-bs-theme=dark] .dm-about-section > img.right-bottom {

  display: none

}

[data-bs-theme=dark] .dm-accordion .accordion-item {

  background: #33313d

}

[data-bs-theme=dark] .dm-accordion .accordion-item .accordion-header a {

  color: #fff

}

[data-bs-theme=dark] .sh-benefits-wrapper .icon-wrapper::before {

  background: rgba(255, 255, 255, .1);

  opacity: 1

}

[data-bs-theme=dark] .cp-accordion .accordion-single {

  background: #33313d

}

[data-bs-theme=dark] .sh-feature-list ul li {

  color: #fff

}

[data-bs-theme=dark] .sh-feature-list ul li i, [data-bs-theme=dark] .hop-domain .text-black {

  color: #fff !important

}

[data-bs-theme=dark] .sh-feedback {

  background: #33313d

}

[data-bs-theme=dark] .clients-explore .app-info h6 {

  color: #fff

}

[data-bs-theme=dark] .sh-feedback-wrapper {

  -webkit-box-shadow: inset 1px 2px 20px 9px rgba(255, 255, 255, .05);

  box-shadow: inset 1px 2px 20px 9px rgba(255, 255, 255, .05)

}

[data-bs-theme=dark] .hm2-accordion .accordion-item {

  background: #33313d;

  border-color: rgba(255, 255, 255, .1)

}

[data-bs-theme=dark] .hm2-accordion .accordion-item .accordion-header a {

  color: #fff

}

[data-bs-theme=dark] .wp-hero > img.position-absolute:not(.wp-hero-plus) {

  opacity: .2

}

[data-bs-theme=dark] .wp-about-item .icon-wrapper {

  background: rgba(255, 255, 255, .1) !important

}

[data-bs-theme=dark] .wp-pricing-meta-item .wp-icon-wrapper {

  background: rgba(255, 255, 255, .1)

}

[data-bs-theme=dark] .wp-feature-item .icon-wrapper {

  background: rgba(255, 255, 255, .1)

}

[data-bs-theme=dark] .wp-feedback {

  background-image: none !important

}

[data-bs-theme=dark] .faq-section {

  background: linear-gradient(96deg, #1E1E2C 0.96%, rgba(255, 255, 255, 0.1) 102.49%)

}

[data-bs-theme=dark] .faq-section.sh-faq {

  background: rgba(0, 0, 0, 0)

}

[data-bs-theme=dark] .hm2-accordion .accordion-item .accordion-header a::after {

  border-color: #fff

}

[data-bs-theme=dark] .price-slider-wrapper .vps_labels span {

  background: rgba(255, 255, 255, .1)

}

[data-bs-theme=dark] .vps_pp_feature_item {

  background: rgba(255, 255, 255, .1);

  border-color: #33313d

}

[data-bs-theme=dark] .vps_pp_feature_item .icon-wrapper {

  background: rgba(255, 255, 255, .1)

}

[data-bs-theme=dark] .price-slider-wrapper > img.right-bottom {

  display: none

}

[data-bs-theme=dark] .price-slider-wrapper .vps_labels span {

  -webkit-box-shadow: none;

  box-shadow: none

}

[data-bs-theme=dark] .price-slider-wrapper .vps_labels span::after {

  background: rgba(255, 255, 255, .1)

}

[data-bs-theme=dark] .price-slider-wrapper .vps_labels span.active {

  background: linear-gradient(95.45deg, #0082F8 0.64%, #1C40F2 98.23%)

}

[data-bs-theme=dark] .price-slider-wrapper .vps_labels span.active::after {

  background: #1c40f2

}

[data-bs-theme=dark] .range-slider-wrapper .slider.slider-horizontal .slider-track {

  border-color: rgba(255, 255, 255, .1)

}

[data-bs-theme=dark] .vps-pricing-table table tbody tr td {

  color: #fff;

  border-color: rgba(192, 213, 255, .0588235294)

}

[data-bs-theme=dark] .vps-about-section {

  background: rgba(255, 255, 255, .1)

}

[data-bs-theme=dark] .vps-about-item .icon-wrapper {

  background: rgba(255, 255, 255, .1)

}

[data-bs-theme=dark] .vps-feature-btns li a {

  background: rgba(255, 255, 255, .1);

  color: #fff;

  -webkit-box-shadow: none;

  box-shadow: none

}

[data-bs-theme=dark] .vps-script-item {

  background: #1e1e2c;

  border-color: rgba(0, 0, 0, 0)

}

[data-bs-theme=dark] .hm2-blog-card.deep-shadow {

  -webkit-box-shadow: none;

  box-shadow: none

}

[data-bs-theme=dark] .template-pagination ul li a {

  background: #33313d;

  color: #fff;

  border-color: #33313d

}

[data-bs-theme=dark] .search-widget form input {

  background: #33313d

}

[data-bs-theme=dark] .categories-widget ul li a {

  color: #fff

}

[data-bs-theme=dark] .tags-widget .tags-list a {

  color: #fff

}

[data-bs-theme=dark] .archive-widget .archive-list li a {

  color: #fff

}

[data-bs-theme=dark] .hm-ct-info-wrapper {

  background: #1e1e2c

}

[data-bs-theme=dark] .hm-ct-info-wrapper .icon-wrapper {

  background: #33313d;

  -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, .1);

  box-shadow: inset 0 0 6px rgba(255, 255, 255, .1)

}

[data-bs-theme=dark] .hm-contact-form .input-field input, [data-bs-theme=dark] .hm-contact-form .input-field textarea {

  background: #33313d;

  border-color: rgba(255, 255, 255, .1);

  color: #fff

}

[data-bs-theme=dark] .hm-contact-form .input-field label {

  background: #33313d;

  color: #fff

}

[data-bs-theme=dark] .bd-content-wrapper blockquote {

  background: rgba(255, 255, 255, .1)

}

[data-bs-theme=dark] .bd-content-wrapper .social-icons a.facebook, [data-bs-theme=dark] .bd-content-wrapper .social-icons a.instagram, [data-bs-theme=dark] .bd-content-wrapper .social-icons a.dribble, [data-bs-theme=dark] .bd-content-wrapper .social-icons a.behance {

  background: rgba(255, 255, 255, .1)

}

[data-bs-theme=dark] .bd-content-wrapper .bd-blog-tags a {

  background: rgba(255, 255, 255, .1)

}

[data-bs-theme=dark] .bd-content-wrapper .bd-author-info {

  background: rgba(255, 255, 255, .1)

}

[data-bs-theme=dark] .bd-content-wrapper .bd-comment-form form .input-field input, [data-bs-theme=dark] .bd-content-wrapper .bd-comment-form form .input-field textarea {

  background: rgba(255, 255, 255, .1);

  border: 0;

  color: #fff

}

[data-bs-theme=dark] .bd-content-wrapper .spacer {

  border-color: rgba(255, 255, 255, .1);

  background: rgba(255, 255, 255, .1)

}

[data-bs-theme=dark] .bd-content-wrapper .bd-comment-area ol li .comment-box-wrapper .comment-user-info button {

  color: #fff

}

[data-bs-theme=dark] .bd-content-wrapper .bd-comment-area ol li {

  border-color: rgba(255, 255, 255, .1)

}

[data-bs-theme=dark] .signup-area .signup-form {

  background: #1e1e2c

}

[data-bs-theme=dark] .signup-form-wrapper form input {

  background: #33313d;

  color: #fff;

  border-color: rgba(255, 255, 255, .1)

}

[data-bs-theme=dark] .signup-form-wrapper form label {

  color: #fff

}

[data-bs-theme=dark] .signup-area::before {

  background: linear-gradient(95.45deg, #1E1E2C 0.64%, #33313D 98.23%)

}

[data-bs-theme=dark] .hm2-pricing-tab > ul li button {

  color: #fff

}

[data-bs-theme=dark] .hm2-pricing-bottom ul li {

  color: #fff

}

[data-bs-theme=dark] .hm2-domain-search .domain-info .info-box {

  text-align: center;

  padding: 4px 10px;

  border-radius: 4px

}

[data-bs-theme=dark] .map-location .ct-location li span {

  background: #1e1e2c

}

[data-bs-theme=dark] .map-location .ct-location li span::after {

  background: #1e1e2c

}

[data-bs-theme=dark] .map-location .ct-location li span:hover::after {

  background: #ff6e5f

}

[data-bs-theme=dark] .hm2-feedback-left .text-small {

  color: #fff

}

[data-bs-theme=dark] .hm2-blog-card {

  -webkit-box-shadow: none;

  box-shadow: none

}

[data-bs-theme=dark] .hm2-sb-form .form-input input {

  border-color: rgba(255, 255, 255, .1)

}

[data-bs-theme=dark] .hm2-footer {

  background: #1e1e2c

}

[data-bs-theme=dark] .hero-style-2 {

  background-image: none !important;

  padding-bottom: 120px

}

@media(max-width: 575.98px) {

  [data-bs-theme=dark] .hero-style-2 {

    padding-bottom: 80px

  }

}

[data-bs-theme=dark] .hm2-service-section > img.right-bottom {

  opacity: .4

}

[data-bs-theme=dark] .sticky-header.header-two {

  background: #33313d

}

[data-bs-theme=dark] .header-two .nav-wrapper ul li.has-submenu .submenu-wrapper {

  background: #33313d

}

[data-bs-theme=dark] .footer-widget .footer-sb-form input[type=email] {

  background: rgba(255, 255, 255, .1)

}

[data-bs-theme=dark] .footer-widget .ft-payment-method .payment-list li {

  background: rgba(255, 255, 255, .1)

}

[data-bs-theme=dark] .mobile-menu ul li.has-submenu > a::after {

  color: #fff

}

[data-bs-theme=dark] .mobile-menu ul li a {

  border-color: rgba(255, 255, 255, .1)

}

[data-bs-theme=dark] .ofcanvus-menu {

  background: #33313d

}

[data-bs-theme=dark] .ofcanvus-menu .icon-wrapper {

  border-color: rgba(255, 255, 255, .1)

}

[data-bs-theme=dark] .ofcanvus-menu .mg-item .mg-item-wrapper .mg-item-content-right span {

  color: #fff

}

[data-bs-theme=dark] .ofcanvus-menu .script-icon {

  background: rgba(255, 255, 255, .1)

}

[data-bs-theme=dark] .dark-light-switcher span, [data-bs-theme=dark] .dark-light-switcher i {

  color: #fff

}

[data-bs-theme=dark] .dark-light-switcher .dark-moon {

  display: none

}

[data-bs-theme=dark] .dark-light-switcher .light-sun {

  display: block

}

[data-bs-theme=dark] .ds-bg {

  background: #1e1e2c

}

[data-bs-theme=dark] .ds-pricing-item .item-price-amount h4 span {

  color: #fff

}

[data-bs-theme=dark] .ds-pricing-feature-item span {

  background: rgba(255, 255, 255, .1)

}

[data-bs-theme=dark] .ds-about-column {

  -webkit-box-shadow: none;

  box-shadow: none

}

[data-bs-theme=dark] .ds-about-content .ds-circle-shape {

  opacity: .2

}

[data-bs-theme=dark] .cta-phone-btn span {

  background: rgba(255, 255, 255, .1)

}

[data-bs-theme=dark] .ds-feedback .ds-circle.circle-small {

  opacity: .2

}

[data-bs-theme=dark] .ds-feedback .ds-circle.circle-large {

  opacity: .2

}

[data-bs-theme=dark] .ds-faq-controls li button {

  background: #33313d

}

[data-bs-theme=dark] .ds-faq-controls li button.active {

  background: #1c40f2

}

[data-bs-theme=dark] .ds-enterprise {

  padding-bottom: 100px

}

[data-bs-theme=dark] .rs-rectangle-shape {

  opacity: .2

}

[data-bs-theme=dark] .rs-table table th {

  background: #33313d;

  border: 1px solid rgba(255, 255, 255, .08)

}

[data-bs-theme=dark] .rs-pricing-column .monthly-price {

  color: #8af135

}

[data-bs-theme=dark] .rs-table .accordion-item {

  background: #33313d

}

[data-bs-theme=dark] .rs-table .accordion-item .accordion-header a {

  background: rgba(0, 0, 0, 0);

  color: #fff

}

[data-bs-theme=dark] .rs-info-table td {

  color: #fff;

  background: #33313d;

  border-color: rgba(192, 213, 255, .0588235294)

}

[data-bs-theme=dark] .cd-secondary-btn {

  color: #001042 !important

}

[data-bs-theme=dark] .cd-secondary-btn:hover {

  color: #fff !important

}

[data-bs-theme=dark] .cd-about .cd-top-triangle {

  background: #1e1e2c

}

[data-bs-theme=dark] .cd-about .cd-top-deep-triangle {

  background: #1e1e2c

}

[data-bs-theme=dark] .cd-about {

  background: rgba(52, 52, 65, .4784313725)

}

[data-bs-theme=dark] .cd-about .cd-bottom-triangle {

  background: #1e1e2c

}

[data-bs-theme=dark] .cd-feedback-bottom .cd-circle-shape-small {

  opacity: .05

}

[data-bs-theme=dark] .cd-feedback-bottom .cd-circle-shape-large {

  opacity: .06

}

[data-bs-theme=dark] .cd-feedback-bottom .outline-style {

  background: rgba(0, 0, 0, 0);

  border: 1px solid #363739;

  color: #fff

}

[data-bs-theme=dark] .cd-feedback-bottom .outline-style:hover {

  background: #1c40f2;

  border-color: #1c40f2

}

[data-bs-theme=dark] .cd-table table th {

  border-color: #363739

}

[data-bs-theme=dark] .cd-table table td {

  border-color: #363739;

  color: #fff

}

[data-bs-theme=dark] .lang-switcher .dropdown-menu {

  background: #33313d

}

[data-bs-theme=dark] .h4-apps-box .icon-bg.light-blue {

  background: rgba(249, 165, 65, .1)

}

[data-bs-theme=dark] .h4-apps-box .icon-bg i.fa-wordpress {

  color: #f6f6f6

}

[data-bs-theme=dark] .h4-hero-form form input {

  background: #1e1e2c;

  border-color: rgba(192, 213, 255, .0588235294)

}

[data-bs-theme=dark] .signup-form-spacer h6::before, [data-bs-theme=dark] .signup-form-spacer h6::after {

  background: rgba(0, 0, 0, .35)

}

[data-bs-theme=dark] .h4-hero-form form .social-signup .social-btn {

  color: #fff

}

[data-bs-theme=dark] .h4-hero-form form .social-signup .social-btn:hover {

  background: #f6f6f6;

  color: #001042

}

[data-bs-theme=dark] .h4-hero-form form .social-signup .social-btn:hover i {

  color: #001042

}

[data-bs-theme=dark] .home4-about-accordion .accordion-item .accordion-header a {

  color: #fff

}

[data-bs-theme=dark] .h5-domain-info {

  gap: 8px

}

[data-bs-theme=dark] .h5-domain-info .info-box {

  padding: 3px 15px

}

[data-bs-theme=dark] .h5-tab-controls li a {

  color: #fff

}

[data-bs-theme=dark] .h5-feature-list li span {

  background: #33313d

}

[data-bs-theme=dark] .h5-feature-list li p {

  color: #fff

}

[data-bs-theme=dark] .h5-pricing-controls li a {

  color: #fff

}

[data-bs-theme=dark] .h5-pricing-controls {

  border-color: rgba(255, 255, 255, .1294117647)

}

[data-bs-theme=dark] .h5-pricing-filter-controls li a {

  color: #fff

}

[data-bs-theme=dark] .h5-pricing-filter-controls {

  border-bottom: 1px solid rgba(255, 255, 255, .1294117647)

}

[data-bs-theme=dark] .h5-footer {

  background: #33313d

}

[data-bs-theme=dark] .h5-feedback .service-rating-box {

  border-color: rgba(255, 255, 255, .1294117647) !important

}

[data-bs-theme=dark] .h5-blog-card .h5-blog-article-content .h5-blog-author {

  background: #1e1e2c

}

[data-bs-theme=dark] .h5-blog-card .h5-blog-article-content .share-btn span i {

  color: #666

}

[data-bs-theme=dark] .aff-pricing-table .accordion-item .accordion-header a {

  border: 1px solid rgba(255, 255, 255, .1294117647)

}

[data-bs-theme=dark] .bf-brand-slider-area .bf-brand-slider-wrapper {

  -webkit-box-shadow: none;

  box-shadow: none

}

[data-bs-theme=dark] .managed-plan table tr:not(:first-child):hover {

  -webkit-box-shadow: none;

  box-shadow: none

}

[data-bs-theme=dark] .manage-table-pricing-wrapper .table th {

  background-color: rgba(255, 255, 255, .3);

  color: #fff

}

[data-bs-theme=dark] .managed-plan table td.item-name strong {

  color: #fff

}

[data-bs-theme=dark] .manage-table-pricing-wrapper .table td {

  color: #fff;

  border-color: rgba(255, 255, 255, .2)

}

[data-bs-theme=dark] .email-feature .overlay-bg {

  display: none

}

[data-bs-theme=dark] .em-explore-btn svg circle, [data-bs-theme=dark] .em-explore-btn svg path {

  stroke: #fff

}

[data-bs-theme=dark] .pricing-plan-single .pricing-amount .text-dark {

  color: rgba(255, 255, 255, .6) !important

}

[data-bs-theme=dark] .pricing-plan-slider .swiper-pagination .swiper-pagination-bullet::before {

  background-color: rgba(255, 255, 255, .3)

}

[data-bs-theme=dark] .pricing-plan-slider .swiper-pagination .swiper-pagination-bullet-active::before {

  background-color: #1c40f2

}

[data-bs-theme=dark] .services-status-list li {

  border: 1px solid rgba(192, 213, 255, .0588235294);

  border-bottom: 2px solid rgba(0, 0, 0, 0)

}

[data-bs-theme=dark] .timeline-item::before {

  border-color: rgba(192, 213, 255, .0588235294)

}

[data-bs-theme=dark] .timeline-heading::after {

  border-bottom: 2px solid rgba(192, 213, 255, .0588235294)

}

[data-bs-theme=dark] .hm7-domain-section {

  background-color: #33313d

}

[data-bs-theme=dark] .hm7-dm-feature-img .circle-gradient {

  opacity: .3

}

[data-bs-theme=dark] .hm7-pricing-table-tab .nav-tabs li a {

  color: #fff

}

[data-bs-theme=dark] .hm7-pricing-table-tab .nav-tabs {

  border-color: rgba(192, 213, 255, .0588235294)

}

[data-bs-theme=dark] .crm-pricing-switch .crm-switch {

  border-color: rgba(255, 255, 255, .6)

}

[data-bs-theme=dark] .crm-pricing-switch .crm-switch .crm-switch-dot {

  background-color: #fff

}

[data-bs-theme=dark] .crm-pricing-table table th {

  border-color: rgba(192, 213, 255, .0588235294)

}

[data-bs-theme=dark] .crm-pricing-table table .crm-package-btn {

  border-color: rgba(255, 255, 255, .8)

}

[data-bs-theme=dark] .crm-pricing-table table .crm-package-btn:hover {

  border-color: rgba(0, 0, 0, 0)

}

[data-bs-theme=dark] .hm7-feedback-single {

  border-color: rgba(192, 213, 255, .0588235294) !important

}

[data-bs-theme=dark] .ds-google-rating-column {

  border-color: rgba(192, 213, 255, .0588235294) !important

}

[data-bs-theme=dark] .site_builder {

  border-color: rgba(255, 255, 255, .2)

}

[data-bs-theme=dark] .hm7-application-box .hm7-app-slide-control i {

  color: #001042;

  -webkit-transition: all .3s ease-in;

  transition: all .3s ease-in

}

[data-bs-theme=dark] .hm7-application-box .hm7-app-slide-control:hover i {

  color: #fff

}

[data-bs-theme=dark] .mn-hero-pricing-slider .slide-control {

  border-color: rgba(255, 255, 255, .3)

}

[data-bs-theme=dark] .mn-hero-pricing-slider .slide-control:hover {

  border-color: rgba(0, 0, 0, 0)

}

[data-bs-theme=dark] .mn-message-call a.phone, [data-bs-theme=dark] .mn-message-call a.message {

  color: #fff

}

[data-bs-theme=dark] .mn-about-feature-single {

  background-color: #1e1e2c;

  border-color: rgba(192, 213, 255, .0588235294)

}

[data-bs-theme=dark] .mn-about-section .arrow-sm-yellow {

  opacity: .5

}

[data-bs-theme=dark] .footer-light .footer-widget .footer-nav li a {

  color: #fff

}

[data-bs-theme=dark] .footer-light .footer-widget .footer-nav li a:hover {

  color: #1c40f2

}

[data-bs-theme=dark] .footer-light .footer-widget .footer-sb-form {

  border-color: rgba(192, 213, 255, .0588235294)

}

[data-bs-theme=dark] .dc-location {

  -webkit-box-shadow: 0px 20px 30px rgba(52, 52, 54, .2);

  box-shadow: 0px 20px 30px rgba(52, 52, 54, .2)

}

[data-bs-theme=dark] .cmp-pricing-control {

  border-color: rgba(255, 255, 255, .3)

}

[data-bs-theme=dark] .cmp-dedicated-pricing tr {

  background-color: #33313d

}

[data-bs-theme=dark] .cmp-dedicated-pricing tr td strong {

  color: #fff

}

[data-bs-theme=dark] .cmp-dedicated-pricing tr td .pricing-data h4 span {

  color: #fff

}

[data-bs-theme=dark] .jobs-single .job-type svg path {

  fill: #fff

}

[data-bs-theme=dark] .jobs-single .outline-btn {

  border-color: rgba(255, 255, 255, .5)

}

[data-bs-theme=dark] .jobs-single .outline-btn:hover {

  border-color: rgba(0, 0, 0, 0)

}

[data-bs-theme=dark] .crd-details-content strong {

  color: #fff

}

[data-bs-theme=dark] .nt-downcount li span {

  color: #001042

}

[data-bs-theme=dark] .dd-hero {

  background-color: #1e1e2c

}

[data-bs-theme=dark] .dd-section-bg {

  background-color: #1e1e2c

}

[data-bs-theme=dark] .dd-primary-bg {

  background-color: rgba(255, 255, 255, .2)

}

[data-bs-theme=dark] .dd-search-form input {

  background-color: rgba(0, 0, 0, 0)

}

[data-bs-theme=dark] .dd-domain-info .info-box {

  background-color: rgba(0, 0, 0, 0)

}

[data-bs-theme=dark] .dd-domain-info .info-box span {

  color: rgba(255, 255, 255, .3)

}

[data-bs-theme=dark] .dd-accordion .accordion-header a {

  color: #fff

}

[data-bs-theme=dark] .dd-feature {

  background-color: rgba(255, 255, 255, .4)

}

[data-bs-theme=dark] .dd-cta {

  background-color: rgba(255, 255, 255, .4)

}

[data-bs-theme=dark] .dd-cta-box {

  background-color: #1e1e2c

}

[data-bs-theme=dark] .service-rating-box {

  border-color: rgba(255, 255, 255, .1) !important

}

[data-bs-theme=dark] .hs-hero-section {

  background-color: rgba(255, 178, 23, .5)

}

[data-bs-theme=dark] .hm9-pricing-card {

  background-color: #33313d;

  border-color: rgba(255, 255, 255, .01)

}

[data-bs-theme=dark] .hm9-pricing-card .pricing-wrapper .pricing-badge {

  opacity: .7

}

[data-bs-theme=dark] .hm9-pricing-card.pro-package .hs-outline-btn:hover {

  color: #fff;

  border-color: rgba(255, 255, 255, .3)

}

[data-bs-theme=dark] .hm9-feedback-single .client_thumb .cap-shape svg path {

  fill: rgba(255, 255, 255, .9)

}

[data-bs-theme=dark] .hm9-feedback-single {

  border-color: rgba(255, 255, 255, .1)

}

[data-bs-theme=dark] .hm9-feedback-single:hover .client_thumb .cap-shape svg path {

  fill: rgba(255, 178, 23, .7)

}

[data-bs-theme=dark] .hm9-feature-card {

  background-color: #33313d;

  border-color: rgba(255, 255, 255, .1)

}

[data-bs-theme=dark] .hm9-faq-controls li button {

  background-color: #33313d;

  color: #fff;

  border-color: rgba(255, 255, 255, .1)

}

[data-bs-theme=dark] .hm9-blog-card {

  background-color: #33313d

}

[data-bs-theme=dark] .hm10-hero-section h1 {

  color: #001042

}

[data-bs-theme=dark] .hm10-hero-section p {

  color: #001042

}

[data-bs-theme=dark] .hm10-hero-search .info-box {

  background-color: rgba(0, 0, 0, 0)

}

[data-bs-theme=dark] .hm10-pricing-box {

  background-color: #33313d

}

[data-bs-theme=dark] .hm10-pricing-box .hm10-secondary-btn {

  color: #001042

}

[data-bs-theme=dark] .ex-feature-signup {

  background-color: #1e1e2c

}

[data-bs-theme=dark] .ex-signup-form .hm10-secondary-btn {

  color: #001042

}

[data-bs-theme=dark] .hm10-hero-search .label {

  background-color: #33313d;

  color: #fff

}

[data-bs-theme=dark] .hm10-feedback-single {

  background-color: #33313d

}

[data-bs-theme=dark] .ops-slider-controls button.btn-prev {

  color: #001042

}

[data-bs-theme=dark] .ops-slider-controls button.btn-prev i {

  color: #001042

}

[data-bs-theme=dark] .ops-slider-controls button.btn-prev:hover i {

  color: #fff

}

[data-bs-theme=dark] .hosting-data-server-hero, [data-bs-theme=dark] .hds-bg-color-six, [data-bs-theme=dark] .hds-bg-color-seven, [data-bs-theme=dark] .hos-body-bg, [data-bs-theme=dark] .fp-body-bg, [data-bs-theme=dark] .domain-search-box.fp-host-style .domain-search-form input {

  background-color: #1e1e2c

}

[data-bs-theme=dark] .hds-section-bg {

  background-color: #1e1e2c

}

[data-bs-theme=dark] .hds-hero-title {

  color: #000f57

}

[data-bs-theme=dark] .hds-highlighted-text::after {

  background-color: #666

}

[data-bs-theme=dark] .hds-hero-item-box h6 {

  color: #fff !important

}

[data-bs-theme=dark] .hds-hosting-area .hds-body-color-five, [data-bs-theme=dark] .hds-map-item .hds-body-color-three, [data-bs-theme=dark] .hds-map-item .hds-body-color-two {

  color: #191c1d !important

}

[data-bs-theme=dark] .dchs-footer .footer-widget .footer-sb-form input[type=email]::-webkit-input-placeholder {

  color: #fff !important

}

[data-bs-theme=dark] .dchs-footer .footer-widget .footer-sb-form input[type=email]::-moz-placeholder {

  color: #fff !important

}

[data-bs-theme=dark] .dchs-footer .footer-widget .footer-sb-form input[type=email]:-ms-input-placeholder {

  color: #fff !important

}

[data-bs-theme=dark] .dchs-footer .footer-widget .footer-sb-form input[type=email]::-ms-input-placeholder {

  color: #fff !important

}

[data-bs-theme=dark] .hds-award-box .hds-award-content p, [data-bs-theme=dark] .hds-hosting-service span.hds-body-color-two, [data-bs-theme=dark] .hop-blog .hm2-blog-card .hm2-blog-card-content h3, [data-bs-theme=dark] .faq-section.hos-faq .hm2-server-tab-control li button i, [data-bs-theme=dark] .hds-body-color-two, [data-bs-theme=dark] .dchs-footer .footer-widget .footer-nav li a, [data-bs-theme=dark] .dchs-footer .footer-copyright .copyright-links a, [data-bs-theme=dark] .dchs-footer .footer-widget .footer-sb-form input[type=email], [data-bs-theme=dark] .dchs-footer .footer-widget .footer-sb-form input[type=email]::placeholder, [data-bs-theme=dark] .fp-host-hero-area .text-black, [data-bs-theme=dark] .fp-title, [data-bs-theme=dark] .fp-card-two-item .text-black, [data-bs-theme=dark] .fp-info-item .text-black, [data-bs-theme=dark] .fp-info-card-area.dark .fp-info-item:hover h5 {

  color: #fff !important

}

[data-bs-theme=dark] .hds-price-area .bgc-white, [data-bs-theme=dark] .dchs-cta-area .dchs-bg-2, [data-bs-theme=dark] .fp-host-domain-area.host-fs-bg, [data-bs-theme=dark] .fp-host-offer.host-fs-bg {

  background-color: #191c1d

}

[data-bs-theme=dark] .hds-single-info-card .hds-body-color-nine {

  color: #fff !important

}

[data-bs-theme=dark] .hds-bg-color-eight, [data-bs-theme=dark] .dchs-info-card-item, [data-bs-theme=dark] .dchs-price-area .hds-price-item {

  background-color: #101415 !important

}

[data-bs-theme=dark] .hds-info-icon svg path {

  fill: #fff

}

[data-bs-theme=dark] .hds-info-icon, [data-bs-theme=dark] .hds-border-color {

  border-color: #fff !important

}

[data-bs-theme=dark] .hds-bg-style::after, [data-bs-theme=dark] .hds-bg-style-two::after {

  display: none

}

[data-bs-theme=dark] .hds-logos img, [data-bs-theme=dark] .hos-price-area .compare-table img {

  -webkit-filter: invert(1);

  filter: invert(1)

}

[data-bs-theme=dark] .hos-price-area .compare-table tbody tr:nth-child(even), [data-bs-theme=dark] .vps-feature.hos-info-two .template-btn, [data-bs-theme=dark] .faq-section.hos-faq .hm2-server-tab-control li button, [data-bs-theme=dark] .hds-footer.hds-bg-color, [data-bs-theme=dark] .hos-price-area.hos-bg-color-an, [data-bs-theme=dark] .csh-domain-wrapper .domain-search-box input {

  background-color: #33313d

}

[data-bs-theme=dark] .hos-price-area .compare-table tbody tr:nth-child(odd) th span, [data-bs-theme=dark] .hos-price-area .compare-table tbody tr:nth-child(odd) td span, [data-bs-theme=dark] .hos-price-area .compare-table tbody tr:nth-child(odd) td span i {

  color: #1e1e2c !important

}

[data-bs-theme=dark] .hos-gd-text {

  background: inherit;

  background-clip: inherit;

  -webkit-background-clip: inherit;

  -webkit-text-fill-color: inherit

}

[data-bs-theme=dark] .hos-price-area .compare-table tbody tr:nth-child(odd) {

  background-color: #fff

}

[data-bs-theme=dark] .header-section.csh-header {

  background: rgba(0, 0, 0, 0)

}

[data-bs-theme=dark] .header-section.csh-header .topbar p, [data-bs-theme=dark] .header-section.csh-header .topbar .topbar-right a {

  color: #fff

}

[data-bs-theme=dark] .main-wrapper.hop-body-bg.csh, [data-bs-theme=dark] .csh-domain-wrapper .domain-search-box, [data-bs-theme=dark] .hop-body-bg, [data-bs-theme=dark] .dchs-domain-wrapper, [data-bs-theme=dark] .dchs-bg-1, [data-bs-theme=dark] .dchs-bg-2 {

  background-color: #1e1e2c

}

[data-bs-theme=dark] .csh-hero-area .s-three {

  opacity: .2

}

[data-bs-theme=dark] .dchs-price-area .hds-price-item {

  background-color: #14161d !important

}

[data-bs-theme=dark] .fp-info-item .bg path, [data-bs-theme=dark] .fp-host-offer-wrapper .bg path {

  fill: #14161d

}

[data-bs-theme=dark] .domain-search-box.fp-host-style .domain-info .info-box {

  background: none

}

/*# sourceMappingURL=scss */

/*# sourceMappingURL=main.css.map */



.p-b-71{

  padding-bottom: 71px;

}



.p-b-144{

  padding-bottom: 144px;

}



.p-b-214{

  padding-bottom: 214px;

}



.card-t-c{

  border-top: 10px solid #97d649;

}



.card-t-cm{

  border-top: 10px solid #7ac023;

}



.card-t-cd{

  border-top: 10px solid #71ab27;

}



.card-t-cmd{

  border-top: 10px solid #35560b;

}



.vps-pricing-table table tbody tr th {

    padding: 15px 15px;

    text-align: center;

    color: #001042;

    border: 1px solid #e9e9e9;

}



.t-price-c{

  background-color: #c0ffa670;

}



.circle{

  list-style: circle;

}



/* css start here */

.header-section.header-gradient.header-custmize .topbar {
	padding: 0px;
}

.header-section.header-gradient.header-custmize .header-nav {
	background: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
}

.mobbb.btn.hds-btn.hds-bg-color-two.hds-body-color-two.d-inline-flex.align-items-center.hds-hover-bg.hds-hover-color.hds-btn-bg-overlay {
	width: 100%;
	display: block !important;
	color: #fff !important;
	background: #0E71E4 !important;
	border-radius: 4px;
}

.hero-cust.hosting-data-server-hero::before{
  display: none;
}
.hero-cust.hosting-data-server-hero::after{
  display: none;
}

body .bgstyle-no {
    padding: 70px 0px;
}
.pricing-top {
    min-height: 150px;
}
.bgstyle-no::after {
	display: none;
}
.hero-sibling .logos .text-end {
	text-align: center !important;
}
.hero-sibling .logos .text-end {
	text-align: center !important;
}
.hero-cust .hds-highlighted-text::after {
	background: #DCE3FB;
}

.hero-cust .hds-highlighted-text {
	background: #0E71E4 ;
	color: #222 !important;
	font-family: Urbanist;
	font-size: 50px;
	font-weight: 700;
	line-height: 60px;
	text-align: left;
	padding: 9px 38px;
	/* margin-top: 24px; */
	position: relative !important;
	top: 5px;
}

.hero-cust .btn.hds-btn {
	margin-top: 42px;
	border-radius: 0px;
	background: #ffffff ;
	font-family: Urbanist;
	font-size: 20px;
	font-weight: 600;
	line-height: 24px;
	text-align: left;
	color: #0E71E4 !important;
	border-radius: 4px;
}
.hero-cust .btn.hds-btn .text-white {
    color: #0E71E4 !important;
}
.hero-cust .custmiz-row .hds-hero-item-box {
	margin-top: 0px;
	text-align: center;
	padding: 16px;
}

.hero-cust .custmiz-row .hds-hero-item-box a > span {
	flex-direction: column;
}

.hero-cust .custmiz-row {
	box-shadow: 0px 8px 10px 5px #00000026;
	background: #fff;
	border-radius: 10px;
	padding: 36px 0px;
	padding-top: 45px;
	position: relative;
	top: 100px;
}

.hero-cust .custmiz-row .hds-hero-item-box a > span {
	flex-direction: column;
	font-family: Urbanist;
	font-size: 16px;
	font-weight: 400;
	line-height: 19.2px;
	text-align: center;
	color: #676767 !important;
	/* margin-bottom: 7px; */
}

.hero-cust .custmiz-row .hds-hero-item-box a > span > i {
	background: #A5A5A5;
	padding: 16px;
	border-radius: 50%;
	margin-top: 22px;
	color: #fff;
	font-size: 20px;
}
.tos {
	background: #f2f5ff;
}
.tos h1 {
	color: #0e71e4;
}
.hero-slider .hero-cust {
	padding-bottom: 100px;
}
.hero-cust .custmiz-row .hds-hero-item-box h6 {
	font-family: Urbanist;
	font-size: 22px;
	font-weight: 600;
	line-height: 26.4px;
	text-align: center;
	color: #222222;
	margin: 0px;
	margin-bottom: 10px;
}
.hero-cust .btn.hds-btn > span {
	background: transparent !important;
}

.hero-cust .hero-h {
	font-family: Urbanist;
	font-size: 60px;
	font-weight: bold;
	line-height: 72px;
	text-align: left;
	color: #004FAC;
}

.hero-cust {
	padding-top: 70px;
	background: #133975;
	padding-bottom: 0px;
}

.bb-box > h2 {
	font-family: Urbanist;
	font-size: 50px;
	font-weight: 600;
	line-height: 60px;
	text-align: center;
	color: #fff !important;
	margin-bottom: 54px;
}
.f-pera {
	font-size: 22px;
	margin-top: 20px;
	margin-bottom: 0px;
  color: #fff;
}
.swiper-pagination {
	bottom: 72px !important;
}
.hero-sibling {
	background: #0E71E4;
	border: none;
  padding-top: 64px;
	padding-bottom: 37px;
}
.b-box .hm2-pricing-single.position-relative.bg-white.deep-shadow.rounded-2.card-t-c {
	border-radius: 10px !important;
	height: auto;
	 box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px !important; 
	background: #fff9f9;
	box-shadow:none;
	z-index: 20;
}

.hero-cust .hds-line-border {
	display: none !important;
}
.bb-box {
	top: -141px;
	padding-bottom: 50px;

}
.hero-sibling .main-h {
	font-family: Urbanist;
	font-size: 28px;
	font-weight: 600;
	line-height: 33.6px;
	text-align: center;
	color: #FFFFFF;
	margin-bottom: 25px !important;
}
.manage-area .headig span {
	color: #222 !important;
}

.manage-area .headig + p {
	font-family: Urbanist;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	text-align: left;
	color: #676767 !important;
}
.manage-area .headig {
	font-family: Urbanist;
	font-size: 50px;
	font-weight: 600;
	line-height: 60px;
	text-align: left;
	color: #222222 !important;
	margin-bottom: 12px;
}

.performance-box .hds-single-info {
	padding: 0px !important;
	border: none;
	text-align: center;
}

.performance-box .hds-single-info h6 {
	width: 100% !important;
	margin: 0pc auto;
	margin-top: 19px;
	font-family: Urbanist;
	font-size: 22px;
	font-weight: 600;
	line-height: 30px;
	text-align: center;
	color: #222222;
}
.performance-box .hds-single-info img {
	/* line-height: 132px; */
	display: inline-block;
	height: 76px;
}
.hero-sibling .logos .text-end img {
	width: 183px;
}
.performance-box-row {
	border: 1px solid #CACACA;
	border-radius: 10px;
	padding: 55px 20px;
	padding-top: 50px;
	box-shadow: 0px 4px 20px 20px #00000005;
}
.performance-box .hds-single-info p {
	margin: 0px auto;
	margin-top: 12px;
	font-family: Urbanist;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	text-align: center;
	padding: 0px 20px;
}

.choose .chose-content h2 {
	font-family: Urbanist;
	font-size: 49px;
	font-weight: 600;
	line-height: 60px;
	text-align: left;
	color: #222222 !important;
}

.choose .chose-content h2 span {
	color: #222 !important;
}

.choose .chose-content p {
	font-family: Urbanist;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	text-align: left;
	color: #676767 !important;
  margin-bottom: 0px !important;
}

.choose .chose-content .hds-bg-color-two {
	background: none;
	position: relative;
	top: -4px;
}

.hosting-feature {
	padding-top: 51px;
	background: #fff;
}

.hosting-feature .heading {
	font-family: Urbanist;
	font-size: 50px;
	font-weight: 600;
	line-height: 60px;
	text-align: center;
	color: #222222;
	margin-bottom: 49px;
}

.hosting-feature-row .same-bg {
	padding: 45px;
	background: #F2F5FF !important;
	border-radius: 10px;
	padding-top: 9px !important;
	height: 537px;
}

.row.hosting-feature-row .hds-hosting-feature .one {
	display: none;
}

.hosting-feature-row .same-bg h5 {
	font-family: Urbanist;
	font-size: 28px;
	font-weight: 600;
	line-height: 40px;
	text-align: left;
	color: #000000 !important;
}

.hosting-feature-row .same-bg .hds-bg-color-two {
	background: #004FAC;
	color: #fff !important;
}
.hosting-feature-row .same-bg .hds-bg-color {
	background: #004FAC;
	color: #fff !important;
}
.hosting-feature-row .same-bg ul li p {
	font-family: Urbanist;
	font-size: 18px;
	font-weight: 400;
	line-height: 28px;
	text-align: left;
	color: #676767 !important;
	margin-bottom: 0px;
}
.hosting-feature-row .same-bg h5 span{
  color: #000000 !important;
}

.map {
	background: none;
	padding-bottom: 46px;
}

.map h2 {
	font-family: Urbanist;
	font-size: 50px;
	font-weight: 600;
	line-height: 60px;
	text-align: center;
	color: #222 !important;
}

.map .hds-map-item h5 {
	font-family: Urbanist;
	font-size: 32px;
	font-weight: 600;
	line-height: 38.4px;
	text-align: left;
	color: #FFF !important;
}

.map .hds-map-item a {
	font-family: Urbanist;
	font-size: 20px;
	font-weight: 600;
	line-height: 24px;
	text-align: left;
	color: #FFF !important;
}
.map .hds-map-item p {
	font-family: Urbanist;
	font-size: 16px;
	font-weight: 400;
	line-height: 19.2px;
	text-align: left;
	color: #FFFFFF !important;
}
.map .hds-map-item {
	background: #004FAC;
	border-radius: 10px;
	border: none;
}
.map h2 span {
	color: #222 !important;
}

.map .hds-map-item .hds-map-icon.object-fit-contain {
	opacity: 0;
}

.priz {
	background: #F2F5FF !important;
	padding-top: 85px;
	margin-bottom: 30px;
}
.priz-row h2 {
	font-family: Urbanist;
	font-size: 50px;
	font-weight: 600;
	line-height: 60px;
	text-align: left;
	color: #222222 !important;
}

.time-box h6 {
	font-family: Urbanist;
	font-size: 32px;
	font-weight: 600;
	line-height: 38.4px;
	text-align: left;
	color: #FFFFFF !important;
}
.time-box {
	background: #0E71E4 ;
	border-radius: 10px;
	padding: 31px;
}
.time-box p {
	font-family: Urbanist;
	font-size: 16px;
	font-weight: 400;
	line-height: 19.2px;
	text-align: left;
	color: #FFFFFF;
}

.time-box .hds-dubble-arrow {
	display: none !important;
}
.time-box a p {
	margin: 0px;
	font-family: Urbanist;
	font-size: 20px;
	font-weight: 600;
	line-height: 24px;
	text-align: left;
	color: #FFFFFF !important;
}
.priz-row h2 span {
	color: #222 !important;
}
.priz .hds-price-shape.position-absolute {
	display: none;
}

.priz-row .hds-price-item {
	border: none;
	border-radius: 10px;
	background: #fff aliceblue !important;
	margin: 0px !important;
	margin: 0px 9px !important;
}

.priz-row .hds-price-item h5 {
	font-family: Urbanist;
	font-size: 22px;
	font-weight: 400;
	line-height: 26.4px;
	text-align: center;
	color: #000000 !important;
}
.priz-row .hds-price-list li {
	font-family: Urbanist;
	font-size: 18px !important;
	font-weight: 400;
	line-height: 32px;
	text-align: center;
	color: #000000 !important;
}
.priz-row .hds-price-month .hds-dollar-price {
	font-family: Urbanist;
	font-size: 80px;
	font-weight: 700;
	line-height: 120px;
	text-align: center;
	color: #0E71E4;
}
.priz-row .hds-price-items .line-mark {
	font-family: Urbanist;
	font-size: 16px;
	font-weight: 400;
	line-height: 19.2px;
	text-align: center;
	color: #000000 !important;
}

.priz-row .hds-price-items .hds-save-text {
	background: #0E71E4 ;
	color: #fff !important;
	border-radius: 10px;
	font-family: Urbanist;
	font-size: 14px;
	font-weight: 500;
	line-height: 16.8px;
	text-align: center;
}

.priz-row .populer-bridge::after {
	display: none;
}

.priz-row .populer-bridge {
	top: 0px;
	width: 80%;
	background: #0E71E4 ;
	font-family: Urbanist;
	font-size: 30px;
	font-weight: 700;
	line-height: 36px;
	text-align: center;
	padding: 27px 20px;
	border-radius: 10px;
	/* margin-bottom: 129px; */
}

.priz-row h5 {
	padding-top: 33px;
}

.explor  .hds-info-card-top {
	display: none !important;
}
.explor .hds-single-info-card h5 {
	font-family: Urbanist;
	font-size: 24px;
	font-weight: 600;
	line-height: 28.8px;
	text-align: center;
	color: #000000 !important;
}

.explor .hds-single-info-card p:nth-child(2) {
	margin-bottom: 0px;
}
.explor .hds-single-info-card p {
	font-family: Urbanist;
	font-size: 18px;
	font-weight: 400;
	line-height: 24px;
	text-align: center;
	color: #676767 !important;
}
.explor .hds-single-info-card {
	border: 1px solid #CECECE;
	text-align: center;
	height: 394px;
	border-radius: 8px;
}
body .explor-h h2 {
	    font-size: 40px;
    font-weight: 800;
    line-height: 50px;
    text-align: center;
    color: #222222 !important;
    font-family: "Plus Jakarta Sans", sans-;
    max-width: 80%;
    margin: 0px auto 20px;
}
.hds-info-card-area p {
    text-align: center;
}
.explor-h h2 span {
	color: #222 !important;
}
.priz-row .hds-price-month .hds-price-left .hds-dollar {
	font-family: Urbanist;
	font-size: 24px;
	font-weight: 600;
	line-height: 28.8px;
	text-align: center;
	color: #000 !important;
}
.priz-row .hds-price-items .hds-price-offer-bottom p {
	font-family: Urbanist;
	font-size: 19px;
	font-weight: 500 !important;
	line-height: 32px;
	text-align: center;
	color: #000000 !important;
}
.priz-row .btn.hds-btn {
	background: #222222;
	border-radius: 10px;
	font-family: Urbanist;
	font-size: 20px;
	font-weight: 600;
	line-height: 24px;
	text-align: center;
	color: #FFFFFF !important;
}

.carousel-item-next, .carousel-item-prev, .carousel-item.active {
	display: block;
	background: #fff;
	padding: 10px 0px;
	border-radius: 30px;
}
.testimonial {
	margin-top: 59px;
	padding: 35px 0px;
}
.test-btns {
	display: flex;
	justify-content: center;
	width: 80px;
	margin: 0px auto;
	margin-top: 0px;
	position: relative;
}

.header-right div.next::before {
	display: none;
}
.bottam-coms {
	position: absolute;
	bottom: -57px;
	right: 52px;
}
.top-coms {
	position: absolute;
	left: 53px;
	top: -31px;
}
.profi {
	margin-top: -59px;
}

.testimonial .carousel-item {
	position: relative !important;
}
.testimonial .carousel-inner {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin: 0px auto;
	text-align: center;
	padding: 51px;
}

.testimonial .carousel-item {
	box-shadow: 0px 4px 20px 4px #0000001A;
	background: #FFFFFF;
	border-radius: 30px;
	padding: 10px;
}

.testimonial .carousel-item h3 {
	/* font-family: Poppins; */
	font-size: 18px;
	font-weight: 500;
	line-height: 27px;
	text-align: center;
	color: #000000 !important;
	margin-top: 18px;
}
.testimonial .carousel-item h2 + p {
	margin-top: 0px;
	margin-bottom: 24px;
}
.testimonial .carousel-item h2 {
	font-family: Poppins;
	font-size: 24px;
	font-weight: 600;
	line-height: 36px;
	text-align: center;
	margin-bottom: 0px;
	color: #222222 !important;
}

.testimonial .carousel-item p {
	width: 75%;
	margin: 15px auto;
	font-family: Poppins;
	font-size: 18px;
	font-weight: 400;
	line-height: 27px;
	text-align: center;
}

.testimonial .container > h2 {
	font-family: Urbanist;
	font-size: 50px;
	font-weight: 600;
	line-height: 60px;
	text-align: center;
	color: #222222 !important;
	margin-bottom: 54px;
}

.explor .col-md-4 .hds-single-info-card {
	height: 394px;
	padding: 37px 20px;
}

.hosting-feature-row .same-bg .position-absolute.two {
	display: none;
}

.featur-p img {
	max-width:auto !important;
}

.featur-p {
	text-align: center;
}

.hds-footer.new-footer {
	background: #0E71E4 ;
}

.new-footer .widget-title {
	font-family:'Plus Jakarta Sans';
	font-size: 18px;
	font-weight: 600;
	line-height: 27px;
	text-align: left;
	margin-bottom: 29px !important;
}
.hds-footer .footer-widget .widget-title::before {
	background: #fff;
}

.new-footer ul li.heading {
	font-family: Poppins;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	text-align: left;
	color: #FFFFFF;
}
.new-footer ul li {
	font-family: Poppins;
	font-size: 14px;
	font-weight: 400;
	line-height: 25px;
	text-align: left;
	margin-bottom: 0px !important;
}
.footer-layout p {
	font-family: Poppins;
	font-size: 14px;
	font-weight: 400;
	line-height: 21px;
	text-align: left;
	color: #FFFFFF;
	padding-right: 36px;
}

.seal p img {
	width: 98px;
}

.seal {
	display: flex;
	align-items: center;
}

.seal p {
	/* font-family: Nunito; */
	font-size: 18px;
	font-weight: 600;
	line-height: 24.55px;
	text-align: left;
	color: #fff;
	margin-right: 20px;
}
.new-footer .footer-social a {
	border-radius: 50% !important;
	background: #fff;
	width: 30px;
	height:30px;
	text-align: center;
	margin-right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer-widget .footer-nav img {
    width: 60px !important;
    margin-bottom: 0 !important;
}
.new-footer .footer-social {
	text-align: left !important;
	margin-top: 17px !important;
}
.footer-bottom-content {
    display: flex;
    justify-content: flex-end;
}
/*.copy-right p.copy-right-side-link {
    padding-right: 10px;
    margin-right: 10px !important;
    border-right: 1px solid #4187f2;
}*/
.copy-right p a {
	color: #fff;
  margin-top:0px;
}
.copy-right p {
	margin: 0px !important;
	/* font-family: Nunito; */
	font-size: 12px;
	font-weight: 400;
	line-height: 21.82px;
	text-align: left;
	color: #fff;
}
.copy-right {
	border-top: 1px solid #2c86ef;
	padding: 10px;
}
.payment-logos p {
	margin-bottom: 0px;
	margin: 0px 8px;
}
.payment-logos {
	 display: flex;
    justify-content: center;
    background: #0051cc;
    align-items: center;
    border-radius: 20px;
    padding: 10px;
    margin-bottom: 25px;
    width: auto;
}
.copy-right-side-link {
	text-align: right !important;
}

.trusted-partner .fs-card-two {
	background: #F2F5FF !important;
	box-shadow: 0px 4px 20px 4px #0000001A;
	padding: 40px !important;
	border-radius: 30px !important;
}
.trusted-partner .fs-card-two p {
	font-family: Urbanist;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	text-align: left;
	margin-top: 13px;
}
.trusted-partner .fs-card-two h3 {
	font-family: Urbanist;
	font-size: 42px;
	font-weight: 700;
	line-height: 50.4px;
	text-align: left;
	color: #000000 !important;
}

.pb-90.overflow-hidden.trusted-partner {
	background: #fff !important;
}

.hero-sec {
	background:#133975 !important;
	padding-top: 0px;
	height: 550px;
	padding: 0px !important;
	display: flex;
	align-items: center;
}
.hero-sec > .container > .row > div {
	height: auto !important;
	display: flex;
	align-items: center !important;
}

.hero-h {
	font-family: Urbanist;
	font-size: 60px;
	font-weight: 700;
	line-height: 72px;
	text-align: left;
	color: #ffffff !important;
}

.hero-sec h1 {
	font-family: Urbanist;
	font-size: 50px;
	font-weight: 700;
	line-height: 55px;
	text-align: left;
	color: #ffffff !important;
}

.hero-sec .position-absolute.ds-hero-dot {
	display: none;
}

.hero-sub-h {
	font-family: Urbanist;
	font-size: 42px;
	font-weight: 700;
	line-height: 54px;
	text-align: left;
	color: #222222 !important;
}
.hero-sec p {
	color: #ffffff;
}
.hero-sec h2 {
	font-family: Urbanist;
	font-size: 27px;
	font-weight: 700;
	line-height: 38px;
	text-align: left;
	color: #ffffff !important;
}
.hm7-pricing-section {
	background: #fff !important;
}
.hero-sec h3 {
	font-family: Urbanist;
	font-size: 25px;
	font-weight: 700;
	line-height: 33px;
	text-align: left;
	color: #ffffff !important;
}
.hero-sec .lead {
	color: #222;
}

.hero-p {
	color: #ffffff !important;
}

.hero-h.vps {
	font-size: 51px;
	line-height: 64px;
}

.hero-sec .btn.hds-btn {
	background: #0e71e4;
	color: #fff !important;
}

.s-smal .hero-sub-h {
	font-size: 26px;
	font-weight: 700;
	line-height: 36px;
}

.footer-row .footer-box .footer-widget {
	margin-bottom:25px;
}

.footer-box.with-bg h5 {
	color: #fff !important;
}

.footer-box.with-bg .widget-title::before {
	background: #fff;
}
.footer-box ul li span {
	display: block ;
}
.footer-box.with-bg ul li {
	color: #fff !important;
}
.footer-box.with-bg .footer-nav .heading {
	color: #fff !important;
}
.footer-box.with-bg ul li a {
	color: #fff !important;
}
.social-icon .footer-social {
  margin-top: 0px !important;
  text-align: center !important;
  margin-left: 0;
  display: flex;
  justify-content: center;
}
.copy-right p {
	margin-top: 0px !important;
}
.footer-box.with-bg .footer-widget {
	margin-bottom: 17px;
}

.footer-box.with-bg .footer-nav .heading {
	color: #fff  !important;
  font-family: 'Urbanist';
}
.footer-box.with-bg h5 {
	margin-bottom: 29px !important;
}

.dd-section-bg {
	background-color: #fff;
}

.vps-plan {
	background: #fff;
}

#pricing {
	background: #fff !important;
}
.dm-faq-section {
	overflow: hidden;
}

.card-t-c {
	border-top: 10px solid #0E71E4;
}

.card-t-cm {
	border-top: 10px solid #0E71E4;
}

.card-t-cd {
	border-top: 10px solid #0E71E4;
}

.card-t-cmd {
	border-top: 10px solid #0E71E4;
}

.hds-bg-color-two {
	background-color: #133975;
	color: #fff !important;
}

.hero-cust.solution {
	padding: nset;
	padding-top: 61px;
	padding-bottom: 61px;
}

.hero-cust.solution .btn {
	margin-top: 0px;
}
.solution-card .explor .hds-single-info-card {
	height: 93%;
	border: 1px solid #D8D8D8;
	margin-bottom: 30px;
	/* box-sizing: border-box; */
}

.solution-card .explor .hds-single-info-card:hover{
  box-shadow: 0px 4px 30px 0px #00000026;
}

.need-mor h2 {
	color: #222;
}

.need-mor p:nth-child(2) {
	font-family: Urbanist;
	font-size: 24px;
	font-weight: 400;
	line-height: 28.8px;
	text-align: center;
	color: #222222;
	margin-bottom: 9px;
}
.hm7-custom-plan .custom-plan-box h3 {
	color: #000000 !important;
}
.hm7-custom-plan .custom-plan-box  p {
	color: #222 !important;
}

.hm7-custom-plan .custom-plan-box {
	background: #fff;
	background: #F2F5FF !important;
	box-shadow: 0px 4px 20px 4px #0000001A;
	padding: 40px !important;
	border-radius: 30px !important;
}
.hm7-custom-plan .custom-plan-box h4 {
	color: #222 !important;
	font-size: 18px;
}
.hero-sec.contact {
	padding-top: 90px;
}

.has-submenu button:hover > i {
	color: #fff !important;
}
.hm7-custom-plan {
	padding-top: 25px !important;
	padding-bottom: 91px !important;
	background: #fff;
}

.pricing-tab-section {
	background: #fff !important;
}
.dm-faq-section {
	background: #fff !important;
}

.promo-item.bg-white {
	/* box-shadow: 0px 20px 80px rgba(38, 38, 38, 0.05) !important; */
	background: ;
	box-shadow: 0px 12px 64px 0px rgba(0, 0, 0, 0.1);
	background: #fff;
}
.service-card:hover {
	-webkit-box-shadow: 0px 20px 80px rgba(0, 148, 255, .05);
	box-shadow: 0px 20px 22px rgba(179, 179, 179, 0.44);
}
.rs-faq {
	background: #fff;
}
body {
	background-color: #fff !important;
}
.pricing-tab-section .hop-shadow {
	-webkit-box-shadow: 0px 12px 64px 0px rgba(103, 151, 255, .1019607843);
	box-shadow: 0px 12px 64px 0px rgba(0, 0, 0, 0.1);
	background: #fff;
}

.has-submenu.after-none > a::after {
	display: none !important;
}

.made-content {
	padding-bottom: 71px;
}
.made-content ul li {
	list-style: disc;
	/* padding-left: ; */
}
.made-content ul {
	padding-left: 15px;
	padding-bottom: 22px;
}


.hds-hosting-area.pt-120.pb-60.manage-area .one.position-absolute {
	display: none;
}

.vps-pricing-table table thead tr th{
	/* background: #618f27; */
	min-width: 210px;
	background: #133975!important;
}
.swiper-pagination-bullet {
	height: 17px;
	width: 17px;
}
.vps-pricing-table table tbody tr td a:hover {
	background: #0e71e4;
	color: #fff;
}
.vps-pricing-table table tbody tr td a {
	border: 1px solid #0e71e4;
}
@media screen and (max-width:768px) {
  .dd-n .mobbb.btn.hds-btn.hds-bg-color-two.hds-body-color-two.d-inline-flex.align-items-center.hds-hover-bg.hds-hover-color.hds-btn-bg-overlay {
    display: none !important;
  }

  .hero-sec .ds-hero-right {
    margin-top: 10px;
  }
  .made-content {
    padding-bottom: 29px;
  }
  .hero-cust {
    padding-top: 45px;
  }
  .made-content p {
    text-align: center;
  }
  .hero-cust .hds-highlighted-text {
    display: block;
    font-size: 29px;
    text-align: center;
    width: 80%;
    margin: 0px auto;
    padding: 9px 15px;
  }

  .hero-cust .hero-h + p {
    text-align: center !important;
    display: flex;
    justify-content: center;
  }
  .hds-hosting-area {
    padding-top: 58px;
    padding-bottom: 0px !important;
  }
  .hosting-feature-row .same-bg h5 {
    font-size: 22px;
    line-height: 35px;
    margin-bottom: 0px;
  }

  .time-box h6 {
    font-size: 26px;
    line-height: 35.4px;
  }
  .time-box p {
    margin-bottom: 12px;
  }
  .testimonial {
    margin-top: 24px;
  }
  .time-box {
    margin-bottom: 46px;
    width: 100%;
  }
  .testimonial .container > h2 {
    font-size: 34px;
    line-height: 45px;
  }
  .testimonial .carousel-inner {
    padding: 50px 6px;
  }

  .explor-h h2 {
    font-size: 34px;
    line-height: 45px;
  }

  .trusted-partner .fs-card-two h3 {
    font-size: 35px;
    line-height: 45.4px;
    text-align: center;

  }
  .trusted-partner .fs-card-two p {
    text-align: center;
  }
  .priz-row .hds-price-item {
    margin-bottom: 20px !important;
  }
  .time-box a p {

    font-size: 18px;
  }
  .isb-price-btn-area.d-flex.align-items-center.mt-20.mb-30 {
    margin: 8px;
  }
  .priz-row h2 {
    font-size: 34px;
    line-height: 45px;
    text-align: center;
    margin-bottom: 0px !important;
  }
  .priz {
    background: #F2F5FF !important;
    padding-top: 42px;
    margin-bottom: 20px;
  }
  .map .hds-map-item h5 {
    font-size: 25px;
    line-height: 28.4px;
  }
  .map .hds-map-item {
    padding: 20px;
  }
  .f-mode {
    margin-top: 12px !important;
  }
  .hero-sec.contact {
	padding-bottom: 41px !important;
}

.row-rock {
	flex-direction: column-reverse;
}
.need-mor p:nth-child(2) {
	font-size: 20px;
}
  .map h2 {
    line-height: 44px;
  }
  .hosting-feature-row .same-bg {
    padding: 23px;
    padding-top: 9px !important;
    height: 460px;
  }
  .hosting-feature .heading {
    font-size: 34px;
    line-height: 45px;
    text-align: center;
    margin-bottom: 28px;
  }

  .hds-award-area.choose {
    padding-top: 8px !important;
  }
  .choose .chose-content h2 {
    font-size: 34px;
    line-height: 45px;
    text-align: center;
  }
  .manage-area .headig {
    font-size: 34px;
    line-height: 45px;
    text-align: center;
  }
  .manage-area .headig + p {
    text-align: center;
  }
  .hero-sibling .hds-logos {
    padding-top: 4px !important;
  }
  .hero-sibling .hds-logos img {
    margin-bottom: 24px !important;
  }
  .hero-cust .hero-h {
	font-size: 39px;
	line-height: 51px;
	text-align: center;
}
.dd-about-section.dd-section-bg.botm {
	margin-top: 79px;
}
.dd-about-section.abot {
	padding-bottom: 0p;
	padding-top: 0px !important;
}
.promo-area {
	z-index: 1;
	margin-top: -32px;
}h
.hero-sec .ds-hero-right img {
	width: 80%;
	padding-top: 12px;
}
.hero-sec .ds-hero-right {
	text-align: center;
}
.childdd {
	padding: 0px 22px !important;
	text-align: center;
}
.pt-min.adn {
	padding-bottom: 0px !important;
}
.wid-main {
	width: 100%;
	padding: 0px 20px;
}
#pricing.pt-min {
	padding-top: 0px;
}
.mt-min {
	margin-bottom: 19px !important;
}
.hero-sec > .container > .row {
	padding: 0px !important;
}
.host-fs-info-card-two .fs-card-two.bg-light-grey {
	text-align: center;
	/* margin-bottom: 30px !important; */
}
.service-card {

	text-align: center;
}
.hero-sec h3 {
	font-size: 24px;
	text-align: center;
}
.host-fs-info-card-two.pb-120.pt-5.bg-white {
	padding-top: 0px !important;
}
.dd-about-section .dd-about-content {
	text-align: center;
}
.host-fs-info-card-two.pb-60.pt-5.bg-white {
	padding-bottom: 0px !important;
}
.hm7-custom-plan.pt-60.overflow-hidden.pb-3 {
	padding-bottom: 35px !important;
}
.rs-faq.pb-100.pt-5.ds-bg {
	padding-bottom: 23px;
}

.dd-about-section .dd-about-content  li{
  text-align: left;
}
.mb-min {
	padding-bottom: 22px;
}
.dd-about-section.abot p {
	text-align: center;
}
.dd-about-section h2 {
	text-align: center;
	line-height: 44px;
}
.dd-about-section {
	padding-bottom: 0px;
}
.bare-matel {
	margin-top: 50px;
}
.dm-faq-section .section-title h2 {
	font-size: 34px !important;
	padding-bottom: 0px !important;
}
.box-card {
	padding: 0px !important;
	margin-top: ;
	margin: 50px 0px;
}
.dm-faq-section {
	padding-top: 0px;
}
.hero-h.vps {
	font-size: 35px;
	line-height: 45px;
}
.box-card h3 {
	filter: ;
	font-size: 35px;
}

.s-smal .hero-sub-h {
	font-size: 22px;
	line-height: 32px;
}
.pricing-tab-section {
	padding: 0px !important;
}
.pricing-tab-section .pricing-wrapper > .row {
	margin-top: 0px !important;
}
.pricing-tab-section .section-heading h2 {
	font-size: 32px !important;
}
.hero-sec p {
	text-align: center;
}
.pricing-tab-section h3 {
	font-size: 18px;
}
.pricing-tab-section .pricing-column h2 {
	font-size: 23px;
}
.hero-sec .ds-hero-right {
	margin-top: 0px;
}
.hm7-pricing-section.pt-60.pb-60 {
	padding-bottom: 0px !important;
}
.dd-section-bg .row > div {
	text-align: center;
}
.hero-sec h2 {

	font-size: 22px;

	line-height: 29px;
	text-align: center;

}
.row-rock {
	flex-direction: ;
}
.hero-sec {
	height: auto;
	padding: 0px 0px !important;
  padding-top:50px !important ;
}
.hero-sec .ds-hero-right {
	margin-top: 0px;
	padding-bottom: 37px;
}
.hero-sec h1 {
	font-size: 35px;
	line-height: 45px;
	text-align: center;
}
.hero-sec > .container > .row > div .ds-hero-left {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.hero-sec > .container > .row > div {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.hero-cust.solution .container > .row > div {
	text-align: center !important;
	justify-content: center !important;
	display: flex;
	flex-direction: column;
  align-items: center;
}
  .hero-sibling {
    padding-top: 131px;
    padding-bottom: 10px;
  }
  .hero-cust .hero-h {
    font-size: 34px;
    line-height: 57px;
    text-align: center;
  }

  .hds-hosting-section {
    padding-right: 0px;
  }
  .highly {
    margin-top: 50px;
  }
  .dm-faq-section.fq {
	margin-bottom: 0px;
	padding-bottom: 48px;
}
  .pricing-tab-section.csh-price-area.plat {
    margin-bottom: 57px;
  }

  .pricing-tab-section.csh-price-area.cloud {
    margin-bottom: 61px;
  }
  .pricing-tab-section.csh-price-area.vps {
    margin-bottom: 57px !important;
  }
  .headig {
    margin: 0px auto;
  }
  #pricing.standard {
    padding-top: 20px;
    padding-bottom: 0px;
  }
  .comp {
	padding-top: 4px !important;
}
  .service-section.custmi {
    padding-top: 15px;
  }
  .host-fs-info-card-two .fs-card-two .btn.hds-btn.hds-bg-color-two.hds-body-color-two.d-inline-flex.align-items-center.hds-hover-bg.hds-hover-color.float-end {
    clear: both !important;
    margin-top: 16px;
  }
  .rs-faq .section-title h2 {
    margin-bottom: 0px !important;
  }
  .plan {
    padding-top: 23px !important;
  }
  .featr {
	padding-top: 0px !important;
}
  .hm2-accordion {
    padding-top: 0px;
  }
  .row.m-min {
    margin-top: 0px !important;
  }
  .hippa {
    padding-top: 19px;
    padding-bottom: 16px;
  }
  p-mn
  .private {
    margin-top: 30px;
  }
  .clustrl .tab-content .col-xl-4.col-md-6.text-center {
    margin-top: 10px;
    padding: 0px;
  }
  .clustrl {
    padding-top: 0px !important;
  }

  .m-mn {
    margin-top: 0px;
  }
  .dd-about-section.back {
    padding-top: 0px;
  }
  .wlt {
    padding-bottom: 0px !important;
  }
  .addn .border-info.border-bottom {
	border: none !important;
}
  .bbox {
    padding: 10px;
  }
  .addn {
    padding-top: 0px !important;
  }
  .pp-b .bb-mn {
    margin-bottom: 4px !important;
  }
  .ttx {
    text-align: center;
  }
  .pp-b {
	padding-bottom: 0px !important;
	padding-top: 35px !important;
}
  .ad-vox {
    text-align: center;
  }

  .payment-logos {
    margin-top: 38px;
    margin-bottom: 36px;
  }


  .social-icon .footer-social {
    margin: 0px;
  }

  .deli {
    text-align: center;
    padding-bottom: 0px !important;
  }

  .copy-right p {
    text-align: center !important;
    margin-bottom: 10px !important;
  }
  .akamai {
    padding-bottom: 0px !important;
  }

  .bandwith {
    padding: 18px !important;
  }

  .bandwith h4 {
    text-align: center;
    font-size: 30px;
    line-height: 38px;
  }

  .bandwith p {
    text-align: center;
    padding-top: 10px;
  }

  .tdt {
    padding-bottom: 0px !important;
  }
  .cdn .mb-5 {
    margin-bottom: 20px !important;
  }
  .cdn {
    text-align: center;
    padding-top: 14px !important;
  }
  .ttx {
    text-align: center;
  }
  .flare {
    padding-top: 0px !important;
  }
  .host-fs-info-card-two.pb-60.pt-5.bg-white.flare {
    padding-bottom: 40px !important;
  }

  .ttx {
    text-align: center;
    padding-bottom: 0px !important;
  }

  .ttrt {
    text-align: center;
    padding-top: 14px !important;
  }

  .tdm {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .tdm ul {
    padding-left: 26px;
  }
  .ppt {
    text-align: center;
    padding-bottom: 0px !important;
  }
  .commrc .nav.nav-tabs li {
    text-align: center !important;
    margin: 4px 0px;
  }
  .hds-tab.hm2-service-tab ul li button {
    justify-content: center !important;
  }
  .ppt {
    padding-top: 33px !important;
  }
  .hds-tab.hm2-service-tab ul li button {
    justify-content: center;
  }
  .hds-tab {
    margin-top: 6px;
  }

  .commrc-col .bg-white.hds-feedbck-tab-content {
    padding-top: 16px !important;
    text-align: center;
  }

  .trusted-partner .ttex {
    text-align: center;
  }
  .trusted-partner .ttex img {
    width: 239px !important;
  }
  .payment-logos > p:nth-child(6) {
	display: block !important;
}
.payment-logos p {
	display: none;
}
.b-box {
	margin-top: 28px;
}
.swiper-pagination {
	bottom: 62px !important;
}

.bb-box > h2 {
	font-size: 39px;
	line-height: 53px;
	margin-bottom: 0px;
	padding-top: 116px;
}
.choose {
	margin-top: 30px;
}
.f-pera + p {
	display: flex;
	justify-content: center;
	margin-top: 0px !important;
}
.f-pera + p a{
	margin-top:8px !important;
}
.f-pera {
	font-size: 18px;
	text-align: center;
}
.bb-box {
	margin-top: -210px;
}
.b-box .hm2-pricing-single.position-relative.bg-white.deep-shadow.rounded-2.card-t-c {
	height: auto;
}
.b-box .pricing-feature-list.second {
	margin-bottom: 40px;
}
.b-box .pricing-feature-list.third {
	margin-bottom: 40px;
}

}


@media screen and (max-width:900px) {
  .dm-faq-section .faq-feature-img {
    position: initial;
    margin-top: 0px;
    max-width: 100%;
    width: 100%;
  }
}

.hero-slider {
    background: linear-gradient(90deg, #45237f 0%, #4468ed 100%);
}
.hero-cust .hero-h {
    font-size: 50px;
    font-weight: 800;
    line-height: 67px;
    text-align: left;
    font-family: "Plus Jakarta Sans", sans-serif;
}
.f-pera {
    font-size: 16px;
  }
.explor .hds-single-info-card {

    text-align: center;

    height: 350px;

    border-radius: 8px;

    padding: 30px !important;

    box-shadow: 0px 12px 50px rgba(125, 125, 125, 0.1);

    border: 1px solid #e7e7e7;
    margin-top:35px;

}
.explor .hds-single-info-card p {
    font-family: Urbanist;
    font-size: 15px;
    font-weight: 400;
    line-height: 21px;
    text-align: center;
    color: #676767 !important;
}
.explor .hds-single-info-card h5 {
    font-family:"Plus Jakarta Sans", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 24.8px;
    text-align: center;
    color: #000000 !important;
}
.explor-h h2 {
    font-size: 50px;
    font-weight: 800;
    line-height: 60px;
    text-align: center;
    color: #222222 !important;
    font-family: "Plus Jakarta Sans", sans-
  }
.explor-h h2 span {
    color: #2e72e7 !important;
    font-weight: 800;
    margin-left: 5px;
}
.discount-price {
    position: absolute;
    background: linear-gradient(287.85deg, rgba(255, 7, 102, 0.1) 0%, rgba(255, 126, 93, 0.1) 95.32%);
    border-radius: 3px;
    right: 30px;
    top: 30px;
    padding: 6px 18px;
    font-weight: 500;
    color: #F16260 !important;
    font-size: 14px;
}

.discount-price strong {
    color: #F16262 !important;
    font-size: 14px;
}
.hm2-pricing-single i.fa-solid.fa-check {
    margin-right: 3px;
    color: #2e72e7;
}
.hm2-pricing-single .pricing-feature-list li + li {
    margin-top: 8px;
}

.hm2-pricing-single .pricing-feature-list li {
    color: #6e6e6e;
    list-style: none;
    margin-bottom: 18px;
    font-size: 16px;
}
.outline-primary {
    border: 1px solid #0E71E4;
    background: #133975;
    border-radius: 4px !important;
    color: #fff;
}
.hm2-pricing-single .pricing-feature-list {
    padding-left: 0px;
    font-size: 15px;
    min-height: 250px;
}
.choose .chose-content h2, .trusted-by-new h6.hds-body-color-four.fs-20.lh-28.mb-0.main-h, .bb-box > h2, section.testimonial-sec h2 {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 800;
    color: #222222 !important;
    margin-bottom: 40px;
        font-size: 40px;
}
.choose .chose-content p {
    font-size: 14px;
    line-height: 22px;
}
.hds-feature-icon.hds-bg-color-two.hds-body-color-two.d-flex.align-items-center.justify-content-center {
    background: #ecf0fd;
    height: 60px;
    width: 60px !important;
    border-radius: 50%;
    min-width: 60px;
    margin-right: 5px;
    position: inherit;
    border: 1px solid #dde3f5;
}
.hds-feature-icon svg path {
    fill: #0e71e4;
}
li.hds-feature-list-item {
    margin-bottom: 15px;
    border: 1px solid #ededed;
    padding: 20px;
    border-radius: 6px;
    box-shadow: 0px 12px 50px rgba(125,125,125,.1);
}
.heading-why-choose h6 {

    font-size: 18px;

    color: #222;

    line-height: normal;

}

.bgstyle-no {
    background: #ffffff !important;
}
.trusted-by-new {
    padding: 70px 0px;
    text-align: center;
    background: linear-gradient(90deg, #45237f 0%, #4468ed 100%);
}
 .trusted-by-new h6.hds-body-color-four.fs-20.lh-28.mb-0.main-h {
  font-size: 39px;
  color: #fff !important;
  line-height: 40px;
 }
 .row.align-items-center.logos {
    max-width: 991px;
    margin: 0 auto;
}
.row.align-items-center.logos img {
    height: 45px;
}
 section.faq-sec {
    padding: 80px 0px;
}

.explor .hds-single-info-card p {
    font-family: Urbanist;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-align: center;
    color: #767676!important;
    letter-spacing: 0.3px;
}
.hero-sibling {
    background: #eef2ff;
    border: none;
    padding-top: 70px;
    padding-bottom: 30px;
    border-color: transparent !important;
}
.pricing-top h4.h2.price-title.mb-0 {
    color: #000;
}
.pricing-top h3.h5.mt-3 {
    color: #000;
    font-weight: 800;
    font-family: "Plus Jakarta Sans", sans-serif;
}
.hm2-pricing-single .pricing-deleted {
    color: #666;
    margin-left: 10px;
}
.pricing-amount.d-flex.justify-content-between.mt-3 {
    justify-content: left;
}
.trusted-by-new .text-end {
    text-align: center !important;
}
.item-inner {
    background: #eef2ff;
    padding: 30px;
    border-radius: 10px;
    margin: 40px 0 0;
}
.client-detail {
    display: flex;
    align-items: center;
}
.slider-img {
    width: 70px;
    background: #fff;
    border-radius: 50%;
    height: 70px;
    margin-right: 11px;
    overflow: hidden;
}
.item-inner .slider-content p {
    color: #444343;
    font-size: 15px;
    line-height: 28px;
}
.client-info strong {
    color: #2b2b2c;
    font-size: 16px;
}
section.testimonial-sec {
    padding: 70px 0px;
}

section.testimonial-sec h2 {
    text-align: center;
    margin-bottom: 0}

.hds-award-area.pt-60.choose {
    padding-bottom: 60px;
}
.testimonial-sec button {
    background: #e2ecfd !important;
    height: 30px;
    width: 30px;
}
section.testimonial-sec .owl-nav button:hover span {
    color: #3e73ea ! IMPORTANT;
}
section.testimonial-sec span {
    font-size: 40px;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -3px;
    color: #3e73ea;
}
section.testimonial-sec .owl-nav {
    margin-top: 30px;
}
footer.hds-footer.hds-bg-color.pt-60.overflow-hidden.new-footer {
    padding-top: 50px !important;
}
.payment-logos img {
    width: 50px;
}
.copy-right .row {
    align-items: center;
}
.slider-content {
    min-height: 175px;
}
/*new testimonil*/
.item-inner {
    background: #2e72e7;
  }
.item-inner .slider-content p {
    color: #ffffff;
}
.client-info strong, .client-info p {
    color: #ffffff;
    font-size: 16px;
}
.testimonial-sec .owl-carousel .owl-item img {
    display: flex;
    width: 100%;
    max-width: 100%;
    margin: auto;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.sub-page-background {
    background: #133975 !important;
    height: 550px;
    display: flex;
    align-items: center;
        height: auto;
        padding: 0px 0px !important;
        padding-top: 50px !important;
}

.hero-sub-h-second {
    font-family: Urbanist;
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
    text-align: left;
    color: #ffffff !important;
}

.second-box-border-icon {
    box-shadow: 0px 12px 50px rgba(125, 125, 125, 0.1);
    border: 1px solid #e7e7e7;
    padding: 15px;
    border-radius: 8px;
    height: 204px;
    margin: 1px;
}

.second-box-border-icon-1 {
    box-shadow: 0px 12px 50px rgba(125, 125, 125, 0.1);
    border: 1px solid #e7e7e7;
    padding: 20px;
    border-radius: 8px;
    margin: 1px;
    height: 230px;
}

.second-box-border-icon-2 {
   box-shadow: 0px 12px 50px rgba(125, 125, 125, 0.1);
    border: 1px solid #e7e7e7;
    padding: 20px;
    border-radius: 8px;
    margin: 5px;
height:330px;
}

.second-box-border-icon-3 {
   box-shadow: 0px 12px 50px rgba(125, 125, 125, 0.1);
    border: 1px solid #e7e7e7;
    padding: 20px;
    border-radius: 8px;
    margin: 5px;
height:290px;
}

.ds-sub-color-text {
    color: white;
}