/* https://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
  scroll-behavior: smooth;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

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

html {
  scroll-behavior: smooth;
}

@font-face {
  font-family: "terreembruns";
  src: url("../fonts//terreembruns.eot?sl0rsz");
  src: url("../fonts//terreembruns.eot?sl0rsz#iefix") format("embedded-opentype"), url("../fonts//terreembruns.ttf?sl0rsz") format("truetype"), url("../fonts//terreembruns.woff?sl0rsz") format("woff"), url("../fonts//terreembruns.svg?sl0rsz#terreembruns") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "terreembruns" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-cart:before {
  content: "\e900";
}

.icon-pinteresst:before {
  content: "\e901";
}

.icon-instagram:before {
  content: "\e902";
}

.icon-twitter:before {
  content: "\e903";
}

.icon-facebook:before {
  content: "\e904";
}

.icon-locate:before {
  content: "\e905";
}

.icon-phone:before {
  content: "\e906";
  font-size: 1.5rem;
}

.icon-clock:before {
  content: "\e907";
}

.icon-contact:before {
  content: "\e908";
}

.icon-arrow_up:before {
  content: "\e909";
}

.icon-arrow_right:before {
  content: "\e90a";
}

.icon-arrow_left:before {
  content: "\e90b";
}

.icon-arrow_down:before {
  content: "\e90c";
}

* {
  box-sizing: border-box;
}

@font-face {
  font-family: "Archia";
  src: url("../fonts/Archia/03.Archia-Regular-webfont/archia-regular-webfont.woff2") format("woff2"), url("../fonts/Archia/03.Archia-Regular-webfont/archia-regular-webfont.woff") format("woff");
  font-stretch: normal;
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Archia";
  src: url("../fonts/Archia/06.Archia-Bold-webfont/archia-bold-webfont.woff2") format("woff2"), url("../fonts/Archia/06.Archia-Bold-webfont/archia-bold-webfont.woff") format("woff");
  font-stretch: normal;
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter/01.Inter-Regular/Inter-Regular.woff2") format("woff2"), url("../fonts/Inter/01.Inter-Regular/Inter-Regular.woff") format("woff");
  font-stretch: normal;
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter/02.Inter-Bold/Inter-Bold.woff2") format("woff2"), url("../fonts/Inter/02.Inter-Bold/Inter-Bold.woff") format("woff");
  font-stretch: normal;
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter/03.Inter-SemiBold/Inter-SemiBold.woff2") format("woff2"), url("../fonts/Inter/03.Inter-SemiBold/Inter-SemiBold.woff") format("woff");
  font-stretch: normal;
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
body {
  font-family: "Inter";
  overflow-x: hidden;
  color: #51525c;
}

.ttu {
  text-transform: uppercase;
}

.fwb {
  font-weight: bold;
}

p {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: 1rem;
}

.font-display, .input-group label {
  font-family: "Archia";
}
.font-display.d-2xl, .input-group label.d-2xl {
  font-size: 80px;
  line-height: 90px;
}
.font-display.d-2xl.bold, .input-group label.d-2xl.bold, .font-display.d-2xl > strong, .input-group label.d-2xl > strong {
  font-weight: 900;
}
.font-display.d-2xl.semi-bold, .input-group label.d-2xl.semi-bold, .font-display.d-2xl > strong, .input-group label.d-2xl > strong {
  font-weight: bold;
}
.font-display.d-2xl.medium, .input-group label.d-2xl.medium {
  font-weight: 600;
}
.font-display.d-2xl.regular, .input-group label.d-2xl.regular {
  font-weight: normal;
}
.font-display.d-xl, .input-group label.d-xl {
  font-size: 60px;
  line-height: 72px;
}
.font-display.d-xl.bold, .input-group label.d-xl.bold, .font-display.d-xl > strong, .input-group label.d-xl > strong {
  font-weight: 900;
}
.font-display.d-xl.semi-bold, .input-group label.d-xl.semi-bold, .font-display.d-xl > strong, .input-group label.d-xl > strong {
  font-weight: bold;
}
.font-display.d-xl.medium, .input-group label.d-xl.medium {
  font-weight: 600;
}
.font-display.d-xl.regular, .input-group label.d-xl.regular {
  font-weight: normal;
}
.font-display.d-lg, .input-group label.d-lg {
  font-size: 48px;
  line-height: 60px;
}
.font-display.d-lg.bold, .input-group label.d-lg.bold, .font-display.d-lg > strong, .input-group label.d-lg > strong {
  font-weight: 900;
}
.font-display.d-lg.semi-bold, .input-group label.d-lg.semi-bold, .font-display.d-lg > strong, .input-group label.d-lg > strong {
  font-weight: bold;
}
.font-display.d-lg.medium, .input-group label.d-lg.medium {
  font-weight: 600;
}
.font-display.d-lg.regular, .input-group label.d-lg.regular {
  font-weight: normal;
}
.font-display.d-md, .input-group label.d-md {
  font-size: 36px;
  line-height: 44px;
}
.font-display.d-md.bold, .input-group label.d-md.bold {
  font-weight: 900;
}
.font-display.d-md.semi-bold, .input-group label.d-md.semi-bold {
  font-weight: bold;
}
.font-display.d-md.medium, .input-group label.d-md.medium {
  font-weight: 600;
}
.font-display.d-md.regular, .input-group label.d-md.regular {
  font-weight: normal;
}
.font-display.d-sm, .input-group label.d-sm {
  font-size: 30px;
  line-height: 38px;
}
.font-display.d-sm.bold, .input-group label.d-sm.bold, .font-display.d-sm > strong, .input-group label.d-sm > strong {
  font-weight: 900;
}
.font-display.d-sm.semi-bold, .input-group label.d-sm.semi-bold, .font-display.d-sm > strong, .input-group label.d-sm > strong {
  font-weight: bold;
}
.font-display.d-sm.medium, .input-group label.d-sm.medium {
  font-weight: 600;
}
.font-display.d-sm.regular, .input-group label.d-sm.regular {
  font-weight: normal;
}
.font-display.d-xs, .input-group label.d-xs {
  font-size: 24px;
  line-height: 32px;
}
.font-display.d-xs.bold, .input-group label.d-xs.bold, .font-display.d-xs > strong, .input-group label.d-xs > strong {
  font-weight: bolder;
}
.font-display.d-xs.semi-bold, .input-group label.d-xs.semi-bold, .font-display.d-xs > strong, .input-group label.d-xs > strong {
  font-weight: bold;
}
.font-display.d-xs.medium, .input-group label.d-xs.medium {
  font-weight: 600;
}
.font-display.d-xs.regular, .input-group label.d-xs.regular {
  font-weight: normal;
}

.font-text, .card.card-horizontal h3, .card.card-vertical h3, ul.check li, ul.bullet li {
  font-family: "Inter";
}
.font-text.text-sm, .input-group label.font-text, .card.card-horizontal h3.text-sm, .card.card-vertical h3.text-sm, ul.check li.text-sm, ul.bullet li.text-sm {
  font-size: 14px;
  line-height: 20px;
}
.font-text.text-sm.bold, .input-group label.font-text.bold, .card.card-horizontal h3.text-sm.bold, .card.card-vertical h3.text-sm.bold, ul.check li.text-sm.bold, ul.bullet li.text-sm.bold, .font-text.text-sm > strong, .input-group label.font-text > strong, .card.card-horizontal h3.text-sm > strong, .card.card-vertical h3.text-sm > strong, ul.check li.text-sm > strong, ul.bullet li.text-sm > strong {
  font-weight: bolder;
}
.font-text.text-sm.semi-bold, .input-group label.font-text.semi-bold, .card.card-horizontal h3.text-sm.semi-bold, .card.card-vertical h3.text-sm.semi-bold, ul.check li.text-sm.semi-bold, ul.bullet li.text-sm.semi-bold, .font-text.text-sm > strong, .input-group label.font-text > strong, .card.card-horizontal h3.text-sm > strong, .card.card-vertical h3.text-sm > strong, ul.check li.text-sm > strong, ul.bullet li.text-sm > strong {
  font-weight: bold;
}
.font-text.text-sm.medium, .input-group label.font-text.medium, .card.card-horizontal h3.text-sm.medium, .card.card-vertical h3.text-sm.medium, ul.check li.text-sm.medium, ul.bullet li.text-sm.medium {
  font-weight: 600;
}
.font-text.text-sm.regular, .input-group label.font-text.regular, .card.card-horizontal h3.text-sm.regular, .card.card-vertical h3.text-sm.regular, ul.check li.text-sm.regular, ul.bullet li.text-sm.regular {
  font-weight: normal;
}
.font-text.text-md, .card.card-horizontal h3, .card.card-vertical h3.text-md, ul.check li.text-md, ul.bullet li.text-md {
  font-size: 16px;
  line-height: 24px;
}
.font-text.text-md.bold, .card.card-horizontal h3.bold, .card.card-vertical h3.text-md.bold, ul.check li.text-md.bold, ul.bullet li.text-md.bold, .font-text.text-md > strong, .card.card-horizontal h3 > strong, .card.card-vertical h3.text-md > strong, ul.check li.text-md > strong, ul.bullet li.text-md > strong {
  font-weight: bolder;
}
.font-text.text-md.semi-bold, .card.card-horizontal h3.semi-bold, .card.card-vertical h3.text-md.semi-bold, ul.check li.text-md.semi-bold, ul.bullet li.text-md.semi-bold, .font-text.text-md > strong, .card.card-horizontal h3 > strong, .card.card-vertical h3.text-md > strong, ul.check li.text-md > strong, ul.bullet li.text-md > strong {
  font-weight: bold;
}
.font-text.text-md.medium, .card.card-horizontal h3.medium, .card.card-vertical h3.text-md.medium, ul.check li.text-md.medium, ul.bullet li.text-md.medium {
  font-weight: 600;
}
.font-text.text-md.regular, .card.card-horizontal h3.regular, .card.card-vertical h3.text-md.regular, ul.check li.text-md.regular, ul.bullet li.text-md.regular {
  font-weight: normal;
}
.font-text.text-lg, .card.card-horizontal h3.text-lg, .card.card-vertical h3.text-lg, ul.check li, ul.bullet li {
  font-size: 18px;
  line-height: 28px;
}
.font-text.text-lg.bold, .card.card-horizontal h3.text-lg.bold, .card.card-vertical h3.text-lg.bold, ul.check li.bold, ul.bullet li.bold, .font-text.text-lg > strong, .card.card-horizontal h3.text-lg > strong, .card.card-vertical h3.text-lg > strong, ul.check li > strong, ul.bullet li > strong {
  font-weight: bolder;
}
.font-text.text-lg.semi-bold, .card.card-horizontal h3.text-lg.semi-bold, .card.card-vertical h3.text-lg.semi-bold, ul.check li.semi-bold, ul.bullet li.semi-bold, .font-text.text-lg > strong, .card.card-horizontal h3.text-lg > strong, .card.card-vertical h3.text-lg > strong, ul.check li > strong, ul.bullet li > strong {
  font-weight: bold;
}
.font-text.text-lg.medium, .card.card-horizontal h3.text-lg.medium, .card.card-vertical h3.text-lg.medium, ul.check li.medium, ul.bullet li.medium {
  font-weight: 600;
}
.font-text.text-lg.regular, .card.card-horizontal h3.text-lg.regular, .card.card-vertical h3.text-lg.regular, ul.check li.regular, ul.bullet li.regular {
  font-weight: normal;
}
.font-text.text-xl, .card.card-horizontal h3.text-xl, .card.card-vertical h3, ul.check li.text-xl, ul.bullet li.text-xl {
  font-size: 20px;
  line-height: 30px;
}
.font-text.text-xl.bold, .card.card-horizontal h3.text-xl.bold, .card.card-vertical h3.bold, ul.check li.text-xl.bold, ul.bullet li.text-xl.bold, .font-text.text-xl > strong, .card.card-horizontal h3.text-xl > strong, .card.card-vertical h3 > strong, ul.check li.text-xl > strong, ul.bullet li.text-xl > strong {
  font-weight: bolder;
}
.font-text.text-xl.semi-bold, .card.card-horizontal h3.text-xl.semi-bold, .card.card-vertical h3.semi-bold, ul.check li.text-xl.semi-bold, ul.bullet li.text-xl.semi-bold, .font-text.text-xl > strong, .card.card-horizontal h3.text-xl > strong, .card.card-vertical h3 > strong, ul.check li.text-xl > strong, ul.bullet li.text-xl > strong {
  font-weight: bold;
}
.font-text.text-xl.medium, .card.card-horizontal h3.text-xl.medium, .card.card-vertical h3.medium, ul.check li.text-xl.medium, ul.bullet li.text-xl.medium {
  font-weight: 600;
}
.font-text.text-xl.regular, .card.card-horizontal h3.text-xl.regular, .card.card-vertical h3.regular, ul.check li.text-xl.regular, ul.bullet li.text-xl.regular {
  font-weight: normal;
}

@media screen and (max-width: 768px) {
  .font-display.d-lg, .input-group label.d-lg {
    font-size: 32px;
    line-height: 40px;
  }
  .font-display.d-md, .input-group label.d-md {
    font-size: 28px;
    line-height: 38px;
  }
  .font-display.d-xs, .input-group label.d-xs {
    font-size: 18px;
  }
}
strong {
  font-weight: 600;
}

.txt-center {
  text-align: center;
}

.txt-left {
  text-align: left;
}

.txt-right {
  text-align: right;
}

ul.bullet li {
  margin-bottom: 1rem;
  display: flex;
}
ul.bullet li:before {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  background-color: #006be0;
  margin-right: 1rem;
  margin-top: 0.8rem;
  border-radius: 50%;
  flex-shrink: 0;
}

ul.check li {
  margin-bottom: 1rem;
  display: flex;
}
ul.check li:before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.334 4 6 11.333 2.667 8' stroke='%2351525C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  margin-right: 1rem;
  margin-top: 0.4rem;
  flex-shrink: 0;
}
ul.check.checkwhite li:before {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.334 4 6 11.333 2.667 8' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.fixed {
  position: fixed;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-none {
  display: none !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.f-vertical {
  flex-direction: column;
}

.f-horizontal {
  flex-direction: row;
}

.w-full {
  width: 100%;
}

.pos-a {
  position: absolute !important;
}

@media screen and (max-width: 768px) {
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .f-md-vertical {
    flex-direction: column;
  }
  .f-md-horizontal {
    flex-direction: row;
  }
  .hide-md {
    display: none;
  }
}
@media (max-width: 576px) {
  .hide-xs {
    display: none;
  }
}
.overflow-visible {
  overflow: visible !important;
}

img {
  max-width: 100%;
  height: auto;
}
img.block {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (min-width: 1200px) {
  img.parametre-avancee {
    position: relative;
    top: 0;
    left: -100px;
    max-width: none;
  }
}
.overlay {
  mix-blend-mode: overlay;
}

.multiply {
  mix-blend-mode: multiply;
}

.darken {
  mix-blend-mode: darken;
}

.burger {
  display: none;
  margin-left: auto;
  z-index: 10010;
  position: absolute;
  right: 1rem;
  top: 0;
}
.burger__checkbox {
  display: none;
}
.burger__button {
  background-color: transparent;
  height: 3rem;
  width: 3rem;
  display: block;
  z-index: 2000;
  text-align: center;
  cursor: pointer;
}
.burger__icon {
  position: relative;
  margin-top: 1.5rem;
}
.burger__icon, .burger__icon::before, .burger__icon::after {
  width: 1.5rem;
  height: 2px;
  background-color: #18181b;
  display: inline-block;
}
.burger__icon::before, .burger__icon::after {
  content: "";
  position: absolute;
  left: 0;
  transition: all 0.2s;
}
.burger__icon::before {
  top: -0.5rem;
}
.burger__icon::after {
  top: 0.5rem;
}
.burger__button:hover .burger__icon::before {
  top: -0.65rem;
}
.burger__button:hover .burger__icon::after {
  top: 0.65rem;
}
.burger__checkbox:checked + .burger__button .burger__icon {
  background-color: transparent;
}
.burger__checkbox:checked + .burger__button .burger__icon::before {
  top: 0;
  transform: rotate(135deg);
  background-color: #ffffff;
}
.burger__checkbox:checked + .burger__button .burger__icon::after {
  top: 0;
  transform: rotate(-135deg);
  background-color: #ffffff;
}

@media (max-width: 991.98px) {
  .burger {
    display: block;
  }
}
.shadow-lg {
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
}

.shadow-xl, .card {
  box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.2), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);
}

.m-0 {
  margin: 0rem;
}

.ml-0 {
  margin-left: 0rem;
}

.mr-0 {
  margin-right: 0rem;
}

.mb-0 {
  margin-bottom: 0rem;
}

.mt-0 {
  margin-top: 0rem;
}

.mx-0 {
  margin-left: 0rem;
  margin-right: 0rem;
}

.my-0 {
  margin-top: 0rem;
  margin-bottom: 0rem;
}

.p-0 {
  padding: 0rem !important;
}

.pl-0 {
  padding-left: 0rem !important;
}

.pr-0 {
  padding-right: 0rem !important;
}

.pb-0 {
  padding-bottom: 0rem !important;
}

.pt-0 {
  padding-top: 0rem !important;
}

.px-0 {
  padding-left: 0rem !important;
  padding-right: 0rem !important;
}

.py-0 {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
}

.m-05 {
  margin: 0.5rem;
}

.ml-05 {
  margin-left: 0.5rem;
}

.mr-05 {
  margin-right: 0.5rem;
}

.mb-05 {
  margin-bottom: 0.5rem;
}

.mt-05 {
  margin-top: 0.5rem;
}

.mx-05 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.my-05 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.p-05 {
  padding: 0.5rem !important;
}

.pl-05 {
  padding-left: 0.5rem !important;
}

.pr-05 {
  padding-right: 0.5rem !important;
}

.pb-05 {
  padding-bottom: 0.5rem !important;
}

.pt-05 {
  padding-top: 0.5rem !important;
}

.px-05 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.py-05 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.m-1 {
  margin: 1rem;
}

.ml-1 {
  margin-left: 1rem;
}

.mr-1 {
  margin-right: 1rem;
}

.mb-1 {
  margin-bottom: 1rem;
}

.mt-1 {
  margin-top: 1rem;
}

.mx-1 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.my-1 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.p-1 {
  padding: 1rem !important;
}

.pl-1 {
  padding-left: 1rem !important;
}

.pr-1 {
  padding-right: 1rem !important;
}

.pb-1 {
  padding-bottom: 1rem !important;
}

.pt-1 {
  padding-top: 1rem !important;
}

.px-1 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.py-1 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.m-15 {
  margin: 1.5rem;
}

.ml-15 {
  margin-left: 1.5rem;
}

.mr-15 {
  margin-right: 1.5rem;
}

.mb-15 {
  margin-bottom: 1.5rem;
}

.mt-15 {
  margin-top: 1.5rem;
}

.mx-15 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.my-15 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.p-15, .card {
  padding: 1.5rem !important;
}

.pl-15 {
  padding-left: 1.5rem !important;
}

.pr-15 {
  padding-right: 1.5rem !important;
}

.pb-15 {
  padding-bottom: 1.5rem !important;
}

.pt-15 {
  padding-top: 1.5rem !important;
}

.px-15 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.py-15 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.m-2 {
  margin: 2rem;
}

.ml-2 {
  margin-left: 2rem;
}

.mr-2 {
  margin-right: 2rem;
}

.mb-2 {
  margin-bottom: 2rem;
}

.mt-2 {
  margin-top: 2rem;
}

.mx-2 {
  margin-left: 2rem;
  margin-right: 2rem;
}

.my-2 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.p-2 {
  padding: 2rem !important;
}

.pl-2 {
  padding-left: 2rem !important;
}

.pr-2 {
  padding-right: 2rem !important;
}

.pb-2 {
  padding-bottom: 2rem !important;
}

.pt-2 {
  padding-top: 2rem !important;
}

.px-2 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.py-2 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.m-25 {
  margin: 2.5rem;
}

.ml-25 {
  margin-left: 2.5rem;
}

.mr-25 {
  margin-right: 2.5rem;
}

.mb-25 {
  margin-bottom: 2.5rem;
}

.mt-25 {
  margin-top: 2.5rem;
}

.mx-25 {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}

.my-25 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.p-25 {
  padding: 2.5rem !important;
}

.pl-25 {
  padding-left: 2.5rem !important;
}

.pr-25 {
  padding-right: 2.5rem !important;
}

.pb-25 {
  padding-bottom: 2.5rem !important;
}

.pt-25 {
  padding-top: 2.5rem !important;
}

.px-25 {
  padding-left: 2.5rem !important;
  padding-right: 2.5rem !important;
}

.py-25 {
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}

.m-3 {
  margin: 3rem;
}

.ml-3 {
  margin-left: 3rem;
}

.mr-3 {
  margin-right: 3rem;
}

.mb-3 {
  margin-bottom: 3rem;
}

.mt-3 {
  margin-top: 3rem;
}

.mx-3 {
  margin-left: 3rem;
  margin-right: 3rem;
}

.my-3 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.p-3 {
  padding: 3rem !important;
}

.pl-3 {
  padding-left: 3rem !important;
}

.pr-3 {
  padding-right: 3rem !important;
}

.pb-3 {
  padding-bottom: 3rem !important;
}

.pt-3 {
  padding-top: 3rem !important;
}

.px-3 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.py-3 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.m-35 {
  margin: 3.5rem;
}

.ml-35 {
  margin-left: 3.5rem;
}

.mr-35 {
  margin-right: 3.5rem;
}

.mb-35 {
  margin-bottom: 3.5rem;
}

.mt-35 {
  margin-top: 3.5rem;
}

.mx-35 {
  margin-left: 3.5rem;
  margin-right: 3.5rem;
}

.my-35 {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}

.p-35 {
  padding: 3.5rem !important;
}

.pl-35 {
  padding-left: 3.5rem !important;
}

.pr-35 {
  padding-right: 3.5rem !important;
}

.pb-35 {
  padding-bottom: 3.5rem !important;
}

.pt-35 {
  padding-top: 3.5rem !important;
}

.px-35 {
  padding-left: 3.5rem !important;
  padding-right: 3.5rem !important;
}

.py-35 {
  padding-top: 3.5rem !important;
  padding-bottom: 3.5rem !important;
}

.m-4 {
  margin: 4rem;
}

.ml-4 {
  margin-left: 4rem;
}

.mr-4 {
  margin-right: 4rem;
}

.mb-4 {
  margin-bottom: 4rem;
}

.mt-4 {
  margin-top: 4rem;
}

.mx-4 {
  margin-left: 4rem;
  margin-right: 4rem;
}

.my-4 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.p-4 {
  padding: 4rem !important;
}

.pl-4 {
  padding-left: 4rem !important;
}

.pr-4 {
  padding-right: 4rem !important;
}

.pb-4 {
  padding-bottom: 4rem !important;
}

.pt-4 {
  padding-top: 4rem !important;
}

.px-4 {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}

.py-4 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

.m-45 {
  margin: 4.5rem;
}

.ml-45 {
  margin-left: 4.5rem;
}

.mr-45 {
  margin-right: 4.5rem;
}

.mb-45 {
  margin-bottom: 4.5rem;
}

.mt-45 {
  margin-top: 4.5rem;
}

.mx-45 {
  margin-left: 4.5rem;
  margin-right: 4.5rem;
}

.my-45 {
  margin-top: 4.5rem;
  margin-bottom: 4.5rem;
}

.p-45 {
  padding: 4.5rem !important;
}

.pl-45 {
  padding-left: 4.5rem !important;
}

.pr-45 {
  padding-right: 4.5rem !important;
}

.pb-45 {
  padding-bottom: 4.5rem !important;
}

.pt-45 {
  padding-top: 4.5rem !important;
}

.px-45 {
  padding-left: 4.5rem !important;
  padding-right: 4.5rem !important;
}

.py-45 {
  padding-top: 4.5rem !important;
  padding-bottom: 4.5rem !important;
}

.m-5 {
  margin: 5rem;
}

.ml-5 {
  margin-left: 5rem;
}

.mr-5 {
  margin-right: 5rem;
}

.mb-5 {
  margin-bottom: 5rem;
}

.mt-5 {
  margin-top: 5rem;
}

.mx-5 {
  margin-left: 5rem;
  margin-right: 5rem;
}

.my-5 {
  margin-top: 5rem;
  margin-bottom: 5rem;
}

.p-5 {
  padding: 5rem !important;
}

.pl-5 {
  padding-left: 5rem !important;
}

.pr-5 {
  padding-right: 5rem !important;
}

.pb-5 {
  padding-bottom: 5rem !important;
}

.pt-5 {
  padding-top: 5rem !important;
}

.px-5 {
  padding-left: 5rem !important;
  padding-right: 5rem !important;
}

.py-5 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

.m-55 {
  margin: 5.5rem;
}

.ml-55 {
  margin-left: 5.5rem;
}

.mr-55 {
  margin-right: 5.5rem;
}

.mb-55 {
  margin-bottom: 5.5rem;
}

.mt-55 {
  margin-top: 5.5rem;
}

.mx-55 {
  margin-left: 5.5rem;
  margin-right: 5.5rem;
}

.my-55 {
  margin-top: 5.5rem;
  margin-bottom: 5.5rem;
}

.p-55 {
  padding: 5.5rem !important;
}

.pl-55 {
  padding-left: 5.5rem !important;
}

.pr-55 {
  padding-right: 5.5rem !important;
}

.pb-55 {
  padding-bottom: 5.5rem !important;
}

.pt-55 {
  padding-top: 5.5rem !important;
}

.px-55 {
  padding-left: 5.5rem !important;
  padding-right: 5.5rem !important;
}

.py-55 {
  padding-top: 5.5rem !important;
  padding-bottom: 5.5rem !important;
}

.m-6 {
  margin: 6rem;
}

.ml-6 {
  margin-left: 6rem;
}

.mr-6 {
  margin-right: 6rem;
}

.mb-6 {
  margin-bottom: 6rem;
}

.mt-6 {
  margin-top: 6rem;
}

.mx-6 {
  margin-left: 6rem;
  margin-right: 6rem;
}

.my-6 {
  margin-top: 6rem;
  margin-bottom: 6rem;
}

.p-6 {
  padding: 6rem !important;
}

.pl-6 {
  padding-left: 6rem !important;
}

.pr-6 {
  padding-right: 6rem !important;
}

.pb-6 {
  padding-bottom: 6rem !important;
}

.pt-6 {
  padding-top: 6rem !important;
}

.px-6 {
  padding-left: 6rem !important;
  padding-right: 6rem !important;
}

.py-6 {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}

.m-65 {
  margin: 6.5rem;
}

.ml-65 {
  margin-left: 6.5rem;
}

.mr-65 {
  margin-right: 6.5rem;
}

.mb-65 {
  margin-bottom: 6.5rem;
}

.mt-65 {
  margin-top: 6.5rem;
}

.mx-65 {
  margin-left: 6.5rem;
  margin-right: 6.5rem;
}

.my-65 {
  margin-top: 6.5rem;
  margin-bottom: 6.5rem;
}

.p-65 {
  padding: 6.5rem !important;
}

.pl-65 {
  padding-left: 6.5rem !important;
}

.pr-65 {
  padding-right: 6.5rem !important;
}

.pb-65 {
  padding-bottom: 6.5rem !important;
}

.pt-65 {
  padding-top: 6.5rem !important;
}

.px-65 {
  padding-left: 6.5rem !important;
  padding-right: 6.5rem !important;
}

.py-65 {
  padding-top: 6.5rem !important;
  padding-bottom: 6.5rem !important;
}

.m-7 {
  margin: 7rem;
}

.ml-7 {
  margin-left: 7rem;
}

.mr-7 {
  margin-right: 7rem;
}

.mb-7 {
  margin-bottom: 7rem;
}

.mt-7 {
  margin-top: 7rem;
}

.mx-7 {
  margin-left: 7rem;
  margin-right: 7rem;
}

.my-7 {
  margin-top: 7rem;
  margin-bottom: 7rem;
}

.p-7 {
  padding: 7rem !important;
}

.pl-7 {
  padding-left: 7rem !important;
}

.pr-7 {
  padding-right: 7rem !important;
}

.pb-7 {
  padding-bottom: 7rem !important;
}

.pt-7 {
  padding-top: 7rem !important;
}

.px-7 {
  padding-left: 7rem !important;
  padding-right: 7rem !important;
}

.py-7 {
  padding-top: 7rem !important;
  padding-bottom: 7rem !important;
}

.m-300 {
  margin: 300px;
}

.ml-300 {
  margin-left: 300px;
}

.mr-300 {
  margin-right: 300px;
}

.mb-300 {
  margin-bottom: 300px;
}

.mt-300 {
  margin-top: 300px;
}

.mx-300 {
  margin-left: 300px;
  margin-right: 300px;
}

.my-300 {
  margin-top: 300px;
  margin-bottom: 300px;
}

.p-300 {
  padding: 300px !important;
}

.pl-300 {
  padding-left: 300px !important;
}

.pr-300 {
  padding-right: 300px !important;
}

.pb-300 {
  padding-bottom: 300px !important;
}

.pt-300 {
  padding-top: 300px !important;
}

.px-300 {
  padding-left: 300px !important;
  padding-right: 300px !important;
}

.py-300 {
  padding-top: 300px !important;
  padding-bottom: 300px !important;
}

.m-250 {
  margin: 250px;
}

.ml-250 {
  margin-left: 250px;
}

.mr-250 {
  margin-right: 250px;
}

.mb-250 {
  margin-bottom: 250px;
}

.mt-250 {
  margin-top: 250px;
}

.mx-250 {
  margin-left: 250px;
  margin-right: 250px;
}

.my-250 {
  margin-top: 250px;
  margin-bottom: 250px;
}

.p-250 {
  padding: 250px !important;
}

.pl-250 {
  padding-left: 250px !important;
}

.pr-250 {
  padding-right: 250px !important;
}

.pb-250 {
  padding-bottom: 250px !important;
}

.pt-250 {
  padding-top: 250px !important;
}

.px-250 {
  padding-left: 250px !important;
  padding-right: 250px !important;
}

.py-250 {
  padding-top: 250px !important;
  padding-bottom: 250px !important;
}

.top-250 {
  position: absolute;
  margin-top: -250px;
  z-index: 10;
  width: 100%;
}

.translatey-250 {
  transform: translateY(-250px);
}

.m-auto {
  margin: auto !important;
}

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.gap-12 {
  gap: 12px !important;
}

.gap-16 {
  gap: 16px !important;
}

.gap-32 {
  gap: 32px !important;
}

.radius-6 {
  border-radius: 6px !important;
  overflow: hidden;
}

.radius-8 {
  border-radius: 8px !important;
  overflow: hidden;
}

.radius-12, .card .card-icon, .card {
  border-radius: 12px !important;
  overflow: hidden;
}

.radius-16 {
  border-radius: 16px !important;
  overflow: hidden;
}

.radius-32 {
  border-radius: 32px !important;
  overflow: hidden;
}

.radius-50-100 {
  border-radius: 50% !important;
  overflow: hidden;
}

.border-left-5-primary500 {
  border-left: 5px solid #006be0;
}

.h-0px {
  height: 0px;
}
.h-5px {
  height: 5px;
}
.h-10px {
  height: 10px;
}
.h-15px {
  height: 15px;
}
.h-20px {
  height: 20px;
}
.h-25px {
  height: 25px;
}
.h-30px {
  height: 30px;
}
.h-35px {
  height: 35px;
}
.h-40px {
  height: 40px;
}
.h-45px {
  height: 45px;
}
.h-50px {
  height: 50px;
}
.h-55px {
  height: 55px;
}
.h-60px {
  height: 60px;
}
.h-65px {
  height: 65px;
}
.h-70px {
  height: 70px;
}
.h-75px {
  height: 75px;
}
.h-80px {
  height: 80px;
}
.h-85px {
  height: 85px;
}
.h-90px {
  height: 90px;
}
.h-95px {
  height: 95px;
}
.h-100px {
  height: 100px;
}
.h-105px {
  height: 105px;
}
.h-110px {
  height: 110px;
}
.h-115px {
  height: 115px;
}
.h-120px {
  height: 120px;
}
.h-125px {
  height: 125px;
}
.h-130px {
  height: 130px;
}
.h-135px {
  height: 135px;
}
.h-140px {
  height: 140px;
}
.h-145px {
  height: 145px;
}
.h-150px {
  height: 150px;
}
.h-155px {
  height: 155px;
}
.h-160px {
  height: 160px;
}
.h-165px {
  height: 165px;
}
.h-170px {
  height: 170px;
}
.h-175px {
  height: 175px;
}
.h-180px {
  height: 180px;
}
.h-185px {
  height: 185px;
}
.h-190px {
  height: 190px;
}
.h-195px {
  height: 195px;
}
.h-200px {
  height: 200px;
}
.h-205px {
  height: 205px;
}
.h-210px {
  height: 210px;
}
.h-215px {
  height: 215px;
}
.h-220px {
  height: 220px;
}
.h-225px {
  height: 225px;
}
.h-230px {
  height: 230px;
}
.h-235px {
  height: 235px;
}
.h-240px {
  height: 240px;
}
.h-245px {
  height: 245px;
}
.h-250px {
  height: 250px;
}
.h-255px {
  height: 255px;
}
.h-260px {
  height: 260px;
}
.h-265px {
  height: 265px;
}
.h-270px {
  height: 270px;
}
.h-275px {
  height: 275px;
}
.h-280px {
  height: 280px;
}
.h-285px {
  height: 285px;
}
.h-290px {
  height: 290px;
}
.h-295px {
  height: 295px;
}
.h-300px {
  height: 300px;
}
.h-305px {
  height: 305px;
}
.h-310px {
  height: 310px;
}
.h-315px {
  height: 315px;
}
.h-320px {
  height: 320px;
}
.h-325px {
  height: 325px;
}
.h-330px {
  height: 330px;
}
.h-335px {
  height: 335px;
}
.h-340px {
  height: 340px;
}
.h-345px {
  height: 345px;
}
.h-350px {
  height: 350px;
}
.h-355px {
  height: 355px;
}
.h-360px {
  height: 360px;
}
.h-365px {
  height: 365px;
}
.h-370px {
  height: 370px;
}
.h-375px {
  height: 375px;
}
.h-380px {
  height: 380px;
}
.h-385px {
  height: 385px;
}
.h-390px {
  height: 390px;
}
.h-395px {
  height: 395px;
}
.h-400px {
  height: 400px;
}
.h-405px {
  height: 405px;
}
.h-410px {
  height: 410px;
}
.h-415px {
  height: 415px;
}
.h-420px {
  height: 420px;
}
.h-425px {
  height: 425px;
}
.h-430px {
  height: 430px;
}
.h-435px {
  height: 435px;
}
.h-440px {
  height: 440px;
}
.h-445px {
  height: 445px;
}
.h-450px {
  height: 450px;
}
.h-455px {
  height: 455px;
}
.h-460px {
  height: 460px;
}
.h-465px {
  height: 465px;
}
.h-470px {
  height: 470px;
}
.h-475px {
  height: 475px;
}
.h-480px {
  height: 480px;
}
.h-485px {
  height: 485px;
}
.h-490px {
  height: 490px;
}
.h-495px {
  height: 495px;
}

.w-0px {
  width: 0px;
}
.w-5px {
  width: 5px;
}
.w-10px {
  width: 10px;
}
.w-15px {
  width: 15px;
}
.w-20px {
  width: 20px;
}
.w-25px {
  width: 25px;
}
.w-30px {
  width: 30px;
}
.w-35px {
  width: 35px;
}
.w-40px {
  width: 40px;
}
.w-45px {
  width: 45px;
}
.w-50px {
  width: 50px;
}
.w-55px {
  width: 55px;
}
.w-60px {
  width: 60px;
}
.w-65px {
  width: 65px;
}
.w-70px {
  width: 70px;
}
.w-75px {
  width: 75px;
}
.w-80px {
  width: 80px;
}
.w-85px {
  width: 85px;
}
.w-90px {
  width: 90px;
}
.w-95px {
  width: 95px;
}
.w-100px {
  width: 100px;
}
.w-105px {
  width: 105px;
}
.w-110px {
  width: 110px;
}
.w-115px {
  width: 115px;
}
.w-120px {
  width: 120px;
}
.w-125px {
  width: 125px;
}
.w-130px {
  width: 130px;
}
.w-135px {
  width: 135px;
}
.w-140px {
  width: 140px;
}
.w-145px {
  width: 145px;
}
.w-150px {
  width: 150px;
}
.w-155px {
  width: 155px;
}
.w-160px {
  width: 160px;
}
.w-165px {
  width: 165px;
}
.w-170px {
  width: 170px;
}
.w-175px {
  width: 175px;
}
.w-180px {
  width: 180px;
}
.w-185px {
  width: 185px;
}
.w-190px {
  width: 190px;
}
.w-195px {
  width: 195px;
}
.w-200px {
  width: 200px;
}
.w-205px {
  width: 205px;
}
.w-210px {
  width: 210px;
}
.w-215px {
  width: 215px;
}
.w-220px {
  width: 220px;
}
.w-225px {
  width: 225px;
}
.w-230px {
  width: 230px;
}
.w-235px {
  width: 235px;
}
.w-240px {
  width: 240px;
}
.w-245px {
  width: 245px;
}
.w-250px {
  width: 250px;
}
.w-255px {
  width: 255px;
}
.w-260px {
  width: 260px;
}
.w-265px {
  width: 265px;
}
.w-270px {
  width: 270px;
}
.w-275px {
  width: 275px;
}
.w-280px {
  width: 280px;
}
.w-285px {
  width: 285px;
}
.w-290px {
  width: 290px;
}
.w-295px {
  width: 295px;
}
.w-300px {
  width: 300px;
}
.w-305px {
  width: 305px;
}
.w-310px {
  width: 310px;
}
.w-315px {
  width: 315px;
}
.w-320px {
  width: 320px;
}
.w-325px {
  width: 325px;
}
.w-330px {
  width: 330px;
}
.w-335px {
  width: 335px;
}
.w-340px {
  width: 340px;
}
.w-345px {
  width: 345px;
}
.w-350px {
  width: 350px;
}
.w-355px {
  width: 355px;
}
.w-360px {
  width: 360px;
}
.w-365px {
  width: 365px;
}
.w-370px {
  width: 370px;
}
.w-375px {
  width: 375px;
}
.w-380px {
  width: 380px;
}
.w-385px {
  width: 385px;
}
.w-390px {
  width: 390px;
}
.w-395px {
  width: 395px;
}
.w-400px {
  width: 400px;
}
.w-405px {
  width: 405px;
}
.w-410px {
  width: 410px;
}
.w-415px {
  width: 415px;
}
.w-420px {
  width: 420px;
}
.w-425px {
  width: 425px;
}
.w-430px {
  width: 430px;
}
.w-435px {
  width: 435px;
}
.w-440px {
  width: 440px;
}
.w-445px {
  width: 445px;
}
.w-450px {
  width: 450px;
}
.w-455px {
  width: 455px;
}
.w-460px {
  width: 460px;
}
.w-465px {
  width: 465px;
}
.w-470px {
  width: 470px;
}
.w-475px {
  width: 475px;
}
.w-480px {
  width: 480px;
}
.w-485px {
  width: 485px;
}
.w-490px {
  width: 490px;
}
.w-495px {
  width: 495px;
}

.hr-white {
  background-color: rgba(255, 255, 255, 0.2);
  height: 1px;
  box-shadow: none;
  background-color: none;
  border-style: none;
}

@media screen and (max-width: 768px) {
  .md-h-auto {
    height: auto;
  }
  .md-w-auto {
    width: auto;
  }
  .top-250 {
    position: relative;
    margin-top: 0;
    z-index: 10;
    width: 100%;
  }
  .pt-250 {
    padding-top: 0 !important;
  }
  .pb-300 {
    padding-bottom: 3rem !important;
  }
  .hidden-sm {
    display: none !important;
  }
  .p-sm-0 {
    padding: 0rem !important;
  }
  .pl-sm-0 {
    padding-left: 0rem !important;
  }
  .pr-sm-0 {
    padding-right: 0rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0rem !important;
  }
  .pt-sm-0 {
    padding-top: 0rem !important;
  }
  .px-sm-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .py-sm-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .p-sm-05 {
    padding: 0.5rem !important;
  }
  .pl-sm-05 {
    padding-left: 0.5rem !important;
  }
  .pr-sm-05 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-05 {
    padding-bottom: 0.5rem !important;
  }
  .pt-sm-05 {
    padding-top: 0.5rem !important;
  }
  .px-sm-05 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .py-sm-05 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .p-sm-1 {
    padding: 1rem !important;
  }
  .pl-sm-1 {
    padding-left: 1rem !important;
  }
  .pr-sm-1 {
    padding-right: 1rem !important;
  }
  .pb-sm-1 {
    padding-bottom: 1rem !important;
  }
  .pt-sm-1 {
    padding-top: 1rem !important;
  }
  .px-sm-1 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .py-sm-1 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .p-sm-15 {
    padding: 1.5rem !important;
  }
  .pl-sm-15 {
    padding-left: 1.5rem !important;
  }
  .pr-sm-15 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-15 {
    padding-bottom: 1.5rem !important;
  }
  .pt-sm-15 {
    padding-top: 1.5rem !important;
  }
  .px-sm-15 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .py-sm-15 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .p-sm-2 {
    padding: 2rem !important;
  }
  .pl-sm-2 {
    padding-left: 2rem !important;
  }
  .pr-sm-2 {
    padding-right: 2rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 2rem !important;
  }
  .pt-sm-2 {
    padding-top: 2rem !important;
  }
  .px-sm-2 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .py-sm-2 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .p-sm-25 {
    padding: 2.5rem !important;
  }
  .pl-sm-25 {
    padding-left: 2.5rem !important;
  }
  .pr-sm-25 {
    padding-right: 2.5rem !important;
  }
  .pb-sm-25 {
    padding-bottom: 2.5rem !important;
  }
  .pt-sm-25 {
    padding-top: 2.5rem !important;
  }
  .px-sm-25 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
  .py-sm-25 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  .p-sm-3 {
    padding: 3rem !important;
  }
  .pl-sm-3 {
    padding-left: 3rem !important;
  }
  .pr-sm-3 {
    padding-right: 3rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 3rem !important;
  }
  .pt-sm-3 {
    padding-top: 3rem !important;
  }
  .px-sm-3 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .py-sm-3 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .p-sm-35 {
    padding: 3.5rem !important;
  }
  .pl-sm-35 {
    padding-left: 3.5rem !important;
  }
  .pr-sm-35 {
    padding-right: 3.5rem !important;
  }
  .pb-sm-35 {
    padding-bottom: 3.5rem !important;
  }
  .pt-sm-35 {
    padding-top: 3.5rem !important;
  }
  .px-sm-35 {
    padding-left: 3.5rem !important;
    padding-right: 3.5rem !important;
  }
  .py-sm-35 {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }
  .p-sm-4 {
    padding: 4rem !important;
  }
  .pl-sm-4 {
    padding-left: 4rem !important;
  }
  .pr-sm-4 {
    padding-right: 4rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 4rem !important;
  }
  .pt-sm-4 {
    padding-top: 4rem !important;
  }
  .px-sm-4 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .py-sm-4 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .p-sm-45 {
    padding: 4.5rem !important;
  }
  .pl-sm-45 {
    padding-left: 4.5rem !important;
  }
  .pr-sm-45 {
    padding-right: 4.5rem !important;
  }
  .pb-sm-45 {
    padding-bottom: 4.5rem !important;
  }
  .pt-sm-45 {
    padding-top: 4.5rem !important;
  }
  .px-sm-45 {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }
  .py-sm-45 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
  .p-sm-5 {
    padding: 5rem !important;
  }
  .pl-sm-5 {
    padding-left: 5rem !important;
  }
  .pr-sm-5 {
    padding-right: 5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 5rem !important;
  }
  .pt-sm-5 {
    padding-top: 5rem !important;
  }
  .px-sm-5 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .py-sm-5 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .p-sm-55 {
    padding: 5.5rem !important;
  }
  .pl-sm-55 {
    padding-left: 5.5rem !important;
  }
  .pr-sm-55 {
    padding-right: 5.5rem !important;
  }
  .pb-sm-55 {
    padding-bottom: 5.5rem !important;
  }
  .pt-sm-55 {
    padding-top: 5.5rem !important;
  }
  .px-sm-55 {
    padding-left: 5.5rem !important;
    padding-right: 5.5rem !important;
  }
  .py-sm-55 {
    padding-top: 5.5rem !important;
    padding-bottom: 5.5rem !important;
  }
  .p-sm-6 {
    padding: 6rem !important;
  }
  .pl-sm-6 {
    padding-left: 6rem !important;
  }
  .pr-sm-6 {
    padding-right: 6rem !important;
  }
  .pb-sm-6 {
    padding-bottom: 6rem !important;
  }
  .pt-sm-6 {
    padding-top: 6rem !important;
  }
  .px-sm-6 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }
  .py-sm-6 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .p-sm-65 {
    padding: 6.5rem !important;
  }
  .pl-sm-65 {
    padding-left: 6.5rem !important;
  }
  .pr-sm-65 {
    padding-right: 6.5rem !important;
  }
  .pb-sm-65 {
    padding-bottom: 6.5rem !important;
  }
  .pt-sm-65 {
    padding-top: 6.5rem !important;
  }
  .px-sm-65 {
    padding-left: 6.5rem !important;
    padding-right: 6.5rem !important;
  }
  .py-sm-65 {
    padding-top: 6.5rem !important;
    padding-bottom: 6.5rem !important;
  }
  .p-sm-7 {
    padding: 7rem !important;
  }
  .pl-sm-7 {
    padding-left: 7rem !important;
  }
  .pr-sm-7 {
    padding-right: 7rem !important;
  }
  .pb-sm-7 {
    padding-bottom: 7rem !important;
  }
  .pt-sm-7 {
    padding-top: 7rem !important;
  }
  .px-sm-7 {
    padding-left: 7rem !important;
    padding-right: 7rem !important;
  }
  .py-sm-7 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }
  .p-sm-300 {
    padding: 300px !important;
  }
  .pl-sm-300 {
    padding-left: 300px !important;
  }
  .pr-sm-300 {
    padding-right: 300px !important;
  }
  .pb-sm-300 {
    padding-bottom: 300px !important;
  }
  .pt-sm-300 {
    padding-top: 300px !important;
  }
  .px-sm-300 {
    padding-left: 300px !important;
    padding-right: 300px !important;
  }
  .py-sm-300 {
    padding-top: 300px !important;
    padding-bottom: 300px !important;
  }
  .p-sm-250 {
    padding: 250px !important;
  }
  .pl-sm-250 {
    padding-left: 250px !important;
  }
  .pr-sm-250 {
    padding-right: 250px !important;
  }
  .pb-sm-250 {
    padding-bottom: 250px !important;
  }
  .pt-sm-250 {
    padding-top: 250px !important;
  }
  .px-sm-250 {
    padding-left: 250px !important;
    padding-right: 250px !important;
  }
  .py-sm-250 {
    padding-top: 250px !important;
    padding-bottom: 250px !important;
  }
}
.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1400px;
  }
}

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.offset-1 {
  margin-left: 8.3333333333%;
}

.offset-2 {
  margin-left: 16.6666666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.3333333333%;
}

.offset-5 {
  margin-left: 41.6666666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.3333333333%;
}

.offset-8 {
  margin-left: 66.6666666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.3333333333%;
}

.offset-11 {
  margin-left: 91.6666666667%;
}

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}
.card {
  background-color: #ffffff;
  display: flex;
}
.card.card-vertical {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-bottom: 1.5rem;
}
.card.card-vertical .card-icon {
  margin-bottom: 1rem;
}
.card.card-vertical h3 {
  color: #006be0;
  margin-bottom: 1rem;
}
.card.card-horizontal {
  flex-direction: row;
  gap: 8px;
  height: 100%;
}
.card.card-horizontal .card-icon {
  flex-shrink: 0;
}
.card.card-horizontal h3 {
  color: #006be0;
  margin-bottom: 0;
}
.card.card-horizontal p {
  margin-bottom: 0;
}
.card .card-icon {
  background-color: #84bfff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.card .card-icon.card-icon-xl {
  width: 56px;
  height: 56px;
}
.card .card-icon.card-icon-md {
  width: 40px;
  height: 40px;
}
.card .card-content p {
  color: #70707b;
}

.container {
  max-width: 1280px;
  width: 100%;
  margin: auto;
  position: relative;
}

#spinner {
  display: none;
  position: absolute;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  width: 60px;
  height: 60px;
  animation: spinner 0.75s linear infinite;
}
#spinner span {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
#spinner .spinner-inner-1 {
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, black 51%);
}
#spinner .spinner-inner-2 {
  background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, white 100%);
}
#spinner .spinner-inner-3 {
  top: 6px;
  left: 6px;
  width: 48px;
  height: 48px;
  background: white;
}

@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.input-group {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.5rem;
}
.input-group input[type=text], .input-group input[type=email], .input-group input[type=tel], .input-group textarea, .input-group select {
  transition: all 150ms ease-in;
  background-color: #ffffff;
  padding: 0.75rem;
  min-height: 56px;
  border: 1px solid #c2c7cb;
  border-radius: 4px;
  font-size: 1rem;
}
.input-group input[type=text]:focus, .input-group input[type=email]:focus, .input-group input[type=tel]:focus, .input-group textarea:focus, .input-group select:focus {
  box-shadow: 0 0px 5px black;
  outline: none !important;
  border-color: black;
}
.input-group label {
  padding-left: 0;
  color: #344054;
  margin-bottom: 0.25rem;
}
.input-group .error {
  padding-top: 0.5rem;
  color: black;
  font-size: 0.85rem;
}

.bg-primary900 {
  background: #002e60 !important;
}

.bg-primary800 {
  background: #003d80 !important;
}

.bg-primary700 {
  background: #004ca0 !important;
}

.bg-primary600 {
  background: #005cc0 !important;
}

.bg-primary500 {
  background: #006be0 !important;
}

.bg-primary400 {
  background: #0a7fff !important;
}

.bg-primary300 {
  background: #3394ff !important;
}

.bg-primary200 {
  background: #5caaff !important;
}

.bg-primary100 {
  background: #84bfff !important;
}

.bg-primary50 {
  background: #add4ff !important;
}

.bg-gray900 {
  background: #18181b !important;
}

.bg-gray800 {
  background: #26272b !important;
}

.bg-gray700 {
  background: #344054 !important;
}

.bg-gray600 {
  background: #51525c !important;
}

.bg-gray500 {
  background: #70707b !important;
}

.bg-gray400 {
  background: #a0a0ab !important;
}

.bg-gray300 {
  background: #d1d1d6 !important;
}

.bg-gray200 {
  background: #E4E4E7 !important;
}

.bg-secondary {
  background: #FF6682 !important;
}

.bg-white {
  background: #ffffff !important;
}

.border-primary900 {
  border-color: #002e60 !important;
}

.border-primary800 {
  border-color: #003d80 !important;
}

.border-primary700 {
  border-color: #004ca0 !important;
}

.border-primary600 {
  border-color: #005cc0 !important;
}

.border-primary500 {
  border-color: #006be0 !important;
}

.border-primary400 {
  border-color: #0a7fff !important;
}

.border-primary300 {
  border-color: #3394ff !important;
}

.border-primary200 {
  border-color: #5caaff !important;
}

.border-primary100 {
  border-color: #84bfff !important;
}

.border-primary50 {
  border-color: #add4ff !important;
}

.border-gray900 {
  border-color: #18181b !important;
}

.border-gray800 {
  border-color: #26272b !important;
}

.border-gray700 {
  border-color: #344054 !important;
}

.border-gray600 {
  border-color: #51525c !important;
}

.border-gray500 {
  border-color: #70707b !important;
}

.border-gray400 {
  border-color: #a0a0ab !important;
}

.border-gray300 {
  border-color: #d1d1d6 !important;
}

.border-gray200 {
  border-color: #E4E4E7 !important;
}

.border-secondary {
  border-color: #FF6682 !important;
}

.border-white {
  border-color: #ffffff !important;
}

.txt-primary900 {
  color: #002e60 !important;
}

.txt-primary800 {
  color: #003d80 !important;
}

.txt-primary700 {
  color: #004ca0 !important;
}

.txt-primary600 {
  color: #005cc0 !important;
}

.txt-primary500 {
  color: #006be0 !important;
}

.txt-primary400 {
  color: #0a7fff !important;
}

.txt-primary300 {
  color: #3394ff !important;
}

.txt-primary200 {
  color: #5caaff !important;
}

.txt-primary100 {
  color: #84bfff !important;
}

.txt-primary50 {
  color: #add4ff !important;
}

.txt-gray900 {
  color: #18181b !important;
}

.txt-gray800 {
  color: #26272b !important;
}

.txt-gray700 {
  color: #344054 !important;
}

.txt-gray600 {
  color: #51525c !important;
}

.txt-gray500 {
  color: #70707b !important;
}

.txt-gray400 {
  color: #a0a0ab !important;
}

.txt-gray300 {
  color: #d1d1d6 !important;
}

.txt-gray200 {
  color: #E4E4E7 !important;
}

.txt-secondary {
  color: #FF6682 !important;
}

.txt-white {
  color: #ffffff !important;
}

.bg-01 {
  background-image: url(../img/background/bg-01.png);
  background-repeat: no-repeat;
  background-position: top left;
}

.bg-parametre:before {
  content: "";
  position: absolute;
  width: 20%;
  height: 100%;
  border-bottom-right-radius: 32px;
  border-top-right-radius: 32px;
  left: 0;
  top: 0px;
  background: linear-gradient(210deg, #006BE0 13.4%, #006BE0 86.6%);
}

@media (max-width: 991.98px) {
  .bg-parametre:before {
    width: 10px;
  }
}
.btn {
  font-family: "Inter";
  font-weight: 500;
  border-radius: 4px;
  border: none;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  color: #002e60;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  align-items: center;
  overflow: hidden;
  position: relative;
  z-index: 1;
  white-space: nowrap;
}
.btn > * {
  margin: 0 5px;
}
.btn.btn-lg {
  font-size: 18px;
  line-height: 28px;
  padding: 12px 20px;
}
.btn.btn-md {
  font-size: 16px;
  line-height: 20px;
  padding: 10px 18px;
}
.btn.icon-left span {
  padding-right: 0.5rem;
}
.btn.icon-right span {
  padding-left: 0.5rem;
}
.btn.btn-icon {
  width: 56px;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn.btn-icon:hover, .btn.btn-icon:focus {
  background-color: #ffffff;
}
.btn.btn-primary {
  color: #ffffff;
  background-color: #006be0;
  border: 1px solid #006be0;
}
.btn.btn-primary:hover, .btn.btn-primary:focus {
  background-color: #0053ad;
  border: 1px solid #0053ad;
}
.btn.btn-primary:hover span.arrow-left, .btn.btn-primary:focus span.arrow-left {
  transform: translateX(5px);
}
.btn.btn-primary span.arrow-left {
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 12H20M20 12L14 6M20 12L14 18' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  display: block;
}
.btn.btn-primary span.user {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 12.5c-2.642 0-4.991 1.275-6.487 3.255-.322.426-.483.639-.478.927a.929.929 0 0 0 .319.64c.227.178.54.178 1.168.178h10.955c.628 0 .942 0 1.168-.178a.929.929 0 0 0 .319-.64c.005-.288-.156-.501-.478-.927C14.991 13.775 12.641 12.5 10 12.5ZM10 10a3.75 3.75 0 1 0 0-7.5 3.75 3.75 0 0 0 0 7.5Z' stroke='%23fff' stroke-width='1.667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  display: block;
}
.btn.btn-secondary {
  color: #ffffff;
  background-color: #FF6682;
  border: 1px solid #FF6682;
}
.btn.btn-secondary:hover, .btn.btn-secondary:focus {
  background-color: #ff3358;
  border: 1px solid #ff3358;
}
.btn.btn-secondary:hover span.arrow-left, .btn.btn-secondary:focus span.arrow-left {
  transform: translateX(5px);
}
.btn.btn-secondary span.arrow-left {
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 12H20M20 12L14 6M20 12L14 18' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  display: block;
}
.btn.btn-secondary span.user {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 12.5c-2.642 0-4.991 1.275-6.487 3.255-.322.426-.483.639-.478.927a.929.929 0 0 0 .319.64c.227.178.54.178 1.168.178h10.955c.628 0 .942 0 1.168-.178a.929.929 0 0 0 .319-.64c.005-.288-.156-.501-.478-.927C14.991 13.775 12.641 12.5 10 12.5ZM10 10a3.75 3.75 0 1 0 0-7.5 3.75 3.75 0 0 0 0 7.5Z' stroke='%23fff' stroke-width='1.667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  display: block;
}
.btn.btn-underline {
  display: inline-flex;
  font-weight: normal;
  flex-direction: column;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  color: #344054;
}
.btn.btn-underline:after {
  content: "";
  display: block;
  height: 2px;
  background-color: #d1d1d6;
  width: 100%;
  margin-top: 0.25rem;
}
.btn.btn-underline:before {
  content: "";
  display: block;
  height: 2px;
  background-color: #006be0;
  width: 0%;
  margin-top: 0.25rem;
  position: absolute;
  bottom: 0;
  transition: all 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.btn.btn-underline:hover, .btn.btn-underline:focus {
  color: #006be0;
}
.btn.btn-underline:hover:before, .btn.btn-underline:focus:before {
  width: 100%;
}
.btn.btn-primary-outline {
  color: #006be0;
  background-color: transparent;
  border: 1px solid #006be0;
}
.btn.btn-primary-outline:hover, .btn.btn-primary-outline:focus {
  color: #ffffff;
  background-color: #0053ad;
  border: 1px solid #0053ad;
}
.btn.btn-gray {
  color: #344054;
  background-color: #d1d1d6;
  border: 1px solid #d1d1d6;
}
.btn.btn-gray:hover, .btn.btn-gray:focus {
  color: #ffffff;
  background-color: #344054;
  border: 1px solid #344054;
}
.btn.btn-gray-outline {
  color: #344054;
  background-color: transparent;
  border: 1px solid #d1d1d6;
}
.btn.btn-gray-outline:hover, .btn.btn-gray-outline:focus {
  color: #ffffff;
  background-color: #344054;
  border: 1px solid #344054;
}
.btn.btn-gray-outline:hover path, .btn.btn-gray-outline:focus path {
  stroke: #ffffff;
}
.btn.btn-animate:before {
  background: #fff;
  border-radius: 60% 60% 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: translateY(105%);
  transition: transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), border-radius 0.4s ease-out 0.2s;
  width: 100%;
  z-index: -1;
}
.btn.btn-animate:hover, .btn.btn-animate:focus {
  background-color: #002e60;
  color: #002e60;
}
.btn.btn-animate:hover:before, .btn.btn-animate:focus:before {
  transform: translateY(0);
  border-radius: 0;
}

.container {
  max-width: 1280px;
  width: 100%;
  margin: auto;
  position: relative;
}

#header .logo img {
  display: block;
  margin: auto;
  padding: 3rem 0 5rem;
}

@media screen and (max-width: 700px) {
  body {
    overflow-x: hidden;
  }
}
section {
  position: relative;
}

section.securite {
  position: relative;
}
section.securite:before {
  content: "";
  position: absolute;
  width: 45%;
  height: calc(80% - 250px);
  border-bottom-left-radius: 60px;
  border-top-left-radius: 60px;
  right: 0;
  top: calc(60% - 250px);
  background-image: url(../img/content/fingerprint_1x.webp);
  background-color: #EAECF0;
}
section.securite img {
  margin-right: 1rem;
}

@media screen and (max-width: 768px) {
  section.securite:before {
    display: none;
  }
}
nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
}

.hero:before {
  content: "";
  position: absolute;
  width: 45%;
  height: calc(100vh - 50px);
  border-bottom-left-radius: 100px;
  right: 0;
  top: 0px;
  background: linear-gradient(210deg, #006BE0 13.4%, #006BE0 86.6%);
}
.hero.smaller:before {
  height: 780px;
}

@media screen and (max-width: 768px) {
  .hero:before {
    display: none;
  }
}
#header {
  width: 100%;
  z-index: 1000;
}
#header nav.main-nav {
  display: flex;
  height: 60px;
}
#header nav.main-nav ul {
  display: flex;
  gap: 16px;
  height: 100%;
}
#header nav.main-nav ul li {
  display: flex;
  height: 100%;
  align-items: center;
}
#header nav.main-nav ul li a {
  display: flex;
  align-items: center;
  height: 100%;
  position: relative;
  text-decoration: none;
  color: #51525c;
  transition: all 150ms ease-in;
}
#header nav.main-nav ul li a:hover, #header nav.main-nav ul li a:focus {
  color: #006be0;
  font-weight: 600;
}
#header nav.main-nav ul li a:hover:after, #header nav.main-nav ul li a:focus:after {
  background-color: #006be0;
  width: 100%;
  bottom: 0;
  left: 0;
}
#header nav.main-nav ul li a.active {
  color: #006be0;
  font-weight: 600;
}
#header nav.main-nav ul li a.active:after {
  background-color: #006be0;
  width: 100%;
  bottom: 0;
  left: 0;
}
#header nav.main-nav ul li a:after {
  content: "";
  height: 3px;
  display: block;
  background-color: #ffffff;
  width: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: all 150ms ease-in;
}
#header nav.main-nav-mobile {
  position: fixed;
  z-index: 1000;
  background-color: #006be0;
  transition: all 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  color: #ffffff;
  width: 100vw;
  height: 100vh;
  right: -100vw;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
#header nav.main-nav-mobile ul {
  display: flex;
  flex-direction: column;
  padding: 3rem;
}
#header nav.main-nav-mobile ul li {
  font-size: 2rem;
  margin-bottom: 1rem;
}
#header nav.main-nav-mobile ul li a {
  color: #ffffff;
  text-decoration: none;
  line-height: 1.8;
}
#header nav.main-nav-mobile ul li a:after {
  content: "";
  display: block;
  height: 3px;
  width: 100%;
  background-color: rgba(173, 212, 255, 0.1);
}
#header nav.main-nav-mobile.visible {
  right: 0;
}
#header #bg-nav {
  position: fixed;
  z-index: 1000;
  background-color: #3394ff;
  transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  color: #ffffff;
  width: 100vw;
  height: 100vh;
  right: -100vw;
  top: 0;
}
#header #bg-nav.visible {
  right: 0;
}
@media (max-width: 991.98px) {
  #header #main-header-nav nav {
    display: none;
  }
}

footer a {
  color: #ffffff;
}
footer a [class^=icon-] {
  font-size: 1.5rem;
  margin-left: 1rem;
}
footer nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-flex;
  gap: 32px;
}
footer nav ul a {
  text-decoration: none;
}
footer nav ul a:hover, footer nav ul a:focus {
  text-decoration: underline;
}

@media (max-width: 768px) {
  footer nav ul.logos-groupe {
    display: flex;
    flex-wrap: wrap;
  }
  footer nav ul.logos-groupe li {
    flex-basis: calc(33% - 32px);
    padding: 0 !important;
  }
}
@media (max-width: 768px) {
  footer nav ul.logos-groupe {
    display: flex;
    flex-wrap: wrap;
  }
  footer nav ul.logos-groupe li {
    flex-basis: calc(50% - 32px);
    padding: 0 !important;
  }
  #footer-partner .d-flex {
    flex-wrap: wrap;
  }
}/*# sourceMappingURL=style.css.map */